@charset "UTF-8";
:root{color-scheme:dark;--ink:#f4f5f3;--muted:#92958f;--paper:#0b0c0b;--surface:#151715;--lime:#c1df75;--line:#ffffff14;--max:1080px;--spring:cubic-bezier(.22,1.32,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:6px}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.skip{position:absolute;left:20px;top:-100px;background:var(--lime);color:#17200d;padding:14px;z-index:100}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:25px;position:relative;z-index:20;min-height:82px}.brand{display:flex;align-items:center;gap:9px;font-size:19px;letter-spacing:-.7px;font-weight:650;text-decoration:none}.brand img{width:34px;height:34px;border:1px solid #ffffff20;border-radius:10px;box-shadow:0 4px 10px #0005}nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500}nav a{text-decoration:none;color:#b8bbb6;transition:color .2s}nav a:hover{color:var(--ink)}.pill{border:1px solid #ffffff09;background:#1a1c19;border-radius:100px;padding:12px 22px;text-decoration:none;display:inline-flex;gap:13px;align-items:center;justify-content:center;font-size:14px;line-height:20px;font-weight:550;min-height:46px;transition:background .2s,box-shadow .25s,transform .35s var(--spring)}.pill:hover{background:#252823;box-shadow:0 9px 25px #0004;transform:translateY(-2px)}.pill:active{transform:translateY(0) scale(.97)}.pill.primary,.pill.lime{background:var(--lime);color:#1b2211;border:1px solid #d0eb90;box-shadow:inset 0 1px 0 #fff6,0 4px 20px #bedf7014}.pill.primary:hover,.pill.lime:hover{background:#d0eb90;box-shadow:inset 0 1px 0 #fff9,0 10px 30px #bedf7020}.pill.dark{background:var(--lime);color:#1b2211}.nav-support{padding:9px 18px;min-height:38px;font-size:12px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:#9da28f}.hero{padding:66px 0 34px;text-align:center}.hero-copy{max-width:750px;margin:auto}.status{display:inline-flex;align-items:center;gap:9px;border:1px solid #ffffff12;border-radius:30px;padding:7px 12px;font-size:11px;font-weight:450;letter-spacing:.1px;color:#a6aba0;background:linear-gradient(180deg,#ffffff04,#ffffff00);box-shadow:inset 0 1px 0 #ffffff05}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px #c1df7530}.status-divider{color:#4b5146;margin:0 1px}h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,"Segoe UI",system-ui,sans-serif}h1{font-size:clamp(64px,7vw,88px);font-weight:700;line-height:1.02;letter-spacing:-4.4px;margin:28px 0 21px}h1 span{color:#969b92}.intro{font-size:19px;line-height:1.55;color:#a5aaa0;margin:0 auto;max-width:540px;letter-spacing:-.35px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:18px 0}.small{font-size:12px;line-height:1.75;color:var(--muted)}.hero-note{margin:0 auto;max-width:500px;color:#858d7d;font-size:11px}.feature-dock{display:flex;justify-content:center;align-items:center;gap:10px;height:97px;margin:12px auto 0;position:relative}.dock-item{width:47px;height:47px;position:relative;text-decoration:none;transform:translate3d(0,var(--lift,0px),0) scale(var(--zoom,1));will-change:transform;z-index:2}.dock-face{display:grid;place-items:center;width:100%;height:100%;border-radius:13px;background:linear-gradient(155deg,#2a2e26,#151713);border:1px solid #ffffff12;box-shadow:inset 0 1px 0 #ffffff0a,0 9px 13px #0006;overflow:hidden;transition:border-color .2s}.dock-item:nth-child(2) .dock-face{background:linear-gradient(150deg,#333934,#1a221d)}.dock-item:nth-child(4) .dock-face{background:linear-gradient(150deg,#302d36,#19171d)}.dock-item:nth-child(5) .dock-face{background:linear-gradient(150deg,#313b27,#192113)}.dock-item svg{width:25px;height:25px;fill:none;stroke:#d0d8c8;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dock-brand{width:58px;height:58px}.dock-brand .dock-face{border-radius:16px}.dock-brand img{width:100%;height:100%}.dock-label{position:absolute;left:50%;bottom:calc(100% + 12px);background:#292d26ec;border:1px solid #ffffff16;backdrop-filter:blur(12px);border-radius:8px;padding:5px 9px;color:#e1e7db;font-size:10px;white-space:nowrap;opacity:0;transform:translate(-50%,4px);transition:opacity .16s,transform .22s var(--spring);pointer-events:none}.dock-item:hover .dock-label,.dock-item:focus-visible .dock-label{opacity:1;transform:translate(-50%,0)}.dock-item:hover .dock-face{border-color:#c1df7550}.product-stage{margin:38px 0 25px}.hero-art{height:460px;position:relative;isolation:isolate;border-radius:26px;background:radial-gradient(ellipse at 70% 100%,#313d2326,transparent 65%),linear-gradient(155deg,#171b15,#11130f 55%,#171a14);overflow:hidden;border:1px solid #ffffff0c;perspective:1000px;contain:paint}.stage-glow{width:400px;height:250px;position:absolute;top:45px;left:calc(50% - 200px);background:#9bbc4b12;border-radius:50%;filter:blur(70px);transform:translate3d(var(--glow-x,0px),0,0)}.scene-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(#a7b48e12 1px,transparent 1px),linear-gradient(90deg,#a7b48e12 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at center,#000,transparent 75%)}.tv-layer{position:absolute;width:430px;height:265px;left:calc(50% - 270px);top:63px;transform:translate3d(var(--tv-x,0px),var(--tv-y,0px),0) rotateY(var(--tv-ry,0deg));will-change:transform}.tv-art{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 70%,#23301d,#10160e 78%);border:7px solid #3e4539;border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff16,0 26px 60px #0008,0 0 70px #bacf7406;display:grid;place-items:center}.tv-art::after{content:"";height:8px;width:120px;border-radius:10px;background:#3e4539;position:absolute;bottom:-26px;left:calc(50% - 60px);box-shadow:0 4px 12px #0007}.wifi{width:77px;height:77px;stroke:var(--lime);fill:none;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 13px #c1df7520)}.wifi circle{fill:var(--lime);stroke:none}.remote-layer{position:absolute;left:calc(50% + 10px);top:105px;width:350px;transform:translate3d(var(--remote-x,0px),var(--remote-y,0px),50px) rotate(var(--remote-r,-12deg));will-change:transform}.remote-art{width:100%;height:auto;filter:drop-shadow(10px 22px 18px #0009)}.badge{position:absolute;top:23px;left:25px;display:flex;align-items:center;gap:7px;color:#8e9882;font-size:9px;letter-spacing:1.5px}.art-caption{position:absolute;bottom:25px;left:27px;font-size:11px;line-height:1.7;color:#87917b}.art-caption strong{font-size:13px;display:block;font-weight:500;color:#b1b9a7}.stage-index{position:absolute;bottom:28px;right:26px;font-size:9px;letter-spacing:1.6px;color:#7e8b70}.floating-note{position:absolute;left:calc(50% - 300px);top:290px;padding:13px 17px;border:1px solid #ffffff10;border-radius:14px;background:#262b22b8;backdrop-filter:blur(18px);box-shadow:0 12px 25px #0005;display:flex;gap:11px;align-items:center;font-size:12px;color:#c3cabd;transform:translate3d(var(--note-x,0px),var(--note-y,0px),70px)}.signal-lines{display:flex;align-items:center;gap:3px;height:19px}.signal-lines i{display:block;width:3px;height:9px;background:var(--lime);border-radius:5px}.signal-lines i:nth-child(2){height:17px}.signal-lines i:nth-child(3){height:12px}.signal-lines i:nth-child(4){height:6px}.strip{display:flex;justify-content:space-between;padding:24px 8px 30px;gap:25px;flex-wrap:wrap;font-size:12px;color:#919a88;border-bottom:1px solid var(--line)}.strip span{display:flex;align-items:center;gap:9px}.strip b{color:#abb993;font-size:17px;font-weight:400}.section{padding:85px 0}.section-head{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;margin-bottom:35px}h2{font-size:clamp(31px,4.2vw,46px);line-height:1.1;letter-spacing:-1.8px;margin:13px 0 0;font-weight:650}.section-head p{max-width:330px;margin:0;font-size:14px;line-height:1.8;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:25px;border:1px solid #ffffff0c;background:linear-gradient(145deg,#181b16,#141612);border-radius:19px;transition:border-color .25s,transform .5s var(--spring),box-shadow .3s}.step:hover{transform:translateY(-5px);border-color:#c1df7529;box-shadow:0 16px 30px #0003}.number{display:inline-grid;place-items:center;border:1px solid #ffffff13;background:#ffffff04;color:#a1ac94;width:31px;height:31px;border-radius:10px;font-size:10px;font-weight:550}h3{font-size:18px;line-height:1.25;letter-spacing:-.5px;font-weight:600;margin:22px 0 10px}.step p,.feature-copy p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(130deg,#191c16,#141612);border:1px solid #ffffff0b;border-radius:25px;overflow:hidden;min-height:500px;margin:24px 0 0}.feature-copy{padding:45px}.feature-copy h2{margin:15px 0 25px}.feature-copy p+p{margin-top:16px}.feature-copy .small{font-size:11px;color:#8a947e}.app-view{height:500px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding:45px 25px 0;background:radial-gradient(ellipse at 50% 65%,#b0b89c15,transparent 70%);position:relative}.app-view img{width:242px;border:6px solid #30362b;border-bottom:0;border-radius:34px 34px 0 0;box-shadow:0 20px 45px #0008}.compatibility{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start;border-top:1px solid var(--line)}.platforms{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.platform{font-size:12px;padding:10px 15px;border:1px solid #ffffff0a;border-radius:11px;background:#191c16;color:#aeb7a4;transition:background .2s,transform .35s var(--spring)}.platform:hover{transform:translateY(-2px);background:#252b1e}.compat-note{font-size:14px;line-height:1.8;color:var(--muted);margin-top:8px}.faq{margin-top:30px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:21px 0}summary{font-size:15px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;color:#c5cbc0}summary::after{content:"+";font-size:19px;font-weight:300;color:#929d86;transition:transform .35s var(--spring)}summary::-webkit-details-marker{display:none}details[open] summary::after{transform:rotate(45deg)}details p{color:var(--muted);font-size:13px;line-height:1.85;margin-bottom:0;max-width:750px}details[open] p{animation:detail-in .3s ease both}.contact{background:radial-gradient(ellipse at 80% 130%,#c1df7513,transparent 70%),#171a14;border:1px solid #ffffff0d;border-radius:24px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:65px}.contact h2{font-size:33px;margin:0 0 14px}.contact p{color:#8e9784;font-size:13px;line-height:1.8;margin:0;max-width:500px}.contact .pill{white-space:nowrap}footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:11px;color:#8d9781}footer div{display:flex;gap:24px}footer a{text-decoration:none}footer a:hover{color:#c7d2ba}.legal{max-width:780px;margin:65px auto 90px}.legal h1{font-size:51px;letter-spacing:-2.4px;line-height:1.1}.legal .lead{font-size:17px;color:#a3aa9a;line-height:1.85}.legal h2{font-size:24px;letter-spacing:-.7px;line-height:1.35;margin:38px 0 13px}.legal p,.legal li{font-size:15px;line-height:1.9;color:#a2aa98}.legal ul{padding-left:23px}.legal a{overflow-wrap:anywhere}.legal .small{font-size:12px;color:#919b86}.back{font-size:12px;text-decoration:none;color:#9eac8e}.legal .pill{font-size:14px}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.motion-ready .hero-copy{animation:hero-in .9s cubic-bezier(.16,1,.3,1) both}.motion-ready .hero-copy h1{animation:hero-in .95s .08s cubic-bezier(.16,1,.3,1) both}.motion-ready .hero-copy .intro{animation:hero-in .95s .16s cubic-bezier(.16,1,.3,1) both}.motion-ready .feature-dock{animation:dock-in 1.1s .2s var(--spring) both}.motion-ready .hero-actions{animation:hero-in .95s .25s cubic-bezier(.16,1,.3,1) both}.motion-paused *{animation-play-state:paused!important}@keyframes hero-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes dock-in{from{opacity:0;transform:translateY(14px) scale(.93)}to{opacity:1;transform:none}}@keyframes detail-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:850px){.wrap{width:calc(100% - 42px)}nav{gap:20px}.hero{padding-top:53px}h1{font-size:78px}.product-stage{margin-top:30px}.section{padding:65px 0}.section-head p{max-width:270px}.step{padding:22px}.feature-copy{padding:32px}.compatibility{gap:35px}.contact{padding:32px}.contact h2{font-size:29px}.floating-note{left:10%;top:300px}.hero-art{height:430px}.tv-layer{left:calc(50% - 240px);width:390px;height:240px}.remote-layer{width:315px;left:calc(50% + 5px);top:100px}}
@media(max-width:620px){html{scroll-padding-top:28px}.wrap{width:calc(100% - 36px)}header{padding:17px 0;min-height:72px}.brand{font-size:18px}.brand img{width:31px;height:31px;border-radius:9px}nav{gap:15px}nav .nav-optional{display:none}nav .pill{font-size:11px;padding:8px 13px;min-height:35px}.hero{padding:45px 0 20px}.status{font-size:9px;gap:6px;padding:7px 9px}.status-dot{width:5px;height:5px}h1{font-size:72px;letter-spacing:-3.8px;margin:26px 0 21px}.intro{font-size:17px;line-height:1.6}.feature-dock{margin:11px auto 1px;height:94px;gap:9px}.dock-item{width:43px;height:43px}.dock-brand{width:54px;height:54px}.hero-actions{gap:8px;margin:17px 0}.hero-actions .pill{font-size:12px;padding:11px 18px;gap:9px;min-height:43px}.hero-note{font-size:10px;max-width:300px}.product-stage{margin-top:24px;margin-bottom:15px}.hero-art{height:340px;border-radius:21px}.badge{top:20px;left:20px;font-size:8px}.tv-layer{width:245px;height:160px;top:65px;left:calc(50% - 150px)}.tv-art{border-width:5px;border-radius:13px}.tv-art::after{height:6px;width:85px;left:calc(50% - 42px);bottom:-18px}.wifi{width:54px;height:54px}.remote-layer{width:230px;top:96px;left:calc(50% - 10px)}.floating-note{top:224px;left:26px;font-size:9px;padding:9px 11px;gap:7px;border-radius:10px}.signal-lines{height:15px;gap:2px}.signal-lines i{width:2px}.signal-lines i:nth-child(2){height:13px}.art-caption{left:20px;bottom:21px;font-size:9px;max-width:220px}.art-caption strong{font-size:10px}.stage-index{right:19px;bottom:23px;font-size:7px;letter-spacing:1px}.strip{padding:18px 0 24px;gap:12px;font-size:10px}.strip span{gap:6px}.strip span:last-child{display:none}.strip b{font-size:14px}.section{padding:55px 0}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:35px;letter-spacing:-1.5px}.section-head p{margin-top:19px;max-width:none;font-size:13px}.steps{grid-template-columns:1fr;gap:12px}.step{padding:22px;display:grid;grid-template-columns:31px 1fr;gap:0 17px}.step h3{margin:3px 0 10px;font-size:18px}.step p{grid-column:2}.feature{grid-template-columns:1fr;min-height:0;margin-top:18px;border-radius:21px}.feature-copy{padding:30px 26px}.feature-copy h2{font-size:36px}.app-view{height:380px;padding-top:20px}.app-view img{width:215px}.compatibility{grid-template-columns:1fr;gap:20px}.compatibility h2{font-size:35px}.compatibility .small{font-size:11px}.platform{font-size:11px;padding:10px 12px}.compat-note{font-size:13px}.contact{display:block;padding:29px 25px;border-radius:21px;margin-bottom:45px}.contact h2{font-size:29px;letter-spacing:-1.1px}.contact .pill{margin-top:22px;font-size:12px}.legal{margin:42px auto 65px}.legal h1{font-size:42px}.legal .lead{font-size:16px}.legal p,.legal li{font-size:14px}footer{line-height:1.7;gap:14px;font-size:10px}footer div{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.dock-item,.tv-layer,.remote-layer,.floating-note{will-change:auto}.dock-item{transform:none}.remote-layer{transform:rotate(-12deg)}.tv-layer,.floating-note{transform:none}}
.app-view img{height:auto;flex:0 0 auto;align-self:flex-start}