/* CaiCreative shared stylesheet — WordPress build.
   Every rule is scoped to #cai so the Virtuo theme and Elementor can't override it,
   and our pages can't leak styles into the rest of the site.
   Wrap each page's markup in <div id="cai"> ... </div>.
   Edit design tokens in the :root block below. */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

:root {
  --accent:#AAEE00; --accent-press:#93CC00; --on-accent:#14233A;
  --ink:#14233A; --ink-muted:#4A5A6E; --ink-faint:#8A97A6; --link:#14233A;
  --canvas:#FFFFFF; --parchment:#F5F6F8; --pearl:#FAFBFC;
  --navy-1:#14233A; --navy-2:#18293F; --navy-3:#0F1D30;
  --on-dark:#FFFFFF; --on-dark-muted:#C3CCD6; --on-dark-accent:#AAEE00;
  --hairline:#E2E6EC; --divider-soft:#EEF1F5;
  --r-xs:4px; --r-sm:8px;
  --sp-xs:8px; --sp-sm:12px; --sp-md:16px; --sp-lg:24px; --sp-xl:32px; --sp-xxl:48px; --sp-section:80px;
  --container:1120px; --container-narrow:820px;
}
#cai * {box-sizing:border-box;}
#cai {-webkit-text-size-adjust:100%;}
#cai {
  margin:0; font-family:"DM Sans", system-ui, sans-serif;
  color:var(--ink); background:var(--canvas);
  font-size:17px; line-height:1.55; letter-spacing:-0.1px; -webkit-font-smoothing:antialiased;
}
#cai img {max-width:100%; display:block;}
#cai a {color:var(--link);}
#cai .container {max-width:var(--container); margin:0 auto; padding:0 var(--sp-xl);}
#cai .narrow {max-width:var(--container-narrow);}
#cai h1, #cai h2, #cai h3 {margin:0; font-weight:700;}
#cai p {margin:0;}
#cai .lead {font-size:28px; line-height:1.30; letter-spacing:-0.2px; font-weight:400; color:var(--ink-muted);}
#cai .body-strong {font-weight:600; line-height:1.45;}
#cai .caption {font-size:14px; line-height:1.43;}
#cai .eyebrow {
  font-size:14px; font-weight:600; line-height:1.3; letter-spacing:0.08em; text-transform:uppercase;
  color:var(--ink-muted); display:inline-flex; align-items:center; gap:10px; margin:0 0 var(--sp-md);
}
#cai .eyebrow::before {content:""; width:14px; height:14px; background:var(--accent); border-radius:2px; flex:none;}
#cai .section-head {margin-bottom:var(--sp-xl);}
#cai .section-head h2 {
  font-size:40px; line-height:1.10; letter-spacing:-0.3px;
  border-left:4px solid var(--accent); padding-left:var(--sp-md); max-width:20ch;
}
#cai .section-head .lead {margin-top:var(--sp-md); padding-left:calc(var(--sp-md) + 4px); max-width:62ch;}
#cai .band-navy .section-head h2 {color:var(--on-dark);}
#cai .band-navy .section-head .lead {color:var(--on-dark-muted);}
#cai .btn {
  display:inline-flex; align-items:center; justify-content:center;
  font-weight:600; font-size:17px; line-height:1; letter-spacing:-0.1px;
  padding:14px 22px; min-height:44px; border-radius:var(--r-sm);
  text-decoration:none; cursor:pointer; border:1px solid transparent;
  transition:background .15s ease, transform .05s ease;
}
#cai .btn-primary {background:var(--accent); color:var(--on-accent);}
#cai .btn-primary:hover {background:var(--accent-press);}
#cai .btn:active {transform:scale(0.97);}
#cai .btn-primary:focus-visible {outline:2px solid var(--ink); outline-offset:2px;}
#cai .band-navy .btn-primary:focus-visible {outline-color:var(--accent);}
#cai .btn-secondary {background:transparent; color:var(--ink); border:1px solid var(--ink);}
#cai .band-navy .btn-secondary {color:var(--on-dark); border-color:var(--on-dark);}
#cai .tlink {color:var(--link); text-decoration:underline; text-underline-offset:3px; font-weight:600;}
#cai .band-navy .tlink {color:var(--on-dark-accent);}
#cai .tlink .arr {text-decoration:none; margin-left:6px;}
#cai .nav {position:sticky; top:0; z-index:50; background:var(--canvas); border-bottom:1px solid var(--hairline);}
#cai .nav-inner {display:flex; align-items:center; justify-content:space-between; height:64px;}
#cai .brand {display:inline-flex; align-items:center; text-decoration:none;}
#cai .brand-logo {height:32px; width:auto; display:block;}
#cai .nav-links {display:flex; align-items:center; gap:var(--sp-xl); list-style:none; margin:0; padding:0;}
#cai .nav-links a {font-size:14px; font-weight:500; color:var(--ink); text-decoration:none; line-height:1; padding:6px 10px;}
#cai .nav-links a:hover {color:var(--ink-muted);}
#cai .nav-links a[aria-current="page"] {color:var(--ink); font-weight:600;}
#cai .nav-cta {margin-left:var(--sp-sm);}
#cai .nav-toggle, #cai .nav-burger {display:none;}
#cai .lp-header {position:sticky; top:0; z-index:50; background:var(--canvas); border-bottom:1px solid var(--hairline);}
#cai .lp-header .inner {display:flex; align-items:center; justify-content:space-between; height:64px;}
#cai .band {padding:var(--sp-section) 0;}
#cai .band-light {background:var(--canvas); color:var(--ink);}
#cai .band-parchment {background:var(--parchment); color:var(--ink);}
#cai .band-navy {background:var(--navy-1); color:var(--on-dark);}
#cai .band-navy .eyebrow {color:var(--on-dark-accent);}
#cai .band-navy .eyebrow::before {background:var(--accent);}
#cai .band-navy .lead {color:var(--on-dark-muted);}
#cai .hero {padding:88px 0 64px;}
#cai .hero h1 {font-size:56px; line-height:1.07; letter-spacing:-0.5px; max-width:16ch;}
#cai .hero .lead {margin-top:var(--sp-lg); max-width:54ch;}
#cai .hero .hero-cta {margin-top:var(--sp-xl); display:flex; align-items:center; gap:var(--sp-lg); flex-wrap:wrap;}
#cai .reassure {font-size:15px; color:var(--ink-muted); font-weight:500;}
#cai .reassure b {color:var(--ink); font-weight:600;}
#cai .callout {
  background:var(--parchment); border-left:4px solid var(--accent);
  padding:var(--sp-lg); margin-top:var(--sp-xxl); border-radius:var(--r-xs); max-width:62ch;
}
#cai .callout p {font-size:21px; font-weight:600; line-height:1.35; letter-spacing:-0.2px;}
#cai .callout p .muted {color:var(--ink-muted); font-weight:400; display:block; font-size:17px; margin-top:6px;}
#cai .about-hero {padding:80px 0;}
#cai .about-hero .grid {display:grid; grid-template-columns:1.2fr 0.8fr; gap:var(--sp-xxl); align-items:center;}
#cai .about-hero h1 {font-size:48px; line-height:1.08; letter-spacing:-0.5px; max-width:16ch;}
#cai .about-hero .lead {margin-top:var(--sp-lg); max-width:46ch;}
#cai .portrait-slot {
  aspect-ratio:4/5; background:var(--parchment); border:1px dashed var(--hairline); border-radius:var(--r-sm);
  display:flex; align-items:center; justify-content:center; text-align:center;
}
#cai .portrait-slot span {font-size:14px; color:var(--ink-faint); padding:var(--sp-md);}
#cai .book-hero {padding:72px 0 var(--sp-lg);}
#cai .book-hero h1 {font-size:52px; line-height:1.07; letter-spacing:-0.5px; max-width:14ch;}
#cai .book-hero .lead {margin-top:var(--sp-lg); max-width:52ch;}
#cai .stack > p + p {margin-top:var(--sp-md);}
#cai .prose {max-width:62ch; font-size:19px; line-height:1.6;}
#cai .prose.narrow {max-width:60ch;}
#cai .band-navy .prose {color:var(--on-dark);}
#cai .band-navy .prose .hl {color:var(--on-dark-accent); font-weight:600;}
#cai .offer-grid {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--sp-lg); margin-top:var(--sp-xl);}
#cai .offer-card {
  background:var(--canvas); border:1px solid var(--hairline); border-left:4px solid var(--accent);
  border-radius:var(--r-sm); padding:var(--sp-lg); display:flex; flex-direction:column;
}
#cai .offer-card .tag {font-size:14px; font-weight:600; color:var(--ink-faint); letter-spacing:0.02em; margin-bottom:6px;}
#cai .offer-card h3 {font-size:19px; font-weight:700; letter-spacing:-0.2px;}
#cai .offer-card .outcome {margin-top:10px; color:var(--ink-muted); font-size:17px; line-height:1.5;}
#cai .offer-card .price {margin-top:var(--sp-md); font-size:21px; font-weight:700; letter-spacing:-0.3px;}
#cai .offer-card .card-cta {margin-top:var(--sp-md); padding-top:var(--sp-md); border-top:1px solid var(--divider-soft);}
#cai .svc {display:grid; grid-template-columns:1.1fr 0.9fr; gap:var(--sp-xxl); align-items:start;}
#cai .svc.solo {grid-template-columns:1fr;}
#cai .svc h2 {font-size:34px; line-height:1.2; letter-spacing:-0.3px; max-width:18ch;}
#cai .band-navy .svc h2 {color:var(--on-dark);}
#cai .svc .outcome {margin-top:var(--sp-md); font-size:21px; line-height:1.45; color:var(--ink-muted); max-width:52ch;}
#cai .band-navy .svc .outcome {color:var(--on-dark-muted);}
#cai .price-line {margin:var(--sp-lg) 0;}
#cai .price-line .amt {font-size:34px; font-weight:700; letter-spacing:-0.4px; color:var(--ink);}
#cai .band-navy .price-line .amt {color:var(--on-dark-accent);}
#cai .price-line .terms {display:block; margin-top:4px; font-size:15px; color:var(--ink-faint);}
#cai .band-navy .price-line .terms {color:var(--on-dark-muted);}
#cai .aec-note {margin:var(--sp-sm) 0 var(--sp-lg); font-size:16px; color:var(--ink-faint); max-width:54ch;}
#cai .incl-label {font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:0.06em; color:var(--ink-faint); margin-bottom:var(--sp-md);}
#cai .band-navy .incl-label {color:var(--on-dark-muted);}
#cai .svc-included {list-style:none; margin:0; padding:0;}
#cai .svc-included li {position:relative; padding-left:24px; margin-bottom:14px; font-size:17px; line-height:1.5; color:var(--ink-muted);}
#cai .band-navy .svc-included li {color:var(--on-dark-muted);}
#cai .svc-included li::before {content:""; position:absolute; left:0; top:9px; width:9px; height:9px; background:var(--accent); border-radius:2px;}
#cai .included-grid {display:grid; grid-template-columns:repeat(2,1fr); gap:var(--sp-md); margin-top:var(--sp-xl);}
#cai .included {
  background:var(--canvas); border:1px solid var(--hairline); border-left:4px solid var(--accent);
  border-radius:var(--r-sm); padding:var(--sp-lg);
}
#cai .included h3 {font-size:17px; font-weight:700; letter-spacing:-0.1px;}
#cai .included p {margin-top:6px; color:var(--ink-muted); font-size:16px; line-height:1.5;}
#cai .price-callout {
  margin-top:var(--sp-xl); background:var(--navy-1); color:var(--on-dark);
  border-radius:var(--r-sm); padding:var(--sp-lg) var(--sp-xl);
  display:flex; align-items:baseline; gap:var(--sp-md); flex-wrap:wrap;
}
#cai .price-callout .amt {font-size:34px; font-weight:700; color:var(--on-dark-accent); letter-spacing:-0.4px;}
#cai .price-callout .terms {font-size:16px; color:var(--on-dark-muted);}
#cai .ai-note {margin-top:var(--sp-md); font-size:15px; color:var(--ink-faint);}
#cai .proof-grid {display:grid; grid-template-columns:repeat(2,1fr); gap:var(--sp-lg); margin-top:var(--sp-xl);}
#cai .quote-card {background:var(--parchment); border-left:4px solid var(--accent); border-radius:var(--r-xs); padding:var(--sp-xl);}
#cai .quote-card blockquote {margin:0; font-size:21px; line-height:1.42; font-weight:500; letter-spacing:-0.2px; color:var(--ink);}
#cai .quote-card .attrib {margin-top:var(--sp-lg); font-size:14px; font-weight:600; color:var(--ink);}
#cai .quote-card .attrib span {display:block; font-weight:400; color:var(--ink-faint); margin-top:2px;}
#cai .placeholder {color:var(--ink-faint); font-style:italic; font-weight:400;}
#cai .quote-card.feature {max-width:760px;}
#cai .quote-card.feature blockquote {font-size:24px; line-height:1.4;}
#cai .stat-grid {display:grid; grid-template-columns:repeat(2,1fr); gap:var(--sp-lg); margin-top:var(--sp-xl);}
#cai .stat-card {background:var(--canvas); border:1px solid var(--hairline); border-left:4px solid var(--accent); border-radius:var(--r-sm); padding:var(--sp-lg);}
#cai .stat-card .num {font-size:40px; font-weight:700; letter-spacing:-0.6px; color:var(--ink); line-height:1;}
#cai .stat-card .slabel {margin-top:8px; font-weight:600; font-size:17px;}
#cai .stat-card .mech {margin-top:10px; color:var(--ink-muted); font-size:15px; line-height:1.5;}
#cai .steps {display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-xl); margin-top:var(--sp-xl);}
#cai .step .num {font-size:40px; font-weight:700; color:var(--on-dark-accent); line-height:1; letter-spacing:-1px;}
#cai .step h3 {margin-top:var(--sp-sm); font-size:21px; font-weight:600; letter-spacing:-0.2px; color:var(--on-dark);}
#cai .step p {margin-top:10px; color:var(--on-dark-muted); font-size:17px; line-height:1.5;}
#cai .faq-list {margin-top:var(--sp-xl); max-width:760px;}
#cai .faq-item {padding:var(--sp-lg) 0; border-top:1px solid var(--hairline);}
#cai .faq-item:last-child {border-bottom:1px solid var(--hairline);}
#cai .faq-item h3 {font-size:19px; font-weight:600; letter-spacing:-0.2px; padding-left:var(--sp-md); border-left:4px solid var(--accent);}
#cai .faq-item p {margin-top:10px; padding-left:calc(var(--sp-md) + 4px); color:var(--ink-muted); font-size:17px; line-height:1.55;}
#cai .expect {display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-lg); margin-top:var(--sp-xl);}
#cai .expect .item {border-left:4px solid var(--accent); padding-left:var(--sp-md);}
#cai .expect .item h3 {font-size:17px; font-weight:700;}
#cai .expect .item p {margin-top:6px; color:var(--ink-muted); font-size:16px; line-height:1.5;}
#cai .cal-section {padding:var(--sp-lg) 0 var(--sp-section);}
#cai .calendly-inline-widget {min-width:320px; height:740px; border:1px solid var(--hairline); border-radius:var(--r-sm); overflow:hidden;}
#cai .cal-fallback {margin-top:var(--sp-lg); font-size:15px; color:var(--ink-muted);}
#cai .final {text-align:left;}
#cai .final h2 {font-size:40px; line-height:1.1; letter-spacing:-0.3px; max-width:18ch;}
#cai .final .lead {margin-top:var(--sp-md); max-width:56ch;}
#cai .final .btn {margin-top:var(--sp-xl);}
#cai .footer {background:var(--navy-3); color:var(--on-dark-muted); padding:64px 0 40px;}
#cai .footer .brand-logo {height:30px; margin-bottom:12px;}
#cai .footer-top {display:grid; grid-template-columns:2fr 1fr 1fr; gap:var(--sp-xl);}
#cai .footer .ftop {display:flex; align-items:center; justify-content:space-between; gap:var(--sp-lg); flex-wrap:wrap;}
#cai .footer .fbrand-col p {margin-top:10px; color:var(--on-dark-muted); font-size:14px; max-width:40ch; line-height:1.5;}
#cai .footer h4 {font-size:14px; font-weight:600; color:var(--on-dark); text-transform:uppercase; letter-spacing:0.06em; margin:0 0 var(--sp-md);}
#cai .footer ul {list-style:none; margin:0; padding:0;}
#cai .footer li {margin-bottom:10px;}
#cai .footer a {color:var(--on-dark-muted); text-decoration:none; font-size:15px;}
#cai .footer a:hover {color:var(--on-dark-accent);}
#cai .footer a.btn {flex:none; color:var(--on-accent);}
#cai .footer-legal {margin-top:var(--sp-xxl); padding-top:var(--sp-lg); border-top:1px solid rgba(255,255,255,0.10); font-size:12px; color:var(--ink-faint);}
@media (max-width:1068px) {
#cai .hero h1 {font-size:40px;}

#cai .about-hero h1 {font-size:40px;}

#cai .book-hero h1 {font-size:40px;}

}
@media (max-width:834px) {
#cai .container {padding:0 var(--sp-lg);}

#cai .nav-links {
    position:absolute; top:64px; left:0; right:0; background:var(--canvas);
    flex-direction:column; align-items:flex-start; gap:0; padding:8px 0;
    border-bottom:1px solid var(--hairline); display:none;
  }

