.hq-page { background:var(--color-surface); color:var(--color-text); font-family:var(--font-body); }
.hq-page [hidden], .hq-policy[hidden] { display:none !important; }
.hq-header { background:var(--color-bg); padding:var(--space-5) var(--space-6); display:flex; justify-content:space-between; align-items:center; gap:var(--space-4); }
.hq-brand { font-family:var(--font-display); font-weight:800; font-size:var(--text-xl); line-height:1.2; }
.hq-brand small { display:block; font-family:var(--font-body); font-size:var(--text-xs); font-weight:500; color:var(--color-text-muted); margin-top:var(--space-1); }
.hq-shell { max-width:var(--container-max); margin:auto; padding:var(--space-12) var(--space-6); }
.hq-intro { max-width:48rem; margin-bottom:var(--space-8); }
.hq-intro h1 { font-size:clamp(var(--text-3xl),5vw,var(--text-5xl)); line-height:1.12; margin:var(--space-3) 0 var(--space-4); letter-spacing:-.04em; }
.hq-kicker { color:var(--color-accent); font-size:var(--text-xs); letter-spacing:.12em; font-weight:700; text-transform:uppercase; }
.hq-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:var(--space-6); align-items:start; }
.hq-card { background:var(--color-bg); padding:var(--space-8); border-radius:var(--radius-2xl); }
.hq-progress { display:flex; gap:var(--space-2); margin-bottom:var(--space-8); }
.hq-progress li { flex:1; padding:var(--space-3) 0; border-bottom:3px solid var(--color-surface-2); font-size:var(--text-xs); color:var(--color-text-muted); }
.hq-progress [aria-current="step"] { color:var(--color-accent); border-color:var(--color-accent); font-weight:700; }
.hq-step h2 { font-size:var(--text-2xl); margin-bottom:var(--space-2); }
.hq-step > p { color:var(--color-text-muted); margin-bottom:var(--space-6); }
.hq-fields { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-5); }
.hq-field { display:flex; flex-direction:column; gap:var(--space-2); min-width:0; }
.hq-field label, .hq-legend { font-weight:600; font-size:var(--text-sm); }
.hq-full { grid-column:1 / -1; }
.hq-field input, .hq-field select, .hq-field textarea { width:100%; min-height:3rem; padding:var(--space-3); background:var(--color-surface); border:1px solid var(--color-surface-2); border-radius:var(--radius-md); color:var(--color-text); }
.hq-field input:focus, .hq-field select:focus, .hq-field textarea:focus { outline:2px solid var(--color-accent); outline-offset:2px; }
.hq-field textarea { min-height:6rem; resize:vertical; }
.hq-options { display:grid; gap:var(--space-3); margin:var(--space-3) 0 var(--space-6); border:0; }
.hq-choice { display:flex; gap:var(--space-3); align-items:flex-start; padding:var(--space-5); background:var(--color-surface); border-radius:var(--radius-lg); cursor:pointer; border:2px solid transparent; }
.hq-choice:has(input:checked) { border-color:var(--color-accent); }
.hq-choice input { margin-top:var(--space-1); accent-color:var(--color-accent); flex-shrink:0; }
.hq-choice strong, .hq-choice small { display:block; }
.hq-choice small { color:var(--color-text-muted); margin-top:var(--space-1); }
.hq-actions { display:flex; justify-content:space-between; gap:var(--space-3); margin-top:var(--space-8); }
.hq-btn { border:0; border-radius:var(--radius-pill); background:var(--color-accent); color:var(--color-text-inverse); padding:var(--space-3) var(--space-6); cursor:pointer; font-weight:600; }
.hq-btn:hover { background:var(--color-accent-hover); }
.hq-btn:disabled { opacity:.5; cursor:wait; }
.hq-btn-secondary { background:var(--color-surface); color:var(--color-text); }
.hq-note { padding:var(--space-5); background:var(--color-surface); border-radius:var(--radius-lg); margin:var(--space-5) 0; font-size:var(--text-sm); }
.hq-aside { position:sticky; top:var(--space-6); }
.hq-aside h2 { font-size:var(--text-lg); }
.hq-price { font-size:var(--text-3xl); font-weight:800; letter-spacing:-.03em; margin:var(--space-3) 0; }
.hq-summary { display:grid; gap:var(--space-3); margin-top:var(--space-5); font-size:var(--text-sm); }
.hq-summary div { display:flex; justify-content:space-between; gap:var(--space-3); }
.hq-summary dd { text-align:right; font-weight:600; }
.hq-small { font-size:var(--text-xs); color:var(--color-text-muted); margin-top:var(--space-4); }
.hq-footer { padding:var(--space-8) var(--space-6); text-align:center; font-size:var(--text-sm); color:var(--color-text-muted); }
.hq-footer a { text-decoration:underline; }
.hq-error { color:var(--color-error); }
.hq-policy { margin:var(--space-5) 0; padding:var(--space-5); background:var(--color-surface); border-radius:var(--radius-lg); }
@media(max-width:760px) { .hq-layout { grid-template-columns:1fr; } .hq-shell { padding:var(--space-8) var(--space-4); } .hq-card { padding:var(--space-5); } .hq-aside { position:static; } .hq-fields { grid-template-columns:1fr; } .hq-header { padding:var(--space-4); } .hq-header > a:last-child { font-size:var(--text-xs); } }