:root{--bg:#060a14;--navy:#1c2434;--blue:#0b57ff;--blue2:#2f7bff;--cyan:#59caff;--text:#eef4ff;--muted:#8fa3bd;--line:#ffffff14;--glass:rgba(10,18,34,.55)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 70% 50% at 70% 20%,#0e2547 0%,var(--bg) 70%) fixed,var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit}.scene{position:fixed;inset:0;z-index:0;pointer-events:none}.nav,.footer,.section,.hero,.final{position:relative;z-index:1}main{position:relative}.mark{width:26px;height:26px}.nav{transition:background .4s,color .4s;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:28px;padding:16px max(4vw,20px);background:#060a14b8;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.16em;font-size:16px}.brand b{color:var(--blue2)}.nav nav{display:flex;gap:26px;font-size:14px;color:var(--muted);margin-right:auto}.nav nav a:hover{color:var(--text)}.nav-cta{display:flex;gap:10px}.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}.burger span{display:block;width:22px;height:2px;background:var(--text);margin:5px 0}.btn{color:#fff;display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:linear-gradient(135deg,var(--blue2),var(--blue));font-weight:600;font-size:15px;box-shadow:0 10px 30px -10px #0b57ffaa;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px -10px #2f7bffcc}.btn.ghost{color:var(--text);background:#ffffff0d;border:1px solid var(--line);box-shadow:none}.btn.small{padding:9px 16px;font-size:13px}.row{display:flex;gap:12px;flex-wrap:wrap}.hero{min-height:calc(100vh - 70px);display:flex;align-items:center;padding:0 max(6vw,20px);position:relative}.hero-copy{max-width:600px}.pill{display:inline-block;padding:7px 14px;border:1px solid #2f7bff55;border-radius:999px;background:#0b57ff1a;color:#9cc4ff;font-size:13px;margin:0 0 22px}h1,h2{letter-spacing:-.035em;line-height:1.05;margin:0 0 18px;font-weight:800}h1{font-size:clamp(40px,6vw,78px)}h2{font-size:clamp(32px,4.2vw,54px)}h1 em,h2 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--blue2));-webkit-background-clip:text;background-clip:text;color:transparent}h3{font-size:18px;margin:0 0 8px;letter-spacing:-.01em}.lead{font-size:clamp(16px,1.4vw,19px);line-height:1.6;color:#b9c8dc;margin:0 0 30px}.muted,.card p,.step p,.head p{color:var(--muted);line-height:1.6}.eyebrow{color:var(--cyan);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;margin:0 0 14px}.scroll-cue{position:absolute;left:50%;bottom:28px;transform:translate(-50%);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.scroll-cue:after{content:"";display:block;width:1px;height:34px;margin:10px auto 0;background:linear-gradient(var(--cyan),transparent);animation:cue 1.8s infinite}@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.glass{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:18px}.section{max-width:1200px;margin:0 auto;padding:110px max(4vw,20px)}.head{max-width:640px;margin-bottom:46px}.head.center{text-align:center;margin-left:auto;margin-right:auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{padding:22px;transition:border-color .2s,transform .2s}.card:hover{border-color:#2f7bff66;transform:translateY(-3px)}.card p{font-size:14px;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.accordion{display:grid;gap:10px;margin-top:28px}.acc{text-align:left;padding:18px 20px;cursor:pointer;display:grid;gap:8px;font-size:15px}.acc span{color:var(--muted);line-height:1.6;font-size:14px}.acc.on{border-color:#2f7bff88;background:#0b57ff1f}.mock{overflow:hidden;min-height:340px}.mock-top{display:flex;align-items:center;gap:6px;padding:14px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.mock-top i{width:10px;height:10px;border-radius:50%;background:#fff2}.mock-top span{margin-left:10px}.mock-body{padding:26px;display:grid;gap:14px}.bubble{margin:0;padding:14px 16px;border-radius:16px;max-width:82%;line-height:1.5;font-size:14px;animation:pop .5s both}.bubble.in{background:#ffffff10;justify-self:start}.bubble.out{color:#fff;background:linear-gradient(135deg,var(--blue2),var(--blue));justify-self:end;animation-delay:.35s}@keyframes pop{0%{opacity:0;transform:translateY(10px)}}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{padding:26px}.step span{display:block;font-size:13px;color:var(--cyan);font-weight:700;margin-bottom:38px}.split.reverse{grid-template-columns:1fr 1fr}.channel-panel{padding:36px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between}.channel-panel h3{font-size:24px;line-height:1.35;font-weight:600}.flow{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.flow span{padding:8px 14px;border:1px solid var(--line);border-radius:999px}.flow .hl{border-color:var(--blue2);color:var(--text);background:#0b57ff33}.flow i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--blue2),transparent)}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tabs button{padding:11px 18px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;cursor:pointer;font-size:14px}.tabs button.on{background:var(--blue);border-color:var(--blue);color:#fff}.logos{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;margin:0 auto}.logos span{padding:12px 18px;border-radius:12px;font-size:14px;color:#c8d6ea}.quotes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quotes figure{margin:0;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.quotes blockquote{margin:0;line-height:1.6;font-size:15px}.quotes figcaption{display:grid;font-size:13px;color:var(--muted)}.quotes figcaption b{color:var(--text);font-size:14px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.plan{padding:30px;display:flex;flex-direction:column;position:relative}.plan.featured{border-color:#2f7bffaa;background:linear-gradient(180deg,rgba(11,87,255,.18),var(--glass))}.badge{position:absolute;top:18px;right:18px;font-size:11px;padding:5px 10px;border-radius:999px;background:var(--blue)}.price{font-size:40px;font-weight:800;letter-spacing:-.03em;margin:18px 0}.price small{display:block;font-size:13px;font-weight:500;color:var(--muted);letter-spacing:0}.plan ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px;flex:1}.plan li{font-size:14px;color:#c8d6ea;padding-left:24px;position:relative}.plan li:before{content:"✓";position:absolute;left:0;color:var(--cyan)}.plan .btn{justify-content:center}.final{min-height:100vh;display:flex;align-items:center;padding:0 max(6vw,20px)}.footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:60px max(4vw,20px) 30px;border-top:1px solid var(--line);background:#060a14d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer h4{font-size:13px;margin:0 0 14px;color:var(--text)}.footer a:not(.brand){display:block;color:var(--muted);font-size:14px;margin-bottom:10px}.footer .muted{font-size:14px;max-width:340px}.legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;margin:10px 0 0;font-size:12px;color:#5d7089}.zone-light,.nav.on-light{--text:#0f1a2e;--muted:#56688a;--line:#0b2a6a1a;--glass:rgba(255,255,255,.72);--cyan:#0b57ff;color:var(--text)}.zone-light{position:relative}.zone-bg{position:absolute;inset:-180px 0 0;z-index:-1;background:radial-gradient(ellipse 60% 40% at 50% 45%,#dbe7fb,transparent 70%),linear-gradient(180deg,#eef3fa00,#eef3fa 180px calc(100% - 170px),#eef3fa00)}.zone-light .section:last-child{padding-bottom:190px}.zone-light .glass{background:#fffffff0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 14px 34px -22px #0b286e66}.zone-light .card:hover{border-color:#0b57ff55}.zone-light .logos span{color:var(--text)}.zone-light .bubble.in{background:#0b57ff12}.zone-light .mock-top i{background:#0b2a6a22}.zone-light .tabs button{background:#ffffffb3}.zone-light .tabs button.on{background:var(--blue)}.zone-light .flow .hl{background:#0b57ff1a;color:var(--blue)}.nav.on-light{background:#eef3facc}.nav.on-light .btn.ghost{background:#0b2a6a0d}@media(max-width:1000px){.cards,.quotes,.steps{grid-template-columns:repeat(2,1fr)}.plans{grid-template-columns:1fr;max-width:480px;margin:0 auto}}@media(max-width:820px){.nav nav{display:none;position:absolute;top:64px;left:16px;right:16px;flex-direction:column;padding:20px;background:#0a1222f2;border:1px solid var(--line);border-radius:16px}.nav nav.open{display:flex}.nav.on-light nav{background:#f7faffee}.nav-cta .ghost{display:none}.burger{display:block}.nav{gap:12px}.nav-cta{margin-left:auto}.hero,.final{align-items:flex-end;padding-bottom:110px}.split,.split.reverse{grid-template-columns:1fr;gap:36px}.footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards,.quotes,.steps{grid-template-columns:1fr}.section{padding:80px 20px}.nav-cta .btn{display:none}}
