/* ============================================================
   cold.css — GOVLAUNCH direct offer page
   Scoped to .cold pages only. Does not affect corporate pages.
   Brand: navy #0F1E3D · navy2 #1B335C · warm #F7F6F2
          gray #7A7974 · ink #22262E · rule #D7D5CE
   No gold. No teal. No gradients. No accent underlines.
   ============================================================ */

.cold{--w:1080px;--nar:720px}
.cold .wide{max-width:var(--w);margin:0 auto;padding:0 28px}
.cold .nar{max-width:var(--nar);margin:0 auto;padding:0 28px}

/* ---------- reveal ---------- */
.cold .rv{opacity:0;transform:translateY(18px);
  transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.cold .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .cold .rv{opacity:1;transform:none;transition:none}
}

/* ---------- hero ---------- */
.chero{background:var(--navy);color:#fff;padding:76px 0 68px;position:relative}
.chero .eb{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;
  color:rgba(255,255,255,.62);margin-bottom:26px}
.chero h1{font-family:'Source Serif 4',Georgia,serif;color:#fff;font-weight:400;
  font-size:clamp(34px,6.1vw,68px);line-height:1.05;letter-spacing:-.022em;
  margin-bottom:26px;max-width:19ch}
.chero h1 b{font-weight:700}
.chero .sub{font-size:clamp(16px,1.9vw,19px);line-height:1.6;color:rgba(255,255,255,.8);
  max-width:52ch;margin-bottom:38px}
.chero .buy{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.chero .price{font-family:'Source Serif 4',Georgia,serif;font-size:44px;font-weight:700;
  color:#fff;line-height:1}
.chero .price span{font-family:'Inter',sans-serif;font-size:12px;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.58);
  display:block;margin-top:8px}
.chero .terms{font-size:12.5px;color:rgba(255,255,255,.55);margin-top:22px;line-height:1.6}

/* primary action */
.cbtn{display:inline-block;background:#fff;color:var(--navy);padding:19px 40px;
  font-weight:700;font-size:15.5px;letter-spacing:.01em;border:0;cursor:pointer;
  font-family:inherit;transition:transform .18s ease,background .18s ease;min-height:56px}
.cbtn:hover{background:var(--warm);transform:translateY(-2px)}
.cbtn.dk{background:var(--navy);color:#fff}
.cbtn.dk:hover{background:var(--navy2)}
.cbtn.ghost{background:transparent;color:var(--navy);border:1px solid var(--rule);
  font-weight:600}
.cbtn.ghost:hover{background:var(--warm);border-color:var(--navy);transform:none}

/* ---------- stat band ---------- */
.band{background:var(--warm);border-bottom:1px solid var(--rule);padding:52px 0}
.band .g{display:grid;grid-template-columns:1fr;gap:34px}
.band .s .n{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(40px,5.4vw,62px);
  font-weight:700;color:var(--navy);line-height:1;letter-spacing:-.025em;margin-bottom:12px}
.band .s .l{font-size:14px;line-height:1.55;color:var(--ink);font-weight:500;margin-bottom:6px}
.band .s .c{font-size:11.5px;color:var(--gray);line-height:1.5}
.band .s .c a{border-bottom:1px solid var(--rule)}
.band .s .c a:hover{color:var(--navy);border-color:var(--navy)}
@media (min-width:760px){ .band .g{grid-template-columns:repeat(3,1fr);gap:40px} }

/* ---------- generic section ---------- */
.cs{padding:72px 0}
.cs.tint{background:var(--warm);border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule)}
.cs .eb{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;
  color:var(--gray);margin-bottom:20px}
.cs h2{font-family:'Source Serif 4',Georgia,serif;font-weight:600;color:var(--navy);
  font-size:clamp(26px,3.5vw,40px);line-height:1.16;letter-spacing:-.016em;
  margin-bottom:24px;max-width:26ch}
.cs .lead{font-size:clamp(16px,1.8vw,18.5px);line-height:1.68;color:var(--ink);
  max-width:60ch;margin-bottom:18px}
.cs .lead:last-child{margin-bottom:0}
.cs .lead b{font-weight:600;color:var(--navy)}

/* pull statement */
.pull{background:var(--navy);color:#fff;padding:66px 0}
.pull p{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(22px,3.1vw,34px);
  line-height:1.32;font-weight:400;color:#fff;max-width:30ch;letter-spacing:-.012em}

/* ---------- reality list ---------- */
.real{list-style:none;margin-top:30px;border-top:1px solid var(--rule)}
.cs.tint .real{border-color:#CFCCC3}
.real li{padding:22px 0;border-bottom:1px solid var(--rule);display:grid;
  grid-template-columns:1fr;gap:6px}
.cs.tint .real li{border-color:#CFCCC3}
.real .t{font-size:16px;font-weight:600;color:var(--navy)}
.real .d{font-size:14.5px;line-height:1.62;color:var(--ink)}
.real .d a{border-bottom:1px solid var(--rule)}
.real .d a:hover{color:var(--navy);border-color:var(--navy)}
@media (min-width:820px){
  .real li{grid-template-columns:minmax(0,15.5rem) 1fr;gap:32px;align-items:start}
}

/* ---------- twelve sections grid ---------- */
.grid12{display:grid;grid-template-columns:1fr;gap:0;margin-top:34px;
  border-top:1px solid var(--rule)}
.grid12 .c{padding:20px 0;border-bottom:1px solid var(--rule);display:flex;gap:18px;
  align-items:baseline}
.grid12 .no{font-family:'Source Serif 4',Georgia,serif;font-size:15px;font-weight:700;
  color:var(--navy);opacity:.42;min-width:26px;font-variant-numeric:tabular-nums}
.grid12 .tt{font-size:15.5px;line-height:1.45;color:var(--ink);font-weight:500}
@media (min-width:800px){
  .grid12{grid-template-columns:1fr 1fr;column-gap:56px}
  .grid12 .c:nth-last-child(2){border-bottom:0}
  .grid12 .c:last-child{border-bottom:0}
}

/* ---------- offer card ---------- */
.offer{background:var(--navy);color:#fff;padding:76px 0}
.offer h2{color:#fff;font-family:'Source Serif 4',Georgia,serif;font-weight:600;
  font-size:clamp(26px,3.5vw,40px);line-height:1.16;margin-bottom:30px;letter-spacing:-.016em}
.offer .inc{list-style:none;margin:0 0 36px;border-top:1px solid rgba(255,255,255,.16)}
.offer .inc li{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.16);
  font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.86)}
.offer .inc li b{color:#fff;font-weight:600}
.offer .row{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.offer .pr{font-family:'Source Serif 4',Georgia,serif;font-size:52px;font-weight:700;
  line-height:1;color:#fff}
.offer .pr span{font-family:'Inter',sans-serif;font-size:12px;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.58);
  display:block;margin-top:9px}
.offer .fp{font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.55);margin-top:26px;
  max-width:58ch}

/* ---------- faq ---------- */
.faq{margin-top:34px;border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{padding:21px 0;font-size:16px;font-weight:600;color:var(--navy);
  cursor:pointer;list-style:none;display:flex;justify-content:space-between;
  align-items:center;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-family:'Inter',sans-serif;font-size:19px;font-weight:400;
  color:var(--gray);flex:0 0 auto;line-height:1}
.faq details[open] summary:after{content:"\2212"}
.faq .a{padding:0 0 22px;font-size:15px;line-height:1.68;color:var(--ink);max-width:62ch}
.faq .a a{border-bottom:1px solid var(--rule)}
.faq .a a:hover{color:var(--navy);border-color:var(--navy)}
.faq .a p{margin-bottom:12px}
.faq .a p:last-child{margin-bottom:0}

/* ---------- sticky mobile bar ---------- */
.sticky{position:fixed;left:0;right:0;bottom:0;background:var(--navy);
  border-top:1px solid rgba(255,255,255,.16);padding:12px 20px;z-index:60;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  transform:translateY(110%);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.sticky.on{transform:none}
.sticky .p{font-family:'Source Serif 4',Georgia,serif;font-size:21px;font-weight:700;color:#fff}
.sticky .p em{font-family:'Inter',sans-serif;font-style:normal;font-size:11.5px;
  font-weight:500;color:rgba(255,255,255,.6);display:block;letter-spacing:.06em}
.sticky .cbtn{padding:14px 24px;min-height:46px;font-size:14px}
@media (min-width:900px){ .sticky{display:none} }

/* ---------- hero facts column (desktop only) ---------- */
.chero .hgrid{display:block}
.hfacts{display:none}
@media (min-width:1080px){
  .chero .hgrid{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:64px;align-items:start}
  .hfacts{display:block;border-top:1px solid rgba(255,255,255,.22);margin-top:14px}
  .hfacts .f{border-bottom:1px solid rgba(255,255,255,.12);padding:17px 0}
  .hfacts .f .n{font-family:'Source Serif 4',Georgia,serif;font-size:27px;font-weight:700;
    color:#fff;line-height:1;letter-spacing:-.02em}
  .hfacts .f .t{font-size:12.5px;color:rgba(255,255,255,.62);margin-top:5px;line-height:1.45}
}

/* ---------- header on small screens ---------- */
@media (max-width:560px){
  .cold header .hbar{gap:14px}
  .cold .brand span{display:none}
  .cold header nav{display:flex;gap:18px;flex:0 0 auto}
}

/* ---------- footer tweak on cold pages ---------- */
.cold footer{max-width:var(--w);margin:0 auto;padding:36px 28px 92px}
@media (min-width:900px){ .cold footer{padding-bottom:48px} }