/* Integral Architecture — site custom CSS
 * Moved out of Divi Text modules on 2026-08-04 so the Divi 5 builder
 * cannot sanitize or strip it. Edit this file, not the modules.
 */

/* ---------- Wordmark lockup (header + footer) ---------- */
.ia-lockup{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.ia-mark,
.ia-foot-mark{font-family:'Work Sans',sans-serif;font-weight:700;font-size:clamp(18px,1.4vw,22px);line-height:1.2;letter-spacing:-0.01em;color:#080b14;text-decoration:none}
.ia-mark:hover,
.ia-foot-mark:hover{color:#4a44b3}
.ia-mark-sub{font-family:'Work Sans',sans-serif;font-weight:500;font-size:clamp(11px,0.85vw,13px);line-height:1.2;letter-spacing:0.16em;text-transform:uppercase;color:#474d5e}

/* ---------- Social pills (header + footer) ---------- */
.ia-social,
.ia-foot-social{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.ia-social a,
.ia-foot-social a{width:clamp(36px,2.7vw,42px);height:clamp(36px,2.7vw,42px);border-radius:50%;border:1.5px solid #080b14;display:inline-flex;align-items:center;justify-content:center;color:#080b14;font-family:'Work Sans',sans-serif;font-weight:600;font-size:clamp(12px,0.95vw,14px);line-height:1;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.ia-social a:hover,.ia-social a:focus-visible,
.ia-foot-social a:hover,.ia-foot-social a:focus-visible{background:#4a44b3;border-color:#4a44b3;color:#fafcff}

/* ---------- Footer text + links ---------- */
.ia-tagline{font-family:'Work Sans',sans-serif;font-weight:400;font-size:clamp(16px,1.25vw,19px)!important;line-height:1.5em!important;color:#474d5e}
.ia-legal{font-size:clamp(14px,1.05vw,16px)!important;line-height:1.6em!important}
.ia-footlinks{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-end;font-family:'Work Sans',sans-serif;font-size:clamp(14px,1.05vw,16px);line-height:1.6}
.ia-footlinks a{color:#474d5e;text-decoration:none}
.ia-footlinks a:hover,.ia-footlinks a:focus-visible{color:#4a44b3;text-decoration:underline}

@media (max-width:767px){
  .ia-social,.ia-foot-social,.ia-footlinks{justify-content:flex-start}
}

/* ---------- Homepage typography scale ---------- */
.ia-h1 h1{font-size:clamp(58px,6.1vw,108px)!important;line-height:1.03em!important;letter-spacing:-0.02em!important}
.ia-sub{font-size:clamp(22px,2.05vw,35px)!important;line-height:1.35em!important}
.ia-lead{font-size:clamp(21px,1.7vw,29px)!important;line-height:1.5em!important;max-width:920px}
.ia-body{font-size:clamp(17.5px,1.32vw,23px)!important;line-height:1.8em!important;max-width:860px}
.ia-eyebrow{font-size:clamp(13px,0.95vw,15px)!important;letter-spacing:0.18em!important}
.ia-eyebrow .et_pb_text_inner{display:flex;align-items:center;gap:16px}
.ia-eyebrow .et_pb_text_inner:before{content:"";display:block;flex:0 0 48px;width:48px;height:1px;background:#4a44b3}
.ia-cta-h3 h3{font-size:clamp(25px,1.95vw,33px)!important;line-height:1.2em!important;letter-spacing:-0.01em!important}
.ia-cta-body{font-size:clamp(16px,1.22vw,19.5px)!important;line-height:1.7em!important}

/* ---------- What to Expect ---------- */
#what-to-expect .wte-head{max-width:760px}
#what-to-expect .wte-head h2{font-family:'Work Sans',sans-serif;font-weight:800;font-size:clamp(38px,3.6vw,62px);line-height:1.06;letter-spacing:-0.02em;color:#080b14;margin:0}
#what-to-expect .wte-head p{font-family:'Work Sans',sans-serif;font-weight:400;font-size:clamp(17px,1.32vw,23px);line-height:1.6;color:#474d5e;margin:18px 0 0}
#what-to-expect .wte-cluster h3{font-family:'Work Sans',sans-serif;font-weight:700;font-size:clamp(15px,1.15vw,18px);letter-spacing:0.16em;text-transform:uppercase;color:#4a44b3;margin:0 0 30px}
#what-to-expect .wte-items{display:flex;flex-direction:column}
#what-to-expect .wte-item{padding:26px 0;border-top:1px solid #c9cdd9}
#what-to-expect .wte-item:first-of-type{border-top:none;padding-top:0}
#what-to-expect .wte-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid #4a44b3;color:#4a44b3;font-family:'Work Sans',sans-serif;font-weight:600;font-size:13px;margin-bottom:16px}
#what-to-expect .wte-item h4{font-family:'Work Sans',sans-serif;font-weight:700;font-size:clamp(19px,1.5vw,24px);line-height:1.25;letter-spacing:-0.01em;color:#080b14;margin:0 0 10px}
#what-to-expect .wte-item p{font-family:'Work Sans',sans-serif;font-weight:400;font-size:clamp(16px,1.22vw,19.5px);line-height:1.7;color:#474d5e;margin:0}
@media (max-width:767px){
  #what-to-expect .wte-cluster{margin-bottom:48px}
  #what-to-expect .wte-c3.wte-cluster{margin-bottom:0}
}
