:root{
  --cream:#fff8f3;
  --cream-2:#f8eee7;
  --ink:#090604;
  --muted:#716963;
  --line:#e4d8cf;
  --orange:#f65e1b;
  --orange-dark:#db340c;
  --peach:#f4c7a1;
  --blue:#5e6d91;
  --white:#fffdfa;
  --radius-lg:34px;
  --radius-md:22px;
  --radius-sm:14px;
  --shadow:0 26px 70px rgba(73,35,18,.10);
  --max:1240px;
  --pad:clamp(20px,4vw,56px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--cream);color:var(--ink)}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--cream);color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit}
button{color:inherit}
::selection{background:var(--ink);color:var(--cream)}
.skip-link{position:absolute;left:10px;top:-80px;background:var(--ink);color:white;padding:10px 14px;z-index:1000;border-radius:8px}.skip-link:focus{top:10px}
.shell{width:min(var(--max),calc(100% - var(--pad)*2));margin-inline:auto}
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--muted)}
.eyebrow.light{color:rgba(255,255,255,.72)}
.display{font-size:clamp(52px,7.7vw,122px);line-height:.86;letter-spacing:-.065em;font-weight:850;margin:0;text-wrap:balance}
.h1{font-size:clamp(50px,7vw,105px);line-height:.9;letter-spacing:-.06em;margin:0;font-weight:850;text-wrap:balance}
.h2{font-size:clamp(38px,5vw,74px);line-height:.95;letter-spacing:-.05em;margin:0;font-weight:820;text-wrap:balance}
.h3{font-size:clamp(24px,2.7vw,40px);line-height:1.02;letter-spacing:-.035em;margin:0;font-weight:800}
.lead{font-size:clamp(18px,2vw,26px);line-height:1.35;letter-spacing:-.02em;color:#332b27;max-width:720px}
.copy{font-size:16px;color:#574e48;max-width:650px}
.muted{color:var(--muted)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,248,243,.86);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s ease}
.site-header.is-scrolled{border-color:rgba(9,6,4,.09);box-shadow:0 8px 32px rgba(56,24,8,.05)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-weight:900;letter-spacing:-.035em;font-size:19px;white-space:nowrap}.brand span{color:var(--orange)}
.nav-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .25s}.nav-links a:hover:after,.nav-links a[aria-current="page"]:after{transform:scaleX(1);transform-origin:left}
.nav-actions{display:flex;align-items:center;gap:10px}
.text-link{font-size:13px;font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:800;font-size:14px;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease;cursor:pointer}.btn:hover{transform:translateY(-2px)}
.btn-dark{background:var(--ink);color:white}.btn-dark:hover{background:#251914}
.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:var(--orange-dark)}
.btn-cream{background:var(--cream);color:var(--ink)}
.btn-outline{border-color:rgba(9,6,4,.18);background:transparent}.btn-outline:hover{border-color:var(--ink)}
.arrow{font-size:18px;line-height:1}
.menu-toggle{display:none;border:0;background:transparent;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:22px;height:2px;background:var(--ink);position:absolute;transition:.25s}.menu-toggle:before{transform:translateY(-7px)}.menu-toggle:after{transform:translateY(7px)}body.menu-open .menu-toggle span{opacity:0}body.menu-open .menu-toggle:before{transform:rotate(45deg)}body.menu-open .menu-toggle:after{transform:rotate(-45deg)}
.mobile-menu{display:none;position:fixed;inset:82px 0 0;background:var(--cream);z-index:49;padding:34px var(--pad);overflow:auto}.mobile-menu nav{display:grid}.mobile-menu a{font-size:clamp(36px,10vw,62px);font-weight:850;letter-spacing:-.05em;padding:12px 0;border-bottom:1px solid var(--line)}.mobile-menu .mobile-small{font-size:16px;letter-spacing:0;border:0;padding-top:28px}

/* Hero */
.hero{padding:18px 0 44px}
.hero-panel{position:relative;min-height:690px;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,#f77436 0%,#f65e1b 45%,#e63b0f 100%);color:#fff;box-shadow:var(--shadow);isolation:isolate}
.hero-panel:before{content:"VAIIBHAV";position:absolute;left:-1.2%;bottom:-7%;font-size:clamp(150px,22vw,360px);line-height:.7;font-weight:950;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.14);z-index:-1;white-space:nowrap}
.hero-panel:after{content:"";position:absolute;inset:auto -9% -40% auto;width:62%;aspect-ratio:1;border-radius:50%;border:110px solid rgba(255,255,255,.075);z-index:-1}
.hero-grid{min-height:690px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);align-items:end}
.hero-copy{align-self:center;padding:clamp(42px,5vw,78px) 0 clamp(48px,7vw,94px) clamp(38px,5vw,78px);max-width:700px;z-index:3}
.hero-copy .eyebrow{color:rgba(255,255,255,.76)}
.hero-copy .display{max-width:760px}
.hero-copy .lead{color:rgba(255,255,255,.88);max-width:520px;margin:24px 0 30px;font-size:clamp(18px,1.8vw,24px)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-person{position:relative;height:100%;min-height:650px;align-self:end;display:flex;align-items:flex-end;justify-content:center;padding:42px 40px 0 0}
.hero-person .portrait-frame{position:relative;width:min(100%,520px);height:590px;border-radius:220px 220px 24px 24px;background:#0d0806;overflow:hidden;box-shadow:0 20px 60px rgba(78,17,0,.25)}
.hero-person img{width:100%;height:100%;object-fit:cover;object-position:50% 10%;filter:saturate(.94) contrast(1.02)}
.hero-badge{position:absolute;right:24px;top:120px;width:126px;height:126px;border-radius:50%;background:var(--cream);color:var(--ink);display:grid;place-items:center;text-align:center;font-weight:900;font-size:12px;line-height:1.2;transform:rotate(9deg);box-shadow:0 16px 40px rgba(89,26,4,.2);z-index:5}.hero-badge b{display:block;font-size:24px;color:var(--orange);letter-spacing:-.04em}
.hero-proof{position:absolute;left:clamp(38px,5vw,78px);right:clamp(38px,5vw,78px);bottom:22px;display:flex;gap:26px;align-items:center;font-size:12px;color:rgba(255,255,255,.8);z-index:4}.hero-proof strong{color:#fff;font-size:14px}.proof-dot{width:4px;height:4px;background:rgba(255,255,255,.55);border-radius:50%}

/* Trust strip */
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:28px}
.trust-item{background:var(--cream);padding:22px 24px;display:flex;align-items:center;gap:14px}.trust-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--peach);font-weight:900}.trust-item b{display:block;font-size:13px}.trust-item span{font-size:12px;color:var(--muted)}

/* General sections */
.section{padding:110px 0}.section-sm{padding:80px 0}.section-dark{background:var(--ink);color:#fff}.section-orange{background:var(--orange);color:#fff}.section-peach{background:var(--cream-2)}
.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:46px}.section-head .copy{max-width:460px}.section-kicker{display:flex;align-items:center;gap:12px;margin-bottom:14px}.section-kicker:before{content:"";width:42px;height:2px;background:var(--orange)}

