/* TCH pages v3 — About, Mentorship, Results, Join. Loaded after home-v3.css.
   Same tokens, nav, glass cards and footer as the v3 homepage / Programme page. Oct 2026 (DRAFT). */
.nav ul a[aria-current=page]{color:var(--mint)}
.pg main{display:block}
.pg .hero h1{font-size:clamp(42px,9vw,70px)}
.pg .hero h1 em,.pg h2 em,.pg h2 span{font-style:italic;color:var(--mint)}
.pg h2 span{font-family:var(--serif)}
.overline{font:600 11.5px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin:-8px 0 16px}
.pg .lead{max-width:600px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.tags span{font-size:12px;font-weight:600;letter-spacing:.06em;padding:5px 12px;border-radius:999px;border:1px solid var(--edge);color:var(--muted);background:rgba(94,224,160,.04)}
/* hero visual (shown on all sizes, compact on phones) */
.pg-visual{position:relative;display:flex;justify-content:center}
.pg-visual:before{content:"";position:absolute;inset:-8% -4%;background:radial-gradient(closest-side,rgba(47,191,116,.22),transparent);filter:blur(20px);z-index:-1}
.pg-visual .frame{width:100%;max-width:460px;padding:26px 24px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.pg-visual .frame>span,.pg-visual .frame small{font:600 11px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.pg-visual .frame img{width:min(300px,80%);height:auto}
.pg-visual .frame img.wide{width:min(340px,90%)}
.pg-visual .rule{display:flex;align-items:center;gap:12px;width:100%;font:700 11px var(--sans);letter-spacing:.2em;color:var(--mint)}
.pg-visual .rule span{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--edge2),transparent)}
.pg-visual.photo .frame{max-width:560px;padding:12px}
.pg-visual.photo .frame img{width:100%;border-radius:13px}
/* section heads */
.kicker{display:flex;align-items:center;gap:12px;font:600 12px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mint);margin-bottom:18px}
.kicker:before{content:"";width:28px;height:1px;background:var(--mint);box-shadow:0 0 8px var(--mint)}
.split{display:grid;gap:28px;margin-bottom:44px}
.split p+p{margin-top:16px}
.prose p{color:var(--muted)}
.prose strong,.split strong{color:var(--text)}
.tlink{display:inline-block;margin-top:20px;color:var(--mint);font-weight:600;text-decoration:none;font-size:15px}
.tlink:hover{text-decoration:underline}
.pg main a:where(:not(.btn,.lockup)),.pg footer :where(p,address) a{color:var(--mint)}
.pg .nav ul a{color:var(--muted)}.pg .nav ul a:hover,.pg .nav ul a[aria-current=page]{color:var(--text)}
.pg .nav ul a[aria-current=page]{color:var(--mint)}
/* cards */
.cards{display:grid;gap:20px}
.card{padding:30px 26px 28px;display:flex;flex-direction:column;gap:10px}
.card .n{font:600 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mint)}
.card h3{font-size:25px}
.card p{color:var(--muted);font-size:15.5px}
.card .foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font:600 11px var(--sans);letter-spacing:.16em;color:var(--dim);text-transform:uppercase}
.card .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.card .icon{width:52px;height:52px;margin:0}
.card .icon svg{width:24px;height:24px}
.card small{font:600 11px var(--sans);letter-spacing:.16em;color:var(--dim);text-transform:uppercase;margin-top:auto;padding-top:10px}
/* numbered list (ladder / cycle / record) */
.ladder{padding:10px 26px;display:grid}
.ladder>div{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}
.ladder>div:last-child{border-bottom:0}
.ladder b{font:600 30px/1 var(--serif);color:var(--mint)}
.ladder strong{display:block;font:600 21px/1.25 var(--serif);color:var(--text)}
.ladder small{display:block;color:var(--muted);font-size:15px;margin-top:4px}
/* check list (boundaries) */
.blist{padding:10px 26px;display:grid}
.blist>div{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.blist>div:last-child{border-bottom:0}
.blist b{width:28px;height:28px;border-radius:50%;border:1px solid var(--edge2);display:flex;align-items:center;justify-content:center;color:var(--mint);font-size:13px}
.blist b.no{border-color:var(--line);color:var(--dim)}
.note-box{margin-top:26px;padding:20px 24px;display:flex;gap:14px;align-items:flex-start;color:var(--muted);font-size:15px;border-left:3px solid var(--mint)}
.note-box>span:first-child{color:var(--mint)}
.note-box strong{color:var(--text)}
/* company mark */
.mark-card{padding:34px 28px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.mark-card img{width:min(340px,90%);height:auto}
.mark-card span{font:600 11px/1.5 var(--sans);letter-spacing:.2em;color:var(--dim)}
/* CTA tweaks */
.pg .cta{margin-top:0}
.pg .cta .actions{justify-content:center}
.pg .cta small{display:block;margin-top:18px;color:var(--dim);font-size:13px}
.cta-mark{width:64px;margin:0 auto 18px;opacity:.95}
/* faq answer links */
.pg details p a{color:var(--mint)}
/* ===== Results page ===== */
.review-steps{display:grid;gap:14px}
.review-steps article{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.review-steps article:last-child{border-bottom:0}
.review-steps b{font:600 26px/1 var(--serif);color:var(--mint)}
.review-steps h3{font-size:21px}
.review-steps p{color:var(--muted);font-size:15px;margin-top:4px}
.review-quote{margin-top:16px;padding:18px 20px;border-radius:14px;border:1px solid var(--edge);background:rgba(94,224,160,.05)}
.review-quote strong{font:600 11px var(--sans);letter-spacing:.18em;color:var(--mint)}
.review-quote p{font:italic 500 21px/1.4 var(--serif);color:var(--text);margin-top:8px}
.rp-grid{display:grid;gap:20px;align-items:start}
.rp-grid>.glass{padding:22px 26px}
.result-type{display:block;font:600 11.5px/1.5 var(--sans);letter-spacing:.16em;color:var(--mint);text-transform:uppercase;margin-bottom:10px}
.case-lead{color:var(--muted);margin-top:14px}
.case-facts{display:grid;gap:10px;margin-top:22px}
.case-facts>div{padding:14px 16px;border-radius:14px;border:1px solid var(--edge);background:rgba(94,224,160,.03);display:grid;gap:2px}
.case-facts span{font:600 10.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.case-facts strong{font:600 19px/1.3 var(--serif);color:var(--text)}
.case-facts small{color:var(--muted);font-size:14px}
.case-review-note{margin-top:18px;padding:16px 18px;border-left:3px solid var(--mint);background:rgba(94,224,160,.05);border-radius:0 12px 12px 0}
.case-review-note b{font:600 11px var(--sans);letter-spacing:.18em;color:var(--mint)}
.case-review-note p{color:var(--muted);margin-top:6px;font-size:15px}
.evidence-grid article span{font:600 11px var(--sans);letter-spacing:.16em;color:var(--mint)}
.pg .chip.dim{background:rgba(255,255,255,.04);color:var(--muted);border-color:var(--line)}
.disc{padding:26px 28px;border-left:3px solid var(--amber)}
.disc strong{font:600 22px/1.3 var(--serif);color:var(--text)}
.disc p{color:var(--muted);margin:10px 0 12px;font-size:15.5px}
/* live feed (markup from /results-feed.js; base styles in /results-upload.css) */
.pg .results-live-section{padding:88px 0;border-top:0}
.pg .member-feed-status{color:var(--dim);font-size:14px;margin:0 0 18px}
.pg .results-live-feed{margin-top:8px;gap:22px}
.pg .results-live-card{border:1px solid var(--edge);background:var(--glass);border-radius:22px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px rgba(255,255,255,.02) inset,0 20px 60px rgba(0,0,0,.35)}
.pg .results-live-media{background:#020403}
.pg .results-live-media span{border-color:var(--edge2);color:var(--mint);border-radius:999px;font:600 11px var(--sans);letter-spacing:.12em}
.pg .results-live-body{padding:28px}
.pg .results-live-body h3{font-family:var(--serif);font-weight:600;font-size:clamp(26px,3vw,34px);line-height:1.15}
.pg .results-live-shot figcaption{font:600 11px var(--sans);letter-spacing:.14em;color:var(--dim)}
/* injected "Continue with TCH" block (/results-community.js) */
.pg .tch-results-community{padding:88px 22px;max-width:var(--max);margin:0 auto;background:none;border:0}
.pg .tch-results-community .section-kicker{display:flex;align-items:center;gap:12px;font:600 12px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mint);margin-bottom:18px}
.pg .tch-results-community .section-kicker:before{content:"";width:28px;height:1px;background:var(--mint);box-shadow:0 0 8px var(--mint)}
.pg .tch-results-community-head h2,.pg .tch-results-community-card h3,.pg .tch-results-vip-price>strong{font-family:var(--serif);font-weight:600}
.pg .tch-results-community-head h2 span{color:var(--mint);font-style:italic}
.pg .tch-results-community-head p,.pg .tch-results-community-card p{color:var(--muted)}
.pg .tch-results-community-card{border:1px solid var(--edge);background:var(--glass);border-radius:22px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.pg .tch-results-community-card.vip{border-color:rgba(94,224,160,.4)}
.pg .tch-results-community-label{font:600 11px var(--sans);letter-spacing:.16em;color:var(--mint)}
.pg .tch-results-vip-price{border:1px solid var(--edge);background:rgba(94,224,160,.03);border-radius:14px}
.pg .tch-results-vip-price>span{font:600 10.5px var(--sans);letter-spacing:.14em;color:var(--mint)}
.pg .tch-results-vip-price .btn{min-height:44px;font-size:13px;white-space:normal;line-height:1.2}
.pg .tch-results-vip-links a{color:var(--mint);font-size:13px}
.pg .tch-results-community-note{color:var(--dim);font-size:12.5px}
/* ===== Join page (body markup unchanged; restyled here) ===== */
.join .sec{padding:72px 22px}
.join .frame{max-width:var(--max);margin:0 auto;padding:0;border:0;box-shadow:none;background:none}
.join .frame img{border-radius:0}
.join .section-kicker{display:flex;align-items:center;gap:12px;font:600 12px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mint);margin-bottom:6px}
.join .section-kicker:before{content:"";width:28px;height:1px;background:var(--mint);box-shadow:0 0 8px var(--mint);flex:none}
.join .eyebrow span{display:none}
.join .page-hero{position:relative;overflow:hidden;isolation:isolate;padding:72px 22px 80px;border-bottom:0}
.join .page-hero>.hero-grid{position:absolute;inset:0;z-index:-2;display:block;background:url(assets/home/hero-mountain-portrait.jpg) center 30%/cover no-repeat;background-image:image-set(url(assets/home/hero-mountain-portrait.webp) type("image/webp"),url(assets/home/hero-mountain-portrait.jpg) type("image/jpeg"))}
.join .page-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,7,6,.62) 0%,rgba(4,7,6,.50) 38%,rgba(4,7,6,.72) 72%,var(--bg) 100%)}
.join .page-hero h1{font-size:clamp(42px,9vw,70px);margin:0 0 4px;text-shadow:0 2px 24px rgba(0,0,0,.55)}
.join .page-hero h1 em,.join h2 em{font-style:italic;color:var(--mint)}
.join .page-hero .lead{color:#c3cdc7;text-shadow:0 2px 24px rgba(0,0,0,.55)}
.join .jh{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
.join .jh .hero-visual{display:none;position:relative;justify-content:center}
.join .hero-visual .glow{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;top:18%;background:rgba(47,191,116,.14);filter:blur(70px)}
.join .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 20px}
.btn.lg{min-height:56px;padding:0 28px;font-size:15px}
.btn.ghost,.btn.secondary{border:1px solid var(--edge2);color:var(--text);background:rgba(94,224,160,.04);box-shadow:0 0 18px rgba(47,191,116,.10) inset}
.btn.ghost:hover,.btn.secondary:hover{border-color:var(--mint)}
.join .micro{font-size:13px;color:var(--dim);display:flex;gap:10px 14px;flex-wrap:wrap;align-items:center}
.join .micro b{color:var(--text);font-weight:600}
.join .micro i{font-style:normal;color:var(--edge2)}
.join h2{font-size:clamp(34px,7vw,50px);margin:12px 0 18px}
.join h3{font-family:var(--serif);font-weight:600}
.join p.sub{color:var(--muted);max-width:640px}
.join .offer-wrap{display:grid;gap:36px;align-items:start}
.join .checks{list-style:none;padding:0;margin:18px 0 22px;border-top:1px solid var(--line)}
.join .checks li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--muted);line-height:1.5}
.join .checks li:before{content:"✓";color:var(--mint);font-weight:700;flex:none}
.join .checks li.no{color:var(--dim);font-size:13.5px}
.join .checks li.no:before{content:"—";color:var(--dim)}
.join .phases{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:26px}
.join .phases div{border:1px solid var(--edge);background:rgba(94,224,160,.03);padding:12px 14px;border-radius:14px}
.join .phases b{display:block;color:var(--mint);font-size:10.5px;letter-spacing:.16em;margin-bottom:4px;font-weight:600}
.join .phases span{font:600 17px/1.25 var(--serif);color:var(--text)}
.join .offer-card{position:relative;background:radial-gradient(500px 220px at 100% 0%,rgba(47,191,116,.16),transparent 70%),var(--glass);border:1px solid rgba(94,224,160,.55);border-radius:22px;padding:34px 30px 28px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px rgba(94,224,160,.12) inset,0 0 50px rgba(47,191,116,.16),0 20px 60px rgba(0,0,0,.35)}
.join .offer-card .emblem{position:absolute;right:24px;top:24px;width:44px;height:40px;object-fit:contain;opacity:.9}
.join .offer-card .k{font:600 11px var(--sans);letter-spacing:.18em;color:var(--mint)}
.join .offer-card h3{font-size:28px;margin:10px 0 4px;line-height:1.15;max-width:300px}
.join .price{display:flex;align-items:baseline;gap:10px;margin:18px 0 4px;font:inherit}
.join .price strong{font:600 54px/1 var(--serif);color:var(--text)}
.join .price span{font-size:14px;color:var(--muted)}
.join .offer-card .btn{width:100%;white-space:normal;text-align:center;line-height:1.25}
.join .offer-card .fine{font-size:12.5px;color:var(--dim);margin:12px 0 0;text-align:center}
.join .offer-card .fine a{color:var(--muted)!important}
.join .steps3{display:grid;gap:20px;margin-top:34px}
.join .steps3 article{background:var(--glass);border:1px solid var(--edge);border-radius:22px;padding:30px 26px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.join .steps3 .n{font:600 34px/1 var(--serif);color:var(--mint)}
.join .steps3 h3{font-size:25px;margin:18px 0 8px}
.join .steps3 p{color:var(--muted);font-size:15.5px;margin:0}
.join .duo{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
.join .panel{background:var(--glass);border:1px solid var(--edge);border-radius:22px;padding:32px 28px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.join .panel.free{border-color:rgba(94,224,160,.55);box-shadow:0 0 50px rgba(47,191,116,.12)}
.join .panel h3{font-size:30px;margin:12px 0 10px;line-height:1.15}
.join .panel p{color:var(--muted);font-size:15.5px}
.join .faq{display:block;max-width:none;margin-top:30px;border-top:0}
.join .faq details{background:var(--glass);border:1px solid var(--edge);border-radius:16px;padding:0 24px;margin-bottom:12px}
.join .faq summary{font:600 21px/1.3 var(--serif)}
.join .faq p{color:var(--muted);font-size:15.5px;margin:0;max-width:900px}
.join .faq a,.join .risk-box a{color:var(--mint)}
.join .final-cta{text-align:center;padding:80px 22px;max-width:920px;margin:0 auto 40px;border:1px solid var(--edge2);border-radius:22px;background:radial-gradient(500px 200px at 50% 0%,rgba(47,191,116,.18),transparent 70%),var(--glass);box-shadow:0 0 60px rgba(47,191,116,.14)}
.join .final-cta .section-kicker{justify-content:center}
.join .final-cta h2{font-size:clamp(30px,6vw,44px);margin:12px 0 24px}
.join .final-cta .hero-actions{justify-content:center}
.join .risk-box{border:1px solid var(--line);border-left:3px solid var(--mint);background:rgba(255,255,255,.02);padding:18px 22px;border-radius:14px;font-size:13.5px;line-height:1.7;color:var(--muted)}
.join .risk-box strong{color:var(--text)}
/* injected VIP block (/tch-vip-restore.js) — beats its inline <style> via higher specificity */
html body.join #tch-vip-membership{max-width:var(--max);padding:72px 22px 40px;border-top:0;color:var(--text)}
html body.join #tch-vip-membership .tch-vip-eyebrow{display:flex;align-items:center;gap:12px;font:600 12px/1.4 var(--sans);letter-spacing:.2em;color:var(--mint)}
html body.join #tch-vip-membership .tch-vip-eyebrow:before{content:"";width:28px;height:1px;background:var(--mint);box-shadow:0 0 8px var(--mint)}
html body.join #tch-vip-membership h2{font:600 clamp(34px,7vw,50px)/1.08 var(--serif);color:var(--text)}
html body.join #tch-vip-membership p{color:var(--muted)}
html body.join #tch-vip-membership .tch-vip-grid{gap:20px}
html body.join #tch-vip-membership .tch-vip-card{background:var(--glass);border:1px solid var(--edge);border-radius:22px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(0,0,0,.35)}
html body.join #tch-vip-membership .tch-vip-plan{font:600 11px var(--sans);letter-spacing:.16em;color:var(--dim)}
html body.join #tch-vip-membership .tch-vip-price{font:600 48px/1.05 var(--serif);color:var(--text)}
html body.join #tch-vip-membership .tch-vip-price small{font:500 15px var(--sans);color:var(--muted)}
html body.join #tch-vip-membership .tch-vip-button{background:linear-gradient(180deg,#63e6a6,#2fbf74);color:var(--ink)!important;border-radius:999px;font:600 15px/1 var(--sans);padding:18px 20px;box-shadow:0 0 0 1px rgba(94,224,160,.5),0 8px 30px rgba(47,191,116,.35)}
html body.join #tch-vip-membership .tch-vip-note{color:var(--dim)}
html body.join #tch-vip-membership .tch-vip-links a,html body.join #tch-vip-membership .tch-vip-note a{color:var(--mint)!important}
/* ===== footer additions ===== */
.pg footer .risk a,.pg footer .legal a{color:var(--muted)}
.pg footer address{font-style:normal}
/* ===== breakpoints ===== */
@media(min-width:760px){
 .cards.two,.cards.four{grid-template-columns:repeat(2,1fr)}
 .cards.three,.cards.seven{grid-template-columns:repeat(3,1fr)}
 .split{grid-template-columns:1fr 1fr;gap:56px;align-items:start}
 .rp-grid{grid-template-columns:1fr 1fr}
 .case-facts{grid-template-columns:repeat(2,1fr)}
 .join .steps3{grid-template-columns:repeat(3,1fr)}
 .join .duo{grid-template-columns:1fr 1fr}
 .join .phases{grid-template-columns:repeat(5,1fr)}
 .join .sec{padding:88px 36px}
 .join .page-hero{padding:96px 36px 100px}
 .join .page-hero>.hero-grid{background-image:image-set(url(assets/home/hero-mountain-wide.webp) type("image/webp"),url(assets/home/hero-mountain-wide.jpg) type("image/jpeg"));background-position:center center}
 .join .page-hero:after{background:linear-gradient(90deg,rgba(4,7,6,.92) 0%,rgba(4,7,6,.78) 38%,rgba(4,7,6,.30) 70%,rgba(4,7,6,.15) 100%),linear-gradient(180deg,rgba(4,7,6,.35) 0%,transparent 30%,transparent 70%,var(--bg) 100%)}
 .pg .tch-results-community{padding:110px 36px}
 html body.join #tch-vip-membership{padding:88px 36px 40px}
}
@media(min-width:1000px){
 .cards.four{grid-template-columns:repeat(4,1fr)}
 .cards.seven{grid-template-columns:repeat(4,1fr)}
 .pg .hero-grid{grid-template-columns:1.1fr .9fr}
 .join .jh{grid-template-columns:1.3fr .7fr;gap:56px}
 .join .jh .hero-visual{display:flex}
 .join .offer-wrap{grid-template-columns:1.05fr .95fr;gap:56px}
 .join .sec{padding:110px 36px}
 .join .page-hero{padding:110px 36px 120px}
 .pg .results-live-section{padding:120px 0}
}
@media(max-width:759px){
 .pg-visual .frame{max-width:320px;padding:18px 16px}
 .pg-visual .frame img{width:min(200px,70%)}
 .pg-visual.photo .frame{max-width:none;padding:8px}
 .pg-visual.photo .frame img{width:100%}
 .pg .hero{min-height:0}
 .pg .hero-grid{gap:34px}
 .overline{margin:-6px 0 12px;font-size:11px}
 .split{margin-bottom:26px}
 .card{padding:24px 20px 22px}
 .card h3{font-size:22px}
 .card p{font-size:15px}
 .ladder,.blist{padding:4px 18px}
 .ladder>div{grid-template-columns:40px 1fr;padding:16px 0}
 .ladder b{font-size:24px}
 .ladder strong{font-size:19px}
 .tags{margin-top:18px}
 .join .page-hero h1{font-size:44px}
 .join .hero-actions .btn{width:100%}
 .join .sec{padding:48px 22px}
 .join .offer-card{padding:26px 22px}
 .join .price strong{font-size:46px}
 .join .final-cta{margin:0 22px 30px;padding:40px 22px}
 .join .final-cta .btn{width:100%;white-space:normal}
 .join .faq details{padding:0 18px}
 .join .faq summary{font-size:19px}
 .pg .results-live-section{padding:52px 0}
 .pg .results-live-card{grid-template-columns:1fr}
 .pg .results-live-body{padding:22px 20px}
 .pg .tch-results-community{padding:52px 22px}
 html body.join #tch-vip-membership{padding:48px 22px 24px}
 html body.join #tch-vip-membership .tch-vip-price{font-size:40px}
}

.join .hero-visual img{height:auto;max-width:380px}
@media(max-width:759px){.pg main .btn{white-space:normal;text-align:center;line-height:1.25;padding-top:12px;padding-bottom:12px}}
/* Join hero emblem on phones/tablets (transparent emblem, 29 Oct 2026): centred above the hero text */
@media(max-width:999px){
 .join .jh{gap:26px}
 .join .jh .hero-visual{display:flex;order:-1;justify-content:center;margin:0 auto;width:100%}
 .join .jh .hero-visual img{width:min(65vw,280px)!important;max-width:280px;height:auto}
 .join .hero-visual .glow{width:min(60vw,260px);top:6%;filter:blur(50px)}
}
/* Join offer card on phones (29 Oct 2026): move the TCH monogram above the label so it can't overlap "TRADER DEVELOPMENT PROGRAMME" */
@media(max-width:600px){
 .join .offer-card .emblem{position:static;display:block;margin:0 0 12px}
}
/* Halloween offer badge on the Join card (only exists while halloween-full.patch is applied): keep "31 OCT – 7 NOV" on one line on phones */
@media(max-width:480px){
 .join .offer-card a[href="/halloween.html"]{white-space:nowrap;font-size:.64rem!important;letter-spacing:.06em!important;padding:5px 10px!important;max-width:100%}
}