/* Languages on Fire — homepage (front page only) */

#content.site-content .ast-container,#content .ast-container{max-width:100%!important;padding-left:0!important;padding-right:0!important;width:100%!important;}#content.site-content{padding:0!important;}.ast-container{margin:0 auto!important;}.entry-content{margin-top:0!important;}.ast-separate-container .ast-article-single{padding:0!important;border:0!important;}

#hpf{font-family:'Outfit',sans-serif;color:#1d1b1a;line-height:1.6;--o:#FE540A;--oh:#EC4700;--ink:#1d1b1a;--body:#5d5853;--dark:#1B1715;--cream:#F8EDE4;--deep:#F1E5D4;--off:#FCFAF7;--bd:#ECE3D6;background:var(--off);}
#hpf *{box-sizing:border-box;margin:0;padding:0;}
#hpf h1,#hpf h2,#hpf h3,#hpf h4,#hpf h5,#hpf h6{font-family:'Outfit',sans-serif!important;letter-spacing:-.025em;line-height:1.06;color:var(--ink);text-wrap:balance;}
#hpf .wrap{max-width:1140px;margin:0 auto;padding:0 28px;}
#hpf .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--o);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:13px;margin-bottom:16px;}
#hpf .eyebrow:before{content:'';width:22px;height:2px;background:var(--o);border-radius:2px;}
#hpf .b-pri{display:inline-block;background:var(--o);color:#fff;font-weight:700;padding:15px 32px;border-radius:11px;text-decoration:none;font-size:17px;transition:.18s;box-shadow:0 10px 24px rgba(254,84,10,.26);}
#hpf .b-pri:hover{background:var(--oh);transform:translateY(-2px);}
#hpf .b-ghost{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid var(--bd);color:var(--ink);font-weight:700;padding:13.5px 28px;border-radius:11px;text-decoration:none;font-size:16px;transition:.18s;}
#hpf .b-ghost:hover{border-color:var(--o);color:var(--o);}
#hpf .b-link{color:var(--o);font-weight:700;text-decoration:none;font-size:16px;}
#hpf .hl{background:linear-gradient(90deg,#FE540A,#FF9E5A,#FE540A);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hpfshim 6s linear infinite;}
@keyframes hpfshim{to{background-position:220% 0;}}
#hpf section{padding:88px 0;position:relative;}
#hpf .s-cream{background:var(--cream);}#hpf .s-deep{background:var(--deep);}#hpf .s-dark{background:var(--dark);color:#fff;}





