/* =========================================================
   DIRECTION C — HERO variants. Loaded after rb-c.css.
   SAVED: split.  EXPLORING: in-context / flow / price-forward.
   All keep the cobalt gradient + square grid + the float across
   the cobalt→white seam, with a price-framed CTA.
   ========================================================= */

/* purpose caption above a floating element (sits in the cobalt zone) */
.dC .hcap{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-title);font-weight:600;
  font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:#bcd2ff;margin-bottom:.95rem;}
.dC .hcap .spark{width:15px;height:15px;flex:0 0 15px;}

/* shared straddle wrapper */
.dC .cstrad{position:relative;z-index:3;max-width:var(--container);margin:0 auto;padding:0 28px;}
.dC .cstrad .qm{width:min(520px,100%);}

/* inline cobalt stat proof (used by price-forward) */
.dC .cshow__stat{padding:0 1.5rem;border-left:1px solid rgba(255,255,255,.22);}
.dC .cshow__stat:first-child{padding-left:0;border-left:none;}
.dC .cshow__stat b{font-family:var(--font-title);font-weight:700;font-size:clamp(1.7rem,2.6vw,2.3rem);color:#fff;display:block;line-height:1;letter-spacing:-.03em;}
.dC .cshow__stat span{color:rgba(255,255,255,.66);font-size:.78rem;display:block;margin-top:.4rem;max-width:13ch;}

/* =========================================================
   SAVED — SPLIT
   ========================================================= */
.dC .hero--split{padding-bottom:clamp(8rem,14vw,12rem);}
.dC .csplit{position:relative;z-index:2;max-width:60%;padding-top:clamp(1rem,3vw,2.4rem);}
.dC .cstrad--split{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(2rem,4vw,3.5rem);align-items:start;margin-top:clamp(-7rem,-9vw,-5rem);}
.dC .cstrad--split .cstrad__stats{padding-top:clamp(5rem,9vw,7.5rem);display:flex;flex-direction:column;gap:1.3rem;}
.dC .cstrad--split .cstrad__mock{display:flex;flex-direction:column;align-items:flex-end;}
.dC .cstrad--split .hcap{align-self:flex-end;}
@media(max-width:920px){.dC .csplit{max-width:100%;}.dC .cstrad--split{grid-template-columns:1fr;margin-top:clamp(-6rem,-9vw,-4rem);}.dC .cstrad--split .cstrad__stats{order:2;padding-top:2.5rem;flex-direction:row;flex-wrap:wrap;gap:2rem;}.dC .cstrad--split .cstrad__mock{align-items:stretch;}.dC .cstrad--split .hcap{align-self:flex-start;}}

/* =========================================================
   NEW 1 — IN-CONTEXT (embedded in a client's site)
   ========================================================= */
.dC .hero--ctx{text-align:center;padding-bottom:clamp(9rem,15vw,13rem);}
.dC .cctx{position:relative;z-index:2;max-width:46rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding-top:clamp(1rem,3vw,2.4rem);}
.dC .hero--ctx .hero__p{margin-left:auto;margin-right:auto;}
.dC .hero--ctx .hero__act{justify-content:center;}
.dC .cstrad--ctx{display:flex;flex-direction:column;align-items:center;margin-top:clamp(-7rem,-10vw,-5rem);}
.dC .cstrad--ctx .hcap{align-self:center;}
.dC .ctx{width:100%;max-width:980px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 44px 100px rgba(3,18,70,.4);border:1px solid rgba(255,255,255,.5);}
.dC .ctx__bar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:var(--paper);border-bottom:1px solid var(--line);}
.dC .ctx__bar i{width:10px;height:10px;border-radius:50%;background:var(--tint-2);}
.dC .ctx__bar span{margin-left:.6rem;font-family:var(--font-title);font-size:.8rem;color:var(--ink-3);}
.dC .ctx__body{display:grid;grid-template-columns:1fr .8fr;}
.dC .ctx__site{padding:clamp(1.4rem,3vw,2.2rem);text-align:left;border-right:1px solid var(--line);}
.dC .ctx__sitenav{display:flex;align-items:center;gap:1.1rem;font-family:var(--font-title);font-size:.85rem;color:var(--ink-3);margin-bottom:1.6rem;}
.dC .ctx__sitenav b{font-size:1rem;color:var(--ink);margin-right:auto;}
.dC .ctx__sh{font-family:var(--font-title);font-weight:600;font-size:clamp(1.4rem,2.6vw,2rem);letter-spacing:-.02em;color:var(--ink);line-height:1.12;}
.dC .ctx__sp{color:var(--ink-2);font-size:.95rem;margin:.7rem 0 1.2rem;max-width:32ch;}
.dC .ctx__img{border-radius:12px;overflow:hidden;height:150px;background:var(--paper-2);}
.dC .ctx__img image-slot{width:100%;height:100%;display:block;}
.dC .ctx__widget{position:relative;padding:clamp(1.2rem,2.5vw,1.7rem);background:linear-gradient(160deg,#eef3ff,#e2ebff);display:flex;align-items:center;justify-content:center;}
.dC .ctx__tag{position:absolute;top:14px;right:14px;font-family:var(--font-title);font-weight:600;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt);background:#fff;padding:.32rem .6rem;border-radius:100px;z-index:2;box-shadow:0 4px 12px rgba(0,40,150,.12);}
.dC .ctx__widget .qm{box-shadow:0 20px 44px rgba(3,18,70,.2);border:1px solid rgba(255,255,255,.7);width:100%;}
.dC .qm--bare .qm__body{padding:1.4rem;}
@media(max-width:760px){.dC .ctx__body{grid-template-columns:1fr;}.dC .ctx__site{border-right:none;border-bottom:1px solid var(--line);}}

/* =========================================================
   NEW 2 — FLOW (visitor takes quiz → scored lead lands)
   ========================================================= */
.dC .hero--flow{padding-bottom:clamp(9rem,15vw,12rem);}
.dC .cflow{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(2rem,4vw,3.5rem);align-items:start;}
.dC .cflow__text{padding-top:clamp(1rem,3vw,2.4rem);max-width:34rem;}
.dC .cstrad--flow{display:flex;justify-content:flex-end;margin-top:clamp(-9rem,-13vw,-6rem);}
.dC .flow{width:min(440px,100%);display:flex;flex-direction:column;}
.dC .flow__step .flow__lab{display:block;font-family:var(--font-title);font-weight:600;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#bcd2ff;margin-bottom:.55rem;}
.dC .flow__step:last-child .flow__lab{color:var(--ink-3);}
.dC .flow__link{display:flex;align-items:center;gap:.7rem;padding:.7rem 0;}
.dC .flow__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line-ink));}
.dC .flow__link .flow__line:first-child{background:linear-gradient(90deg,var(--line-ink),transparent);}
.dC .flow__chip{font-family:var(--font-title);font-weight:600;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cobalt);background:#fff;border:1px solid var(--line);border-radius:100px;padding:.4rem .75rem;white-space:nowrap;box-shadow:0 6px 16px rgba(0,40,150,.1);}
.dC .flow__lead{display:flex;align-items:center;gap:.9rem;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:1rem 1.1rem;box-shadow:0 22px 50px rgba(3,18,70,.16);}
.dC .flow__av{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--font-title);font-weight:600;font-size:.84rem;}
.dC .flow__who{flex:1;min-width:0;display:flex;flex-direction:column;}
.dC .flow__who b{font-family:var(--font-title);font-weight:600;font-size:.96rem;color:var(--ink);}
.dC .flow__who span{color:var(--ink-3);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dC .flow__score{display:flex;align-items:center;gap:.7rem;}
.dC .flow__tag{font-family:var(--font-title);font-weight:600;font-size:.6rem;letter-spacing:.04em;text-transform:uppercase;background:var(--cobalt);color:#fff;padding:.32rem .58rem;border-radius:100px;}
.dC .flow__sc{font-family:var(--font-title);font-weight:700;font-size:1.25rem;color:var(--cobalt);}
@media(max-width:920px){.dC .cflow{grid-template-columns:1fr;}.dC .cstrad--flow{justify-content:stretch;margin-top:clamp(-6rem,-9vw,-4rem);}.dC .flow{width:100%;}}

/* =========================================================
   NEW 3 — PRICE-FORWARD (cost teaser previews the pop-up)
   ========================================================= */
.dC .hero--price{padding-bottom:clamp(9rem,15vw,12rem);}
.dC .cprice{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4vw,3.5rem);align-items:start;}
.dC .cprice__text{padding-top:clamp(.5rem,2.5vw,1.8rem);}
.dC .cprice__stats{display:flex;flex-wrap:wrap;margin-top:1.9rem;}
.dC .cstrad--price{display:flex;justify-content:flex-end;margin-top:clamp(-10rem,-14vw,-6rem);}
.dC .pcard{width:min(420px,100%);background:#fff;border-radius:18px;box-shadow:0 40px 90px rgba(3,18,70,.42);padding:clamp(1.4rem,3vw,1.9rem);}
.dC .pcard__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;}
.dC .pcard__lab{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-title);font-weight:600;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--cobalt);}
.dC .pcard__lab .spark{width:16px;height:16px;}
.dC .pcard__time{font-family:var(--font-title);font-weight:600;font-size:.68rem;color:var(--ink-3);background:var(--paper);border-radius:100px;padding:.32rem .65rem;}
.dC .pcard__rows{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:1.2rem;}
.dC .pcard__row{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-bottom:1px solid var(--line);}
.dC .pcard__row:last-child{border-bottom:none;}
.dC .pcard__row span{color:var(--ink-3);font-size:.86rem;}
.dC .pcard__row b{font-family:var(--font-title);font-weight:600;font-size:1rem;color:var(--ink);}
.dC .pcard__row--price{background:var(--tint);}
.dC .pcard__blur{filter:blur(5.5px);user-select:none;color:var(--cobalt);}
.dC .pcard__cta{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;background:var(--cobalt);color:#fff;font-family:var(--font-title);font-weight:600;font-size:1rem;padding:.92rem;border-radius:100px;transition:transform .3s var(--ease),box-shadow .25s;box-shadow:0 12px 30px rgba(0,64,193,.26);}
.dC .pcard__cta .ic{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2);transition:transform .3s var(--ease);}
.dC .pcard__cta:hover{transform:translateY(-2px);}
.dC .pcard__cta:hover .ic{transform:rotate(45deg);}
.dC .pcard__foot{color:var(--ink-3);font-size:.8rem;margin-top:1rem;text-align:center;line-height:1.5;}
@media(max-width:920px){.dC .cprice{grid-template-columns:1fr;}.dC .cstrad--price{justify-content:stretch;margin-top:clamp(-6rem,-9vw,-4rem);}.dC .pcard{width:100%;}}

