:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:#f4f7f7;background:#080a0c;font-synthesis:none;-webkit-font-smoothing:antialiased;--cyan:#69efde;--muted:#969fa5;--line:#ffffff16}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-underline-offset:.25em}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,.carousel:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}button:disabled{opacity:.3;cursor:default}.site-shell{width:min(1480px,calc(100% - 96px));margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:1.5rem;font-weight:700;letter-spacing:-.05em}.brand img{object-fit:contain}nav{display:flex;gap:32px}nav a{color:#b1b9bd;font-size:.875rem;text-decoration:none;padding:10px 0}nav a:hover,.text-link:hover{color:var(--cyan)}
.hero{display:grid;grid-template-columns:.88fr 1.22fr;align-items:center;gap:10px;padding:90px 0 80px;min-height:690px}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan);font-size:.7rem;letter-spacing:.2em;font-weight:650;margin:0 0 25px}.status-dot{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #69efde50}h1{font-size:clamp(3.8rem,6.2vw,6.2rem);line-height:.99;letter-spacing:-.065em;font-weight:650;margin:0}h1 span{color:var(--cyan)}.intro{font-size:1.06rem;line-height:1.7;color:#a8b0b5;max-width:37ch;margin:28px 0}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:100px;padding:16px 23px;font-size:.85rem;font-weight:650;transition:background .2s,transform .2s}.primary{background:var(--cyan);color:#052923}.primary:hover{background:#9bffef;transform:translateY(-2px)}.text-link{font-size:.86rem;font-weight:500;text-decoration:none;display:inline-flex;gap:12px;align-items:center}.compatibility{font-size:.72rem;color:#8c979e;margin:24px 0 0}.compatibility span{padding:0 6px}
.showcase{margin:0;min-width:0;position:relative;padding-top:20px}.showcase:before{content:"";position:absolute;inset:0 -2% 10%;background:radial-gradient(ellipse at 50% 60%,#164d3d30,transparent 65%);z-index:-1;pointer-events:none}.device{position:relative;aspect-ratio:3805/2297;width:100%;filter:drop-shadow(0 35px 36px #0009)}.device-screen{position:absolute;left:10.276%;top:2.438%;width:79.475%;height:85.503%;background:#000;overflow:hidden;border-radius:2.2% 2.2% 0 0;display:flex;align-items:center;justify-content:center}.device-screen video{width:100%;height:100%;object-fit:cover;display:block}.device-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.video-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:27px 9% 0;font-size:.65rem;color:#9aa4aa}.video-bar>span{display:flex;align-items:center;gap:8px}.video-controls{display:flex;align-items:center;gap:12px}.video-controls button,.video-controls a{padding:8px 0;color:#cbd3d5;background:none;border:0;text-decoration:none;font-size:inherit;white-space:nowrap}.video-controls button:hover,.video-controls a:hover{color:var(--cyan)}.media-status{font-size:.8rem;color:var(--muted);text-align:center;margin:8px 0;min-height:1em}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-strip>div{display:flex;gap:17px;align-items:center;justify-content:center}.feature-symbol{font-size:1.65rem;color:var(--cyan)}.feature-strip p{margin:0;font-size:.82rem;line-height:1.65}.feature-strip strong{display:block;font-weight:550}.feature-strip p span{color:var(--muted);font-size:.73rem}
.explore{padding:95px 0 75px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}h2{font-size:clamp(2.4rem,4vw,3.8rem);font-weight:600;letter-spacing:-.055em;line-height:1.08;margin:0}h2 span{color:#929da2}.section-heading>p{font-size:.9rem;color:var(--muted);line-height:1.8;max-width:32ch;margin:0 0 5px}.carousel{min-width:0}.carousel-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px 1px 12px;scroll-padding-left:1px}.carousel-track::-webkit-scrollbar{display:none}.slide{margin:0;flex:0 0 min(76%,850px);scroll-snap-align:start;scroll-snap-stop:always;border-radius:18px;overflow:hidden;border:1px solid #ffffff18;background:#080a0c}.slide:last-child{margin-right:max(0px,calc(100% - 850px))}.slide img{display:block;width:100%;height:auto;aspect-ratio:8/5}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:19px}.carousel-controls p{font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:.75rem;color:#ecf5f4;margin:0}.carousel-controls p span{color:#637078}.carousel-dots{display:flex;gap:6px;align-items:center}.carousel-dots button{width:26px;height:30px;border:0;background:none;position:relative;padding:0}.carousel-dots button:after{content:"";position:absolute;top:12px;left:10px;width:6px;height:6px;border-radius:5px;background:#4c555a}.carousel-dots button[aria-current="true"]:after{background:var(--cyan);width:22px;left:2px}.arrows{display:flex;gap:9px}.arrows button{background:#131a1d;color:#eaf7f5;border:1px solid #ffffff17;border-radius:50%;width:44px;height:44px;font-size:1.25rem}.arrows button:hover:not(:disabled){background:#263b37}
.closing{padding:40px 0 95px;text-align:center}.closing .eyebrow{justify-content:center}.closing h2{font-size:clamp(2.2rem,3.5vw,3.3rem)}.closing>p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:.95rem;margin:26px 0}.closing .text-link{color:var(--cyan)}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding:28px 0 35px;color:var(--muted);font-size:.75rem}footer .brand{color:white;font-size:1.15rem}.footer-tag{font-size:.75rem;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:12px}footer>div{display:flex;gap:24px}footer a{text-decoration:none}.skip-link{position:absolute;left:16px;top:-100px;padding:12px 18px;background:white;color:black;z-index:10}.skip-link:focus{top:12px}.legal{width:min(780px,100%);margin:72px auto}.legal h1{font-size:clamp(2.5rem,5vw,4rem)}.legal h2{font-size:1.25rem;letter-spacing:-.025em;margin:36px 0 12px}.legal p{color:#bdbdb8;font-size:1rem;line-height:1.8}.legal .updated{font-size:.875rem;color:#999995;margin-bottom:40px}
@media(min-width:1800px){.hero{min-height:750px}.showcase{transform:scale(1.07);transform-origin:center right}}
@media(max-width:1050px){.site-shell{width:calc(100% - 56px)}.hero{grid-template-columns:.9fr 1.1fr;padding:70px 0 55px;min-height:600px}h1{font-size:clamp(3.3rem,6.3vw,5rem)}.hero-actions{gap:18px}.video-bar{margin-left:3%;margin-right:3%;flex-wrap:wrap;justify-content:center}.intro{font-size:.95rem}.feature-strip{gap:20px}.feature-strip>div{gap:10px}.section-heading>p{font-size:.8rem}.slide{flex-basis:82%}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:35px;padding:55px 0 40px}.hero-copy{max-width:580px}h1{font-size:clamp(3.6rem,12vw,5.7rem)}.intro{max-width:40ch}.showcase{padding-top:0}.video-bar{margin:20px 6% 0;justify-content:space-between}.feature-strip{grid-template-columns:1fr;gap:22px;padding:26px 12px}.feature-strip>div{justify-content:flex-start;gap:20px}.feature-strip p{font-size:.9rem}.feature-strip p span{font-size:.8rem}.explore{padding:60px 0}.section-heading{display:block}.section-heading>p{margin-top:20px}.slide{flex-basis:94%}.slide:last-child{margin-right:6%}.closing{padding:15px 0 65px}footer{flex-wrap:wrap}.footer-tag{display:none}}
@media(max-width:420px){.site-shell{width:calc(100% - 32px)}.topbar{padding:18px 0}nav{gap:17px}nav a{font-size:.75rem}.brand{font-size:1.3rem}.brand img{width:25px;height:31px}.hero-actions{gap:18px}.video-bar{justify-content:center;font-size:.62rem}.video-controls{gap:18px}.eyebrow{font-size:.65rem}.section-heading h2{font-size:2.35rem}.carousel-controls{gap:8px}.carousel-dots{gap:0}.arrows button{width:38px;height:38px}}
/* Icon-inspired chroma accents; static gradients keep motion preferences intact. */
.speaker-toggle{position:absolute;right:3%;bottom:0;z-index:2;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ffffff24;border-radius:50%;background:#111318dd;color:#e3d9ff;backdrop-filter:blur(12px)}
.speaker-toggle:hover{background:#292135;color:white}.speaker-toggle .sound-waves{display:none}.speaker-toggle[aria-pressed="true"] .sound-waves{display:block}.speaker-toggle[aria-pressed="true"] .sound-muted{display:none}
#hero-video{cursor:pointer}#hero-video:focus-visible{outline:2px solid #b495ff;outline-offset:-4px}
:root{--cyan:#91c5ff;--chroma:linear-gradient(110deg,#66e5ff 0%,#82b5ff 30%,#b495ff 62%,#ed9eff 100%)}
h1 span,.eyebrow,.feature-symbol,.closing .text-link,nav a:hover,.text-link:hover,.video-controls button:hover,.video-controls a:hover{color:#b9b0ff;background-image:var(--chroma);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.status-dot{background:var(--chroma);box-shadow:0 0 12px #a987ff65}
.carousel-dots button[aria-current="true"]:after{background:var(--chroma)}
.primary,.primary:hover{background:var(--chroma);color:#11142b}
.showcase:before{display:none}
@keyframes chroma-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hero{padding-top:45px;min-height:600px}.showcase{padding-top:10px}
.app-store-badge{display:inline-block;margin:24px 0 0;padding:12px 0}.app-store-badge img{display:block;height:48px;width:auto}
@media(min-width:1800px){.hero{min-height:650px}}
@media(max-width:1050px){.hero{padding-top:35px;min-height:510px}}
@media(max-width:760px){.hero{padding-top:27px;min-height:0}.showcase{padding-top:0}}
.topbar .brand>span{color:#b9b0ff;background-image:var(--chroma);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
@media(prefers-reduced-motion:no-preference){.topbar .brand>span{background-size:220% 100%;animation:chroma-flow 9s ease-in-out infinite}}
@media(forced-colors:active){.topbar .brand>span{background:none;-webkit-text-fill-color:currentColor;color:LinkText}}
@media(prefers-reduced-motion:no-preference){h1 span,.eyebrow,.feature-symbol,.closing .text-link{background-size:220% 100%;animation:chroma-flow 9s ease-in-out infinite}}
.arrows button:hover:not(:disabled){background:#302743}
@media(forced-colors:active){h1 span,.eyebrow,.feature-symbol,.closing .text-link,nav a:hover,.text-link:hover,.video-controls button:hover,.video-controls a:hover{background:none;-webkit-text-fill-color:currentColor;color:LinkText}.status-dot,.carousel-dots button[aria-current="true"]:after{background:Highlight}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}