/* Sticky header — scoped to .site-header; nav rides inside it */
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;
}

/* Gutter suppression that does NOT break sticky.
   overflow-x:clip stops horizontal overflow without creating a
   scroll container, so descendant sticky positioning survives. */
html,body{
  overflow-x:clip;
  max-width:100%;
}

/* 100vw breakout → account for scrollbar width */
.cdia-hero::before{max-width:100vw !important;}








 
/* ============================================================
   CDIA HOMEPAGE — COMPLETE CSS
   Replaces EVERYTHING in Appearance > Customize > Additional CSS.
   ============================================================ */
 
/* ---- sticky header ---- */
.main-navigation,
.site-header{position:sticky;top:0;z-index:9999}
 
/* ---- design tokens ---- */
:root{
  --ink:#05173A; --ink2:#0A1F4F; --slate:#455571; --slate2:#6B7A93;
  --accent:#1297E6; --accent-press:#0F84CC; --accent-ink:#0B6FB0;
  --canvas:#FFFFFF; --panel:#EEF3F9; --panel2:#E9EEF5;
  --line:rgba(5,23,58,.10); --line2:rgba(5,23,58,.17);
  --r-sm:10px; --r:14px; --r-lg:20px; --r-xl:28px;
  --shadow-sm:0 1px 2px rgba(5,23,58,.05),0 2px 8px rgba(5,23,58,.05);
  --shadow:0 10px 28px rgba(5,23,58,.09),0 2px 6px rgba(5,23,58,.05);
  --shadow-lg:0 30px 70px rgba(5,23,58,.16),0 10px 26px rgba(5,23,58,.08);
  --font-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
 
/* ---- base ---- */
body{color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{color:var(--ink);font-weight:600;letter-spacing:-.022em;line-height:1.1}
.cdia-center{text-align:center}
.cdia-section{padding:clamp(64px,9vw,112px) 24px}
.cdia-narrow{max-width:740px;margin:0 auto clamp(40px,6vw,60px);text-align:center}
.cdia-narrow h2,.cdia-problem h2{font-size:clamp(1.9rem,3.5vw,2.75rem);margin-bottom:16px}
.cdia-eyebrow{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);display:block;margin-bottom:14px}
.cdia-sub{color:var(--slate);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.55}
.cdia-lede{color:var(--slate);font-size:clamp(1.06rem,1.5vw,1.2rem);line-height:1.6}
 
/* ============================================================
   HEADER — logo left / menu center / pill right
   ============================================================ */
.site-header .inside-header{display:flex;align-items:center;max-width:1200px;margin-left:auto;margin-right:auto;padding-top:16px;padding-bottom:16px}
.site-header .site-logo{flex:0 0 auto}
.main-navigation{flex:1 1 auto}
.main-navigation .inside-navigation{display:flex;align-items:center;width:100%;max-width:100%}
.main-navigation .main-nav{margin:0 auto}
.cdia-nav-pill{flex:0 0 auto}
.main-navigation .main-nav ul{display:flex;align-items:center}
 
/* --- Blur bar + flat links --- */
.site-header{background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px)}
.main-navigation,.main-navigation .inside-navigation{background:transparent !important}
.main-navigation,.main-navigation .main-nav ul li a{border:0 !important;box-shadow:none !important}
.site-header .site-logo img{max-height:64px;width:auto}
.main-navigation .main-nav ul li a{font-weight:500;background:transparent !important;padding-left:14px;padding-right:14px;color:var(--slate)}
.main-navigation .main-nav ul li a:hover{color:var(--ink)}
.main-navigation .current-menu-item > a{background:transparent !important;color:var(--ink) !important}
.main-navigation .main-nav ul li a:hover{background:var(--panel) !important;border-radius:9px}
 
