/* Homepage hero quote card (address first). */
.hero-actions.hq-wrap{display:block;max-width:640px;margin-inline:auto;text-align:center}
/* Once someone is using the card, keep the hero text and card in place while they scroll. */
.hero-copy:has(.hq:focus-within),.hero-copy:has(.hq:not([data-at="1"])){opacity:1!important;transform:none!important}
.hq{position:relative;background:#fff;color:var(--ink);border-radius:20px;padding:16px 18px 18px;box-shadow:0 24px 60px -24px rgba(4,10,22,.65),0 2px 6px rgba(4,10,22,.12);text-align:left}
.hq-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.hq-pin{color:var(--sun)}
.hq-field{position:relative;min-width:0}
.hq-field label{display:block;font-size:.8rem;font-weight:600;color:var(--muted);letter-spacing:.01em}
.hq-field input{width:100%;border:0;outline:0;background:transparent;padding:2px 0 0;font:500 1.15rem/1.3 var(--f-body);color:var(--ink)}
.hq-field input::placeholder{color:#9aa4b2;font-weight:400}
.hq-field input[readonly]{color:var(--ink)}
.hq-check{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;background:var(--ink);color:#fff;font:600 1rem var(--f-body);padding:13px 20px;border-radius:999px;white-space:nowrap;transition:transform .2s var(--ease),background .2s}
.hq-check:hover{background:#1d2a40}
.hq-check:active{transform:scale(.97)}
.hq-change-t{display:none}
.hq:not([data-at="1"]) .hq-check-t{display:none}
.hq:not([data-at="1"]) .hq-change-t{display:inline}
.hq:not([data-at="1"]) .hq-check{background:#eef1f5;color:var(--ink)}
.hq-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 2px}
.hq-bar i{height:4px;border-radius:4px;background:#e6eaf0;overflow:hidden;position:relative}
.hq-bar i:after{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.hq[data-at="1"] .hq-bar i:nth-child(1):after{transform:scaleX(.35)}
.hq[data-at="checking"] .hq-bar i:nth-child(1):after{transform:scaleX(1);transition-duration:.9s}
.hq:is([data-at="2"],[data-at="3"],[data-at="done"],[data-at="out"]) .hq-bar i:nth-child(1):after,.hq:is([data-at="3"],[data-at="done"]) .hq-bar i:nth-child(2):after,.hq[data-at="done"] .hq-bar i:nth-child(3):after{transform:scaleX(1)}
.hq[data-at="out"] .hq-bar i:nth-child(1):after{background:#c2410c}
.hq-err,.hq-err2{margin:10px 0 0;font-size:.88rem;color:#b42318}
.hq-status,.hq-done{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:12px 14px;border-radius:14px;background:#f3f5f8;animation:hqIn .45s var(--ease) both}
.hq-status b,.hq-done b{display:block;font-size:1rem;font-weight:600}
.hq-status small{display:block;font-size:.83rem;color:var(--muted);margin-top:2px}
.hq-ico{flex:none;width:22px;height:22px;border-radius:50%;margin-top:1px;background:#cfd6e0;position:relative}
.hq-status--busy .hq-ico{background:none;border:2.5px solid #d5dbe4;border-top-color:var(--ink);animation:hqSpin .7s linear infinite}
.hq-status--ok,.hq-done{background:#ecf8f0}
.hq-status--ok .hq-ico,.hq-done .hq-ico{background:#16a34a}
.hq-status--ok .hq-ico:after,.hq-done .hq-ico:after{content:"";position:absolute;left:7px;top:3.5px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.hq-status--out{background:#fff4ec}
.hq-status--out .hq-ico{background:#ea580c}
.hq-status--out .hq-ico:after{content:"!";position:absolute;inset:0;color:#fff;font:700 15px/22px var(--f-body);text-align:center}
.hq-out{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.hq-call{display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:.92rem;text-decoration:none}
.hq-anyway{border:0;background:none;padding:9px 4px;font:500 .92rem var(--f-body);color:var(--muted);text-decoration:underline;cursor:pointer}
.hq-done p{margin:4px 0 0;font-size:.93rem;color:var(--ink)}
.hq-step{animation:hqIn .5s var(--ease) both}
.hq-q{margin:16px 0 10px;font-size:1.3rem;letter-spacing:-.02em;font-weight:400;color:var(--muted)}
.hq-q b{color:var(--ink);font-weight:600}
.hq-sub{margin:-4px 0 12px;font-size:.88rem;color:var(--muted)}
.hq-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.hq-tile,.hq-chip{position:relative;cursor:pointer}
.hq-tile input,.hq-chip input{position:absolute;opacity:0;pointer-events:none}
.hq-tile span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:8px 10px;border:1.5px solid #e3e7ed;border-radius:12px;font-weight:600;font-size:.93rem;line-height:1.2;transition:border-color .2s,background .2s,transform .2s var(--ease)}
.hq-tile:hover span,.hq-chip:hover span{border-color:#b9c3d1}
.hq-tile input:checked+span,.hq-chip input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}
.hq-tile input:focus-visible+span,.hq-chip input:focus-visible+span{outline:2px solid var(--sun);outline-offset:2px}
.hq-tile:active span{transform:scale(.97)}
.hq-days,.hq-times{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.hq-chip span{display:inline-block;padding:7px 12px;border:1.5px solid #e3e7ed;border-radius:999px;font-size:.86rem;font-weight:600;white-space:nowrap;transition:border-color .2s,background .2s}
.hq-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.hq-in label{display:block;font-size:.78rem;font-weight:600;color:var(--muted);margin:0 0 4px 2px}
.hq-in input{width:100%;border:1.5px solid #e3e7ed;border-radius:12px;padding:12px 14px;font:500 1rem var(--f-body);color:var(--ink);background:#fff;outline:0}
.hq-in input:focus{border-color:var(--ink)}
.hq-consent{display:flex;gap:8px;align-items:flex-start;margin-top:10px;font-size:.78rem;line-height:1.35;color:var(--muted)}
.hq-consent input{margin-top:2px;accent-color:var(--ink)}
.hq-consent a{color:inherit}
.hq-go{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;margin-top:12px;border:0;cursor:pointer;background:var(--sun);color:#14130f;font:700 1.05rem var(--f-body);padding:15px 20px;border-radius:999px;box-shadow:0 10px 24px -12px rgba(233,162,26,.9);transition:transform .2s var(--ease),filter .2s}
.hq-go:hover{filter:brightness(1.06)}
.hq-go:active{transform:scale(.98)}
.hq-go:disabled{opacity:.6;cursor:progress}
.hq .form-status{margin:10px 0 0;font-size:.9rem;color:#b42318}
.hq .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hq-explore{display:inline-block;margin-top:14px;color:#ffffffd1;font-weight:500;font-size:.95rem;text-decoration:none}
.hq-explore:hover{color:#fff;text-decoration:underline}
@keyframes hqIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes hqSpin{to{transform:rotate(360deg)}}
@media (max-width:640px){
.hq{padding:14px 14px 16px;border-radius:18px}
.hq-top{grid-template-columns:1fr auto;gap:10px}
.hq-pin{display:none}
.hq-field input{font-size:1.05rem}
.hq-check{padding:12px 16px}
.hq-tiles{grid-template-columns:1fr 1fr}
.hq-row{grid-template-columns:1fr}
.hq-q{font-size:1.15rem;margin-top:14px}
}
@media (prefers-reduced-motion:reduce){.hq-step,.hq-status,.hq-done{animation:none}.hq-bar i:after{transition:none}}
.hq[data-at="done"] .hq-check{display:none}