.hq-sec{padding:clamp(56px,8vw,96px) 0;background:var(--parchment)}.hq-sec .hq-card{margin:0 auto}
.hq-card{width:100%;max-width:680px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(28px,5vw,52px);box-shadow:0 30px 60px -40px rgba(18,63,55,.35)}
.hq-kick{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);font-weight:700}
.hq h1{font-size:clamp(2rem,5vw,2.9rem);margin:.5rem 0 1rem;text-wrap:balance}
.hq h2{font-size:clamp(1.5rem,3.6vw,2rem);margin:.6rem 0 1.4rem;line-height:1.2;text-wrap:pretty;font-family:var(--sans);font-weight:600;letter-spacing:-.01em}
.hq p{color:var(--ink-soft);text-wrap:pretty}
.hq-pills{display:flex;flex-wrap:wrap;gap:8px;margin:1.4rem 0 2rem}
.hq-pills span{padding:.4em .95em;border-radius:999px;background:var(--parchment-deep);color:var(--teal-deep);font-weight:600;font-size:.88rem}
.hq-pills span b{font-weight:500;opacity:.7;margin-right:.35em}
.hq-bar{height:6px;border-radius:6px;background:var(--parchment-deep);overflow:hidden;margin-bottom:1.6rem}
.hq-bar i{display:block;height:100%;background:var(--teal);transition:width .4s var(--ease)}
.hq-opts{display:grid;gap:10px}
.hq-opt{font:inherit;font-size:1.02rem;text-align:left;padding:16px 20px;border-radius:14px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}
.hq-opt:hover{border-color:var(--teal);background:var(--parchment-soft)}.hq-opt.sel,.hq-opt.sel:hover{border-color:var(--teal);background:var(--teal);color:#fff}.hq-opts.lock .hq-opt{pointer-events:none}.hq-q{animation:hqIn .35s var(--ease,ease) both}@keyframes hqIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hq-q.out{transition:opacity .2s;opacity:0}
.hq-nav{margin-top:1.4rem;display:flex;justify-content:space-between;font-size:.9rem;color:var(--ink-faint)}
.hq-nav button{font:inherit;background:none;border:0;color:var(--ink-soft);cursor:pointer;padding:6px 0}
.hq-form{display:grid;gap:12px;margin-top:1.4rem}
.hq-form input{font:inherit;font-size:1.02rem;padding:15px 18px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--ink)}
.hq-form input:focus{outline:none;border-color:var(--teal)}
.hq-form .btn{justify-content:center;margin-top:.4rem}
.hq-fine{font-size:.82rem;color:var(--ink-faint);margin-top:.8rem}
.hq-err{color:#9b2c2c;font-size:.9rem;min-height:1.2em}
.hq-res-pill{display:inline-block;padding:.45em 1.1em;border-radius:999px;background:var(--teal);color:#fff;font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}
.cmp{position:relative;display:block;width:min(400px,100%);aspect-ratio:1.25;margin:1.8rem 0 1.4rem;left:50%;transform:translateX(-50%)}
.cmp img{position:absolute;left:50%;top:50%;height:62%;width:auto;transform:translate(-50%,-50%)}
.cmp .d{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;padding:6px 10px;border-radius:12px;border:1.5px solid var(--line);min-width:96px;text-align:center}
.cmp .d b{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}
.cmp .d span{font-weight:600;font-size:.9rem;color:var(--ink)}
.cmp .d s{display:block;width:100%;height:5px;border-radius:5px;background:var(--parchment-deep);text-decoration:none;overflow:hidden}
.cmp .d s i{display:block;height:100%;background:var(--honey-light)}
.cmp .d.low{background:var(--teal);border-color:var(--teal)}
.cmp .d.low b,.cmp .d.low span{color:#fff}
.cmp .d.low s{background:rgba(255,255,255,.3)}.cmp .d.low s i{background:#fff}
.cmp .n{top:0;left:50%;transform:translateX(-50%)}.cmp .e{right:0;top:50%;transform:translateY(-50%)}.cmp .s{bottom:0;left:50%;transform:translateX(-50%)}.cmp .w{left:0;top:50%;transform:translateY(-50%)}
.hq-dir{font-size:1.05rem;color:var(--teal-deep)!important;font-weight:500;margin:-.4rem auto 1.4rem;text-align:center;max-width:46ch}
.hq-note{background:var(--parchment-soft);border-radius:16px;padding:20px 22px;margin:1.6rem 0;color:var(--ink);font-size:1rem}
.hq-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:1.6rem}
.hq-ctas .calm{color:var(--teal);font-weight:600}
.hq a:not(.btn){color:var(--teal)}.hq a:not(.btn):hover{color:var(--teal-deep)}