:root{
  --bk-text:#1f2937; --bk-muted:#6b7280; --bk-bg:#fff;
  --bk-border:#e5e7eb; --bk-alt:#f8fafc;
  --bk-teal:#14b8a6; --bk-teal-d:#0d9488; --bk-blue:#0ea5e9;
  --bk-shadow:0 18px 48px rgba(2,6,23,.14); --bk-r:16px; --bk-rs:12px; --bk-max:1120px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial;color:var(--bk-text);background:var(--bk-bg);line-height:1.6}
a{text-decoration:none;color:var(--bk-blue)}
a:hover{opacity:.9}
.bk-container{width:min(calc(100% - 2rem),var(--bk-max));margin-inline:auto}

/* top */
.bk-top{background:#0f172a;color:#cbd5e1;font-size:12px}
.bk-top-inner{display:flex;align-items:center;justify-content:space-between;padding:6px 0}
.bk-brand{display:flex;gap:10px;align-items:center;font-weight:800}
.bk-burst{width:18px;height:18px;border-radius:50%;background:conic-gradient(#22d3ee,#a7f3d0,#22c55e);box-shadow:0 0 0 3px #ecfeff inset;display:inline-block}

/* header */
.bk-header{border-bottom:1px solid var(--bk-border);background:#fff;position:sticky;top:0;z-index:10}
.bk-head-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:16px 0}
.bk-kicker{color:#10b981;font-weight:800;font-size:12px;letter-spacing:.2px}
.bk-header h1{margin:2px 0 4px;font-size:26px}
.bk-sub{color:var(--bk-muted)}
.bk-summary{display:flex;gap:10px;flex-wrap:wrap}
.bk-pill{display:grid;gap:2px;padding:8px 12px;border:1px solid var(--bk-border);border-radius:12px;background:#fff}
.bk-pill span{color:#64748b;font-size:12px}

/* main */
.bk-main{padding:22px 0 40px}
.bk-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}
@media (max-width:980px){.bk-grid{grid-template-columns:1fr}}
.bk-card{background:#fff;border:1px solid var(--bk-border);border-radius:var(--bk-r);box-shadow:var(--bk-shadow);padding:16px}
.bk-form-card h2{margin:0 0 10px}

/* form */
.bk-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:10px}
.bk-row.tight{grid-template-columns:1fr 1fr}
@media (max-width:700px){.bk-row{grid-template-columns:1fr}}
label{display:grid;gap:6px;font-size:13px;color:var(--bk-muted)}
.bk-input{
  width:100%;padding:10px 12px;border:1px solid var(--bk-border);border-radius:10px;background:#fff;font-size:14px;outline:0
}
.bk-input:focus{border-color:#99f6e4;box-shadow:0 0 0 4px #ecfdf5}
.bk-consent{display:flex;gap:8px;align-items:flex-start;margin-top:6px}
.bk-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}
.bk-result{margin-top:8px;color:var(--bk-muted)}

/* help/right */
.bk-kv{display:grid;grid-template-columns:auto 1fr;gap:6px 12px}
.bk-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.bk-info{margin-top:12px;color:var(--bk-muted)}
.bk-map{margin-top:12px}
.bk-map-canvas{
  height:220px;border-radius:12px;border:2px dashed var(--bk-border);
  display:grid;place-items:center;background:repeating-linear-gradient(45deg,#fafafa,#fafafa 10px,#f3f4f6 10px,#f3f4f6 20px);
  color:var(--bk-muted);font-weight:700;letter-spacing:.2px
}

/* success */
.bk-success{padding:28px 0}
.bk-center{text-align:center;max-width:680px;margin:0 auto}
.bk-check{
  width:60px;height:60px;border-radius:999px;background:#10b981;color:#fff;display:grid;place-items:center;
  font-weight:800;font-size:28px;margin:0 auto 8px;box-shadow:0 12px 28px rgba(16,185,129,.35)
}

/* footer */
.bk-footer{border-top:1px solid var(--bk-border);background:#fff}
.bk-foot-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.bk-copy{color:#94a3b8;font-size:12px}

/* buttons */
.bk-btn{appearance:none;border:0;border-radius:999px;padding:12px 18px;font-weight:700;cursor:pointer;transition:transform .06s ease,box-shadow .2s ease}
.bk-btn-xs{padding:6px 10px}
.bk-btn-ghost{background:#fff;border:1px solid var(--bk-border)}
.bk-btn-teal{background:var(--bk-teal);color:#fff}
.bk-btn-teal:hover{background:var(--bk-teal-d)}
.bk-btn:active{transform:translateY(1px)}

/* reveal animation */
.bk-reveal{opacity:0;transform:translateY(14px);animation:bk-reveal .6s ease forwards}
@keyframes bk-reveal{to{opacity:1;transform:none}}


.logo-img{display: block; width: auto; height: 60px;}
.mini-text{font-weight:700}
.mini-brand{display:flex; align-items:center; gap:8px}

/* override placeholder look when an iframe is used */
.map-embed {
  border: 0;
  background: transparent;
  padding: 0;
  height: 260px;              /* match your design; tweak if you like */
  border-radius: 12px;
  overflow: hidden;
}

/* make the iframe fill the box and keep the rounded corners */
.map-embed iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  border-radius: 12px;
}

/* Optional: fully responsive height instead of a fixed 260px */
/*
.map-embed { position: relative; padding-bottom: 56.25%; height: 0; }
.map-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
*/