.landing-experience{--exp-brand:var(--brand-primary);--exp-ink:var(--text-primary);--exp-muted:var(--text-secondary);--exp-panel:var(--section-background);--exp-soft:color-mix(in srgb,var(--brand-primary) 7%,var(--section-background));--exp-line:color-mix(in srgb,var(--brand-primary) 18%,transparent);position:relative;z-index:6;margin-top:clamp(2rem,5vw,4rem);padding-block:clamp(36px,5vw,56px);color:var(--exp-ink);font-weight:400}.landing-experience button,.landing-experience h3,.landing-experience strong{font-weight:400}.landing-experience__container{width:min(1080px,94%);margin-inline:auto}.landing-experience__header{margin-bottom:clamp(24px,4vw,36px)}.landing-experience__header-row{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:1rem;margin-bottom:0}@media screen and (min-width:768px){.landing-experience__header-row{flex-direction:row;align-items:flex-end;gap:2rem}}.landing-experience__header-copy{direction:rtl;flex:1 1 auto;text-align:right}.landing-experience__header-copy h2{margin:0;line-height:1.15;font-weight:600;text-align:right}.landing-experience__header-subtitle{margin:0;max-width:17.5rem;direction:rtl;text-align:left;align-self:flex-end;font-size:.92rem;font-weight:300;line-height:1.7;color:color-mix(in srgb,#6b4c2e 72%,#3d2a1a)}.landing-experience__title-below{margin:0;direction:rtl;text-align:right}.landing-experience__title-below p{margin:0;line-height:1.7}.landing-experience--in-band{--exp-band:#f0e4dd;--exp-panel:#ffffff;--exp-soft:#f8f0e4;--exp-line:color-mix(in srgb,#6b4c2e 24%,#c07045 16%);--exp-ink:#3d2a1a;--exp-muted:color-mix(in srgb,#6b4c2e 68%,#3d2a1a);background:var(--exp-band)}.dark .landing-experience--in-band{--exp-band:#2d1b13;--exp-panel:#3a261c;--exp-soft:#4a3226;--exp-line:color-mix(in srgb,var(--brand-highlight) 28%,#8b6239 22%);--exp-ink:#f5ebd9;--exp-muted:color-mix(in srgb,#f5ebd9 62%,#2d1b13);--exp-brand:var(--brand-highlight);background:var(--exp-band);color:var(--exp-ink)}.landing-experience__finder{display:block}.landing-experience__panel{border:1.5px solid color-mix(in srgb,#6b4c2e 20%,#c07045 14%);border-radius:18px;background:var(--exp-panel);overflow:hidden;box-shadow:inset 0 1px 0 color-mix(in srgb,#ffffff 80%,transparent),0 14px 32px color-mix(in srgb,#6b4c2e 10%,transparent)}.landing-experience__panel-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch}.landing-experience__block{padding:16px 18px;transition:opacity .2s ease}.landing-experience__block.is-locked{opacity:.55}.landing-experience__block-head{margin-bottom:12px}.landing-experience__block-label{margin:0 0 4px;color:var(--exp-brand);font-size:.72rem}.landing-experience__block-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}.landing-experience__block-head h3{margin:0;font-size:1rem;font-weight:700;color:var(--exp-ink)}.landing-experience__block-hint{color:var(--exp-muted);font-size:.78rem;line-height:1.4}.landing-experience__split-v{width:1px;margin-block:14px;background:var(--exp-line)}.landing-experience__grades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.landing-experience__grade{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border:1.5px solid var(--exp-line);border-radius:4px;background:var(--exp-soft);color:var(--exp-ink);cursor:pointer;font:inherit;box-shadow:0 4px 14px rgba(61,41,20,.12);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.landing-experience__grade:focus-visible,.landing-experience__grade:hover{border-color:color-mix(in srgb,var(--exp-brand) 55%,#6b4c2e);background:color-mix(in srgb,var(--exp-band) 55%,#ffffff);box-shadow:0 6px 18px rgba(61,41,20,.18);transform:scale(1.02);outline:none}.landing-experience__grade.is-active{border-color:var(--exp-brand);background:color-mix(in srgb,var(--exp-brand) 8%,#ffffff);box-shadow:inset 4px 0 0 var(--exp-brand),0 4px 14px rgba(61,41,20,.14)}.landing-experience__grade-label{position:relative;z-index:1;font-size:.95rem;font-weight:700}.landing-experience__grade-bg-num{pointer-events:none;position:absolute;inset-inline-end:-.35rem;bottom:-.55rem;z-index:0;font-family:var(--font-ibm-plex-arabic),"IBM Plex Sans Arabic",sans-serif;font-size:3.25rem;font-weight:800;line-height:1;color:#ef4444;opacity:.16;transform:rotate(-22deg);transform-origin:center;transition:opacity .18s ease,transform .18s ease}.landing-experience__grade:focus-visible .landing-experience__grade-bg-num,.landing-experience__grade:hover .landing-experience__grade-bg-num{opacity:.22;transform:rotate(-18deg) scale(1.06)}.landing-experience__grade.is-active .landing-experience__grade-bg-num{color:var(--exp-brand);opacity:.24}.dark .landing-experience__grade-bg-num{color:var(--brand-highlight);opacity:.22}.dark .landing-experience__grade.is-active .landing-experience__grade-bg-num{color:#f5ebd9;opacity:.3}.dark .landing-experience--in-band .landing-experience__header-subtitle{color:color-mix(in srgb,#f5ebd9 72%,transparent)}.dark .landing-experience__panel{border-color:color-mix(in srgb,var(--brand-highlight) 22%,#8b6239 18%);box-shadow:inset 0 1px 0 color-mix(in srgb,#ffffff 5%,transparent),0 14px 32px rgba(0,0,0,.38)}.dark .landing-experience__grade{box-shadow:0 4px 14px rgba(0,0,0,.28)}.dark .landing-experience__grade:focus-visible,.dark .landing-experience__grade:hover{background:color-mix(in srgb,var(--exp-soft) 88%,#f5ebd9 6%);border-color:color-mix(in srgb,var(--brand-highlight) 55%,#8b6239);box-shadow:0 6px 18px rgba(0,0,0,.34)}.dark .landing-experience__grade.is-active{background:color-mix(in srgb,var(--brand-highlight) 12%,var(--exp-panel));box-shadow:inset 4px 0 0 var(--brand-highlight),0 4px 14px rgba(0,0,0,.3)}.dark .landing-experience__subject:not(:disabled):focus-visible,.dark .landing-experience__subject:not(:disabled):hover{background:color-mix(in srgb,var(--exp-soft) 88%,#f5ebd9 6%);border-color:color-mix(in srgb,var(--brand-highlight) 50%,#8b6239)}.dark .landing-experience__subject.is-active{background:color-mix(in srgb,var(--brand-highlight) 12%,var(--exp-panel));box-shadow:inset 4px 0 0 var(--brand-highlight)}.dark .landing-experience__subject-icon-wrap{background:color-mix(in srgb,var(--brand-highlight) 14%,var(--exp-panel));color:var(--brand-highlight)}.dark .landing-experience__subject.is-active .landing-experience__subject-icon-wrap{background:var(--brand-highlight);color:#2d1b13}.dark .landing-experience__outcome{background:color-mix(in srgb,var(--exp-panel) 72%,#2d1b13)}.dark .landing-experience__outcome.is-ready{background:color-mix(in srgb,var(--brand-highlight) 8%,var(--exp-panel))}.dark .landing-experience__outcome-label{background:color-mix(in srgb,var(--brand-highlight) 16%,var(--exp-panel));color:var(--brand-highlight)}.dark .landing-experience__outcome.is-ready .landing-experience__outcome-label{background:color-mix(in srgb,var(--brand-highlight) 22%,var(--exp-panel))}.dark .landing-experience__outcome-icon{background:color-mix(in srgb,var(--brand-highlight) 16%,transparent);color:var(--brand-highlight)}.dark .landing-experience__outcome-body strong{color:var(--exp-ink)}.dark .landing-experience__block.is-locked{opacity:.48}.landing-experience__subjects{display:grid;gap:8px}.landing-experience__subjects.is-row{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-experience__subjects-empty{margin:0;min-height:44px;display:grid;place-items:center;padding:8px 12px;border:1px dashed var(--exp-line);border-radius:12px;text-align:center;color:var(--exp-muted);font-size:.82rem}.landing-experience__subject{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;border:1.5px solid var(--exp-line);border-radius:12px;background:var(--exp-soft);color:var(--exp-ink);cursor:pointer;font:inherit;text-align:right;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.landing-experience__subject:disabled{cursor:not-allowed;opacity:.72}.landing-experience__subject:not(:disabled):focus-visible,.landing-experience__subject:not(:disabled):hover{border-color:color-mix(in srgb,var(--exp-brand) 55%,#6b4c2e);background:color-mix(in srgb,var(--exp-band) 55%,#ffffff);outline:none}.landing-experience__subject.is-active{border-color:var(--exp-brand);background:color-mix(in srgb,var(--exp-brand) 8%,#ffffff);box-shadow:inset 4px 0 0 var(--exp-brand)}.landing-experience__subject-icon-wrap{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--exp-brand) 10%,var(--exp-panel));color:var(--exp-brand);font-size:.95rem;line-height:1}.landing-experience__subject.is-active .landing-experience__subject-icon-wrap{background:var(--exp-brand);color:#fff}.landing-experience__subject-icon{width:18px;height:18px}.landing-experience__subject-copy{display:grid;gap:2px;flex:1;min-width:0}.landing-experience__subject-copy strong{font-size:.92rem;font-weight:700;color:var(--exp-ink)}.landing-experience__subject-copy small{color:var(--exp-muted);font-size:.72rem}.landing-experience__subject.is-active .landing-experience__subject-copy small{color:color-mix(in srgb,var(--exp-ink) 65%,transparent)}.landing-experience__outcome{display:flex;align-items:stretch;gap:0;min-height:52px;padding:0;padding-inline-end:14px;border-top:1px solid var(--exp-line);background:color-mix(in srgb,var(--exp-band) 42%,#ffffff);transition:background .2s ease}.landing-experience__outcome.is-ready{background:color-mix(in srgb,var(--exp-brand) 10%,color-mix(in srgb,var(--exp-band) 45%,#ffffff))}.landing-experience__outcome-label{display:grid;place-items:center;align-self:stretch;min-width:88px;padding:10px 16px;background:color-mix(in srgb,var(--exp-brand) 14%,var(--exp-band));color:var(--exp-brand);font-size:.82rem;white-space:nowrap}.landing-experience__outcome.is-ready .landing-experience__outcome-label{background:color-mix(in srgb,var(--exp-brand) 20%,var(--exp-band))}.landing-experience__outcome-divider{width:1px;align-self:stretch;flex-shrink:0;background:var(--exp-line)}.landing-experience__outcome-icon{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;align-self:center;margin-inline-start:auto;border-radius:10px;background:color-mix(in srgb,var(--exp-brand) 12%,transparent);color:var(--exp-brand)}.landing-experience__outcome-icon svg{width:18px;height:18px}.landing-experience__outcome-body{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 14px}.landing-experience__outcome-body strong{font-size:.95rem;color:var(--exp-ink)}.landing-experience__outcome-note{color:var(--exp-muted);font-size:.78rem;white-space:nowrap}.landing-experience__outcome-cta{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;align-self:center;min-height:36px;padding:7px 14px;margin-inline-end:2px;border-radius:10px;background:var(--exp-brand);color:#fff;text-decoration:none;font-size:.85rem;white-space:nowrap;transition:opacity .18s ease}.landing-experience__outcome-cta:hover{opacity:.92}.landing-experience__outcome-cta svg{width:18px;height:18px}@media screen and (max-width:767px){.landing-experience__header-copy{align-self:flex-start}.landing-experience__header-subtitle{max-width:16rem;text-align:left;align-self:flex-end}}@media screen and (max-width:768px){.landing-experience__panel-row{grid-template-columns:1fr}.landing-experience__split-v{width:auto;height:1px;margin:0 16px}.landing-experience__outcome{flex-wrap:wrap;padding-inline-end:0}.landing-experience__outcome-label{width:100%;min-width:0;padding-block:8px}.landing-experience__outcome-divider{width:100%;height:1px}.landing-experience__outcome-body{width:100%}.landing-experience__outcome-note{white-space:normal}.landing-experience__outcome-cta,.landing-experience__outcome-icon{margin-inline-start:0}.landing-experience__outcome-cta{width:100%;justify-content:center}}@media screen and (max-width:480px){.landing-experience__grades,.landing-experience__subjects.is-row{grid-template-columns:1fr}.landing-experience__panel{border-radius:16px}}@media (prefers-reduced-motion:reduce){.landing-experience__grade,.landing-experience__outcome-cta,.landing-experience__subject{transition:none}}