/* =========================================================
   WIDE centered-hero straddle artifacts
   embed / tour / case-study / results / inbox
   ========================================================= */
.dC .cstrad--wide{display:flex;flex-direction:column;align-items:stretch;margin-top:clamp(-7rem,-10vw,-5rem);}
.dC .cstrad--wide>.hcap{align-self:center;}
.dC .cstrad--wide .qm{width:100%;}

/* shared card chrome */
.dC .embed,.dC .tour,.dC .cs,.dC .res,.dC .ti{width:100%;background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 44px 100px rgba(3,18,70,.42);border:1px solid rgba(255,255,255,.5);}
.dC .tour,.dC .cs,.dC .res,.dC .ti{display:grid;}

/* tinted demo cell shared by tool-bearing artifacts */
.dC .tour__demo,.dC .res__demo,.dC .ti__demo{background:linear-gradient(160deg,#eef3ff,#e2ebff);display:flex;align-items:center;justify-content:center;padding:clamp(1.6rem,3vw,2.4rem);}
.dC .tour__demo .qm,.dC .res__demo .qm,.dC .ti__demo .qm{box-shadow:0 20px 44px rgba(3,18,70,.18);border:1px solid rgba(255,255,255,.7);}

/* 5 · LIVE EMBED + toast */
.dC .embed{position:relative;}
.dC .embed__bar{display:flex;align-items:center;gap:6px;padding:13px 18px;background:var(--paper);border-bottom:1px solid var(--line);}
.dC .embed__bar i{width:11px;height:11px;border-radius:50%;background:var(--tint-2);}
.dC .embed__bar span{margin-left:.7rem;font-family:var(--font-title);font-size:.82rem;color:var(--ink-3);}
.dC .embed__body{display:grid;grid-template-columns:1.1fr .9fr;}
.dC .embed__site{padding:clamp(1.6rem,3vw,2.6rem);text-align:left;border-right:1px solid var(--line);}
.dC .embed__nav{display:flex;align-items:center;gap:1.3rem;font-family:var(--font-title);font-size:.88rem;color:var(--ink-3);margin-bottom:1.8rem;}
.dC .embed__nav b{font-size:1.05rem;color:var(--ink);margin-right:auto;}
.dC .embed__sh{font-family:var(--font-title);font-weight:600;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.02em;color:var(--ink);line-height:1.1;}
.dC .embed__sp{color:var(--ink-2);font-size:1rem;margin:.8rem 0 1.4rem;max-width:34ch;}
.dC .embed__img{border-radius:12px;overflow:hidden;height:170px;background:var(--paper-2);}
.dC .embed__img image-slot{width:100%;height:100%;display:block;}
.dC .embed__widget{position:relative;padding:clamp(1.4rem,2.6vw,2rem);background:linear-gradient(160deg,#eef3ff,#e2ebff);display:flex;align-items:center;}
.dC .embed__tag{position:absolute;top:16px;right:16px;font-family:var(--font-title);font-weight:600;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt);background:#fff;padding:.32rem .62rem;border-radius:100px;box-shadow:0 4px 12px rgba(0,40,150,.12);z-index:2;}
.dC .embed__widget .qm{width:100%;box-shadow:0 20px 44px rgba(3,18,70,.2);border:1px solid rgba(255,255,255,.7);}
.dC .embed__toast{position:absolute;right:22px;bottom:22px;display:flex;align-items:center;gap:.75rem;background:#fff;border-radius:13px;padding:.85rem 1.1rem;box-shadow:0 20px 50px rgba(3,18,70,.28);z-index:5;}
@media (prefers-reduced-motion: no-preference){.dC .embed__toast{animation:toastIn .5s var(--ease) .2s;}@keyframes toastIn{from{transform:translateY(14px);}to{transform:none;}}}
.dC .embed__check{width:30px;height:30px;border-radius:50%;background:#16a34a;display:grid;place-items:center;flex:0 0 30px;}
.dC .embed__toast b{display:block;font-family:var(--font-title);font-weight:600;font-size:.86rem;color:var(--ink);}
.dC .embed__toast>div>span{font-size:.74rem;color:var(--ink-3);}
@media(max-width:760px){.dC .embed__body{grid-template-columns:1fr;}.dC .embed__site{border-right:none;border-bottom:1px solid var(--line);}.dC .embed__toast{right:14px;bottom:14px;}}

/* 4 · ANNOTATED TOUR */
.dC .tour{grid-template-columns:1fr 1fr;}
.dC .tour__steps{padding:clamp(1.8rem,3.4vw,2.8rem);text-align:left;display:flex;flex-direction:column;gap:1.3rem;}
.dC .tour__h{font-family:var(--font-title);font-weight:600;font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.02em;color:var(--ink);margin-bottom:.3rem;}
.dC .tour__step{display:flex;gap:1rem;align-items:flex-start;}
.dC .tour__n{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--cobalt);color:#fff;display:grid;place-items:center;font-family:var(--font-title);font-weight:700;font-size:.95rem;}
.dC .tour__step>div b{display:block;font-family:var(--font-title);font-weight:600;font-size:1.05rem;color:var(--ink);margin-bottom:.2rem;}
.dC .tour__step>div span{color:var(--ink-2);font-size:.92rem;}
@media(max-width:760px){.dC .tour{grid-template-columns:1fr;}}

/* 6 · CASE-STUDY BAND */
.dC .cs{grid-template-columns:1.15fr .85fr;}
.dC .cs__left{padding:clamp(1.8rem,3.4vw,2.8rem);text-align:left;border-right:1px solid var(--line);display:flex;flex-direction:column;}
.dC .cs__logo{height:38px;margin-bottom:1.5rem;}
.dC .cs__logo image-slot{height:100%;width:170px;display:block;border-radius:8px;}
.dC .cs__quote{font-family:var(--font-title);font-weight:500;font-size:clamp(1.3rem,2.4vw,1.85rem);line-height:1.32;letter-spacing:-.01em;color:var(--ink);}
.dC .cs__by{display:flex;align-items:center;gap:.85rem;margin-top:auto;padding-top:1.6rem;}
.dC .cs__ph{width:46px;height:46px;border-radius:50%;overflow:hidden;background:var(--paper-2);flex:0 0 46px;}
.dC .cs__ph image-slot{width:100%;height:100%;display:block;border-radius:50%;}
.dC .cs__nm{font-family:var(--font-title);font-weight:600;color:var(--ink);}
.dC .cs__rl{color:var(--ink-3);font-size:.85rem;}
.dC .cs__right{padding:clamp(1.6rem,3vw,2.4rem);display:flex;flex-direction:column;gap:1.1rem;background:var(--paper);}
.dC .cs__metric b{display:block;font-family:var(--font-title);font-weight:700;font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.03em;color:var(--cobalt);line-height:1;}
.dC .cs__metric span{display:block;margin-top:.3rem;color:var(--ink-2);font-size:.88rem;}
.dC .cs__tool{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-title);font-weight:600;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:var(--cobalt);}
.dC .cs__tool .spark{width:15px;height:15px;}
@media(max-width:760px){.dC .cs{grid-template-columns:1fr;}.dC .cs__left{border-right:none;border-bottom:1px solid var(--line);}}

/* 9 · TOOL + RESULTS */
.dC .res{grid-template-columns:.85fr 1.15fr;}
.dC .res__panel{padding:clamp(1.8rem,3.4vw,2.8rem);text-align:left;display:flex;flex-direction:column;}
.dC .res__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem;}
.dC .res__logo{height:32px;}
.dC .res__logo image-slot{height:100%;width:150px;display:block;border-radius:8px;}
.dC .res__tag{font-family:var(--font-title);font-weight:600;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);background:var(--paper);border-radius:100px;padding:.32rem .65rem;}
.dC .res__h{font-family:var(--font-title);font-weight:600;font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.02em;color:var(--ink);}
.dC .res__sub{color:var(--ink-3);font-size:.9rem;margin:.3rem 0 1.4rem;}
.dC .res__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-bottom:1.4rem;}
.dC .res__m{border:1px solid var(--line);border-radius:13px;padding:1rem;}
.dC .res__m b{display:block;font-family:var(--font-title);font-weight:700;font-size:clamp(1.4rem,2.4vw,1.85rem);letter-spacing:-.03em;color:var(--cobalt);line-height:1;}
.dC .res__m span{display:block;margin-top:.35rem;color:var(--ink-3);font-size:.76rem;}
.dC .res__quote{font-family:var(--font-title);font-weight:500;font-size:1.02rem;line-height:1.4;color:var(--ink-2);margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);}
@media(max-width:760px){.dC .res{grid-template-columns:1fr;}}
@media(max-width:480px){.dC .res__metrics{grid-template-columns:1fr;}}

/* 10 · TOOL + SCORED INBOX */
.dC .ti{grid-template-columns:.85fr 1.15fr;}
.dC .ti__inbox{padding:clamp(1.4rem,2.8vw,1.9rem) clamp(1.4rem,2.8vw,2.1rem);text-align:left;display:flex;flex-direction:column;}
.dC .ti__head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--line);}
.dC .ti__head b{font-family:var(--font-title);font-weight:600;font-size:1.05rem;color:var(--ink);}
.dC .ti__head>div>span{display:block;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin-top:.22rem;}
.dC .ti__ct{font-family:var(--font-title);font-weight:600;font-size:.72rem;color:var(--cobalt);background:var(--tint);border-radius:100px;padding:.35rem .7rem;white-space:nowrap;}
.dC .ti__list{display:flex;flex-direction:column;}
.dC .ti__row{display:flex;align-items:center;gap:.9rem;padding:.85rem 0;border-bottom:1px solid var(--line);}
.dC .ti__row.tier-C{opacity:.62;}
.dC .ti__av{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--font-title);font-weight:600;font-size:.82rem;}
.dC .ti__who{flex:1;min-width:0;display:flex;flex-direction:column;}
.dC .ti__who b{font-family:var(--font-title);font-weight:600;font-size:.94rem;color:var(--ink);}
.dC .ti__who>span{color:var(--ink-3);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dC .ti__contact{color:var(--cobalt)!important;font-size:.72rem!important;margin-top:.18rem;}
.dC .ti__score{display:flex;align-items:center;gap:.75rem;}
.dC .ti__tier{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-family:var(--font-title);font-weight:700;font-size:.8rem;}
.dC .ti__tier.tA{background:var(--cobalt);color:#fff;}
.dC .ti__tier.tB{background:var(--tint-2);color:var(--cobalt);}
.dC .ti__tier.tC{background:var(--paper-2);color:var(--ink-3);}
.dC .ti__sc{font-family:var(--font-title);font-weight:700;font-size:1.15rem;color:var(--ink);min-width:1.5em;text-align:right;}
.dC .ti__row.tier-C .ti__sc{color:var(--ink-3);}
.dC .ti__foot{display:flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:1rem;font-size:.82rem;color:var(--ink-2);}
.dC .ti__foot .dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex:0 0 7px;}
@media(max-width:760px){.dC .ti{grid-template-columns:1fr;}}

/* =========================================================
   VET HERO — trust-first screen for cold email visitors.
   Price chip · founder chip · logo strip · action card ·
   VSL slot · proof straddle. Appended 2026-07.
   ========================================================= */
.dC .hero--vet{padding-bottom:clamp(8rem,13vw,11rem);}
.dC .hero--vet .hero__p{max-width:52ch;}

.dC .hero__pricechip{display:inline-flex;align-items:center;margin-top:1.4rem;font-family:var(--font-title);font-weight:600;font-size:.86rem;letter-spacing:.02em;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);border-radius:100px;padding:.5rem 1.05rem;}

