/* Guest funnel pages (/guest, /guest/spotlight, /guest/welcome, /challenge, /guest-terms, /privacy).
   Brand tokens copied from terms.html — keep in sync with the landing page. */
:root{
  --ink:#004388; --ink-2:#0A4E96; --paper:#F4F6FA; --paper-2:#FFFFFF;
  --line:#E1E7F0; --text:#141A22; --muted:#57616E;
  --on-dark:#EAF1FA; --on-dark-mut:#A9C1DD;
  --gold:#E80200; --gold-deep:#B00200; --ok:#0F7A3D; --radius:14px; --maxw:1180px;
  --dots:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1.5px);
  --hero-mesh:radial-gradient(72% 82% at 116% 58%,#2C87F2 0%,transparent 50%),radial-gradient(64% 72% at 96% 106%,#0F62D4 0%,transparent 55%),radial-gradient(96% 96% at 0% 116%,#0A46A4 0%,transparent 55%),radial-gradient(120% 120% at 4% -18%,#05306F 0%,transparent 52%),linear-gradient(145deg,#000C22 0%,#001A48 46%,#00337A 100%);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Archivo',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.narrow{max-width:760px;margin:0 auto}
a{color:var(--gold-deep)}
.skip-link{position:absolute;left:12px;top:-60px;z-index:1000;background:#fff;color:#004388;padding:10px 16px;border-radius:8px;font-weight:700;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.skip-link:focus{top:12px}

.chyron{display:inline-flex;align-items:center;gap:9px;font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--on-dark-mut)}
.chyron::before{content:"";width:26px;height:11px;background:var(--gold);display:inline-block;flex:none;border-radius:1px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:#fff;border:0;cursor:pointer;font-family:inherit;
  font-weight:800;font-size:1rem;padding:14px 26px;border-radius:10px;text-decoration:none;transition:transform .18s ease,background .18s ease,opacity .18s;box-shadow:0 6px 18px rgba(232,2,0,.3);text-align:center}
.btn:hover{background:var(--gold-deep);transform:translateY(-2px);color:#fff}
.btn[disabled],.btn.is-off{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.btn-sm{font-size:.92rem;padding:11px 22px}
.btn-block{width:100%}
.btn-plain{background:none;border:0;color:var(--muted);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer;padding:10px}
.btn-plain:hover{color:var(--text)}

header.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:58px;gap:12px}
.brand-slot img{height:38px;width:auto;display:block}

.title{background-color:#002456;background-image:var(--grain),var(--dots),var(--hero-mesh);background-size:170px 170px,27px 27px,cover,cover,cover,cover,cover;
  background-blend-mode:soft-light,normal,normal,normal,normal,normal,normal;color:var(--on-dark)}
/* Slim title band (Mike, Oct 14: no wide banners or tall header bars) */
.title .wrap{padding:26px 24px 24px}
.title h1{font-family:'Montserrat',sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(1.5rem,3.6vw,2.3rem);line-height:1.08;letter-spacing:-.01em;margin:8px 0 8px}
.title .meta{color:var(--on-dark-mut);max-width:62ch;font-size:1.05rem}
.title .meta strong{color:var(--on-dark)}

main{padding:28px 0 64px}
.card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:0 10px 30px rgba(0,35,78,.06)}
.card + .card{margin-top:24px}
.card h2{font-family:'Montserrat',sans-serif;font-weight:900;text-transform:uppercase;font-size:1.35rem;letter-spacing:-.005em;margin-bottom:8px}
.card .sub{color:var(--muted);margin-bottom:20px}
.step-n{display:inline-block;font-family:'Anton',sans-serif;color:var(--gold-deep);margin-right:8px}

/* form */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.grid2 .field{margin-bottom:0}
.field label,.field .lbl{font-weight:700;font-size:.92rem}
.field .hint{color:var(--muted);font-size:.84rem;font-weight:400}
input[type=text],input[type=email],input[type=tel],input[type=url],select,textarea{width:100%;font:inherit;font-size:1rem;color:var(--text);background:#fff;border:1.5px solid #CBD5E3;border-radius:10px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 14px) 52%;background-size:6px 6px;background-repeat:no-repeat;padding-right:38px}
textarea{min-height:88px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(0,67,136,.15)}
.invalid input,.invalid select,.invalid textarea{border-color:var(--gold)}
.err{color:var(--gold-deep);font-size:.85rem;font-weight:600;min-height:0}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
fieldset{border:0}
.consent{border-top:1px solid var(--line);margin-top:8px;padding-top:20px}
.check{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;font-size:.92rem;line-height:1.5}
.check input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--ink)}
.check .lines span{display:block}
.disclosure{color:var(--muted);font-size:.86rem;margin-top:18px;text-align:center}
.form-msg{margin-top:14px;font-weight:700;color:var(--gold-deep)}
.free-pill{display:inline-block;background:rgba(232,2,0,.12);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:6px}

