@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700;800&display=swap');

:root{--ink:#0b0b0b;--ink-2:#2a2a28;--muted:#5d5e58;--cream:#f7f4ee;--white:#fff;--quiet:#efece5;--coral:#ff6542;--lime:#dfff52;--teal:#35a7a5;--gold:#d0a251;--line:rgba(11,11,11,.14);--line-dark:rgba(255,255,255,.18);--heading:'Inter Tight',sans-serif;--body:'Inter',sans-serif;--max:1280px;--gutter:clamp(20px,4vw,40px);--section:clamp(78px,10vw,128px);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.65 var(--body);-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}svg{width:18px;height:18px}.container{width:min(var(--max),calc(100% - var(--gutter)*2));margin-inline:auto}.section-pad{padding:var(--section) 0}.section-pad.compact{padding-top:clamp(60px,8vw,96px)}h1,h2,h3{font-family:var(--heading);margin:0;line-height:1.08;letter-spacing:-.025em}h1{font-size:clamp(43px,6vw,76px);font-weight:700}h2{font-size:clamp(34px,4.3vw,56px)}h3{font-size:clamp(22px,2vw,30px)}h1 em,h2 span{color:var(--coral);font-style:normal}.lede{max-width:62ch;font-size:clamp(18px,1.5vw,21px);line-height:1.58;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.eyebrow>span{width:28px;height:2px;background:var(--coral)}.eyebrow.lime{color:var(--lime)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.5fr);gap:32px;align-items:end;margin-bottom:clamp(44px,6vw,72px)}.section-head .eyebrow{grid-column:1/-1;margin-bottom:-10px}.section-head h2{max-width:800px}.section-head>p:last-child{max-width:500px;margin:0;color:var(--muted)}.section-head.inverse h2,.dark h2{color:#fff}.section-head.inverse p,.dark .lede{color:#aaa}.dark{background:var(--ink);color:#f7f4ee}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:0 25px;border:1px solid var(--ink);border-radius:999px;background:var(--coral);color:#180d09;font-size:14px;font-weight:700;transition:.2s var(--ease);cursor:pointer}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,11,11,.14)}.button-ghost{background:transparent}.button-small{min-height:44px;padding:0 18px;gap:12px}.button-lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 50px}

.site-header{position:sticky;top:0;z-index:30;height:72px;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:rgba(247,244,238,.88);backdrop-filter:saturate(1.4) blur(12px)}.brand img{width:126px}.site-header nav{display:flex;justify-content:center;gap:clamp(20px,3vw,40px)}.site-header nav a{font-size:13px;font-weight:600}.site-header>.button{justify-self:end}.menu-toggle{display:none;border:0;background:none}.menu-toggle span{display:block;width:24px;height:1px;background:#000;margin:6px}

.hero{padding-top:clamp(70px,8vw,110px)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(48px,6vw,90px);align-items:center}.hero-copy h1{max-width:820px}.hero-copy .lede{margin:28px 0 0;max-width:700px}.hero-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid var(--line)}.hero-facts div{padding:20px 14px 0 0}.hero-facts dt{font:700 clamp(24px,3vw,36px)/1 var(--heading);font-variant-numeric:tabular-nums}.hero-facts dd{margin:8px 0 0;color:var(--muted);font-size:12px}.hero-portrait{margin:0}.hero-portrait>img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:20px 20px 0 0}.hero-portrait figcaption{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;background:#fff}.hero-portrait figcaption strong{font:700 19px var(--heading)}.hero-portrait figcaption span{font-size:12px;color:var(--muted)}

.logo-proof{padding:20px 0 52px;overflow:hidden}.logo-label{display:flex;justify-content:space-between;padding-bottom:16px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.14em}.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{width:max-content;display:flex;gap:12px;animation:marquee 32s linear infinite}.marquee.reverse .marquee-track{animation-direction:reverse;animation-duration:38s;margin-top:12px}.marquee figure{width:220px;height:86px;margin:0;display:grid;place-items:center;border:1px solid var(--line);background:#fff}.marquee figure img{max-width:125px;max-height:38px;filter:grayscale(1);opacity:.6;transition:.2s}.marquee figure:hover img{filter:none;opacity:1}.marquee .student-track figure{width:250px;height:112px}.marquee .student-track img{max-width:150px;max-height:58px}@keyframes marquee{to{transform:translateX(calc(-50% - 6px))}}

.moments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:48px}.moment{position:relative;margin:0;overflow:hidden;border-radius:16px}.moment img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:.4s var(--ease)}.moment:hover img{transform:scale(1.025)}.moment figcaption{position:absolute;inset:auto 12px 12px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.9);font-size:11px;font-weight:600}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quote-card{display:flex;min-height:330px;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:16px;background:#fff}.stars{color:#e5a624;letter-spacing:2px;font-size:13px}.quote-card blockquote{margin:24px 0;flex:1;font:500 17px/1.6 var(--heading)}.quote-card footer{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--line)}.quote-card footer img{width:42px;height:42px;border-radius:50%;object-fit:cover}.quote-card footer div{display:flex;flex-direction:column}.quote-card footer strong{font-size:13px}.quote-card footer span{font-size:10px;color:var(--muted)}.proof-links{display:flex;justify-content:flex-end;gap:32px;margin-top:28px}.proof-links a,.text-link{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.proof-links a:hover{color:var(--coral)}

.community{background:var(--quiet)}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.chat-card{position:relative;padding:26px;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.chat-card:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:var(--teal)}.chat-card.tone-1:before{background:var(--coral)}.chat-card.tone-2:before{background:#c99d42}.chat-card header{display:flex;align-items:center;gap:13px}.chat-card header img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--cream)}.chat-card header div{display:flex;flex-direction:column}.chat-card header strong{font-size:14px}.chat-card header span{color:var(--muted);font-size:11px}.chat-card blockquote{min-height:120px;margin:24px 0;font:600 20px/1.45 var(--heading)}.image-button{position:relative;width:100%;padding:0;border:1px solid var(--line);border-radius:10px;background:#eee;overflow:hidden;cursor:zoom-in}.image-button img{width:100%;height:185px;object-fit:cover;object-position:top}.image-button span{position:absolute;right:8px;bottom:8px;padding:5px 9px;border-radius:999px;background:#fff;font-size:9px;font-weight:700}

.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.photo-grid figure{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.photo-grid figcaption{display:flex;justify-content:space-between;padding:18px 20px}.photo-grid figcaption span{color:var(--muted);font-size:12px}

.pricing{background:#fff}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tier-card{padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--cream)}.tier-card.advanced{background:linear-gradient(180deg,#fff2ed,#fff);border-top:4px solid var(--coral)}.tier-card.vip{background:var(--ink);color:#fff;border-color:var(--ink)}.tier-label{margin:0 0 22px;font-size:11px;font-weight:700;letter-spacing:.12em}.tier-card h3{min-height:70px}.price{display:flex;align-items:end;gap:10px;margin:34px 0 20px}.price strong{font:700 72px/.85 var(--heading)}.price span{font-size:12px;line-height:1.3}.tier-stats{display:flex;gap:12px;padding-bottom:24px;border-bottom:1px solid currentColor;font-size:11px;opacity:.65}.tier-card ul{min-height:230px;padding:16px 0 0;margin:0;list-style:none}.tier-card li{display:flex;gap:10px;padding:7px 0;font-size:14px}.tier-card li span{color:var(--coral)}.tier-card.vip li span{color:var(--lime)}.tier-card .button{width:100%}

.compare-section{background:#fff}.compare-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;background:#fff;font-size:14px;min-width:720px}th,td{padding:18px 20px;text-align:left;border-bottom:1px solid var(--line)}th{background:var(--quiet);font-size:11px;letter-spacing:.08em;text-transform:uppercase}th:first-child,td:first-child{width:35%;font-weight:600}.vip-cell{background:#f4ffd0;font-weight:700}

.module-list{border-top:1px solid var(--line)}.module-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:26px;align-items:start;padding:28px 0;border-bottom:1px solid var(--line)}.module-number{font:600 32px/1 var(--heading);color:var(--coral)}.module-stage{margin:0 0 6px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.12em}.module-card h3{font-size:22px}.module-card div>p:last-child{max-width:730px;margin:10px 0 0;color:var(--muted);font-size:14px}.module-tag{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:10px;font-weight:700;white-space:nowrap}

.tools{border-bottom:1px solid var(--line-dark)}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.tool-card{display:grid;grid-template-columns:1.2fr 1fr;min-height:250px;border-radius:16px;background:#fff;color:var(--ink);overflow:hidden}.tool-image{display:grid;place-items:center;padding:20px;background:var(--quiet)}.tool-image img{max-height:200px;object-fit:contain}.tool-copy{align-self:center;padding:28px}.tool-copy p{color:var(--coral);font-size:11px;font-weight:700}.tool-copy h3{font-size:24px}.tool-copy span{display:block;margin-top:12px;color:var(--muted);font-size:13px}.mcp-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.check-list{padding:0;margin:30px 0;list-style:none}.check-list li{padding:10px 0;border-bottom:1px solid var(--line-dark)}.check-list li:before{content:'✓';margin-right:12px;color:var(--lime)}.mcp-visual{position:relative;padding:22px 22px 80px;border:1px solid var(--line-dark);border-radius:20px;background:#181818}.mcp-visual img{border-radius:10px}.mcp-visual img+img{position:absolute;width:58%;right:-20px;bottom:-15px;box-shadow:0 24px 50px rgba(0,0,0,.5)}

.carousel{position:relative;max-width:980px;margin:auto;padding:22px 22px 70px;border:1px solid var(--line);border-radius:20px;background:#fff}.carousel-slide{display:none;width:100%;padding:0;border:0;background:0;cursor:zoom-in}.carousel-slide.active{display:block}.carousel-slide img{width:100%;max-height:600px;object-fit:contain}.carousel-controls{position:absolute;inset:auto 22px 18px;display:flex;justify-content:flex-end;align-items:center;gap:16px}.carousel-controls button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer}.carousel-controls span{font-size:11px;font-variant-numeric:tabular-nums}

.why{border-top:1px solid var(--line-dark)}.why-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px}.credentials{margin-top:46px}.credentials div{display:grid;grid-template-columns:150px 1fr;padding:17px 0;border-top:1px solid var(--line-dark)}.credentials dt{color:#888;font-size:11px}.credentials dd{margin:0;font-size:14px}.why-cards{display:grid;gap:12px}.why-cards article{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:24px;border:1px solid var(--line-dark);border-radius:14px;background:#151515}.why-cards article span{color:var(--lime);font:600 16px var(--heading)}.why-cards article p{margin:0;font:600 19px/1.4 var(--heading)}

.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.case-card button{width:100%;height:220px;padding:0;border:0;background:var(--quiet);cursor:zoom-in;overflow:hidden}.case-card img{width:100%;height:100%;object-fit:cover;object-position:top;transition:.3s}.case-card:hover img{transform:scale(1.02)}.case-card div{padding:18px}.case-card div p{margin:0 0 8px;color:var(--teal);font-size:9px;font-weight:700;letter-spacing:.1em}.case-card div h3{font-size:19px}.case-card div span{color:var(--muted);font-size:12px}.disclaimer{display:grid;grid-template-columns:180px 1fr;gap:22px;margin-top:24px;padding:22px;border-left:4px solid var(--teal);background:#e9f5f3}.disclaimer p{margin:0;font-size:13px}

.webinars{background:#fff}.award-card{margin-bottom:28px;border:1px solid rgba(155,114,38,.35);border-radius:20px;overflow:hidden;background:#fffdf6}.award-strip{display:flex;align-items:center;gap:12px;padding:14px 22px;background:linear-gradient(90deg,#f4e0ac,#fff8df,#f4e0ac);color:#624717;font-size:11px;letter-spacing:.08em}.award-strip span:last-child{margin-left:auto}.award-body{display:grid;grid-template-columns:1fr 1fr}.award-body>button{padding:0;border:0;background:none;cursor:zoom-in}.award-body>button img{width:100%;height:100%;min-height:430px;object-fit:cover}.award-body>div{align-self:center;padding:clamp(30px,5vw,60px)}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.role{padding:6px 9px;border-radius:999px;background:#dff6f3;color:#126a68;font-size:9px;font-weight:700;letter-spacing:.08em}.meta-row time{color:var(--muted);font-size:10px}.award-body h3{font-size:clamp(26px,3vw,40px)}.award-body p{color:var(--muted)}.webinar-facts{display:grid;gap:10px;margin-top:26px}.webinar-facts div{display:grid;grid-template-columns:90px 1fr;padding-top:10px;border-top:1px solid var(--line)}.webinar-facts dt{font-size:10px;color:var(--muted)}.webinar-facts dd{margin:0;font-size:12px;font-weight:600}.award-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.award-gallery button{position:relative;height:210px;padding:0;border:0;overflow:hidden;cursor:zoom-in}.award-gallery img{width:100%;height:100%;object-fit:cover}.award-gallery span{position:absolute;inset:auto 12px 12px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.9);font-size:9px}.webinar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.webinar-card{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.poster{position:relative;min-height:340px;padding:0;border:0;background:var(--quiet);cursor:zoom-in;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover}.poster>span{position:absolute;right:12px;bottom:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff}.webinar-copy{padding:26px}.webinar-copy h3{font-size:24px}.webinar-copy>p{color:var(--muted);font-size:13px}

.podcast{border-bottom:1px solid var(--line-dark)}.podcast-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px}.video-frame{aspect-ratio:16/9;border-radius:18px;background:#222;overflow:hidden}.video-frame button{position:relative;width:100%;height:100%;padding:0;border:0;background:#111;cursor:pointer}.video-frame img,.video-frame iframe{width:100%;height:100%;object-fit:cover;border:0}.video-frame button>span{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--coral);color:#fff}.podcast-topics article{display:grid;grid-template-columns:45px 1fr;padding:18px 0;border-top:1px solid var(--line-dark)}.podcast-topics article>span{color:var(--coral);font:600 15px var(--heading)}.podcast-topics h3{font-size:23px}.podcast-topics p{grid-column:2;margin:7px 0 0;color:#999;font-size:12px}.youtube{margin-top:24px;background:#e62117;color:#fff;border-color:#e62117}

.press-feature{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.press-feature>img{width:100%;height:100%;min-height:420px;object-fit:cover}.press-feature>div{padding:clamp(30px,5vw,60px)}.press-feature h3{font-size:clamp(25px,3vw,38px)}.press-feature blockquote{margin:30px 0;padding-left:18px;border-left:3px solid var(--teal);font:600 20px/1.5 var(--heading)}

.network{background:var(--quiet)}.network-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:190px;gap:12px}.network-tile{position:relative;padding:0;border:0;border-radius:14px;overflow:hidden;background:#ddd;cursor:zoom-in}.network-tile img{width:100%;height:100%;object-fit:cover;transition:.4s var(--ease)}.network-tile:hover img{transform:scale(1.035)}.network-tile span{position:absolute;inset:auto 10px 10px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.9);font-size:9px;font-weight:700}.tile-0{grid-column:span 2;grid-row:span 2}.tile-1{grid-column:span 4}.tile-2,.tile-3{grid-column:span 2}.tile-4{grid-column:span 2;grid-row:span 2}.tile-5{grid-column:span 4}

.closing{text-align:center}.closing-inner{max-width:850px}.closing h2{font-size:clamp(38px,5vw,68px)}.closing p:not(.eyebrow){max-width:650px;margin:24px auto 32px;color:var(--muted)}.closing .eyebrow{justify-content:center}.enroll{padding-bottom:100px}.enroll-grid{display:grid;grid-template-columns:1.1fr .75fr;gap:80px;align-items:start}.enroll h2 span{color:var(--lime)}form{margin-top:45px}form>label,.form-row label{display:grid;gap:8px;margin-bottom:20px;color:#bbb;font-size:11px;font-weight:600}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}input,textarea{width:100%;padding:14px 15px;border:1px solid var(--line-dark);border-radius:10px;background:#171717;color:#fff;outline:0}input:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 2px rgba(53,167,165,.25)}input.error{border-color:#e06464}fieldset{padding:0;margin:5px 0 22px;border:0}legend{margin-bottom:10px;color:#bbb;font-size:11px;font-weight:600}.radio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.radio-grid label{cursor:pointer}.radio-grid input{position:absolute;opacity:0;pointer-events:none}.radio-grid span{display:flex;flex-direction:column;padding:14px;border:1px solid var(--line-dark);border-radius:10px}.radio-grid input:checked+span{border-color:var(--lime);background:rgba(223,255,82,.08)}.radio-grid small{color:#888}.consent{grid-template-columns:20px 1fr!important;align-items:start}.consent input{width:18px;height:18px;margin:2px 0 0}.submit{margin-top:12px}.form-status{color:var(--lime);font-size:13px}.enroll-summary{position:sticky;top:100px;padding:34px;border-radius:20px;background:var(--lime);color:var(--ink)}.enroll-summary h3{font-size:34px}.summary-price{display:flex;align-items:end;gap:10px;margin:32px 0}.summary-price strong{font:700 74px/.8 var(--heading)}.summary-price span{font-size:12px}.enroll-summary ul{padding:20px 0;margin:0;border-top:1px solid rgba(0,0,0,.25);list-style:none}.enroll-summary li{padding:7px 0;font-size:13px}.enroll-summary li:before{content:'✓';margin-right:10px}.contact-note{margin:20px 0 0;padding-top:20px;border-top:1px solid rgba(0,0,0,.25);font-size:12px}

.site-footer{padding:70px 0 24px;background:#050505;color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.footer-grid img{width:145px;margin-bottom:16px}.footer-grid p{max-width:340px;color:#888;font-size:12px}.footer-grid a{font-size:13px;margin-bottom:7px}.footer-label{color:#777!important;font-size:9px!important;letter-spacing:.14em}.footer-bottom{display:flex;justify-content:space-between;margin-top:60px;padding-top:20px;border-top:1px solid var(--line-dark);color:#777;font-size:10px}.chat-stack{position:fixed;z-index:45;right:20px;bottom:78px;display:flex;flex-direction:column;gap:10px}.chat-stack a{position:relative}.chat-stack img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.2));animation:pulse 3.2s ease-in-out infinite}.chat-stack a:first-child img{animation-delay:1.6s}.chat-stack span{position:absolute;right:60px;top:8px;width:max-content;padding:7px 10px;border-radius:999px;background:#111;color:#fff;font-size:9px;opacity:0;transform:translateX(8px);transition:.18s}.chat-stack a:hover span{opacity:1;transform:none}@keyframes pulse{50%{transform:scale(1.04)}}.back-top{position:fixed;z-index:44;right:22px;bottom:22px;width:44px;height:44px;border:0;border-radius:50%;background:#111;color:#fff;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;cursor:pointer}.back-top.visible{opacity:1;pointer-events:auto;transform:none}.lightbox{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:40px;background:rgba(11,11,11,.9)}.lightbox[hidden]{display:none}.lightbox figure{max-width:min(1100px,88vw);max-height:88vh;margin:0}.lightbox figure img{max-height:80vh;margin:auto;object-fit:contain}.lightbox figcaption{text-align:center;color:#ddd;font-size:11px}.lightbox-close{position:absolute;right:24px;top:18px;width:48px;height:48px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#111;color:#fff;font-size:30px;cursor:pointer}

@media(max-width:1000px){.site-header{grid-template-columns:170px 1fr}.site-header nav{display:none}.site-header>.button{grid-column:2}.hero-grid,.mcp-grid,.why-grid,.podcast-grid,.enroll-grid{grid-template-columns:1fr;gap:48px}.hero-portrait{max-width:620px;margin:auto}.testimonial-grid,.community-grid,.case-grid{grid-template-columns:repeat(2,1fr)}.tier-grid{grid-template-columns:1fr}.tier-card{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.tier-card h3,.tier-label,.price,.tier-stats{grid-column:1}.tier-card ul,.tier-card .button{grid-column:2}.tier-card ul{grid-row:1/5}.tier-card .button{align-self:end}.tier-card h3{min-height:auto}.award-body,.webinar-card,.press-feature{grid-template-columns:1fr}.award-body>button img{min-height:0;max-height:650px}.webinar-grid{grid-template-columns:repeat(2,1fr)}.poster{min-height:360px}.network-grid{grid-auto-rows:160px}.enroll-summary{position:static}.tools-grid{grid-template-columns:1fr}}
@media(max-width:700px){body{font-size:16px}.section-pad{padding:72px 0}.section-head{grid-template-columns:1fr;gap:18px}.section-head .eyebrow{margin-bottom:0}.site-header{height:64px;grid-template-columns:1fr auto;padding-inline:20px}.site-header>.button{display:none}.menu-toggle{display:block}.site-header.open{height:auto;grid-template-columns:1fr auto;align-items:start;padding-top:20px;padding-bottom:20px}.site-header.open nav{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;padding-top:24px}.hero{padding-top:60px}.hero-grid{gap:40px}.hero-facts{grid-template-columns:repeat(2,1fr)}.hero-portrait figcaption{align-items:flex-start;flex-direction:column}.moments-grid,.testimonial-grid,.community-grid,.photo-grid,.case-grid,.tools-grid,.webinar-grid{grid-template-columns:1fr}.quote-card{min-height:300px}.proof-links{align-items:flex-start;flex-direction:column;gap:12px}.tier-card{display:block}.tier-card ul{min-height:auto;margin-bottom:20px}.module-card{grid-template-columns:46px 1fr;gap:14px}.module-tag{grid-column:2;justify-self:start}.tool-card{grid-template-columns:1fr}.tool-image{min-height:220px}.mcp-visual{padding:12px 12px 55px}.why-grid{gap:45px}.credentials div{grid-template-columns:1fr;gap:6px}.disclaimer{grid-template-columns:1fr}.award-strip{align-items:flex-start;flex-direction:column}.award-strip span:last-child{margin:0}.award-gallery{grid-template-columns:1fr}.award-gallery button{height:230px}.webinar-grid{grid-template-columns:1fr}.webinar-card{grid-template-columns:1fr}.poster{min-height:420px}.network-grid{grid-template-columns:1fr 1fr;grid-auto-rows:170px}.network-tile{grid-column:span 1!important;grid-row:span 1!important}.tile-0,.tile-5{grid-column:span 2!important}.radio-grid,.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:30px}.logo-label{display:none}.marquee figure{width:170px;height:72px}.marquee .student-track figure{width:190px;height:90px}.lightbox{padding:18px}.lightbox figure{max-width:96vw}.chat-stack{right:12px}.chat-stack img{width:44px;height:44px}.back-top{right:12px}.podcast-topics article{grid-template-columns:36px 1fr}}
@media(max-width:390px){h1{font-size:39px}.button-row{flex-direction:column}.button-row .button{width:100%}.hero-facts dt{font-size:26px}.network-grid{grid-template-columns:1fr}.network-tile,.tile-0,.tile-5{grid-column:1!important}.poster{min-height:360px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.marquee-track{animation:none}.chat-stack img{animation:none}}

/* Full handoff content */
.marquee figure{position:relative;grid-template-rows:1fr auto;padding:14px 18px 10px}.marquee figure figcaption{font-size:9px;color:var(--muted);white-space:nowrap}.avatar-fallback{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--teal);color:#fff;font-weight:700}.quote-card footer a{margin-top:3px;color:var(--teal);font-size:9px;font-weight:700}.subsection-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:70px 0 24px;padding-top:30px;border-top:1px solid var(--line)}.subsection-head .eyebrow{margin:0}.review-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.review-gallery button,.online-grid button{position:relative;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;cursor:zoom-in}.review-gallery img{width:100%;height:290px;object-fit:cover;object-position:top}.review-gallery span{position:absolute;inset:auto 8px 8px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.94);font-size:9px;font-weight:700}.community-grid.full-grid{grid-template-columns:repeat(2,1fr)}.chat-card.tone-teal:before{background:var(--teal)}.chat-card.tone-coral:before{background:var(--coral)}.chat-card.tone-gold:before{background:var(--gold)}.chat-card blockquote{min-height:auto}.chat-metric{padding:10px 12px;border-radius:8px;background:var(--quiet);font-size:12px;font-weight:700}.message-list{margin:18px 0}.message-list p{display:grid;grid-template-columns:70px 1fr;gap:10px;margin:5px 0;font-size:11px;line-height:1.45}.message-list p span{color:var(--muted);font-weight:700}.message-list p.emphasize{font-weight:700}.online-class{background:#fff}.online-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.online-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}.learning-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:22px}.learning-modes article{display:grid;grid-template-columns:42px 1fr;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--quiet)}.learning-modes article>span{color:var(--coral);font:700 16px var(--heading)}.learning-modes h3{font-size:20px}.learning-modes p{grid-column:2;margin:8px 0 0;color:var(--muted);font-size:12px}.tier-card.adv{background:linear-gradient(180deg,#fff2ed,#fff);border-top:4px solid var(--coral)}.tier-who{min-height:150px;color:var(--muted);font-size:13px}.tier-card.vip .tier-who{color:#aaa}.tier-stats span{display:flex;flex-direction:column;min-width:88px}.tier-stats strong{font:700 23px var(--heading)}.tier-card.featured{box-shadow:0 18px 50px rgba(0,0,0,.16)}.compare-group th{padding:14px 20px;background:var(--ink);color:#fff;font-size:12px}.compare-group th span{margin-right:14px;color:var(--lime)}.compare-wrap td:first-child small{display:block;margin-top:4px;color:var(--muted);font-weight:400}.compare-yes{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#dff6f3;color:#126a68;font-weight:800}.compare-no{color:#999}.compare-vip{padding:5px 8px;border-radius:999px;background:var(--lime);font-size:10px;font-weight:800}.compare-strong{font-weight:800}.curriculum-stage{margin-bottom:58px}.curriculum-stage>header{display:grid;grid-template-columns:100px 280px 1fr;gap:28px;align-items:baseline;margin-bottom:20px}.curriculum-stage>header>p{color:var(--coral);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.curriculum-stage>header>h3{font-size:32px}.curriculum-stage>header>span{color:var(--muted);font-size:13px}.module-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.module-meta span{padding:5px 8px;border-radius:6px;background:var(--quiet);color:var(--ink);font-size:9px;font-weight:700}.module-tag.vip{border-color:var(--gold);background:#fff5d8;color:#765413}.module-tag.signature{border-color:var(--teal);background:#e8f7f5;color:#126a68}.tool-card{grid-template-columns:1.15fr 1fr}.tool-images{display:grid;grid-template-columns:repeat(2,1fr);align-content:stretch;gap:1px;background:var(--line)}.tool-images button{position:relative;min-height:250px;padding:18px;border:0;background:var(--quiet);cursor:zoom-in}.tool-images button:only-child{grid-column:1/-1}.tool-images img{width:100%;height:100%;max-height:270px;object-fit:contain}.tool-images button span{position:absolute;inset:auto 9px 9px;padding:5px 8px;border-radius:999px;background:#fff;color:var(--ink);font-size:8px}.tool-copy>strong{display:block;margin-top:12px;font:600 15px/1.5 var(--heading)}.tool-copy small,.tool-access{display:block;margin-top:12px;color:var(--muted);font-size:10px}.tool-copy .text-link{margin-top:18px;color:var(--teal)}.compatibility{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.compatibility span{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line-dark);border-radius:999px;font-size:10px}.compatibility img{width:18px;height:18px;object-fit:contain}.capability-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.capability-list article{padding:18px;border:1px solid var(--line-dark);border-radius:12px;background:#151515}.capability-list p{margin:0;color:var(--lime);font-size:9px;text-transform:uppercase}.capability-list h3{margin:7px 0;font-size:20px}.capability-list code{display:block;color:var(--coral);font-size:10px}.capability-list span{display:block;margin-top:10px;color:#aaa;font-size:11px}.mcp-side{min-width:0}.mcp-visual{display:grid;gap:12px;padding:18px}.mcp-visual button{position:relative;padding:0;border:0;border-radius:10px;background:none;overflow:hidden;cursor:zoom-in}.mcp-visual button img{width:100%}.mcp-visual button+button img{position:static;width:100%;box-shadow:none}.mcp-visual button span{position:absolute;inset:auto 8px 8px;padding:5px 8px;border-radius:999px;background:#fff;color:#111;font-size:8px}.public-pricing{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.public-pricing>p{grid-column:1/-1;margin:0;color:#888;font-size:9px;text-transform:uppercase}.public-pricing div{display:flex;flex-direction:column;padding:15px;border:1px solid var(--line-dark);border-radius:10px}.public-pricing strong{font:700 24px var(--heading)}.public-pricing span{color:#999;font-size:9px}.discount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:48px 0 20px}.discount-grid article{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line-dark);border-radius:14px}.discount-grid p{margin:0;color:#aaa;font-size:10px}.discount-grid strong{margin:8px 0;color:var(--lime);font:700 28px var(--heading)}.discount-grid span{font-size:13px}.discount-grid small{margin-top:7px;color:#888}.carousel-slide>button{width:100%;padding:0;border:0;background:none;cursor:zoom-in}.why-cards article{grid-template-columns:44px 1fr}.why-cards article h3{font-size:19px}.why-cards article p{margin:8px 0 0;color:#aaa;font:400 13px/1.6 var(--body)}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.tag-list small{padding:5px 8px;border:1px solid var(--line-dark);border-radius:999px;font-size:8px}.case-chapter{margin-bottom:70px}.case-chapter>header{display:grid;grid-template-columns:55px 1fr;gap:22px;margin-bottom:25px}.case-chapter>header>span{color:var(--coral);font:700 22px var(--heading)}.case-chapter>header h3{font-size:30px}.case-chapter>header p{max-width:760px;margin:10px 0 0;color:var(--muted);font-size:13px}.case-card.feature{grid-column:span 2}.case-card.feature button{height:350px}.press-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}.press-grid>a{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.press-grid img{width:100%;height:100%;min-height:280px;object-fit:cover}.press-grid div{padding:24px}.press-grid p{margin:0;color:var(--teal);font-size:9px;font-weight:700}.press-grid h3{margin-top:12px;font-size:21px}.press-grid span{display:block;margin-top:10px;color:var(--muted);font-size:11px}.press-grid strong{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:11px}.network-tile>span{display:flex;align-items:flex-start;flex-direction:column;max-width:calc(100% - 20px);border-radius:10px;text-align:left}.network-tile>span strong{font-size:8px;color:var(--teal)}.network-tile>span small{display:none}.network-note{margin-top:24px;padding:30px;border-left:4px solid var(--teal);background:#fff}.network-note .eyebrow{margin-bottom:14px}.network-note h3{font-size:26px}.network-note>p:not(.eyebrow){max-width:900px;color:var(--muted);font-size:13px}.radio-grid.two{grid-template-columns:repeat(2,1fr)}.consent-list{display:grid;gap:12px;margin-top:24px}.consent-list .consent{margin:0}.enroll label small{color:#777;font-weight:400}.enroll-summary>p[data-summary-mode]{margin:-20px 0 20px;font-size:12px}.site-footer strong{font-family:var(--heading)}

@media(max-width:1000px){.review-gallery{grid-template-columns:repeat(3,1fr)}.tier-who{min-height:auto}.curriculum-stage>header{grid-template-columns:80px 220px 1fr}.tool-card{grid-template-columns:1fr}.case-card.feature{grid-column:span 1}.press-grid>a{grid-template-columns:1fr}.press-grid img{max-height:340px}.community-grid.full-grid{grid-template-columns:1fr}}
@media(max-width:700px){.review-gallery{grid-template-columns:repeat(2,1fr)}.review-gallery img{height:240px}.subsection-head{align-items:flex-start;flex-direction:column}.online-grid,.learning-modes,.discount-grid,.press-grid{grid-template-columns:1fr}.curriculum-stage>header{grid-template-columns:1fr;gap:5px}.curriculum-stage>header>p{margin:0}.tool-images{grid-template-columns:1fr}.tool-images button{min-height:220px}.capability-list,.public-pricing{grid-template-columns:1fr}.case-card.feature button{height:250px}.press-grid>a{grid-template-columns:1fr}.network-tile>span small{display:none}.radio-grid.two{grid-template-columns:1fr}}
@media(max-width:390px){.review-gallery{grid-template-columns:1fr}.review-gallery img{height:auto}}

/* Original handoff alignment for all non-hero sections */
:root{--fg-1:var(--ink);--fg-2:var(--ink-2);--fg-3:var(--muted);--fg-4:#8c8d87;--fg-inverse:var(--cream);--surface-1:var(--cream);--surface-2:#fff;--surface-3:var(--quiet);--surface-dark:var(--ink);--accent-brand:var(--coral);--accent-brand-text:#a9361f;--accent-brand-on-dark:#ff8163;--accent-brand-ink:#180d09;--accent-info:var(--teal);--accent-info-text:#126a68;--accent-info-on-dark:#7bd4d2;--accent-positive:var(--lime);--accent-premium:var(--gold);--accent-lead:var(--accent-info);--accent-lead-ink:#fff;--border-1:var(--line);--border-2:rgba(11,11,11,.08);--font-heading:var(--heading);--font-sans:var(--body);--shadow-md:0 16px 40px rgba(11,11,11,.1);--sec-pad-y:clamp(96px,12vw,128px)}
.container-wide{width:min(1360px,calc(100% - var(--gutter)*2));margin-inline:auto}.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.48fr);gap:24px 40px;align-items:end;padding-bottom:20px;margin-bottom:48px;border-bottom:1px solid var(--border-1)}.sec-head h2{max-width:20ch}.sec-head>p{margin:0;color:var(--fg-3)}.sec-head .eyebrow{margin-bottom:16px}.testimonials,.section-community,.tiers,.compare,.modules,.why,.intl-network{padding:var(--sec-pad-y) 0}

.testimonials .sec-head{border-bottom:0;padding-bottom:4px;margin-bottom:24px}.testi-moments{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:48px}.testi-moment{position:relative;margin:0;overflow:hidden;border-radius:16px}.testi-moment img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s var(--ease)}.testi-moment:hover img{transform:scale(1.025)}.testi-moment figcaption{position:absolute;inset:auto 12px 12px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.92);font-size:11px;font-weight:600}.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testi-card{position:relative;display:flex;min-height:330px;flex-direction:column;padding:28px;border:1px solid var(--border-1);border-radius:16px;background:#fff;overflow:hidden}.testi-card .quote-mark{position:absolute;right:22px;top:10px;color:rgba(53,167,165,.17);font:800 74px/1 var(--font-heading)}.testi-card blockquote{margin:20px 0;flex:1;font:500 17px/1.6 var(--font-heading)}.attribution{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--border-1)}.attribution img{width:42px;height:42px;border-radius:50%;object-fit:cover}.attribution>div{display:flex;flex-direction:column}.attribution strong{font-size:13px}.attribution span,.attribution a{font-size:10px;color:var(--fg-3)}.attribution a{color:var(--teal);font-weight:700}.testi-links{display:flex;justify-content:flex-end;gap:32px;margin-top:28px}.testi-links a{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.testi-proof-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:70px 0 24px;padding-top:30px;border-top:1px solid var(--border-1)}.testi-proof-head .eyebrow{margin:0}.testi-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.testi-proof-card{position:relative;padding:0;border:1px solid var(--border-1);border-radius:12px;background:#fff;overflow:hidden;cursor:zoom-in}.testi-proof-card img{width:100%;height:290px;object-fit:cover;object-position:top}.testi-proof-card span{position:absolute;inset:auto 8px 8px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.94);font-size:9px;font-weight:700}

.section-community{background:var(--surface-3)}.community-head{display:grid;grid-template-columns:1fr minmax(250px,.45fr);gap:32px;align-items:end;margin-bottom:48px}.community-head .eyebrow{grid-column:1/-1;margin-bottom:-12px}.community-head h2{max-width:18ch}.community-head>p:last-child{margin:0;color:var(--fg-3)}.community-shot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.chat-shot{position:relative;padding:28px;border:1px solid var(--border-1);border-radius:18px;background:#fff;overflow:hidden}.chat-shot:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--teal)}.chat-accent-coral:before{background:var(--coral)}.chat-accent-gold:before{background:var(--gold)}.chat-shot-head{display:flex;align-items:center;gap:14px}.chat-shot-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--quiet);font-weight:700}.chat-shot-avatar img{width:100%;height:100%;object-fit:cover}.chat-shot-id{display:flex;flex-direction:column}.chat-shot-author{font-size:14px}.chat-shot-role{font-size:11px;color:var(--fg-3)}.chat-shot-pullquote{position:relative;margin:26px 0;font:600 21px/1.45 var(--font-heading)}.chat-shot-quote-mark{margin-right:5px;color:var(--accent-lead);font-size:30px}.chat-shot-frame{position:relative;width:100%;padding:0;border:1px solid var(--border-1);border-radius:12px;background:#eee;overflow:hidden;cursor:zoom-in}.chat-shot-frame img{width:100%;height:300px;object-fit:cover;object-position:top}.chat-shot-frame-hint{position:absolute;right:9px;bottom:9px;padding:6px 10px;border-radius:999px;background:#fff;font-size:10px;font-weight:700}.community-footnote{display:flex;align-items:center;gap:14px;margin:28px 0 0;color:var(--fg-3);font-size:12px}.community-footnote-line{width:34px;height:1px;background:var(--accent-lead)}

.tiers{background:var(--surface-3)}.tiers .tier-grid{gap:20px}.tiers .tier-card{position:relative;padding:32px;background:var(--surface-1);border:1px solid var(--border-1);border-radius:24px;display:flex;flex-direction:column;gap:20px;transition:box-shadow .18s,transform .18s}.tiers .tier-card:hover{box-shadow:var(--shadow-md)}.tier-card .tier-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tier-card .tier-label{margin:0;color:var(--fg-3);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.tier-card .tier-num{font:800 14px var(--font-heading);color:var(--fg-4)}.tier-card .who{min-height:90px;margin:0;color:var(--fg-2);font-size:14px;line-height:1.5}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--border-2);border-radius:12px;background:var(--surface-3)}.mode-toggle button{all:unset;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:8px;color:var(--fg-3);font-size:12px;font-weight:700;text-align:center;cursor:pointer}.mode-toggle button.on{background:var(--fg-1);color:var(--surface-1)}.mode-badge{padding:2px 6px;border-radius:999px;background:var(--accent-lead);color:var(--accent-lead-ink);font-size:10px;font-weight:800}.mode-note{margin:-8px 0 0;color:var(--fg-3);font-size:12px}.tier-card .price-row{display:flex;align-items:baseline;gap:10px;padding:16px 0;border-top:1px solid var(--border-1);border-bottom:1px solid var(--border-1)}.price-num{font:800 44px/1 var(--font-heading)}.price-unit{color:var(--fg-3);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tier-card .stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tier-card .stat{color:var(--fg-3);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tier-card .stat .val{display:block;color:var(--fg-1);font:800 28px var(--font-heading)}.tier-card ul.tier-bullets{min-height:0;padding:0;margin:0;display:grid;gap:10px;list-style:none}.tier-card ul.tier-bullets li{position:relative;padding:0 0 0 24px;color:var(--fg-2);font-size:14px}.tier-card ul.tier-bullets li:before{content:"";position:absolute;left:0;top:10px;width:12px;height:2px;border-radius:2px;background:var(--accent-lead)}.tier-cta{margin-top:auto;padding-top:8px}.tier-cta .btn{width:100%;justify-content:center}.btn{display:inline-flex;align-items:center;gap:10px;box-sizing:border-box;padding:14px 22px;border:0;border-radius:12px;font-weight:700;cursor:pointer}.btn-primary{background:var(--fg-1);color:var(--surface-1)}.tier-card.featured{background:var(--surface-dark);color:var(--fg-inverse);border-color:var(--surface-dark)}.tier-card.featured .featured-flag{position:absolute;right:20px;top:20px;padding:6px 12px;border-radius:999px;background:var(--accent-lead);color:var(--accent-lead-ink);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tier-card.featured .tier-label{color:var(--accent-lead)}.tier-card.featured .who,.tier-card.featured .mode-note,.tier-card.featured .price-unit,.tier-card.featured .stat,.tier-card.featured ul.tier-bullets li{color:rgba(247,244,238,.72)}.tier-card.featured .stat .val{color:var(--fg-inverse)}.tier-card.featured .price-row{border-color:rgba(247,244,238,.18)}.tier-card.featured .mode-toggle{background:rgba(247,244,238,.08);border-color:rgba(247,244,238,.12)}.tier-card.featured .mode-toggle button.on{background:var(--fg-inverse);color:var(--fg-1)}.tier-card.featured .btn-primary{background:var(--accent-lead);color:var(--accent-lead-ink)}

.compare{background:var(--surface-1)}.compare .compare-wrap{border:1px solid var(--border-1);border-radius:20px;overflow:hidden;background:var(--surface-2)}.compare-table{width:100%;border-collapse:collapse;font-size:14px}.compare-table thead th{padding:22px 20px;background:var(--surface-3);border-bottom:1px solid var(--border-1);color:var(--fg-3);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.compare-table .col-title{display:block;margin-bottom:4px;color:var(--fg-1);font:800 20px var(--font-heading);letter-spacing:-.015em;text-transform:none}.compare-table .col-price{display:block;margin-top:6px;color:var(--fg-3);font:700 14px var(--font-heading);letter-spacing:0;text-transform:none}.compare-table thead .col-featured{background:var(--surface-dark);color:rgba(247,244,238,.6)}.compare-table thead .col-featured .col-title{color:var(--fg-inverse)}.compare-table thead .col-featured .col-price{color:var(--accent-lead)}.compare-table .col-first{width:34%}.compare-table .tier-col{width:22%}.compare-table tbody td{padding:14px 20px;border-bottom:1px solid var(--border-2);vertical-align:top}.compare-table td.feat{background:var(--surface-1);font-weight:600}.compare-table td.feat small{display:block;margin-top:2px;color:var(--fg-3);font-size:12px;font-weight:500}.compare-table td.cell-featured{background:rgba(11,11,11,.03)}.compare-table .section-row td{padding:10px 20px;background:var(--fg-1);color:var(--fg-inverse);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.section-row .num{margin-right:12px;color:var(--accent-lead)}.compare-yes,.compare-no,.compare-vip{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;font-size:11px;font-weight:800}.compare-yes{background:rgba(21,128,61,.12);color:#15803d}.compare-no{background:rgba(11,11,11,.06);color:var(--fg-4)}.compare-vip{background:var(--accent-lead);color:var(--accent-lead-ink)}

.modules{background:var(--surface-1)}.timeline{display:grid;gap:64px}.stage{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}.stage-head{position:sticky;top:96px}.stage-head .stage-num{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--accent-lead);font:800 14px var(--font-heading);letter-spacing:.14em;text-transform:uppercase}.stage-head .stage-num:before{content:"";width:24px;height:2px;background:var(--accent-lead)}.stage-head h3{margin:0 0 12px;font-size:28px}.stage-head p{margin:0;color:var(--fg-3);font-size:14px}.stage-body{display:grid;gap:8px}.mod{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:20px;padding:24px 0;border-top:1px solid var(--border-1);align-items:start}.mod:last-child{border-bottom:1px solid var(--border-1)}.m-num{color:var(--fg-1);font:800 40px/.9 var(--font-heading)}.m-body h4{margin:0 0 8px;font:700 20px/1.2 var(--font-heading)}.m-body p{margin:0;color:var(--fg-3);font-size:14px}.module-points{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.module-points li{position:relative;padding-left:18px;color:var(--fg-3);font-size:14px;line-height:1.6}.module-points li::before{position:absolute;top:.68em;left:0;width:6px;height:6px;border-radius:50%;background:var(--accent-lead);content:""}.m-sig{display:inline-flex;margin-bottom:12px;padding:4px 10px;border:1px solid var(--border-2);border-radius:999px;background:var(--surface-3);color:var(--fg-2);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.m-sig.vip{background:var(--surface-dark);color:var(--accent-lead)}.m-meta{min-width:120px;display:grid;gap:7px;text-align:right;color:var(--fg-3);font-size:12px}.tiers-avail{display:flex;justify-content:flex-end;gap:6px}.t-dot{width:9px;height:9px;border-radius:50%;background:var(--border-1)}.t-dot.on{background:var(--accent-lead)}.modules-note{display:grid;grid-template-columns:180px 1fr;gap:22px;margin-top:38px;padding:22px;border-left:4px solid var(--accent-lead);background:var(--surface-3)}.modules-note p{margin:0;font-size:13px}

.why{background:var(--surface-dark);color:var(--fg-inverse)}.why-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px}.why-lead h2{font-size:clamp(34px,4.3vw,56px)}.why-lead .lede{color:rgba(247,244,238,.72)}.why .accent{color:var(--accent-lead)}.why .credentials{margin-top:44px}.cred-item{display:grid;grid-template-columns:160px 1fr;padding:17px 0;border-top:1px solid rgba(247,244,238,.18)}.cred-label{color:#888;font-size:11px}.cred-val{margin:0;font-size:14px}.cred-flag-block{margin-top:26px;padding-top:20px;border-top:1px solid rgba(247,244,238,.18)}.cred-flag-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:14px}.cred-flag-label{color:#888;font-size:11px}.cred-flag-summary{font-size:12px}.flag-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.market-flag{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(247,244,238,.15);border-radius:10px;background:#151515}.flag-glyph{display:grid;place-items:center;width:40px;height:27px;border-radius:4px;background:var(--teal);font-size:8px;font-weight:800}.market-flag div{display:flex;flex-direction:column}.market-flag strong{font-size:11px}.market-flag span:last-child{color:#888;font-size:9px}.why-blocks{display:grid;gap:12px}.why-block{padding:24px;border:1px solid rgba(247,244,238,.18);border-radius:14px;background:#151515}.why-block h4{margin:0 0 8px;font:700 21px var(--font-heading)}.why-block p{margin:0;color:rgba(247,244,238,.72);font-size:14px}.why-block ul{display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:16px 0 0;list-style:none}.why-block li{padding:5px 9px;border:1px solid rgba(247,244,238,.18);border-radius:999px;color:var(--accent-lead);font-size:10px}.why-logostrip{margin-top:52px;padding-top:24px;border-top:1px solid rgba(247,244,238,.18)}.why-logostrip-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px}.why-logostrip-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.why-logostrip-note{color:#888;font-size:11px}.why-logostrip-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.why-logo{height:96px;margin:0;display:grid;place-items:center;padding:12px;border-radius:12px;background:#fff}.why-logo img{max-width:110px;max-height:38px}.why-logo figcaption{color:var(--fg-3);font-size:9px}.why-logo-mono-dark img{filter:grayscale(1)}

.intl-network{background:var(--surface-3)}.in-intro{max-width:900px;margin:-18px 0 32px;color:var(--fg-2)}.in-locations{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.in-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--border-1);border-radius:999px;background:#fff;font-size:11px;font-weight:700}.in-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-lead)}.in-mosaic{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:190px;gap:12px}.in-tile{position:relative;padding:0;border:0;border-radius:14px;overflow:hidden;background:#ddd;cursor:zoom-in}.in-tile-frame,.in-tile-frame img{display:block;width:100%;height:100%}.in-tile-frame img{object-fit:cover;transition:transform .4s var(--ease)}.in-tile:hover img{transform:scale(1.035)}.in-tile-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;opacity:0;transition:opacity .2s}.in-tile:hover .in-tile-overlay,.in-tile:focus-visible .in-tile-overlay,.in-tile-0 .in-tile-overlay,.in-tile-4 .in-tile-overlay{opacity:1}.in-tile-tag{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.in-tile-caption{font:700 18px var(--font-heading);text-align:left}.in-tile-people{font-size:10px;text-align:left}.in-tile-0{grid-column:span 2;grid-row:span 2}.in-tile-1{grid-column:span 4}.in-tile-2,.in-tile-3{grid-column:span 2}.in-tile-4{grid-column:span 2;grid-row:span 2}.in-tile-5{grid-column:span 4}.in-pathway{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;margin-top:28px;padding:30px;border:1px solid var(--border-1);border-radius:16px;background:var(--surface-1)}.in-pathway-eyebrow{margin:0 0 10px;color:var(--accent-lead);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.in-pathway-title{font-size:27px}.in-pathway-desc{color:var(--fg-3);font-size:13px}.in-pathway-tags{display:flex;align-content:flex-start;flex-wrap:wrap;gap:8px}.in-pathway-tag{padding:7px 11px;border:1px solid var(--border-1);border-radius:999px;background:#fff;font-size:11px;font-weight:700}

.lightbox-nav{position:absolute;top:50%;z-index:2;width:50px;height:50px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:34px;line-height:1;cursor:pointer}.lightbox-prev{left:24px}.lightbox-next{right:24px}.lightbox[data-single="true"] .lightbox-nav{display:none}

@media(max-width:900px){.sec-head,.community-head{grid-template-columns:1fr}.sec-head h2{max-width:none}.testi-grid{grid-template-columns:repeat(2,1fr)}.testi-proof-grid{grid-template-columns:repeat(3,1fr)}.tiers .tier-grid{grid-template-columns:1fr}.stage{grid-template-columns:190px minmax(0,1fr);gap:28px}.why-grid{grid-template-columns:1fr}.why-logostrip-row{grid-template-columns:repeat(3,1fr)}.in-mosaic{grid-auto-rows:160px}.in-pathway{grid-template-columns:1fr}}
@media(max-width:640px){.container-wide{width:min(100% - 40px,1360px)}.testimonials,.section-community,.tiers,.compare,.modules,.why,.intl-network{padding:72px 0}.testi-moments,.testi-grid,.community-shot-grid{grid-template-columns:1fr}.testi-proof-grid{grid-template-columns:repeat(2,1fr)}.testi-links,.testi-proof-head{align-items:flex-start;flex-direction:column}.chat-shot-frame img{height:250px}.stage{grid-template-columns:1fr}.stage-head{position:static}.mod{grid-template-columns:48px minmax(0,1fr)}.m-meta{grid-column:2;text-align:left}.tiers-avail{justify-content:flex-start}.modules-note{grid-template-columns:1fr}.cred-item{grid-template-columns:1fr;gap:5px}.flag-row{grid-template-columns:1fr}.why-logostrip-head{flex-direction:column}.why-logostrip-row{grid-template-columns:repeat(2,1fr)}.in-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}.in-tile{grid-column:span 1!important;grid-row:span 1!important}.in-tile-0,.in-tile-5{grid-column:span 2!important}.lightbox-nav{width:42px;height:42px}.lightbox-prev{left:8px}.lightbox-next{right:8px}}
@media(max-width:375px){.testi-proof-grid,.why-logostrip-row,.in-mosaic{grid-template-columns:1fr}.in-tile,.in-tile-0,.in-tile-5{grid-column:1!important}.mode-toggle{grid-template-columns:1fr}.tier-card .who{min-height:0}}


/* Original handoff lower-section fidelity port */
:root{--shadow-sm:0 8px 24px rgba(11,11,11,.08)}
.tools.on-dark,.mcp.on-dark,.track,.past-webinars,.podcast,.press,.enroll-mini{scroll-margin-top:72px}
.why-conference-note{display:flex;flex-direction:column;gap:5px;margin-top:4px;padding:18px 20px;border:1px solid rgba(247,244,238,.18);border-radius:12px;background:#151515;color:rgba(247,244,238,.68);font-size:13px;line-height:1.55}
.why-conference-note strong{color:var(--accent-lead);font:700 15px var(--font-heading)}
.enroll-mini-form .error{border-color:#c6442e!important;box-shadow:0 0 0 3px rgba(198,68,46,.13)!important}
.enroll-mini-form .form-status{min-height:22px;margin:0;color:var(--fg-3);font-size:13px}
.enroll-mini-form .form-status.success{color:#157347;font-weight:700}
.enroll-mini-form .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 22px;border:1px solid var(--fg-1);border-radius:999px;background:var(--fg-1);color:var(--surface-1);font-weight:700;cursor:pointer;transition:transform .18s,box-shadow .18s}
.enroll-mini-form .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.enroll-mini-form [hidden]{display:none!important}
.site-footer .foot-brand>strong{font-family:var(--font-heading);font-size:16px}
@media(max-width:900px){.site-footer .foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.site-footer .foot-grid{grid-template-columns:1fr}.tools.on-dark,.mcp.on-dark,.track,.past-webinars,.podcast,.press,.enroll-mini{scroll-margin-top:64px}}

.site-footer { background: var(--surface-1); border-top: 1px solid var(--border-1); padding: 64px 0 32px; }
.site-footer .foot-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; }
.site-footer .foot-brand img { height: 28px; margin-bottom: 16px; display: block; }
.site-footer .foot-brand p { font-size: 14px; color: var(--fg-3); line-height: 1.55; margin: 0 0 20px; max-width: 40ch; }
.site-footer h5 { font-family: var(--font-sans); font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--fg-3); margin: 0 0 16px; }
.site-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.site-footer ul a { color: var(--fg-1); text-decoration: none; font-size: 14px; }
.site-footer ul a:hover { text-decoration: underline; text-underline-offset: 4px; }
.site-footer .foot-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--border-1); font-size: 12px; color: var(--fg-3); }

@media (max-width: 900px) {
  .site-footer .foot-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .site-footer .foot-grid { grid-template-columns: 1fr; }
}

/* =============== INLINE ENROLLMENT · MINIMAL =============== */
.enroll-mini {
  background: var(--surface-2);
  border-top: 1px solid var(--border-1);
}
.enroll-mini-head {
  max-width: 640px;
  margin: 0 auto 32px;
  text-align: center;
}
.enroll-mini-head .sec-tag {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-2);
  margin-bottom: 16px;
}
.enroll-mini-head .sec-tag .num { color: var(--accent-lead); font-variant-numeric: tabular-nums; }
.enroll-mini-head .sec-tag .dot { width: 6px; height: 6px; border-radius: 999px; background: var(--accent-lead); }
.enroll-mini-head h2 {
  margin: 0 0 12px;
  font-family: var(--font-heading);
  font-size: clamp(32px, 4vw, 44px);
  letter-spacing: -0.025em;
  line-height: 1.05;
  color: var(--fg-1);
}
.enroll-mini-sub {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--fg-2);
  text-wrap: pretty;
}
.enroll-mini-sub strong { color: var(--fg-1); font-weight: 700; }

.enroll-mini-card {
  max-width: 760px;
  margin: 0 auto;
  padding: 32px;
  background: var(--surface-1);
  border: 1px solid var(--border-1);
  border-radius: 20px;
  box-shadow: var(--shadow-sm);
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .enroll-mini-card { padding: 22px 18px; border-radius: 16px; }
}

.enroll-mini-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.enroll-mini-row {
  display: grid;
  gap: 14px;
}
.enroll-mini-row-2 { grid-template-columns: 1fr 1fr; }
.enroll-mini-row-3 { grid-template-columns: 1.1fr 1fr 1fr; }
@media (max-width: 640px) {
  .enroll-mini-row-2,
  .enroll-mini-row-3 { grid-template-columns: 1fr; }
}

.enroll-mini-field { display: flex; flex-direction: column; gap: 6px; }
.enroll-mini-field .lbl {
  font-size: 12px;
  font-weight: 600;
  color: var(--fg-2);
  letter-spacing: 0.01em;
}
.enroll-mini-field .lbl em {
  color: var(--accent-lead);
  font-style: normal;
  font-weight: 700;
}
.enroll-mini-field input,
.enroll-mini-field select,
.enroll-mini-field textarea {
  width: 100%;
  padding: 11px 14px;
  font: inherit;
  font-size: 14px;
  color: var(--fg-1);
  background: var(--surface-1);
  border: 1px solid var(--border-1);
  border-radius: 10px;
  transition: border-color .14s, box-shadow .14s;
  box-sizing: border-box;
}
.enroll-mini-field textarea { resize: vertical; min-height: 64px; font-family: var(--font-sans); }
.enroll-mini-field select { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236E6E6A' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px; cursor: pointer; }
.enroll-mini-field input:hover,
.enroll-mini-field select:hover,
.enroll-mini-field textarea:hover { border-color: var(--fg-2); }
.enroll-mini-field input:focus,
.enroll-mini-field select:focus,
.enroll-mini-field textarea:focus {
  outline: none;
  border-color: var(--accent-lead);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent-lead) 22%, transparent);
}

.enroll-mini-consent {
  margin-top: 4px;
  padding: 16px 18px;
  background: var(--surface-2);
  border: 1px solid var(--border-2);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.enroll-mini-consent .enroll-check-row {
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-2);
}
.enroll-mini-consent .enroll-check-row + .enroll-check-row { margin-top: 0; }
.enroll-field-note {
  color: var(--fg-3);
  font-size: 11px;
  line-height: 1.45;
}
.enroll-robot-check {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.enroll-honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.enroll-turnstile {
  display: grid;
  gap: 7px;
  padding-left: 32px;
}
.enroll-turnstile small {
  max-width: 46ch;
  color: var(--fg-3);
  font-size: 11px;
  line-height: 1.45;
}
.turnstile-unavailable {
  max-width: 52ch;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid rgba(169, 54, 31, .28);
  border-radius: 10px;
  background: rgba(169, 54, 31, .06);
  color: #8d2e1b;
  font-size: 12px;
  line-height: 1.5;
}
@media (max-width: 380px) {
  .enroll-turnstile {
    padding-left: 0;
  }
  .enroll-turnstile .cf-turnstile {
    width: 300px;
    margin-bottom: -9px;
    transform: scale(.86);
    transform-origin: top left;
  }
}
.enroll-summary .btn-primary:disabled {
  cursor: wait;
  opacity: .58;
}
.enroll-mini-form .form-status:not(.success) {
  color: #a9361f;
}

.enroll-mini-submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 4px;
  padding-top: 20px;
  border-top: 1px solid var(--border-2);
  flex-wrap: wrap;
}
.enroll-mini-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 13px;
  color: var(--fg-3);
}
.enroll-mini-price .lbl {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.enroll-mini-price .val {
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -0.02em;
  color: var(--fg-1);
  font-variant-numeric: tabular-nums;
}
.enroll-mini-price .mode { color: var(--fg-3); font-size: 13px; }

/* Company breakdown · switches the price cluster from a single-line to a
 * mini receipt: subtotal, VAT (accent color), total (bold), plus a footnote.
 * Only applied when .enroll-mini-price-breakdown is present. */
.enroll-mini-price-breakdown {
  display: block;
  min-width: 260px;
  padding: 12px 14px;
  background: var(--surface-1);
  border: 1px solid var(--border-2);
  border-radius: 12px;
}
.enroll-mini-price-breakdown .enroll-price-line {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 3px 0;
}
.enroll-mini-price-breakdown .enroll-price-line .lbl {
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  color: var(--fg-2);
}
.enroll-mini-price-breakdown .enroll-price-line .lbl small {
  color: var(--fg-3);
  font-weight: 400;
  font-size: 11px;
}
.enroll-mini-price-breakdown .enroll-price-line .val {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: var(--fg-1);
}
.enroll-mini-price-breakdown .enroll-price-vat .lbl { color: var(--accent-lead); }
.enroll-mini-price-breakdown .enroll-price-vat .val { color: var(--accent-lead); font-weight: 700; }
.enroll-mini-price-breakdown .enroll-price-total {
  margin-top: 6px;
  padding-top: 8px;
  border-top: 1px dashed var(--border-1);
}
.enroll-mini-price-breakdown .enroll-price-total .lbl {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.enroll-mini-price-breakdown .enroll-price-total .val {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--fg-1);
}
.enroll-mini-price-breakdown .enroll-price-mode {
  margin-top: 6px;
  font-size: 11px;
  color: var(--fg-3);
  line-height: 1.4;
}

.enroll-mini-submit .btn { min-width: 180px; justify-content: center; }
.enroll-mini-submit .btn:disabled { opacity: 0.45; cursor: not-allowed; }
.enroll-mini-submit .btn:disabled:hover { background: var(--fg-1); box-shadow: none; }
@media (max-width: 520px) {
  .enroll-mini-submit .btn { width: 100%; min-width: 0; }
}

.enroll-mini-success {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 20px;
  align-items: start;
}
.enroll-mini-success .enroll-check {
  width: 56px; height: 56px;
  border-radius: 999px;
  background: var(--accent-lead);
  color: var(--accent-lead-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.enroll-mini-success h3 {
  margin: 0 0 8px;
  font-family: var(--font-heading);
  font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--fg-1);
}
.enroll-mini-success p {
  margin: 0 0 16px;
  font-size: 14.5px;
  color: var(--fg-2);
  line-height: 1.6;
}
.enroll-mini-success strong { color: var(--fg-1); font-weight: 700; }
@media (max-width: 520px) {
  .enroll-mini-success { grid-template-columns: 1fr; }
}

/* ========================================================================
 * Track Record · §06 · cream section after WhyBrian (dark)
 * Case study proofs từ MediaOne era · 3 chapters · lightbox
 * ==================================================================== */

.track { background: var(--surface-1); }
.track .track-intro {
  max-width: 78ch;
  font-size: 17px;
  line-height: 1.6;
  color: var(--fg-2);
  margin: -20px 0 56px;
}
.track .track-intro strong { color: var(--fg-1); font-weight: 700; }
.track .track-intro em { font-style: italic; color: var(--fg-1); }

/* Chapter block */
.track-chapter { margin-bottom: 72px; }
.track-chapter:last-of-type { margin-bottom: 56px; }

.track-chapter-head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 24px 32px;
  align-items: end;
  padding-bottom: 20px;
  margin-bottom: 32px;
  border-bottom: 1px solid var(--border-1);
}
.track-chapter-num {
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: 46px;
  line-height: 0.9;
  letter-spacing: -0.03em;
  color: var(--accent-lead);
  min-width: 64px;
}
.track-chapter-title h3 {
  margin: 0 0 6px;
  font-size: clamp(22px, 2vw, 28px);
  letter-spacing: -0.02em;
  color: var(--fg-1);
}
.track-chapter-title p {
  margin: 0;
  font-size: 14.5px;
  color: var(--fg-3);
  line-height: 1.5;
  max-width: 70ch;
}
.track-chapter-metric {
  text-align: right;
  padding: 12px 18px;
  background: color-mix(in oklab, var(--accent-lead) 8%, var(--surface-2));
  border: 1px solid color-mix(in oklab, var(--accent-lead) 22%, var(--border-1));
  border-radius: 12px;
}
.track-metric-val {
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: 30px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--accent-lead);
}
.track-metric-lbl {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-2);
  margin-top: 6px;
  white-space: nowrap;
}

/* Grid variants */
.track-grid { display: grid; gap: 16px; }

.track-grid-featured {
  /* First card takes 2 rows; rest fill in 3-col grid */
  grid-template-columns: repeat(3, 1fr);
  grid-auto-flow: dense;
}
.track-grid-featured .track-card-feature {
  grid-column: span 2;
  grid-row: span 2;
}

.track-grid-3col { grid-template-columns: repeat(3, 1fr); }

.track-grid-mixed {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-flow: dense;
}
.track-grid-mixed .track-card-feature {
  grid-column: span 2;
  grid-row: span 2;
}

/* Card */
.track-card {
  all: unset;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-radius: 14px;
  overflow: hidden;
  background: var(--surface-2);
  border: 1px solid var(--border-1);
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
  box-sizing: border-box;
}
.track-card:hover {
  border-color: var(--fg-2);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(11,11,11,0.08);
}
.track-card:focus-visible {
  outline: 2px solid var(--accent-lead);
  outline-offset: 3px;
}

.track-card-frame {
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--surface-3);
}
.track-card-feature .track-card-frame { aspect-ratio: 16 / 11; }

.track-card-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
  display: block;
  transition: transform .35s ease;
}
.track-card:hover .track-card-frame img { transform: scale(1.03); }

.track-card-frame::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.12));
  pointer-events: none;
}

.track-card-zoom {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(255,255,255,0.95);
  color: var(--fg-1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.85);
  transition: opacity .18s ease, transform .18s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}
.track-card:hover .track-card-zoom,
.track-card:focus-visible .track-card-zoom {
  opacity: 1;
  transform: scale(1);
}

.track-card-tag {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(11,11,11,0.86);
  color: #F7F4EE;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.track-card-body {
  padding: 14px 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.track-card-title {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--fg-1);
  text-wrap: balance;
}
.track-card-feature .track-card-title { font-size: 18px; }

.track-card-sub {
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--fg-3);
}

/* Footnote block */
.track-footnote {
  margin-top: 8px;
  padding: 24px 28px;
  background: var(--surface-2);
  border: 1px solid var(--border-1);
  border-radius: 14px;
  display: grid;
  gap: 8px;
}
.track-footnote-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent-lead);
  margin-bottom: 6px;
}
.track-footnote p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--fg-3);
  max-width: 88ch;
}

