/* SmartSites — contact "bookend" · five layouts.
   The cobalt band + .reach/.ecopy/.cf/.foot styling come from rb-c.css.
   These rules add the hero-style white grid, kill the corner logo, and lay
   out each variant. Scoped under .dC for token + specificity parity. */

/* hero-style faint white grid, fading from the top edge */
.dC .bk-grid{position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(125% 95% at 50% 0%,#000,transparent 74%);
  mask-image:radial-gradient(125% 95% at 50% 0%,#000,transparent 74%);}

.dC .bk-head .ey{color:#9fc0ff;}

/* ── b · CENTERED ───────────────────────────────────────── */
.dC .bk-center{max-width:600px;margin:0 auto;display:flex;flex-direction:column;
  align-items:center;gap:1.7rem;text-align:center;}
.dC .bk-head.is-center .ey{justify-content:center;}
.dC .bk-head.is-center .reach__p{margin-left:auto;margin-right:auto;margin-bottom:0;}
.dC .bk-center .ecopy{max-width:440px;}
.dC .bk-formcard{width:100%;text-align:left;}

/* ── c · FRAMED ─────────────────────────────────────────── */
.dC .bk-frame{position:relative;border:1px solid rgba(255,255,255,.22);border-radius:24px;
  padding:clamp(1.8rem,3.6vw,3rem);}
.dC .bk-frame .reach__grid{margin:0;}
.dC .bk-frame__node{position:absolute;width:7px;height:7px;border-radius:50%;
  background:rgba(255,255,255,.9);box-shadow:0 0 0 4px rgba(255,255,255,.14);}
.dC .bk-frame__node--tl{top:-3.5px;left:-3.5px;}
.dC .bk-frame__node--tr{top:-3.5px;right:-3.5px;}
.dC .bk-frame__node--bl{bottom:-3.5px;left:-3.5px;}
.dC .bk-frame__node--br{bottom:-3.5px;right:-3.5px;}

/* ── d · BANNER ─────────────────────────────────────────── */
.dC .bk-banner{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;
  flex-wrap:wrap;padding-bottom:clamp(1.6rem,3vw,2.4rem);margin-bottom:clamp(1.8rem,3.5vw,2.6rem);
  border-bottom:1px solid rgba(255,255,255,.16);}
.dC .bk-banner__l{flex:1 1 460px;}
.dC .bk-banner__l .reach__p{margin-bottom:0;}
.dC .bk-banner__r{flex:0 0 auto;}
.dC .bk-banner__r .ecopy{max-width:none;}

/* ── e · EDITORIAL ──────────────────────────────────────── */
.dC .bk-edit{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4vw,3.8rem);align-items:center;}
.dC .bk-head.is-big .reach__h{font-size:clamp(2.6rem,5vw,4.2rem);}
.dC .bk-head.is-big .reach__p{margin-bottom:0;}
.dC .bk-edit__l{display:flex;flex-direction:column;gap:1.7rem;}
.dC .bk-edit__stats{display:flex;gap:clamp(1.4rem,3vw,2.6rem);flex-wrap:wrap;
  padding:1.4rem 0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);}
.dC .bk-stat b{display:block;font-family:var(--font-title);font-weight:600;
  font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1;color:#fff;letter-spacing:-.02em;}
.dC .bk-stat span{display:block;color:rgba(255,255,255,.7);font-size:.8rem;margin-top:.4rem;max-width:15ch;}
.dC .bk-edit__r .cf{box-shadow:0 40px 80px rgba(0,12,50,.42);}

@media(max-width:880px){
  .dC .bk-edit{grid-template-columns:1fr;}
  .dC .bk-banner__r{flex:1 1 100%;}
}