/* ---------- Responsive ---------- */
  @media (max-width: 900px){
    /* perf: swap the animated SVG turbulence silk for a cheap static one */
    .silk-static{display:block !important;}
    /* perf: backdrop-filter is very expensive on mobile GPUs.
       The mobile nav is exempt: it's a full-screen overlay that only paints
       while open, and it needs the blur to stay legible over the page. */
    *:not(.mobile-nav){backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
    /* perf: freeze heavy blurred background animations */
    #heroGlowHost > div, .trial-band > div > div, .page__group-02{animation:none !important;}
    /* Desktop inline links collapse into the burger sheet (.nav-toggle). */
    .nav-links{display:none !important;}
    /* The CTAs also live in the burger sheet on mobile; hide the header copies
       so the row (logo + theme toggle + burger) never overflows the viewport. */
    .header__link-04,.header__link-05{display:none !important;}
    .hero-grid{grid-template-columns:1fr !important;text-align:center;}
    .hero-grid .hero-copy{display:flex;flex-direction:column;align-items:center;}
    .hero-logo{--orbit-size:min(340px,72vw);order:-1;width:var(--orbit-size) !important;margin-bottom:8px;}
    .grid-3{grid-template-columns:repeat(2,1fr) !important;}
    .trial-band{flex-direction:column !important;align-items:flex-start !important;text-align:left;}
    .footer-grid{grid-template-columns:1fr 1fr !important;}
  }
  @media (max-width: 560px){
    .header__group-01{padding:14px 12px !important;gap:12px !important;}
    .header__group-02{gap:8px !important;}
    .grid-3{grid-template-columns:1fr !important;}
    .footer-grid{grid-template-columns:1fr !important;}
    .hero-cta{flex-direction:column !important;align-items:stretch !important;}
    .hero-cta a{text-align:center;}
    .theme-toggle{width:46px;height:46px;}
  }