:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;color:#f7f8f4;background:#0c1118;font-synthesis:none;--blue: #83ccff;--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(--blue)}.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}.brand-ia{display:inline-block;padding:0 .22em;border-radius:.16em;color:#0b1722;background:var(--blue)}.status{border:1px solid #426788;border-radius:999px;padding:.36rem .7rem;color:#c5e7ff;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%;-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}.hero-wave img{width:100%;height:100%;object-fit:cover;filter:hue-rotate(126deg)}.voice-card:nth-child(3n+1){--wave-hue: 126deg}.eyebrow{color:var(--blue);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(--blue);color:#0a1826;font-size:1.06rem;font-weight:800;text-decoration:none;box-shadow:0 8px 28px #3baafa2b;transition:background-color .18s ease,transform .18s ease}.cta:hover{background:#a6ddff;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:#253b51;box-shadow:0 24px 80px #000a,0 0 42px #5caeff2b}.app-frame:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:145%;aspect-ratio:1;background:conic-gradient(from 70deg,#213950,#213950 13%,#427baa 22%,#c9efff 26%,#6cc7ff 29%,#213950 40%,#213950 61%,#4c6fa8 71%,#b1cbff 77%,#213950 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(--blue);margin-right:5px;box-shadow:0 0 9px #81cdffa6}.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(--blue)}[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 #293a4c;border-radius:13px;background:#121b25;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%),#61bcff2f,transparent);opacity:0;transition:opacity .2s ease}.voice-card:active{border-color:#5986ae;box-shadow:0 0 20px #57baff1a}.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:#5986ae;box-shadow:0 0 20px #57baff1a}.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:hue-rotate(var(--wave-hue, 0deg)) 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;filter:hue-rotate(var(--wave-hue, 0deg));-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:#121b25;border-block:1px solid #283746}.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:#101923;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:#6a96ba;color:#fff}.steps button[aria-pressed=true]{border-color:#75b8e9;color:#e7f6ff;background:#213e55}.steps button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.step-number{color:var(--blue);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 #354c61;border-radius:18px;background:radial-gradient(ellipse at 80% 10%,#223849,#101923 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 #445b70;border-radius:10px}.guide-screen img{display:block;width:100%;height:auto;border-radius:9px}.guide-highlight{position:absolute;pointer-events:none;left:2.2%;top:14.5%;width:95.8%;height:16.5%;border:2px solid var(--blue);border-radius:6px;box-shadow:0 0 0 2px #0c1118,0 0 16px #83ccff60;transition:left .26s ease,top .26s ease,width .26s ease,height .26s ease}.guide-highlight[data-step="1"]{top:32.8%;height:15.2%}.guide-highlight[data-step="2"]{left:88.2%;top:92.5%;width:8.8%;height:3.8%}.guide-figure figcaption{margin-top:12px}.audio-note{margin-top:16px;padding:14px 18px;border-left:2px solid var(--blue);border-radius:0 8px 8px 0;background:#172b3a}.audio-note h3{font-size:1rem;margin-bottom:3px}.controls{padding-block:clamp(38px,6vw,74px)}.subscription{padding-top:clamp(38px,6vw,74px)}.subscription-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20px,4vw,60px);padding:clamp(20px,4vw,48px);border:1px solid #344c64;border-radius:18px;background:#15212d}.subscription-steps{display:grid;gap:15px;margin:0;padding-left:1.4em}.subscription-steps li::marker{color:var(--blue);font-weight:700}.subscription-steps h3{font-size:1rem;margin-bottom:3px}.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 #354c61;border-radius:14px;background:#121b25;transition:border-color .2s ease}@media(hover:hover){.control-card:hover{border-color:#5e8ab0}}.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;opacity:.34}.hero-wave img{object-position:63% 52%}h1{max-width:12ch;text-wrap:wrap}.intro{max-width:36ch}.cta{max-width:100%}.voices{padding-bottom:36px}.details-grid,.guide-panel,.subscription-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:#61bcff12}}
