/* Commercial pages extend the supplied VOXX identity without changing shared CSS. */
.commercial-site { padding-top:60px; }
.commercial-site :where(h1,h2,h3,p,a,button,label,figcaption) { overflow-wrap:anywhere; }
.commercial-hero>*,.commercial-callout,.commercial-text,.commercial-links>* { min-width:0; }
.commercial-wrap { width:min(100% - 2 * var(--gutter),var(--maxw)); margin-inline:auto; }
.commercial-hero { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(240px,.65fr); gap:clamp(32px,7vw,100px); align-items:center; padding:clamp(64px,9vw,130px) 0 70px; }
.commercial-hero--text { display:block; max-width:1050px; }
.commercial-hero h1 { font-size:clamp(46px,6.8vw,100px); line-height:.96; text-transform:uppercase; margin:25px 0; }
.commercial-dek { font-size:clamp(21px,2.2vw,29px); line-height:1.4; color:var(--muted); max-width:760px; }
.commercial-hero .btn { margin-top:30px; }
.commercial-note { color:var(--muted); font-size:14px; max-width:700px; margin-top:20px; }
.commercial-proof { margin:0; max-width:315px; justify-self:center; }
.commercial-proof img { display:block; width:100%; height:auto; border:1px solid var(--line-2); border-radius:26px; }
.commercial-proof figcaption { font-size:13px; color:var(--muted); margin-top:16px; }
.commercial-jump { display:flex; flex-wrap:wrap; gap:10px 26px; border-block:1px solid var(--line-2); padding:20px 0; }
.commercial-jump a,.commercial-text a,.commercial-links a { color:var(--green); text-decoration:underline; text-underline-offset:4px; }
.commercial-section { padding:clamp(52px,7vw,95px) 0; border-bottom:1px solid var(--line); scroll-margin-top:90px; }
.commercial-section h2 { text-transform:uppercase; font-size:clamp(32px,4.2vw,60px); line-height:1; max-width:900px; margin:20px 0 28px; }
.commercial-section h3 { font-size:25px; line-height:1.15; margin-bottom:14px; }
.commercial-text { max-width:850px; font-size:20px; }
.commercial-text p+p { margin-top:18px; }
.commercial-text p,.commercial-cell p { color:var(--muted); }
.commercial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; margin-top:35px; }
.commercial-cell { border-top:1px solid var(--line-2); padding:25px 0 12px; min-width:0; }
.commercial-index { color:var(--green); font-size:12px; letter-spacing:.15em; display:block; margin-bottom:20px; }
.commercial-callout { background:var(--ink-2); border:1px solid var(--line-2); border-radius:var(--radius); padding:clamp(24px,4vw,48px); margin-top:32px; }
.commercial-callout strong { color:var(--paper); }
.commercial-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.5fr); gap:50px; align-items:center; }
.commercial-audio { width:min(100%,450px); margin:24px 0; display:block; }
.commercial-quote { border-left:3px solid var(--green); padding-left:22px; max-width:760px; font-size:22px; }
.commercial-table-wrap { overflow:auto; margin-top:35px; border:1px solid var(--line-2); border-radius:var(--radius); }
.commercial-table { border-collapse:collapse; min-width:1080px; width:100%; font-size:16px; text-align:left; }
.commercial-table caption { text-align:left; color:var(--muted); padding:20px; background:var(--ink-2); }
.commercial-table th,.commercial-table td { padding:20px; vertical-align:top; border-bottom:1px solid var(--line); }
.commercial-table thead th { color:var(--green); font-size:12px; text-transform:uppercase; letter-spacing:.08em; background:var(--ink-2); }
.commercial-table tbody th { width:13%; }
.commercial-table td { color:var(--muted); }
.commercial-table tbody tr:last-child>* { border-bottom:0; }
.commercial-status { display:block; font-size:12px; font-weight:400; color:var(--green); margin-top:8px; }
.commercial-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 45px; font-size:20px; margin-top:28px; }
.commercial-cta { padding:clamp(55px,8vw,110px) 0; }
.commercial-cta .commercial-callout { background:var(--green); color:var(--on-green); }
.commercial-cta h2 { text-transform:uppercase; font-size:clamp(36px,5vw,70px); line-height:1; margin:15px 0 25px; max-width:900px; }
.commercial-cta p { max-width:740px; margin-bottom:25px; }
.commercial-cta .commercial-note { color:var(--on-green); margin-bottom:0; }
@media(max-width:740px) { .commercial-hero { grid-template-columns:1fr; }.commercial-proof { max-width:260px; }.commercial-grid,.commercial-split { grid-template-columns:1fr; }.commercial-links { grid-template-columns:1fr; }.commercial-table { font-size:15px; }.commercial-hero h1 { overflow-wrap:break-word; }.commercial-jump a { padding-block:5px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
.commercial-cta .eyebrow { color:var(--on-green); }
.commercial-cta .sq { background:var(--on-green); }
.commercial-site .btn { min-width:0; max-width:100%; white-space:normal; text-align:center; }