/* offer */
.video{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#0B1B33;margin-bottom:24px}
.video iframe,.video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--on-dark-mut);border:2px dashed rgba(255,255,255,.25);border-radius:var(--radius)}
.video-ph span{font-size:2.2rem;color:#fff;opacity:.8}
.video-ph p{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
.confirm{display:flex;gap:14px;align-items:flex-start;background:#EAF6EF;border:1px solid #BFE3CC;border-radius:var(--radius);padding:18px 20px;margin-bottom:24px}
.confirm .tick{flex:none;width:28px;height:28px;border-radius:50%;background:var(--ok);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}
.confirm p{margin:0}
.price{display:flex;align-items:baseline;gap:10px;margin:6px 0 18px}
.price b{font-family:'Anton',sans-serif;font-size:2.6rem;color:var(--ink);font-weight:400;line-height:1}
.price span{color:var(--muted)}
ul.ticks{list-style:none;margin:0 0 20px}
ul.ticks li{position:relative;padding-left:30px;margin:10px 0}
ul.ticks li::before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:4px;background:var(--gold)}
ul.ticks li::after{content:"";position:absolute;left:5px;top:8px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.guarantee{display:flex;gap:14px;align-items:center;background:var(--ink);color:var(--on-dark);border-radius:var(--radius);padding:16px 20px;margin:20px 0}
.guarantee b{font-family:'Anton',sans-serif;font-size:1.6rem;color:#fff;font-weight:400;flex:none}
.small{font-size:.86rem;color:var(--muted)}
.actions{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:18px}
.notice{background:#FFF6E5;border:1px solid #F3D9A4;border-radius:10px;padding:12px 16px;margin-bottom:18px;font-size:.92rem}

/* hero lines: the audience line on /guest, the first line under the h1 elsewhere */
.title .meta.audience,.title .meta.lead-in{color:#fff;font-weight:700;font-size:1.2rem;margin-bottom:8px}

/* the Authority Spotlight offer (/guest/spotlight) */
.kicker{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:6px}
.offer h2{font-size:1.6rem}
.offer-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:start;margin-top:6px}
.offer-h3{font-family:'Montserrat',sans-serif;font-weight:900;text-transform:uppercase;font-size:1rem;letter-spacing:.02em;color:var(--ink);margin-bottom:6px}
ol.get-list{list-style:none;counter-reset:g;margin:0}
ol.get-list li{counter-increment:g;position:relative;padding:12px 0 12px 46px;border-bottom:1px solid var(--line)}
ol.get-list li:last-child{border-bottom:0}
ol.get-list li::before{content:counter(g);position:absolute;left:0;top:12px;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.95rem}
ol.get-list strong{color:var(--text)}
.delivery{margin-top:12px;font-weight:700;color:var(--ink)}
.guarantee-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:6px;background:var(--ink);color:var(--on-dark);border-radius:var(--radius);padding:22px 20px;text-align:center;box-shadow:0 10px 26px rgba(0,35,78,.18)}
.guarantee-side b{font-family:'Anton',sans-serif;font-size:2.4rem;line-height:1;color:#fff;font-weight:400}
.guarantee-side strong{font-size:1rem;color:#fff;text-transform:uppercase;letter-spacing:.06em}
.guarantee-side span{font-size:.9rem;color:var(--on-dark-mut)}
.btn-lg{font-size:1.1rem;padding:17px 26px}

/* booking calendar (GHL widget), shown once the guest release is ticked */
.booking-frame{width:100%;min-height:760px;border:0;overflow:hidden;display:block;margin-top:12px;border-radius:10px;background:#fff}

/* steps */
ol.steps{list-style:none;counter-reset:s}
ol.steps > li{counter-increment:s;position:relative;padding-left:52px;margin-bottom:26px}
ol.steps > li::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
ol.steps h3{font-size:1.1rem;font-weight:800;margin-bottom:4px}
.book-box{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px;margin-top:12px}

/* legal placeholder */
.placeholder-note{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:28px;font-size:1.05rem}

/* legal pages (/guest-terms, /content-policy, /privacy) */
.legal-body{font-size:1rem;line-height:1.7}
.legal-body h2{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.2rem;letter-spacing:-.005em;color:var(--ink);margin:34px 0 10px;padding-top:24px;border-top:1px solid var(--line)}
.legal-body h2:first-child{margin-top:0;padding-top:0;border-top:0}
.legal-body p{margin:0 0 14px}
.legal-body ul,.legal-body ol{margin:0 0 16px;padding-left:24px}
.legal-body li{margin:6px 0}
.legal-body a{overflow-wrap:anywhere}

/* the line under every form: Terms and Conditions · Privacy Policy */
.form-legal{text-align:center;font-size:.86rem;color:var(--muted);margin-top:12px}

footer{background-color:#002A52;background-image:var(--grain);background-size:170px 170px;background-blend-mode:soft-light;color:var(--on-dark-mut);padding:36px 0}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
footer .mark{font-family:'Anton',sans-serif;text-transform:uppercase;color:var(--on-dark);font-size:1.2rem;letter-spacing:.04em}
footer a{color:var(--on-dark-mut);text-decoration:none}
footer a:hover{color:var(--gold)}
footer .legal{font-size:.85rem}

@media(max-width:640px){
  .wrap{padding:0 16px}
  .title .wrap{padding:20px 16px 18px}
  .grid2{grid-template-columns:1fr}
  .card{padding:22px 18px}
  .offer-grid{grid-template-columns:1fr}
  .guarantee-side{position:static}
  .booking-frame{min-height:900px}
  footer .wrap{flex-direction:column;align-items:flex-start}
}


/* ═══ Guest journey v5 ═══════════════════════════════════════════════════ */
.title .meta.lead-in{font-size:1.05rem;margin-bottom:2px}
.title .chyron{font-size:.68rem}

/* Spotlight: the high-energy headline bar */
.offer-bar{background:linear-gradient(90deg,#FFD400,#FFB800);color:#1A1200;text-align:center;border-bottom:3px solid #E80200}
.offer-bar .wrap{padding:12px 24px}
.offer-bar strong{display:block;font-family:'Montserrat',sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(1.05rem,3vw,1.6rem);line-height:1.15}
.offer-bar span{display:block;font-weight:700;font-size:.95rem;margin-top:3px}
.sales-head{text-align:center;max-width:760px;margin:0 auto 18px}
.sales-head h1{font-family:'Montserrat',sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(1.4rem,3.4vw,2.1rem);line-height:1.1;color:var(--ink);margin-bottom:6px}
.sales-head p{color:var(--muted);font-size:1.05rem}
.cta-stack{display:flex;flex-direction:column;align-items:center;gap:4px;margin:6px auto 0;max-width:560px}
.cta-stack .btn{width:100%}
.btn-xl{font-size:1.15rem;padding:18px 26px;border-radius:12px}
.cta-note{font-size:.86rem;color:var(--muted);text-align:center}
.decline{background:none;border:0;color:var(--muted);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer;padding:10px;font-size:.95rem}
.decline:hover,.decline:focus-visible{color:var(--text)}

/* Offer list with a visual per item */
.items{list-style:none;margin:28px 0 0;padding:0;counter-reset:it}
.item{counter-increment:it;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;align-items:center;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 10px 30px rgba(0,35,78,.06)}
.item + .item{margin-top:18px}
.item:nth-child(even) .item-copy{order:2}
.item-copy h3{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.2rem;line-height:1.2;color:var(--text);margin:6px 0 8px}
.item-copy h3::before{content:counter(it);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-size:.9rem;margin-right:10px;vertical-align:2px}
.item-copy p{color:#2B3442}
.item-visual{min-width:0}
.sample-tag{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:3px 9px;margin-bottom:8px}
.delivery-line{text-align:center;font-weight:800;color:var(--ink);margin:22px 0 0;font-size:1.05rem}

/* 1. episode player */
.player{background:linear-gradient(145deg,#000C22,#00337A);border-radius:14px;padding:18px;color:#fff;box-shadow:0 14px 30px rgba(0,35,78,.25)}
.player .art{display:flex;gap:14px;align-items:center}
.player .cover{flex:none;width:86px;height:86px;border-radius:10px;background:linear-gradient(135deg,#E80200,#7A0100);display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:'Anton',sans-serif;text-transform:uppercase;line-height:1;font-size:1.05rem;letter-spacing:.02em;text-align:center;padding:6px}
.player .cover small{font-family:'Archivo',sans-serif;font-size:.5rem;letter-spacing:.08em;margin-top:4px;opacity:.85}
.player .meta-l b{display:block;font-size:1rem}
.player .meta-l span{display:block;color:#A9C1DD;font-size:.82rem}
.player .bar{height:6px;background:rgba(255,255,255,.18);border-radius:3px;margin:16px 0 6px;position:relative}
.player .bar i{position:absolute;left:0;top:0;bottom:0;width:38%;background:#E80200;border-radius:3px}
.player .ctrl{display:flex;justify-content:space-between;color:#A9C1DD;font-size:.75rem}
.player .play{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px;font-size:1.1rem}
.player .play b{width:42px;height:42px;border-radius:50%;background:#fff;color:#002456;display:flex;align-items:center;justify-content:center}

/* 2. reels in phone frames */
.reel-wrap{background:#0B1B33;border-radius:16px;padding:16px 14px}
.reel-wrap .reel-label{color:#EAF1FA;font-weight:700;font-size:.85rem;text-align:center;margin-bottom:10px}
.reel-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px}
.phone{flex:0 0 auto;width:150px;scroll-snap-align:center;position:relative;border-radius:26px;background:linear-gradient(160deg,#15181c,#000);padding:7px;border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 30px rgba(0,0,0,.45)}
.phone .screen{position:relative;border-radius:19px;overflow:hidden;aspect-ratio:9/16;background:#000}
.phone .screen iframe,.phone .screen video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.phone .island{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:44px;height:13px;background:#000;border-radius:8px;z-index:4}
.phone .slot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#A9C1DD;font-size:.72rem;padding:12px;border:1px dashed rgba(255,255,255,.25);border-radius:19px}
.reel-hint{color:#A9C1DD;font-size:.75rem;text-align:center}

/* 3. LinkedIn article + social post cards */
.written{display:grid;gap:10px}
.li-article{background:#fff;border:1px solid #D9DEE5;border-radius:10px;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.li-article .hero-img{height:86px;background:linear-gradient(120deg,#004388,#2C87F2 60%,#E80200)}
.li-article .body{padding:12px 14px}
.li-article .by{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#5E6875;margin-bottom:6px}
.li-article .by i{width:26px;height:26px;border-radius:50%;background:#C9D3E0;display:inline-block}
.li-article b{display:block;font-size:.98rem;line-height:1.25;color:#191919}
.li-article p{font-size:.78rem;color:#5E6875;margin-top:4px}
.li-article .tag{font-size:.66rem;color:#0A66C2;font-weight:700;margin-bottom:4px;display:block}
.posts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.post{background:#fff;border:1px solid #D9DEE5;border-radius:10px;padding:10px 12px;font-size:.76rem;color:#2B3442;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.post .who{display:flex;align-items:center;gap:6px;font-weight:700;color:#191919;margin-bottom:5px}
.post .who i{width:20px;height:20px;border-radius:50%;background:#C9D3E0;display:inline-block}
.post .net{margin-left:auto;font-size:.6rem;color:#5E6875;font-weight:600}

/* 4. Authority Snapshot samples */
.snaps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.snap{border-radius:8px;overflow:hidden;aspect-ratio:8.5/11;box-shadow:0 8px 20px rgba(0,35,78,.16);display:flex;flex-direction:column;font-size:.5rem;line-height:1.3}
.snap .top{padding:8px 8px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.snap .ph{flex:none;width:30px;height:30px;border-radius:50%;border:2px solid currentColor;background:rgba(255,255,255,.25)}
.snap .nm{font-weight:900;font-size:.72rem;letter-spacing:.02em;text-transform:uppercase}
.snap .rl{opacity:.8}
.snap .bd{flex:1;min-height:0;overflow:hidden;padding:6px 8px;display:flex;flex-direction:column;gap:4px}
.snap .ln{height:4px;border-radius:2px;opacity:.35;background:currentColor}
.snap .ln.s{width:70%}
.snap .tp{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}
.snap .tp em{font-style:normal;font-weight:700;border-radius:999px;padding:1px 5px;font-size:.45rem}
.snap .ft{flex:none;padding:5px 8px;font-weight:700;text-align:center;font-size:.45rem}
.snap.s1{background:#fff;color:#0B2545}.snap.s1 .top{background:#004388;color:#fff}.snap.s1 .tp em{background:#E8EEF7;color:#004388}.snap.s1 .ft{background:#E80200;color:#fff}
.snap.s2{background:#1C1C1E;color:#EDE6D6}.snap.s2 .top{background:#111;color:#E9C46A}.snap.s2 .tp em{background:#E9C46A;color:#1C1C1E}.snap.s2 .ft{background:#E9C46A;color:#111}
.snap.s3{background:#F3FAF8;color:#0E3B36}.snap.s3 .top{background:#0F766E;color:#fff}.snap.s3 .tp em{background:#CCEDE8;color:#0F766E}.snap.s3 .ft{background:#0E3B36;color:#fff}

/* 5. Authority Link page in a phone */
.link-phone{width:200px;margin:0 auto;border-radius:30px;background:linear-gradient(160deg,#15181c,#000);padding:8px;box-shadow:0 16px 34px rgba(0,35,78,.3)}
.link-phone .screen{border-radius:23px;overflow:hidden;background:linear-gradient(180deg,#002456,#004388 55%,#0A4E96);color:#fff;aspect-ratio:9/18;padding:26px 14px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.68rem;text-align:center}
.link-phone .ph{flex:none;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.25);border:2px solid #fff}
.link-phone b{font-size:.85rem}
.link-phone .url{opacity:.75;font-size:.6rem}
.link-phone .vid{width:100%;aspect-ratio:16/9;border-radius:8px;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;font-size:1rem;margin:4px 0}
.link-phone .lk{width:100%;background:#fff;color:#002456;border-radius:8px;padding:7px;font-weight:700}
.link-phone .lk.red{background:#E80200;color:#fff}
.link-phone .soc{display:flex;gap:6px;margin-top:auto}
.link-phone .soc i{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.35);display:inline-block}

/* 6. portal screenshot (sample account) */
.portal-shot{border-radius:10px;overflow:hidden;border:1px solid #D9DEE5;box-shadow:0 14px 30px rgba(0,35,78,.16);background:#F4F6FA;font-size:.62rem}
.portal-shot .chrome{background:#E7EBF1;padding:6px 8px;display:flex;gap:4px;align-items:center}
.portal-shot .chrome i{width:7px;height:7px;border-radius:50%;background:#C3CBD6;display:inline-block}
.portal-shot .chrome span{margin-left:8px;background:#fff;border-radius:4px;padding:2px 8px;color:#57616E;font-size:.55rem}
.portal-shot .app{display:grid;grid-template-columns:70px 1fr;min-height:170px}
.portal-shot nav{background:#002456;color:#A9C1DD;padding:8px 6px;display:flex;flex-direction:column;gap:6px}
.portal-shot nav b{color:#fff;font-size:.6rem}
.portal-shot nav span.on{color:#fff;font-weight:700}
.portal-shot .main{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.portal-shot .main h4{grid-column:1/-1;font-size:.75rem;color:#0B2545}
.portal-shot .tile{background:#fff;border:1px solid #E1E7F0;border-radius:6px;padding:7px}
.portal-shot .tile b{display:block;color:#0B2545;font-size:.62rem}
.portal-shot .tile span{color:#57616E;font-size:.55rem}
.portal-shot .tile .ok{color:#0F7A3D;font-weight:700}

/* Guarantee seal */
.seal-block{display:flex;gap:24px;align-items:center;background:#FFFDF5;border:2px solid #E9C46A;border-radius:var(--radius);padding:24px 28px;margin:28px 0}
.seal{flex:none;width:132px;height:132px;border-radius:50%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#3B2A00;
  background:radial-gradient(circle at 50% 45%,#FFE58A 0%,#F2C230 55%,#C99A12 100%);box-shadow:0 0 0 5px #fff,0 0 0 8px #D4A62A,0 10px 24px rgba(120,80,0,.35)}
.seal::before{content:"";position:absolute;inset:9px;border-radius:50%;border:2px dashed rgba(59,42,0,.45)}
.seal small{font-weight:900;font-size:.7rem;letter-spacing:.12em}
.seal b{font-family:'Anton',sans-serif;font-size:2.1rem;line-height:1;font-weight:400}
.seal span{font-weight:900;font-size:.56rem;letter-spacing:.06em;line-height:1.2;max-width:96px}
.seal-copy h3{font-family:'Montserrat',sans-serif;font-weight:900;text-transform:uppercase;font-size:1.05rem;color:#3B2A00;margin-bottom:6px}
.seal-copy p{color:#3F3A2E}
.seal.sm{width:84px;height:84px;box-shadow:0 0 0 3px #fff,0 0 0 5px #D4A62A}
.seal.sm::before{inset:6px}
.seal.sm b{font-size:1.3rem}.seal.sm small{font-size:.5rem}.seal.sm span{font-size:.4rem;max-width:64px}

/* Checkout */
.checkout{background:var(--paper-2);border:2px solid var(--ink);border-radius:var(--radius);padding:28px;box-shadow:0 14px 36px rgba(0,35,78,.12);margin-top:28px;scroll-margin-top:72px}
.checkout h2{font-family:'Montserrat',sans-serif;font-weight:900;text-transform:uppercase;font-size:1.35rem;color:var(--ink);text-align:center;margin-bottom:14px}
.order{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--paper)}
.order .what{flex:1}
.order .what b{display:block;font-size:1.05rem}
.order .what span{color:var(--muted);font-size:.9rem}
.order .amt{font-family:'Anton',sans-serif;font-size:1.8rem;color:var(--ink);line-height:1}
.terms-line{font-size:.86rem;color:var(--muted);text-align:center;margin:12px 0 4px}
#stripe-slot{margin-top:16px;min-height:0}
.who-box{margin-top:14px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px}
.who-box .row{display:flex;gap:10px;flex-wrap:wrap}
.who-box input{flex:1 1 220px}
.secure{display:flex;justify-content:center;gap:6px;align-items:center;color:var(--muted);font-size:.8rem;margin-top:8px}

/* Next steps (welcome / all-set) */
ol.next{list-style:none;counter-reset:n;margin:6px 0 0}
ol.next > li{counter-increment:n;position:relative;padding:14px 0 14px 54px;border-bottom:1px solid var(--line)}
ol.next > li:last-child{border-bottom:0}
ol.next > li::before{content:counter(n);position:absolute;left:0;top:14px;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
ol.next h3{font-size:1.06rem;font-weight:800;margin-bottom:2px}
.soft-link{text-align:center;margin-top:22px;font-size:.98rem}

/* /podcast-prep checklist */
.prep h2{display:flex;align-items:center;gap:10px}
.prep h2 .ico{width:30px;height:30px;border-radius:8px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;flex:none}
ul.checklist{list-style:none;margin:6px 0 0}
ul.checklist li{border-bottom:1px solid var(--line)}
ul.checklist li:last-child{border-bottom:0}
ul.checklist label{display:flex;gap:12px;align-items:flex-start;padding:11px 0;cursor:pointer}
ul.checklist input{width:20px;height:20px;flex:none;margin-top:3px;accent-color:var(--ok)}
ul.checklist input:checked + span{color:var(--muted)}
ul.checklist input:checked + span strong{text-decoration:line-through;text-decoration-color:rgba(0,0,0,.3)}
.prep-progress{position:sticky;top:58px;z-index:5;background:var(--paper);padding:10px 0;font-weight:700;color:var(--ink);font-size:.92rem}
.prep-progress .track{height:8px;border-radius:4px;background:var(--line);margin-top:6px;overflow:hidden}
.prep-progress .track i{display:block;height:100%;width:0;background:var(--ok);transition:width .25s}
ol.timeline{list-style:none;counter-reset:t;margin:6px 0 0}
ol.timeline li{counter-increment:t;position:relative;padding:8px 0 8px 46px;margin-bottom:6px}
ol.timeline li::before{content:counter(t);position:absolute;left:0;top:6px;width:32px;height:32px;border-radius:50%;background:var(--gold);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}

@media(max-width:760px){
  .item{grid-template-columns:1fr;padding:20px 16px;gap:18px}
  .item:nth-child(even) .item-copy{order:0}
  .seal-block{flex-direction:column;text-align:center;padding:20px 16px}
  .checkout{padding:20px 14px}
  .offer-bar .wrap{padding:10px 16px}
  .posts{grid-template-columns:1fr}
}
@media(max-width:400px){.snaps{grid-template-columns:repeat(2,minmax(0,1fr))}.snaps .snap:nth-child(3){display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}

/* /challenge/vip visuals (Mike, Oct 16) */
.rec-tile .main{grid-template-columns:repeat(3,minmax(0,1fr))}
.rec-tile .main h4 small{font-weight:600;color:#0F7A3D;margin-left:6px}
.rec-thumb{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#002456,#0A4E96 60%,#2C87F2);color:#fff;display:flex;align-items:flex-end;padding:5px}
.rec-thumb::after{content:"\25B6";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.92);color:#002456;font-size:.5rem;display:flex;align-items:center;justify-content:center}
.rec-thumb b{font-size:.55rem;line-height:1.1;position:relative;z-index:1}
.rec-thumb.d2{background:linear-gradient(135deg,#3B0000,#B00200 60%,#E80200)}
.rec-thumb.d3{background:linear-gradient(135deg,#0E3B36,#0F766E)}
.rec-thumb.d4{background:linear-gradient(135deg,#1C1C1E,#5A4A1A 60%,#C99A12)}
.rec-thumb.d5{background:linear-gradient(135deg,#1A0B3B,#4B2A9A)}
.rec-tile .life{grid-column:1/-1;font-size:.55rem;color:#57616E}
.studio{background:#0B0D12;border-radius:14px;padding:12px;box-shadow:0 14px 30px rgba(0,0,0,.35);color:#fff}
.studio .top{display:flex;align-items:center;gap:8px;font-size:.7rem;color:#A9B3C2;margin-bottom:10px}
.studio .rec{display:inline-flex;align-items:center;gap:5px;color:#fff;font-weight:700}
.studio .rec i{width:8px;height:8px;border-radius:50%;background:#E80200;display:inline-block;box-shadow:0 0 0 3px rgba(232,2,0,.25)}
.studio .top span:last-child{margin-left:auto}
.studio .panes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.studio .pane{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:radial-gradient(80% 90% at 50% 100%,#2A3446,#141922);display:flex;align-items:flex-end;justify-content:center}
.studio .pane.you{background:radial-gradient(80% 90% at 50% 100%,#1D3E6E,#0B1B33);outline:2px solid #2C87F2}
.studio .person{width:46%;aspect-ratio:1/1.15;position:relative}
.studio .person::before{content:"";position:absolute;left:50%;top:0;width:52%;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);background:rgba(255,255,255,.22)}
.studio .person::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;border-radius:50% 50% 0 0;background:rgba(255,255,255,.16)}
.studio .tag{position:absolute;left:6px;bottom:6px;background:rgba(0,0,0,.55);border-radius:4px;padding:1px 6px;font-size:.6rem;font-weight:700}
.studio .ctrls{display:flex;justify-content:center;gap:8px;margin-top:10px}
.studio .ctrls i{width:22px;height:22px;border-radius:50%;background:#252B36;display:inline-block}
.studio .ctrls i.end{background:#E80200;width:34px;border-radius:11px}
.content-vis{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.linkqr{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap}
.linkqr .link-phone{margin:0}
.qr-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center;box-shadow:0 10px 24px rgba(0,35,78,.12);width:150px}
.qr-card svg{display:block;width:100%;height:auto}
.qr-card span{display:block;font-size:.66rem;font-weight:700;color:var(--ink);margin-top:6px}
.vip-trainings{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vt{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:linear-gradient(145deg,#000C22,#00337A);color:#fff;padding:10px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 20px rgba(0,35,78,.18)}
.vt small{font-weight:900;font-size:.58rem;letter-spacing:.14em;color:#FFD400}
.vt b{font-family:'Montserrat',sans-serif;font-weight:900;text-transform:uppercase;font-size:.78rem;line-height:1.15}
.vt em{font-style:normal;font-size:.6rem;color:#A9C1DD}
.vt::after{content:"\25B6";position:absolute;right:10px;bottom:10px;width:24px;height:24px;border-radius:50%;background:#E80200;font-size:.55rem;display:flex;align-items:center;justify-content:center}
.seal-vis{display:flex;justify-content:center;padding:14px 0}
.vip-closed{background:#FFF4F4;border:1px solid #F3C3C3;border-radius:12px;padding:16px;text-align:center;font-weight:700;color:#7A0100}
@media(max-width:400px){.studio .panes{grid-template-columns:1fr}.studio .pane.host{display:none}.rec-tile .main{grid-template-columns:repeat(2,minmax(0,1fr))}}