/* ============================================================
   EVALUATION V28 — MOBILE RESPONSIVE HARDENING
   Loaded LAST on every page. Keeps the desktop design intact,
   but prevents mobile clipping, missing content and oversized grids.
   ============================================================ */

:root{--m28-gutter:16px;--m28-header:58px}
html{width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:clip}
main,header,footer,section,article,aside,nav,form,fieldset,.container{min-width:0}
img,picture,video,svg,canvas,iframe{max-width:100%;height:auto}
input,select,textarea,button{min-width:0;max-width:100%}
pre,code{max-width:100%;overflow-wrap:anywhere}
.mobile-nav-cta{display:none!important}
.mobile-table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.mobile-table-scroll>table{min-width:max-content}

/* ---------- Tablet / compact desktop ---------- */
@media(max-width:980px){
  :root{--m28-gutter:20px}
  .container{width:calc(100% - (var(--m28-gutter) * 2))!important;max-width:none!important;margin-inline:var(--m28-gutter)!important;padding-inline:0!important}
  .section{padding-block:78px}
  .section-heading-grid,.section-heading-row{grid-template-columns:minmax(0,1fr)!important;display:grid!important;gap:28px!important;align-items:start!important}
  .section-heading-row .compact-stack{max-width:650px}
  .mega-heading{font-size:clamp(54px,10vw,82px);line-height:.9}
  .two-col,.three-col{grid-template-columns:minmax(0,1fr)!important}
  .three-col{gap:12px}
  .framework-cards{grid-template-columns:1fr 1fr!important}
  .framework-cards .method-card:last-child{grid-column:1/-1}

  /* KISSA + generic boards never force page width */
  .k24-board,.k25-dashboard-section,.coffee-dashboard,.case-visual-ui{max-width:100%;min-width:0}
  .k24-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .k24-card,.k24-card.wide,.k24-card.side,.k24-card.half{grid-column:auto!important;min-width:0}
  .k24-card.wide,.k24-card.side{min-height:220px}
  .k24-card.wide{grid-column:1/-1!important}
  .k24-board-top{grid-template-columns:minmax(0,1fr) auto!important}
  .k24-tabs{grid-column:1/-1;justify-self:start;max-width:100%;overflow-x:auto;scrollbar-width:none}
  .k24-tabs::-webkit-scrollbar{display:none}
  .k24-sample{display:block!important;grid-column:1/-1;white-space:normal}

  /* case pages */
  .case-hero-grid,.case-story-grid,.case-visual,.subpage-intro,.client-intro-row{grid-template-columns:minmax(0,1fr)!important}
  .case-hero h1,.subpage-hero h1{font-size:clamp(64px,15vw,118px)!important}
  .case-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .case-visual-ui{min-height:320px}

  /* KISSA case-specific */
  .k25-case-hero-grid,.k25-story-grid{grid-template-columns:1fr!important}
  .k25-brand-gallery,.k25-product-gallery,.k25-touchpoint-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .k25-universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .k25-case-hero-visual{max-width:none!important}

  /* contact/project */
  .contact-page-grid,.project-heading{grid-template-columns:minmax(0,1fr)!important;gap:38px!important}
  .contact-page-panel{min-width:0!important}
  .project-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .member-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Profiles: large grids collapse without losing content */
  .people-grid-v3,.client-grid-v3,.team-preview-five,.discipline-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .profile-hero-grid,.profile-details-grid{grid-template-columns:minmax(0,1fr)!important}
  .profile-next{grid-template-columns:minmax(0,1fr)!important}
  .profile-next a:first-child{border-right:0!important;border-bottom:1px solid var(--border)}

  /* Morage: keep the dashboard navigation visible instead of deleting it */
  .bi-window{grid-template-columns:1fr!important}
  .bi-sidebar{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;max-width:100%!important;padding:10px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;scrollbar-width:none}
  .bi-sidebar::-webkit-scrollbar{display:none}
  .bi-sidebar>*{flex:0 0 auto!important}
  .bi-sidebar nav{display:flex!important;gap:6px!important;overflow:visible!important}
  .bi-sidebar nav button,.bi-sidebar a{white-space:nowrap!important}
  .bi-table-head,.bi-work-table article{min-width:560px!important;grid-template-columns:1.1fr 1.7fr .8fr!important}
  .bi-work-table,.bi-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .bi-table-head span,.bi-work-table article span{display:block!important}

  /* Hamza: keep the animated orb/visual instead of removing it */
  .hamza-voice-center{grid-template-columns:110px minmax(0,1fr)!important}
  .hamza-voice-orb{display:grid!important;width:90px!important;height:90px!important}
  .ai-stack-notes{display:block!important}

  /* Muriam */
  .aws-hero-grid,.aws-intro-grid,.aws-skills-grid,.aws-contact-band>.container{grid-template-columns:1fr!important}
  .aws-project-grid,.aws-cert-grid,.aws-credential-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .aws-architecture-board{grid-template-columns:1fr!important}

  /* Jamshed */
  .jamshed-hero-grid,.jamshed-section-head,.jamshed-details-grid,.jamshed-contact-band .container{grid-template-columns:1fr!important}
  .jamshed-pipeline{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .jamshed-pipeline article{min-width:145px;flex:0 0 145px}

  /* Abdullah */
  .designer-name-grid,.designer-name-grid-v6,[data-designer-lang="jp"] .designer-v6 .designer-name-grid-v6,.designer-manifesto,.designer-story-grid,.designer-tool-grid,.designer-competition-grid,.designer-portfolio-head,.designer-work-chapter,.designer-type-poster{grid-template-columns:1fr!important}
  .designer-work-chapter-copy{position:static!important}
  .designer-logo-mosaic,.designer-brand-mosaic,.portfolio-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .designer-type-poster h2{text-align:left!important}

  /* FAQ */
  .faq-hero-grid,.faq-section-grid,.faq-end-grid,.faq-home-grid{grid-template-columns:1fr!important}
  .faq-category,.faq-home-grid>.reveal:first-child{position:static!important}
}

/* ---------- Phone ---------- */
@media(max-width:820px){
  :root{--m28-gutter:14px;--m28-header:56px}
  body{font-size:15px;padding-bottom:env(safe-area-inset-bottom)}
  .container{width:calc(100% - (var(--m28-gutter) * 2))!important;margin-inline:var(--m28-gutter)!important;max-width:none!important}
  .section{padding-block:64px}

  /* Header: compact, complete, scrollable mobile menu. */
  .site-header{top:7px!important;left:0!important;right:0!important}
  .nav-shell{width:calc(100% - 14px)!important;height:56px!important;margin-inline:7px!important;padding:5px 6px 5px 14px!important;grid-template-columns:auto 1fr auto!important;gap:8px!important;border-radius:18px!important}
  .logo-sm{font-size:12px!important}
  .logo-sm .logo-line i{width:19px!important}
  .menu-toggle{display:block!important;width:44px!important;height:44px!important;justify-self:end!important}
  .nav-cta{display:none!important}
  .main-nav{display:none!important;position:absolute!important;top:62px!important;left:7px!important;right:7px!important;width:auto!important;max-height:calc(100dvh - 78px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:9px!important;border:1px solid #dedee1!important;border-radius:18px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 20px 55px rgba(0,0,0,.14)!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;z-index:110!important;-webkit-overflow-scrolling:touch}
  .main-nav.open{display:flex!important}
  .main-nav>a,.main-nav .nav-dropdown-toggle{width:100%!important;padding:13px 14px!important;border-radius:11px!important;text-align:left!important;font-size:11px!important;line-height:1.2!important}
  .main-nav>a.active-page{background:#171717!important;color:#fff!important}
  .mobile-nav-cta{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:4px!important;background:#171717!important;color:#fff!important}
  .nav-dropdown{width:100%!important}
  .nav-dropdown-menu{position:static!important;width:100%!important;max-width:100%!important;margin:3px 0 0!important;padding:5px!important;border:0!important;border-radius:12px!important;background:#f4f4f4!important;box-shadow:none!important;transform:none!important}
  .nav-dropdown.open .nav-dropdown-menu{display:grid!important}
  .main-nav .nav-dropdown-menu a{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:2px 8px!important;padding:10px!important;white-space:normal!important}
  .main-nav .nav-dropdown-menu a em{grid-column:2;font-size:8px!important}

  /* Do not depend on scroll-reveal JS to make mobile content visible. */
  .reveal{opacity:1!important;transform:none!important;transition:none!important}

  .section-kicker{margin-bottom:32px!important;gap:12px}
  .eyebrow{font-size:9px!important;letter-spacing:.14em!important}
  .lead{font-size:14px!important;line-height:1.7!important}
  .mega-heading{font-size:clamp(48px,15vw,72px)!important;line-height:.88!important}

  /* Home */
  .hero-v4{min-height:auto!important;padding:94px 0 56px!important}
  .hero-v4 .hero-meta{display:flex!important;align-items:flex-start!important;gap:12px!important;padding-bottom:14px!important}
  .hero-v4 .hero-meta .eyebrow{max-width:72%!important}
  .hero-v4 .hero-year{display:block!important;margin:0!important;text-align:right!important;font-size:8px!important}
  .hero-word-v4{font-size:22vw!important;line-height:.84!important;margin:34px 0 30px!important;letter-spacing:-.045em!important}
  .hero-word-v4 .hero-line,.hero-word-v4 .hero-line-indent{padding-left:0!important;line-height:.84!important}
  .hero-lower{grid-template-columns:1fr!important;gap:24px!important;padding-top:22px!important}
  .hero-tagline{font-size:clamp(32px,11vw,48px)!important}
  .hero-actions{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important}
  .hero-scroll-cue{display:none!important}

  .framework-cards{grid-template-columns:1fr!important}
  .framework-cards .method-card:last-child{grid-column:auto}
  .method-card{min-height:250px!important;padding:26px!important}

  .service-accordion-list{grid-template-columns:1fr!important;gap:7px!important}
  .service-line{min-height:112px!important;padding:16px!important;grid-template-columns:40px minmax(0,1fr) 30px!important}
  .service-line b{font-size:28px!important;margin-top:18px!important}
  .service-line em{display:block!important;font-size:9px!important;white-space:normal!important}
  .service-detail-panel{grid-template-columns:1fr!important;border-radius:18px!important}
  .service-detail-index{min-height:130px!important}
  .service-detail-index b{font-size:46px!important}
  .service-detail-panel .service-content{padding:28px 20px!important}
  .service-detail-panel .service-content h3{font-size:52px!important}

  .eva-home-flow-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .eva-home-flow-grid>i{display:block!important;transform:rotate(90deg);justify-self:center!important;font-style:normal}
  .eva-home-flow-grid article{min-height:210px!important}
  .eva-home-product-cta{align-items:flex-start!important;flex-direction:column!important;gap:16px!important}

  .team-preview-five,.discipline-grid,.people-grid-v3,.client-grid-v3{grid-template-columns:1fr!important}
  .team-preview-card{min-height:330px!important}
  .team-preview-card h3{font-size:42px!important}

  /* Home / KISSA dashboard: no hidden context, single-column cards. */
  .k24-board{border-radius:14px!important;overflow:hidden!important}
  .k24-board-top{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:10px!important;padding:12px!important}
  .k24-brand{flex:1 1 180px!important}
  .k24-tabs{order:3!important;width:100%!important;display:flex!important;overflow-x:auto!important;white-space:nowrap!important}
  .k24-sample{display:block!important;order:2!important;flex:0 0 auto!important;white-space:normal!important;text-align:right!important;max-width:120px!important}
  .k24-grid{grid-template-columns:1fr!important;padding:8px!important}
  .k24-card,.k24-card.wide,.k24-card.side,.k24-card.half{grid-column:1!important;min-height:165px!important}
  .k24-card.wide,.k24-card.side{min-height:220px!important}
  .k24-health{grid-template-columns:1fr 1fr!important}
  .k24-bars p{grid-template-columns:minmax(80px,110px) minmax(0,1fr) 36px!important}
  .k24-board-foot{align-items:flex-start!important;flex-direction:column!important}
  .k24-case-insights{grid-template-columns:1fr!important}

  /* FAQ/home FAQ */
  .faq-home{padding-block:60px!important}
  .faq-home-list summary,.faq-list summary{grid-template-columns:28px minmax(0,1fr) 22px!important;gap:9px!important}
  .faq-home-list summary b,.faq-list summary>b{font-size:24px!important;line-height:1.08!important}
  .faq-home-list details>p,.faq-answer{padding-left:37px!important;padding-right:8px!important}

  /* About / Clients */
  .subpage-hero{padding-top:104px!important}
  .subpage-hero h1{font-size:18vw!important}
  .client-filters{display:flex!important;grid-template-columns:none!important;width:100%!important;overflow-x:auto!important;border-radius:14px!important;scrollbar-width:none!important}
  .client-filters::-webkit-scrollbar{display:none}
  .client-filter{flex:0 0 auto!important;white-space:nowrap!important}
  .client-strip-item{grid-template-columns:34px minmax(0,1fr) auto!important}
  .client-strip-item>em,.client-strip-item>strong{display:block!important;font-size:8px!important}

  /* Generic case pages */
  .case-hero{padding-top:104px!important}
  .case-hero h1{font-size:18vw!important}
  .case-metrics{grid-template-columns:1fr 1fr!important}
  .case-visual{gap:18px!important}
  .project-art{display:block!important;grid-column:1/-1!important;min-height:220px!important}

  /* Kissa case */
  .k25-case-hero{padding-top:104px!important;padding-bottom:56px!important}
  .k25-case-meta{overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none}
  .k25-case-hero h1{font-size:20vw!important;line-height:.82!important}
  .k25-brand-ribbon,.k25-brand-gallery,.k25-product-gallery,.k25-universe-grid,.k25-touchpoint-grid,.k25-values{grid-template-columns:1fr!important}
  .k25-brand-palette{grid-column:auto!important}
  .k25-brand-lock{align-items:flex-start!important;flex-direction:column!important}
  .k25-brand-card{grid-template-columns:1fr!important}
  .k25-product-gallery img{height:auto!important;aspect-ratio:4/3;object-fit:cover}
  .k25-story-notes article{grid-template-columns:80px minmax(0,1fr)!important}
  .k25-sample-rule{grid-template-columns:1fr!important}

  /* Contact / start project */
  .contact-page-hero{padding:104px 0 58px!important;min-height:auto!important}
  .contact-page-grid h1{font-size:20vw!important;line-height:.82!important}
  .contact-page-grid{padding-top:38px!important;gap:36px!important}
  .contact-page-details{margin-top:30px!important}
  .contact-page-details div{grid-template-columns:1fr!important;gap:5px!important;padding:12px 0!important}
  .contact-page-details b,.contact-page-details a{overflow-wrap:anywhere!important}
  .contact-page-panel{padding:20px 16px!important;border-radius:18px!important}
  .project-choice-grid,.member-choice-grid{grid-template-columns:1fr!important}
  .project-submit{align-items:flex-start!important;flex-direction:column!important;gap:18px!important;padding:22px!important}
  .project-submit-btn{width:100%!important}

  /* Abdullah */
  .designer-v6-hero{padding-top:108px!important;padding-bottom:70px!important}
  .designer-name-grid-v6,[data-designer-lang="jp"] .designer-v6 .designer-name-grid-v6{grid-template-columns:1fr!important;gap:34px!important}
  .designer-v6 .designer-name-grid-v6 h1{font-size:19vw!important;line-height:.86!important;white-space:normal!important}
  [data-designer-lang="jp"] .designer-v6 .designer-jp-main-name{font-size:14vw!important;white-space:normal!important;word-break:normal!important}
  .designer-type-poster{grid-template-columns:1fr!important;padding-block:64px!important}
  .designer-type-poster h2{text-align:left!important;font-size:18vw!important}
  .designer-v6-process-grid,.designer-process-grid{grid-template-columns:1fr!important}
  .designer-logo-mosaic,.designer-brand-mosaic,.portfolio-sample-grid,.portfolio-sample-grid-wide{grid-template-columns:1fr!important}
  .designer-work-image.work-wide,.designer-work-image.brand-hero{grid-column:auto!important}
  .designer-work-chapter{grid-template-columns:1fr!important;gap:24px!important;padding-block:58px!important}
  .designer-work-chapter-copy{position:static!important}
  .designer-stat-grid{grid-template-columns:1fr 1fr!important}
  .designer-language-toggle{top:72px!important;right:12px!important}

  /* Hamza */
  .ai-hero{padding-top:108px!important}
  .ai-hero h1{font-size:19vw!important}
  .ai-stack-notes{display:block!important;position:static!important;margin-top:18px!important}
  .hamza-voice-cover{min-height:400px!important;padding:16px!important}
  .hamza-voice-center{grid-template-columns:74px minmax(0,1fr)!important;gap:12px!important;padding:22px 0!important}
  .hamza-voice-orb{display:grid!important;width:68px!important;height:68px!important}
  .hamza-waveform{height:170px!important;gap:2px!important;padding:8px 0!important;border-left:0!important;border-right:0!important}
  .hamza-voice-waveform i,.hamza-waveform i{width:3px!important}
  .hamza-voice-transcript{grid-template-columns:1fr!important;gap:7px!important}
  .hamza-validation-gallery,.hamza-result-shots,.hamza-notes-grid,.ai-skill-grid,.ai-more-grid{grid-template-columns:1fr!important}

  /* Morage: mobile dashboard still contains all navigation and row data. */
  .bi-shell-section{padding-top:104px!important}
  .bi-window{grid-template-columns:1fr!important;border-radius:16px!important;overflow:hidden!important}
  .bi-sidebar{display:flex!important;padding:8px!important;background:#101114!important}
  .bi-dashboard-body{padding:14px!important}
  .bi-kpis{grid-template-columns:1fr 1fr!important}
  .bi-table-head,.bi-work-table article{min-width:520px!important;grid-template-columns:1.1fr 1.7fr .8fr!important}
  .bi-table-head span,.bi-work-table article span{display:block!important}
  .bi-work-table{overflow-x:auto!important}
  .bi-section-head,.bi-skill-columns,.bi-work-grid{grid-template-columns:1fr!important}
  .bi-about h2,.bi-section-head h2{font-size:17vw!important}
  .morage-case-grid{grid-template-columns:1fr!important}
  .morage-case{padding:18px!important;min-height:0!important}
  .morage-case-metrics{grid-template-columns:1fr 1fr!important}

  /* Muriam AWS */
  .aws-hero{padding-top:104px!important}
  .aws-cloud-visual{min-height:360px!important}
  .aws-credential-grid,.aws-project-grid,.aws-cert-grid{grid-template-columns:1fr!important}
  .aws-architecture-board{padding:18px!important}
  .aws-mini-metrics{grid-template-columns:1fr 1fr!important}

  /* Jamshed */
  .jamshed-hero{padding-top:104px!important}
  .jamshed-hero h1{font-size:18vw!important;line-height:.86!important;word-break:normal!important}
  .jamshed-proof-strip{grid-template-columns:1fr 1fr!important}
  .jamshed-cap-grid,.jamshed-work-grid{grid-template-columns:1fr!important}
  .jamshed-work-card{min-height:340px!important}

  /* Floating profile rail: keep every section reachable but don't cover content. */
  body[data-page="profile"]{padding-bottom:78px!important}
  .profile-float-rail{left:6px!important;right:6px!important;bottom:6px!important;width:auto!important;max-width:none!important;transform:none!important;overflow-x:auto!important;justify-content:flex-start!important;padding:5px!important;border-radius:13px!important}
  .profile-float-rail a{min-width:68px!important;min-height:38px!important;font-size:7px!important}
  .profile-float-rail a i{display:none!important}

  /* EVA Workspace */
  body[data-page="eva-workspace-v24"]{padding-bottom:84px!important}
  .eva24{padding:84px 0 30px!important}
  .eva24-shell{border-radius:0!important;border-left:0!important;border-right:0!important;max-width:100%!important}
  .eva24-productbar{grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important;padding:8px 10px!important}
  .eva24-app-id img{width:36px!important;height:36px!important}
  .eva24-app-id div{display:grid!important}
  .eva24-app-id span{font-size:7px!important}.eva24-app-id b{font-size:11px!important}
  .eva24-tier-switch{grid-column:2!important;grid-row:1!important;justify-self:end!important;max-width:100%!important;overflow-x:auto!important}
  .eva24-tier-switch button{padding:6px 7px!important;font-size:7px!important}
  .eva24-steps{grid-row:2!important;grid-column:1/-1!important;display:flex!important;max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important}
  .eva24-steps::-webkit-scrollbar{display:none}
  .eva24-steps button{flex:0 0 auto!important;white-space:nowrap!important}
  .eva24-demo-note{white-space:normal!important;min-height:42px!important;padding:8px 10px!important;align-items:flex-start!important}
  .eva24-raw-copy,.eva24-clean-stage,.eva24-ai-stage{padding-left:16px!important;padding-right:16px!important}
  .eva24-raw-copy h1,.eva24-clean-copy h2,.eva24-ai-top h2{font-size:15vw!important}
  .eva24-raw-console{max-width:100%!important;margin:0!important;border-radius:0!important}
  .eva24-table-scroll{max-width:100%!important;overflow-x:auto!important}
  .eva24-table-scroll table{min-width:760px!important}
  .eva24-clean-evidence article{grid-template-columns:28px 72px minmax(0,1fr)!important}
  .eva24-ai-input{display:flex!important;max-width:100%!important}
  .eva24-ai-output{max-width:100%!important}
  .eva24-work-head{padding:20px 14px 14px!important}
  .eva24-work-head h2{font-size:14vw!important}
  .eva24-work-actions{display:flex!important;overflow-x:auto!important;max-width:100%!important;scrollbar-width:none!important}
  .eva24-work-actions>*{flex:0 0 auto!important}
  .eva24-work-nav{top:76px!important;padding:8px 10px!important;gap:7px!important}
  .eva24-work-nav nav{display:flex!important;overflow-x:auto!important;max-width:100%!important;scrollbar-width:none!important}
  .eva24-work-nav nav>*{flex:0 0 auto!important}
  .eva24-board{grid-template-columns:1fr!important;padding:10px 8px 132px!important}
  .eva24-card,.eva24-card.eva24-wide,.eva24-card.eva24-insight,.eva24-card.eva24-human,.eva24-card.size-s,.eva24-card.size-m,.eva24-card.size-l{grid-column:1!important;min-width:0!important}
  .eva24-card{min-height:155px!important}
  .eva24-toolbar-note,.eva24-export-menu{position:fixed!important;z-index:150!important;left:8px!important;right:8px!important;top:auto!important;bottom:88px!important;margin:0!important;max-height:62dvh!important;overflow-y:auto!important;border-radius:16px!important}
  .eva24-toolbar-note{grid-template-columns:1fr!important}
  .eva24-toolbar-note textarea{grid-column:auto!important}
  .eva24-model-kpis{grid-template-columns:1fr 1fr!important}
  .eva24-copilot{left:6px!important;right:6px!important;bottom:6px!important;grid-template-columns:40px minmax(0,1fr)!important;padding:6px 8px!important;border-radius:14px!important}
  .eva24-copilot-quick{grid-column:1/-1!important;overflow-x:auto!important;scrollbar-width:none!important}
  .eva24-copilot-quick button{flex:0 0 auto!important;white-space:nowrap!important}

  /* EVA pricing */
  .eva24-price{padding-top:78px!important}
  .eva24-price-hero{padding:48px 0 58px!important}
  .eva24-price-grid{grid-template-columns:1fr!important;gap:32px!important}
  .eva24-price-grid h1{font-size:19vw!important}
  .eva24-plan-tabs{grid-template-columns:1fr!important}
  .eva24-plan-tabs button{min-height:72px!important}
  .eva24-plan-stage{grid-template-columns:1fr!important;border-radius:16px!important}
  .eva24-plan-focus{padding:20px 16px!important;border-right:0!important;border-bottom:1px solid var(--ep24-line)!important}
  .eva24-plan-focus h2{font-size:18vw!important}
  .eva24-capability{padding:20px 16px!important}
  .eva24-feature-row{grid-template-columns:minmax(0,1fr) 72px!important;gap:8px!important}
  .eva24-feature-row p{grid-column:1/-1!important}
  .eva24-plan-logic .container,.eva24-price-human .container{grid-template-columns:1fr!important}

  /* DataLab */
  body[data-page="eva-datalab-v25"]{overflow-x:clip!important}
  .evadl-productbar,.topbar-redesign{max-width:100%!important;overflow:hidden!important}
  .evadl-productbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding-inline:12px!important}
  .evadl-steps{order:3!important;width:100%!important;display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}
  .evadl-steps>*{flex:0 0 auto!important}
  .evadl-intro,.hero-redesign-grid,.dashboard-hero,.analysis-dashboard-top,.model-dashboard,.insight-main-grid,.quality-layout,.sql-grid,.grid.two{grid-template-columns:1fr!important}
  .evadl-intro-copy{padding:34px 16px!important}
  .evadl-summary-strip,.dataset-summary-bottom{grid-template-columns:1fr 1fr!important}
  .evadl-workspace,.workspace{max-width:100%!important;overflow:hidden!important}
  .evadl-work-head{padding-inline:14px!important}
  .workflow-nav{max-width:100%!important;overflow:hidden!important}
  .workflow-stepper{display:flex!important;overflow-x:auto!important;max-width:100%!important;scrollbar-width:none!important}
  .workflow-stepper>*{flex:0 0 120px!important}
  .panel{max-width:100%!important;overflow:hidden!important}
  .panel table,.data-table{min-width:680px}
  .panel .table-wrap,.table-scroll{max-width:100%!important;overflow-x:auto!important}
  .goal-grid,.capability-grid,.metric-guide,.signal-grid,.kpi-grid{grid-template-columns:1fr!important}
  .section-head h2,.commercial h2,.compact-head h2{font-size:15vw!important}

  /* Footer */
  .footer-grid,.footer-bottom{grid-template-columns:1fr!important;display:grid!important;gap:24px!important}
  .footer-bottom{padding-bottom:24px!important}
  .footer-message{justify-self:start!important;text-align:left!important}
  .footer-links{display:flex!important;flex-wrap:wrap!important;gap:12px 18px!important}
  .home-final-cta .cta-secondary{margin-left:0!important;margin-top:14px!important}
}

@media(max-width:430px){
  :root{--m28-gutter:12px}
  .container{width:calc(100% - 24px)!important;margin-inline:12px!important}
  .mega-heading{font-size:15.5vw!important}
  .hero-word-v4{font-size:21vw!important}
  .case-metrics,.bi-kpis,.jamshed-proof-strip,.designer-stat-grid,.eva24-raw-metrics,.eva24-health-grid,.eva24-model-kpis,.evadl-summary-strip,.dataset-summary-bottom{grid-template-columns:1fr 1fr!important}
  .case-metrics>*,.bi-kpis>*,.jamshed-proof-strip>*,.designer-stat-grid>*,.eva24-raw-metrics>*,.eva24-health-grid>*,.eva24-model-kpis>*{min-width:0!important}
  .profile-float-rail a{min-width:64px!important}
  .k24-health{grid-template-columns:1fr!important}
  .k25-story-notes article{grid-template-columns:1fr!important}
  .hamza-voice-center{grid-template-columns:1fr!important}
  .hamza-voice-orb{margin:0 auto!important}
  .morage-case-metrics{grid-template-columns:1fr!important}
  .aws-mini-metrics{grid-template-columns:1fr!important}
  .eva24-productbar{grid-template-columns:auto 1fr!important}
  .eva24-app-id div{display:none!important}
  .eva24-tier-switch button{padding:5px 6px!important}
  .eva24-clean-evidence article{grid-template-columns:24px minmax(0,1fr)!important}
  .eva24-clean-evidence p{grid-column:2!important}
  .eva24-feature-row{grid-template-columns:1fr!important}
  .eva24-feature-status{justify-self:start!important}
  .eva24-price-grid h1,.eva24-plan-focus h2{font-size:20vw!important}
}

@media(max-width:360px){
  :root{--m28-gutter:10px}
  .container{width:calc(100% - 20px)!important;margin-inline:10px!important}
  .nav-shell{width:calc(100% - 10px)!important;margin-inline:5px!important}
  .hero-v4 .hero-year{display:none!important}
  .case-metrics,.bi-kpis,.jamshed-proof-strip,.designer-stat-grid,.eva24-raw-metrics,.eva24-health-grid,.eva24-model-kpis,.evadl-summary-strip,.dataset-summary-bottom{grid-template-columns:1fr!important}
  .k24-bars p{grid-template-columns:86px minmax(0,1fr) 32px!important}
}

@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important}
}

/* V28.1 — intrinsic-size fixes found during multi-page mobile lint */
@media(max-width:820px){
  body *{min-width:0}
  h1,h2,h3,h4,p,b,strong,em,span,a{overflow-wrap:break-word}
  .hero-line{animation:none!important;transform:none!important}
  .hero-word-wrap{overflow:visible!important}

  .faq-hero-grid>* , .k25-case-hero-grid>* , .ai-hero-grid>* , .aws-hero-grid>* , .bi-welcome>*{min-width:0!important;width:auto!important;max-width:100%!important}
  .faq-hero h1,.k25-case-hero h1,.ai-hero h1,.aws-hero h1{max-width:100%!important;overflow-wrap:anywhere!important}

  .jamshed-contact-band .container{
    width:calc(100% - (var(--m28-gutter) * 2))!important;
    max-width:calc(100% - (var(--m28-gutter) * 2))!important;
    margin-left:var(--m28-gutter)!important;
    margin-right:var(--m28-gutter)!important;
  }

  body[data-page="eva-workspace-v24"] .eva24,
  body[data-page="eva-workspace-v24"] .eva24-shell,
  body[data-page="eva-workspace-v24"] .eva24-stage-wrap,
  body[data-page="eva-workspace-v24"] .eva24-stage,
  body[data-page="eva-workspace-v24"] .eva24-raw-grid,
  body[data-page="eva-workspace-v24"] .eva24-raw-copy,
  body[data-page="eva-workspace-v24"] .eva24-raw-console,
  body[data-page="eva-workspace-v24"] .eva24-clean-stage,
  body[data-page="eva-workspace-v24"] .eva24-ai-stage,
  body[data-page="eva-workspace-v24"] .eva24-workspace{
    width:100%!important;max-width:100%!important;min-width:0!important;
  }

  /* The animated designer ticker may be wider by design; its parent clips it. */
  .designer-type-lab,.designer-type-clip{overflow:hidden!important;max-width:100vw!important}
  .designer-type-track{max-width:none!important;overflow-wrap:normal!important}

  /* Decorative AI/cloud elements must never widen the page. */
  .ai-stack-wrap,.ai-stack,.aws-cloud-visual,.aws-flow{max-width:100%!important}
  .ai-stack{left:auto!important;right:auto!important;margin-inline:auto!important;transform:none!important}
  .aws-flow{left:50%!important;right:auto!important;transform:translateX(-50%)!important}
}
@media(max-width:430px){
  .jamshed-contact-band .container{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-inline:12px!important}
}
@media(max-width:360px){
  .jamshed-contact-band .container{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;margin-inline:10px!important}
}
@media(max-width:820px){body.mobile-menu-open{overflow:hidden!important;touch-action:none}}

/* V28.2 — mobile typography polish after visual QA */
@media (max-width: 430px){
  .faq-hero h1{
    font-size:clamp(48px,14vw,56px)!important;
    line-height:.84!important;
    letter-spacing:-.045em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  .eva24-raw-copy h1{
    font-size:clamp(50px,14vw,58px)!important;
    line-height:.88!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .eva24-raw-copy h1 em{
    display:block!important;
    font-size:.72em!important;
    line-height:.94!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}
@media (max-width: 360px){
  .faq-hero h1{font-size:45px!important}
  .eva24-raw-copy h1{font-size:48px!important}
  .eva24-raw-copy h1 em{font-size:.7em!important}
}