:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;color:#f7f8f4;background:#0c0f10;font-synthesis:none;--lime: #ccfb26;--muted: #b9c0be;--rule: #353c3d}*{box-sizing:border-box}body{margin:0;min-width:280px}img{display:block;max-width:100%}h1,h2,h3,p,figure,dd{margin:0}p,dd{color:var(--muted);line-height:1.6}strong{color:#f7f8f4}.wrap{width:min(100% - clamp(36px,8vw,120px),1280px);margin-inline:auto}.accent{color:var(--lime)}.site-header,.site-footer{display:flex;justify-content:space-between;align-items:center;gap:14px}.site-header{padding-block:23px}.brand{display:flex;align-items:center;gap:7px;font-size:clamp(1.35rem,3vw,2.25rem);font-weight:900;font-style:italic;letter-spacing:-.045em;text-transform:uppercase}.brand img{width:clamp(38px,5vw,62px);height:auto}.status{border:1px solid #667537;border-radius:999px;padding:.36rem .7rem;color:#e4f4ae;font-size:.83rem;white-space:nowrap}.hero{position:relative;isolation:isolate;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:clamp(24px,4vw,64px);padding-block:clamp(34px,6vw,88px) clamp(42px,6vw,84px)}.hero-copy{position:relative}.hero-wave{position:absolute;z-index:-1;width:min(94%,1500px);height:120%;max-width:none;right:-7%;top:-11%;object-fit:cover;object-position:center;-webkit-mask-image:linear-gradient(to right,transparent 11%,black 56%),linear-gradient(to bottom,transparent 4%,black 20%,black 74%,transparent);mask-image:linear-gradient(to right,transparent 11%,black 56%),linear-gradient(to bottom,transparent 4%,black 20%,black 74%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;opacity:.46;animation:drift 8s ease-in-out infinite alternate}.eyebrow{color:var(--lime);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{font-size:clamp(2.75rem,5.65vw,5.75rem);line-height:.96;letter-spacing:-.065em;max-width:7.5em;text-wrap:balance;margin-block:.18em .27em}h1 span{display:block}.intro{max-width:32rem;font-size:clamp(1.05rem,2vw,1.35rem)}.cta{display:inline-flex;min-height:54px;justify-content:center;align-items:center;gap:.8rem;margin-top:24px;padding:.75rem 1.55rem;border-radius:10px;background:var(--lime);color:#141b06;font-size:1.06rem;font-weight:800;text-decoration:none;box-shadow:0 8px 28px #c4ff192b;transition:background-color .18s ease,transform .18s ease}.cta:hover{background:#e1ff66;transform:translateY(-2px)}.cta:focus-visible,.motion-control:focus-visible{outline:2px solid #fff;outline-offset:4px}.cta-note,.section-note,figcaption{font-size:.9rem;color:var(--muted)}.cta-note{margin-top:10px}.hero-copy>*{animation:rise .52s ease-out backwards}.hero-copy h1{animation-delay:.06s}.hero-copy .intro{animation-delay:.12s}.hero-copy .cta,.cta-note{animation-delay:.18s}.app-preview{min-width:0}.app-frame{position:relative;isolation:isolate;overflow:hidden;padding:3px;border-radius:17px;background:#283d28;box-shadow:0 24px 80px #000a,0 0 42px #a4ff252b}.app-frame:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:145%;aspect-ratio:1;background:conic-gradient(from 70deg,#263e27,#263e27 13%,#7b9b2e 22%,#e6ff92 26%,#c7ff28 29%,#263e27 40%,#263e27 61%,#4e9a80 71%,#a7ffdd 77%,#263e27 89%);animation:led-lap 6s linear infinite}.app-frame img{width:100%;height:auto;border-radius:14px}.app-preview figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;margin:10px 2px 0}.preview-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:5px;box-shadow:0 0 9px #ceff25a6}.motion-control{min-height:38px;padding:4px 7px;color:#d1d8d1;background:transparent;border:0;border-radius:4px;font:inherit;text-decoration:underline;text-underline-offset:.22em;cursor:pointer}.motion-control:hover{color:var(--lime)}[data-lights-paused=true] .app-frame:before,[data-lights-paused=true] .hero-wave{animation-play-state:paused}.voices{border-top:1px solid var(--rule);padding-block:30px 58px}.voice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,24px);margin:24px 0 12px;padding:0;list-style:none}.voice-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;border:1px solid #303a32;border-radius:13px;background:#131918;padding:clamp(12px,1.6vw,22px);transition:border-color .22s ease,box-shadow .22s ease}.voice-card:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 160px 105px at var(--pointer-x, 50%) var(--pointer-y, 50%),#c7ff252f,transparent);opacity:0;transition:opacity .2s ease}.voice-card:active{border-color:#8ba74d;box-shadow:0 0 20px #bdff171a}.voice-card:active:before{opacity:1}.voice-card:active img{animation:voice-pulse .55s ease-in-out 2}@media(hover:hover)and (pointer:fine){.voice-card:hover{border-color:#8ba74d;box-shadow:0 0 20px #bdff171a}.voice-card:hover:before{opacity:1}.voice-card:hover img{animation:voice-pulse .55s ease-in-out 2}}@keyframes voice-pulse{50%{transform:scaleY(1.28);filter:brightness(1.35)}}.voice-grid h3{font-size:clamp(1.05rem,2.25vw,1.55rem);letter-spacing:-.025em}.voice-grid p{font-size:.9rem}.voice-grid img{width:min(100%,400px);height:auto;max-height:92px;object-fit:fill;-webkit-mask-image:radial-gradient(ellipse 52% 56% at center,black 48%,transparent 100%);mask-image:radial-gradient(ellipse 52% 56% at center,black 48%,transparent 100%);mix-blend-mode:screen}.how{background:#151a1b;border-block:1px solid #252b2c}.how-grid{padding-block:clamp(40px,6vw,80px)}h2{font-size:clamp(2rem,4.1vw,3.5rem);line-height:1.03;letter-spacing:-.045em;margin-top:7px}.guide-intro{margin-top:12px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0 12px;padding:0;list-style:none}.steps button{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:8px 14px;border:1px solid var(--rule);border-radius:10px;background:#101616;color:var(--muted);font:inherit;font-weight:700;text-align:start;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.steps button:hover{border-color:#82934c;color:#fff}.steps button[aria-pressed=true]{border-color:#a4c146;color:#f4ffd3;background:#253019}.steps button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.step-number{color:var(--lime);font-size:.78rem;font-variant-numeric:tabular-nums}.guide-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.28fr);align-items:center;gap:clamp(18px,4vw,58px);padding:clamp(18px,3vw,38px);border:1px solid #354135;border-radius:18px;background:radial-gradient(ellipse at 80% 10%,#202d21,#101615 72%)}.guide-copy h3,.control-card h3{margin:8px 0 10px;font-size:clamp(1.35rem,2.5vw,2.2rem);letter-spacing:-.035em;line-height:1.15}.guide-copy>p:last-child{max-width:37ch}.guide-screen{position:relative;border:1px solid #445448;border-radius:10px}.guide-screen img{display:block;width:100%;height:auto;border-radius:9px}.guide-highlight{position:absolute;pointer-events:none;left:1.6%;top:19.5%;width:96.8%;height:15%;border:2px solid var(--lime);border-radius:6px;box-shadow:0 0 0 2px #0c0f10,0 0 16px #ccfb2660;transition:left .26s ease,top .26s ease,width .26s ease,height .26s ease}.guide-highlight[data-step="1"]{top:35.8%;height:12.6%}.guide-highlight[data-step="2"]{left:38.7%;top:50.9%;width:9.7%;height:4.2%}.guide-figure figcaption{margin-top:12px}.audio-note{margin-top:16px;padding:14px 18px;border-left:2px solid var(--lime);border-radius:0 8px 8px 0;background:#1b251d}.audio-note h3{font-size:1rem;margin-bottom:3px}.controls{padding-block:clamp(38px,6vw,74px)}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:20px 0}.control-card{padding:clamp(18px,3vw,32px);border:1px solid #354135;border-radius:14px;background:#131918;transition:border-color .2s ease}@media(hover:hover){.control-card:hover{border-color:#687f43}}.site-footer{border-top:1px solid var(--rule);padding-block:24px;color:var(--muted);font-size:.88rem}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes drift{to{transform:translate3d(-4%,4%,0) scale(1.08)}}@keyframes led-lap{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}.hero-wave{width:115%;right:-27%;top:-6%;height:70%;opacity:.45}.app-preview{width:min(100%,700px)}.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}}@media(max-width:560px){.site-header{padding-block:14px}.status{padding:.3rem .5rem;font-size:.73rem}.hero-grid{padding-block:26px 34px}.hero-wave{width:100%;height:330px;right:-15%;top:-22px;object-position:63% 52%;opacity:.34}h1{max-width:12ch;text-wrap:wrap}.intro{max-width:36ch}.cta{max-width:100%}.voices{padding-bottom:36px}.details-grid,.guide-panel{grid-template-columns:minmax(0,1fr)}.steps{gap:6px}.steps button{flex-direction:column;justify-content:center;gap:2px;padding:7px 3px;text-align:center;font-size:.88rem}.site-footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.cta:hover{transform:none}.app-frame:before{transform:translate(-50%,-50%)}.motion-control{display:none}.voice-card:before{background:#c7ff2512}}