:root{--ink:#070A0F;--soft:#0B1018;--panel:#0d131c;--line:#1D2635;--white:#F3F6FA;--mist:#AAB5C5;--muted:#7C8797;--cyan:#2FE0D1;--cyan2:#14AFC7;--ember:#FF7A59;--volt:#B7F34A}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:3px 3px;z-index:-1}
h1,h2,h3,h4{font-family:"Space Grotesk",Inter,Arial,sans-serif;letter-spacing:-.01em;margin:0}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1280px;margin:auto;padding:0 24px}.section{padding:96px 0}.border-top{border-top:1px solid var(--line)}.border-bottom{border-bottom:1px solid var(--line)}.soft{background:rgba(11,16,24,.55)}
header{position:fixed;top:0;left:0;right:0;height:80px;z-index:20;transition:.25s;background:transparent}header.scrolled{background:rgba(7,10,15,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{height:80px;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.04em}.logo-icon{width:32px;height:32px;border-radius:9px;background:var(--cyan);display:grid;place-items:center;overflow:hidden}.logo-icon img{width:70%}.logo-text{font-family:"Space Grotesk",sans-serif;font-size:18px}.logo-text span{color:var(--ember)}
.navlinks{display:flex;gap:28px;align-items:center;list-style:none;margin:0;padding:0;color:var(--mist);font-size:14px}.navlinks a:hover,.navlinks a.active{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 24px;font-weight:600;border:1px solid transparent;transition:.2s;cursor:pointer}.btn-primary{background:var(--cyan);color:var(--ink)}.btn-primary:hover{background:#fff}.btn-outline{border-color:var(--line);color:#fff}.btn-outline:hover{border-color:var(--cyan)}.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:27px}.mobile-menu{display:none;background:var(--ink);border-top:1px solid var(--line)}.mobile-menu.open{display:block}.mobile-menu ul{list-style:none;padding:24px;margin:0}.mobile-menu li{margin:0 0 18px}.mobile-menu a{font-size:18px}
.hero{padding-top:160px;padding-bottom:100px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,rgba(20,175,199,.13),transparent 45%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.04}.hero-sub{font-size:clamp(19px,2.2vw,25px);color:var(--mist);margin-top:24px}.hero-copy{max-width:620px;color:var(--mist);margin-top:16px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.radial{position:relative;aspect-ratio:1;max-width:520px;margin:auto}.core{position:absolute;inset:26%;border:1px solid var(--line);background:rgba(13,19,28,.85);border-radius:28px;display:grid;place-items:center;text-align:center;box-shadow:0 0 35px rgba(20,175,199,.12);z-index:2}.core .small{font-size:11px;color:var(--muted)}.core .play{margin-top:10px;font:500 18px "Space Grotesk";}.play b{color:var(--cyan);font-weight:500}.signal{position:absolute;transform:translate(-50%,-50%);padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--ink);color:var(--mist);font-size:11px;white-space:nowrap;box-shadow:0 0 24px rgba(20,175,199,.07)}.signal:before{content:"";display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:7px}
.heading{max-width:700px}.heading.center{margin:auto;text-align:center}.heading h2{font-size:clamp(32px,4vw,46px);line-height:1.1}.heading p{color:var(--mist);margin:16px 0 0;max-width:650px}.cards{display:grid;gap:20px;margin-top:48px}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-5{grid-template-columns:repeat(5,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}
.card{border:1px solid var(--line);border-radius:18px;padding:24px;background:rgba(13,19,28,.5);height:100%;transition:.2s}.card:hover{border-color:rgba(47,224,209,.5);transform:translateY(-2px)}.stat .value{font:600 38px "Space Grotesk";color:var(--cyan)}.muted{color:var(--mist)}.tiny{font-size:12px;color:var(--muted)}
.list{margin-top:48px;border-top:1px solid var(--line)}.list-item{display:grid;grid-template-columns:auto 1fr 1.4fr;gap:32px;padding:28px 0;border-bottom:1px solid var(--line);align-items:baseline}.num{font:500 34px "Space Grotesk";color:rgba(47,224,209,.7)}.list-item h3{font-size:24px}.list-item p{max-width:520px;color:var(--mist);margin:0}
.journey{margin-top:64px;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;position:relative}.journey:before{content:"";position:absolute;top:7px;left:0;right:0;height:1px;background:var(--line)}.jstep{position:relative;padding-top:28px}.jstep:before{content:"";position:absolute;top:1px;left:0;width:13px;height:13px;background:var(--cyan);border-radius:50%;box-shadow:0 0 20px rgba(47,224,209,.4)}.jstep .num{font-size:12px;color:var(--muted)}.jstep h3{font-size:18px;margin-top:8px}.jstep p{font-size:14px;color:var(--mist)}
.format-frame{max-width:220px;margin:auto;border:1px solid rgba(47,224,209,.5);border-radius:28px;padding:12px;background:var(--panel)}.format-screen{aspect-ratio:9/16;background:var(--soft);border-radius:20px;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;position:relative}.format-screen p{font:500 15px "Space Grotesk"}.dots{position:absolute;bottom:15px;display:flex;gap:6px}.dots i{width:6px;height:6px;background:var(--line);border-radius:99px}.dots i.active{width:16px;background:var(--cyan)}.format-caption{text-align:center;font-size:13px;margin-top:10px;color:var(--cyan)}.format-title{text-align:center;font:500 15px "Space Grotesk";margin-top:16px}.format-desc{text-align:center;color:var(--mist);font-size:14px;margin-top:8px}
.flow{display:flex;gap:8px;position:relative;margin-top:56px}.flow:before{content:"";position:absolute;top:28px;left:0;right:0;height:1px;background:var(--line)}.flow-item{flex:1;text-align:center;position:relative}.flow-icon{width:56px;height:56px;border:1px solid var(--line);background:var(--panel);border-radius:50%;display:grid;place-items:center;margin:auto;color:var(--mist);font-size:12px}.flow-item.active .flow-icon{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 24px rgba(20,175,199,.3)}.flow-item p{font-size:14px;color:var(--mist);margin:12px 0}.flow-item.active p{color:#fff}
.orbit{position:relative;aspect-ratio:1;max-width:440px;margin:auto;display:grid;place-items:center}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%}.orbit:before{inset:0}.orbit:after{inset:12%}.orbit-core{width:112px;height:112px;border-radius:50%;background:var(--cyan);color:var(--ink);display:grid;place-items:center;text-align:center;font-size:13px;font-weight:600;z-index:2}.orbit-label{position:absolute;transform:translate(-50%,-50%);border:1px solid var(--line);background:var(--ink);border-radius:999px;padding:6px 11px;font-size:11px;color:var(--mist);white-space:nowrap}
.funnel-row{height:36px;border:1px solid rgba(47,224,209,.2);background:linear-gradient(90deg,rgba(47,224,209,.18),rgba(47,224,209,.03));border-radius:6px;display:flex;align-items:center;padding:0 12px;margin-bottom:10px;color:#fff;font-size:14px}.dashboard{border:1px solid var(--line);border-radius:18px;padding:24px}.dashboard .note{color:var(--ember);font-size:13px;font-weight:600;margin-bottom:18px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric{background:var(--soft);padding:20px;border-radius:12px}.metric strong{font:28px "Space Grotesk";color:var(--cyan)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;margin-top:40px}.table{width:100%;min-width:760px;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:var(--muted);font-weight:500}.table td{color:var(--mist)}.table td:first-child{color:#fff;font-weight:600}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.pill{border:1px solid var(--line);border-radius:999px;padding:8px 14px;color:var(--mist);font-size:14px}.cta{text-align:center;background:radial-gradient(ellipse at center,rgba(20,175,199,.1),transparent 55%)}.cta h2{font-size:clamp(32px,4vw,54px);line-height:1.1}.cta p{color:var(--mist);max-width:620px;margin:20px auto 0}.cta .actions{justify-content:center}
.form-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px}.steps{display:grid;gap:28px;margin-top:28px}.step{display:flex;gap:16px}.step-no{width:32px;height:32px;border:1px solid rgba(47,224,209,.5);color:var(--cyan);border-radius:50%;display:grid;place-items:center;flex:0 0 32px}.step h3{font-size:16px}.step p{color:var(--mist);font-size:14px;margin:4px 0 0}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px;color:var(--mist);font-size:14px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--soft);border-radius:9px;padding:12px 14px;color:#fff;font:inherit;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan)}.field textarea{resize:vertical}.success{display:none;border:1px solid rgba(47,224,209,.4);background:var(--panel);border-radius:18px;padding:32px;text-align:center}.success.show{display:block}
footer{border-top:1px solid var(--line);background:var(--soft)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;padding:64px 0}.footer-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:var(--mist);font-size:14px}.footer-title{color:var(--muted);font-size:13px;margin-bottom:12px}.copyright{border-top:1px solid var(--line);padding:22px 0;color:var(--muted);font-size:12px}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.navlinks,.nav-cta{display:none}.mobile-toggle{display:block}.hero-grid,.form-grid{grid-template-columns:1fr}.cols-5{grid-template-columns:repeat(2,1fr)}.cols-4{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(2,1fr)}.journey{grid-template-columns:repeat(3,1fr)}.flow{flex-wrap:wrap}.flow:before{display:none}.flow-item{min-width:110px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.container{padding:0 20px}.section{padding:72px 0}.hero{padding-top:130px}.hero-grid{gap:42px}.radial{max-width:100%;aspect-ratio:auto}.core{position:relative;inset:auto;height:150px;margin:0 0 20px}.signal{position:static;transform:none;display:inline-block;margin:4px}.radial{text-align:center}.radial-lines{display:none}.cols-5,.cols-4,.cols-3,.cols-2{grid-template-columns:1fr}.list-item{grid-template-columns:auto 1fr;gap:14px}.list-item p{grid-column:2}.journey{grid-template-columns:1fr;gap:26px}.journey:before{display:none}.jstep{padding-top:0;padding-left:24px}.jstep:before{top:4px}.contact-form{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-grid{padding:48px 0}.cta h2 br{display:none}}