:root{--ink: #0A0B12;--surface: #12141F;--card: #191C2B;--line: #262A3C;--mist: #8B92AB;--paper: #ECEEF6;--pulse: #4C86FF;--glow: #77A6FF;--ember: #FF8A3D;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", "Consolas", "Roboto Mono", monospace;--wrap: 1120px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{background:#4c86ff59}:focus-visible{outline:2px solid var(--glow);outline-offset:3px;border-radius:4px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--mono);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mist)}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0a0b12b8;border-bottom:1px solid transparent;transition:border-color .3s ease}.nav.scrolled{border-bottom-color:var(--line)}.nav__inner{max-width:var(--wrap);margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.brand__mark{width:30px;height:30px;border-radius:9px;flex:none;display:grid;place-items:center;background:linear-gradient(150deg,var(--pulse),#2E5BD0);box-shadow:0 6px 18px #4c86ff59}.brand__mark span{display:flex;gap:2px;align-items:flex-end;height:14px}.brand__mark i{width:3px;background:#fff;border-radius:2px;display:block}.brand b{color:var(--paper);font-weight:800}.brand em{font-style:normal;font-weight:700;background:linear-gradient(90deg,var(--glow),var(--ember));-webkit-background-clip:text;background-clip:text;color:transparent}.nav__links{display:flex;align-items:center;gap:28px}.nav__links a{color:var(--mist);font-size:.95rem;transition:color .2s}.nav__links a:hover{color:var(--paper)}.nav__cta{font-family:var(--sans);font-weight:650;font-size:.9rem;padding:9px 16px;border-radius:999px;background:var(--paper);color:#0a0b12!important;transition:transform .15s ease,box-shadow .2s ease}.nav__cta:hover{transform:translateY(-1px);box-shadow:0 8px 22px #eceef62e}@media (max-width: 760px){.nav__links a:not(.nav__cta){display:none}}.hero{position:relative;padding:clamp(48px,9vw,104px) 0 clamp(40px,6vw,72px);overflow:hidden}.spectrum{position:absolute;inset:auto 0 0 0;width:100%;height:42%;opacity:.5;pointer-events:none;z-index:0;mask-image:linear-gradient(to top,#000 10%,transparent 95%);-webkit-mask-image:linear-gradient(to top,#000 10%,transparent 95%)}.hero__halo{position:absolute;z-index:0;top:-12%;right:-8%;width:60vw;max-width:720px;aspect-ratio:1;background:radial-gradient(circle at 60% 40%,rgba(76,134,255,.22),transparent 60%);filter:blur(20px);pointer-events:none}.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center}@media (max-width: 900px){.hero__grid{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:999px;color:var(--ember);background:#ff8a3d1a;border:1px solid rgba(255,138,61,.3)}.badge i{width:6px;height:6px;border-radius:50%;background:var(--ember);box-shadow:0 0 10px var(--ember)}.hero h1{margin:20px 0 0;font-size:clamp(2.7rem,7.4vw,5.1rem);line-height:.98;letter-spacing:-.035em;font-weight:820;text-wrap:balance}.hero h1 .grad{background:linear-gradient(100deg,var(--glow) 15%,var(--ember) 115%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__sub{margin:22px 0 0;max-width:34em;font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--mist)}.hero__sub b{color:var(--paper);font-weight:650}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;gap:10px;font-weight:680;font-size:1rem;padding:14px 24px;border-radius:14px;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,box-shadow .25s ease,background .2s}.btn--primary{background:var(--pulse);color:#fff;box-shadow:0 14px 30px -8px #4c86ff99}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px -8px #4c86ffb3}.btn--ghost{background:transparent;border-color:var(--line);color:var(--paper)}.btn--ghost:hover{border-color:var(--glow);background:#4c86ff14}.btn svg{width:19px;height:19px}.stats{display:flex;flex-wrap:wrap;gap:26px 36px;margin-top:44px}.stat__n{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat__n .grad{background:linear-gradient(100deg,var(--glow),var(--ember));-webkit-background-clip:text;background-clip:text;color:transparent}.stat__l{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mist);margin-top:2px}.phone-stage{display:grid;place-items:center;position:relative}.phone{position:relative;width:min(300px,82vw);aspect-ratio:300 / 620;border-radius:42px;padding:12px;background:linear-gradient(160deg,#22263a,#0d0f18);border:1px solid #313650;box-shadow:0 40px 90px -30px #000000d9,0 0 0 1px #ffffff08 inset}.phone:before{content:"";position:absolute;top:16px;left:50%;transform:translate(-50%);width:92px;height:7px;border-radius:5px;background:#05060a;z-index:3}.screen{position:relative;height:100%;border-radius:32px;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#1c2033,#0a0c14 70%);display:flex;flex-direction:column;padding:30px 18px 18px}.screen__top{display:flex;align-items:center;justify-content:space-between;font-size:.68rem;color:var(--mist);font-family:var(--mono);letter-spacing:.06em}.screen__top .np{color:var(--glow)}.cover{margin:16px 0 18px;border-radius:18px;aspect-ratio:1;position:relative;overflow:hidden;background:linear-gradient(135deg,#3a63c8,#7a3df0 55%,#ff8a3d);box-shadow:0 18px 40px -14px #4c86ff8c;display:grid;place-items:center}.cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 60% at 30% 20%,rgba(255,255,255,.28),transparent 60%)}.eq{display:flex;align-items:flex-end;gap:4px;height:46px;z-index:1}.eq i{width:6px;border-radius:3px;background:#ffffffe6;animation:bounce 1.1s ease-in-out infinite}.eq i:nth-child(1){height:40%;animation-delay:-.2s}.eq i:nth-child(2){height:80%;animation-delay:-.5s}.eq i:nth-child(3){height:55%;animation-delay:-.1s}.eq i:nth-child(4){height:95%;animation-delay:-.7s}.eq i:nth-child(5){height:45%;animation-delay:-.35s}.eq i:nth-child(6){height:70%;animation-delay:-.6s}@keyframes bounce{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.track__title{font-weight:750;font-size:1.02rem;letter-spacing:-.01em}.track__artist{color:var(--mist);font-size:.84rem;margin-top:2px}.seek{margin:16px 0 4px}.seek__bar{height:4px;border-radius:3px;background:#2a2f45;overflow:hidden}.seek__fill{height:100%;width:42%;border-radius:3px;background:linear-gradient(90deg,var(--pulse),var(--glow));animation:seek 9s linear infinite}@keyframes seek{0%{width:4%}to{width:98%}}.seek__time{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.64rem;color:var(--mist);margin-top:6px}.controls{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.controls svg{width:22px;height:22px;color:var(--paper)}.controls .ic-muted{color:var(--mist)}.play{width:56px;height:56px;border-radius:18px;flex:none;background:#ffffff24;display:grid;place-items:center;box-shadow:0 10px 24px -8px #0009}.play svg{width:26px;height:26px;color:#fff}.float-chip{position:absolute;z-index:2;font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;background:#191c2be6;border:1px solid var(--line);padding:8px 12px;border-radius:12px;color:var(--paper);box-shadow:0 14px 30px -12px #000000b3;display:flex;align-items:center;gap:7px}.float-chip i{width:7px;height:7px;border-radius:50%}.chip-a{top:12%;left:-6%}.chip-a i{background:var(--pulse)}.chip-b{bottom:16%;right:-8%}.chip-b i{background:var(--ember)}@media (max-width: 420px){.float-chip{display:none}}.sources{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.sources__inner{display:grid;grid-template-columns:repeat(4,1fr)}.src{padding:26px 20px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.src:first-child{border-left:none}.src__name{font-weight:720;font-size:1.02rem;display:flex;align-items:center;gap:8px}.src__name i{width:9px;height:9px;border-radius:50%;flex:none}.src__desc{color:var(--mist);font-size:.82rem}.src__tag{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;margin-top:6px;color:var(--glow)}@media (max-width: 720px){.sources__inner{grid-template-columns:repeat(2,1fr)}.src:nth-child(3){border-left:none}.src:nth-child(3),.src:nth-child(4){border-top:1px solid var(--line)}}.section{padding:clamp(64px,10vw,120px) 0}.section__head{max-width:620px;margin-bottom:48px}.section__head h2{margin:12px 0 0;font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.05;letter-spacing:-.03em;font-weight:800;text-wrap:balance}.section__head p{color:var(--mist);font-size:1.06rem;margin:16px 0 0}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cell{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px;position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease}.cell:hover{transform:translateY(-3px);border-color:#33436e;background:#1c2032}.cell__ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px;background:#4c86ff1f;border:1px solid rgba(76,134,255,.25)}.cell__ic svg{width:21px;height:21px;color:var(--glow)}.cell h3{margin:0 0 6px;font-size:1.12rem;font-weight:720;letter-spacing:-.01em}.cell p{margin:0;color:var(--mist);font-size:.93rem}.cell--wide{grid-column:span 2}.cell--feature{background:linear-gradient(150deg,#14203f,#171a29 60%);border-color:#2b3f6e}.cell--feature .cell__ic{background:#ff8a3d24;border-color:#ff8a3d4d}.cell--feature .cell__ic svg{color:var(--ember)}.cell--feature h3{font-size:1.28rem}.kbd{font-family:var(--mono);font-size:.72rem;color:var(--glow);background:#4c86ff1a;padding:2px 7px;border-radius:6px}@media (max-width: 860px){.bento{grid-template-columns:repeat(2,1fr)}.cell--wide{grid-column:span 2}}@media (max-width: 560px){.bento{grid-template-columns:1fr}.cell--wide{grid-column:span 1}}.get{background:var(--surface);border-top:1px solid var(--line)}.get__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}@media (max-width: 860px){.get__grid{grid-template-columns:1fr}}.get__title{margin:12px 0 0;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.03em;font-weight:800;line-height:1.05}.steps{display:flex;flex-direction:column;gap:4px;counter-reset:s;margin-top:28px}.step{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:none}.step__n{counter-increment:s;width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:.9rem;color:var(--glow);background:#4c86ff1a;border:1px solid rgba(76,134,255,.25)}.step__n:before{content:counter(s)}.step h4{margin:4px 0;font-size:1.04rem;font-weight:700}.step p{margin:0;color:var(--mist);font-size:.92rem}.code{background:#0b0d15;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -30px #000c}.code__bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line)}.code__bar i{width:11px;height:11px;border-radius:50%}.code__bar i:nth-child(1){background:#ff5f57}.code__bar i:nth-child(2){background:#febc2e}.code__bar i:nth-child(3){background:#28c840}.code__bar span{margin-left:8px;font-family:var(--mono);font-size:.72rem;color:var(--mist)}.code pre{margin:0;padding:18px 16px;overflow-x:auto;font-family:var(--mono);font-size:.8rem;line-height:1.75;color:#cdd4e6}.code .c-cmd{color:var(--glow)}.code .c-flag{color:var(--ember)}.code .c-cmt{color:#5c6480}.get__note{color:var(--mist);font-size:.86rem;margin:16px 2px 0}.footer{border-top:1px solid var(--line);padding:44px 0}.footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.footer__meta{color:var(--mist);font-size:.86rem;margin-top:10px}.footer__tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mist);border:1px solid var(--line);padding:5px 10px;border-radius:999px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.eq i,.seek__fill{animation:none}.seek__fill{width:42%}.reveal{opacity:1;transform:none;transition:none}.spectrum{display:none}}