/* Shared identity for both static experiences; legacy aliases preserve the engines. */
:root {
  --brand-navy: #14243B;
  --brand-gold: #D4B36A;
  --brand-gold-hover: #C4A052;
  --brand-gold-ink: #765B23;
  --brand-gold-soft: #F8F4EA;
  --brand-gps: #C83F49;
  --brand-gps-lit: #FF3B47;
  --brand-navy-deep: #0B1728;
  --brand-navy-lit: #22406B;
  --brand-gold-light: #E5CA8D;
  --brand-gold-edge: #A78648;
  --brand-navy-mid: #1C3350;
  --hero-surface: #12100E;
  --hero-text: #FFFFFF;
  --hero-gold-haze: color-mix(in srgb, var(--brand-gold) 38%, var(--hero-surface));
  --hero-header-haze: color-mix(in srgb, var(--brand-gold-light) 55%, var(--hero-surface));
  --brand-navy-glow: color-mix(in srgb, var(--brand-navy-lit) 68%, #FFFFFF);
  --gradient-brand: linear-gradient(150deg, var(--brand-navy-deep) 0%, var(--brand-navy) 18%, var(--brand-navy-mid) 42%, var(--brand-navy-lit) 70%, var(--brand-navy-glow) 100%);
  --gradient-offer: linear-gradient(135deg, var(--brand-navy-lit) 0%, var(--brand-navy) 48%, var(--brand-navy-deep) 100%);
  --gradient-gold: linear-gradient(112deg, var(--brand-gold-light) 0%, var(--brand-gold) 52%, var(--brand-gold-hover) 100%);
  --gradient-gold-hover: linear-gradient(112deg, var(--brand-gold-light) 0%, var(--brand-gold) 75%, var(--brand-gold-hover) 100%);
  --shadow-premium: 0 12px 32px color-mix(in srgb, var(--brand-navy) 10%, transparent);
  --shadow-action: 0 3px 0 color-mix(in srgb, var(--brand-gold-edge) 70%, transparent), 0 6px 16px color-mix(in srgb, var(--brand-navy-deep) 12%, transparent);
  --dark: var(--brand-navy);
  --bg: #FFFFFF;
  --soft: #F6F8FB;
  --ink: #18263A;
  --muted: #586577;
  --line: #E1E5EB;
  --blue: var(--brand-gold-ink);
  --blue2: #60491C;
  --blueSoft: var(--brand-gold-soft);
  --hl: var(--brand-gold);
}
h1,h2,h3,h4 { letter-spacing: 0; }
:focus-visible { outline: 3px solid var(--brand-gold-ink); outline-offset: 3px; }
input[type=checkbox],input[type=radio] { accent-color: var(--brand-gold-ink); }
.btn,.btn.green { background: var(--gradient-gold); color: var(--brand-navy-deep); box-shadow: var(--shadow-action); border-radius: 8px; transition: box-shadow .2s, background .2s; }
.btn:hover,.btn.green:hover { background: var(--gradient-gold-hover); }
.btn.sec,.btn.sec:hover { background: var(--bg); color: var(--ink); }
.btn.sec { box-shadow: none; }
.chip[aria-pressed=true],.nav button[aria-current=true] {
  background: var(--brand-gold); border-color: var(--brand-gold); color: var(--brand-navy);
}
.hero {
  background:
    radial-gradient(ellipse 66% 52% at -8% 106%, color-mix(in srgb, var(--brand-gold-light) 82%, transparent) 0%, color-mix(in srgb, var(--brand-gold) 42%, transparent) 28%, color-mix(in srgb, var(--brand-gold) 14%, transparent) 52%, transparent 76%),
    radial-gradient(ellipse 55% 40% at 92% -10%, color-mix(in srgb, var(--brand-gold-light) 16%, transparent), transparent 62%),
    var(--gradient-brand);
}
@media (max-width: 999px) {
  .hero {
    padding-bottom: 58px;
    background:
      radial-gradient(ellipse 100% 36% at -10% 105%, color-mix(in srgb, var(--brand-gold-light) 92%, transparent) 0%, color-mix(in srgb, var(--brand-gold) 66%, transparent) 24%, color-mix(in srgb, var(--brand-gold) 26%, transparent) 48%, transparent 72%),
      radial-gradient(ellipse 62% 22% at -16% 4%, color-mix(in srgb, var(--brand-gold) 70%, transparent) 0%, color-mix(in srgb, var(--brand-gold) 26%, transparent) 42%, transparent 74%),
      var(--gradient-brand);
  }
}
.offer,.big { background: var(--gradient-offer); }
.topbar,.top { background: var(--brand-navy-deep); border-bottom: 1px solid color-mix(in srgb, var(--brand-gold) 25%, transparent); }
.hero h1 { line-height: 1.15; }
.hero h1 span { color: var(--brand-gold-light); }
.kick { color: #fff; }
.hero h1 .rd { color: var(--brand-gps-lit); }
.offer { border: 1px solid color-mix(in srgb, var(--brand-gold) 35%, transparent); border-radius: 8px; box-shadow: var(--shadow-premium); }
.price { border: 1px solid var(--brand-gold); border-radius: 8px; box-shadow: var(--shadow-premium); }
.card,.c3,.shot { border-radius: 8px; }
.shot .sh { background: var(--gradient-offer); }
.guar { border-radius: 8px; }
.exbar { color: var(--ink); }
.topbar b,.brand b { display: inline-flex; align-items: center; gap: 8px; }
.topbar b::before,.brand b::before {
  content: ""; display: inline-block; flex: none; width: 17px; height: 34px;
  background: var(--brand-gps);
  clip-path: path("M8.45 0C3.77 0 0 3.77 0 8.45C0 13.91 8.45 22.1 8.45 22.1S16.9 13.91 16.9 8.45C16.9 3.77 13.13 0 8.45 0ZM8.45 4.55A3.9 3.9 0 1 1 8.45 12.35A3.9 3.9 0 1 1 8.45 4.55ZM7.15 24.7H9.75V27.95H7.15ZM7.15 30.55H9.75V33.8H7.15Z");
}
.ul li::before,.bonus b,.shot .sh i { color: var(--brand-gold); }
.guar { border-color: var(--brand-gold); background: var(--brand-gold-soft); }
.guar .sl { background: var(--brand-navy); color: var(--brand-gold); }
.video { background: var(--brand-navy); }
@media (prefers-reduced-motion: reduce) { .btn { transition: none; } }
@media print {
  #print .pt { color: var(--ink); }
  #print h1 { border-bottom: 3px solid var(--brand-gold); padding-bottom: 12px; }
}/* Hero identity v3: black + warm gold, matching approved mockup */
.topbar{background:radial-gradient(ellipse 22% 90% at 100% calc(100% - 19px),color-mix(in srgb,var(--brand-gold-light) 75%,transparent) 0%,color-mix(in srgb,var(--brand-gold) 30%,transparent) 40%,transparent 100%),var(--hero-surface);border-bottom:0;padding:14px 0 12px;position:relative}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand-gold) 55%,transparent) 60%,var(--brand-gold-light) 96%,transparent)}
.topbar b{font-size:15px;font-weight:800;line-height:1.15;display:inline-grid!important;grid-template-columns:auto 1fr;gap:0 11px;align-items:center;color:var(--hero-text)}.topbar b::before{grid-row:span 2}
.topbar b small{grid-column:2;font-size:11px;font-weight:400;color:#E9E4DA;line-height:1.2;margin-top:2px}
.topbar b::before{width:12.7px;height:25.4px;margin:0;transform:none;background:var(--brand-gps);clip-path:path("M6.34 0C2.83 0 0 2.83 0 6.34C0 10.43 6.34 16.58 6.34 16.58S12.68 10.43 12.68 6.34C12.68 2.83 9.85 0 6.34 0ZM6.34 3.41A2.93 2.93 0 1 1 6.34 9.26A2.93 2.93 0 1 1 6.34 3.41ZM5.36 18.53H7.31V20.96H5.36ZM5.36 22.91H7.31V25.35H5.36Z")}
.hero{background:radial-gradient(ellipse 30% 26% at 100% calc(-2% - 19px),color-mix(in srgb,var(--brand-gold-light) 55%,transparent) 0%,color-mix(in srgb,var(--brand-gold) 22%,transparent) 40%,transparent 100%),radial-gradient(ellipse 70% 45% at 100% -19px,color-mix(in srgb,var(--brand-gold) 10%,transparent),transparent 80%),var(--hero-surface)!important;padding:28px 0 36px!important;position:relative;overflow:hidden}

.hero::after{content:"";position:absolute;right:0;top:132px;width:160px;height:178px;background:url(road4.png) no-repeat center/100% 100%;mix-blend-mode:screen;pointer-events:none}
.hero-copy{position:relative;z-index:1}
.kick{text-transform:uppercase;letter-spacing:.28em;font-size:11px!important;font-weight:500!important;color:#D9D4CB!important;margin-bottom:14px!important}
.hero h1{font-size:37px;line-height:1.05;letter-spacing:-.03em;color:#fff}
.hero h1 span{color:#C79E58;display:block}
.hero .hook{font-size:21px;font-weight:700;color:#fff;margin:0 0 5px;letter-spacing:-.01em}
.hero .sub{color:#E9E4DA;font-size:18px;max-width:80%}
.hero .seal{font-size:13px;font-weight:700;color:#fff;border:1px solid rgba(34,160,107,.5);background:rgba(34,160,107,.16);border-radius:999px;padding:5px 11px}
.hero .seal::before{content:"";width:7px;height:7px;border-radius:50%;background:#2BC17E}
.byline{margin:20px 0 22px;font-size:14px;color:#E9E4DA}
.byline b{display:block;color:#fff;font-size:16px}
.byline img{width:76px!important;height:76px!important;object-position:center top;border:0;border-radius:50%}
.calc{background:#FBFAF7;border-radius:24px;border:2px solid #fff;position:relative;z-index:1}
.calc .prog{height:6px}.calc .prog i{background:var(--gradient-gold)}
.calc .again{color:var(--ink)}
.calc .q{color:var(--brand-navy-deep);font-size:23px}
.calc .inp{background:#fff}
.calc .btn{background:#E8BE57;color:#12100E;border-radius:14px;box-shadow:none;font-size:18px}
@media (min-width:1000px){.hero::after{right:4%;top:160px;width:300px;height:333px}.hero h1{font-size:56px}.hero .hook{font-size:26px}}
.topbar b::before{width:16.9px;height:33.8px;clip-path:path("M8.45 0C3.77 0 0 3.77 0 8.45C0 13.91 8.45 22.1 8.45 22.1S16.9 13.91 16.9 8.45C16.9 3.77 13.13 0 8.45 0ZM8.45 4.55A3.9 3.9 0 1 1 8.45 12.35A3.9 3.9 0 1 1 8.45 4.55ZM7.15 24.7H9.75V27.95H7.15ZM7.15 30.55H9.75V33.8H7.15Z")}