#cai .nav-links li {width:100%;}

#cai .nav-links li a {display:block; padding:14px var(--sp-lg);}

#cai .nav-cta {margin:8px var(--sp-lg) 12px;}

#cai .nav-toggle:checked ~ .nav-links {display:flex;}

#cai .nav-burger {display:inline-flex; flex-direction:column; justify-content:center; gap:5px; width:44px; height:44px; cursor:pointer;}

#cai .nav-burger span {display:block; height:2px; width:24px; background:var(--ink); border-radius:2px;}

#cai .offer-grid, #cai .proof-grid, #cai .steps, #cai .included-grid, #cai .stat-grid, #cai .expect {grid-template-columns:1fr;}

#cai .steps {gap:var(--sp-lg);}

#cai .svc {grid-template-columns:1fr; gap:var(--sp-xl);}

#cai .about-hero .grid {grid-template-columns:1fr; gap:var(--sp-xl);}

#cai .portrait-slot {max-width:340px;}

#cai .footer-top {grid-template-columns:1fr 1fr;}

#cai .footer .fbrand-col {grid-column:1 / -1;}

}
@media (max-width:640px) {
#cai .band {padding:56px 0;}

#cai .hero {padding:56px 0;}

#cai .about-hero {padding:56px 0;}

#cai .book-hero {padding:48px 0 var(--sp-md);}

#cai .hero h1 {font-size:34px;}

#cai .about-hero h1 {font-size:32px;}

#cai .book-hero h1 {font-size:32px;}

#cai .lead {font-size:24px; line-height:1.4;}

#cai .section-head h2, #cai .final h2 {font-size:30px;}

#cai .svc h2 {font-size:28px;}

#cai .quote-card.feature blockquote {font-size:21px;}

#cai .footer-top {grid-template-columns:1fr;}

}
@media (max-width:480px) {
#cai .container {padding:0 var(--sp-md);}

#cai .hero h1, #cai .about-hero h1, #cai .book-hero h1 {font-size:28px;}

#cai .band {padding:48px 0;}

}


