/*
 * Lotus Educare — light English academy palette.
 * This final colour layer deliberately contains no bright green.
 */
:root{--ink:#202939;--copy:#5f6570;--forest:#8b4050;--forest2:#6f2f3d;--leaf:#8b4050;--gold:#b79252;--cream:#faf7f1;--sage:#f2ece7;--line:#e5ddd4;--shadow:0 18px 50px rgba(48,39,44,.10);--portal-bg:#faf7f1;--portal-line:#e5ddd4}
body{background:#fff;color:#202939}
.topbar{background:#263247;color:#fff}.topbar b{color:#d5b06e}.topbar a{color:#f2dfbd}
.header{border-bottom-color:#e8e1da;box-shadow:0 3px 14px rgba(38,50,71,.07)}
.brand{color:#202939}.brand-mark{background:#f5ecea;border-color:#dfc8c3}.brand-mark svg{fill:#8b4050}.brand small{color:#77727a}
.main-nav>a{color:#50535d}.main-nav>a:hover,.main-nav .portal{color:#8b4050}.main-nav .portal{border-color:#e8e1da}
.main-nav .cta,.button{background:#8b4050;border-color:#8b4050;color:#fff}.main-nav .cta:hover,.button:hover{background:#6f2f3d;border-color:#6f2f3d;box-shadow:0 10px 24px rgba(111,47,61,.20)}
.button-secondary{background:#f1eee9!important;border-color:#f1eee9!important;color:#273247!important}.button-secondary:hover{background:#e5dfd7!important;border-color:#e5dfd7!important;color:#1f2937!important}
.bg-light{background:#faf7f1}.bg-blue{background:#f2ece7}.bg-dark{background:#263247;color:#fff}
.type-hero{background:radial-gradient(circle at 56% 45%,#f5eee7 0,#fbf8f3 30%,#fff 68%)}.page-home.type-hero:before{background:radial-gradient(circle,rgba(183,146,82,.13),rgba(183,146,82,0) 68%)}.type-hero:not(.page-home){background:#faf7f1}
.section-body{color:#5f6570}.eyebrow{color:#7b3746;background:#f8efed;border-color:#c99ba4}.eyebrow:before{background:#b79252}.bg-dark .eyebrow{color:#f0d7a8;background:rgba(183,146,82,.12);border-color:rgba(213,176,110,.48)}
.section-media{border-color:#ddd6ce;box-shadow:0 22px 55px rgba(55,44,50,.14)}.page-home.type-hero .section-media:before{color:#263247;box-shadow:0 8px 25px rgba(38,50,71,.14)}
.page-home.type-hero .item-grid article{border-color:#e5ddd4;color:#202939;box-shadow:0 8px 25px rgba(38,50,71,.12)}
.item-grid article{border-color:#e5ddd4;box-shadow:0 8px 30px rgba(38,50,71,.06)}.item-grid article:hover{border-color:#c99ba4;box-shadow:0 18px 40px rgba(64,42,50,.11)}.item-grid article:before{background:linear-gradient(90deg,#8b4050,#b79252)}
.card-meta,.card-price,.card-link{color:#8b4050}
.type-academicstats{background:#263247}.type-academicstats .item-grid p{color:#d5d9e2}.type-academicstats .card-meta{color:#e0bd7e}
.type-learningcycle .item-grid article:before{background:#f5ecea;color:#8b4050}
.type-academiccta{background:linear-gradient(120deg,#263247,#35445c)}.type-academiccta:after{border-color:rgba(183,146,82,.10)}
.faqs details[open]{border-color:#c99ba4;background:#fcf9f5}
footer{background:#202a3b;color:#f8f5f0}.footer-grid p{color:#c4c8d0}.footer-grid strong{color:#d8b777}.footer-brand .brand-mark{background:#303d53;border-color:#4a5870}.footer-brand .brand-mark svg{fill:#d8b777}.footer-brand small,.footer-bottom{color:#b6bdc9}.footer-bottom{border-color:#3d4960}
.offline-hero{background:#faf7f1;border-color:#e5ddd4}.offline-test-card{box-shadow:0 10px 32px rgba(38,50,71,.07)}.offline-test-card>div>span,.slot-card .slot-date,.back-link{color:#8b4050}.test-facts span{border-color:#dfd2c7}.slot-card:has(input:checked){border-color:#8b4050;box-shadow:0 0 0 4px rgba(139,64,80,.11)}.slot-card input{accent-color:#8b4050}.request-panel{border-color:#ddcbc5;background:#f8efed}.request-panel input{border-color:#cebdb7}.request-panel input:focus,.student-auth-card input:focus{outline-color:rgba(139,64,80,.14);border-color:#8b4050}
.consent button{background:#8b4050}
.portal-body{--portal-bg:#faf7f1;--portal-line:#e5ddd4}.portal-title>span{background:#f5ecea;color:#8b4050}.series-card-top{color:#8b4050}.series-card,.portal-empty{box-shadow:0 12px 35px rgba(38,50,71,.07)}.series-notice{background:#f5f1ec}.student-auth,.password-shell{background:radial-gradient(circle at 80% 10%,#f2e8e4,transparent 38%),#fcfaf7}.student-auth-card{box-shadow:0 22px 65px rgba(38,50,71,.12)}
@media(max-width:1180px){.main-nav{background:#fff}}
@media(min-width:1500px){
  :root{--shell:min(92vw,1540px);--standard:min(90vw,1420px);--narrow:min(84vw,960px)}
  body{font-size:19px}.topbar{font-size:14px}.nav-shell{min-height:84px}.brand{font-size:24px}.brand small{font-size:12px}.main-nav{gap:32px}.main-nav>a{font-size:17px}
  .page-home.type-hero .section-shell{min-height:650px}.page-home.type-hero.layout-split{grid-template-columns:minmax(0,1fr) minmax(560px,.92fr);gap:clamp(72px,6vw,120px)}
  .page-home .section-title{font-size:clamp(76px,4.6vw,92px);max-width:780px}.page-home .section-body{font-size:22px;max-width:760px}.page-home .section-media{max-width:650px}.page-home .section-media img{min-height:440px}
  .section-title{font-size:clamp(58px,3.5vw,72px)}.section-body{font-size:21px}.item-grid h2{font-size:29px}.item-grid p{font-size:18px}.button{min-height:54px;padding-inline:29px;font-size:17px}
}
.type-academicpillars .item-grid article,.type-academicprograms .item-grid article,.type-programcatalog .item-grid article,.type-academiclegacy .item-grid article{position:relative;padding:82px 30px 32px;background:linear-gradient(145deg,#fff 0%,#fff 68%,#fbf6f2 100%);border:1px solid #e3d8d0;box-shadow:0 14px 36px rgba(38,50,71,.08)}
.type-academicpillars .item-grid article:after,.type-academicprograms .item-grid article:after,.type-programcatalog .item-grid article:after,.type-academiclegacy .item-grid article:after{content:"✦";position:absolute;left:29px;top:25px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#8b4050,#a65b69);color:#fff;font-size:20px;box-shadow:0 8px 18px rgba(111,47,61,.20);transition:transform .25s ease}
.item-grid article:nth-child(2):after{content:"◎";background:linear-gradient(145deg,#263247,#41516c)}.item-grid article:nth-child(3):after{content:"↗";background:linear-gradient(145deg,#b79252,#d0ae70)}.item-grid article:nth-child(4):after{content:"✓";background:linear-gradient(145deg,#7e6673,#9d7e8c)}
.type-academicpillars .item-grid article:hover:after,.type-academicprograms .item-grid article:hover:after,.type-programcatalog .item-grid article:hover:after,.type-academiclegacy .item-grid article:hover:after{transform:translateY(-3px) rotate(-5deg)}
.item-grid article:hover{transform:translateY(-8px) rotate(.25deg)}.page-home .section-copy{animation:hero-copy-in .7s cubic-bezier(.2,.7,.2,1) both}.page-home .section-media{animation:hero-media-in .8s .08s cubic-bezier(.2,.7,.2,1) both}.type-academicstats .item-grid article{animation:stat-in .55s ease both}.type-academicstats .item-grid article:nth-child(2){animation-delay:.08s}.type-academicstats .item-grid article:nth-child(3){animation-delay:.16s}.type-academicstats .item-grid article:nth-child(4){animation-delay:.24s}
@keyframes hero-copy-in{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}@keyframes hero-media-in{from{opacity:0;transform:translateX(28px) scale(.98)}to{opacity:1;transform:none}}@keyframes stat-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.page-home .section-copy,.page-home .section-media,.type-academicstats .item-grid article{animation:none!important}.item-grid article:hover{transform:none}}
.page-home.type-hero .section-media{overflow:visible;min-height:520px;padding:0;border:0;background:transparent;box-shadow:none;display:grid;place-items:end center}.page-home.type-hero .section-media:before{content:none}.page-home.type-hero .section-media:after{content:"";position:absolute;inset:9% 6% 5%;z-index:-2;border:1.5px solid rgba(139,64,80,.42);border-radius:50%;background:radial-gradient(circle at 50% 40%,#f8efed 0,#f4ebe6 58%,rgba(250,247,241,.3) 59%,transparent 70%);box-shadow:0 30px 70px rgba(38,50,71,.10)}
.page-home.type-hero .section-media img{position:relative;z-index:1;width:auto;max-width:92%;height:520px;min-height:0;object-fit:contain;object-position:center bottom;border-radius:0;filter:drop-shadow(0 22px 25px rgba(38,50,71,.16))}
.hero-art-ring{position:absolute;inset:15% 13% 10%;z-index:-1;border:12px solid rgba(183,146,82,.10);border-radius:50%;animation:ring-breathe 5s ease-in-out infinite}
.hero-feature{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid #e5ddd4;border-radius:13px;background:rgba(255,255,255,.96);color:#202939;font-weight:800;font-size:15px;box-shadow:0 13px 30px rgba(38,50,71,.13);backdrop-filter:blur(8px);animation:badge-float 4s ease-in-out infinite}.hero-feature b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f5ecea;color:#8b4050}.hero-feature-tests{left:-3%;bottom:15%}.hero-feature-mentor{right:-4%;bottom:4%;animation-delay:-1.4s}
.scroll-reveal{opacity:.12;transform:translateY(34px) scale(.985);filter:blur(2px);transition:opacity .7s ease var(--scroll-delay,0ms),transform .75s cubic-bezier(.2,.75,.2,1) var(--scroll-delay,0ms),filter .7s ease var(--scroll-delay,0ms)}.scroll-reveal.scroll-visible{opacity:1;transform:none;filter:none}
@keyframes badge-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes ring-breathe{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.035);opacity:1}}
@media(max-width:1180px){.page-home.type-hero .section-media{min-height:500px}.hero-feature-tests{left:2%}.hero-feature-mentor{right:2%}}
@media(max-width:700px){.page-home.type-hero .section-media{min-height:420px;margin-inline:8px}.page-home.type-hero .section-media img{height:420px;max-width:100%}.hero-feature{padding:10px 12px;font-size:12px;border-radius:11px}.hero-feature b{width:25px;height:25px}.hero-feature-tests{left:-1%;bottom:17%}.hero-feature-mentor{right:-1%;bottom:3%}.scroll-reveal{transform:translateY(24px);filter:none}}
@media(prefers-reduced-motion:reduce){.hero-art-ring,.hero-feature{animation:none}.scroll-reveal{opacity:1;transform:none;filter:none;transition:none}}

/* Reliable mobile navigation: a top-level overlay cannot be clipped by the sticky blurred header. */
.mobile-nav,.nav-backdrop{display:none}
@media(max-width:1180px){
  .nav-toggle{position:relative;z-index:72;cursor:pointer;touch-action:manipulation}
  .desktop-nav{display:none!important}
  .mobile-nav{position:fixed;left:0;right:0;top:var(--mobile-nav-top,120px);z-index:121;display:grid;align-content:start;max-height:calc(100dvh - var(--mobile-nav-top,120px));padding:14px max(18px,5vw) 28px;overflow-y:auto;background:#fff;border-top:1px solid #e8e1da;box-shadow:0 24px 50px rgba(32,41,57,.18);visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s}
  .mobile-nav.open{visibility:visible;opacity:1;transform:none;pointer-events:auto}
  .mobile-nav>a{display:flex;align-items:center;min-height:52px;padding:0 10px;border-bottom:1px solid #eee7e0;color:#343844;font-size:18px;font-weight:700}
  .mobile-nav .portal{color:#8b4050}.mobile-nav .cta{justify-content:center;margin-top:14px;border:0;border-radius:999px;background:#8b4050;color:#fff}
  .nav-backdrop{position:fixed;inset:var(--mobile-nav-top,120px) 0 0;z-index:120;display:block;border:0;background:rgba(15,24,38,.42);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s}
  .nav-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
  body.menu-open{overflow:hidden;overscroll-behavior:none}
}
.public-division-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.public-division{padding:34px;border:1px solid #e3d8d0;border-radius:16px;background:linear-gradient(145deg,#fff,#fbf6f2);box-shadow:0 14px 36px rgba(38,50,71,.08)}.public-division h2{margin:10px 0;font-size:clamp(28px,2.2vw,38px)}.public-division>p,.public-division>small{color:#5f6570}.public-division ul{display:grid;gap:10px;margin:24px 0;padding:0;list-style:none}.public-division li{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e5ddd4}.public-division li span{color:#5f6570}.public-division .button{margin-top:22px}@media(max-width:760px){.public-division-grid{grid-template-columns:1fr}.public-division{padding:25px 21px}.public-division li{align-items:flex-start;flex-direction:column}}

/* GradeMitra co-brand home */
:root{--gm-burgundy:#a9143a;--gm-burgundy-dark:#86102f;--gm-navy:#18263b;--gm-blush:#fff5f2}
.topbar .shell{display:flex;justify-content:space-between;gap:18px}.topbar-right{display:flex;align-items:center;gap:24px}.topbar-phone{display:inline-flex!important;align-items:center;gap:6px}.topbar-phone svg{width:14px;height:14px;fill:currentColor}.cobrand{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;padding-left:18px;margin-left:4px;border-left:1px solid #e5d9d8;line-height:1}.cobrand>span{grid-row:1/3;color:#6c7078;font-weight:700;margin-right:8px}.cobrand strong{font:800 25px/1 'Plus Jakarta Sans',sans-serif;color:var(--gm-navy);letter-spacing:-1px}.cobrand strong span{color:var(--gm-burgundy)}.cobrand small{font-size:7px;font-weight:800;color:#59606c;letter-spacing:.03em;text-align:center;margin-top:4px}.portal{display:inline-flex!important;align-items:center;gap:7px}.portal-icon{width:17px;height:17px;fill:currentColor}
.page-home.type-hero{background:radial-gradient(circle at 42% 5%,rgba(231,195,159,.22),transparent 32%),linear-gradient(110deg,#fff 0,#fff9f6 70%,#fff 100%);padding-block:38px 0}.page-home.type-hero .section-shell{min-height:500px}.page-home.type-hero .section-title{line-height:.98;letter-spacing:-.06em}.page-home.type-hero .section-title::first-line{color:var(--gm-navy)}.page-home.type-hero .section-body{max-width:680px}.page-home.type-hero .section-actions .button:first-child{background:linear-gradient(135deg,#b10d3c,#8e1537)}
.gm-wide{width:min(1480px,calc(100% - 64px));margin-inline:auto}.gm-family{padding:16px 0 12px;background:#fff}.gm-family header{text-align:center;margin-bottom:22px}.gm-family header span{font-size:11px;font-weight:800;letter-spacing:.18em;color:#8d243f}.gm-family header h2{font:800 clamp(31px,3vw,43px)/1 'Plus Jakarta Sans',sans-serif;color:var(--gm-navy);margin:4px 0}.gm-family header h2::first-letter{color:var(--gm-navy)}.gm-family header p{margin:7px 0;color:#697386;font-size:16px}.gm-family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gm-family-grid article{display:grid;grid-template-columns:82px 1fr;gap:18px;align-items:center;min-height:155px;border:1px solid #edd2d6;border-radius:14px;padding:23px 28px;background:#fff;transition:transform .25s,box-shadow .25s}.gm-family-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(89,24,45,.09)}.gm-family-icon{width:66px;height:66px;display:grid;place-items:center;color:#b01943}.gm-family-icon svg{width:62px;height:62px;fill:currentColor}.gm-family-grid h3{font:800 17px/1.2 'Plus Jakarta Sans';color:#a11238;margin:0 0 8px}.gm-family-grid b{display:block;font-size:14px;color:#17243a;margin-bottom:6px}.gm-family-grid p{font-size:12px;color:#7a8290;margin:0 0 12px}.gm-family-grid a{display:inline-flex;background:#fff0ee;border-radius:9px;padding:9px 14px;color:#aa173e;font-size:12px;font-weight:800;text-decoration:none}.gm-trust{background:#fffaf7;border-top:1px solid #f1dfdc;border-bottom:1px solid #f1dfdc;overflow:hidden}.gm-trust-track{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;min-height:72px}.gm-trust-item{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 12px;white-space:nowrap}.gm-trust-item span{width:24px;height:24px;color:#aa173e}.gm-trust-item svg{width:24px;height:24px;fill:currentColor}.gm-trust-item b{font-size:12px;color:#17243a}.gm-trust-item i{position:absolute;bottom:7px;width:34px;height:2px;border-radius:2px;background:#b01741;transform:scaleX(0);transition:transform .3s}.gm-trust-item:hover i{transform:scaleX(1)}
@media (prefers-reduced-motion:no-preference){.gm-trust-item{animation:gmTrustIn .55s both}.gm-trust-item:nth-child(2){animation-delay:.08s}.gm-trust-item:nth-child(3){animation-delay:.16s}.gm-trust-item:nth-child(4){animation-delay:.24s}.gm-trust-item:nth-child(5){animation-delay:.32s}.gm-trust-item:nth-child(6){animation-delay:.4s}.gm-trust-item span{animation:gmIconFloat 3s ease-in-out infinite}.gm-trust-item:nth-child(even) span{animation-delay:.5s}@keyframes gmTrustIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes gmIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}}
@media(max-width:1180px){.cobrand{margin-right:auto}.gm-wide{width:min(100% - 36px,1100px)}.gm-family-grid{grid-template-columns:1fr 1fr}.gm-family-grid article:last-child{grid-column:1/-1}.gm-trust-track{grid-template-columns:repeat(3,1fr)}.gm-trust-item{border-bottom:1px solid #f2e4e2}.topbar-right{gap:12px}}
@media(max-width:760px){.topbar .shell{font-size:10px}.topbar-right>a:not(.topbar-phone){display:none}.topbar-phone{font-size:10px!important}.cobrand{padding-left:10px;margin-left:0}.cobrand strong{font-size:17px}.cobrand small{font-size:5px}.brand>span:last-child{font-size:16px}.page-home.type-hero{padding-top:22px}.page-home.type-hero .section-shell{min-height:auto}.gm-wide{width:calc(100% - 24px)}.gm-family{padding-top:24px}.gm-family-grid{grid-template-columns:1fr}.gm-family-grid article:last-child{grid-column:auto}.gm-family-grid article{grid-template-columns:58px 1fr;padding:18px 16px;min-height:130px}.gm-family-icon,.gm-family-icon svg{width:50px;height:50px}.gm-trust-track{display:flex;overflow:hidden;width:max-content;min-width:100%;animation:gmTrustMarquee 24s linear infinite}.gm-trust-item{min-width:190px;border:0}.gm-trust:hover .gm-trust-track{animation-play-state:paused}@keyframes gmTrustMarquee{0%{transform:translateX(0)}100%{transform:translateX(-35%)}}}
@media(max-width:430px){.cobrand>span{display:none}.cobrand{grid-template-columns:1fr;padding-left:7px}.cobrand strong{font-size:15px}.brand small{display:none}.topbar-phone{max-width:130px}.gm-family header p{font-size:13px}.gm-family-grid h3{font-size:14px}.gm-family-grid b{font-size:12px}}
.hero-feature>span{display:grid;gap:2px}.hero-feature strong{font-size:12px;color:#17243a}.hero-feature small{font-size:9px;color:#7a8290;font-weight:500}.hero-feature-tests{left:-5%;bottom:28%}.hero-feature-mentor{right:-8%;bottom:10%}


/* GradeMitra responsive hardening — 2026-09-29 */
html,body{max-width:100%;overflow-x:clip}
.header .nav-shell{width:min(96vw,1480px);max-width:calc(100vw - 24px);gap:clamp(12px,1.35vw,26px)}
.header .brand{flex:0 1 auto;min-width:0;font-size:clamp(18px,1.35vw,24px)}
.header .brand-mark{flex:0 0 auto}
.header .cobrand{flex:0 0 auto}
.desktop-nav{min-width:0;gap:clamp(12px,1.25vw,25px)}
.desktop-nav>a,.desktop-nav .nav-menu>button{white-space:nowrap;font-size:clamp(13px,.92vw,16px)}
.desktop-nav .cta{flex:0 0 auto;padding-inline:clamp(16px,1.4vw,25px)}
.gm-family{opacity:1!important;filter:none!important;transform:none!important}
.gm-family-grid{filter:none!important}
.gm-family-grid article{opacity:1;filter:none}

/* Use the mobile/tablet menu before the desktop navigation can overflow. */
@media(max-width:1360px){
  .desktop-nav{display:none!important}
  .nav-toggle{display:block;margin-left:auto}
  .cobrand{margin-right:auto}
  .mobile-nav{position:fixed;left:0;right:0;top:var(--mobile-nav-top,120px);z-index:121;display:grid;align-content:start;max-height:calc(100dvh - var(--mobile-nav-top,120px));padding:14px max(18px,5vw) 28px;overflow-y:auto;background:#fff;border-top:1px solid #e8e1da;box-shadow:0 24px 50px rgba(32,41,57,.18);visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s}
  .mobile-nav.open{visibility:visible;opacity:1;transform:none;pointer-events:auto}
  .nav-backdrop{position:fixed;inset:var(--mobile-nav-top,120px) 0 0;z-index:120;display:block;border:0;background:rgba(15,24,38,.42);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s}
  .nav-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
}
@media(min-width:1361px){.nav-toggle{display:none!important}.mobile-nav,.nav-backdrop{display:none!important}}

/* Tablet */
@media(min-width:761px) and (max-width:1360px){
  .header .nav-shell{min-height:82px}
  .header .brand{font-size:20px}.header .brand small{font-size:9px}
  .cobrand strong{font-size:21px}
  .page-home.type-hero .section-shell{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:28px}
  .page-home.type-hero .section-title{font-size:clamp(50px,5.4vw,68px)}
  .page-home.type-hero .section-media,.page-home.type-hero .section-media img{height:auto;min-height:440px;max-height:500px}
}

/* Phones: compact co-brand header and a complete, non-overlapping hero. */
@media(max-width:760px){
  .topbar .shell{width:calc(100% - 20px);min-height:31px;justify-content:space-between;gap:8px}
  .topbar .shell>span{display:none}
  .topbar-right{width:100%;justify-content:flex-start;gap:8px}
  .topbar-phone{max-width:none!important;font-size:10px!important}
  .header .nav-shell{width:calc(100% - 20px);max-width:none;min-height:72px;gap:8px}
  .header .brand{gap:7px;font-size:14px;line-height:1.05}
  .header .brand-mark{width:38px;height:38px}.header .brand-mark svg{width:27px}
  .header .brand small{display:none}
  .cobrand{margin:0 auto 0 2px;padding-left:8px;grid-template-columns:auto auto;min-width:0}
  .cobrand>span{display:none}.cobrand strong{font-size:15px;letter-spacing:-.6px}.cobrand small{font-size:5px;white-space:nowrap}
  .nav-toggle{flex:0 0 42px;width:42px;height:42px;margin-left:0;padding:8px}
  .page-home.type-hero{padding:20px 0 0;overflow:hidden}
  .page-home.type-hero .section-shell{display:flex;flex-direction:column;gap:20px;width:calc(100% - 24px);min-height:0}
  .page-home.type-hero .section-copy{width:100%}
  .page-home.type-hero .eyebrow{font-size:9px;white-space:normal}
  .page-home.type-hero .section-title{margin-top:14px;font-size:clamp(39px,11.8vw,54px);line-height:.96;letter-spacing:-.055em}
  .page-home.type-hero .section-body{font-size:15px;line-height:1.55}
  .page-home.type-hero .section-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}
  .page-home.type-hero .section-actions .button{width:100%;min-height:48px}
  .page-home.type-hero .section-media{order:2;width:100%;min-height:350px;height:350px;margin:0;overflow:visible}
  .page-home.type-hero .section-media img{height:350px;max-width:100%;object-fit:contain;object-position:center bottom}
  .page-home.type-hero .section-media:after{inset:9% 7% 2%}
  .hero-art-ring{inset:15% 14% 5%;border-width:8px}
  .hero-feature{padding:8px 9px;font-size:10px;gap:6px}.hero-feature b{width:23px;height:23px}.hero-feature strong{font-size:10px}.hero-feature small{font-size:7px}
  .hero-feature-tests{left:0;bottom:4%}.hero-feature-mentor{right:0;bottom:4%}
  .gm-family{padding-top:28px}.gm-family header{margin-bottom:17px}.gm-family header h2{font-size:30px}.gm-family header p{font-size:13px}
  .gm-family-grid{gap:11px}.gm-family-grid article{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:15px 14px;min-height:112px}.gm-family-icon,.gm-family-icon svg{width:43px;height:43px}
  .gm-trust{overflow:hidden}.gm-trust-track{will-change:transform}
  .floating-contact{right:10px;bottom:10px;gap:7px}.floating-contact>a,.floating-contact>button{width:43px;height:43px}.floating-contact img,.floating-contact svg{width:23px;height:23px}
}
@media(max-width:380px){
  .header .brand{font-size:13px}.header .brand-mark{width:34px;height:34px}.cobrand strong{font-size:13px}.cobrand small{font-size:4.5px}.nav-toggle{width:39px;height:39px}
  .page-home.type-hero .section-title{font-size:38px}.page-home.type-hero .section-media,.page-home.type-hero .section-media img{height:320px;min-height:320px}
  .hero-feature strong{font-size:9px}.hero-feature small{display:none}
}
/* GradeMitra admin-wired hero refinements */
.hero-feature b svg{width:18px;height:18px;display:block;fill:currentColor}.hero-right-text{position:absolute;right:-5.5rem;top:10%;width:9rem;color:#a40f35;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:700;font-size:clamp(1.25rem,2vw,2rem);line-height:1.05;transform:rotate(-4deg);white-space:pre-line}.top-social{display:flex;align-items:center;gap:.65rem}.top-social a{display:grid;place-items:center;color:inherit}.top-social svg{width:15px;height:15px;fill:currentColor}.umbrella-name{color:#17243a}.cobrand .umbrella-name::first-letter{color:#17243a}
@media(max-width:1360px){.top-social{display:none}}
@media(max-width:760px){.hero-right-text{display:none}}
/* v5 mobile co-brand polish */
@media(max-width:760px){
  .cobrand{display:flex;align-items:center;gap:5px;border-left:1px solid #eadfda;padding-left:8px}
  .cobrand:before{content:"by";font-size:10px;color:#7b7f88;font-weight:700}
  .cobrand strong{font-size:15px;line-height:1;white-space:nowrap}
  .cobrand small{display:none!important}
  .header .brand>span:last-child{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:390px){.header .brand>span:last-child{max-width:105px}.cobrand strong{font-size:13px}.cobrand:before{font-size:9px}}

/* v7 unified GradeMitra co-brand */
.umbrella-wordmark{display:inline-flex;align-items:baseline;white-space:nowrap;font:inherit;letter-spacing:inherit}
.umbrella-base{color:#17243a!important}.umbrella-accent{color:#b01943!important}
.cobrand{display:grid!important;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:end;justify-content:start;padding-left:18px;border-left:1px solid #eadfe1;min-width:max-content}
.cobrand>span{grid-row:1;grid-column:1;color:#6b7280;font-size:14px;font-weight:600;align-self:center}
.cobrand .umbrella-name{grid-row:1;grid-column:2;display:block;color:#17243a;font-weight:800;font-size:25px;line-height:.9;letter-spacing:-.04em}
.cobrand small{grid-row:2;grid-column:2;display:block!important;margin-top:4px;color:#4b5563;font-size:6px!important;font-weight:800;letter-spacing:.06em;line-height:1;text-transform:uppercase;white-space:nowrap}
.gm-family header h2 .umbrella-base{color:#17243a!important}.gm-family header h2 .umbrella-accent{color:#b01943!important}
@media(max-width:1360px){.nav-shell{gap:14px}.brand{flex:0 1 auto}.cobrand{margin-right:auto}.desktop-nav{display:none!important}.nav-toggle{display:grid!important}}
@media(max-width:700px){
 .header .shell.nav-shell{display:grid!important;grid-template-columns:minmax(0,1fr) auto 42px;gap:8px!important;align-items:center;padding:8px 10px!important;min-height:66px}
 .brand{min-width:0;gap:8px!important}.brand-mark{width:34px!important;height:34px!important;flex:0 0 34px}.brand>span:last-child{font-size:15px!important;line-height:1.05;white-space:nowrap}.brand>span:last-child small{font-size:7px!important;letter-spacing:.07em;margin-top:3px;white-space:nowrap}
 .cobrand{margin:0!important;padding-left:10px!important;border-left:1px solid #eadfe1;display:grid!important;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:4px!important;justify-self:center;align-self:center}
 .cobrand>span{font-size:8px!important;line-height:1}.cobrand .umbrella-name{font-size:15px!important;line-height:.9;letter-spacing:-.045em}.cobrand small{display:block!important;font-size:4.5px!important;letter-spacing:.035em;margin-top:3px!important}
 .nav-toggle{width:40px!important;height:40px!important;justify-self:end}
}
@media(max-width:390px){.header .shell.nav-shell{grid-template-columns:minmax(0,1fr) auto 40px;gap:5px!important}.brand>span:last-child{font-size:14px!important}.brand>span:last-child small{font-size:6px!important}.cobrand{padding-left:7px!important}.cobrand>span{display:none}.cobrand .umbrella-name{grid-column:1/3;font-size:14px!important}.cobrand small{grid-column:1/3;font-size:4px!important}}
@media(max-width:350px){.brand>span:last-child small{display:none}.cobrand .umbrella-name{font-size:13px!important}.cobrand small{font-size:3.7px!important}}

/* v8: GradeMitra brand tagline legibility across desktop/mobile */
.cobrand small{font-size:10px!important;font-weight:800!important;letter-spacing:.065em!important;line-height:1.05!important;margin-top:3px!important;color:#26354d!important}
@media(max-width:760px){.cobrand small{display:block!important;font-size:8.5px!important;letter-spacing:.045em!important;line-height:1!important;margin-top:3px!important}}
@media(max-width:390px){.cobrand small{display:block!important;font-size:8px!important;letter-spacing:.025em!important}}
@media(max-width:350px){.cobrand small{display:block!important;font-size:7.5px!important;letter-spacing:.015em!important}}
.gm-family-icon .gm-family-logo{display:block;width:100%;height:100%;max-width:72px;max-height:72px;object-fit:contain;object-position:center}
@media(max-width:760px){.gm-family-icon .gm-family-logo{max-width:52px;max-height:52px}}
/* v10 centralized logo assets */
.brand-mark-image{overflow:hidden}.brand-mark-image img{width:100%;height:100%;object-fit:contain}.umbrella-logo{display:flex!important;align-items:center}.umbrella-logo img{display:block;max-width:132px;max-height:28px;object-fit:contain}@media(max-width:768px){.umbrella-logo img{max-width:82px;max-height:22px}}

/* v11: proper mobile/tablet navigation drawer */
@media(max-width:1360px){
  .mobile-nav{top:0!important;left:auto!important;right:0!important;width:min(420px,92vw)!important;height:100dvh!important;max-height:none!important;padding:0 18px 28px!important;display:block!important;background:#fff!important;border:0!important;box-shadow:-18px 0 50px rgba(15,24,38,.20)!important;visibility:hidden!important;opacity:0!important;transform:translateX(104%)!important;pointer-events:none!important;transition:transform .25s ease,opacity .2s ease,visibility .25s!important;overflow-y:auto!important;overscroll-behavior:contain}
  .mobile-nav.open{visibility:visible!important;opacity:1!important;transform:translateX(0)!important;pointer-events:auto!important}
  .nav-backdrop{inset:0!important;z-index:120!important;background:rgba(15,24,38,.46)!important;backdrop-filter:blur(1px)}
  .nav-backdrop.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .mobile-drawer-head{position:sticky;top:0;z-index:2;min-height:76px;margin:0 -18px 8px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid #eee7e0}
  .mobile-drawer-brand{min-width:0;display:flex;align-items:center;gap:9px;color:#17243a;font-weight:800}
  .mobile-drawer-lotus{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
  .mobile-drawer-divider{width:1px;height:34px;background:#e8d9dc}
  .mobile-drawer-gm{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:4px;min-width:0}
  .mobile-drawer-by{font-size:10px;color:#697386;font-weight:600}
  .mobile-drawer-gm .umbrella-name{font-size:16px;line-height:1;white-space:nowrap}
  .mobile-drawer-gm small{grid-column:1/-1;margin-top:3px;font-size:8px!important;line-height:1;font-weight:750;letter-spacing:.055em;color:#26354d;white-space:nowrap}
  .mobile-drawer-close{flex:0 0 40px;width:40px;height:40px;position:relative;border:1px solid #eadfe0;border-radius:11px;background:#fff;cursor:pointer}
  .mobile-drawer-close span{position:absolute;left:10px;top:19px;width:20px;height:2px;background:#26354d;border-radius:2px}
  .mobile-drawer-close span:first-child{transform:rotate(45deg)}.mobile-drawer-close span:last-child{transform:rotate(-45deg)}
  .mobile-nav>a{min-height:50px!important;padding:0 8px!important;font-size:16px!important;font-weight:700!important}
  .mobile-nav-group summary{min-height:50px!important;padding:0 8px!important;font-size:16px!important}
  .mobile-nav-group a{min-height:44px!important;padding-left:20px!important;font-size:15px!important}
  .mobile-nav .portal{gap:9px;color:#8b4050!important}.mobile-nav .portal-icon{width:18px;height:18px;fill:currentColor}
  .mobile-nav .cta{min-height:48px!important;margin-top:14px!important;border-radius:999px!important;justify-content:center!important;background:#9d4355!important;color:#fff!important}
  body.menu-open .floating-contact{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
}
@media(max-width:480px){
  .mobile-nav{width:92vw!important;max-width:390px!important}
  .mobile-drawer-head{min-height:70px}
  .mobile-drawer-lotus{max-width:120px;font-size:14px}
  .mobile-drawer-gm .umbrella-name{font-size:15px}
}


/* v13: compact, non-truncating phone co-brand header */
@media(max-width:700px){
  .header .shell.nav-shell{width:100%!important;max-width:none!important;grid-template-columns:minmax(0,1fr) auto 40px!important;gap:6px!important;padding:7px 8px!important;min-height:64px!important}
  .header .brand{min-width:0!important;gap:6px!important;overflow:visible!important}
  .header .brand-mark{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:9px!important}
  .header .brand-mark svg{width:22px!important}.header .brand-mark-image img{width:100%!important;height:100%!important}
  .header .brand>span:last-child{display:block!important;min-width:0!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:13px!important;letter-spacing:-.02em!important}
  .header .brand>span:last-child small{display:none!important}
  .header .cobrand{min-width:76px!important;margin:0!important;padding-left:6px!important;column-gap:3px!important;justify-self:end!important}
  .header .cobrand>span{display:block!important;font-size:7px!important}
  .header .cobrand .umbrella-name{font-size:13px!important;letter-spacing:-.045em!important}
  .header .cobrand small{font-size:6.8px!important;letter-spacing:.015em!important;margin-top:2px!important}
  .header .nav-toggle{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:40px!important;height:40px!important;margin:0!important;padding:8px!important;border-radius:10px!important}
  .header .nav-toggle i{width:20px!important;height:2px!important;margin:0!important;flex:0 0 2px!important}
  .header .nav-toggle.open i:first-child{transform:translateY(6px) rotate(45deg)!important}.header .nav-toggle.open i:last-child{transform:translateY(-6px) rotate(-45deg)!important}
}
@media(max-width:360px){
  .header .shell.nav-shell{grid-template-columns:minmax(0,1fr) 72px 38px!important;gap:4px!important;padding-inline:6px!important}
  .header .brand-mark{width:28px!important;height:28px!important;flex-basis:28px!important}.header .brand>span:last-child{font-size:12.5px!important}
  .header .cobrand{min-width:72px!important;padding-left:5px!important}.header .cobrand>span{display:none!important}.header .cobrand .umbrella-name{grid-column:1/3!important;font-size:12.5px!important}.header .cobrand small{grid-column:1/3!important;font-size:6.2px!important}
  .header .nav-toggle{width:38px!important;height:38px!important}
}
/* v20 unified co-brand header: one 'by', safe divider, responsive identity */
.cobrand:before{content:none!important}.cobrand>span{display:block!important}.header .brand>span:last-child{overflow:visible!important;text-overflow:clip!important;max-width:none!important}.header .brand small{white-space:nowrap}.nav-shell{column-gap:16px}.cobrand{padding-left:16px!important;margin-left:0!important;border-left:1px solid #e4d8dc!important}.cobrand small{font-size:8px!important;letter-spacing:.055em!important}.main-nav{gap:20px!important}.main-nav>a,.nav-menu>button{font-size:14px!important;white-space:nowrap}
@media(max-width:1360px){.desktop-nav{display:none!important}.nav-toggle{display:grid!important}}
@media(max-width:700px){.header .shell.nav-shell{grid-template-columns:minmax(0,1fr) minmax(112px,auto) 42px!important}.header .brand>span:last-child{font-size:14px!important}.header .brand>span:last-child small{display:none!important}.cobrand{grid-template-columns:16px auto!important;column-gap:3px!important;padding-left:7px!important}.cobrand>span{font-size:8px!important;grid-column:1!important}.cobrand .umbrella-name{grid-column:2!important;font-size:14px!important}.cobrand small{grid-column:2!important;font-size:7px!important;letter-spacing:.025em!important}.nav-toggle{margin-left:0!important}}
@media(max-width:380px){.header .shell.nav-shell{grid-template-columns:minmax(0,1fr) 112px 40px!important;gap:4px!important}.header .brand{gap:5px!important}.header .brand-mark{width:30px!important;height:30px!important;flex-basis:30px!important}.header .brand>span:last-child{font-size:13px!important}.cobrand{padding-left:5px!important}.cobrand .umbrella-name{font-size:13px!important}.cobrand small{font-size:6.5px!important}}