/* Thakur British Academy: AUDIT LAYER (24 Oct 2026). Loaded last on the homepage.
   Purpose, in one line each:
   1. Mobile: nothing sits under the Call/WhatsApp bar or the floating buttons; footer fully visible.
   2. Tablet header: menu button instead of a link row that ran off the screen (760-1179px).
   3. Typography: serif headings, sans body text, smaller mobile headings, steadier line-height.
   4. One calm card style (white, thin border, small shadow, same radius) across courses, results, faculty, gallery, app.
   5. Fewer effects: no preloader, no shimmer/sweep, no tilt, no glow blobs, no glass on cards; header keeps a light blur only.
   6. Tap targets >= 44px, visible focus ring, contrast fixes.
   Palette: Royal Blue #014BAA · Cream #F8F3F0 · Text #172033 · Gold #F4B942 (accents only) · White #FFFFFF.
   To undo everything here: remove the audit.css <link> from index.html. */

:root{--a-blue:#014BAA;--a-blue-d:#013A85;--a-navy:#0B2A5B;--a-cream:#F8F3F0;--a-ink:#172033;--a-ink2:#46506A;--a-gold:#F4B942;
  --a-line:rgba(23,32,51,.12);--a-card:#FFFFFF;--a-radius:12px;--a-shadow:0 1px 2px rgba(23,32,51,.06),0 4px 14px -6px rgba(23,32,51,.12);
  --a-bar-h:64px; /* mobile Call/WhatsApp bar, incl. its 10px float gap */ }

/* ---------- 5. calm: no preloader, no progress bar, no glow blobs or sweeps ---------- */
#preloader,html.js body .progress,.progress{display:none!important}
.hero::before,.hero::after,.hero .stats::after,#app .app-icon::after,.stage::before{display:none!important;animation:none!important}
.hero .stage .ring{display:none!important}
.hero .stage .coin,.coin{animation:none!important;transform:none!important;translate:none!important}
.hero .coin .edge,.hero .coin .face.back{display:none!important}
.hero .coin .face.front{background:#fff!important;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--a-gold),0 6px 18px -8px rgba(23,32,51,.35)!important}
.hero .coin .face.front::before,.hero .coin .face.front::after,.hero .coin::before,.hero .coin::after{display:none!important}
.tilt{transform:none!important}
.fab-wa,.tba-as-fab{animation:none!important}
/* glass only where it overlays the page (the header); cards and bars are plain and solid */
.glass:not(header),.hero .stats>div,.hero .badge,.sticky,.totop,#app .app-icon,#app .app-stats>*,.offer{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* ---------- 3. typography ---------- */
body,main p,main li,main dd,main dt,main label,main input,main select,main textarea,main summary,main figcaption,.btn,button,footer{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari",sans-serif!important}
body{font-size:16px;line-height:1.6;color:var(--a-ink)!important;-webkit-text-size-adjust:100%}
main p{line-height:1.6}
[lang=hi],.hi[lang=hi]{font-family:"Noto Sans Devanagari","Mangal","Nirmala UI",sans-serif!important}
h1,h2,h3,.sec>h2,.hero h1{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif!important;color:var(--a-ink);text-wrap:balance;overflow-wrap:break-word}
.sec>h2,.sec h2{font-size:clamp(1.75rem,1.35rem + 1.8vw,2.6rem)!important;line-height:1.15!important;letter-spacing:0!important;margin-bottom:.5rem}
.sec h3,.sub-h{line-height:1.2!important}
.sub-h{font-size:clamp(1.35rem,1.15rem + 1vw,1.9rem)!important}
.star-card h3{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem)!important}
.lead,.sec>p:not(.eyebrow){font-size:1rem!important;line-height:1.6!important;color:var(--a-ink2)!important;max-width:62ch;margin-left:auto;margin-right:auto}
/* section labels above headings: one quiet style */
.eyebrow{font-size:.75rem!important;letter-spacing:.12em!important;color:var(--a-blue)!important;font-weight:600!important}
/* the ornament under section headings: a short plain gold rule */
.sec>h2::after,.sec>.sub-h::after{content:""!important;display:block!important;width:44px!important;height:2px!important;margin:12px auto 0!important;background:var(--a-gold)!important;border-radius:2px}

/* ---------- 1. HERO (first screen): plain, specific, real photo early ---------- */
.hero .badge,.hero .orn{display:none!important}
.hero h1{font-size:clamp(2.1rem,1.5rem + 3vw,3.6rem)!important;line-height:1.08!important;font-weight:700!important;color:var(--a-ink)!important;letter-spacing:0!important}
.hero h1 .city{font-family:"Inter",system-ui,sans-serif!important;font-size:.95rem!important;letter-spacing:.02em!important;text-transform:none!important;font-weight:500!important;color:var(--a-ink2)!important;margin-top:.35em!important}
.hero h1 .city::before{content:"Naga Road, ";}
.hero .tag{font-family:"Cormorant Garamond",Georgia,serif!important;font-style:italic!important;font-size:1.25rem!important;color:var(--a-blue)!important;margin:.5rem 0 .15rem!important}
.hero .hi{font-size:.95rem!important;color:var(--a-ink)!important;margin:.15rem 0 1rem!important}
.hero .sub{font-size:.85rem!important;letter-spacing:0!important;text-transform:none!important;color:var(--a-ink2)!important;opacity:1!important}
.hero .stats>div{background:#fff!important;border:1px solid var(--a-line)!important;box-shadow:none!important;border-radius:var(--a-radius)!important}
.hero .stats>div::before,.hero .stats>div::after{display:none!important}
.hero .stats b{color:var(--a-blue)!important}
.hero .stats .st{color:var(--a-gold)!important}
.hero .stats .lbl{font-size:.75rem!important;color:var(--a-ink2)!important;letter-spacing:0!important;text-transform:none!important}
.hero .arch img{border-radius:var(--a-radius)!important}
.hero .arch{border-radius:var(--a-radius)!important;box-shadow:var(--a-shadow)!important}
@media (max-width:759px){
  .hero{padding-top:18px!important}
  .hero .stage{height:auto!important;margin:0 auto 10px!important}
  .hero .coin{width:92px!important;height:92px!important}
  .hero .tag{font-size:1.15rem!important}
  .hero .cta{gap:10px!important}
}
@media (min-width:760px){ .hero .coin{width:128px!important;height:128px!important} .hero .stage{height:auto!important;margin-bottom:14px!important} }

/* ---------- 4. one card style ---------- */
.course,.batch,.teacher,.card,.star-card,.why .w,#features-list .w,.faq details,.dl,.enq,.offer,.lec,.gi,.shot-phone,blockquote,.follow a,.f-card,.map-card,.contact-card{
  border-radius:var(--a-radius)!important}
.course,.batch,.teacher,.card,.why .w,#features-list .w,.faq details,.dl,.enq,.offer,.lec,blockquote{
  background:var(--a-card)!important;border:1px solid var(--a-line)!important;box-shadow:var(--a-shadow)!important;background-image:none!important}
