:root{color-scheme:light;--bg:#eff4f8;--bg2:#e8eff5;--panel:#fff;--panel2:#f3f7fa;--ink:#10243d;--ink2:#18334f;--muted:#24415c;--label:#205d9e;--hair:#cedce8;--accent:#1e5eaa;--teal:#08765f;--aqua:#08765f;--orange:#b6421f;--grad:linear-gradient(120deg,#3987e5 0%,#2dd4a7 100%)}
body{font-weight:300;isolation:isolate;overflow-x:clip}
h1,h2,h3{color:var(--ink);font-family:"Lexend",system-ui,sans-serif}
.masthead{--bg:#0d1a30;--bg2:#112240;--panel:#142641;--ink:#fff;--ink2:#e2ecf9;--muted:#d3e1f4;--label:#9bc7ff;--hair:rgba(175,198,233,.2);--accent:#3987e5;--teal:#2dd4a7;color:#fff;background:#0d1a30;border-bottom:3px solid #2b789a}
.masthead h1{color:#fff;-webkit-text-fill-color:#fff;opacity:1;visibility:visible;font-size:clamp(30px,4.65vw,46px);line-height:1.16;font-weight:700;letter-spacing:-.65px}
.masthead h1 .g{color:#57d7bd;-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#82baff 0%,#56ddb5 100%);background-clip:text;-webkit-background-clip:text}
.masthead .brand{color:#fff;font-size:34px}
.masthead .brand em{-webkit-text-fill-color:transparent}
.masthead .hero{max-width:900px;padding:24px 0 26px}
.masthead .hero .sub{color:#e2ecf9;font-size:16px;max-width:720px;line-height:1.6;margin-top:12px}
.masthead .kicker{font-size:11px;letter-spacing:1.5px;color:#71e2c6}
.masthead .kicker::after{margin-top:8px;background:#2dd4a7}
.masthead .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;align-items:center}
.masthead .hero-cta .btn{padding:10px 18px;font-size:12px;letter-spacing:.6px}
.masthead .hero-cta .ghost{border-color:#57728f;color:#fff;background:transparent}
.masthead .tabs a{color:#e2ecf9;font-size:14px}
.masthead .tabs a.active{color:#fff}
.masthead .menu-btn{color:#fff}
.content-wrap{padding-top:4px}
section{padding:24px 0}
.sec-kicker{font-size:12px;color:#08765f;letter-spacing:1.5px}
.card,.estep{background:#fff;border:1px solid #cedce8;box-shadow:none;border-radius:12px;padding:20px 22px}
.card h3{font-size:17px;font-weight:600;line-height:1.4;color:#10243d}
.card p{color:#18334f;font-size:14px;line-height:1.6}
.card .q{color:#08765f;font-size:12px}
.card:hover{transform:translateY(-2px);border-color:#3987e5}
.cards,.engage{gap:14px}
.estep b{color:#205d9e;font-size:14px;padding-right:28px}
.estep span{color:#18334f;font-size:13px;line-height:1.55}
.estep::before{font-size:22px;color:#91aec6;top:16px;right:16px}
.btn.primary{color:#071d2c;background:linear-gradient(120deg,#5fa4f3,#45d3ab)}
.btn.ghost{color:var(--ink);border-color:var(--hair)}
.btn.xs{border-radius:999px;font-size:12px;padding:6px 12px}
.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #3987e5;outline-offset:3px}
.home-more{font-size:13px;margin-top:12px}
.contact{padding:22px 0 26px}
.contact h2{font-size:22px}
.contact .lead{margin-bottom:0}
footer{font-size:12px;color:#24415c;padding:20px 0 24px}
.technical-details{border-top:1px solid #cedce8;border-bottom:1px solid #cedce8;padding:18px 0}
.technical-details>summary{font-weight:500;color:#10243d;cursor:pointer;font-size:17px}
.technical-details>summary span{display:block;font-size:13px;font-weight:300;color:#18334f;margin-top:4px}
.technical-details[open]>summary{margin-bottom:18px}
.about-credit{max-width:760px}
.about-credit h2{font-size:21px}
.about-credit p{font-size:14px;margin:8px 0;color:#18334f}
.about-credit .credit-meta{font-size:12px;color:#24415c}
.about-credit .tcard-link{color:#1e5eaa;font-size:13px}
.wire-grid>div{background:#f3f7fa}
.uc{padding:18px;min-height:250px}
.uc h3{font-size:15px}
.status.live{color:#08765f;border-color:#a4cdbf}
.status.queued{color:#1e5eaa;border-color:#a2bddd}
.uc .try{color:#071d2c}
.uc .ask{color:#10243d}
.fail b{color:#a93c22}
.f input,.f select,.f textarea,.f input:focus,.f textarea:focus{background:#fff;color:#10243d;font-size:16px}
.f input::placeholder,.f textarea::placeholder{color:#43607a}
.cform{grid-template-columns:minmax(0,1fr) 280px;gap:22px}
.frow{grid-template-columns:1fr 1fr;margin-bottom:14px}
.f label{color:#18334f;font-size:13px}
.cform .sendrow button{border:0;font-family:inherit;cursor:pointer}
.acard{background:#fff}
.micro-flow{display:flex;align-items:center;gap:8px;color:#205d9e;font-size:11px;line-height:1.5;margin:14px 0 3px;flex-wrap:wrap}
.micro-flow span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-weight:400}
.micro-flow i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#399b87;box-shadow:0 0 0 3px #e5f4ed}
.micro-flow em{color:#487994;font-style:normal;display:inline-block}
@media(prefers-reduced-motion:no-preference){.micro-flow i{animation:giggit-step 4.8s ease-in-out 1}.micro-flow span:nth-of-type(2) i{animation-delay:.65s}.micro-flow span:nth-of-type(3) i{animation-delay:1.3s}}
@keyframes giggit-step{0%,100%{transform:scale(1);background:#399b87}18%,40%{transform:scale(1.55);background:#3987e5;box-shadow:0 0 0 5px #deedf9}}
@media(max-width:900px){.cform{grid-template-columns:1fr}}
@media(max-width:820px){.wrap{padding-left:22px;padding-right:22px}.masthead .hero{padding:22px 0 24px}.masthead .brand{font-size:28px}.masthead h1{font-size:clamp(30px,6.5vw,43px)}.masthead .tabs{left:-22px;right:-22px}.masthead .tabs a{padding:12px 22px}.card,.estep{padding:18px 20px}section{padding:22px 0}.cards,.engage{gap:14px}.masthead .hero .sub{font-size:16px}}
@media(max-width:460px){.frow{grid-template-columns:1fr;gap:12px}.masthead h1{font-size:32px}.masthead h1 .g{display:block;margin-top:3px}.masthead .hero-cta .btn{font-size:11px;padding:10px 14px}.micro-flow{gap:7px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card:hover,.btn.primary:hover{transform:none}}

/* A distinct layout for each section, with the same content alignment. */
#featured .cards.cards-two{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:16px}
#featured .card{padding:21px 23px}
#featured .card:first-child{border-top:3px solid #1e5eaa}
#featured .card:last-child{border-top:3px solid #08765f}
#how.work-band{background:#0c6b61;color:#fff;padding:27px 0 25px;--ink:#fff;--ink2:#fff;--teal:#b8f5e2;--accent:#c0f4e6;--hair:#539c90}
#how .work-heading{font-size:23px;color:#fff;margin:0 0 21px;font-weight:600}
#how .engage{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
#how .estep{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0}
#how .estep::before{position:static;display:block;color:#b2eadb;font-size:23px;line-height:1;font-weight:400;margin-bottom:11px}
#how .estep b{color:#fff;font-size:15px;padding-right:0;margin-bottom:8px}
#how .estep span{color:#fff;font-size:13.5px;line-height:1.6}
#how .home-more{margin-top:20px}
#how .home-more a{color:#c0f4e6;font-weight:400}
.operational-principles{background:#faf9f5;color:#10243d;padding:29px 0 30px}
.principles-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:42px;align-items:start}
.principles-intro h2{font-size:23px;font-weight:600;line-height:1.25;margin-bottom:10px;color:#10243d}
.principles-intro p{font-size:14px;line-height:1.6;color:#18334f;max-width:280px}
.principles-intro a{display:inline-block;color:#08765f;font-size:13px;font-weight:400;margin-top:16px}
.principles-rows{border-top:1px solid #cad6d5}
.principles-row{display:grid;grid-template-columns:85px minmax(0,1fr);gap:18px;padding:13px 0;border-bottom:1px solid #cad6d5}
.principles-row h3{font-size:15px;line-height:1.5;color:#08765f;font-weight:500;margin:0}
.principles-row p{font-size:13.5px;line-height:1.6;color:#18334f}
@media(min-width:641px) and (max-width:820px){#featured .cards.cards-two{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)!important}#how .engage{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px}#how .estep b{font-size:14px}#how .estep span{font-size:13px}.principles-layout{gap:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr)}.principles-row{grid-template-columns:65px minmax(0,1fr);gap:12px}}
@media(max-width:640px){#featured .cards.cards-two{grid-template-columns:1fr!important}#how .engage{grid-template-columns:1fr!important;gap:20px}#how .estep{padding-left:43px}#how .estep::before{position:absolute;left:0;top:2px;font-size:20px}#how .work-heading{font-size:22px}.principles-layout{grid-template-columns:1fr;gap:21px}.principles-intro p{max-width:none}.principles-row{grid-template-columns:67px minmax(0,1fr);gap:13px}.operational-principles{padding:25px 0}.principles-intro h2{font-size:22px}}

/* Approved site family: navy introductions, light work surfaces, teal mechanisms. */
:root{--warning:#885300;--danger:#b33e26}
body{overflow-x:hidden}
.masthead .hero{max-width:940px}
.masthead .hero h1{font-size:clamp(30px,4.4vw,44px)}
.home-page .masthead .hero h1{font-size:clamp(30px,4.65vw,46px)}
.masthead .tag{border-color:#537192;color:#e2ecf9}
.masthead .tag.teal{color:#b8f5e2;border-color:#418c7d}
.masthead .tag.blue{color:#b5d7ff;border-color:#567ba3}
.masthead .tag.orange{color:#ffd3b1;border-color:#b8815e}
.masthead .tags{gap:7px;margin-top:14px}
.masthead .tag{font-size:11.5px;letter-spacing:0;line-height:1.5;padding:5px 10px}
.masthead .hero p{max-width:800px}
.masthead nav a:focus-visible,.masthead button:focus-visible{outline-color:#a5dcff}
.systems-nav{margin:15px 0 10px;border-bottom:1px solid var(--hair);padding-bottom:11px}
.systems-nav>summary{font-size:13px;color:var(--accent);font-weight:500;cursor:pointer}
.systems-nav .uc-tabs{margin-top:12px}
.systems-nav .uc-tabs a{font-size:12px;background:#fff}
.implementation-details{margin:14px 0 18px;border:1px solid var(--hair);border-radius:12px;background:#faf9f5}
.implementation-details>summary{font-size:14px;line-height:1.6;font-weight:500;color:var(--ink);padding:12px 16px;cursor:pointer}
.implementation-details>summary span{font-weight:300;font-size:12px;margin-left:12px;color:var(--ink2)}
.implementation-details>.prod{background:transparent;border:0;margin:0;padding:0 16px 16px}
.implementation-details .prod-h{display:none}
.prod-grid b{color:var(--label)}
.section-h{font-size:21px;margin:28px 0 12px}
.panel{background:#fff;border-color:#cedce8;padding:18px;border-radius:12px}
.demo-app{margin-top:12px}
.tile,.drawer,.brief,.rcpt,.prod,.hp-rec,.hp-receipt{background:#f1f6f9}
.tile .v.hold,.chip.hold,.tag.orange,.hypo .plain b,.panel .lbl-amber,.fbox.human i{color:var(--warning)}
.tile .v.bad,.chip.bad,.rcpt .bad,.fail b,.le-card .pill.bad{color:var(--danger)}
.tile .v.blue,.chip.blue,.tag.blue,.insights>b,.prod-grid b,.fbox.exists i{color:var(--label)}
select,input[type=text],input[type=number],input[type=email],textarea{background:#fff;color:var(--ink);font-size:16px}
input::placeholder,textarea::placeholder{color:#43607a}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #3987e5;outline-offset:2px}
.btn.good{background:#08765f;color:#fff}
.chart .axis{stroke:#657f97}
.chart .tt{background:#fff;color:#10243d}
.chart text[fill="#EAF0F8"],.chart text[fill="#D3E1F4"]{fill:var(--ink)}
.chart text[fill="#7FB0F0"]{fill:var(--label)}
.content-wrap [style*="color:#2dd4a7" i],.content-wrap [style*="color: #2dd4a7" i]{color:var(--teal)!important}
.content-wrap [style*="color:#ff8a5c" i],.content-wrap [style*="color: #ff8a5c" i]{color:var(--danger)!important}
.content-wrap [style*="color:#ffb15c" i],.content-wrap [style*="color: #ffb15c" i]{color:var(--warning)!important}
.content-wrap [style*="color:#7fb0f0" i],.content-wrap [style*="color: #7fb0f0" i]{color:var(--label)!important}
.audit,.le-term,.flow-svg,.dg{--ink:#eaf0f8;--ink2:#e1ebf8;--muted:#c5d9f0;--label:#9bc7ff;--accent:#7fb0f0;--teal:#58e0bd;--warning:#ffd193;--danger:#ffac8d;--hair:#34516e;--panel:#142641;--panel2:#112240;color:var(--ink);background:#0d1a30}
.flow-svg{border-radius:12px;padding:12px}
.cards.proof-points{gap:25px;margin:0 0 22px}
.proof-points>.card{border:0;border-top:2px solid #80bbae;border-radius:0;padding:16px 0 0;background:transparent;box-shadow:none}
.proof-points>.card:hover{transform:none}
.proof-points>.card h3{font-size:16px;color:#08765f}
.proof-points>.card p{font-size:13.5px}
.work-page .uc-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.work-page .uc{min-height:0}
.work-page .uc-grid-3 .uc{border-top:3px solid #08765f}
.work-page .uc-grid-3 .uc:first-child{border-top-color:#1e5eaa}
.work-page .uc-grid:not(.uc-grid-3){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 30px}
.work-page .uc-grid:not(.uc-grid-3)>.uc{background:transparent;border:0;border-top:1px solid #a9c0ce;border-radius:0;padding:18px 0;box-shadow:none}
.work-page .uc-grid:not(.uc-grid-3)>.uc:hover{transform:none}
.work-page .uc-grid:not(.uc-grid-3) .try{background:none;border:1px solid #9bb5c9;color:#1e5eaa;border-radius:8px;text-transform:none;letter-spacing:0;font-weight:500}
.work-page .uc .one{font-size:13.5px;line-height:1.6}
.work-page .uc .try{margin-top:15px}
.work-page .uc .status{font-size:10px}
.work-page .uc .micro-flow{margin:10px 0 2px}
.work-principles-link{padding:16px 0 2px;font-size:13px}
.work-principles-link a{color:#08765f}
.about-page .engage{gap:26px}
.about-page .estep{background:transparent;border:0;border-top:1px solid #a9c0ce;border-radius:0;padding:16px 0 0}
.about-page .estep::before{display:none}
.about-page .estep b{color:#08765f;padding-right:0}
.about-page .about-credit{max-width:none;background:#faf9f5;border-radius:12px;padding:24px;margin:6px 0 22px;border-left:3px solid #08765f}
.about-page .about-credit p{max-width:760px}
.eval-page .le-grid{gap:14px}
.eval-page .le-card{background:#f3f7fa;border-color:#cedce8}
.eval-page .le-split{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}
.contact-page .cform{margin-top:22px;margin-bottom:26px}
.contact-page .cform>div:first-child{padding:24px;background:#fff;border:1px solid #cedce8;border-top:3px solid #08765f;border-radius:12px}
.contact-page .acard{padding:20px;background:#faf9f5}
.contact-page .fset legend{font-size:12px;letter-spacing:.6px}
.contact-page .f textarea{min-height:120px}
.contact-page .sendrow .btn{color:#071d2c}
.contact-page .frow{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-page .aside .line{display:block}
.contact-page .aside .line span{display:block;text-align:left}
.contact-invitation{padding:26px 0 30px;text-align:left}
.contact-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;background:#fff;border:1px solid #c8d9df;border-left:4px solid #08765f;border-radius:14px;padding:25px 28px}
.contact-tile h2{font-size:23px;line-height:1.3;color:#10243d;margin:0 0 8px}
.contact-tile p{font-size:14px;line-height:1.6;color:#18334f;max-width:530px}
.contact-actions{display:flex;flex-direction:column;align-items:center;gap:10px}
.contact-tile .btn{white-space:nowrap;text-transform:none;letter-spacing:0;font-size:13px;font-weight:500;padding:11px 18px}
.contact-email{font-size:12px;color:#1e5eaa}
.principles-row{grid-template-columns:142px minmax(0,1fr)}
.principles-row h3{font-size:14px;line-height:1.5}
.principles-intro a{font-size:12px}
@media(min-width:641px) and (max-width:900px){.work-page .uc-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.work-page .uc-grid-3>.uc:last-child{grid-column:1/-1}.eval-page .le-split{grid-template-columns:1fr}.contact-tile{gap:20px;padding:23px}.principles-row{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:640px){.work-page .uc-grid,.work-page .uc-grid-3,.work-page .uc-grid:not(.uc-grid-3){grid-template-columns:1fr}.work-page .uc-grid-3>.uc:last-child{grid-column:auto}.contact-tile{grid-template-columns:1fr;gap:18px;padding:21px}.contact-actions{align-items:flex-start}.principles-row{grid-template-columns:110px minmax(0,1fr)}.implementation-details>summary span{display:block;margin-left:0}.contact-page .cform>div:first-child{padding:20px}.contact-page .frow{grid-template-columns:1fr}.eval-page .le-split{grid-template-columns:1fr}.masthead .hero h1{font-size:clamp(30px,7vw,40px)}.masthead .tag{font-size:11px}.proof-points>.card{padding-top:14px}}

/* Clear capability groups and restrained emphasis for model evaluation. */
.evaluation-feature{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;background:#fff;border:1px solid #cedce8;border-left:4px solid #1e5eaa;border-radius:12px;padding:24px 26px;margin:20px 0 24px}
.evaluation-feature h2,.group-heading h2{font-size:23px;line-height:1.3;margin:5px 0 9px;font-weight:600;color:#10243d}
.evaluation-feature p,.group-heading p{font-size:14px;line-height:1.65;max-width:620px;color:#18334f;margin:0}
.evaluation-feature .sec-kicker{font-size:11px;margin:0;color:#205d9e}
.evaluation-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:13px;white-space:nowrap}
.evaluation-links .btn{font-size:12px;text-transform:none;letter-spacing:0;padding:11px 17px}
.group-heading{margin-bottom:18px}
.group-heading .sec-kicker{font-size:11px;margin-bottom:6px}
.measurement-group{display:grid;grid-template-columns:minmax(200px,.85fr) minmax(0,1.5fr);gap:34px;background:#faf9f5;padding:26px;border-radius:12px;margin:6px 0 16px}
.measurement-group .group-heading{margin:0}
.measurement-rows>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;border-bottom:1px solid #ccd9d6;padding:15px 0;text-decoration:none;color:#18334f}
.measurement-rows>a:first-child{padding-top:0}
.measurement-rows>a:last-child{border-bottom:0;padding-bottom:0}
.measurement-rows h3{margin:0;font-size:15px;color:#08765f;font-weight:500}
.measurement-rows p{grid-column:1;font-size:13.5px;line-height:1.6;margin:0}
.measurement-rows span{grid-column:2;grid-row:1/3;align-self:center;color:#1e5eaa;font-size:12px}
.measurement-rows a:hover h3{text-decoration:underline;text-underline-offset:4px}
.system-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:18px 0 4px}
.system-groups b{display:block;font-size:12px;color:#08765f;margin-bottom:9px;font-weight:500}
.system-groups a{display:block;font-size:13px;padding:5px 0;color:#1e5eaa}
.system-groups a.on{font-weight:600;color:#10243d}
.evaluation-crosslink{font-size:13px;margin:18px 0}
.panel>svg:not(.flow-svg){width:100%;height:auto;display:block}
.panel>svg:not(.flow-svg) [fill="#EAF0F8"],.panel>svg:not(.flow-svg) [fill="#D3E1F4"]{fill:#18334f}
.panel>svg:not(.flow-svg) [stroke="#EAF0F8"]{stroke:#647b91}
.panel>svg:not(.flow-svg) [fill="#7FB0F0"]{fill:#205d9e}
.panel>svg:not(.flow-svg) [fill="#2dd4a7"]{fill:#08765f}
.panel>svg:not(.flow-svg) [fill="#ffb15c"]{fill:#885300}
.panel>svg:not(.flow-svg) [stroke="#2dd4a7"]{stroke:#08765f}
.panel>svg:not(.flow-svg) [stroke="#ffb15c"]{stroke:#885300}
.demo-app>*{min-width:0}
.contact-tile a,.evaluation-links a{max-width:100%}
@media(max-width:760px){.measurement-group{grid-template-columns:1fr;gap:20px}.evaluation-feature{grid-template-columns:1fr;gap:18px}.evaluation-links{flex-direction:row;align-items:center;flex-wrap:wrap;white-space:normal}.system-groups{grid-template-columns:1fr;gap:16px}}
@media(max-width:420px){.evaluation-feature,.measurement-group{padding:20px}.measurement-rows>a{grid-template-columns:1fr}.measurement-rows span{grid-column:1;grid-row:auto}.evaluation-feature h2,.group-heading h2{font-size:21px}}

/* Compact collaborator bench and clear public-demo context. */
.bench-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.bench-heading h2{margin:0;font-size:23px}
.bench-heading>span{font-size:12px;color:#24415c}
.bench-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.bench-grid>div{border-top:2px solid #80bbae;padding-top:13px}
.bench-grid h3{font-size:16px;font-weight:500;color:#08765f;margin:0 0 7px}
.bench-grid p,.demo-context{font-size:14px;line-height:1.65;color:#18334f;margin:0}
.demo-context{max-width:820px;margin-bottom:16px}
@media(max-width:640px){.bench-grid{grid-template-columns:1fr;gap:20px}.bench-heading h2{font-size:22px}}

/* Capability introductions lead; concrete examples follow in the working area. */
.example-context{margin:20px 0 24px;padding:0 0 17px;border-bottom:1px solid #cedce8}
.example-context .demo-context{margin:0;max-width:850px}
.example-context .demo-context b{font-weight:500;color:#08765f}
.example-context .tags{margin-top:10px}
.step-points{margin:8px 0 0;padding-left:17px;font-size:13.5px;line-height:1.65}
.step-points li{margin:4px 0}
#how .step-points{color:#fff}
.wire-grid .step-points{font-size:13px}
.process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;list-style:none;counter-reset:process;margin:18px 0 4px;padding:0}
.process-steps li{position:relative;min-width:0;counter-increment:process;border-top:2px solid #80bbae;padding-top:12px}
.process-steps li::before{content:counter(process,decimal-leading-zero);display:block;font-size:12px;font-weight:500;color:#08765f;margin-bottom:8px}
.process-steps li:not(:last-child)::after{content:'→';position:absolute;right:-20px;top:10px;color:#477a91;font-size:18px}
.process-steps b{display:block;font-size:14px;line-height:1.4;font-weight:500;color:#10243d;margin-bottom:5px}
.process-steps span{display:block;font-size:13px;line-height:1.6;color:#18334f}
.contributors{padding:22px 0 26px}
.contributors-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:34px}
.contributors .collaborator-bench>h3,.contributor-credit>h3{font-size:17px;font-weight:500;color:#10243d;margin:0 0 14px}
.contributors .bench-grid{grid-template-columns:1fr;gap:17px}
.contributors .bench-grid h3{font-size:14px}
.contributors .bench-grid p{font-size:13.5px}
.contributor-credit{border-left:1px solid #cedce8;padding-left:26px}
.contributor-credit p{font-size:13.5px;line-height:1.6;margin:0 0 10px;color:#18334f}
.contributor-credit .credit-meta{font-size:12px}
.contributor-credit a{color:#1e5eaa;font-size:13px}
@media(max-width:760px){.process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px}.process-steps li:nth-child(2)::after{display:none}}
@media(max-width:640px){.contributors-layout{grid-template-columns:1fr;gap:24px}.contributor-credit{border-left:0;border-top:1px solid #cedce8;padding:18px 0 0}}
@media(max-width:420px){.process-steps{grid-template-columns:1fr;gap:24px}.process-steps li::after{display:none!important}.process-steps li{padding-top:10px}.process-steps li::before{float:left;margin:1px 10px 0 0}}

/* Blue and teal carry through the page, from the introduction to the footer. */
.home-page,.work-page,.about-page,.contact-page,.case-page,.eval-page{display:flex;flex-direction:column;min-height:100vh}
.content-wrap{width:100%}
main.content-wrap{padding-bottom:26px}
.masthead{background:radial-gradient(ellipse at 92% 0%,rgba(57,135,229,.22),transparent 62%),radial-gradient(ellipse at 100% 100%,rgba(45,212,167,.12),transparent 52%),#0d1a30}
.home-page #featured .card:first-child,.work-page .uc-grid-3>.uc:first-child{background:linear-gradient(140deg,#fff 35%,#edf5ff 100%)}
.home-page #featured .card:last-child,.work-page .uc-grid-3>.uc:last-child{background:linear-gradient(140deg,#fff 35%,#ebf8f4 100%)}
.evaluation-feature{background:linear-gradient(110deg,#f7fbff 10%,#eaf3fd 67%,#e6f5f0 100%)}
.home-page #how.work-band{background:radial-gradient(ellipse at 12% 0%,rgba(57,135,229,.23),transparent 58%),linear-gradient(112deg,#14395e 0%,#19527a 48%,#0c766d 100%);border-top:1px solid #417da1;border-bottom:1px solid #318e96}
.home-page #how .estep::before{color:#b1d9ff}
.home-page #how .home-more a{color:#d0f5ed}
.home-page #how .handover-note{background:#f0f7f7;color:#111;padding:16px 18px;border-radius:8px;margin:0 0 24px}
.home-page #how .handover-note h3{color:#111;font-size:17px;font-weight:600;line-height:1.4;margin:0 0 6px}
.home-page #how .handover-note p{color:#111;font-size:14px;line-height:1.6;margin:0}
.measurement-group{background:linear-gradient(120deg,#faf9f5 5%,#f0f5fb 65%,#e9f6f2)}
.implementation-details{background:linear-gradient(110deg,#f0f5fc,#eff7f3)}
.panel:has(>.process-steps){background:linear-gradient(115deg,#f1f6ff,#edf7f3)}
.process-steps li,.proof-points>.card{border-image:linear-gradient(90deg,#559cde,#4fb19a) 1}
.example-context{border-image:linear-gradient(90deg,#8db7df,#9acabb) 1}
.about-page .contributors{padding:24px;border-radius:14px;background:linear-gradient(120deg,#eaf2fc,#e9f5ef)}
.eval-page .le-card{background:linear-gradient(140deg,#fff 20%,#edf4fc 72%,#eaf6f0)}
.contact-page .acard{background:linear-gradient(135deg,#edf4ff,#e9f6f0)}
.contact-page .cform>div:first-child{border-top-color:#397fb9}
.site-closing{--ink:#f3f7ff;--muted:#c5d7eb;--accent:#a3d7ff;--hair:rgba(156,193,224,.23);color:#f3f7ff;background:radial-gradient(ellipse at 0% 0%,rgba(57,135,229,.19),transparent 62%),radial-gradient(ellipse at 100% 30%,rgba(45,212,167,.13),transparent 58%),#0d1a30;border-top:2px solid #2b789a;margin-top:auto;flex-shrink:0}
.site-closing footer{color:#c5d7eb;padding:24px 0 28px;border-top:0}
.site-closing a:focus-visible{outline-color:#a5e5ee}
.home-closing .contact-invitation{padding:34px 0 30px}
.home-closing .contact-tile{background:linear-gradient(115deg,rgba(57,135,229,.15),rgba(45,212,167,.07));border:1px solid rgba(145,193,230,.29);border-left:4px solid #65b7e6}
.home-closing .contact-tile h2{color:#fff}
.home-closing .contact-tile p{color:#dce9f7}
.home-closing .contact-email{color:#a3d7ff}
.home-closing footer{border-top:1px solid var(--hair)}
@media(max-width:640px){.about-page .contributors{padding:20px}.site-closing footer{padding:22px 0 26px}}

/* The homepage introduces all three delivery themes, each with a clear next step. */
.delivery-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.delivery-themes .capability-card{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:#18334f;border-top:3px solid #1e5eaa}
.delivery-themes .capability-card:nth-child(2){background:linear-gradient(135deg,#f9fcff 20%,#e9f3fd 72%,#e8f6f1);border-top-color:#2686a1}
.capability-card h2{font-size:20px;font-weight:600;line-height:1.35;margin:0 0 12px;color:#10243d}
.capability-card p{margin:0 0 16px}
.capability-card .theme-examples{font-size:12px;line-height:1.7;color:#42627c;margin-top:auto;margin-bottom:18px}
.theme-link{font-size:12px;font-weight:500;color:#1e5eaa;line-height:1.5}
.capability-card:hover .theme-link{text-decoration:underline;text-underline-offset:4px}
#model-evaluation,#ai-systems,#measurement-systems{scroll-margin-top:20px}
@media(max-width:760px){.delivery-themes{grid-template-columns:1fr}.capability-card h2{font-size:21px}.capability-card .theme-examples{margin-top:0}.capability-card p{margin-bottom:12px}}



/* Keep chart annotations and supporting copy legible on pale surfaces. */
.two-charts svg{display:block;width:100%;height:auto}
.note-small,.chart-sub,.legend,.field .hint,.tile .s,.capability-card .theme-examples{color:var(--ink2)}
.fbox.exists i{color:var(--label)}
.le-spark svg [fill="#EAF0F8"]{fill:#18334f}
.le-spark svg [stroke="#EAF0F8"]{stroke:#24415c}
.le-spark svg [stroke="#2dd4a7"],.chart svg [stroke="rgba(234,240,248,.45)"]{stroke:#08765f}
.demo-jump{display:flex;flex-wrap:wrap;gap:10px 22px;margin:12px 0 0;font-size:13px;font-weight:400}
.demo-jump a{color:var(--accent);text-underline-offset:3px}
.section-h[id]{scroll-margin-top:24px}