/* COMPAI visual identity: 2026-09. Brand masters: #253238 #679E8B #A7D9C8 #F4F8F6. */
:root{--ink:#253238;--paper:#253238;--panel:#fff;--line:#d7e3df;--muted:#5b706b;--signal:#679e8b;--signal-bright:#386e5b}
body{background:#f4f8f6;color:#253238}
a{color:inherit}
:focus-visible{outline:3px solid #386e5b;outline-offset:3px}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid #e1ebe7;box-shadow:none}
.nav{height:82px}
.brand,.nav-links{color:#253238}
.nav-links a:hover,.text-link:hover,.footer-main a:hover{color:#386e5b}
.nav-cta,.button{background:#356d59;border-color:#356d59;color:#fff}
.nav-cta:hover,.button:hover{background:#253238;border-color:#253238;color:#fff}
.button-ghost{background:transparent;border-color:#b9cec5;color:#253238}
.button-ghost:hover{background:#e5f1ec;border-color:#679e8b;color:#253238}
.eyebrow,.result-grid a span,.evidence-grid a span,.line-visual b,.knowledge-layers span,.sample-sheet span,.method-line b,.text-link{color:#386e5b}
.tiny-label,.section-heading p,.section-note,.reading p,.reading li,.page-hero p,.hero-lede{color:#5b706b}
.section{border-color:#dae6e1}
.section-tint{background:#edf5f1}
.new-hero{background:linear-gradient(132deg,#f4f8f6 0%,#eef5f1 62%,#e2eee9 100%);border-color:#d9e7e0;padding:66px 0 76px}
.new-hero .hero-layout{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:4.5vw;align-items:center}
.new-hero h1{font-size:clamp(42px,4.15vw,60px);line-height:1.22;letter-spacing:-.065em;max-width:650px}
.new-hero h1 span,.page-hero h1 span{color:#497e6c}
.new-hero .eyebrow{font-size:11px;letter-spacing:.17em}
.hero-lede{max-width:580px;font-size:16px;line-height:1.85}
.hero-actions{margin-top:31px}
.hero-visual{position:relative;overflow:hidden;margin:0;aspect-ratio:1.12;border-radius:3px;background:#d5e5dc;box-shadow:0 28px 70px #25323818}
.hero-visual img{display:block;width:100%;height:100%;object-fit:cover}
.hero-visual video{display:block;width:100%;height:100%;object-fit:cover}
.hero-visual figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:16px;align-items:end;padding:42px 23px 20px;background:linear-gradient(transparent,#253238a8);color:#fff}
.hero-visual figcaption span{font-size:9px;letter-spacing:.18em}
.hero-visual figcaption strong{font-size:13px;font-weight:500;letter-spacing:.08em}
.proof-strip{background:#253238;color:#e5f0eb}
.proof-strip .shell{padding-top:17px;padding-bottom:17px}
.proof-strip i{color:#a7d9c8}
.workflow-context{background:#253238;border-color:#40564a;color:#e9f2ec}
.workflow-context span{color:#b9cfc1}
.workflow-context b{color:#e9f2ec}
.workflow-context i,.workflow-context a{color:#a7d9c8}
.section-heading h2,.knowledge-layout h2,.cta-section h2{letter-spacing:-.055em}
.section-heading p{max-width:430px}
.result-grid{grid-template-columns:1.3fr 1fr;gap:14px}
.result-grid a,.evidence-grid a{border-color:#dce7e2;border-radius:4px;box-shadow:none;transition:transform .2s,border-color .2s,background .2s}
.result-grid a:first-child{grid-row:span 2;min-height:490px;background:linear-gradient(145deg,#ddeee6,#eef6f2);padding:35px}
.result-grid a:first-child h3{font-size:clamp(27px,2.7vw,37px);max-width:330px;margin-top:auto}
.result-grid a:not(:first-child){min-height:236px}
.result-grid a:hover,.evidence-grid a:hover{border-color:#679e8b;box-shadow:0 15px 35px #2532380c}
.result-grid h3,.evidence-grid h3{color:#253238}
.result-grid p,.evidence-grid p,.line-visual p,.system-table p,.feature-callout p,.knowledge-layout>div>p,.sample-sheet p{color:#5b706b}
.result-grid b,.evidence-grid b{color:#386e5b}
.line-visual{border-color:#b9d3c8}
.line-visual>div{border-color:#d6e4dd}
.line-visual h3{font-size:22px}
.feature-callout,.cta-section{background:#253238;color:#fff}
.feature-callout{border-radius:4px}
.feature-callout .tiny-label,.cta-section .eyebrow{color:#a7d9c8}
.feature-callout p,.cta-section .contact-layout>div>p{color:#d2e1d9}
.feature-callout .button{background:#a7d9c8;border-color:#a7d9c8;color:#253238}
.feature-callout .button:hover{background:#fff;border-color:#fff}
.system-table{border-color:#d8e6df;border-radius:4px}
.system-table div{border-color:#e3ebe7}
.system-table strong{color:#253238}
.knowledge-layers>div{border-color:#d5e6dd;border-radius:3px}
.knowledge-layers small{color:#667e73}
.page-hero{background:linear-gradient(132deg,#f4f8f6,#e8f2ec);border-color:#d7e5dd}
.reading h2{color:#253238}
.notice-band{background:#e3f0e8;border-color:#679e8b;color:#3b5d4e}
.sample-sheet>div,.contact-panel{border-color:#d9e7df;border-radius:4px}
.contact-panel,.contact-panel h3{color:#253238}
.inquiry-form label{color:#354c40}
.inquiry-form input:not([type=checkbox]),.inquiry-form select,.inquiry-form textarea,.bench-input select{background:#f4f8f6;color:#253238;border-color:#cbded2}
.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#6b8275}
.inquiry-form small,.form-status{color:#4d6859}
.consent input{accent-color:#386e5b}
.site-footer{background:#edf3ef;border-color:#d6e4dc;color:#253238}
.footer-main p,.footer-main a:not(.brand),.footer-bottom{color:#5b706b}
.footer-bottom{border-color:#d2e0d7}
.demo-workbench,.factory-console,.blueprint-board{background:#253238;border-color:#446258;color:#eff7f2}
.blueprint-heading p,.factory-topbar p,.bench-header p{color:#c0d5c8}
.factory-source,.bench-input,.factory-tabs button,.blueprint-tabs button{background:#2c403b}
.factory-artifact,.blueprint-bottom>div{background:#344e44}
.factory-tabs button[aria-selected=true],.blueprint-tabs button[aria-selected=true],.scenario-buttons button[aria-pressed=true],.stage-buttons button[aria-pressed=true]{background:#477a66;box-shadow:inset 0 -2px #a7d9c8}
.factory-evidence strong,.factory-tabs button span,.blueprint-tabs button b,.blueprint-stations b,.blueprint-title>span,.blueprint-io span,.blueprint-bottom span,.factory-topbar .tiny-label,.blueprint-heading .tiny-label,.bench-header .tiny-label,.bench-input .tiny-label{color:#a7d9c8}
.factory-flow div:not(:last-child):after{background:#2c403b;color:#a7d9c8}
.blueprint-stations div,.blueprint-stations div:nth-child(n){border-color:#679e8b}
.blueprint-stations div:before,.blueprint-stations div:last-child:after{background:#679e8b}
.blueprint-stations div:not(:last-child) span:after{color:#a7d9c8}
.blueprint-io{background:#344e44}
.factory-status i{background:#a7d9c8}
.outline-tag{border-color:#679e8b;color:#d2e8dc}
@media(max-width:1100px){.new-hero .hero-layout{gap:30px}}
@media(max-width:760px){.nav{height:70px}.nav-links{top:70px;color:#253238;border-color:#d7e6dd}.menu-toggle{color:#253238}.new-hero{padding:44px 0 53px}.new-hero .hero-layout{grid-template-columns:1fr;gap:33px}.new-hero h1{font-size:clamp(31px,8.7vw,36px)}.hero-visual{aspect-ratio:1.2}.hero-visual figcaption{padding:35px 15px 14px}.hero-visual figcaption strong{font-size:11px}.result-grid{grid-template-columns:1fr}.result-grid a:first-child{grid-row:auto;min-height:300px;padding:27px}.result-grid a:not(:first-child){min-height:205px}.feature-callout{border-radius:4px}}
@media(max-width:390px){.hero-visual figcaption{display:block}.hero-visual figcaption strong{display:block;margin-top:3px}}

.geo-article{max-width:820px}.geo-article h2{font-size:clamp(24px,3vw,32px);margin-top:48px}.geo-article h2:first-child{margin-top:0}.geo-article p{font-size:17px;line-height:2}.geo-article a{text-decoration:underline;text-underline-offset:4px}