/* Brand tokens */
:root{
  --brand:#0A2540;    /* Deep navy */
  --brand-2:#F5B700;  /* Gold accent */
  --ink:#0b1220;      /* Body text */
  --muted:#6B7280;    /* Gray 500 */
  --paper:#FFFFFF;    /* Background */
  --paper-2:#F6F7FB;  /* Light section */
  --card:#0f1c2d;     /* Dark card */
  --radius:18px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  line-height:1.6;
  color:var(--ink);
  background:var(--paper);
}

/* Layout helpers */
.container{width:min(1120px, 92vw); margin:0 auto}
.grid-3{display:grid; gap:24px; grid-template-columns:repeat(3,1fr)}
@media (max-width: 900px){.grid-3{grid-template-columns:1fr}}

h1{font-size: clamp(32px, 5vw, 52px); line-height:1.15; margin:0 0 16px}
h2{font-size: clamp(26px, 4vw, 36px); margin:0 0 16px}
h3{font-size: clamp(20px, 2.6vw, 24px); margin:0 0 10px}
h4{margin:8px 0}

.kicker{color:var(--brand-2); font-weight:800; letter-spacing:.06em; text-transform:uppercase; font-size:13px}

.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:14px 22px; border-radius:var(--radius); text-decoration:none; font-weight:700; border:2px solid transparent}
.btn-primary{background:var(--brand-2); color:#000}
.btn-ghost{border-color:rgba(255,255,255,.3); color:#fff; background:transparent}
.btn-small{padding:10px 14px; font-size:14px}
.btn-block{width:100%}

.nav{position:sticky; top:0; z-index:100; background:linear-gradient(0deg, rgba(10,37,64,.0), rgba(10,37,64,.7)), var(--brand); color:#fff; border-bottom:1px solid rgba(255,255,255,.08)}
.nav-inner{display:flex; align-items:center; justify-content:space-between; padding:14px 0}
.brand{display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.02em}
.brand-mark{color:var(--brand-2)}
.brand-name{color:#fff}

.hero{background:
    radial-gradient(1200px 400px at 20% -10%, rgba(245,183,0,.18), transparent),
    linear-gradient(180deg, #0A2540 0%, #0A2540 60%, #0f1c2d 100%);
  color:#e7eef7; padding:64px 0 40px}
.hero-grid{display:grid; gap:32px; grid-template-columns:1.25fr .9fr}
@media (max-width: 980px){.hero-grid{grid-template-columns:1fr}}
.hero-copy .sub{color:#c9d6e7; font-size:18px}
.hero-bullets{margin:16px 0 0; padding-left:20px}
.hero-card .card{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius); padding:22px}
.hero .price{display:flex; align-items:baseline; gap:10px; margin:12px 0 16px}
.price-main{font-size:36px; font-weight:800; color:#fff}
.price-note{color:#c9d6e7; font-size:14px}
.trust{font-size:14px; color:#bcd1ea; margin-left:14px}

.strip{background:var(--paper-2); padding:20px 0}
.strip p{margin:0; color:var(--muted); text-align:center}

.benefits{padding:56px 0}
.benefit{background:#fff; border:1px solid #e9eef7; border-radius:var(--radius); padding:18px}

.agenda{background:var(--paper-2); padding:56px 0}
.timeline{display:grid; gap:16px; grid-template-columns:repeat(3,1fr)}
@media (max-width: 900px){.timeline{grid-template-columns:1fr}}
.timebox{background:#fff; border:1px solid #e9eef7; border-radius:var(--radius); padding:18px}
.time{display:inline-block; font-weight:800; color:var(--brand); background:#eaf2fb; padding:4px 10px; border-radius:999px; font-size:12px}

.testimonials{padding:56px 0}
blockquote{margin:0; padding:18px; background:#fff; border:1px solid #e9eef7; border-radius:var(--radius)}
blockquote p{margin:0 0 8px}

.cta{background:linear-gradient(180deg, #0f1c2d, #0a223c); color:#e7eef7; padding:56px 0}
.cta-inner{display:grid; gap:22px; grid-template-columns:1.1fr .9fr; align-items:start}
@media (max-width: 980px){.cta-inner{grid-template-columns:1fr}}
.form-card.card, .form-card{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius); padding:22px}
.inline-form{display:flex; gap:10px}
.inline-form input{flex:1; padding:14px 16px; border-radius:var(--radius); border:1px solid #d0d8e8; font-size:16px}
.inline-form button{white-space:nowrap}
.guarantees{list-style:none; margin:0; padding:0; display:grid; gap:10px}
.guarantees li{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius); padding:12px 14px}

.faq{background:var(--paper); padding:56px 0}
.faq-list details{background:#fff; border:1px solid #e9eef7; border-radius:var(--radius); padding:14px 16px; margin-bottom:10px}
.faq-list summary{font-weight:700; cursor:pointer}

.footer{background:#06172a; color:#a7b9cf; padding:22px 0}
.footer-inner{display:flex; align-items:center; justify-content:space-between; gap:16px}
.footer a{color:#d4dfef; text-decoration:none}
.footer a:hover{text-decoration:underline}
.footer .links{display:flex; gap:14px; flex-wrap:wrap}
.center{text-align:center}
.small{font-size:13px; color:#c9d6e7}
.muted{color:var(--muted)}