/* Lightbox · same look as testi-proof lightbox */
.track-lb-scrim {
  position: fixed; inset: 0;
  background: rgba(11,11,11,0.92);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  animation: track-lb-in .18s ease;
}
@keyframes track-lb-in { from { opacity: 0; } to { opacity: 1; } }

.track-lb-close, .track-lb-nav {
  all: unset;
  position: absolute;
  width: 44px; height: 44px;
  border-radius: 999px;
  background: rgba(255,255,255,0.12);
  color: #F7F4EE;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .18s ease;
}
.track-lb-close:hover, .track-lb-nav:hover { background: rgba(255,255,255,0.22); }
.track-lb-close { top: 24px; right: 24px; }
.track-lb-prev { left: 24px; top: 50%; transform: translateY(-50%); }
.track-lb-next { right: 24px; top: 50%; transform: translateY(-50%); }

.track-lb-figure {
  max-width: min(1200px, 92vw);
  max-height: 88vh;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
}
.track-lb-figure img {
  max-width: 100%;
  max-height: 78vh;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
.track-lb-figure figcaption {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px 16px;
  align-items: baseline;
  max-width: 88vw;
  color: #F7F4EE;
  font-size: 14px;
  padding: 0 4px;
}
.track-lb-cap-chapter {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent-lead);
  grid-row: 1;
}
.track-lb-cap-title {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 15px;
  grid-row: 1;
  color: #F7F4EE;
}
.track-lb-cap-sub {
  grid-column: 1 / -2;
  grid-row: 2;
  color: rgba(247,244,238,0.7);
  font-size: 13px;
  line-height: 1.5;
}
.track-lb-cap-count {
  grid-column: -2 / -1;
  grid-row: 1 / span 2;
  align-self: center;
  color: rgba(247,244,238,0.55);
  font-size: 12px;
  font-weight: 600;
}

