/* /book-a-call/ Book a call (builder D, 11 Nov 2026). The only page that links out to Calendly.
   Booking block = the homepage .book-grid / .fit / .cal markup (its phone rules live in site.css, HOME PHONE). */

/* ---------- hero + booking block on the sky band ---------- */
.bk-hero .p-hero-in{padding-bottom:60px}
.bk-hero .t-note{margin-top:20px}
.bk-stage{padding-bottom:100px}
.bk-stage .p-band{top:170px}
.bk-stage .book-grid{margin-top:0}
.bk-stage .fit,.bk-stage .cal{box-shadow:0 2px 6px rgba(3,46,74,.06),0 40px 80px rgba(3,46,74,.22)}

/* ---------- what happens on the call ---------- */
.bc-sec{padding:112px 0 0;background:#fff}
.bc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:44px}
.bc-head .h2{margin-top:22px}
.bc-lead{max-width:360px;padding-bottom:8px;font-size:18px;line-height:1.55;font-weight:500;color:var(--ink-2)}
.bc-panel{position:relative;overflow:hidden;padding:36px 40px 42px;border-radius:40px;color:#fff;background:radial-gradient(620px 420px at 90% 0%,rgba(29,161,242,.3),rgba(29,161,242,0) 70%),linear-gradient(170deg,#053658 0%,#032E4A 45%,#021C2E 100%);box-shadow:0 50px 100px rgba(3,46,74,.26)}
.bc-bar{display:grid;grid-template-columns:3fr 1fr;gap:24px}
.bc-on,.bc-after{display:flex;align-items:center;justify-content:space-between;gap:12px;height:46px;padding:0 20px;border-radius:999px;font-size:14.5px}
.bc-on{color:var(--navy);background:linear-gradient(90deg,#8DD3FB 0%,#3DB0F5 60%,#1DA1F2 100%)}
.bc-on small{font-size:13px;font-weight:700;color:rgba(3,46,74,.72)}
.bc-after{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.bc-on b,.bc-after b{font-weight:700}
.bc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:30px}
.bc-step{position:relative;padding-right:8px}
.bc-no{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--sky);color:var(--navy);font-size:17px;font-weight:700;box-shadow:0 12px 24px rgba(29,161,242,.3)}
.bc-step-after .bc-no{background:#fff;color:var(--navy);box-shadow:none}
.bc-t{margin-top:18px;font-size:24px;line-height:1.15;font-weight:700;letter-spacing:-.025em}
.bc-p{margin-top:10px;font-size:16px;line-height:1.55;font-weight:500;color:rgba(255,255,255,.76)}
.bc-when{display:none}

/* ---------- what to have ready ---------- */
.bp-sec{position:relative;overflow:hidden;margin-top:112px;padding:104px 0;background:
  radial-gradient(circle at calc(100% - 150px) 30px, rgba(0,0,0,0) 449px, rgba(29,161,242,.2) 450px, rgba(29,161,242,.2) 451.5px, rgba(0,0,0,0) 452.5px),
  radial-gradient(circle at calc(100% - 150px) 30px, rgba(0,0,0,0) 649px, rgba(29,161,242,.12) 650px, rgba(29,161,242,.12) 651.5px, rgba(0,0,0,0) 652.5px),
  radial-gradient(900px 520px at 85% 0%, rgba(255,255,255,.9), rgba(255,255,255,0) 70%),
  radial-gradient(700px 480px at 20% 90%, rgba(127,205,251,.35), rgba(127,205,251,0) 70%),
  linear-gradient(180deg,#E9F6FF 0%,#D2ECFD 55%,#BFE3FC 100%)}
.bp-grid{display:grid;grid-template-columns:1fr 580px;gap:72px;align-items:center}
.bp-text .h2{margin-top:22px}
.bp-p{margin-top:20px;max-width:520px;font-size:18.5px;line-height:1.6;font-weight:500;color:var(--ink-2)}
.bp-list{display:grid;gap:12px;margin-top:28px}
.bp-list li{display:flex;align-items:flex-start;gap:12px;font-size:17px;line-height:1.45;font-weight:600}
.bp-list .tk{margin-top:1px;background:var(--sky);color:var(--navy)}

.ui{position:relative;color:var(--navy);background:#fff;border-radius:26px;padding:22px 24px 24px;box-shadow:var(--sh-deep)}
.ui-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid #E8EFF5}
.bp-rows{display:grid;gap:0;margin-top:4px}
.bp-row{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid #EDF2F6}
.bp-row:last-child{border-bottom:0;padding-bottom:0}
.bp-row dt{font-size:13.5px;line-height:1.35;font-weight:700;color:var(--ink-2)}
.bp-field{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:12px;background:#F5F9FC;border:1px solid #DCE7F0;font-size:14.5px;font-weight:600}
.bp-field svg{color:var(--ink-3)}
.bp-num{font-weight:700;font-variant-numeric:tabular-nums}
.bp-chips{display:flex;flex-wrap:wrap;gap:6px}
.bp-chips span{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:99px;background:#fff;border:1px solid #DCE7F0;font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.bp-chips span.on{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:700}

/* ---------- other ways to reach us ---------- */
.br-sec{padding:112px 0 0;background:#fff}
.br-head{margin-bottom:40px}
.br-head .h2{margin-top:22px}
.br-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.br-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:330px;padding:30px 30px 28px;border-radius:30px;box-shadow:0 24px 50px rgba(3,46,74,.14);transition:transform .6s var(--ease)}
.br-card:hover{transform:translateY(-5px)}
.br-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px}
.br-k{margin-top:22px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.br-v{position:relative;z-index:1;margin-top:8px;font-size:32px;line-height:1.1;font-weight:700;letter-spacing:-.03em;white-space:nowrap}
.br-p{position:relative;z-index:1;margin-top:12px;max-width:290px;font-size:16px;line-height:1.5;font-weight:500}
.br-go{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:22px;font-size:15.5px;font-weight:700}
.br-go .arr{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;transition:transform .5s var(--ease)}
.br-card:hover .br-go .arr{transform:translateX(4px)}
.br-3d{position:absolute;right:-14px;top:-12px;width:150px;height:150px}
.br-wa{color:var(--navy);background:radial-gradient(360px 260px at 80% 0%,rgba(255,255,255,.5),rgba(255,255,255,0) 70%),linear-gradient(165deg,#86D0FB 0%,#38AEF5 55%,#1DA1F2 100%)}
.br-wa .br-ic{background:var(--navy);color:#fff}
.br-wa .br-k{color:rgba(3,46,74,.7)}
.br-wa .br-p{color:rgba(3,46,74,.84)}
.br-wa .arr{background:var(--navy);color:#fff}
.br-mail{color:#fff;background:radial-gradient(360px 260px at 80% 0%,rgba(29,161,242,.32),rgba(29,161,242,0) 70%),linear-gradient(165deg,#0A3D5F 0%,#032E4A 55%,#021C2E 100%)}
.br-mail .br-ic{background:var(--sky);color:var(--navy)}
.br-mail .br-k{color:var(--sky)}
.br-mail .br-p{color:rgba(255,255,255,.76)}
.br-mail .arr{background:var(--sky);color:var(--navy)}
.br-calc{color:var(--navy);background:radial-gradient(360px 260px at 80% 0%,rgba(255,255,255,.9),rgba(255,255,255,0) 70%),linear-gradient(165deg,#EEF8FF 0%,#D2ECFD 100%)}
.br-calc .br-ic{background:#fff;color:var(--sky-deep);box-shadow:0 8px 18px rgba(3,46,74,.08)}
.br-calc .br-k{color:var(--sky-deep)}
.br-calc .br-p{color:var(--ink-2)}
.br-calc .arr{background:var(--navy);color:#fff}

/* ---------- FAQ (shared .faq component) ---------- */
.bk-faq{padding-top:112px;padding-bottom:112px;margin-top:0}
.bk-faq-p{margin-top:20px;max-width:380px;font-size:17px;line-height:1.55;font-weight:500;color:var(--ink-2)}
.bk-faq-p a,.bk-faq .qa p a{font-weight:700;color:var(--navy);border-bottom:2px solid var(--sky)}

/* ---------- PHONE (designed at 390) ---------- */
@media (max-width:760px){
  .bk-hero .p-hero-in{padding-bottom:40px}
  .bk-hero .t-note{max-width:300px;text-align:left;font-size:14px;line-height:1.45}
  .bk-stage{padding-bottom:56px}
  .bk-stage .p-band{top:120px}

  .bc-sec{padding-top:72px}
  .bc-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:28px}
  .bc-lead{padding-bottom:0;font-size:16px}
  .bc-panel{padding:24px 20px 26px;border-radius:28px}
  .bc-bar{display:none}
  .bc-steps{grid-template-columns:1fr;gap:0;margin-top:0}
  .bc-step{display:grid;grid-template-columns:44px 1fr;column-gap:16px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1)}
  .bc-step:first-child{border-top:0;padding-top:4px}
  .bc-step:last-child{padding-bottom:0}
  .bc-no{grid-row:1/span 3;width:40px;height:40px;border-radius:12px;font-size:15px}
  .bc-when{display:block;grid-column:2;margin-bottom:4px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sky)}
  .bc-t{grid-column:2;margin-top:2px;font-size:20px}
  .bc-p{grid-column:2;margin-top:6px;font-size:15px}

  .bp-sec{margin-top:72px;padding:64px 0}
  .bp-grid{grid-template-columns:1fr;gap:32px}
  .bp-p{font-size:16.5px}
  .bp-list{gap:11px;margin-top:22px}
  .bp-list li{font-size:16px}
  .ui{padding:16px 14px 16px;border-radius:22px}
  .ui-top{flex-wrap:wrap;gap:10px;padding-bottom:14px}
  .bp-row{grid-template-columns:1fr;gap:8px;padding:12px 0}
  .bp-row dt{font-size:12.5px}
  .bp-chips span{height:30px;padding:0 11px;font-size:12.5px}
  .bp-field{height:36px;font-size:14px}

  .br-sec{padding-top:72px}
  .br-head{margin-bottom:28px}
  .br-grid{grid-template-columns:1fr;gap:12px}
  .br-card{min-height:0;padding:24px 22px 22px;border-radius:24px}
  .br-ic{width:46px;height:46px;border-radius:14px}
  .br-k{margin-top:16px;font-size:12px}
  .br-v{font-size:27px}
  .br-p{font-size:15px}
  .br-go{padding-top:18px}
  .br-3d{right:-10px;top:-8px;width:104px;height:104px}

  .bk-faq{padding-top:72px;padding-bottom:64px}
  .bk-faq-p{order:0;margin-top:14px;font-size:16px}
}