/* MOBILE SYSTEM — v4.0: viewport-gutter layout, zero percentage shell math */
@media(max-width:700px){
  :root{--mobile-gutter:16px}

  html{width:100%;min-width:0;max-width:100%;overflow-x:hidden}
  body{width:100%;min-width:0;max-width:100%;overflow-x:hidden;font-size:14px}
  main{display:block;width:100%;min-width:0;max-width:100%;margin:0;padding:0;overflow-x:hidden}
  main>section,.bento-wrap,.experience,.closing,.signal-rail{width:100%;min-width:0;max-width:100%;margin-left:0;margin-right:0}

  .shell{width:auto!important;min-width:0!important;max-width:none!important;margin-left:var(--mobile-gutter)!important;margin-right:var(--mobile-gutter)!important}

  .nav.shell{inset:0 var(--mobile-gutter) auto var(--mobile-gutter)!important;left:var(--mobile-gutter)!important;right:var(--mobile-gutter)!important;width:auto!important;height:68px;margin:0!important;transform:none!important;grid-template-columns:1fr auto;border-bottom-color:rgba(16,19,17,.085)}
  .nav .wordmark{font-size:21px;letter-spacing:-.045em}.nav-end{justify-self:end}.nav-end .button{width:36px;min-height:36px;height:36px;padding:0;border-radius:50%;font-size:0}.nav-end .button b{font-size:13px}.nav-links,.nav-status{display:none}

  .hero{display:block;min-height:0;padding-top:94px;padding-bottom:38px}.hero-copy,.hero-stage{width:100%;min-width:0;max-width:none}.hero .kicker{font-size:8px;line-height:1.5;letter-spacing:.14em}.hero-title{margin:17px 0 16px;font-size:clamp(37px,10.4vw,44px);line-height:.95;letter-spacing:-.048em}.hero-line{padding-right:0;margin-bottom:-.045em}.hero-body{max-width:35em;font-size:13.2px;line-height:1.62;letter-spacing:-.008em}.hero-actions{display:grid;gap:9px;margin-top:22px}.hero-actions .button{width:100%;min-height:46px}.quiet-link{justify-self:center;min-height:30px;font-size:10.5px}.hero-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:24px;padding-top:13px}.hero-meta div{display:block;min-width:0}.hero-meta span{display:block;margin-bottom:4px;font-size:7px}.hero-meta strong{display:block;font-size:8px;line-height:1.35;font-weight:600}

  .hero-stage{margin-top:27px}.stage-orbit-a{width:68%;left:16%;top:7%}.stage-orbit-b,.pulse-b{display:none}.command-card{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:10px;border-radius:18px;box-shadow:0 20px 54px rgba(20,35,27,.10),0 4px 12px rgba(20,35,27,.05)}.command-context{display:none}.command-top{grid-template-columns:auto 1fr;padding-bottom:10px;gap:8px}.command-mark{width:30px;height:30px;border-radius:8px;font-size:15px}.live-pill{justify-self:end;padding:5px 7px;font-size:7px}.command-greeting{padding:14px 2px 12px;gap:10px}.command-greeting h2{font-size:20px;line-height:1.05}.command-greeting small{font-size:7px}.avatar{width:28px;height:28px;font-size:8px}.metric-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.metric-strip article{min-width:0;padding:8px;border-radius:10px}.metric-strip small{margin-bottom:4px;font-size:6px}.metric-strip strong{font-size:19px}.metric-strip span{margin-top:4px;font-size:6px}.pulse-grid{grid-template-columns:minmax(0,1fr);margin-top:5px}.pulse-grid article{min-width:0;padding:10px;border-radius:10px}.pulse-list{display:none}.chart-bars{height:62px;gap:4px;margin-top:8px}.command-foot{padding-top:9px;font-size:6px}.command-foot span:last-child{display:none}.stage-caption{margin-top:8px;text-align:left;font-size:7px}

  .signal-rail{padding:14px 0;overflow:hidden}.signal-track{gap:24px;font-size:7px;animation-duration:28s}

  .manifesto{padding:58px 0 62px}.manifesto-index{margin-bottom:17px;font-size:8px}.manifesto-copy{max-width:none;font-size:33px;line-height:1.045;letter-spacing:-.042em}.manifesto-side{margin-top:20px;font-size:11.5px;line-height:1.65}

  .bento-wrap{padding:54px 0 32px;overflow:hidden}.bento-head{display:block;margin-bottom:26px}.bento-head .section-title{margin-top:15px}.bento-head>p{margin-top:15px;font-size:11.5px;line-height:1.62}.section-title{font-size:clamp(34px,9.5vw,40px);line-height:1.01;letter-spacing:-.043em}
  .bento-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:auto!important;gap:10px!important;overflow:visible}
  .bento,.bento-students,.bento-attendance,.bento-hifz,.bento-admissions,.bento-reports,.bento-staff{grid-column:1!important;grid-row:auto!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:0!important;height:auto!important;margin:0!important;padding:18px!important;gap:18px;border-radius:18px}
  .bento-no{top:18px;right:18px;font-size:8px}.bento-label{margin-bottom:12px;font-size:8px}.bento h3{max-width:100%;font-size:clamp(25px,7.3vw,30px);line-height:1.04}.bento p:not(.bento-label){margin-top:10px;font-size:11px;line-height:1.58}

  .student-stack{gap:6px;margin-top:4px}.student-stack span{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:9px 10px;border-radius:11px}.student-stack i{width:31px;height:31px;font-size:8px}.student-stack b{min-width:0;font-size:10px}.student-stack em{font-size:7px;white-space:nowrap}
  .bento-attendance{padding-bottom:20px!important}.attendance-orb{width:104px;height:104px;margin:0 auto 0;box-shadow:inset 0 0 0 14px var(--green-2)}.attendance-orb:before{inset:11px}.attendance-orb span{font-size:28px;line-height:1}.attendance-orb small{font-size:8px;margin-left:2px}.attendance-orb i{inset:-6px}.bento-attendance h3{font-size:28px}.bento-attendance p:not(.bento-label){margin-top:0}
  .hifz-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:4px}.hifz-flow span{gap:7px;padding-top:10px}.hifz-flow b{font-size:8px}
  .admission-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:2px}.admission-flow span{min-width:0;padding:7px 4px;text-align:center;font-size:7px}.admission-flow i{display:none}
  .report-graph{height:auto;margin-top:0;display:flex;flex-direction:column-reverse;gap:5px;color:var(--green)}.report-graph:before{display:none}.report-graph svg{position:relative;width:100%;height:76px;min-width:0}.report-graph span{position:static;align-self:flex-end;padding:0;text-align:right;background:transparent}.report-graph b{font-size:26px}.report-graph small{font-size:7px}
  .role-pills{gap:6px;margin-top:2px}.role-pills span{padding:7px 9px;font-size:8px}

  .experience{padding:56px 0 58px;overflow:hidden}.experience-head{display:block;margin-bottom:28px}.experience-head .section-title{margin-top:15px}.experience-head>p{margin-top:15px;font-size:11.5px;line-height:1.62}.story-shell{display:block!important;min-width:0}.story-stage{position:relative!important;top:auto!important;width:100%;min-width:0}.story-window{width:100%;min-width:0;max-width:none;border-radius:17px}.story-bar{height:44px;padding:0 12px}.story-bar .wordmark{font-size:16px}.story-bar small{font-size:6px}.story-screens{width:100%;min-width:0;aspect-ratio:1.02}.story-screen{padding:17px;min-width:0}.story-screen h3{margin:10px 0 15px;font-size:26px;line-height:1.02}.check-grid{grid-template-columns:minmax(0,1fr);gap:6px}.check-grid span{grid-template-columns:31px minmax(0,1fr) auto;gap:8px;padding:8px;min-width:0}.check-grid span:nth-child(n+4){display:none}.check-grid b{min-width:0;font-size:10px}.check-grid em{font-size:8px;white-space:nowrap}.learning-card{padding:12px;min-width:0}.learner{min-width:0}.learner span{min-width:0}.learning-tags{gap:5px}.learning-tags span{font-size:7px}.decision-grid{grid-template-columns:minmax(0,1fr);gap:6px}.decision-grid>span{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;padding:10px;min-width:0}.decision-grid b{font-size:22px}.story-copy{margin-top:8px}.story-copy article{min-height:0!important;padding:24px 0;justify-content:flex-start;opacity:1}.story-copy .kicker{margin-top:11px}.story-copy h3{margin:10px 0 9px;font-size:27px;line-height:1.03}.story-copy article>p:last-child{font-size:11.5px;line-height:1.62}

  .language{padding:54px 0 30px;display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start}.language-copy{min-width:0}.language-copy .section-title{margin-top:15px}.language-copy>p{margin-top:16px;font-size:11.5px;line-height:1.62}.language-object{justify-self:stretch;width:100%!important;min-width:0!important;max-width:none!important;min-height:0!important;height:auto!important;padding:18px;border-radius:18px;box-shadow:0 18px 48px rgba(28,45,36,.075)}.language-ghost{font-size:104px;right:-.08em;bottom:-.20em}.lang-top{padding-bottom:12px}.lang-top small,.lang-top span{font-size:7px}.language-object>strong{margin:17px 0 13px;font-size:24px;line-height:1.95;text-align:right}.lang-person{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;min-height:88px;padding:11px 12px;border-radius:12px}.lang-person>i{width:36px;height:36px;font-size:8px}.lang-person span{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:3px 0}.lang-person b{display:block;width:100%;margin:0;padding:0 0 4px;font-family:var(--urdu);font-size:16px;line-height:2.15;text-align:left;white-space:normal}.lang-person small{position:static!important;display:block;margin:0!important;padding:0;font-size:8px;line-height:1.35;transform:none!important;white-space:nowrap}.lang-rows{margin-top:9px}.lang-rows>span{min-height:45px;padding:8px 2px}.lang-rows small{font-size:13px;line-height:1.85;text-align:right}.lang-rows b{font-size:8px}

  .principles{padding:34px 0 60px;border-top:1px solid var(--line)}.principles-intro{display:block;margin-bottom:26px}.principles-intro .section-title{margin-top:15px}.principle-list article{display:block;padding:20px 0}.principle-list article:hover{padding-left:0;padding-right:0;background:transparent}.principle-list h3{margin:9px 0 7px;font-size:26px;line-height:1.05}.principle-list p{font-size:11px;line-height:1.62}

  .closing-grid{min-height:0!important;padding:54px 0 60px;display:block}.closing-index{margin-bottom:26px;padding-top:0}.closing-title{margin:17px 0 17px;font-size:clamp(38px,10.8vw,46px);line-height:.96;letter-spacing:-.043em}.closing-copy>p:not(.kicker){font-size:11.8px;line-height:1.62}.closing-copy .button{width:100%;min-height:46px;margin-top:21px}.closing-orbit{display:none}
  .footer{height:auto;padding:26px 0 28px;grid-template-columns:1fr;gap:7px}.footer p,.footer>span{justify-self:start;font-size:8px}
  .interactive-card,.magnetic{transform:none!important}.interactive-card:after,.button:before{display:none}
}

@media(max-width:380px){
  :root{--mobile-gutter:14px}.hero-title{font-size:35px}.section-title{font-size:33px}.manifesto-copy{font-size:31px}.bento h3{font-size:24px}.closing-title{font-size:38px}.student-stack span{grid-template-columns:31px minmax(0,1fr)}.student-stack em{display:none}.attendance-orb{width:98px;height:98px}.attendance-orb span{font-size:26px}
}

@media(hover:none) and (pointer:coarse){.button:hover,.principle-list article:hover{transform:none}.interactive-card:hover:after{opacity:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.hero-line>span,[data-reveal],.manifesto-copy .word,.section-title .word,.closing-title .word{opacity:1!important;transform:none!important;transition:none!important}.magnetic,.interactive-card{transform:none!important}}