
:root{
  --ink:#071017;--ink2:#0b151c;--panel:#0e1c25;--panel2:#10242d;
  --white:#f7fafb;--muted:#93a2aa;--line:rgba(255,255,255,.11);
  --green:#49f39b;--green2:#19d979;--blue:#4c7dff;--cyan:#35d9c7;
  --purple:#8b5cf6;--orange:#ff9b5a;--shadow:0 24px 80px rgba(0,0,0,.28);
  --radius:22px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#0a1720;font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
img,svg{max-width:100%;height:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:9999;background:#fff;color:#000;padding:12px 16px;border-radius:10px}
a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,13,18,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:74px;display:flex;align-items:center;gap:34px}.brand{font-weight:800;letter-spacing:.18em;font-size:23px;color:#fff;white-space:nowrap}.brand span{color:var(--green)}
.navlinks{display:flex;gap:28px;align-items:center;font-size:13px;color:#b8c3c8}.navlinks a:hover,.navlinks a[aria-current=page]{color:#fff}
.nav-actions{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:13px}.mobile-toggle{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:12px;border:1px solid rgba(255,255,255,.25);font-weight:700;font-size:13px;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s background}
.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#04110a;border-color:var(--green);box-shadow:0 12px 30px rgba(73,243,155,.16)}.btn-blue{background:#3774ff;color:#fff;border-color:#3774ff}.btn-ghost{background:transparent;color:#fff}.btn-light{background:#fff;color:#071017;border-color:#d8e0e4}
.hero{background:radial-gradient(circle at 85% 30%,rgba(45,130,255,.13),transparent 30%),radial-gradient(circle at 75% 80%,rgba(73,243,155,.11),transparent 28%),linear-gradient(135deg,#050c11,#08161d 60%,#061018);color:#fff;overflow:hidden}
.hero-inner{min-height:560px;padding:74px 0 64px;display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);font-weight:800}.eyebrow.blue{color:#66a0ff}
h1{font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:15px 0 22px;max-width:680px}
h1 .accent{color:var(--green)}.lead{font-size:18px;color:#c0cbd0;max-width:610px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.proof-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px;color:#aab8bd;font-size:12px}.proof-row strong{display:block;color:#fff;font-size:13px}
.dashboard{position:relative;background:linear-gradient(145deg,#0f2029,#071219);border:1px solid rgba(126,191,255,.28);border-radius:24px;box-shadow:var(--shadow);padding:18px;min-height:370px}.dash-top{display:flex;gap:14px}.dash-sidebar{width:120px;border-right:1px solid var(--line);padding-right:12px}.dash-logo{font-size:10px;letter-spacing:.16em;font-weight:800;margin-bottom:20px}.side-item{padding:8px;border-radius:7px;color:#a8b6bc;font-size:10px}.side-item.active{background:rgba(76,125,255,.15);color:#fff}.dash-main{flex:1}.dash-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#c9d4d8}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.stat{border:1px solid var(--line);border-radius:12px;padding:13px;background:rgba(255,255,255,.025)}.stat small{display:block;color:#94a7af}.stat b{font-size:19px}.up{color:var(--green);font-size:10px}.chart{height:160px;border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.02);position:relative;overflow:hidden}.chart svg{width:100%;height:100%}.chat{position:absolute;right:-26px;bottom:22px;width:190px;background:#f8fbfc;color:#142027;border-radius:16px;padding:13px;box-shadow:0 22px 50px rgba(0,0,0,.35);font-size:10px}.chat strong{display:block;margin-bottom:6px}.metric{display:flex;justify-content:space-between;border-bottom:1px solid #e1e8eb;padding:7px 0}.metric:last-child{border:0}
.section{padding:82px 0}.section.dark{background:#071017;color:#fff}.section.soft{background:#f5f7f8}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.section-head h2{margin:8px 0 0}.section-head p{max-width:580px;color:#65747c}
h2{font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-.04em;margin:0}h3{font-size:20px;line-height:1.2;margin:0 0 9px}
.engine-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:16px}.step{text-align:left}.step-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e8f8f2;color:#071017;margin-bottom:13px;font-weight:800}.step-num{font-size:11px;color:#6b777d}.step p{font-size:12px;color:#68767d;margin:0}
.insights{display:grid;grid-template-columns:1.1fr .9fr}.insight-dark{background:#061016;color:#fff;padding:58px 6%;border-radius:0}.insight-light{padding:58px 7%;display:flex;align-items:center}.checklist{padding:0;list-style:none}.checklist li{margin:12px 0}.checklist li:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#d8f8e9;color:#0c8f51;font-weight:900;margin-right:9px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpi{padding:16px;border:1px solid var(--line);border-radius:12px}.kpi b{font-size:21px}.kpi small{color:#9aabb2}.green-text{color:var(--green)}
.pricing{display:grid;grid-template-columns:1fr repeat(3,1fr);gap:18px;align-items:stretch}.price-card{border:1px solid #dce3e7;border-radius:16px;padding:28px;background:#fff;position:relative}.price-card.popular{border:2px solid #27e488;box-shadow:0 16px 50px rgba(17,150,86,.12)}.badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--green);padding:5px 13px;border-radius:999px;font-size:11px;font-weight:800}.price{font-size:32px;font-weight:800;letter-spacing:-.04em}.price small{font-size:12px;color:#718087;font-weight:500}.features{padding:0;list-style:none;font-size:13px;color:#55646c}.features li{margin:8px 0}.features li:before{content:"✓";color:#10a65f;margin-right:7px;font-weight:900}
.time-value{background:#ecfff5;border:1px solid #c6f6dd;border-radius:14px;padding:16px 18px;color:#143528;margin:0 0 25px}.time-value strong{display:block}.fact{border-left:4px solid var(--green);padding:14px 18px;background:#f2fbf7;margin:16px 0}.faq details{border-bottom:1px solid #dbe2e5;padding:17px 0}.faq summary{font-weight:750;cursor:pointer}.toc{background:#f7f9fa;border:1px solid #e0e6e9;border-radius:14px;padding:18px}.toc a{color:#285fcb;display:block;margin:7px 0}
.content{max-width:880px}.article-grid{display:grid;grid-template-columns:240px 1fr;gap:50px}.author{border:1px solid #dce3e7;border-radius:16px;padding:18px;height:max-content;position:sticky;top:100px}.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#dff9ec;font-weight:800}.quote{font-size:20px;border-left:4px solid var(--green);padding:15px 20px;margin:25px 0;color:#25333a}.resource-card{border:1px solid #dfe5e8;border-radius:16px;padding:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.form{display:grid;gap:14px}.form label{font-weight:700;font-size:13px}.form input,.form select,.form textarea{width:100%;padding:13px 14px;border:1px solid #cfd8dd;border-radius:10px;font:inherit}.form textarea{min-height:130px}.form input:focus,.form textarea:focus,.form select:focus{outline:3px solid rgba(73,243,155,.25);border-color:#2acb78}
.roi{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.roi-box{background:#071017;color:#fff;border-radius:20px;padding:28px}.roi-output{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.roi-number{background:#0d1d26;border:1px solid var(--line);border-radius:12px;padding:15px}.roi-number b{font-size:26px;color:var(--green)}
.media-card{border-radius:18px;overflow:hidden;background:#071017;color:#fff;min-height:220px;display:grid;place-items:center;position:relative}.media-card:before{content:"";width:70px;height:70px;border-radius:50%;border:1px solid rgba(255,255,255,.4);display:block}.media-card:after{content:"▶";position:absolute;font-size:20px}
.footer{background:#050c11;color:#dbe3e6;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:35px}.footer a{display:block;color:#91a0a7;font-size:13px;margin:8px 0}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;color:#77858b;font-size:11px}
.locale-strip{background:#f5f8fa;border-bottom:1px solid #e1e7ea;padding:10px 0;font-size:12px}.locale-strip .container{display:flex;justify-content:space-between;gap:15px}.locale-strip a{color:#315fbd}
.nap{background:#f6f8f9;border:1px solid #e0e5e8;border-radius:14px;padding:18px}.notice{padding:12px 15px;background:#fff7e9;border:1px solid #f0d49d;border-radius:10px;font-size:13px}
@media(max-width:900px){.navlinks{display:none}.mobile-toggle{display:block;background:none;border:0;color:#fff;font-size:24px}.hero-inner{grid-template-columns:1fr;padding:58px 0}.engine-steps{grid-template-columns:repeat(4,1fr)}.insights,.roi,.article-grid{grid-template-columns:1fr}.author{position:static}.pricing{grid-template-columns:1fr 1fr}.pricing>div:first-child{grid-column:1/-1}.grid-3{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(100% - 28px,var(--max))}.nav{height:64px}.nav-actions{gap:8px}.nav-actions .login{display:none}h1{font-size:45px}.engine-steps{grid-template-columns:1fr 1fr}.pricing,.grid-3,.grid-2{grid-template-columns:1fr}.pricing>div:first-child{grid-column:auto}.stat-grid,.kpi-grid{grid-template-columns:1fr 1fr}.chat{right:-4px;width:165px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
