
:root{
  --bg:#050a10; --bg2:#07111b; --panel:#0a1723; --panel2:#0d1e2c;
  --line:#19364a; --line2:#24577a; --text:#eff7ff; --muted:#91a7b8;
  --cyan:#24c8ff; --blue:#3678ff; --gold:#f3bb56; --green:#66e3ad;
  --danger:#ff7d86; --shadow:0 24px 70px rgba(0,0,0,.38);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#040910,#06101a 35%,#050b12);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(var(--max),calc(100% - 36px));margin:auto}
.narrow{width:min(860px,calc(100% - 36px));margin:auto}
.riskbar{background:#07131d;border-bottom:1px solid #173348;text-align:center;color:#8ca3b4;font-size:11px;padding:7px 12px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,10,16,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(36,87,122,.33)}
.header-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-mark{width:36px;height:36px;border:1px solid #2a80af;border-radius:9px;display:grid;place-items:center;font-weight:900;color:var(--cyan);box-shadow:inset 0 0 18px rgba(36,200,255,.09)}
.brand-name{font-weight:800;letter-spacing:.08em;font-size:13px}.brand-name b{color:var(--cyan)}
.nav{display:flex;gap:22px;align-items:center}.nav a{text-decoration:none;color:#9fb2c1;font-size:13px}.nav a:hover,.nav a.active{color:white}
.nav-more{position:relative}.nav-more-menu{display:none;position:absolute;right:0;top:32px;background:#07121d;border:1px solid #1d4058;border-radius:12px;padding:8px;min-width:210px;box-shadow:var(--shadow)}.nav-more:hover .nav-more-menu{display:block}.nav-more-menu a{display:block;padding:9px 10px;border-radius:7px}.nav-more-menu a:hover{background:#0d1d2a}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border-radius:10px;border:1px solid transparent;padding:13px 20px;font-weight:800;cursor:pointer;transition:.22s}
.btn-primary{background:linear-gradient(135deg,#17a8eb,#326dff);box-shadow:0 14px 34px rgba(40,124,255,.22)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(40,124,255,.32)}
.btn-outline{border-color:#285a7a;background:#07131f;color:#d9eaf7}
.btn-ghost{border-color:#1b3b50;background:rgba(255,255,255,.01);color:#abc0d0}
.btn-small{padding:9px 14px;font-size:12px}.btn-large{padding:17px 27px;font-size:16px}.btn-wide{width:100%}
.hero{position:relative;overflow:hidden;padding:92px 0 74px;min-height:760px;display:grid;align-items:center}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 15%,rgba(28,145,220,.13),transparent 34%),radial-gradient(circle at 85% 45%,rgba(57,91,255,.11),transparent 32%)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}
.eyebrow,.kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#8ba5b8;font-weight:800}
.eyebrow .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan);margin-right:8px}
h1,h2,h3{margin:0 0 15px}
h1{font-size:clamp(46px,6vw,78px);line-height:1.01;letter-spacing:-.045em}
h2{font-size:clamp(34px,4.7vw,58px);line-height:1.08;letter-spacing:-.035em}
h3{font-size:19px}
.gradient{background:linear-gradient(90deg,#fff,#31c8ff 48%,#4f70ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cyan{color:var(--cyan)}
.lead{font-size:18px;color:#a8bbc9;line-height:1.72;max-width:720px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.pill{border:1px solid #1d3b50;border-radius:999px;padding:6px 9px;color:#8ca4b6;font-size:10px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px}.stat{border-left:1px solid #28516b;padding-left:13px}.stat strong{display:block;font-size:24px}.stat span{font-size:11px;color:#718a9c}
.product-shell{position:relative;border:1px solid #265571;border-radius:20px;background:linear-gradient(145deg,#0b1926,#060d14);padding:12px;box-shadow:var(--shadow)}
.product-shell img{border-radius:13px;max-height:640px;width:100%;object-fit:cover;object-position:center top}
.float-tag{position:absolute;background:rgba(6,15,24,.93);border:1px solid #2e80aa;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:800;letter-spacing:.06em}.tag-a{left:-6%;top:16%}.tag-b{right:-7%;top:48%}.tag-c{left:-4%;bottom:12%}
.section{padding:100px 0;position:relative}
.section-dark{background:linear-gradient(180deg,#06101a,#050b12)}
.section-head{margin-bottom:46px}.section-head.center{text-align:center}.section-head.center p{margin-left:auto;margin-right:auto}
.section-head p{font-size:17px;color:#9fb2c1;max-width:760px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:55px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{background:linear-gradient(150deg,#091621,#07111a);border:1px solid #19384d;border-radius:15px;padding:23px}
.card p{color:#8ea4b5;font-size:14px}
.card-icon{width:40px;height:40px;border:1px solid #27698f;border-radius:10px;display:grid;place-items:center;color:var(--cyan);margin-bottom:18px}
.impulse{border-top:1px solid #173649;border-bottom:1px solid #173649;background:#07131e}
.impulse-row{min-height:96px;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:24px}
.impulse-title{font-size:9px;letter-spacing:.18em;color:#6f889b}
.impulse-curve{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.impulse-curve:before{content:"";position:absolute;left:2%;right:2%;top:15px;height:2px;background:linear-gradient(90deg,#165779,#1fd0ff,#5268ff)}.impulse-curve span{position:relative;text-align:center;font-size:11px;color:#a3b6c5}.impulse-curve b{display:grid;place-items:center;margin:0 auto 6px;width:30px;height:30px;border-radius:50%;background:#0b1c29;border:1px solid #2f86b4;color:var(--cyan);font-size:10px}
.scoreboard{background:#07121d;border:1px solid #1d4057;border-radius:16px;padding:24px}.score-row{display:grid;grid-template-columns:220px 1fr 42px;gap:14px;align-items:center;margin:12px 0}.score-label{font-size:13px;color:#b7c8d5}.score-track{height:7px;background:#0e2535;border-radius:999px;overflow:hidden}.score-track i{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#21c8ff,#4d72ff)}.score-num{text-align:right;font-weight:800}.score-total{display:flex;justify-content:space-between;border-top:1px solid #17364b;padding-top:17px;margin-top:18px}.score-total strong{font-size:30px;color:var(--cyan)}
.risk-stack{display:grid;gap:10px}.risk-item{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:17px;border:1px solid #19384e;border-radius:12px;background:#08141e}.risk-item>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #28749d;border-radius:9px;color:var(--cyan);font-size:11px;font-weight:900}.risk-item p{margin:0;color:#8ea3b3;font-size:13px}
.console{background:linear-gradient(160deg,#0b1926,#07111a);border:1px solid #285d7d;border-radius:18px;padding:25px;box-shadow:var(--shadow)}.console-head{display:flex;justify-content:space-between;color:#819db1;font-size:10px;letter-spacing:.14em}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.console-big small{display:block;color:#6f889b;margin-top:28px}.console-big strong{font-size:58px;display:block}.meter{height:8px;background:#0d2433;border-radius:999px;overflow:hidden}.meter i{display:block;width:37%;height:100%;background:linear-gradient(90deg,#1fc8ff,#4c6fff)}.console-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.console-cell{border:1px solid #193a50;border-radius:9px;padding:11px}.console-cell small{display:block;color:#688195;font-size:9px}.console-cell b{font-size:12px}
.timeline{max-width:930px;margin:auto;position:relative}.timeline:before{content:"";position:absolute;left:18px;top:20px;bottom:20px;width:1px;background:linear-gradient(#2dbaff,#4b5cff)}.step{display:grid;grid-template-columns:38px 1fr;gap:20px;margin:15px 0}.step-dot{width:13px;height:13px;margin:22px auto;border-radius:50%;background:#0b1c2a;border:2px solid #30bdf6;box-shadow:0 0 0 5px #06111b}.step-card{background:#08151f;border:1px solid #193c51;border-radius:13px;padding:21px}.step-card small{color:var(--cyan);font-size:9px;letter-spacing:.13em}.step-card p{margin:0;color:#8fa3b3;font-size:13px}
.feature-table{width:100%;border-collapse:collapse;background:#07131d;border:1px solid #193b51;border-radius:14px;overflow:hidden}.feature-table th,.feature-table td{padding:14px;border-bottom:1px solid #183448;text-align:left;font-size:13px}.feature-table th{color:#b9cbd8;background:#0b1a27}.feature-table td{color:#8fa5b5}.yes{color:var(--green)!important;font-weight:800}.warn{color:var(--gold)!important}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab-btn{background:#07131d;border:1px solid #1b4057;color:#97acbc;border-radius:8px;padding:9px 13px;cursor:pointer}.tab-btn.active{border-color:#2da9e3;color:white;background:#0b2131}
.tab-panel{display:none}.tab-panel.active{display:block}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:40px}.form-card{background:#08141f;border:1px solid #1b4057;border-radius:15px;padding:23px}.form-card label{display:block;font-size:11px;color:#9db2c2;margin-bottom:13px}.form-card input,.form-card select,.form-card textarea{width:100%;margin-top:6px;background:#050c13;color:white;border:1px solid #1a3b50;border-radius:9px;padding:11px;outline:none}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#27bce9}.result{background:#07131e;border:1px solid #285d7e;border-radius:15px;padding:23px}.result-row{display:flex;justify-content:space-between;border-bottom:1px solid #163247;padding:10px 0;font-size:13px}.result-row span{color:#7f96a9}.result-row strong{color:white}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-card{position:relative;background:#08141f;border:1px solid #193c50;border-radius:16px;padding:27px}.price-card.featured{border-color:#2f8cba;box-shadow:0 22px 55px rgba(36,154,221,.13)}.popular{position:absolute;right:18px;top:18px;background:#123653;color:#5fd5ff;border:1px solid #2a78a0;padding:5px 8px;border-radius:999px;font-size:9px;letter-spacing:.1em}.price{font-size:29px;font-weight:900}.price small{display:block;color:#71899a;font-size:10px;font-weight:400}.price-list{list-style:none;padding:0;margin:23px 0}.price-list li{margin:9px 0;color:#9fb3c2;font-size:13px}.price-list li:before{content:"✓";color:var(--green);margin-right:8px}
.faq details{background:#08141f;border:1px solid #193a50;border-radius:11px;margin:9px 0;padding:15px 17px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:#8fa4b4;font-size:14px}
.callout{background:linear-gradient(120deg,#081723,#0b1d2c);border:1px solid #225575;border-radius:18px;padding:38px;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.quote{border-left:1px solid #2e83ae;padding-left:26px;font-size:22px;font-weight:800;line-height:1.45}
.notice{border-left:2px solid var(--gold);background:#11160f;color:#b8b29a;padding:14px 16px;font-size:12px}
.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.download-card{background:#08141f;border:1px solid #19394e;border-radius:13px;padding:20px}.download-card small{color:#668397}.download-card a{display:inline-block;margin-top:10px;color:var(--cyan)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.contact-details{display:grid;gap:12px}.contact-item{background:#08131e;border:1px solid #19384c;padding:18px;border-radius:12px}.contact-item small{display:block;color:#6c8598}.contact-item strong{font-size:15px}
.footer{padding:38px 0;background:#03070b;border-top:1px solid #122634}.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:34px;align-items:center}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{font-size:11px;color:#8096a8;text-decoration:none}.copyright,.footer-copy{font-size:11px;color:#5d7689}
.reveal{opacity:0;transform:translateY(24px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
.page-hero{padding:92px 0 60px;background:radial-gradient(circle at 15% 10%,rgba(29,139,207,.11),transparent 36%),#06101a;border-bottom:1px solid #173449}.page-hero p{max-width:760px;color:#9fb3c2;font-size:17px}.breadcrumbs{font-size:10px;color:#668296;margin-bottom:18px}.breadcrumbs a{text-decoration:none;color:#7d9ab0}
.list-clean{padding-left:18px}.list-clean li{margin:7px 0;color:#98acbb}
.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{background:#08141f;border:1px solid #19394d;border-radius:13px;padding:18px}.kpi strong{display:block;font-size:25px}.kpi small{color:#6e8798}
.code-card{background:#03080e;border:1px solid #19384d;border-radius:14px;padding:20px;overflow:auto}.code-card pre{margin:0;color:#9ddcff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.65}
.mobile-toggle{display:none;background:none;border:1px solid #244f6c;color:white;border-radius:8px;padding:7px 10px}
@media(max-width:980px){
 .nav{display:none;position:absolute;left:18px;right:18px;top:64px;background:#07131e;border:1px solid #1b4057;border-radius:12px;padding:12px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav-more-menu{position:static;display:block;background:transparent;border:0;box-shadow:none;padding:0}.nav-more-menu a{padding-left:14px}.mobile-toggle{display:block}
 .hero-grid,.grid-2,.calc,.contact-grid,.callout{grid-template-columns:1fr}.grid-4,.grid-3,.price-grid,.download-grid{grid-template-columns:repeat(2,1fr)}.tag-a,.tag-b,.tag-c{display:none}
 .footer-grid{grid-template-columns:1fr}.product-shell{max-width:650px;margin:auto}.impulse-row{grid-template-columns:1fr}.impulse-title{text-align:center;margin-top:16px}
}
@media(max-width:640px){
 .hero{min-height:auto;padding-top:68px}h1{font-size:42px}.section{padding:75px 0}.grid-4,.grid-3,.price-grid,.download-grid{grid-template-columns:1fr}.score-row{grid-template-columns:1fr 40px}.score-track{grid-column:1/-1}.stats{grid-template-columns:repeat(3,1fr)}.stat strong{font-size:19px}.float-tag{display:none}.console-big strong{font-size:48px}.kpi-strip{grid-template-columns:1fr 1fr}.feature-table{display:block;overflow:auto}.header-inner>.btn{display:none}.impulse-curve span{font-size:9px}.impulse-curve b{width:25px;height:25px}
}

.sales-ribbon{border-top:1px solid #173649;border-bottom:1px solid #173649;background:linear-gradient(90deg,#06111b,#091725,#06111b)}
.sales-ribbon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.sales-ribbon-grid>div{padding:20px 18px;border-right:1px solid #173649}
.sales-ribbon-grid>div:last-child{border-right:0}
.sales-ribbon small{display:block;color:#648197;font-size:9px;letter-spacing:.14em;margin-bottom:4px}
.sales-ribbon strong{font-size:13px;color:#dbeaf5}
@media(max-width:760px){
 .sales-ribbon-grid{grid-template-columns:1fr 1fr}
 .sales-ribbon-grid>div:nth-child(2){border-right:0}
 .sales-ribbon-grid>div:nth-child(-n+2){border-bottom:1px solid #173649}
}
