.hero-grid{max-width:var(--maxw);grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(32px,5vw,64px);margin:0 auto;display:grid}.hero-copy{flex-direction:column;align-items:flex-start;gap:22px;display:flex}.hero-chips{flex-wrap:wrap;gap:10px;display:flex}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:6px;display:flex}.hero-figure{background:var(--paper-2);border:1px solid var(--divider);border-radius:var(--radius-lg);flex-direction:column;gap:18px;padding:34px 30px 26px;display:flex;position:relative}.hero-figure img{filter:saturate(.55)contrast(1.04);border-radius:var(--radius-sm);object-fit:cover;width:100%;max-height:380px;display:block}.fig-row{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.draft-panel{background:var(--color-neutral-100);border:1px solid var(--divider);border-radius:var(--radius-lg);grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4vw,56px);display:grid;overflow:hidden}.draft-copy{flex-direction:column;gap:16px;padding:clamp(30px,4vw,52px);display:flex}.draft-diagram{background:var(--paper-2);border-left:1px solid var(--divider);flex-direction:column;gap:14px;padding:clamp(24px,3vw,40px);display:flex;position:relative}.draft-diagram svg{width:100%;height:auto;display:block}@keyframes draftflow{to{stroke-dashoffset:-160px}}.flowline{animation:7s linear infinite draftflow}@media (prefers-reduced-motion:reduce){.flowline{animation:none}}.how-steps{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.how-step{background:var(--color-neutral-100);border:1px solid var(--divider);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:26px 26px 30px;display:flex}.how-step .step-num{background:var(--color-accent);width:34px;height:34px;color:var(--color-bg);font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.how-step h3{font-size:19px}.how-step p{color:var(--n-600);margin:0;font-size:14px;line-height:1.55}.type-row{border-bottom:1px solid var(--divider);grid-template-columns:56px 1fr auto;align-items:baseline;gap:clamp(16px,3vw,36px);padding:26px 0;display:grid}.type-row:first-child{border-top:1px solid var(--divider)}.type-row .t-num{font-family:var(--font-mono);letter-spacing:.2em;color:var(--n-500);font-size:12px}.type-row h3{font-size:clamp(22px,3vw,30px)}.type-row p{color:var(--n-600);max-width:56ch;margin:6px 0 0;font-size:14.5px}.type-row .t-chip{justify-self:end}.sidemount-card{background:var(--steel-900);color:var(--paper);border-radius:var(--radius-lg);grid-template-columns:.9fr 1.1fr;margin-top:48px;display:grid;overflow:hidden}.sidemount-media{background:var(--steel-800);justify-content:center;align-items:center;min-height:340px;padding:40px 30px;display:flex;position:relative}.sidemount-media img{object-fit:contain;filter:saturate(.5)contrast(1.05)drop-shadow(0 24px 40px #0006);width:auto;max-width:100%;max-height:320px}.sidemount-media .fig-note{color:var(--steel-300);position:absolute;bottom:18px;left:24px}.sidemount-body{flex-direction:column;gap:18px;padding:clamp(30px,4vw,52px);display:flex}.sidemount-body .spec-table th{color:var(--steel-300)}.sidemount-body .spec-table th,.sidemount-body .spec-table td{border-color:#f2f2f324}.sidemount-body .spec-table td{color:var(--steel-200)}.sidemount-body .spec-table td strong{color:var(--paper);font-weight:600}.option-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.option-card{background:var(--steel-800);border-radius:var(--radius-md);border:1px solid #f2f2f31a;flex-direction:column;gap:10px;padding:26px 26px 30px;transition:border-color .25s,transform .25s;display:flex}.option-card:hover{border-color:var(--flame);transform:translateY(-4px)}.option-card .card-num{font-family:var(--font-mono);letter-spacing:.2em;color:var(--steel-300);font-size:11px}.option-card h3{color:var(--paper);font-size:19px}.option-card p{margin:0;font-size:14px;line-height:1.55}.hardware-grid{grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);display:grid}.hardware-col{background:var(--color-neutral-100);border:1px solid var(--divider);border-radius:var(--radius-md);flex-direction:column;gap:18px;padding:clamp(26px,3vw,40px);display:flex}.chip-cloud{flex-wrap:wrap;gap:8px;display:flex}.hardware-col p{color:var(--n-600);margin:0;font-size:14.5px}.opt-list{flex-direction:column;display:flex}.opt-item{border-top:1px solid var(--divider);flex-direction:column;gap:8px;padding:16px 0;display:flex}.opt-item:last-child{padding-bottom:0}.opt-item .chip{align-self:flex-start}.opt-item p{color:var(--n-600);max-width:60ch;margin:0;font-size:14px;line-height:1.55}.matrix-stack{flex-direction:column;gap:clamp(30px,4vw,52px);display:flex}.matrix-scroll{overflow-x:auto}.matrix-scroll .spec-table{min-width:520px}.matrix-scroll .spec-table td.mark{text-align:center;font-family:var(--font-mono);letter-spacing:.1em;font-size:12px}.matrix-scroll .spec-table th.mark-h{text-align:center}.matrix-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.cta-panel{text-align:center;flex-direction:column;align-items:center;gap:22px;display:flex}.cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}@media (max-width:980px){.hero-grid,.draft-panel,.sidemount-card,.hardware-grid,.how-steps,.option-grid{grid-template-columns:1fr}.draft-diagram{border-left:0;border-top:1px solid var(--divider)}.type-row{grid-template-columns:40px 1fr}.type-row .t-chip{grid-column:2;justify-self:start;margin-top:10px}}