.course::before,.course::after,.batch::before,.batch::after,.teacher::before,.teacher::after,.card::after,.why .w::before,.why .w::after,#features-list .w::before,#features-list .w::after,.dl::before,.dl::after,.lec::before{display:none!important}
.course .ic,.why .w span,#features-list .w>span,.dl>span,.offer-ic{background:#EAF1FB!important;color:var(--a-blue)!important;box-shadow:none!important;border:0!important;border-radius:10px!important}
@media (hover:hover) and (pointer:fine){
  .course:hover,.batch:hover,.teacher:hover,.card:hover,.dl:hover,.lec:hover{transform:translateY(-2px)!important;box-shadow:0 2px 4px rgba(23,32,51,.06),0 10px 24px -10px rgba(1,75,170,.25)!important;border-color:rgba(1,75,170,.28)!important}
}
/* "Why" section: an even, simple grid instead of mixed-size tiles */
.why#features-list,#features-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#features-list .w{grid-column:auto!important;grid-row:auto!important;min-height:0!important;padding:16px!important;display:flex!important;align-items:center!important;gap:12px!important;text-align:left!important;flex-direction:row!important}
#features-list .w>span{width:40px!important;height:40px!important;flex:0 0 40px!important;display:grid!important;place-items:center!important}
#features-list .w>span svg{width:22px!important;height:22px!important}
#features-list .w b{font-size:.95rem!important;font-weight:600!important;color:var(--a-ink)!important;font-family:"Inter",system-ui,sans-serif!important;line-height:1.3!important}
#features-list .w img,#features-list .w::after{display:none!important}
@media (min-width:900px){#features-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:980px;margin-left:auto!important;margin-right:auto!important}}
@media (max-width:359px){#features-list{grid-template-columns:1fr!important}}

/* app promotion band: text, real screenshot and the Play button in one calm column/row */
#app.app-sec{align-items:center!important;gap:24px!important}
#app .app-stats>*{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:none!important;border-radius:10px!important}
#app .app-stats>*::before,#app .app-stats>*::after{display:none!important}

/* ---------- 6. tap targets >= 44px, focus, contrast ---------- */
header.nav .tbtn,.tbtn{width:44px!important;height:44px!important}
.chip-btn,.filters button{min-height:44px!important;padding-left:16px!important;padding-right:16px!important}
.btn,.btn.small,.btn-wa.small,.sbtn,.t-wa,.t-call,.lec,.dl{min-height:44px!important}
.btn.small,.btn-wa.small,.t-wa,.t-call,.sbtn{display:inline-flex!important;align-items:center!important;justify-content:center!important}
.t-num{display:inline-flex!important;align-items:center!important;min-height:44px!important}
footer.foot a,footer .a11y button,.foot p a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px}
footer .a11y button{min-width:44px!important;justify-content:center}
footer .foot-links,footer p.links{line-height:1.2}
:focus-visible{outline:3px solid var(--a-blue)!important;outline-offset:2px!important}
footer :focus-visible,.band :focus-visible,#app :focus-visible,.sticky :focus-visible{outline-color:var(--a-gold)!important}
.install{color:#fff!important}
/* WhatsApp green: white text needs a slightly deeper green for 4.5:1 */
.btn-wa,.sticky .btn-wa,.fab-wa,.t-wa{background:#157A43!important;border-color:#157A43!important;color:#fff!important}

/* ---------- 2. tablet header: the link row only when it fits (>=1180px); menu button below that ---------- */
@media (min-width:760px) and (max-width:1179px){
  header.nav .links{display:none!important}
  header.nav .links.open{display:flex!important;position:fixed;top:64px;left:12px;right:12px;flex-direction:column;gap:2px;padding:10px;border-radius:14px;background:#fff!important;border:1px solid var(--a-line)!important;box-shadow:0 18px 40px rgba(23,32,51,.16)!important;max-height:calc(100vh - 90px);overflow:auto}
  header.nav .links.open a{padding:12px 14px!important;font-size:1rem!important;min-height:44px;display:flex;align-items:center}
  header.nav .menu{display:inline-grid!important}
}
@media (max-width:759px){ header.nav .links.open a{min-height:44px;display:flex;align-items:center} }

/* ---------- 1. MOBILE fixed bar + floating buttons ---------- */
@media (max-width:759px){
  .sticky{background:#fff!important;border:1px solid var(--a-line)!important;box-shadow:0 6px 20px -6px rgba(23,32,51,.25)!important;
    grid-template-columns:1fr 1fr 48px!important;padding:7px!important}
  .sticky .btn{min-height:46px!important;padding:.6em .5em!important;font-size:.95rem!important}
  /* the Ask (chat) button sits inside the bar's third slot, so it never floats over the page */
  .tba-as-fab{left:auto!important;right:17px!important;bottom:calc(17px + env(safe-area-inset-bottom))!important;width:48px!important;height:46px!important;border-radius:12px!important;
    box-shadow:none!important;background:#EAF1FB!important;color:var(--a-blue)!important;font:600 10px/1 "Inter",system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
  .tba-as-fab svg{width:20px!important;height:20px!important}
  /* back-to-top: small, at the right edge, just above the bar */
  .totop{right:12px!important;bottom:calc(var(--a-bar-h) + 18px + env(safe-area-inset-bottom))!important;width:44px!important;height:44px!important;background:#fff!important;border:1px solid var(--a-line)!important;box-shadow:0 4px 12px -4px rgba(23,32,51,.25)!important;color:var(--a-blue)!important}
  /* room at the end of the page: the footer ends above the bar and the back-to-top button */
  body{padding-bottom:0!important}
  footer.foot{padding-bottom:calc(var(--a-bar-h) + 80px + env(safe-area-inset-bottom))!important}
}
/* tablet/desktop: Call, WhatsApp, Ask and Top stack in one column at the right edge */
@media (min-width:760px){
  .tba-as-fab{left:auto!important;right:22px!important;bottom:calc(22px + 56px + 10px + 56px + 12px)!important;width:48px!important;height:48px!important;box-shadow:0 4px 12px -4px rgba(23,32,51,.3)!important;background:#fff!important;color:var(--a-blue)!important;border:1px solid var(--a-line)!important;font:600 10px/1 "Inter",system-ui,sans-serif!important;letter-spacing:0!important}
  .tba-as-fab svg{width:20px!important;height:20px!important}
  .totop{right:24px!important;bottom:calc(22px + 56px + 10px + 56px + 12px + 48px + 12px)!important}
  footer.foot{padding-bottom:60px!important}
}

/* ---- "Why" grid: stronger selectors to reset the earlier bento tiles (same specificity + later file) ---- */
section .why#features-list .w,section .why#features-list .w:nth-child(n){grid-column:auto!important;grid-row:auto!important;min-height:0!important;padding:14px!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;
  background:#fff!important;background-image:none!important;border:1px solid var(--a-line)!important;box-shadow:var(--a-shadow)!important;border-radius:var(--a-radius)!important;translate:none!important}
section .why#features-list .w:nth-child(n)::after,section .why#features-list .w:nth-child(n)::before{display:none!important}
section .why#features-list .w:nth-child(n)>span{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:10px!important;background:#EAF1FB!important;color:var(--a-blue)!important;box-shadow:none!important;border:0!important}
section .why#features-list .w .lic{width:22px!important;height:22px!important}
section .why#features-list .w:nth-child(n) b{font-family:"Inter",system-ui,sans-serif!important;font-size:.95rem!important;font-weight:600!important;color:var(--a-ink)!important;line-height:1.3!important;max-width:none!important;letter-spacing:0!important}
@media (min-width:760px){section .why#features-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important}}
@media (max-width:359px){section .why#features-list{grid-template-columns:1fr!important}}
.hero .stats{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

@media (min-width:1180px){header.nav .menu,header.nav .tbtn.menu{display:none!important}}
section[data-sec=features]>h2,section.sec[data-sec=features] h2{font-size:clamp(1.75rem,1.35rem + 1.8vw,2.6rem)!important;line-height:1.15!important;max-width:none!important}

/* tap targets, second pass */
header.nav .links a{min-height:44px;display:inline-flex!important;align-items:center}
header.nav .soc-mini a{min-width:44px;min-height:44px;display:inline-grid!important;place-items:center}
header.nav .brand{min-height:44px;min-width:44px}
#contact a[href^="tel:"],#contact a[href^="https://wa.me"],.contact a{min-height:44px;display:inline-flex;align-items:center}
footer.foot a{min-width:44px;justify-content:center}
/* tablet: the video + lecture list ran past the right edge at 760-1099px; stack them */
@media (min-width:760px) and (max-width:1099px){
  #video .video-row{grid-template-columns:minmax(0,300px) minmax(0,1fr)!important;gap:20px!important}
  #video .video-row>*{min-width:0!important}
  #lectures,.lectures,.lec-list{min-width:0!important;max-width:100%!important}
  .lec-list{grid-template-columns:minmax(0,1fr)!important}
}

@media (min-width:760px) and (max-width:1099px){
  footer.foot{padding-left:80px!important;padding-right:80px!important}
  #contact .contact{grid-template-columns:minmax(0,1fr)!important}
  #contact .mapcard{max-width:420px}
}
.mapcard{background:#fff!important;border:1px solid var(--a-line)!important;box-shadow:var(--a-shadow)!important;border-radius:var(--a-radius)!important}

@media (max-width:420px){.band{letter-spacing:.04em!important;font-size:10.5px!important}}

/* app band: heading lines up with its text; stat numbers in clear white */
#app .app-copy h2{text-align:left!important}
#app .app-copy h2::after{margin-left:0!important}
#app .app-stats b{color:#fff!important;font-weight:600!important;font-family:"Inter",system-ui,sans-serif!important;font-size:1.15rem!important}
#app .app-stats span{color:#E6EDF8!important}
@media (min-width:760px){#app .app-copy h2{text-align:left!important}}
#app.app-sec h2,section#app h2{text-align:left!important}
section#app h2::after{margin-left:0!important}