/* Keyzira — homepage mobile layer.
   Intentionally contains no desktop declarations. The homepage already uses
   v6.2-content.css for its desktop design; this file exists to provide the
   mobile-specific layer referenced by templates/index.html. */

@media (max-width:760px){
  .landing-home{width:100%;max-width:100%;padding:18px 14px 44px!important;overflow:hidden}
  .landing-hero{grid-template-columns:1fr!important;gap:24px!important;min-height:0!important;padding:24px 0 36px!important}
  .landing-hero-copy{min-width:0}
  .landing-hero h1{max-width:100%!important;margin:14px 0 14px!important;font-size:clamp(35px,10.2vw,42px)!important;line-height:1.02!important;letter-spacing:-1.9px!important;overflow-wrap:anywhere}
  .landing-hero-copy>p{max-width:100%!important;font-size:15.5px!important;line-height:1.62!important}
  .landing-eyebrow{font-size:11px!important;letter-spacing:.1em!important}
  .landing-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:23px!important}
  .landing-btn{width:100%;min-width:0;min-height:50px!important;padding:0 13px!important;font-size:13px!important;gap:7px!important;text-align:center}
  .landing-trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:27px!important}
  .landing-trust>div{min-width:0!important;padding:0 8px!important;text-align:center}
  .landing-trust>div:first-child{padding-left:0!important}
  .landing-trust strong{font-size:17px!important}
  .landing-trust span{font-size:10px!important;line-height:1.3!important}

  .landing-hero-visual{width:100%!important;max-width:520px!important;min-height:328px!important;margin:0 auto!important;padding:0 12px!important;overflow:visible}
  .hero-score-card{width:calc(100% - 22px)!important;max-width:430px!important;min-height:260px!important;padding:19px 18px!important;border-radius:20px!important;transform:rotate(-.6deg)!important}
  .hero-score-value{margin:22px 0 15px!important}
  .hero-score-value strong{font-size:58px!important;letter-spacing:-3.6px!important}
  .hero-chart{height:78px!important;gap:6px!important}
  .hero-score-meta{gap:7px!important;margin-top:13px!important}
  .hero-score-meta span{font-size:10.5px!important}
  .hero-score-meta b{font-size:13px!important}
  .hero-duel-mini,.hero-rank-mini{max-width:48%;padding:10px 11px!important;gap:8px!important;border-radius:12px!important}
  .hero-duel-mini{left:0!important;bottom:7px!important}
  .hero-rank-mini{right:0!important;top:12px!important}
  .hero-duel-mini>span,.hero-rank-mini>span{width:31px!important;height:31px!important;font-size:14px!important;flex:0 0 31px}
  .hero-duel-mini small,.hero-rank-mini small{font-size:8.5px!important}
  .hero-duel-mini strong,.hero-rank-mini strong{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}
  .hero-duel-mini>b,.hero-rank-mini>b{margin-left:2px!important;font-size:11px!important}
  .visual-glow.one{width:230px!important;height:230px!important;left:8%!important;top:36px!important}
  .visual-glow.two{width:190px!important;height:190px!important;right:2%!important;bottom:12px!important}

  .landing-progress-strip{grid-template-columns:1fr!important;gap:12px!important;margin:0 0 18px!important;padding:14px!important}
  .landing-progress-strip>div:first-child{flex-wrap:wrap}
  .lp-badges{gap:10px!important;flex-wrap:wrap!important}
  .landing-section{padding:36px 0!important}
  .landing-section-head{margin-bottom:20px!important}
  .landing-section-head.row{align-items:flex-start!important;gap:10px!important;flex-direction:column!important}
  .landing-section h2{font-size:29px!important;letter-spacing:-1px!important}
  .landing-section-head p,.competitive-copy>p{font-size:14.5px!important;line-height:1.65!important}
  .tool-card-grid,.landing-blog-grid{grid-template-columns:1fr!important;gap:12px!important}
  .tool-card{min-height:0!important;padding:20px!important;border-radius:17px!important}
  .tool-icon{margin-bottom:16px!important}
  .tool-card footer{padding-top:18px!important}
  .competitive-section{grid-template-columns:1fr!important;gap:24px!important;margin:10px 0!important;padding:24px 16px!important;border-radius:20px!important}
  .competitive-copy h2{font-size:29px!important;letter-spacing:-1px!important}
  .competitive-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .competitive-actions a{width:100%;text-align:center}
  .leader-preview-card{min-width:0;border-radius:15px!important}
  .leader-preview-card header{padding:15px 14px!important;gap:8px!important}
  .leader-preview-card ol{padding:5px 12px 10px!important}
  .leader-preview-card li{grid-template-columns:24px 32px minmax(0,1fr) auto!important;gap:8px!important;min-height:53px!important}
  .leader-preview-card li>b{font-size:11.5px!important}
  .landing-final-cta{margin:22px 0 0!important;padding:26px 18px!important;border-radius:20px!important;gap:20px!important}
  .landing-final-cta h2{font-size:27px!important;line-height:1.12!important}
  .landing-final-cta .landing-btn{width:100%}
}

@media (max-width:420px){
  .landing-actions{grid-template-columns:1fr!important}
  .landing-hero h1{font-size:36px!important}
  .landing-hero-visual{min-height:310px!important;padding-inline:4px!important}
  .hero-score-card{width:calc(100% - 12px)!important}
  .hero-duel-mini,.hero-rank-mini{max-width:47%}
  .landing-trust span{font-size:9.5px!important}
}