/* Thakur British Academy — CLASSIC layer (Concept C, chosen by the owner 24 Oct 2026).
   Maroon & cream, gold crest coin in the centre, classic serif. Loaded after design.css.
   Change colours in :root below. Icons: Phosphor (fill), MIT licence. */
:root,[data-theme=light],[data-theme=dark]{
  /* Royal Blue + Light Cream (owner's palette, 24 Oct 2026). Maroon originals: classic.css in the backup. */
  --mar:#014BAA;--mar2:#0A5BC8;--mar3:#0B2A5B;--goldL:#F3E6C4;--cream:#F8F3F0;
  --bg:#F8F3F0;--bg2:#F0E9E4;--paper:#FFFDFB;--ink:#172033;--ink2:#25304A;--mute:#4F5B70;
  --gold:#1F5FB8;--gold2:#013A85;--crest:#C9A55A;--red:#014BAA;--wa:#1d8f4e;
  --card:#FFFDFB;--card2:#FFFFFF;--line:#E6DFD9;--line2:#CFD9E8;
  --r:8px;--shadow:0 8px 20px rgba(1,75,170,.07);--glow:var(--shadow);
  --serif:"Cormorant Garamond","Playfair Display",Georgia,serif;
  --body:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari",sans-serif;
  color-scheme:light
}
html{background:var(--cream)!important}
body{font-family:var(--body)!important;background:var(--cream)!important;color:var(--ink)!important;font-size:16.5px}
[lang=hi],.hi[lang=hi]{font-family:"Noto Sans Devanagari","Mangal","Nirmala UI",var(--sans)!important}
#themeBtn{display:none!important} /* the classic design is one look; dark mode retired */
#cmIcon{display:none!important}
::selection{background:var(--goldL);color:var(--mar3)}
a{text-decoration-color:var(--gold)}

/* top band */
.band{background:var(--mar);color:var(--goldL);font-family:var(--sans);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;text-align:center;padding:9px 12px;font-weight:600;line-height:1.3}

/* header */
header.nav{background:rgba(248,243,240,.94)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)!important;box-shadow:none!important}
header.nav .brand span{font-family:var(--serif)!important;font-size:1.22rem!important;font-weight:700!important;color:var(--mar)!important;letter-spacing:0!important}
header.nav .brand span b{font-weight:700!important;color:var(--mar)!important}
header.nav .brand img{border-radius:50%;box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--gold)}
header.nav .links a{font-family:var(--sans)!important;font-size:.84rem!important;font-weight:600!important;color:var(--mar)!important}
header.nav .links a:hover{color:var(--gold2)!important}
header.nav .tbtn{color:var(--mar)!important;border-color:var(--line2)!important;background:transparent!important}
header.nav .nav-result{background:var(--mar)!important;color:#fff!important;border-radius:6px!important;padding:7px 12px!important}
@media (max-width:899px){header.nav .links{background:var(--paper)!important;border:1px solid var(--line)!important;box-shadow:0 18px 40px rgba(23,32,51,.16)!important}}

/* type */
h1,h2,h3,.sub-h{font-family:var(--serif)!important;color:var(--mar)!important;letter-spacing:0!important;font-weight:700!important}
h2{font-size:clamp(2.05rem,8vw,3.1rem)!important;line-height:1.06!important;margin-left:auto;margin-right:auto}
h3{font-size:1.45rem;line-height:1.12}
.eyebrow{justify-content:center;font-family:var(--sans)!important;color:var(--gold)!important;font-size:.7rem!important;letter-spacing:.22em!important;text-transform:uppercase;font-weight:600!important}
.eyebrow::before,.eyebrow::after{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));flex:none}
.eyebrow::after{transform:scaleX(-1)}
.sec>.eyebrow,.sec>h2,.sec>.lead,.sec>.sub-h{text-align:center;margin-left:auto!important;margin-right:auto!important}
.sec>h2{max-width:20ch}
.sec>h2::after,.sec>.sub-h::after{content:"";display:block;width:64px;height:9px;margin:14px auto 0;background:radial-gradient(circle,var(--gold) 2.5px,transparent 3px) center/9px 9px no-repeat,linear-gradient(90deg,transparent,var(--gold) 40%,transparent 41%,transparent 59%,var(--gold) 60%,transparent) center/100% 1px no-repeat}
.lead{color:var(--mute)!important;font-style:italic}
.pill{font-family:var(--sans)!important;border-color:var(--line2)!important;color:var(--mar)!important;background:var(--paper)!important}

