/* AI Clarity Engine Visual Brand Bible v1.0 alignment layer */
:root{
  --ink:#0B1324;
  --ink-2:#0B1324;
  --blue:#2F6BFF;
  --cyan:#2F6BFF;
  --amber:#F4A340;
  --lime:#F4A340;
  --mist:#F5F7FA;
  --sand:#F5F7FA;
  --paper:#F5F7FA;
  --muted:#566173;
  --line:rgba(11,19,36,.16);
  --display:"Aptos Display","Avenir Next","Segoe UI",Arial,sans-serif;
  --body:"Aptos","Avenir Next","Segoe UI",Arial,sans-serif;
}

body{background:var(--mist);color:var(--ink)}
h1,h2,h3{letter-spacing:-.032em}
h1{font-size:clamp(3.2rem,7vw,6.4rem);max-width:12ch}
h1 em{color:var(--blue)}
h2{font-size:clamp(2.2rem,4.5vw,4.25rem);line-height:1.08}
p{max-width:75ch}

.site-header{background:var(--ink);border-bottom-color:rgba(255,255,255,.18)}
.brand{display:inline-flex;align-items:center;text-decoration:none}
.brand-compact{gap:.72rem;min-width:0}
.brand-compact .brand-icon{display:block;width:50px;height:50px;object-fit:cover;flex:0 0 auto}
.brand-compact .brand-name{color:#fff;font:700 .82rem/1.15 var(--display);letter-spacing:.1em;white-space:nowrap}
.brand-full{min-width:0}
.brand-full img{display:block;width:clamp(185px,18vw,230px);height:auto}
.brand-mark{display:none}
.site-nav>a:not(.button):hover{color:#fff;text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:2px;text-underline-offset:.35rem}

.button{border-radius:0}
.button-primary{background:var(--amber);color:var(--ink)}
.button-primary:hover{background:#ffc36f}
.button:focus-visible,.text-link:focus-visible,.site-nav a:focus-visible{outline:3px solid var(--amber);outline-offset:4px}

.hero{background:var(--ink)}
.hero-lede{color:#D9E0EA}
.eyebrow span{background:var(--blue)}
.signal-panel{background:transparent;border:1px solid rgba(255,255,255,.28);box-shadow:none;padding:1.5rem}
.panel-top{color:#D9E0EA}
.convergence-map{min-height:330px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:center;padding:2rem 0}
.input-paths{display:grid;gap:1.1rem;align-content:center}
.input-paths i{display:block;height:4px;background:var(--blue);border-radius:999px;transform-origin:right center}
.input-paths i:nth-child(1),.input-paths i:nth-child(7){width:76%}
.input-paths i:nth-child(2),.input-paths i:nth-child(6){width:84%}
.input-paths i:nth-child(3),.input-paths i:nth-child(5){width:92%}
.input-paths i:nth-child(4){width:100%}
.input-paths i:nth-child(1){transform:translateX(24%) rotate(9deg)}
.input-paths i:nth-child(2){transform:translateX(16%) rotate(6deg)}
.input-paths i:nth-child(3){transform:translateX(8%) rotate(3deg)}
.input-paths i:nth-child(5){transform:translateX(8%) rotate(-3deg)}
.input-paths i:nth-child(6){transform:translateX(16%) rotate(-6deg)}
.input-paths i:nth-child(7){transform:translateX(24%) rotate(-9deg)}
.outcome-arrow{font:700 clamp(3.75rem,7vw,6rem)/1 var(--display);color:var(--amber)}
.signal-stats span{font-size:.7rem;color:#AEB9C8}
.signal-stats b{font-size:.82rem;color:#fff}
.signal-outcome b{color:var(--amber)}
.orbit,.core-label,.live-dot{display:none}

.platform-strip{background:#fff}
.experience-strip{background:var(--mist)}
.section-light{background:#fff}
.section-sand{background:var(--mist)}

.method.section-blue{background:#fff;color:var(--ink)}
.method.section-blue .section-intro.inverse>p{color:var(--muted)}
.method.section-blue .eyebrow{color:var(--blue)}
.clarity-path{border-color:var(--line);background:#fff}
.clarity-path article{border-color:var(--line)}
.clarity-path article>b{color:var(--blue)}
.clarity-path article:last-child>b{color:var(--amber)}
.clarity-path p{color:var(--muted)}

.deliverable-grid{background:var(--line);border-color:var(--line)}
.deliverable-grid article{background:#fff}
.service-card.featured{background:var(--ink)}
.service-card.featured li:before,.service-card.featured>a{color:var(--amber)}
.industries{background:var(--ink)}
.industry-list span{color:#fff}
.guardrail-card{background:var(--mist);color:var(--ink);border-left:6px solid var(--amber)}
.founding{background:var(--ink)}
.founding-copy li:before{color:var(--blue)}

.contact.section-blue{background:var(--ink)}
.contact-copy>p:not(.eyebrow),.contact-note span{color:#D9E0EA}
.contact-form input,.contact-form select,.contact-form textarea{background:var(--mist)}
.contact-form .button{background:var(--amber);color:var(--ink)}
.site-footer{background:var(--ink)}

@media(max-width:1100px){
  .clarity-path article{border-color:var(--line)}
}
@media(max-width:820px){
  .brand-compact .brand-icon{width:46px;height:46px}
  .brand-full img{width:210px}
  .convergence-map{min-height:260px}
}
@media(max-width:560px){
  h1{font-size:3.15rem}
  .brand{min-width:0}
  .brand-compact{gap:.55rem}
  .brand-compact .brand-icon{width:42px;height:42px}
  .brand-compact .brand-name{font-size:.67rem;letter-spacing:.08em}
  .brand-full img{width:185px}
  .site-header{padding-left:1rem;padding-right:1rem}
  .convergence-map{min-height:220px}
  .signal-stats{grid-template-columns:1fr}
}