.phone-feature { padding: var(--space-md); background: var(--sand); border: 1px solid var(--mist); border-top: 4px solid var(--signal); border-radius: 5px; }
.phone-feature-label { margin: 0 0 var(--space-xs); color: var(--caliper); font-family: var(--mono); font-size: 13px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; }
.phone-feature h3 { margin: 0; font-family: var(--serif); font-size: 32px; font-weight: 600; }
.phone-feature-facts { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin: var(--space-xs) 0; padding-block: var(--space-xs); border-block: 1px solid rgba(16,26,32,.12); color: var(--ink); font-weight: 700; }
.phone-feature > p:not(.phone-feature-label):not(.phone-feature-facts) { margin: 0 0 var(--space-sm); color: var(--muted); }
.site-header nav[aria-label="Main navigation"] { gap: clamp(14px, 1.4vw, 22px); }
.site-header nav[aria-label="Main navigation"] > a { white-space: nowrap; }
.site-header .mobile-links { max-height: calc(100dvh - 120px); overflow-y: auto; }
@media (max-width: 1200px) {
 .site-header nav[aria-label="Main navigation"] { display: none; }
 .site-header .mobile-nav { display: block; }
 .site-header .nav-row { min-height: auto; padding-top: 18px; padding-bottom: 18px; align-items: center; }
}
@media (max-width: 760px) { .phone-feature h3 { font-size: 28px; } }
@media (max-width: 300px) { .phone-feature { padding-inline: 12px; } .site-header .nav-row { align-items: stretch; } .site-header .mobile-links { max-height: none; } }