/* Mobile-only pricing selector and compact comparison table. Desktop stays unchanged. */
.mobile-plan-detail{display:none}

@media(max-width:580px){
  .pricing-section--reference{padding:46px 0 34px}
  .pricing-section--reference .nova-container{width:min(calc(100% - 20px),var(--container))}
  .pricing-section--reference .pricing-heading{margin-bottom:18px}
  .pricing-section--reference .pricing-heading h2{font-size:1.75rem}
  .pricing-section--reference .pricing-quality-label{margin-top:7px}
  .pricing-section--reference .pricing-description{margin-top:10px;font-size:.72rem}
  .pricing-section--reference .tier-toggle{margin-top:5px}
  .pricing-section--reference .tier-toggle button{min-width:103px;padding:8px 13px;font-size:.7rem}

  .pricing-section--reference .connection-banner{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:8px;max-width:none;margin:0 0 8px;padding:8px 10px;border-radius:8px}
  .pricing-section--reference .connection-banner .icon-tile{flex:0 0 25px;width:25px;height:25px;margin:0;border-radius:50%}
  .pricing-section--reference .connection-banner .icon-tile .nova-icon{width:13px;height:13px}
  .pricing-section--reference .connection-banner p{width:auto;font-size:.58rem;line-height:1.25}
  .pricing-section--reference .connection-banner label{display:none}

  .pricing-section--reference .pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}
  .pricing-section--reference .plan-card,
  .pricing-section--reference .plan-card.is-featured{min-height:92px;padding:10px 10px 9px;border-radius:9px;background:#0d1727;box-shadow:inset 0 1px rgba(255,255,255,.035);cursor:pointer;transform:none}
  .pricing-section--reference .plan-card:hover{transform:none}
  .pricing-section--reference .plan-card:focus-visible{outline:2px solid #a56cff;outline-offset:2px}
  .pricing-section--reference .plan-card.is-mobile-active{border-color:#9b51eb;background:linear-gradient(145deg,#25173f,#11182a);box-shadow:0 0 0 1px rgba(155,81,235,.25),0 8px 22px rgba(42,14,93,.3)}
  .pricing-section--reference .pricing-grid[data-tier="premium"] .plan-card.is-mobile-active{border-color:#e4b33c;background:linear-gradient(145deg,#392817,#11182a);box-shadow:0 0 0 1px rgba(228,179,60,.2),0 8px 22px rgba(72,46,5,.25)}
  .pricing-section--reference .plan-card h3{font-size:.82rem;line-height:1.15}
  .pricing-section--reference .plan-subtitle,
  .pricing-section--reference .plan-select,
  .pricing-section--reference .plan-divider,
  .pricing-section--reference .plan-includes,
  .pricing-section--reference .plan-card>ul{display:none}
  .pricing-section--reference .plan-popular{top:-5px;right:7px;padding:2px 5px;font-size:.39rem;line-height:1.25}
  .pricing-section--reference .plan-price{display:flex;min-height:0;flex-direction:column;align-items:flex-start;gap:2px;margin-top:4px}
  .pricing-section--reference .plan-was{display:none}
  .pricing-section--reference .plan-saving{order:-1;padding:1px 4px;font-size:.43rem;line-height:1.35}
  .pricing-section--reference .plan-price strong{margin:0;font-size:.72rem;line-height:1}
  .pricing-section--reference .plan-price strong b{font-size:1.22rem;letter-spacing:-.055em}

  .mobile-plan-detail{display:block;margin-top:9px;animation:novaMobilePlanIn .24s ease-out both}
  .mobile-plan-detail__card{padding:15px 13px 17px;border:1px solid rgba(151,92,235,.28);border-radius:12px;background:linear-gradient(155deg,rgba(15,25,42,.99),rgba(10,17,31,.99));box-shadow:0 18px 38px rgba(0,0,0,.22)}
  .mobile-plan-detail__card h3{margin:0;font-family:"Plus Jakarta Sans",sans-serif;font-size:1.18rem;letter-spacing:-.04em}
  .mobile-plan-detail__subtitle{margin:2px 0 12px;color:#aeb4c7;font-size:.59rem}
  .mobile-plan-detail__button{width:100%;min-height:36px;padding:7px 12px;border:0;border-radius:7px;background:#fff;color:#17131d;font-family:"Plus Jakarta Sans",sans-serif;font-size:.58rem;font-weight:800;box-shadow:0 7px 16px rgba(0,0,0,.2);cursor:pointer}
  .mobile-plan-detail__button:focus-visible{outline:2px solid #a970ff;outline-offset:3px}
  .mobile-plan-detail__label{margin:14px 0 8px;color:#aaa4bd;font-size:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .mobile-plan-detail__card ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}
  .mobile-plan-detail__card li{display:flex;align-items:flex-start;gap:6px;color:#bac0d0;font-size:.57rem;line-height:1.35}
  .mobile-plan-detail__card li .nova-icon{flex:0 0 11px;width:11px;height:11px;margin-top:1px;color:#a65ced;stroke-width:3}
  .pricing-section--reference .pricing-grid[data-tier="premium"]+.mobile-plan-detail .mobile-plan-detail__card{border-color:rgba(226,180,63,.35)}
  .pricing-section--reference .pricing-grid[data-tier="premium"]+.mobile-plan-detail .mobile-plan-detail__card li .nova-icon{color:#e8b942}
  .pricing-section--reference .pricing-grid[data-tier="premium"]+.mobile-plan-detail .mobile-plan-detail__button{background:linear-gradient(110deg,#ffe07d,#e7aa2d);color:#2a1c00}
  .pricing-section--reference .pricing-compare-button{display:flex;min-height:34px;margin:14px auto 0;padding:0 17px;font-size:.58rem}

  .comparison-prelude{padding:22px 0 17px;background:#030308}
  .comparison-prelude .nova-container,
  .comparison--premium .nova-container{width:min(calc(100% - 20px),var(--container))}
  .comparison-jump{min-height:34px;margin-bottom:17px;padding:0 17px;font-size:.57rem}
  .comparison-jump .nova-icon{width:11px;height:11px}
  .comparison-assurances{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}
  .assurance-card{min-height:74px;padding:9px 10px;border-radius:8px;box-shadow:inset 0 1px rgba(255,255,255,.23),0 8px 18px rgba(0,0,0,.16)}
  .assurance-card__icon{width:23px;height:23px;margin-bottom:5px;border-radius:7px}
  .assurance-card__icon .nova-icon{width:13px;height:13px}
  .assurance-card strong{font-size:.58rem;line-height:1.12;letter-spacing:-.03em}
  .assurance-card small{font-size:.43rem;line-height:1.2}

  .comparison--premium{padding:20px 0 43px;background:radial-gradient(circle at 91% 38%,rgba(73,23,139,.31),transparent 43%),linear-gradient(180deg,#030308,#080316)}
  .comparison--premium .comparison__heading{margin-bottom:10px}
  .comparison--premium .comparison__heading .eyebrow,
  .comparison--premium .comparison__heading>p:not(.eyebrow){display:none}
  .comparison--premium .comparison__heading h2{max-width:270px;margin:0 auto;font-size:.86rem;line-height:1.12;letter-spacing:-.035em}
  .comparison--premium .comparison-wrap{max-width:none;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}
  .comparison--premium .comparison-wrap table{display:table!important;width:100%;min-width:0!important;table-layout:fixed;border-collapse:collapse}
  .comparison--premium .comparison-wrap thead{display:table-header-group!important}
  .comparison--premium .comparison-wrap tbody{display:table-row-group!important}
  .comparison--premium .comparison-wrap tr{display:table-row!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important}
  .comparison--premium .comparison-wrap th,
  .comparison--premium .comparison-wrap td{display:table-cell!important;height:auto;padding:6px 4px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;vertical-align:middle;font-size:clamp(.46rem,2.1vw,.59rem)!important;line-height:1.22;text-align:center!important}
  .comparison--premium .comparison-wrap thead th{border-top:1px solid rgba(255,255,255,.55)!important;background:transparent!important;color:#fff;font-size:clamp(.44rem,2vw,.56rem)!important;text-transform:none}
  .comparison--premium .comparison-wrap thead th:first-child{width:48%;color:#a9a3b8;text-align:left!important}
  .comparison--premium .comparison-wrap thead th:nth-child(2),
  .comparison--premium .comparison-wrap thead th:nth-child(3){width:26%}
  .comparison--premium .comparison-wrap tbody th{padding-left:1px!important;background:transparent!important;color:#f7f5fb;font-family:"DM Sans",sans-serif;font-weight:600;text-align:left!important}
  .comparison--premium .comparison-wrap td:before{display:none!important;content:none!important}
  .comparison--premium .comparison-wrap .comparison__premium-header,
  .comparison--premium .comparison-wrap .comparison__premium-cell{border-radius:0!important;background:rgba(104,48,181,.27)!important}
  .comparison--premium .comparison-mark{font-size:.72rem}
  .comparison__footer{margin-top:9px;font-size:.46rem;line-height:1.35}
}

@keyframes novaMobilePlanIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}