@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&family=Sora:wght@500;700;800&display=swap";:root{--mx:0;--my:0;--bg:#040a11;--text:#e8f3fa;--muted:#a9bfcb;--accent:#55bfe6}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1000px 800px at 15% -10%, #0d2738, transparent 70%), var(--bg);color:var(--text);font-family:Manrope,Segoe UI,sans-serif}code{font-family:JetBrains Mono,Consolas,monospace}.gradient-drift{z-index:-5;pointer-events:none;background:radial-gradient(1400px 800px at 15% 0,#164f6f57,#0000 70%) 0 0/140% 140%,radial-gradient(1200px 800px at 85% 100%,#277ca024,#0000 72%) 0 0/140% 140%,linear-gradient(120deg,#050c13fa,#040a10fc) 0 0/100% 100%;animation:28s ease-in-out infinite alternate gradientDrift;position:fixed;inset:0}.gradient-drift-2{z-index:-4;opacity:.85;background:radial-gradient(1600px 900px at 70% 15%,#12426052,#0000 68%),radial-gradient(1200px 700px at 25% 100%,#17577733,#0000 74%);animation:34s ease-in-out infinite alternate gradientDriftReverse}.spotlight{z-index:-3;pointer-events:none;background:radial-gradient(circle at calc(50% + var(--mx,0) * 8%) calc(47% + var(--my,0) * 6%), #3fa0ca1a, #09162103 36%, transparent 62%);filter:blur(22px);animation:16s ease-in-out infinite alternate spotlightDrift;position:fixed;inset:-20%}.noise-layer{z-index:-1;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(0deg,#ffffff0b 0 1px,#0000 1px 2px),repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 3px);animation:6s steps(18,end) infinite noiseShift;position:fixed;inset:0}.bg{filter:blur(80px);z-index:-1;border-radius:999px;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:fixed}.bg-a{background:#3899c25c;width:320px;height:320px;animation-name:orbFloatA;animation-duration:12s;top:-60px;right:-80px}.bg-b{background:#1d5d8157;width:280px;height:280px;animation-name:orbFloatB;animation-duration:15s;bottom:20px;left:-70px}.topbar,.container{width:min(1100px,94vw);margin-inline:auto}.topbar{z-index:20;border-radius:14px;justify-content:space-between;align-items:center;margin-top:14px;padding:10px 14px;display:flex;position:sticky;top:14px}.brand{color:var(--text);align-items:center;gap:10px;font-family:Sora,sans-serif;font-weight:700;text-decoration:none;display:inline-flex}.brand img{border-radius:8px;width:28px;height:28px}nav{gap:14px;display:flex}nav a{color:var(--muted);font-weight:600;text-decoration:none}nav a:hover{color:var(--text)}.panel,.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08131dcc;border:1px solid #54849d47}.hero{border-radius:20px;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:42px;padding:24px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(105deg,#4bc8ef00 0% 36%,#4bc8ef57 50%,#4bc8ef00 64% 100%);border-radius:22px;width:48%;animation:6.4s linear infinite heroSweep;position:absolute;top:-2px;bottom:-2px;left:-60%;transform:translate(0)}.hero>*{z-index:1;position:relative}.chip-rail{border-radius:14px;margin-top:14px;padding:10px 0;overflow:hidden}.chip-track{gap:8px;width:max-content;padding:0 12px;animation:22s linear infinite chipLoop;display:flex}.chip{color:#d9eef8;white-space:nowrap;background:#0f2737a8;border:1px solid #76aeca59;border-radius:999px;align-items:center;padding:6px 12px;font-size:.82rem;display:inline-flex}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0;font-family:Sora,sans-serif;font-size:12px;font-weight:700}h1{margin:8px 0 10px;font-family:Sora,sans-serif;font-size:clamp(2.1rem,4.8vw,4rem)}.subtitle{max-width:58ch;color:var(--muted);margin:0;line-height:1.65}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.btn{border-radius:10px;padding:10px 14px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#072031;background:linear-gradient(130deg,#2f9fca,#67c9e9);box-shadow:0 8px 20px #3db1dd42}.btn.primary.alt{background:linear-gradient(130deg,#1d7ea8,#4db9e4)}.btn.ghost{color:var(--text);border:1px solid #5f91ab59}.reveal{opacity:0;transition:opacity .52s,transform .52s;transform:translateY(16px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero-card{background:linear-gradient(165deg,#122a3abd,#0b1b27d6);border:1px solid #6098b73d;border-radius:16px;padding:16px}.hero-card img{border-radius:12px;width:56px;height:56px;margin-bottom:8px}.hero-card p{color:var(--muted);margin:8px 0}.why-wave{border-radius:16px;padding:16px}.why-wave ul{color:var(--muted);gap:8px;margin:10px 0 0;padding-left:18px;display:grid}.section{margin-top:18px}h2{margin:0 0 10px;font-family:Sora,sans-serif}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.feature-card{border-radius:14px;padding:14px;transition:transform .18s,box-shadow .22s,border-color .22s}.feature-card:hover{border-color:#80bedc80;transform:translateY(-3px);box-shadow:0 10px 24px #2c82a933}.feature-card h3{margin:0 0 8px;font-family:Sora,sans-serif;font-size:1rem}.feature-card ul{color:var(--muted);margin:0;padding-left:16px}.feature-card li{margin-bottom:4px}.note{color:var(--muted);margin:0 0 10px}.shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.shot{cursor:pointer;border-radius:14px;grid-template-rows:1fr auto;min-height:240px;transition:transform .18s,border-color .18s;display:grid;overflow:hidden}.shot:hover{border-color:#84bedb73;transform:translateY(-3px);box-shadow:0 10px 22px #23709638}.shot img{object-fit:cover;width:100%;height:100%;display:block}.shot figcaption{background:#060f17ad;border-top:1px solid #5f91ab38;padding:12px}.shot h3{margin:0;font-family:Sora,sans-serif;font-size:.95rem}.shot p{color:var(--muted);margin:6px 0 0;font-size:.9rem;line-height:1.45}.install{border-radius:14px;padding:16px;transition:box-shadow .22s,border-color .22s}.why-wave,.hero-card{transition:box-shadow .22s,border-color .22s,transform .18s}.why-wave:hover,.install:hover,.hero-card:hover{border-color:#7fb7d27a;box-shadow:0 10px 24px #25709233}.install a{color:var(--accent)}pre{background:#030b11cc;border:1px solid #5f91ab3d;border-radius:10px;margin:0;padding:12px;overflow-x:auto}.footer{color:var(--muted);justify-content:space-between;margin-top:24px;padding:16px 0 24px;display:flex}.footer a{color:var(--accent);text-decoration:none}.lightbox{z-index:60;background:#03080cc2;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lightbox-panel{border-radius:16px;width:min(980px,96vw);max-height:94vh;padding:14px;position:relative;overflow:auto}.lightbox-panel img{border:1px solid #6399b747;border-radius:12px;width:100%}.lightbox-panel h3{margin:12px 0 4px;font-family:Sora,sans-serif}.lightbox-panel p{color:var(--muted);margin:0}.close{color:#d8edf8;cursor:pointer;background:#08141ebf;border:1px solid #79b2cf73;border-radius:999px;width:34px;height:34px;font-size:22px;position:absolute;top:10px;right:10px}@keyframes orbFloatA{0%,to{transform:translate(calc(var(--mx,0) * 12px), calc(var(--my,0) * 10px))}50%{transform:translate(calc(var(--mx,0) * 12px - 12px), calc(var(--my,0) * 10px + 10px))}}@keyframes orbFloatB{0%,to{transform:translate(calc(var(--mx,0) * -14px), calc(var(--my,0) * -12px))}50%{transform:translate(calc(var(--mx,0) * -14px + 14px), calc(var(--my,0) * -12px - 12px))}}@keyframes gradientDrift{0%{background-position:0%,100% 60%,50%}to{background-position:100% 45%,0 35%,50%}}@keyframes gradientDriftReverse{0%{background-position:100% 40%,0 60%}to{background-position:0 58%,100% 30%}}@keyframes spotlightDrift{0%{transform:translate(-1.5%,-1.5%)}to{transform:translate(1.2%,1.2%)}}@keyframes noiseShift{0%{transform:translate(0)}to{transform:translate(18px,-14px)}}@keyframes heroSweep{0%{transform:translate(0%)}to{transform:translate(420%)}}@keyframes chipLoop{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.gradient-drift,.gradient-drift-2,.spotlight,.noise-layer,.bg,.hero:before,.chip-track{animation:none}.reveal,.reveal.is-visible,.btn,.btn:hover,.feature-card,.feature-card:hover,.install,.install:hover,.why-wave,.why-wave:hover,.hero-card,.hero-card:hover,.shot{transition:none;transform:none}}@media (width<=980px){.hero{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.shots{grid-template-columns:1fr}}@media (width<=700px){nav{display:none}.feature-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:8px}}