:root{--bg:#080b0a;--panel:#101513;--text:#f0f3f1;--muted:#9ca7a1;--green:#22ec9c;--line:#26312b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--green);color:#06160f;padding:10px}.skip:focus{top:10px}.header,.section,.footer{width:min(1240px,calc(100% - 96px));margin:auto}.header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:21px;letter-spacing:2px}.brand img{object-fit:contain}.header nav{display:flex;align-items:center;gap:32px;font-size:13px}.header nav>a:not(.button):hover,.footer a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:var(--green);color:#04140c;font-size:14px;font-weight:700;padding:17px 23px;border:1px solid var(--green);border-radius:4px;transition:background .2s,transform .2s}.button:hover{background:#63ffba;transform:translateY(-2px)}.button.small{padding:10px 17px;font-size:12px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:32px;min-height:730px;padding:72px 0 80px}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:700;color:var(--green);margin:0 0 25px;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #22ec9c80;flex-shrink:0}h1{font-size:clamp(42px,4.5vw,65px);line-height:1.06;letter-spacing:-3px;margin:0 0 28px;font-weight:800}h1 span,h2 span{color:var(--green)}.lead{color:var(--muted);font-size:16px;max-width:460px;line-height:1.8}.actions{display:flex;gap:28px;align-items:center;margin-top:30px}.text-link{font-size:13px;display:flex;gap:18px}.text-link:hover{color:var(--green)}.hero-note{font-size:8px;letter-spacing:1.2px;color:#7c8a82;margin-top:25px}.hero-note span{color:var(--green);margin:0 8px}.hero-art{position:relative;isolation:isolate;min-height:490px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0d3524aa,transparent 65%);overflow:hidden}.hero-logo{width:95%;height:auto;mix-blend-mode:screen;z-index:1;filter:drop-shadow(0 0 28px #22ec9c20);animation:glow 6s ease-in-out infinite}.art-wordmark{font-size:clamp(32px,3.3vw,48px);font-weight:900;letter-spacing:9px;margin-top:12px;background:linear-gradient(120deg,#718078,#fff,#a6b4ab);background-clip:text;color:transparent}.slogan{font-size:9px;letter-spacing:5px;color:var(--muted)}.orbit{position:absolute;width:400px;height:400px;border:1px solid #22ec9c17;border-radius:50%;z-index:-1}.orbit-two{width:500px;height:500px;border-style:dashed}.art-coordinate{position:absolute;top:16px;left:20px;font-size:8px;letter-spacing:2px;color:#728078}.art-bottom{position:absolute;bottom:16px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#728078}.discipline-strip{border-block:1px solid var(--line);display:flex;justify-content:center;gap:7vw;padding:24px;font-size:12px;font-weight:700;letter-spacing:3px;color:#b0bab4}.discipline-strip i{color:var(--green);font-style:normal}.features{padding:100px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}h2{font-size:clamp(34px,3.6vw,48px);letter-spacing:-1.8px;line-height:1.12;margin:0;font-weight:800}.section-top>p,.contact p{color:var(--muted);font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{position:relative;border:1px solid var(--line);background:linear-gradient(140deg,#131a16,#0d110f);border-radius:6px;padding:30px;min-height:260px;transition:border-color .25s}.feature:hover{border-color:#22ec9c70}.feature-icon{font-size:29px;line-height:1;color:var(--green)}.number{position:absolute;right:25px;top:25px;color:#617067;font-size:10px;font-family:monospace}h3{font-size:18px;letter-spacing:-.4px;margin:25px 0 10px}.feature p{font-size:13px;color:var(--muted);max-width:290px;margin:0}.tag{display:block;margin-top:24px;font-size:8px;letter-spacing:2px;color:#718178}.progress{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:90px 0 110px}.progress-list{list-style:none;padding:0;margin-top:30px}.progress-list li{border-bottom:1px solid var(--line);padding:13px 0;font-size:13px;display:flex;justify-content:space-between}.progress-list span{font-size:9px;color:#65796d}.progress-visual{padding:30px;border:1px solid #2d4437;border-radius:12px;background:radial-gradient(at 100% 0,#16402a55,transparent 60%),#101613;box-shadow:0 20px 100px #0008;transform:rotate(-2deg)}.visual-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}.progress-chart{position:relative;margin:40px 0 24px}.progress-chart svg{width:100%;display:block;position:relative}.chart-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 39px,#2a3a3040 40px),repeating-linear-gradient(90deg,transparent 0,transparent 59px,#2a3a3040 60px)}.visual-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.visual-tiles span{padding:12px;background:#19251e;border:1px solid #2c3c31;border-radius:4px;font-size:8px;letter-spacing:1px}.visual-tiles b{display:block;color:var(--green);font-size:22px;margin-top:6px}.visual-caption{font-size:9px;color:#92a297;margin-top:25px;margin-bottom:0}.beta{position:relative;display:grid;grid-template-columns:1.35fr 1fr;gap:50px;padding:60px;border:1px solid #294735;border-radius:8px;background:radial-gradient(at 90% 50%,#10462a55,transparent 60%),#0f1712;overflow:hidden}.beta .lead{margin:25px 0}.platforms{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0 30px}.platforms>div{border:1px solid #304236;border-radius:4px;padding:20px;background:#0a110d70}.platform-icon{float:right;color:var(--green);font-size:23px}.platforms h3{margin:0 0 6px;font-size:16px}.platforms p{font-size:11px;color:var(--muted);margin:0}.platforms .status-dot{width:4px;height:4px;margin-right:4px}.beta-note{color:#85968b;font-size:11px;margin-top:20px}.beta-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:140px;font-weight:900;letter-spacing:-15px;color:#22ec9c15;transform:rotate(-10deg)}.beta-mark span{font-size:19px;line-height:1.2;letter-spacing:4px;color:#72a68a80;margin-top:15px}.contact{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:105px 0}.contact h2{font-size:36px}.contact>a{font-size:clamp(18px,2.4vw,30px);letter-spacing:-1px;border-bottom:1px solid #22ec9c70;padding-bottom:12px}.contact>a span{color:var(--green);margin-left:30px}.footer{border-top:1px solid var(--line);padding:32px 0;display:flex;justify-content:space-between;align-items:center}.footer .brand{font-size:18px}.footer .slogan{font-size:7px;letter-spacing:3px}.footer-links{display:flex;gap:28px;font-size:11px;color:var(--muted)}.reveal{opacity:1}.motion .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.motion .reveal.visible{opacity:1;transform:translateY(0)}.privacy{max-width:850px;padding:70px 0}.privacy h1{font-size:48px;line-height:1.15}.privacy h2{font-size:30px;margin-top:55px}.privacy h3{margin-top:30px}.privacy p,.privacy li{color:var(--muted);font-size:15px}.privacy a{color:var(--green)}.language-links{display:flex;gap:25px;margin:30px 0}.privacy section{scroll-margin-top:30px}@keyframes glow{50%{filter:drop-shadow(0 0 35px #22ec9c40)}}@media(min-width:1500px){.hero{min-height:800px}}@media(max-width:1000px){.header,.section,.footer{width:calc(100% - 48px)}.header nav{gap:20px}.hero{gap:10px;min-height:650px}h1{font-size:48px}.hero-art{min-height:430px}.actions{gap:18px;flex-wrap:wrap}.feature{padding:24px}.progress{gap:40px}.beta{padding:40px}.beta-mark{font-size:110px}}@media(max-width:720px){html{scroll-padding-top:30px}.header,.section,.footer{width:calc(100% - 40px)}.header{height:78px;position:relative;z-index:10}.brand{font-size:18px}.brand img{width:46px;height:24px}.menu-toggle{display:block;color:var(--text);border:1px solid var(--line);padding:8px 10px;border-radius:4px;background:transparent;font-size:12px}.menu-toggle span{margin-left:8px}.header nav{display:none;position:absolute;top:77px;left:0;right:0;background:#101813;border:1px solid var(--line);padding:22px;align-items:stretch;gap:22px;flex-direction:column}.header nav.open{display:flex}.hero{grid-template-columns:1fr;padding:48px 0 28px;gap:25px}.eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:clamp(39px,10vw,58px);letter-spacing:-2px}.lead{font-size:14px}.hero-art{min-height:320px;max-width:500px;width:100%;margin:auto}.hero-logo{width:85%}.art-wordmark{font-size:35px;letter-spacing:7px}.orbit{width:270px;height:270px}.orbit-two{width:350px;height:350px}.art-coordinate{font-size:7px}.hero-note{font-size:7px;letter-spacing:.7px}.discipline-strip{gap:5vw;padding:20px 12px;font-size:8px;letter-spacing:1px}.features{padding:65px 0}.section-top{display:block}.section-top>p{margin-top:22px;font-size:13px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature{padding:20px;min-height:260px}.feature h3{font-size:16px;line-height:1.3}.feature p{font-size:12px}.number{right:15px;top:18px}.tag{font-size:7px;letter-spacing:1px}.progress{grid-template-columns:1fr;padding:65px 0;gap:35px}.progress-visual{transform:none;padding:24px}.beta{grid-template-columns:1fr;padding:30px 22px;gap:0}.beta h2{font-size:36px}.beta-mark{display:none}.platforms>div{padding:15px}.platforms p{font-size:10px}.beta .button{font-size:12px;gap:15px}.contact{display:block;padding:70px 0}.contact>a{display:inline-block;margin-top:20px;letter-spacing:0}.footer{align-items:start;gap:25px;flex-direction:column}.footer-links{flex-wrap:wrap;gap:20px;font-size:10px}.privacy{padding:45px 0}.privacy h1{font-size:36px}}@media(max-width:360px){.feature-grid{grid-template-columns:1fr}.actions .button{font-size:12px}.platforms{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}}

/* Native 1254px transparent splash asset; displayed below half-resolution for 2x screens. */
.brand img{width:48px;height:48px;object-fit:contain}
.hero-logo{width:300px;max-width:80%;height:auto;mix-blend-mode:normal}
@media(max-width:720px){.brand img{width:40px;height:40px}.hero-logo{width:220px;max-width:75%}.hero-art{min-height:360px}}

/* Desktop polish: retain the original headline breaks and mobile typography. */
@media(min-width:1025px){.hero h1{font-size:clamp(37.8px,4.05vw,58.5px)}}
/* Tablet navigation uses the same compact menu as mobile. */
@media(min-width:721px) and (max-width:1024px){
.header{position:relative;z-index:10}
.menu-toggle{display:block;color:var(--text);border:1px solid var(--line);padding:8px 10px;border-radius:4px;background:transparent;font-size:12px}
.menu-toggle span{margin-left:8px}
.header nav{display:none;position:absolute;top:95px;left:0;right:0;background:#101813;border:1px solid var(--line);padding:22px;align-items:stretch;gap:22px;flex-direction:column}
.header nav.open{display:flex}
}

/* Bring both hero columns 80px closer to the header on wide desktops. */
@media(min-width:1440px){.hero{margin-top:-80px}}

/* Real product screenshots: untouched UI, contained in minimal metal frames. */
.app-showcase{padding:0 0 100px}
.app-showcase .section-top{margin-bottom:48px}
.phone-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:1120px;margin:0 auto;padding:14px 12px 22px}
.phone-gallery:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:8px}
.product-phone{margin:0;min-width:0}
.phone-frame{padding:7px;border:1px solid #526057;border-radius:27px;background:linear-gradient(135deg,#364139,#101512 35%,#29352e);box-shadow:0 20px 40px #0007,0 0 28px #22ec9c08}
.phone-frame img{display:block;width:100%;height:auto;object-fit:contain;border-radius:20px}
.product-phone figcaption{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;font-size:15px;font-weight:700;letter-spacing:.5px}
.swipe-hint{display:none;color:var(--muted);font-size:11px}
@media(max-width:1024px){
.app-showcase{padding-bottom:65px}
.app-showcase .section-top{margin-bottom:20px}
.swipe-hint{display:block;margin:0 0 18px}
.phone-gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:12px;overscroll-behavior-x:contain;max-width:none;scrollbar-width:thin;scrollbar-color:#406c52 #101713;padding-bottom:26px}
.product-phone{flex:0 0 320px;scroll-snap-align:start}
}
@media(max-width:720px){
.phone-gallery{gap:20px}
.product-phone{flex-basis:min(300px,calc(100vw - 76px))}
.phone-frame{padding:6px;border-radius:24px}
.phone-frame img{border-radius:18px}
.app-showcase h2{font-size:clamp(28px,7.5vw,36px)}
}

/* Compact desktop rhythm, preserving the existing visual identity. */
@media(min-width:1025px){
.header,.section,.footer{max-width:1120px}
.header{height:82px}
.hero{min-height:620px;padding:48px 0 60px}
.hero h1{font-size:clamp(37px,3.45vw,50px)}
.hero-art{min-height:420px}
.hero-logo{width:270px}
h2{font-size:38px}
.eyebrow{margin-bottom:18px}
.features{padding:72px 0}
.section-top{margin-bottom:30px}
.feature{min-height:230px;padding:25px}
.progress{padding:70px 0 80px;gap:60px}
.beta{padding:44px}
.contact{padding:75px 0}
.app-showcase{padding-bottom:72px}
.app-showcase .section-top{margin-bottom:28px}
.phone-gallery{max-width:900px;gap:32px;padding-top:10px}
.product-phone figcaption{margin-top:18px;font-size:14px}
}
@media(min-width:1440px){.hero{margin-top:0}}

/* Compact language links, using the established navigation styling. */
.locale-selector{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;letter-spacing:.4px}
.locale-selector>span{color:#52645a}
.locale-selector a{color:var(--muted)}
.locale-selector a:hover,.locale-selector a[aria-current="page"]{color:var(--green)}
.header nav{gap:20px}
.privacy-header{gap:20px}
@media(max-width:1024px){.locale-selector{font-size:12px;gap:8px}.privacy-header{height:auto;min-height:82px;flex-wrap:wrap;padding-block:15px}.privacy-header .locale-selector{flex-basis:100%}}
/* Navigation remains available without JavaScript on compact screens. */
@media(max-width:1024px){html:not(.js-enabled) .header:has(#navigation){height:auto;flex-wrap:wrap;padding-block:18px}html:not(.js-enabled) #navigation{display:flex;position:static;flex-basis:100%;margin-top:16px}html:not(.js-enabled) .menu-toggle{display:none}}
.privacy h1{overflow-wrap:anywhere}