/* ===== self-hosted faces (#223) =====
   Served from /fonts on our own origin, not the Google CDN. Two reasons, and the second is the
   important one: the CDN is a third-party round trip on every page load, AND it hands the
   visitor's IP to Google - which on RODO-consented Polish pages is a disclosure these pages never
   asked permission for and have been fined over in the EU. Every family ships latin AND latin-ext:
   Polish a c e l n s z z live in U+0100-02BA, so a latin-only subset silently falls back to a
   system face mid-word. unicode-range means a browser still downloads only what it renders. */
@font-face{font-family:'Oswald';font-style:normal;font-weight:200 700;font-display:swap;src:url('/fonts/oswald-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Oswald';font-style:normal;font-weight:200 700;font-display:swap;src:url('/fonts/oswald-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/anton-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/anton-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/bebasneue-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/bebasneue-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/archivoblack-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/archivoblack-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ibmplexsans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ibmplexsans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/worksans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/worksans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* OFMAN offer pages - RESET lander design system.
   Near-black canvas, Anton display caps + IBM Plex Sans, blood red CTAs, distressed gold accents. */
:root{--bg:#0d0d0d;--bg2:#111;--bg3:#161616;--ink:#f0f0f0;--mut:#8a8a8a;--red:#c0121f;--red2:#dc1e2b;--gold:#c8a24a;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--sys);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.oswald,h1,h2,h3,.btn,.eyebrow,.chip{font-family:var(--display),sans-serif;text-transform:uppercase;letter-spacing:.04em}
section{padding:88px 24px;border-top:1px solid var(--line)}
.wrap{max-width:960px;margin:0 auto}
.eyebrow{color:var(--gold);font-size:13px;font-weight:600;letter-spacing:.22em;margin-bottom:14px}
h1{font-size:clamp(52px,9vw,110px);font-weight:700;line-height:.95;color:var(--gold);text-shadow:0 4px 30px rgba(0,0,0,.8)}
h1 .sub{display:block;font-size:clamp(20px,3vw,32px);color:#d9d9d9;margin-top:10px;font-weight:500;letter-spacing:.1em}
h2{font-size:clamp(28px,4.5vw,44px);font-weight:600;line-height:1.08;margin-bottom:18px}
h3{font-size:18px;font-weight:600;color:var(--gold);margin-bottom:8px}
p.lead{color:#cfcfcf;font-size:18px}
p.mut{color:var(--mut)}
.hero{min-height:92vh;display:flex;flex-direction:column;justify-content:center;text-align:center;border-top:none;position:relative;
  background:radial-gradient(ellipse 70% 55% at 50% 38%, #1a1608 0%, var(--bg) 65%)}
.hero .price{margin:26px 0 6px;font-family:var(--display);font-size:22px;color:#fff;letter-spacing:.08em}
.hero .price b{color:var(--gold);font-size:30px}
.hero .dur{color:var(--mut);font-size:14px;letter-spacing:.18em;text-transform:uppercase}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.btn{display:inline-block;background:var(--red);color:#fff;text-decoration:none;font-weight:600;font-size:15px;letter-spacing:.14em;
  padding:18px 42px;border-radius:4px;transition:background .15s, transform .15s}
.btn:hover{background:var(--red2);transform:translateY(-1px)}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.28)}
.btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.scrolldn{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);color:var(--mut);font-size:12px;letter-spacing:.3em;text-decoration:none;text-transform:uppercase}
.grid{display:grid;gap:16px;margin-top:34px}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--bg3);border:1px solid var(--line);border-radius:10px;padding:26px}
.card .n{font-family:var(--display);font-size:34px;color:var(--red2);font-weight:700;line-height:1;margin-bottom:10px}
.card p{color:#bdbdbd;font-size:15px}
ul.inc{list-style:none;margin-top:30px}
ul.inc li{padding:16px 0 16px 40px;border-bottom:1px solid var(--line);position:relative;color:#d6d6d6;font-size:16.5px}
ul.inc li::before{content:'✓';position:absolute;left:6px;top:14px;color:var(--gold);font-family:var(--display);font-size:20px}
.effect{background:linear-gradient(180deg,#15120a,var(--bg2));text-align:center}
.effect blockquote{font-family:var(--display);font-size:clamp(24px,4vw,38px);font-weight:500;line-height:1.25;color:#fff;max-width:840px;margin:0 auto}
.effect blockquote b{color:var(--gold)}
.ladder{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.ladder a{flex:1;min-width:150px;text-align:center;text-decoration:none;padding:18px 10px;border:1px solid var(--line);border-radius:8px;
  color:var(--mut);font-family:var(--display);letter-spacing:.08em;font-size:14px;text-transform:uppercase}
.ladder a small{display:block;font-family:var(--sys);text-transform:none;letter-spacing:0;font-size:12px;margin-top:5px}
.ladder a.now{border-color:var(--gold);color:var(--gold);background:rgba(200,162,74,.07)}
.ladder a:hover{border-color:#fff;color:#fff}
.steps{counter-reset:s;margin-top:34px;display:grid;gap:14px}
.step{background:var(--bg3);border:1px solid var(--line);border-radius:10px;padding:22px 24px 22px 76px;position:relative}
.step::before{counter-increment:s;content:counter(s);position:absolute;left:24px;top:20px;font-family:var(--display);font-size:30px;color:var(--red2);font-weight:700}
.step b{display:block;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;font-size:16px;margin-bottom:4px}
.step p{color:#bdbdbd;font-size:14.5px}
.dualcta{display:flex;gap:22px;justify-content:center;align-items:center;margin-top:48px;flex-wrap:wrap}
.dualcta a.next{color:var(--mut);text-decoration:none;font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-family:var(--display)}
.dualcta a.next:hover{color:#fff}
.rata{margin-top:26px;color:var(--mut);font-size:14px}
.rata b{color:var(--gold)}
footer{padding:44px 24px;text-align:center;color:#555;font-size:13px;border-top:1px solid var(--line)}
footer a{color:#777}
@media(max-width:640px){section{padding:64px 18px}.hero{min-height:86vh}}

/* ===== funnel additions: forms, quiz wizard, player, confirms ===== */
.field{margin-bottom:16px;text-align:left}
.field label{display:block;font-family:var(--display);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:8px}
.field input,.field select,.field textarea{width:100%;background:#0a0a0a;border:1px solid rgba(255,255,255,.16);border-radius:6px;color:#fff;
  padding:15px 16px;font-size:16px;font-family:var(--sys);transition:border-color .15s}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--gold)}
.phone-row{display:flex;gap:8px}
.phone-row .cc{flex:0 0 88px;background:#0a0a0a;border:1px solid rgba(255,255,255,.16);border-radius:6px;color:#cfcfcf;display:flex;align-items:center;justify-content:center;font-size:15px;gap:6px}
.consent{display:flex;gap:10px;align-items:flex-start;text-align:left;font-size:12.5px;color:var(--mut);margin:14px 0 18px;line-height:1.5}
.consent input{width:18px;height:18px;margin-top:1px;accent-color:var(--red)}
.formcard{background:var(--bg3);border:1px solid var(--line);border-radius:12px;padding:34px;max-width:560px;margin:0 auto}
.btnw{display:block;width:100%;background:var(--red);color:#fff;border:none;border-radius:5px;font-family:var(--display);text-transform:uppercase;
  letter-spacing:.14em;font-weight:600;font-size:16px;padding:18px;cursor:pointer;transition:background .15s}
.btnw:hover{background:var(--red2)}
.btnw:disabled{opacity:.6;cursor:default}
.fine{color:#666;font-size:12px;margin-top:12px}
/* confirm blocks */
.okwrap{text-align:center;padding:40px 20px}
.okwrap .big{font-family:var(--display);font-size:clamp(30px,5vw,48px);text-transform:uppercase;color:var(--gold);letter-spacing:.04em}
.okwrap p{color:#cfcfcf;margin-top:12px}
/* quiz wizard */
.quiz{max-width:640px;margin:0 auto;min-height:78vh;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}
.qprog{height:4px;background:rgba(255,255,255,.1);border-radius:2px;margin-bottom:34px;overflow:hidden}
.qprog i{display:block;height:100%;background:var(--gold);border-radius:2px;transition:width .25s}
.qstep{color:var(--mut);font-family:var(--display);font-size:12px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:12px}
.qq{font-family:var(--display);font-size:clamp(24px,4vw,36px);font-weight:600;text-transform:uppercase;line-height:1.12;margin-bottom:8px}
.qsub{color:var(--mut);font-size:14.5px;margin-bottom:26px}
.qopts{display:grid;gap:10px}
.qopt{background:var(--bg3);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:17px 20px;color:#e6e6e6;font-size:16px;
  cursor:pointer;text-align:left;transition:border-color .12s, background .12s;font-family:var(--sys)}
.qopt:hover{border-color:var(--gold);background:#191612}
.qopt.sel{border-color:var(--gold);background:#1c1810;color:var(--gold)}
.qopt small{display:block;color:var(--mut);font-size:12.5px;margin-top:3px}
.qgrid10{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.qgrid10 .qopt{text-align:center;padding:15px 0;font-family:var(--display);font-size:18px}
.qnav{display:flex;justify-content:space-between;align-items:center;margin-top:28px}
.qback{background:none;border:none;color:var(--mut);font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;font-size:12px;cursor:pointer;padding:10px 0}
.qback:hover{color:#fff}
.qnext{background:var(--red);color:#fff;border:none;border-radius:5px;font-family:var(--display);text-transform:uppercase;letter-spacing:.14em;font-size:14px;padding:14px 34px;cursor:pointer}
.qnext:hover{background:var(--red2)}
.qnext:disabled{opacity:.4;cursor:default}
textarea.qtext{width:100%;min-height:140px;background:#0a0a0a;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#fff;padding:16px;font-size:15.5px;font-family:var(--sys);line-height:1.6}
textarea.qtext:focus{outline:none;border-color:var(--gold)}
.qcount{color:var(--mut);font-size:12px;text-align:right;margin-top:6px}
/* VSL player skin */
.playerx{position:relative;aspect-ratio:16/9;width:100%;max-width:880px;margin:0 auto;background:
  radial-gradient(ellipse 60% 60% at 50% 40%, #1c1815 0%, #0a0a0a 75%);border:1px solid rgba(255,255,255,.12);border-radius:10px;
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.playerx .badge{position:absolute;top:14px;left:14px;font-family:var(--display);font-size:11px;letter-spacing:.2em;color:var(--gold);border:1px solid rgba(200,162,74,.4);padding:5px 10px;border-radius:3px}
.playerx .playbtn{width:86px;height:86px;border-radius:50%;background:var(--red);border:none;cursor:pointer;position:relative;transition:transform .15s, background .15s}
.playerx .playbtn:hover{transform:scale(1.06);background:var(--red2)}
.playerx .playbtn::after{content:'';position:absolute;left:34px;top:26px;border-left:26px solid #fff;border-top:17px solid transparent;border-bottom:17px solid transparent}
.playerx .dur{position:absolute;bottom:14px;right:16px;color:var(--mut);font-size:12px;font-family:var(--display);letter-spacing:.1em}
@media(max-width:640px){.formcard{padding:24px}.qgrid10{grid-template-columns:repeat(5,1fr)}}

/* ===== v7: conversion component library (structure modeled on a proven VIP-bridge page,
   branded gold/white for OFMAN instead of purple) ===== */
:root{--gold-lt:#e3c477;--gold-dp:#a67c2e;--ink-on-gold:#1a1408;
  --card-bg:rgba(255,255,255,.024);--card-bd:rgba(255,255,255,.08);--txt:#f5f7fa;
  --txt-62:rgba(245,247,250,.62);--txt-38:rgba(245,247,250,.38)}
.lp{max-width:560px;margin:0 auto;padding:26px 18px 0;text-align:center}
.lp-brand{display:flex;justify-content:center;margin-bottom:18px}
.lp-brand img{height:30px;opacity:.95}
/* status pills */
.pill-ok,.pill-warn{display:inline-flex;align-items:center;gap:7px;border-radius:999px;font-family:var(--sys);line-height:1.3}
.pill-ok{background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.22);color:rgba(255,255,255,.78);font-size:11.5px;padding:7px 13px}
.pill-ok b{color:#fff}
.pill-warn{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.22);color:rgba(255,200,200,.9);font-size:12.5px;padding:8px 14px}
/* headline block */
.lp-h1{font-family:var(--display);text-transform:uppercase;font-weight:600;font-size:clamp(28px,6.4vw,42px);line-height:1.06;letter-spacing:.01em;margin:18px 0 0;color:#fff}
.lp-h1 .acc,.acc{color:var(--gold)}
.lp-sub{color:var(--txt-62);font-size:15px;line-height:1.55;margin:12px 0 0}
.lp-sec-title{font-family:var(--display);text-transform:uppercase;font-weight:600;font-size:clamp(20px,4.4vw,26px);letter-spacing:.02em;color:#fff;text-align:center;margin:0 0 18px}
/* gold CTA with two-line label + arrow */
.cta-gold{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;
  background:linear-gradient(95deg,var(--gold-lt) 0%,var(--gold) 50%,var(--gold-dp) 100%);
  color:var(--ink-on-gold);text-decoration:none;border:none;border-radius:16px;padding:16px 24px;cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 10px 34px rgba(200,162,74,.26);transition:transform .12s,box-shadow .12s}
.cta-gold:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 14px 40px rgba(200,162,74,.36)}
.cta-gold .cmain{display:block;font-family:var(--display);text-transform:uppercase;font-weight:600;font-size:16px;letter-spacing:.06em}
.cta-gold .csub{display:block;font-family:var(--sys);font-size:11.5px;opacity:.72;margin-top:2px;letter-spacing:.02em}
.cta-gold svg{flex:0 0 auto}
.decline{display:inline-block;color:var(--txt-62);font-size:13px;text-decoration:none;margin-top:14px}
.decline:hover{color:#fff;text-decoration:underline}
/* guarantee copy box */
.guar-box{background:var(--card-bg);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:18px;color:var(--txt-62);font-size:13px;line-height:1.6;text-align:left;margin-top:18px}
.guar-box strong{color:var(--gold)}
/* benefit rows with gold check circles */
.benefits{display:grid;gap:16px;text-align:left;margin-top:6px}
.benefit{display:flex;gap:12px;align-items:flex-start}
.bchk{flex:0 0 20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--gold-lt),var(--gold-dp));
  display:flex;align-items:center;justify-content:center;margin-top:2px}
.bchk::after{content:'';width:9px;height:5px;border-left:2px solid #0a0a0a;border-bottom:2px solid #0a0a0a;transform:rotate(-45deg) translate(1px,-1px)}
.brow{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.btitle{font-family:var(--display);text-transform:uppercase;font-size:14.5px;letter-spacing:.04em;color:#fff}
.bval{font-family:var(--sys);font-size:12.5px;color:var(--gold);white-space:nowrap}
.bdesc{color:var(--txt-62);font-size:13.5px;line-height:1.55;margin-top:3px}
/* value stack table */
.stack{background:var(--card-bg);border:1px solid var(--card-bd);border-radius:20px;padding:22px 18px;margin-top:26px;text-align:left}
.stack-title{font-family:var(--display);text-transform:uppercase;font-size:17px;letter-spacing:.03em;text-align:center;color:#fff;margin-bottom:16px}
.srow{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:14px;color:var(--txt-62)}
.srow span:last-child{color:rgba(255,255,255,.85);font-variant-numeric:tabular-nums}
.sdiv{height:1px;background:rgba(255,255,255,.09);margin:12px 0}
.srow.total{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;color:#fff;font-size:15px}
.srow.total span:last-child{color:#fff}
.srow.invest{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-size:16px;color:#fff}
.srow.invest span:last-child{color:var(--gold)}
/* review cards (Trustpilot pattern) */
.rev-note{color:var(--txt-38);font-size:11.5px;text-align:center;margin:10px 0 22px}
.rev-note a{color:var(--txt-62)}
.rev{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}
.rev-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.rev-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold-lt),var(--gold-dp));color:#1a1408;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;flex:0 0 auto}
/* video-verified card with no supplied first name: a check instead of an initial, so six such
   cards do not all show the same letter */
.rev-av-anon{font-size:15px;letter-spacing:0}
.rev-av-anon+.rev-id .rev-name{font-size:13.5px}
.rev-id{display:flex;flex-direction:column;flex:1;min-width:0}
.rev-name{font-weight:600;font-size:14px;color:#fff}
.rev-meta{font-size:11.5px;color:var(--txt-38)}
.rev-date{font-size:11.5px;color:var(--txt-38)}
.stars{display:flex;gap:2px;margin-bottom:7px}
.stars i{width:15px;height:15px;background:#00b67a;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);display:block}
.rev-title{font-weight:600;font-size:14.5px;color:#fff;margin-bottom:5px}
.rev-body{color:var(--txt-62);font-size:13.5px;line-height:1.6}
.rev-ph{border:1px dashed rgba(200,162,74,.4);border-radius:12px;padding:16px;color:var(--gold);font-size:13px;text-align:center;background:rgba(200,162,74,.05)}
/* video testimonial: ▶ Watch pill on the card + fullscreen player */
.rev-play{flex:0 0 auto;border:1px solid rgba(200,162,74,.5);background:rgba(200,162,74,.12);color:var(--gold-lt);
  border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit}
.rev-play:hover{background:rgba(200,162,74,.22)}
#tvmo{position:fixed;inset:0;z-index:90;background:rgba(3,4,8,.86);backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;padding:18px}
.tv-box{position:relative;width:min(94vw,420px);max-height:92vh;display:flex;flex-direction:column}
.tv-box video{width:100%;max-height:80vh;border-radius:16px;background:#000;box-shadow:0 30px 80px -20px rgba(0,0,0,.8)}
.tv-name{text-align:center;color:#fff;font-weight:600;font-size:14px;margin-top:10px}
.tv-x{position:absolute;top:-14px;right:-14px;z-index:2;width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;
  background:#fff;color:#111;font-size:15px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.5)}
/* final urgency block */
.final{background:linear-gradient(180deg,rgba(200,162,74,.07),rgba(255,255,255,.02));border:1px solid rgba(200,162,74,.2);
  border-radius:20px;padding:28px 20px;margin-top:34px;text-align:center}
.final h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(20px,4.6vw,27px);color:#fff;letter-spacing:.02em;margin-bottom:8px}
.final p{color:var(--txt-62);font-size:13.5px;margin-bottom:20px}
/* money-back seal */
.seal{display:flex;align-items:center;justify-content:center;gap:12px;margin:26px 0 8px}
.seal-ring{width:56px;height:56px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);
  display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:16px;font-weight:600}
.seal-label{font-family:var(--display);text-transform:uppercase;font-size:12.5px;letter-spacing:.1em;color:var(--txt-62);line-height:1.4;text-align:left}
/* legal / footer */
.lp-foot{max-width:560px;margin:34px auto 0;padding:0 18px;text-align:center}
.lp-foot .links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;font-size:12px;color:var(--txt-38);padding:18px 0;border-top:1px solid rgba(255,255,255,.06)}
.lp-foot .links a{color:var(--txt-62);text-decoration:none}
.legal{max-width:760px;margin:0 auto;padding:30px 18px 60px;text-align:left}
.legal h4{font-family:var(--display);text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--txt-62);margin-bottom:14px}
.legal p{color:var(--txt-38);font-size:11.5px;line-height:1.75;margin-bottom:12px}
.legal .todo{color:var(--gold);border:1px dashed rgba(200,162,74,.35);border-radius:8px;padding:10px;font-size:11.5px}
.lp-gap{height:34px}
@media(max-width:520px){.lp{padding-top:18px}.cta-gold{padding:15px 18px}}

/* ===== Typography on .lp pages =====
   These pages used to run the generic startup-lander stack: the system/SF font, sentence case,
   tracking pulled tight, everything at weight 800. It is the house style of every template and
   it looks like nobody chose it. The funnel now speaks the
   same language as the guide and the offer pages: condensed caps for anything structural,
   IBM Plex Sans for everything you actually read. */
:root{--sys:'IBM Plex Sans',system-ui,sans-serif;
  --display:'Anton',Impact,'Haettenschweiler',sans-serif;
  --label:'IBM Plex Sans',system-ui,sans-serif}
.lp,.lp button,.lp input,.lp textarea{font-family:var(--sys)}
.lp .lp-h1{font-family:var(--display);text-transform:uppercase;font-weight:600;font-size:clamp(30px,6.8vw,44px);line-height:1.04;letter-spacing:.01em}
.lp .lp-sub{font-size:15.5px;letter-spacing:0;line-height:1.62}
.lp .lp-sec-title{font-family:var(--display);text-transform:none;font-weight:700;font-size:23px;letter-spacing:-.03em}
.lp .cta-gold .cmain{font-family:var(--display);text-transform:uppercase;font-weight:600;font-size:16.5px;letter-spacing:.06em}
.lp .cta-gold .csub{font-family:var(--sys);letter-spacing:0}
.lp .btitle{font-family:var(--display);text-transform:uppercase;font-weight:600;font-size:15px;letter-spacing:.045em}
.lp .stack-title{font-family:var(--display);text-transform:uppercase;font-weight:600;font-size:18px;letter-spacing:.05em}
.lp .srow.total,.lp .srow.invest{font-family:var(--display);text-transform:uppercase;font-weight:600;letter-spacing:.04em}
.lp .final h3{font-family:var(--sys);text-transform:none;font-weight:700;letter-spacing:-.02em;font-size:clamp(19px,4.4vw,24px)}
.lp .seal-ring{font-family:var(--sys);font-weight:700}
.lp .seal-label{font-family:var(--sys);text-transform:none;letter-spacing:0;font-size:12.5px}
.lp .field label{font-family:var(--sys);text-transform:none;letter-spacing:0;font-size:12.5px;color:var(--txt-62)}
.lp .btnw{font-family:var(--sys);text-transform:none;letter-spacing:-.01em;font-weight:600;font-size:16px;border-radius:16px;
  background:linear-gradient(95deg,var(--gold-lt) 0%,var(--gold) 50%,var(--gold-dp) 100%);color:var(--ink-on-gold);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 10px 34px rgba(200,162,74,.26)}
.lp .btnw:hover{background:linear-gradient(95deg,var(--gold-lt) 0%,var(--gold) 45%,var(--gold-dp) 100%)}
.lp .guar-box b{font-family:var(--sys) !important;text-transform:none !important;letter-spacing:0 !important;font-weight:700}
.legal h4{font-family:var(--sys);text-transform:uppercase;letter-spacing:.08em}

/* ===== v7.2: exact sign-up page clone components (LC anatomy, gold) ===== */
.lcp{max-width:680px;margin:0 auto;padding:36px 18px;text-align:center;font-family:var(--sys);min-height:88vh;display:flex;flex-direction:column;justify-content:center}
.lcp-brand img{height:34px;margin-bottom:22px}
.lcp-eyebrow{font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--txt-62);margin-bottom:16px}
.lcp-h1{font-family:var(--sys);font-size:clamp(24px,4.6vw,34px);font-weight:700;letter-spacing:-.03em;line-height:1.07;color:var(--txt);margin:0 0 14px}
.lcp-h1 .acc{color:var(--gold)}
.lcp-sub{font-size:15px;color:var(--txt-62);line-height:1.6;max-width:560px;margin:0 auto 22px}
.lcp-date{font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-38);margin-bottom:26px}
/* pill CTA with glow (their .lc-cta-gradient, gold) */
.pillcta{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(95deg,var(--gold-lt) 0%,var(--gold) 50%,var(--gold-dp) 100%);
  color:#0a0a0a;border:none;border-radius:999px;padding:17px 44px;font-family:var(--sys);font-size:17px;font-weight:600;letter-spacing:-.01em;
  text-decoration:none;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 24px 70px -14px rgba(200,162,74,.7);
  transition:transform .12s,box-shadow .12s}
.pillcta:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 28px 80px -14px rgba(200,162,74,.85)}
.pillcta.wfull{display:flex;width:100%}
.lcp-note{font-size:12px;color:var(--txt-38);margin-top:14px}
/* modal (their .lc-modal-overlay / .lc-modal) */
.mo{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:18px;
  background:rgba(3,4,8,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.mo.on{display:flex}
.mo-box{position:relative;width:100%;max-width:440px;background:#0b0c10;border:1px solid rgba(255,255,255,.14);border-radius:20px;
  padding:28px 18px 20px;box-shadow:0 40px 120px -24px rgba(0,0,0,.85);text-align:center;font-family:var(--sys)}
.mo-x{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--txt-38);cursor:pointer;padding:6px}
.mo-x:hover{color:#fff}
.mo-title{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.14;color:var(--txt);margin:4px 0 8px}
.mo-date{font-size:13px;color:var(--txt-62);margin-bottom:18px}
.mo-field{text-align:left;margin-bottom:12px}
.mo-field label{display:block;font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--txt-38);margin-bottom:6px}
.mo-input{width:100%;height:47px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-radius:12px;
  color:var(--txt);font-size:16px;font-family:var(--sys);padding:13px 14px;transition:border-color .12s}
.mo-input:focus{outline:none;border-color:var(--gold)}
.mo-phone{display:flex;align-items:center;position:relative}
.mo-cc{position:absolute;left:12px;display:flex;align-items:center;gap:6px;font-size:14px;color:var(--txt-62);pointer-events:none}
.mo-phone .mo-input{padding-left:74px}
.mo-fine{font-size:10.5px;color:var(--txt-38);line-height:1.55;text-align:left;margin-top:14px}
.mo-fine a{color:var(--txt-62)}
@media(max-width:480px){.pillcta{width:100%}.lcp{padding-top:26px}}
/* v7.2 fix: these headlines are Title Case, not caps (override the display base h1/h2 rule) */
.lcp-h1,.mo-title{text-transform:none}

/* ===== v9: bigger type on the registration page + real mobile optimization ===== */
.lcp{max-width:860px}
.lcp-brand img{height:40px;margin-bottom:26px}
.lcp-eyebrow{font-size:12.5px;margin-bottom:18px}
.lcp-h1{font-size:clamp(34px,5.8vw,58px);line-height:1.04;letter-spacing:-.03em;margin:0 auto 18px;max-width:860px}
.lcp-sub{font-size:clamp(16px,2.1vw,19px);max-width:660px;margin:0 auto 26px;line-height:1.6}
.lcp-date{font-size:12.5px;letter-spacing:.12em;margin-bottom:30px}
.pillcta{font-size:clamp(17px,2vw,20px);padding:20px 56px}
.lcp-note{font-size:13.5px;margin-top:16px}
/* modal: bigger + scroll-safe */
.mo-box{max-width:480px;padding:32px 22px 24px;max-height:92vh;overflow-y:auto}
.mo-title{font-size:clamp(22px,3.4vw,26px)}
.mo-date{font-size:14px}
.mo-input{height:52px;font-size:16px}
.mo-field label{font-size:12px}
/* phones */
@media(max-width:520px){
  .lcp{padding:22px 16px;min-height:86vh}
  .lcp-brand img{height:32px;margin-bottom:18px}
  .lcp-h1{font-size:clamp(30px,8.6vw,38px)}
  .lcp-sub{font-size:15.5px}
  .pillcta{width:100%;padding:18px 20px;font-size:17.5px}
  .mo{padding:10px}
  .mo-box{padding:26px 16px 18px;border-radius:16px}
  .mo-title{font-size:21px}
}

/* ===== v10: gold gradient backgrounds, heavier weights, readable contrast ===== */
/* layered gold glow on every page */
body{background:
  radial-gradient(58% 42% at 50% -6%, rgba(200,162,74,.16) 0%, rgba(200,162,74,0) 68%),
  radial-gradient(45% 34% at 88% 100%, rgba(200,162,74,.07) 0%, rgba(200,162,74,0) 70%),
  radial-gradient(40% 30% at 8% 72%, rgba(200,162,74,.05) 0%, rgba(200,162,74,0) 70%),
  #070707;
  background-attachment:fixed}
/* Weight is not the same as emphasis. Condensed caps already carry it, so 800 everywhere just
   made the page shout in one tone. Structure carries the emphasis now. */
.lcp-h1{font-weight:700}
.lp .mo-title,.final h3{font-weight:600}
.pillcta{font-weight:600}
.lp .btnw{font-weight:600;letter-spacing:.07em}
.btitle{font-weight:700}
.srow.total,.srow.invest{font-weight:800}
.rev-name,.rev-title{font-weight:700}
/* readability: lift the muted grays */
.lp-sub,.lcp-sub{color:rgba(245,247,250,.82)}
.bdesc{color:rgba(245,247,250,.74);font-size:14px}
.guar-box{color:rgba(245,247,250,.78);font-size:13.5px}
.srow{color:rgba(245,247,250,.78);font-size:14.5px}
.rev-body{color:rgba(245,247,250,.76)}
.lcp-note,.decline{color:rgba(245,247,250,.55)}
.lcp-eyebrow{color:rgba(245,247,250,.72)}
.lcp-date{color:rgba(245,247,250,.55)}
.mo-fine{color:rgba(245,247,250,.5)}
.pill-ok{color:rgba(255,255,255,.88)}
.pill-warn{color:rgba(255,210,210,.95)}
.final p{color:rgba(245,247,250,.75)}
.fine{color:rgba(245,247,250,.45)}
/* cards pick up a faint gold sheen so sections separate from the bg */
.guar-box,.stack,.mo-box,.formcard{background:linear-gradient(180deg,rgba(200,162,74,.05),rgba(255,255,255,.02));border-color:rgba(200,162,74,.16)}
.mo-box{background:linear-gradient(180deg,#12100b,#0b0c10)}
/* form + payment error text (was unstyled, so failures looked like body copy) */
.err{color:#ff6b6b;font-size:13px;line-height:1.5;margin-top:10px;min-height:18px}


/* ===== Type roles =====
   Anton is the display voice: headlines, numbers, anything meant to land. It is one heavy weight
   by design, so we never ask it for hierarchy it cannot give. Small structural text (eyebrows,
   field labels, buttons, nav) goes to Plex semibold caps, which stays legible at 11px where a
   condensed black face just fills in. */
.eyebrow,.chip,.btn,.btnw,.field label,.dualcta a.next,.ladder a,.ladder a small,
.doc-kicker,.lp .cta-gold .cmain,.lp .cta-gold .csub,.pillcta,.step b,.rev-name,.rev-meta,
.tg-item b,.bio-sep,.day .d{
  font-family:var(--label);font-weight:600}
.eyebrow,.chip,.btn,.btnw,.field label,.dualcta a.next,.doc-kicker,.lp .cta-gold .cmain,
.pillcta,.step b,.bio-sep,.day .d{letter-spacing:.1em}
/* Anton sits heavier and taller than Oswald, so headlines need air rather than tracking */
h1,h2,h3,.lp .lp-h1,.doc-h1,.lp-sec-title,.pullq{letter-spacing:.005em}
.lp .lp-h1{line-height:1.02}
.doc-h1{line-height:.96}

/* Anton ships ONE weight. Asking for 600 or 700 makes the browser synthesise the bold, which
   smears a face that is already heavy. Every display element is pinned to its real weight. */
h1,h2,h3,.lp .lp-h1,.doc-h1,.lp-sec-title,.pullq,.lp .btitle,.lp .stack-title,
.lp .srow.total,.lp .srow.invest,.card .n,.rule .n,.rule h2,.days h2,.proof h2,.audit h2,
.webi h2,.effect blockquote,.bio-name,.blink .t,.final h3,.mo-title,.hero .price{font-weight:400}


/* ===== ONE HEADLINE VOICE =====
   The webinar hero is the reference: IBM Plex Sans, sentence case, tight tracking. Every headline
   on every page now matches it, at bold. Small structural text (eyebrows, field labels, buttons)
   stays uppercase and tracked, exactly as it already is on that page. */
:root{--display:'IBM Plex Sans',system-ui,sans-serif}
h1,h2,h3,
.lp .lp-h1,.lcp-h1,.doc-h1,.lp-sec-title,.pullq,.lp .btitle,.lp .stack-title,
.rule h2,.days h2,.proof h2,.audit h2,.webi h2,.effect blockquote,
.bio-name,.blink .t,.final h3,.mo-title,.stack-title,.card .n,.rule .n,.hero .price,
.lp .srow.total,.lp .srow.invest,.qq{
  font-family:var(--display);
  font-weight:700;
  text-transform:none;
  letter-spacing:-.03em}
.lp .lp-h1,.doc-h1,.qq{line-height:1.06}
.pullq,.effect blockquote{line-height:1.2}
/* numerals read better without the negative tracking */
.card .n,.rule .n,.hero .price{letter-spacing:-.01em}

/* country picker inside the phone field */
.ccsel{background:transparent;border:none;color:var(--txt);font-size:14px;font-weight:600;padding:0 2px;cursor:pointer;outline:none}
.ccsel option{background:#141414;color:#fff}
.mo-cc .ccsel{color:var(--txt-62)}