.sonar{--bg:#0a0a0c;--panel:#111113;--panel-2:#161618;--line:#ffffff1f;--txt:#f5f5f7;--muted:#a7a7af;--green:#14f195;--green-dim:#14f1951f;--red:#ff453a;--red-dim:#ff453a1f;--sans:"Geist",-apple-system,system-ui,"Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,monospace;background:var(--bg);color:var(--txt);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}.sonar *{box-sizing:border-box;margin:0;padding:0}.sonar ::selection{background:var(--green);color:#000}.sonar a{color:inherit;text-decoration:none}.sonar section{padding:0 clamp(20px,5vw,56px);position:relative}.sonar .pin{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.sonar .reveal{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.sonar .reveal.in{opacity:1;transform:none}.sonar .reveal.d1{transition-delay:.12s}.sonar .reveal.d2{transition-delay:.24s}.sonar .reveal.d3{transition-delay:.36s}.sonar .reveal.d4{transition-delay:.48s}.sonar .eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--green);margin-bottom:22px;font-size:13px}.sonar h1,.sonar h2{letter-spacing:-.035em;font-weight:700;line-height:1.04}.sonar .intro .line{letter-spacing:-.03em;max-width:16ch;font-size:clamp(28px,5.2vw,62px);font-weight:600;line-height:1.12}.sonar .intro .green{color:var(--green)}.sonar .intro-flow{position:relative}.sonar .spine{z-index:0;background:#ffffff0f;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.sonar .spine-fill{background:linear-gradient(180deg,#14f1954d,var(--green));width:100%;height:0%;box-shadow:0 0 16px var(--green);will-change:height;position:absolute;top:0;left:0}.sonar .spine-dot{background:var(--green);width:12px;height:12px;box-shadow:0 0 22px var(--green),0 0 48px #14f19580;will-change:top;border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.sonar .intro-flow .pin{z-index:1;position:relative}.sonar .phrase{letter-spacing:-.03em;text-align:center;background:radial-gradient(ellipse 82% 62% at center,var(--bg)50%,#0a0a0c00 100%);max-width:24ch;padding:18px 6vw;font-size:clamp(28px,4.6vw,58px);font-weight:600;line-height:1.16}.sonar .phrase .green{color:var(--green)}.sonar .phrase.soft{color:var(--muted);max-width:24ch;font-size:clamp(22px,3.4vw,38px);font-weight:400}.sonar .phrase.soft .hl{color:var(--txt)}.sonar .hero-xray h2{letter-spacing:-.05em;background:linear-gradient(180deg,#fff 0%,#9fffe0 60%,var(--green)100%);-webkit-text-fill-color:transparent;text-shadow:0 0 80px #14f19540;-webkit-background-clip:text;background-clip:text;font-size:clamp(80px,20vw,260px);font-weight:800;line-height:.9}.sonar .hero-xray .sub{color:var(--txt);letter-spacing:-.02em;margin-top:18px;font-size:clamp(20px,3vw,34px);font-weight:500}.sonar .hero-xray .desc{color:var(--muted);max-width:44ch;margin:22px auto 0;font-size:clamp(15px,1.6vw,19px)}.sonar .glowbg{filter:blur(20px);z-index:-1;background:radial-gradient(circle,#14f19529,#0000 65%);width:80vw;max-width:900px;height:600px;position:absolute}.sonar .feat{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,80px);width:100%;max-width:1180px;margin:0 auto;display:grid}.sonar .feat.flip .copy{order:2}.sonar .feat .copy .idx{font-family:var(--mono);color:var(--green);letter-spacing:.1em;margin-bottom:18px;font-size:13px}.sonar .feat .copy h2{margin-bottom:20px;font-size:clamp(34px,4.6vw,60px)}.sonar .feat .copy p{color:var(--muted);max-width:42ch;margin:0 auto;font-size:clamp(16px,1.7vw,20px)}.sonar .feat .copy .tag{font-family:var(--mono);color:var(--txt);border:1px solid var(--line);background:#ffffff08;border-radius:30px;margin-top:24px;padding:7px 14px;font-size:12px;display:inline-block}.sonar .viz{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:22px;padding:22px;position:relative;overflow:hidden;box-shadow:0 40px 90px -40px #000c}.sonar .viz.shotcard{box-shadow:none;background:0 0;border:none;justify-content:center;padding:0;display:flex;position:relative;overflow:visible}.sonar .viz.shotcard:before{content:"";filter:blur(34px);z-index:0;pointer-events:none;background:radial-gradient(closest-side,#14f19533,#0000 72%);position:absolute;inset:-12% 2%}.sonar .shot{z-index:1;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:380px;height:auto;display:block;position:relative;box-shadow:0 40px 80px -28px #000000eb,0 2px 10px #00000080}.sonar .pin:has(.feat){min-height:auto;padding-top:clamp(72px,9vh,120px);padding-bottom:clamp(72px,9vh,120px)}.sonar .statement h2{letter-spacing:-.04em;max-width:14ch;font-size:clamp(40px,7vw,104px);font-weight:800;line-height:1.02}.sonar .statement h2 .green{background:linear-gradient(120deg,var(--green),#9fffe0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sonar .statement p{color:var(--muted);max-width:54ch;margin:28px auto 0;font-size:clamp(17px,2vw,22px)}.sonar .closing{gap:0}.sonar .closing .eyebrow{margin-bottom:18px}.sonar .closing h2{letter-spacing:-.05em;background:linear-gradient(180deg,#fff,var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(44px,8vw,120px);font-weight:800}.sonar .closing p{color:var(--muted);max-width:40ch;margin-top:18px;font-size:clamp(16px,1.8vw,20px)}.sonar .cta{background:var(--green);color:#000;border-radius:40px;align-items:center;gap:10px;margin-top:40px;padding:16px 34px;font-size:17px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 0 #14f19580}.sonar .cta:hover{transform:translateY(-2px);box-shadow:0 14px 40px -8px #14f1958c}.sonar .progress{background:var(--green);z-index:101;width:0;height:2px;box-shadow:0 0 12px var(--green);position:fixed;top:0;left:0}.sonar .sound-fab{z-index:90;cursor:pointer;-webkit-backdrop-filter:saturate(160%)blur(14px);background:#1212148c;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;padding:0;transition:all .25s;display:flex;position:fixed;bottom:clamp(16px,3vw,30px);right:clamp(16px,3vw,30px);box-shadow:0 10px 30px -12px #000000b3}.sonar .sound-fab:hover{border-color:#ffffff52;transform:translateY(-2px)}.sonar .sound-fab .bars{align-items:center;gap:3px;height:16px;display:flex}.sonar .sound-fab .bars span{background:var(--green);width:3.5px;height:3.5px;box-shadow:0 0 8px var(--green);border-radius:3px;transition:all .2s}.sonar .sound-fab.playing .bars{align-items:flex-end}.sonar .sound-fab.playing .bars span{height:35%;animation:.9s ease-in-out infinite sonar-eq}.sonar .sound-fab.playing .bars span:nth-child(2){animation-delay:.15s}.sonar .sound-fab.playing .bars span:nth-child(3){animation-delay:.3s}.sonar .sound-fab.playing .bars span:nth-child(4){animation-delay:.45s}.sonar .sound-fab.playing .bars span:nth-child(5){animation-delay:.6s}@keyframes sonar-eq{0%,to{height:25%}50%{height:100%}}.sonar .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:820px){.sonar .feat{grid-template-columns:1fr;gap:36px}.sonar .feat.flip .copy{order:0}.sonar .pin{padding-top:120px;padding-bottom:80px}.sonar .shot{max-width:300px}}@media (max-width:600px){.sonar section{padding:0 18px}.sonar .pin{min-height:100svh;padding-top:90px;padding-bottom:60px}.sonar .phrase{max-width:18ch;padding:12px 2vw;font-size:clamp(26px,7.4vw,40px)}.sonar .phrase.soft{font-size:clamp(20px,5.6vw,30px)}.sonar .eyebrow{margin-bottom:16px;font-size:11px}.sonar .hero-xray h2{font-size:clamp(70px,30vw,130px)}.sonar .hero-xray .sub{font-size:20px}.sonar .hero-xray .desc{max-width:34ch;font-size:15px}.sonar .feat{gap:28px}.sonar .feat .copy h2{margin-bottom:14px;font-size:clamp(28px,7vw,38px);line-height:1.08}.sonar .feat .copy p{font-size:15.5px;line-height:1.62}.sonar .feat .copy .idx{margin-bottom:12px;font-size:12px}.sonar .viz{border-radius:18px;padding:15px}.sonar .statement h2{font-size:clamp(32px,9vw,52px)}.sonar .statement p,.sonar .closing p{font-size:16px}.sonar .closing h2{font-size:clamp(56px,24vw,96px)}.sonar .cta{padding:14px 28px;font-size:16px}.sonar .sound-fab{width:50px;height:50px}}@media (max-width:380px){.sonar .feat .copy h2{font-size:clamp(26px,8vw,32px)}.sonar .shot{max-width:268px}}@media (prefers-reduced-motion:reduce){.sonar .reveal{opacity:1;transition:none;transform:none}.sonar .spine-fill,.sonar .spine-dot,.sonar .sound-fab .bars span{transition:none;animation:none}}