@font-face{font-family:Onest;src:url('assets/onest-variable.966c5c29b475.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--bg:#0b0b0e;--fg:#f5f4f7;--muted:#929097;--quiet:#77747e;--line:#ffffff16;--panel:#141418;--panel-2:#1c1b21;--accent:#ba9aff;--accent-soft:#ba9aff12;--header:#0b0b0edb;--phone-shadow:#0009;--circle:#b79bd51d;--max:1240px;color-scheme:dark}
:root[data-theme=light]{--bg:#faf9fc;--fg:#1c1923;--muted:#6b6575;--quiet:#8b8496;--line:#21182e1c;--panel:#f0edf4;--panel-2:#e5e0ed;--accent:#7746cd;--accent-soft:#7746cd0c;--header:#faf9fcdb;--phone-shadow:#3d2c662b;--circle:#7746cd24;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Onest,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background-color .35s,color .35s}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#ba9aff55}img{display:block;max-width:100%}svg{flex-shrink:0}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(var(--max),calc(100% - 112px));margin-inline:auto}.section-space{padding-block:116px}.skip-link{position:fixed;top:12px;left:12px;padding:12px 20px;background:var(--fg);color:var(--bg);z-index:200;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{height:88px;position:sticky;top:0;z-index:40;background:var(--header);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:background .35s,border-color .35s}.site-header.scrolled{border-color:var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.wordmark{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-size:23px;font-weight:700;letter-spacing:-1px}.wordmark img{border-radius:10px;width:36px;height:36px}.brand-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);align-self:center;margin-left:-4px}.desktop-nav{display:flex;gap:34px;margin-left:auto;font-size:13px;font-weight:500;color:var(--muted)}.desktop-nav a{display:inline-flex;align-items:center;gap:4px;transition:color .2s}.desktop-nav a:hover{color:var(--fg)}.desktop-nav .icon{width:16px;height:16px}.header-actions{display:flex;gap:20px;align-items:center}.header-download{display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;font-weight:600;padding:12px 19px;border:1px solid var(--line);border-radius:30px;transition:background .2s,transform .2s}.header-download:hover{background:var(--panel-2);transform:translateY(-2px)}.header-download .icon{width:16px;height:16px}.theme-toggle{height:40px;width:40px;border:0;position:relative;border-radius:50%;background:transparent;transition:background .2s}.theme-toggle:hover{background:var(--panel-2)}.theme-toggle .icon{position:absolute;left:10px;top:10px;transition:transform .4s,opacity .3s}.theme-moon{opacity:0;transform:rotate(-50deg) scale(.5)}[data-theme=light] .theme-sun{opacity:0;transform:rotate(50deg) scale(.5)}[data-theme=light] .theme-moon{opacity:1;transform:rotate(0) scale(1)}
.hero{min-height:760px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;position:relative;padding-block:24px 86px;gap:16px}.hero-copy{position:relative;z-index:2;padding-bottom:12px}.release-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);padding:8px 10px 8px 13px;border-radius:24px;font-size:11px;letter-spacing:.1px;color:var(--muted);transition:border-color .2s,color .2s}.release-chip:hover{border-color:var(--accent);color:var(--fg)}.release-chip .icon{width:12px;height:12px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px var(--accent-soft);flex-shrink:0}.hero h1{font-size:clamp(64px,6.65vw,96px);line-height:1.025;font-weight:600;letter-spacing:-.065em;margin:34px 0 28px}.hero h1>span{display:block}.quiet-line{color:var(--quiet)}.accent-period{color:var(--accent)}.hero-description{font-size:16px;line-height:1.75;letter-spacing:-.2px;color:var(--muted);margin:0 0 34px}.hero-cta{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:32px;font-size:14px;font-weight:600;padding:17px 24px;transition:transform .25s,box-shadow .25s,background .25s}.button-primary{background:var(--fg);color:var(--bg);box-shadow:0 0 0 0 var(--accent-soft)}.button:hover{transform:translateY(-3px);box-shadow:0 12px 34px var(--accent-soft)}.button .cta-arrow{width:17px;margin-left:12px;transition:transform .25s}.button:hover .cta-arrow{transform:translateX(4px)}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);transition:color .2s}.text-link:hover{color:var(--fg)}.text-link .icon{width:16px;height:16px}.hero-meta{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--quiet);margin:26px 0 0}.hero-meta i{width:3px;height:3px;background:var(--quiet);border-radius:50%;opacity:.5}.hero-stage{height:650px;position:relative;display:flex;justify-content:center;align-items:center;perspective:1400px;isolation:isolate}.hero-stage::before{content:'';position:absolute;inset:15% -18%;background:radial-gradient(ellipse,#9c67dc16,transparent 65%);z-index:-1;pointer-events:none}.stage-orbit{position:absolute;left:50%;top:48%;border:1px solid var(--circle);border-radius:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}.orbit-one{width:540px;height:540px}.orbit-two{width:660px;height:660px;border-style:dashed;opacity:.45;animation:orbit 110s linear infinite}.stage-coordinate{position:absolute;color:var(--quiet);font-size:8px;letter-spacing:2px;z-index:-1;white-space:nowrap}.coordinate-one{right:0;top:44px}.coordinate-two{left:10px;bottom:26px;font-size:7px;letter-spacing:1.5px}.phone-float{position:relative;animation:phoneFloat 8s ease-in-out infinite;transform-style:preserve-3d}.phone-pose{--tilt-x:7deg;--tilt-y:-15deg;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(7deg);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.device{width:274px;padding:9px 8px 11px;border-radius:42px;background:linear-gradient(115deg,#85828e 0%,#29282e 12%,#121216 48%,#6e6a78 95%,#b3aebb 100%);box-shadow:2px 0 0 #b6aebd,6px 3px 0 #4e4858,10px 5px 0 #24212b,24px 32px 60px -15px var(--phone-shadow),inset 0 0 0 1px #ffffff60;position:relative;transform-style:preserve-3d}.device::before{content:'';position:absolute;inset:1px;border-radius:41px;background:#0a0a0d;box-shadow:inset 0 0 0 1px #ffffff30;transform:translateZ(-1px)}.device-display{aspect-ratio:9/19.6;position:relative;overflow:hidden;border-radius:33px;background:#10131d;isolation:isolate;transform:translateZ(1px)}.device-display img{width:100%;height:100%;object-fit:cover;transform:scale(1.045);object-position:center}.theme-screen{position:absolute;inset:0;transition:opacity .45s}.theme-screen img{height:100%;width:100%}.light-screen{opacity:0}[data-theme=light] .dark-screen{opacity:0}[data-theme=light] .light-screen{opacity:1}.device-camera{position:absolute;top:13px;left:50%;width:7px;height:7px;border:2px solid #202029;border-radius:50%;background:#07070b;box-shadow:0 0 0 1px #ffffff12;z-index:4;transform:translateX(-50%) translateZ(3px)}.device-glass{position:absolute;inset:8px;border-radius:35px;background:linear-gradient(112deg,#ffffff0b 0%,#ffffff03 34%,transparent 35%,transparent 80%,#ffffff07);pointer-events:none;z-index:3;transform:translateZ(2px)}.device-button{position:absolute;left:-3px;width:3px;background:linear-gradient(90deg,#88828d,#302c35);border-radius:3px;transform:translateZ(-2px)}.device-button-one{height:20px;top:76px}.device-button-two{height:44px;top:113px}.device-button-three{height:53px;left:auto;right:-8px;top:140px}.floating-note{position:absolute;left:0;bottom:74px;display:flex;align-items:center;gap:12px;padding:15px 22px 15px 15px;border:1px solid var(--line);border-radius:18px;background:var(--header);backdrop-filter:blur(20px);box-shadow:0 12px 40px #00000008;animation:noteFloat 8s ease-in-out infinite;animation-delay:-2s}.note-mark{display:grid;place-items:center;width:33px;height:33px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--circle);border-radius:50%}.note-mark .icon{width:16px;height:16px}.floating-note strong{font-size:12px;font-weight:600;display:block}.floating-note div>span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.scroll-cue{position:absolute;left:0;bottom:27px;display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:.3px;color:var(--quiet)}.scroll-line{display:block;width:46px;height:1px;background:var(--line);position:relative;overflow:hidden}.scroll-line::after{content:'';position:absolute;inset:0;background:var(--accent);transform:translateX(-100%);animation:lineTravel 3s ease-in-out infinite}
.protocol-band{border-block:1px solid var(--line)}.protocol-inner{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-block:31px}.protocol-inner>span{font-size:11px;line-height:1.6;color:var(--quiet);min-width:150px}.protocol-inner strong{font-weight:500;color:var(--fg)}.protocol-list{display:flex;gap:clamp(22px,3.5vw,54px);align-items:center;flex-wrap:wrap;color:var(--muted);font-size:15px;font-weight:500;letter-spacing:-.4px}.eyebrow{font-size:9px;font-weight:500;letter-spacing:1.8px;display:flex;align-items:center;gap:10px;color:var(--muted);margin:0 0 23px}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:var(--accent)}h2{font-size:clamp(36px,4.1vw,58px);font-weight:500;letter-spacing:-.055em;line-height:1.09;margin:0}h2>span:not(.accent-period){color:var(--quiet)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;margin-top:64px}.feature{padding-top:24px;border-top:1px solid var(--line)}.feature-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.feature-top>span{font-size:8px;letter-spacing:1px;color:var(--quiet)}.feature-icon{height:25px;width:25px;fill:none;stroke:var(--accent);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.feature h3{font-weight:500;font-size:25px;line-height:1.25;letter-spacing:-1px;margin:28px 0 16px}.feature p{font-size:13px;line-height:1.85;color:var(--muted);margin:0;max-width:290px}.showcase{padding-top:72px;background:linear-gradient(var(--bg),var(--panel),var(--bg));overflow:hidden}.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.showcase-heading h2{max-width:700px}.showcase-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 5px;flex-shrink:0}.gallery{margin-top:28px}.gallery-stage{position:relative;height:650px;perspective:1600px;isolation:isolate}.gallery-orbit{position:absolute;width:760px;height:200px;border:1px solid var(--circle);border-radius:50%;left:50%;bottom:43px;transform:translateX(-50%) rotate(-6deg);z-index:-1}.gallery-phone{margin:0;position:absolute;left:50%;top:38px;width:248px;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.75,.15,1),opacity .65s,filter .65s}.gallery-phone .device{width:100%;border-radius:39px}.gallery-phone .device-display{border-radius:30px}.gallery-phone[data-position=current]{transform:translateX(-50%) translateZ(100px);z-index:3;opacity:1;filter:none}.gallery-phone[data-position=prev]{transform:translateX(calc(-50% - 305px)) translateY(29px) rotateY(20deg) rotateZ(-8deg) scale(.87);z-index:1;opacity:.62;filter:saturate(.6)}.gallery-phone[data-position=next]{transform:translateX(calc(-50% + 305px)) translateY(29px) rotateY(-20deg) rotateZ(8deg) scale(.87);z-index:1;opacity:.62;filter:saturate(.6)}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:18px}.screen-selector{position:relative;background:var(--panel-2);border:1px solid var(--line);padding:4px;border-radius:30px;display:flex;gap:1px;isolation:isolate}.screen-selector button{background:none;border:0;color:var(--muted);border-radius:24px;padding:12px 20px;font-size:12px;z-index:1;transition:color .25s}.screen-selector button[aria-pressed=true]{color:var(--fg)}.selection-indicator{position:absolute;top:4px;left:4px;height:calc(100% - 8px);width:76px;background:var(--bg);border:1px solid var(--line);border-radius:24px;transition:transform .45s cubic-bezier(.2,.8,.2,1),width .45s;z-index:0}.gallery-arrow{border:1px solid var(--line);border-radius:50%;width:38px;height:38px;background:transparent;display:grid;place-items:center;transition:background .2s,transform .2s}.gallery-arrow:hover{background:var(--panel-2);transform:scale(1.08)}.gallery-arrow .icon{width:16px;height:16px}.gallery-arrow.previous .icon{transform:rotate(180deg)}.gallery-caption{text-align:center;margin-top:23px;min-height:64px}.gallery-caption p{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 9px}.gallery-caption>span{font-size:9px;color:var(--quiet);letter-spacing:.1px}
.download-section{padding-top:45px}.download-panel{background:var(--panel);border:1px solid var(--line);border-radius:32px;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:64px;position:relative;overflow:hidden}.download-panel::before{position:absolute;content:'';width:420px;height:420px;border:1px solid var(--circle);border-radius:50%;left:-230px;bottom:-210px;pointer-events:none}.download-icon{width:64px;height:64px;border-radius:17px;margin-bottom:30px}.download-copy .eyebrow{font-size:8px;margin-bottom:17px}.download-copy h2{font-size:clamp(36px,3.6vw,52px)}.download-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.8;margin-top:22px}.version-note{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--quiet);margin-top:27px}.version-note>span:nth-last-child(1){margin-inline:3px}.download-options{display:flex;flex-direction:column;gap:13px;justify-content:center}.build-option{display:block;border-radius:20px;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s}.build-option:hover{transform:translateY(-4px)}.build-primary{background:var(--accent);color:#21162f;box-shadow:0 0 0 0 #0000}.build-primary:hover{box-shadow:0 10px 30px #905bf126}.build-primary p{opacity:.72}.build-primary .build-file{opacity:.85}.build-secondary{background:transparent;border:1px solid var(--line)}.build-secondary:hover{border-color:var(--accent)}.build-heading{display:flex;gap:9px;align-items:center}.build-heading strong{font-size:17px;font-weight:600;letter-spacing:-.5px}.build-heading>.icon:first-child{width:20px;height:20px}.build-heading .build-arrow{margin-left:auto;width:20px;height:20px}.build-option p{font-size:11px;margin:9px 0 20px;line-height:1.5}.build-secondary p,.build-secondary .build-file{color:var(--muted)}.build-file{font-size:10px;display:flex;align-items:center;gap:7px}.build-file i{font-style:normal;opacity:.4}.recommended{margin-left:auto;padding:4px 8px;border-radius:14px;background:#20132d10;font-size:9px;white-space:nowrap}.all-releases{align-self:flex-end;font-size:10px;margin-top:4px}.download-footnote{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;line-height:1.7;color:var(--quiet);margin-top:22px;text-align:center}.download-footnote .icon{width:15px;height:15px}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:96px;padding-top:0}.faq-intro .text-link{margin-top:28px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;padding:25px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:15px;line-height:1.4;font-weight:500}summary::-webkit-details-marker{display:none}summary .icon{width:18px;height:18px;color:var(--quiet);transition:transform .25s}details[open] summary .icon{transform:rotate(45deg)}.faq-answer p{font-size:13px;color:var(--muted);line-height:1.85;max-width:520px;margin:0;padding-bottom:25px}.footer{border-top:1px solid var(--line);padding-block:40px 24px}.footer-top{display:flex;align-items:center;gap:36px}.footer .wordmark{font-size:20px}.footer .wordmark img{width:30px;height:30px;border-radius:9px}.footer-top>p{color:var(--muted);font-size:10px;line-height:1.65;margin:0}.footer-github{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:11px}.footer-github .icon{width:16px;height:16px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;color:var(--quiet);font-size:9px;letter-spacing:.2px;margin-top:45px}
.js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.js [data-reveal].visible{opacity:1;transform:none}.feature:nth-child(2){transition-delay:.1s}.feature:nth-child(3){transition-delay:.2s}.hero-copy>*,.hero-stage{animation:enter 1s cubic-bezier(.2,.8,.2,1) both}.hero-copy .release-chip{animation-delay:.05s}.hero-copy h1{animation-delay:.12s}.hero-description{animation-delay:.22s}.hero-cta{animation-delay:.32s}.hero-meta{animation-delay:.4s}.hero-stage{animation-delay:.24s}.motion-paused .phone-float,.motion-paused .orbit-two,.motion-paused .floating-note{animation-play-state:paused}@keyframes enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes phoneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes noteFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes lineTravel{50%,100%{transform:translateX(100%)}}
@media(min-width:1500px){.hero{min-height:810px}.hero-stage{height:720px}.hero-device{width:300px}.floating-note{left:8px;bottom:95px}}
@media(max-width:1100px){.container{width:calc(100% - 72px)}.hero h1{font-size:clamp(60px,6.8vw,84px)}.hero{min-height:710px;gap:0}.hero-stage{height:620px}.hero-device{width:248px}.hero-description{font-size:14px}.coordinate-two{left:0}.floating-note{left:-10px;bottom:56px;padding:12px 16px;gap:9px}.orbit-two{width:560px;height:560px}.orbit-one{width:450px;height:450px}.desktop-nav{gap:22px}.header-inner{gap:24px}.download-panel{gap:42px;padding:48px}.feature-grid{gap:30px}.feature h3{font-size:22px}.faq{gap:60px}.gallery-phone[data-position=prev]{transform:translateX(calc(-50% - 260px)) translateY(29px) rotateY(20deg) rotateZ(-8deg) scale(.83)}.gallery-phone[data-position=next]{transform:translateX(calc(-50% + 260px)) translateY(29px) rotateY(-20deg) rotateZ(8deg) scale(.83)}}
@media(max-width:800px){.container{width:calc(100% - 48px)}.desktop-nav{display:none}.header-actions{margin-left:auto}.hero{grid-template-columns:1fr 1fr;min-height:650px;padding-bottom:80px}.hero h1{font-size:clamp(48px,6.8vw,60px)}.hero-device{width:210px}.hero-stage{height:530px}.hero-description{font-size:12px}.button{font-size:12px;padding:15px 19px;gap:8px;min-height:52px}.button .cta-arrow{margin-left:4px}.hero-meta{font-size:8px;gap:8px}.hero-cta .text-link{font-size:10px}.floating-note{bottom:38px;left:-8px}.stage-coordinate{font-size:6px;letter-spacing:1px}.coordinate-one{right:-4px;top:10px}.coordinate-two{left:3px;bottom:-2px;max-width:80%;white-space:normal;line-height:1.8}.orbit-two{width:470px;height:470px}.orbit-one{width:360px;height:360px}.protocol-inner{gap:25px}.protocol-list{font-size:12px;gap:20px}.protocol-inner>span{font-size:10px;min-width:120px}.section-space{padding-block:85px}.feature-grid{gap:22px;margin-top:48px}.feature h3{font-size:20px;letter-spacing:-.6px}.feature p{font-size:12px}.feature-top>span{font-size:7px;letter-spacing:.2px}.showcase-heading{align-items:flex-start;flex-direction:column;gap:22px}.showcase-heading>p br{display:none}.gallery-stage{height:620px}.gallery-phone{width:232px}.gallery-phone[data-position=prev]{transform:translateX(calc(-50% - 215px)) translateY(29px) rotateY(22deg) rotateZ(-8deg) scale(.76)}.gallery-phone[data-position=next]{transform:translateX(calc(-50% + 215px)) translateY(29px) rotateY(-22deg) rotateZ(8deg) scale(.76)}.download-section{padding-top:35px}.download-panel{padding:34px;gap:25px}.download-copy h2{font-size:36px}.download-copy>p:not(.eyebrow){font-size:12px}.build-option{padding:19px}.build-heading strong{font-size:14px}.recommended{font-size:8px}.version-note{font-size:9px;gap:6px}.faq{grid-template-columns:1fr 1.3fr;gap:40px;padding-top:0}.faq h2{font-size:40px}.faq summary{font-size:13px}.faq-answer p{font-size:12px}}
@media(max-width:600px){html{scroll-padding-top:85px}.container{width:calc(100% - 44px)}.site-header{height:74px}.header-inner{gap:16px}.wordmark{font-size:21px;gap:8px}.wordmark img{width:30px;height:30px;border-radius:9px}.header-actions{gap:7px}.header-download{font-size:11px;padding:10px 14px;gap:9px}.header-download .icon{width:14px;height:14px}.theme-toggle{width:36px;height:36px}.theme-toggle .icon{top:9px;left:9px;width:18px;height:18px}.hero{display:flex;flex-direction:column;min-height:auto;padding-top:32px;padding-bottom:40px;gap:20px}.hero-copy{text-align:center;width:100%;padding:0}.release-chip{font-size:10px;padding:7px 9px 7px 12px}.hero h1{font-size:clamp(40px,11.4vw,67px);line-height:1.06;letter-spacing:-.06em;margin:28px 0 23px}.hero-description{font-size:13px;line-height:1.8;margin-bottom:28px}.hero-cta{align-items:center;gap:17px}.button{padding:17px 22px;font-size:13px;min-height:56px;gap:11px}.button .cta-arrow{margin-left:12px}.hero-cta .text-link{font-size:11px}.hero-meta{justify-content:center;font-size:9px;gap:11px;margin-top:23px}.hero-stage{width:100%;height:610px;margin-top:8px}.hero-device{width:245px}.phone-pose{--tilt-x:6deg;--tilt-y:-12deg;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(5deg)}.orbit-one{width:340px;height:340px}.orbit-two{width:460px;height:460px}.floating-note{left:2px;bottom:39px;gap:9px;padding:12px 15px;border-radius:16px}.floating-note strong{font-size:11px}.floating-note div>span{font-size:9px}.note-mark{width:29px;height:29px}.stage-coordinate.coordinate-one{right:2px;top:17px}.stage-coordinate.coordinate-two{left:auto;right:0;bottom:9px;font-size:6px}.scroll-cue{display:none}.protocol-inner{display:block;padding-block:25px}.protocol-inner>span{display:block;font-size:11px}.protocol-inner>span br{display:none}.protocol-inner>span strong{margin-left:4px}.protocol-list{gap:15px 24px;justify-content:flex-start;font-size:13px;margin-top:22px;line-height:1.6}.section-space{padding-block:76px}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:21px}h2{font-size:39px;letter-spacing:-.055em;line-height:1.1}.feature-grid{grid-template-columns:1fr;gap:34px;margin-top:40px}.feature{padding-top:20px}.feature-top{justify-content:flex-start;gap:15px}.feature-top>span{font-size:8px;letter-spacing:.8px}.feature h3{font-size:25px;margin-top:20px;margin-bottom:12px}.feature h3 br{display:none}.feature p{font-size:13px;max-width:100%;line-height:1.8}.feature-icon{width:22px;height:22px}.showcase{padding-top:20px}.showcase-heading{gap:18px}.showcase-heading h2{font-size:37px;max-width:350px}.showcase-heading>p{font-size:12px}.gallery{width:100%;margin-top:5px}.gallery-stage{height:605px}.gallery-phone{top:38px;width:226px}.gallery-phone .device{padding:8px 7px 9px;border-radius:36px}.gallery-phone .device-display{border-radius:28px}.gallery-phone[data-position=current]{transform:translateX(-50%) translateZ(85px)}.gallery-phone[data-position=prev]{transform:translateX(calc(-50% - 175px)) translateY(20px) rotateY(25deg) rotateZ(-8deg) scale(.73);opacity:.3}.gallery-phone[data-position=next]{transform:translateX(calc(-50% + 175px)) translateY(20px) rotateY(-25deg) rotateZ(8deg) scale(.73);opacity:.3}.gallery-controls{gap:9px;padding-inline:18px}.screen-selector button{font-size:10px;padding:11px 11px}.gallery-arrow{width:30px;height:30px;flex-shrink:0}.gallery-arrow .icon{width:13px;height:13px}.gallery-caption{padding-inline:26px;margin-top:22px;min-height:87px}.gallery-caption p{font-size:12px;max-width:330px;margin-inline:auto}.gallery-caption>span{font-size:8px;line-height:1.6}.download-section{padding-top:0}.download-panel{grid-template-columns:1fr;padding:29px 24px;border-radius:26px;gap:35px}.download-icon{width:58px;height:58px;margin-bottom:25px;border-radius:15px}.download-copy h2{font-size:39px}.download-copy>p:not(.eyebrow){font-size:13px;margin-top:20px}.version-note{font-size:10px;margin-top:22px}.download-options{gap:11px}.build-option{padding:22px}.build-heading strong{font-size:16px}.build-option p{font-size:10px}.all-releases{font-size:10px;margin-top:10px}.download-footnote{font-size:9px;align-items:flex-start;padding-inline:10px;gap:8px;line-height:1.8}.download-footnote .icon{margin-top:2px;flex-shrink:0}.faq{grid-template-columns:1fr;gap:32px;padding-top:0}.faq-intro .text-link{margin-top:20px;font-size:12px}.faq summary{font-size:14px;padding-block:23px}.faq-answer p{font-size:13px}.footer{padding-top:30px}.footer-top{flex-wrap:wrap;gap:20px 25px}.footer .wordmark{font-size:19px}.footer-top>p{font-size:9px}.footer-github{margin-left:0;width:100%;font-size:11px;margin-top:4px}.footer-bottom{flex-wrap:wrap;gap:12px 20px;justify-content:flex-start;margin-top:30px;font-size:8px}.footer-bottom>span:last-child{margin-left:auto}}
@media(max-width:360px){.container{width:calc(100% - 36px)}.header-inner{gap:9px}.wordmark{font-size:19px}.wordmark img{width:28px;height:28px}.header-download{padding:10px 11px}.hero-description{font-size:12px}.hero-stage{height:565px}.hero-device{width:222px}.hero-meta{font-size:8px;gap:8px}.floating-note{left:-2px;bottom:32px}.gallery-stage{height:560px}.gallery-phone{width:211px}.screen-selector button{padding-inline:9px;font-size:9px}.gallery-controls{gap:7px;padding-inline:14px}.gallery-arrow{width:28px;height:28px}.download-panel{padding:27px 20px}.download-copy h2{font-size:34px}.build-option{padding:18px}.build-heading strong{font-size:14px}.recommended{font-size:7px}h2{font-size:35px}}
.hero-stage{overflow:clip;overflow-clip-margin:20px}
/* Clean devices: the screenshot itself supplies all colour and lighting. */
html{scrollbar-gutter:stable}
[data-theme=light]{--quiet:#756e80}
[data-theme=light] .build-primary{color:#fff}
[data-theme=light] .build-primary .recommended{background:#ffffff20}
.hero{min-height:790px;padding-top:18px;padding-bottom:66px}
.hero h1{font-size:clamp(64px,6.2vw,89px)}
.hero-description{max-width:485px;font-size:15px;line-height:1.85}
.hero-stage{height:710px;perspective:1800px;overflow:visible}
.hero-stage::before{display:none}
.phone-float{animation:none;transform:none}
.phone-pose{transform:rotateY(-5deg) rotateZ(1.5deg)}
.device,.gallery-phone .device{padding:7px;border-radius:40px;background:#151518;border:1px solid #4d4d54;box-shadow:1px 0 0 #74747c,3px 1px 0 #26262b,0 24px 40px -22px var(--phone-shadow);transform-style:flat}
.device::before{display:none}
.hero-device{width:296px}
.device-display,.gallery-phone .device-display{aspect-ratio:9/20;border-radius:32px;background:#0f121b;transform:none}
.device-display img,.theme-screen img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:none;image-rendering:auto}
.theme-screen{transition:opacity .25s ease}
.device-camera{top:16px;width:6px;height:6px;transform:translateX(-50%);border:0;box-shadow:0 0 0 2px #111116;background:#070709}
.device-button{width:2px;left:-3px;background:#55555e;transform:none}
.device-button-three{left:auto;right:-4px}
.device-glass,.stage-orbit,.stage-coordinate,.floating-note,.gallery-orbit{display:none}
.hero-theme-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;color:var(--muted);font-size:11px;padding-block:12px}
.hero-theme-label>.icon{height:14px;width:14px;transition:transform .2s}
.hero-theme-label:hover>.icon{transform:translateX(4px)}
.theme-dots{display:flex;padding-left:3px}
.theme-dots i{display:block;width:12px;height:12px;margin-left:-3px;border:2px solid var(--bg);border-radius:50%;background:#bda4ff}
.theme-dots i:nth-child(2){background:#f3afda}.theme-dots i:nth-child(3){background:#74dcc1}
.showcase{background:none;padding-top:35px}
.gallery{margin-top:44px}
.gallery-stage{height:660px;perspective:2000px}
.gallery-phone{top:25px;width:258px;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .4s;filter:none!important;will-change:auto}
.gallery-phone[data-position=current]{transform:translateX(-50%);opacity:1;z-index:3}
.gallery-phone[data-position=prev]{transform:translateX(calc(-50% - 298px)) translateY(24px) rotateY(6deg) rotateZ(-3deg) scale(.94);opacity:1;z-index:2}
.gallery-phone[data-position=next]{transform:translateX(calc(-50% + 298px)) translateY(24px) rotateY(-6deg) rotateZ(3deg) scale(.94);opacity:1;z-index:2}
.gallery-phone[data-position=hidden]{transform:translateX(-50%) scale(.9);opacity:0;z-index:0;pointer-events:none}
.gallery-phone .device{width:100%;border-radius:37px}
.gallery-phone .device-display{border-radius:29px}
.screen-selector button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px}
.swatch{height:9px;width:9px;border-radius:50%;display:inline-block;flex-shrink:0;border:1px solid #ffffff24}
.swatch.lavender{background:#bda4ff}.swatch.light{background:#f4eefb;border-color:#8b819b}.swatch.amoled{background:#f3a4cd}.swatch.mint{background:#74dcc1}
.gallery-caption{min-height:98px}
.gallery-caption>span{display:block;margin-top:16px;line-height:1.6}
.screen-enlarge{background:none;border:0;padding:5px;font-size:11px;color:var(--fg);gap:6px}
.screen-enlarge .icon{width:12px;height:12px}
.dialog-open{overflow:hidden}
.screen-dialog{position:fixed;inset:0;width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:22px;box-shadow:0 25px 120px #0008}
.screen-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}
.screen-dialog-toolbar{height:60px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px;font-size:13px;border-bottom:1px solid var(--line)}
.screen-close{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:8px 13px;display:flex;align-items:center;gap:12px;font-size:12px}
.screen-close span{font-size:18px;line-height:1}
.screen-dialog-content{max-height:calc(100dvh - 94px);overflow-y:auto;overscroll-behavior:contain;padding:20px}
.screen-dialog-content img{width:100%;height:auto;border-radius:16px}
@media(min-width:1500px){.hero-device{width:314px}.hero-stage{height:740px}.hero{min-height:830px}}
@media(max-width:1100px){.hero h1{font-size:clamp(58px,6.2vw,76px)}.hero-device{width:268px}.hero-stage{height:655px}.hero{min-height:720px}.hero-description{font-size:14px}.gallery-phone{width:242px}.gallery-stage{height:625px}.gallery-phone[data-position=prev]{transform:translateX(calc(-50% - 265px)) translateY(24px) rotateY(5deg) rotateZ(-2deg) scale(.94)}.gallery-phone[data-position=next]{transform:translateX(calc(-50% + 265px)) translateY(24px) rotateY(-5deg) rotateZ(2deg) scale(.94)}}
@media(max-width:800px){.hero h1{font-size:clamp(48px,6.4vw,60px)}.hero-device{width:230px}.hero-stage{height:575px}.hero{min-height:650px}.hero-description{font-size:13px}.hero-theme-label{font-size:9px;gap:7px}.gallery-phone{width:230px}.gallery-stage{height:595px}.gallery-phone[data-position=prev]{transform:translateX(calc(-50% - 223px)) translateY(18px) rotateY(5deg) scale(.9)}.gallery-phone[data-position=next]{transform:translateX(calc(-50% + 223px)) translateY(18px) rotateY(-5deg) scale(.9)}}
@media(max-width:600px){.hero{padding-top:32px;padding-bottom:24px;gap:28px;min-height:0}.hero h1{font-size:clamp(46px,12.2vw,68px)}.hero-description{font-size:13px;max-width:335px;margin-inline:auto}.hero-description br{display:none}.hero-stage{height:650px;width:100%;margin-top:0}.hero-device{width:256px}.phone-pose{transform:rotateY(-3deg) rotateZ(1deg)}.hero-theme-label{bottom:0;font-size:10px;gap:9px}.gallery{margin-top:24px}.gallery-stage{height:585px;overflow:hidden}.gallery-phone{top:18px;width:236px}.gallery-phone[data-position=current]{transform:translateX(-50%)}.gallery-phone[data-position=prev]{transform:translateX(calc(-50% - 220px)) translateY(26px) rotateY(4deg) scale(.88)}.gallery-phone[data-position=next]{transform:translateX(calc(-50% + 220px)) translateY(26px) rotateY(-4deg) scale(.88)}.gallery-phone .device{padding:7px;border-radius:36px}.gallery-phone .device-display{border-radius:28px}.gallery-controls{padding-inline:18px;gap:0}.gallery-arrow{display:none}.screen-selector{width:min(100%,390px);gap:0}.screen-selector button{flex:1;font-size:10px;padding:12px 8px;gap:6px}.swatch{height:7px;width:7px}.gallery-caption{margin-top:18px;padding-inline:22px}.showcase-heading h2{font-size:39px}.showcase-heading>p br{display:block}.screen-dialog-content{padding:10px}.screen-dialog{border-radius:18px}.hero-copy{padding:0}}
@media(max-width:360px){.hero h1{font-size:46px}.hero-device{width:238px}.hero-stage{height:610px}.gallery-stage{height:560px}.gallery-phone{width:224px}.screen-selector button{font-size:9px;padding-inline:6px;gap:5px}.showcase-heading h2{font-size:36px}}
/* Physical depth belongs to the chassis; light stays behind the display. */
.hero-stage{perspective:1600px;--halo-blue:#488cff66;--halo-purple:#b36bff88}
.hero-stage::before{display:block;content:'';position:absolute;inset:auto;left:50%;top:46%;width:min(100%,460px);height:76%;border-radius:50%;background:radial-gradient(ellipse at 25% 55%,var(--halo-blue),transparent 62%),radial-gradient(ellipse at 77% 45%,var(--halo-purple),transparent 62%);filter:blur(42px);transform:translate(-50%,-50%);opacity:.85;pointer-events:none;z-index:-1;animation:haloBreathe 9s ease-in-out infinite}
.hero-stage::after{content:'';position:absolute;left:50%;bottom:30px;width:300px;max-width:90%;height:38px;border-radius:50%;background:radial-gradient(ellipse,#6751a84d,transparent 70%);filter:blur(14px);transform:translateX(-50%);pointer-events:none;z-index:-1}
[data-theme=light] .hero-stage{--halo-blue:#74a1ff66;--halo-purple:#bd8dff77}
.phone-float{transform-style:preserve-3d;animation:deviceHover 11s ease-in-out infinite}
.phone-pose{--tilt-x:6deg;--tilt-y:-18deg;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(4deg);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.device,.gallery-phone .device{transform-style:preserve-3d;border-color:#656575;background:linear-gradient(120deg,#4b4c59 0%,#16171d 12%,#111217 75%,#3f404d 100%);box-shadow:0 0 0 1px #0a0a0d,inset 0 0 0 1px #ffffff18,18px 30px 50px -25px var(--phone-shadow)}
.device-depth{position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(110deg,#525464,#23242e 20%,#30313e 75%,#68697b);border:1px solid #16171c;pointer-events:none;box-shadow:1px 0 0 #7a7b891c}
.depth-1{transform:translateZ(-2px)}.depth-2{transform:translateZ(-4px)}.depth-3{transform:translateZ(-6px)}.depth-4{transform:translateZ(-8px)}.depth-5{transform:translateZ(-10px)}.depth-6{transform:translateZ(-12px);box-shadow:0 12px 22px -8px var(--phone-shadow)}
.device-display{transform:translateZ(1px)}
.device-camera{transform:translateX(-50%) translateZ(3px)}
.device-button{transform:translateZ(-5px);background:linear-gradient(90deg,#858693,#292a35)}
.gallery-stage{perspective:1800px}
.gallery-phone[data-position=current]{transform:translateX(-50%) rotateX(3deg) rotateY(-8deg)}
.gallery-phone[data-position=prev]{transform:translateX(calc(-50% - 298px)) translateY(24px) rotateY(16deg) rotateZ(-3deg) scale(.94)}
.gallery-phone[data-position=next]{transform:translateX(calc(-50% + 298px)) translateY(24px) rotateY(-16deg) rotateZ(3deg) scale(.94)}
.gallery-stage::before{content:'';position:absolute;inset:10% 15%;border-radius:50%;background:radial-gradient(ellipse,#9970f129,transparent 68%);filter:blur(42px);pointer-events:none;z-index:-1}
.motion-paused::before,.motion-paused .phone-float{animation-play-state:paused}
@keyframes deviceHover{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes haloBreathe{0%,100%{opacity:.72}50%{opacity:1}}
@media(max-width:1100px){.gallery-phone[data-position=prev]{transform:translateX(calc(-50% - 265px)) translateY(24px) rotateY(16deg) rotateZ(-2deg) scale(.94)}.gallery-phone[data-position=next]{transform:translateX(calc(-50% + 265px)) translateY(24px) rotateY(-16deg) rotateZ(2deg) scale(.94)}}
@media(max-width:800px){.phone-pose{--tilt-y:-15deg}.gallery-phone[data-position=prev]{transform:translateX(calc(-50% - 223px)) translateY(18px) rotateY(16deg) scale(.9)}.gallery-phone[data-position=next]{transform:translateX(calc(-50% + 223px)) translateY(18px) rotateY(-16deg) scale(.9)}}
@media(max-width:600px){.phone-pose{--tilt-x:5deg;--tilt-y:-16deg;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(3deg)}.hero-stage::before{width:112%;height:80%;filter:blur(32px)}.gallery-phone[data-position=prev]{transform:translateX(calc(-50% - 220px)) translateY(26px) rotateY(16deg) scale(.88)}.gallery-phone[data-position=next]{transform:translateX(calc(-50% + 220px)) translateY(26px) rotateY(-16deg) scale(.88)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js [data-reveal]{opacity:1;transform:none}.phone-pose{transform:rotateX(5deg) rotateY(-16deg) rotateZ(3deg)}}