/* Responsive */
@media (max-width: 1024px) {
  .track-grid-featured, .track-grid-3col { grid-template-columns: repeat(2, 1fr); }
  .track-grid-mixed { grid-template-columns: repeat(2, 1fr); }
  .track-grid-featured .track-card-feature,
  .track-grid-mixed .track-card-feature { grid-column: span 2; grid-row: auto; }
  .track-chapter-head {
    grid-template-columns: auto 1fr;
    gap: 12px 18px;
    align-items: start; /* was 'end' \u2014 caused big num to overlap wrapped title */
  }
  .track-chapter-num {
    /* Nudge the num up so it sits flush with the h3 baseline */
    padding-top: 2px;
  }
  .track-chapter-metric {
    grid-column: 1 / -1;
    text-align: left;
    justify-self: start;
  }
}

@media (max-width: 640px) {
  .track-grid-featured, .track-grid-3col, .track-grid-mixed { grid-template-columns: 1fr; }
  .track-grid-featured .track-card-feature,
  .track-grid-mixed .track-card-feature { grid-column: 1; }
  .track-chapter-num { font-size: 34px; min-width: 44px; }
  .track-footnote { padding: 18px 20px; }
}

/* ===========================================================
 * §07 · PastWebinars · 4 webinars editorial hierarchy grid
 * =========================================================== */
