.header-nav{gap:4px;display:flex}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:64px;padding-block:32px 96px;display:grid}.hero-copy{justify-items:start;gap:20px;display:grid}.hero h1{letter-spacing:-.03em;max-width:14ch;font-size:clamp(2.5rem,5.6vw,3.75rem);font-weight:700;line-height:1.04}:lang(ar) .hero h1{letter-spacing:0;line-height:1.3}.hero-copy p{max-width:46ch;color:var(--ink-2);font-size:1.1875rem;line-height:1.55}.cta-row{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.button{transition:background var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out)}.button-lg{min-height:48px;padding-inline:24px;font-weight:600}.button-quiet{background:var(--porcelain);border-color:var(--field-border);color:var(--ink)}.button-quiet:hover{background:var(--tint);border-color:var(--field-border-hover)}.shelf{border-radius:var(--radius-sheet);background:var(--porcelain);margin:0;padding:8px;box-shadow:0 1px 2px #1018280f,0 16px 40px -12px #1018282e}.shelf-head{color:var(--muted);padding:12px 16px 8px;font-size:.8125rem;font-weight:600}.shelf-row{border-radius:var(--radius-control);transition:background var(--dur) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"dot subject solution"".exam solution";align-items:center;column-gap:12px;padding:12px 16px;display:grid}.shelf-row:hover{background:var(--tint)}.shelf li+li .shelf-row{position:relative}.shelf li+li .shelf-row:before{content:"";inset-inline:16px;background:var(--rule);height:1px;position:absolute;top:0}.shelf li+li .shelf-row:hover:before,.shelf li:hover+li .shelf-row:before{opacity:0}.dot{background:var(--cycle);border-radius:50%;grid-area:dot;width:10px;height:10px}.shelf-subject{text-overflow:ellipsis;white-space:nowrap;grid-area:subject;font-weight:600;overflow:hidden}.shelf-exam{color:var(--muted);grid-area:exam;font-size:.875rem}.solution{background:var(--ok-soft);color:var(--ok-ink);white-space:nowrap;border-radius:999px;grid-area:solution;padding:4px 10px;font-size:.8125rem;font-weight:600}@keyframes settle{0%{opacity:0;transform:translateY(8px)}}.shelf li{animation:settle .6s var(--ease-out) both;animation-delay:calc(.12s + var(--i,0) * 70ms)}@media (prefers-reduced-motion:reduce){@keyframes settle{0%{opacity:0}}.shelf li{animation-delay:0s;animation-duration:.3s!important}}.journey-head{gap:8px;max-width:60ch;margin-bottom:32px;display:grid}.journey-head p{color:var(--ink-2);font-size:1.0625rem}.journey-stage{background:linear-gradient(180deg, var(--porcelain) 0%, var(--sky) 100%);border-radius:24px;padding:32px 24px 0;position:relative;overflow:hidden}.journey-art{mix-blend-mode:multiply;width:100%;max-width:1040px;height:auto;margin-inline:auto;display:block}[dir=rtl] .journey-art{transform:scaleX(-1)}.journey-ground{inset-inline:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;height:5px;display:grid;position:absolute;bottom:0}.journey-ground span{background:var(--cycle);border-radius:2px 2px 0 0}.journey .levels{margin-top:24px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.journey-art{animation:rise .7s var(--ease-out) both}[dir=rtl] .journey-art{animation-name:rise-rtl}@keyframes rise-rtl{0%{opacity:0;transform:scaleX(-1)translateY(12px)}}@media (prefers-reduced-motion:reduce){.journey-art{animation:none}}.landing-section{margin-bottom:96px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:24px;display:flex}.section-title{font-size:1.625rem;font-weight:650}.section-link{color:var(--blue-ink);font-size:.9375rem;font-weight:600}.section-link:hover{text-underline-offset:3px;text-decoration:underline}.levels{border-block:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.level{align-content:start;gap:8px;padding:28px 32px 32px;display:grid}.level:first-child{padding-inline-start:0}.level+.level{border-inline-start:1px solid var(--rule)}.level-line{background:var(--cycle);border-radius:2px;width:32px;height:3px;margin-bottom:8px}.level h3{font-size:1.25rem}.level p{color:var(--ink-2);font-size:.9375rem}.level-link{color:var(--blue-ink);justify-self:start;align-items:center;gap:6px;margin-top:8px;font-size:.9375rem;font-weight:600;display:inline-flex}.level-link:hover{text-underline-offset:3px;text-decoration:underline}.arrow{transition:transform var(--dur) var(--ease-out)}.level-link:hover .arrow{transform:translate(3px)}[dir=rtl] .arrow{transform:scaleX(-1)}[dir=rtl] .level-link:hover .arrow{transform:scaleX(-1)translate(3px)}.footer-links{gap:20px;display:flex}@media (max-width:60rem){.hero{grid-template-columns:minmax(0,1fr);gap:48px;padding-block:16px 64px}.levels{border-bottom:0;grid-template-columns:minmax(0,1fr)}.level,.level:first-child{border-bottom:1px solid var(--rule);padding:24px 0}.level+.level{border-inline-start:0}.landing-section{margin-bottom:64px}.journey-stage{padding:24px 12px 0}.journey-ground{gap:14px;inset-inline:12px}}@media (max-width:40rem){.header-nav{display:none}.hero{padding-block:8px 48px}.hero-copy p{font-size:1.0625rem}.cta-row{width:100%}.cta-row .button{flex:auto;justify-content:center}.shelf-row{padding:12px}}:root{--ground:#faf7f2;--porcelain:#faf7f2;--sky:#f0eeea;--ink:#242722;--ink-2:#555c56;--muted:#626962;--go:#ffa000;--go-hover:#ee9200;--on-go:#242722;--blue-ink:#24796f;--blue-soft:#e4eeea;--rule:#e3e3da}.site-header{background:#faf7f2}.header-inner{height:82px}.hero{grid-template-columns:1fr 1fr;gap:64px;min-height:630px;padding-block:36px 84px}.hero h1{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.8rem,5.2vw,4.6rem);font-weight:600;line-height:1.12}.hero h1:after{content:"";background:#ffa000;border-radius:50%;width:45%;height:6px;margin-top:12px;display:block;transform:rotate(-3deg)}.hero-copy p{max-width:42ch;font-size:1.05rem}.button-lg{border-radius:16px}.button-quiet{color:#24796f;background:0 0;border-color:#0000}.hero-visual{min-width:0;height:510px;padding:30px 20px;position:relative}.study-photo{object-fit:cover;object-position:58% center;border-radius:100px 100px 20px 20px;width:100%;height:100%;position:relative}.visual-block{background:#287e74;border-radius:28px;position:absolute}.block-one{inset:105px 0 140px 45px;transform:rotate(7deg)}.block-two{inset:320px 35px 0 0}.sun-lines{top:0;color:#ffa000;width:100px;position:absolute;inset-inline-start:-28px}.photo-note{bottom:0;color:#242722;background:#ffa000;border-radius:18px;gap:8px;max-width:85%;padding:22px 28px;display:grid;position:absolute;inset-inline-end:0}.photo-note span{font-size:.85rem}.photo-note strong{font-size:1.5rem}.library-preview{grid-template-columns:.9fr 1.1fr;align-items:center;gap:72px;margin-bottom:100px;display:grid}.preview-intro h2,.section-title{text-wrap:balance;font-size:clamp(1.8rem,3.2vw,2.7rem);font-weight:500;line-height:1.25}.preview-intro p{color:var(--ink-2);margin-top:20px;line-height:1.7}.shelf{box-shadow:none;background:#eeefeb;border-radius:22px;padding:16px}.shelf-head{color:#24796f}.shelf li{animation:none}.solution{color:#245c46;background:#dce9e1}.levels{border:0;gap:24px}.level,.level:first-child{background:#eeefeb;border:0;border-radius:24px;padding:32px}.level+.level{border:0}.level:nth-child(2){background:#e3ece6}.level-symbol{stroke:#287e74;stroke-width:1.8px;width:60px;height:60px;margin-bottom:24px}.level h3{font-size:1.5rem;font-weight:500}.level-link{margin-top:24px}.landing-section>.section-title{margin-bottom:36px}.site-footer{background:#e7eee7}::selection{color:#242722;background:#ffd184}a:focus-visible{outline-offset:5px;outline:3px solid #287e74}@media (max-width:60rem){.hero{gap:32px;min-height:auto;padding-block:20px 64px}.hero-visual{height:420px}.library-preview{gap:32px;margin-bottom:64px}.levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.level,.level:first-child{padding:24px 18px}}@media (max-width:40rem){.hero{grid-template-columns:1fr}.hero h1{font-size:2.8rem}.hero-visual{height:390px;margin-top:8px}.sun-lines{width:75px;inset-inline-start:-8px}.library-preview,.levels{grid-template-columns:1fr}.level,.level:first-child{padding:28px}.header-inner{gap:12px;height:72px}.lang-switch{margin-inline-start:auto}}
