:root{
  --bg:#050913;--panel:#0b1425;--panel2:#0e1a2e;--text:#f0f4ff;
  --muted:#9aabc3;--line:rgba(0,194,255,.18);--cyan:#00c2ff;
  --green:#4fffb4;--amber:#ffcb47;--ink:#03101c;--max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",system-ui,-apple-system,sans-serif;line-height:1.65}
a{color:inherit}
img{display:block;max-width:100%}
.skip{position:fixed;top:-80px;left:16px;z-index:20;background:var(--cyan);color:var(--ink);padding:10px 16px;text-decoration:none;font-weight:700}
.skip:focus{top:12px}
.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-head{position:sticky;top:0;z-index:10;background:rgba(5,9,19,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:Syne,sans-serif;font-weight:800;white-space:nowrap}
.brand img{width:38px;height:38px;border-radius:8px;border:1px solid var(--line)}
.brand b{color:var(--cyan)}
.nav-links{display:flex;gap:22px;align-items:center;font-size:14px}
.nav-links a{text-decoration:none;color:var(--muted)}
.nav-links a:hover{color:var(--text)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:7px;text-decoration:none;font-weight:700;border:1px solid var(--line)}
.btn.primary{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}
.btn.secondary{background:transparent;color:var(--text)}
.eyebrow{display:inline-block;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
.hero{padding:72px 0 68px;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:52px;align-items:center}
.hero-grid>*{min-width:0}
h1,h2,h3{font-family:Syne,sans-serif;letter-spacing:0}
h1{font-size:clamp(42px,4.6vw,62px);line-height:1.04;margin:0 0 24px}
h1 em{font-style:normal;color:var(--cyan)}
.lead{font-size:19px;color:var(--muted);max-width:62ch;margin:0 0 28px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.proof{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}
.proof span{border-left:2px solid var(--green);padding:2px 10px}
.flow{border-left:1px solid var(--line);padding-left:36px}
.flow-label{font-size:12px;color:var(--cyan);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 17px}
.flow-step{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start;padding:15px 0;border-bottom:1px solid var(--line)}
.flow-step strong{display:block;font-family:Syne,sans-serif;margin-bottom:3px}
.flow-step p{margin:0;color:var(--muted);font-size:14px}
.flow-n{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;color:var(--cyan);font:700 12px Syne,sans-serif}
.band{padding:78px 0;border-bottom:1px solid rgba(0,194,255,.1)}
.band.alt{background:#080f1c}
.section-head{max-width:760px;margin-bottom:38px}
h2{font-size:clamp(31px,4vw,50px);line-height:1.12;margin:0 0 16px}
.section-head p{font-size:17px;color:var(--muted);margin:0}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.service{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:24px}
.service .num{color:var(--cyan);font:800 12px Syne,sans-serif;letter-spacing:.08em}
.service h3{font-size:19px;line-height:1.25;margin:14px 0 9px}
.service p{color:var(--muted);margin:0;font-size:14px}
.outcomes{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.outcome{padding:24px;border-right:1px solid var(--line)}
.outcome:last-child{border-right:0}
.outcome strong{display:block;color:var(--green);font-family:Syne,sans-serif;margin-bottom:5px}
.outcome span{font-size:13px;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.plain-list{list-style:none;padding:0;margin:0}
.plain-list li{padding:15px 0 15px 26px;border-bottom:1px solid var(--line);position:relative;color:var(--muted)}
.plain-list li:before{content:"";position:absolute;left:0;top:25px;width:8px;height:8px;background:var(--green);border-radius:50%}
.offer{border:1px solid rgba(79,255,180,.35);background:var(--panel2);border-radius:8px;padding:30px}
.offer .price{font:800 clamp(32px,4vw,48px) Syne,sans-serif;margin:10px 0}
.offer .price small{font:400 14px "DM Sans",sans-serif;color:var(--muted)}
.offer p{color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.step{padding-top:18px;border-top:2px solid var(--cyan)}
.step strong{display:block;font-family:Syne,sans-serif;margin-bottom:7px}
.step p{margin:0;color:var(--muted);font-size:14px}
.faq{max-width:850px}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font:700 17px Syne,sans-serif}
.faq p{color:var(--muted);margin:12px 0 0}
.contact{padding:76px 0}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:start}
.contact-copy p{color:var(--muted)}
form{border:1px solid var(--line);background:var(--panel);padding:27px;border-radius:8px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}
input,textarea{width:100%;border:1px solid rgba(240,244,255,.18);background:#07101e;color:var(--text);border-radius:6px;padding:12px;font:inherit}
textarea{min-height:124px;resize:vertical}
.field{margin-bottom:14px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.submit{width:100%;border:0;background:var(--cyan);color:var(--ink);min-height:48px;border-radius:7px;font:800 15px Syne,sans-serif;cursor:pointer}
.fine{font-size:12px;color:var(--muted);margin:12px 0 0}
.crumbs{font-size:13px;color:var(--muted);padding-top:20px}
.crumbs a{color:var(--cyan);text-decoration:none}
.site-foot{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:13px}
.foot-row{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}
.foot-links{display:flex;gap:18px;flex-wrap:wrap}
.foot-links a{color:var(--muted)}
@media(max-width:900px){
  .hero-grid,.split,.contact-grid{grid-template-columns:1fr}
  .flow{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}
  .service-grid{grid-template-columns:1fr 1fr}
  .outcomes{grid-template-columns:1fr 1fr}
  .outcome:nth-child(2){border-right:0}.outcome:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .steps{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .wrap{width:min(var(--max),calc(100% - 28px))}
  .nav{min-height:64px;gap:12px}.nav-links{gap:8px}.nav-links a:not(.btn){display:none}.brand span{font-size:14px}.nav .btn{min-height:42px;padding:0 14px;line-height:1.15}
  .hero{padding:66px 0 56px}h1{font-size:39px}.lead{font-size:17px}
  .band{padding:58px 0}.service-grid,.outcomes,.steps,.fields{grid-template-columns:1fr}
  .outcome{border-right:0;border-bottom:1px solid var(--line)}.outcome:last-child{border-bottom:0}
  form{padding:20px}.contact{padding:58px 0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}