/* Bone Marketing quote form (quote-form.js). Self-contained dark card so it reads the same on any band. */
.bqf{--q-void:#050607;--q-slate:#0D222F;--q-hi:#122C3C;--q-edge:#1B3A4E;--q-track:#2B2E32;--q-blue:#38AEFD;--q-deep:#0A5C8A;
  --q-dim:rgba(56,174,253,.14);--q-white:#fff;--q-mist:#9AA6B2;--q-faint:#8799AB;--q-err:#FF6B6B;--q-r:14px;
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;align-items:start;margin-top:8px;font-family:"Inter",system-ui,sans-serif;color:var(--q-mist);text-align:left}
@media(max-width:900px){.bqf{grid-template-columns:1fr}.bqf-prev{order:-1}}
.bqf *{box-sizing:border-box}
.bqf-card{position:relative;background:var(--q-slate);border:1px solid var(--q-edge);border-radius:var(--q-r);overflow:hidden}
.bqf-card::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--q-blue),rgba(56,174,253,0))}
.bqf-top{display:flex;align-items:center;gap:12px;padding:18px 22px 0}
.bqf-step-n{font:600 11px/1 "Inter",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--q-faint)}
.bqf-bar{flex:1;height:6px;border-radius:99px;background:var(--q-track);overflow:hidden}
.bqf-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--q-deep),var(--q-blue));border-radius:99px;transition:width .45s cubic-bezier(.2,.7,.2,1)}
.bqf-view{position:relative;overflow:hidden;transition:height .35s ease}
.bqf-track{display:flex;align-items:flex-start;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.bqf-step{flex:0 0 100%;min-width:100%;padding:18px 22px 22px}
.bqf-step[aria-hidden="true"]{visibility:hidden}
.bqf h3.bqf-q{margin:0 0 6px;font-family:"Anton",Impact,sans-serif;font-weight:400;font-size:clamp(24px,3.4vw,32px);line-height:1.1;color:var(--q-white);letter-spacing:.01em}
.bqf-q .hl{color:var(--q-blue)}
.bqf-help{margin:0 0 16px;font-size:14.5px;line-height:1.5;color:var(--q-mist)}
.bqf-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:520px){.bqf-chips{grid-template-columns:1fr}}
.bqf-chip{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 14px;border-radius:12px;border:1px solid var(--q-edge);background:var(--q-hi);
  color:var(--q-white);font:500 15px/1.3 "Inter",sans-serif;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}
.bqf-chip:hover{border-color:var(--q-blue)}
.bqf-chip:active{transform:scale(.98)}
.bqf-chip .k{flex:0 0 26px;height:26px;border-radius:7px;border:1px solid var(--q-edge);display:grid;place-items:center;font:600 12px/1 "Inter",sans-serif;color:var(--q-faint);background:var(--q-slate)}
.bqf-chip[aria-pressed="true"]{border-color:var(--q-blue);background:linear-gradient(0deg,var(--q-dim),var(--q-dim)),var(--q-hi)}
.bqf-chip[aria-pressed="true"] .k{background:var(--q-blue);border-color:var(--q-blue);color:#03141f}
.bqf-field{margin-top:12px}
.bqf-field label{display:block;margin:0 0 6px;font:600 13px/1.3 "Inter",sans-serif;color:var(--q-white)}
.bqf-in{width:100%;min-height:50px;padding:12px 14px;border-radius:12px;border:1px solid var(--q-edge);background:var(--q-hi);color:var(--q-white);font:400 16px/1.3 "Inter",sans-serif}
.bqf-in::placeholder{color:var(--q-faint)}
.bqf-in:focus,.bqf-chip:focus-visible,.bqf-btn:focus-visible,.bqf-x:focus-visible{outline:2px solid var(--q-blue);outline-offset:2px}
.bqf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.bqf-row{grid-template-columns:1fr}}
.bqf-err{min-height:20px;margin:10px 0 0;font-size:13.5px;color:var(--q-err)}
.bqf-nav{display:flex;align-items:center;gap:10px;margin-top:14px}
.bqf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:12px;border:1px solid var(--q-blue);
  background:var(--q-blue);color:#03141f;font:700 15px/1 "Inter",sans-serif;cursor:pointer;transition:transform .15s,filter .2s}
