/* Homepage only. Standalone pages and desktop layouts keep their existing styles. */
body.home-page #promoGrid .promo-card{position:relative}
body.home-page #promoGrid .promo-card-copy>a{position:static;transform:none!important}
body.home-page #promoGrid .promo-card-copy>a::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0}
body.home-page #promoGrid .promo-card:focus-within{outline:2px solid var(--red);outline-offset:3px}
@media(max-width:650px){
  body.home-page :is(.mobile-view-cards,.mobile-view-list) :is(#homePlans,#businessPlans,#promoGrid){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:28px!important;overflow:visible!important;scroll-snap-type:none!important;padding:24px 2px 20px!important}
  body.home-page :is(.mobile-view-cards,.mobile-view-list) :is(.plan-card,.business-plan-card,.promo-card){width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;box-sizing:border-box}
  body.home-page :is(.mobile-view-cards,.mobile-view-list) .plan-carousel-controls{display:none!important}
  body.home-page .mobile-view-cards #promoGrid{padding:4px 2px!important;gap:18px!important}
  body.home-page .mobile-view-carousel #promoGrid{display:flex!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:8px 34px 20px 2px!important;scrollbar-width:none}
  body.home-page .mobile-view-carousel #promoGrid .promo-card{flex:0 0 calc(100% - 34px)!important;width:calc(100% - 34px)!important;scroll-snap-align:start}

  body.home-page .mobile-view-list :is(#homePlans,#businessPlans,#promoGrid){gap:12px!important;padding:4px 2px!important}
  body.home-page .mobile-view-list :is(#homePlans .plan-card,#businessPlans .business-plan-card){display:grid!important;grid-template-columns:40px minmax(0,1fr) 32px;gap:4px 10px;padding:14px 12px!important;border-radius:16px!important;min-height:112px!important;box-shadow:none}
  body.home-page .mobile-view-list #homePlans .plan-card-content{display:contents!important}
  body.home-page .mobile-view-list #homePlans .plan-card-kicker{grid-column:1;grid-row:1/5;align-self:center;margin:0;padding:0}
  body.home-page .mobile-view-list #homePlans .plan-category{display:none}
  body.home-page .mobile-view-list #homePlans .home-plan-icon{width:38px;height:38px;font-size:21px}
  body.home-page .mobile-view-list #homePlans .plan-name,
  body.home-page .mobile-view-list #businessPlans .business-plan-name{grid-column:2;grid-row:1;font-size:13px!important;line-height:1.35!important;margin:0!important;padding:0!important;min-height:0;border:0;overflow-wrap:anywhere}
  body.home-page .mobile-view-list #homePlans .plan-speed,
  body.home-page .mobile-view-list #businessPlans .business-speed{display:block!important;grid-column:2;grid-row:2;margin:0!important;padding:0!important;font-size:12px!important;line-height:1.5;letter-spacing:0;border:0}
  body.home-page .mobile-view-list #homePlans .plan-speed :is(b,small),
  body.home-page .mobile-view-list #businessPlans .business-speed small{font-size:12px!important;letter-spacing:0}
  body.home-page .mobile-view-list #homePlans .plan-speed-prefix{display:none}
  body.home-page .mobile-view-list #homePlans .plan-price,
  body.home-page .mobile-view-list #businessPlans .business-price{grid-column:2;grid-row:3;display:block;margin:0!important;padding:0!important;font-size:15px!important;line-height:1.5;letter-spacing:0}
  body.home-page .mobile-view-list #homePlans .plan-price small,
  body.home-page .mobile-view-list #businessPlans .business-price small{font-size:10px!important}
  body.home-page .mobile-view-list #homePlans :is(.plan-best-for,.plan-details),
  body.home-page .mobile-view-list #businessPlans ul{display:none!important}
  body.home-page .mobile-view-list #businessPlans .business-plan-icon{grid-column:1;grid-row:1/5;align-self:center;width:38px;height:38px;margin:0;font-size:21px}
  body.home-page .mobile-view-list #homePlans .plan-badge,
  body.home-page .mobile-view-list #businessPlans .business-plan-badge{position:static!important;grid-column:2;grid-row:4;justify-self:start;transform:none!important;width:auto!important;min-height:20px!important;max-width:100%;padding:4px 8px!important;border-radius:999px!important;font-size:8px!important;white-space:normal!important;margin:2px 0 0!important}
  body.home-page .mobile-view-list #homePlans .plan-apply,
  body.home-page .mobile-view-list #businessPlans .business-plan-button{grid-column:3;grid-row:1/5;align-self:center;min-height:44px!important;width:32px!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--red)!important;font-size:0!important}
  body.home-page .mobile-view-list #businessPlans .business-plan-button{color:#fff!important}
  body.home-page .mobile-view-list #homePlans .plan-apply::after,
  body.home-page .mobile-view-list #businessPlans .business-plan-button::after{content:'→';font-size:22px;line-height:1}

  body.home-page .mobile-view-list #promoGrid .promo-card{display:grid!important;grid-template-columns:72px minmax(0,1fr) 28px;gap:4px 10px;padding:12px!important;border-radius:16px;box-shadow:none;align-items:start}
  body.home-page .mobile-view-list #promoGrid .promo-card-image{grid-column:auto;grid-row:auto;align-self:center;width:72px!important;height:72px!important;min-height:0!important;aspect-ratio:1;border:1px solid var(--line);border-radius:10px;background-size:contain;background-position:center;background-repeat:no-repeat;position:absolute;left:12px;top:50%;transform:translateY(-50%)}
  body.home-page .mobile-view-list #promoGrid .promo-card-copy{display:contents!important}
  body.home-page .mobile-view-list #promoGrid .promo-card-image{border:0!important;border-radius:0!important;background-color:transparent!important;box-shadow:none!important}
  body.home-page .mobile-view-list #promoGrid .promo-card-copy>small{grid-column:2;grid-row:1;font-size:7px;line-height:1.4;margin:0;overflow-wrap:anywhere}
  body.home-page .mobile-view-list #promoGrid h3{grid-column:2;grid-row:2;margin:0!important;font-size:12px!important;line-height:1.35!important;overflow-wrap:anywhere}
  body.home-page .mobile-view-list #promoGrid p{grid-column:2;grid-row:3;margin:0!important;font-size:10px!important;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body.home-page .mobile-view-list #promoGrid .promo-card-copy>a{grid-column:3;grid-row:1/4;align-self:center;min-height:44px!important;width:28px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--red)!important;font-size:0!important}
  body.home-page .mobile-view-list #promoGrid .promo-card-copy>a::after{content:'→';font-size:22px;line-height:1}
}