/* Responsive layout pass: preserve desktop composition, adapt for reading/touch. */
@media (max-width: 1100px) {
  .wallet-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wallet-benefits li { white-space: normal; }
  .protection-points { flex-wrap: wrap; }
}
@media (max-width: 980px) {
  .site-header { height: 78px; padding: 0 24px; }
  .site-header .header-cta { display: none; }
  .site-header .menu-button { display: block; position: absolute; right: 16px; top: 16px; width: 46px; height: 46px; z-index: 102; }
  .site-header .menu-button span { left: 11px; }
  .site-header .main-nav { position: fixed; inset: 0; z-index: 101; display: flex; flex-direction: column; justify-content: center; margin: 0; padding: 80px 24px; gap: 20px; background: #fafbfc; opacity: 0; visibility: hidden; transform: none; overflow-y: auto; height: 100dvh; }
  .menu-open .site-header .main-nav { opacity: 1; visibility: visible; }
  .site-header .main-nav a { font: 500 30px/1.4 'Schibsted Grotesk', sans-serif; padding: 8px 16px; }
  .analytics-section, .wallet-section { grid-template-columns: minmax(0, 1fr); gap: 36px; padding: 64px 24px; }
  .wallet-copy { grid-column: 1; grid-row: 1; margin-left: 0; }
  .wallet-product { grid-column: 1; grid-row: 2; }
  .analytics-copy, .wallet-copy { max-width: 650px; }
  .analytics-copy>p:not(.section-kicker) { max-width: 100%; }
  .analytics-product { width: 100%; max-width: 650px; justify-self: center; }
  .wallet-benefits { max-width: 480px; gap: 16px; margin-top: 28px; }
  .wallet-benefits li { gap: 8px; min-height: 32px; }
  .protection-section { grid-template-columns: 1fr; gap: 28px; padding: 56px 24px; }
  .protection-visual { height: 340px; }
  .protection-visual>img { height: 380px; left: 50%; }
  .protection-copy { max-width: 680px; margin-inline: auto; }
  .protection-description { max-width: 100%; }
  .protection-points { gap: 16px 24px; margin-top: 28px; }
  .friends-animated .friends-window { overflow-x: auto; overscroll-behavior-x: contain; touch-action: pan-x pan-y; padding: 0 24px 12px; mask-image: none; -webkit-mask-image: none; }
  .friends-animated .friends-track { animation: none; transform: none; margin-left: 0; gap: 14px; }
  .friends-window { gap: 14px; }
  .friend-card { flex-basis: 340px; width: 340px; min-height: 230px; padding: 20px; border-radius: 12px; }
  .friend-card[aria-hidden="true"] { display: none; }
  .friendly-faq { grid-template-columns: 1fr; gap: 40px; padding: 64px 24px; }
  .friendly-faq details p { max-width: 95%; }
  .moneva-footer-nav a { min-height: 44px; display: flex; align-items: center; }
  .friends-window { scroll-padding-inline: 24px; scroll-snap-type: x proximity; }
  .friend-card { scroll-snap-align: start; }
  .friends-window:focus-visible { outline: 2px solid #1464f6; outline-offset: -3px; }
}
@media (max-width: 700px) {
  .hero { height: auto; min-height: 0; padding: 120px 20px 0; }
  .hero h1 { font-size: clamp(34px, 8.7vw, 54px); line-height: 1.08; letter-spacing: -.04em; }
  .hero .hero-copy>p { max-width: 440px; font-size: 16px; line-height: 1.5; }
  .hero .hero-actions { flex-wrap: wrap; gap: 10px; margin-top: 28px; }
  .hero-actions .button, .hero-actions .text-link { min-height: 48px; font-size: 13px; padding-inline: 16px; }
  .hero .hero-visual { position: relative; inset: auto; height: clamp(260px, 76vw, 300px); margin-top: 32px; }
  .sky-phone-home { width: min(480px, 123vw); left: 50%; top: 0; }
  .sky-phone-analytics { width: min(405px, 104vw); left: calc(50% - min(107px, 27.4vw)); top: 49px; }
  .sky-phone-wallet { width: min(405px, 104vw); left: calc(50% + min(93px, 23.8vw)); top: 49px; }
  .money-features, .everyday-details { padding: 56px 24px; }
  .money-feature>p { font-size: 16px; max-width: 100%; }
  .everyday-details-head { display: block; }
  .everyday-details-intro { max-width: 360px; margin-top: 24px; }
  .everyday-details-grid { grid-template-columns: 1fr; }
  .everyday-details-grid article, .everyday-details-grid article:nth-child(even) { padding: 28px 0; border-left: 0; }
  .everyday-details-grid span { margin-bottom: 20px; }
  .everyday-details-grid p { font-size: 16px; }
  .analytics-copy h2, .wallet-copy h2, .protection-copy h2, .friendly-faq-intro h2 { font-size: clamp(34px, 8.7vw, 48px); }
  .protection-points li { white-space: normal; gap: 8px; }
  .protection-copy h2 { margin-bottom: 24px; }
  .protection-kicker { margin-bottom: 16px; }
  .friends-heading { flex-direction: column; align-items: flex-start; gap: 20px; }
  .friend-card { flex-basis: min(340px, 82vw); width: min(340px, 82vw); }
  .friend-card blockquote { font-size: 15px; }
  .explore-banner { height: auto; min-height: 640px; padding-bottom: 360px; }
  .explore-copy { padding: 44px 24px 0; }
  .explore-copy p { max-width: 100%; }
  .explore-phone { width: 440px; left: calc(50% - 220px); top: auto; bottom: -90px; }
  .explore-characters { width: 340px; left: calc(50% - 185px); bottom: 0; }
  .moneva-footer { padding: 44px 24px 28px; }
  .moneva-footer-top { flex-direction: column; }
  .moneva-footer-nav { width: 100%; }
  .moneva-socials>span { width: 44px; height: 44px; }
  .moneva-footer-bottom { flex-direction: column; align-items: flex-start; }
  .moneva-footer-bottom>div { flex-wrap: wrap; gap: 12px 20px; }
}
@media (max-width: 480px) {
  .why-moneva { padding: 56px 20px; }
  .why-stage { height: auto; margin-top: 36px; }
  .why-backdrop, .why-phone { display: none; }
  .why-cards { position: relative; display: grid; gap: 20px; }
  .why-moneva .why-card { position: relative; inset: auto; width: 100%; max-width: none; aspect-ratio: 1.1; transform: none; transition: none; box-shadow: 0 12px 24px -20px #1d293950; }
  .why-card-copy { left: 7%; right: 7%; bottom: 7%; }
  .why-card h3 { font-size: 21px; }
  .why-card p { font-size: 16px; line-height: 1.4; }
  .wallet-benefits { column-gap: 12px; }
  .wallet-benefits li { font-size: 14px; }
  .wallet-benefits img { width: 22px; }
  .protection-visual { height: 290px; }
  .protection-visual>img { height: 330px; }
  .protection-points { flex-direction: column; }
  .moneva-footer-nav { gap: 16px; }
  .moneva-footer-nav h3 { font-size: 15px; }
}
@media (max-width: 350px) {
  .hero-actions .button, .hero-actions .text-link { width: 100%; max-width: 260px; }
  .wallet-benefits { grid-template-columns: 1fr; }
  .moneva-footer-nav { grid-template-columns: repeat(2, 1fr); row-gap: 28px; }
}
@media (min-width: 701px) and (max-width: 800px) {
  .money-features-heading { display: block; }
  .money-features-intro { max-width: 480px; margin-top: 24px; }
  .money-features-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .money-feature { width: 100%; max-width: 560px; margin-inline: auto; }
  .money-feature>p { max-width: 100%; font-size: 16px; }
}
@media (max-width: 980px) and (max-height: 500px) {
  .site-header .main-nav { justify-content: flex-start; padding-block: 68px 24px; gap: 6px; }
  .site-header .main-nav a { font-size: 24px; padding-block: 6px; }
}
@supports (padding: env(safe-area-inset-bottom)) {
  @media (max-width: 980px) {
    .site-header .main-nav { padding-bottom: max(24px, env(safe-area-inset-bottom)); }
    .moneva-footer { padding-bottom: max(28px, env(safe-area-inset-bottom)); }
  }
}