/* Minimal CSS for layout */
:root{
  --brand:#0B1F33;
  --brand-2:#FFC857;
  --brand-3:#00C4B3;
  --ink:#0b1220;
  --muted:#6B7280;
  --paper:#FFFFFF;
  --paper-2:#F6F7FB;
}
body{font-family:system-ui;background:var(--paper);color:var(--ink);margin:0}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.nav{background:#fff;border-bottom:1px solid #e8eef6}
.nav-inner{display:flex;justify-content:space-between;align-items:center;height:64px}
.brand{text-decoration:none;color:inherit;font-weight:700}
.brand-mark{color:var(--brand-2)}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700;text-align:center}
.btn-primary{background:var(--brand-3);color:#052c2a}
.btn-block{width:100%}
.hero{padding:56px 0;background:var(--paper-2)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 16px rgba(0,0,0,0.06)}
.price-main{font-size:38px;font-weight:900}
.includes{list-style:none;padding-left:0}
.cta{padding:56px 0;background:var(--paper-2)}
.grid-3{display:grid;gap:26px}
.footer{padding:26px 0;border-top:1px solid #e8eef6;text-align:center}