:root { --bg:#070b17; --fg:#e8ecff; --muted:#b8c2e8; --card:#131a33; --accent:#7c9cff; --accent2:#57d0ff; }
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5;position:relative;overflow-x:hidden}
.container{max-width:980px;margin:0 auto;padding:0 20px}
.bg-orb{position:fixed;filter:blur(80px);opacity:.25;z-index:-1}
.orb-1{width:380px;height:380px;background:#6f7dff;top:-70px;left:-120px;border-radius:50%}
.orb-2{width:340px;height:340px;background:#17c0ff;bottom:-80px;right:-100px;border-radius:50%}
.topbar{font-size:13px;text-align:center;padding:10px 16px;background:#111a3a;color:#c9d6ff;border-bottom:1px solid #27366b}
.hero{padding:78px 0 56px;background:linear-gradient(180deg,#0d1430 0%, #080d1d 100%)}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}
h1{font-size:46px;line-height:1.06;margin:0 0 10px;max-width:760px}
h1 span{color:var(--accent2)}
.sub{color:var(--muted);max-width:700px}
.cta-row{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.btn{display:inline-block;padding:11px 16px;border-radius:10px;border:1px solid #364583;color:var(--fg);text-decoration:none;font-weight:600}
.btn.primary{background:var(--accent);color:#0b1020;border:none}
.proof-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;color:var(--muted);font-size:14px}
.hero-panel{background:linear-gradient(180deg,#1a2450,#121936);border:1px solid #33427a;border-radius:16px;padding:16px}
.hero-panel h3{margin:0 0 10px}
.panel-note{margin:10px 0 0;color:var(--muted);font-size:12px}
.metric{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #2a3767;color:var(--muted)}
.metric:last-child{border-bottom:none}
.metric strong{color:#eaf0ff}
.section{padding:54px 0}
.section.alt{background:#0c1330}
.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
ul{padding-left:20px}
.mini-card{background:linear-gradient(180deg,#151f42,#111830);border:1px solid #2a376f;border-radius:14px;padding:16px}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.feature{background:var(--card);border:1px solid #29345f;border-radius:14px;padding:14px}
.roi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.fit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.fit{border-radius:14px;padding:16px;border:1px solid #2b3767}
.fit.yes{background:linear-gradient(180deg,#132043,#0f1833)}
.fit.no{background:linear-gradient(180deg,#211632,#181129)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.step{background:linear-gradient(180deg,#141d3f,#101731);border:1px solid #2c3a6a;border-radius:14px;padding:16px}
.step span{display:inline-flex;width:28px;height:28px;border-radius:999px;background:#7c9cff;color:#0b1020;font-weight:800;align-items:center;justify-content:center;margin-bottom:8px}
.step h3{margin:0 0 6px}
.step p{margin:0;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:8px}
.card{background:var(--card);border:1px solid #29345f;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px}
.card.highlighted{border-color:#6d8cff;box-shadow:0 0 0 1px #6d8cff55}
.card-sub{color:#c8d2f3;font-size:14px;margin:2px 0 0}
.card-list{margin:2px 0 4px;padding-left:18px;color:var(--muted)}
.card-list li{margin:4px 0}
.chip{margin:0;font-size:12px;color:#0b1020;background:#b7c8ff;border-radius:999px;padding:3px 9px;width:max-content;font-weight:700}
.card .btn{margin-top:8px;text-align:center}
.price{font-size:32px;font-weight:800;margin:6px 0}
.note{color:var(--muted);font-size:14px;margin-top:12px}
.decision-box{margin-top:16px;background:linear-gradient(180deg,#151f42,#0f1730);border:1px solid #2f3e73;border-radius:14px;padding:16px}
.decision-box h3{margin:0 0 8px}
.decision-box ul{margin:0;color:var(--muted)}
.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.footer{padding:30px 0;border-top:1px solid #202a51;color:var(--muted)}
.footer a{color:#bcd3ff;text-decoration:none}
.footer a:hover{text-decoration:underline}
@media (max-width: 760px){h1{font-size:34px}.grid-2,.hero-grid{grid-template-columns:1fr}}