/* Home-only identity. Shared pages and educational programs keep their styles. */
@font-face{font-family:'Marhey';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/marhey-arabic.woff2') format('woff2')}
.journey-home{--content:1440px;background:#f0f7ff}
.journey-home .header{position:absolute;inset:14px 18px auto;border:1px solid #fff9;border-radius:22px;background:#fffffff5;box-shadow:0 6px 24px #1963a516;z-index:10}
.journey-home .nav-wrap{direction:ltr;min-height:76px;padding:6px 28px;gap:30px;max-width:1440px}
.journey-home .journey-wordmark{display:inline-flex;direction:rtl;align-items:baseline;justify-content:center;gap:.12em;font-family:'Baloo Bhaijaan 2','Noto Sans Arabic',Tahoma,sans-serif;font-weight:800;letter-spacing:0;white-space:nowrap;line-height:1.28}
.journey-home .journey-wordmark>span{font-size:inherit;margin:0;line-height:inherit;paint-order:stroke fill;-webkit-text-stroke:6px #062b61;text-shadow:0 3px 0 #062b61;filter:drop-shadow(0 1px 0 white)}
.journey-home .journey-word{color:#27c9f3}
.journey-home .hero-word{color:#ffd52f}
.journey-home .header .brand{font-size:47px;flex-shrink:0;padding:0 7px}
.journey-home #navigation{display:flex;position:static;inset:auto;box-shadow:none;background:none;padding:0;flex-direction:row;direction:rtl;max-width:660px;gap:20px;font-size:18px;justify-content:center}
.journey-home .menu-toggle{display:none}
.journey-home #navigation a{padding:6px 11px;border-radius:30px}
.journey-home #navigation a.active{background:#e5f3ff}
.journey-home #navigation a.active:after{display:none}
.journey-home .journey-login{direction:rtl;min-width:0;min-height:46px;padding:7px 22px;gap:9px;border-radius:30px;font-size:18px;white-space:nowrap;flex-shrink:0}
.journey-home .hero{background:#69c7f6 url('../assets/journey-landscape.png') 50% 0%/cover no-repeat}
.journey-home .hero-sunlight{background:radial-gradient(ellipse at 50% 66%,#fff8 0,transparent 52%)}
.journey-home .hero-inner{height:clamp(610px,46vw,715px);max-width:1536px}
.journey-home .student{bottom:4px;width:30%;max-width:455px;z-index:1}
.journey-home .student-boy{left:.6%}
.journey-home .student-girl{right:.6%}
.journey-home .student-art{aspect-ratio:3/4}
.journey-home .student-art img{width:200%;height:100%;max-width:none;filter:drop-shadow(0 5px 7px #244d5c18)}
.journey-home .hero-copy{width:51%;max-width:740px;padding:125px 0 26px;align-self:center;z-index:2}
.journey-home h1.journey-wordmark{font-size:clamp(84px,9.3vw,145px);margin:0 0 5px;line-height:1.2;filter:drop-shadow(0 3px 0 white) drop-shadow(0 -2px 0 white)}
.journey-home h1.journey-wordmark>span{-webkit-text-stroke:12px #062b61;text-shadow:0 6px 0 #062b61}
.journey-home .hero-copy .hero-motto{position:relative;font-size:clamp(23px,2.25vw,34px);line-height:1.6;color:#553516;background:linear-gradient(#fff0b5,#ffd889);border:1px solid #f9c66e;box-shadow:0 4px 0 #c580413b;padding:4px 10px;border-radius:7px;white-space:normal;font-weight:800;margin:0 auto 10px;width:max-content;max-width:100%}
.journey-home .hero-copy .hero-motto:before,.journey-home .hero-copy .hero-motto:after{content:'';position:absolute;top:8px;bottom:-6px;width:22px;background:#f4b85c;z-index:-1}
.journey-home .hero-motto:before{right:-15px;clip-path:polygon(0 0,100% 0,75% 50%,100% 100%,0 100%)}
.journey-home .hero-motto:after{left:-15px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,25% 50%)}
.journey-home .hero-description{width:max-content;max-width:100%;font-size:clamp(18px,1.6vw,24px);font-weight:800;color:#103e7a;line-height:1.5;margin:0 auto 4px;padding:3px 15px;background:#fffffff0;border-radius:25px}
.journey-home .hero-grade-range{font-size:clamp(18px,1.55vw,23px);line-height:1.5;margin:0 auto 12px;padding:2px 21px;border-radius:25px;background:#e3f4fff0;width:max-content;max-width:100%}
.journey-home .hero-copy>.button{font-size:28px;min-width:310px;min-height:65px;border-radius:40px;gap:26px}
.journey-home .hero-wave{height:45px}
.journey-home #grades{scroll-margin-top:28px;padding-top:0;padding-bottom:38px;position:relative;z-index:4}
.journey-home .grades .section-heading{margin-bottom:19px}
.journey-home .grades h2{font-size:40px;line-height:1.35}
.journey-home .grades .section-heading:after{margin:5px auto 9px;width:46px;height:4px}
.journey-home .grades .section-heading p{font-size:20px;margin-top:4px}
.journey-home .grade-grid{direction:ltr;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.journey-home .grade-card{direction:rtl;--tile:#ff3c87;--tile-light:#ff72ac;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;min-height:90px;padding:12px 16px;border:1px solid #ffffff9c;border-radius:17px;background:linear-gradient(155deg,var(--tile-light),var(--tile));color:white;box-shadow:inset 0 2px 2px #fff7,0 4px 8px #153d7420;transition:transform .18s,box-shadow .18s;overflow:visible}
.journey-home .grade-card:nth-child(2){--tile:#952cec;--tile-light:#be67ff}
.journey-home .grade-card:nth-child(3){--tile:#00a6eb;--tile-light:#35d0f3}
.journey-home .grade-card:nth-child(4){--tile:#279f36;--tile-light:#75cd64}
.journey-home .grade-card:nth-child(5){--tile:#f5a500;--tile-light:#ffcf48}
.journey-home .grade-card:nth-child(6){--tile:#1454c5;--tile-light:#4085ee}
.journey-home .grade-card:hover{transform:translateY(-4px);box-shadow:inset 0 2px 2px #fff7,0 8px 15px #153d7430;border-color:white}
.journey-home .grade-card h3{font-size:23px;line-height:1.35;color:white;margin:0;white-space:normal}
.journey-home .grade-label{text-align:right;min-width:0;flex:1 1 auto}
.journey-home .grade-card .status{font-size:14px;font-weight:600;line-height:1.4;color:white;background:none;box-shadow:none;padding:0;min-width:0;min-height:0;margin:2px 0 0;border:0}
.journey-home .grade-arrow{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border-radius:50%;background:#fff;color:var(--tile);font:800 24px/1 Arial}
.journey-home .features{padding-top:32px;border-radius:35px 35px 0 0}
.journey-home .features .section-heading{margin-bottom:28px}
.journey-home .feature-grid{margin-bottom:30px}
.journey-home #faq{scroll-margin-top:24px}
@media(min-width:1600px){.journey-home .header{left:calc((100% - 1500px)/2);right:calc((100% - 1500px)/2)}}
@media(max-width:1150px){.journey-home .nav-wrap{gap:15px;padding-inline:18px}.journey-home #navigation{font-size:16px;gap:4px}.journey-home .header .brand{font-size:40px}.journey-home .journey-login{font-size:16px;padding-inline:16px}.journey-home .grade-card{padding-inline:12px;gap:6px}.journey-home .grade-card h3{font-size:19px}.journey-home .grade-arrow{width:26px;height:26px;font-size:21px}.journey-home .hero-copy{padding-top:110px;width:52%}}
@media(max-width:900px){
 .journey-home .header{inset:10px 12px auto;border-radius:17px}
 .journey-home .nav-wrap{display:grid;grid-template-columns:45px 1fr 45px;padding:4px 15px;min-height:65px;gap:8px}
 .journey-home .header .brand{grid-column:2;grid-row:1;justify-self:center;font-size:41px}
 .journey-home .menu-toggle{display:grid;place-items:center;grid-column:1;grid-row:1;position:static;padding:10px;width:42px;height:42px;color:var(--navy);background:transparent;border-radius:10px}
 .journey-home .menu-toggle svg{width:24px;height:24px;fill:currentColor}
 .journey-home .journey-login{grid-column:3;grid-row:1;padding:9px;min-width:42px;min-height:42px;background:transparent;box-shadow:none;border:0}
 .journey-home .journey-login span{display:none}.journey-home .journey-login .ui-icon{width:25px;height:25px}
 .journey-home #navigation{display:none;position:absolute;inset:76px 0 auto;max-width:none;background:#fffffffA;padding:15px;box-shadow:0 12px 26px #123e7326;border-radius:16px;flex-direction:column;gap:5px;font-size:19px}
 .journey-home #navigation.open{display:flex}.journey-home #navigation a{width:100%;text-align:center}
 .journey-home .hero-inner{height:630px}
 .journey-home .student{width:34%;bottom:28px}
 .journey-home .hero-copy{width:55%;padding-top:85px}
 .journey-home h1.journey-wordmark{font-size:clamp(76px,10vw,100px)}
 .journey-home .hero-copy .hero-motto{font-size:22px}
 .journey-home .hero-description{font-size:18px}
 .journey-home .hero-copy>.button{font-size:23px;min-width:260px;min-height:58px}
 .journey-home .grade-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .journey-home .grade-card h3{font-size:24px}.journey-home .grade-card{padding-inline:18px;min-height:80px}
}
@media(max-width:600px){
 .journey-home .section-container{padding-inline:16px}
 .journey-home .header{inset:8px 8px auto;border-radius:15px}
 .journey-home .nav-wrap{min-height:59px;padding-inline:8px}
 .journey-home .header .brand{font-size:36px}
 .journey-home .journey-wordmark>span{-webkit-text-stroke:5px #062b61;text-shadow:0 2px 0 #062b61}
 .journey-home .hero{background-position:58% 65px;background-size:auto calc(100% - 65px)}
 .journey-home .hero-sunlight{background:linear-gradient(transparent 45%,#fff4 70%,transparent)}
 .journey-home .hero-inner{height:610px;display:block}
 .journey-home .student{top:111px;bottom:auto;width:49%;max-width:none}
 .journey-home .student-boy{left:-1%}.journey-home .student-girl{right:-1%}
 .journey-home .hero-copy{position:absolute;bottom:34px;left:4%;width:92%;padding:0;max-width:none}
 .journey-home h1.journey-wordmark{font-size:clamp(72px,20vw,110px);line-height:1.25;margin:0 0 2px}
 .journey-home h1.journey-wordmark>span{-webkit-text-stroke:8px #062b61;text-shadow:0 4px 0 #062b61}
 .journey-home .hero-copy .hero-motto{font-size:clamp(16px,4.5vw,23px);padding:5px 7px;margin-bottom:8px;line-height:1.55;border-radius:6px;white-space:nowrap}
 .journey-home .hero-motto:before,.journey-home .hero-motto:after{width:13px}
 .journey-home .hero-motto:before{right:-8px}.journey-home .hero-motto:after{left:-8px}
 .journey-home .hero-description{font-size:16px;line-height:1.5;padding:4px 12px;max-width:96%;margin-bottom:5px}
 .journey-home .hero-grade-range{font-size:17px;margin-bottom:9px;padding:2px 12px}
 .journey-home .hero-copy>.button{font-size:23px;min-width:260px;min-height:53px;padding:7px 22px;gap:25px}
 .journey-home .hero-wave{height:26px}
 .journey-home #grades{padding-top:0;padding-bottom:26px}
 .journey-home .grades h2{font-size:34px}.journey-home .grades .section-heading p{font-size:16px}
 .journey-home .grades .section-heading{margin-bottom:14px}
 .journey-home .grade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .journey-home .grade-card{min-height:69px;border-radius:12px;padding:10px 12px}
 .journey-home .grade-card h3{font-size:21px}.journey-home .grade-card .status{font-size:12px}
 .journey-home .grade-arrow{width:25px;height:25px;font-size:21px}
 .journey-home .features{padding-top:26px}.journey-home .features .section-heading h2{font-size:30px}
}
@media(max-width:360px){.journey-home .hero-inner{height:575px}.journey-home .student{top:102px}.journey-home .hero-description{font-size:15px}.journey-home .hero-grade-range{font-size:15px}.journey-home .hero-copy>.button{font-size:21px;min-width:245px}.journey-home .grade-card{padding-inline:9px}.journey-home .grade-card h3{font-size:18px}.journey-home .header .brand{font-size:33px}}
@media(prefers-reduced-motion:reduce){.journey-home .grade-card{transition:none}}

/* Restored illustrated grade cards, using the original SVGs and live grade data. */
.journey-home #grades{max-width:1240px;padding-bottom:44px}
.journey-home #grades .grade-grid{direction:rtl;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.journey-home #grades .grade-card{flex-direction:column;justify-content:flex-start;gap:0;min-height:460px;padding:26px 24px 24px;border:2px solid white;border-radius:28px;background:var(--card-background);color:var(--navy);box-shadow:0 5px 16px #5186b910,inset 0 0 25px #fff8;text-align:center}
.journey-home #grades .sky{--card-background:linear-gradient(145deg,#cceafb,#f3fbff)}
.journey-home #grades .rose{--card-background:linear-gradient(145deg,#ffdce8,#fff6f8)}
.journey-home #grades .gold{--card-background:linear-gradient(145deg,#fff0b9,#fffcef)}
.journey-home #grades .mint{--card-background:linear-gradient(145deg,#d9f0d1,#f5fbf1)}
.journey-home #grades .cyan{--card-background:linear-gradient(145deg,#d2f0fc,#f3fbff)}
.journey-home #grades .lavender{--card-background:linear-gradient(145deg,#e4d9fa,#fbf8ff)}
.journey-home #grades .grade-number{font-size:120px;line-height:1;margin-bottom:7px}
.journey-home #grades .grade-illustration{width:158px;height:122px;margin-bottom:7px;max-width:90%}
.journey-home #grades .grade-card h3{font-size:32px;color:#183f70;line-height:1.5;margin:3px 0 12px;white-space:normal}
.journey-home #grades .status{display:inline-block;min-width:145px;max-width:100%;min-height:0;font-size:23px;font-weight:700;line-height:1.5;padding:5px 18px;margin:0 0 18px;border-radius:30px}
.journey-home #grades .status.available{background:#c5e6ad;color:#326a35}
.journey-home #grades .status.preparing{background:#ffedb0;color:#946a1b}
.journey-home #grades .grade-button{margin-top:auto;width:100%;max-width:290px;min-height:58px;font-size:24px;line-height:1.5;padding:9px 10px;border-radius:13px;white-space:normal}
.journey-home .student{width:31.8%;max-width:482px;bottom:-29px}
.journey-home h1.journey-wordmark{font-family:'Marhey','Baloo Bhaijaan 2',Tahoma,sans-serif;font-weight:700;gap:.13em;line-height:1.3}
.journey-home h1.journey-wordmark>span{-webkit-text-stroke-width:9px}
@media(max-width:900px){
 .journey-home .student{width:36%;bottom:11px}
 .journey-home #grades .grade-grid{gap:16px}
 .journey-home #grades .grade-card{min-height:405px;padding:22px 15px}
 .journey-home #grades .grade-number{font-size:104px}
 .journey-home #grades .grade-illustration{width:133px;height:103px}
 .journey-home #grades .grade-card h3{font-size:26px}
 .journey-home #grades .status{font-size:21px;min-width:124px}
 .journey-home #grades .grade-button{font-size:20px;min-height:54px}
}
@media(max-width:650px){
 .journey-home #grades .grade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .journey-home #grades .grade-card{min-height:350px;padding:19px 10px 17px;border-radius:23px}
 .journey-home #grades .grade-number{font-size:88px;margin-bottom:5px}
 .journey-home #grades .grade-illustration{width:115px;height:90px;margin-bottom:5px}
 .journey-home #grades .grade-card h3{font-size:23px;margin:4px 0 9px}
 .journey-home #grades .status{font-size:19px;min-width:0;padding:4px 13px;margin-bottom:13px}
 .journey-home #grades .grade-button{font-size:clamp(14px,3.8vw,20px);min-height:50px;padding:8px 4px;border-radius:11px}
}
@media(max-width:600px){
 .journey-home .student{width:51.5%;bottom:auto}
 .journey-home .student-boy{left:-2%}.journey-home .student-girl{right:-2%}
 .journey-home h1.journey-wordmark>span{-webkit-text-stroke-width:6px}
}
@media(max-width:360px){
 .journey-home #grades .grade-card{min-height:324px;padding-inline:7px}
 .journey-home #grades .grade-number{font-size:80px}
 .journey-home #grades .grade-illustration{width:102px;height:80px}
 .journey-home #grades .grade-card h3{font-size:20px}
 .journey-home #grades .status{font-size:17px;padding-inline:11px}
}

/* Custom rounded Arabic lettering, shared by the heading and navigation logo. */
.journey-home .reference-wordmark{display:block;width:100%;height:auto;object-fit:contain;overflow:visible}
.journey-home .header .brand{width:204px;padding:0 7px}
.journey-home h1.journey-wordmark{display:block;width:min(100%,650px);font-size:inherit;line-height:0;margin:0 auto 8px;filter:none}
.journey-home h1 .reference-wordmark{max-height:214px}
@media(max-width:1150px){.journey-home .header .brand{width:177px}}
@media(max-width:900px){.journey-home .header .brand{width:164px}}
@media(max-width:600px){.journey-home .header .brand{width:146px}.journey-home h1.journey-wordmark{width:100%;margin-bottom:6px}}
@media(max-width:360px){.journey-home .header .brand{width:137px}}