/* Commercial Home, using the shared site typography and color system. */
.home-commercial .hero-session-note{font-size:12px;line-height:1.6;margin:13px 0 18px;color:var(--muted,#bdbbb7);text-align:center;width:100%;max-width:none}
.home-commercial .hero-action .client-proof{margin:0 0 14px}
.home-commercial .hero .button{font-size:21px;padding-inline:20px;gap:16px}
@media(min-width:901px){.home-commercial .hero-action{width:320px;flex:0 0 320px}}
.home-commercial .client-proof-copy strong{font-size:13px}
.home-commercial .sector-showcase-footer{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.home-commercial .sector-showcase-footer .button{font:700 15px/1.4 Manrope,sans-serif;padding:16px 20px;gap:22px;min-height:52px}
.home-commercial .sector-detail-link{font:600 13px/1.6 Manrope,sans-serif;text-decoration:none;color:var(--orange,#ff681b);text-underline-offset:5px}
.home-commercial .sector-detail-link:hover{text-decoration:underline}
.home-commercial .sector-detail-link span{margin-left:5px}
.home-commercial .copy-authority .authority-copy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.home-commercial .copy-authority .training-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr);gap:60px}
.home-commercial .copy-authority h2{font-size:clamp(36px,4.3vw,62px);max-width:100%}
.home-commercial .cs-commercial-bottom>p{max-width:680px}
.home-commercial .final-content .system-handoff{margin-top:32px}
@media(max-width:900px){
.home-commercial .copy-authority .training-layout{grid-template-columns:1fr;gap:36px}
.home-commercial .copy-authority .handoff-visual{max-width:500px;margin-inline:auto;width:100%}
.home-commercial .copy-authority .authority-copy-grid{grid-template-columns:1fr;gap:26px}
}
@media(max-width:650px){
.home-commercial .hero-session-note{text-align:center;font-size:11px;margin:12px 0 17px}
.home-commercial .sector-showcase-footer{align-items:stretch;flex-direction:column;gap:18px}
.home-commercial .sector-showcase-footer .button{width:100%;font-size:14px}
.home-commercial .sector-detail-link{text-align:center;font-size:12px}
.home-commercial .copy-authority h2{font-size:38px}
}
@media(max-width:380px){.home-commercial .hero .button{font-size:18px;padding-inline:16px;gap:12px}}

/* Content-led diagrams: one illustration for each system pillar. */
.home-commercial .system-art{height:252px;padding:30px 34px;border-bottom:1px solid #ffffff19;background:radial-gradient(ellipse at 50% 115%,#ff681b12,transparent 70%);display:flex;flex-direction:column;justify-content:center;color:#fafafa;font:500 13px/1.5 var(--font-body);overflow:hidden}
.system-art img{flex-shrink:0;filter:invert(1);width:20px;height:20px}
.system-art strong{font-weight:700}
.system-art .sa-route{display:flex;align-items:center;gap:18px;width:100%;justify-content:center}
.system-art .sa-route>span{display:flex;align-items:center;gap:12px}
.system-art .sa-route>img{width:17px;opacity:.55}
.system-art .sa-connector{height:28px;width:1px;background:#ff681b80;margin-inline:auto}
.system-art .sa-result{display:flex;align-items:center;gap:14px;border:1px solid #ff681b80;border-radius:8px;padding:16px;background:#ff681b0d}
.system-art .sa-result>span{display:flex;flex-direction:column;gap:2px}
.system-art .sa-result small{font-size:12px;color:#c9bbae}
.system-art .sa-result>img:last-child{margin-left:auto;width:18px}
.system-art .sa-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.system-art .sa-heading>span:first-child{display:flex;gap:12px;align-items:center}
.system-art .sa-timing{font-size:12px;color:#ffad7d;white-space:nowrap}
.system-art .sa-response{display:flex;justify-content:space-between;gap:14px;padding:10px 14px;border:1px solid #ffffff25;border-radius:6px;margin-left:30px;margin-bottom:8px;background:#ffffff04}
.system-art .sa-response>img{width:16px;height:16px}
.system-art .sa-footnote{font-size:12px;color:#c0b6aa;margin:4px 0 0 30px}
.system-art .sa-task{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #ffffff20}
.system-art .sa-task img{width:17px;height:17px;opacity:.8}
.system-art .sa-task small{font-size:12px;margin-left:auto;color:#bdb4a8}
.system-art .sa-task-next{color:#ffad7d}
.system-art .sa-stages{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 0 20px}
.system-art .sa-stages>span{padding:10px 12px;background:#ffffff08;border:1px solid #ffffff25;border-radius:6px;font-weight:650}
.system-art .sa-stages>span:last-child{background:#ff681b;color:#161616;border-color:#ff681b}
.system-art .sa-stages img{width:15px;height:15px;opacity:.65}
.system-art .sa-feedback{display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff20;padding-top:14px;color:#c0b6aa;font-size:12px}
.system-art .sa-feedback strong{color:#fafafa;font-weight:600}
@media(max-width:700px){
  .home-commercial .system-art{height:245px;padding:24px 22px;font-size:12px}
  .system-art .sa-heading{gap:8px;flex-wrap:wrap}
  .system-art .sa-heading>span:first-child{gap:9px}
  .system-art .sa-route{gap:12px}
  .system-art .sa-route>span{gap:8px}
  .system-art .sa-stages>span{padding:9px 8px}
  .system-art .sa-response,.system-art .sa-footnote{margin-left:0}
  .system-art .sa-task small{display:none}
}

/* Alternate complete surfaces; orange keeps its role as the action colour. */
:root body .home-commercial .system-section{background:var(--gradient-paper),var(--color-paper);color:var(--color-ink)}
:root body .home-commercial .system-section .eyebrow{color:var(--color-accent-on-light)}
:root body .home-commercial .system-section .section-description{color:var(--color-muted-light)}
:root body .home-commercial .system-section .visual-process-card{color:var(--color-white)}
:root body .home-commercial .system-section .process-card-copy p{color:var(--color-muted-dark)}
:root body .home-commercial .system-section .button:focus-visible{outline-color:var(--color-accent-on-light)}
:root body .home-commercial .cs-commercial{background:var(--gradient-paper),var(--color-paper);color:var(--color-ink)}
:root body .home-commercial .cs-commercial .cs-eyebrow{color:var(--color-accent-on-light)}
:root body .home-commercial .cs-commercial .cs-library-heading>p{color:var(--color-muted-light)}
:root body .home-commercial .cs-commercial .cs-proof-card{background:var(--ui-panel-light,#fffdfa);border-color:var(--color-rule-light)}
:root body .home-commercial .cs-commercial .sw-client :is(h3,p){color:var(--color-ink)}
:root body .home-commercial .cs-commercial .sw-client-copy>span{color:var(--color-muted-light)}
:root body .home-commercial .cs-commercial .sw-proof-funnels strong{color:var(--color-accent-on-light)}
:root body .home-commercial .cs-commercial .sw-proof-funnels :is(small,span){color:var(--color-muted-light)}
:root body .home-commercial .cs-commercial .sw-proof-funnels>div+div{border-color:var(--color-rule-light)}
:root body .home-commercial .cs-commercial .cs-proof-footer{border-color:var(--color-rule-light)}
:root body .home-commercial .cs-commercial .cs-proof-footer>span:last-child,:root body .home-commercial .cs-commercial .cs-text-link{color:var(--color-accent-on-light)}
:root body .home-commercial .cs-commercial .cs-commercial-bottom>p{color:var(--color-muted-light)}
:root body .home-commercial .method-section{background:var(--gradient-dark),var(--color-dark);color:var(--color-white)}
:root body .home-commercial .method-section .eyebrow{color:var(--color-orange)}
:root body .home-commercial .method-section :is(.section-description,.steps p){color:var(--color-muted-dark)}
:root body .home-commercial .method-section .steps li{border-color:var(--color-rule-dark)}
:root body .home-commercial .method-section .step-icon{background:var(--color-orange);border-color:var(--color-orange)}
:root body .home-commercial .method-section .steps li:after{background:var(--color-rule-dark)}
:root body .home-commercial .copy-authority{background:var(--gradient-paper),var(--color-paper);color:var(--color-ink)}
:root body .home-commercial .founder-spotlight{background:var(--gradient-dark),var(--color-dark);color:var(--color-white)}
:root body .home-commercial .faq-refresh{background:var(--gradient-paper),var(--color-paper);color:var(--color-ink)}

/* Light system cards belong to their paper section; warmth comes from the brand. */
:root body .home-commercial .system-section .visual-process-card{color:var(--color-ink);background:linear-gradient(150deg,#fffdfa,#faf7f2);border-color:#d8d0c5;box-shadow:none}
:root body .home-commercial .system-section .visual-process-card:hover{border-color:#bda992}
:root body .home-commercial .system-section .process-card-copy p{color:var(--color-muted-light)}
:root body .home-commercial .system-art{color:var(--color-ink);background:radial-gradient(ellipse at 88% 100%,#ff681b12,transparent 65%),linear-gradient(145deg,#f3efe7,#fcfaf7);border-bottom-color:#ded6cb}
:root body .home-commercial .system-art img{filter:none}
:root body .home-commercial .system-art .sa-result{border-color:#cb7645;background:#fff8f0}
:root body .home-commercial .system-art .sa-result small{color:#6d5746}
:root body .home-commercial .system-art .sa-response{background:#fffcf8;border-color:#d7cec1}
:root body .home-commercial .system-art :is(.sa-timing,.sa-task-next){color:#a83e05}
:root body .home-commercial .system-art :is(.sa-footnote,.sa-task small,.sa-feedback){color:#655c51}
:root body .home-commercial .system-art :is(.sa-task,.sa-feedback){border-color:#d7cec1}
:root body .home-commercial .system-art .sa-feedback strong{color:var(--color-ink)}
:root body .home-commercial .system-art .sa-stages>span{border-color:#d1c7b9;background:#fffdfa}
:root body .home-commercial .system-art .sa-stages>span:last-child{border-color:var(--color-orange);background:var(--color-orange)}

/* Proof is one component in the hero and the reasons section. */
:root body .home-commercial .hero-action{width:320px;max-width:100%}
:root body .home-commercial :is(.hero,.copy-authority) .client-proof{box-sizing:border-box;width:320px;max-width:100%;min-height:60px;padding:8px 14px;gap:12px;border-radius:8px;align-items:center}
:root body .home-commercial :is(.hero,.copy-authority) .client-proof-number{font:400 36px/1 var(--font-display);letter-spacing:-.035em}
:root body .home-commercial :is(.hero,.copy-authority) .client-proof-number>span{font-size:18px}
:root body .home-commercial :is(.hero,.copy-authority) .client-proof-copy{padding-left:12px}
:root body .home-commercial :is(.hero,.copy-authority) .client-proof-copy strong{font:750 13px/1.5 var(--font-body)}
:root body .home-commercial :is(.hero,.copy-authority) .client-proof-copy>span{font:400 12px/1.5 var(--font-body);margin-top:2px}
@media(max-width:700px){
  /* Fit the first screen with browser controls expanded, without clipping at zoom. */
  :root body .home-commercial .hero-inner{min-height:calc(100svh - var(--header-height));padding-block:clamp(12px,2.2svh,20px);gap:clamp(10px,2svh,20px);justify-content:space-between}
  :root body .home-commercial .hero-message{margin-block:auto}
  :root body .home-commercial .hero-description{min-height:0}
  :root body .home-commercial .hero-session-note{margin:10px 0 0}
  :root body .home-commercial :is(.hero,.copy-authority) .client-proof{width:100%;max-width:320px;gap:10px;padding-inline:12px}
}
@media(max-width:700px) and (max-height:650px){
  :root body .home-commercial .hero-inner{padding-block:10px;gap:8px}
  :root body .home-commercial :is(.hero,.copy-authority) .client-proof{min-height:50px;padding-block:4px}
  :root body .home-commercial :is(.hero,.copy-authority) .client-proof-number{font-size:32px}
  :root body .home-commercial .hero-action .client-proof{margin-bottom:8px}
  :root body .home-commercial .hero .button{min-height:48px;padding-block:10px}
  :root body .home-commercial .hero-session-note{margin-top:6px}
}
/* A single animated journey: the existing four stages, on a shared curve. */
.home-commercial .method-journey{position:relative;isolation:isolate}
.home-commercial .method-plot{display:none;position:relative;height:400px}
.home-commercial .method-plot svg{display:block;width:100%;height:100%;overflow:visible}
.home-commercial .method-guides{fill:none;stroke:var(--color-rule-dark);stroke-width:1;stroke-dasharray:3 7}
.home-commercial .method-guides path,.home-commercial .method-curve,.home-commercial .method-curve-track{vector-effect:non-scaling-stroke}
.home-commercial .method-curve-track,.home-commercial .method-curve{fill:none;stroke:var(--color-orange);stroke-width:2;stroke-linecap:round}
.home-commercial .method-curve-track{opacity:.18}
.home-commercial .method-curve{clip-path:inset(-4px)}
.home-commercial .method-cursor{position:absolute;pointer-events:none;width:42px;height:42px;border:1px solid var(--color-orange);border-radius:50%;transform:translate(-50%,-50%);background:#ff681d14}
/* Positions live in CSS to preserve the site's strict style-src policy. */
.home-commercial :is(.method-tab,.method-stop):nth-of-type(1){--stop-x:11.36%;--stop-y:91.1333%}
.home-commercial :is(.method-tab,.method-stop):nth-of-type(2){--stop-x:37.12%;--stop-y:80.8667%}
.home-commercial :is(.method-tab,.method-stop):nth-of-type(3){--stop-x:62.88%;--stop-y:57.5333%}
.home-commercial :is(.method-tab,.method-stop):nth-of-type(4){--stop-x:88.64%;--stop-y:21.1333%}
.home-commercial .method-stop{display:none}
.home-commercial .method-tabs[hidden]{display:none}
.home-commercial .method-tabs{position:absolute;inset:0}
.home-commercial .method-tab{position:absolute;left:var(--stop-x);top:var(--stop-y);width:150px;min-height:52px;padding:0;border:0;background:transparent;color:var(--color-white);font:700 15px/1.5 var(--font-body);transform:translate(-50%,-50%);cursor:pointer}
.home-commercial .method-tab-number{display:grid;place-items:center;margin:auto;width:28px;height:28px;border:1px solid #85776d;border-radius:50%;background:var(--color-brand-dark,var(--color-dark));color:#d9cec4;font:750 11px/1 var(--font-body);font-variant-numeric:tabular-nums;transition:background-color 180ms,color 180ms,border-color 180ms}
.home-commercial .method-tab-title{position:absolute;bottom:calc(50% + 25px);left:50%;transform:translateX(-50%);white-space:nowrap}
.home-commercial .method-tab[aria-selected=true] .method-tab-number{color:var(--color-ink);background:var(--color-orange);border-color:var(--color-orange)}
.home-commercial .method-tab[aria-selected=true] .method-tab-title{color:var(--color-orange)}
.home-commercial .method-tab:focus-visible{outline:2px solid var(--color-orange);outline-offset:8px;border-radius:4px}
.home-commercial .method-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.home-commercial .method-panel{min-width:0;border-top:1px solid var(--color-rule-dark);padding-top:22px}
.home-commercial .method-panel-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.home-commercial .method-panel-count{flex:none;color:var(--color-orange);font:750 14px/1.5 var(--font-body);font-variant-numeric:tabular-nums}
.home-commercial .method-panel-count>span{color:var(--color-muted-dark);font-weight:400}
:root body .home-commercial .method-panel h3{margin:0;color:var(--color-white);font:400 34px/1.2 var(--font-display);letter-spacing:-.015em}
:root body .home-commercial .method-panel p{margin:0;max-width:54ch;color:var(--color-muted-dark);font:400 16px/1.8 var(--font-body)}
.home-commercial .method-journey.is-enhanced .method-plot{display:block}
.home-commercial .method-journey.is-enhanced .method-panels{position:absolute;top:0;left:0;width:47%;grid-template-columns:minmax(0,1fr);gap:0}
.home-commercial .method-journey.is-enhanced .method-panel{grid-area:1/1}
.home-commercial .method-panel.is-inactive{visibility:hidden;pointer-events:none}
@media(hover:hover) and (pointer:fine){.home-commercial .method-tab:hover .method-tab-title{color:var(--color-orange)}.home-commercial .method-tab:hover .method-tab-number{border-color:var(--color-orange)}}
@media(max-width:850px){
  .home-commercial .method-plot{height:180px;margin-bottom:24px}
  .home-commercial .method-tabs{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .home-commercial .method-tab{position:static;display:flex;align-items:center;gap:10px;transform:none;width:100%;min-height:50px;padding:12px;border:1px solid var(--color-rule-dark);border-radius:var(--radius-control);font-size:13px;text-align:left}
  .home-commercial .method-tab-number{margin:0;width:auto;height:auto;display:inline;border:0;background:none;color:var(--color-orange);font-size:11px}
  .home-commercial .method-tab-title{position:static;transform:none;white-space:normal}
  .home-commercial .method-tab[aria-selected=true]{border-color:var(--color-orange);background:var(--color-orange);color:var(--color-ink)}
  .home-commercial .method-tab[aria-selected=true] :is(.method-tab-number,.method-tab-title){color:var(--color-ink);background:none}
  .home-commercial .method-stop{position:absolute;display:grid;place-items:center;left:var(--stop-x);top:var(--stop-y);transform:translate(-50%,-50%);width:24px;height:24px;border:1px solid #85776d;border-radius:50%;background:var(--color-dark);color:var(--color-muted-dark);font:750 10px/1 var(--font-body)}
  .home-commercial .method-stop.is-active{background:var(--color-orange);border-color:var(--color-orange);color:var(--color-ink)}
  .home-commercial .method-cursor{width:36px;height:36px}
  .home-commercial .method-panels,.home-commercial .method-journey.is-enhanced .method-panels{position:static;width:100%;grid-template-columns:minmax(0,1fr);margin-top:24px}
  .home-commercial .method-panel{padding-top:24px}
  :root body .home-commercial .method-panel h3{font-size:30px}
  :root body .home-commercial .method-panel p{font-size:15px;line-height:1.75}
}
@media(max-width:360px){.home-commercial .method-tab{padding:10px 8px;gap:7px;font-size:12px}.home-commercial .method-plot{height:150px}}
@media(prefers-reduced-motion:reduce){.home-commercial .method-tab-number{transition:none}}