.past-webinars {
  padding: 120px 0 96px;
  background: var(--surface-1);
  position: relative;
  border-top: 1px solid var(--border-1);
}

.past-webinars .pw-intro {
  max-width: 62ch;
  margin: -20px 0 56px;
  color: var(--fg-2);
  font-size: 17px;
  line-height: 1.55;
  text-wrap: pretty;
}
.past-webinars .pw-intro p { margin: 0; }

/* ---------- Editorial hierarchy: featured + 3 supporting ----------
 * Row 1: [featured (span 2 cols, 2 rows)] [webinar 2] [webinar 3]
 * Row 2: [featured cont.]                 [webinar 4 spans 2 cols]
 */
.pw-grid {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: min-content;
}

.pw-card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  position: relative;
  min-width: 0;
}

/* Featured card: 2 cols wide, spans 2 rows */
.pw-card.pw-featured {
  grid-column: span 2;
  grid-row: span 2;
  gap: 24px;
}

/* The three non-featured cards flow into remaining 2 cols */
.pw-card:not(.pw-featured) {
  grid-column: span 1;
}

/* Vivu SEO poster is 16/10 (widest), give it 2 cols on desktop */
.pw-card[data-aspect="16/10"]:not(.pw-featured) {
  grid-column: span 2;
}
/* Malaysia panel is 16:9 wide → span 2 cols too */
.pw-card[data-aspect="16/9"]:not(.pw-featured) {
  grid-column: span 2;
}


/* ---------- Poster frame ---------- */
.pw-poster-btn {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
  border-radius: 4px;
  outline-offset: 6px;
}

.pw-poster-frame {
  position: relative;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  background: var(--surface-3, #f0ece5);
  box-shadow:
    0 1px 0 rgba(0,0,0,0.04),
    0 24px 40px -24px rgba(20,15,10,0.28);
  transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s;
}
.pw-poster-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .55s cubic-bezier(.2,.7,.2,1);
}
.pw-poster-btn:hover .pw-poster-frame {
  transform: translateY(-4px);
  box-shadow:
    0 1px 0 rgba(0,0,0,0.04),
    0 32px 56px -24px rgba(20,15,10,0.38);
}
.pw-poster-btn:hover .pw-poster-frame img { transform: scale(1.03); }

.pw-poster-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(20,15,10,0.10);
  border-radius: inherit;
}

/* Featured flag ribbon */
.pw-featured-flag {
  position: absolute;
  top: 14px;
  left: 14px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 7px 11px 7px 22px;
  background: var(--accent-lead);
  color: #fff;
  border-radius: 999px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.18);
  z-index: 1;
}
.pw-featured-flag::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 0 0 0 rgba(255,255,255,.55);
  animation: pw-pulse 1.8s ease-out infinite;
}
@keyframes pw-pulse {
  0% { box-shadow: 0 0 0 0 rgba(255,255,255,.55); }
  70% { box-shadow: 0 0 0 8px rgba(255,255,255,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }
}

.pw-zoom-hint {
  position: absolute;
  right: 14px;
  bottom: 14px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  background: rgba(20,15,10,0.72);
  color: #f7f4ee;
  border-radius: 999px;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .25s, transform .25s;
  backdrop-filter: blur(4px);
}
.pw-poster-btn:hover .pw-zoom-hint,
.pw-poster-btn:focus-visible .pw-zoom-hint {
  opacity: 1;
  transform: translateY(0);
}

/* ---------- Meta ---------- */
.pw-meta {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pw-meta-top {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pw-role {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 6px 10px 6px 8px;
  border-radius: 999px;
  background: rgba(53,167,165,0.10);
  color: var(--accent-lead);
  border: 1px solid rgba(53,167,165,0.22);
}
.pw-role-dot {
  width: 6px; height: 6px;
  border-radius: 999px;
  background: currentColor;
}
.pw-role.role-host {
  background: rgba(255,101,66,0.08);
  color: #b23f21;
  border-color: rgba(255,101,66,0.22);
}
.pw-role.role-cospeaker {
  background: rgba(199,232,69,0.14);
  color: #4d5a08;
  border-color: rgba(160,190,40,0.32);
}

.pw-date {
  font-family: var(--font-heading, inherit);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--fg-3);
  font-variant-numeric: tabular-nums;
}

.pw-title {
  margin: 4px 0 0;
  font-family: var(--font-heading, inherit);
  font-size: 20px;
  line-height: 1.22;
  font-weight: 700;
  color: var(--fg-1);
  text-wrap: balance;
}

.pw-featured .pw-title {
  font-size: 30px;
  line-height: 1.12;
}

.pw-subtitle {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--fg-2);
  text-wrap: pretty;
}
.pw-featured .pw-subtitle {
  font-size: 16px;
}

.pw-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px 20px;
  margin: 12px 0 0;
  padding: 14px 0 0;
  border-top: 1px solid var(--border-1);
}
.pw-facts > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.pw-facts dt {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.pw-facts dd {
  margin: 0;
  font-size: 12.5px;
  color: var(--fg-1);
  line-height: 1.35;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.pw-featured .pw-facts dd { font-size: 13.5px; }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
  .pw-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
  .pw-card.pw-featured { grid-column: span 2; grid-row: auto; }
  .pw-card:not(.pw-featured) { grid-column: span 1; }
  .pw-card[data-aspect="16/10"]:not(.pw-featured) { grid-column: span 2; }
}
@media (max-width: 680px) {
  .past-webinars { padding: 88px 0 72px; }
  .pw-grid { grid-template-columns: 1fr; gap: 44px; }
  .pw-card, .pw-card.pw-featured, .pw-card[data-aspect="16/10"]:not(.pw-featured) {
    grid-column: 1 / -1;
    grid-row: auto;
  }
  .pw-featured .pw-title { font-size: 22px; }
  .pw-title { font-size: 18px; }
  .pw-facts { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 460px) {
  .pw-facts { grid-template-columns: 1fr; gap: 8px 0; }
}

/* ===========================================================
 * §07b · Podcast · Horatos Podcast YouTube embed
 * =========================================================== */
.podcast {
  padding: 96px 0;
  background: var(--surface-1);
  border-top: 1px solid var(--border-1);
}

.pod-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 48px;
  align-items: start;
}

.pod-video-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.pod-video-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  overflow: hidden;
  background: #0b0b0b;
  box-shadow:
    0 1px 0 rgba(0,0,0,0.05),
    0 32px 56px -32px rgba(20,15,10,0.42);
}
.pod-video-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
.pod-video-placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background:
    radial-gradient(ellipse at 40% 30%, rgba(53,167,165,0.35), transparent 60%),
    #0b0b0b;
}
.pod-video-loader {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 3px solid rgba(247,244,238,0.14);
  border-top-color: var(--accent-lead);
  animation: pod-spin 1s linear infinite;
}
@keyframes pod-spin { to { transform: rotate(360deg); } }

.pod-video-caption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.pod-video-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: rgba(255,101,66,0.10);
  color: #b23f21;
  border: 1px solid rgba(255,101,66,0.24);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.pod-video-tag::before {
  content: "";
  width: 6px; height: 6px;
  border-radius: 999px;
  background: currentColor;
  animation: pw-pulse 1.8s ease-out infinite;
}
.pod-video-link {
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-2);
  text-decoration: none;
  border-bottom: 1px solid var(--border-1);
  padding-bottom: 2px;
  transition: color .2s, border-color .2s;
}
.pod-video-link:hover {
  color: var(--fg-1);
  border-bottom-color: var(--fg-1);
  border-bottom-width: 2px;
}

.pod-body {
  min-width: 0;
  padding-top: 4px;
}

.pod-tagline {
  margin: 0 0 28px;
  font-size: 17px;
  line-height: 1.55;
  color: var(--fg-2);
  text-wrap: pretty;
}

.pod-topics {
  list-style: none;
  margin: 0 0 32px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pod-topics li {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 20px;
  align-items: start;
  padding: 16px 0;
  border-bottom: 1px solid var(--border-1);
}
.pod-topics li:last-child { border-bottom: 0; }
.pod-topics-num {
  font-family: var(--font-heading, inherit);
  font-size: 22px;
  font-weight: 800;
  color: var(--accent-lead);
  font-variant-numeric: tabular-nums;
  line-height: 1;
  padding-top: 2px;
}
.pod-topics-title {
  font-family: var(--font-heading, inherit);
  font-size: 16px;
  font-weight: 700;
  color: var(--fg-1);
  line-height: 1.3;
  margin-bottom: 4px;
}
.pod-topics-sub {
  font-size: 13px;
  color: var(--fg-3);
  line-height: 1.5;
}

.pod-cta-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
.podcast .pod-subscribe,
a.pod-subscribe.pod-subscribe {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  border-radius: 8px;
  background: #FF0000;
  color: #fff;
  border: 1px solid #cc0000;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s, transform .2s;
}
.pod-subscribe:hover {
  background: #cc0000;
  transform: translateY(-1px);
}
.pod-subscribe svg { flex: 0 0 auto; }
.pod-cta-note {
  font-size: 12px;
  color: var(--fg-3);
  letter-spacing: 0.02em;
}

@media (max-width: 900px) {
  .pod-layout { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 520px) {
  .podcast { padding: 72px 0; }
  .pod-tagline { font-size: 15px; }
}

/* ===========================================================
 * §07c · Press · As featured in
 * =========================================================== */
.press {
  padding: 96px 0;
  background: #efece5;
  border-top: 1px solid var(--border-1);
}

.press-featured {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--border-1);
  text-decoration: none;
  color: inherit;
  transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s;
  box-shadow: 0 1px 0 rgba(0,0,0,0.04);
  margin-bottom: 32px;
}
.press-featured:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 48px -28px rgba(20,15,10,0.35);
}

.press-featured-img {
  position: relative;
  overflow: hidden;
  background: #f6f4ef;
  min-height: 320px;
}
.press-featured-img img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  display: block;
  transition: transform .55s cubic-bezier(.2,.7,.2,1);
}
.press-featured:hover .press-featured-img img { transform: scale(1.03); }

.press-featured-body {
  padding: 40px 40px 36px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  min-width: 0;
}

.press-featured-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: var(--fg-3);
  letter-spacing: 0.06em;
}
.press-outlet {
  font-weight: 700;
  color: var(--fg-1);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 11px;
}
.press-kind {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 11px;
}
.press-dot {
  width: 3px; height: 3px;
  border-radius: 999px;
  background: var(--fg-3);
  opacity: 0.6;
}

blockquote.press-quote,
.press .press-quote {
  margin: 0;
  font-family: var(--font-heading, inherit);
  font-size: 26px;
  line-height: 1.28;
  font-weight: 700;
  color: var(--fg-1);
  text-wrap: balance;
  padding: 4px 0 4px 20px;
  border-left: 3px solid var(--accent-lead);
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: var(--accent-lead);
  position: relative;
}
.press-quote-mark {
  color: var(--accent-lead);
  font-size: 30px;
  line-height: 1;
  margin-right: 2px;
}

.press-featured-title-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: end;
  padding-top: 16px;
  border-top: 1px solid var(--border-1);
}
.press-featured-title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--fg-2);
  line-height: 1.45;
  text-wrap: pretty;
}
.press-arrow {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: var(--fg-1);
  color: #f7f4ee;
  flex: 0 0 auto;
  transition: transform .25s cubic-bezier(.2,.7,.2,1);
}
.press-featured:hover .press-arrow {
  transform: translate(2px, -2px);
}

/* Secondary row */
.press-secondary-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.press-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 10px;
  border: 1px solid var(--border-1);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s;
}
.press-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 40px -24px rgba(20,15,10,0.32);
}

.press-card-img {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #f6f4ef;
}
.press-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .55s cubic-bezier(.2,.7,.2,1);
}
.press-card:hover .press-card-img img { transform: scale(1.04); }