.bqf-btn:hover{filter:brightness(1.08)}
.bqf-btn:active{transform:scale(.98)}
.bqf-btn[disabled]{opacity:.6;cursor:wait}
.bqf-btn.ghost{background:transparent;color:var(--q-white);border-color:var(--q-edge)}
.bqf-btn.ghost:hover{border-color:var(--q-blue)}
.bqf-hint{margin-left:auto;font-size:12.5px;color:var(--q-faint)}
@media(max-width:520px){.bqf-hint{display:none}}
.bqf-consent{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:13px;line-height:1.5;color:var(--q-mist)}
.bqf-consent input{margin-top:3px;width:18px;height:18px;flex:0 0 18px;accent-color:var(--q-blue)}
.bqf-consent a{color:var(--q-blue)}
.bqf-fine{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:var(--q-faint)}
.bqf-done{padding:28px 22px 30px;text-align:center}
.bqf-done .big{font-family:"Anton",Impact,sans-serif;font-size:clamp(28px,4vw,38px);color:var(--q-white);margin:6px 0 8px}
.bqf-done p{margin:0 auto;max-width:440px}
.bqf-done .badge{display:inline-block;margin-top:14px;padding:8px 14px;border-radius:99px;background:var(--q-dim);border:1px solid var(--q-blue);color:var(--q-white);font-weight:600;font-size:14px}