/* section order on the homepage (same sections, classic rhythm) */
body.home main#main{display:flex;flex-direction:column}
body.home main#main>*{width:100%;box-sizing:border-box}
body.home main#main>.hero{order:1}body.home main#main>.notice{order:2}body.home main#main>#offers{order:3}body.home main#main>#courses{order:4}
body.home main#main>#batches{order:5}body.home main#main>[data-sec=features]{order:6}body.home main#main>#results{order:7}body.home main#main>#about{order:8}
body.home main#main>#gallery{order:9}body.home main#main>#video{order:10}body.home main#main>#app{order:11}body.home main#main>#downloads{order:12}
body.home main#main>#enquiry{order:13}body.home main#main>#faq{order:14}body.home main#main>#follow{order:15}body.home main#main>#contact{order:16}body.home main#main>*:not(section):not(.sec):not(.notice){order:20}

/* sections */
.sec{padding:56px 18px!important;margin-left:auto!important;margin-right:auto!important}
section.sec.alt::before{background:var(--bg2)!important;border:0!important}
section.sec.alt::before{border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
.glass,.card,.batch,.course,.teacher,.offer,details,blockquote,.dl{background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:8px!important;box-shadow:var(--shadow)!important}

/* buttons */
.btn{font-family:var(--sans)!important;font-weight:600!important;border-radius:6px!important;letter-spacing:0!important;text-transform:none!important}
.btn .bi,.btn svg{width:19px;height:19px;flex:none}
.btn-call,.btn-primary{background:var(--mar)!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px rgba(1,75,170,.25)!important}
.btn-call:hover,.btn-primary:hover{background:var(--mar2)!important}
.btn-wa{background:var(--wa)!important;color:#fff!important;border:0!important}
.btn-ghost{background:transparent!important;color:var(--mar)!important;border:1.5px solid var(--mar)!important;text-decoration:none!important}
.btn-yt{background:var(--paper)!important;color:var(--mar)!important;border:1.5px solid var(--mar)!important}

/* ---------- HERO: crest in the centre ---------- */
.hero{padding:30px 18px 0!important;background:radial-gradient(70% 34% at 50% 14%,#fff 0%,var(--cream) 72%)!important;text-align:center!important;overflow:visible!important;min-height:0!important}
.hero-grid{display:grid!important;grid-template-columns:1fr!important;gap:30px!important;max-width:1140px;margin:0 auto;align-items:center}
.hero-text{text-align:center!important;max-width:560px!important;margin:0 auto!important;justify-self:center!important;display:flex;flex-direction:column;align-items:center}
.hero .stage{order:0!important;position:relative!important;height:auto!important;width:auto!important;margin:0 auto 26px!important;justify-self:center!important;display:grid;place-items:center;perspective:900px;opacity:1!important}
.hero .stage::before{display:none!important}
.hero .stage .ring{display:none!important}
.hero .coin{width:176px!important;height:176px!important;border-radius:50%!important;padding:0!important;position:relative}
.hero .coin .face{border-radius:50%!important;overflow:hidden}
.hero .coin .face.front{background:conic-gradient(from 210deg,#7d5717,#f3d58f,#a7782a,#fff0c6,#8e6420,#f3d58f,#7d5717)!important;padding:8px!important;box-shadow:0 22px 44px rgba(1,75,170,.28),0 0 0 8px var(--cream),0 0 0 9px var(--line2)!important;border:0!important}
.hero .coin .face.front img{border-radius:50%;width:100%;height:100%;object-fit:cover;display:block}
.hero .coin .face.back{background:radial-gradient(circle at 35% 30%,#1F63C4,var(--mar) 60%,var(--mar3))!important;color:var(--goldL)!important;border:8px solid #c99a3e!important;box-shadow:0 22px 44px rgba(1,75,170,.28)!important}
.hero .coin .face.back span{font-family:var(--serif)!important;color:var(--goldL)!important}
.hero .coin .face.back small{color:#E6EDF8!important;font-family:var(--sans)!important}
.hero .coin .edge{background:linear-gradient(90deg,#7d5717,#e9c983,#7d5717)!important}
.hero .badge{display:inline-flex!important;align-items:center;gap:10px;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;font-family:var(--sans)!important;font-size:11px!important;letter-spacing:.24em!important;text-transform:uppercase;color:var(--gold)!important;font-weight:600!important;margin:0!important}
.hero .badge .dot{width:6px!important;height:6px!important;background:var(--mar)!important;border-radius:50%;box-shadow:none!important;animation:none!important}
.hero h1{font-family:var(--serif)!important;font-weight:700!important;font-size:clamp(2.75rem,11.6vw,4.6rem)!important;line-height:.98!important;color:var(--mar)!important;margin:10px 0 0!important;letter-spacing:-.005em!important;max-width:none!important}
.hero h1 .city{display:block!important;font-family:var(--sans)!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.34em!important;text-transform:uppercase;color:var(--gold)!important;margin-top:14px!important;-webkit-text-fill-color:currentColor!important;background:none!important}
.orn{display:flex;align-items:center;gap:10px;justify-content:center;margin:16px auto 14px;color:var(--gold);width:210px}
.orn::before,.orn::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.orn::after{transform:scaleX(-1)}
.orn .ic{width:18px;height:18px}
.hero .tag{font-family:var(--body)!important;font-style:italic!important;font-size:1.32rem!important;color:var(--ink)!important;margin:0!important;font-weight:400!important;-webkit-text-fill-color:currentColor!important;background:none!important}
.hero .hi{font-size:.95rem!important;color:var(--mute)!important;margin:8px 0 0!important}
.hero .cta{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;width:100%;max-width:420px;margin:24px auto 0!important}
.hero .cta .btn{height:52px;display:flex!important;align-items:center;justify-content:center;gap:8px;font-size:15px!important;padding:0 12px!important;flex:none!important;width:auto!important}
.hero .cta .btn-call{grid-column:1/-1}
.hero .cta .btn-ghost{border:1.5px solid var(--mar)!important;text-decoration:none!important;padding:0 12px!important}
.hero .sub{border:0!important;font-family:var(--sans)!important;font-size:.8rem!important;color:var(--mute)!important;margin:18px auto 0!important;padding:0!important;max-width:34ch;line-height:1.55;letter-spacing:.01em}
.arch{position:relative;margin:4px auto 0!important;width:100%;max-width:470px}
.arch img{width:100%;height:290px;object-fit:cover;object-position:50% 12%;border-radius:200px 200px 8px 8px;border:6px solid #fff;box-shadow:0 18px 36px rgba(23,32,51,.18);display:block}
.arch figcaption{position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);background:var(--paper);border:1px solid var(--line2);padding:8px 14px;font-size:13px;font-style:italic;white-space:nowrap;border-radius:4px;box-shadow:0 6px 14px rgba(0,0,0,.08);color:var(--ink)}
.hero .stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;margin:46px auto 0!important;max-width:1140px;background:var(--mar)!important;border-radius:8px;padding:20px 6px!important;position:relative;box-shadow:0 14px 30px rgba(1,75,170,.22)!important;border:0!important}
.hero .stats::before{content:"";position:absolute;inset:6px;border:1px solid rgba(170,200,243,.5);border-radius:4px;pointer-events:none}
.hero .stats>div{background:none!important;border:0!important;border-right:1px solid rgba(170,200,243,.3)!important;box-shadow:none!important;padding:0 4px!important;text-align:center!important;border-radius:0!important}
.hero .stats>div:last-child{border-right:0!important}
.hero .stats b{display:flex!important;justify-content:center;align-items:center;gap:2px;font-family:var(--serif)!important;font-size:2.05rem!important;line-height:1!important;color:var(--goldL)!important;font-weight:700!important;-webkit-text-fill-color:currentColor!important;background:none!important}
.hero .stats b .st{width:16px;height:16px}
.hero .stats .lbl{display:block;font-family:var(--sans)!important;font-size:11px!important;line-height:1.35!important;margin-top:7px!important;color:#E6EDF8!important;letter-spacing:.01em!important;text-transform:none!important}

/* notice ticker */
.notice{background:transparent!important;border:0!important;margin:28px auto 0!important;max-width:1140px;padding:0 18px!important}
.notice strong{background:var(--mar)!important;color:var(--goldL)!important;font-family:var(--sans)!important;border-radius:4px 0 0 4px!important}
.notice .marquee{background:var(--paper)!important;border:1px solid var(--line)!important;border-left:0!important;border-radius:0 4px 4px 0}
.notice li{font-family:var(--sans)!important;color:var(--ink)!important;font-size:.86rem!important}

/* offers */
.offer .offer-ic,.offer-ic{background:var(--mar)!important;color:var(--goldL)!important;border-radius:50%!important;box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--gold)!important}

/* ---------- COURSES: maroon round tiles ---------- */
.course-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;border:0!important}
.course{display:grid!important;grid-template-columns:58px 1fr!important;grid-template-rows:auto auto auto;column-gap:16px!important;row-gap:2px;align-items:start;text-align:left!important;padding:18px!important;cursor:pointer}
.course .ic{grid-row:1/4;width:58px!important;height:58px!important;border-radius:50%!important;background:var(--mar)!important;color:var(--goldL)!important;display:grid!important;place-items:center;box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--gold)!important;border:0!important;margin:0!important}
.course .ic .lic,.lic{width:28px!important;height:28px!important;stroke:none!important}
.course h3{font-size:1.45rem!important;margin:2px 0 0!important;color:var(--mar)!important}
.course p{font-size:.95rem!important;line-height:1.5!important;color:var(--mute)!important;margin:4px 0 0!important}
.course .more{font-family:var(--sans)!important;font-size:.78rem!important;font-weight:600!important;color:var(--gold2)!important;margin-top:8px!important;letter-spacing:.02em}
.course:hover{border-color:var(--gold)!important}
.chips li,#subjects-list li{background:var(--paper)!important;border:1px solid var(--line2)!important;color:var(--mar)!important;font-family:var(--sans)!important;font-weight:500!important;border-radius:999px!important}
.note{text-align:center;color:var(--mute)!important}

/* batches */
.batch{text-align:left}
.batch h3{color:var(--mar)!important}
.batch dt{font-family:var(--sans)!important;color:var(--gold2)!important}
.status.open{background:#e9f4ec!important;color:#1d6b3f!important;border:0!important}

/* ---------- WHY: two-column ruled list ---------- */
.why{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;border-top:1px solid var(--line2)!important;max-width:900px;margin:0 auto}
.why .w{display:flex!important;flex-direction:row!important;gap:10px!important;align-items:center!important;padding:16px 8px!important;border:0!important;border-bottom:1px solid var(--line2)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
.why .w:nth-child(odd){border-right:1px solid var(--line2)!important}
.why .w>span{flex:none;color:var(--mar)!important;background:none!important;border:0!important;width:auto!important;height:auto!important;margin:0!important}
.why .w .lic{width:26px!important;height:26px!important}
.why .w b{font-family:var(--sans)!important;font-size:.86rem!important;font-weight:600!important;color:var(--ink)!important;line-height:1.3}

/* ---------- TOPPERS ---------- */
.star-card{background:var(--mar)!important;color:#fff!important;border:0!important;border-radius:10px!important;overflow:hidden;position:relative;box-shadow:0 18px 36px rgba(1,75,170,.25)!important}
.star-card::before{content:"";position:absolute;inset:7px;border:1px solid rgba(170,200,243,.5);border-radius:6px;pointer-events:none;z-index:1}
.star-card h3,.star-card .big{color:var(--goldL)!important;font-family:var(--serif)!important}
.star-card .rank,.star-card p,.star-card li{color:#E6EDF8!important}
.star-card .pill{background:transparent!important;color:var(--goldL)!important;border-color:rgba(170,200,243,.6)!important}
.star-card .marks b{color:var(--goldL)!important}
.star-card .marks li{border-color:rgba(170,200,243,.3)!important;background:transparent!important}
.star-card img{background:#fff}
.chip-btn{font-family:var(--sans)!important;border:1px solid var(--line2)!important;background:var(--paper)!important;color:var(--mar)!important;border-radius:999px!important}
.chip-btn.on{background:var(--mar)!important;color:#fff!important;border-color:var(--mar)!important}
#toppers-list .card{padding:8px!important;overflow:hidden}
#toppers-list .card img{border-radius:4px!important}
#toppers-list figcaption b{font-family:var(--serif)!important;font-size:1.25rem!important;color:var(--mar)!important}
#toppers-list figcaption span{font-family:var(--sans)!important;font-size:.8rem!important;color:var(--mute)!important}
#toppers-list figcaption em{color:var(--gold2)!important;font-style:normal;font-family:var(--sans)!important}
.results-cta{text-align:center}

/* ---------- DIRECTOR + TEACHERS ---------- */
.about .dir-wrap img,.about img.dir{border-radius:200px 200px 8px 8px!important;border:6px solid #fff!important;box-shadow:0 18px 36px rgba(23,32,51,.18)!important;filter:none!important}
.about .dir-wrap::before,.about .dir-wrap::after{display:none!important}
.about .role{font-family:var(--sans)!important;color:var(--gold2)!important;font-weight:600}
#testimonial-list blockquote{font-style:italic;border-left:3px solid var(--gold)!important}
.teachers{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
.teacher,.teacher-ph{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:16px 12px 18px!important;gap:12px}
.teacher-ph{background:transparent;border:1px dashed var(--line2);border-radius:8px}
.teacher .t-photo,.teacher-ph .t-photo{position:relative;width:104px!important;height:124px!important;border-radius:60px 60px 6px 6px!important;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 1px var(--gold),0 10px 20px rgba(23,32,51,.14);background:var(--bg2);display:grid!important;place-items:center;flex:none;margin:0!important}
.teacher .t-photo img{width:100%!important;height:100%!important;object-fit:cover;object-position:50% 15%;border-radius:0!important}
.t-mono{font-style:normal;font-family:var(--serif);font-size:2.6rem;font-weight:700;color:var(--mar)}
.teacher-ph .t-photo{border-style:dashed;color:var(--gold)}
.teacher-ph .t-photo .lic{width:40px!important;height:40px!important;opacity:.7}
.t-soon{position:absolute;left:0;right:0;bottom:0;background:rgba(1,75,170,.88);color:var(--goldL);font-family:var(--sans);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:4px 0;font-weight:600}
.t-play{background:var(--mar)!important;color:var(--goldL)!important}
.teacher .t-info,.teacher-ph .t-info{display:flex;flex-direction:column;align-items:center;gap:2px}
.teacher .t-info b,.teacher-ph .t-info b{font-family:var(--serif)!important;font-size:1.22rem!important;color:var(--mar)!important;line-height:1.15}
.teacher .t-info>span,.teacher-ph .t-info>span{font-family:var(--sans)!important;font-size:.8rem!important;color:var(--gold2)!important;font-weight:600}
.teacher .t-info small{font-size:.8rem;color:var(--mute)!important;line-height:1.35}
.teacher .t-info em{font-family:var(--sans)!important;font-style:normal;font-size:.75rem!important;color:var(--mar)!important;font-weight:600;margin-top:6px}
.teacher-ph .t-info>span{color:var(--mute)!important;font-weight:500}

/* ---------- GALLERY (same photos) ---------- */
.gallery{gap:8px!important}
.gallery .gi{border-radius:6px!important;overflow:hidden;border:4px solid #fff!important;box-shadow:0 8px 18px rgba(23,32,51,.12)!important;background:#fff!important;padding:0!important}
.gallery .gi img{filter:none!important}

/* ---------- VIDEO ---------- */
.vid{border:6px solid #fff!important;border-radius:8px!important;box-shadow:0 18px 36px rgba(23,32,51,.18)!important;overflow:hidden;background:#000}
.lectures h3{color:var(--mar)!important}
.lec-list a,.lec-list button{background:var(--paper)!important;border:1px solid var(--line)!important;color:var(--ink)!important}
.yt-play{background:var(--mar)!important;color:var(--goldL)!important}

/* app, downloads, enquiry, faq, follow */
.app-sec,.app-sec .app-card,.app-card{background:var(--mar)!important;color:#fff!important;border-color:transparent!important}
.app-sec h2,.app-sec h3{color:var(--goldL)!important}
.app-sec p,.app-sec li{color:#E6EDF8!important}
.app-sec::before{display:none!important}
.app-sec .eyebrow{color:var(--goldL)!important}
form input,form select,form textarea{font-family:var(--sans)!important;background:#fff!important;border:1px solid var(--line2)!important;border-radius:6px!important;color:var(--ink)!important}
form input:focus,form select:focus,form textarea:focus{border-color:var(--mar)!important;box-shadow:0 0 0 3px rgba(1,75,170,.12)!important;outline:0}
form label,form .lbl{font-family:var(--sans)!important;color:var(--ink2)!important}
details summary{font-family:var(--serif)!important;font-size:1.2rem;font-weight:700;color:var(--mar)!important}
details summary::marker,details summary::after{color:var(--gold)!important}

/* contact + footer */
#contact iframe,.map iframe{border:6px solid #fff!important;border-radius:8px!important;box-shadow:0 18px 36px rgba(23,32,51,.16)!important;filter:none!important}
footer,footer.footer,.foot{background:var(--mar3)!important;color:#D9E3F2!important;border-top:3px solid var(--gold)!important}
footer a{color:var(--goldL)!important}
footer h2,footer h3,footer b,footer strong{color:var(--goldL)!important;font-family:var(--serif)!important}
footer p,footer small,footer li{color:#D9E3F2!important}

/* floating call/WhatsApp bar on phones */
.sticky-cta,.mobile-cta,.fab{font-family:var(--sans)!important}

/* preloader */
#preloader{background:var(--cream)!important}
#preloader p{color:var(--mar)!important;font-family:var(--serif)!important;font-weight:700}
.pl-coin{box-shadow:0 0 0 4px var(--cream),0 0 0 5px var(--gold)!important}
.pl-bar{background:var(--gold)!important}

/* desktop */
@media (min-width:900px){
  .band{font-size:12px}
  .hero{padding:56px 32px 0!important}
  .hero-grid{grid-template-columns:1.05fr .95fr!important;gap:56px!important}
  .hero .coin{width:220px!important;height:220px!important}
  .hero h1{font-size:4.7rem!important}
  .hero .cta{grid-template-columns:1.3fr 1fr 1fr;max-width:560px}
  .hero .cta .btn-call{grid-column:auto}
  .arch{max-width:500px}
  .arch img{height:560px;border-radius:260px 260px 10px 10px}
  .hero .stats{padding:28px 10px!important}
  .hero .stats b{font-size:2.9rem!important}
  .hero .stats .lbl{font-size:12.5px!important}
  .sec{padding:88px 32px!important}
  .course-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}
  .why{grid-template-columns:repeat(3,1fr)!important}
  .why .w:nth-child(odd){border-right:0!important}
  .why .w:not(:nth-child(3n)){border-right:1px solid var(--line2)!important}
  .why .w{padding:20px 18px!important}
  .teachers{grid-template-columns:repeat(3,1fr)!important;max-width:900px;margin:0 auto}
}
@media (max-width:360px){.hero h1{font-size:2.5rem!important}.hero .cta .btn{font-size:14px!important}}

/* fixes after first look */
.hero .btn-call::before,.hero .btn-call::after{display:none!important}
.course .more{border:0!important;text-decoration:none!important}
#toppers-list figcaption{position:relative;padding-right:0!important}
#toppers-list figcaption em{position:static!important;display:inline-block;margin-top:6px;font-size:.72rem!important;letter-spacing:.12em;background:none!important;border:0!important;padding:0!important}
@media (max-width:899px){.teachers>.teacher:first-child{grid-column:1/-1}.teachers>.teacher:first-child .t-photo{width:132px!important;height:158px!important;border-radius:70px 70px 6px 6px!important}}
.about h2,.about .pill{margin-left:0!important;margin-right:0!important}
.hero h1,.hero h1 span[data-bind],.hero h1>span:first-child{color:var(--mar)!important;-webkit-text-fill-color:var(--mar)!important}
.hero h1 .city{color:var(--gold)!important;-webkit-text-fill-color:var(--gold)!important}
header.nav .links a.nav-result{color:#fff!important}
@media (min-width:900px){.course-grid{max-width:980px;margin-left:auto;margin-right:auto}}

/* ink surfaces from the earlier layer -> maroon */
.fab-call,.p-btn,.p-av,.pin,.phone-screen,.toast,.s-toast,.s-schol,.s-chipnav a.on,.s-chips button.on,.s-chips button[aria-pressed=true]{background:var(--mar)!important;border-color:var(--mar)!important}
.p-btn,.fab-call,.s-chipnav a.on,.s-chips button.on,.s-chips button[aria-pressed=true],.toast,.s-toast{color:#fff!important}
.p-av,.pin{color:var(--goldL)!important}
.s-card::before,.s-bar i,.s-qprog i{background:var(--mar)!important}
.tba-as-fab{background:var(--mar)!important;color:var(--goldL)!important;border:1px solid rgba(170,200,243,.5)!important}
.s-hero h1,.s-hero .s-title{color:var(--mar)!important}
.s-hero{background:radial-gradient(60% 80% at 50% 0%,#fff 0%,var(--cream) 70%)!important}
.t-play .lic,.yt-play .lic{width:16px!important;height:16px!important}
.yt-play{display:grid!important;place-items:center}
.t-play{display:grid!important;place-items:center}
.dl>span .lic{width:22px!important;height:22px!important;color:var(--mar)}
.hero .stats b,.t-mono,.star-card .big,#toppers-list figcaption b{font-feature-settings:"lnum" 1;font-variant-numeric:lining-nums}
.offer b{font-family:var(--serif)!important;font-size:1.3rem!important;color:var(--mar)!important}
.offer p{color:var(--mute)!important}


/* app screenshots, below "Download our app" (owner, 24 Oct) */
body.home main#main>#app-screens{order:11}
.app-screens{padding-top:var(--s7)!important}
.app-screens .shots{display:grid;grid-template-columns:repeat(3,minmax(0,250px));justify-content:center;gap:40px;margin:34px auto 0;padding:0}
.app-screens .shot{margin:0;text-align:center}
.app-screens .shot-phone{position:relative;background:#0E1A33;border-radius:30px;padding:9px;box-shadow:0 0 0 1px var(--line2),0 18px 34px -16px rgba(11,42,91,.45)}
.app-screens .shot-phone img{display:block;width:100%;height:auto;aspect-ratio:540/800;object-fit:cover;object-position:top;border-radius:22px;background:#fff}
.app-screens figcaption{margin-top:14px;font-family:var(--sans);font-size:.88rem;font-weight:600;color:var(--mar);letter-spacing:.01em}
.app-screens figcaption span{color:var(--gold);margin-left:4px}
.app-screens .shots-note{text-align:center;color:var(--mute);font-size:.82rem;margin:22px 0 0}
@media (max-width:759px){
  .app-screens .shots{display:flex;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;margin:28px -20px 0;padding:6px 20px 14px;scroll-padding:0 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .app-screens .shots::-webkit-scrollbar{display:none}
  .app-screens .shot{flex:0 0 62%;scroll-snap-align:start}
}

/* teacher phone under the card (only when a number is set) */
.teacher-c{display:flex;flex-direction:column;gap:8px;min-width:0}
.teacher-c>.teacher{flex:1;width:100%}
.t-contact{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--sans)}
.t-contact .t-num{font-size:.86rem;font-weight:600;color:var(--mar)!important;text-decoration:none;letter-spacing:.02em}
.t-contact .t-acts{display:flex;gap:6px}
.t-contact .t-acts a{font-size:.74rem;font-weight:600;text-decoration:none;padding:5px 11px;border-radius:999px;border:1px solid var(--line2);color:var(--mar)!important;background:var(--paper)}
.t-contact .t-acts .t-wa{background:var(--wa);border-color:var(--wa);color:#fff!important}
.teacher-c{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding-bottom:14px;gap:4px}
.teacher-c>.teacher{border:0!important;box-shadow:none!important;background:transparent!important}

/* coin back: full name (owner 24 Oct: "TBA" alone was unclear) */
.hero .coin .face.back{display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:0 12px!important;text-align:center}
.hero .coin .face.back span{font-size:19px!important;font-weight:600!important;line-height:1.02!important;letter-spacing:.005em!important;max-width:124px;text-wrap:balance}
.hero .coin .face.back .abbr{font-style:normal;font-family:var(--sans);font-weight:600;font-size:9px;letter-spacing:.32em;padding-left:.32em;color:var(--goldL);margin:6px 0 5px;line-height:1;display:flex;align-items:center;gap:6px}
.hero .coin .face.back .abbr::before,.hero .coin .face.back .abbr::after{content:"";width:14px;height:1px;background:rgba(170,200,243,.6)}
.hero .coin .face.back small{font-size:7.5px!important;line-height:1.3!important;letter-spacing:.06em!important;margin:0!important;opacity:.9}
@media (min-width:900px){
  .hero .coin .face.back span{font-size:25px!important;max-width:160px}
  .hero .coin .face.back .abbr{font-size:11px;margin:9px 0 7px;gap:8px}
  .hero .coin .face.back .abbr::before,.hero .coin .face.back .abbr::after{width:20px}
  .hero .coin .face.back small{font-size:9.5px!important}
}