@font-face{font-family:Instrument;src:url('assets/instrumentserif-regular.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:Instrument;src:url('assets/instrumentserif-italic.woff2') format('woff2');font-display:swap;font-style:italic}
@font-face{font-family:Jakarta;src:url('assets/plusjakartasans-variable.woff2') format('woff2');font-display:swap;font-weight:200 800}
@font-face{font-family:JetBrains;src:url('assets/jetbrainsmono-variable.woff2') format('woff2');font-display:swap;font-weight:100 800}
:root{color-scheme:dark;--bg:#07070a;--surface:#101015;--line:#ffffff20;--text:#f1f0e9;--muted:#a0a0aa;--sage:#c7d5b5;--serif:Instrument,Georgia,serif;--sans:Jakarta,system-ui,sans-serif;--mono:JetBrains,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}::selection{background:var(--sage);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--sage);outline-offset:6px}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02}h2 em,h1 em{font-weight:400;color:var(--sage)}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.eyebrow,.micro{font-family:var(--mono);font-size:10px;letter-spacing:.13em;line-height:1.7}.eyebrow{display:flex;align-items:center;gap:10px}.micro{color:var(--muted)}.status-dot{width:6px;height:6px;background:var(--sage);border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #c7d5b50b}
.site-header{width:min(1376px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;height:102px;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--serif);font-size:36px;line-height:1}.brand-mark{font:italic 24px var(--serif);border:1px solid #ffffff55;border-radius:8px;width:30px;height:34px;display:grid;place-items:center}.beta-tag{font:9px var(--mono);border:1px solid var(--line);padding:5px 7px;align-self:center;border-radius:3px;letter-spacing:.05em;margin-left:4px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:12px}.site-header nav>a{padding:10px 0;color:#c2c2ca}.site-header nav>a:hover{color:var(--text)}.site-header .nav-cta{padding:10px 17px;border:1px solid #ffffff50;border-radius:7px;color:var(--text)}.nav-cta span{margin-left:25px}
.hero{position:relative;padding-top:84px}.hero h1{font-size:clamp(76px,9.4vw,138px);letter-spacing:-.045em;margin:27px 0 37px;line-height:.97;position:relative;z-index:1}.hero h1 em{padding-right:.12em}.hero-bottom{display:flex;justify-content:space-between;align-items:center;max-width:1100px}.hero-bottom>p{font-size:16px;color:var(--muted);line-height:1.8}.hero-action{display:flex;flex-direction:column;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;padding:12px 24px;border-radius:7px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--text);color:var(--bg)}.button-primary:hover{background:var(--sage)}.button span{font-size:20px;font-weight:400}.hero-footnote{display:flex;justify-content:space-between;margin-top:64px;padding:26px 0 32px;border-bottom:1px solid var(--line);color:var(--muted);font:9px var(--mono);letter-spacing:.1em}.hero-footnote a{display:flex;gap:22px}.hero-orbit{position:absolute;right:20px;top:60px;width:300px;height:300px;border:1px solid #c7d5b50b;border-radius:50%;pointer-events:none}.hero-orbit::before,.hero-orbit::after{content:'';position:absolute;inset:36px;border:1px solid #c7d5b516;border-radius:50%}.hero-orbit::after{inset:76px}.hero-orbit span{position:absolute;inset:0;border-radius:50%;animation:orbit 26s linear infinite}.hero-orbit span::before{content:'';position:absolute;top:39px;left:36px;width:5px;height:5px;border-radius:50%;background:var(--sage);box-shadow:0 0 24px #c7d5b550}.hero-orbit i{position:absolute;inset:0;background:radial-gradient(circle,#c7d5b50b,transparent 70%)}@keyframes orbit{to{transform:rotate(360deg)}}
.product-section{padding-top:62px;position:relative}.section-top{display:flex;align-items:center;justify-content:space-between}.product-heading{display:flex;justify-content:space-between;align-items:end;margin:24px 0 36px;gap:30px}.product-heading h2{font-size:56px;max-width:560px}.product-heading p{font-size:12px;color:var(--muted);max-width:290px}.tour-controls{display:flex;gap:8px;margin-bottom:18px}.tour-controls button{display:flex;gap:12px;background:transparent;border:1px solid var(--line);border-radius:6px;padding:13px 20px;font:10px var(--mono);color:var(--muted);transition:background .2s,color .2s}.tour-controls button span{font-family:var(--sans);font-size:12px}.tour-controls button[aria-selected=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.screen-stage{position:relative;perspective:1400px;padding:0 30px}.screen-window{overflow:hidden;border:1px solid #ffffff30;border-radius:12px;box-shadow:0 20px 90px -40px #c7d5b524;transform-origin:center;transition:transform .28s ease-out;background:var(--surface)}.window-bar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#15151a;color:#a0a0aa;font:9px var(--mono);border-bottom:1px solid var(--line)}.window-dots{font-size:9px;letter-spacing:3px;color:#73737e}.window-lock{font-size:8px;color:var(--sage)}.stage-label{position:absolute;top:55%;font:8px/1.8 var(--mono);letter-spacing:.15em;color:#a0a0aa;writing-mode:vertical-rl}.stage-label-left{left:0;transform:rotate(180deg)}.stage-label-right{right:0}.screen-caption{display:flex;justify-content:space-between;align-items:center;padding:22px 30px;color:var(--muted);gap:24px}.screen-caption p{font-size:12px}.screen-caption>span{font:8px var(--mono);white-space:nowrap}
.principles{padding-block:130px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.principles h2{font-size:65px;margin:30px 0 26px}.principles-intro>p,.studio-copy>p{font-size:13px;color:var(--muted);line-height:1.9}.principle{display:flex;align-items:start;gap:22px;padding:30px 0;border-top:1px solid var(--line)}.principle:last-child{border-bottom:1px solid var(--line)}.principle-number{font:10px var(--mono);color:var(--muted);padding-top:9px}.principle h3{font-size:29px;margin-bottom:12px}.principle p{font-size:12px;line-height:1.85;color:var(--muted);max-width:350px}.principle-icon{margin-left:auto;font-size:24px;color:var(--sage);line-height:1}.studio{padding-block:84px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:48px}.studio h2{font-size:85px;margin:24px 0}.text-link{display:inline-flex;align-items:center;gap:35px;padding:16px 0;margin-top:16px;border-bottom:1px solid #ffffff55;font-size:11px}.text-link:hover{color:var(--sage)}.detail-screen{border-radius:12px;border:1px solid var(--line);overflow:hidden;background:var(--surface)}.detail-screen-bar{display:flex;align-items:center;gap:9px;padding:20px;font:9px var(--mono);border-bottom:1px solid var(--line)}.detail-screen figcaption{padding:18px 20px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}
.device-section{padding-block:130px}.device-heading{text-align:center;display:flex;flex-direction:column;align-items:center}.device-heading h2{font-size:90px;margin:26px 0}.device-heading p{color:var(--muted);font-size:13px}.device-notes{display:grid;grid-template-columns:1fr 1fr;max-width:840px;margin:60px auto 0;border-block:1px solid var(--line)}.device-notes>div{padding:32px 40px}.device-notes>div+div{border-left:1px solid var(--line)}.device-symbol{font-size:44px;line-height:1;color:var(--sage)}.device-notes h3{font-size:34px;margin:18px 0 12px}.device-notes p{font-size:12px;color:var(--muted);margin-bottom:20px}.device-note{text-align:center;color:var(--muted);font-size:10px;margin-top:22px}
.beta-section{background:#101114;border-block:1px solid var(--line);padding:92px 0 72px;position:relative}.beta-intro{text-align:center;display:flex;align-items:center;flex-direction:column}.beta-intro h2{font-size:90px;margin:26px 0}.beta-intro p{color:var(--muted);font-size:13px;line-height:1.85}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin:45px auto 0}.download-card{padding:25px;display:flex;align-items:center;gap:20px;border:1px solid #ffffff30;border-radius:10px;background:#15161a;transition:transform .2s,border-color .2s,background .2s}.download-card:hover{transform:translateY(-4px);border-color:var(--sage);background:#1b1e1b}.download-icon{font-size:34px;color:var(--sage)}.download-body{display:flex;flex-direction:column;gap:5px}.download-body strong{font-size:14px;font-weight:500}.download-meta{font-size:10px;color:var(--muted)}.download-arrow{margin-left:auto;font-size:25px}.beta-note{text-align:center;font-size:10px;line-height:1.9;color:var(--muted);margin:24px 0 60px}.faq{max-width:900px;margin:auto}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:23px 0;font-size:13px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:20px;color:var(--muted);transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{padding:0 40px 24px 0;max-width:730px;color:var(--muted);font-size:12px}
.site-footer{padding:40px 0 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;overflow:hidden}.site-footer>.brand{font-size:30px}.site-footer>p{color:var(--muted);font-size:11px}.site-footer>a:last-of-type{font:9px var(--mono);color:var(--muted)}.footer-word{flex:1 1 100%;text-align:center;font:clamp(80px,16vw,230px)/1 var(--serif);letter-spacing:-.04em;color:#ffffff0d;margin-top:25px;margin-bottom:-.13em;white-space:nowrap}.skip-link{position:fixed;top:10px;left:10px;z-index:100;background:var(--text);color:var(--bg);padding:10px;transform:translateY(-200%)}.skip-link:focus{transform:none}.reading-progress{height:2px;background:var(--sage);position:fixed;left:0;right:0;top:0;transform:scaleX(0);transform-origin:left;z-index:20}
@media(min-width:1600px){.hero h1{font-size:150px}}
@media(max-width:1023px){.wrap{width:calc(100% - 56px)}.site-header{width:calc(100% - 56px)}.hero{padding-top:68px}.hero-orbit{width:220px;height:220px;right:0}.product-heading h2{font-size:46px}.principles{gap:40px;padding-block:90px}.principles h2{font-size:55px}.studio{gap:28px}.studio h2{font-size:65px}.device-heading h2,.beta-intro h2{font-size:75px}.screen-stage{padding:0}.stage-label{display:none}.screen-caption{padding-inline:0}.hero-bottom>p{font-size:14px}}
@media(max-width:767px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.site-header{width:calc(100% - 40px);height:82px}.brand{font-size:30px;gap:8px}.brand-mark{display:none}.site-header nav{gap:0}.site-header nav>a:not(.nav-cta){display:none}.site-header .nav-cta{font-size:11px;padding:10px 13px}.nav-cta span{margin-left:12px}.hero{padding-top:56px}.eyebrow,.micro{font-size:8px;letter-spacing:.1em}.hero h1{font-size:clamp(59px,12.7vw,94px);margin:25px 0 30px;letter-spacing:-.04em}.hero-orbit{top:80px;right:0;width:170px;height:170px;opacity:.5}.hero-bottom{display:block}.hero-bottom>p{font-size:13px}.hero-action{align-items:start;margin-top:27px}.button{min-height:52px;padding:13px 20px;font-size:11px;gap:24px}.hero-action .micro{margin-left:3px}.hero-footnote{margin-top:38px;font-size:7px;letter-spacing:.02em;padding:24px 0}.hero-footnote a{gap:8px}.product-section{padding-top:40px}.section-top{gap:8px}.device-label{font-size:7px;max-width:110px;text-align:right}.product-heading{display:block;margin:20px 0 26px}.product-heading h2{font-size:43px;max-width:320px}.product-heading p{font-size:11px;margin-top:18px}.tour-controls{gap:5px;justify-content:space-between}.tour-controls button{flex:1;justify-content:center;padding:14px 8px;gap:0;font-size:0;min-height:44px}.tour-controls button>span{font-size:10px}.screen-stage{max-width:350px;margin:auto}.screen-window{border-radius:22px;border:5px solid #242429;background:#101015}.window-bar{display:none}.screen-window img{aspect-ratio:390/844}.screen-caption{display:block;max-width:350px;margin:auto;padding:18px 6px}.screen-caption p{font-size:11px}.screen-caption>span{display:block;margin-top:8px;font-size:7px}.principles{padding-block:70px;grid-template-columns:1fr;gap:35px}.principles h2{font-size:53px;margin:20px 0}.principles-intro>p{font-size:12px}.principle{padding:24px 0;gap:17px}.principle h3{font-size:29px}.principle p{font-size:11px}.studio{padding-block:55px;grid-template-columns:1fr;gap:35px}.studio h2{font-size:69px}.studio-copy>p{font-size:12px}.detail-screen{max-width:350px;margin:auto}.detail-screen img{aspect-ratio:390/844}.detail-screen-bar{padding:16px;font-size:8px}.detail-screen figcaption{font-size:10px}.device-section{padding-block:70px}.device-heading h2{font-size:66px;margin:20px 0}.device-heading p{font-size:12px}.device-notes{margin-top:35px;grid-template-columns:1fr}.device-notes>div{padding:26px 10px;display:grid;grid-template-columns:48px 1fr;column-gap:15px}.device-notes>div+div{border-left:0;border-top:1px solid var(--line)}.device-symbol{grid-row:1/4;padding-top:10px}.device-notes h3{font-size:32px;margin:0 0 12px}.device-notes p{font-size:11px;max-width:320px;margin-bottom:15px}.device-note{font-size:9px;max-width:300px;margin:18px auto 0}.beta-section{padding:65px 0 45px}.beta-intro h2{font-size:clamp(43px,10vw,65px);margin:22px -5px}.beta-intro p{font-size:12px}.download-grid{grid-template-columns:1fr;margin-top:30px;gap:12px}.download-card{padding:20px;gap:15px}.download-body strong{font-size:13px}.download-meta{font-size:9px}.beta-note{font-size:9px;margin:22px 5px 40px}.faq summary{font-size:11px;min-height:64px;padding:18px 0}.faq details p{font-size:11px;padding-right:10px}.site-footer{padding-top:28px;gap:20px}.site-footer>.brand{font-size:29px}.site-footer>p{font-size:9px;order:3;flex:1 1 100%}.site-footer>a:last-of-type{font-size:8px}.footer-word{order:4;font-size:21vw;margin-top:0}.reading-progress{height:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-orbit span{animation:none}.screen-window{transform:none!important}}