.press-card-body {
  padding: 24px 24px 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.press-card-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  font-size: 11px;
  color: var(--fg-3);
  letter-spacing: 0.06em;
}
.press-language {
  font-weight: 700;
  color: var(--accent-lead);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 10px;
}
.press-card-title {
  font-family: var(--font-heading, inherit);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--fg-1);
  text-wrap: balance;
}
.press-card-title-en {
  font-size: 13px;
  color: var(--fg-3);
  font-style: italic;
  line-height: 1.5;
}
.press-card-arrow {
  margin-top: auto;
  padding-top: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  color: var(--fg-1);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.press-card-arrow svg {
  transition: transform .25s;
}
.press-card:hover .press-card-arrow svg {
  transform: translate(2px, -2px);
}

/* Empty placeholder card */
.press-card-empty {
  background: transparent;
  border: 1.5px dashed rgba(11,11,11,0.16);
  display: grid;
  place-items: center;
  min-height: 260px;
  transition: none;
}
.press-card-empty:hover {
  transform: none;
  box-shadow: none;
}
.press-card-empty-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 24px;
  text-align: center;
}
.press-card-empty-mark {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(11,11,11,0.06);
  color: var(--fg-3);
  font-size: 22px;
  font-weight: 300;
}
.press-card-empty-text {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.press-card-empty-sub {
  font-size: 12px;
  color: var(--fg-3);
  font-variant-numeric: tabular-nums;
}

@media (max-width: 900px) {
  .press-featured { grid-template-columns: 1fr; }
  .press-featured-img { min-height: 240px; }
  .press-featured-img img { min-height: 240px; }
  .press-featured-body { padding: 28px 24px 24px; }
  .press-quote { font-size: 20px; }
}
@media (max-width: 640px) {
  .press { padding: 72px 0; }
  .press-secondary-row { grid-template-columns: 1fr; }
  .press-card-empty { min-height: 180px; }
}


/* ===========================================================
 * §06b · ExclusiveTools · dark surface (Ink 900) tool showcase
 * =========================================================== */
.tools.on-dark {
  padding: 120px 0 96px;
  background: #0B0B0B;
  color: #F7F4EE;
  border-top: 1px solid var(--border-1);
  position: relative;
}

.tools.on-dark .sec-head { border-bottom-color: rgba(247,244,238,0.14); }
.tools.on-dark .sec-head .sec-tag { color: rgba(247,244,238,0.6); }
.tools.on-dark .sec-head h2 { color: #F7F4EE; max-width: 30ch; }
.tools.on-dark .sec-head .sec-note { color: rgba(247,244,238,0.5); font-variant-numeric: tabular-nums; }

.tools-intro {
  max-width: 66ch;
  margin: -20px 0 56px;
  font-size: 17px;
  line-height: 1.55;
  color: rgba(247,244,238,0.72);
  text-wrap: pretty;
}
.tools-intro p { margin: 0; }

/* ---------- Grid: featured spans 2 cols on desktop ---------- */
.tools-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.tool-featured {
  grid-column: 1 / -1;
}

/* ---------- Card ---------- */
.tool-card {
  background: #1a1614;
  border: 1px solid rgba(247,244,238,0.10);
  border-radius: 16px;
  padding: 32px 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  transition: border-color .35s, transform .35s cubic-bezier(.2,.7,.2,1);
  min-width: 0;
}
.tool-card:hover {
  border-color: rgba(53,167,165,0.35);
  transform: translateY(-2px);
}
.tool-featured {
  background: linear-gradient(135deg, #1a1614 0%, #221c17 100%);
  border-color: rgba(53,167,165,0.24);
}
.tool-exclusive {
  background:
    radial-gradient(ellipse at top right, rgba(199,232,69,0.06), transparent 60%),
    #1a1614;
}

/* ---------- Head ---------- */
.tool-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.tool-head-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.tool-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px 5px 8px;
  border-radius: 999px;
  background: rgba(247,244,238,0.06);
  border: 1px solid rgba(247,244,238,0.14);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(247,244,238,0.85);
}
.tool-tag-dot {
  width: 5px; height: 5px;
  border-radius: 999px;
  background: var(--accent-lead);
}

.tool-vip-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #FFD87A 0%, #E3B573 100%);
  color: #1a1614;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}
.tool-included-badge {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(53,167,165,0.14);
  border: 1px solid rgba(53,167,165,0.3);
  color: #7bd4d2;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.tool-value {
  display: flex;
  align-items: baseline;
  gap: 4px;
  font-family: var(--font-heading, inherit);
  color: #F7F4EE;
}
.tool-value-num {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.tool-value-label {
  font-size: 12px;
  color: rgba(247,244,238,0.5);
  font-weight: 500;
}
.tool-value-free {
  font-size: 12px;
  font-weight: 700;
  color: rgba(199,232,69,0.9);
  letter-spacing: 0.10em;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(199,232,69,0.08);
  border: 1px solid rgba(199,232,69,0.28);
}

/* ---------- Body ---------- */
.tool-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tool-title-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.tool-name {
  margin: 0;
  font-family: var(--font-heading, inherit);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.22;
  color: #F7F4EE;
  text-wrap: balance;
}
.tool-featured .tool-name { font-size: 28px; }
.tool-brand {
  font-size: 12px;
  color: rgba(247,244,238,0.45);
  letter-spacing: 0.04em;
  font-style: italic;
}
.tool-tagline {
  margin: 4px 0 0;
  font-size: 14px;
  color: var(--accent-lead);
  font-weight: 600;
  letter-spacing: 0.01em;
}
.tool-description {
  margin: 6px 0 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: rgba(247,244,238,0.72);
  text-wrap: pretty;
  max-width: 62ch;
}
.tool-context {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(247,244,238,0.04);
  border: 1px solid rgba(247,244,238,0.08);
  font-size: 12.5px;
  color: rgba(247,244,238,0.72);
  align-self: flex-start;
}
.tool-context svg { flex: 0 0 auto; color: var(--accent-lead); }

/* ---------- Previews ---------- */
.tool-previews {
  display: grid;
  gap: 16px;
}
.tool-previews-1 { grid-template-columns: 1fr; }
.tool-previews-2 { grid-template-columns: repeat(2, 1fr); }

.tool-preview {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.tool-preview-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 8px;
  overflow: hidden;
  background: #f7f4ee;
  border: 1px solid rgba(247,244,238,0.10);
  box-shadow: 0 12px 32px -16px rgba(0,0,0,0.6);
}
.tool-preview-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
  transition: transform .5s cubic-bezier(.2,.7,.2,1);
}
.tool-card:hover .tool-preview-frame img {
  transform: scale(1.02);
}
.tool-preview figcaption {
  font-size: 11px;
  color: rgba(247,244,238,0.5);
  letter-spacing: 0.04em;
  line-height: 1.4;
}

/* ---------- CTA ---------- */
.tool-cta-row {
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.tool-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 8px;
  background: var(--accent-lead);
  color: #0B0B0B;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition: background .2s, transform .2s;
}
.tool-cta:hover {
  background: #7bd4d2;
  transform: translateY(-1px);
}

/* ---------- Footnote ---------- */
.tools-footnote {
  margin: 56px 0 0;
  padding: 24px 24px 20px;
  display: grid;
  grid-template-columns: 4px minmax(0, 1fr);
  gap: 20px;
  background: rgba(247,244,238,0.03);
  border-radius: 8px;
}
.tools-footnote-line {
  background: var(--accent-lead);
  border-radius: 2px;
}
.tools-footnote-text {
  font-size: 13px;
  line-height: 1.6;
  color: rgba(247,244,238,0.6);
  text-wrap: pretty;
}
.tools-footnote-text strong {
  color: rgba(247,244,238,0.85);
  font-weight: 700;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .tools-grid { grid-template-columns: 1fr; }
  .tool-featured { grid-column: 1 / -1; }
  .tool-previews-2 { grid-template-columns: 1fr; }
  .tool-featured .tool-name { font-size: 22px; }
}
@media (max-width: 520px) {
  .tools.on-dark { padding: 80px 0 64px; }
  .tool-card { padding: 24px 20px 22px; }
  .tool-value-num { font-size: 22px; }
  .tool-name { font-size: 18px; }
}


/* ===========================================================
 * §06c · MCP Server · Brian Ho 2nd Brain · flagship dark section
 * =========================================================== */
.mcp.on-dark {
  padding: 120px 0 96px;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(53,167,165,0.10), transparent 55%),
    radial-gradient(ellipse at 100% 30%, rgba(255,101,66,0.06), transparent 55%),
    #0B0B0B;
  color: #F7F4EE;
  border-top: 1px solid rgba(247,244,238,0.14);
  position: relative;
}

/* ---------- HERO ---------- */
.mcp-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: 64px;
  align-items: center;
  margin-bottom: 96px;
}

.mcp-hero-left { min-width: 0; }
.mcp-hero-left .sec-tag {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(247,244,238,0.6);
  margin-bottom: 24px;
}
.mcp-hero-left .sec-tag .num { color: var(--accent-lead); font-variant-numeric: tabular-nums; }
.mcp-hero-left .sec-tag .dot { width: 6px; height: 6px; border-radius: 999px; background: var(--accent-lead); }

.mcp-brand-line {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.mcp-slug {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 8px;
  background: rgba(247,244,238,0.06);
  border: 1px solid rgba(247,244,238,0.16);
  font-family: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--accent-lead);
  letter-spacing: -0.01em;
}
.mcp-slug-tag {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #FFD87A 0%, #E3B573 100%);
  color: #1a1614;
}

