/* HAMOU MATH Platform Experience v49 — editorial learning architecture */
body.hm49-home{--hm49-ink:#10243b;--hm49-muted:#63768b;--hm49-line:#dce6ef;--hm49-teal:#35cdbd;--hm49-blue:#2459d3;--hm49-paper:#f4f7fb;background:#f4f7fb;color:var(--hm49-ink);font-family:"Tajawal","IBM Plex Sans Arabic","Noto Sans Arabic",system-ui,sans-serif;line-height:1.85}
body.hm49-home main{overflow:hidden}
body.hm49-home .topbar{background:rgba(7,22,41,.96)!important;border-bottom:1px solid rgba(255,255,255,.09)!important;box-shadow:0 9px 30px rgba(9,27,50,.14)!important}
body.hm49-home .navbar{min-height:76px;gap:16px}
body.hm49-home .brand{letter-spacing:.035em;font-size:18px}
body.hm49-home .brand-badge{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#4de0ce,#9cf3d9)!important;color:#08223b!important}
body.hm49-home .desktop-nav{gap:3px}
body.hm49-home .nav-link,body.hm49-home .nav-btn{font-size:13px;padding:9px 10px}
body.hm49-home .hero{padding:76px 0 72px!important;background:radial-gradient(ellipse at 84% 25%,rgba(44,177,202,.23),transparent 34%),radial-gradient(ellipse at 5% 100%,rgba(76,89,205,.22),transparent 36%),linear-gradient(118deg,#07172c 0%,#0b2542 52%,#113e5d 100%)!important;isolation:isolate;border:0}
body.hm49-home .hero:before{opacity:.48;background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000 38%,#000)}
body.hm49-home .hero:after{content:"∫   ∑   π   Δ";font-size:clamp(120px,20vw,270px);color:rgba(107,232,220,.055);left:-35px;bottom:-60px;pointer-events:none}
body.hm49-home .hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:clamp(32px,5vw,76px);align-items:center}
body.hm49-home .hero-copy{max-width:690px}
body.hm49-home .hero .eyebrow{font-size:12px;letter-spacing:.025em;padding:8px 13px;background:rgba(57,218,202,.09);border-color:rgba(100,241,222,.25);color:#a5fff0}
body.hm49-home .hero h1{font-size:clamp(40px,5.15vw,70px);line-height:1.24;letter-spacing:-.045em;margin:20px 0 18px;color:#f7fbff}
body.hm49-home .hero h1 em{color:#6be7d7;text-shadow:0 0 34px rgba(70,227,209,.14)}
body.hm49-home .hero p{font-size:clamp(16px,1.5vw,19px);line-height:2;color:#c3d4e5!important;max-width:620px}
body.hm49-home .hero-actions{gap:11px;margin-top:27px}
body.hm49-home .hero-actions a{min-height:52px;padding-inline:21px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
body.hm49-home .hero-actions .primary-btn{background:linear-gradient(120deg,#5ae3d1,#a7f4dc)!important;color:#09243c!important;box-shadow:0 12px 32px rgba(58,217,201,.2)!important}
body.hm49-home .hero-actions .secondary-btn{background:rgba(255,255,255,.045)!important;border:1px solid rgba(221,243,255,.24)!important;color:#f4fbff!important}
body.hm49-home .hero .micro-proof{gap:9px;margin-top:25px;color:#c5d8e8;font-size:12px}
body.hm49-home .hero .micro-proof span{padding:6px 9px;border:1px solid rgba(209,238,250,.12);border-radius:9px;background:rgba(255,255,255,.035)}
body.hm49-home .hm49-visual{padding:23px!important;border:1px solid rgba(170,225,244,.2)!important;border-radius:30px!important;background:linear-gradient(150deg,rgba(18,47,77,.94),rgba(7,22,41,.97))!important;box-shadow:0 36px 100px rgba(0,0,0,.28)!important;min-height:450px;display:flex;flex-direction:column;justify-content:space-between}
body.hm49-home .hm49-visual:before{top:-140px;left:-80px;width:300px;height:300px;border-color:rgba(82,226,210,.15);box-shadow:0 0 0 26px rgba(82,226,210,.025),0 0 0 56px rgba(82,226,210,.018)}
.hm49-visual-head{position:relative;z-index:1;display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.hm49-visual-head .math-badge{flex:0 0 54px;width:54px;height:54px;border-radius:16px;font-size:27px}
.hm49-visual-head>div:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1;min-width:145px}
.hm49-visual-head strong{color:#f4fbff;font-size:16px}
.hm49-visual .hero-mini-kicker{color:#90b5ce;font-size:9px;letter-spacing:.11em}
.hm49-live{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(96,230,195,.18);border-radius:999px;color:#b0f5dd;font-size:10px;white-space:nowrap}
.hm49-live i{width:6px;height:6px;border-radius:50%;background:#5ce8b6;box-shadow:0 0 0 4px rgba(92,232,182,.1)}
.hm49-math-stage{position:relative;min-height:260px;margin:18px 0 13px;border:1px solid rgba(185,225,246,.1);border-radius:23px;background:radial-gradient(ellipse at 50% 55%,rgba(48,141,181,.15),transparent 60%),rgba(255,255,255,.025);overflow:hidden}
.hm49-math-stage:before,.hm49-math-stage:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(166,220,243,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(166,220,243,.05) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at center,#000,transparent 78%)}
.hm49-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(75,223,209,.2);border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg)}
.hm49-orbit-one{width:260px;height:160px}.hm49-orbit-two{width:190px;height:250px;transform:translate(-50%,-50%) rotate(36deg);border-color:rgba(141,169,255,.2)}
.hm49-symbol{position:absolute;z-index:2;font-family:Cambria,serif;font-weight:900;color:#8af2e3;text-shadow:0 0 28px rgba(78,223,209,.2)}
.hm49-symbol-a{top:22px;right:16%;font-size:33px}.hm49-symbol-b{bottom:18px;left:17%;font-size:30px;color:#b8c6ff}.hm49-symbol-c{top:35%;left:11%;font-size:25px;color:#8ed7ff}
.hm49-equation{position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;width:min(78%,300px);padding:17px 14px;border:1px solid rgba(164,231,237,.22);border-radius:17px;background:rgba(8,27,47,.88);box-shadow:0 15px 45px rgba(0,0,0,.22);text-align:center;backdrop-filter:blur(8px)}
.hm49-equation small{font-size:10px;color:#8fb2c9}.hm49-equation strong{font:700 clamp(19px,2.1vw,27px) Cambria,"STIX Two Math",serif;color:#fff;direction:ltr;unicode-bidi:isolate}.hm49-equation span{font-size:10px;color:#9ce8dc}
.hm49-graph{position:absolute;right:-9px;bottom:-4px;width:130px;height:78px;opacity:.78}
.hm49-visual-bottom{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.hm49-visual-bottom>div{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid rgba(190,225,245,.1);border-radius:14px;background:rgba(255,255,255,.035);min-width:0}
.hm49-mini-icon{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:10px;background:rgba(69,219,202,.12);color:#79ecdc;font-size:11px;font-weight:950}
.hm49-visual-bottom>div>span:last-child{display:flex;flex-direction:column;line-height:1.45}.hm49-visual-bottom b{font-size:12px;color:#f3fbff}.hm49-visual-bottom small{font-size:10px;color:#98b3c9}
body.hm49-home .hm49-visual .hero-card-footer{margin-top:15px;padding-top:13px;border-color:rgba(204,233,247,.1);color:#9bb9d0;font-size:10px}
/* Five clear product journeys */
body.hm49-home .hm49-pathways{padding:76px 0 70px!important;background:#f7f9fc!important}
.hm49-section-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:25px}
.hm49-kicker{display:inline-flex;color:#167f83;background:#e4f8f4;border:1px solid #cceee8;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:950}
.hm49-section-heading h2{font-size:clamp(27px,3vw,38px)!important;line-height:1.35;margin:12px 0 7px;color:#102a45!important;font-weight:950}
.hm49-section-heading p{margin:0;color:#66798d;max-width:680px;font-size:14px;line-height:1.9}
.hm49-text-link{display:inline-flex;align-items:center;gap:8px;color:#1d5ca0;font-weight:900;white-space:nowrap;text-decoration:none;padding:10px 0}
.hm49-path-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.hm49-path{grid-column:span 2;position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:245px;padding:22px 22px 19px;border:1px solid #e0e8f0;border-radius:22px;background:#fff;color:#102a45;text-decoration:none;box-shadow:0 7px 26px rgba(14,40,70,.035);overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}
.hm49-path:nth-child(4){grid-column:2/span 2}.hm49-path:nth-child(5){grid-column:4/span 2}
.hm49-path:before{content:"";position:absolute;left:-30px;bottom:-50px;width:130px;height:130px;border-radius:50%;background:var(--path-halo,rgba(54,217,208,.12));transition:transform .3s}
.hm49-path:hover{transform:translateY(-5px);border-color:#a6dcd8;box-shadow:0 20px 44px rgba(14,40,70,.09)}.hm49-path:hover:before{transform:scale(1.25)}
.hm49-path-student{--path-halo:rgba(55,200,180,.16)}.hm49-path-teacher{--path-halo:rgba(70,123,229,.14)}.hm49-path-library{--path-halo:rgba(227,174,76,.17)}.hm49-path-ai{--path-halo:rgba(137,111,232,.16)}.hm49-path-bac{--path-halo:rgba(37,142,198,.16)}
.hm49-path-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:#e8f8f5;color:#147e7c;font-size:25px;margin-bottom:17px}.hm49-path-teacher .hm49-path-icon{background:#edf2ff;color:#355ec3}.hm49-path-library .hm49-path-icon{background:#fff5e4;color:#98671c}.hm49-path-ai .hm49-path-icon{background:#f1edff;color:#7450c5}.hm49-path-bac .hm49-path-icon{background:#e8f5fc;color:#216a97}
.hm49-path-label{color:#718399;font-size:11px;font-weight:900;margin-bottom:2px}.hm49-path strong{font-size:19px;line-height:1.5;font-weight:950;letter-spacing:-.02em}.hm49-path p{font-size:12px;color:#687b90;line-height:1.9;margin:7px 0 16px;max-width:340px}.hm49-path-go{margin-top:auto;display:flex;align-items:center;gap:8px;color:#176e77;font-size:12px;font-weight:950}.hm49-path-go b{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d7e9e9;border-radius:50%;font-size:12px}
.hm49-trust-line{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:24px;padding-top:18px;border-top:1px solid #e2e9f0;color:#62768a;font-size:11px}.hm49-trust-line span{display:flex;align-items:center;gap:7px}.hm49-trust-line b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#dff7ee;color:#087c62;font-size:10px}
/* Make the remaining homepage sections feel like one product, not a collection of templates */
body.hm49-home main>section:not(.hero):not(.hm49-pathways){padding-block:55px}
body.hm49-home main>section:nth-of-type(even):not(.hero):not(.hm49-pathways){background:#f7f9fc}
body.hm49-home main h2,body.hm49-home .section-head h2{color:#112a45;font-weight:950;letter-spacing:-.025em}
body.hm49-home .section-head p{color:#65798d}
body.hm49-home .card,body.hm49-home .banner,body.hm49-home .growth-card,body.hm49-home .growth-hero,body.hm49-home .function-card{border:1px solid #e0e8f0!important;border-radius:20px!important;box-shadow:0 8px 26px rgba(14,40,70,.045)!important}
body.hm49-home .card{background:#fff!important}
body.hm49-home .card:hover,body.hm49-home .function-card:hover{border-color:#a6dcd8!important;box-shadow:0 17px 40px rgba(14,40,70,.085)!important}
body.hm49-home #library{background:#fff!important}
body.hm49-home #library .education-card{min-height:235px;padding:25px!important}
body.hm49-home #library .education-card>div:first-child>div{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e9f8f5;font-size:23px!important;margin-bottom:12px}
body.hm49-home #library .education-card h3{font-size:20px;color:#163451}
.hm49-library-note{display:flex;align-items:center;gap:14px;margin-top:18px;padding:17px 19px;border:1px solid #d9e9e8;border-radius:17px;background:linear-gradient(110deg,#f0fbf8,#f7fbff)}
.hm49-library-note-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:#d8f5eb;color:#13775f;font-size:17px;font-weight:950}
.hm49-library-note>div{flex:1;min-width:0}.hm49-library-note strong{color:#183d52;font-size:14px}.hm49-library-note p{margin:2px 0 0;color:#65798d;font-size:11px;line-height:1.8}.hm49-library-note>a{color:#166b78;font-size:12px;font-weight:900;white-space:nowrap;text-decoration:none}
body.hm49-home #ai .banner{padding:clamp(24px,4vw,42px)!important;background:radial-gradient(circle at 90% 10%,rgba(76,226,209,.15),transparent 35%),linear-gradient(120deg,#0a1d35,#123d5a)!important;border-color:rgba(71,220,203,.24)!important;color:#fff}
body.hm49-home #ai .banner h2{color:#fff;font-size:clamp(28px,3.5vw,42px)}body.hm49-home #ai .banner p{color:#c5d9e7}
body.hm49-home .growth-section{background:#edf3f8!important}
body.hm49-home .growth-hero{background:linear-gradient(145deg,#fff,#f5fbfd)!important}
body.hm49-home .growth-card{background:#fff!important}
body.hm49-home #bac-academy .bac-editorial{border-radius:25px!important}
body.hm49-home #all-functions .function-card{background:#fff!important;min-height:172px}
body.hm49-home #subscriptions .pricing-card{height:100%;display:flex;flex-direction:column;align-items:flex-start}
body.hm49-home #subscriptions .pricing-card .benefits{font-size:13px;color:#63768b;line-height:1.85}
body.hm49-home #subscriptions .pricing-card .subscription-btn{margin-top:auto;min-width:100%}
body.hm49-home .subscription-direct-link{color:#156f7a!important;border-color:#cce7e7;background:#f1fbf9}
body.hm49-home .footer{background:#07172b!important}
body.hm49-home .toast{border-radius:14px}
@media(max-width:1050px){body.hm49-home .hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:28px}.hm49-path-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.hm49-path{padding:19px;min-height:255px}}
@media(max-width:820px){body.hm49-home .hero{padding:54px 0 50px!important}body.hm49-home .hero-grid{grid-template-columns:1fr;gap:30px}.hm49-visual{width:100%;max-width:650px;margin-inline:auto}.hm49-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hm49-path,.hm49-path:nth-child(4),.hm49-path:nth-child(5){grid-column:auto}.hm49-path:last-child{grid-column:1/-1}.hm49-section-heading{align-items:flex-start;flex-direction:column;gap:8px}body.hm49-home main>section:not(.hero):not(.hm49-pathways){padding-block:42px}}
@media(max-width:560px){body.hm49-home .hero{padding:42px 0 38px!important}body.hm49-home .hero h1{font-size:clamp(34px,9vw,46px)}body.hm49-home .hero-actions{display:grid;grid-template-columns:1fr}body.hm49-home .hero-actions a{width:100%}body.hm49-home .hero .micro-proof{display:flex;gap:7px}body.hm49-home .hero .micro-proof span{font-size:10px}.hm49-visual{padding:16px!important;border-radius:22px!important;min-height:0}.hm49-visual-head{gap:10px}.hm49-live{width:100%;justify-content:center}.hm49-math-stage{min-height:230px}.hm49-equation{width:84%;padding:14px 9px}.hm49-equation strong{font-size:20px}.hm49-visual-bottom{gap:6px}.hm49-visual-bottom>div{padding:8px 6px;gap:6px;flex-direction:column;align-items:flex-start}.hm49-visual-bottom b{font-size:11px}.hm49-visual-bottom small{font-size:9px}.hm49-visual .hero-card-footer{gap:6px;font-size:9px}.hm49-path-grid{grid-template-columns:1fr}.hm49-path,.hm49-path:last-child{grid-column:auto;min-height:0;padding:20px}.hm49-path p{max-width:none}.hm49-trust-line{display:grid;grid-template-columns:1fr;gap:9px}.hm49-library-note{align-items:flex-start;flex-wrap:wrap}.hm49-library-note>div{flex:1 1 calc(100% - 55px)}.hm49-library-note>a{margin-inline-start:50px}.hm49-visual-head strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){body.hm49-home *,body.hm49-home *:before,body.hm49-home *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}