@media (max-width: 480px) {
  body.public-site { overflow-x: hidden; }
  .landing-container { width: calc(100% - 24px); }
  .nav-inner { gap: 10px; }
  .landing-logo { font-size: 19px; }
  .nav-actions { gap: 8px; }
  .nav-cta { padding: 9px 12px; font-size: 11.5px; }
  .hero-grid { padding: 52px 0; }
  .hero-copy h1 { margin-top: 17px; font-size: clamp(34px, 10.5vw, 40px); line-height: 1.07; }
  .hero-copy > p { font-size: 14px; line-height: 1.65; }
  .hero-proof { align-items: flex-start; }
  .landing-section { padding: 62px 0; }
  .section-title-row { gap: 15px; margin-bottom: 30px; }
  .section-title-row h2, .templates-showcase h2, .how-section h2 { font-size: 29px; }
  .feature-card { min-height: auto; padding: 21px; }
  .feature-large { min-height: 390px; }
  .feature-card h3, .feature-large h3 { margin-top: 28px; }
  .templates-showcase { padding: 68px 0; }
  .template-fan { height: 265px; margin-top: 30px; margin-bottom: -10px; transform: scale(.62); }
  .steps-grid { gap: 12px; margin-top: 32px; }
  .steps-grid article { padding: 22px; }
  .landing-cta .landing-container { padding: 46px 18px; border-radius: 20px; }
  .landing-cta h2 { font-size: 32px; }
  .landing-footer { padding: 38px 0; }
  .landing-footer .landing-container { gap: 14px; }
}