:root{--bg:#0A0F1C;--primary:#0D254C;--accent:#FF7A1A;--text:#FFFFFF;--muted:rgba(255,255,255,.78)}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.section{padding:64px 0}.card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;backdrop-filter:blur(6px)}
h1,h2,h3{margin:0 0 12px}.h1{font-size:clamp(36px,5vw,56px);font-weight:900;line-height:1.1}
.h2{font-size:clamp(28px,4vw,40px);font-weight:800}
.p{color:var(--muted);line-height:1.7}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:10px;font-weight:700;border:1px solid rgba(255,255,255,.15);text-decoration:none}
.btn-primary{background:var(--accent);color:#000;border:0}.btn-outline{background:transparent;color:#fff}
.badge{display:inline-block;font-size:12px;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(1,1fr)}.grid-3{grid-template-columns:repeat(1,1fr)}
@media(min-width:860px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}
header{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.35);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 2px 6px rgba(0,0,0,.4)}
.nav{display:flex;align-items:center;justify-content:space-between;height:80px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.brand img{height:60px} /* mobile */
.brand .visually-hidden{position:absolute;left:-9999px}
nav ul{display:none;list-style:none;margin:0;padding:0;gap:22px;align-items:center}nav a{color:#fff;text-decoration:none}
.menu-btn{display:inline-flex}@media(min-width:860px){nav ul{display:flex}.menu-btn{display:none}}
.mobile{display:none}.mobile.open{display:block;position:absolute;left:0;right:0;top:80px;background:#000000e0;padding:18px}
@media(min-width:860px){
  .brand img{height:80px} /* desktop */
  .nav{height:96px}
  .mobile.open{top:96px}
}
.hero{position:relative;min-height:60vh;display:flex;align-items:center;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.35));pointer-events:none}
.hero .container{position:relative;z-index:1}
.pricing{display:grid;gap:20px}@media(min-width:900px){.pricing{grid-template-columns:repeat(3,1fr)}}
.tier{padding:20px;border-radius:16px}.tier.highlight{box-shadow:inset 0 0 0 2px var(--accent)}
footer{border-top:1px solid rgba(255,255,255,.12)}
input,textarea{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:10px;padding:10px}
label{font-size:14px;color:#ddd;margin-bottom:6px;display:block}

/* Calculators */
.calc-grid{display:grid;gap:16px}
@media(min-width:860px){.calc-grid{grid-template-columns:repeat(2,1fr)}}
.form-grid{display:grid;gap:12px}
.form-grid.two{grid-template-columns:repeat(2,1fr)}
.output-cards{display:grid;gap:16px}
@media(min-width:860px){.output-cards{grid-template-columns:repeat(3,1fr)}}
.output .value{font-size:28px;font-weight:800}
small.muted{opacity:.7}