/* Course feature */
.course-feature{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(40px,7vw,110px);align-items:center}
.course-visual-wrap{position:relative;padding:26px 0 42px 42px}
.course-visual-wrap:before{content:"";position:absolute;left:0;top:0;width:78%;height:88%;background:var(--peach);border-radius:28px}
.course-box{position:relative;width:min(420px,90%);aspect-ratio:.72;background:linear-gradient(150deg,#0e0b09,#221712);border-radius:10px;box-shadow:38px 44px 55px rgba(42,24,15,.24);transform:perspective(900px) rotateY(-10deg) rotateX(2deg);display:flex;flex-direction:column;justify-content:space-between;padding:42px;color:white;overflow:hidden}
.course-box:before{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(246,94,27,.52);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}
.course-box:after{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(246,94,27,.38);transform:translate(-50%,-50%) rotate(45deg);left:50%;top:48%}
.course-box .mini{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#bfb3ac}.course-box .title{font-size:clamp(34px,4vw,54px);line-height:.95;letter-spacing:-.05em;font-weight:850;z-index:2}.course-box .author{font-size:12px;color:#c9bbb4;z-index:2}
.course-info .h2{max-width:720px}.course-info .lead{margin:22px 0 28px}.price-row{display:flex;align-items:baseline;gap:14px;margin:28px 0}.price{font-size:48px;font-weight:900;letter-spacing:-.05em}.old-price{font-size:18px;text-decoration:line-through;color:#9c8f87}.course-actions{display:flex;gap:12px;flex-wrap:wrap}
.benefit-list{display:grid;grid-template-columns:1fr 1fr;margin:30px 0 0;border-top:1px solid var(--line)}.benefit-list div{padding:17px 8px 17px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}.benefit-list div:nth-child(even){padding-left:22px;border-left:1px solid var(--line)}.benefit-list span{color:var(--orange);margin-right:8px}

/* Stats */
.stats{display:grid;grid-template-columns:1.2fr repeat(3,.6fr);gap:18px}.stat-intro{background:var(--orange);color:white;border-radius:26px;padding:34px}.stat-intro .h3{font-size:clamp(30px,3.4vw,50px)}.stat-card{border:1px solid var(--line);border-radius:26px;padding:30px;background:var(--white);display:flex;flex-direction:column;justify-content:space-between;min-height:210px}.stat-card strong{font-size:clamp(36px,4vw,58px);letter-spacing:-.06em}.stat-card span{color:var(--muted);font-size:13px}

/* Curriculum */
.curriculum{border-top:1px solid var(--line)}.module{display:grid;grid-template-columns:70px minmax(240px,.8fr) 1.4fr auto;gap:22px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center}.module-index{font-size:13px;color:var(--muted);font-weight:800}.module-title{font-size:22px;font-weight:800;letter-spacing:-.025em}.module-copy{font-size:14px;color:var(--muted)}.module-time{font-size:12px;font-weight:800;border:1px solid var(--line);padding:7px 10px;border-radius:999px;white-space:nowrap}.module:hover .module-title{color:var(--orange)}

/* Tools */
.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tool-card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:24px;padding:16px;transition:transform .28s ease,box-shadow .28s ease}.tool-card:hover{transform:translateY(-6px);box-shadow:0 24px 44px rgba(87,49,30,.09)}.tool-art{height:310px;border-radius:18px;background:#f0e6df;display:grid;place-items:center;overflow:hidden;position:relative}.tool-card:nth-child(2) .tool-art{background:#f0ebe0}.tool-card:nth-child(3) .tool-art{background:#e6e9ef}.tool-card:nth-child(4) .tool-art{background:#e7eadf}.journal{width:62%;height:79%;border-radius:9px 14px 14px 9px;box-shadow:14px 17px 28px rgba(48,30,22,.18);padding:28px 18px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;transform:rotate(-2deg);transition:transform .35s}.tool-card:hover .journal{transform:rotate(1deg) translateY(-4px)}.journal.black{background:#16120f;color:#f5c894}.journal.cream{background:#f4eddf;color:#a86328}.journal.blue{background:#15223a;color:#f2c67c}.journal.sage{background:#879177;color:#fff6e8}.journal .num{font-size:32px;font-weight:800;letter-spacing:-.04em}.journal .label{font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.12em}.journal .mark{width:30px;height:30px;border:1px solid currentColor;border-radius:50%;opacity:.7}.tool-meta{padding:18px 4px 4px}.tool-name{font-size:20px;font-weight:800;letter-spacing:-.03em}.tool-desc{font-size:13px;color:var(--muted);min-height:58px;margin:8px 0 14px}.tool-price{display:flex;align-items:center;justify-content:space-between}.tool-price strong{font-size:22px}.tool-price span{text-decoration:line-through;color:#9b8f88;font-size:13px}

/* About */
.about-split{display:grid;grid-template-columns:.9fr 1.1fr;min-height:640px;border-radius:var(--radius-lg);overflow:hidden;background:#0e0a08;color:white}.about-photo{background:#0a0705;min-height:640px}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.about-copy{padding:clamp(44px,7vw,90px);display:flex;flex-direction:column;justify-content:center}.about-copy .eyebrow{color:rgba(255,255,255,.58)}.about-copy .h2{margin:14px 0 26px}.about-copy p{color:rgba(255,255,255,.7);max-width:560px}.about-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.about-tags span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;font-size:12px}

/* Insights */
.insights-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.insight-card{min-height:390px;border-radius:26px;overflow:hidden;position:relative;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;color:white;background:#17110e}.insight-card:first-child{min-height:520px;background:linear-gradient(140deg,#21140f,#6a2e16)}.insight-card:nth-child(2){background:linear-gradient(145deg,#485476,#161a28)}.insight-card:nth-child(3){background:linear-gradient(145deg,#a5724d,#3a2115)}.insight-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 16%,rgba(255,255,255,.18),transparent 26%),linear-gradient(180deg,transparent 30%,rgba(0,0,0,.58));}.insight-number{position:absolute;top:22px;right:24px;font-size:12px;z-index:2;border:1px solid rgba(255,255,255,.28);padding:7px 10px;border-radius:999px}.insight-card h3,.insight-card p,.insight-card a{position:relative;z-index:2}.insight-card h3{font-size:clamp(26px,3vw,44px);line-height:1;letter-spacing:-.045em;margin:0 0 12px}.insight-card p{font-size:13px;color:rgba(255,255,255,.7);max-width:420px}.insight-card a{margin-top:18px;font-weight:800;font-size:13px}

/* Book */
.book-band{border-radius:var(--radius-lg);background:var(--blue);color:white;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;min-height:500px}.book-copy{padding:clamp(44px,7vw,86px);display:flex;flex-direction:column;justify-content:center}.book-copy p{color:rgba(255,255,255,.75);max-width:580px}.book-art{position:relative;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent)}.book-cover{width:min(310px,70%);aspect-ratio:.68;background:#f2eee7;border-radius:6px 14px 14px 6px;box-shadow:30px 30px 60px rgba(22,26,50,.28);transform:rotate(4deg);color:#1c2d52;padding:38px;display:flex;flex-direction:column;justify-content:space-between}.book-cover .book-title{font-size:clamp(34px,4vw,52px);line-height:.88;letter-spacing:-.05em;font-weight:850}.blue-eye{width:94px;height:44px;border:3px solid #2e70b7;border-radius:50% 50% 48% 52%;position:relative;align-self:center}.blue-eye:before{content:"";width:29px;height:29px;border-radius:50%;background:#59a6da;border:7px solid #173d69;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}

/* FAQ */
.faq{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;border:0;background:transparent;text-align:left;padding:24px 0;display:flex;justify-content:space-between;gap:24px;font-size:20px;font-weight:800;cursor:pointer}.faq-question span:last-child{font-size:24px;color:var(--orange);transition:transform .2s}.faq-item.is-open .faq-question span:last-child{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer p{margin:0 0 24px;color:var(--muted);max-width:800px}

/* CTA */
.final-cta{padding:26px}.final-cta-inner{background:var(--orange);color:white;border-radius:var(--radius-lg);padding:clamp(46px,7vw,92px);display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end;position:relative;overflow:hidden}.final-cta-inner:after{content:"";position:absolute;right:-120px;top:-200px;width:480px;height:480px;border:80px solid rgba(255,255,255,.1);border-radius:50%}.final-cta .h2{max-width:760px;position:relative;z-index:2}.final-price{text-align:right;position:relative;z-index:2}.final-price .price{font-size:58px}.final-price .old-price{color:rgba(255,255,255,.6)}

/* Footer */
.footer{padding:70px 0 30px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr .8fr;gap:40px;padding-bottom:48px;border-bottom:1px solid var(--line)}.footer-brand p{color:var(--muted);max-width:320px;font-size:14px}.footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.14em;margin:2px 0 16px}.footer nav{display:grid;gap:10px;font-size:14px}.footer nav a:hover{color:var(--orange)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;font-size:12px;color:var(--muted)}

/* Subpages */
.page-hero{padding:28px 0 80px}.page-hero-card{background:var(--orange);color:white;border-radius:var(--radius-lg);padding:clamp(44px,7vw,90px);position:relative;overflow:hidden;min-height:470px;display:flex;flex-direction:column;justify-content:flex-end}.page-hero-card:after{content:"";position:absolute;right:-10%;top:-40%;width:520px;height:520px;border-radius:50%;border:100px solid rgba(255,255,255,.09)}.page-hero-card .h1{max-width:900px;position:relative;z-index:2}.page-hero-card .lead{color:rgba(255,255,255,.82);position:relative;z-index:2}.page-hero-card .eyebrow{color:rgba(255,255,255,.7);position:relative;z-index:2}.page-hero-media{position:absolute;right:4%;bottom:0;width:min(40%,480px);z-index:1}.page-hero-media img{width:100%;max-height:440px;object-fit:cover;object-position:top center;border-radius:200px 200px 0 0}
.course-page-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:stretch}.course-page-copy{background:var(--orange);color:white;border-radius:var(--radius-lg);padding:clamp(44px,6vw,80px);display:flex;flex-direction:column;justify-content:center}.course-page-copy .eyebrow{color:rgba(255,255,255,.68)}.course-page-copy .lead{color:rgba(255,255,255,.82)}.course-page-art{border-radius:var(--radius-lg);background:var(--cream-2);display:grid;place-items:center;padding:50px;min-height:620px}.course-page-art .course-box{width:min(380px,82%)}
.info-band{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden}.info-band div{padding:24px;border-right:1px solid var(--line)}.info-band div:last-child{border:0}.info-band b{display:block;font-size:15px}.info-band span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:start}.sticky-side{position:sticky;top:120px}.feature-rows{border-top:1px solid var(--line)}.feature-row{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.feature-row b{font-size:13px;color:var(--orange)}.feature-row h3{font-size:22px;margin:0 0 6px;letter-spacing:-.03em}.feature-row p{margin:0;color:var(--muted);font-size:14px}
.tools-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.tool-large{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--white);display:grid;grid-template-columns:.9fr 1.1fr;min-height:440px}.tool-large .tool-art{height:100%;border-radius:0}.tool-large .tool-detail{padding:34px;display:flex;flex-direction:column;justify-content:center}.tool-large .tool-detail p{color:var(--muted);font-size:14px}.tool-large .journal{height:72%;width:58%}
.about-page-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.about-page-photo{border-radius:var(--radius-lg);overflow:hidden;background:#0a0705;position:sticky;top:118px}.about-page-photo img{width:100%;aspect-ratio:.83;object-fit:cover;object-position:top center}.about-page-copy .h2{margin-bottom:26px}.about-page-copy p{color:var(--muted);font-size:18px}.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-top:36px}.principle{background:var(--cream);padding:28px}.principle b{font-size:34px;color:var(--orange);letter-spacing:-.05em}.principle h3{font-size:18px;margin:10px 0 8px}.principle p{font-size:13px;margin:0;color:var(--muted)}

/* Utility motion */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.75,.3,1),transform .7s cubic-bezier(.2,.75,.3,1)}[data-reveal].is-visible{opacity:1;transform:none}
.stagger > *{transition-delay:calc(var(--i,0)*70ms)}

/* Tablet */
@media (max-width:1020px){
  .nav-links{display:none}.nav-actions .text-link{display:none}.menu-toggle{display:flex;position:relative}.mobile-menu{display:block;transform:translateY(-105%);opacity:0;pointer-events:none;transition:.35s cubic-bezier(.2,.7,.2,1)}body.menu-open .mobile-menu{transform:none;opacity:1;pointer-events:auto}
  .hero-grid{grid-template-columns:1fr .85fr}.hero-copy{padding-left:42px}.hero-person{padding-right:20px}.hero-person .portrait-frame{height:530px}.hero-badge{display:none}.hero-proof{left:42px;right:42px}
  .trust-row{grid-template-columns:repeat(2,1fr)}
  .course-feature,.about-split,.book-band,.course-page-hero,.about-page-grid{grid-template-columns:1fr}.course-visual-wrap{max-width:560px;margin:auto}.about-photo{min-height:560px}.book-art{min-height:470px}.stats{grid-template-columns:1fr 1fr}.stat-intro{grid-column:1/-1}.tools-grid{grid-template-columns:repeat(2,1fr)}.insights-grid{grid-template-columns:1fr 1fr}.insight-card:first-child{grid-column:1/-1}.final-cta-inner{grid-template-columns:1fr}.final-price{text-align:left}.footer-grid{grid-template-columns:1fr 1fr}.course-page-art{min-height:520px}.two-col{grid-template-columns:1fr}.sticky-side{position:static}.tools-page-grid{grid-template-columns:1fr}.about-page-photo{position:static}.page-hero-media{opacity:.25;width:50%}
}

/* Mobile */
@media (max-width:700px){
  :root{--radius-lg:25px;--radius-md:18px}
  .nav{height:72px}.mobile-menu{inset:72px 0 0}.nav-actions .btn{display:none}.brand{font-size:17px}
  .hero{padding-top:8px}.hero-panel{min-height:auto}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:40px 24px 12px;order:1}.hero-copy .display{font-size:clamp(50px,15vw,78px)}.hero-copy .lead{font-size:17px;margin:18px 0 22px}.hero-person{order:2;min-height:0;height:430px;padding:0 22px;align-items:flex-end}.hero-person .portrait-frame{height:410px;width:100%;border-radius:170px 170px 0 0}.hero-proof{position:static;order:3;padding:18px 24px 26px;display:flex;flex-wrap:wrap}.proof-dot{display:none}.hero-panel:before{font-size:36vw;bottom:3%;left:-4%}.hero-panel:after{display:none}
  .trust-row{grid-template-columns:1fr;margin-top:16px}.trust-item{padding:16px 18px}
  .section{padding:78px 0}.section-sm{padding:58px 0}.section-head{display:block;margin-bottom:30px}.section-head .copy{margin-top:18px}.h2{font-size:clamp(38px,12vw,58px)}
  .course-feature{gap:30px}.course-visual-wrap{padding:18px 0 28px 20px}.course-box{padding:30px}.benefit-list{grid-template-columns:1fr}.benefit-list div:nth-child(even){padding-left:0;border-left:0}.price{font-size:40px}
  .stats{grid-template-columns:1fr}.stat-intro{grid-column:auto}.stat-card{min-height:150px}
  .module{grid-template-columns:42px 1fr auto;gap:12px;padding:19px 0}.module-copy{display:none}.module-title{font-size:17px}.module-time{font-size:10px;padding:5px 8px}
  .tools-grid{grid-template-columns:1fr 1fr;gap:12px}.tool-card{padding:10px;border-radius:18px}.tool-art{height:220px;border-radius:14px}.journal{width:70%;height:78%;padding:18px 10px}.journal .num{font-size:24px}.journal .label{font-size:8px}.tool-meta{padding:12px 2px 2px}.tool-name{font-size:16px}.tool-desc{display:none}.tool-price strong{font-size:18px}
  .about-split{min-height:0}.about-photo{min-height:440px}.about-copy{padding:36px 26px}.about-copy .h2{font-size:44px}
  .insights-grid{grid-template-columns:1fr}.insight-card:first-child{grid-column:auto;min-height:410px}.insight-card{min-height:330px}
  .book-band{min-height:0}.book-copy{padding:40px 26px}.book-art{min-height:410px}.book-cover{width:65%}
  .final-cta{padding:10px}.final-cta-inner{padding:38px 26px}.final-price .price{font-size:44px}
  .footer{padding-top:54px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}
  .page-hero{padding-top:10px}.page-hero-card{min-height:420px;padding:34px 26px}.page-hero-card .h1{font-size:clamp(48px,15vw,78px)}.page-hero-media{display:none}
  .course-page-hero{gap:12px}.course-page-copy{padding:38px 26px}.course-page-art{min-height:440px;padding:28px}.course-page-art .course-box{width:78%}.info-band{grid-template-columns:1fr 1fr}.info-band div:nth-child(2){border-right:0}.info-band div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .tools-page-grid{gap:14px}.tool-large{grid-template-columns:1fr}.tool-large .tool-art{height:340px}.tool-large .tool-detail{padding:26px}.tool-large .journal{width:48%;height:78%}
  .about-page-grid{gap:32px}.about-page-copy p{font-size:16px}.principles{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}[data-reveal]{opacity:1;transform:none}}


/* === Client feedback pass: 2026-08-29 === */
:focus-visible{outline:3px solid #111;outline-offset:4px}
.course-display{font-size:clamp(64px,8.8vw,142px);line-height:.82;letter-spacing:-.07em}
.hero-tagline{font-size:clamp(22px,2.1vw,32px);font-weight:800;letter-spacing:-.035em;margin:20px 0 0}
.hero-course-first .hero-copy .lead{max-width:600px;margin-top:16px}
.hero-offer,.offer-row,.final-offer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero-offer{margin:26px 0 24px}.offer-old{font-size:19px;text-decoration:line-through;opacity:.72}.offer-now{font-size:42px;font-weight:950;letter-spacing:-.055em}.offer-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:8px;background:#fff;color:var(--orange-dark);font-size:11px;font-weight:900;letter-spacing:.08em}.light-badge{background:#fff;color:var(--orange-dark)}
.hero-outline{border-color:rgba(255,255,255,.58)!important;color:white!important}.learning-badge{position:absolute;right:24px;top:116px;width:132px;min-height:116px;border-radius:22px;background:#fff8f3;color:var(--ink);padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 16px 40px rgba(89,26,4,.16)}.learning-badge strong{font-size:34px;color:var(--orange);line-height:1}.learning-badge span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:7px}
.video-priority{padding-top:74px}.video-shell{max-width:1100px}.video-heading{align-items:start}.explainer-card{display:block;position:relative;overflow:hidden;border-radius:28px;background:#111;aspect-ratio:16/9;box-shadow:var(--shadow)}.explainer-card img{width:100%;height:100%;object-fit:cover}.video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.52))}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.96);color:var(--orange);font-size:30px;padding-left:5px;box-shadow:0 16px 44px rgba(0,0,0,.22)}.video-caption{position:absolute;left:28px;bottom:24px;color:white;display:grid;gap:4px}.video-caption b{font-size:20px}.video-caption small{font-size:13px;opacity:.82}.video-enroll{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid var(--line);border-radius:20px;background:#fffdfa}.dark-old{color:var(--muted);margin-right:10px}.dark-now{color:var(--ink);margin-right:10px}.btn-large{min-height:56px;padding:0 28px;font-size:15px}
.clean-trust{margin-top:0}.svg-icon{font-size:16px;color:var(--orange);background:#ffe0cf}
.creator-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);border-radius:16px;overflow:hidden;margin:24px 0}.creator-metrics div{padding:18px;background:rgba(255,255,255,.04)}.creator-metrics strong{display:block;font-size:28px;letter-spacing:-.04em}.creator-metrics span{display:block;font-size:11px;opacity:.75;margin-top:3px}.big-metrics{background:var(--line);border-color:var(--line)}.big-metrics div{background:var(--cream)}.big-metrics strong{color:var(--orange)}.big-metrics span{color:var(--muted)}.social-actions{display:flex;gap:10px;flex-wrap:wrap}.modern-about .about-copy{display:flex;flex-direction:column;justify-content:center}
.community-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.community-proof article{background:var(--white);padding:28px;border:1px solid var(--line);border-radius:18px}.community-proof h3{font-size:22px;margin:15px 0 8px}.community-proof p{color:var(--muted);font-size:14px;margin:0}.community-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffe0cf;color:var(--orange);font-weight:900}
.actual-course{align-items:stretch}.actual-media{border-radius:24px;overflow:hidden;background:#0c1520;min-height:480px;box-shadow:var(--shadow)}.actual-media img{width:100%;height:100%;object-fit:cover}.offer-row{margin:26px 0}.offer-row .old-price{order:1}.offer-row .price{order:2}.offer-row .offer-badge{order:3}.on-orange .old-price{color:rgba(255,255,255,.66)}.on-orange .price{color:white}.on-orange .offer-badge{background:white}
.light-copy{color:rgba(255,255,255,.66)!important}.actual-products .tool-card{background:#16100d;border-color:rgba(255,255,255,.12)}.actual-products .tool-art{height:300px;background:#18110e}.actual-products .tool-art img,.real-product-large .tool-art img{width:100%;height:100%;object-fit:cover}.image-product .tool-meta{color:white}.image-product .tool-name{font-size:17px}.image-price{position:absolute;right:14px;top:14px;display:flex;align-items:baseline;gap:7px;background:white;color:var(--ink);padding:8px 10px;border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.18)}.image-price b{font-size:17px}.image-price s{font-size:11px;color:#86786f}.tool-art{position:relative}.section-action{margin-top:28px}
.actual-book{grid-template-columns:1fr 1fr}.book-photo{min-height:440px;background:#222;overflow:hidden}.book-photo img{width:100%;height:100%;object-fit:cover}.book-badge{display:inline-flex;margin-top:20px;padding:9px 12px;border:1px solid rgba(255,255,255,.26);border-radius:9px;font-size:12px;font-weight:800}.book-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.book-outline{border-color:rgba(255,255,255,.38)!important;color:white!important}
.latest-video-frame{position:relative;aspect-ratio:16/9;border-radius:26px;overflow:hidden;background:#0b0806;box-shadow:var(--shadow)}.latest-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.social-strip-section{padding-top:40px}.social-banner{background:var(--ink);color:white;border-radius:28px;padding:clamp(30px,5vw,58px);display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.social-banner h2{font-size:clamp(28px,3.5vw,48px);line-height:.98;letter-spacing:-.05em;margin:12px 0 0}.social-banner-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-banner-actions a{padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.04);display:grid;gap:5px}.social-banner-actions a:hover{background:rgba(255,255,255,.09)}.social-banner-actions span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.65}.social-banner-actions b{font-size:15px}
.final-subcopy{color:rgba(255,255,255,.82);max-width:520px}.final-offer{justify-content:flex-end}.final-offer .old-price{order:1}.final-offer .price{order:2}.final-offer .offer-badge{order:3}
.actual-course-art{padding:20px;background:#071522}.actual-course-art img{width:100%;height:100%;object-fit:cover;border-radius:22px}.refreshed-course-hero .course-page-copy{min-height:620px}
.product-page-hero{background:linear-gradient(135deg,#f77436,#f65e1b)}.real-product-grid{grid-template-columns:repeat(2,1fr)}.real-product-large{grid-template-columns:1.05fr .95fr}.real-product-large .tool-art{height:auto;min-height:430px}.real-product-large .image-price{right:16px;top:16px}
.about-hero-card{background:var(--orange);padding-right:min(45vw,520px)}.dark-principles{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.16)}.dark-principles .principle{background:#130e0b;color:white}.dark-principles .principle p{color:rgba(255,255,255,.62)}
.book-page-hero{background:#546a92}.book-detail-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,90px);align-items:center}.book-real-photo{border-radius:24px;overflow:hidden;background:#ddd;box-shadow:var(--shadow)}.book-real-photo img{width:100%;aspect-ratio:.84;object-fit:cover}.book-detail-copy .lead{margin-top:22px}.book-detail-copy .copy{margin-top:18px}
.mobile-menu a{font-size:clamp(30px,8vw,48px)}
@media (max-width:1020px){.learning-badge{display:none}.community-proof{grid-template-columns:1fr}.social-banner{grid-template-columns:1fr}.actual-book{grid-template-columns:1fr}.real-product-grid{grid-template-columns:1fr}.book-detail-grid{grid-template-columns:1fr}.about-hero-card{padding-right:clamp(34px,7vw,90px)}}
@media (max-width:700px){
  .course-display{font-size:clamp(48px,13.2vw,68px);line-height:.87;letter-spacing:-.055em}.hero-tagline{font-size:21px}.hero-course-first .hero-copy{padding-top:34px}.hero-course-first .hero-person{height:390px}.hero-course-first .hero-person .portrait-frame{height:375px;border-radius:120px 120px 0 0}.hero-course-first .hero-proof{font-size:11px;gap:10px}.hero-offer{margin:20px 0}.offer-now{font-size:34px}.explainer-card{border-radius:18px}.play-button{width:64px;height:64px;font-size:22px}.video-caption{left:18px;bottom:16px}.video-caption b{font-size:16px}.video-enroll{align-items:flex-start;flex-direction:column}.video-enroll .btn{width:100%}.creator-metrics{grid-template-columns:1fr}.actual-products.tools-grid{grid-template-columns:1fr}.actual-products .tool-art{height:260px}.social-banner-actions{grid-template-columns:1fr}.social-banner{border-radius:22px}.final-offer{justify-content:flex-start}.book-photo{min-height:340px}.real-product-large{grid-template-columns:1fr}.real-product-large .tool-art{min-height:300px}.book-detail-copy .h2{font-size:42px}.about-hero-card{padding-right:26px}.community-proof article{padding:22px}.latest-video-frame{border-radius:18px}.section-head.video-heading .h2{font-size:40px}
}

/* Final client-feedback QA polish */
.svg-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-icon svg path:first-child:only-child{fill:none}.creator-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,8vw,110px);align-items:start}.creator-story-copy .lead{margin-top:0}.about-story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,8vw,110px);align-items:start}.tool-large.real-product-large{color:inherit}.tool-large.real-product-large .tool-detail{display:flex;flex-direction:column;gap:14px}.tool-large.real-product-large .tool-detail .btn{margin-top:8px}.community-icon{font-size:11px;letter-spacing:.08em}.footer a:focus-visible,.nav a:focus-visible,.btn:focus-visible{outline-color:var(--orange)}
@media (max-width:1020px){.creator-story,.about-story-grid{grid-template-columns:1fr;gap:30px}}
@media (max-width:700px){.creator-story .h2,.about-story-grid .h2{font-size:clamp(42px,12vw,58px)}}


/* === Mobile & visual rescue pass: 2026-08-29 === */
.hero-person img,
.about-photo img,
.about-page-photo img,
.page-hero-media img{object-position:center center}
.hero-person .portrait-frame{width:min(100%,500px);margin-inline:auto}
.hero-actions .btn{min-width:0}

.actual-products .tool-art,
.real-product-large .tool-art{
  height:auto;
  min-height:0;
  aspect-ratio:3 / 4;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff7f1;
}
.actual-products .tool-art img,
.real-product-large .tool-art img,
.book-photo img,
.book-real-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
}
.image-product .tool-meta{padding:16px 8px 10px}
.image-product .tool-name{font-size:18px;line-height:1.15}
.book-photo,
.book-real-photo{
  background:linear-gradient(180deg,#101828 0%, #243b62 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.book-photo img,
.book-real-photo img{
  max-width:min(100%,380px);
  height:auto;
}
.book-band.actual-book,
.book-detail-grid{align-items:center}
.footer-grid{gap:26px}
.social-banner-actions a,
.tool-card,
.explainer-card,
.book-photo,
.book-real-photo{overflow:hidden}

@media (max-width:1020px){
  .hero-grid{grid-template-columns:1fr;align-items:start;min-height:auto}
  .hero-copy{padding-right:42px;max-width:none}
  .hero-person{min-height:0;height:auto;padding:0 42px 0;justify-content:center}
  .hero-person .portrait-frame{height:auto;aspect-ratio:0.86}
  .hero-proof{position:static;padding:0 42px 28px;flex-wrap:wrap;gap:10px 16px}
  .video-priority{padding-top:62px}
  .creator-story,.about-story-grid{grid-template-columns:1fr;gap:28px}
  .footer-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:700px){
  body{font-size:15px}
  .shell{width:min(var(--max),calc(100% - 32px))}
  .site-header{backdrop-filter:blur(12px)}
  .nav{height:68px;gap:12px}
  .brand{font-size:16px}
  .menu-toggle{width:40px;height:40px}
  .mobile-menu{inset:68px 0 0;padding:18px 16px 30px}
  .mobile-menu a{font-size:28px;line-height:1.05;padding:10px 0}
  .mobile-menu .mobile-small{font-size:15px;padding-top:18px}

  .hero{padding-top:6px}
  .hero-panel{border-radius:22px}
  .hero-copy{padding:28px 20px 10px}
  .course-display,
  .hero-copy .display{font-size:clamp(40px,11.5vw,56px)!important;line-height:0.92;letter-spacing:-0.048em}
  .hero-tagline{font-size:18px;line-height:1.2;margin-top:14px}
  .hero-copy .lead{font-size:16px;line-height:1.45;margin:16px 0 20px;max-width:none}
  .hero-offer{margin:16px 0 18px}
  .offer-old{font-size:16px}
  .offer-now{font-size:30px}
  .offer-badge{min-height:28px;font-size:10px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-actions .btn,.video-enroll .btn,.course-actions .btn,.book-actions .btn,.social-actions .btn{width:100%}
  .hero-person{padding:0 14px;height:auto}
  .hero-person .portrait-frame{width:min(100%,310px);height:auto;aspect-ratio:0.88;border-radius:110px 110px 0 0}
  .hero-proof{padding:14px 20px 20px;font-size:11px;gap:8px 10px}
  .hero-proof strong{display:block;flex-basis:100%;font-size:12px}
  .proof-dot{display:none}

  .section{padding:60px 0}
  .section-sm{padding:42px 0}
  .h2{font-size:clamp(30px,9.2vw,42px);line-height:1.02;letter-spacing:-0.04em}
  .lead{font-size:16px;line-height:1.45}
  .copy{font-size:14px;line-height:1.5}
  .eyebrow{font-size:10px;letter-spacing:0.14em}
  .section-head{margin-bottom:24px}

  .video-priority{padding-top:48px}
  .video-heading .copy{margin-top:14px}
  .explainer-card{aspect-ratio:16 / 10;border-radius:18px}
  .play-button{width:62px;height:62px;font-size:22px}
  .video-caption{left:16px;bottom:14px;right:16px}
  .video-caption b{font-size:16px}
  .video-caption small{font-size:12px}
  .video-enroll{padding:16px 16px 18px;border-radius:18px}
  .video-enroll > div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

  .trust-row{border-radius:16px}
  .trust-item{padding:14px 16px}

  .creator-story,
  .course-feature,
  .actual-book,
  .social-banner,
  .book-detail-grid,
  .course-page-hero,
  .creator-metrics,
  .community-proof,
  .info-band,
  .footer-grid{grid-template-columns:1fr!important}

  .community-proof article{padding:20px;border-radius:16px}
  .creator-metrics{margin:18px 0}
  .creator-metrics div{padding:16px}
  .creator-metrics strong{font-size:24px}

  .actual-products.tools-grid,
  .tools-grid,
  .real-product-grid,
  .tools-page-grid{grid-template-columns:1fr!important;gap:14px}
  .actual-products .tool-card,
  .tool-large{border-radius:20px}
  .actual-products .tool-art,
  .real-product-large .tool-art,
  .tool-large .tool-art{aspect-ratio:4 / 5;min-height:0;padding:14px;border-radius:18px}
  .image-product .tool-name,
  .tool-name{font-size:18px}
  .tool-card{padding:10px}
  .tool-meta{padding:14px 6px 8px}
  .image-price{right:10px;top:10px;padding:7px 9px;border-radius:9px}
  .image-price b{font-size:16px}
  .image-price s{font-size:10px}

  .book-photo,
  .book-real-photo{padding:18px;min-height:0;border-radius:20px}
  .book-photo img,
  .book-real-photo img{max-width:min(100%,260px)}
  .book-copy,.book-detail-copy,.about-copy,.course-page-copy,.tool-large .tool-detail{padding:24px 18px!important}

  .social-banner{padding:22px 18px;border-radius:20px;gap:18px}
  .social-banner h2{font-size:30px}
  .social-banner-actions{grid-template-columns:1fr;gap:10px}
  .social-banner-actions a{padding:16px}

  .final-cta{padding:8px}
  .final-cta-inner{padding:28px 18px;border-radius:22px}
  .final-price .price{font-size:38px}
  .final-offer{justify-content:flex-start}

  .page-hero{padding-top:8px}
  .page-hero-card{min-height:0;padding:28px 18px 24px;border-radius:22px}
  .page-hero-card .h1{font-size:clamp(40px,11vw,52px);line-height:0.96;letter-spacing:-0.045em}
  .page-hero-media{display:none}

  .about-photo{min-height:320px}
  .about-photo img,.about-page-photo img{aspect-ratio:0.9;object-fit:cover}
  .about-copy .h2,.creator-story .h2{font-size:clamp(32px,10vw,44px)}
  .about-page-copy p{font-size:16px}
  .principles{grid-template-columns:1fr}

  .footer{padding-top:44px}
  .footer-grid{grid-template-columns:1fr!important}
  .footer-brand{grid-column:auto}
  .footer-bottom{display:grid;gap:4px}
}

@media (max-width:390px){
  .course-display,.hero-copy .display{font-size:38px!important}
  .hero-tagline{font-size:17px}
  .hero-copy .lead{font-size:15px}
  .hero-person .portrait-frame{width:min(100%,280px)}
}


/* === Client fix pass: hero center, poster visibility, product crop === */
.hero .hero-grid{align-items:end}
.hero .hero-person{padding:0 18px 0 18px;justify-content:center;align-items:flex-end}
.hero .hero-person .portrait-frame{width:min(100%,460px);height:auto;aspect-ratio:0.9;border-radius:160px 160px 0 0;background:transparent;box-shadow:none;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.hero .hero-person img{width:100%;height:100%;object-fit:contain!important;object-position:center bottom!important;filter:none;display:block}
.hero .learning-badge{left:50%;transform:translateX(-50%);bottom:16px}

.actual-course{grid-template-columns:minmax(280px,.95fr) minmax(300px,1.05fr);gap:24px;align-items:stretch}
.actual-media{display:flex;align-items:center;justify-content:center;padding:16px;background:#10151d}
.actual-media img{width:100%;height:100%;object-fit:contain!important;object-position:center center;background:#10151d;display:block}

.actual-products .tool-card,
.real-product-large{overflow:hidden}
.actual-products .tool-art,
.real-product-large .tool-art,
.tool-large .tool-art{padding:0!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;background:transparent!important;border-radius:16px 16px 0 0}
.actual-products .tool-art img,
.real-product-large .tool-art img,
.tool-large .tool-art img{display:block;width:100%;height:auto!important;object-fit:contain!important;object-position:center center!important;background:transparent!important}
.actual-products .tool-card{padding:0 0 14px!important;border-radius:20px}
.actual-products .tool-meta{padding:14px 14px 0!important}
.actual-products .image-price{right:10px;top:10px}

.book-photo,
.book-real-photo{background:#0f1624!important;padding:0!important;display:flex;align-items:center;justify-content:center}
.book-photo img,
.book-real-photo img{display:block;width:100%;height:auto;object-fit:contain!important;object-position:center center!important;max-width:100%!important}

@media (max-width:1020px){
  .hero .hero-person{padding:0 10px 0}
  .hero .hero-person .portrait-frame{width:min(100%,360px);aspect-ratio:0.9}
  .actual-course{grid-template-columns:1fr;gap:18px}
  .actual-media{min-height:0}
}

@media (max-width:700px){
  .hero .hero-grid{grid-template-columns:1fr}
  .hero .hero-copy{padding:26px 18px 10px}
  .hero .hero-person{padding:0 8px 0;order:2}
  .hero .hero-person .portrait-frame{width:min(100%,290px);aspect-ratio:0.92;border-radius:110px 110px 0 0}
  .hero .learning-badge{bottom:10px;padding:10px 12px}
  .actual-media{padding:10px;border-radius:18px}
  .actual-products .tool-card{border-radius:18px}
  .actual-products .tool-art{border-radius:16px 16px 0 0}
  .book-photo,.book-real-photo{border-radius:18px;padding:0!important}
}


/* === Emergency crop fix pass v6 === */
.hero-person{justify-content:center!important;align-items:flex-end!important;padding:0 12px 0!important;min-height:0!important;height:auto!important}
.hero-person .portrait-frame{
  width:min(100%,420px)!important;
  max-width:420px!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:flex!important;
  justify-content:center!important;
  align-items:flex-end!important;
  margin-inline:auto!important;
}
.hero-person picture{display:block;width:100%}
.hero-person img{
  width:100%!important;
  max-width:420px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
}
.learning-badge{left:50%!important;right:auto!important;transform:translateX(-50%)!important}

.book-photo,
.book-real-photo{
  overflow:visible!important;
  padding:20px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:0!important;
}
.book-photo img,
.book-real-photo img{
  width:auto!important;
  height:auto!important;
  max-width:min(100%,320px)!important;
  max-height:520px!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  margin-inline:auto!important;
}

@media (min-width: 1021px){
  .hero-person .portrait-frame{width:min(100%,440px)!important;max-width:440px!important}
  .hero-person img{max-width:440px!important}
  .book-photo img,.book-real-photo img{max-width:min(100%,340px)!important}
}

@media (max-width: 700px){
  .hero-person{padding:0 8px 0!important}
  .hero-person .portrait-frame{width:min(100%,280px)!important;max-width:280px!important}
  .hero-person img{max-width:280px!important}
  .book-photo,.book-real-photo{padding:16px!important}
  .book-photo img,.book-real-photo img{max-width:min(100%,230px)!important}
}


/* === Client exact-image fix pass v7 === */
.hero-course-first .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;align-items:end!important;gap:12px}
.hero-course-first .hero-person{
  display:flex!important;
  justify-content:center!important;
  align-items:flex-end!important;
  padding:0 8px 0!important;
  min-height:0!important;
  height:auto!important;
}
.hero-course-first .hero-person .portrait-frame.hero-no-box{
  width:min(100%,680px)!important;
  max-width:680px!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin:0 auto!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
.hero-course-first .hero-person .portrait-frame.hero-no-box picture,
.hero-course-first .hero-person .portrait-frame.hero-no-box img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:680px!important;
}
.hero-course-first .hero-person .portrait-frame.hero-no-box img{
  object-fit:contain!important;
  object-position:center bottom!important;
}
.hero-course-first .learning-badge{left:50%!important;right:auto!important;transform:translateX(-50%)!important}

.actual-course .actual-media{display:flex!important;align-items:center!important;justify-content:center!important;padding:12px!important;min-height:0!important}
.actual-course .actual-media img{width:100%!important;height:auto!important;max-height:560px!important;object-fit:contain!important;object-position:center center!important;display:block!important}

.book-photo,
.book-real-photo{
  background:transparent!important;
  padding:0!important;
  min-height:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.book-photo img,
.book-real-photo img{
  width:auto!important;
  height:auto!important;
  max-width:min(100%,328px)!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  margin:0 auto!important;
}

@media (max-width:1020px){
  .hero-course-first .hero-grid{grid-template-columns:1fr!important;gap:16px!important}
  .hero-course-first .hero-person{order:2;padding:0 6px 0!important}
  .hero-course-first .hero-person .portrait-frame.hero-no-box{width:min(100%,520px)!important;max-width:520px!important}
  .hero-course-first .hero-person .portrait-frame.hero-no-box img{max-width:520px!important}
}
@media (max-width:700px){
  .hero-course-first .hero-copy{padding:24px 18px 8px!important}
  .hero-course-first .hero-person{padding:0 0 0!important}
  .hero-course-first .hero-person .portrait-frame.hero-no-box{width:min(100%,340px)!important;max-width:340px!important}
  .hero-course-first .hero-person .portrait-frame.hero-no-box img{max-width:340px!important}
  .actual-course .actual-media img{max-height:340px!important}
  .book-photo img,.book-real-photo img{max-width:min(100%,250px)!important}
}


/* === Hero black-dome correction v8 === */
.hero-course-first .hero-grid{
  grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr)!important;
  align-items:end!important;
  gap:24px!important;
}
.hero-course-first .hero-person{
  position:relative!important;
  min-height:640px!important;
  height:640px!important;
  padding:0 34px 0 10px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
}
.host-dome{
  position:relative;
  width:min(100%,540px);
  height:590px;
  background:#050505;
  border-radius:270px 270px 28px 28px;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  box-shadow:0 24px 60px rgba(56,15,0,.22);
}
.host-dome picture{display:block;width:100%;height:100%}
.host-dome img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
}
.hero-learning-badge{
  position:absolute!important;
  left:auto!important;
  right:-4px!important;
  top:82px!important;
  bottom:auto!important;
  transform:none!important;
  width:126px!important;
  min-height:104px!important;
  padding:16px 14px!important;
  border-radius:18px!important;
  z-index:4;
}
.hero-learning-badge strong{font-size:31px!important}
.hero-learning-badge span{font-size:10px!important}

@media (max-width:1020px){
  .hero-course-first .hero-grid{grid-template-columns:1fr!important;gap:12px!important}
  .hero-course-first .hero-person{
    height:auto!important;
    min-height:0!important;
    padding:0 24px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:14px!important;
  }
  .host-dome{width:min(100%,500px);height:auto;aspect-ratio:.92;border-radius:250px 250px 24px 24px}
  .hero-learning-badge{
    position:static!important;
    transform:none!important;
    width:auto!important;
    min-height:0!important;
    display:inline-flex!important;
    flex-direction:row!important;
    gap:8px!important;
    padding:10px 16px!important;
    border-radius:999px!important;
    box-shadow:none!important;
    margin-bottom:6px!important;
  }
  .hero-learning-badge strong{font-size:20px!important}
  .hero-learning-badge span{font-size:11px!important;margin-top:0!important}
}

@media (max-width:700px){
  .hero-course-first .hero-person{padding:0 12px!important;gap:10px!important}
  .host-dome{width:min(100%,330px);aspect-ratio:.94;border-radius:165px 165px 20px 20px}
  .hero-learning-badge{margin-top:2px!important;margin-bottom:8px!important}
}


/* === Hero desktop/mobile correction v9 === */
.hero-course-first .hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(420px,.98fr)!important;
  align-items:end!important;
}
.hero-course-first .hero-person{
  position:relative!important;
  min-height:620px!important;
  height:620px!important;
  padding:0 18px 18px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:14px!important;
}
.hero-course-first .host-dome{
  width:min(100%,520px)!important;
  height:560px!important;
  background:#050505!important;
  border-radius:260px 260px 26px 26px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  box-shadow:0 22px 50px rgba(56,15,0,.18)!important;
}
.hero-course-first .host-dome picture{display:flex!important;align-items:flex-end!important;justify-content:center!important;width:100%!important;height:100%!important}
.hero-course-first .host-dome img{
  width:auto!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
.hero-course-first .hero-learning-badge{
  position:static!important;
  right:auto!important;
  left:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:auto!important;
  min-height:0!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  box-shadow:none!important;
  margin:0 auto!important;
}
.hero-course-first .hero-learning-badge strong{font-size:22px!important}
.hero-course-first .hero-learning-badge span{font-size:11px!important;margin-top:0!important}

@media (max-width:1020px){
  .hero-course-first .hero-grid{grid-template-columns:1fr!important;gap:16px!important}
  .hero-course-first .hero-person{
    min-height:0!important;
    height:auto!important;
    padding:0 18px 18px!important;
    gap:12px!important;
  }
  .hero-course-first .host-dome{
    width:min(100%,420px)!important;
    height:470px!important;
    border-radius:210px 210px 24px 24px!important;
  }
}

@media (max-width:700px){
  .hero-course-first .hero-copy{padding:24px 18px 8px!important}
  .hero-course-first .hero-person{padding:0 12px 18px!important;gap:10px!important}
  .hero-course-first .host-dome{
    width:min(100%,300px)!important;
    height:360px!important;
    border-radius:150px 150px 20px 20px!important;
  }
  .hero-course-first .host-dome img{
    height:100%!important;
    width:auto!important;
  }
  .hero-course-first .hero-learning-badge{
    padding:10px 14px!important;
    font-size:12px!important;
  }
  .hero-course-first .hero-learning-badge strong{font-size:20px!important}
  .hero-course-first .hero-learning-badge span{font-size:10px!important}
}


/* === Course page UI parity with homepage v11 === */
.course-detail-hero{padding:18px 0 44px}
.course-detail-panel{min-height:690px}
.course-detail-grid{
  min-height:690px;
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(400px,.97fr);
  align-items:end;
  gap:24px;
}
.course-detail-copy{align-self:center;padding:clamp(42px,5vw,78px) 0 clamp(58px,7vw,100px) clamp(38px,5vw,78px);max-width:700px;z-index:3}
.course-detail-copy .eyebrow{color:rgba(255,255,255,.76)}
.course-detail-copy .lead{color:rgba(255,255,255,.88);max-width:570px;margin:18px 0 24px}
.course-hero-visual{
  position:relative;
  min-height:620px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  padding:34px 34px 38px 10px;
  z-index:3;
}
.course-poster-frame{
  width:min(100%,500px);
  height:540px;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#081521;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 24px 60px rgba(66,17,0,.22);
}
.course-poster-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:18px;
}
.course-learning-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:9px 16px;
  border-radius:999px;
  background:var(--cream);
  color:var(--ink);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.course-learning-pill strong{font-size:21px;color:var(--orange);line-height:1}
.course-proof{left:clamp(38px,5vw,78px);right:clamp(38px,5vw,78px);bottom:22px}

@media (max-width:1020px){
  .course-detail-grid{grid-template-columns:1fr;min-height:auto;gap:12px}
  .course-detail-copy{padding:38px 42px 16px;max-width:none}
  .course-hero-visual{min-height:0;padding:4px 32px 24px;gap:12px}
  .course-poster-frame{width:min(100%,500px);height:auto;aspect-ratio:4/3;padding:14px}
  .course-proof{position:static;padding:0 42px 28px;flex-wrap:wrap;gap:10px 16px}
}

@media (max-width:700px){
  .course-detail-hero{padding-top:8px}
  .course-detail-panel{min-height:0;border-radius:22px}
  .course-detail-copy{padding:28px 20px 12px}
  .course-detail-copy .course-display{font-size:clamp(40px,11.5vw,56px)!important;line-height:.92;letter-spacing:-.048em}
  .course-detail-copy .hero-tagline{font-size:18px;line-height:1.2;margin-top:14px}
  .course-detail-copy .lead{font-size:16px;line-height:1.45;margin:16px 0 20px}
  .course-detail-copy .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .course-detail-copy .hero-actions .btn{width:100%}
  .course-hero-visual{padding:4px 14px 18px}
  .course-poster-frame{width:min(100%,350px);aspect-ratio:4/3;padding:10px;border-radius:20px}
  .course-poster-frame img{border-radius:12px}
  .course-learning-pill{min-height:40px;padding:8px 13px;font-size:10px}
  .course-learning-pill strong{font-size:19px}
  .course-proof{padding:12px 20px 20px;font-size:11px;gap:8px 10px}
  .course-proof strong{display:block;flex-basis:100%;font-size:12px}
  .course-proof .proof-dot{display:none}
  .info-band{grid-template-columns:1fr 1fr}
}


/* === Course first-fold alignment & clipping fix v12 === */
.course-detail-panel{
  min-height:0!important;
  overflow:hidden!important;
}
.course-detail-grid{
  min-height:0!important;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr)!important;
  align-items:center!important;
  gap:clamp(18px,2.4vw,34px)!important;
  padding-bottom:8px!important;
}
.course-detail-copy{
  min-width:0!important;
  max-width:none!important;
  align-self:center!important;
  padding:clamp(42px,5vw,70px) 0 clamp(34px,4vw,56px) clamp(34px,4.6vw,68px)!important;
}
.course-detail-copy .course-display{
  font-size:clamp(52px,5.15vw,76px)!important;
  line-height:.91!important;
  letter-spacing:-.052em!important;
  max-width:100%!important;
  margin:0!important;
  overflow:visible!important;
  text-wrap:initial!important;
}
.course-detail-copy .hero-tagline{
  font-size:clamp(20px,1.8vw,27px)!important;
  line-height:1.16!important;
  margin:17px 0 0!important;
  max-width:560px!important;
}
.course-detail-copy .lead{
  font-size:clamp(16px,1.45vw,20px)!important;
  line-height:1.46!important;
  max-width:560px!important;
  margin:15px 0 20px!important;
}
.course-detail-copy .hero-offer{margin:18px 0 20px!important}
.course-detail-copy .hero-actions{gap:10px!important}

.course-hero-visual{
  min-width:0!important;
  min-height:0!important;
  padding:34px clamp(24px,3vw,42px) 28px 0!important;
  align-self:center!important;
  justify-content:center!important;
}
.course-poster-frame{
  width:min(100%,520px)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  padding:12px!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
.course-poster-frame img{
  width:100%!important;
  height:auto!important;
  max-height:500px!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:14px!important;
}
.course-learning-pill{flex-shrink:0!important}
.course-proof{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  padding:12px clamp(34px,4.6vw,68px) 24px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px 18px!important;
}

@media (max-width:1180px){
  .course-detail-grid{
    grid-template-columns:minmax(0,1fr) minmax(330px,.9fr)!important;
  }
  .course-detail-copy .course-display{
    font-size:clamp(50px,5.4vw,68px)!important;
  }
}

@media (max-width:1020px){
  .course-detail-grid{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
  .course-detail-copy{
    padding:34px 34px 16px!important;
  }
  .course-detail-copy .course-display{
    font-size:clamp(48px,8.2vw,68px)!important;
    max-width:760px!important;
  }
  .course-hero-visual{
    padding:4px 28px 18px!important;
  }
  .course-poster-frame{
    width:min(100%,560px)!important;
  }
  .course-poster-frame img{
    max-height:460px!important;
  }
  .course-proof{
    padding:10px 34px 24px!important;
  }
}

@media (max-width:700px){
  .course-detail-hero{padding:8px 0 28px!important}
  .course-detail-panel{border-radius:22px!important}
  .course-detail-copy{
    padding:26px 18px 12px!important;
  }
  .course-detail-copy .course-display{
    font-size:clamp(38px,10.4vw,48px)!important;
    line-height:.95!important;
    letter-spacing:-.043em!important;
    max-width:100%!important;
  }
  .course-detail-copy .hero-tagline{
    font-size:18px!important;
    line-height:1.2!important;
    margin-top:13px!important;
  }
  .course-detail-copy .lead{
    font-size:15px!important;
    line-height:1.5!important;
    margin:13px 0 17px!important;
    max-width:none!important;
  }
  .course-detail-copy .hero-offer{
    margin:15px 0 17px!important;
  }
  .course-detail-copy .offer-now{font-size:30px!important}
  .course-detail-copy .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .course-detail-copy .hero-actions .btn{
    width:100%!important;
    min-height:46px!important;
  }
  .course-hero-visual{
    padding:2px 12px 14px!important;
    gap:10px!important;
  }
  .course-poster-frame{
    width:100%!important;
    max-width:360px!important;
    padding:8px!important;
    border-radius:18px!important;
  }
  .course-poster-frame img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    border-radius:11px!important;
  }
  .course-learning-pill{
    min-height:38px!important;
    padding:8px 13px!important;
    white-space:nowrap!important;
  }
  .course-proof{
    padding:10px 18px 18px!important;
    gap:6px 10px!important;
    font-size:11px!important;
  }
  .course-proof strong{
    flex-basis:auto!important;
    font-size:11px!important;
  }
  .course-proof .proof-dot{display:block!important}
}

@media (max-width:390px){
  .course-detail-copy .course-display{
    font-size:36px!important;
    letter-spacing:-.038em!important;
  }
  .course-detail-copy{padding-left:16px!important;padding-right:16px!important}
  .course-hero-visual{padding-left:10px!important;padding-right:10px!important}
  .course-proof{padding-left:16px!important;padding-right:16px!important}
}


/* === premium fine-tune v13 === */
.structured-copy{display:grid;gap:14px;margin:20px 0 6px!important;max-width:640px}
.structured-copy>span{font-size:14px;font-weight:700;letter-spacing:.02em;text-transform:none;color:rgba(255,255,255,.94)}
.structured-points{display:flex;flex-wrap:wrap;gap:10px}
.structured-points span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:13px;font-weight:700;color:#fff;backdrop-filter:blur(8px)}
.hero-course-first .hero-panel:after,.course-detail-panel:after{display:block!important;inset:auto -7% -30% auto!important;width:56%!important;border-width:90px!important;border-color:rgba(255,255,255,.08)!important}
.hero-course-first .host-dome,.course-detail-panel .course-poster-frame,.designed-course-poster{background:radial-gradient(circle at 50% 18%, rgba(255,255,255,.18), rgba(255,255,255,.04) 22%, rgba(9,8,8,.98) 68%), linear-gradient(180deg,#121212 0%,#070707 100%)!important}
.hero-course-first .host-dome{box-shadow:0 24px 60px rgba(45,8,0,.25), inset 0 0 0 1px rgba(255,255,255,.06)!important}
.hero-course-first .hero-actions{margin-top:28px}
.hero-course-first .hero-learning-badge strong,.course-learning-pill strong{font-feature-settings:"tnum" 1;letter-spacing:-.04em}

.custom-explainer{background:linear-gradient(140deg,#1c0904 0%,#3a1208 36%,#151313 100%)!important;border:1px solid rgba(255,255,255,.08)}
.custom-explainer-inner{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,42%);align-items:end;padding:34px 34px 0 34px;overflow:hidden}
.custom-explainer-copy{align-self:center;position:relative;z-index:2;padding-bottom:38px}
.thumb-label{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:16px}
.custom-explainer-copy h3{margin:0;font-size:clamp(34px,5vw,64px);line-height:.9;letter-spacing:-.055em;color:#fff}
.custom-explainer-copy p{margin:14px 0 12px;font-size:15px;line-height:1.45;max-width:430px;color:rgba(255,255,255,.82)}
.custom-explainer-copy b{font-size:13px;letter-spacing:.22em;color:#ffb18e}
.custom-explainer-photo{position:absolute;right:0;bottom:0;width:min(50%,500px);height:100%;object-fit:cover;object-position:center top;z-index:1;filter:saturate(1.02) contrast(1.03)}
.custom-explainer .video-caption b{font-size:18px}
.custom-explainer .video-caption small{font-size:12px}

.review-section{padding-top:8px}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.review-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 16px 36px rgba(17,24,39,.06)}
.review-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.review-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffe2d0;color:var(--orange);font-weight:900}
.review-top strong{display:block;font-size:15px}
.review-top span{display:block;color:#f56b1a;font-size:12px;letter-spacing:.08em;margin-top:2px}
.review-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}

.designed-media{padding:18px!important;background:#071522!important}
.designed-course-poster{position:relative;width:100%;min-height:100%;border-radius:22px;overflow:hidden;padding:34px 30px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,42%);align-items:end;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.poster-copy{position:relative;z-index:2;padding-bottom:28px}
.poster-kicker{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffcfbb;margin-bottom:18px}
.poster-copy h3{margin:0;font-size:clamp(36px,5vw,62px);line-height:.9;letter-spacing:-.055em;color:#fff}
.poster-copy p{margin:14px 0 12px;font-size:15px;line-height:1.45;color:rgba(255,255,255,.82);max-width:320px}
.poster-copy b{font-size:13px;color:#ffb18e;letter-spacing:.2em}
.poster-person{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:flex-end}
.poster-person img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.course-poster-frame .designed-course-poster{min-height:460px;padding:28px 26px 0}
.course-poster-frame .poster-copy h3{font-size:clamp(30px,4vw,56px)}
.course-poster-frame .poster-person img{object-position:center top}
.course-detail-copy .structured-copy{max-width:560px}
.course-detail-copy .structured-points span{background:rgba(255,255,255,.12)}
.course-detail-copy .hero-actions{margin-top:28px}
.course-detail-copy .hero-outline{background:transparent}
.course-learning-pill{background:#fff8f3!important}

.offer-timer-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:0 16px 16px;pointer-events:none}
.offer-timer-inner{max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#8f1807 0%,#f05e18 55%,#b2270a 100%);color:#fff;box-shadow:0 18px 44px rgba(112,26,0,.3);pointer-events:auto}
.offer-timer-copy strong{display:block;font-size:15px}
.offer-timer-copy small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin-top:4px}
.offer-timer-count{display:flex;align-items:center;gap:10px}
.offer-timer-count div{min-width:72px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);text-align:center}
.offer-timer-count b{display:block;font-size:28px;line-height:1;font-weight:900;letter-spacing:-.04em}
.offer-timer-count span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-top:4px}
body.has-offer-bar{padding-bottom:108px}

@media (max-width:1020px){
  .review-grid{grid-template-columns:1fr}
  .custom-explainer-inner,.designed-course-poster{grid-template-columns:1fr .9fr}
  .offer-timer-inner{flex-wrap:wrap;justify-content:center}
}
@media (max-width:700px){
  .structured-copy{gap:10px;margin-top:18px!important}
  .structured-copy>span{font-size:13px}
  .structured-points{gap:8px}
  .structured-points span{min-height:34px;padding:0 12px;font-size:12px}
  .custom-explainer{aspect-ratio:4/5!important}
  .custom-explainer-inner{grid-template-columns:1fr;align-items:start;padding:22px 18px 0}
  .custom-explainer-copy{padding-bottom:0;max-width:none}
  .custom-explainer-copy h3{font-size:clamp(34px,11vw,48px)}
  .custom-explainer-copy p{font-size:14px;max-width:none;padding-right:0}
  .custom-explainer-photo{position:relative;width:100%;height:250px;object-position:center top;margin-top:10px}
  .custom-explainer .video-caption{left:16px;right:16px;bottom:14px}
  .review-card{padding:18px}
  .designed-course-poster{grid-template-columns:1fr;padding:20px 18px 0;min-height:360px}
  .poster-copy{padding-bottom:0}
  .poster-copy h3{font-size:clamp(34px,10vw,44px)}
  .poster-copy p{font-size:14px;max-width:none}
  .poster-person{height:220px;margin-top:8px}
  .poster-person img{object-position:center top}
  .course-poster-frame .designed-course-poster{min-height:0;padding:18px 16px 0}
  .offer-timer-bar{padding:0 10px 10px}
  .offer-timer-inner{padding:12px;border-radius:16px;gap:12px}
  .offer-timer-copy{width:100%;text-align:center}
  .offer-timer-count{width:100%;justify-content:center;gap:8px}
  .offer-timer-count div{min-width:0;flex:1;padding:8px 6px}
  .offer-timer-count b{font-size:24px}
  body.has-offer-bar{padding-bottom:150px}
}


/* === v14 desktop + thumbnail + review fixes === */
.hero-course-first .hero-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;gap:38px!important;align-items:end!important}
.hero-course-first .hero-copy{max-width:580px!important;padding-right:0!important}
.hero-course-first .hero-copy .course-display{font-size:clamp(66px,6.6vw,104px)!important;max-width:520px!important;position:relative;z-index:3}
.hero-course-first .hero-person{padding:0 10px 18px 32px!important}
.hero-course-first .host-dome{margin-left:auto!important;width:min(100%,560px)!important;height:590px!important}
.hero-course-first .hero-tagline{max-width:420px}
.hero-course-first .structured-copy{max-width:540px}
.hero-course-first .hero-panel:before{left:-2.2%!important;bottom:-6%!important}

.refined-thumbnail{background:linear-gradient(135deg,#1a120f 0%,#35241b 18%,#6b250f 58%,#22100d 100%)!important;border:1px solid rgba(255,255,255,.08)}
.refined-thumbnail .custom-explainer-inner{grid-template-columns:minmax(0,1fr) minmax(270px,38%)!important;padding:34px 30px 0 34px!important;align-items:end!important}
.refined-thumbnail .custom-explainer-copy{padding-bottom:34px!important}
.refined-thumbnail .custom-explainer-copy h3{font-size:clamp(40px,5.2vw,72px)!important;line-height:.9!important;letter-spacing:-.055em!important}
.refined-thumbnail .custom-explainer-copy p{max-width:360px!important;font-size:15px!important;color:rgba(255,255,255,.82)!important}
.refined-thumbnail .custom-explainer-copy b{font-size:13px!important;letter-spacing:.18em!important;color:#ffd3bf!important}
.thumbnail-portrait-wrap{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1}
.thumbnail-portrait-wrap:before{content:"";position:absolute;inset:20% 0 0 0;background:radial-gradient(circle at 50% 18%, rgba(255,166,120,.42), rgba(255,166,120,.14) 28%, rgba(255,255,255,0) 62%)}
.refined-thumbnail .custom-explainer-photo{position:relative!important;right:auto!important;bottom:auto!important;width:min(100%,300px)!important;height:auto!important;max-height:92%!important;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 18px 28px rgba(0,0,0,.32));margin-top:0!important}
.refined-thumbnail .video-shade{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.38))!important}
.refined-thumbnail .play-button{background:#fff!important;color:var(--orange)!important}

.designed-media{padding:18px!important;background:#13100e!important}
.poster-v2{grid-template-columns:minmax(0,1fr) minmax(220px,40%)!important;padding:30px 26px 0!important;min-height:100%;background:linear-gradient(135deg,#151110 0%,#4a1c10 35%,#7d2f18 62%,#20100d 100%)!important;border-radius:24px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.poster-v2 .poster-noise{position:absolute;inset:0;background:radial-gradient(circle at 22% 18%, rgba(255,240,228,.12), transparent 28%),radial-gradient(circle at 74% 30%, rgba(255,169,126,.18), transparent 32%);pointer-events:none}
.poster-v2 .poster-copy{padding-bottom:26px!important;position:relative;z-index:2}
.poster-v2 .poster-kicker{background:rgba(255,255,255,.1)!important;color:#ffe0d1!important;border-color:rgba(255,255,255,.14)!important}
.poster-v2 .poster-copy h3{font-size:clamp(42px,5vw,70px)!important;line-height:.9!important;letter-spacing:-.055em!important;margin:0}
.poster-v2 .poster-copy p{max-width:360px!important;font-size:15px!important;color:rgba(255,255,255,.82)!important}
.poster-v2 .poster-copy b{font-size:13px!important;color:#ffe0d1!important;letter-spacing:.18em!important}
.poster-v2 .poster-person{align-items:flex-end!important;justify-content:flex-end!important}
.poster-v2 .poster-person img{width:min(100%,270px)!important;height:auto!important;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 18px 26px rgba(0,0,0,.28))}
.course-poster-frame .poster-v2{min-height:480px!important}
.course-poster-frame .poster-v2 .poster-copy h3{font-size:clamp(36px,4.1vw,60px)!important}

.review-section{overflow:hidden}
.review-slider{overflow:hidden;border-radius:20px}
.review-track{display:flex;gap:18px;width:max-content;animation:reviewMarquee 42s linear infinite}
.review-slider:hover .review-track{animation-play-state:paused}
.review-card{width:min(320px,82vw)!important;flex:0 0 min(320px,82vw);background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 16px 36px rgba(17,24,39,.06)}
.review-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.review-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffe2d0;color:var(--orange);font-weight:900}
.review-top strong{display:block;font-size:15px}.review-top span{display:block;color:#f56b1a;font-size:12px;letter-spacing:.08em;margin-top:2px}.review-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
@keyframes reviewMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}

@media (max-width:1020px){
  .hero-course-first .hero-grid{grid-template-columns:1fr!important;gap:20px!important}
  .hero-course-first .hero-copy{max-width:none!important;padding:34px 32px 8px!important}
  .hero-course-first .hero-copy .course-display{max-width:100%!important;font-size:clamp(56px,10vw,86px)!important}
  .hero-course-first .hero-person{padding:0 20px 18px!important}
  .hero-course-first .host-dome{width:min(100%,430px)!important;height:470px!important;margin-inline:auto!important}
  .refined-thumbnail .custom-explainer-inner,.poster-v2{grid-template-columns:1fr .9fr!important}
}
@media (max-width:700px){
  .hero-course-first .hero-copy{padding:24px 18px 8px!important}
  .hero-course-first .hero-copy .course-display{font-size:clamp(46px,12.5vw,64px)!important;line-height:.92!important}
  .hero-course-first .hero-person{padding:0 12px 18px!important}
  .hero-course-first .host-dome{width:min(100%,300px)!important;height:360px!important}
  .refined-thumbnail{aspect-ratio:4/5!important}
  .refined-thumbnail .custom-explainer-inner{grid-template-columns:1fr!important;padding:22px 18px 0!important;align-items:start!important}
  .refined-thumbnail .custom-explainer-copy{padding-bottom:0!important}
  .refined-thumbnail .custom-explainer-copy h3{font-size:clamp(34px,10vw,48px)!important}
  .refined-thumbnail .custom-explainer-copy p{max-width:none!important;font-size:14px!important}
  .thumbnail-portrait-wrap{justify-content:center!important;height:230px;margin-top:8px}
  .refined-thumbnail .custom-explainer-photo{width:min(100%,230px)!important;max-height:230px!important}
  .poster-v2{grid-template-columns:1fr!important;padding:20px 18px 0!important;min-height:360px!important}
  .poster-v2 .poster-copy h3{font-size:clamp(32px,9.8vw,42px)!important}
  .poster-v2 .poster-copy p{font-size:14px!important;max-width:none!important}
  .poster-v2 .poster-person{height:200px!important;margin-top:8px}
  .poster-v2 .poster-person img{width:min(100%,200px)!important;max-height:200px!important}
  .course-poster-frame .poster-v2{min-height:0!important}
  .review-card{width:min(280px,84vw)!important;flex-basis:min(280px,84vw)!important;padding:18px}
}


/* === v16 stable targeted fixes only === */
.thumbnail-card{
  display:block!important;
  width:100%!important;
  aspect-ratio:auto!important;
  min-height:0!important;
  padding:0!important;
  background:#1b0f0c!important;
  border-radius:26px!important;
  overflow:hidden!important;
  box-shadow:var(--shadow)!important;
}
.thumbnail-card .thumbnail-asset{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.thumbnail-card .video-shade,.thumbnail-card .play-button,.thumbnail-card .video-caption,.thumbnail-card .custom-explainer-inner{display:none!important}

.stable-course-thumb{
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  background:#1b0f0c!important;
  border-radius:24px!important;
  overflow:hidden!important;
  display:block!important;
}
.stable-course-thumb .course-thumbnail-asset{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.stable-course-poster{
  width:min(100%,560px)!important;
  height:auto!important;
  aspect-ratio:auto!important;
  min-height:0!important;
  padding:0!important;
  background:#1b0f0c!important;
  border-radius:22px!important;
  overflow:hidden!important;
  display:block!important;
}
.stable-course-poster .course-thumbnail-asset{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:0!important;
}
.course-hero-visual{align-items:center!important;justify-content:center!important}

.review-section{overflow:hidden!important}
.review-marquee-wrap{display:grid;gap:16px;width:100%;overflow:hidden;padding:4px 0 12px}
.review-marquee-line{
  display:flex;
  gap:16px;
  width:max-content;
  will-change:transform;
  transform:translate3d(0,0,0);
}
.review-card{
  flex:0 0 330px!important;
  width:330px!important;
  min-height:170px;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  padding:20px!important;
  box-shadow:0 14px 34px rgba(17,24,39,.05)!important;
}
.review-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.review-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffe2d0;color:var(--orange);font-weight:900}
.review-top strong{display:block;font-size:14px}.review-top span{display:block;color:#f56b1a;font-size:12px;letter-spacing:.07em;margin-top:2px}
.review-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}

@media (max-width:700px){
  .thumbnail-card{border-radius:18px!important}
  .stable-course-thumb{border-radius:18px!important}
  .stable-course-poster{width:100%!important;border-radius:18px!important}
  .course-hero-visual{padding-left:14px!important;padding-right:14px!important}
  .review-card{flex-basis:270px!important;width:270px!important;min-height:160px;padding:17px!important}
  .review-marquee-wrap{gap:12px}
}

/* Desktop hero separation: keep title fully away from the portrait. */
@media (min-width:1021px){
  .hero-course-first .hero-grid{
    grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr)!important;
    gap:34px!important;
  }
  .hero-course-first .hero-copy{
    max-width:600px!important;
    padding-right:0!important;
  }
  .hero-course-first .hero-copy .course-display{
    font-size:clamp(62px,4.9vw,78px)!important;
    line-height:.9!important;
    letter-spacing:-.055em!important;
    max-width:590px!important;
  }
  .hero-course-first .hero-person{
    padding-left:28px!important;
    padding-right:10px!important;
  }
  .hero-course-first .host-dome{
    width:min(100%,545px)!important;
    margin-left:auto!important;
  }
}

/* === v17 approved thumbnail integration + focused layout fixes === */
.thumbnail-card,
.stable-course-thumb,
.stable-course-poster{
  background:#140d0b!important;
  box-shadow:0 22px 60px rgba(16,8,5,.18)!important;
}
.thumbnail-card .thumbnail-asset,
.stable-course-thumb .course-thumbnail-asset,
.stable-course-poster .course-thumbnail-asset{
  width:100%!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
}

/* Clean 3-card moving testimonial row */
.review-head .copy{max-width:560px!important}
.review-marquee-single{padding-top:8px!important}
.review-marquee-single .review-marquee-line{gap:18px!important}
.review-marquee-single .review-card{flex:0 0 340px!important;width:340px!important}
@media (max-width:700px){
  .review-marquee-single .review-card{flex-basis:276px!important;width:276px!important}
}

/* About page hero: show full face cleanly, not cut */
.page-hero-card.about-hero-card{
  min-height:520px!important;
  padding-right:min(41vw,470px)!important;
}
.page-hero-card.about-hero-card .lead{
  max-width:620px!important;
}
.page-hero-card.about-hero-card .page-hero-media{
  right:clamp(18px,3vw,40px)!important;
  bottom:0!important;
  width:min(38%,430px)!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
.page-hero-card.about-hero-card .page-hero-media img{
  width:100%!important;
  height:460px!important;
  max-height:460px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  border-radius:220px 220px 0 0!important;
  background:linear-gradient(180deg,#080808 0%,#050505 100%)!important;
}

/* Course page: prevent title/poster collision on desktop */
.course-detail-grid{
  align-items:center!important;
}
@media (min-width:1021px){
  .course-detail-grid{
    grid-template-columns:minmax(0,.92fr) minmax(430px,.88fr)!important;
    gap:34px!important;
  }
  .course-detail-copy{max-width:560px!important}
  .course-detail-copy .course-display{
    font-size:clamp(54px,5vw,80px)!important;
    line-height:.92!important;
    letter-spacing:-.055em!important;
    max-width:540px!important;
  }
  .course-detail-copy .structured-copy{max-width:520px!important}
  .course-hero-visual{justify-content:flex-end!important;align-items:center!important;padding-left:8px!important}
  .stable-course-poster{width:min(100%,500px)!important}
  .course-learning-pill{margin-top:14px!important}
}

/* Course about/instructor image: no face cut */
.about-split .about-photo,
.about-page-grid .about-page-photo{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#16110f 0%,#0d0c0b 100%)!important;
}
.about-split .about-photo img,
.about-page-grid .about-page-photo img{
  width:auto!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}

@media (max-width:1020px){
  .page-hero-card.about-hero-card{padding-right:34px!important}
  .page-hero-card.about-hero-card .page-hero-media{display:none!important}
}

/* === v18 mobile-first hero + seamless reviews + instructor portrait === */
@media (max-width:700px){
  /* Home first screen: no clipping, no fixed-height collision. */
  .hero.hero-course-first{
    padding:8px 0 30px!important;
  }
  .hero-course-first .hero-panel{
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }
  .hero-course-first .hero-grid{
    min-height:0!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    align-items:start!important;
  }
  .hero-course-first .hero-copy{
    order:1!important;
    width:100%!important;
    max-width:none!important;
    padding:28px 18px 8px!important;
    overflow:visible!important;
  }
  .hero-course-first .hero-copy .course-display{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(39px,10.4vw,48px)!important;
    line-height:.94!important;
    letter-spacing:-.045em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-wrap:initial!important;
  }
  .hero-course-first .hero-tagline{
    margin:14px 0 0!important;
    font-size:18px!important;
    line-height:1.2!important;
  }
  .hero-course-first .structured-copy{
    margin:16px 0 0!important;
    max-width:100%!important;
  }
  .hero-course-first .structured-points{
    gap:7px!important;
  }
  .hero-course-first .structured-points span{
    min-height:32px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }
  .hero-course-first .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:9px!important;
    margin-top:20px!important;
  }
  .hero-course-first .hero-actions .btn{
    width:100%!important;
    min-height:46px!important;
  }
  .hero-course-first .hero-person{
    order:2!important;
    min-height:0!important;
    height:auto!important;
    width:100%!important;
    padding:4px 12px 14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    overflow:visible!important;
  }
  .hero-course-first .host-dome{
    width:min(100%,300px)!important;
    height:330px!important;
    margin:0 auto!important;
    border-radius:150px 150px 18px 18px!important;
    overflow:hidden!important;
  }
  .hero-course-first .host-dome picture{
    width:100%!important;
    height:100%!important;
  }
  .hero-course-first .host-dome img{
    width:auto!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .hero-course-first .hero-learning-badge{
    position:static!important;
    display:inline-flex!important;
    width:auto!important;
    min-height:38px!important;
    margin:0 auto!important;
    padding:8px 13px!important;
    transform:none!important;
    border-radius:999px!important;
    gap:7px!important;
  }
  .hero-course-first .hero-learning-badge strong{font-size:19px!important}
  .hero-course-first .hero-learning-badge span{font-size:9px!important;margin:0!important}
  .hero-course-first .hero-proof{
    position:static!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:6px 10px!important;
    padding:5px 18px 20px!important;
    font-size:10px!important;
    line-height:1.3!important;
  }
  .hero-course-first .hero-proof strong{
    flex-basis:100%!important;
    font-size:11px!important;
  }
  .hero-course-first .proof-dot{display:none!important}

  /* Course page: instructor portrait remains fully visible on phones. */
  .about-split .instructor-photo{
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    background:#080808!important;
    overflow:hidden!important;
    border-radius:20px 20px 0 0!important;
  }
  .about-split .instructor-photo img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:0 auto!important;
  }
  .about-split .about-copy{
    border-radius:0 0 20px 20px!important;
  }
}

/* Reviews: one clean row, endless sequence. */
.review-marquee-single{
  overflow:hidden!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.review-marquee-single .review-marquee-line{
  touch-action:pan-y!important;
  cursor:grab;
  user-select:none;
}
.review-marquee-single .review-marquee-line:active{cursor:grabbing}


/* === v19 homepage sticky offer timer === */
.home-offer-timer{z-index:70!important}
.home-offer-timer-inner{
  max-width:1280px!important;
  padding:12px 14px!important;
  gap:18px!important;
  background:linear-gradient(90deg,#8e1608 0%,#b92a0c 28%,#df4813 70%,#ee5d19 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 46px rgba(90,22,0,.34)!important;
}
.home-timer-copy{min-width:230px}
.home-timer-copy strong{font-size:15px!important;font-weight:850}
.home-timer-copy small{font-size:10px!important;letter-spacing:.12em!important}
.home-timer-discount{display:flex;align-items:baseline;gap:7px;white-space:nowrap;padding:0 8px}
.home-timer-discount span{font-size:11px;font-weight:800;letter-spacing:.12em;opacity:.82}
.home-timer-discount strong{font-size:15px;font-weight:900;letter-spacing:.02em}
.home-timer-cta{min-width:190px;background:#fff8f3!important;color:#8c210b!important}
.home-offer-timer .offer-timer-count div{min-width:64px;padding:7px 9px}
.home-offer-timer .offer-timer-count b{font-size:25px}
.home-offer-timer .offer-timer-count span{font-size:9px}

@media (max-width:1020px){
  .home-offer-timer-inner{display:grid!important;grid-template-columns:1fr auto;gap:10px 14px!important}
  .home-timer-copy{min-width:0}
  .home-offer-timer .offer-timer-count{justify-content:flex-end}
  .home-timer-discount{padding:0;justify-content:flex-start}
  .home-timer-cta{min-width:0;width:100%}
  body.has-offer-bar{padding-bottom:150px!important}
}
@media (max-width:700px){
  .home-offer-timer{padding:0 8px 8px!important}
  .home-offer-timer-inner{grid-template-columns:1fr!important;padding:10px!important;gap:8px!important;border-radius:14px!important}
  .home-timer-copy{text-align:center!important;width:100%}
  .home-timer-copy strong{font-size:13px!important}
  .home-timer-copy small{display:none!important}
  .home-offer-timer .offer-timer-count{width:100%!important;justify-content:center!important;gap:6px!important}
  .home-offer-timer .offer-timer-count div{min-width:0!important;flex:1!important;padding:6px 5px!important}
  .home-offer-timer .offer-timer-count b{font-size:20px!important}
  .home-timer-discount{justify-content:center!important;font-size:12px}
  .home-timer-discount strong{font-size:13px}
  .home-timer-cta{min-height:44px!important;font-size:13px!important}
  body.has-offer-bar{padding-bottom:220px!important}
}


/* === v21 polish fixes: tighter mobile timer, updated review header, visible about portrait, better course instructor alignment === */
.review-head{align-items:end!important;gap:18px!important}
.review-summary{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:420px}
.review-summary strong{font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.review-summary .copy{margin:0;color:var(--muted);font-size:17px;line-height:1.5}
@media (max-width:700px){
  .review-head{gap:12px!important}
  .review-summary{max-width:none!important}
  .review-summary strong{font-size:16px!important}
  .review-summary .copy{font-size:15px!important}
  .review-marquee-single{mask-image:none!important;-webkit-mask-image:none!important}
}

/* Home timer: keep the same feel, but reduce mobile height so it stops eating the screen. */
@media (max-width:700px){
  .home-offer-timer{padding:0 8px calc(env(safe-area-inset-bottom,0px) + 8px)!important}
  .home-offer-timer-inner{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "copy copy"
      "count count"
      "discount cta"!important;
    gap:8px 10px!important;
    padding:10px 10px 12px!important;
    align-items:center!important;
  }
  .home-timer-copy{grid-area:copy!important;text-align:center!important}
  .home-timer-copy strong{font-size:12px!important;line-height:1.15!important}
  .home-offer-timer .offer-timer-count{grid-area:count!important;width:100%!important;gap:6px!important;justify-content:center!important}
  .home-offer-timer .offer-timer-count div{padding:6px 5px!important;border-radius:14px!important}
  .home-offer-timer .offer-timer-count b{font-size:18px!important}
  .home-offer-timer .offer-timer-count span{font-size:8px!important;letter-spacing:.1em!important}
  .home-timer-discount{grid-area:discount!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;gap:5px!important;white-space:normal!important}
  .home-timer-discount span{font-size:10px!important}
  .home-timer-discount strong{font-size:12px!important;line-height:1.1!important}
  .home-timer-cta{grid-area:cta!important;min-height:40px!important;padding:0 12px!important;font-size:12px!important;border-radius:999px!important;justify-self:stretch!important}
  body.has-offer-bar{padding-bottom:176px!important}
}

/* About page hero: show a different-looking portrait and keep it visible on phones. */
.page-hero-card.about-hero-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,390px)!important;
  column-gap:26px!important;
  align-items:end!important;
  padding-right:clamp(24px,4vw,48px)!important;
}
.page-hero-card.about-hero-card .eyebrow,
.page-hero-card.about-hero-card .h1,
.page-hero-card.about-hero-card .lead{grid-column:1;position:relative;z-index:2}
.page-hero-card.about-hero-card .page-hero-media{
  position:relative!important;
  right:auto!important;
  bottom:auto!important;
  width:min(100%,390px)!important;
  max-width:390px!important;
  margin-left:auto!important;
  grid-column:2!important;
  grid-row:1 / span 3!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  opacity:1!important;
}
.page-hero-card.about-hero-card .page-hero-media img{
  width:100%!important;
  height:auto!important;
  max-height:420px!important;
  object-fit:cover!important;
  object-position:center 18%!important;
  border-radius:34px 34px 22px 22px!important;
  background:radial-gradient(circle at 50% 18%, rgba(255,255,255,.18), rgba(255,255,255,.05) 22%, rgba(9,8,8,.98) 68%), linear-gradient(180deg,#111 0%,#050505 100%)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.18)!important;
}
@media (max-width:1020px){
  .page-hero-card.about-hero-card{grid-template-columns:1fr!important;gap:18px!important;padding-right:34px!important}
  .page-hero-card.about-hero-card .page-hero-media{display:flex!important;grid-column:1!important;grid-row:auto!important;width:min(100%,340px)!important;max-width:340px!important;margin:4px auto 0!important}
  .page-hero-card.about-hero-card .page-hero-media img{max-height:none!important;height:auto!important}
}
@media (max-width:700px){
  .page-hero-card.about-hero-card{padding:28px 18px 22px!important;gap:14px!important}
  .page-hero-card.about-hero-card .page-hero-media{width:min(100%,248px)!important;max-width:248px!important;margin:2px auto 0!important}
  .page-hero-card.about-hero-card .page-hero-media img{border-radius:26px 26px 18px 18px!important}
}

/* Course instructor panel: center the portrait cleanly on desktop and phone. */
.about-split{align-items:stretch!important}
.about-split .instructor-photo{
  min-height:0!important;
  padding-top:18px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
.about-split .instructor-photo img{
  width:min(100%,470px)!important;
  height:auto!important;
  max-height:none!important;
  max-width:470px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  margin:0 auto!important;
}
@media (max-width:700px){
  .about-split .instructor-photo{padding-top:14px!important;border-radius:20px 20px 0 0!important}
  .about-split .instructor-photo img{width:min(100%,320px)!important;max-width:320px!important}
}


/* v22 home hero host replacement: use transparent host cutout, remove black dome/background box */
.hero-course-first .host-dome{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
.hero-course-first .host-dome::before,
.hero-course-first .host-dome::after{display:none!important;content:none!important}
.hero-course-first .host-dome img{
  width:min(100%,520px)!important;
  max-width:520px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  background:transparent!important;
  border-radius:0!important;
  filter:none!important;
  display:block!important;
}
@media (max-width:1024px){
  .hero-course-first .host-dome img{width:min(100%,430px)!important;max-width:430px!important}
}
@media (max-width:700px){
  .hero-course-first .host-dome img{width:min(100%,300px)!important;max-width:300px!important}
}


/* === v23 targeted polish: better home host integration, refined about portrait, centered course instructor, compact course timer === */

/* Home hero: transparent host should feel integrated, not pasted. */
.hero-course-first .hero-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
  gap:16px!important;
  align-items:end!important;
}
.hero-course-first .hero-person{
  min-height:560px!important;
  height:560px!important;
  padding:8px 0 0 12px!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  overflow:visible!important;
}
.hero-course-first .host-dome{
  width:min(100%,500px)!important;
  height:100%!important;
  margin-left:auto!important;
  position:relative!important;
}
.hero-course-first .host-dome::before{
  content:"";
  position:absolute;
  right:8%;
  bottom:14px;
  width:76%;
  height:44px;
  border-radius:999px;
  background:rgba(109,30,5,.20);
  filter:blur(18px);
  z-index:0;
}
.hero-course-first .host-dome img{
  position:relative!important;
  z-index:1!important;
  width:min(100%,468px)!important;
  max-width:468px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  align-self:flex-end!important;
  margin:0 auto -2px!important;
  filter:drop-shadow(0 20px 30px rgba(67,17,0,.22))!important;
}
@media (max-width:1180px){
  .hero-course-first .hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.95fr)!important}
  .hero-course-first .hero-person{min-height:520px!important;height:520px!important}
  .hero-course-first .host-dome img{width:min(100%,420px)!important;max-width:420px!important}
}
@media (max-width:1020px){
  .hero-course-first .hero-grid{grid-template-columns:1fr!important;gap:14px!important}
  .hero-course-first .hero-person{min-height:0!important;height:auto!important;padding:0 8px 4px!important;justify-content:center!important}
  .hero-course-first .host-dome{width:min(100%,360px)!important;height:auto!important;margin:0 auto!important}
  .hero-course-first .host-dome img{width:min(100%,320px)!important;max-width:320px!important}
}
@media (max-width:700px){
  .hero-course-first .hero-person{padding:0 0 4px!important}
  .hero-course-first .host-dome{width:min(100%,300px)!important}
  .hero-course-first .host-dome img{width:min(100%,280px)!important;max-width:280px!important}
}

/* About page hero: replace the pasted-looking image with a proper portrait card. */
.page-hero-card.about-hero-card{
  grid-template-columns:minmax(0,1fr) minmax(300px,420px)!important;
  align-items:center!important;
  column-gap:26px!important;
  padding-right:clamp(22px,3.6vw,42px)!important;
}
.page-hero-card.about-hero-card .page-hero-media{
  grid-column:2!important;
  grid-row:1 / span 3!important;
  align-self:end!important;
  width:min(100%,410px)!important;
  max-width:410px!important;
  min-height:470px!important;
  padding:18px 18px 0!important;
  margin-left:auto!important;
  border-radius:38px 38px 24px 24px!important;
  background:linear-gradient(180deg,#140d09 0%,#050505 100%)!important;
  box-shadow:0 24px 54px rgba(24,10,4,.18)!important;
  overflow:hidden!important;
  position:relative!important;
}
.page-hero-card.about-hero-card .page-hero-media::before{
  content:"";
  position:absolute;
  inset:24px 18px auto auto;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,160,110,.34), rgba(246,94,27,0) 70%);
  filter:blur(12px);
  opacity:.85;
}
.page-hero-card.about-hero-card .page-hero-media img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:1!important;
}
@media (max-width:1020px){
  .page-hero-card.about-hero-card{grid-template-columns:1fr!important;gap:18px!important;padding-right:34px!important}
  .page-hero-card.about-hero-card .page-hero-media{grid-column:1!important;grid-row:auto!important;width:min(100%,340px)!important;max-width:340px!important;min-height:390px!important;margin:4px auto 0!important}
}
@media (max-width:700px){
  .page-hero-card.about-hero-card{padding:28px 18px 22px!important;gap:14px!important}
  .page-hero-card.about-hero-card .page-hero-media{width:min(100%,268px)!important;max-width:268px!important;min-height:300px!important;padding:14px 12px 0!important;border-radius:30px 30px 20px 20px!important}
}

/* Course page instructor section: center image and make the media feel intentional. */
.about-split{
  grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
.about-split .instructor-photo{
  min-height:520px!important;
  padding:22px 18px 0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  background:linear-gradient(180deg,#151110 0%,#080808 100%)!important;
  position:relative!important;
  overflow:hidden!important;
}
.about-split .instructor-photo::before{
  content:"";
  position:absolute;
  top:26px;
  right:20px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,161,114,.24), rgba(246,94,27,0) 70%);
  filter:blur(10px);
}
.about-split .instructor-photo img{
  width:min(100%,420px)!important;
  max-width:420px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  display:block!important;
  margin:0 auto!important;
  position:relative!important;
  z-index:1!important;
}
@media (max-width:1020px){
  .about-split{grid-template-columns:1fr!important}
  .about-split .instructor-photo{min-height:430px!important;border-radius:24px 24px 0 0!important}
  .about-split .instructor-photo img{width:min(100%,360px)!important;max-width:360px!important}
}
@media (max-width:700px){
  .about-split .instructor-photo{min-height:320px!important;padding:14px 10px 0!important}
  .about-split .instructor-photo img{width:min(100%,272px)!important;max-width:272px!important}
}

/* Course timer: use the same refined layout logic as home, including smaller mobile footprint. */
.offer-timer-bar:not(.home-offer-timer){z-index:68!important}
.offer-timer-bar:not(.home-offer-timer) .offer-timer-inner{
  max-width:1220px!important;
  padding:12px 14px!important;
  gap:18px!important;
  background:linear-gradient(90deg,#8e1608 0%,#b92a0c 28%,#df4813 70%,#ee5d19 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 46px rgba(90,22,0,.34)!important;
}
.offer-timer-bar:not(.home-offer-timer) .offer-timer-copy{min-width:220px}
.offer-timer-bar:not(.home-offer-timer) .offer-timer-copy strong{font-size:15px!important;font-weight:850}
.offer-timer-bar:not(.home-offer-timer) .offer-timer-copy small{font-size:10px!important;letter-spacing:.12em!important}
.offer-timer-bar:not(.home-offer-timer) .offer-timer-count div{min-width:64px!important;padding:7px 9px!important}
.offer-timer-bar:not(.home-offer-timer) .offer-timer-count b{font-size:25px!important}
.offer-timer-bar:not(.home-offer-timer) .offer-timer-count span{font-size:9px!important}
.offer-timer-bar:not(.home-offer-timer) .btn{min-width:190px!important}
@media (max-width:1020px){
  .offer-timer-bar:not(.home-offer-timer) .offer-timer-inner{display:grid!important;grid-template-columns:1fr auto!important;gap:10px 14px!important}
  .offer-timer-bar:not(.home-offer-timer) .offer-timer-copy{min-width:0!important}
  .offer-timer-bar:not(.home-offer-timer) .offer-timer-count{justify-content:flex-end!important}
  body.has-offer-bar{padding-bottom:150px!important}
}
@media (max-width:700px){
  .offer-timer-bar:not(.home-offer-timer){padding:0 8px calc(env(safe-area-inset-bottom,0px) + 8px)!important}
  .offer-timer-bar:not(.home-offer-timer) .offer-timer-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px 10px 12px!important;
    border-radius:14px!important;
  }
  .offer-timer-bar:not(.home-offer-timer) .offer-timer-copy{text-align:center!important;width:100%!important}
  .offer-timer-bar:not(.home-offer-timer) .offer-timer-copy strong{font-size:12px!important;line-height:1.15!important}
  .offer-timer-bar:not(.home-offer-timer) .offer-timer-copy small{display:none!important}
  .offer-timer-bar:not(.home-offer-timer) .offer-timer-count{width:100%!important;justify-content:center!important;gap:6px!important}
  .offer-timer-bar:not(.home-offer-timer) .offer-timer-count div{min-width:0!important;flex:1!important;padding:6px 5px!important;border-radius:14px!important}
  .offer-timer-bar:not(.home-offer-timer) .offer-timer-count b{font-size:18px!important}
  .offer-timer-bar:not(.home-offer-timer) .offer-timer-count span{font-size:8px!important;letter-spacing:.1em!important}
  .offer-timer-bar:not(.home-offer-timer) .btn{width:100%!important;min-width:0!important;min-height:40px!important;padding:0 12px!important;font-size:12px!important}
  body.has-offer-bar{padding-bottom:176px!important}
}


/* === v24 home/about image blend fixes === */

/* Home hero host: make the transparent host feel blended into the hero instead of pasted. */
.hero-course-first .hero-person{
  overflow:visible!important;
}
.hero-course-first .host-dome{
  background:none!important;
  border:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
}
.hero-course-first .host-dome::before{
  content:"";
  position:absolute;
  left:6%;
  right:6%;
  bottom:20px;
  height:120px;
  background:radial-gradient(ellipse at center, rgba(125,30,2,.22) 0%, rgba(125,30,2,0) 72%);
  filter:blur(20px);
  z-index:0;
}
.hero-course-first .host-dome::after{
  content:"";
  position:absolute;
  left:-2%;
  right:-2%;
  bottom:-2px;
  height:132px;
  background:linear-gradient(180deg, rgba(250,97,26,0) 0%, rgba(250,97,26,.22) 28%, rgba(248,94,25,.76) 70%, rgba(246,92,27,.98) 100%);
  z-index:2;
  pointer-events:none;
}
.hero-course-first .host-dome img{
  position:relative!important;
  z-index:1!important;
  filter:drop-shadow(0 16px 24px rgba(76,20,0,.16))!important;
  -webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 80%, rgba(0,0,0,.72) 88%, transparent 100%);
  mask-image:linear-gradient(to bottom, #000 0%, #000 80%, rgba(0,0,0,.72) 88%, transparent 100%);
}
@media (max-width:700px){
  .hero-course-first .host-dome::after{height:104px!important}
}

/* About hero: remove the square/dome treatment and center the portrait cleanly. */
.page-hero-card.about-hero-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-height:auto!important;
  padding-right:clamp(28px,5vw,52px)!important;
}
.page-hero-card.about-hero-card::after,
.page-hero-card.about-hero-card::before{display:none!important;content:none!important}
.page-hero-card.about-hero-card .h1,
.page-hero-card.about-hero-card .lead,
.page-hero-card.about-hero-card .eyebrow{
  max-width:760px!important;
  position:relative!important;
  z-index:2!important;
}
.page-hero-card.about-hero-card .page-hero-media{
  position:relative!important;
  inset:auto!important;
  width:min(100%,560px)!important;
  max-width:560px!important;
  min-height:0!important;
  height:auto!important;
  margin:30px auto 0!important;
  padding:0!important;
  background:none!important;
  box-shadow:none!important;
  border:none!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
}
.page-hero-card.about-hero-card .page-hero-media::before{display:none!important;content:none!important}
.page-hero-card.about-hero-card .page-hero-media::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-2px;
  height:120px;
  background:linear-gradient(180deg, rgba(246,92,27,0) 0%, rgba(246,92,27,.18) 32%, rgba(246,92,27,.8) 78%, rgba(246,92,27,1) 100%);
  z-index:2;
  pointer-events:none;
}
.page-hero-card.about-hero-card .page-hero-media img{
  width:min(100%,560px)!important;
  max-width:560px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:1!important;
  -webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 80%, rgba(0,0,0,.72) 88%, transparent 100%);
  mask-image:linear-gradient(to bottom, #000 0%, #000 80%, rgba(0,0,0,.72) 88%, transparent 100%);
}
@media (max-width:1020px){
  .page-hero-card.about-hero-card{padding:34px 28px 24px!important}
  .page-hero-card.about-hero-card .page-hero-media{width:min(100%,420px)!important;max-width:420px!important;margin:22px auto 0!important}
  .page-hero-card.about-hero-card .page-hero-media img{width:min(100%,420px)!important;max-width:420px!important}
}
@media (max-width:700px){
  .page-hero-card.about-hero-card{padding:28px 18px 18px!important}
  .page-hero-card.about-hero-card .page-hero-media{width:min(100%,290px)!important;max-width:290px!important;margin:18px auto 0!important}
  .page-hero-card.about-hero-card .page-hero-media::after{height:92px!important}
  .page-hero-card.about-hero-card .page-hero-media img{width:min(100%,290px)!important;max-width:290px!important}
}

/* === v26 ONLY requested fixes: course timer parity + about transparent host === */

/* About hero: keep existing layout/text untouched. Only remove the black image card,
   center the transparent host in the right-side visual area, and blend its lower edge
   into the orange hero exactly like the home hero treatment. */
.page-hero-card.about-hero-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,430px)!important;
  grid-template-rows:auto auto 1fr!important;
  column-gap:34px!important;
  align-items:end!important;
  min-height:560px!important;
  padding-right:clamp(28px,4vw,50px)!important;
}
.page-hero-card.about-hero-card .eyebrow,
.page-hero-card.about-hero-card .h1,
.page-hero-card.about-hero-card .lead{
  grid-column:1!important;
  position:relative!important;
  z-index:3!important;
}
.page-hero-card.about-hero-card .page-hero-media{
  grid-column:2!important;
  grid-row:1 / span 3!important;
  position:relative!important;
  inset:auto!important;
  align-self:end!important;
  justify-self:center!important;
  width:min(100%,410px)!important;
  max-width:410px!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  opacity:1!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
.page-hero-card.about-hero-card .page-hero-media::before{
  display:none!important;
  content:none!important;
}
.page-hero-card.about-hero-card .page-hero-media::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:-5%!important;
  right:-5%!important;
  bottom:-2px!important;
  height:120px!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,
    rgba(246,94,27,0) 0%,
    rgba(246,94,27,.12) 28%,
    rgba(246,94,27,.55) 70%,
    rgba(246,94,27,.98) 100%)!important;
}
.page-hero-card.about-hero-card .page-hero-media img{
  display:block!important;
  width:min(100%,360px)!important;
  max-width:360px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:1!important;
  filter:drop-shadow(0 16px 24px rgba(94,24,0,.14))!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 83%,rgba(0,0,0,.72) 91%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 83%,rgba(0,0,0,.72) 91%,transparent 100%)!important;
}

@media (max-width:1020px){
  .page-hero-card.about-hero-card{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    min-height:0!important;
    gap:16px!important;
    padding-right:34px!important;
  }
  .page-hero-card.about-hero-card .page-hero-media{
    grid-column:1!important;
    grid-row:auto!important;
    width:min(100%,350px)!important;
    max-width:350px!important;
    margin:8px auto 0!important;
  }
  .page-hero-card.about-hero-card .page-hero-media img{
    width:min(100%,310px)!important;
    max-width:310px!important;
  }
}
@media (max-width:700px){
  .page-hero-card.about-hero-card{
    padding:28px 18px 18px!important;
  }
  .page-hero-card.about-hero-card .page-hero-media{
    width:min(100%,285px)!important;
    max-width:285px!important;
    margin:6px auto 0!important;
  }
  .page-hero-card.about-hero-card .page-hero-media img{
    width:min(100%,250px)!important;
    max-width:250px!important;
  }
  .page-hero-card.about-hero-card .page-hero-media::after{
    height:92px!important;
  }
}

/* === v27 requested-only refinements: delayed synced timers, compact mobile timer, orange review metric === */

/* Highlight the social-proof metric. */
.review-summary strong{
  color:var(--orange)!important;
}

/* Keep both home/course countdowns hidden until their page-specific reveal delay fires. */
.offer-timer-bar[data-show-delay]{
  opacity:0;
  visibility:hidden;
  transform:translateY(calc(100% + 24px));
  transition:opacity .3s ease,transform .38s cubic-bezier(.22,.7,.2,1),visibility .3s;
}
.offer-timer-bar[data-show-delay].is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

/* Desktop remains visually unchanged. Only compact the timer on phones. */
@media (max-width:700px){
  .home-offer-timer{
    padding:0 7px calc(env(safe-area-inset-bottom,0px) + 7px)!important;
  }
  .home-offer-timer-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(138px,.95fr)!important;
    grid-template-areas:
      "copy copy"
      "count count"
      "discount cta"!important;
    gap:6px 8px!important;
    padding:8px!important;
    border-radius:14px!important;
  }
  .home-timer-copy{
    grid-area:copy!important;
    text-align:center!important;
    line-height:1!important;
  }
  .home-timer-copy strong{
    font-size:11px!important;
    line-height:1.05!important;
  }
  .home-timer-copy small{
    display:none!important;
  }
  .home-offer-timer .offer-timer-count{
    grid-area:count!important;
    width:100%!important;
    gap:5px!important;
    justify-content:center!important;
  }
  .home-offer-timer .offer-timer-count div{
    min-width:0!important;
    flex:1!important;
    padding:5px 4px!important;
    border-radius:11px!important;
  }
  .home-offer-timer .offer-timer-count b{
    font-size:17px!important;
    line-height:1!important;
  }
  .home-offer-timer .offer-timer-count span{
    font-size:7px!important;
    margin-top:3px!important;
    letter-spacing:.08em!important;
  }
  .home-timer-discount{
    grid-area:discount!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:3px 5px!important;
    text-align:left!important;
    white-space:normal!important;
    padding-left:4px!important;
  }
  .home-timer-discount span{
    font-size:8px!important;
    line-height:1!important;
  }
  .home-timer-discount strong{
    font-size:11px!important;
    line-height:1!important;
  }
  .home-timer-cta{
    grid-area:cta!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    height:36px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:10px!important;
    line-height:1!important;
  }
  body.has-offer-bar{
    padding-bottom:142px!important;
  }
}