.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}}.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}.landing-section>.section-title{margin-bottom:24px}.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}}@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}}