/* === WordPress override safety net ===
   Forces the few properties the Virtuo theme / Elementor were winning on.
   Scoped to #cai so it only affects these pages. */
#cai, #cai h1, #cai h2, #cai h3, #cai p, #cai li, #cai .lead, #cai .outcome,
#cai .section-head h2 { text-align: left !important; }

#cai .btn { text-decoration: none !important; }
#cai .btn-primary { background: var(--accent) !important; color: var(--on-accent) !important; }

#cai .band-navy, #cai .band-navy h1, #cai .band-navy h2, #cai .band-navy h3,
#cai .band-navy p, #cai .band-navy li, #cai .band-navy .lead, #cai .band-navy .prose,
#cai .band-navy .step h3, #cai .band-navy .step p, #cai .band-navy .section-head h2 {
  color: var(--on-dark) !important;
}
/* keep the lime accents readable on navy */
#cai .band-navy .eyebrow, #cai .band-navy .prose .hl, #cai .band-navy .price-line .amt,
#cai .band-navy .step .num, #cai .band-navy .tlink { color: var(--on-dark-accent) !important; }

/* === Executive summary page === */
#cai .es-hero .grid {display:grid; grid-template-columns:1.25fr 0.75fr; gap:var(--sp-xxl); align-items:center;}
#cai .es-hero h1 {font-size:52px; line-height:1.06; letter-spacing:-0.5px;}
#cai .es-hero .tagline {margin-top:var(--sp-md); font-size:21px; font-weight:600; color:var(--ink-muted); letter-spacing:-0.2px;}
#cai .es-hero .lead {margin-top:var(--sp-lg); max-width:60ch;}
#cai .es-portrait {aspect-ratio:4/5; width:100%; object-fit:cover; border-radius:var(--r-sm); border:1px solid var(--hairline);}
#cai .es-contact {margin-top:var(--sp-lg); font-size:15px; line-height:1.7; color:var(--ink-muted);}
#cai .es-contact a {color:var(--link); text-decoration:underline; text-underline-offset:3px;}
#cai .es-stats {display:grid; grid-template-columns:repeat(4,1fr); gap:var(--sp-lg); margin-top:var(--sp-md);}
#cai .es-stat .n {font-size:40px; font-weight:700; color:var(--on-dark-accent); line-height:1; letter-spacing:-0.6px;}
#cai .es-stat .l {margin-top:10px; font-size:15px; font-weight:600; color:var(--on-dark-muted); line-height:1.4;}
#cai .es-projects {display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-lg); margin-top:var(--sp-xl);}
#cai .es-proj {background:var(--canvas); border:1px solid var(--hairline); border-left:4px solid var(--accent); border-radius:var(--r-sm); padding:var(--sp-lg); display:flex; flex-direction:column;}
#cai .es-proj .amt {font-size:30px; font-weight:700; color:var(--ink); letter-spacing:-0.5px; line-height:1;}
#cai .es-proj h3 {margin-top:8px; font-size:17px; font-weight:700; letter-spacing:-0.1px;}
#cai .es-proj p {margin-top:10px; color:var(--ink-muted); font-size:15px; line-height:1.5;}
#cai .es-proj .spec {margin-top:var(--sp-md); padding-top:var(--sp-md); border-top:1px solid var(--divider-soft); font-size:12px; color:var(--ink-faint); letter-spacing:0.02em; line-height:1.5;}
#cai .es-exp {display:grid; grid-template-columns:64px 1fr; gap:var(--sp-lg); padding:var(--sp-xl) 0; border-top:1px solid var(--hairline);}
#cai .es-exp:first-of-type {border-top:0; padding-top:0;}
#cai .es-exp .idx {font-size:21px; font-weight:700; color:var(--ink-faint); line-height:1; padding-top:6px;}
#cai .es-exp .role {font-size:21px; font-weight:700; letter-spacing:-0.2px; color:var(--ink);}
#cai .es-exp .org {margin-top:4px; font-size:16px; font-weight:600; color:var(--ink);}
#cai .es-exp .meta {margin-top:2px; font-size:14px; color:var(--ink-faint);}
#cai .es-exp .sum {margin-top:var(--sp-md); color:var(--ink-muted); font-size:16px; line-height:1.55; max-width:68ch;}
#cai .es-exp ul {list-style:none; margin:var(--sp-md) 0 0; padding:0;}
#cai .es-exp li {position:relative; padding-left:22px; margin-bottom:10px; font-size:15px; line-height:1.55; color:var(--ink-muted); max-width:72ch;}
#cai .es-exp li::before {content:""; position:absolute; left:0; top:8px; width:8px; height:8px; background:var(--accent); border-radius:2px;}
#cai .es-comp-grid {list-style:none; margin:var(--sp-xl) 0 0; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:10px var(--sp-xl);}
#cai .es-comp-grid li {position:relative; padding-left:22px; font-size:16px; line-height:1.5; color:var(--on-dark-muted);}
#cai .es-comp-grid li::before {content:""; position:absolute; left:0; top:8px; width:8px; height:8px; background:var(--accent); border-radius:2px;}
#cai .es-tools {display:flex; flex-wrap:wrap; gap:8px; margin-top:var(--sp-xl);}
#cai .es-tool {font-size:13px; color:var(--on-dark-muted); border:1px solid rgba(255,255,255,0.18); border-radius:var(--r-xs); padding:6px 11px;}
#cai .es-sum-grid {display:grid; grid-template-columns:repeat(2,1fr); gap:var(--sp-xl); margin-top:var(--sp-xl);}
#cai .es-sum {border-left:4px solid var(--accent); padding-left:var(--sp-md);}
#cai .es-sum .role {font-size:13px; font-weight:600; color:var(--ink-faint); letter-spacing:0.02em;}
#cai .es-sum .big {margin-top:4px; font-size:24px; font-weight:700; color:var(--ink); letter-spacing:-0.3px;}
#cai .es-sum p {margin-top:8px; color:var(--ink-muted); font-size:15px; line-height:1.5;}
#cai .es-edu {display:grid; grid-template-columns:repeat(2,1fr); gap:var(--sp-xl); margin-top:var(--sp-xl);}
#cai .es-edu .item {border-left:4px solid var(--accent); padding-left:var(--sp-md);}
#cai .es-edu .deg {font-size:19px; font-weight:700; letter-spacing:-0.2px;}
#cai .es-edu .school {margin-top:4px; font-size:16px; color:var(--ink-muted);}
#cai .es-edu .note {margin-top:8px; font-size:14px; color:var(--ink-faint); line-height:1.5;}
#cai .es-cta-row {display:flex; flex-wrap:wrap; gap:var(--sp-md); align-items:center; margin-top:var(--sp-xl);}
#cai .es-cta-row .phone {font-size:16px; color:var(--on-dark-muted);}
#cai .es-avail {display:flex; flex-wrap:wrap; gap:8px; margin-top:var(--sp-xl);}
@media (max-width:834px){
  #cai .es-hero .grid {grid-template-columns:1fr; gap:var(--sp-xl);}
  #cai .es-portrait {max-width:300px;}
  #cai .es-stats {grid-template-columns:repeat(2,1fr); gap:var(--sp-xl) var(--sp-lg);}
  #cai .es-projects {grid-template-columns:1fr;}
  #cai .es-comp-grid {grid-template-columns:1fr;}
  #cai .es-sum-grid {grid-template-columns:1fr;}
  #cai .es-edu {grid-template-columns:1fr;}
}
@media (max-width:640px){
  #cai .es-hero h1 {font-size:36px;}
  #cai .es-exp {grid-template-columns:1fr; gap:var(--sp-xs);}
  #cai .es-exp .idx {padding-top:0;}
  #cai .es-stats {grid-template-columns:1fr 1fr;}
}

/* === Proof: quote-card text stays dark on any band (card bg is always light) === */
#cai .quote-card blockquote { color: var(--ink) !important; }
#cai .quote-card .attrib { color: var(--ink) !important; }
#cai .quote-card .attrib span { color: var(--ink-faint) !important; }

/* === Landing (no-nav) template: slim footer === */
#cai .lp-footer { padding: 40px 0; }
#cai .lp-footer .footer-legal { margin-top: 0; padding-top: 0; border-top: 0; }