/* --- Pill --- */
.cdia-nav-pill{display:inline-block;background:var(--accent);color:#fff !important;border-radius:12px;padding:12px 20px;line-height:1;font-weight:600;text-decoration:none;box-shadow:0 6px 16px rgba(18,151,230,.28);transition:all .18s ease}
.cdia-nav-pill:hover{background:var(--accent-press);transform:translateY(-1px);box-shadow:0 12px 26px rgba(18,151,230,.34)}
 
/* ============================================================
   BUTTONS
   ============================================================ */
a.cdia-btn,.cdia-btn > a,.wp-block-button.cdia-btn .wp-block-button__link,
a.cdia-btn-ghost,.cdia-btn-ghost > a,.wp-block-button.cdia-btn-ghost .wp-block-button__link{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-weight:600;font-size:15px;line-height:1;border-radius:12px;padding:14px 22px;cursor:pointer;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;white-space:nowrap;text-decoration:none}
a.cdia-btn,.cdia-btn > a,.wp-block-button.cdia-btn .wp-block-button__link{background:var(--accent);color:#fff !important;box-shadow:0 6px 16px rgba(18,151,230,.28)}
a.cdia-btn:hover,.cdia-btn > a:hover,.wp-block-button.cdia-btn .wp-block-button__link:hover{background:var(--accent-press);transform:translateY(-1px);box-shadow:0 12px 26px rgba(18,151,230,.34)}
a.cdia-btn-ghost,.cdia-btn-ghost > a,.wp-block-button.cdia-btn-ghost .wp-block-button__link{background:#fff;color:var(--ink) !important;border-color:var(--line2)}
a.cdia-btn-ghost:hover,.cdia-btn-ghost > a:hover,.wp-block-button.cdia-btn-ghost .wp-block-button__link:hover{border-color:var(--ink);transform:translateY(-1px)}
.cdia-btn-lg > a,.wp-block-button.cdia-btn-lg .wp-block-button__link{padding:17px 32px;font-size:16px;border-radius:14px}
 
/* ============================================================
   HERO — TEXT ZONE
   ============================================================ */
.cdia-hero{position:relative;padding-top:clamp(48px,7vw,84px);padding-bottom:clamp(72px,9vw,120px);overflow:hidden;text-align:center}
.cdia-hero::before{content:"";position:absolute;left:50%;top:-140px;transform:translateX(-50%);width:1100px;max-width:120vw;height:520px;background:radial-gradient(50% 60% at 50% 40%,rgba(18,151,230,.10),rgba(18,151,230,0) 70%);pointer-events:none;z-index:0}
.cdia-hero > *{position:relative;z-index:1}
.cdia-pill{display:inline-flex !important;align-items:center;gap:9px;font-size:13px;font-weight:500;color:var(--accent-ink);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:7px 15px 7px 13px;width:fit-content !important;max-width:100%;align-self:center;margin-left:auto !important;margin-right:auto !important}
.cdia-hero h1{font-size:clamp(2.5rem,5.4vw,4.05rem);letter-spacing:-.032em;line-height:1.04;margin:22px auto 20px;max-width:760px}
.cdia-hero .cdia-sub{font-size:clamp(1.075rem,1.65vw,1.24rem);color:var(--slate);line-height:1.55;max-width:660px;margin:0 auto}
.cdia-aud{margin-top:20px;font-size:13.5px;font-weight:500;letter-spacing:.02em;color:var(--slate2)}
.cdia-hero .wp-block-buttons,.cdia-hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:32px}
 
/* ============================================================
   HERO — VIDEO ZONE
   ============================================================ */
.wp-block-group:has(.cdia-win) .wp-block-group__inner-container{max-width:1100px !important;margin-left:auto !important;margin-right:auto !important}
.cdia-win{border:1px solid #E2E8F0;border-radius:20px;background:#fff;box-shadow:0 24px 60px rgba(10,31,79,.14);overflow:hidden;text-align:left;position:relative}
.cdia-win-bar{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;background:linear-gradient(#fbfcfe,#f3f6fb);border-bottom:1px solid #E2E8F0}
.cdia-win-bar i{width:10px;height:10px;border-radius:50%;background:#ccd6e5;display:block}
.cdia-win-bar span{margin-left:10px;font-family:var(--font-mono);font-size:12px;color:var(--slate2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cdia-win .wp-block-embed__wrapper{position:relative;width:100%;padding-top:56.25%;margin:0}
.cdia-win .wp-block-video,.cdia-win figure{margin:0}
.cdia-win iframe{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;display:block}

/* trace card — DESKTOP: floating annotation, overlapping frame corner */
.cdia-trace{position:absolute;right:14%;left:auto;bottom:9px;width:min(360px,60%);background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 24px 60px rgba(10,31,79,.14);padding:16px 18px;z-index:2;text-align:left}
.cdia-trace-a{font-size:14px;line-height:1.5;color:var(--ink)}
.cdia-trace-s{display:flex;align-items:center;gap:6px;margin-top:11px;font-family:var(--font-mono);font-size:12.5px;color:var(--accent-ink)}
.cdia-trace-s i{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}
.cdia-trace-t{margin-top:10px;font-size:12px;font-weight:600;color:#12925f;display:flex;align-items:center;gap:6px}

/* trace card — TABLET + MOBILE: drop below the video, in flow */
@media (max-width:1024px){
  .cdia-trace{
    position:static !important;
    width:auto !important;
    max-width:100% !important;
    right:auto !important;
    bottom:auto !important;
    margin:16px 0 0 0 !important;
    border-left:3px solid var(--accent) !important;
    box-shadow:var(--shadow) !important;
  }
}
 
/* ============================================================
   PROBLEM — hero text column (760px)
   ============================================================ */
.wp-block-uagb-container.cdia-problem{max-width:760px !important;margin-left:auto !important;margin-right:auto !important;text-align:center}
.cdia-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:30px 0 6px;list-style:none;padding:0}
.cdia-tags li{font-family:var(--font-mono);font-size:12.5px;color:var(--slate);background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:7px 13px;margin:0}
.cdia-tags li code{font-family:var(--font-mono);background:none;color:inherit;padding:0}
.cdia-punch{margin-top:30px;font-size:clamp(1.15rem,1.8vw,1.44rem);color:var(--ink);line-height:1.4}
.cdia-punch strong{color:var(--accent-ink);font-weight:600}
 
/* ============================================================
   WHAT CDIA DOES — text on hero axis (760), cards wider (1200)
   ============================================================ */
.wp-block-uagb-container.cdia-problem:has(.cdia-grid){max-width:1200px !important;padding-bottom:70px !important}
.wp-block-uagb-container.cdia-problem.uagb-layout-flex{gap:0 !important;row-gap:0 !important}
.wp-block-uagb-container.cdia-problem .wp-block-spacer{height:0 !important}
.wp-block-uagb-container.cdia-problem .cdia-grid-text{max-width:760px !important;margin-left:auto !important;margin-right:auto !important}
.cdia-grid.wp-block-columns{display:flex !important;justify-content:center !important;gap:24px !important;margin-bottom:24px;max-width:100% !important}
.cdia-grid.wp-block-columns > .wp-block-column{flex:1 1 0 !important}
.cdia-feat{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,2.6vw,30px);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;height:100%}
.cdia-feat:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.cdia-feat h3{font-size:1.3rem;margin:0 0 10px}
.cdia-feat p{color:var(--slate);font-size:1rem;margin:0 0 22px;line-height:1.55}
.cdia-feat .cdia-win{box-shadow:var(--shadow);border-radius:13px}
.cdia-feat .cdia-win-bar{height:34px}
.cdia-feat .cdia-win img{aspect-ratio:16/10;object-fit:cover;object-position:top left;cursor:zoom-in}
.cdia-does-foot{max-width:760px;margin-left:auto;margin-right:auto;text-align:center;margin-top:clamp(32px,5vw,48px);color:var(--slate2);font-size:1rem}

/* In-card screenshots — bottom corners rounded, top square to meet the bar */
.cdia-shot img,
img.cdia-shot{
  border-radius:0 0 12px 12px;
  border:1px solid #E2E8F0;
  border-top:none;
  box-shadow:0 10px 28px rgba(5,23,58,.09),0 2px 6px rgba(5,23,58,.05);
  display:block;
}

/* Feature icon tile — left-anchored */
.cdia-feat-ic{
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:12px;
  background:rgba(18,151,230,.14);
  color:#1297E6;
  margin:0 0 16px 0;
  margin-right:auto;
}
.cdia-feat-ic svg{width:22px;height:22px;}
 
/* ============================================================
   SEE IT WORK — one gap owns all rhythm
   ============================================================ */
.cdia-see{background:var(--panel);padding-top:72px !important;padding-bottom:72px !important}
.wp-block-uagb-container.cdia-see.uagb-layout-flex{gap:20px !important;row-gap:20px !important}
#see-it-work > .wp-block-spacer{height:0 !important}
#see-it-work > .wp-block-group,
#see-it-work > .cdia-steps,
#see-it-work > .wp-block-buttons{margin-top:0 !important;margin-bottom:0 !important}
.see-how-it-works-container .cdia-headgap{margin-bottom:0 !important;padding-bottom:0 !important}
.see-how-it-works-container .wp-block-group__inner-container{max-width:760px !important;margin-left:auto !important;margin-right:auto !important}
.see-how-it-works-container h2{font-size:46px !important;max-width:760px !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important}
.see-how-it-works-container .cdia-eyebrow,
.see-how-it-works-container .cdia-sub{text-align:center !important}
.cdia-steps.wp-block-columns{max-width:1200px !important;margin-top:0 !important;margin-bottom:0 !important;margin-left:auto !important;margin-right:auto !important;display:flex !important;align-items:stretch !important;justify-content:center !important;gap:24px !important}
.cdia-steps.wp-block-columns > .wp-block-column{flex:1 1 0 !important;margin:0 !important}
.cdia-steps.wp-block-columns::before,
.cdia-steps.wp-block-columns::after,
.cdia-steps.wp-block-columns > .wp-block-column::before,
.cdia-steps.wp-block-columns > .wp-block-column::after{content:none !important}
.cdia-step{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px;box-shadow:var(--shadow-sm);height:100%}
.cdia-step-num{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--accent-ink);letter-spacing:.08em}
.cdia-step h3{font-size:1.2rem;margin:12px 0 8px}
.cdia-step p{color:var(--slate);font-size:.99rem;line-height:1.55;margin:0}
.cdia-cite{margin-top:18px;border-top:1px dashed var(--line2);padding-top:15px;display:flex;flex-direction:column;align-items:flex-start}
.cdia-cite-line{font-size:13.5px;color:var(--ink);line-height:1.5;text-align:left !important}

/* Source chip — forced left via display:table (respects margin-right:auto
   in normal flow, no flex parent needed) + overrides has-text-align-center */
.cdia-cite-src,
.cdia-step .cdia-cite-src,
.cdia-step p.cdia-cite-src{
  display:table !important;
  align-items:center;
  gap:8px;
  margin-top:11px !important;
  margin-left:0 !important;
  margin-right:auto !important;
  background:var(--panel2);
  border:1px solid var(--line);
  border-radius:9px;
  padding:7px 11px;
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--accent-ink);
  text-align:left !important;
}


 
/* ============================================================
   TRUST — navy focal band
   ============================================================ */
.cdia-trust{position:relative;background:linear-gradient(158deg,#05173A 0%,#0A1F4F 100%);overflow:hidden;padding-top:72px !important;padding-bottom:72px !important}
.cdia-trust::before{content:"";position:absolute;inset:0;background:radial-gradient(58% 46% at 50% -8%,rgba(18,151,230,.24),transparent 68%);pointer-events:none}
.cdia-trust > *{position:relative;z-index:1}
.cdia-trust.uagb-layout-flex{gap:32px !important;row-gap:32px !important}
.cdia-trust h2{color:#fff;font-size:46px !important;max-width:760px !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important}
.cdia-trust .cdia-eyebrow{color:#5fbcf2}
.cdia-trust .cdia-sub{color:rgba(255,255,255,.72);max-width:760px !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important}
.cdia-tgrid.wp-block-columns{max-width:1200px !important;margin-left:auto !important;margin-right:auto !important;display:flex !important;align-items:stretch !important;justify-content:center !important;gap:20px !important}
.cdia-tgrid.wp-block-columns > .wp-block-column{flex:1 1 0 !important;margin:0 !important}
.cdia-tgrid.wp-block-columns::before,
.cdia-tgrid.wp-block-columns::after,
.cdia-tgrid.wp-block-columns > .wp-block-column::before,
.cdia-tgrid.wp-block-columns > .wp-block-column::after{content:none !important}
.cdia-tcard{display:flex;flex-direction:column;align-items:flex-start;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);padding:26px 24px;height:100%}
.cdia-tcard h3{color:#fff;font-size:1.18rem;margin:0 0 9px}
.cdia-tcard p{color:rgba(255,255,255,.68);font-size:.98rem;line-height:1.5;margin:0}
.cdia-tcard-lead{border-color:rgba(18,151,230,.55);background:linear-gradient(180deg,rgba(18,151,230,.14),rgba(255,255,255,.03))}
.cdia-tag{display:inline-block;margin-bottom:14px;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#8fd0f7}
.cdia-tcard-ic{align-self:flex-start !important;margin:0 0 16px 0 !important;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:rgba(18,151,230,.14);color:#1297E6}
.cdia-tcard-ic svg{width:23px;height:23px}
.cdia-tcard-lead .cdia-tag{order:-1;display:block;align-self:flex-start;margin:0 0 14px 0}
 
/* ============================================================
   WHO BUILT IT — two-column, vertical-centered
   Anchored on .cdia-built-body (photo column has no class)
   ============================================================ */

/* Shared: wrapper centering, padding, artifact kill */
.wp-block-columns:has(.cdia-built-body){max-width:1200px !important;margin-left:auto !important;margin-right:auto !important;gap:clamp(32px,5vw,64px) !important;padding-top:55px !important;padding-bottom:55px !important}
.wp-block-columns:has(.cdia-built-body) > .wp-block-column{margin:0 !important}
.wp-block-columns:has(.cdia-built-body)::before,
.wp-block-columns:has(.cdia-built-body)::after{content:none !important}

/* Photo */
.cdia-built-photo img{border-radius:var(--r-lg);box-shadow:var(--shadow-lg);display:block}
.wp-block-columns:has(.cdia-built-body) h2{font-size:clamp(1.85rem,3.4vw,2.6rem);margin-bottom:18px}

/* Pullquote — accent left rule */
.cdia-quote{
  font-size:clamp(1.1rem,1.7vw,1.35rem);
  color:var(--ink);
  font-weight:600;
  letter-spacing:-.02em;
  line-height:1.38;
  margin:22px 0;
  padding-left:20px !important;
  border-left:3px solid var(--accent) !important;
}

/* Credential pills — left spine */
.cdia-chips.wp-block-list,
.cdia-chips{
  display:flex !important;
  flex-wrap:wrap;
  justify-content:flex-start !important;
  gap:8px;
  margin:22px 0 0 0 !important;
  padding:0 !important;
  padding-inline-start:0 !important;
  list-style:none !important;
  text-align:left !important;
}
.cdia-chips li{
  display:inline-flex;
  align-items:center;
  font-size:13px;
  font-weight:500;
  color:var(--slate);
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:999px;
  padding:7px 14px;
  margin:0;
  list-style:none;
}
.cdia-chips li::marker{content:"";}

/* Body column — vertical center against the photo */
.cdia-built-body{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* Desktop ONLY: two-column horizontal split, override inline flex-basis */
@media (min-width:769px){
  .wp-block-columns:has(.cdia-built-body){display:flex !important;flex-direction:row !important;align-items:center !important}
  .wp-block-columns:has(.cdia-built-body) > .wp-block-column:first-child{flex:0 0 38% !important;max-width:38% !important}
  .wp-block-columns:has(.cdia-built-body) > .wp-block-column:last-child{flex:1 1 auto !important}
}

@media (min-width:769px) and (max-width:1024px){
  .cdia-built-photo{max-width:300px !important;}
  .cdia-built-photo img{
    width:100% !important;
    max-width:300px !important;
    height:auto !important;
  }
  .cdia-built-photo{
    display:block !important;
    margin-right:auto !important;
  }
}
 
/* ============================================================
   DOWNLOAD — CTA card
   ============================================================ */
.wp-block-uagb-container.cdia-section:has(> .cdia-cta-card){padding-top:36px !important;padding-bottom:36px !important}
.cdia-cta-card{max-width:820px;margin:0 auto;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(40px,6vw,68px)}
.cdia-cta-card h2{font-size:clamp(1.85rem,3.4vw,2.6rem);margin-bottom:14px}
.cdia-cta-card .cdia-sub{margin-bottom:30px}
.cdia-reassure{margin-top:20px;font-size:13.5px;color:var(--slate2);font-family:var(--font-mono)}
 
/* ============================================================
   FOOTER
   ============================================================ */
.site-footer,.site-info,.footer-bar-active .inside-site-info{display:none}
.cdia-footer{background:#F4F7FB;border-top:1px solid #E2E8F0;padding:clamp(48px,7vw,72px) 24px 30px}
.cdia-footer-in{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:44px;flex-wrap:wrap}
.cdia-footer .cdia-footer-logo,.cdia-footer img.cdia-footer-logo{height:80px !important;width:auto !important;max-width:none !important;margin-bottom:20px}
.cdia-footer-tag{color:#0F2740;font-weight:600;font-size:15px;margin:0}
.cdia-footer-note{color:#7A8AA3;font-size:13px;margin-top:7px;font-family:'Geist Mono',monospace}
.cdia-footer-cols{display:flex;gap:56px}
.cdia-footer-cols h4{font-size:12px;text-transform:uppercase;letter-spacing:.11em;color:#7A8AA3;margin-bottom:14px;font-weight:600}
.cdia-footer-cols a{display:block;color:#455571;font-size:14.5px;padding:5px 0;text-decoration:none}
.cdia-footer-cols a:hover{color:#0B6FB0}
.cdia-footer-legal{max-width:1200px;margin:44px auto 0;padding:24px 24px 0;display:flex;justify-content:space-between;border-top:1px solid #E2E8F0;color:#7A8AA3;font-size:12.5px;font-family:'Geist Mono',monospace}
 

 
/* ============================================================
   MOBILE — clean single-column stack
   ============================================================ */
@media (max-width: 768px){
 
  /* Every grid stacks to one column */
  .cdia-grid.wp-block-columns,
  .cdia-steps.wp-block-columns,
  .cdia-tgrid.wp-block-columns,
  .wp-block-columns:has(> .cdia-built-grid){
    flex-direction:column !important;
    align-items:stretch !important;
    gap:16px !important;
  }
  .cdia-grid .wp-block-column,
  .cdia-steps .wp-block-column,
  .cdia-tgrid .wp-block-column{
    width:100% !important;
    flex:0 0 100% !important;
    max-width:100% !important;
  }
 
  /* Who Built It — full-width stack, photo on top.
     Desktop 38/62 split is now scoped to min-width:769px, so this
     applies uncontested below 768px. */
  .wp-block-columns:has(> .cdia-built-grid){
    display:flex !important;
    flex-direction:column !important;
  }
  .wp-block-columns:has(> .cdia-built-grid) > .wp-block-column{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
  }
  .wp-block-columns:has(> .cdia-built-grid) > .wp-block-column:first-child{
    order:-1 !important;
  }
 
  /* Cards size to their content */
  .cdia-feat,.cdia-step,.cdia-tcard{height:auto !important}
 
  /* Hero buttons stack full-width — both wrapper classes */
  .cdia-hero .wp-block-buttons,
  .cdia-hero-cta{
    flex-direction:column !important;
    align-items:stretch !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
  }
  .cdia-hero .wp-block-button,
  .cdia-hero .wp-block-button__link{width:100% !important;justify-content:center !important}
 
  /* Headlines fit the screen */
  .cdia-hero h1{font-size:34px !important}
  .cdia-see h2,
  .cdia-trust h2,
  .see-how-it-works-container h2{font-size:30px !important}
 
  /* Footer stacks cleanly */
  .cdia-footer-in{flex-direction:column;gap:28px}
  .cdia-footer-cols{gap:40px}
  .cdia-footer-legal{flex-direction:column;gap:8px}
 
  /* No sideways scroll */
  body{overflow-x:hidden !important}
}

/* Launch, 9 Sep 2026: posts carry no public author byline (author identity is CDIA Technologies Limited) */
.single .entry-meta .byline, .page .entry-meta .byline { display: none !important; }