/* ===== HERO (Aurora) ===== */
#hpf .hero{position:relative;overflow:hidden;padding:0;background:var(--off);}
#hpf .aurora{position:absolute;inset:-25%;z-index:0;background:radial-gradient(460px 360px at 20% 26%,rgba(254,84,10,.22),transparent 60%),radial-gradient(420px 340px at 82% 16%,rgba(255,176,102,.24),transparent 60%),radial-gradient(480px 380px at 64% 84%,rgba(254,84,10,.15),transparent 60%);filter:blur(8px);animation:hpfdrift 20s ease-in-out infinite alternate;}
@keyframes hpfdrift{from{transform:translate3d(-3%,-2%,0) scale(1);}to{transform:translate3d(4%,3%,0) scale(1.09);}}
#hpf .glyphs{position:absolute;inset:0;z-index:1;pointer-events:none;}
#hpf .glyphs span{position:absolute;font-weight:800;line-height:1;animation:hpfgly 9s ease-in-out infinite;}
#hpf .glyphs .g1{top:15%;left:7%;font-size:118px;color:var(--ink);opacity:.07;transform:rotate(-8deg);}
#hpf .glyphs .g2{top:19%;left:86%;font-size:102px;color:var(--o);opacity:.12;transform:rotate(9deg);animation-delay:1s;}
#hpf .glyphs .g3{top:62%;left:6%;font-size:110px;color:var(--o);opacity:.10;transform:rotate(-5deg);animation-delay:2s;}
#hpf .glyphs .g4{top:64%;left:88%;font-size:128px;color:var(--ink);opacity:.07;transform:rotate(6deg);animation-delay:1.5s;}
#hpf .glyphs .g5{top:40%;left:93%;font-size:78px;color:var(--ink);opacity:.06;animation-delay:.5s;}
#hpf .glyphs .g6{top:12%;left:60%;font-size:76px;color:var(--o);opacity:.08;transform:rotate(7deg);animation-delay:3.2s;}
@keyframes hpfgly{0%,100%{margin-top:0;}50%{margin-top:-14px;}}
#hpf .hbody{text-align:center;padding:78px 0 86px;position:relative;z-index:2;}
#hpf .hero h1{font-size:clamp(46px,7.6vw,90px);font-weight:900;margin-bottom:20px;}
#hpf .hero .lead{font-size:21px;color:var(--body);max-width:520px;margin:0 auto 34px;}
#hpf .hero .cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
#hpf .statbar{position:relative;z-index:2;border-top:1px solid var(--bd);background:rgba(252,250,247,.55);}
#hpf .stats{display:flex;justify-content:space-between;flex-wrap:wrap;padding:24px 28px;max-width:1140px;margin:0 auto;}
#hpf .stat{text-align:center;flex:1;min-width:130px;}
#hpf .stat b{display:block;font-size:30px;font-weight:800;color:var(--o);line-height:1;}
#hpf .stat span{color:var(--body);font-size:12.5px;font-weight:600;}
/* section heads */
#hpf .sec-head{max-width:680px;margin:0 auto 48px;text-align:center;}
#hpf .sec-head .eyebrow{justify-content:center;}#hpf .sec-head .eyebrow:before{display:none;}
#hpf .sec-head h2{font-size:clamp(30px,4vw,48px);font-weight:800;margin-bottom:14px;}
#hpf .sec-head p{color:var(--body);font-size:18px;text-wrap:balance;}
/* ===== comparison ===== */
#hpf .compare{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:940px;margin:0 auto;align-items:stretch;}
#hpf .col{border-radius:20px;padding:36px;}
#hpf .col.bad{background:#fff;border:1px solid var(--bd);}
#hpf .col.good{position:relative;background:linear-gradient(160deg,#241d18,#1B1715);color:#fff;box-shadow:0 26px 56px rgba(254,84,10,.22),inset 0 0 0 1px rgba(254,84,10,.3);}
#hpf .col.good .tag{position:absolute;top:-13px;left:36px;background:var(--o);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:30px;box-shadow:0 8px 18px rgba(254,84,10,.4);}
#hpf .col h3{font-size:21px;margin-bottom:20px;}
#hpf .col.good h3{color:#fff;}
#hpf .col ul{list-style:none;}
#hpf .col li{padding:9px 0 9px 30px;position:relative;color:var(--body);font-size:16px;}
#hpf .col.good li{color:#e0dad4;}
#hpf .col.bad li:before{content:'✕';position:absolute;left:0;color:#c9b9a6;font-weight:700;}
#hpf .col.good li:before{content:'✓';position:absolute;left:0;width:20px;height:20px;background:var(--o);color:#fff;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center;top:11px;}
/* ===== courses (alphabet glyph cards) ===== */
#hpf .langs{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:30px;}
#hpf .lang{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:14px 8px;text-align:center;text-decoration:none;color:var(--ink);transition:.18s;}
#hpf .lang:hover{border-color:var(--o);transform:translateY(-6px);box-shadow:0 18px 34px rgba(0,0,0,.10);}
#hpf .lang .pimg{width:100%;height:92px;object-fit:contain;display:block;margin:0 auto 8px;}

