:root{--bg:#0f172a;--bg-2:#111827;--card:#0b1226;--muted:#94a3b8;--text:#e5e7eb;--accent:#22c55e;--accent-2:#38bdf8;--shadow:0 10px 30px rgba(0,0,0,.35);--radius:18px;--max:1180px}
html,body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif}
a{color:var(--accent-2)}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}
.topbar{font-size:.9rem;color:var(--muted);border-bottom:1px solid rgba(148,163,184,.15)}
.topbar .row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:6px 0}
nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{font-weight:800}
.menu{display:flex;gap:18px;flex-wrap:wrap}
.btn{background:var(--accent);color:#04120a;padding:10px 16px;border-radius:999px;font-weight:700;border:none;box-shadow:var(--shadow);display:inline-block}
.btn.secondary{background:#172554;color:#c7d2fe}
.btn.ghost{background:transparent;border:1px solid rgba(148,163,184,.3);color:var(--text)}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:60px 0}
.pill{display:inline-flex;gap:8px;align-items:center;background:#052e1b;border:1px solid rgba(34,197,94,.35);color:#9ef3bf;padding:6px 10px;border-radius:999px;font-size:.85rem}
h1{font-size:clamp(28px,3.2vw,48px);line-height:1.1;margin:10px 0 14px}
.lead{font-size:1.1rem;color:#cbd5e1}
.trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}
.trust .chip{background:#0a1228;border:1px solid rgba(148,163,184,.2);padding:8px 12px;border-radius:999px;color:#cbd5e1}
.heroimg{border-radius:var(--radius);overflow:hidden;border:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow);min-height:280px;background:linear-gradient(135deg,#0b1226,#0e1e3a)}
.heroimg .ph{height:100%;display:grid;place-items:center;color:#8fbef2}
section{padding:70px 0;border-top:1px solid rgba(148,163,184,.12)}
.section-title{font-size:clamp(22px,2.4vw,34px);margin:0 0 10px}
.section-lead{color:#cbd5e1;margin:0 0 20px}
.grid{display:grid;gap:18px}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:var(--card);border:1px solid rgba(148,163,184,.14);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.muted{color:var(--muted)}
table{width:100%;border-collapse:collapse}
th,td{border-bottom:1px solid rgba(148,163,184,.14);padding:10px;text-align:left}
th{color:#cbd5e1}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:.8rem;border:1px solid rgba(148,163,184,.25);margin-right:6px}
.badges{margin-top:10px}
.logos{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.logo{background:#0c1630;border:1px dashed rgba(148,163,184,.25);border-radius:12px;padding:10px 14px;color:#8fbef2}
.calc-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;margin-bottom:8px}
input,select,textarea{background:#0b1226;border:1px solid rgba(148,163,184,.25);border-radius:10px;padding:10px;color:var(--text);width:100%}
label{font-size:.9rem;color:#cbd5e1;display:block;margin:6px 0}
.results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.kpi{background:#0a1228;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:12px}
@media (max-width: 900px){
  .hero .wrap{grid-template-columns:1fr}
  .grid.cols-2,.grid.cols-3{grid-template-columns:1fr}
  .results{grid-template-columns:1fr}
  .calc-row{grid-template-columns:1fr 1fr 1fr 1fr}
}