/* Karen D. \2014  Confidence brand system (v1, 2026-09-28)
   Cobalt = Karen's signature blue (podcast art, wardrobe). Gold = the smile. Ink = the straight talk. */
:root{
  --bg:#F0F2F5; --card:#FFFFFF; --ink:#0F1222; --ink-2:#3B4054; --muted:#6B7085; --line:#E1E4EC;
  --cobalt:#2143D6; --cobalt-deep:#12238A; --cobalt-soft:#E8ECFF; --sky:#19A6E0;
  --gold:#FFC53D; --gold-soft:#FFF4D6; --coral:#FF5A5F;
  --r:18px; --r-lg:28px; --shadow:0 1px 2px rgba(15,18,34,.06),0 8px 28px rgba(15,18,34,.07);
  --display:"Bricolage Grotesque",system-ui,sans-serif; --body:"Inter",system-ui,sans-serif; --hand:"Caveat",cursive;
  --wrap:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--cobalt)}
h1,h2,h3,h4{font-family:var(--display);line-height:1.05;letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:clamp(40px,6vw,76px);font-weight:800}
h2{font-size:clamp(32px,4.2vw,54px);font-weight:800}
h3{font-size:clamp(21px,2vw,26px);font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 13px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt);margin-bottom:18px}
.eyebrow:before{content:"";width:22px;height:3px;border-radius:3px;background:var(--gold)}
.hand{font-family:var(--hand);font-weight:700;color:var(--cobalt);font-size:28px;line-height:1.1}
.hl{background:linear-gradient(transparent 58%,var(--gold) 58%,var(--gold) 90%,transparent 90%);padding:0 .08em}
.blue{color:var(--cobalt)}
.section{padding:96px 0}
.section.tight{padding:64px 0}
.center{text-align:center}
.lede{font-size:20px;color:var(--ink-2);max-width:640px}
.center .lede{margin-left:auto;margin-right:auto}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 17px/1 var(--body);padding:18px 28px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.btn-primary{background:var(--cobalt);color:#fff;box-shadow:0 10px 24px rgba(33,67,214,.32)}
.btn-primary:hover{background:var(--cobalt-deep)}
.btn-gold{background:var(--gold);color:var(--ink);box-shadow:0 10px 24px rgba(255,197,61,.35)}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn-white{background:#fff;color:var(--cobalt-deep)}
.btn .arr{transition:transform .15s}.btn:hover .arr{transform:translateX(3px)}
.micro{font-size:14px;color:var(--muted);margin-top:12px}

/* Review bar (dev only) */
.review-bar{position:sticky;top:0;z-index:60;background:var(--ink);color:#fff;font:600 13px/1 var(--body);padding:9px 16px;display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}
.review-bar a{color:var(--gold);text-decoration:none}

/* Nav */
.nav{position:sticky;top:33px;z-index:50;background:rgba(240,242,245,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:18px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.logo .mark{width:42px;height:42px;border-radius:12px;background:var(--cobalt);color:#fff;display:grid;place-items:center;font:800 18px/1 var(--display);letter-spacing:-.04em}
.logo .word{font:800 21px/1 var(--display);letter-spacing:-.02em}
.logo .word small{display:block;font:600 10.5px/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.nav ul{display:flex;gap:22px;white-space:nowrap;list-style:none;margin:0;padding:0}
.nav ul a{color:var(--ink-2);text-decoration:none;font-weight:600;font-size:15px}
.nav ul a:hover{color:var(--cobalt)}
.nav .right{display:flex;align-items:center;gap:16px}
.nav .login{font-size:14px;font-weight:600;color:var(--ink-2);text-decoration:none}
.nav .btn{padding:13px 20px;font-size:15px;white-space:nowrap}
.menu-btn{display:none;background:none;border:0;font-size:26px;cursor:pointer;color:var(--ink)}
@media (max-width:1180px){.nav ul,.nav .login{display:none}.menu-btn{display:block}
  .nav.open ul{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:74px;background:#fff;padding:18px 24px;gap:16px;border-bottom:1px solid var(--line)}}
@media (max-width:560px){.nav .btn{display:none}}

/* Hero */
.hero{padding:56px 0 72px;position:relative}
.hero .grid{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center}
.hero h1 .strike{position:relative;white-space:nowrap;color:var(--muted)}
.hero h1 .strike:after{content:"";position:absolute;left:-4px;right:-4px;top:54%;height:7px;background:var(--coral);border-radius:4px;transform:rotate(-3deg)}
.hero .lede{margin:22px 0 30px}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero-proof{display:flex;gap:18px;align-items:center;margin-top:30px;font-size:14px;color:var(--ink-2)}
.hero-proof b{color:var(--ink)}
.stars{color:var(--gold);letter-spacing:2px}
.hero-art{position:relative}
.hero-photo{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#F3F3F3;aspect-ratio:690/785;box-shadow:var(--shadow)}
.hero-photo:before{content:"";position:absolute;inset:auto -30% -40% auto;width:90%;aspect-ratio:1;border-radius:50%;background:var(--cobalt);opacity:.12}
.hero-photo img{position:relative;width:100%;height:100%;object-fit:cover}
.score-float{position:absolute;left:-44px;bottom:38px;width:260px;background:#fff;border-radius:20px;padding:18px 18px 16px;box-shadow:0 18px 50px rgba(15,18,34,.18)}
.score-float .t{font:700 12px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.bar{margin:9px 0}.bar .l{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:5px}
.bar .track{height:8px;border-radius:8px;background:#EDEFF5;overflow:hidden}.bar .fill{height:100%;border-radius:8px;background:var(--cobalt)}
.bar.gap .fill{background:var(--coral)}
.note-float{position:absolute;right:-10px;top:26px;transform:rotate(4deg);background:var(--gold);padding:12px 16px;border-radius:14px;box-shadow:var(--shadow);max-width:200px}
.note-float .hand{color:var(--ink);font-size:24px}
@media (max-width:900px){.hero .grid{grid-template-columns:1fr}.hero-art{max-width:460px;margin:10px auto 0}.score-float{left:-8px;bottom:-24px;width:230px}.note-float{right:-6px}}

/* Media strip */
.media{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}
.media .wrap{display:flex;align-items:center;gap:28px}
.media .lab{flex:none;font:700 12px/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);max-width:110px}
.media img{width:100%;max-width:980px;mix-blend-mode:multiply;filter:grayscale(1) contrast(1.05);opacity:.75}
@media (max-width:700px){.media .wrap{flex-direction:column;gap:12px}.media .lab{max-width:none}}

/* Gap section */
.gap-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}
.bubbles{display:flex;flex-direction:column;gap:12px}
.bubble{background:#fff;border-radius:20px 20px 20px 6px;padding:14px 18px;box-shadow:var(--shadow);font-weight:600;max-width:420px;position:relative}
.bubble:nth-child(even){align-self:flex-end;border-radius:20px 20px 6px 20px;background:var(--cobalt);color:#fff}
.bubble small{display:block;font-weight:500;font-size:12px;opacity:.6;margin-top:3px}
.callout{background:var(--ink);color:#fff;border-radius:var(--r);padding:26px 28px;margin-top:26px;position:relative}
.callout .hand{color:var(--gold);font-size:30px}
.callout p{margin:.4em 0 0;color:#D8DBE8}
@media (max-width:900px){.gap-grid{grid-template-columns:1fr}}

/* Score section */
.score-sec{background:var(--cobalt);color:#fff;border-radius:40px;margin:0 16px;padding:88px 0;position:relative;overflow:hidden}
.score-sec:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;border:80px solid rgba(255,255,255,.06);right:-180px;top:-200px}
.score-sec .eyebrow{color:var(--gold)}
.score-sec h2{color:#fff}
.score-sec .lede{color:#D6DDFF}
.score-grid{display:grid;grid-template-columns:1fr 440px;gap:56px;align-items:center;position:relative}
.zones{display:grid;gap:14px;margin-top:28px}
.zone{display:flex;gap:16px;align-items:flex-start;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:16px 18px}
.zone .n{flex:none;width:38px;height:38px;border-radius:12px;background:var(--gold);color:var(--ink);display:grid;place-items:center;font:800 17px/1 var(--display)}
.zone b{display:block;font-size:17px}.zone span{font-size:15px;color:#D6DDFF}
.qcard{background:#fff;color:var(--ink);border-radius:26px;padding:30px;box-shadow:0 30px 70px rgba(5,12,60,.35)}
.qcard .meta{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.qcard .prog{height:6px;border-radius:6px;background:#EDEFF5;margin:12px 0 22px}.qcard .prog i{display:block;height:100%;width:8%;background:var(--cobalt);border-radius:6px}
.qcard h3{font-size:23px;margin-bottom:18px}
.likert{display:grid;gap:9px}
.likert a,.likert button{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;border:2px solid var(--line);background:#fff;border-radius:14px;padding:13px 16px;font:600 15px/1.2 var(--body);color:var(--ink);text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s}
.likert a:hover,.likert button:hover,.likert button.sel{border-color:var(--cobalt);background:var(--cobalt-soft)}
.likert a:after{content:"\2192 ";color:var(--cobalt)}
.qcard .micro{text-align:center}
@media (max-width:980px){.score-grid{grid-template-columns:1fr}.score-sec{margin:0 8px;border-radius:28px;padding:64px 0}}

/* Content hub */
.hub-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.tab{border:0;background:#fff;border-radius:999px;padding:11px 18px;font:600 14.5px/1 var(--body);color:var(--ink-2);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line)}
.tab[aria-selected=true]{background:var(--ink);color:#fff;box-shadow:none}
.tab:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;text-decoration:none;color:var(--ink);transition:transform .15s}
.card:hover{transform:translateY(-4px)}
.card .thumb{position:relative;aspect-ratio:16/9;background:#dfe3ee;overflow:hidden}
.card .thumb img{width:100%;height:100%;object-fit:cover}
.card .play{position:absolute;inset:0;display:grid;place-items:center}
.card .play i{width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;font-style:normal;color:var(--cobalt);font-size:18px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.card .body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.pill{align-self:flex-start;font:700 11.5px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:999px;background:var(--cobalt-soft);color:var(--cobalt)}
.pill.pressure{background:#FFE9EA;color:#C2262D}.pill.room{background:#E3F6FD;color:#07739F}.pill.say{background:var(--gold-soft);color:#8A5A00}.pill.clinic{background:#EFE8FF;color:#5B2BC2}.pill.pcast{background:#E9EEF7;color:var(--ink-2)}
.card h4{font:700 19px/1.25 var(--display);margin:0}
.card p{font-size:15px;color:var(--ink-2);margin:0}
.card .more{margin-top:auto;padding-top:8px;font-weight:700;font-size:14.5px;color:var(--cobalt)}
.card.text .thumb{display:flex;align-items:flex-end;padding:20px;color:#fff;background:var(--ink)}
.card.text .thumb.cob{background:linear-gradient(135deg,var(--cobalt),var(--cobalt-deep))}
.card.text .thumb.room{background:linear-gradient(135deg,#0B6E99,#12238A)}
.card.text .thumb .big{font:800 26px/1.05 var(--display);letter-spacing:-.02em}
.card.feature{grid-column:span 2;flex-direction:row}
.card.feature .thumb{flex:1.2;aspect-ratio:auto;min-height:300px}
.card.feature .thumb img{object-position:left center}
.card.feature .body{flex:1;padding:28px}
.card.feature h4{font-size:26px}
.card[hidden]{display:none}
@media (max-width:980px){.cards{grid-template-columns:1fr 1fr}.card.feature{grid-column:span 2}}
@media (max-width:640px){.cards,.speak{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -16px;padding:4px 16px 18px;scrollbar-width:none}
  .cards::-webkit-scrollbar,.speak::-webkit-scrollbar{display:none}
  .cards .card,.speak .card{flex:0 0 84%;scroll-snap-align:start}
  .card.feature{flex-direction:column}.card.feature .thumb{min-height:0;aspect-ratio:16/9;flex:none}.card.feature h4{font-size:19px}
  .swipe-hint{display:block!important}}
.swipe-hint{display:none;font-size:13px;color:var(--muted);font-weight:600;margin:-14px 0 8px}

/* Say This Instead */
.say-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.flip{display:block;width:100%;perspective:1200px;border:0;background:none;padding:0;cursor:pointer;text-align:left;font:inherit;color:inherit;min-height:220px}
.flip .inner{display:block;position:relative;width:100%;height:100%;min-height:220px;transition:transform .5s;transform-style:preserve-3d}
.flip.on .inner{transform:rotateY(180deg)}
.flip .face{position:absolute;inset:0;border-radius:var(--r);padding:24px;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}
.flip .front{background:#fff}
.flip .back{background:var(--cobalt);color:#fff;transform:rotateY(180deg)}
.flip .tag{font:700 12px/1 var(--body);letter-spacing:.1em;text-transform:uppercase}
.flip .front .tag{color:var(--coral)}.flip .back .tag{color:var(--gold)}
.flip q{display:block;font:700 22px/1.25 var(--display);quotes:"\201C " "\201D "}
.flip .front q{text-decoration:line-through;text-decoration-color:var(--coral);text-decoration-thickness:3px;color:var(--ink-2)}
.flip .why{display:block;font-size:14px;opacity:.85}
.flip .hint{font-size:13px;font-weight:700;color:var(--cobalt)}
.flip:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:var(--r)}
@media (max-width:900px){.say-grid{grid-template-columns:1fr}}

/* Tip strip */
.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tip{background:#fff;border-radius:var(--r);padding:26px;box-shadow:var(--shadow);border-top:5px solid var(--cobalt)}
.tip .k{font:800 44px/1 var(--display);color:var(--cobalt);letter-spacing:-.03em}
.tip h4{font:700 19px/1.2 var(--display);margin:10px 0 6px}
.tip p{font-size:15px;color:var(--ink-2);margin:0}
@media (max-width:900px){.tips{grid-template-columns:1fr}}

/* Podcast */
.pod{display:grid;grid-template-columns:360px 1fr;gap:48px;align-items:start;background:#fff;border-radius:32px;padding:44px;box-shadow:var(--shadow)}
.pod .art{border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.eps{list-style:none;margin:18px 0 0;padding:0}
.eps li{border-top:1px solid var(--line)}
.eps a{display:flex;gap:16px;align-items:center;padding:14px 0;text-decoration:none;color:var(--ink)}
.eps .pb{flex:none;width:40px;height:40px;border-radius:50%;background:var(--cobalt-soft);color:var(--cobalt);display:grid;place-items:center;font-size:14px}
.eps a:hover .pb{background:var(--cobalt);color:#fff}
.eps b{display:block;font-weight:650;font-size:16px;line-height:1.3}.eps span{font-size:13px;color:var(--muted)}
.listen{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.listen a{font:600 14px/1 var(--body);padding:11px 16px;border-radius:999px;background:var(--bg);text-decoration:none;color:var(--ink)}
@media (max-width:900px){.pod{grid-template-columns:1fr;padding:26px}.pod .art{max-width:280px}}

/* About */
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.about .ph{position:relative}
.about .ph img{border-radius:var(--r-lg);box-shadow:var(--shadow);width:100%}
.about .ph .hand{position:absolute;right:-14px;bottom:24px;background:#fff;padding:12px 16px;border-radius:14px;box-shadow:var(--shadow);transform:rotate(-3deg);font-size:26px}
.about blockquote{margin:22px 0;padding:0 0 0 20px;border-left:4px solid var(--gold);font:700 22px/1.35 var(--display)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.fact{background:#fff;border-radius:16px;padding:16px;box-shadow:var(--shadow)}
.fact b{display:block;font:800 26px/1 var(--display);color:var(--cobalt)}.fact span{font-size:13.5px;color:var(--ink-2)}
.clients{margin-top:22px;font-size:14px;color:var(--muted)}.clients b{color:var(--ink-2)}
@media (max-width:900px){.about{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:520px){.facts{grid-template-columns:1fr}}

/* Path / ladder */
.path{position:relative;display:grid;gap:16px;margin-top:40px}
.step{display:grid;grid-template-columns:72px 1fr auto;gap:22px;align-items:center;background:#fff;border-radius:22px;padding:22px 26px;box-shadow:var(--shadow)}
.step .num{width:56px;height:56px;border-radius:16px;background:var(--cobalt-soft);color:var(--cobalt);display:grid;place-items:center;font:800 22px/1 var(--display)}
.step h3{margin:0 0 4px}.step p{margin:0;color:var(--ink-2);font-size:15.5px}
.step .price{font:800 26px/1 var(--display);text-align:right}.step .price small{display:block;font:600 12.5px/1.3 var(--body);color:var(--muted);margin-top:4px}
.step .actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.step .btn{padding:13px 20px;font-size:15px}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.trio div{background:var(--bg);border-radius:14px;padding:14px}
.trio b{display:block;font-family:var(--display);font-size:17px;margin-bottom:4px}.trio span{font-size:13.5px;color:var(--ink-2)}
.step.flag{background:var(--ink);color:#fff;border:2px solid var(--gold)}
.step.flag .num{background:var(--gold);color:var(--ink)}.step.flag p{color:#C9CDDD}.step.flag .price small{color:#A9AFC6}
@media (max-width:820px){.step{grid-template-columns:1fr;gap:12px}.step .actions{align-items:flex-start}.step .price{text-align:left}.trio{grid-template-columns:1fr}}

/* Academy */
.academy{background:var(--ink);color:#fff;border-radius:40px;margin:0 16px;padding:92px 0;position:relative;overflow:hidden}
.academy:after{content:"";position:absolute;left:-120px;bottom:-220px;width:520px;height:520px;border-radius:50%;background:var(--cobalt);opacity:.35;filter:blur(40px)}
.academy .wrap{position:relative;z-index:1}
.academy .eyebrow{color:var(--gold)}
.academy h2{color:#fff;max-width:880px}
.academy .lede{color:#C9CDDD}
.ac-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;margin-top:40px;align-items:start}
.delivers{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.delivers div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px 18px}
.delivers b{display:block;font-family:var(--display);font-size:18px;color:#fff}.delivers span{font-size:14px;color:#AEB4CC}
.ac-card{background:#fff;color:var(--ink);border-radius:26px;padding:30px}
.ac-card .hand{font-size:27px}
.ac-card .pr{font:800 48px/1 var(--display);margin:12px 0 2px}.ac-card .pr small{font:600 16px var(--body);color:var(--muted)}
.ac-card ul{padding:0;margin:18px 0 22px;list-style:none;display:grid;gap:8px;font-size:15px}
.ac-card li:before{content:"\2713 ";color:var(--cobalt);font-weight:800;margin-right:9px}
.ac-card .btn{width:100%}
@media (max-width:900px){.ac-grid{grid-template-columns:1fr}.academy{margin:0 8px;border-radius:28px;padding:64px 0}.delivers{grid-template-columns:1fr}}

/* Retreat */
.retreat{position:relative;border-radius:36px;overflow:hidden;min-height:520px;display:flex;align-items:flex-end;color:#fff;
  background:radial-gradient(circle at 78% 26%,#FFD36E 0 9%,rgba(255,211,110,.0) 24%),linear-gradient(180deg,#FF8A5C 0%,#E2557A 38%,#5B2BC2 70%,#12238A 100%)}
.retreat .sea{position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,rgba(18,35,138,.2),#0B1450);clip-path:polygon(0 18%,20% 14%,40% 19%,60% 13%,80% 18%,100% 12%,100% 100%,0 100%)}
.retreat .inner{position:relative;padding:48px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;width:100%;align-items:end}
.retreat h2{color:#fff}
.qs{display:flex;flex-wrap:wrap;gap:8px}
.qs span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);padding:10px 14px;border-radius:999px;font-weight:600;font-size:14.5px}
.retreat .gap-tag{position:absolute;top:18px;right:18px;font-size:12px;background:rgba(0,0,0,.35);padding:6px 10px;border-radius:8px}
@media (max-width:900px){.retreat .inner{grid-template-columns:1fr;padding:28px}}

/* Quote + speaking */
.tq{background:#fff;border-radius:32px;padding:48px;box-shadow:var(--shadow);display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center}
.tq .mark{font:800 120px/0.7 var(--display);color:var(--gold)}
.tq blockquote{margin:0;font:700 clamp(24px,3vw,36px)/1.2 var(--display)}
.tq cite{display:block;margin-top:14px;font:600 15px var(--body);font-style:normal;color:var(--muted)}
@media (max-width:700px){.tq{grid-template-columns:1fr;padding:28px}.tq .mark{font-size:80px}}
.speak{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.speak .card .thumb{aspect-ratio:4/3}
@media (max-width:900px){.speak{grid-template-columns:1fr}}

/* Final CTA */
.final{text-align:center;background:var(--gold);border-radius:40px;margin:0 16px;padding:88px 24px}
.final h2{max-width:820px;margin:0 auto .4em}
.final p{max-width:560px;margin:0 auto 28px;font-size:19px;color:#3A2C00}
@media (max-width:700px){.final{margin:0 8px;border-radius:28px;padding:60px 20px}}

/* Footer */
footer{padding:72px 0 40px;margin-top:80px;background:#fff;border-top:1px solid var(--line)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
footer h5{font:700 13px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
footer ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
footer a{color:var(--ink-2);text-decoration:none;font-size:15px}footer a:hover{color:var(--cobalt)}
.social{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.social a{width:40px;height:40px;border-radius:12px;background:var(--bg);display:grid;place-items:center;font:700 12px var(--body);color:var(--ink)}
.legal{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:48px;padding-top:22px;font-size:13px;color:var(--muted)}
@media (max-width:900px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.fgrid{grid-template-columns:1fr}}

/* Toast for TBD links */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(120px);background:var(--ink);color:#fff;padding:14px 20px;border-radius:14px;font-size:14.5px;z-index:90;transition:transform .25s;max-width:calc(100% - 32px)}
.toast{visibility:hidden}.toast.on{visibility:visible;transform:translateX(-50%) translateY(0)}

/* Mobile sticky CTA */
.mcta{display:none}
@media (max-width:700px){.mcta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:55;transform:translateY(120%);transition:transform .25s}.mcta.on{transform:none}.mcta .btn{width:100%}}
@media (max-width:560px){body{font-size:16px}.section{padding:68px 0}.wrap{padding:0 16px}.lede{font-size:18px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* v1.1 — critic fixes */
.byline{display:none;align-items:center;gap:12px;margin-bottom:18px}
.byline img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:var(--shadow)}
.byline b{display:block;font-size:15px}.byline span{font-size:13px;color:var(--ink-2);line-height:1.3}
@media (max-width:900px){.byline{display:flex}}
@media (min-width:901px){.hero .grid{grid-template-columns:1.25fr .75fr;gap:40px}.hero h1{font-size:clamp(44px,5.4vw,70px)}}
.logos{display:flex;flex-direction:column;gap:10px;width:100%;max-width:980px}
.logos img{width:100%}
@media (max-width:700px){.logos img{width:auto;height:44px;max-width:none}.logos{overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.logos::-webkit-scrollbar{display:none}}
.tile-ph{position:absolute;right:0;top:0;height:100%;width:46%!important;object-fit:cover;object-position:top;opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}
.card.text .thumb{position:relative;flex-direction:column;align-items:flex-start;justify-content:flex-end}
.card.text .thumb .big{position:relative;max-width:64%;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.outlet{position:absolute;top:16px;left:18px;font:700 11.5px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.16);padding:7px 10px;border-radius:999px}
.eps b{color:var(--ink)!important}.eps span span{color:var(--muted)}
.trio a{display:inline-block;margin-top:8px;font-weight:700;font-size:13.5px;color:var(--cobalt);text-decoration:none}
.press{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.press a{background:#fff;border-radius:16px;padding:16px 18px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink)}
.press b{display:block;font-family:var(--display);font-size:17px}.press span{font-size:13.5px;color:var(--ink-2)}
.gapnote{margin-top:14px;font-size:13px;color:#8A5A00;background:var(--gold-soft);display:inline-block;padding:8px 12px;border-radius:10px}
@media (max-width:900px){.press{grid-template-columns:1fr 1fr}}
.ac-face{display:flex;align-items:center;gap:14px}
.ac-face img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:top}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.fit>div{border-radius:16px;padding:16px 18px;background:rgba(255,197,61,.1);border:1px solid rgba(255,197,61,.35)}
.fit>div+div{background:rgba(255,90,95,.08);border-color:rgba(255,90,95,.3)}
.fit h4{font:700 16px/1.2 var(--display);color:#fff;margin:0 0 8px}
.fit ul{margin:0;padding-left:18px;color:#C9CDDD;font-size:14px;display:grid;gap:5px}
@media (max-width:600px){.fit{grid-template-columns:1fr}}
.retreat .gap-tag{top:auto;bottom:14px;right:14px}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}
.faq details{background:#fff;border-radius:16px;box-shadow:var(--shadow);margin-bottom:12px;padding:0 22px}
.faq summary{cursor:pointer;font:700 18px/1.3 var(--display);padding:20px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--cobalt);font-size:24px;line-height:1}
.faq details[open] summary:after{content:"\2212"}
.faq details p{color:var(--ink-2);font-size:15.5px;padding-bottom:18px;margin:0}
@media (max-width:900px){.faq{grid-template-columns:1fr;gap:20px}}
@media (max-width:640px){.rb-long{display:none}}
@media (max-width:900px){.retreat .gap-tag{position:static;display:inline-block;margin:0 28px 20px}.retreat{flex-direction:column;align-items:stretch;justify-content:flex-end}.retreat .inner{order:0}.retreat .gap-tag{order:1;align-self:flex-start}}
.trio span{display:block}.trio a{display:block}
.ac-photo{width:calc(100% + 60px);max-width:none;margin:-30px -30px 18px;height:220px;object-fit:cover;object-position:center 22%;border-radius:26px 26px 0 0}
@media (max-width:700px){body{padding-bottom:84px}.logos img{height:64px}}
.hero h1 .blue{display:block}
@media (max-width:700px){.media .logos img{width:auto!important;max-width:none!important;height:64px}}
@media (max-width:700px){.media .logos{align-items:flex-start}.media .logos img{flex:none}}

.logos img{width:100%;height:auto}
@media (max-width:700px){.media .logos img{height:auto!important;width:1000px!important}}
.pod .art img,.about .ph img{width:100%;height:auto}

.logo .mark-img{width:46px;height:46px;flex:none}