/* Sahab student/public pages. A responsive web interpretation of the brand reference. */
.landing-body {
  font-family: "Cairo", "IBM Plex Sans Arabic", "Inter", "Manrope", "Segoe UI", system-ui, sans-serif;
  --radius-md: 18px;
  --shadow-card: 0 15px 36px rgba(11, 26, 51, .065);
  --shadow-floating: 0 24px 60px rgba(11, 26, 51, .13);
  background: #f5f8ff;
}

.landing-nav,
.landing-nav.is-scrolled {
  border-bottom: 1px solid rgba(220, 232, 246, .9);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 5px 24px rgba(11, 26, 51, .04);
  backdrop-filter: blur(14px);
}

.landing-brand {
  gap: .7rem;
}

.landing-logo-mark {
  width: 46px;
  height: 46px;
  border-radius: 13px;
}

.landing-brand-copy {
  display: grid;
  gap: 0;
  line-height: 1.05;
}

.landing-brand-copy strong {
  color: #0b1a33;
  font-size: 1.4rem;
  font-weight: 900;
}

.landing-brand-copy small {
  color: #0a3b8f;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .18em;
}

.landing-nav-links a:hover,
.landing-nav-links a:focus-visible {
  color: #0a3b8f;
  background: #eaf6ff;
}

.landing-language-switcher {
  border-color: #dce8f6;
  background: #f5f8ff;
}

.landing-language-switcher button.is-active {
  color: #fff;
  background: #0a3b8f;
}

.landing-hero {
  min-height: min(780px, calc(100svh - 80px));
  gap: clamp(1rem, 4vw, 4rem);
  padding-block: clamp(3rem, 7vw, 6rem);
}

.landing-hero::before {
  inset: 4% -10% 4% 28%;
  background: radial-gradient(ellipse at 65% 45%, rgba(255, 203, 61, .24), transparent 31%),
              radial-gradient(ellipse at 35% 65%, rgba(0, 198, 255, .2), transparent 60%);
}

.landing-kicker {
  color: #0a3b8f;
  font-size: .88rem;
  letter-spacing: .01em;
}

.landing-hero .landing-kicker {
  padding: .5rem .8rem;
  border: 1px solid #cce7fb;
  border-radius: 999px;
  background: rgba(234, 246, 255, .84);
}