.mcp-h2 {
  margin: 0 0 20px;
  font-family: var(--font-heading, inherit);
  font-size: clamp(32px, 4.8vw, 56px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-weight: 800;
  color: #F7F4EE;
  text-wrap: balance;
}
.mcp-h2-accent {
  color: var(--accent-brand-on-dark);
  font-style: italic;
  font-weight: 700;
}

.mcp-lede {
  margin: 0 0 28px;
  max-width: 52ch;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(247,244,238,0.75);
  text-wrap: pretty;
}

.mcp-compat {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.mcp-compat-lbl {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(247,244,238,0.5);
}
.mcp-compat-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mcp-compat-pill {
  display: inline-grid;
  width: 46px;
  height: 46px;
  padding: 10px;
  place-items: center;
  border: 1px solid rgba(247,244,238,0.18);
  border-radius: 12px;
  background: #f7f4ee;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.mcp-compat-pill:hover,
.mcp-compat-pill:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(247,244,238,0.5);
  box-shadow: 0 12px 28px rgba(0,0,0,0.24);
}
.mcp-compat-pill img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.mcp-compat-pill[data-client="claude"] {
  background: #d97757;
}
.mcp-compat-pill[data-client="claude"] img,
.mcp-compat-pill[data-client="cursor"] img {
  filter: invert(1);
}
.mcp-compat-pill[data-client="cursor"] {
  background: #0b0b0b;
}

.mcp-verified {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 8px;
  background: rgba(53,167,165,0.10);
  border: 1px solid rgba(53,167,165,0.30);
  color: var(--accent-lead);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}
.mcp-verified > span:last-child {
  color: #f7f4ee;
  font-weight: 700;
}

/* ---------- HERO screenshot stack ---------- */
.mcp-hero-right { min-width: 0; position: relative; }
.mcp-screenshot-stack {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 11;
}
.mcp-screenshot {
  margin: 0;
  position: absolute;
  border-radius: 12px;
  overflow: hidden;
  background: #f7f4ee;
  border: 1px solid rgba(247,244,238,0.16);
  box-shadow:
    0 24px 60px -20px rgba(0,0,0,0.55),
    0 4px 12px rgba(0,0,0,0.35);
  transition: transform .5s cubic-bezier(.2,.7,.2,1);
}
.mcp-screenshot img {
  width: 100%;
  height: auto;
  display: block;
}
.mcp-screenshot figcaption {
  position: absolute;
  left: 12px;
  bottom: 12px;
  padding: 6px 10px;
  background: rgba(11,11,11,0.78);
  color: rgba(247,244,238,0.9);
  border-radius: 6px;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.02em;
  backdrop-filter: blur(6px);
  max-width: calc(100% - 24px);
}

.mcp-screenshot-front {
  top: 0;
  right: 0;
  width: 82%;
  z-index: 2;
}
.mcp-screenshot-back {
  bottom: 0;
  left: 0;
  width: 62%;
  z-index: 3;
  transform: translateY(20%);
}
.mcp-hero:hover .mcp-screenshot-front { transform: translate(-4px, -4px); }
.mcp-hero:hover .mcp-screenshot-back { transform: translate(4px, 24%); }

/* ---------- Capabilities ---------- */
.mcp-caps {
  margin-bottom: 96px;
  padding-top: 64px;
  border-top: 1px solid rgba(247,244,238,0.10);
}
.mcp-caps-head {
  max-width: 62ch;
  margin-bottom: 40px;
}
.mcp-caps-head h3 {
  margin: 0 0 10px;
  font-family: var(--font-heading, inherit);
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 700;
  line-height: 1.2;
  color: #F7F4EE;
  text-wrap: balance;
}
.mcp-caps-head p {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  color: rgba(247,244,238,0.65);
  text-wrap: pretty;
}

.mcp-caps-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.mcp-cap {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 20px;
  padding: 24px 24px 22px;
  background: rgba(247,244,238,0.03);
  border: 1px solid rgba(247,244,238,0.10);
  border-radius: 12px;
  transition: border-color .3s, background .3s;
}
.mcp-cap:hover {
  border-color: rgba(53,167,165,0.35);
  background: rgba(247,244,238,0.05);
}
.mcp-cap-num {
  font-family: var(--font-heading, inherit);
  font-size: 28px;
  font-weight: 800;
  color: var(--accent-lead);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  padding-top: 2px;
}
.mcp-cap-body { min-width: 0; }
.mcp-cap-role-row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.mcp-cap-role {
  font-family: var(--font-heading, inherit);
  font-size: 18px;
  font-weight: 700;
  color: #F7F4EE;
}
.mcp-cap-task {
  font-size: 12px;
  color: rgba(247,244,238,0.5);
  letter-spacing: 0.02em;
  font-style: italic;
}
.mcp-cap-command {
  display: inline-flex;
  padding: 4px 10px;
  margin-bottom: 8px;
  background: rgba(53,167,165,0.10);
  border: 1px solid rgba(53,167,165,0.28);
  border-radius: 6px;
  font-family: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;
  font-size: 12px;
  font-weight: 600;
  color: var(--accent-lead);
}
.mcp-cap-what {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(247,244,238,0.72);
  text-wrap: pretty;
}

/* ---------- Discount ladder ---------- */
.mcp-discount-block {
  padding: 40px 40px 36px;
  background: linear-gradient(135deg, rgba(199,232,69,0.05) 0%, rgba(53,167,165,0.05) 100%);
  border: 1px solid rgba(247,244,238,0.12);
  border-radius: 16px;
  margin-bottom: 40px;
}
.mcp-discount-head {
  margin-bottom: 32px;
}
.mcp-discount-head .sec-tag {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(247,244,238,0.6);
  margin-bottom: 14px;
}
.mcp-discount-head .sec-tag .dot { width: 6px; height: 6px; border-radius: 999px; background: var(--accent-lead); }
.mcp-discount-head h3 {
  margin: 0 0 10px;
  font-family: var(--font-heading, inherit);
  font-size: clamp(22px, 2.8vw, 30px);
  font-weight: 700;
  line-height: 1.22;
  color: #F7F4EE;
  text-wrap: balance;
}
.mcp-discount-hero {
  color: var(--coral);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.mcp-discount-sub {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.55;
  color: rgba(247,244,238,0.65);
  max-width: 66ch;
  text-wrap: pretty;
}
.mcp-discount-sub strong { color: #F7F4EE; font-weight: 700; font-variant-numeric: tabular-nums; }

.mcp-ladder {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}
.mcp-tier {
  padding: 24px 22px 22px;
  background: rgba(11,11,11,0.60);
  border: 1px solid rgba(247,244,238,0.14);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  transition: transform .3s cubic-bezier(.2,.7,.2,1), border-color .3s;
}
.mcp-tier::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: var(--tier-accent, var(--accent-lead));
}
.mcp-tier:hover {
  transform: translateY(-3px);
}
.mcp-tier-gold {
  --tier-accent: linear-gradient(90deg, #FFD87A, #E3B573);
  border-color: rgba(255,216,122,0.35);
  background:
    radial-gradient(ellipse at top right, rgba(255,216,122,0.10), transparent 60%),
    rgba(11,11,11,0.60);
}
.mcp-tier-gold::before { background: linear-gradient(90deg, #FFD87A, #E3B573); }
.mcp-tier-gold:hover { border-color: rgba(255,216,122,0.55); }
.mcp-tier-coral::before { background: #FF6542; }
.mcp-tier-teal::before { background: #35A7A5; }

.mcp-tier-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.mcp-tier-name {
  font-family: var(--font-heading, inherit);
  font-size: 16px;
  font-weight: 700;
  color: #F7F4EE;
}
.mcp-tier-pct {
  font-family: var(--font-heading, inherit);
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #F7F4EE;
  font-variant-numeric: tabular-nums;
}
.mcp-tier-gold .mcp-tier-pct { color: #FFD87A; }
.mcp-tier-coral .mcp-tier-pct { color: #FF8163; }
.mcp-tier-teal .mcp-tier-pct { color: #7BD4D2; }

.mcp-tier-price {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 12px 0;
  border-top: 1px solid rgba(247,244,238,0.10);
  border-bottom: 1px solid rgba(247,244,238,0.10);
  margin-bottom: 12px;
}
.mcp-tier-price-was {
  font-size: 15px;
  color: rgba(247,244,238,0.35);
  text-decoration: line-through;
  font-variant-numeric: tabular-nums;
}
.mcp-tier-price-now {
  font-family: var(--font-heading, inherit);
  font-size: 26px;
  font-weight: 800;
  color: #F7F4EE;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.mcp-tier-note {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(247,244,238,0.6);
}

/* ---------- Responsive ---------- */
@media (max-width: 1000px) {
  .mcp-hero { grid-template-columns: 1fr; gap: 48px; }
  .mcp-screenshot-stack { aspect-ratio: 16 / 10; }
  .mcp-screenshot-front { width: 78%; }
  .mcp-screenshot-back { width: 60%; transform: translateY(15%); }
  .mcp-caps-list { grid-template-columns: 1fr; }
  .mcp-ladder { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .mcp.on-dark { padding: 80px 0 64px; }
  .mcp-caps { padding-top: 48px; margin-bottom: 64px; }
  .mcp-discount-block { padding: 28px 22px 26px; }
  .mcp-cap { grid-template-columns: 44px 1fr; gap: 14px; padding: 20px 18px; }
  .mcp-cap-num { font-size: 22px; }
  .mcp-tier-price-now { font-size: 22px; }
  .mcp-tier-pct { font-size: 26px; }
}


/* Original webinar hero-card fidelity */
.enroll-check-row{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;font-size:13.5px;color:var(--fg-2);line-height:1.5;cursor:pointer}
.enroll-check-row input[type="checkbox"]{width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent-lead);cursor:pointer}
.enroll-check-row em{color:var(--accent-lead);font-style:normal;font-weight:700}

.pw-hero-card {
  background: var(--surface-2);
  border: 1px solid var(--border-1);
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 40px;
  position: relative;
  box-shadow: var(--shadow-sm);
}

/* Gold award strip · signals prestige at a glance */
.pw-hero-award-strip {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 24px;
  background: linear-gradient(90deg, #B08243 0%, #E3B573 45%, #DFC38A 100%);
  color: #1a1508;
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: 13.5px;
  letter-spacing: 0.02em;
}
.pw-hero-award-label { font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; font-size: 12.5px; }
.pw-hero-award-org { font-weight: 500; opacity: 0.82; font-size: 12.5px; }
.pw-hero-award-strip svg { color: #1a1508; flex-shrink: 0; }

/* 2-column body · award ceremony photo LEFT + panel meta RIGHT */
.pw-hero-body {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 0;
}
.pw-hero-poster-btn {
  all: unset;
  cursor: zoom-in;
  position: relative;
  display: block;
  background: #000;
  overflow: hidden;
}
.pw-hero-poster-btn img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 380px;
  max-height: 520px;
  object-fit: cover;
  transition: transform 500ms cubic-bezier(0.2, 0.7, 0.2, 1);
}
.pw-hero-poster-btn:hover img { transform: scale(1.02); }
.pw-hero-poster-btn:focus-visible { outline: 2px solid var(--brand-teal); outline-offset: -4px; }

.pw-hero-meta {
  padding: 32px 36px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-left: 1px solid var(--border-1);
}
.pw-hero-title {
  font-family: var(--font-display);
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: -0.02em;
  color: var(--fg-1);
  margin: 8px 0 0;
  text-wrap: balance;
}
.pw-hero-subtitle {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0;
  max-width: 52ch;
}
.pw-hero-facts {
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid var(--border-muted);
}
.pw-hero-facts dt { font-size: 10.5px; letter-spacing: 0.14em; }
.pw-hero-facts dd { font-size: 13px; }

/* Gallery strip · 3 candid panel photos */
.pw-hero-gallery {
  padding: 24px 24px 28px;
  border-top: 1px solid var(--border-1);
  background: var(--surface-3);
}
.pw-hero-gallery-label {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 14px;
}
.pw-hero-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.pw-hero-gallery-item {
  all: unset;
  cursor: zoom-in;
  position: relative;
  display: block;
  aspect-ratio: 3 / 2;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
  transition: transform 220ms cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 220ms;
}
.pw-hero-gallery-item:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.pw-hero-gallery-item:focus-visible { outline: 2px solid var(--brand-teal); outline-offset: 2px; }
.pw-hero-gallery-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 400ms cubic-bezier(0.2, 0.7, 0.2, 1);
}
.pw-hero-gallery-item:hover img { transform: scale(1.05); }
.pw-hero-gallery-caption {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: 8px 12px;
  font-family: var(--font-sans);
  font-size: 11.5px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.005em;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.72) 100%);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 220ms, transform 220ms;
}
.pw-hero-gallery-item:hover .pw-hero-gallery-caption,
.pw-hero-gallery-item:focus-visible .pw-hero-gallery-caption { opacity: 1; transform: translateY(0); }

@media (max-width: 900px) {
  .pw-hero-body { grid-template-columns: 1fr; }
  .pw-hero-meta { border-left: none; border-top: 1px solid var(--border-1); padding: 24px 20px; }
  .pw-hero-poster-btn img { min-height: 260px; max-height: 340px; }
  .pw-hero-gallery-grid { gap: 10px; }
  .pw-hero-gallery-caption { opacity: 1; transform: translateY(0); font-size: 10.5px; padding: 6px 10px; }
}
@media (max-width: 560px) {
  .pw-hero-award-strip { padding: 12px 16px; font-size: 12px; flex-wrap: wrap; }
  .pw-hero-award-org { flex-basis: 100%; margin-left: 30px; }
  .pw-hero-gallery { padding: 18px 16px 22px; }
  .pw-hero-gallery-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .pw-hero-title { font-size: 20px; }
}

/* Controlled non-hero UI correction */
body {
  overflow-x: hidden;
  background: var(--surface-1);
}

.container-wide {
  width: 100%;
  max-width: 1432px;
  margin-inline: auto;
  padding-inline: clamp(20px, 3.5vw, 48px);
  box-sizing: border-box;
}

.sec-head {
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.42fr);
  gap: 24px 48px;
  margin-bottom: 44px;
}

.tiers,
.compare,
.modules,
.why,
.track,
.past-webinars,
.podcast,
.press,
.intl-network,
.aio-proof,
.closing,
.enroll-mini {
  min-height: 0;
}

.tiers {
  padding: 104px 0;
  background: var(--surface-3);
}

.tiers .tier-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.tiers .tier-card {
  display: flex;
  min-width: 0;
  padding: 28px;
}

.tier-card .who {
  min-height: 86px;
}

.why {
  padding: 104px 0 88px;
  background: var(--surface-dark);
}

.why-grid {
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 64px;
  align-items: start;
}

.why-blocks {
  min-width: 0;
  align-content: start;
}

.why-conference-note {
  grid-column: auto;
  margin-top: 4px;
  min-height: 0;
}

.why-logostrip {
  margin-top: 48px;
}

.why-logostrip-row {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.why-logo {
  width: 100%;
  min-width: 0;
  height: 104px;
  box-sizing: border-box;
}

.why-logo img {
  width: auto;
  height: auto;
  max-width: min(118px, 88%);
  max-height: 42px;
  object-fit: contain;
}

.track {
  padding: 104px 0 96px;
  background: var(--surface-1);
  color: var(--fg-1);
}

.track-grid,
.track-grid-featured,
.track-grid-3col,
.track-grid-mixed {
  grid-auto-flow: row;
  grid-auto-rows: auto;
  align-items: start;
}

.track-grid-featured,
.track-grid-3col {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.track-grid-mixed {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.track-grid-featured .track-card-feature,
.track-grid-mixed .track-card-feature {
  grid-column: auto;
  grid-row: auto;
}

.track-card {
  width: 100%;
  min-width: 0;
  align-self: start;
  gap: 0;
}

.track-card-frame {
  aspect-ratio: 16 / 9;
}

.track-card-feature .track-card-frame {
  aspect-ratio: 16 / 9;
}

.track-card-frame img {
  object-position: top center;
}

.past-webinars {
  padding: 104px 0 96px;
  background: var(--surface-1);
}

.past-webinars .pw-intro {
  margin: -16px 0 44px;
}

.pw-hero-card {
  margin-bottom: 52px;
}

.pw-hero-body {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: stretch;
}

.pw-hero-poster-btn img {
  min-height: 360px;
  max-height: 460px;
  object-position: center;
}

.pw-hero-meta {
  padding: 30px 32px;
  min-width: 0;
}

.pw-hero-title {
  font-size: clamp(22px, 2.5vw, 32px);
}

.pw-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px 28px;
  grid-auto-flow: row;
  grid-auto-rows: auto;
}

.pw-card,
.pw-card.pw-featured,
.pw-card:not(.pw-featured),
.pw-card[data-aspect="16/10"]:not(.pw-featured),
.pw-card[data-aspect="16/9"]:not(.pw-featured) {
  grid-column: auto;
  grid-row: auto;
  min-width: 0;
  gap: 18px;
}

.pw-poster-frame {
  aspect-ratio: 16 / 10;
}

.pw-card[data-aspect="16/9"] .pw-poster-frame {
  aspect-ratio: 16 / 9;
}

.pw-card[data-aspect="1/1"] .pw-poster-frame {
  aspect-ratio: 1 / 1;
}

.pw-featured .pw-title {
  font-size: 22px;
}

.podcast {
  padding: 88px 0 92px;
  background: var(--surface-1);
}

.pod-layout {
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
  gap: 44px;
  align-items: start;
  min-height: 0;
}

.pod-video-wrap,
.pod-body {
  min-height: 0;
}

.press {
  padding: 96px 0;
  background: var(--surface-3);
}

.intl-network {
  padding: 104px 0;
  background: var(--surface-3);
}

.intl-network .in-pathway {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px 40px;
  align-items: center;
  margin-top: 40px;
  padding: 26px 30px;
  border-color: rgba(247, 244, 238, .14);
  background: #1a1614;
  color: var(--fg-inverse);
}

.intl-network .in-pathway-eyebrow {
  color: var(--accent-brand-on-dark);
}

.intl-network .in-pathway-title {
  margin: 0 0 10px;
  color: var(--fg-inverse);
}

.intl-network .in-pathway-desc {
  max-width: 72ch;
  margin: 0;
  color: rgba(247, 244, 238, .68);
}

.intl-network .in-pathway-tags {
  align-self: center;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
  max-width: 420px;
}

.intl-network .in-pathway-tag {
  padding: 6px 11px;
  border-color: rgba(247, 244, 238, .16);
  background: rgba(247, 244, 238, .08);
  color: rgba(247, 244, 238, .88);
  font-size: 10px;
  white-space: nowrap;
}

.in-mosaic {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-rows: 250px;
  gap: 12px;
}

.in-tile,
.in-tile-0,
.in-tile-1,
.in-tile-2,
.in-tile-3,
.in-tile-4,
.in-tile-5 {
  grid-column: auto;
  grid-row: auto;
  min-width: 0;
}

.in-tile-overlay {
  opacity: 1;
}

.aio-proof {
  padding: 96px 0;
  background: var(--surface-1);
}

.aio-proof .carousel {
  margin-top: 36px;
}

.closing {
  padding: 112px 0 104px;
  background: var(--surface-1);
  border-top: 1px solid var(--border-1);
}

.closing-inner {
  max-width: 900px;
}

.closing .button-row {
  justify-content: center;
}

.enroll-mini {
  padding: 96px 0 104px;
  background: var(--surface-2);
}

.enroll-mini-head .eyebrow {
  justify-content: center;
  margin-bottom: 16px;
}

.enroll-mini-card {
  background: var(--surface-1);
}

.site-footer {
  padding: 64px 0 32px;
  background: var(--surface-1);
  color: var(--fg-1);
}

.site-footer .foot-grid {
  grid-template-columns: minmax(240px, 1.5fr) repeat(3, minmax(140px, 1fr));
  gap: 32px;
}

.site-footer .foot-brand,
.site-footer nav {
  min-width: 0;
}

.site-footer .foot-brand img {
  width: auto;
  max-width: min(190px, 100%);
  object-fit: contain;
}

/* Keep floating controls available on wide screens without covering content. */
.chat-stack {
  right: 10px;
  bottom: 72px;
  gap: 8px;
}

.chat-stack img {
  width: 42px;
  height: 42px;
}

.chat-stack span {
  right: 52px;
}

.back-top {
  right: 10px;
  bottom: 18px;
  width: 42px;
  height: 42px;
}

@media (max-width: 1120px) {
  .chat-stack,
  .back-top {
    display: none;
  }

  .container-wide {
    padding-inline: 32px;
  }

  .sec-head {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.38fr);
  }

  .tiers .tier-card {
    padding: 24px;
  }

  .price-num {
    font-size: 38px;
  }

  .why-grid {
    gap: 44px;
  }

  .track-grid-mixed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .track-grid-mixed .track-card-feature {
    grid-column: auto;
  }

  .pw-hero-body {
    grid-template-columns: 1fr;
  }

  .pw-hero-meta {
    border-left: 0;
    border-top: 1px solid var(--border-1);
  }

  .site-footer .foot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .sec-head {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .tiers .tier-grid {
    grid-template-columns: 1fr;
  }

  .tiers .tier-card {
    display: flex;
  }

  .tier-card .who {
    min-height: 0;
  }

  .why-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .why-logostrip-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .track-grid-featured,
  .track-grid-3col,
  .track-grid-mixed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .track-grid-featured .track-card-feature,
  .track-grid-mixed .track-card-feature {
    grid-column: auto;
  }

  .pw-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pod-layout {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .in-mosaic {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 230px;
  }
}

@media (max-width: 640px) {
  .container-wide {
    width: 100%;
    padding-inline: 20px;
  }

  .tiers,
  .why,
  .track,
  .past-webinars,
  .podcast,
  .press,
  .intl-network,
  .aio-proof,
  .closing,
  .enroll-mini {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .why-logostrip-row,
  .pw-grid,
  .in-mosaic,
  .site-footer .foot-grid {
    grid-template-columns: 1fr;
  }

  .track-grid-featured,
  .track-grid-3col,
  .track-grid-mixed {
    grid-template-columns: 1fr;
  }

  .track-grid-featured .track-card-feature,
  .track-grid-mixed .track-card-feature {
    grid-column: auto;
  }

  .pw-hero-poster-btn img {
    min-height: 240px;
    max-height: 320px;
  }

  .pw-hero-gallery-grid {
    grid-template-columns: 1fr;
  }

  .in-mosaic {
    grid-auto-rows: 220px;
  }

  .closing .button-row {
    align-items: stretch;
  }

  .site-footer .foot-grid {
    gap: 32px;
  }
}

/* Coral-led color hierarchy
   Coral drives brand and conversion moments. Teal is reserved for proof,
   technical and international context. Lime marks positive or VIP states,
   while gold is limited to awards and premium recognition. */

/* Pricing and comparison are conversion surfaces. */
.tiers .mode-badge,
.tiers .tier-card.featured .featured-flag,
.tiers .tier-card.featured .btn-primary,
.compare .compare-vip {
  background: var(--accent-brand);
  color: var(--accent-brand-ink);
}

.tiers .tier-card ul.tier-bullets li::before {
  background: var(--accent-brand);
}

.tiers .tier-card.featured .tier-label {
  color: var(--accent-brand-on-dark);
}

.compare-table thead .col-featured .col-price,
.compare .section-row .num {
  color: var(--accent-brand-on-dark);
}

/* Curriculum follows the same coral learning and conversion path. */
.modules .stage-head .stage-num {
  color: var(--accent-brand-text);
}

.modules .stage-head .stage-num::before,
.modules .t-dot.on {
  background: var(--accent-brand);
}

.modules .m-sig.vip {
  color: var(--accent-brand-on-dark);
}

.modules .modules-note {
  border-left-color: var(--accent-brand);
}

/* Brian's brand statement uses coral, while global credentials stay teal. */
.why .accent {
  color: var(--coral);
}

.why .why-block li {
  color: var(--accent-brand-on-dark);
}

.why .why-conference-note strong {
  color: var(--accent-info-on-dark);
}

/* Editorial conversion cues use coral. Supporting role and proof labels stay teal. */
.past-webinars .pw-featured-flag {
  background: var(--accent-brand);
  color: var(--accent-brand-ink);
}

.podcast .pod-topics-num,
.podcast .pod-video-loader {
  color: var(--accent-brand-text);
  border-top-color: var(--accent-brand);
}

.tools .tool-cta {
  background: var(--accent-brand);
  color: var(--accent-brand-ink);
}

.tools .tool-cta:hover {
  background: #ff8163;
}

.mcp .mcp-discount-head .sec-tag .dot {
  background: var(--accent-brand);
}

/* Enrollment is the final conversion surface. */
.enroll-mini-head .sec-tag .num,
.enroll-mini-field .lbl em,
.enroll-check-row em {
  color: var(--accent-brand-text);
}

.enroll-mini-head .sec-tag .dot {
  background: var(--accent-brand);
}

.enroll-mini-field input:focus,
.enroll-mini-field select:focus,
.enroll-mini-field textarea:focus {
  border-color: var(--accent-brand);
  box-shadow: 0 0 0 3px rgba(255, 101, 66, .2);
}

.enroll-check-row input[type="checkbox"] {
  accent-color: var(--accent-brand);
}

.enroll-mini-form .btn-primary {
  border-color: var(--accent-brand);
  background: var(--accent-brand);
  color: var(--accent-brand-ink);
}

.enroll-mini-success .enroll-check {
  background: var(--accent-positive);
  color: var(--ink);
}

/* Teal is limited to data, proof links and technical context. */
.testimonials .attribution a,
.track .track-metric-val,
.press .press-language {
  color: var(--accent-info-text);
}

.track .track-chapter-num,
.track .track-footnote-label {
  color: var(--accent-brand-text);
}

.intl-network .in-pill-dot {
  background: var(--accent-info);
}

.track .track-chapter-metric {
  background: color-mix(in oklab, var(--accent-info) 8%, var(--surface-2));
  border-color: color-mix(in oklab, var(--accent-info) 22%, var(--border-1));
}

/* Award treatment remains uniquely gold. */
.past-webinars .pw-hero-award-strip {
  color: #624717;
}

/* Phrase-aware Vietnamese typography and unified section labels. */
main section:not(.hero) :is(h2, h3, h4) {
  text-wrap: balance;
}

.heading-balanced {
  text-wrap: balance;
}

.heading-line {
  color: inherit;
}

.phrase {
  white-space: nowrap;
}

h2 .phrase-neutral,
h3 .phrase-neutral,
h4 .phrase-neutral {
  color: inherit;
}

.heading-accent,
.testimonials .sec-head h2 > span,
.tiers .sec-head h2 > span,
.compare .sec-head h2 > span,
.track .sec-head h2 > span,
.past-webinars .sec-head h2 > span,
.podcast .sec-head h2 > span,
.press .sec-head h2 > span,
.intl-network .sec-head h2 > span,
.closing h2 > span,
.enroll-mini-head h2 > span {
  color: var(--coral);
}

.why .heading-accent,
.tools .heading-accent,
.mcp .heading-accent {
  color: var(--coral);
}

main section:not(.hero) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--fg-2);
}

main section:not(.hero) .eyebrow::before {
  content: "";
  width: 28px;
  height: 2px;
  flex: 0 0 28px;
  background: var(--accent-brand);
}

main section:not(.hero).on-dark .eyebrow,
main section.why .eyebrow,
main section.mcp .eyebrow {
  color: rgba(247, 244, 238, .76);
}

/* Why Brian uses real flag graphics and neutral dark cards. */
.why .flag-row {
  gap: 10px;
}

.why .market-flag {
  min-width: 0;
  gap: 12px;
  padding: 12px 14px;
  border-color: rgba(247, 244, 238, .14);
  background: rgba(247, 244, 238, .045);
}

.why .market-flag-stack {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  min-width: 44px;
}

.why .market-flag-glyph {
  display: block;
  width: 38px;
  height: 25px;
  overflow: hidden;
  border: 1px solid rgba(247, 244, 238, .2);
  border-radius: 4px;
  background: transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .24);
}

.why .market-flag-glyph + .market-flag-glyph {
  margin-left: -25px;
  transform: translate(8px, 7px);
}

.why .market-flag-glyph svg {
  display: block;
  width: 100%;
  height: 100%;
}

.why .market-flag-meta {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

.why .market-flag-meta strong {
  color: var(--fg-inverse);
  font-size: 12px;
}

.why .market-flag-meta > span {
  color: rgba(247, 244, 238, .55);
  font-size: 10px;
  line-height: 1.35;
}

.logo-label {
  display: block;
  margin-top: 0;
  margin-bottom: 12px;
  padding-bottom: 0;
  color: var(--fg-3);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  line-height: 1.45;
  text-transform: uppercase;
}

.logo-label-students {
  margin-top: 22px;
}

.tools .tools-subheadline {
  display: inline-block;
  margin-top: 12px;
  color: var(--coral);
}

/* The MCP headline is a brand statement. Technical controls remain teal. */
.mcp .mcp-h2-accent {
  color: var(--coral);
}

/* AI Overview is intentionally image-first, without repeated metadata. */
.aio-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  margin-bottom: 42px;
}

.aio-head .eyebrow {
  margin: 0;
}

.aio-title-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: clamp(32px, 6vw, 88px);
  align-items: end;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--border-1);
}

.aio-title-wrap h2 {
  max-width: 18ch;
  font-size: clamp(38px, 4.35vw, 60px);
}

.aio-title-wrap > p {
  max-width: 42ch;
  margin: 0;
  color: var(--fg-3);
  font-size: 15px;
  line-height: 1.65;
  text-wrap: pretty;
}

.aio-proof .carousel {
  max-width: 1120px;
  margin-top: 0;
  padding: 24px 24px 76px;
}

.aio-proof .carousel-slide img {
  max-height: 720px;
  margin-inline: auto;
}

.aio-proof .carousel-controls button {
  width: 42px;
  height: 42px;
}

@media (max-width: 900px) {
  .intl-network .in-pathway {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .intl-network .in-pathway-tags {
    justify-content: flex-start;
    max-width: none;
  }

  .aio-title-wrap {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .aio-title-wrap h2,
  .aio-title-wrap > p {
    max-width: none;
  }
}

@media (max-width: 700px) {
  .logo-label {
    display: block;
    width: calc(100% - 40px);
    margin-bottom: 10px;
    font-size: 9px;
    letter-spacing: .1em;
  }
}

@media (max-width: 640px) {
  .why .flag-row {
    grid-template-columns: 1fr;
  }

  .intl-network .in-pathway {
    padding: 22px 20px;
  }

  .intl-network .in-pathway-tags {
    gap: 6px;
  }

  main section:not(.hero) .eyebrow {
    margin-bottom: 18px;
    font-size: 10px;
    letter-spacing: .12em;
  }

  .modules .sec-head h2 {
    font-size: clamp(36px, 11vw, 48px);
  }

  .tools.on-dark .sec-head h2 {
    font-size: clamp(32px, 9.4vw, 44px);
    line-height: 1.04;
  }

  .aio-head {
    margin-bottom: 28px;
  }

  .aio-title-wrap {
    padding-bottom: 20px;
  }

  .aio-title-wrap h2 {
    font-size: clamp(30px, 9vw, 38px);
    line-height: 1.05;
  }

  .aio-title-wrap > p {
    font-size: 14px;
  }

  .aio-proof .carousel {
    padding: 12px 12px 68px;
    border-radius: 16px;
  }

  .aio-proof .carousel-controls {
    inset: auto 12px 12px;
    justify-content: space-between;
  }
}

@media (max-width: 375px) {
  .aio-title-wrap h2 {
    font-size: 29px;
  }
}

/* 2026-08 content hierarchy and reference-aligned polish */
.hero .hero-pill {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 10px;
  margin-bottom: 26px;
  padding: 9px 14px;
  border: 1px solid rgba(11, 11, 11, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .44);
  color: var(--fg-1);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  line-height: 1.2;
  text-transform: uppercase;
  box-shadow: 0 8px 24px rgba(11, 11, 11, .05);
}

.hero .hero-pill > span {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: var(--coral);
  box-shadow: 0 0 0 4px rgba(255, 101, 66, .12);
}

.sec-head,
.section-head,
.community-head {
  display: flex;
  max-width: 1040px;
  margin-right: auto;
  margin-left: auto;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  text-align: center;
}

.sec-head {
  padding-bottom: 26px;
  border-bottom: 1px solid var(--border-1);
}

.sec-head h2,
.section-head h2,
.community-head h2 {
  max-width: 22ch;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.sec-head > p,
.section-head > p,
.community-head > p,
.tools .tools-subheadline {
  max-width: 76ch;
  margin: 0 auto;
  color: var(--fg-3);
  text-align: center;
  line-height: 1.65;
}

.testimonials .sec-head {
  margin-bottom: 30px;
}

.why-lead > h2,
.closing h2,
.enroll-mini-head h2 {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.logo-label {
  margin-bottom: 16px;
  color: var(--fg-2);
  font-size: clamp(13px, 1.15vw, 16px);
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.4;
}

.logo-label-students {
  margin-top: 28px;
}

.review-platform-links {
  justify-content: center;
  gap: 12px;
  margin: 36px 0 30px;
  padding-top: 30px;
  border-top: 1px solid var(--border-1);
}

.review-platform-links a {
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid var(--fg-1);
  border-radius: 999px;
  background: var(--fg-1);
  color: var(--surface-1);
  text-decoration: none;
  transition: transform .18s, background .18s;
}

.review-platform-links a:nth-child(2) {
  border-color: #1877f2;
  background: #1877f2;
  color: #fff;
}

.review-platform-links a:hover {
  transform: translateY(-2px);
}

.community-head {
  margin-bottom: 46px;
}

.community-head h2 {
  max-width: 24ch;
}

.chat-shot-frame {
  background: #fff;
}

.chat-shot-frame img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: top center;
}

.m-body h3 {
  margin: 0 0 8px;
  font: 700 20px/1.2 var(--font-heading);
}

.why-block h3 {
  margin: 0 0 8px;
  font: 700 21px/1.25 var(--font-heading);
}

.modules .stage-head .stage-num {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  color: var(--coral);
  font: 800 14px var(--font-heading);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.modules .stage-head .stage-num::before {
  background: var(--coral);
}

.tools .sec-head {
  border-bottom-color: rgba(247, 244, 238, .16);
}

.tools .sec-head h2 {
  max-width: 24ch;
}

.tools .tools-subheadline {
  display: block;
  color: rgba(247, 244, 238, .7);
  font-size: 16px;
}

.tool-preview {
  gap: 0;
}

.mcp.on-dark {
  padding-top: 72px;
}

.mcp-hero {
  min-height: 610px;
  margin-bottom: 84px;
  padding: clamp(34px, 5vw, 72px);
  border: 1px solid rgba(247, 244, 238, .14);
  border-radius: 28px;
  background:
    radial-gradient(circle at 84% 18%, rgba(255, 101, 66, .12), transparent 34%),
    linear-gradient(145deg, rgba(247, 244, 238, .055), rgba(247, 244, 238, .018));
  overflow: hidden;
}

.mcp-slug {
  border-radius: 999px;
  color: rgba(247, 244, 238, .86);
}

.mcp-slug-tag {
  background: var(--coral);
  color: #180d09;
}

.mcp-h2 {
  max-width: 12ch;
  font-size: clamp(42px, 5.1vw, 72px);
}

.mcp-screenshot-stack {
  min-height: 430px;
}

.mcp-screenshot {
  border-color: rgba(247, 244, 238, .28);
  border-radius: 16px;
}

.aio-proof {
  padding: 110px 0;
  background: #0b0b0b;
  color: var(--cream);
}

.aio-head {
  max-width: 980px;
  margin: 0 auto 48px;
  text-align: center;
}

.aio-title-wrap {
  display: flex;
  padding-bottom: 0;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  border-bottom: 0;
}

.aio-title-wrap h2 {
  max-width: 20ch;
  margin: 0 auto;
  color: var(--cream);
  text-align: center;
}

.aio-title-wrap > p {
  max-width: 68ch;
  margin: 0 auto;
  color: rgba(247, 244, 238, .68);
  text-align: center;
}

.aio-proof .carousel {
  max-width: 1180px;
  margin: 0 auto;
  padding: 18px 18px 82px;
  border-color: rgba(247, 244, 238, .18);
  background: #151515;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .34);
}

.aio-proof .carousel-slide img {
  width: 100%;
  max-height: 760px;
  border-radius: 12px;
  background: #fff;
  object-fit: contain;
}

.aio-proof .carousel-controls {
  inset: auto 18px 18px;
  justify-content: center;
}

.aio-proof .carousel-controls button {
  border-color: rgba(247, 244, 238, .28);
  background: rgba(247, 244, 238, .08);
  color: var(--cream);
}

.aio-proof .carousel-controls span {
  min-width: 62px;
  color: rgba(247, 244, 238, .7);
  text-align: center;
}

.footer-nav-title {
  display: block;
  margin: 0 0 16px;
  color: var(--fg-3);
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

@media (max-width: 900px) {
  .mcp-hero {
    min-height: 0;
    grid-template-columns: 1fr;
  }

  .mcp-h2 {
    max-width: 14ch;
  }

  .mcp-screenshot-stack {
    min-height: 380px;
  }
}

@media (max-width: 640px) {
  .hero .hero-pill {
    padding: 8px 11px;
    font-size: 9px;
    letter-spacing: .075em;
  }

  .logo-label {
    width: calc(100% - 40px);
    font-size: 12px;
    letter-spacing: .055em;
  }

  .review-platform-links {
    align-items: stretch;
  }

  .review-platform-links a {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .chat-shot {
    padding: 22px 18px;
  }

  .chat-shot-frame img {
    height: auto;
  }

  .modules .sec-head h2,
  .tools.on-dark .sec-head h2 {
    font-size: clamp(30px, 9.2vw, 40px);
  }

  .mcp.on-dark {
    padding-top: 40px;
  }

  .mcp-hero {
    margin-bottom: 64px;
    padding: 28px 20px;
    border-radius: 20px;
  }

  .mcp-h2 {
    max-width: none;
    font-size: clamp(36px, 11vw, 48px);
  }

  .mcp-screenshot-stack {
    min-height: 290px;
  }

  .aio-proof {
    padding: 76px 0;
  }

  .aio-title-wrap h2 {
    font-size: clamp(29px, 9vw, 38px);
  }
}

/* 2026-08 targeted layout refinement */
.mcp .mcp-h2,
.mcp .mcp-h2-accent {
  font-style: normal;
}

.why .why-lead > h2 {
  margin-right: 0;
  margin-left: 0;
  text-align: left;
}

.why .cred-flag-head {
  align-items: flex-start;
  gap: 8px;
}

.why .cred-flag-summary {
  max-width: 64ch;
  text-align: right;
  text-wrap: pretty;
}

.why .flag-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.why .market-flag {
  min-height: 64px;
  align-items: center;
  border-radius: 12px;
}

.why .market-flag-stack {
  min-width: 42px;
}

.why .market-flag-name {
  color: var(--fg-inverse);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  text-wrap: pretty;
}

.why .why-conference-note {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px 18px;
  align-items: center;
  margin-top: 8px;
  padding: 22px;
  overflow: hidden;
  border: 1px solid rgba(255, 101, 66, .5);
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 101, 66, .22), transparent 45%),
    linear-gradient(135deg, #211411, #151515 62%);
  color: var(--fg-inverse);
  text-decoration: none;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .22);
  transition: transform .2s ease, border-color .2s ease;
}

.why .why-conference-note:hover {
  border-color: var(--coral);
  transform: translateY(-2px);
}

.why .why-conference-note:focus-visible {
  outline: 2px solid var(--coral);
  outline-offset: 4px;
}

.why-conference-badge {
  align-self: start;
  padding: 6px 9px;
  border-radius: 999px;
  background: var(--coral);
  color: #1a0d09;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
}

.why-conference-copy {
  display: grid;
  gap: 7px;
}

.why-conference-copy strong {
  font: 800 20px/1.15 var(--font-heading);
}

.why-conference-copy > span {
  color: rgba(247, 244, 238, .7);
  font-size: 12px;
  line-height: 1.55;
}

.why-conference-link {
  color: var(--coral);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.track .sec-head {
  margin-bottom: 54px;
}

.track .track-chapter {
  margin-bottom: 84px;
}

.track .track-chapter-head {
  position: relative;
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr) auto;
  gap: 22px 28px;
  align-items: start;
  margin-bottom: 28px;
  padding: 28px 30px;
  overflow: hidden;
  border: 1px solid var(--border-1);
  border-radius: 18px;
  background: linear-gradient(135deg, var(--surface-2), rgba(255, 255, 255, .62));
}

.track .track-chapter-head::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--coral);
}

.track .track-chapter-num {
  min-width: 0;
  padding-top: 2px;
  color: var(--coral);
  font-size: clamp(46px, 4.5vw, 64px);
  line-height: .82;
}

.track .track-chapter-title {
  min-width: 0;
}

.track .track-chapter-title h3 {
  max-width: 34ch;
  margin: 0 0 9px;
  font-size: clamp(24px, 2.5vw, 34px);
  line-height: 1.08;
  text-wrap: balance;
}

.track .track-chapter-title p {
  max-width: 82ch;
  color: var(--fg-2);
  font-size: 14px;
  line-height: 1.62;
  text-wrap: pretty;
}

.track .track-grid,
.track .track-grid-featured,
.track .track-grid-3col,
.track .track-grid-mixed {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-rows: auto;
  align-items: stretch;
  gap: 18px;
}

.track .track-grid-featured .track-card-feature,
.track .track-grid-mixed .track-card-feature {
  display: grid;
  height: auto;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1.65fr) minmax(270px, .75fr);
  grid-row: auto;
  align-items: stretch;
}

.track .track-card {
  height: 100%;
  align-self: stretch;
  background: #fff;
}

.track .track-card-feature .track-card-frame {
  aspect-ratio: 16 / 7;
}

.track .track-card-feature .track-card-body {
  justify-content: center;
  padding: 28px;
}

.track .track-card-body {
  flex: 1;
}

.track .track-footnote {
  position: relative;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 18px 24px;
  align-items: start;
  margin-top: 8px;
  padding: 28px 30px;
  overflow: hidden;
  border: 0;
  border-radius: 18px;
  background: #171412;
  color: var(--fg-inverse);
  box-shadow: 0 20px 48px rgba(11, 11, 11, .14);
}

.track .track-footnote::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--coral), transparent 65%);
}

.track-footnote-mark {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(255, 101, 66, .45);
  border-radius: 50%;
  background: rgba(255, 101, 66, .12);
  color: var(--coral);
  font: italic 800 19px/1 var(--font-heading);
}

.track-footnote-copy {
  display: grid;
  gap: 8px;
}

.track .track-footnote-label {
  margin: 0;
  color: var(--coral);
  font-size: 11px;
}

.track .track-footnote p {
  max-width: 90ch;
  color: rgba(247, 244, 238, .7);
  font-size: 13px;
  line-height: 1.65;
}

.track-footnote-period {
  color: rgba(247, 244, 238, .48);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  white-space: nowrap;
}

.past-webinars .sec-head {
  max-width: 820px;
  margin-bottom: 28px;
}

.past-webinars .sec-head h2 {
  max-width: 16ch;
  font-size: clamp(40px, 5vw, 62px);
  line-height: 1.02;
}

.past-webinars .pw-intro {
  max-width: 72ch;
  margin: 0 auto 54px;
  color: var(--fg-2);
  text-align: center;
}

.past-webinars .pw-intro p {
  font-size: 15px;
  line-height: 1.7;
  text-wrap: pretty;
}

.podcast .sec-head {
  margin-bottom: 46px;
}

.podcast .pod-layout {
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
  gap: 36px;
  align-items: stretch;
}

.podcast .pod-video-wrap,
.podcast .pod-body {
  display: flex;
  min-height: 0;
  flex-direction: column;
}

.podcast .pod-video-caption {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding-top: 16px;
}

.pod-video-meta,
.pod-video-cta {
  display: flex;
  align-items: center;
}

.pod-video-meta {
  justify-content: space-between;
  gap: 14px;
}

.pod-video-cta {
  gap: 12px;
}

.podcast .pod-subscribe {
  min-height: 42px;
  padding: 0 16px;
  white-space: nowrap;
}

.podcast .pod-cta-note {
  max-width: 14ch;
  font-size: 10px;
  line-height: 1.4;
}

.podcast .pod-body {
  justify-content: center;
  padding: 28px;
  border: 1px solid var(--border-1);
  border-radius: 18px;
  background: var(--surface-2);
}

.intl-network .sec-head {
  max-width: 920px;
  margin-bottom: 28px;
}

.intl-network .sec-head h2 {
  max-width: 22ch;
  font-size: clamp(42px, 5.2vw, 68px);
  line-height: 1.02;
}

.intl-network .in-intro {
  max-width: 78ch;
  margin: 0 auto 28px;
  color: var(--fg-2);
  text-align: center;
}

.intl-network .in-intro p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  text-wrap: pretty;
}

.intl-network .in-locations {
  justify-content: center;
  margin-bottom: 38px;
}

.intl-network .in-pill {
  min-height: 34px;
  padding: 8px 13px;
  box-shadow: 0 6px 16px rgba(11, 11, 11, .04);
}

.intl-network .in-pathway {
  grid-template-columns: 50px minmax(0, 1fr) minmax(260px, .52fr);
  gap: 24px;
  align-items: start;
  padding: 32px;
  border-color: rgba(255, 101, 66, .26);
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 101, 66, .14), transparent 36%),
    #171412;
}

.in-pathway-icon {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 14px;
  background: var(--coral);
  color: #180d09;
  font-size: 22px;
  font-weight: 800;
}

.intl-network .in-pathway-kicker {
  display: block;
  margin-bottom: 9px;
  color: var(--coral);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.intl-network .in-pathway-title {
  max-width: 28ch;
  font-size: clamp(24px, 2.4vw, 34px);
  line-height: 1.08;
}

.intl-network .in-pathway-desc {
  font-size: 13px;
  line-height: 1.65;
  text-wrap: pretty;
}

.intl-network .in-pathway-tags {
  justify-content: flex-start;
  max-width: none;
}

.intl-network .in-pathway-tag {
  white-space: normal;
}

.intl-network .in-pathway-tag-vip {
  border-color: rgba(255, 101, 66, .55);
  background: rgba(255, 101, 66, .14);
  color: #ff9b82;
}

.enroll-mini .enroll-mini-card {
  max-width: 1180px;
  padding: 30px;
}

.enroll-mini .enroll-mini-form {
  display: block;
}

.enroll-mini-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .72fr);
  gap: 34px;
  align-items: start;
}

.enroll-mini-fields {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 16px;
}

.enroll-summary {
  position: sticky;
  top: 92px;
  display: grid;
  gap: 20px;
  padding: 26px;
  border: 1px solid rgba(255, 101, 66, .25);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 101, 66, .11), transparent 42%),
    var(--surface-2);
  box-shadow: 0 18px 38px rgba(11, 11, 11, .08);
}

