
:root{
  --navy:#0b1120; --navy-2:#0e1424; --gold:#E2C062; --ice:#A3E0FF;
  --ink:#0b0e16; --teal:#00D3A7; --coral:#FF7A59; --muted:#8aa2c0;
}
*{box-sizing:border-box}
html,body{margin:0;background:radial-gradient(1100px 500px at 20% -10%, #142449 0%, #0b1120 28%, #0b1120 100%);color:#fff;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,"Helvetica Neue",Arial,sans-serif}
a{color:var(--ice);text-decoration:none} a:hover{opacity:.92}
.wrap{max-width:1200px;margin:0 auto;padding:0 12px}
header{position:sticky;top:0;background:#0b1120f2;backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid #ffffff12;z-index:50}
.nav{display:flex;align-items:center;gap:14px;padding:8px 0}
.nav .brand{display:flex;align-items:center;gap:12px;color:#fff}
.nav .brand img{height:54px}
.nav .brand strong{font-size:1.6rem;letter-spacing:.3px;color:var(--gold)}
.nav .links{margin-left:auto;display:flex;gap:14px;font-weight:700}
button,.btn{background:linear-gradient(180deg,#1b2a4a,#15223f);border:1px solid #ffffff26;border-radius:10px;color:#fff;padding:10px 14px;font-weight:800;cursor:pointer}
.btn-gold{background:linear-gradient(180deg,#3a2b12,#2b200c);border-color:#4c3b17}
.btn-wide{width:100%;text-align:center;display:inline-block}
.hero{padding:26px 0 10px;text-align:center}
.hero h1{font-size:clamp(30px,5.2vw,56px);margin:6px 0;color:var(--gold);letter-spacing:.3px}
.hero .kicker{color:var(--ice);opacity:.92;margin:0}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}
.card{grid-column:span 12;background:linear-gradient(180deg,#0f1830,#0a142a);border:1px solid #ffffff1c;border-radius:12px;padding:10px}
@media(min-width:900px){ .card.halves{grid-column:span 6} }
.card h3{margin-top:0;color:var(--gold)}
section{margin:8px 0 14px}
ul.points{margin:8px 0 0 18px;line-height:1.4}
/* marquee ticker */
.ticker{position:relative;height:44px;overflow:hidden;margin:8px 0;border:1px solid #ffffff14;border-radius:10px;background:#091328}
.ticker .track{position:absolute;white-space:nowrap;will-change:transform;animation:marquee 30s linear infinite}
.ticker .chunk{display:inline-block;margin:0 34px;font-weight:900}
.ticker .chunk.gold{color:var(--gold)}
.ticker .chunk.ice{color:var(--ice)}
.ticker .chunk.white{color:#fff}
.ticker .chunk.teal{color:var(--teal)}
.ticker .chunk.coral{color:var(--coral)}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* forms */
.form-row{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:700px){.form-row{grid-template-columns:1fr 1fr}}
input,select,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #ffffff22;background:#0b1326;color:#fff}
label{font-size:.9rem;color:#cfe6ffb8}
small.help{color:#c7d4ff7a}
/* testimonials */
.testimonials{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}
.testimonials .quote{grid-column:span 12;border-left:4px solid var(--gold);padding:8px 12px;background:#0f1832;border-radius:8px}
/* footer */
footer{margin-top:20px;padding:16px 0;border-top:1px solid #ffffff14;text-align:center;opacity:.9}
/* utility */
.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}

/* ===== v17d4.16 adjustments ===== */
/* Bigger nav pill buttons and closer to logo */
.nav .links{margin-left:12px;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start}
.nav .links a{padding:8px 12px;border:1px solid #ffffff26;border-radius:9px;
  background:linear-gradient(180deg,#1a2746,#14213b);font-weight:800;font-size:1rem}
@media(min-width:1024px){ .nav .links a{font-size:1.08rem;padding:10px 14px} }
/* Hero CTA: rich gold and blink pulse */
.btn-gold{background:linear-gradient(180deg,#f6d888,#d2a84a);
  border-color:#b38a35;color:#111;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.cta-blink{animation:pulseGold 1.2s ease-in-out infinite;box-shadow:0 0 0 0 rgba(226,192,98,.7)}
@keyframes pulseGold{0%{box-shadow:0 0 0 0 rgba(226,192,98,.7)}70%{box-shadow:0 0 0 14px rgba(226,192,98,0)}100%{box-shadow:0 0 0 0 rgba(226,192,98,0)}}
