/* hero1113: calm hero (H1, one line, one CTA + WhatsApp, one visual) + GEO/form band right under it */
.h13-cta,.h13-band{font-family:Heebo,Arial,sans-serif}
.h13-cta :is(a,button,input,label),.h13-band :is(a,button,input,label,b,p,span){font-family:inherit}

/* CTA row */
html body .h13-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin:clamp(22px,2.4vw,40px) 0 0}
html body .h13-cta .dk-btn{width:auto;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:16px 36px;font-size:clamp(17px,1.1vw,21px);line-height:1.2}
html body .h13-wa{color:#dfe6ff;font-weight:600;font-size:clamp(15px,.95vw,18px);text-decoration:underline;text-underline-offset:4px}
html body .h13-wa:hover,html body .h13-wa:focus-visible{color:#fff}

/* home hero */
html body header.hero .hgrid2{align-items:center}
html body header.hero .hh h1 .h1k{display:block;font-family:Heebo,Arial,sans-serif!important;font-size:clamp(15px,1vw,19px)!important;font-weight:600!important;letter-spacing:0!important;text-transform:none;color:#9fb0d6!important;margin:0 0 .9em!important}
html body header.hero .hh .sub{margin-top:clamp(14px,1.4vw,24px)}
html body header.hero .tp-ans{padding-bottom:0!important}
html body header.hero .dtf-w{transform:none;max-width:min(500px,100%)!important;margin-inline:auto}
@media (min-width:901px){
  html body header.hero .hgrid2{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)!important}
  html body header.hero .hh h1{font-size:clamp(44px,3.7vw,72px)!important;line-height:1.08}
  html body header.hero .dtf-w{width:min(480px,100%)}
  html body header.hero .dtf{width:100%;font-size:clamp(16px,1.35vw,24px)!important}
}

/* inner pages: text column + visual, both vertically centred */
html body section.hx:has(.h13-band){padding-bottom:0!important}
html body section.hx .hgx{align-items:center}
@media (min-width:901px){
  html body section.hx .hgx:has(.hv > *) .hxt :is(h1,.h13-cta){text-align:start!important;justify-content:flex-start}
}
html body section.hx .hgx:not(:has(.hv > *)) .h13-cta,html body section.hx .h13-cta{justify-content:center}
@media (min-width:901px){
  html body section.hx .hgx:has(.hv > *) .h13-cta{justify-content:flex-start}
  html body section.hx .hgx:has(.hv > *){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important}
}
/* no visual (/our-sites): one centred column */
html body section.hx .hgx:not(:has(.hv > *)){grid-template-columns:1fr!important;justify-items:center}
html body section.hx .hgx:not(:has(.hv > *)) .hv{display:none!important}
html body section.hx .hgx:not(:has(.hv > *)) .hxt{max-width:1000px;text-align:center}
html body section.hx .hgx:not(:has(.hv > *)) h1{text-align:center!important}

/* the band: second navy, full bleed, GEO answer + form side by side */
html body .h13-band{position:relative;margin-top:clamp(32px,3.4vw,56px);padding-block:clamp(28px,3vw,48px);background:#0b1430;box-shadow:0 0 0 100vmax #0b1430;clip-path:inset(0 -100vmax);border-top:1px solid rgba(143,176,255,.14);scroll-margin-top:90px}
html body .h13-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,3.2vw,64px);align-items:center;max-width:1240px;margin-inline:auto;text-align:start}
html body .h13-band .geo-ans{grid-column:auto!important;margin:0!important;max-width:none!important;text-align:start!important}
html body .h13-band .w1-hero{margin:0!important;max-width:none}
html body .h13-band .w1-hero-sm a{display:none}/* WhatsApp is already the hero's secondary CTA */
@media (max-width:900px){
  html body .h13-in{grid-template-columns:1fr;gap:10px}
  html body .h13-cta{gap:4px 18px;margin-top:16px}
  html body .h13-cta .dk-btn{width:100%;max-width:420px;padding:13px 24px}
  html body .h13-band{margin-top:0;padding-block:6px 12px}
  html body .h13-cta{margin-top:10px!important;gap:2px 18px}
  html body .h13-cta .dk-btn{padding:12px 24px}
  html body header.hero .hh{padding-bottom:4px!important}
  html body .h13-band .w1-hero-sm{display:none}
  html body .h13-band .geo-ans{padding:10px 14px!important}
  html body .h13-band .geo-ans .ans{line-height:1.5!important}
  html body header.hero .hh{padding-top:8px!important}
  html body header.hero .hh .sub{margin-top:8px}
  /* the tagline stays in the H1 for readers and search, hidden visually on phones (page height budget) */
  html body header.hero .hh h1 .h1k{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0!important}
}

/* v3: one narrow inviting card instead of a wide band (Ofir: narrower, more inviting, better integrated) */
@media (min-width:901px){
  html body .h13-band{background:none;box-shadow:none;clip-path:none;border:0;padding:0 0 clamp(36px,4vw,64px);margin-top:clamp(-72px,-4vw,-40px);z-index:3}
  html body .h13-in{display:flex;flex-direction:column;align-items:center;gap:22px;max-width:580px;grid-template-columns:none}
  html body .h13-band .w1-hero{order:1;width:100%;max-width:580px;margin:0!important;padding:26px 28px 20px;display:flex;flex-direction:column;border-radius:22px;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);border-top:3px solid #FF6E00;
    box-shadow:0 24px 60px -18px rgba(0,0,0,.65),0 0 0 1px rgba(255,110,0,.08);backdrop-filter:blur(14px)}
  html body .h13-band .w1-hero .w1-hero-sm{order:-1;display:block;margin:0 0 14px;text-align:center}
  html body .h13-band .w1-hero .w1-hero-sm span{display:block;font-size:19px!important;font-weight:700;color:#fff}
  html body .h13-band .w1-hero .w1-hero-sm a{display:none}
  html body .h13-band .w1-hero form{margin:0;display:grid;gap:12px}
  html body .h13-band .w1-hero .dk-mf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  html body .h13-band .w1-hero :is(input,button,label,a,p,span,b){font-size:15px!important}
  html body .h13-band .w1-hero label{display:grid;gap:6px;font-weight:600;color:#cfd8f3}
  html body .h13-band .w1-hero input[type=text],html body .h13-band .w1-hero input[type=tel]{padding:13px 14px;border-radius:12px}
  html body .h13-band .w1-hero .dk-cons{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:13px!important;color:#9fb0d6}
  html body .h13-band .w1-hero .dk-cons *{font-size:13px!important}
  html body .h13-band .w1-hero button{width:100%;padding:14px!important;border-radius:12px}
  html body .h13-band .geo-ans{order:2;background:none!important;border:0!important;box-shadow:none!important;padding:0 8px!important;text-align:center!important;max-width:580px!important}
  html body .h13-band .geo-ans b{display:none}
  html body .h13-band .geo-ans :is(p,.ans){font-size:15px!important;line-height:1.75!important;color:#9fb0d6!important;margin:0!important}
}

/* v4: no nested boxes, no overlap with the journey visual */
@media (min-width:901px){
  html body .h13-band{margin-top:clamp(8px,1.5vw,28px)}
  html body .h13-band .w1-hero :is(.dk-mf,form){background:none!important;border:0!important;box-shadow:none!important;padding:0!important;max-width:none!important;width:100%!important;backdrop-filter:none}
  html body .h13-band .geo-ans,html body .h13-band .geo-ans.geo-ans{border:0!important;border-inline:0!important;border-radius:0!important;background:transparent!important}
}

/* v5: id specificity, the answer is plain text under the card */
@media (min-width:901px){
  html body #h13-form .h13-in .geo-ans{background:transparent!important;border:0!important;border-inline:0!important;box-shadow:none!important;border-radius:0!important;padding:0 8px!important;margin:0!important}
  html body #h13-form .h13-in .geo-ans::before,html body #h13-form .h13-in .geo-ans::after{display:none!important}
}

/* v6: compact desktop first screen, form visible without scrolling */
@media (min-width:901px){
  html body header.hero .hh h1{font-size:clamp(34px,2.9vw,54px)!important;line-height:1.1!important}
  html body header.hero .hh h1 .h1k{font-size:14px!important;margin:0 0 .6em!important}
  html body header.hero .hh .sub{font-size:clamp(16px,1.15vw,20px)!important;line-height:1.55!important;margin-top:12px!important}
  html body header.hero .h13-cta{margin-top:16px!important}
  html body header.hero .h13-cta .dk-btn{padding:12px 28px!important;font-size:16px!important}
  html body header.hero .dtf-w{max-width:400px!important}
  html body header.hero .dtf{font-size:clamp(13px,1vw,16px)!important}
  html body header.hero .dtf *{gap:6px}
  html body header.hero .hh{padding-block:0!important}
  html body header.hero .hgrid2{padding-top:22px!important}
  html body #h13-form{margin-top:12px!important;padding-bottom:28px!important}
  html body #h13-form .h13-in{max-width:460px!important;gap:14px!important}
  html body #h13-form .w1-hero{max-width:460px!important;padding:16px 20px 14px!important;border-radius:18px!important}
  html body #h13-form .w1-hero .w1-hero-sm{margin:0 0 8px!important}
  html body #h13-form .w1-hero .w1-hero-sm span{font-size:16px!important}
  html body #h13-form .w1-hero form{gap:8px!important}
  html body #h13-form .w1-hero input[type=text],html body #h13-form .w1-hero input[type=tel]{padding:9px 12px!important}
  html body #h13-form .w1-hero label{gap:3px!important}
  html body #h13-form .w1-hero button{padding:11px!important}
}

/* v9: lead card inside the hero text column (desktop; html.h13-moved is set by dt-h13.v9.js) */
@media (min-width:901px){
  html.h13-moved header.hero .hh .w1-hero{width:100%;max-width:470px;margin:14px 0 0!important;margin-inline:0 auto!important;padding:18px 22px 16px;display:flex;flex-direction:column;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);border-top:3px solid #FF6E00;box-shadow:0 24px 60px -18px rgba(0,0,0,.65)}
  html.h13-moved header.hero .hh .w1-hero .w1-hero-sm{display:block;margin:0 0 10px;text-align:center}
  html.h13-moved header.hero .hh .w1-hero .w1-hero-sm span{display:block;font-size:17px!important;font-weight:700;color:#fff}
  html.h13-moved header.hero .hh .w1-hero .w1-hero-sm a{display:none}
  html.h13-moved header.hero .hh .w1-hero form{margin:0;display:grid;gap:10px;background:none;border:0;box-shadow:none;padding:0}
  html.h13-moved header.hero .hh .w1-hero .dk-mf-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  html.h13-moved header.hero .hh .w1-hero label{display:grid;gap:4px;font-weight:600;color:#cfd8f3}
  html.h13-moved header.hero .hh .w1-hero :is(input,button,label,span,b){font-size:15px!important}
  html.h13-moved header.hero .hh .w1-hero input[type=text],html.h13-moved header.hero .hh .w1-hero input[type=tel]{padding:10px 12px;border-radius:11px}
  html.h13-moved header.hero .hh .w1-hero .dk-cons{display:flex;align-items:flex-start;gap:10px;font-weight:400;color:#9fb0d6}
  html.h13-moved header.hero .hh .w1-hero .dk-cons *{font-size:13px!important}
  html.h13-moved header.hero .hh .w1-hero button{width:100%;padding:12px!important;border-radius:11px}
  html.h13-moved header.hero .hh .w1-hero .dk-mf-msg{margin:0!important;min-height:0}
  html.h13-moved header.hero .hh .h13-cta{margin-top:10px!important}
  html.h13-moved header.hero .hh .h13-cta .dk-btn{display:none!important}
  html.h13-moved #h13-form{margin-top:0!important;padding-bottom:16px!important}
  html.h13-moved #h13-form .h13-in{max-width:760px!important}
}
@media (min-width:901px){
  html.h13-moved header.hero .hh .w1-hero .w1-hero-sm{order:-1}
  html.h13-moved header.hero .hh .h13-cta{margin:12px 0 18px!important}
}