.commercial-capability-page{background:var(--color-mist-50);color:var(--color-ink)}
.cc-shell{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.cc-breadcrumb{padding:20px 0 14px;color:var(--color-muted);font-size:var(--step--1)}
.cc-breadcrumb ol{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0;padding:0;list-style:none}
.cc-breadcrumb li+li::before{content:"/";margin-right:.5rem;color:#88a0aa}
.cc-breadcrumb a{color:inherit;text-decoration:none}.cc-breadcrumb a:hover{color:var(--color-teal-700)}
.cc-hero{position:relative;isolation:isolate;display:grid;min-height:clamp(540px,42vw,700px);padding:clamp(54px,7vw,92px) 0;align-items:center;border-block:1px solid var(--color-border);background-color:var(--color-navy-950);background-position:center;background-repeat:no-repeat;background-size:cover;color:var(--color-white)}
.cc-hero::before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,29,42,.44) 0%,rgba(7,29,42,.18) 48%,rgba(7,29,42,0) 74%);content:"";pointer-events:none}
.cc-hero--partners{background-image:url('/assets/images/commercial-hero-contractors-integrators.webp')}
.cc-hero--custom{background-image:url('/assets/images/commercial-hero-custom-manufacturing.webp')}
.cc-hero--project{background-image:url('/assets/images/commercial-hero-project-supply.webp')}
.cc-hero__grid{display:grid;grid-template-columns:minmax(0,680px);align-items:center}
.cc-hero__grid>div{max-width:680px}
.cc-eyebrow{margin:0 0 14px;color:var(--color-teal-700);font-size:var(--step--1);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.cc-hero .cc-eyebrow{color:#8fe1d9}
.cc-hero h1{max-width:820px;margin:0 0 20px;color:inherit;font-size:clamp(2.45rem,5vw,4.75rem);line-height:.98;letter-spacing:-.055em}
.cc-hero__lead{max-width:650px;margin:0;color:#dbe8eb;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.68}
.cc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.cc-actions .button{min-height:48px;padding-inline:22px}.cc-actions .button--primary{background:var(--color-teal-600)}
.cc-actions .button--secondary{border-color:var(--color-border);color:var(--color-navy-900)}.cc-hero .button--secondary{border-color:rgba(255,255,255,.62);color:var(--color-white)}
.cc-section{padding:var(--space-7) 0}.cc-section--white{background:var(--color-white)}.cc-section--soft{background:var(--color-mist-100)}.cc-section--navy{border-block:1px solid var(--color-border);background:var(--color-mist-100);color:var(--color-ink)}
.cc-section__head{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1fr);gap:clamp(28px,6vw,76px);align-items:start;margin-bottom:36px}
.cc-section__head h2{margin:0;color:var(--color-navy-950);font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.08;letter-spacing:-.035em}.cc-section--navy .cc-section__head h2{color:var(--color-navy-950)}
.cc-section__head>div>p:last-child{margin:0;color:var(--color-muted);line-height:1.72}.cc-section--navy .cc-section__head>div>p:last-child{color:var(--color-muted)}
.cc-answer{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,6vw,74px);padding:clamp(28px,5vw,54px);border:1px solid #9fd3d0;border-radius:var(--radius-lg);background:#eef8f8}
.cc-answer h2{margin:0;color:var(--color-navy-950);font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.12}.cc-answer p{margin:0 0 1rem;line-height:1.72}.cc-answer p:last-child{margin-bottom:0}
.cc-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cc-card-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.cc-card-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cc-card{min-width:0;padding:clamp(22px,3vw,32px);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-card)}
.cc-card__number{display:grid;width:38px;height:38px;margin-bottom:18px;place-items:center;border-radius:50%;background:var(--color-teal-700);color:var(--color-white);font-size:var(--step--1);font-weight:700}
.cc-card h3{margin:0 0 10px;color:var(--color-navy-950);font-size:var(--step-1);line-height:1.25}.cc-card p{margin:0;color:var(--color-muted);line-height:1.65}.cc-card ul{margin:14px 0 0;padding-left:1.15rem}.cc-card li{margin:.45rem 0;line-height:1.5}
.cc-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.cc-link-grid a{display:flex;min-height:64px;padding:16px 18px;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-navy-900);font-weight:650;text-decoration:none}.cc-link-grid a:hover{border-color:var(--color-teal-600);color:var(--color-teal-700)}
.cc-checklist{columns:2;column-gap:46px;margin:0;padding-left:1.2rem}.cc-checklist li{break-inside:avoid;margin:0 0 .7rem;line-height:1.55}
.cc-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:1px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);list-style:none;background:var(--color-border);box-shadow:var(--shadow-card)}.cc-process li{min-height:210px;padding:28px;background:var(--color-white);color:var(--color-ink)}.cc-process span{display:block;margin-bottom:28px;color:var(--color-teal-700);font-size:var(--step--1);font-weight:700}.cc-process h3{margin:0 0 10px;color:var(--color-navy-950);font-size:var(--step-1)}.cc-process p{margin:0;color:var(--color-muted);line-height:1.6}
.cc-evidence{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1fr);gap:clamp(30px,6vw,72px);align-items:center}.cc-evidence img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.cc-evidence h2{margin:0 0 16px;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.1}.cc-evidence p{line-height:1.7}.cc-text-link{color:var(--color-teal-700);font-weight:700;text-decoration:none}.cc-text-link:hover{text-decoration:underline}
.cc-boundary{padding:clamp(28px,5vw,48px);border-left:5px solid var(--color-teal-600);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--color-white);box-shadow:var(--shadow-card)}.cc-boundary h2{margin-top:0;font-size:clamp(1.65rem,2.6vw,2.35rem)}.cc-boundary p{line-height:1.72}
.cc-faq{max-width:900px}.cc-faq details{border-bottom:1px solid var(--color-border)}.cc-faq summary{cursor:pointer;padding:20px 42px 20px 0;color:var(--color-navy-950);font-size:1.04rem;font-weight:700;line-height:1.4}.cc-faq details p{margin:0;padding:0 0 22px;color:var(--color-muted);line-height:1.68}
.cc-final{margin-block:var(--space-7);padding:clamp(28px,5vw,50px);border:1px solid #8fd0cd;border-radius:var(--radius-lg);background:linear-gradient(110deg,#eef8f8,#fff)}.cc-final__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}.cc-final h2{margin:0 0 8px;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.1}.cc-final p{max-width:760px;margin:0;color:var(--color-muted);line-height:1.6}.cc-final .cc-actions{margin:0;justify-content:flex-end}.cc-final .button--secondary{border-color:var(--color-border);color:var(--color-navy-900)}
.cc-card a,.cc-section a{overflow-wrap:anywhere}.commercial-capability-page a:focus-visible{outline:3px solid #35b8b7;outline-offset:3px}
@media(max-width:960px){.cc-hero__grid,.cc-section__head,.cc-answer,.cc-evidence{grid-template-columns:1fr}.cc-card-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-process{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-final__grid{grid-template-columns:1fr}.cc-final .cc-actions{justify-content:flex-start}}
@media(max-width:700px){.cc-shell{width:calc(100% - 32px)}.cc-hero{min-height:0;padding:48px 0 54px;background-position:68% center}.cc-hero::before{background:linear-gradient(180deg,rgba(7,29,42,.9),rgba(7,29,42,.82))}.cc-hero h1{font-size:clamp(2.2rem,11vw,3.35rem)}.cc-actions{display:grid;grid-template-columns:1fr}.cc-actions .button{width:100%;min-height:48px}.cc-section{padding:46px 0}.cc-card-grid,.cc-card-grid--two,.cc-card-grid--four,.cc-link-grid,.cc-process{grid-template-columns:1fr}.cc-card{padding:22px}.cc-checklist{columns:1}.cc-process li{min-height:0}.cc-evidence{gap:24px}.cc-final{margin-block:42px}.cc-final .cc-actions{display:grid}}
@media(prefers-reduced-motion:reduce){.commercial-capability-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
