/* The supplied IZY reference is the visual source of truth. */
.site-header .site-preferences{display:none!important}
.site-header .header-inner{gap:18px}
.site-header .desktop-nav{gap:22px;font-size:13px;flex:1}
.site-header .header-search{flex:0 1 232px;width:232px}
.site-header .header-actions{gap:10px}
.site-header .header-actions .btn{padding-inline:14px;min-height:37px}
.header-content-page{padding:40px 0 64px;min-height:65vh;max-width:1000px}
.header-content-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.header-content-heading h1{font-size:32px;color:#102b47}
.header-content-heading a{display:flex;align-items:center;gap:8px;color:#087edb;font-size:14px;min-height:44px}
.header-content-intro{color:#69809a;font-size:16px;margin-bottom:26px}
.header-page-empty{padding:50px 24px;background:white;border:1px solid #dbe8f5;border-radius:14px;text-align:center;margin-top:24px}
.header-page-empty>svg{color:#0788e3;margin-bottom:18px}
.header-page-empty h2{font-size:25px;color:#16334f}
.header-page-empty p{color:#6a8098;font-size:15px;line-height:1.9;max-width:600px;margin:12px auto 24px}
.header-help-questions{display:grid;gap:12px}
.header-help-questions details{border:1px solid #dbe8f5;background:white;border-radius:12px;padding:20px 24px}
.header-help-questions summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-size:17px;font-weight:700;list-style:none}
.header-help-questions summary::-webkit-details-marker{display:none}
.header-help-questions details p{margin-top:16px;font-size:15px;line-height:1.9;color:#657e98}
.header-help-questions details[open] summary svg{transform:rotate(180deg)}
.header-support{padding:28px;background:#eaf4fe;border:1px solid #cfE4f5;border-radius:12px;margin-top:28px}
.header-support h2{font-size:23px}
.header-support p{color:#6a8098;margin:8px 0 16px;font-size:15px}
.reference-home .home-hero{height:445px;padding:32px 3.5%;gap:24px}
.reference-home .hero-copy{min-width:0;width:46%;max-width:620px}
.reference-home .hero-copy h1{font-size:clamp(34px,3.5vw,54px);line-height:1.3;margin:14px 0 20px;letter-spacing:-.4px}
.reference-home .hero-copy h1 span{color:#38c8ef}
.reference-home .hero-copy>p{font-size:15px;max-width:510px;line-height:1.9}
.reference-home .hero-art{background-position:center,calc(50% + 125px) center;background-size:cover,auto 118%}
.reference-home .hero-search-row{margin-top:22px;width:100%;max-width:470px}
.reference-home .hero-search-row .search-box{width:100%;height:56px}
.reference-home .hero-search-row input{font-size:14px}
.reference-highlights{position:absolute;right:3.5%;top:36px;bottom:36px;width:305px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;direction:ltr}
.reference-highlights>div{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 9px;text-align:center;direction:rtl;border:1px solid #35516b;border-radius:11px;background:linear-gradient(140deg,#061629ed,#020a15eb);box-shadow:inset 0 1px #ffffff0c,0 3px 9px #0007}
.reference-highlights svg{width:48px;height:48px;padding:9px;box-sizing:content-box;color:#00bfff;border:1px solid #0b69ac77;background:radial-gradient(ellipse at center,#007aff30,transparent 70%);border-radius:50%;filter:drop-shadow(0 0 7px #00aaff33);margin-bottom:5px}
.reference-highlights>div:nth-child(2) svg{color:#ffc257;background:radial-gradient(ellipse at center,#ffae1230,transparent 70%);border-color:#cc8d2744}
.reference-highlights strong{font-size:14px;line-height:1.6}
.reference-highlights span{font-size:11px;line-height:1.7;color:#b4c7dd}
.learning-strip{background:#fff;border-bottom:1px solid #e1ecf7;padding:15px 4% 19px;text-align:center;box-shadow:0 1px 3px #c6e0fa44}
.learning-strip>p{font-size:12px;font-weight:600;color:#7990ac;margin-bottom:13px}
.learning-strip>div{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;direction:rtl}
.learning-strip span{display:flex;align-items:center;justify-content:center;gap:10px;color:#264563;font-size:16px;font-weight:700;line-height:1.5}
.learning-strip svg{color:#0488da;flex-shrink:0}
.reference-home .home-content{padding-top:30px;padding-bottom:28px}
.reference-home .home-categories .section-heading{padding:0 20px}
.reference-home .home-categories .section-heading h2{font-size:29px}
.reference-home .category-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin:22px 24px 28px}
.reference-home .category-card{padding-bottom:13px;min-width:0}
.reference-home .category-card img{height:132px;width:100%;object-fit:cover}
.reference-home .category-card strong{font-size:16px;padding:0 5px;line-height:1.7}
.reference-home .reference-ai{height:250px;margin:26px 0;border:1px solid #539aca;border-radius:12px;background:#00142a;gap:24px}
.reference-ai .promo-robot{width:25%;flex-shrink:0;align-self:stretch;background-image:linear-gradient(0deg,#00142a 0%,transparent 28%),url('assets/robot.webp');background-size:cover,auto 145%;background-position:center,right center;background-repeat:no-repeat}
.reference-ai .reference-ai-copy{flex:1;min-width:0;direction:rtl;text-align:left}
.reference-ai h2{font-size:30px;line-height:1.4}
.reference-ai p{font-size:14px;line-height:1.8;max-width:380px}
.reference-ai .promo-preview{width:29%;min-width:220px;height:90%;margin-left:auto;padding:20px;gap:8px;text-align:right;align-content:center;transition:border-color .15s}
.reference-ai .promo-preview:hover{border-color:#8fdbff}
.reference-ai .promo-preview strong{font-size:20px;line-height:1.6;width:100%;color:#fff}
.reference-ai .promo-preview>svg{margin-right:auto}
.reference-ai .promo-preview span{font-size:13px}
.reference-home .featured{margin-top:26px}
.reference-home .featured h2{font-size:28px}
.reference-home .featured .courses-grid{direction:ltr;gap:20px}
.reference-preview .course-image{height:154px}
.reference-preview .course-body{display:flex;flex-direction:column;padding:16px;text-align:right;direction:rtl;flex:1}
.reference-preview h3{font-size:18px;line-height:1.6;color:#0b233e}
.reference-preview p{font-size:13px;line-height:1.8;color:#6e839e;margin:8px 0 18px}
.reference-preview .btn{align-self:flex-start;margin-top:auto;min-height:40px;font-size:12px}
.reference-status{position:absolute;top:10px;left:10px;background:#001b38db;color:#c7eeff;font-size:11px;font-weight:700;padding:3px 10px;border:1px solid #3774a3;border-radius:5px}
.reference-home .cta-banner{margin-top:0;min-height:160px}
.reference-home .cta-banner h2{white-space:normal}
.reference-home .cta-banner p{line-height:1.8}
.reference-home .cta-buttons .btn{min-width:165px;min-height:42px;border-radius:9px}
[dir=ltr] .reference-home .hero-copy,[dir=ltr] .reference-ai .reference-ai-copy,[dir=ltr] .reference-preview .course-body{direction:ltr;text-align:left}
[dir=ltr] .learning-strip>div{direction:ltr}
[dir=ltr] .reference-home .hero-copy h1{font-size:clamp(34px,3.5vw,54px);line-height:1.2}
@media(min-width:1600px){.reference-home .home-hero{height:490px}.reference-highlights{width:340px;top:40px;bottom:40px}.reference-highlights strong{font-size:16px}.reference-highlights span{font-size:12px}}
@media(min-width:801px) and (max-width:1100px){
 .site-header .desktop-nav{grid-column:1/-1;justify-self:stretch;justify-content:center}
 .site-header .header-inner{min-height:114px;padding-bottom:0}
 .reference-home .home-hero{height:420px;padding:30px 3%}
 .reference-home .hero-copy{width:50%;max-width:50%}
 .reference-home .hero-copy h1{font-size:36px}
 .reference-home .hero-copy>p{font-size:14px}
 .reference-highlights{width:250px;right:3%;top:30px;bottom:30px;gap:10px}
 .reference-highlights svg{width:34px;height:34px;padding:8px}
 .reference-highlights strong{font-size:13px}
 .reference-highlights span{font-size:10px}
 .learning-strip span{font-size:14px}
 .reference-home .category-cards{grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:0}
 .reference-ai .promo-robot{width:20%}
 .reference-ai h2{font-size:25px}
 .reference-ai .promo-preview{width:27%;min-width:190px}
 .reference-ai .promo-preview strong{font-size:17px}
 .reference-home .cta-banner{padding-inline:20%}
 .reference-home .cta-banner h2{font-size:23px}
}
@media(max-width:800px){
 .site-header .header-inner{gap:10px;padding-inline:18px}
 .site-header .desktop-nav{gap:22px;justify-content:flex-start;overflow-x:auto;min-width:0;scrollbar-width:none;font-size:13px}
 .site-header .desktop-nav::-webkit-scrollbar{display:none}
 .site-header .desktop-nav a{flex-shrink:0;min-height:44px}
 .site-header .header-search{flex:initial;width:100%;grid-column:1/-1}
 .site-header .header-actions{gap:6px}
 .site-header .header-actions .btn{font-size:11px;padding:8px;min-height:38px}
 .site-header .header-actions [data-modal=signup]{display:inline-flex}
 .site-header .header-actions .cart-link{width:28px;margin-right:2px}
 .header-content-page{padding-block:26px 42px}
 .header-content-heading{flex-wrap:wrap;gap:10px}
 .header-content-heading h1{font-size:28px}
 .header-page-empty{padding:32px 20px}
 .header-page-empty h2{font-size:23px}
 .header-help-questions details{padding:18px}
 .header-help-questions summary{font-size:16px}
 .reference-home .home-hero{height:auto;min-height:0;padding:30px 22px 24px;display:block}
 .reference-home .home-hero .hero-art{background-image:linear-gradient(0deg,#000b18 0%,#000b18f5 32%,#000b18a6 65%,#000b1870 100%),url('assets/hero-desktop-hd.webp');background-size:cover,auto 410px;background-position:center,32% top}
 .reference-home .home-hero .hero-copy{width:100%;max-width:none;direction:rtl;text-align:right}
 .reference-home .hero-copy>.eyebrow{display:inline-flex;font-size:11px;padding:2px 11px}
 .reference-home .home-hero .hero-copy h1{font-size:36px;line-height:1.4;text-align:right;letter-spacing:-.3px;margin:15px 0 18px}
 .reference-home .home-hero .hero-copy>p{font-size:15px;line-height:1.9;max-width:none;margin:0;text-align:right}
 .reference-home .hero-search-row{max-width:none;margin-top:24px}
 .reference-home .hero-search-row .search-box{height:54px}
 .reference-home .hero-search-row input{font-size:16px;padding-inline:12px}
 .reference-highlights{position:relative;inset:auto;width:100%;margin-top:24px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
 .reference-highlights>div{min-height:138px;padding:14px 8px}
 .reference-highlights svg{width:30px;height:30px;padding:8px;margin-bottom:3px}
 .reference-highlights strong{font-size:14px}
 .reference-highlights span{font-size:11px;line-height:1.7}
 .learning-strip{padding:18px 22px 22px}
 .learning-strip>p{font-size:12px;margin-bottom:16px}
 .learning-strip>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
 .learning-strip span{font-size:13px;justify-content:flex-start;gap:8px}
 .learning-strip svg{width:21px;height:21px}
 .reference-home .home-content{padding-top:28px;padding-bottom:28px}
 .reference-home .home-categories .section-heading{padding:0;gap:12px;flex-wrap:wrap;direction:rtl;text-align:right}
 .reference-home .home-categories .section-heading h2{font-size:26px}
 .reference-home .home-categories h2 svg{width:23px;height:23px;padding:6px}
 .reference-home .home-categories .section-heading p{font-size:13px}
 .reference-home .home-categories .section-heading>.btn{min-height:40px;font-size:12px}
 .reference-home .category-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 24px}
 .reference-home .category-card img{height:auto;aspect-ratio:1.3}
 .reference-home .category-card strong{font-size:14px;line-height:1.7;padding:3px 7px 0}
 .reference-home .reference-ai{height:auto;min-height:300px;padding:28px 22px;background-image:linear-gradient(90deg,#00162eb0,#00162ef5 50%,#031326),url('assets/robot.webp');background-size:cover,auto 100%;background-position:center,left center;display:grid;grid-template-columns:1fr 1fr;gap:20px}
 .reference-ai .promo-robot{display:none}
 .reference-ai .reference-ai-copy{grid-column:2;grid-row:1;direction:rtl;text-align:right}
 .reference-ai h2{font-size:26px}
 .reference-ai p{font-size:13px;line-height:1.8}
 .reference-ai .promo-preview{grid-column:1;grid-row:1;min-width:0;width:100%;height:180px;margin:0;padding:16px;background-color:#00152bc9}
 .reference-ai .promo-preview strong{font-size:17px}
 .reference-home .featured{margin-top:28px}
 .reference-home .featured .section-heading{flex-wrap:wrap;gap:12px}
 .reference-home .featured h2{font-size:26px}
 .reference-home .featured .courses-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .reference-preview .course-body{padding:14px}
 .reference-preview .course-image{height:auto;aspect-ratio:1.6}
 .reference-preview h3{font-size:17px}
 .reference-preview p{font-size:13px;margin-bottom:14px}
 .reference-home .cta-banner{padding:30px 24px;min-height:220px;margin:0}
 .reference-home .cta-banner:before,.reference-home .cta-banner:after{width:35%;opacity:.4}
 .reference-home .cta-banner h2{font-size:26px;white-space:normal;line-height:1.5}
 .reference-home .cta-banner p{font-size:14px;margin:10px 0 18px}
 .reference-home .cta-buttons{flex-wrap:wrap;gap:12px;white-space:normal}
 .reference-home .cta-buttons .btn{min-height:44px;min-width:150px}
 [dir=ltr] .reference-home .home-hero .hero-copy,[dir=ltr] .reference-home .home-hero .hero-copy h1,[dir=ltr] .reference-home .home-hero .hero-copy>p,[dir=ltr] .reference-ai .reference-ai-copy{direction:ltr;text-align:left}
 [dir=ltr] .reference-home .home-categories .section-heading{direction:ltr;text-align:left}
 [dir=ltr] .reference-home .home-hero .hero-copy h1{font-size:36px;line-height:1.2}
}
@media(max-width:600px){
 .reference-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}
 .reference-home .category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .reference-home .category-card strong{font-size:15px}
 .reference-home .reference-ai{display:block;padding:28px 22px;background-image:linear-gradient(90deg,#00162eb0,#00162ef5 50%,#031326),url('assets/promo-robot.webp');background-size:cover,auto 100%;min-height:0}
 .reference-ai .reference-ai-copy{width:100%;max-width:340px;margin-inline-start:auto}
 .reference-ai .promo-preview{width:100%;height:auto;min-height:140px;margin-top:24px;display:grid;grid-template-columns:1fr auto;gap:10px 18px;text-align:right}
 .reference-ai .promo-preview strong{font-size:18px}
 .reference-ai .promo-preview>svg{grid-column:2;grid-row:1/3}
 .reference-ai .promo-preview span{font-size:12px}
 .reference-home .featured .courses-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .reference-preview .course-image{aspect-ratio:1.9}
 .reference-preview .course-body{padding:12px}
 .reference-preview h3{font-size:16px}
 .reference-preview p{font-size:12px}
 .reference-preview .btn{min-height:44px;font-size:11px;padding:8px;gap:4px}
 .reference-home .cta-buttons{flex-direction:column;align-items:stretch}
}
@media(max-width:360px){
 .site-header .header-inner{padding-inline:11px;gap:7px}
 .site-header .header-actions{gap:4px}
 .site-header .logo{font-size:14px}
 .site-header .logo b{font-size:22px}
 .site-header .header-actions .btn{font-size:9px;padding-inline:5px}
 .site-header .header-actions .cart-link{width:24px}
 .site-header .desktop-nav{gap:18px;font-size:12px}
 .reference-home .home-hero{padding-inline:18px}
 .reference-home .home-hero .hero-copy h1{font-size:31px}
 .reference-highlights strong{font-size:13px}
 .reference-highlights span{font-size:10px}
 .learning-strip{padding-inline:18px}
 .learning-strip span{font-size:12px;gap:6px}
 .reference-home .home-categories .section-heading h2{font-size:23px}
}