.enroll-summary-kicker {
  color: var(--coral-dark, #c93f24);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.enroll-summary-tier,
.enroll-summary-benefits,
.enroll-mini-price {
  display: grid;
  gap: 8px;
}

.enroll-summary-tier .lbl,
.enroll-summary-benefits > .lbl,
.enroll-mini-price > .lbl {
  color: var(--fg-3);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.enroll-summary-tier strong {
  font: 800 25px/1.1 var(--font-heading);
  color: var(--fg-1);
}

.enroll-summary .enroll-mini-price {
  padding: 18px 0;
  border-top: 1px solid var(--border-1);
  border-bottom: 1px solid var(--border-1);
}

.enroll-summary .enroll-mini-price > .val {
  font: 800 clamp(30px, 3vw, 42px)/1 var(--font-heading);
  color: var(--fg-1);
}

.enroll-summary .mode {
  color: var(--fg-2);
  font-size: 12px;
  line-height: 1.45;
}

.enroll-summary-benefits ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.enroll-summary-benefits li {
  position: relative;
  padding-left: 18px;
  color: var(--fg-2);
  font-size: 12px;
  line-height: 1.45;
}

.enroll-summary-benefits li::before {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  color: var(--coral-dark, #c93f24);
  font-weight: 800;
}

.enroll-summary-note {
  margin: 0;
  color: var(--fg-3);
  font-size: 11px;
  line-height: 1.55;
}

.enroll-summary .btn-primary {
  width: 100%;
  justify-content: center;
}

.enroll-summary .enroll-mini-price-breakdown {
  display: grid;
  gap: 7px;
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px dashed var(--border-1);
}

.enroll-summary .enroll-price-line {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--fg-2);
  font-size: 11px;
}

@media (max-width: 1024px) {
  .track .track-grid,
  .track .track-grid-featured,
  .track .track-grid-3col,
  .track .track-grid-mixed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .track .track-grid-featured .track-card-feature,
  .track .track-grid-mixed .track-card-feature {
    grid-column: 1 / -1;
  }

  .podcast .pod-layout {
    grid-template-columns: 1fr;
  }

  .podcast .pod-body {
    padding: 24px;
  }

  .intl-network .in-pathway {
    grid-template-columns: 50px minmax(0, 1fr);
  }

  .intl-network .in-pathway-tags {
    grid-column: 2;
  }

  .enroll-mini-layout {
    grid-template-columns: 1fr;
  }

  .enroll-summary {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .enroll-summary-kicker,
  .enroll-summary-note,
  .enroll-summary .btn-primary {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  .why .cred-flag-summary {
    text-align: left;
  }

  .track .track-chapter-head {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 16px;
    padding: 22px 20px;
  }

  .track .track-chapter-metric {
    grid-column: 1 / -1;
  }

  .track .track-grid,
  .track .track-grid-featured,
  .track .track-grid-3col,
  .track .track-grid-mixed {
    grid-template-columns: 1fr;
  }

  .track .track-grid-featured .track-card-feature,
  .track .track-grid-mixed .track-card-feature {
    display: flex;
    grid-column: 1;
  }

  .track .track-card-feature .track-card-frame {
    aspect-ratio: 16 / 9;
  }

  .track .track-footnote {
    grid-template-columns: 42px minmax(0, 1fr);
    padding: 24px 20px;
  }

  .track-footnote-period {
    grid-column: 2;
  }

  .past-webinars .sec-head h2,
  .intl-network .sec-head h2 {
    font-size: clamp(34px, 10vw, 46px);
  }

  .podcast .pod-video-caption {
    grid-template-columns: 1fr;
  }

  .pod-video-cta {
    align-items: flex-start;
    flex-direction: column;
  }

  .podcast .pod-subscribe {
    width: 100%;
    justify-content: center;
  }

  .podcast .pod-cta-note {
    max-width: none;
  }

  .intl-network .in-pathway {
    grid-template-columns: 1fr;
    padding: 24px 20px;
  }

  .intl-network .in-pathway-tags {
    grid-column: 1;
  }

  .enroll-mini .enroll-mini-card {
    padding: 20px 16px;
  }

  .enroll-summary {
    grid-template-columns: 1fr;
    padding: 22px 18px;
  }

  .enroll-summary-kicker,
  .enroll-summary-note,
  .enroll-summary .btn-primary {
    grid-column: 1;
  }
}

@media (max-width: 520px) {
  .why .flag-row {
    grid-template-columns: 1fr;
  }

  .why .why-conference-note {
    grid-template-columns: 1fr;
  }

  .why-conference-badge,
  .why-conference-link {
    justify-self: start;
  }

  .track .track-chapter-head {
    grid-template-columns: 1fr;
  }

  .track .track-chapter-num {
    font-size: 42px;
  }
}

/* 2026-08 conversion and mobile QA fixes */
.site-header {
  grid-template-columns: 160px minmax(0, 1fr) 205px;
  column-gap: 18px;
}

.site-header nav {
  gap: clamp(14px, 1.55vw, 24px);
}

.site-header nav a {
  position: relative;
  white-space: nowrap;
}

.site-header nav a.active::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  height: 2px;
  background: var(--coral);
}

.site-header nav .nav-enroll {
  display: none;
}

.why .why-lead > .why-conference-note {
  margin-top: 24px;
}

.compare .compare-wrap {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-color: var(--coral) var(--surface-3);
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.compare .compare-table {
  min-width: 860px;
}

.enroll-mini-head {
  max-width: 820px;
}

.enroll-mini-kicker {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--coral-dark, #c93f24);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.enroll-mini-form {
  margin-top: 0;
}

.enroll-mini-field,
.enroll-mini-field input,
.enroll-mini-field select,
.enroll-mini-field textarea {
  min-width: 0;
}

.enroll-mini-field input,
.enroll-mini-field select {
  min-height: 48px;
}

.site-footer .foot-grid {
  grid-template-columns: minmax(250px, 1.45fr) repeat(4, minmax(130px, .72fr));
  gap: 34px;
}

.site-footer .foot-grid nav {
  min-width: 0;
}

.site-footer ul a {
  overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
  .site-header nav {
    gap: 13px;
  }

  .site-header nav a {
    font-size: 12px;
  }

  .site-footer .foot-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .site-footer .foot-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1000px) {
  .site-header {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .site-header > .button {
    grid-column: auto;
  }

  .menu-toggle {
    display: block;
  }

  .site-header.open {
    height: auto;
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .site-header.open nav {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    gap: 4px;
    margin-top: 14px;
    padding: 14px;
    border: 1px solid var(--border-1);
    border-radius: 16px;
    background: var(--surface-2);
    box-shadow: var(--shadow-md);
  }

  .site-header.open nav a {
    padding: 11px 12px;
    border-radius: 10px;
    font-size: 13px;
  }

  .site-header.open nav a:hover,
  .site-header.open nav a.active {
    background: var(--surface-3);
  }

  .site-header.open nav a.active::after {
    display: none;
  }
}

@media (max-width: 700px) {
  .site-header.open nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-header nav .nav-enroll {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: 1 / -1;
    min-height: 44px;
    background: var(--coral);
    color: #180d09;
    font-weight: 800;
  }

  .compare .compare-wrap {
    margin-right: -20px;
    border-radius: 16px 0 0 16px;
  }

  .compare .compare-wrap::before {
    content: "Vuốt ngang để xem đủ 3 lớp →";
    position: sticky;
    left: 0;
    z-index: 2;
    display: block;
    width: max-content;
    padding: 9px 14px;
    background: var(--fg-1);
    color: var(--fg-inverse);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
  }

  .compare .compare-table {
    min-width: 780px;
  }

  .intl-network .in-mosaic {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 12px;
  }

  .intl-network .in-tile,
  .intl-network .in-tile-0,
  .intl-network .in-tile-1,
  .intl-network .in-tile-2,
  .intl-network .in-tile-3,
  .intl-network .in-tile-4,
  .intl-network .in-tile-5 {
    width: 100%;
    min-height: 0;
    grid-column: 1 !important;
    grid-row: auto !important;
    aspect-ratio: 4 / 3;
  }

  .intl-network .in-tile-overlay {
    padding: 18px;
    opacity: 1;
  }

  .intl-network .in-tile-caption {
    max-width: 24ch;
    font-size: clamp(17px, 5.2vw, 21px);
    line-height: 1.12;
  }

  .intl-network .in-tile-people {
    max-width: 46ch;
    margin-top: 4px;
    line-height: 1.35;
  }

  .enroll-mini-head {
    margin-bottom: 24px;
  }

  .enroll-mini-head h2 {
    font-size: clamp(31px, 9vw, 40px);
  }

  .enroll-mini .enroll-mini-card {
    width: 100%;
    padding: 20px 16px;
  }

  .enroll-mini-row,
  .enroll-mini-fields {
    gap: 14px;
  }

  .enroll-mini-consent {
    padding: 14px;
  }

  .site-footer {
    padding-top: 48px;
  }

  .site-footer .foot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px 22px;
  }

  .site-footer .foot-brand {
    grid-column: 1 / -1;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-1);
  }

  .site-footer .foot-brand p {
    max-width: 52ch;
  }

  .site-footer ul {
    gap: 8px;
  }

  .site-footer ul a {
    font-size: 12px;
    line-height: 1.4;
  }

  .site-footer .foot-bottom {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 36px;
  }
}

@media (max-width: 390px) {
  .site-header.open nav a {
    padding-inline: 9px;
    font-size: 12px;
  }

  .site-footer .foot-grid {
    gap: 30px 16px;
  }

  .footer-nav-title {
    font-size: 10px;
    letter-spacing: .1em;
  }
}

/* 2026-08 UX polish: events, AI proof, contact and mobile rhythm */
.mobile-contact-options {
  display: none;
}

.past-webinars .pw-hero-card {
  margin-bottom: clamp(56px, 6vw, 76px);
}

.past-webinars .pw-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 3vw, 40px);
  align-items: stretch;
}

.past-webinars .pw-card {
  display: flex;
  min-width: 0;
  height: 100%;
  flex-direction: column;
  gap: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(32, 27, 23, .11);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(22, 17, 13, .08);
}

.past-webinars .pw-poster-btn {
  display: block;
  width: 100%;
  border-radius: 0;
}

.past-webinars .pw-poster-frame {
  isolation: isolate;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10 !important;
  border-radius: 0;
  background: #171513;
  box-shadow: none;
}

.past-webinars .pw-poster-frame::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, rgba(10, 9, 8, .02), rgba(10, 9, 8, .14));
  pointer-events: none;
}

.past-webinars .pw-poster-frame::after {
  z-index: 4;
  border-radius: 0;
  box-shadow: inset 0 -1px rgba(255, 255, 255, .08);
}

.past-webinars .pw-poster-frame .pw-poster-backdrop {
  position: absolute;
  z-index: 0;
  inset: -6%;
  width: 112%;
  height: 112%;
  background: transparent;
  filter: blur(22px) saturate(.85) brightness(.62);
  opacity: .72;
  object-fit: cover;
  transform: scale(1.04);
}

.past-webinars .pw-poster-frame .pw-poster-image {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: transparent;
  object-fit: contain;
  transform: none;
}

.past-webinars .pw-poster-btn:hover .pw-poster-backdrop {
  transform: scale(1.04);
}

.past-webinars .pw-poster-btn:hover .pw-poster-image {
  transform: scale(1.012);
}

.past-webinars .pw-poster-frame .pw-zoom-hint {
  z-index: 5;
}

.past-webinars .pw-meta {
  display: flex;
  min-height: 292px;
  height: auto;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0;
  padding: 24px 26px 26px;
  background: #fff;
}

.past-webinars .pw-meta-top {
  min-height: 32px;
  flex-wrap: nowrap;
}

.past-webinars .pw-role,
.past-webinars .pw-date {
  white-space: nowrap;
}

.past-webinars .pw-title {
  min-height: 2.3em;
  margin: 20px 0 0;
  font-size: clamp(22px, 2.1vw, 28px);
  line-height: 1.15;
  text-wrap: balance;
}

.past-webinars .pw-subtitle {
  min-height: 3.2em;
  margin: 12px 0 0;
  color: var(--fg-2);
  font-size: 14px;
  line-height: 1.6;
}

.past-webinars .pw-facts {
  min-height: 72px;
  margin: auto 0 0;
  padding-top: 18px;
  border-top: 1px solid var(--border-1);
  box-sizing: border-box;
}

.aio-proof.section-pad {
  position: relative;
  padding: clamp(112px, 12vw, 156px) 0 clamp(104px, 11vw, 144px);
  overflow: hidden;
  background: #0d0d0d;
  color: var(--cream);
}

.aio-proof.section-pad::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: min(100%, 980px);
  height: 360px;
  background: radial-gradient(ellipse at top, rgba(205, 229, 91, .035), transparent 68%);
  pointer-events: none;
  transform: translateX(-50%);
}

