@charset "UTF-8";
/* Refined identities: warm neutral surfaces, small contrasting accents, unchanged readable type. */
[data-tone="home"],[data-tone="network"]{--accent:#a63e21;--accent-dark:#7e2e19;--tint:#f4e2d8;--edge:#d6a38f}
[data-tone="membership"]{--accent:#136372;--accent-dark:#004654;--tint:#e3f4f8;--edge:#9dc6d0}
[data-tone="admissions"]{--accent:#774e1c;--accent-dark:#583300;--tint:#faeee1;--edge:#d4b89b}
[data-tone="training"]{--accent:#624c7c;--accent-dark:#46325d;--tint:#f3edfb;--edge:#c5b6d7}
[data-tone="employment"]{--accent:#3a6343;--accent-dark:#20472a;--tint:#e8f4ea;--edge:#abc6b0}
[data-tone="commerce"]{--accent:#7d435a;--accent-dark:#5d293f;--tint:#fdebf1;--edge:#dab1bf}
[data-tone="web"]{--accent:#3f5885;--accent-dark:#263c65;--tint:#e9f1fe;--edge:#adbedd}
[data-tone="dev"]{--accent:#655721;--accent-dark:#493c04;--tint:#f4f0e2;--edge:#c7be9e}
[data-tone="pricing"]{--accent:#60564f;--accent-dark:#453b35;--tint:#f3efed;--edge:#c3bcb7}
body[data-page]{--blue:var(--accent);--deep:var(--accent-dark)}
body[data-page] .brand-symbol{color:#b63d1b}
body[data-page] .site-header{border-bottom:0}
body[data-page] .site-header nav>a[data-tone]{border-bottom:3px solid transparent;transition:color .18s,border-color .18s}
body[data-page] .site-header nav>a[data-tone]:hover{color:var(--accent);border-color:var(--edge)}
body[data-page] .site-header nav>a[aria-current="page"]{color:var(--accent);border-color:var(--accent);font-weight:750}
.page-signature{color:#463f38;background:transparent;border-bottom:1px solid #ded5ca}
.page-signature-inner{width:90%;margin-inline:auto;min-height:60px;display:flex;align-items:center;gap:14px;padding-block:10px;position:relative}
.signature-mark{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--edge);color:var(--accent);background:var(--tint);border-radius:50% 50% 10px 50%;font-size:21px;line-height:1}
.page-signature strong{font-size:22px;line-height:1.5;letter-spacing:.03em;font-weight:650;white-space:nowrap}
.signature-description{font-size:19px;line-height:1.6;padding-left:20px;border-left:1px solid #d8cfc4}
.signature-art{display:none}
.signature-art i{display:block;width:27px;height:27px;border:1px solid #ffffff90;border-radius:50% 50% 0 0;transform:rotate(25deg)}
.signature-art i:nth-child(2){background:#ffffff30}.signature-art i:nth-child(3){background:#ffffff70}
body[data-page] :is(.product-hero,.portfolio-hero,.pricing-hero,.sn-hero){background:#faf6ef;border-bottom:1px solid #ded5ca}
body[data-page] :is(.product-copy>.eyebrow,.portfolio-hero>.eyebrow,.pricing-hero .eyebrow,.sn-hero .eyebrow){color:var(--accent);font-weight:700}
body[data-page] :is(.product-copy h1 em,.portfolio-hero h1 em,.pricing-hero h1 em){color:var(--accent)}


body[data-page] :is(.real-screen-label,.product-concept .concept-chrome){background:var(--accent);color:#fff;border-color:var(--accent)}
body[data-page] .product-concept figcaption{background:#fffaf3;border-color:#ded5ca}
body[data-page] .product-concept figcaption>span{color:var(--accent);font-weight:750}
body[data-page] .product-copy .primary{background:var(--accent);color:#fff}
body[data-page] .product-copy .primary:hover{background:var(--accent-dark)}
body[data-page] .product-copy .textlink{color:var(--accent)}
body[data-page] .product-siblings{padding-block:18px;border-block:1px solid #ded5ca;background:transparent;gap:10px}
body[data-page] .product-siblings a{color:var(--accent);border:1px solid #ded5ca;border-bottom:2px solid var(--accent);border-radius:6px;background:transparent;padding:10px 15px}
body[data-page] .product-siblings a[aria-current="page"]{background:var(--tint);color:var(--accent-dark);border-color:var(--edge);border-bottom-color:var(--accent);box-shadow:none}
body[data-page] .product-siblings a>span{color:inherit}
body[data-page] :is(.product-stage-heading,.training-services-heading,.quality-heading){border-top:1px solid #ded5ca;padding-top:24px}
body[data-page] .view-tabs button{background:#fffaf3;color:#463f38;border-color:var(--edge);border-bottom-color:var(--edge);transition:none}
body[data-page] .view-tabs button[aria-selected="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}
body[data-page] .view-tabs button[aria-selected="true"]::before{color:inherit}
body[data-page] :is(.member-benefits li,.operation-step){background:transparent;border-color:#ded5ca}
body[data-page] :is(.outcome-number,.training-feature-number,.operation-step b){background:transparent;color:var(--accent);border-color:var(--edge)}
body[data-page] .training-feature-list>li{border-top-color:var(--edge)}
body[data-page] .training-feature-list h3{color:var(--accent-dark)}
body[data-page] .training-learning-route>span{background:#fffaf3;border-color:var(--edge);color:var(--accent-dark)}
body[data-page] .product-video-section{border-top:1px solid #ded5ca}
body[data-page] .network-return{border-top:1px solid var(--edge);background:transparent;padding:28px 0;border-radius:0;margin-bottom:40px}
body[data-page] .network-return :is(.eyebrow,a){color:var(--accent-dark)}
/* Shared overview and individual product pages use the same identity colors. */
body[data-page] .network-entry{background:#fffaf3;border-color:#adbbdc;color:#253860}
body[data-page] .network-entry small{color:#463f38}
body[data-page] .network-overview-map{background:#fffaf3;border-color:#d9cec1}
body[data-page] .network-spokes a{border-top:1px solid #ded5ca;border-bottom:0;border-radius:0;padding:20px 8px;background:transparent;color:var(--accent-dark)}
body[data-page] .network-spokes a>span:last-child{color:#463f38}
body[data-page] .network-node-icon{background:var(--tint);color:var(--accent);border:1px solid var(--edge)}
body[data-page] .network-spokes a:hover{box-shadow:0 2px 0 var(--accent)}
body[data-page] :is(.journey-node,.journey-branches>a)[data-tone]{background:#fffaf3;border-color:#ded5ca;border-top:2px solid var(--accent)}
body[data-page] #service-videos a[data-tone]{border-top:2px solid var(--accent);background:#fffaf3}
body[data-page] .service-choice[data-tone]{border-left:2px solid var(--accent);color:var(--accent-dark);background:transparent}
body[data-page] .service-choice[data-tone][aria-selected="true"]{background:#fffaf3;color:var(--accent-dark);box-shadow:inset 3px 0 var(--accent)}
body[data-page] .service-choice[data-tone] span{color:inherit}
#service-stage[aria-labelledby="service-tab-0"]{--accent:#28536c;--tint:#e2edf2;--accent-dark:#183a4e}
#service-stage[aria-labelledby="service-tab-1"]{--accent:#855415;--tint:#f5ead0;--accent-dark:#65400f}
#service-stage[aria-labelledby="service-tab-2"]{--accent:#594281;--tint:#ece6f5;--accent-dark:#3d2b5d}
#service-stage[aria-labelledby="service-tab-3"]{--accent:#a44229;--tint:#f6e4dc;--accent-dark:#792e1b}
#service-stage[aria-labelledby="service-tab-4"]{--accent:#8e365b;--tint:#f4e2eb;--accent-dark:#65253f}
body[data-page] #service-stage{background:#fffaf3;border:1px solid #ded5ca;border-top:2px solid var(--accent);box-shadow:0 12px 28px #4935260a}
body[data-page] #service-stage :is(.stage-top,.stage-role>span,[data-stage-title]){color:var(--accent-dark)}
body[data-page] #service-stage .stage-flow>div{background:#fffaf3}
body[data-page] #service-stage [data-stage-link]{color:var(--accent-dark)}
/* Clear visual chapters on the cross-system explanation page. */
body[data-page] .sn-portal-node{background:#fffaf3;color:#253860;border:1px solid #c2ccdf;border-radius:24px 10px 10px 10px}
body[data-page] .sn-portal-node :is(.sn-kicker,.sn-link-label){color:#354e87}
body[data-page] .sn-system-grid>a[data-tone]{background:#fffaf3;border:1px solid #ded5ca;overflow:hidden;position:relative}.sn-system-grid>a[data-tone]::before{content:"";width:28px;height:3px;background:var(--accent);border-radius:3px;margin-bottom:14px}
body[data-page] .sn-system-grid>a strong{color:var(--accent-dark)}
body[data-page] .sn-system-grid>a :is(.sn-kicker,.sn-link-label){color:var(--accent)}
body[data-page] .sn-role-section{background:#fffaf3}
body[data-page] .sn-role[data-tone]{background:transparent;border:0;border-top:1px solid #ded5ca;padding:36px 0;margin-bottom:12px;border-radius:0}
body[data-page] .sn-role[data-tone] .sn-role-number{background:var(--tint);color:var(--accent-dark);border:1px solid var(--edge)}
body[data-page] .sn-role[data-tone] :is(h3,.sn-kicker,.sn-text-link,dt){color:var(--accent-dark)}
body[data-page] .sn-role-description dd{color:#463f38}
body[data-page] .sn-example-steps li{border-top-width:2px}
body[data-page] .sn-example-steps li:nth-child(1){background:#fffaf3;border-color:#354e87}
body[data-page] .sn-example-steps li:nth-child(2){background:#fffaf3;border-color:#855415}
body[data-page] .sn-example-steps li:nth-child(3){background:#fffaf3;border-color:#594281}
body[data-page] .sn-example-choices>a[data-tone]{background:#fffaf3;border:1px solid #ded5ca;border-top:2px solid var(--accent)}
body[data-page] .sn-example-choices>a[data-tone] :is(.sn-kicker,.sn-link-label,h3){color:var(--accent-dark)}
body[data-page] :is(a,button,summary):focus-visible{outline:3px solid var(--accent-dark);outline-offset:5px}
@media(max-width:850px){
 .page-signature-inner{gap:12px;min-height:60px}.signature-description{font-size:18px}.signature-art{display:none}
 body[data-page] .site-header nav>a[aria-current="page"]{background:var(--tint);border-radius:6px}
 body[data-page] .sn-role[data-tone]{padding:30px 0}
}
@media(max-width:680px){
 .page-signature-inner{display:grid;grid-template-columns:36px 1fr;gap:3px 12px;padding-block:13px}
 .signature-mark{grid-row:1/3;width:34px;height:34px;font-size:20px}.page-signature strong{font-size:22px;white-space:normal}
 .signature-description{grid-column:2;padding:0;border:0;font-size:18px}.signature-art{display:none}
 body[data-page] .network-spokes{gap:12px}
 body[data-page] .network-spokes a{border-top:1px solid #ded5ca;border-left:0;border-radius:0;padding:16px 10px}
 body[data-page] .network-return{padding:24px 0}
 body[data-page] .product-siblings{padding-inline:5%}
}
@media(max-width:380px){body[data-page] .sn-role[data-tone]{padding:26px 0}}
@media(prefers-reduced-motion:reduce){body[data-page] .site-header nav>a[data-tone]{transition:none}}
@media(forced-colors:active){.page-signature{border:2px solid CanvasText}.signature-art{display:none}body[data-page] [aria-current="page"]{outline:2px solid CanvasText}body[data-page] .view-tabs button[aria-selected="true"]{outline:2px solid CanvasText}}
@media print{.signature-art{display:none}.page-signature{background:transparent;color:#222;border-color:#777}body[data-page] .sn-role[data-tone]{break-inside:avoid}}

/* Small two-tone icons supplement labels, never replace readable service names. */
.service-icon{display:inline-block;width:32px;height:32px;flex:0 0 auto;vertical-align:middle;color:var(--accent,#a63e21);overflow:visible}
.service-icon .icon-fill{fill:var(--tint,#f4e2d8);fill:color-mix(in srgb,var(--accent,#a63e21) 26%,#fffaf3)}
body[data-page] :is(.signature-mark,.network-node-icon,.sn-role-number,.sn-step-number){font-size:0}
.signature-mark .service-icon{width:26px;height:26px}
.network-node-icon .service-icon{width:36px;height:36px}
body[data-page] .network-node-icon{width:58px;height:58px}
body[data-page] .sn-system-grid>a[data-tone]::before{display:none}
body[data-page] .sn-system-grid .card-icon{position:absolute;right:20px;top:22px;width:48px;height:48px}
body[data-page] .sn-system-grid .sn-kicker{padding-right:62px;min-height:48px;display:flex;align-items:center}
body[data-page] .sn-portal-node .portal-icon{width:60px;height:60px;margin-bottom:22px}
body[data-page] .sn-role-number{background:transparent;border:0}
.sn-role-number .service-icon{width:44px;height:44px}
.sn-step-number .service-icon{width:32px;height:32px}
.sn-example-steps li:nth-child(1){--accent:#354e87;--tint:#e5eaf6}
.sn-example-steps li:nth-child(2){--accent:#855415;--tint:#f5ead0}
.sn-example-steps li:nth-child(3){--accent:#594281;--tint:#ece6f5}
.sn-example-choices .branch-icon{width:44px;height:44px;margin-bottom:16px}
body[data-page] .outcome-number{display:flex;align-items:center;gap:12px}
.outcome-number .service-icon{width:40px;height:40px}
body[data-page] .training-feature-number{display:flex;flex-direction:column;align-items:center;gap:10px}
.training-feature-number .service-icon{width:38px;height:38px}
body[data-page] .service-choice .choice-icon{width:40px;height:40px}
body[data-page] .service-choice .service-no{display:none}
@media(max-width:680px){body[data-page] .outcome-number{flex-direction:column;gap:8px;align-items:flex-start}body[data-page] .network-spokes a{grid-template-columns:52px minmax(0,1fr)}body[data-page] .network-node-icon{width:48px;height:48px}}
@media(forced-colors:active){.service-icon{color:CanvasText}.service-icon .icon-fill{fill:Canvas}}

/* Web content categories share one inset, left edge and vertical center. */
body:is([data-page="web"],[data-page="dev"]) #web-content .web-content-rows article{
 grid-template-columns:60px minmax(0,1fr) 9em;
 gap:28px;padding:32px 28px;align-items:start;
}
body:is([data-page="web"],[data-page="dev"]) #web-content .web-content-rows article>div{min-width:0}
body:is([data-page="web"],[data-page="dev"]) #web-content .web-content-rows article>span{
 grid-column:3;grid-row:1;align-self:center;justify-self:stretch;
 text-align:left;padding:8px 0 8px 20px;margin:0;
 border-left:1px solid #c9bba9;line-height:1.6;white-space:nowrap;
}
@media(max-width:1100px){
 body:is([data-page="web"],[data-page="dev"]) #web-content .web-content-rows article{grid-template-columns:44px minmax(0,1fr) 8em;gap:20px;padding:28px 24px}
}
@media(max-width:900px){
 body:is([data-page="web"],[data-page="dev"]) #web-content .web-content-rows article{grid-template-columns:44px minmax(0,1fr);gap:12px 18px;padding:26px 22px}
 body:is([data-page="web"],[data-page="dev"]) #web-content .web-content-rows article>span{grid-column:2;grid-row:2;align-self:start;justify-self:start;padding:0;border:0;white-space:normal}
}
@media(max-width:480px){
 body:is([data-page="web"],[data-page="dev"]) #web-content .web-content-rows article{grid-template-columns:36px minmax(0,1fr);gap:10px 14px;padding:24px 16px}
}

/* Give web integration cards an inset shared by title, copy and arrow. */
body:is([data-page="web"],[data-page="dev"]) #web-integration .web-system-links{
 grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;
}
body:is([data-page="web"],[data-page="dev"]) #web-integration .web-system-links>a{
 padding:26px 22px 24px;min-width:0;grid-column:auto;
 display:flex;flex-direction:column;align-items:stretch;gap:14px;
}
body:is([data-page="web"],[data-page="dev"]) #web-integration .web-system-links>a>*{min-width:0;text-align:left}
body:is([data-page="web"],[data-page="dev"]) #web-integration .web-system-links>a>b{margin-top:auto;padding-top:10px}
body:is([data-page="web"],[data-page="dev"]) #web-integration .web-scope-note{padding-inline:22px}
@media(max-width:1100px){body:is([data-page="web"],[data-page="dev"]) #web-integration .web-system-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){body:is([data-page="web"],[data-page="dev"]) #web-integration .web-system-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
 body:is([data-page="web"],[data-page="dev"]) #web-integration .web-system-links{grid-template-columns:1fr;gap:16px}
 body:is([data-page="web"],[data-page="dev"]) #web-integration .web-system-links>a{padding:24px 20px}
 body:is([data-page="web"],[data-page="dev"]) #web-integration .web-scope-note{padding-inline:20px}
}

/* Minimal service descriptions: one purpose first, full details on demand. */
body[data-page="network"] .sn-role-section{background:#fffaf3;padding-block:72px}
body[data-page="network"] .sn-role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;align-items:start}
body[data-page="network"] .sn-role-section .sn-role[data-tone]{
 display:block;
 background:transparent;border:0;border-top:1px solid #e2dacf;
 border-radius:0;padding:36px 0;margin:0;
}
body[data-page="network"] .sn-role-intro{
 display:grid;grid-template-columns:52px minmax(0,1fr);gap:5px 18px;
 padding:0;align-content:start;
}
body[data-page="network"] .sn-role-intro .sn-role-number{
 position:static;grid-column:1;grid-row:1/3;width:52px;height:60px;
 padding:0;margin:0;border:0;border-radius:0;background:transparent;
}
body[data-page="network"] .sn-role-intro .sn-role-number .service-icon{width:44px;height:44px}
body[data-page="network"] .sn-role-intro .sn-kicker{grid-column:2;font-size:18px;line-height:1.6;color:#756c61}
body[data-page="network"] .sn-role-intro h3{grid-column:2;font-size:29px;line-height:1.45;margin:0;color:#302d28}
body[data-page="network"] .sn-role-body{min-width:0;padding:0 0 0 70px}
body[data-page="network"] .sn-role-intro>.sn-role-summary{grid-column:2;font-size:20px;line-height:1.8;color:#716759;max-width:38em;margin:12px 0 0}
body[data-page="network"] .sn-role-details{margin-top:12px}
body[data-page="network"] .sn-role-details>summary{
 display:flex;align-items:center;gap:16px;width:fit-content;max-width:100%;
 padding:7px 0;cursor:pointer;list-style:none;font-size:18px;line-height:1.7;color:var(--accent);
}
body[data-page="network"] .sn-role-details>summary::-webkit-details-marker{display:none}
body[data-page="network"] .sn-role-details>summary:hover{color:var(--accent-dark)}
.sn-role-toggle{flex:0 0 10px;width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-5px}
.sn-role-details[open] .sn-role-toggle{transform:rotate(225deg);margin-top:5px}
body[data-page="network"] .sn-role-expanded{padding-top:20px}
body[data-page="network"] .sn-role-description{padding:0;margin:0;display:grid;gap:22px}
body[data-page="network"] .sn-role-description>div{display:grid;grid-template-columns:1fr;gap:5px}
body[data-page="network"] .sn-role-description dt{font-size:18px;font-weight:600;line-height:1.8;margin:0;color:#594f43}
body[data-page="network"] .sn-role-description dd{font-size:20px;line-height:1.8;margin:0;color:#4b443b}
body[data-page="network"] .sn-role-expanded>.sn-text-link{font-size:18px;font-weight:600;margin-top:24px;line-height:1.8}
@media(max-width:1100px){
 body[data-page="network"] .sn-role-list{column-gap:36px}
}
@media(max-width:800px){
 body[data-page="network"] .sn-role-section{padding-block:48px}
 body[data-page="network"] .sn-role-list{grid-template-columns:1fr}
 body[data-page="network"] .sn-role-section .sn-role[data-tone]{padding:30px 0}
 body[data-page="network"] .sn-role-intro h3{font-size:28px}
 body[data-page="network"] .sn-role-intro>.sn-role-summary{grid-column:1/-1;margin-top:12px}
 body[data-page="network"] .sn-role-body{padding:0}
 body[data-page="network"] .sn-role-details{margin-top:10px}
}
@media print{body[data-page="network"] .sn-role-details:not([open])>.sn-role-expanded{display:block}}