/* Live preview: their site, their Google listing, their ad, filling in as they answer */
.bqf-prev{position:sticky;top:88px;display:grid;gap:12px}
.bqf-lab{display:flex;align-items:center;gap:8px;font:600 11px/1 "Inter",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--q-faint)}
.bqf-lab::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--q-blue);box-shadow:0 0 0 0 rgba(56,174,253,.6);animation:bqfPulse 2s infinite}
@keyframes bqfPulse{0%{box-shadow:0 0 0 0 rgba(56,174,253,.55)}70%{box-shadow:0 0 0 9px rgba(56,174,253,0)}100%{box-shadow:0 0 0 0 rgba(56,174,253,0)}}
.bqf-site{background:var(--q-slate);border:1px solid var(--q-edge);border-radius:var(--q-r);overflow:hidden}
.bqf-chrome{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--q-hi);border-bottom:1px solid var(--q-edge)}
.bqf-chrome i{width:8px;height:8px;border-radius:50%;background:var(--q-track)}
.bqf-url{margin-left:8px;flex:1;min-width:0;padding:5px 10px;border-radius:99px;background:var(--q-slate);font-size:11.5px;color:var(--q-mist);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bqf-hero{position:relative;padding:22px 18px 20px;background:radial-gradient(120% 90% at 100% 0%,rgba(10,92,138,.55),rgba(5,6,7,0) 60%),var(--q-void)}
.bqf-hero .nm{font-family:"Anton",Impact,sans-serif;font-size:22px;line-height:1.1;color:var(--q-white);word-break:break-word}
.bqf-hero .tg{margin-top:6px;font-size:13px;color:var(--q-mist)}
.bqf-hero .tg b{color:var(--q-blue);font-weight:600}
.bqf-hero .ct{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.bqf-hero .ct span{padding:8px 12px;border-radius:9px;font:700 12px/1 "Inter",sans-serif}
.bqf-hero .ct .a{background:var(--q-blue);color:#03141f}
.bqf-hero .ct .b{border:1px solid var(--q-edge);color:var(--q-white)}
.bqf-mods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}
.bqf-mod{padding:10px 8px;border-radius:10px;background:var(--q-hi);border:1px solid var(--q-edge);text-align:center;font-size:11.5px;color:var(--q-faint);transition:border-color .3s,color .3s,transform .3s}
.bqf-mod b{display:block;font-size:16px;margin-bottom:4px;color:inherit}
.bqf-mod.on{border-color:var(--q-blue);color:var(--q-white);transform:translateY(-2px)}
.bqf-g,.bqf-ad{background:var(--q-slate);border:1px solid var(--q-edge);border-radius:var(--q-r);padding:14px 16px}
.bqf-g .src{font-size:11.5px;color:var(--q-faint)}
.bqf-g .t{margin:3px 0 4px;font-size:16px;font-weight:600;color:var(--q-blue)}
.bqf-g .d{font-size:13px;line-height:1.45;color:var(--q-mist)}
.bqf-g .st{margin-top:6px;font-size:12.5px;color:#FFC861;letter-spacing:.08em}
.bqf-ad{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center}
.bqf-ad .av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--q-deep),var(--q-blue));display:grid;place-items:center;color:#fff;font-family:"Anton",Impact,sans-serif;font-size:18px}
.bqf-ad .sp{font-size:11px;color:var(--q-faint)}
.bqf-ad .h{font-size:14px;font-weight:600;color:var(--q-white);line-height:1.35}
.bqf-fade{animation:bqfIn .25s ease}
@keyframes bqfIn{from{opacity:.55}to{opacity:1}}
.bqf-note{font-size:11.5px;color:var(--q-faint);margin:0}
@media(max-width:900px){.bqf-prev{position:static}.bqf-g,.bqf-ad,.bqf-mods{display:none}.bqf-prev .bqf-note{display:none}}

/* Blackjack */
.bqf-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(2,6,10,.78);backdrop-filter:blur(4px)}
.bqf-modal[hidden]{display:none}
.bqf-felt{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:18px;border:1px solid var(--q-edge);
  background:radial-gradient(120% 80% at 50% 0%,#0f4a33 0%,#0a3424 55%,#06231a 100%);color:#e9f3ee;padding:22px 20px 20px;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.bqf-felt h3{margin:0 0 4px;padding-right:48px;font-family:"Anton",Impact,sans-serif;font-weight:400;font-size:clamp(24px,4.5vw,32px);line-height:1.1;color:#fff}
.bqf-felt h3 .hl{color:#FFC861}
.bqf-felt .lead{margin:0 0 14px;font-size:14.5px;color:#cfe3d8}
.bqf-x{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(0,0,0,.25);color:#fff;font-size:22px;cursor:pointer}
.bqf-hand{margin:10px 0 4px}
.bqf-hand .who{display:flex;justify-content:space-between;font:600 11px/1 "Inter",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#a9cdb9;margin-bottom:8px}
.bqf-hand .who b{color:#fff;font-size:13px;letter-spacing:0}
.bqf-cards{display:flex;gap:8px;min-height:104px;flex-wrap:wrap}
.bqf-c{width:70px;height:100px;border-radius:9px;background:#fff;color:#14181d;position:relative;box-shadow:0 6px 14px rgba(0,0,0,.35);animation:bqfDeal .35s cubic-bezier(.2,.8,.2,1) both;font-family:Georgia,"Times New Roman",serif}
.bqf-c.red{color:#c8102e}
.bqf-c .r1,.bqf-c .r2{position:absolute;font-size:17px;font-weight:700;line-height:1;text-align:center}
.bqf-c .r1{top:7px;left:8px}.bqf-c .r2{bottom:7px;right:8px;transform:rotate(180deg)}
.bqf-c .r1 small,.bqf-c .r2 small{display:block;font-size:14px}
.bqf-c .mid{position:absolute;inset:0;display:grid;place-items:center;font-size:32px}
.bqf-c.back{background:repeating-linear-gradient(45deg,#0A5C8A 0 6px,#38AEFD 6px 9px);border:3px solid #fff}
.bqf-c.back *{display:none}
@keyframes bqfDeal{from{opacity:0;transform:translate(40px,-30px) rotate(8deg)}to{opacity:1;transform:none}}
.bqf-msg{min-height:26px;margin:14px 0 8px;font-weight:600;font-size:16px;color:#fff}
.bqf-msg.win{color:#FFC861}
.bqf-acts{display:flex;gap:10px;flex-wrap:wrap}
.bqf-felt .bqf-btn{border-color:#FFC861;background:#FFC861;color:#2a1d00}
.bqf-felt .bqf-btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.bqf-felt .fine{margin:14px 0 0;font-size:12px;color:#a9cdb9;line-height:1.5}
.bqf-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.bqf-confetti i{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;animation:bqfFall 1.6s ease-in forwards}
@keyframes bqfFall{to{transform:translateY(520px) rotate(540deg);opacity:0}}

@media (prefers-reduced-motion:reduce){
  .bqf *,.bqf-modal *{animation:none!important;transition:none!important}
  .bqf-confetti{display:none}
}
