/*
Theme Name: Cardinal Systems AI
Theme URI: https://cardinalsystems.ai
Author: Cardinal Systems AI
Description: Native editable block theme for Cardinal Systems AI, Praesidium and Knowledge OS.
Version: 3.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: cardinal-systems-ai
*/
:root{
  --cardinal-bg:#303030;
  --cardinal-soft:#E1DDDD;
  --cardinal-red:#ef2d2d;
  --cardinal-red-dark:#b31318;
  --ink:#101012;
  --muted:#6e7075;
  --paper:#f7f5f2;
  --navy:#07152a;
  --navy2:#0b213e;
  --blue:#315d9f;
}
html{scroll-behavior:smooth}
body{margin:0}
.wp-site-blocks{overflow:hidden}
.csai-header{position:sticky;top:0;z-index:1000;backdrop-filter:blur(16px);background:rgba(24,24,24,.92)!important;border-bottom:1px solid rgba(255,255,255,.08)}
.csai-header .wp-block-navigation-item__content{color:#e8e6e6!important}
.csai-header .wp-block-navigation-item__content:hover{color:#fff!important}
.csai-logo-mark{filter:drop-shadow(0 8px 18px rgba(239,45,45,.18))}
.csai-hero{position:relative;overflow:hidden;background:
radial-gradient(circle at 77% 33%,rgba(239,45,45,.14),transparent 23%),
radial-gradient(circle at 66% 72%,rgba(48,86,139,.14),transparent 30%),
linear-gradient(135deg,#121212 0%,#232323 58%,#303030 100%)}
.csai-hero:before{content:"";position:absolute;inset:0;opacity:.06;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 86%)}
.csai-eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:.74rem;font-weight:700}
.csai-hero h1{letter-spacing:-.055em;line-height:.95}
.csai-hero h1 strong{color:#fff}
.csai-red{color:var(--cardinal-red)}
.csai-screen-stage{position:relative;min-height:520px}
.csai-screen-main{position:absolute;right:0;top:24px;width:92%;transform:perspective(1200px) rotateY(-6deg) rotateX(1.5deg);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 35px 90px rgba(0,0,0,.52);background:#111}
.csai-screen-main img{display:block;width:100%;height:470px;object-fit:cover;object-position:top}
.csai-float-card{position:absolute;right:-8px;bottom:0;width:250px;padding:20px!important;border-radius:22px!important;transform:rotate(2deg);box-shadow:0 24px 60px rgba(0,0,0,.38)}
.csai-statline{border-top:1px solid rgba(255,255,255,.1)}
.csai-statline .wp-block-column{border-right:1px solid rgba(255,255,255,.08)}
.csai-statline .wp-block-column:last-child{border-right:0}
.csai-product-grid .wp-block-column{background:linear-gradient(145deg,#0b1a30,#0e2746);border:1px solid rgba(225,221,221,.1);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.17)}
.csai-product-grid figure{margin:0!important}
.csai-product-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}
.csai-product-grid .wp-block-group{padding:24px}
.csai-big-shot{border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(5,20,38,.18);border:1px solid #dfe4eb}
.csai-big-shot img{width:100%;height:auto}
.csai-kos{position:relative;overflow:hidden;background:
radial-gradient(circle at 23% 54%,rgba(239,45,45,.23),transparent 27%),
linear-gradient(140deg,#080808,#171717 58%,#242424)}
.csai-kos-cardinal{filter:drop-shadow(0 25px 55px rgba(239,45,45,.2))}
.csai-knowledge-flow{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.03)}
.csai-flow-node{border:1px solid rgba(225,221,221,.18);border-radius:999px;padding:10px 14px!important;background:rgba(255,255,255,.04)}
.csai-silos{background:#f3eee6}
.csai-silos figure{border-radius:18px;overflow:hidden}
.csai-callout{border-left:4px solid var(--cardinal-red);padding-left:24px!important}
.csai-footer{background:#171717!important}
.csai-footer a{color:#d9d6d6!important}
.csai-tom-hero{background:linear-gradient(135deg,#252525,#303030 62%,#201f1f)}
.csai-tom-photo{border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.32)}
.csai-tom-photo img{width:100%;height:560px;object-fit:cover;object-position:center 34%}
.csai-contact-buttons .wp-block-button__link{min-width:145px}
.csai-pill{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 11px!important}
.csai-card{border:1px solid #dedede;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.06)}
.csai-card-dark{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.035)}
.csai-section-title{letter-spacing:-.04em}
@media(max-width:900px){
  .csai-screen-stage{min-height:430px;margin-top:30px}
  .csai-screen-main{position:relative;width:100%;right:auto;top:auto;transform:none}
  .csai-screen-main img{height:auto}
  .csai-float-card{display:none}
  .csai-tom-photo img{height:440px}
}
@media(max-width:600px){
  .csai-statline .wp-block-column{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .csai-tom-photo img{height:400px}
}
/* v3 warm editorial refinement */
:root{--cardinal-bg:#3b3a39;--cardinal-soft:#E1DDDD;--cardinal-red:#d72d2d;--cardinal-red-dark:#ad2023;--ink:#252525;--muted:#706c68;--paper:#f6f2ec;--paper2:#fbf9f6;--navy:#12243a;--navy2:#18334f;--blue:#426a9c}
body{background:var(--paper2);color:var(--ink)}
.csai-header{background:rgba(248,245,240,.94)!important;border-bottom:1px solid rgba(38,35,32,.11);box-shadow:0 6px 24px rgba(41,35,30,.035)}
.csai-header .wp-block-navigation-item__content{color:#292827!important}.csai-header .wp-block-navigation-item__content:hover{color:var(--cardinal-red)!important}
.csai-header p:first-child{color:#292827!important}.csai-header p:last-child{color:#77716c!important}
.csai-hero{background:radial-gradient(circle at 74% 28%,rgba(215,45,45,.09),transparent 25%),linear-gradient(135deg,#fbf8f3 0%,#f4efe8 58%,#eee8df 100%)}
.csai-hero:before{opacity:.045;background-image:linear-gradient(rgba(45,40,35,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(45,40,35,.35) 1px,transparent 1px)}
.csai-hero h1,.csai-hero h1 strong{color:#292827!important}.csai-hero .has-lg-font-size{color:#625e5a!important}.csai-hero .is-style-outline .wp-block-button__link{color:#292827!important;border-color:#79736e!important;background:transparent!important}
.csai-screen-main{border:7px solid #f9f7f3;box-shadow:0 28px 70px rgba(55,47,40,.22)}
.csai-statline{border-top:1px solid rgba(45,40,35,.13)}.csai-statline .wp-block-column{border-right:1px solid rgba(45,40,35,.1)}.csai-statline h4{color:#292827!important}.csai-statline p{color:#706c68!important}
.csai-product-grid .wp-block-column{background:linear-gradient(145deg,#14283e,#1a3652);box-shadow:0 20px 48px rgba(18,36,58,.13)}
.csai-kos{background:radial-gradient(circle at 23% 54%,rgba(215,45,45,.18),transparent 27%),linear-gradient(140deg,#343230,#3d3b39 58%,#45423f)}
.csai-silos{background:#f4efe7}.csai-card{border-color:#e3ddd5;box-shadow:0 16px 40px rgba(56,48,40,.06)}
.csai-tom-hero{background:linear-gradient(135deg,#f7f2eb,#eee7de 62%,#e8e0d6);color:#292827}.csai-footer{background:#333230!important}


/* v3.1 — approved Tom profile + larger company branding */
.csai-header .alignwide{min-height:76px}
.csai-header .csai-logo-mark img{width:64px!important;height:64px!important}
.csai-header .csai-logo-mark{margin-right:4px!important}
.csai-header .wp-block-navigation{font-size:.96rem}
.csai-header .wp-block-navigation-item__content{font-weight:650!important}
.csai-header .wp-block-group > .wp-block-group p:first-child{
  font-size:20px!important;line-height:1.05!important;letter-spacing:.035em!important
}
.csai-header .wp-block-group > .wp-block-group p:last-child{
  font-size:10px!important;letter-spacing:.16em!important
}

.csai-tom-hero-v31{
  background:
    radial-gradient(circle at 68% 24%,rgba(255,255,255,.045),transparent 25%),
    linear-gradient(135deg,#2c2d2d 0%,#333535 54%,#3b3d3d 100%);
  color:#f7f4f0;
}
.csai-tom-columns{position:relative}
.csai-tom-name{margin-top:18px!important;margin-bottom:24px!important;text-shadow:0 1px 0 rgba(255,255,255,.02)}
.csai-tom-rule{width:52px!important;margin:18px 0 28px!important;height:2px!important;border:0!important}
.csai-tom-divider{border-color:rgba(255,255,255,.2)!important;margin:25px 0 21px!important}
.csai-tom-lede strong{color:#fff}
.csai-tom-bio{max-width:630px}
.csai-tom-actions{display:flex!important;gap:16px!important;flex-wrap:wrap!important}
.csai-tom-actions .wp-block-button{margin:0!important}
.csai-tom-actions .wp-block-button__link{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:170px!important;min-height:50px!important;padding:12px 22px!important;
  line-height:1.2!important;white-space:nowrap!important
}
.csai-tom-actions .is-style-outline .wp-block-button__link{
  color:#f7f4f0!important;border-color:#ded8d2!important;background:transparent!important
}
.csai-tom-image-stage{position:relative;min-height:600px}
.csai-tom-photo-v31{
  border-radius:22px;overflow:hidden;margin:0!important;
  box-shadow:0 28px 70px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.18)
}
.csai-tom-photo-v31 img{display:block;width:100%;height:600px;object-fit:cover;object-position:center 38%}
.csai-digital-card{
  position:absolute;right:24px;bottom:-30px;width:min(300px,44%);
  color:#fff;background:linear-gradient(150deg,#242424,#303030 65%,#272727);
  border:1px solid rgba(255,255,255,.22);border-radius:18px;
  box-shadow:0 26px 65px rgba(0,0,0,.4);z-index:5
}
.csai-card-brand{gap:10px!important}
.csai-card-sep{border-color:rgba(255,255,255,.18)!important;margin:14px 0!important}
.csai-card-contact{line-height:1.9!important;overflow-wrap:anywhere}
.csai-card-contact a{color:#f1eeeb!important;text-decoration:none}
.csai-vcf-button{width:100%!important}
.csai-vcf-button .wp-block-button__link{
  color:#f5f1ec!important;border-color:#c9c3bd!important;background:transparent!important;
  width:100%!important;display:flex!important;justify-content:center!important;
  padding:11px 13px!important;font-size:12px!important;letter-spacing:.05em!important
}
.csai-tom-lower{background:#f6f1e9}
.csai-principles{gap:0!important}
.csai-principles .wp-block-column{padding:4px 24px!important;border-left:1px solid #d9d1c8}
.csai-principles h4{margin-top:0!important;margin-bottom:5px!important}
.csai-principles p{font-size:.88rem;color:#5f5a56;margin:0}
@media(max-width:1000px){
  .csai-digital-card{right:16px;width:48%}
  .csai-tom-photo-v31 img{height:540px}
  .csai-tom-image-stage{min-height:540px}
}
@media(max-width:781px){
  .csai-header .alignwide{min-height:64px}
  .csai-header .csai-logo-mark img{width:52px!important;height:52px!important}
  .csai-header .wp-block-group > .wp-block-group p:first-child{font-size:16px!important}
  .csai-header .wp-block-group > .wp-block-group p:last-child{font-size:8px!important}
  .csai-tom-columns{gap:34px!important}
  .csai-tom-name{font-size:clamp(3.7rem,16vw,5.5rem)!important}
  .csai-tom-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .csai-tom-actions .wp-block-button__link{width:100%!important;min-width:0!important}
  .csai-tom-image-stage{min-height:auto;padding-bottom:0!important}
  .csai-tom-photo-v31 img{height:auto;max-height:none}
  .csai-digital-card{
    position:relative;right:auto;bottom:auto;width:auto;margin:-44px 18px 0!important;
  }
  .csai-principles .wp-block-column{border-left:0;border-top:1px solid #d9d1c8;padding:18px 0!important}
}
@media(max-width:480px){
  .csai-tom-hero-v31{padding-left:18px!important;padding-right:18px!important}
  .csai-tom-actions{grid-template-columns:1fr!important}
  .csai-digital-card{margin:-26px 8px 0!important}
}