#hpf .lang b{font-size:13.5px;display:block;}
#hpf .feats{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:26px;}
#hpf .feats span{background:var(--cream);border:1px solid #ecd9c4;border-radius:30px;padding:9px 18px;font-weight:600;font-size:14px;color:#6b5a4d;}
#hpf .feats span b{color:var(--o);}
#hpf .shopline{text-align:center;color:var(--body);font-size:15px;}
#hpf .shopline b{color:var(--ink);}
/* ===== why it works ===== */
#hpf .whyg{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:start;}
#hpf .whyg .whyhead h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;margin-bottom:14px;}
#hpf .whyg .whyhead p{color:var(--body);font-size:17px;}
#hpf .whyrow{display:flex;gap:20px;padding:26px 0;border-bottom:1px solid var(--bd);transition:.18s;}
#hpf .whyrow:first-child{padding-top:0;}
#hpf .whyrow:last-child{border-bottom:none;}
#hpf .whyrow .ic{width:56px;height:56px;flex:none;border-radius:16px;background:linear-gradient(135deg,var(--o),#ff8a4d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;box-shadow:0 10px 22px rgba(254,84,10,.28);}
#hpf .whyrow h3{font-size:21px;margin-bottom:6px;}
#hpf .whyrow p{color:var(--body);font-size:15.5px;}
/* ===== system band ===== */
#hpf .sysintro{max-width:680px;margin:0 auto 44px;text-align:center;}
#hpf .sysintro h2{font-size:clamp(28px,3.8vw,44px);font-weight:800;margin-bottom:14px;}
#hpf .sysintro p{color:var(--body);font-size:18px;}
#hpf .pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:50px;}
#hpf .pillar{background:#fff;border:1px solid #e7d9c6;border-radius:18px;padding:26px 22px;transition:.18s;}
#hpf .pillar:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(0,0,0,.08);}
#hpf .pillar .pn{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--o),#ff8a4d);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 8px 16px rgba(254,84,10,.26);}
#hpf .pillar b{display:block;font-size:17px;margin-bottom:4px;}
#hpf .pillar span{font-size:13.5px;color:var(--body);}
#hpf .roadmap{position:relative;margin-bottom:42px;}
#hpf .roadmap .track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;}
#hpf .roadmap .track:before{content:'';position:absolute;top:26px;left:8%;right:8%;height:3px;background:linear-gradient(90deg,#F4A823,#FB8B24,#FE540A,#C2410C);border-radius:3px;z-index:0;}
#hpf .rstep{text-align:center;position:relative;z-index:1;}
#hpf .rstep .rn{width:54px;height:54px;border-radius:50%;background:var(--o);color:#fff;font-weight:800;font-size:19px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;border:4px solid var(--deep);box-shadow:0 10px 22px rgba(254,84,10,.3);}
#hpf .rstep b{display:block;font-size:16px;margin-bottom:4px;}
#hpf .rstep span{font-size:13px;color:var(--body);}
#hpf .syscta{text-align:center;}
/* ===== testimonials ===== */
#hpf .tgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
#hpf .t{position:relative;background:#fff;border:1px solid var(--bd);border-radius:20px;padding:34px 30px 30px;transition:.18s;}
#hpf .t:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(0,0,0,.08);}
#hpf .t .qm{font-family:Georgia,serif;font-size:64px;line-height:1;color:var(--o);opacity:.18;position:absolute;top:14px;right:22px;}
#hpf .t .stars{color:var(--o);letter-spacing:2px;margin-bottom:14px;}
#hpf .t p{font-size:16px;margin-bottom:18px;position:relative;}
#hpf .t .who{display:flex;align-items:center;gap:12px;}
#hpf .t .who img,#hpf .t .who .ava{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none;}
#hpf .t .who .ava{background:linear-gradient(135deg,var(--o),#ff8a4d);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;}
#hpf .t .who b{display:block;font-size:15px;color:var(--ink);}
#hpf .t .who span{font-size:13px;color:var(--body);}
/* ===== final cta (dark, glowing glyphs) ===== */
#hpf .finalcta{text-align:center;background:var(--dark);overflow:hidden;}
#hpf .finalcta .glyphs span{position:absolute;font-weight:800;color:var(--o);}
#hpf .finalcta .fg1{top:18%;left:9%;font-size:96px;opacity:.14;text-shadow:0 0 40px rgba(254,84,10,.5);transform:rotate(-8deg);}
#hpf .finalcta .fg2{top:24%;left:84%;font-size:84px;opacity:.12;text-shadow:0 0 40px rgba(254,84,10,.5);transform:rotate(8deg);}
#hpf .finalcta .fg3{bottom:14%;left:24%;font-size:74px;opacity:.10;text-shadow:0 0 36px rgba(254,84,10,.5);}
#hpf .finalcta .fg4{bottom:18%;left:78%;font-size:88px;opacity:.12;text-shadow:0 0 40px rgba(254,84,10,.5);transform:rotate(-6deg);}
#hpf .finalcta .in{position:relative;z-index:2;}
#hpf .finalcta h2{color:#fff;font-size:clamp(34px,5vw,60px);font-weight:900;margin-bottom:14px;}
#hpf .finalcta p{color:#bdb6b0;font-size:19px;max-width:540px;margin:0 auto 30px;}
#hpf .finalcta .b-link{color:#fff;margin-left:18px;}
@media(max-width:600px){#hpf .finalcta .b-pri{display:inline-block;}#hpf .finalcta .b-link{display:block;margin-left:0;margin-top:24px;}}
/* footer */









@media(max-width:900px){#hpf .whyg{grid-template-columns:1fr;gap:24px;}#hpf .compare,#hpf .tgrid{grid-template-columns:1fr;}#hpf .pillars{grid-template-columns:1fr 1fr;}#hpf .langs{grid-template-columns:repeat(3,1fr);}#hpf .roadmap .track{grid-template-columns:1fr 1fr;gap:24px;}#hpf .roadmap .track:before{display:none;}}
@media(max-width:520px){#hpf .langs,#hpf .pillars{grid-template-columns:1fr 1fr;}#hpf .stat{min-width:50%;margin-bottom:8px;}#hpf .glyphs .g5,#hpf .glyphs .g6{display:none;}}
@media(max-width:600px){#hpf .glyphs span{font-size:50px!important;}}@media(prefers-reduced-motion:reduce){#hpf *{animation:none!important;}}

#hpf .coursewrap{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;}#hpf .cleft h2{font-size:clamp(28px,3.8vw,44px);font-weight:800;margin-bottom:14px;}#hpf .clead{color:var(--body);font-size:18px;margin-bottom:20px;max-width:520px;}#hpf .cchecks{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-bottom:24px;max-width:460px;}#hpf .cchecks span{font-weight:600;font-size:14.5px;color:#6b5a4d;}#hpf .cchecks b{color:var(--o);}#hpf .clangs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;}#hpf .clangs a{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--bd);border-radius:30px;padding:9px 16px;font-weight:600;font-size:14px;color:var(--ink);text-decoration:none;transition:.15s;}#hpf .clangs a:hover{border-color:var(--o);color:var(--o);transform:translateY(-2px);}#hpf .clangs .f{font-size:18px;}#hpf .ccta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}#hpf .cfrom{color:var(--body);font-size:14px;}#hpf .cvisual{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px;}#hpf .cvisual:before{content:"";position:absolute;width:78%;height:78%;border-radius:50%;background:radial-gradient(closest-side,rgba(254,84,10,.22),transparent 70%);}#hpf .cvisual img{position:relative;max-width:100%;max-height:440px;filter:drop-shadow(0 26px 50px rgba(0,0,0,.22));}#hpf .cchip{position:absolute;bottom:16px;right:4%;background:#fff;border:1px solid var(--bd);border-radius:30px;padding:9px 16px;font-weight:600;font-size:13px;color:var(--ink);box-shadow:0 12px 26px rgba(0,0,0,.12);}#hpf .cchip b{color:var(--o);}@media(max-width:880px){#hpf .coursewrap{grid-template-columns:1fr;gap:30px;}#hpf .cright{order:-1;}#hpf .cvisual{min-height:300px;}#hpf .cchecks{max-width:none;}}


/* Full-bleed homepage: neutralize Elementor section/container constraints */
.elementor-16476 .elementor-container{max-width:100%!important;}
.elementor-16476 .elementor-section{padding:0!important;}
.elementor-16476 .elementor-column>.elementor-element-populated,.elementor-16476 .elementor-widget-wrap{padding:0!important;}
.elementor-16476 .elementor-widget-html .elementor-widget-container{margin:0!important;}

/* Mobile: balance 2-column grid labels so no single word orphans */
#hpf .rstep span,#hpf .stat span,#hpf .pillar span{display:block;text-wrap:balance;}

/* Mobile full-bleed: kill Elementor's 15px container padding on homepage sections */
.elementor-16476 .elementor-container{padding-left:0!important;padding-right:0!important;}

/* ===== Choose-a-language popup (CSS-only, checkbox toggle) ===== */
#hpf .hpf-lcb{position:fixed;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none;}
#hpf label.b-ghost,#hpf label.b-pri,#hpf label.b-link{cursor:pointer;}
#hpf .hpf-lmodal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px;}
#hpf .hpf-lcb:checked ~ .hpf-lmodal{display:flex;}
#hpf .hpf-lbg{position:absolute;inset:0;background:rgba(20,17,16,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;}
#hpf .hpf-lcard-w{position:relative;z-index:1;background:var(--off);border-radius:22px;padding:42px 36px 34px;max-width:540px;width:100%;box-shadow:0 30px 70px rgba(0,0,0,.4);text-align:center;animation:hpflpop .22s ease;}
@keyframes hpflpop{from{transform:translateY(14px) scale(.97);opacity:0;}to{transform:none;opacity:1;}}
#hpf .hpf-lx{position:absolute;top:12px;right:18px;font-size:30px;line-height:1;color:var(--body);cursor:pointer;font-weight:400;transition:.15s;text-decoration:none;}
#hpf .hpf-lx:hover{color:var(--o);}
#hpf .hpf-lcard-w h3{font-size:clamp(24px,3.4vw,30px);font-weight:800;margin-bottom:24px;}
#hpf .hpf-lsub{color:var(--body);font-size:16px;margin-bottom:26px;text-wrap:balance;}
#hpf .hpf-lgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
#hpf .hpf-lc{display:flex;flex-direction:column;align-items:center;gap:9px;background:#fff;border:1px solid var(--bd);border-radius:15px;padding:20px 10px;text-decoration:none;color:var(--ink);font-family:'Outfit',sans-serif;transition:.16s;}
#hpf .hpf-lc:hover{border-color:var(--o);color:var(--o);transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.1);}
#hpf .hpf-lc .fl{font-size:36px;line-height:1;}
#hpf .hpf-lc b{font-size:15px;font-weight:700;}
@media(max-width:520px){#hpf .hpf-lgrid{grid-template-columns:1fr 1fr;}#hpf .hpf-lcard-w{padding:36px 22px 26px;}}
#hpf .hpf-lmore{margin-top:24px;padding-top:20px;border-top:1px solid var(--bd);font-size:14.5px;color:var(--body);}
#hpf .hpf-lmore a{color:var(--o);font-weight:700;text-decoration:none;white-space:nowrap;}
#hpf .hpf-lmore a:hover{text-decoration:underline;}
/* --- featured testimonial --- */
#hpf .tfeat{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:center;background:#fff;border:1px solid var(--bd);border-radius:24px;padding:36px;margin-bottom:20px;position:relative;}
#hpf .tfeat-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px;display:block;}
#hpf .tfeat-body{position:relative;}
#hpf .tfeat-body .stars{font-size:19px;letter-spacing:3px;margin-bottom:16px;}
#hpf .tfeat-body p{font-size:19px;line-height:1.55;font-weight:400;margin-bottom:22px;color:var(--ink);}
#hpf .tfeat-body .qm{font-size:84px;top:-10px;right:2px;}
#hpf .tfeat-body .who b{display:block;font-size:17px;color:var(--ink);}
#hpf .tfeat-body .who span{font-size:14px;color:var(--body);}
@media(max-width:760px){
  #hpf .tfeat{grid-template-columns:1fr;gap:22px;padding:26px;text-align:center;}
  #hpf .tfeat-photo img{max-width:200px;margin:0 auto;}
  #hpf .tfeat-body p{font-size:19px;}
  #hpf .tfeat-body .who{justify-content:center;}
  #hpf .tfeat-body .qm{display:none;}
  #hpf .tgrid{grid-template-columns:1fr;}
}
/* --- testimonial slider --- */
#hpf .tslider{position:relative;max-width:1050px;margin:0 auto;padding:0 72px;}
#hpf .tsl-viewport{overflow:hidden;}
#hpf .tsl-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);}
#hpf .tsl-slide{flex:0 0 100%;display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:center;padding:12px 12px;}
#hpf .tsl-quote .stars{color:var(--o);font-size:20px;letter-spacing:3px;margin-bottom:18px;}
#hpf .tsl-quote p{font-size:20px;line-height:1.55;font-weight:400;color:var(--ink);margin:0 0 22px;}
#hpf .tsl-who b{display:block;font-size:18px;color:var(--ink);}
#hpf .tsl-who span{font-size:14px;color:var(--body);}
#hpf .tsl-photo img,#hpf .tsl-photo .ava-big{width:300px;height:300px;border-radius:50%;object-fit:cover;display:block;margin-left:auto;}
#hpf .tsl-photo .ava-big{background:linear-gradient(135deg,var(--o),#ff8a4d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:132px;font-weight:700;}
#hpf .tsl-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:none;-webkit-appearance:none;appearance:none;box-shadow:none;color:var(--o);font-size:50px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:.18s;padding:0;}
#hpf .tsl-arrow:hover{color:#EC4700;transform:translateY(-50%) scale(1.18);}
#hpf .tsl-prev{left:8px;}
#hpf .tsl-next{right:8px;}
#hpf .tsl-dots{display:flex;gap:9px;justify-content:center;margin-top:32px;}
#hpf .tsl-dot{width:10px;height:10px;border-radius:50%;border:0;background:var(--bd);cursor:pointer;padding:0;transition:.2s;}
#hpf .tsl-dot.on{background:var(--o);width:26px;border-radius:5px;}
@media(max-width:760px){
  #hpf .tslider{padding:0 6px;}#hpf .tsl-slide{grid-template-columns:1fr;gap:26px;text-align:center;padding:6px 6px;}
  #hpf .tsl-photo{order:-1;}
  #hpf .tsl-photo img,#hpf .tsl-photo .ava-big{width:190px;height:190px;margin:0 auto;font-size:82px;}
  #hpf .tsl-quote p{font-size:17px;}
  #hpf .tsl-who{margin-top:2px;}
  #hpf .tsl-arrow{width:34px;height:34px;font-size:40px;}
  #hpf .tsl-prev{left:-6px;} #hpf .tsl-next{right:-6px;}
}
/* --- flashcard peek section --- */
#hpf .cardwrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:center;}
#hpf .cardwrap h2{font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.08;margin:10px 0 16px;}
#hpf .cardwrap .cardtext p{font-size:18px;color:var(--body);max-width:440px;margin:0;}
#hpf .lofcard{background:#fff;border-radius:22px;box-shadow:0 26px 60px rgba(20,17,16,.14);overflow:hidden;max-width:330px;margin-right:auto;}
#hpf .lofcard .cimg{position:relative;line-height:0;}
#hpf .lofcard .cimg img{width:100%;height:auto;display:block;}
#hpf .lofcard .play{position:absolute;right:14px;bottom:14px;width:48px;height:48px;border-radius:50%;background:var(--o);border:0;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(254,84,10,.45);}
#hpf .lofcard .cbody{padding:20px 22px 24px;}
#hpf .lofcard .cq{font-size:22px;font-weight:700;color:var(--ink);margin:0 0 6px;}
#hpf .lofcard .ca{font-size:15px;color:var(--body);margin:0;}
#hpf .lofcard .ctag{display:inline-block;margin-top:14px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--o);}
@media(max-width:820px){#hpf .cardwrap{grid-template-columns:1fr;gap:30px;}#hpf .lofcard{max-width:340px;margin:0 auto;}#hpf .cardtext{order:-1;}}
#hpf .lofcard .cdiv{height:1px;background:#ECE3D6;margin:14px 0;}

/* --- scroll reveal (staggered) --- */
html.js-anim #hpf .sec-head,html.js-anim #hpf .sysintro,html.js-anim #hpf .whyhead,html.js-anim #hpf .coursewrap>*,html.js-anim #hpf .cardwrap>*,html.js-anim #hpf .compare>.col,html.js-anim #hpf .pillars>.pillar,html.js-anim #hpf .whylist>.whyrow,html.js-anim #hpf section:not(.hero) .tslider{opacity:0;transform:translateY(36px);transition:opacity 1.2s ease,transform 1.2s ease;}
html.js-anim #hpf .rv-in{opacity:1!important;transform:none!important;}
@media(prefers-reduced-motion:reduce){html.js-anim #hpf .sec-head,html.js-anim #hpf .sysintro,html.js-anim #hpf .whyhead,html.js-anim #hpf .coursewrap>*,html.js-anim #hpf .cardwrap>*,html.js-anim #hpf .compare>.col,html.js-anim #hpf .pillars>.pillar,html.js-anim #hpf .whylist>.whyrow,html.js-anim #hpf section:not(.hero) .tslider{opacity:1!important;transform:none!important;transition:none!important;}}