*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#0A0A0F;color:#fff;font-family:"Space Grotesk",system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:#22d3ee}img{max-width:100%;height:auto;display:block}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;color:#000;padding:8px 12px;z-index:99}
.container{max-width:1200px;margin:0 auto;padding:0 24px}.narrow{max-width:820px}.center{text-align:center}
.nav{position:sticky;top:0;z-index:20;background:rgba(10,10,15,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav .container{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px}
.nav .logo img{width:140px}
.nav nav{display:flex;align-items:center;gap:22px;overflow-x:auto;scrollbar-width:none}
.nav nav a{color:#CBD5E1;text-decoration:none;font-size:14.5px;font-weight:500;white-space:nowrap}
.nav nav a:hover{color:#fff}
.btn{display:inline-block;background:linear-gradient(135deg,#8B5CF6,#7C3AED);color:#fff!important;font-weight:700;text-decoration:none;padding:13px 28px;border-radius:99px;box-shadow:0 8px 30px rgba(139,92,246,.35);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(139,92,246,.5)}
.nav .btn{padding:9px 18px;font-size:14px}
.btn.ghost{background:none;border:1px solid rgba(255,255,255,.35);box-shadow:none}
.tag{color:#06B6D4;font-size:11.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin:0 0 14px}
h1{font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.04;text-transform:uppercase;letter-spacing:1px;margin:0 0 22px}
h1 span,.final h2{background:linear-gradient(90deg,#8B5CF6,#06B6D4);-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.12;margin:0 0 22px}
h3{font-size:1.15rem;margin:0 0 8px}
p{color:#CBD5E1;margin:0 0 16px}
.hero{padding:72px 0 80px;background:radial-gradient(900px 500px at 85% 20%,rgba(139,92,246,.22),transparent 60%)}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}
.lead{font-size:1.15rem;max-width:58ch}
.cta{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}
.center .cta{justify-content:center}
.facts{list-style:none;display:flex;flex-wrap:wrap;gap:28px;padding:0;margin:8px 0 0;color:#A3AEC2;font-size:14px}
.facts b{display:block;color:#fff;font-size:1.7rem;line-height:1.1}
.hero figure{margin:0;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px rgba(0,0,0,.6);max-width:380px;justify-self:end}
.pad{padding:84px 0}.alt{background:#0F0F1A}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;margin:0}
.card p{margin:0;font-size:.98rem}
.stars{color:#F59E0B;letter-spacing:3px;margin-bottom:10px}
blockquote footer{margin-top:14px;color:#A3AEC2;font-size:13.5px}
.steps{list-style:none;padding:0;margin:0 0 26px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.steps li{counter-increment:s;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px}
.steps li::before{content:"0" counter(s);display:block;font-size:2rem;font-weight:700;line-height:1;margin-bottom:12px;background:linear-gradient(90deg,#8B5CF6,#06B6D4);-webkit-background-clip:text;background-clip:text;color:transparent}
.steps b{display:block;font-size:1.1rem;margin-bottom:6px}.steps span{color:#CBD5E1;font-size:.96rem}
.more{margin-top:26px}
details{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:0 22px;margin-bottom:12px}
summary{cursor:pointer;font-weight:700;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}summary::after{content:"+";color:#8B5CF6;font-size:1.4rem;line-height:1}
details[open] summary::after{content:"–"}
details p{padding-bottom:18px;margin:0}
.final{background:radial-gradient(700px 380px at 50% 0,rgba(6,182,212,.14),transparent 65%)}
.contact,.others{font-size:.95rem;color:#A3AEC2}
.foot{border-top:1px solid rgba(255,255,255,.08);padding:28px 0;color:#A3AEC2;font-size:14px}
.foot .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}
.foot a{color:#CBD5E1;text-decoration:none;margin-right:18px}.foot a:hover{color:#fff}
:focus-visible{outline:3px solid #22d3ee;outline-offset:3px}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero figure{justify-self:start;max-width:300px}.cards,.steps{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cards,.steps{grid-template-columns:1fr}.pad{padding:60px 0}.hero{padding:48px 0 56px}.nav .logo img{width:110px}}