/* founder chip */
.dC .fchip{display:flex;align-items:flex-start;gap:.95rem;margin-top:1.8rem;max-width:37rem;text-align:left;}
.dC .fchip__av{flex:0 0 52px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.38);color:#fff;font-family:var(--font-title);font-weight:600;font-size:1rem;}
.dC .fchip__t p{margin:0;color:rgba(255,255,255,.88);font-size:.95rem;line-height:1.55;}
.dC .fchip__who{display:block;margin-top:.45rem;font-family:var(--font-title);font-weight:600;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:#9fc0ff;}

/* client logo strip in the cobalt zone */
.dC .hlogos{margin-top:2.2rem;display:flex;flex-direction:column;align-items:center;gap:.95rem;}
.dC .hlogos__lead{font-family:var(--font-title);font-weight:600;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:#9fc0ff;}
.dC .hlogos__row{display:flex;align-items:center;justify-content:center;gap:clamp(1.2rem,2.6vw,2.2rem);flex-wrap:wrap;}
.dC .hlogos__logo img{height:22px;width:auto;display:block;filter:brightness(0) invert(1);opacity:.7;transition:opacity .25s;}
.dC .hlogos__logo:hover img{opacity:1;}
.dC .hlogos__txt{font-size:1.02rem;color:rgba(255,255,255,.75);}

/* straddle across the cobalt→white seam */
.dC .cstrad--vet{display:flex;flex-direction:column;align-items:center;margin-top:clamp(-6.5rem,-9vw,-4.5rem);}
.dC .cstrad--vet .hcap{align-self:center;}

/* VSL slot */
.dC .hv{width:100%;max-width:860px;aspect-ratio:16/9;background:#04122e;border-radius:18px;overflow:hidden;box-shadow:0 44px 100px rgba(3,18,70,.42);border:1px solid rgba(255,255,255,.5);margin-bottom:2.2rem;}
.dC .hv iframe,.dC .hv video{width:100%;height:100%;display:block;border:0;}

/* action card */
.dC .acard{width:100%;max-width:980px;background:#fff;border-radius:18px;box-shadow:0 44px 100px rgba(3,18,70,.42);border:1px solid rgba(255,255,255,.5);display:grid;grid-template-columns:1fr auto 1fr;padding:clamp(1.6rem,3vw,2.4rem);column-gap:clamp(1.4rem,2.6vw,2.2rem);text-align:left;}
.dC .acard__h{font-family:var(--font-title);font-weight:600;font-size:clamp(1.12rem,2vw,1.35rem);letter-spacing:-.015em;color:var(--ink);}
.dC .acard__p{color:var(--ink-2);font-size:.93rem;line-height:1.55;margin:.55rem 0 1.1rem;}
.dC .acard__copylab{display:block;font-size:.8rem;color:var(--ink-3);margin-bottom:.5rem;}

/* light variant of the copy chip inside the white card */
.dC .acard .ecopy{background:var(--paper);border:1px solid var(--line);max-width:none;}
.dC .acard .ecopy:hover{background:var(--tint);}
.dC .acard .ecopy__addr{color:var(--cobalt);font-size:.98rem;}
.dC .acard .ecopy__btn{background:var(--cobalt);color:#fff;}
.dC .acard .ecopy.on .ecopy__btn{background:#16a34a;}

/* vertical divider with the "or" */
.dC .acard__div{position:relative;display:flex;align-items:center;justify-content:center;}
.dC .acard__div::before{content:"";position:absolute;top:.2rem;bottom:.2rem;left:50%;width:1px;background:var(--line);}
.dC .acard__div span{position:relative;z-index:1;background:#fff;font-family:var(--font-title);font-weight:600;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);padding:.45rem .15rem;}

/* one-field examples capture */
.dC .exform{position:relative;}
.dC .exform__row{display:flex;gap:.6rem;}
.dC .exform__in{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:100px;padding:.78rem 1.15rem;font-size:.95rem;font-family:inherit;color:var(--ink);background:#fff;outline:none;transition:border-color .2s;}
.dC .exform__in:focus{border-color:var(--cobalt);}
.dC .exform__in::placeholder{color:var(--ink-3);}
.dC .exform__go{flex:0 0 auto;background:var(--cobalt);color:#fff;font-family:var(--font-title);font-weight:600;font-size:.9rem;border-radius:100px;padding:.78rem 1.3rem;box-shadow:0 10px 26px rgba(0,64,193,.22);transition:transform .25s var(--ease);}
.dC .exform__go:hover{transform:translateY(-1px);}
.dC .exform__go:disabled{opacity:.65;transform:none;}
.dC .exform__ts{margin-top:.85rem;}
.dC .exform__err{color:#e8501f;font-size:.84rem;margin-top:.6rem;}
.dC .exform--done{display:flex;align-items:flex-start;gap:.7rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:1rem 1.15rem;}
.dC .exform--done .exform__chk{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#16a34a;display:grid;place-items:center;margin-top:.05rem;}
.dC .exform--done p{margin:0;color:var(--ink);font-size:.92rem;line-height:1.5;}

/* footer row spanning both columns */
.dC .acard__foot{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:clamp(1.3rem,2.4vw,1.8rem);padding-top:clamp(1.1rem,2vw,1.4rem);border-top:1px solid var(--line);flex-wrap:wrap;}
.dC .acard__foot>span{color:var(--ink-3);font-size:.88rem;}
.dC .acard__price{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-title);font-weight:600;font-size:.92rem;color:var(--cobalt);border-bottom:1.5px solid var(--tint-2);padding-bottom:.1rem;transition:border-color .2s;}
.dC .acard__price:hover{border-color:var(--cobalt);}

/* proof straddle — sits fully in the white zone */
.dC .cstrad--proof{margin-top:clamp(2.6rem,5vw,4rem);display:flex;flex-direction:column;align-items:center;}
.dC .cstrad--proof .hcap{color:var(--ink-3);align-self:center;}
.dC .cstrad--proof .hcap .spark circle{fill:var(--cobalt);}
.dC .cstrad--proof .hcap .spark path{stroke:#fff;}

@media(max-width:880px){
  .dC .acard{grid-template-columns:1fr;}
  .dC .acard__div{padding:1.25rem 0;}
  .dC .acard__div::before{left:0;right:0;top:50%;bottom:auto;width:auto;height:1px;}
  .dC .acard__div span{padding:.2rem .7rem;}
  .dC .exform__row{flex-direction:column;}
  .dC .exform__go{width:100%;padding:.9rem;}
  .dC .hlogos__logo img{height:18px;}
  .dC .hlogos__txt{font-size:.9rem;}
}