.aio-proof .aio-head-premium {
  position: relative;
  max-width: 1240px;
  margin: 0 auto clamp(64px, 7vw, 88px);
  text-align: center;
}

.aio-proof .aio-divider {
  display: block;
  width: min(100%, 1120px);
  height: 1px;
  margin: 0 auto clamp(74px, 8vw, 104px);
  background: linear-gradient(90deg, transparent, rgba(211, 232, 104, .3) 50%, transparent);
}

.aio-proof .aio-head-premium h2 {
  max-width: none;
  margin: 0 auto;
  color: var(--cream);
  font-family: var(--font-heading);
  font-size: clamp(46px, 5.7vw, 82px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.05em;
  text-align: center;
  text-wrap: balance;
}

.aio-proof .aio-head-premium h2 > span {
  display: block;
  color: var(--cream);
}

.aio-proof .carousel {
  border-radius: 24px;
}

.chat-stack {
  right: 18px;
  bottom: 86px;
  gap: 10px;
}

.chat-stack a {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid rgba(11, 11, 11, .08);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 10px 26px rgba(11, 11, 11, .16);
  transition: transform .18s ease, box-shadow .18s ease;
}

.chat-stack a:hover,
.chat-stack a:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(11, 11, 11, .22);
}

.chat-stack a:focus-visible {
  outline: 2px solid var(--coral);
  outline-offset: 3px;
}

.chat-stack img,
.chat-stack svg {
  width: 38px;
  height: 38px;
  object-fit: contain;
  filter: none;
  animation: none;
}

.chat-stack .chat-messenger {
  color: #168aff;
}

.chat-stack .chat-messenger svg {
  width: 42px;
  height: 42px;
}

.chat-stack span {
  top: 8px;
  right: 58px;
  padding: 8px 11px;
  font-size: 10px;
  box-shadow: 0 8px 20px rgba(11, 11, 11, .16);
}

.back-top {
  right: 18px;
  bottom: 24px;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
  background: #111;
  color: #fff;
  box-shadow: 0 10px 26px rgba(11, 11, 11, .2);
  font-size: 24px;
}

.track,
.past-webinars,
.podcast,
.press,
.intl-network,
.enroll-mini {
  scroll-margin-top: 88px;
}

.enroll-mini-head {
  margin-bottom: clamp(36px, 5vw, 56px);
}

.site-footer {
  padding-bottom: 32px;
}

@media (max-width: 1000px) {
  .site-header.open nav {
    margin-bottom: 10px;
  }

  .site-header.open .mobile-contact-options {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    padding: 16px;
    border: 1px solid var(--border-1);
    border-radius: 16px;
    background: #171412;
    box-shadow: var(--shadow-md);
  }

  .mobile-contact-label {
    grid-column: 1 / -1;
    margin-bottom: 2px;
    color: rgba(247, 244, 238, .62);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  .mobile-contact-options a {
    display: flex;
    min-width: 0;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 10px;
    border: 1px solid rgba(247, 244, 238, .12);
    border-radius: 12px;
    background: rgba(247, 244, 238, .07);
    color: var(--cream);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
  }

  .mobile-contact-options a:hover,
  .mobile-contact-options a:focus-visible {
    border-color: rgba(255, 101, 66, .55);
    background: rgba(255, 101, 66, .12);
  }

  .mobile-contact-options img,
  .mobile-contact-options svg {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    object-fit: contain;
  }

  .mobile-contact-messenger svg {
    color: #168aff;
  }
}

@media (max-width: 700px) {
  .section-pad,
  .testimonials,
  .section-community,
  .tiers,
  .compare,
  .modules,
  .why,
  .track,
  .past-webinars,
  .podcast,
  .press,
  .intl-network,
  .enroll-mini {
    padding-top: 82px;
    padding-bottom: 82px;
  }

  .site-header.open {
    max-height: 100svh;
    overflow-y: auto;
  }

  .site-header.open nav {
    gap: 7px;
    padding: 12px;
  }

  .site-header.open nav a {
    min-height: 46px;
    display: flex;
    align-items: center;
  }

  .site-header nav .nav-enroll {
    margin-top: 5px;
    min-height: 50px;
    box-shadow: 0 10px 22px rgba(255, 101, 66, .2);
  }

  .site-header.open .mobile-contact-options {
    padding: 14px;
  }

  .past-webinars .sec-head {
    margin-bottom: 30px;
  }

  .past-webinars .pw-intro {
    margin-bottom: 44px;
  }

  .past-webinars .pw-hero-card {
    margin-bottom: 58px;
  }

  .past-webinars .pw-grid {
    grid-template-columns: 1fr;
    gap: 52px;
  }

  .past-webinars .pw-card {
    gap: 0;
    border-radius: 16px;
  }

  .past-webinars .pw-meta {
    min-height: 0;
    padding: 22px 20px 24px;
  }

  .past-webinars .pw-title {
    min-height: 0;
    margin-top: 16px;
    font-size: clamp(23px, 7vw, 29px);
  }

  .past-webinars .pw-subtitle {
    min-height: 0;
  }

  .past-webinars .pw-facts {
    min-height: 0;
    margin-top: 24px;
  }

  .aio-proof.section-pad {
    padding: 86px 0 82px;
  }

  .aio-proof .aio-head-premium {
    margin-bottom: 48px;
  }

  .aio-proof .aio-divider {
    margin-bottom: 58px;
  }

  .aio-proof .aio-head-premium h2 {
    max-width: 12ch;
    font-size: clamp(34px, 10vw, 48px);
    line-height: 1.04;
    letter-spacing: -.04em;
  }

  .aio-proof .aio-head-premium h2 > span {
    display: inline;
  }

  .aio-proof .aio-head-premium h2 > span + span::before {
    content: " ";
  }

  .aio-proof .carousel {
    padding: 10px 10px 70px;
    border-radius: 18px;
  }

  .enroll-mini-head {
    margin-bottom: 34px;
  }

  .site-footer {
    padding-top: 62px;
    padding-bottom: 28px;
  }
}

/* M09 platform access matrix */
.platform-icon-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.platform-icon-wrap {
  position: relative;
  display: inline-flex;
  padding-top: 5px;
}

.platform-icon {
  display: inline-grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid var(--border-1);
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(11, 11, 11, .07);
}

.platform-icon img {
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.platform-icon[data-platform="aiOverview"] img {
  width: 24px;
  height: 24px;
}

.platform-new {
  position: absolute;
  z-index: 1;
  top: -2px;
  right: -7px;
  padding: 2px 5px;
  border-radius: 999px;
  background: var(--coral);
  color: #fff;
  font-size: 8px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .06em;
  text-transform: uppercase;
  box-shadow: 0 3px 8px rgba(11, 11, 11, .16);
}

.compare-table td .platform-icon-list {
  max-width: 160px;
}

.m-platform-matrix {
  display: grid;
  gap: 10px;
  max-width: 560px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--border-2);
}

.m-platform-tier {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.m-platform-tier > strong {
  color: var(--fg-2);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
}

.m-platform-tier-vip {
  margin-top: 2px;
  padding-top: 10px;
  border-top: 1px dashed var(--border-2);
}

.m-platform-tier-vip > strong {
  color: var(--coral-dark, #c93f24);
}

@media (max-width: 700px) {
  .platform-icon-list {
    gap: 8px;
  }

  .platform-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
  }

  .platform-icon img {
    width: 20px;
    height: 20px;
  }

  .compare-table td .platform-icon-list {
    max-width: 150px;
  }

  .m-platform-matrix {
    margin-top: 18px;
  }

  .m-platform-tier {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 10px;
  }
}

@media (max-width: 520px) {
  .site-header.open .mobile-contact-options {
    grid-template-columns: 1fr;
  }

  .mobile-contact-options a {
    justify-content: flex-start;
    padding-inline: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .chat-stack a {
    transition: none;
  }
}

/* 2026-08 student benefits, contained header and legal pages */
.site-header {
  display: block;
  padding-inline: 0;
}

.site-header-inner {
  width: min(1360px, calc(100% - var(--gutter) * 2));
  height: 100%;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr) 205px;
  column-gap: 18px;
  align-items: center;
}

.site-header-inner .header-enroll {
  justify-self: end;
}

.student-benefits {
  position: relative;
  padding: var(--sec-pad-y) 0;
  overflow: hidden;
  background: #171412;
  color: var(--cream);
  scroll-margin-top: 72px;
}

.student-benefits::before {
  content: "";
  position: absolute;
  inset: -220px -140px auto auto;
  width: 520px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 101, 66, .2), transparent 68%);
  pointer-events: none;
}

.student-benefits-head {
  position: relative;
  display: block;
  max-width: 900px;
  margin: 0 auto 48px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(247, 244, 238, .18);
  text-align: center;
}

.student-benefits-head h2 {
  max-width: none;
  margin-inline: auto;
  color: var(--cream);
}

.student-benefits-head > p {
  max-width: 720px;
  margin: 18px auto 0;
  color: rgba(247, 244, 238, .7);
  font-size: 15px;
  line-height: 1.65;
}

.student-benefits-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.student-benefit-card {
  --benefit-accent: var(--coral);
  min-width: 0;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  padding: 26px;
  border: 1px solid rgba(247, 244, 238, .16);
  border-radius: 18px;
  background: rgba(247, 244, 238, .055);
  transition: transform .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);
}

.student-benefit-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--benefit-accent) 60%, transparent);
  background: rgba(247, 244, 238, .08);
}

.student-benefit-card.benefit-teal { --benefit-accent: var(--teal); }
.student-benefit-card.benefit-gold { --benefit-accent: var(--gold); }
.student-benefit-card.benefit-lime { --benefit-accent: var(--lime); }

.student-benefit-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 38px;
}

.student-benefit-number {
  color: var(--benefit-accent);
  font: 800 14px/1 var(--font-heading);
  letter-spacing: .14em;
}

.student-benefit-check {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--benefit-accent) 50%, transparent);
  border-radius: 50%;
  color: var(--benefit-accent);
  font-size: 14px;
  font-weight: 800;
}

.student-benefit-card h3 {
  min-height: 3.25em;
  color: var(--cream);
  font-size: clamp(22px, 1.8vw, 28px);
}

.student-benefit-card > p {
  margin: 18px 0 26px;
  color: rgba(247, 244, 238, .66);
  font-size: 13px;
  line-height: 1.65;
}

.student-benefit-proof {
  display: block;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(247, 244, 238, .13);
  color: var(--benefit-accent);
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .03em;
}

.student-benefits-cta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  margin-top: 20px;
  padding: 24px 28px;
  border-radius: 18px;
  background: var(--lime);
  color: var(--ink);
}

.student-benefits-cta > div:first-child {
  display: grid;
  gap: 3px;
}

.student-benefits-cta > div:first-child span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.student-benefits-cta > div:first-child strong {
  font: 700 clamp(18px, 2vw, 24px)/1.25 var(--font-heading);
}

.student-benefits-actions {
  display: flex;
  align-items: center;
  gap: 22px;
  flex: 0 0 auto;
}

.student-benefits-actions .button {
  background: var(--ink);
  color: var(--cream);
}

.student-benefits-link {
  font-size: 13px;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.enroll-mini-consent .enroll-check-row a,
.enroll-consent-note a {
  color: #a9361f;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.enroll-check-optional {
  padding-top: 10px;
  border-top: 1px solid var(--border-2);
}

.enroll-check-row span > small {
  display: inline-flex;
  margin-left: 6px;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--surface-3);
  color: var(--fg-3);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}

.enroll-consent-note {
  margin: 4px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--border-2);
  color: var(--fg-3);
  font-size: 11px;
  line-height: 1.55;
}

.data-commitment {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-top: 46px;
  padding: 22px 24px;
  border: 1px solid rgba(53, 167, 165, .3);
  border-radius: 16px;
  background: rgba(53, 167, 165, .08);
}

.data-commitment-mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--teal);
  color: #fff;
  font-weight: 800;
}

.data-commitment > div {
  min-width: 0;
}

.data-commitment strong {
  font: 700 17px var(--font-heading);
}

.data-commitment p {
  max-width: 78ch;
  margin: 5px 0 0;
  color: var(--fg-3);
  font-size: 12px;
  line-height: 1.55;
}

.data-commitment > a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--accent-info-text);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin-top: 22px;
}

.legal-links a {
  color: var(--fg-3);
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.policy-page {
  min-height: 100vh;
  background: var(--surface-1);
  color: var(--fg-1);
}

.policy-shell {
  width: min(1120px, calc(100% - var(--gutter) * 2));
  margin-inline: auto;
}

.policy-hero {
  padding: clamp(72px, 9vw, 110px) 0 clamp(46px, 6vw, 72px);
  border-bottom: 1px solid var(--border-1);
  background: linear-gradient(135deg, #f7f4ee 58%, #f0ebe1);
}

.policy-back,
.policy-version {
  display: inline-flex;
  margin-right: 16px;
  color: var(--fg-3);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
}

.policy-version {
  color: var(--accent-brand-text);
}

.policy-hero h1 {
  max-width: 16ch;
  margin-top: 22px;
  font-size: clamp(40px, 6vw, 68px);
}

.policy-hero p {
  max-width: 66ch;
  margin: 22px 0 0;
  color: var(--fg-2);
  font-size: 17px;
}

.policy-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: clamp(40px, 7vw, 88px);
  align-items: start;
  padding-top: clamp(52px, 8vw, 88px);
  padding-bottom: clamp(72px, 10vw, 120px);
}

.policy-nav {
  position: sticky;
  top: 104px;
  display: grid;
  gap: 6px;
  padding: 18px;
  border: 1px solid var(--border-1);
  border-radius: 14px;
  background: var(--surface-2);
}

.policy-nav strong {
  margin-bottom: 8px;
  color: var(--fg-3);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.policy-nav a {
  padding: 9px 10px;
  border-radius: 8px;
  color: var(--fg-3);
  font-size: 12px;
  font-weight: 700;
}

.policy-nav a.active {
  background: var(--surface-3);
  color: var(--fg-1);
}

.policy-content {
  min-width: 0;
}

.policy-section {
  scroll-margin-top: 100px;
  padding-bottom: 38px;
  margin-bottom: 38px;
  border-bottom: 1px solid var(--border-1);
}

.policy-section h2 {
  margin-bottom: 18px;
  color: var(--fg-1);
  font-size: clamp(25px, 3vw, 34px);
}

.policy-section p,
.policy-section li {
  color: var(--fg-2);
  font-size: 15px;
  line-height: 1.75;
}

.policy-section p {
  margin: 12px 0 0;
}

.policy-section ul {
  display: grid;
  gap: 9px;
  padding-left: 22px;
}

.policy-section a {
  color: var(--accent-brand-text);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.policy-callout {
  margin: 24px 0;
  padding: 22px 24px;
  border-left: 4px solid var(--teal);
  border-radius: 0 12px 12px 0;
  background: rgba(53, 167, 165, .09);
}

.policy-callout strong {
  font: 700 17px var(--font-heading);
}

.policy-callout p {
  font-size: 13px;
}

.cookie-table {
  display: grid;
  margin-top: 24px;
  border: 1px solid var(--border-1);
  border-radius: 14px;
  overflow: hidden;
  background: var(--surface-2);
}

.cookie-table > div {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 20px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--border-1);
}

.cookie-table > div:last-child {
  border-bottom: 0;
}

.cookie-table strong {
  font-size: 13px;
}

.cookie-table span {
  color: var(--fg-2);
  font-size: 13px;
  line-height: 1.6;
}

.menu-toggle {
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 50%;
  cursor: pointer;
}

.menu-toggle span {
  width: 23px;
  margin: 0 auto;
  transition: transform .2s var(--ease), opacity .2s var(--ease);
}

.menu-toggle span + span {
  margin-top: 7px;
}

.site-header.open .menu-toggle span:first-child {
  transform: translateY(4px) rotate(45deg);
}

.site-header.open .menu-toggle span:last-child {
  transform: translateY(-4px) rotate(-45deg);
}

@media (max-width: 1120px) {
  .site-header-inner {
    grid-template-columns: 138px minmax(0, 1fr) 184px;
    gap: 12px;
  }

  .site-header nav {
    gap: 11px;
  }

  .site-header nav a {
    font-size: 11px;
  }

  .student-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .student-benefit-card {
    min-height: 330px;
  }
}

@media (max-width: 1000px) {
  .site-header-inner {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .site-header.open {
    padding-top: 0;
    padding-bottom: 0;
  }

  .site-header.open .site-header-inner {
    height: auto;
    min-height: 72px;
    padding-top: 12px;
    padding-bottom: 14px;
  }

  .site-header.open nav,
  .site-header.open .mobile-contact-options {
    grid-column: 1 / -1;
  }

}

@media (max-width: 700px) {
  .site-header-inner {
    width: calc(100% - 40px);
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .site-header-inner .header-enroll {
    display: none;
  }

  .site-header.open .site-header-inner {
    min-height: 64px;
  }

  .student-benefits {
    padding: 82px 0;
    scroll-margin-top: 64px;
  }

  .student-benefits-grid {
    grid-template-columns: 1fr;
  }

  .student-benefit-card {
    min-height: 0;
    padding: 24px 22px;
  }

  .student-benefit-card > header {
    margin-bottom: 28px;
  }

  .student-benefit-card h3 {
    min-height: 0;
  }

  .student-benefits-cta {
    align-items: stretch;
    flex-direction: column;
    padding: 24px 22px;
  }

  .student-benefits-actions {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
  }

  .student-benefits-actions .button {
    width: 100%;
  }

  .student-benefits-link {
    text-align: center;
  }

  .data-commitment {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .data-commitment > a {
    grid-column: 1 / -1;
    white-space: normal;
  }

  .policy-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .policy-nav {
    position: static;
  }

  .policy-hero {
    padding-top: 58px;
  }

  .policy-hero h1 {
    font-size: clamp(37px, 11vw, 52px);
  }

  .cookie-table > div {
    grid-template-columns: 1fr;
    gap: 6px;
  }

}

@media (max-width: 390px) {
  .site-header.open nav {
    grid-template-columns: 1fr;
  }

  .site-header nav .nav-enroll {
    grid-column: 1;
  }

  .data-commitment {
    grid-template-columns: 1fr;
  }

  .data-commitment-mark {
    width: 38px;
    height: 38px;
  }
}