.landing-hero .landing-kicker::before { display: none; }
.landing-hero .landing-kicker i { color: #ff8a00; }

.landing-hero h1 {
  max-width: 780px;
  margin-top: 1.35rem;
  font-size: clamp(2.8rem, 5vw, 5.15rem);
  line-height: 1.18;
}

.landing-hero h1 span:last-child {
  color: #0a3b8f;
}

.landing-hero p {
  color: #455b7b;
  font-size: clamp(1rem, 1.3vw, 1.18rem);
}

.landing-primary-button {
  border-radius: 13px;
  background: linear-gradient(105deg, #0a3b8f, #0877cf);
  box-shadow: 0 11px 26px rgba(10, 59, 143, .24);
}

.landing-primary-button:hover {
  background: linear-gradient(105deg, #072f73, #0869b8);
}

.landing-secondary-button {
  border-radius: 13px;
  border-color: #bed8f1;
  box-shadow: 0 7px 19px rgba(11, 26, 51, .07);
}

.landing-trust-row {
  gap: .6rem;
  margin-top: 2.1rem;
}

.landing-trust-row > span {
  display: flex;
  align-items: center;
  gap: .55rem;
  min-height: 52px;
  border-color: #dce8f6;
  border-radius: 13px;
  background: rgba(255, 255, 255, .8);
  box-shadow: 0 7px 18px rgba(11, 26, 51, .045);
}

.landing-trust-row i {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  color: #0a3b8f;
  background: #eaf6ff;
  font-size: 1rem;
}

.landing-trust-row > span:nth-child(2) i { color: #aa5e00; background: #fff0df; }
.landing-trust-row > span:nth-child(3) i { color: #805700; background: #fff6d5; }

.landing-hero-stage {
  position: relative;
  min-height: 660px;
  display: grid;
  place-items: center;
  isolation: isolate;
}

.sahab-horizon {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  border-radius: 50%;
  background: radial-gradient(circle at 76% 33%, rgba(255, 203, 61, .72), transparent 16%),
              radial-gradient(circle at 50% 54%, rgba(0, 198, 255, .14), transparent 55%);
}

.sahab-horizon span {
  position: absolute;
  width: 150%;
  height: 52%;
  inset-inline-start: -22%;
  inset-block-end: -6%;
  border-top: 5px solid rgba(0, 198, 255, .68);
  border-radius: 50%;
  transform: rotate(-18deg);
  box-shadow: 0 -11px 26px rgba(0, 198, 255, .16);
}

.sahab-horizon span:nth-child(2) {
  inset-block-end: 2%;
  border-top-color: rgba(10, 59, 143, .72);
  transform: rotate(-22deg);
}

.sahab-horizon span:nth-child(3) {
  inset-block-end: -12%;
  border-top-color: rgba(255, 138, 0, .86);
  transform: rotate(-12deg);
}

.learning-orbit span {
  color: #0a3b8f;
  background: #fff;
  box-shadow: 0 12px 26px rgba(11, 26, 51, .08);
}

.sahab-float-card {
  position: absolute;
  z-index: 2;
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(140deg, #ffcb3d, #ff8a00);
  box-shadow: 0 16px 30px rgba(255, 138, 0, .22);
  font-size: 1.7rem;
  pointer-events: none;
}

.sahab-float-video { inset-block-start: 12%; inset-inline-start: 6%; transform: rotate(-12deg); }
.sahab-float-reward { inset-block-start: 25%; inset-inline-end: 5%; transform: rotate(12deg); }
.sahab-float-progress {
  inset-block-end: 14%;
  inset-inline-start: 2%;
  color: #fff;
  background: linear-gradient(145deg, #00c6ff, #0a3b8f);
  box-shadow: 0 16px 30px rgba(10, 59, 143, .23);
  transform: rotate(9deg);
}

.app-device {
  width: min(360px, 84%);
  min-height: 590px;
  border: 7px solid #0b1a33;
  border-radius: 38px;
  background: linear-gradient(165deg, #eaf6ff, #fff 55%, #f5f8ff);
  box-shadow: 0 28px 60px rgba(11, 26, 51, .23);
}

.app-device::before { background: #0b1a33; }

.device-status {
  color: #0b1a33;
  border: 0;
  background: transparent;
  font-weight: 900;
}

.device-lesson-card,
.device-question,
.device-progress {
  position: relative;
  border-radius: 16px;
  box-shadow: 0 8px 23px rgba(11, 26, 51, .07);
}

.device-lesson-card { border-top: 3px solid #00c6ff; }

.sahab-device-lesson-icon {
  position: absolute;
  inset-block-start: .9rem;
  inset-inline-end: .9rem;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  background: #ff8a00;
}

.lesson-node.is-active { background: #ffcb3d; box-shadow: none; }
.answer-options .is-correct { color: #fff; background: #0a3b8f; border-color: #0a3b8f; box-shadow: none; }
.progress-track span { background: linear-gradient(90deg, #0a3b8f, #00c6ff); }

.credibility-grid article,
.flow-steps article,
.progress-card,
.landing-contact-list div,
.landing-empty-state,
.quiz-card,
.mini-screen,
.subject-stage,
.subject-card {
  border-color: #dce8f6;
  border-radius: 20px;
  box-shadow: var(--shadow-card);
}

.credibility-grid i,
.progress-card i,
.landing-empty-state i {
  color: #0a3b8f;
  background: #eaf6ff;
  box-shadow: none;
}

.credibility-grid article:nth-child(2) i { color: #007fa7; background: #e4faff; }
.credibility-grid article:nth-child(3) i,
.achievement-card i { color: #805700; background: #fff3cb; }

.subject-stage,
.subject-stage[data-accent] {
  background: linear-gradient(120deg, #fff, #eaf6ff 75%, #fff6e3);
}

.subject-stage-image,
.subject-card-art,
.subject-card[data-accent] .subject-card-art {
  border-radius: 20px;
  background: linear-gradient(145deg, #0a3b8f, #00a8e5);
  box-shadow: 0 13px 28px rgba(10, 59, 143, .19);
}

.subject-card:hover,
.subject-card.is-active {
  border-color: #7dcfff;
  box-shadow: 0 20px 42px rgba(10, 59, 143, .13);
}

.subject-nav-button,
.flow-steps article > span {
  border-radius: 12px;
  box-shadow: 0 7px 18px rgba(11, 26, 51, .07);
}

.flow-steps article > span {
  color: #0b1a33;
  background: #ffcb3d;
}

.quiz-card-head strong {
  color: #0b1a33;
  background: #ffcb3d;
}

.achievement-card { background: linear-gradient(145deg, #fff, #fff6d5); }
.progress-card-large { border-top: 3px solid #00c6ff; }

.download-section {
  border-radius: 23px;
  background: linear-gradient(115deg, #eaf6ff, #fff 55%, #fff2d9);
  box-shadow: var(--shadow-floating);
}

.landing-store-button,
.landing-store-button.is-disabled {
  border-radius: 14px;
  box-shadow: 0 9px 22px rgba(11, 26, 51, .1);
}

@media (max-width: 991.98px) {
  .landing-hero-stage { min-height: 620px; }
}

@media (max-width: 767.98px) {
  .landing-hero { min-height: auto; }
  .landing-hero-stage { min-height: 560px; }
  .sahab-float-card { width: 48px; height: 48px; border-radius: 14px; font-size: 1.25rem; }
  .sahab-float-video { inset-inline-start: 0; }
  .sahab-float-reward { inset-inline-end: 0; }
  .app-device { min-height: 535px; }
}

@media (prefers-reduced-motion: reduce) {
  .sahab-float-card { animation: none; }
}

/* The student visual language is a journey of light, not the old voxel cards. */
.landing-nav-inner {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.landing-hero {
  width: min(1380px, calc(100% - 48px));
  grid-template-columns: minmax(0, .83fr) minmax(0, 1.17fr);
  gap: clamp(1.5rem, 4vw, 5rem);
  min-height: 720px;
  padding-block: 4rem 5rem;
}

.landing-hero h1 {
  max-width: 650px;
  font-size: clamp(3.4rem, 5.4vw, 5.8rem);
  line-height: 1.14;
}

.landing-hero h1 span:last-child {
  background: linear-gradient(100deg, #0a3b8f 10%, #009fe0 70%, #0a3b8f);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.landing-hero-stage {
  min-width: 0;
  min-height: 610px;
  display: block;
}

.sahab-journey {
  position: relative;
  height: 620px;
  width: 100%;
  max-width: 780px;
  margin-inline: auto;
  overflow: hidden;
  isolation: isolate;
  border-radius: 34px;
  background: radial-gradient(circle at 78% 22%, #ffe2a1 0, rgba(255, 138, 0, .48) 10%, transparent 31%),
              radial-gradient(circle at 25% 28%, rgba(0, 198, 255, .52), transparent 35%),
              linear-gradient(120deg, #0b1a33 4%, #0a3b8f 48%, #123a78 85%);
  box-shadow: 0 35px 70px rgba(10, 59, 143, .19);
}

.sahab-journey::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(155deg, rgba(255, 255, 255, .18), transparent 30%);
  pointer-events: none;
}

.sahab-journey-light {
  position: absolute;
  inset-block-start: 19%;
  inset-inline-end: 1%;
  width: 29%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #ffcb3d;
  filter: blur(50px);
  opacity: .7;
}

.sahab-journey-rail {
  position: absolute;
  z-index: -1;
  inset-inline-start: -12%;
  inset-block-end: -15%;
  width: 135%;
  height: 48%;
  border-top: 5px solid rgba(0, 198, 255, .85);
  border-radius: 50%;
  transform: rotate(-14deg);
  box-shadow: 0 -10px 23px rgba(0, 198, 255, .34);
}

.sahab-journey-rail-two {
  inset-block-end: -6%;
  border-top-color: rgba(255, 255, 255, .86);
  border-top-width: 3px;
  transform: rotate(-19deg);
}

.sahab-journey-rail-three {
  inset-block-end: -24%;
  border-top-color: #ff9d20;
  border-top-width: 8px;
  transform: rotate(-9deg);
  box-shadow: 0 -11px 26px rgba(255, 138, 0, .54);
}

.sahab-preview-phone {
  position: absolute;
  z-index: 1;
  top: 17%;
  width: 29%;
  height: 410px;
  overflow: hidden;
  padding: .75rem;
  border: 6px solid #0b1a33;
  border-radius: 29px;
  color: #0b1a33;
  background: #fff;
  box-shadow: 0 20px 45px rgba(1, 12, 35, .4), 0 2px 0 rgba(255, 255, 255, .6) inset;
  text-align: center;
}

.sahab-preview-status {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.1rem;
  font-family: system-ui, sans-serif;
  font-size: .6rem;
  font-weight: 800;
}

.sahab-preview-welcome {
  inset-inline-start: 4%;
  top: 21%;
  transform: rotate(-8deg);
  background: linear-gradient(180deg, #eaf6ff 5%, #fff 54%, #e7f4ff);
}

.sahab-preview-welcome img {
  display: block;
  width: 54px;
  height: 54px;
  margin: 2rem auto .5rem;
  border-radius: 14px;
}

.sahab-preview-welcome strong,
.sahab-preview-welcome small {
  display: block;
  line-height: 1.12;
}

.sahab-preview-welcome strong { font-size: 1.55rem; font-weight: 900; }
.sahab-preview-welcome small { color: #0a3b8f; font-size: .65rem; font-weight: 900; letter-spacing: .2em; }
.sahab-preview-welcome p { margin-top: 1rem; color: #435673; font-size: .78rem; font-weight: 800; line-height: 1.45; }

.sahab-preview-phone .sahab-preview-button {
  position: absolute;
  inset-inline: .85rem;
  inset-block-end: 1rem;
  display: grid;
  place-items: center;
  min-height: 34px;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(100deg, #0a3b8f, #009ee5);
  font-size: .7rem;
  font-weight: 900;
  box-shadow: 0 7px 15px rgba(10, 59, 143, .22);
}

.sahab-preview-study {
  z-index: 3;
  inset-inline-start: 34%;
  top: 10%;
  width: 34%;
  height: 465px;
  padding: .8rem;
  transform: rotate(1deg);
  text-align: start;
}

.subject-card[data-accent="math"] .subject-card-art { background: linear-gradient(145deg, #0a3b8f, #00c6ff); }
.subject-card[data-accent="science"] .subject-card-art { background: linear-gradient(145deg, #087f80, #28b89b); }
.subject-card[data-accent="arabic"] .subject-card-art { background: linear-gradient(145deg, #e16d13, #ffb02f); }
.subject-card[data-accent="english"] .subject-card-art { background: linear-gradient(145deg, #584ab5, #a28af2); }
.subject-card[data-accent="tech"] .subject-card-art { background: linear-gradient(145deg, #0b1a33, #0a3b8f); }

.sahab-preview-greeting {
  display: flex;
  justify-content: space-between;
  color: #0b1a33;
  font-size: 1rem;
  font-weight: 900;
}

.sahab-preview-greeting i { color: #ff8a00; }
.sahab-preview-label { display: block; margin: .2rem 0 1rem; color: #586984; font-size: .65rem; font-weight: 800; }

.sahab-preview-course {
  display: flex;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  margin-bottom: .8rem;
  padding: .65rem;
  border: 1px solid #dce8f6;
  border-radius: 12px;
  background: #f5f8ff;
}

.sahab-preview-course-icon {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  background: #0a3b8f;
}

.sahab-preview-course div { min-width: 0; }
.sahab-preview-course small { display: block; color: #586984; font-size: .59rem; }
.sahab-preview-course strong { display: block; overflow: hidden; color: #0b1a33; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }

.sahab-preview-lesson {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin-bottom: .45rem;
  padding: .57rem;
  border: 1px solid #e1edfa;
  border-radius: 10px;
  font-size: .65rem;
  font-weight: 800;
}

.sahab-preview-lesson i { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 7px; color: #fff; background: #ff8a00; }
.sahab-preview-lesson:nth-of-type(4) i { background: #0a3b8f; }
.sahab-preview-lesson small { margin-inline-start: auto; color: #586984; font-size: .57rem; }
.sahab-preview-progress-track { height: 7px; margin-top: .85rem; overflow: hidden; border-radius: 99px; background: #e5effa; }
.sahab-preview-progress-track span { display: block; width: 72%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #0a3b8f, #00c6ff); }

.sahab-preview-achievement {
  inset-inline-end: 3%;
  top: 22%;
  transform: rotate(8deg);
  background: linear-gradient(180deg, #fff, #f5f8ff);
}

.sahab-preview-ring {
  display: grid;
  place-items: center;
  width: 108px;
  height: 108px;
  margin: 1.5rem auto 1rem;
  border-radius: 50%;
  background: conic-gradient(#0a3b8f 0 75%, #e6f1ff 75% 100%);
}

.sahab-preview-ring::before { content: ""; grid-area: 1 / 1; width: 81px; height: 81px; border-radius: 50%; background: #fff; }
.sahab-preview-ring strong { z-index: 1; grid-area: 1 / 1; font-size: 1.25rem; font-weight: 900; }
.sahab-preview-achievement > span { display: block; font-size: .7rem; font-weight: 800; }
.sahab-preview-stats { display: flex; justify-content: center; gap: .6rem; margin: 1rem 0; }
.sahab-preview-stats div { min-width: 55px; padding: .4rem; border-radius: 9px; background: #eaf6ff; }
.sahab-preview-stats strong, .sahab-preview-stats small { display: block; }
.sahab-preview-stats strong { color: #0a3b8f; font-weight: 900; }
.sahab-preview-stats small { font-size: .55rem; }
.sahab-preview-award { display: grid; justify-items: center; gap: .3rem; margin-top: .9rem; color: #0b1a33; font-size: .7rem; font-weight: 900; }
.sahab-preview-award i { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; color: #fff; background: linear-gradient(135deg, #ffcb3d, #ff8a00); box-shadow: 0 8px 18px rgba(255, 138, 0, .22); font-size: 1.35rem; }

.sahab-journey-spark {
  position: absolute;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg, #ffcb3d, #ff8a00);
  box-shadow: 0 11px 27px rgba(255, 138, 0, .34);
  font-size: 1.5rem;
  transform: rotate(15deg);
}

.sahab-spark-one { inset-block-start: 10%; inset-inline-end: 13%; }
.sahab-spark-two { inset-block-end: 13%; inset-inline-start: 19%; width: 38px; height: 38px; font-size: 1rem; transform: rotate(-13deg); }

.landing-credibility {
  border: 0;
  border-radius: 28px;
  padding: 3rem;
  background: #fff;
  box-shadow: 0 20px 50px rgba(11, 26, 51, .055);
}

.learning-flow {
  margin-block: 2rem;
  padding: 3.4rem;
  border-radius: 30px;
  color: #fff;
  background: radial-gradient(circle at 82% 14%, rgba(0, 198, 255, .22), transparent 33%), linear-gradient(110deg, #0b1a33, #0a3b8f);
}

.learning-flow .landing-kicker { color: #8be9ff; }
.learning-flow .section-heading h2 { color: #fff; }
.learning-flow .flow-steps article { border-color: rgba(255, 255, 255, .15); color: #fff; background: rgba(255, 255, 255, .08); box-shadow: none; }
.learning-flow .flow-steps article p { color: #d8e8ff; }
.learning-flow .flow-steps article::after { background: #00c6ff; }

.interactive-preview {
  padding: clamp(1.4rem, 4vw, 3rem);
  border-radius: 30px;
  background: linear-gradient(120deg, #e9f7ff, #fff 65%);
}

.quiz-card { border-top: 4px solid #ffcb3d; }
.quiz-card button { background: #f5f8ff; box-shadow: none; }
.quiz-card button.is-correct.is-selected { border-color: #0a3b8f; background: #0a3b8f; box-shadow: none; }

.progress-card { border-top: 3px solid #00c6ff; }
.progress-card:nth-child(2) { border-top-color: #0a3b8f; }
.progress-card:nth-child(3) { border-top-color: #ff8a00; }
.achievement-card { border-top-color: #ffcb3d; }

.app-experience-copy h2 { max-width: 620px; }
.mini-screen { border-radius: 20px; box-shadow: 0 16px 36px rgba(11, 26, 51, .11); }
.mini-screen.is-front { border-top: 4px solid #00c6ff; }
.mini-screen.is-middle { border-top: 4px solid #0a3b8f; }
.mini-screen.is-back { border-top: 4px solid #ffcb3d; }
.sahab-mini-icon { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: .65rem; border-radius: 10px; color: #0a3b8f; background: #eaf6ff; }
.mini-screen.is-back .sahab-mini-icon { color: #805700; background: #fff3cb; }

.privacy-hero {
  border: 0;
  color: #fff;
  background: radial-gradient(circle at 82% 35%, rgba(255, 203, 61, .25), transparent 28%), linear-gradient(110deg, #0b1a33, #0a3b8f);
}

.privacy-hero h1, .privacy-hero p { color: #fff; }
.privacy-kicker, .privacy-updated { color: #8be9ff; }
.privacy-shield { color: #0b1a33; background: #ffcb3d; box-shadow: 0 15px 30px rgba(0, 0, 0, .18); }
.privacy-summary article { border-radius: 18px; border-color: #dce8f6; }
.privacy-document { border-radius: 22px; border-color: #dce8f6; }

@media (max-width: 1199.98px) {
  .landing-hero { grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); }
  .sahab-preview-phone { height: 365px; }
  .sahab-preview-study { height: 415px; }
}

@media (max-width: 991.98px) {
  .landing-hero { grid-template-columns: minmax(0, 1fr); }
  .landing-hero-stage { min-height: 570px; }
  .sahab-journey { height: 570px; }
  .sahab-preview-phone { height: 390px; }
  .sahab-preview-study { height: 445px; }
  .landing-credibility { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 767.98px) {
  .landing-hero { width: min(100% - 24px, 1180px); padding-block: 2rem 3rem; }
  .landing-hero h1 { font-size: clamp(2.65rem, 9vw, 4rem); }
  .landing-hero-stage { min-height: 500px; }
  .sahab-journey { height: 500px; border-radius: 23px; }
  .sahab-preview-welcome, .sahab-preview-achievement { width: 32%; top: 25%; height: 310px; opacity: .8; }
  .sahab-preview-study { width: 42%; inset-inline-start: 29%; top: 9%; height: 415px; }
  .sahab-preview-welcome img { margin-top: .7rem; }
  .sahab-preview-ring { width: 68px; height: 68px; margin-top: .4rem; }
  .sahab-preview-ring::before { width: 50px; height: 50px; }
  .sahab-preview-stats { gap: .2rem; }
  .sahab-preview-stats div { min-width: 35px; padding: .2rem; }
  .sahab-preview-award { margin-top: .2rem; }
  .learning-flow { padding: 2rem 1.2rem; }
  .landing-credibility { padding: 2rem 1.2rem; }
}

@media (max-width: 480px) {
  .landing-hero-stage { min-height: 470px; }
  .sahab-journey { height: 470px; }
  .sahab-preview-welcome, .sahab-preview-achievement { display: none; }
  .sahab-preview-study { width: min(240px, 72%); height: 405px; inset-inline-start: 50%; top: 7%; transform: translateX(50%); }
  [dir="ltr"] .sahab-preview-study { transform: translateX(-50%); }
  .sahab-journey-spark { width: 35px; height: 35px; font-size: 1rem; }
}