/* Mobile refinements for the custom homepage. */
@media (max-width:760px) {
  html {scroll-padding-top:82px;}
  .container {width:min(calc(100% - 40px),var(--max));}
  .site-header {height:68px;}
  .header-inner {gap:16px;}
  .menu-toggle {width:44px;height:44px;flex:none;}
  .menu-toggle span {transition:transform .18s,opacity .18s;}
  .menu-toggle[aria-expanded="true"] span:nth-child(1) {transform:translateY(7px) rotate(45deg);}
  .menu-toggle[aria-expanded="true"] span:nth-child(2) {opacity:0;}
  .menu-toggle[aria-expanded="true"] span:nth-child(3) {transform:translateY(-7px) rotate(-45deg);}
  .mobile-nav {position:absolute;top:100%;left:0;right:0;padding:8px 20px 14px;}
  .mobile-nav a {display:flex;align-items:center;min-height:48px;padding:12px 10px;border-radius:8px;}
  .mobile-nav a:active {background:rgba(114,155,226,.12);}
  .hero {padding-top:32px;}
  .hero-grid {grid-template-columns:minmax(0,1fr);gap:22px;min-height:0;}
  .hero-copy,.hero-art,.tariff-heading>div,.devices-heading>div {min-width:0;max-width:100%;}
  .eyebrow {width:fit-content;max-width:100%;padding:9px 12px;gap:8px;font-size:12px;line-height:1.5;}
  .eyebrow-spark {flex:none;}
  .hero h1 {font-size:clamp(38px,10.3vw,60px);margin:21px 0 18px;line-height:1.08;}
  .hero-lead {font-size:15px;line-height:1.65;}
  .hero-actions {margin-top:24px;gap:10px;}
  .button {min-width:0;min-height:52px;padding:13px 14px;gap:10px;font-size:13px;}
  .hero-caption {margin-top:20px;font-size:12px;line-height:1.55;}
  .caption-check {flex:none;}
  .hero-art {height:clamp(300px,90vw,460px);margin-top:0;}
  .hero-stats {min-height:88px;margin-top:10px;padding:18px 0;gap:12px;}
  .stat strong {font-size:22px;}
  .stat>span {font-size:12px;}
  .section {padding:56px 0;}
  .section-kicker {font-size:12px;margin-bottom:14px;}
  .section h2,.tariff-heading h2,.devices-heading h2 {font-size:clamp(34px,10.2vw,44px);}
  .devices-heading,.tariff-heading {margin-bottom:26px;gap:16px;}
  .devices-heading>p,.tariff-heading>div>p:not(.section-kicker) {font-size:14px;line-height:1.65;}
  .device-tabs {margin-bottom:14px;}
  .device-tab {min-height:48px;font-size:12px;}
  .device-stage {min-height:260px;}
  .device-panel-copy {min-width:0;padding:18px 20px 25px;}
  .device-panel-kicker,.device-panel-hint,.device-float {font-size:12px;}
  .device-panel h3 {font-size:clamp(29px,8vw,35px);}
  .device-platforms {margin-top:18px;}
  .device-cta {width:100%;}
  .price-note {max-width:100%;white-space:normal;align-items:center;padding:11px 13px;border-radius:16px;font-size:12px;line-height:1.5;}
  .price-note-dot {flex:none;}
  .plan-card {padding:22px 20px 20px;}
  .plan-price-detail {font-size:12px;line-height:1.5;}
  .plan-device-label {font-size:12px;gap:8px;}
  .plan-device-select {font-size:16px;min-height:48px;}
  .plan-price-status:not(:empty) {font-size:12px;}
  .plan-features {font-size:12px;line-height:1.6;}
  .plan-button {min-height:48px;font-size:13px;padding:13px 14px;}
  .tariff-footnote {font-size:12px;line-height:1.6;}
  .footer-inner {gap:25px;}
  .footer-links {gap:4px 12px;}
  .footer-links a {display:flex;align-items:center;min-height:44px;padding:9px 0;font-size:13px;}
  .footer-bottom {margin-top:3px;}
}
@media (max-width:520px) {
  .hero-actions {grid-template-columns:1fr;}
  .hero-actions .button {justify-content:space-between;padding-inline:18px;}
}
@media (max-width:380px) {
  .device-tab-icon {display:none;}
  .plan-features {grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce) {
  .menu-toggle span {transition:none;}
}