:root{--navy:#0b1736;--navy-2:#162450;--blue:#2f5bff;--blue-2:#173fd3;--sky:#e9f0ff;--cream:#f7f8fc;--text:#172033;--muted:#667085;--line:#e5e9f2;--white:#fff;--gold:#f4b740;--green:#20b486;--purple:#7c5cff;--radius:24px;--shadow:0 20px 60px rgba(16,34,82,.10);--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font-family:"Vazirmatn",Tahoma,Arial,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}.narrow{max-width:820px}.skip-link{position:absolute;inset-inline-start:-9999px}.skip-link:focus{inset-inline-start:16px;top:16px;z-index:9999;background:#fff;padding:8px 14px;border-radius:10px}.announcement{background:var(--navy);color:#fff;font-size:13px}.announcement__inner{display:flex;justify-content:center;gap:12px;padding:7px 0}.announcement a{color:#9db7ff;font-weight:800}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.25s}.site-header.is-scrolled{border-color:var(--line);box-shadow:0 8px 24px rgba(15,30,75,.05)}.site-header__inner{height:78px;display:flex;align-items:center;gap:28px}.brand{margin-inline-end:auto}.brand__text{font-size:26px;font-weight:900;color:var(--navy)}.custom-logo{max-height:52px;width:auto}.desktop-nav .menu{display:flex;gap:26px;list-style:none;margin:0;padding:0}.desktop-nav a{font-size:14px;font-weight:700;color:#344054}.desktop-nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:10px}.icon-link{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:800}.menu-toggle{display:none;width:42px;height:42px;border:0;border-radius:12px;background:var(--cream);padding:10px}.menu-toggle span{display:block;height:2px;background:var(--navy);margin:5px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:14px;font-weight:900;border:1px solid transparent;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn--sm{min-height:42px;padding:0 16px}.btn--lg{min-height:54px;padding:0 26px}.btn--primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(47,91,255,.22)}.btn--primary:hover{background:var(--blue-2)}.btn--secondary{background:var(--sky);color:var(--blue)}.btn--ghost{background:#fff;color:var(--navy);border-color:#dbe1ed}.btn--light{background:#fff;color:var(--navy)}.btn--outline-light{border-color:rgba(255,255,255,.42);color:#fff}.btn--block{width:100%}.text-link{font-weight:900;color:var(--blue)}.eyebrow{display:inline-block;margin-bottom:8px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.eyebrow--light{color:#b9c9ff}.pill{display:inline-flex;background:#edf2ff;color:var(--blue);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8faff 0,#fff 100%);padding:76px 0 84px}.hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.hero h1,.subhero h1,.course-hero h1{margin:0;color:var(--navy);font-size:clamp(40px,5vw,68px);line-height:1.22;letter-spacing:-1.8px}.hero h1 span{color:var(--blue)}.hero__content>p{max-width:680px;font-size:18px;color:var(--muted);margin:22px 0}.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero__micro{margin-top:18px;color:#8a94a6;font-size:12px}.hero__visual{position:relative;height:470px}.visual-card{position:absolute;border-radius:32px;box-shadow:var(--shadow)}.visual-card--main{inset:22px 24px 42px 40px;background:linear-gradient(145deg,var(--navy),#213a84);color:#fff;padding:46px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.visual-card--main:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#5177ff 0,transparent 67%);opacity:.9;left:-70px;bottom:-100px}.visual-kicker{font-size:12px;color:#aebfff;font-weight:900;letter-spacing:2px}.visual-card--main strong{font-size:34px;line-height:1.45;margin-top:18px;z-index:1}.visual-orbs{display:flex;gap:8px;margin-top:26px}.visual-orbs i{width:12px;height:12px;border-radius:50%;background:#fff}.visual-orbs i:nth-child(2){background:var(--gold)}.visual-orbs i:nth-child(3){background:#53d3ae}.visual-card--mini{width:118px;height:118px;display:grid;place-items:center;font-weight:900}.visual-card--kids{top:0;right:0;background:#fff3be;transform:rotate(7deg)}.visual-card--teens{bottom:12px;right:10px;background:#dfe7ff;transform:rotate(-6deg)}.visual-card--adults{bottom:2px;left:0;background:#ddf7ef;transform:rotate(5deg)}.hero__decor{position:absolute;z-index:0;font-size:120px;font-weight:1000;color:#edf1fb;pointer-events:none;user-select:none}.hero__decor--2{left:-20px;bottom:-25px;transform:rotate(7deg)}.trust-strip{border-block:1px solid var(--line);background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.trust-grid span{padding:20px 18px;text-align:center;font-size:13px;font-weight:800;border-inline-start:1px solid var(--line)}.trust-grid span:last-child{border:0}.section{padding:92px 0}.section--soft{background:var(--cream)}.section-head{text-align:center;margin-bottom:42px}.section-head--row{text-align:start;display:flex;justify-content:space-between;align-items:end;gap:20px}.section-head h2,.placement-banner h2,.panel-cta h2,.final-cta h2,.course-content h2{font-size:clamp(28px,3.2vw,44px);line-height:1.35;color:var(--navy);margin:0}.section-head p{color:var(--muted);max-width:650px;margin:12px auto 0}.audience-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.audience-card{position:relative;min-height:300px;border:1px solid var(--line);border-radius:28px;padding:28px;display:flex;flex-direction:column;overflow:hidden;transition:.25s}.audience-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.audience-card__icon{font-size:44px}.audience-card h3{font-size:24px;color:var(--navy);margin:24px 0 6px}.audience-card p{font-size:14px;color:var(--muted);margin:0}.audience-card span{margin-top:auto;font-size:13px;font-weight:900;color:var(--blue)}.audience-card:after{content:"";position:absolute;left:-45px;bottom:-45px;width:150px;height:150px;border-radius:50%;opacity:.55}.audience-card--kids:after{background:#ffe287}.audience-card--children:after{background:#8be4d0}.audience-card--young-learners:after{background:#ffd6ea}.audience-card--teens:after{background:#a8b8ff}.audience-card--adults:after{background:#d3c4ff}.placement-banner{background:linear-gradient(135deg,var(--navy),#1c3380);color:#fff;padding:76px 0}.placement-banner__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}.placement-banner h2{color:#fff}.placement-banner p{color:#ced8f7;font-size:16px}.steps-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px}.steps-mini div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:18px;border-radius:20px;display:flex;align-items:center;gap:12px}.steps-mini b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;color:var(--navy)}.steps-mini span{font-size:13px;font-weight:800}.series-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.series-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;transition:.25s}.series-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.series-card__cover{height:165px;border-radius:18px;background:linear-gradient(145deg,#eaf0ff,#f7f9ff);display:grid;place-items:center;margin-bottom:16px}.series-card__cover span{width:82px;height:108px;display:grid;place-items:center;border-radius:8px 14px 14px 8px;background:linear-gradient(160deg,var(--blue),var(--navy));color:#fff;font-size:38px;font-weight:900;box-shadow:14px 12px 25px rgba(21,50,120,.18)}.series-card small{color:var(--muted)}.series-card h3{margin:2px 0;font-size:20px;color:var(--navy)}.series-card p{margin:0;color:var(--muted);font-size:13px}.card-arrow{display:block;margin-top:14px;color:var(--blue);font-size:13px;font-weight:900}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid article{padding:26px;border-radius:22px;border:1px solid var(--line);background:#fff}.feature-grid i{font-style:normal;color:var(--blue);font-weight:900}.feature-grid h3{color:var(--navy);margin:12px 0 5px}.feature-grid p{color:var(--muted);font-size:14px;margin:0}.panel-cta{padding:42px 0;background:#f4f6fb;border-block:1px solid var(--line)}.panel-cta__grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:26px}.panel-cta p{margin:7px 0 0;color:var(--muted)}.panel-cta__actions{display:flex;gap:10px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list summary{cursor:pointer;font-weight:900;color:var(--navy)}.faq-list p{color:var(--muted);margin-bottom:0}.final-cta{background:linear-gradient(135deg,#294fda,#172f7a);color:#fff;padding:60px 0}.final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{color:#fff}.final-cta p{color:#d9e1ff}.final-cta .container>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.site-footer{background:#081127;color:#d4dbef;padding:64px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-brand{color:#fff;font-size:28px;font-weight:900}.footer-grid h3{color:#fff;margin-top:0}.footer-grid a{display:block;margin:8px 0;font-size:13px;color:#aeb8d2}.footer-grid p{color:#9da8c2;max-width:360px;font-size:14px}.footer-bottom{margin-top:40px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:12px;color:#7985a2}.footer-bottom a{color:#c8d4f3;font-weight:800;transition:color .2s ease}.footer-bottom a:hover{color:#fff}.mobile-menu{position:fixed;inset:0;z-index:999;background:rgba(4,10,25,.55);opacity:0;visibility:hidden;transition:.2s}.mobile-menu.is-open{opacity:1;visibility:visible}.mobile-menu__panel{position:absolute;top:0;bottom:0;right:0;width:min(88%,380px);background:#fff;padding:20px;transform:translateX(100%);transition:.25s;overflow:auto}.mobile-menu.is-open .mobile-menu__panel{transform:translateX(0)}.mobile-menu__top{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.menu-close{border:0;background:var(--cream);width:40px;height:40px;border-radius:12px;font-size:26px}.mobile-nav .menu{list-style:none;padding:12px 0;margin:0}.mobile-nav li{border-bottom:1px solid #eef1f5}.mobile-nav a{display:block;padding:14px 4px;font-weight:800}.mobile-menu__actions{display:grid;gap:10px;margin-top:18px}.mobile-menu__actions .text-link{text-align:center;padding:10px}.subhero{background:linear-gradient(180deg,#f8faff,#fff);padding:72px 0}.subhero__grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.subhero p{max-width:720px;color:var(--muted);font-size:17px}.placement-visual{display:grid;place-items:center;min-height:340px}.radar{width:280px;height:280px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#fff 0 18%,#e8edff 19% 35%,#f4f6ff 36% 52%,#fff 53%);border:1px solid #e1e7ff}.radar span{font-weight:900;color:var(--blue);z-index:2}.radar i{position:absolute;border-radius:50%;background:var(--blue)}.radar i:nth-of-type(1){width:20px;height:20px;top:44px;right:74px}.radar i:nth-of-type(2){width:14px;height:14px;bottom:74px;left:56px}.radar i:nth-of-type(3){width:10px;height:10px;bottom:45px;right:72px}.process{list-style:none;padding:0;margin:0;display:grid;gap:14px;counter-reset:none}.process li{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.process b{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--sky);color:var(--blue)}.process h3{margin:0;color:var(--navy)}.process p{margin:4px 0 0;color:var(--muted)}.learning-paths{display:grid;gap:34px}.path-block{border:1px solid var(--line);border-radius:28px;padding:28px}.path-block__head{display:flex;justify-content:space-between;align-items:center}.path-block__head h2{margin:0;color:var(--navy)}.path-block__head a{color:var(--blue);font-weight:900}.path-series{margin-top:22px}.path-series h3{margin:0 0 10px}.path-levels{display:flex;gap:10px;overflow:auto;padding-bottom:6px}.path-levels a{min-width:180px;background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:15px}.path-levels small{display:block;color:var(--blue);font-weight:900}.path-levels strong{display:block;margin-top:5px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;transition:.25s}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.course-card__thumb{height:220px;background:linear-gradient(145deg,#eef3ff,#fafbff);display:grid;place-items:center;overflow:hidden}.course-card__thumb img{width:100%;height:100%;object-fit:cover}.course-card__thumb span{width:92px;height:125px;border-radius:10px 16px 16px 10px;background:linear-gradient(150deg,var(--blue),var(--navy));display:grid;place-items:center;color:#fff;font-size:44px;font-weight:900;box-shadow:12px 16px 28px rgba(20,42,98,.18)}.course-card__body{padding:20px}.course-card__meta{display:flex;gap:7px;flex-wrap:wrap}.course-card__meta span{font-size:11px;background:var(--cream);padding:5px 8px;border-radius:999px;color:var(--muted)}.course-card h2{font-size:20px;margin:12px 0 2px;color:var(--navy)}.course-card p{margin:0;color:var(--muted);font-size:13px}.course-card__foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:12px}.course-card__foot b{color:var(--blue)}.course-hero{background:linear-gradient(180deg,#f8faff,#fff);padding:58px 0 64px}.course-hero__grid{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:58px}.course-hero h1{font-size:clamp(36px,5vw,58px);margin-top:10px}.course-en{font-size:18px;color:var(--blue);font-weight:900}.breadcrumbs{display:flex;gap:8px;color:#8b95a7;font-size:12px;margin-bottom:14px}.book-stage{min-height:420px;display:grid;place-items:center}.book-stage>img{max-height:390px;width:auto;filter:drop-shadow(0 28px 22px rgba(16,34,82,.16))}.book-placeholder{width:245px;height:330px;border-radius:18px 28px 28px 18px;background:linear-gradient(155deg,var(--blue),var(--navy));box-shadow:22px 26px 45px rgba(18,39,94,.24);padding:30px;color:#fff;display:flex;flex-direction:column}.book-placeholder small{color:#b8c7ff}.book-placeholder strong{font-size:30px;line-height:1.4;margin-top:20px}.book-placeholder span{margin-top:auto;color:#aebfff}.course-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}.course-content section{padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid var(--line)}.course-content p{color:#596477}.skill-chips{display:flex;flex-wrap:wrap;gap:10px}.skill-chips span{background:var(--sky);color:var(--blue);font-weight:800;padding:8px 12px;border-radius:999px;font-size:12px}.course-placement-note{background:#f4f7ff;border:1px solid #dbe4ff!important;border-radius:24px;padding:24px!important}.sticky-card{position:sticky;top:104px;border:1px solid var(--line);border-radius:22px;padding:22px;background:#fff;box-shadow:0 16px 40px rgba(14,32,76,.06)}.sticky-card h3{margin-top:0;color:var(--navy)}.sticky-card dl{margin:0 0 16px}.sticky-card dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.sticky-card dt{color:var(--muted)}.sticky-card dd{font-weight:900;margin:0}.sticky-card .btn{margin-top:8px}.mobile-bottom-cta{display:none}.prose,.posts-list{font-size:16px}.posts-list article{padding:22px 0;border-bottom:1px solid var(--line)}.posts-list h2{color:var(--navy)}.error-page{text-align:center;min-height:60vh;display:grid;place-items:center}.error-page .hero__actions{justify-content:center}
@media(max-width:1180px){.audience-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1024px){.desktop-nav{display:none}.menu-toggle{display:block}.hero__grid,.subhero__grid,.course-hero__grid{grid-template-columns:1fr}.hero__visual{height:390px}.audience-grid,.series-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.placement-banner__grid{grid-template-columns:1fr}.course-grid{grid-template-columns:repeat(2,1fr)}.course-layout{grid-template-columns:1fr}.course-sidebar{display:none}.panel-cta__grid{grid-template-columns:1fr}.panel-cta__actions{justify-content:flex-start}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.announcement__inner{justify-content:space-between;font-size:11px}.site-header__inner{height:68px}.header-actions .icon-link span,.header-actions>.btn{display:none}.hero{padding:50px 0 58px}.hero h1,.subhero h1{font-size:38px;letter-spacing:-1px}.hero__content>p{font-size:15px}.hero__actions .btn{width:100%}.hero__visual{height:310px}.visual-card--main{inset:20px 12px 30px 28px;padding:26px}.visual-card--main strong{font-size:24px}.visual-card--mini{width:84px;height:84px;font-size:12px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid span{padding:14px 8px;font-size:11px;border-bottom:1px solid var(--line)}.section{padding:62px 0}.audience-grid,.series-grid,.feature-grid,.course-grid{grid-template-columns:1fr}.audience-card{min-height:230px}.section-head--row{align-items:start;flex-direction:column}.placement-banner{padding:58px 0}.steps-mini{grid-template-columns:1fr}.panel-cta__actions{display:grid}.final-cta .container{align-items:flex-start;flex-direction:column}.final-cta .container>div:last-child{width:100%;display:grid}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:6px}.subhero{padding:54px 0}.process li{grid-template-columns:54px 1fr;padding:16px}.process b{width:46px;height:46px}.course-hero{padding:44px 0}.book-stage{min-height:330px}.book-placeholder{width:205px;height:280px}.book-placeholder strong{font-size:25px}.course-layout{gap:20px}.mobile-bottom-cta{position:fixed;display:grid;grid-template-columns:1fr 1fr;bottom:0;left:0;right:0;z-index:90;background:#fff;padding:10px 12px;border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(12,27,64,.08)}.mobile-bottom-cta a{display:grid;place-items:center;min-height:44px;border-radius:12px;font-weight:900}.mobile-bottom-cta a:first-child{background:var(--sky);color:var(--blue)}.mobile-bottom-cta a:last-child{background:var(--blue);color:#fff}.is-course .site-footer{padding-bottom:88px}}

/* ==========================================================
   Sarafraz Academy v0.2.0 — visual system, mega menu & FAQ
   ========================================================== */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--shadow-soft:0 18px 48px rgba(16,34,82,.08);--shadow-hover:0 28px 70px rgba(16,34,82,.14)}

/* Header & desktop mega menu */
.site-header__inner{position:relative}
.desktop-nav{align-self:stretch;display:flex;align-items:center}
.desktop-menu{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0;height:100%}
.desktop-menu>li{height:100%;display:flex;align-items:center;position:relative}
.desktop-menu>li>a{display:flex;align-items:center;gap:5px;height:100%;font-size:13px;font-weight:800;color:#344054;white-space:nowrap;transition:color .2s ease}
.desktop-menu>li>a:hover,.desktop-menu>li:focus-within>a{color:var(--blue)}
.menu-chevron{font-size:15px;line-height:1;transition:transform .25s var(--ease-out)}
.has-mega:hover .menu-chevron,.has-mega:focus-within .menu-chevron,.has-mega.is-keyboard-open .menu-chevron{transform:rotate(180deg)}
.mega-menu{position:absolute;z-index:120;top:calc(100% - 2px);right:auto;left:auto;inset-inline:0;width:auto;max-width:100%;padding:26px;background:rgba(255,255,255,.985);border:1px solid #e6ebf5;border-radius:0 0 28px 28px;box-shadow:0 30px 80px rgba(11,23,54,.16);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .2s ease,transform .28s var(--ease-out),visibility .2s}
.has-mega:hover .mega-menu,.has-mega:focus-within .mega-menu,.has-mega.is-keyboard-open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.mega-menu__intro{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:end;padding:0 4px 20px;border-bottom:1px solid var(--line)}
.mega-menu__intro .eyebrow{grid-row:1/3;margin:0;align-self:center;padding:9px 12px;border-radius:999px;background:var(--sky)}
.mega-menu__intro strong{font-size:18px;color:var(--navy)}
.mega-menu__intro p{margin:1px 0 0;color:var(--muted);font-size:12px}
.mega-menu__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:20px 0}
.mega-menu__column{padding:14px;border-radius:18px;transition:background .2s ease}
.mega-menu__column:hover{background:#f8faff}
.mega-menu__column>a{display:block;padding:5px 0;font-size:12px;color:#556176;font-weight:700}
.mega-menu__column>a:hover{color:var(--blue)}
.mega-menu__heading{color:var(--navy)!important;font-size:15px!important;font-weight:900!important;margin-bottom:7px;padding-bottom:9px!important;border-bottom:1px solid #edf0f5}
.mega-menu__heading span{display:block;color:#8a94a6;font-size:9px;letter-spacing:1.2px;margin-bottom:1px}
.mega-menu__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border-radius:18px;background:linear-gradient(100deg,#eef3ff,#f9faff)}
.mega-menu__footer>a:first-child{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}
.mega-menu__footer b{color:var(--navy);font-size:13px}
.mega-menu__footer span,.mega-all{color:var(--blue);font-weight:900}
.user-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f1f4fa;color:var(--navy);font-size:18px}

/* Hero polish */
.hero{background:radial-gradient(circle at 80% 15%,#eef2ff 0,transparent 28%),linear-gradient(180deg,#fafbff 0,#fff 100%)}
.hero__content .eyebrow{padding:7px 11px;border:1px solid #dfe6ff;border-radius:999px;background:#fff}
.visual-card--main{background:linear-gradient(140deg,#091632 0,#172e6b 58%,#294fda 100%);box-shadow:0 32px 70px rgba(12,32,85,.24)}
.visual-card--main:before{content:"ENGLISH";position:absolute;left:28px;top:25px;font-size:72px;line-height:1;font-weight:1000;letter-spacing:-4px;color:rgba(255,255,255,.045)}
.visual-card--main:after{width:330px;height:330px;background:radial-gradient(circle,#597aff 0,rgba(89,122,255,.65) 25%,transparent 68%);left:-90px;bottom:-130px}
.visual-card--mini{border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(10px);transition:transform .3s var(--ease-out)}
.hero__visual:hover .visual-card--kids{transform:rotate(4deg) translateY(-4px)}
.hero__visual:hover .visual-card--teens{transform:rotate(-3deg) translateY(-3px)}
.hero__visual:hover .visual-card--adults{transform:rotate(3deg) translateY(-4px)}

/* Audience visual banners */
.audience-grid{align-items:stretch}
.audience-card{isolation:isolate;background:#fff;padding:0;min-height:330px;border-color:#e6eaf2;box-shadow:0 8px 25px rgba(14,32,76,.035)}
.audience-card:before{content:"";position:absolute;inset:0 0 auto 0;height:128px;z-index:-1;background:linear-gradient(135deg,#f4f7ff,#eef2ff)}
.audience-card:after{left:-60px;bottom:-70px;width:190px;height:190px;z-index:-1;filter:blur(1px)}
.audience-card--kids:before{background:linear-gradient(135deg,#fff4be,#fffaf0)}
.audience-card--children:before{background:linear-gradient(135deg,#dff9f2,#f3fffc)}
.audience-card--young-learners:before{background:linear-gradient(135deg,#ffeaf4,#fff7fb)}
.audience-card--teens:before{background:linear-gradient(135deg,#e6eaff,#f5f6ff)}
.audience-card--adults:before{background:linear-gradient(135deg,#eee9ff,#faf8ff)}
.audience-card__en{position:absolute;top:16px;left:18px;font-size:26px;line-height:1;font-weight:1000;letter-spacing:-1px;color:rgba(11,23,54,.09);z-index:0}
.audience-card__icon{width:72px;height:72px;display:grid;place-items:center;margin:52px 24px 0;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(11,23,54,.12);font-size:34px;position:relative;z-index:2}
.audience-card__content{display:flex;flex:1;flex-direction:column;padding:16px 24px 25px;position:relative;z-index:2}
.audience-card h3{margin:0 0 6px;font-size:22px}
.audience-card p{line-height:1.75}
.audience-card__content>span{margin-top:auto;padding-top:20px}
.audience-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-hover);border-color:#dce3f2}

/* Series cards */
.series-card{box-shadow:0 8px 24px rgba(14,32,76,.035);border-color:#e5eaf3}
.series-card:nth-child(4n+2) .series-card__cover span{background:linear-gradient(160deg,#20b486,#0d6e67)}
.series-card:nth-child(4n+3) .series-card__cover span{background:linear-gradient(160deg,#7c5cff,#4a33af)}
.series-card:nth-child(4n+4) .series-card__cover span{background:linear-gradient(160deg,#ef8e38,#c55919)}
.series-card:hover{box-shadow:var(--shadow-hover)}

/* Placement banner */
.placement-banner{position:relative;overflow:hidden;background:linear-gradient(130deg,#081633 0,#172e6f 58%,#315be0 100%)}
.placement-banner:after{content:"LEVEL";position:absolute;left:-25px;bottom:-22px;font-size:150px;font-weight:1000;line-height:1;color:rgba(255,255,255,.035);pointer-events:none}
.steps-mini div{transition:transform .25s var(--ease-out),background .25s ease}
.steps-mini div:hover{transform:translateY(-3px);background:rgba(255,255,255,.12)}

/* FAQ cards with smooth JS height animation */
.faq-section{background:linear-gradient(180deg,#fff,#fafbfe)}
.faq-list{display:grid;gap:12px}
.faq-list details{position:relative;border:1px solid #e4e9f2;border-radius:18px;padding:0;background:#fff;box-shadow:0 7px 22px rgba(14,32,76,.035);transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;will-change:height}
.faq-list details[open]{border-color:#cdd8ff;background:#fcfdff;box-shadow:0 14px 35px rgba(27,61,160,.075)}
.faq-list summary{position:relative;display:flex;align-items:center;min-height:72px;padding:18px 22px 18px 66px;cursor:pointer;font-size:15px;font-weight:900;color:var(--navy);list-style:none;user-select:none;outline:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:before,.faq-list summary:after{content:"";position:absolute;left:24px;top:50%;width:16px;height:2px;border-radius:2px;background:var(--blue);transform:translateY(-50%);transition:transform .32s var(--ease-out),opacity .2s ease}
.faq-list summary:after{transform:translateY(-50%) rotate(90deg)}
.faq-list details[open] summary:after{transform:translateY(-50%) rotate(180deg);opacity:0}
.faq-list summary:focus-visible{box-shadow:inset 0 0 0 3px rgba(47,91,255,.16);border-radius:18px}
.faq-list details>p,.faq-list details>div:not(.faq-ignore){margin:0;padding:0 22px 22px;color:var(--muted);font-size:14px;line-height:2}
.faq-list details>p{padding-top:0}

/* Process cards polish */
.process li{position:relative;overflow:hidden;transition:transform .25s var(--ease-out),box-shadow .25s ease,border-color .25s ease}
.process li:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;left:-25px;bottom:-35px;background:#eef2ff}
.process li:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft);border-color:#d9e1f1}

/* Accessibility: reduce motion */
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.faq-list details{will-change:auto}}

@media(max-width:1180px){.desktop-menu{gap:18px}.desktop-menu>li>a{font-size:12px}.mega-menu{right:auto;left:auto;inset-inline:0;width:auto;max-width:100%}.mega-menu__grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:1024px){.desktop-nav{display:none}.mega-menu{display:none}}
@media(max-width:700px){.audience-card{min-height:270px}.audience-card__icon{margin-top:45px}.faq-list summary{min-height:66px;padding:16px 18px 16px 58px;font-size:14px}.faq-list summary:before,.faq-list summary:after{left:20px}.faq-list details>p,.faq-list details>div:not(.faq-ignore){padding-inline:18px;padding-bottom:18px}.placement-banner:after{font-size:90px}}

/* ==========================================================
   Sarafraz Academy v0.4.0 — responsive overflow hardening
   Prevent page-level horizontal scrolling across templates.
   ========================================================== */
html,body{max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
body{width:100%}
main,.site-header,.site-footer,.announcement,.hero,.subhero,.course-hero,.section,.placement-banner,.panel-cta,.final-cta,.trust-strip{max-width:100%}
.container{max-width:100%}
img,svg,video,canvas,iframe,embed,object{max-width:100%;height:auto}
iframe{width:100%}

/* Grid/flex children are allowed to shrink instead of forcing the viewport wider. */
.site-header__inner>*,.hero__grid>*,.subhero__grid>*,.course-hero__grid>*,.placement-banner__grid>*,.panel-cta__grid>*,.final-cta .container>*,.footer-grid>*,.audience-grid>*,.series-grid>*,.feature-grid>*,.course-grid>*,.course-layout>*,.mega-menu__grid>*,.process li>*,.course-card__body,.audience-card__content{min-width:0}

/* Long words, URLs and bilingual course names must never widen the page. */
.hero h1,.subhero h1,.course-hero h1,.section-head h2,.course-content h2,.course-card h2,.series-card h3,.path-block__head h2,.breadcrumbs,.prose,.course-content,.faq-list summary,.footer-grid,.announcement__inner{overflow-wrap:anywhere;word-break:normal}
.prose pre,.course-content pre{max-width:100%;overflow:auto;white-space:pre}
.prose code,.course-content code{overflow-wrap:anywhere}
.prose table,.course-content table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse}
.prose td,.prose th,.course-content td,.course-content th{overflow-wrap:anywhere}

/* Mega menu now stays inside the header container instead of using viewport width + negative offsets. */
.desktop-menu>li.has-mega{position:static}
.mega-menu{inset-inline:0;right:auto;left:auto;width:auto;max-width:100%;top:100%}
.mega-menu__intro,.mega-menu__footer{min-width:0}
.mega-menu__footer>a{min-width:0;overflow-wrap:anywhere}

/* Header can otherwise become wider than medium desktop/tablet viewports. */
.site-header__inner{min-width:0}
.brand{min-width:0;flex:0 1 auto}
.custom-logo{max-width:min(220px,100%)}
.header-actions{flex:0 0 auto}

/* No horizontally scrolling learning-path row: levels wrap responsively. */
.path-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:10px;overflow:visible;padding-bottom:0}
.path-levels a{min-width:0;width:100%}

/* Components with fixed visual dimensions scale down on very narrow devices. */
.radar{width:min(280px,100%);height:auto;aspect-ratio:1/1}
.book-placeholder{max-width:100%}
.book-stage>img{max-width:100%;object-fit:contain}
.mobile-menu__panel{max-width:100%}
.course-card__foot,.breadcrumbs,.sticky-card dl>div{flex-wrap:wrap}

/* Fixed mobile CTA must remain exactly within the visual viewport. */
.mobile-bottom-cta{box-sizing:border-box;width:100%;max-width:100%}

@media(max-width:1180px){
  .desktop-nav{display:none}
  .menu-toggle{display:block}
  .mega-menu{display:none}
  .site-header__inner{gap:14px}
}

@media(max-width:700px){
  .container{width:min(calc(100% - 24px),var(--container))}
  .announcement__inner{flex-wrap:wrap;row-gap:2px;column-gap:10px}
  .announcement__inner>*{min-width:0}
  .hero__grid,.subhero__grid,.course-hero__grid,.placement-banner__grid,.course-layout{min-width:0}
  .hero__visual{max-width:100%;overflow:hidden}
  .visual-card--main{max-width:calc(100% - 12px)}
  .panel-cta__actions .btn,.final-cta .btn{max-width:100%;white-space:normal;text-align:center}
  .path-block{padding:20px;max-width:100%;overflow:hidden}
  .path-block__head{gap:12px;align-items:flex-start;flex-direction:column}
  .course-card,.series-card,.audience-card,.feature-grid article,.faq-list details,.process li{max-width:100%}
  .book-stage{max-width:100%;overflow:hidden}
}

@media(max-width:420px){
  .container{width:min(calc(100% - 20px),var(--container))}
  .announcement__inner{justify-content:center;text-align:center}
  .announcement__inner span,.announcement__inner a{width:100%}
  .brand__text{font-size:22px}
  .custom-logo{max-width:150px}
  .header-actions{gap:6px}
  .menu-toggle{width:40px;height:40px}
  .hero h1,.subhero h1{font-size:clamp(30px,10vw,36px)}
  .course-hero h1{font-size:clamp(30px,10vw,38px)}
  .hero__visual{height:285px}
  .visual-card--main{inset:18px 8px 26px 18px;padding:22px}
  .visual-card--main strong{font-size:21px}
  .visual-card--mini{width:72px;height:72px}
  .faq-list summary{padding-inline-start:52px}
  .mobile-bottom-cta{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-inline:10px}
  .mobile-bottom-cta a{min-width:0;font-size:13px;text-align:center;padding-inline:6px}
}

/* Series landing pages — v0.4.0 */
.series-hero{overflow:hidden}
.series-summary-card{justify-self:center;width:min(360px,100%);min-height:310px;border-radius:30px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#0b1736,#294fda);color:#fff;box-shadow:0 28px 65px rgba(16,34,82,.20);position:relative;overflow:hidden}
.series-summary-card:before{content:"ABC";position:absolute;inset-inline-start:-18px;top:8px;font-size:112px;line-height:1;font-weight:1000;color:rgba(255,255,255,.045);pointer-events:none}
.series-summary-card__label{font-size:12px;color:#bdcaff;font-weight:900;position:relative}
.series-summary-card strong{font-size:38px;line-height:1.25;margin:8px 0;position:relative;overflow-wrap:anywhere}
.series-summary-card>span:not(.series-summary-card__label){color:#dce4ff;position:relative}
.series-summary-card b{margin-top:28px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);position:relative}
.series-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.series-info-card{min-width:0;padding:32px;border:1px solid var(--line);border-radius:26px;background:#fff}
.series-info-card h2{margin:0 0 12px;color:var(--navy);font-size:clamp(24px,3vw,34px);line-height:1.45}
.series-info-card p{margin:0;color:var(--muted)}
.series-course-grid .course-card{height:100%}
@media(max-width:700px){.series-summary-card{min-height:250px;padding:26px;justify-self:stretch}.series-summary-card strong{font-size:30px}.series-info-grid{grid-template-columns:1fr}.series-info-card{padding:24px}}

/* ==========================================================
   Sarafraz Academy v0.5.0 — Youth-first motion + learning map
   ========================================================== */
:root{--sun:#ffd85c;--mint:#64d8bd;--pink:#ff91bd;--teen:#7386ff;--coral:#ff8a67}

/* Scroll reveal: content remains visible when JS is unavailable. */
.reveal{transition:opacity .65s var(--ease-out),transform .65s var(--ease-out)}
.js-reveal .reveal:not(.is-visible){opacity:0;transform:translateY(22px)}
.js-reveal .reveal.is-visible{opacity:1;transform:none}

/* Shared CSS characters: image-free, lightweight and responsive. */
.edu-character{position:absolute;width:150px;height:235px;filter:drop-shadow(0 18px 22px rgba(22,38,86,.14));transform-origin:50% 100%;z-index:4}
.edu-character__head,.edu-character__face{position:absolute}
.edu-character__face{top:22px;left:35px;width:82px;height:90px;border-radius:44% 44% 48% 48%;background:#ffd4b4;border:3px solid rgba(76,49,42,.05);z-index:2}
.edu-character__hair{position:absolute;top:7px;left:27px;width:98px;height:54px;border-radius:55px 55px 25px 25px;background:#33251f;z-index:3;transform:rotate(-3deg)}
.edu-character__face i{position:absolute;top:38px;width:8px;height:10px;border-radius:50%;background:#273148}
.edu-character__face i:first-child{right:22px}.edu-character__face i:nth-child(2){left:22px}
.edu-character__face b{position:absolute;left:34px;bottom:19px;width:18px;height:8px;border-bottom:3px solid #c25e63;border-radius:0 0 20px 20px}
.edu-character__body{position:absolute;left:24px;top:105px;width:104px;height:118px;border-radius:32px 32px 22px 22px;background:linear-gradient(145deg,#ffcb4a,#ff9d42);z-index:1}
.edu-character__book,.edu-character__phone{position:absolute;z-index:5;display:grid;place-items:center;font-family:Arial,sans-serif;font-weight:900}
.edu-character__book{left:41px;top:144px;width:78px;height:58px;border-radius:8px 12px 12px 8px;background:#315be0;color:#fff;border-left:6px solid #17367f;transform:rotate(-5deg)}
.edu-character__phone{left:54px;top:151px;width:44px;height:70px;border:5px solid #172033;border-radius:10px;background:#f7f9ff;color:#2f5bff;font-size:13px;transform:rotate(5deg)}
.edu-character--teen{width:160px;height:250px}
.edu-character--teen .edu-character__face{background:#e7b18e;height:94px}
.edu-character--teen .edu-character__hair{height:62px;background:#1f2739;border-radius:60px 35px 25px 30px;transform:rotate(4deg)}
.edu-character--teen .edu-character__body{top:110px;height:128px;background:linear-gradient(145deg,#657cff,#3a50c7)}
.edu-character--teen .edu-character__phone{display:grid}
.edu-character--teen .edu-character__book{display:none}

/* Home youth-first playground */
.hero-playground{position:relative;height:470px;overflow:hidden;border-radius:38px;background:linear-gradient(145deg,#eff4ff 0,#fff7e5 48%,#f3efff 100%);border:1px solid #e5eaf5;box-shadow:var(--shadow);isolation:isolate}
.hero-playground:before,.hero-playground:after{content:"";position:absolute;border-radius:50%;z-index:-1}.hero-playground:before{width:270px;height:270px;right:-70px;top:-95px;background:#ffe784}.hero-playground:after{width:240px;height:240px;left:-60px;bottom:-80px;background:#bac8ff}
.hero-playground__panel{position:absolute;right:28px;top:30px;width:min(300px,62%);padding:24px;border-radius:26px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);box-shadow:0 16px 40px rgba(22,38,86,.08);z-index:3}
.hero-playground__panel strong{display:block;color:var(--navy);font-size:25px;line-height:1.45;margin-top:7px}.hero-playground__panel p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
.hero-character--kid{right:38px;bottom:-5px;animation:characterFloat 4.6s ease-in-out infinite}.hero-character--teen{left:42px;bottom:-10px;animation:characterFloat 5.2s ease-in-out -1.2s infinite}
.hero-sticker{position:absolute;z-index:5;display:grid;place-items:center;font-weight:1000;box-shadow:0 12px 28px rgba(22,38,86,.10);animation:stickerFloat 4s ease-in-out infinite}
.hero-sticker--hello{left:30px;top:34px;padding:10px 15px;border-radius:18px 18px 18px 4px;background:#fff;color:#4b61d9;transform:rotate(-6deg)}
.hero-sticker--star{right:20px;bottom:125px;width:46px;height:46px;border-radius:16px;background:#ffd85c;color:#7b5710;animation-delay:-1.6s}.hero-sticker--abc{left:42%;bottom:25px;width:58px;height:58px;border-radius:50%;background:#61d8ba;color:#0f6657;animation-delay:-.8s}
@keyframes characterFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes stickerFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}

/* Youth focus cards */
.youth-focus{padding-top:30px}.youth-focus__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.youth-focus-card{position:relative;min-height:310px;border-radius:32px;padding:38px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 175px;align-items:center;border:1px solid rgba(30,48,90,.08);transition:transform .3s var(--ease-out),box-shadow .3s ease}
.youth-focus-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.youth-focus-card--kids{background:linear-gradient(135deg,#fff4b8,#fffdf2)}.youth-focus-card--teens{background:linear-gradient(135deg,#e7ebff,#f8f7ff)}
.youth-focus-card__copy{position:relative;z-index:3}.youth-focus-card__copy>span{font-size:12px;font-weight:900;color:var(--blue);letter-spacing:.5px}.youth-focus-card h3{font-size:28px;line-height:1.45;color:var(--navy);margin:8px 0}.youth-focus-card p{color:var(--muted);font-size:14px}.youth-focus-card b{display:inline-block;color:var(--blue);font-size:13px;margin-top:10px}
.mini-mascot{position:relative;width:150px;height:190px;justify-self:end}.mini-mascot:before{content:"";position:absolute;top:12px;left:35px;width:80px;height:84px;border-radius:46% 46% 50% 50%;background:#ffd1b1;box-shadow:0 12px 24px rgba(30,48,90,.10)}.mini-mascot:after{content:"";position:absolute;left:22px;bottom:8px;width:106px;height:102px;border-radius:44px 44px 24px 24px;background:#ffad43}.mini-mascot>i{position:absolute;z-index:2;top:50px;width:8px;height:9px;border-radius:50%;background:#26324c}.mini-mascot>i:first-child{right:54px}.mini-mascot>i:nth-child(2){left:54px}.mini-mascot>span{position:absolute;z-index:4;left:38px;bottom:32px;width:74px;height:48px;border-radius:8px;background:#2f5bff;color:#fff;display:grid;place-items:center;font-family:Arial,sans-serif;font-weight:900;transform:rotate(-5deg)}
.mini-mascot--teen:before{background:#e1ac87}.mini-mascot--teen:after{background:#667bff}.mini-mascot--teen>span{width:46px;height:68px;left:52px;bottom:28px;border:5px solid #172033;background:#fff;color:#2f5bff;border-radius:10px;transform:rotate(5deg)}

/* Learning path hero */
.learning-hero{position:relative;overflow:hidden;padding:76px 0 70px;background:linear-gradient(180deg,#f7f9ff,#fff)}
.learning-hero__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.learning-hero h1{font-size:clamp(40px,5vw,66px);line-height:1.25;margin:0;color:var(--navy)}.learning-hero h1 span{color:var(--blue)}.learning-hero__content>p{font-size:17px;color:var(--muted);max-width:690px}.learning-hero__note{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:8px 13px;border-radius:999px;background:#fff7d2;color:#705411;font-size:12px;font-weight:900}.learning-hero__note span{color:#f0ab00}
.character-stage{position:relative;height:430px;border-radius:38px;background:linear-gradient(145deg,#eaf0ff,#fff6dd 50%,#f7eaff);border:1px solid #e6eaf4;overflow:hidden;box-shadow:var(--shadow)}.character-stage:before{content:"";position:absolute;inset:30px;border:2px dashed rgba(47,91,255,.12);border-radius:30px}.character-stage .edu-character--kid{right:48px;bottom:18px;animation:characterFloat 4.8s ease-in-out infinite}.character-stage .edu-character--teen{left:54px;bottom:14px;animation:characterFloat 5.4s ease-in-out -1.4s infinite}.character-stage__bubble{position:absolute;top:44px;right:50%;translate:50% 0;background:#fff;padding:11px 18px;border-radius:18px 18px 6px 18px;color:var(--blue);font-size:12px;font-weight:1000;box-shadow:0 10px 30px rgba(22,38,86,.10)}
.float-sticker{position:absolute;z-index:6;font-weight:1000;animation:stickerFloat 3.8s ease-in-out infinite}.float-sticker--a{right:24px;top:30px;width:52px;height:52px;border-radius:18px;background:#ffd85c;color:#6f5210;display:grid;place-items:center;font-size:24px;transform:rotate(8deg)}.float-sticker--star{left:28px;top:32px;font-size:34px;color:#ff8a67;animation-delay:-1s}.float-sticker--hi{left:26px;bottom:125px;padding:8px 14px;border-radius:16px 16px 16px 5px;background:#fff;color:#586fe6;box-shadow:0 10px 24px rgba(22,38,86,.10);transform:rotate(-7deg);animation-delay:-2s}

.journey-guide{border-block:1px solid var(--line);background:#fff}.journey-guide__grid{display:grid;grid-template-columns:repeat(3,1fr)}.journey-guide__item{display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:center;padding:22px 28px;border-inline-start:1px solid var(--line)}.journey-guide__item:last-child{border:0}.journey-guide__item>b{width:42px;height:42px;border-radius:14px;background:var(--sky);color:var(--blue);display:grid;place-items:center}.journey-guide__item strong,.journey-guide__item span{display:block}.journey-guide__item strong{color:var(--navy);font-size:14px}.journey-guide__item span{color:var(--muted);font-size:11px;line-height:1.7}

.learning-map-section{background:#fbfcff}.learning-roadmap{display:grid;gap:28px}.journey-lane{--lane:#2f5bff;--lane-soft:#eef2ff;position:relative;border:1px solid #e4e8f1;border-radius:32px;background:#fff;padding:30px;overflow:hidden;box-shadow:0 10px 34px rgba(18,38,88,.04)}.journey-lane--sunny{--lane:#d89900;--lane-soft:#fff6cf}.journey-lane--mint{--lane:#169f81;--lane-soft:#e4fbf4}.journey-lane--pink{--lane:#d84f85;--lane-soft:#ffeaf3}.journey-lane--violet{--lane:#586ee7;--lane-soft:#e9edff}.journey-lane--blue{--lane:#2f5bff;--lane-soft:#eaf0ff}.journey-lane--youth:after{content:"★";position:absolute;left:22px;top:18px;font-size:48px;color:var(--lane-soft);transform:rotate(-12deg);pointer-events:none}.journey-lane__head{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:18px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.journey-lane__badge{width:64px;height:64px;border-radius:22px;background:var(--lane-soft);color:var(--lane);display:grid;place-items:center;font-size:26px;font-weight:1000;font-family:Arial,sans-serif;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.journey-lane__head span{font-size:11px;color:var(--lane);font-weight:900}.journey-lane__head h2{margin:0;color:var(--navy);font-size:28px}.journey-lane__head p{margin:3px 0 0;color:var(--muted);font-size:13px}.journey-lane__head>a{font-size:12px;font-weight:900;color:var(--lane)}
.journey-series-list{display:grid;gap:18px;margin-top:22px}.journey-series{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:stretch;border-radius:24px;background:#fcfdff;border:1px solid #edf0f5;padding:18px}.journey-series__intro{display:flex;flex-direction:column;justify-content:center;padding:5px 8px}.journey-series__intro small{color:var(--lane);font-weight:900}.journey-series__intro h3{font-size:22px;margin:2px 0;color:var(--navy)}.journey-series__intro span{font-size:11px;color:var(--muted)}
.journey-rail{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(135px,100%),1fr));gap:10px;align-items:stretch}.journey-rail:before{content:"";position:absolute;top:30px;right:5%;left:5%;height:2px;background:repeating-linear-gradient(90deg,var(--lane) 0 7px,transparent 7px 14px);opacity:.24;z-index:0}.journey-level{position:relative;z-index:1;min-width:0;padding:54px 12px 14px;border-radius:18px;background:#fff;border:1px solid #e6eaf2;text-align:center;transition:transform .25s var(--ease-out),border-color .25s ease,box-shadow .25s ease}.journey-level:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--lane) 35%,#e6eaf2);box-shadow:0 14px 28px rgba(18,38,88,.08)}.journey-level__dot{position:absolute;top:14px;right:50%;translate:50% 0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--lane);color:#fff;font-size:11px;font-weight:1000;box-shadow:0 0 0 6px var(--lane-soft);animation:nodePulse 3.2s ease-in-out infinite;animation-delay:calc(var(--step) * -.25s)}.journey-level small,.journey-level strong,.journey-level em{display:block}.journey-level small{font-size:10px;color:var(--lane);font-weight:900}.journey-level strong{font-size:13px;color:var(--navy);margin-top:4px;overflow-wrap:anywhere}.journey-level em{font-style:normal;font-size:9px;color:#8d96a8;margin-top:2px;overflow-wrap:anywhere}@keyframes nodePulse{0%,100%{box-shadow:0 0 0 6px var(--lane-soft)}50%{box-shadow:0 0 0 10px var(--lane-soft)}}
.learning-placement{margin-top:0}

/* More playful series pages for youth courses. */
.series-hero--super-safari,.series-hero--first-friends,.series-hero--magic-time,.series-hero--lets-go,.series-hero--project{background:linear-gradient(180deg,#fafbff,#fff)}
.series-summary-card--super-safari{background:linear-gradient(145deg,#f7b92b,#e77d25)}.series-summary-card--first-friends{background:linear-gradient(145deg,#20b486,#10776a)}.series-summary-card--magic-time{background:linear-gradient(145deg,#e66b9f,#944ab8)}.series-summary-card--lets-go,.series-summary-card--project{background:linear-gradient(145deg,#657cff,#344bbd)}
.series-summary-card--super-safari:after,.series-summary-card--first-friends:after,.series-summary-card--magic-time:after,.series-summary-card--lets-go:after,.series-summary-card--project:after{content:"★";position:absolute;top:18px;right:24px;font-size:42px;color:rgba(255,255,255,.24);animation:stickerFloat 4s ease-in-out infinite}

@media(max-width:1024px){.learning-hero__grid{grid-template-columns:1fr}.character-stage{height:390px}.youth-focus__grid{grid-template-columns:1fr}.journey-series{grid-template-columns:1fr}.journey-series__intro{padding-bottom:10px}.journey-guide__grid{grid-template-columns:1fr}.journey-guide__item{border-inline-start:0;border-bottom:1px solid var(--line)}.journey-guide__item:last-child{border-bottom:0}}
@media(max-width:700px){.hero-playground{height:365px;border-radius:28px}.hero-playground__panel{right:16px;top:18px;width:72%;padding:17px}.hero-playground__panel strong{font-size:19px}.hero-playground__panel p{display:none}.hero-character--kid{right:18px;scale:.8;transform-origin:bottom right}.hero-character--teen{left:12px;scale:.82;transform-origin:bottom left}.hero-sticker--hello{left:12px;top:20px;font-size:11px}.hero-sticker--abc{left:45%;bottom:12px;width:44px;height:44px;font-size:11px}.hero-sticker--star{right:10px;bottom:100px;width:38px;height:38px}.youth-focus-card{grid-template-columns:minmax(0,1fr) 115px;min-height:270px;padding:24px}.youth-focus-card h3{font-size:23px}.mini-mascot{scale:.78;transform-origin:center right}.learning-hero{padding:54px 0}.learning-hero h1{font-size:38px}.character-stage{height:340px;border-radius:28px}.character-stage .edu-character--kid{right:12px;scale:.78;transform-origin:bottom right}.character-stage .edu-character--teen{left:8px;scale:.78;transform-origin:bottom left}.character-stage__bubble{top:24px;font-size:10px}.float-sticker--a{right:12px;top:18px}.float-sticker--star{left:15px;top:22px}.journey-lane{padding:20px;border-radius:26px}.journey-lane__head{grid-template-columns:54px 1fr;gap:12px}.journey-lane__badge{width:52px;height:52px;border-radius:17px}.journey-lane__head>a{grid-column:1/-1}.journey-lane__head h2{font-size:23px}.journey-series{padding:13px}.journey-rail{grid-template-columns:1fr}.journey-rail:before{top:12px;bottom:12px;right:29px;left:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--lane) 0 7px,transparent 7px 14px)}.journey-level{text-align:right;padding:13px 62px 13px 12px;min-height:76px}.journey-level__dot{top:20px;right:14px;translate:0 0}.journey-level strong{font-size:14px}.journey-level em{font-size:10px}.learning-map-section{padding-top:58px}}
@media(max-width:420px){.youth-focus-card{grid-template-columns:1fr;min-height:0}.mini-mascot{display:none}.hero-playground__panel{width:78%}.character-stage{height:310px}.character-stage .edu-character--kid{right:-5px;scale:.68}.character-stage .edu-character--teen{left:-8px;scale:.68}.float-sticker--hi{display:none}}
@media (prefers-reduced-motion:reduce){.edu-character,.hero-sticker,.float-sticker,.journey-level__dot,.series-summary-card:after{animation:none!important}.reveal{opacity:1!important;transform:none!important}}

/* ==========================================================
   Sarafraz Academy v0.6.0 — audience worlds + course stories
   ========================================================== */
:root{--youth-yellow:#ffd65a;--youth-mint:#65d5bd;--youth-pink:#ff8fbb;--youth-violet:#6d7ff2;--soft-shadow:0 16px 45px rgba(15,34,80,.08)}

/* Audience landing worlds */
.audience-page--sunny{--aud:#d99a00;--aud-soft:#fff5c7;--aud-soft2:#fffaf0}
.audience-page--mint{--aud:#149a7d;--aud-soft:#ddf9f1;--aud-soft2:#f5fffc}
.audience-page--pink{--aud:#d45287;--aud-soft:#ffe7f1;--aud-soft2:#fff7fb}
.audience-page--violet{--aud:#5268df;--aud-soft:#e7ebff;--aud-soft2:#f8f9ff}
.audience-page--blue{--aud:#2f5bff;--aud-soft:#e8efff;--aud-soft2:#f7f9ff}
.audience-hero{position:relative;overflow:hidden;padding:72px 0 76px;background:linear-gradient(180deg,var(--aud-soft2),#fff)}
.audience-hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;inset-inline-end:-150px;top:-210px;background:var(--aud-soft);opacity:.78}
.audience-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;inset-inline-start:-140px;bottom:-150px;background:var(--aud-soft);opacity:.45}
.audience-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
.audience-hero__copy{min-width:0}.audience-hero__copy h1{font-size:clamp(38px,5vw,64px);line-height:1.25;color:var(--navy);margin:6px 0 18px;letter-spacing:-1.5px}.audience-hero__copy>p{max-width:700px;color:var(--muted);font-size:17px}.audience-hero__note{display:flex;gap:9px;align-items:flex-start;margin-top:22px;padding:12px 15px;border-radius:16px;background:#fff;border:1px solid color-mix(in srgb,var(--aud) 18%,#e6eaf2);font-size:12px;color:#5c6679;max-width:620px}.audience-hero__note span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:8px;background:var(--aud-soft);color:var(--aud);font-weight:1000}
.audience-scene{position:relative;height:440px;border-radius:38px;background:linear-gradient(145deg,#fff,var(--aud-soft2));border:1px solid #e7eaf2;box-shadow:var(--soft-shadow);overflow:hidden;isolation:isolate}
.audience-scene__orb{position:absolute;width:310px;height:310px;border-radius:50%;background:var(--aud-soft);right:-65px;bottom:-80px;z-index:-1}.audience-scene__mark{position:absolute;right:34px;top:34px;font-family:Arial,sans-serif;font-weight:1000;font-size:72px;line-height:1;color:color-mix(in srgb,var(--aud) 22%,transparent);letter-spacing:-4px}
.word-sticker{position:absolute;z-index:5;padding:8px 13px;border-radius:15px;background:#fff;color:var(--aud);box-shadow:0 10px 26px rgba(21,36,80,.09);font:900 12px/1.3 Arial,sans-serif;animation:audWordFloat 4.6s ease-in-out infinite}.word-sticker--1{left:28px;top:34px;transform:rotate(-7deg)}.word-sticker--2{left:36px;bottom:98px;transform:rotate(5deg);animation-delay:-1s}.word-sticker--3{right:33px;bottom:35px;transform:rotate(-3deg);animation-delay:-2.2s}.word-sticker--4{left:43%;top:28%;transform:rotate(3deg);animation-delay:-3s}
@keyframes audWordFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
.scene-student{position:absolute;width:190px;height:300px;right:50%;translate:50% 0;bottom:-16px;animation:characterFloat 5s ease-in-out infinite}.scene-student__face{position:absolute;right:50%;translate:50% 0;top:30px;width:105px;height:112px;border-radius:48% 48% 50% 50%;background:#ffd4b2;z-index:2}.scene-student__hair{position:absolute;right:50%;translate:50% 0;top:20px;width:118px;height:65px;border-radius:58px 58px 25px 25px;background:#2c2525;z-index:3}.scene-student__face i{position:absolute;top:48px;width:9px;height:11px;border-radius:50%;background:#26314c}.scene-student__face i:first-child{right:28px}.scene-student__face i:nth-child(2){left:28px}.scene-student__face b{position:absolute;right:50%;translate:50% 0;bottom:22px;width:21px;height:9px;border-bottom:3px solid #bd6365;border-radius:0 0 20px 20px}.scene-student__body{position:absolute;right:50%;translate:50% 0;top:131px;width:132px;height:155px;border-radius:40px 40px 26px 26px;background:linear-gradient(145deg,var(--aud),color-mix(in srgb,var(--aud) 70%,#263b7a));z-index:1}.scene-student__prop{position:absolute;z-index:4;left:39px;top:177px;width:86px;height:63px;border-radius:9px 14px 14px 9px;background:#fff;color:var(--aud);display:grid;place-items:center;font:1000 20px/1 Arial,sans-serif;box-shadow:0 9px 25px rgba(23,42,85,.15);transform:rotate(-6deg)}.scene-student--teen .scene-student__hair{background:#172033;border-radius:58px 35px 24px 32px}.scene-student--teen .scene-student__prop{width:50px;height:79px;left:70px;top:177px;border:5px solid #172033;border-radius:11px;transform:rotate(5deg)}
.scene-book-stack{position:absolute;right:22px;bottom:24px;width:120px;height:84px}.scene-book-stack i{position:absolute;width:104px;height:24px;border-radius:7px 12px 12px 7px;right:0;bottom:0;background:var(--aud);box-shadow:0 6px 15px rgba(16,34,82,.10)}.scene-book-stack i:nth-child(2){right:10px;bottom:29px;background:#fff;border:2px solid var(--aud)}.scene-book-stack i:nth-child(3){right:-4px;bottom:58px;background:var(--aud-soft);border:2px solid color-mix(in srgb,var(--aud) 35%,#fff)}
.adult-learning-card{position:absolute;inset:80px 50px;display:flex;flex-direction:column;justify-content:center;padding:34px;border-radius:30px;background:linear-gradient(145deg,#0d1a3a,#294fda);color:#fff;box-shadow:0 25px 60px rgba(16,34,82,.2)}.adult-learning-card span{color:#b9c8ff;font-size:12px;font-weight:900}.adult-learning-card strong{font-size:30px;line-height:1.5;margin:10px 0}.adult-learning-card small{color:#dbe3ff}
.audience-highlights{border-block:1px solid var(--line);background:#fff}.audience-highlights__grid{display:grid;grid-template-columns:repeat(4,1fr)}.audience-highlight{display:flex;align-items:center;gap:12px;padding:22px 18px;border-inline-start:1px solid var(--line);min-width:0}.audience-highlight:last-child{border:0}.audience-highlight b{flex:0 0 38px;height:38px;border-radius:13px;background:var(--aud-soft);color:var(--aud);display:grid;place-items:center;font-size:11px}.audience-highlight span{font-weight:900;color:#354159;font-size:13px}
.audience-series-list{display:grid;gap:22px}.audience-series-card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;padding:20px;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:0 8px 25px rgba(16,34,82,.035);transition:transform .28s var(--ease-out),box-shadow .28s ease}.audience-series-card:hover{transform:translateY(-4px);box-shadow:var(--soft-shadow)}.audience-series-card__visual{position:relative;min-height:210px;border-radius:24px;background:linear-gradient(145deg,var(--aud-soft),var(--aud-soft2));overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.audience-series-card__visual b{position:relative;z-index:2;width:94px;height:126px;border-radius:8px 15px 15px 8px;display:grid;place-items:center;background:linear-gradient(145deg,var(--aud),color-mix(in srgb,var(--aud) 65%,#1b2b62));color:#fff;font-size:42px;box-shadow:15px 16px 28px rgba(22,39,81,.15)}.audience-series-card__visual small{position:relative;z-index:2;margin-top:11px;color:var(--aud);font-weight:900}.book-orbit{position:absolute;border:2px dashed color-mix(in srgb,var(--aud) 28%,transparent);border-radius:50%}.book-orbit--1{width:190px;height:190px;animation:orbitSpin 18s linear infinite}.book-orbit--2{width:140px;height:140px;animation:orbitSpin 12s linear infinite reverse}@keyframes orbitSpin{to{transform:rotate(360deg)}}.audience-series-card__content{align-self:center;min-width:0}.audience-series-card__content h3{font-size:31px;color:var(--navy);margin:0 0 8px}.audience-series-card__content p{color:var(--muted);margin:0 0 17px}.level-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.level-pills a{padding:6px 10px;border-radius:999px;background:var(--aud-soft);color:var(--aud);font-size:11px;font-weight:900;transition:.2s}.level-pills a:hover{transform:translateY(-2px);background:var(--aud);color:#fff}
.youth-experience{background:linear-gradient(180deg,#fbfcff,#fff)}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.experience-card{padding:28px;border:1px solid var(--line);border-radius:26px;background:#fff;position:relative;overflow:hidden}.experience-card:after{content:"";position:absolute;left:-45px;bottom:-45px;width:120px;height:120px;border-radius:50%;background:var(--aud-soft);opacity:.8}.experience-icon{position:relative;z-index:1;width:50px;height:50px;border-radius:17px;background:var(--aud-soft);color:var(--aud);display:grid;place-items:center;font:1000 21px/1 Arial,sans-serif}.experience-card h3{position:relative;z-index:1;color:var(--navy);margin:16px 0 6px}.experience-card p{position:relative;z-index:1;color:var(--muted);font-size:13px;margin:0}

/* Series pages */
.series-page--sunny{--series:#d99a00;--series-soft:#fff5c7;--series-soft2:#fffaf0}.series-page--mint{--series:#149a7d;--series-soft:#ddf9f1;--series-soft2:#f5fffc}.series-page--pink{--series:#d45287;--series-soft:#ffe7f1;--series-soft2:#fff7fb}.series-page--violet{--series:#5268df;--series-soft:#e7ebff;--series-soft2:#f8f9ff}.series-page--blue{--series:#2f5bff;--series-soft:#e8efff;--series-soft2:#f7f9ff}
.series-hero-v2{padding:72px 0 76px;background:linear-gradient(180deg,var(--series-soft2),#fff);overflow:hidden}.series-hero-v2__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.series-hero-v2__copy h1{font-size:clamp(44px,6vw,72px);line-height:1.13;color:var(--navy);margin:7px 0}.series-hero-v2__copy>p{color:var(--muted);font-size:17px;max-width:690px}.series-audience-link{display:inline-flex;margin:5px 0 10px;padding:6px 10px;border-radius:999px;background:var(--series-soft);color:var(--series);font-size:11px;font-weight:900}.series-visual{position:relative;height:420px;border-radius:38px;background:linear-gradient(145deg,var(--series-soft),#fff);border:1px solid #e6eaf2;box-shadow:var(--soft-shadow);overflow:hidden}.series-book{position:absolute;border-radius:10px 18px 18px 10px;display:flex;flex-direction:column;justify-content:center;padding:32px;box-shadow:18px 22px 42px rgba(20,39,84,.18);overflow:hidden}.series-book--back{width:210px;height:285px;right:58px;top:67px;background:#fff;border:2px solid var(--series);color:var(--series);transform:rotate(8deg);font-size:24px;font-weight:900}.series-book--front{width:235px;height:320px;left:56px;top:48px;background:linear-gradient(145deg,var(--series),color-mix(in srgb,var(--series) 66%,#14275d));color:#fff;transform:rotate(-6deg)}.series-book--front:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:13px;background:rgba(0,0,0,.14)}.series-book--front small{color:rgba(255,255,255,.72);font-size:10px;letter-spacing:1px}.series-book--front strong{font-size:32px;line-height:1.28;margin:12px 0}.series-book--front b{margin-top:auto;font-size:12px}.series-book--front i{position:absolute;left:22px;bottom:22px;width:54px;height:54px;border-radius:18px;background:#fff;color:var(--series);display:grid;place-items:center;font:1000 17px/1 Arial,sans-serif;font-style:normal}.series-doodle{position:absolute;z-index:4;animation:stickerFloat 4.2s ease-in-out infinite}.series-doodle--1{right:24px;top:30px;font-size:38px;color:var(--series)}.series-doodle--2{right:27px;bottom:35px;padding:8px 13px;border-radius:15px;background:#fff;color:var(--series);font:900 12px/1 Arial,sans-serif;box-shadow:0 9px 24px rgba(20,39,84,.10);animation-delay:-1s}.series-doodle--3{left:28px;top:28px;font-size:30px;color:#ff8a67;animation-delay:-2s}
.series-stats{border-block:1px solid var(--line);background:#fff}.series-stats__grid{display:grid;grid-template-columns:repeat(4,1fr)}.series-stats__grid>div{padding:20px;border-inline-start:1px solid var(--line);min-width:0}.series-stats__grid>div:last-child{border:0}.series-stats small,.series-stats strong{display:block}.series-stats small{color:var(--muted);font-size:10px}.series-stats strong{color:var(--navy);font-size:15px}.series-stats a{color:var(--series);font-weight:900;font-size:12px}.series-level-path{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px;position:relative}.series-level-step{position:relative;padding:62px 16px 18px;border:1px solid var(--line);border-radius:22px;background:#fff;min-width:0;transition:transform .25s var(--ease-out),box-shadow .25s ease,border-color .25s ease}.series-level-step:hover{transform:translateY(-5px);box-shadow:var(--soft-shadow);border-color:color-mix(in srgb,var(--series) 30%,var(--line))}.series-level-step>span{position:absolute;top:16px;right:16px;width:35px;height:35px;border-radius:12px;background:var(--series-soft);color:var(--series);display:grid;place-items:center;font-weight:1000;font-size:11px}.series-level-step small,.series-level-step strong,.series-level-step em{display:block}.series-level-step small{color:var(--series);font-size:10px;font-weight:900}.series-level-step strong{color:var(--navy);font-size:15px;margin-top:4px;overflow-wrap:anywhere}.series-level-step em{font-style:normal;color:#8c95a8;font-size:10px;overflow-wrap:anywhere}.series-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.series-detail-card{padding:34px;border:1px solid var(--line);border-radius:28px;background:#fff}.series-detail-card h2{font-size:clamp(25px,3vw,34px);line-height:1.45;margin:0 0 12px;color:var(--navy)}.series-detail-card p{color:var(--muted)}.series-play-zone{padding:70px 0;background:linear-gradient(135deg,var(--series-soft),#fff)}.series-play-zone__grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:44px}.series-play-zone h2{font-size:clamp(30px,4vw,46px);color:var(--navy);margin:0}.series-play-zone p{color:var(--muted)}.series-play-zone__visual{position:relative;height:230px}.series-play-zone__visual span,.series-play-zone__visual b,.series-play-zone__visual i{position:absolute;display:grid;place-items:center;font-style:normal;font-family:Arial,sans-serif;font-weight:1000}.series-play-zone__visual span{width:70px;height:70px;border-radius:23px;background:#fff;box-shadow:0 15px 35px rgba(20,39,84,.1);color:var(--series);font-size:28px;animation:stickerFloat 4s ease-in-out infinite}.series-play-zone__visual span:nth-child(1){right:15%;top:18px}.series-play-zone__visual span:nth-child(2){right:43%;bottom:18px;animation-delay:-1s}.series-play-zone__visual span:nth-child(3){left:14%;top:38px;animation-delay:-2s}.series-play-zone__visual b{right:50%;top:40%;font-size:36px;color:var(--series)}.series-play-zone__visual i{left:45%;top:12px;font-size:32px;color:#ff8a67}

/* Course story pages */
.course-page--sunny{--course:#d99a00;--course-soft:#fff5c7;--course-soft2:#fffaf0}.course-page--mint{--course:#149a7d;--course-soft:#ddf9f1;--course-soft2:#f5fffc}.course-page--pink{--course:#d45287;--course-soft:#ffe7f1;--course-soft2:#fff7fb}.course-page--violet{--course:#5268df;--course-soft:#e7ebff;--course-soft2:#f8f9ff}.course-page--blue{--course:#2f5bff;--course-soft:#e8efff;--course-soft2:#f7f9ff}
.course-hero--enhanced{background:linear-gradient(180deg,var(--course-soft2),#fff);overflow:hidden}.course-hero--enhanced .course-hero__grid{gap:60px}.course-kickers{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.course-kickers span{padding:6px 10px;border-radius:999px;background:var(--course-soft);color:var(--course);font-size:11px;font-weight:900}.course-lead{font-size:16px!important;max-width:720px}.course-hero__micro{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:#687287;font-size:11px}.course-hero__micro span{color:#ffaf00}.course-book-scene{position:relative;height:430px;border-radius:38px;background:linear-gradient(145deg,var(--course-soft),#fff);border:1px solid #e5e9f2;display:grid;place-items:center;overflow:hidden;box-shadow:var(--soft-shadow)}.course-book-scene:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;background:color-mix(in srgb,var(--course-soft) 68%,#fff);left:-90px;bottom:-90px}.course-book-scene__image{position:relative;z-index:2;max-width:70%;max-height:80%}.course-book-scene__image img{max-height:340px;width:auto;object-fit:contain}.course-book-cover{position:relative;z-index:2;width:min(245px,68%);aspect-ratio:.72;border-radius:10px 20px 20px 10px;background:linear-gradient(145deg,var(--course),color-mix(in srgb,var(--course) 63%,#172b62));color:#fff;padding:36px 28px;display:flex;flex-direction:column;box-shadow:22px 28px 45px rgba(18,37,79,.20);transform:rotate(-5deg);overflow:hidden}.course-book-cover:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:13px;background:rgba(0,0,0,.16)}.course-book-cover small{color:rgba(255,255,255,.72);font-size:11px}.course-book-cover strong{font-size:29px;line-height:1.35;margin:12px 0;overflow-wrap:anywhere}.course-book-cover>span{margin-top:auto;font-size:12px;font-weight:900}.course-book-cover i{position:absolute;left:22px;bottom:22px;width:55px;height:55px;border-radius:18px;background:#fff;color:var(--course);display:grid;place-items:center;font:1000 16px/1 Arial,sans-serif;font-style:normal}.book-scene-sticker{position:absolute;z-index:4;padding:8px 12px;border-radius:14px;background:#fff;color:var(--course);font:900 11px/1 Arial,sans-serif;box-shadow:0 10px 25px rgba(17,35,76,.10);animation:stickerFloat 4s ease-in-out infinite}.book-scene-sticker--1{right:24px;top:34px;transform:rotate(6deg)}.book-scene-sticker--2{left:27px;top:28px;font-size:24px;color:#ff9b35;background:transparent;box-shadow:none}.book-scene-sticker--3{left:24px;bottom:38px;transform:rotate(-6deg);animation-delay:-1.6s}.course-quickbar{border-block:1px solid var(--line);background:#fff}.course-quickbar__grid{display:grid;grid-template-columns:repeat(4,1fr)}.course-quickbar__grid>div{padding:19px 20px;border-inline-start:1px solid var(--line);min-width:0}.course-quickbar__grid>div:last-child{border:0}.course-quickbar small,.course-quickbar strong{display:block}.course-quickbar small{font-size:10px;color:var(--muted)}.course-quickbar strong{color:var(--navy);font-size:14px}.course-quickbar a{color:var(--course);font-size:12px;font-weight:900}.content-panel{padding:30px 0;border-bottom:1px solid var(--line)}.content-panel:first-child{padding-top:0}.content-panel--series{padding:28px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,var(--course-soft2),#fff);margin-top:26px}.skill-chips--large{gap:10px}.skill-chips--large span{padding:8px 12px;border-radius:999px;background:var(--course-soft);color:var(--course);font-weight:900}.course-sequence{overflow:hidden}.sequence-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(155px,100%),1fr));gap:10px}.sequence-node{position:relative;min-width:0;padding:52px 13px 15px;border:1px solid var(--line);border-radius:19px;background:#fff;text-align:center;transition:.25s}.sequence-node:hover{transform:translateY(-3px);box-shadow:var(--soft-shadow)}.sequence-node>b{position:absolute;top:12px;right:50%;translate:50% 0;width:31px;height:31px;border-radius:11px;background:#eef2fa;color:#79849a;display:grid;place-items:center;font-size:10px}.sequence-node span,.sequence-node strong{display:block}.sequence-node span{color:#8b94a6;font-size:9px}.sequence-node strong{color:var(--navy);font-size:12px;overflow-wrap:anywhere}.sequence-node.is-current{border-color:color-mix(in srgb,var(--course) 40%,var(--line));background:var(--course-soft2)}.sequence-node.is-current>b{background:var(--course);color:#fff}.sequence-node.is-current span{color:var(--course)}.sequence-nav{display:flex;justify-content:space-between;gap:20px;margin-top:18px}.sequence-nav a{color:var(--course);font-size:12px;font-weight:900}

/* Front-page playful details stay decorative and outside text flow. */
.hero-playground:after{box-shadow:75px -250px 0 -95px rgba(255,138,103,.35),160px -180px 0 -104px rgba(101,213,189,.45)}
.youth-focus-card:before{content:"";position:absolute;width:90px;height:90px;border-radius:30px;right:-25px;top:-24px;border:2px dashed rgba(47,91,255,.12);transform:rotate(18deg)}

/* Keep all v0.6 visuals shrinkable and overflow-safe. */
.audience-hero__grid>*,.audience-series-card>*,.series-hero-v2__grid>*,.series-detail-grid>*,.series-play-zone__grid>*,.course-quickbar__grid>*,.course-book-scene,.course-book-cover,.sequence-track>*{min-width:0;max-width:100%}
.audience-scene,.series-visual,.course-book-scene{max-width:100%;overflow:hidden}

@media(max-width:1024px){
  .audience-hero__grid,.series-hero-v2__grid{grid-template-columns:1fr}.audience-scene,.series-visual{height:390px}.audience-highlights__grid,.series-stats__grid,.course-quickbar__grid{grid-template-columns:repeat(2,1fr)}.audience-series-card{grid-template-columns:200px minmax(0,1fr)}.series-play-zone__grid{grid-template-columns:1fr}.series-play-zone__visual{height:190px}.course-hero--enhanced .course-hero__grid{grid-template-columns:1fr}.course-book-scene{height:390px}
}
@media(max-width:700px){
  .audience-hero,.series-hero-v2{padding:52px 0}.audience-hero__copy h1{font-size:36px}.audience-scene{height:330px;border-radius:28px}.scene-student{scale:.78;transform-origin:bottom center}.audience-scene__mark{font-size:52px}.word-sticker--4{display:none}.audience-highlights__grid,.series-stats__grid,.course-quickbar__grid{grid-template-columns:1fr 1fr}.audience-highlight,.series-stats__grid>div,.course-quickbar__grid>div{border-bottom:1px solid var(--line);border-inline-start:0}.audience-series-card{grid-template-columns:1fr;padding:14px}.audience-series-card__visual{min-height:190px}.audience-series-card__content{padding:5px 8px 12px}.experience-grid{grid-template-columns:1fr}.series-visual{height:330px;border-radius:28px}.series-book--back{width:160px;height:230px;right:24px;top:55px}.series-book--front{width:180px;height:250px;left:25px;top:44px;padding:24px}.series-book--front strong{font-size:25px}.series-level-path{grid-template-columns:1fr}.series-level-step{padding:17px 58px 17px 14px;min-height:78px}.series-level-step>span{right:14px;top:20px}.series-detail-grid{grid-template-columns:1fr}.course-book-scene{height:340px;border-radius:28px}.course-book-cover{width:min(210px,70%);padding:28px 23px}.course-book-cover strong{font-size:24px}.sequence-track{grid-template-columns:1fr}.sequence-node{text-align:right;padding:14px 58px 14px 12px;min-height:70px}.sequence-node>b{right:14px;top:19px;translate:0 0}.sequence-nav{flex-direction:column}.sequence-nav span:empty{display:none}
}
@media(max-width:420px){
  .audience-hero__copy h1{font-size:31px}.audience-scene{height:295px}.scene-student{scale:.68}.scene-book-stack{scale:.78;transform-origin:bottom right}.word-sticker--2{display:none}.audience-highlights__grid,.series-stats__grid,.course-quickbar__grid{grid-template-columns:1fr}.series-visual{height:295px}.series-book--back{width:135px;height:195px;right:18px}.series-book--front{width:150px;height:215px;left:18px;padding:18px}.series-book--front strong{font-size:20px}.series-book--front i{width:42px;height:42px}.series-doodle--2{display:none}.course-book-scene{height:300px}.book-scene-sticker--3{display:none}
}
@media (prefers-reduced-motion:reduce){.word-sticker,.scene-student,.book-orbit,.series-doodle,.series-play-zone__visual span,.book-scene-sticker{animation:none!important}}

/* v0.6 catalog + roadmap navigation */
.courses-archive-hero{padding:72px 0 76px;background:linear-gradient(180deg,#f8faff,#fff);overflow:hidden}.courses-archive-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.courses-archive-hero h1{font-size:clamp(42px,5.8vw,70px);line-height:1.2;color:var(--navy);margin:6px 0 18px}.courses-archive-hero p{color:var(--muted);font-size:17px;max-width:680px}.catalog-playground{position:relative;height:390px;border-radius:36px;background:linear-gradient(145deg,#eef3ff,#fff8dc 50%,#f7ecff);border:1px solid #e7eaf2;box-shadow:var(--soft-shadow);overflow:hidden}.catalog-book{position:absolute;right:50%;translate:50% 0;bottom:38px;width:210px;height:285px;border-radius:10px 20px 20px 10px;background:linear-gradient(145deg,#2f5bff,#162a68);color:#fff;padding:32px;display:flex;flex-direction:column;justify-content:center;box-shadow:22px 28px 45px rgba(20,39,84,.18);transform:rotate(-5deg)}.catalog-book small{color:#bfcaff}.catalog-book strong{font-size:34px;line-height:1.3}.catalog-book b{margin-top:auto;font-size:35px;color:#ffd65a}.catalog-letter{position:absolute;display:grid;place-items:center;width:60px;height:60px;border-radius:20px;font:1000 25px/1 Arial,sans-serif;box-shadow:0 12px 28px rgba(19,39,82,.1);animation:stickerFloat 4s ease-in-out infinite}.catalog-letter--a{right:28px;top:28px;background:#ffd65a;color:#705311}.catalog-letter--b{left:32px;top:46px;background:#65d5bd;color:#0f6658;animation-delay:-1s}.catalog-letter--c{left:42px;bottom:40px;background:#fff;color:#5268df;animation-delay:-2s}.course-audience-nav{padding-top:68px}.course-audience-nav__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.course-audience-chip{--chip:#2f5bff;--chip-soft:#e8efff;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:20px;background:#fff;transition:.25s;min-width:0}.course-audience-chip:hover{transform:translateY(-3px);box-shadow:var(--soft-shadow);border-color:color-mix(in srgb,var(--chip) 28%,var(--line))}.course-audience-chip>b{width:46px;height:46px;border-radius:16px;background:var(--chip-soft);color:var(--chip);display:grid;place-items:center;font:1000 13px/1 Arial,sans-serif}.course-audience-chip small,.course-audience-chip strong{display:block}.course-audience-chip small{color:var(--chip);font-size:9px;font-weight:900}.course-audience-chip strong{color:var(--navy);font-size:13px}.course-audience-chip>span{color:var(--chip);font-weight:1000}.course-audience-chip--sunny{--chip:#d99a00;--chip-soft:#fff5c7}.course-audience-chip--mint{--chip:#149a7d;--chip-soft:#ddf9f1}.course-audience-chip--pink{--chip:#d45287;--chip-soft:#ffe7f1}.course-audience-chip--violet{--chip:#5268df;--chip-soft:#e7ebff}.course-audience-chip--blue{--chip:#2f5bff;--chip-soft:#e8efff}
.course-card--sunny{--cc:#d99a00;--cc-soft:#fff5c7}.course-card--mint{--cc:#149a7d;--cc-soft:#ddf9f1}.course-card--pink{--cc:#d45287;--cc-soft:#ffe7f1}.course-card--violet{--cc:#5268df;--cc-soft:#e7ebff}.course-card--blue{--cc:#2f5bff;--cc-soft:#e8efff}.course-card__fakebook{width:92px;height:126px;border-radius:8px 14px 14px 8px;background:linear-gradient(145deg,var(--cc),color-mix(in srgb,var(--cc) 65%,#1b2b62));color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:14px 14px 26px rgba(19,37,77,.15);position:relative;overflow:hidden}.course-card__fakebook:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:8px;background:rgba(0,0,0,.15)}.course-card__fakebook small{font-size:8px;color:rgba(255,255,255,.72);max-width:74px;overflow-wrap:anywhere;text-align:center}.course-card__fakebook strong{font-size:35px;line-height:1}.course-card__fakebook span{position:absolute;left:8px;bottom:8px;width:28px;height:28px;border-radius:9px;background:#fff;color:var(--cc);display:grid;place-items:center;font:1000 8px/1 Arial,sans-serif}.course-card:hover .course-card__fakebook{transform:rotate(-3deg) translateY(-3px)}.course-card__fakebook{transition:transform .3s var(--ease-out)}
.learning-jump{position:sticky;top:78px;z-index:45;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.learning-jump__inner{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:11px 0}.learning-jump__link{--jump:#2f5bff;--jump-soft:#e8efff;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:900;color:#465167}.learning-jump__link b{width:25px;height:25px;border-radius:8px;background:var(--jump-soft);color:var(--jump);display:grid;place-items:center;font:1000 10px/1 Arial,sans-serif}.learning-jump__link:hover{border-color:color-mix(in srgb,var(--jump) 35%,var(--line));color:var(--jump)}.learning-jump__link--sunny{--jump:#d99a00;--jump-soft:#fff5c7}.learning-jump__link--mint{--jump:#149a7d;--jump-soft:#ddf9f1}.learning-jump__link--pink{--jump:#d45287;--jump-soft:#ffe7f1}.learning-jump__link--violet{--jump:#5268df;--jump-soft:#e7ebff}.learning-jump__link--blue{--jump:#2f5bff;--jump-soft:#e8efff}
@media(max-width:1024px){.courses-archive-hero__grid{grid-template-columns:1fr}.catalog-playground{height:350px}.course-audience-nav__grid{grid-template-columns:repeat(2,1fr)}.learning-jump{top:78px}}
@media(max-width:700px){.courses-archive-hero{padding:52px 0}.courses-archive-hero h1{font-size:36px}.catalog-playground{height:310px;border-radius:28px}.catalog-book{width:165px;height:225px;padding:24px}.catalog-book strong{font-size:28px}.course-audience-nav__grid{grid-template-columns:1fr}.learning-jump{position:relative;top:auto}.learning-jump__inner{justify-content:flex-start}.learning-jump__link{flex:1 1 calc(50% - 8px);justify-content:center;min-width:0}}
@media(max-width:420px){.catalog-playground{height:280px}.catalog-book{width:145px;height:205px}.catalog-letter{width:48px;height:48px}.learning-jump__link{flex-basis:100%}}
@media (prefers-reduced-motion:reduce){.catalog-letter{animation:none!important}}

/* Tiny character micro-interactions: subtle and GPU-cheap. */
.edu-character__face i,.scene-student__face i{transform-origin:center;animation:studentBlink 5.6s ease-in-out infinite}.edu-character__face i:nth-child(2),.scene-student__face i:nth-child(2){animation-delay:.05s}@keyframes studentBlink{0%,46%,50%,100%{transform:scaleY(1)}48%{transform:scaleY(.12)}}.edu-character__book,.scene-student__prop{animation:propBreathe 4.8s ease-in-out infinite}@keyframes propBreathe{0%,100%{translate:0 0}50%{translate:0 -3px}}
@media (prefers-reduced-motion:reduce){.edu-character__face i,.scene-student__face i,.edu-character__book,.scene-student__prop{animation:none!important}}

/* ==========================================================
   Sarafraz Academy v0.7.0 — managed heroes, course finder,
   pagination, redesigned mega menu
   ========================================================== */

/* Image-based hero system */
.image-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8faff 0,#fff 100%);padding:68px 0 74px}
.image-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:56px;align-items:center}
.image-hero__copy{min-width:0}.image-hero__copy h1{margin:6px 0 18px;color:var(--navy);font-size:clamp(40px,5vw,66px);line-height:1.22;letter-spacing:-1.5px}.image-hero__copy>p{max-width:700px;margin:0;color:var(--muted);font-size:17px}
.image-hero__media{position:relative;min-width:0;aspect-ratio:4/3;border-radius:34px;overflow:hidden;background:#eef3ff;border:1px solid #e3e8f3;box-shadow:0 28px 70px rgba(17,37,84,.12)}
.image-hero__media:before{content:"";position:absolute;inset:0;z-index:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);border-radius:inherit;pointer-events:none}
.image-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s var(--ease-out)}
.image-hero:hover .image-hero__media img{transform:scale(1.018)}
.home-image-hero .image-hero__media{aspect-ratio:1.25/1}.page-image-hero .image-hero__media,.blog-hero .image-hero__media{aspect-ratio:1.45/1}
.course-hero__media{background:linear-gradient(145deg,#f4f7ff,#fff)}.course-hero__media img{object-fit:contain;padding:20px}
.audience-hero.image-hero,.series-hero-v2.image-hero,.course-hero.image-hero{padding:68px 0 74px}

/* Header icons */
.user-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#f1f4fb;color:var(--navy)}.user-icon svg{width:20px;height:20px}.icon-link:hover .user-icon{background:#e8efff;color:var(--blue)}
.menu-chevron{width:18px;height:18px;transition:transform .24s var(--ease-out);flex:0 0 auto}

/* Mega menu v2 */
.mega-menu--v2{padding:20px;border-radius:0 0 30px 30px;background:rgba(255,255,255,.985);box-shadow:0 32px 80px rgba(12,29,69,.16)}
.mega-menu__top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 4px 18px;border-bottom:1px solid var(--line)}
.mega-menu__top>div{min-width:0}.mega-menu__top strong{display:block;color:var(--navy);font-size:18px}.mega-menu__top p{margin:2px 0 0;color:var(--muted);font-size:12px}
.mega-menu__all{display:inline-flex!important;align-items:center;gap:8px;padding:10px 13px;border-radius:13px;background:#f1f5ff;color:var(--blue)!important;font-size:12px!important;font-weight:900!important;white-space:nowrap}.mega-menu__all svg{width:18px;height:18px}
.mega-menu__cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:17px 0}
.mega-path{--mp:#2f5bff;--mp-soft:#e8efff;min-width:0;padding:12px;border:1px solid #e8ebf2;border-radius:20px;background:#fff;transition:transform .22s var(--ease-out),box-shadow .22s ease,border-color .22s ease}.mega-path:hover{transform:translateY(-3px);box-shadow:0 13px 32px rgba(18,37,83,.08);border-color:color-mix(in srgb,var(--mp) 25%,#e8ebf2)}
.mega-path--sunny{--mp:#d49700;--mp-soft:#fff4c7}.mega-path--mint{--mp:#139879;--mp-soft:#dcf8ef}.mega-path--pink{--mp:#cf5288;--mp-soft:#ffe7f1}.mega-path--violet{--mp:#576be0;--mp-soft:#e9ecff}.mega-path--blue{--mp:#2f5bff;--mp-soft:#e8efff}
.mega-path__head{display:grid!important;grid-template-columns:42px minmax(0,1fr) 18px;gap:9px;align-items:center;padding:2px!important;color:var(--navy)!important}.mega-path__icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--mp-soft);color:var(--mp)}.mega-path__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mega-path__head small,.mega-path__head strong{display:block}.mega-path__head small{font-size:8px;color:var(--mp);font-weight:900;letter-spacing:.6px}.mega-path__head strong{font-size:13px}.mega-path__arrow{width:17px;height:17px;color:#a0a8b7;transition:transform .2s}.mega-path__head:hover .mega-path__arrow{transform:translateX(-2px);color:var(--mp)}
.mega-path__links{margin-top:10px;padding-top:8px;border-top:1px solid #f0f2f6}.mega-path__links>a{display:flex!important;align-items:center;justify-content:space-between;gap:6px;padding:6px 3px!important;font-size:11px!important;color:#596477!important}.mega-path__links>a:hover{color:var(--mp)!important}.mega-path__links small{font-size:8px;color:#9ba3b1;white-space:nowrap}
.mega-menu__bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border-radius:18px;background:linear-gradient(100deg,#f0f4ff,#fbfcff)}.mega-placement{display:flex;align-items:center;gap:11px;min-width:0}.mega-placement__icon{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:#fff;color:var(--blue);box-shadow:0 5px 14px rgba(20,42,94,.07)}.mega-placement__icon svg{width:21px;height:21px}.mega-placement b,.mega-placement span{display:block}.mega-placement b{font-size:12px;color:var(--navy)}.mega-placement span{font-size:10px;color:var(--muted)}

/* Course finder */
.course-filters{display:grid;grid-template-columns:minmax(230px,1.55fr) repeat(4,minmax(135px,1fr));gap:12px;padding:18px;border:1px solid #e2e7f0;border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(17,36,81,.05)}
.course-filters>div{min-width:0}.course-filters label{display:block;margin:0 2px 6px;color:#586477;font-size:11px;font-weight:900}.course-filters input,.course-filters select{width:100%;height:47px;border:1px solid #dce2ec;border-radius:13px;background:#fff;padding:0 12px;color:var(--navy);outline:none}.course-filters input:focus,.course-filters select:focus{border-color:#8ea5ff;box-shadow:0 0 0 3px rgba(47,91,255,.10)}
.course-filter-search__field{position:relative}.course-filter-search__field svg{position:absolute;right:13px;top:50%;translate:0 -50%;width:19px;height:19px;color:#8e98aa;pointer-events:none}.course-filter-search__field input{padding-right:40px}
.course-filters__actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;padding-top:3px}
.course-results-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0 16px;padding:0 3px}.course-results-head>div{display:flex;align-items:baseline;gap:7px}.course-results-head strong{font-size:25px;color:var(--navy)}.course-results-head span{font-size:12px;font-weight:800;color:#687388}.course-results-head small{color:#8a94a6;font-size:11px}
.course-empty{grid-column:1/-1;padding:48px 24px;border:1px dashed #cfd7e5;border-radius:24px;text-align:center;background:#fff}.course-empty h3{margin:0;color:var(--navy)}.course-empty p{color:var(--muted);margin:8px 0 18px}

/* Purpose-built numeric pagination: first two + current neighborhood + last two. */
.course-pagination{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:34px}.course-pagination a,.course-pagination span{min-width:42px;height:42px;padding:0 11px;border:1px solid #dde3ed;border-radius:12px;background:#fff;color:#536077;display:grid;place-items:center;font-size:12px;font-weight:900}.course-pagination a:hover{border-color:#9aafff;color:var(--blue);background:#f7f9ff}.course-pagination .is-current{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 9px 20px rgba(47,91,255,.19)}.course-pagination__dots{border-color:transparent!important;background:transparent!important;min-width:28px!important}.course-pagination__nav{min-width:68px!important}

/* Course sidebar remains anchored while the article scrolls. */
.course-sidebar{position:sticky;top:112px;align-self:start}.course-sidebar .sticky-card{position:static;top:auto}

/* Graphical course/audience arrows */
.course-audience-chip>svg{width:20px;height:20px;color:var(--chip);transition:transform .2s}.course-audience-chip:hover>svg{transform:translateX(-2px)}

/* Shrink-safe v0.7 components */
.image-hero__grid>*,.mega-menu__cards>*,.mega-path__head>*,.course-filters>*,.course-results-head>*{min-width:0;max-width:100%}

@media(max-width:1180px){
  .mega-menu__cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.mega-path{padding:9px}.mega-path__head{grid-template-columns:36px minmax(0,1fr) 15px}.mega-path__icon{width:36px;height:36px}.mega-path__head strong{font-size:11px}.mega-path__links>a{font-size:10px!important}
  .course-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.course-filter-search{grid-column:span 2}
}
@media(max-width:1024px){
  .image-hero__grid{grid-template-columns:1fr;gap:30px}.image-hero__media{max-width:720px;width:100%;margin-inline:auto;aspect-ratio:16/10}.home-image-hero .image-hero__media{aspect-ratio:16/10}
  .course-sidebar{position:static;display:none}.course-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.course-filter-search{grid-column:1/-1}
}
@media(max-width:700px){
  .image-hero,.audience-hero.image-hero,.series-hero-v2.image-hero,.course-hero.image-hero{padding:48px 0 54px}.image-hero__copy h1{font-size:36px;letter-spacing:-.8px}.image-hero__copy>p{font-size:15px}.image-hero__media{border-radius:25px;aspect-ratio:4/3}.image-hero__media img{object-position:center}.course-hero__media img{padding:12px}
  .course-filters{grid-template-columns:1fr;padding:14px}.course-filter-search{grid-column:auto}.course-filters__actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.course-results-head{align-items:flex-start;flex-direction:column;gap:2px}.course-pagination{gap:5px}.course-pagination a,.course-pagination span{min-width:38px;height:38px;border-radius:10px;padding:0 8px}.course-pagination__nav{min-width:58px!important}
  .mega-menu--v2{display:none}
}
@media(max-width:420px){.course-filters__actions{grid-template-columns:1fr}.course-pagination__nav{width:100%}}
@media(prefers-reduced-motion:reduce){.image-hero__media img,.mega-path,.course-audience-chip>svg{transition:none!important}}

/* =========================================================
   v0.9.0 — Dynamic hero accent system + richer course content
   ========================================================= */
.dynamic-hero{
  --hero-accent:#315ed8;
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 82% 42%,color-mix(in srgb,var(--hero-accent) 23%,transparent) 0 8%,color-mix(in srgb,var(--hero-accent) 12%,transparent) 22%,transparent 52%),
    radial-gradient(circle at 10% 5%,color-mix(in srgb,var(--hero-accent) 8%,transparent),transparent 34%),
    linear-gradient(180deg,color-mix(in srgb,var(--hero-accent) 4%,#fff),#fff 88%)!important;
  overflow:hidden;
}
.dynamic-hero:before{
  content:"";position:absolute;z-index:-1;width:min(520px,48vw);aspect-ratio:1;border-radius:50%;
  inset-inline-end:-8%;top:10%;background:var(--hero-accent);opacity:.075;filter:blur(48px);pointer-events:none;
}
.dynamic-hero .image-hero__grid{position:relative;z-index:1}
.dynamic-hero .image-hero__media{position:relative;isolation:isolate}
.dynamic-hero .image-hero__media:before{
  content:"";position:absolute;z-index:-1;inset:8% 2%;border-radius:45%;
  background:radial-gradient(circle,color-mix(in srgb,var(--hero-accent) 28%,transparent),transparent 68%);
  filter:blur(28px);opacity:.9;transform:scale(.95);pointer-events:none;
}
.dynamic-hero .image-hero__media img{position:relative;z-index:1;filter:drop-shadow(0 24px 32px rgba(23,38,74,.12));transition:transform .55s cubic-bezier(.22,1,.36,1)}
.dynamic-hero .image-hero__media:hover img{transform:translateY(-4px) rotate(-.35deg)}
.dynamic-hero .eyebrow,.dynamic-hero .pill{border-color:color-mix(in srgb,var(--hero-accent) 24%,#e7ebf3)}
.dynamic-hero .course-kickers span,.dynamic-hero .series-audience-link{background:color-mix(in srgb,var(--hero-accent) 11%,#fff);color:color-mix(in srgb,var(--hero-accent) 82%,#172752)}
.dynamic-hero .btn--primary{box-shadow:0 14px 32px color-mix(in srgb,var(--hero-accent) 20%,transparent)}
.course-stage-note{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:start;margin-top:22px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--course,#315ed8) 18%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--course-soft2,#f7f9ff) 80%,#fff)}
.course-stage-note strong{padding:6px 9px;border-radius:10px;background:var(--course,#315ed8);color:#fff;font-size:11px;white-space:nowrap}
.course-stage-note span{color:#5d687c;font-size:13px;line-height:1.9}
.series-detail-card p{line-height:2}
@media(max-width:767px){
  .dynamic-hero{background:radial-gradient(circle at 50% 76%,color-mix(in srgb,var(--hero-accent) 18%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--hero-accent) 5%,#fff),#fff 86%)!important}
  .dynamic-hero:before{width:330px;inset-inline-end:-42%;top:36%;opacity:.06}
  .dynamic-hero .image-hero__media:before{inset:4% -5%;opacity:.8}
  .course-stage-note{grid-template-columns:1fr}.course-stage-note strong{justify-self:start}
}
@media(prefers-reduced-motion:reduce){.dynamic-hero .image-hero__media img{transition:none}.dynamic-hero .image-hero__media:hover img{transform:none}}

/* =========================================================
   v0.10.0 — Editorial, conversion, contact and article system
   ========================================================= */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.editorial-intro .lead{font-size:20px;line-height:2.1;color:#344054;margin-top:0}
.about-values-grid,.contact-guidance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:38px 0}
.about-values-grid section,.contact-guidance-grid section{min-width:0;padding:26px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 10px 32px rgba(17,36,81,.04)}
.about-values-grid span,.contact-guidance-grid span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf2ff;color:var(--blue);font-weight:900;font-size:12px}
.about-values-grid h2,.contact-guidance-grid h2{font-size:21px;margin:14px 0 7px;color:var(--navy)}
.about-values-grid p,.contact-guidance-grid p{margin:0;color:var(--muted);font-size:14px;line-height:2}
.about-story-block{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;padding:34px;margin:42px 0;border-radius:28px;background:linear-gradient(135deg,#f3f6ff,#fff);border:1px solid #e5eaf5}.about-story-block h2{margin:0;font-size:28px;color:var(--navy);line-height:1.5}.about-story-block p{margin-top:0;color:#596579}.content-cta-box{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-radius:24px;background:var(--navy);color:#fff}.content-cta-box h2{color:#fff;margin:0 0 5px}.content-cta-box p{margin:0;color:#cbd5ef}
.blog-search{display:flex;gap:8px;max-width:620px;margin-top:24px}.blog-search input{min-width:0;flex:1;height:50px;border:1px solid #d9e0ed;border-radius:14px;background:#fff;padding:0 16px;color:var(--navy);outline:none}.blog-search input:focus{border-color:#8fa5ff;box-shadow:0 0 0 3px rgba(47,91,255,.09)}.blog-search button{height:50px;padding:0 20px;border:0;border-radius:14px;background:var(--navy);color:#fff;font-weight:900;cursor:pointer}
.blog-category-strip{border-bottom:1px solid var(--line);background:#fff}.blog-category-strip .container{display:flex;gap:8px;overflow-x:auto;padding-block:14px;scrollbar-width:none}.blog-category-strip .container::-webkit-scrollbar{display:none}.blog-category-strip a{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #e2e7f0;border-radius:999px;color:#596579;font-size:12px;font-weight:800}.blog-category-strip a:hover,.blog-category-strip a.is-active{background:#eef3ff;border-color:#cfd9ff;color:var(--blue)}.blog-category-strip small{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#fff;font-size:9px}
.blog-count{font-size:12px;font-weight:900;color:#687388}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;transition:.25s}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.blog-card__image{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(145deg,#e9efff,#f9fbff)}.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.blog-card:hover .blog-card__image img{transform:scale(1.035)}.blog-card__image>span{height:100%;display:grid;place-items:center;font-size:46px;font-weight:1000;color:#aab8df}.blog-card__body{padding:21px}.blog-card__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#8290a6;font-size:10px;font-weight:800}.blog-card__meta a,.blog-card__meta>span:first-child{color:var(--blue)}.blog-card h2,.blog-card h3{margin:9px 0 7px;color:var(--navy);font-size:20px;line-height:1.65}.blog-card p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.9}.blog-pagination{margin-top:34px}.blog-pagination .nav-links{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.blog-pagination a,.blog-pagination span{min-width:42px;height:42px;display:grid;place-items:center;padding:0 11px;border:1px solid #dde3ed;border-radius:12px;background:#fff;font-size:12px;font-weight:900}.blog-pagination .current{background:var(--blue);border-color:var(--blue);color:#fff}.empty-state{text-align:center;padding:60px 20px;border:1px dashed #cfd7e5;border-radius:28px;background:#fff}.empty-state h2{color:var(--navy);margin-top:0}.empty-state p{color:var(--muted)}
.article-hero{padding:70px 0 46px;background:linear-gradient(180deg,#f7f9ff,#fff)}.article-hero__inner{max-width:920px}.article-hero__meta{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 12px;color:#778399;font-size:11px;font-weight:800}.article-hero__meta span:first-child{color:var(--blue)}.article-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.35;color:var(--navy);margin:0;letter-spacing:-1px}.article-hero p{max-width:760px;font-size:17px;color:var(--muted);line-height:2;margin:16px 0 0}.article-cover{max-width:1080px;margin-top:8px}.article-cover img{width:100%;max-height:600px;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:48px;align-items:start;max-width:1100px}.article-content{max-width:none}.article-content h2{margin-top:42px;color:var(--navy);font-size:30px}.article-content h3{margin-top:32px;color:var(--navy);font-size:23px}.article-content p,.article-content li{font-size:16px;line-height:2.15;color:#455166}.article-content img{border-radius:20px}.article-content a:not(.btn){color:var(--blue);text-decoration:underline;text-underline-offset:4px}.article-side{position:sticky;top:112px}.article-side__card{padding:24px;border-radius:22px;background:#f3f6ff;border:1px solid #dfe6f8}.article-side__card strong{display:block;color:var(--navy);font-size:18px}.article-side__card p{color:var(--muted);font-size:13px;line-height:1.9}.article-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.article-tags span{font-weight:900;color:var(--navy)}.article-tags a{padding:6px 9px;border-radius:999px;background:#f1f4fa;text-decoration:none!important;color:#5e697c!important}.article-conversion{padding:58px 0;background:linear-gradient(135deg,#294fda,#172f7a);color:#fff}.article-conversion__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.article-conversion h2{margin:0;color:#fff;font-size:clamp(28px,3.4vw,44px)}.article-conversion p{color:#d7e0ff;margin:8px 0 0}.blog-grid--related .blog-card__body{padding:18px}
.contact-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.contact-info-grid>div,.contact-info-grid>a{min-width:0;display:flex;flex-direction:column;gap:5px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.contact-info-grid span{color:#8490a4;font-size:11px;font-weight:900}.contact-info-grid strong{color:var(--navy);font-size:15px;overflow-wrap:anywhere}.contact-info-grid__wide{grid-column:span 2}.contact-info-grid .text-link{margin-top:8px;font-size:12px}
.home-blog-section .section-head p{margin-inline:0}.blog-grid--home h3{font-size:19px}
@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-side{position:static}.about-story-block{grid-template-columns:1fr}.contact-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.about-values-grid,.contact-guidance-grid,.blog-grid,.contact-info-grid{grid-template-columns:1fr}.contact-info-grid__wide{grid-column:auto}.content-cta-box,.article-conversion__inner{align-items:flex-start;flex-direction:column}.blog-search{flex-direction:column}.blog-search button{width:100%}.article-hero{padding:48px 0 30px}.article-cover img{border-radius:20px}.article-content-section{padding-top:54px}.article-content h2{font-size:25px}.editorial-intro .lead{font-size:17px}.about-story-block{padding:24px}.article-conversion{padding:44px 0}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-card__image img{transition:none!important}.blog-card:hover,.blog-card:hover .blog-card__image img{transform:none!important}}


/* --------------------------------------------------------
   v1.0.0 — Final QA, refined mega menu presentation
--------------------------------------------------------- */
.has-mega{position:static}
.has-mega>.mega-trigger{position:relative;z-index:2}
.mega-menu--v3{width:min(1160px,calc(100vw - 32px));left:50%;right:auto;inset-inline-start:50%;inset-inline-end:auto;top:calc(100% + 14px);padding:16px;border-radius:28px;background:rgba(255,255,255,.96);border:1px solid rgba(219,228,244,.95);box-shadow:0 32px 90px rgba(10,24,57,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translate(-50%,12px)}
.has-mega:hover .mega-menu--v3,.has-mega:focus-within .mega-menu--v3,.has-mega.is-keyboard-open .mega-menu--v3{transform:translate(-50%,0)}
.mega-menu--v3::before,.mega-menu--v3::after{content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(36px);opacity:.5}
.mega-menu--v3::before{width:180px;height:180px;inset-block-start:18px;inset-inline-start:12px;background:rgba(76,103,255,.10)}
.mega-menu--v3::after{width:150px;height:150px;inset-block-end:22px;inset-inline-end:28px;background:rgba(219,164,53,.12)}
.mega-menu__shell{position:relative;z-index:1;display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px;align-items:stretch}
.mega-feature{padding:20px;border-radius:24px;background:linear-gradient(160deg,#eef3ff 0%,#f8faff 44%,#ffffff 100%);border:1px solid #e5ecfb;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.mega-feature .eyebrow{display:inline-flex;align-self:flex-start;margin:0 0 12px;padding:8px 12px;border-radius:999px;background:#fff;color:var(--blue);box-shadow:0 8px 24px rgba(47,91,255,.10)}
.mega-feature strong{font-size:24px;line-height:1.5;color:var(--navy)}
.mega-feature p{margin:10px 0 18px;color:#596477;font-size:14px;line-height:1.95}
.mega-feature__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.mega-feature__chips span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #e6ecfa;color:#43506a;font-size:12px;font-weight:700}
.mega-feature__actions{display:grid;gap:10px;margin-top:auto}.mega-feature__actions .mega-menu__all{justify-content:center}.mega-feature__actions .btn{width:100%;justify-content:center}
.mega-menu__content{min-width:0;display:grid;gap:14px}
.mega-menu__cards{padding:0;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}
.mega-path{padding:14px 14px 12px;border-radius:24px;background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%);box-shadow:0 8px 26px rgba(13,28,61,.03)}
.mega-path:hover{box-shadow:0 16px 38px rgba(14,31,70,.09)}
.mega-path__head{grid-template-columns:48px minmax(0,1fr) 18px;gap:10px}
.mega-path__icon{width:48px;height:48px;border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.mega-path__icon svg{width:24px;height:24px;stroke-width:1.8}
.mega-path__head small{font-size:10px;letter-spacing:.5px;margin-bottom:1px}
.mega-path__head strong{font-size:16px;line-height:1.45}
.mega-path__tagline{margin:12px 0 10px;color:#6a7385;font-size:12px;line-height:1.9;min-height:46px}
.mega-path__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding-top:10px;border-top:1px dashed #e8edf6;color:#7a8498;font-size:11px;font-weight:700}.mega-path__meta span{display:inline-flex;align-items:center;gap:6px}.mega-path__meta span::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--mp)}
.mega-path__links{display:flex;flex-direction:column;gap:6px;margin-top:0;padding-top:0;border-top:0}.mega-path__links>a{padding:8px 10px!important;border-radius:14px;background:#f8faff}.mega-path__links>a:hover{background:color-mix(in srgb,var(--mp-soft) 72%,white)}
.mega-menu__bottom{padding:16px 18px;border-radius:22px;background:linear-gradient(105deg,#f7f9ff 0%,#ffffff 100%);border:1px solid #edf1fb}
.mega-placement b{font-size:13px}.mega-placement span{font-size:11px;line-height:1.8}
@media (max-width:1280px){
  .mega-menu--v3{width:min(1100px,calc(100vw - 24px))}
  .mega-menu__shell{grid-template-columns:270px minmax(0,1fr)}
  .mega-menu__cards{gap:10px}
  .mega-path__head strong{font-size:14px}
}
@media (max-width:1180px){
  .mega-menu--v3{display:none}
}


/* --------------------------------------------------------
   v1.0.2 — Mega menu hover bridge + footer contact/licenses
--------------------------------------------------------- */
.has-mega.is-hover-open .mega-menu--v3{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
/* Invisible hit area bridges the deliberate visual gap above the panel. */
.mega-menu--v3 .mega-menu__shell::before{content:"";position:absolute;z-index:5;inset-inline:0;top:-50px;height:50px;background:transparent;pointer-events:auto}

.footer-contact-band{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.45fr);gap:14px;margin-bottom:46px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:26px;background:linear-gradient(105deg,rgba(45,67,130,.42),rgba(18,33,74,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.footer-contact-band__item{min-width:0;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:19px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);transition:background .2s ease,border-color .2s ease,transform .2s ease}
.footer-contact-band__item--phone:hover{background:rgba(255,255,255,.085);border-color:rgba(151,176,255,.28);transform:translateY(-1px)}
.footer-contact-band__icon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(118,145,255,.14);color:#aebfff}
.footer-contact-band__icon svg{width:23px;height:23px}
.footer-contact-band__item small,.footer-contact-band__item strong{display:block}.footer-contact-band__item small{margin-bottom:2px;color:#8f9bb8;font-size:10px;font-weight:800}.footer-contact-band__item strong{color:#eef3ff;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.footer-contact-band__item--phone strong{font-size:17px;letter-spacing:.3px;color:#fff}
.footer-grid--v2{grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:30px}
.footer-licenses{min-width:0}.footer-licenses__grid{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.footer-license{width:70px;height:70px;padding:7px;display:grid;place-items:center;border-radius:16px;background:#fff;border:1px solid rgba(255,255,255,.12)}.footer-license img{max-width:100%;max-height:100%;object-fit:contain}.footer-licenses__empty{max-width:180px!important;margin:0!important;font-size:11px!important;line-height:1.9!important;color:#7f8ba8!important}
@media(max-width:1024px){.footer-grid--v2{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-contact-band{grid-template-columns:1fr}}
@media(max-width:700px){.footer-contact-band{margin-bottom:34px;padding:10px;border-radius:21px}.footer-contact-band__item{padding:14px}.footer-contact-band__item--phone strong{font-size:15px}.footer-grid--v2{grid-template-columns:1fr}.footer-license{width:64px;height:64px}}
@media(prefers-reduced-motion:reduce){.footer-contact-band__item{transition:none!important}.footer-contact-band__item--phone:hover{transform:none!important}}


/* --------------------------------------------------------
   v1.0.3 — RTL-safe centered mega menu + footer socials
--------------------------------------------------------- */
/*
 * The mega menu is positioned against .site-header__inner (the centered header
 * container), not against logical RTL insets. Explicitly resetting both logical
 * inset properties prevents browsers from applying the old inset-inline-start
 * rule and pushing the panel out of the viewport.
 */
.site-header__inner{position:relative}
.desktop-menu>li.has-mega{position:static!important}
.mega-menu--v3{
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  right:auto!important;
  left:50%!important;
  top:100%!important;
  width:min(1160px,calc(100vw - 32px));
  padding:14px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:translateX(-50%) translateY(10px)!important;
}
/* The transparent top padding belongs to the actual menu hit area, so there is
   no dead hover gap between the trigger and the visual panel. */
.mega-menu--v3 .mega-menu__shell{
  position:relative;
  padding:16px;
  border:1px solid rgba(219,228,244,.95);
  border-radius:28px;
  background:rgba(255,255,255,.97);
  box-shadow:0 32px 90px rgba(10,24,57,.18);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  overflow:hidden;
}
.mega-menu--v3 .mega-menu__shell::before{display:none!important}
.has-mega:hover .mega-menu--v3,
.has-mega:focus-within .mega-menu--v3,
.has-mega.is-keyboard-open .mega-menu--v3,
.has-mega.is-hover-open .mega-menu--v3{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0)!important;
}
@media(max-width:1280px){.mega-menu--v3{width:min(1100px,calc(100vw - 24px))}}
@media(max-width:1180px){.mega-menu--v3{display:none!important}}

.footer-about{min-width:0}
.footer-socials{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.footer-socials__title{display:block;margin-bottom:10px;color:#e8edff;font-size:12px;font-weight:900}
.footer-socials__links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.footer-social{display:inline-flex!important;align-items:center;gap:7px;margin:0!important;padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.045);color:#aeb8d2!important;font-size:11px!important;font-weight:800;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.footer-social:hover{background:rgba(255,255,255,.09);border-color:rgba(153,177,255,.28);color:#fff!important;transform:translateY(-1px)}
.footer-social svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.footer-social svg .social-fill{fill:currentColor;stroke:none}
.footer-social--telegram svg path:first-child{fill:none}
@media(max-width:700px){.footer-socials__links{gap:7px}.footer-social{padding:8px 9px}.footer-social span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.footer-social{transition:none!important}.footer-social:hover{transform:none!important}}


/* --------------------------------------------------------
   v1.0.4 — fixed header branding, centered contact blocks,
   larger footer address and refined mobile navigation
--------------------------------------------------------- */
.brand{margin-inline-end:auto;min-width:0;flex:0 1 auto}
.brand-link{display:flex;align-items:center;gap:11px;min-width:0;color:var(--navy)}
.brand-mark{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#eef3ff,#fff);border:1px solid #e2e8f5;box-shadow:0 7px 20px rgba(20,42,94,.06);overflow:hidden}
.brand-mark__image{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;padding:5px}
.brand-mark__fallback{display:grid;place-items:center;width:100%;height:100%;padding:4px;color:var(--blue);font-size:11px;line-height:1.2;font-weight:1000;text-align:center}
.brand-fixed-title{display:block;max-width:150px;color:var(--navy);font-size:14px;line-height:1.55;font-weight:900;white-space:normal}
.brand-link:hover .brand-fixed-title{color:var(--blue)}

/* Contact page: centered intro and balanced cards even when the last row is incomplete. */
.contact-page>.section .editorial-intro{max-width:820px;margin-inline:auto;text-align:center}
.contact-page>.section .editorial-intro .lead{margin-inline:auto}
.contact-guidance-grid{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:18px;max-width:1060px;margin:38px auto!important}
.contact-guidance-grid section{flex:1 1 290px;max-width:334px;text-align:center}
.contact-guidance-grid section>span{margin-inline:auto}
.contact-info-section .section-head{max-width:760px;margin-inline:auto;margin-bottom:42px;text-align:center}
.contact-info-grid{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;max-width:1060px;margin-inline:auto}
.contact-info-grid>div,.contact-info-grid>a{flex:1 1 270px;max-width:330px;align-items:center;justify-content:center;text-align:center}
.contact-info-grid__wide{grid-column:auto!important;flex:1 1 560px!important;max-width:676px!important}
.contact-info-grid .text-link{margin-inline:auto}

/* Footer address is intentionally more prominent than the generic contact text. */
.footer-contact-band__item--address strong{font-size:18px!important;line-height:2}

/* Mobile navigation: card-based, clear hierarchy, action buttons unchanged. */
.mobile-menu{background:rgba(4,10,25,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.mobile-menu__panel{width:min(90%,400px);padding:18px;background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);box-shadow:-24px 0 60px rgba(6,17,43,.18)}
.mobile-menu__top{padding:4px 2px 16px;border-bottom:1px solid #e8edf5}
.mobile-menu__identity{display:flex;flex-direction:column;gap:1px;min-width:0}
.mobile-menu__identity span{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.2px}
.mobile-menu__identity strong{color:var(--navy);font-size:19px;line-height:1.45}
.menu-close{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:#f1f4fb;color:var(--navy);font-size:26px;line-height:1;transition:background .2s ease,color .2s ease,transform .2s ease}
.menu-close:hover{background:#e7edff;color:var(--blue);transform:rotate(4deg)}
.mobile-nav{margin-top:14px}
.mobile-nav .menu{display:grid;gap:8px;list-style:none;padding:0;margin:0}
.mobile-nav .menu>li{position:relative;margin:0;border:0!important}
.mobile-nav .menu>li>a{position:relative;display:flex;align-items:center;min-height:52px;padding:11px 16px 11px 44px;border:1px solid #e9edf5;border-radius:16px;background:#fff;color:#26344f;font-size:14px;font-weight:850;box-shadow:0 4px 14px rgba(18,37,83,.025);transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
.mobile-nav .menu>li>a::before{content:"";flex:0 0 9px;width:9px;height:9px;margin-inline-end:10px;border-radius:999px;background:#dce5ff;box-shadow:inset 0 0 0 2px #b8c8ff}
.mobile-nav .menu>li>a::after{content:"";position:absolute;left:17px;top:50%;width:7px;height:7px;border-left:1.8px solid #8c98ad;border-bottom:1.8px solid #8c98ad;transform:translateY(-50%) rotate(45deg);transition:transform .2s ease,border-color .2s ease}
.mobile-nav .menu>li>a:hover,.mobile-nav .menu>li.current-menu-item>a,.mobile-nav .menu>li.current_page_item>a{background:#f3f6ff;border-color:#d5def8;color:var(--blue);box-shadow:0 7px 18px rgba(47,91,255,.07);transform:translateY(-1px)}
.mobile-nav .menu>li>a:hover::before,.mobile-nav .menu>li.current-menu-item>a::before,.mobile-nav .menu>li.current_page_item>a::before{background:var(--blue);box-shadow:0 0 0 4px rgba(47,91,255,.10)}
.mobile-nav .menu>li>a:hover::after{border-color:var(--blue);transform:translateY(-50%) translateX(-2px) rotate(45deg)}
.mobile-nav .sub-menu{list-style:none;margin:6px 12px 4px 0;padding:4px 12px 4px 0;border-right:2px solid #e1e7f4}
.mobile-nav .sub-menu li{border:0!important}
.mobile-nav .sub-menu a{display:block;padding:8px 10px;color:#647087;font-size:12px;font-weight:750}
.mobile-nav .sub-menu a:hover{color:var(--blue)}
.mobile-menu__actions{margin-top:16px;padding-top:15px;border-top:1px solid #e8edf5}

@media(max-width:1180px){
  .brand-fixed-title{max-width:170px;font-size:14px}
}
@media(max-width:700px){
  .brand-link{gap:8px}
  .brand-mark{flex-basis:40px;width:40px;height:40px;border-radius:12px}
  .brand-fixed-title{max-width:112px;font-size:11px;line-height:1.5}
  .contact-guidance-grid section,.contact-info-grid>div,.contact-info-grid>a,.contact-info-grid__wide{flex-basis:100%!important;max-width:100%!important}
  .footer-contact-band__item--address strong{font-size:18px!important}
  .mobile-menu__panel{width:min(92%,390px);padding:16px}
  .mobile-nav .menu>li>a{min-height:50px;font-size:13px}
}
@media(max-width:380px){
  .brand-fixed-title{max-width:96px;font-size:10px}
  .brand-mark{flex-basis:38px;width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
  .menu-close,.mobile-nav .menu>li>a,.mobile-nav .menu>li>a::after{transition:none!important}
  .menu-close:hover,.mobile-nav .menu>li>a:hover{transform:none!important}
}


/* --------------------------------------------------------
   v1.0.5 — Mobile navigation hard reset + branded drawer
--------------------------------------------------------- */
.mobile-menu__top{gap:14px}
.mobile-menu__brand{display:flex;align-items:center;gap:11px;min-width:0;flex:1;color:inherit;text-decoration:none}
.mobile-menu__brand-mark{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#eef3ff,#ffffff);border:1px solid #dde6fb;overflow:hidden;box-shadow:0 7px 20px rgba(28,52,108,.08)}
.mobile-menu__brand-image{width:100%;height:100%;object-fit:contain;padding:5px}
.mobile-menu__brand-fallback{font-size:11px;font-weight:1000;color:var(--blue);line-height:1;text-align:center}
.mobile-menu__brand-title{min-width:0;color:var(--navy);font-size:16px;font-weight:950;line-height:1.55;white-space:normal}

/* Reset every possible WordPress list style inside the drawer. */
.mobile-menu .mobile-nav,
.mobile-menu .mobile-nav ul,
.mobile-menu .mobile-nav ol,
.mobile-menu .mobile-nav li{
  list-style:none!important;
  list-style-type:none!important;
  margin:0!important;
  padding-inline-start:0!important;
}
.mobile-menu .mobile-nav li::marker,
.mobile-menu .mobile-nav ul::marker,
.mobile-menu .mobile-nav ol::marker{content:""!important;font-size:0!important}
.mobile-menu .mobile-nav ul{padding:0!important}

.mobile-nav{margin-top:16px}
.mobile-nav .mobile-menu-list,
.mobile-nav>ul{display:grid!important;gap:9px!important;padding:0!important;margin:0!important}
.mobile-nav .mobile-menu-list>li,
.mobile-nav>ul>li{position:relative!important;border:0!important;padding:0!important;margin:0!important;list-style:none!important}
.mobile-nav .mobile-menu-list>li>a,
.mobile-nav>ul>li>a{
  position:relative;
  display:flex!important;
  align-items:center;
  min-height:54px;
  width:100%;
  padding:12px 16px 12px 48px!important;
  border:1px solid #e7ecf5;
  border-radius:17px;
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%);
  color:#26344f!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.6;
  box-shadow:0 5px 16px rgba(18,37,83,.035);
  text-decoration:none!important;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.mobile-nav .mobile-menu-list>li>a::before,
.mobile-nav>ul>li>a::before{
  content:"";
  flex:0 0 4px;
  width:4px;
  height:24px;
  margin-inline-end:12px;
  border-radius:999px;
  background:linear-gradient(180deg,#6f8cff,var(--blue));
  box-shadow:0 4px 12px rgba(47,91,255,.18);
}
.mobile-nav .mobile-menu-list>li>a::after,
.mobile-nav>ul>li>a::after{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  width:8px;
  height:8px;
  border-left:2px solid #9aa6ba;
  border-bottom:2px solid #9aa6ba;
  transform:translateY(-50%) rotate(45deg);
  transition:transform .2s ease,border-color .2s ease;
}
.mobile-nav .mobile-menu-list>li>a:hover,
.mobile-nav .mobile-menu-list>li.current-menu-item>a,
.mobile-nav .mobile-menu-list>li.current_page_item>a,
.mobile-nav>ul>li>a:hover,
.mobile-nav>ul>li.current-menu-item>a,
.mobile-nav>ul>li.current_page_item>a{
  background:linear-gradient(180deg,#f5f8ff 0%,#eef3ff 100%);
  border-color:#cedaff;
  color:var(--blue)!important;
  box-shadow:0 9px 24px rgba(47,91,255,.09);
  transform:translateY(-1px);
}
.mobile-nav .mobile-menu-list>li>a:hover::after,
.mobile-nav>ul>li>a:hover::after{border-color:var(--blue);transform:translateY(-50%) translateX(-2px) rotate(45deg)}

.mobile-nav .sub-menu{
  display:grid;
  gap:5px;
  list-style:none!important;
  margin:7px 12px 2px 0!important;
  padding:7px 12px 2px 0!important;
  border-right:2px solid #e1e7f4;
}
.mobile-nav .sub-menu li{list-style:none!important;border:0!important;padding:0!important;margin:0!important}
.mobile-nav .sub-menu li::marker{content:""!important}
.mobile-nav .sub-menu a{
  display:block!important;
  padding:8px 10px!important;
  border-radius:10px;
  color:#647087!important;
  font-size:12px!important;
  font-weight:750!important;
  background:transparent!important;
}
.mobile-nav .sub-menu a:hover{background:#f3f6ff!important;color:var(--blue)!important}

@media(max-width:520px){
  .mobile-menu__panel{width:min(94%,410px);padding:15px}
  .mobile-menu__brand-mark{width:44px;height:44px;flex-basis:44px;border-radius:14px}
  .mobile-menu__brand-title{font-size:15px}
  .mobile-nav .mobile-menu-list>li>a,.mobile-nav>ul>li>a{min-height:52px;padding:11px 14px 11px 44px!important;font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
  .mobile-nav .mobile-menu-list>li>a,.mobile-nav>ul>li>a,.mobile-nav .mobile-menu-list>li>a::after,.mobile-nav>ul>li>a::after{transition:none!important}
  .mobile-nav .mobile-menu-list>li>a:hover,.mobile-nav>ul>li>a:hover{transform:none!important}
}


/* --------------------------------------------------------
   v1.0.6 — Mobile navigation without UL/LI markers
--------------------------------------------------------- */
.mobile-menu .mobile-nav--cards{margin-top:16px!important;width:100%}
.mobile-menu .mobile-menu-cards{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%;margin:0!important;padding:0!important}
.mobile-menu .mobile-menu-card{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:54px;margin:0!important;padding:12px 15px!important;border:1px solid #e7ecf5;border-radius:17px;background:linear-gradient(180deg,#fff 0%,#fcfdff 100%);color:#26344f!important;font-size:14px!important;font-weight:850!important;line-height:1.6;text-decoration:none!important;box-shadow:0 5px 16px rgba(18,37,83,.035);transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;overflow:hidden}
.mobile-menu .mobile-menu-card::before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:4px;border-radius:0 999px 999px 0;background:linear-gradient(180deg,#6f8cff,var(--blue));box-shadow:0 4px 12px rgba(47,91,255,.18)}
.mobile-menu .mobile-menu-card span{display:block;min-width:0}
.mobile-menu .mobile-menu-card svg{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:#98a4b8;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease,stroke .2s ease}
.mobile-menu .mobile-menu-card:hover,.mobile-menu .mobile-menu-card:focus-visible{background:linear-gradient(180deg,#f5f8ff 0%,#eef3ff 100%);border-color:#cedaff;color:var(--blue)!important;box-shadow:0 9px 24px rgba(47,91,255,.09);transform:translateY(-1px);outline:none}
.mobile-menu .mobile-menu-card:hover svg,.mobile-menu .mobile-menu-card:focus-visible svg{stroke:var(--blue);transform:translateX(-2px)}
@media(max-width:480px){.mobile-menu .mobile-menu-card{min-height:52px;padding:11px 14px!important;font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.mobile-menu .mobile-menu-card,.mobile-menu .mobile-menu-card svg{transition:none!important}.mobile-menu .mobile-menu-card:hover{transform:none!important}}