.phone-attitude{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(380px,1.15fr);gap:clamp(28px,6vw,88px);align-items:center;border-block:1px solid var(--border);padding-block:clamp(48px,8vw,104px)}
.phone-attitude-copy h2{max-width:12ch;font-size:clamp(34px,4.5vw,64px)}
.phone-attitude-copy>p:not(.eyebrow):not(.meta){max-width:48ch;color:var(--muted)}
.phone-attitude .meta{font:12px/1.6 var(--mono);color:var(--muted)}
.phone-attitude-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:24px 0}
.phone-attitude .button{padding:13px 18px;border-radius:2px}
.phone-attitude .primary{background:var(--ice);color:var(--void);border-color:var(--ice)}
.phone-filter-toggle{display:flex;align-items:center;gap:9px;color:var(--text);font-size:14px}
.phone-filter-toggle input{accent-color:#addfff;width:18px;height:18px}
.phone-bias{display:grid;grid-template-columns:1fr auto;gap:8px 20px;color:var(--muted);font:12px var(--mono)}
.phone-bias output{color:var(--ice)}
.phone-bias input{grid-column:1/-1;width:100%;accent-color:#addfff}
.phone-telemetry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 0}
.phone-telemetry div{border-top:1px solid var(--border);padding-top:12px}
.phone-telemetry dt{font:10px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.phone-telemetry dd{margin:8px 0 0;font:500 clamp(17px,2vw,24px) var(--display)}
.phone-attitude-stage{min-width:0;border:1px solid var(--border);background:#080b10}
.phone-attitude-stage canvas{display:block;width:100%;height:auto;aspect-ratio:3/2;touch-action:none}
.phone-attitude-stage>.meta{padding:0 18px 14px;margin:0}
@media(max-width:800px){.phone-attitude{grid-template-columns:1fr}.phone-attitude-copy{order:1}.phone-attitude-stage{order:0}.phone-attitude-copy h2{max-width:16ch}}
@media(prefers-reduced-motion:reduce){.phone-attitude-stage{scroll-behavior:auto}}