/* Sales-funnel pages. Layout only. Color, type, buttons, forms, FAQ and footer come from the flagship CSS. */
.funnel{background:var(--navy);color:var(--on-navy)}
.funnel .nav{background:rgba(10,30,58,.95);box-shadow:0 4px 24px rgba(0,0,0,.25)}
.funnel .nav__cta{margin-left:auto}
.narrow{max-width:760px}
.mt-sm{margin-top:16px}
.mt-md{margin-top:28px}
.mt-lg{margin-top:36px}
.rate-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.faq-block{margin-top:18px}
.faq details p.slot{margin-top:0;margin-bottom:22px;color:var(--navy);background:var(--paper-2)}
.funnel-main{padding:calc(var(--nav-h) + 8px) 0 0}
.funnel-hero{padding:36px 0 28px}
.funnel-section{padding:72px 0}
.funnel-section--tight{padding-top:8px}
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,460px);gap:28px 48px;align-items:start}
.stack-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:16px}
.stack-list li{position:relative;padding:22px 22px 20px 68px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-panel);color:var(--slate)}
.stack-list li::before{content:attr(data-n);position:absolute;left:18px;top:24px;font:var(--fw-num) var(--fs-num)/1 var(--f-mono);letter-spacing:var(--ls-num);color:var(--gold-ink)}
.stack-list h3{margin:0 0 8px;font-size:22px;color:var(--navy)}
.stack-list p,.stack-list li p{margin:0;max-width:68ch;font-size:16px;line-height:1.55}
.stack-list .ticks{margin-top:12px}
.stack-list .ticks li{padding:0 0 0 22px;background:none;border:0;border-radius:0;color:var(--slate)}
.stack-list .ticks li::before{content:"";left:0;top:.55em;width:10px;height:2px;background:var(--gold);transform:rotate(-58deg);font:inherit;letter-spacing:0}
.price-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:28px}
.price-card{padding:24px 22px;border-radius:var(--r-panel)}
.price-card--std{background:var(--white);border:1px solid var(--line);color:var(--slate)}
.price-card--founder{color:var(--body-navy);background:radial-gradient(420px 220px at 100% 0%,rgba(22,64,122,.55),rgba(22,64,122,0) 70%),linear-gradient(180deg,#0D2547,#0A1E3A 72%)}
.price-card h3{margin:8px 0 0;font-size:clamp(28px,3vw,36px);line-height:1.1}
.price-card--std h3{color:var(--navy)}
.price-card--founder h3{color:#fff}
.price-card p{margin:12px 0 0;font-size:16px;line-height:1.5}
.price-card--founder .hud{color:var(--champ)}
.rate{width:100%;margin:22px 0 0;border-collapse:collapse;font-size:15px;line-height:1.45}
.rate caption{caption-side:top;text-align:left;padding:0 0 10px;font:600 16px/1.4 var(--f-ui);color:var(--navy)}
.rate th,.rate td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.rate th{font-weight:600;color:var(--navy)}
.rate td{color:var(--slate)}
.slot{margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--gold);border-radius:0 8px 8px 0;background:var(--paper-2);color:var(--navy);font:500 15px/1.45 var(--f-mono);overflow-wrap:anywhere}
.slot + .slot{margin-top:10px}
.media-slot{margin:22px 0 0}
.media-slot__frame{display:grid;place-items:center;min-height:220px;padding:28px 18px;aspect-ratio:16/9;border-radius:var(--r-panel);border:1px solid rgba(216,190,126,.35);background:radial-gradient(420px 220px at 50% 40%,rgba(22,64,122,.65),rgba(7,22,48,.2) 70%),rgba(7,22,48,.45)}
.media-slot__mark{width:54px;height:54px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(216,190,126,.55);color:var(--champ)}
.media-slot__mark svg{width:22px;height:22px}
.media-slot figcaption{margin-top:10px;font-size:14px;line-height:1.45;color:var(--fine-navy)}
.cal-slot{min-height:320px;padding:28px 18px;display:grid;align-content:center;gap:8px;border-radius:var(--r-panel);border:1px dashed rgba(216,190,126,.55);background:rgba(7,22,48,.45)}
.cal-slot p{margin:0}
.book-frame{width:100%;height:780px;border:0;border-radius:12px;background:#fff}
.ways{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:14px;counter-reset:way}
.ways li{position:relative;margin:0;padding:16px 18px 16px 58px;border-radius:var(--r-panel);background:rgba(7,22,48,.45);border:1px solid rgba(216,190,126,.28);color:var(--on-navy);font-size:16px;line-height:1.55;counter-increment:way}
.ways li::before{content:counter(way, decimal-leading-zero);position:absolute;left:16px;top:18px;font:var(--fw-num) var(--fs-num)/1 var(--f-mono);letter-spacing:var(--ls-num);color:var(--gold)}
.ways strong{color:var(--on-navy-hi)}
.funnel-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}
.funnel-cta .fine{margin:0;flex-basis:100%}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.proof-grid .slot{margin-top:0;min-height:120px}
.funnel .close__card{margin-top:0}
.funnel .close__card iframe{display:block;width:100%;max-width:100%;margin-top:16px}
/* Champagne eyebrows fail contrast on paper and white cards. Use the ink gold already used for paper numbers. */
.funnel .band--paper .hud,
.funnel .price-card--std .hud{color:var(--gold-ink)}
@media (max-width:860px){
  .split,.price-grid,.proof-grid{grid-template-columns:minmax(0,1fr)}
  .funnel-section{padding:56px 0}
  .funnel-section--tight{padding-top:8px}
  .funnel-hero{padding:28px 0 12px}
}
@media (max-width:760px){
  .stack-list li{padding:18px 16px 16px 52px}
  .stack-list li::before{left:14px;top:20px}
  .funnel-cta .btn{width:100%;white-space:normal;line-height:1.25;padding-top:12px;padding-bottom:12px;text-align:center}
  .rate{font-size:14px}
  .rate th,.rate td{padding:10px 8px}
  .media-slot__frame{min-height:180px;aspect-ratio:auto}
  .cal-slot{min-height:240px;padding:22px 14px}
  .book-frame{height:640px}
}