/* Corrofix palette: logo blue and cyan, with orange for calls to action. */
:root {
  --face-ink-900: #06172f;
  --face-ink-850: #0a203e;
  --face-ink-800: #0d294b;
  --face-ink-700: #163658;
  --face-paper-alt: #f2f7fb;
  --face-paper-deep: #e7eff6;
  --face-text: #122944;
  --face-text-soft: #42566b;
  --face-muted: #53677b;
  --face-accent: #ff7900;
  --face-accent-bright: #54d7f4;
  --face-accent-deep: #dd6100;
  --face-accent-text: #06389e;
  --face-accent-wash: rgba(0, 188, 233, .12);
  --face-topbar-bg: #06389e;
  --face-on-dark-muted: #b7c9dc;
  --face-line: #dbe5ee;
  --face-line-soft: #e8eff5;
  --face-header-h: 106px;
  --face-header-h-scrolled: 84px;
  --face-header-h-mobile: 82px;
}
.face-header__inner { gap: 1.25rem; }
.corro-brand { display: block; width: 146px; height: 88px; object-fit: contain; flex-shrink: 0; }
.face-masthead.is-solid .corro-brand { width: 119px; height: 72px; }
.face-header .face-logo { min-width: 0; }
.face-header .face-nav__link { font-size: .78rem; letter-spacing: .01em; padding-inline: .65rem; }
.face-mega__desc { display: none; }
.face-mega__link { align-items: center; min-height: 3.25rem; }
.face-mega { grid-template-columns: 1fr; min-width: 420px; }
.face-topbar__social a { font-size: .72rem; width: auto; height: auto; }
.face-footer .corro-brand, .face-drawer .corro-brand { background: white; padding: 8px; border-radius: 3px; width: 175px; height: 112px; }
.face-drawer__head .corro-brand { width: 120px; height: 78px; }
.face-hero__stage::after { background: linear-gradient(90deg,rgba(4,20,44,.92) 0%,rgba(4,25,53,.68) 48%,rgba(4,25,53,.16) 100%); }
.face-hero__title { max-width: 1050px; }
.face-hero__title em { color: #54d7f4; }
.face-hero__copy { max-width: 660px; }
.face-hero__facts { gap: clamp(1.1rem, 3vw, 3.25rem); }
.face-hero__fact b { color: #fff; }
.face-btn-accent { color: #07192f; }
.face-btn-accent:hover, .face-btn-accent:focus-visible { color: #07192f; }
.face-pagehero__media::after { background: linear-gradient(90deg,rgba(4,20,44,.92),rgba(4,25,53,.38)); }
.face-pagehero__media img { object-position: center; }
.face-pagehero__title { max-width: 1020px; }
.face-theme-dark .face-eyebrow, .face-footer .face-link-arrow { color: #54d7f4; }
.face-theme-dark .face-lead { color: #c3d3e4; }
.corro-section-title { margin-bottom: 2rem; }
.corro-intro { max-width: 740px; margin-bottom: 2.5rem; }
.corro-reasons { display: grid; grid-template-columns: repeat(3,1fr); gap: 0 3rem; }
.corro-reason { padding: 2rem 0; border-top: 1px solid rgba(255,255,255,.2); }
.corro-reason .face-index { color: #54d7f4; display: block; margin-bottom: 1rem; }
.corro-product-panel { padding: clamp(1.5rem,4vw,4rem); background: linear-gradient(140deg,#eef6fc,#fff); border: 1px solid #dbe5ee; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2rem; }
.corro-product-logo { width: min(100%,340px); height: auto; align-self: center; }
.corro-product-line { display: block; width: 100%; height: 4px; background: linear-gradient(90deg,#06389e,#00bce9,#ff7900); }
.corro-project-types { border-top: 1px solid var(--face-line); }
.corro-project-types a { display: grid; grid-template-columns: 60px 1fr 40px; gap: 1rem; align-items: center; padding: 1.6rem 0; border-bottom: 1px solid var(--face-line); }
.corro-project-types a:hover { color: #06389e; }
.corro-facts { display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; margin-top: 4rem; }
.corro-facts b { font: 700 clamp(2.8rem,6vw,5rem)/1 var(--face-font-display); color: #06389e; display: block; }
.corro-facts span { display: block; margin-top: .75rem; color: var(--face-muted); }
.corro-values { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem; }
.corro-values article { padding: 2rem; background: white; border-top: 3px solid #00bce9; }
.corro-values article h3 { margin: 1rem 0; }
.corro-values article img { width: 100%; height: 170px; object-fit: cover; }
.corro-values article:first-child { border-color: #06389e; }
.corro-values article:last-child { border-color: #ff7900; }
.corro-steps { padding-left: 1.2rem; }
.corro-steps li { padding-bottom: .85rem; }
.corro-equipment-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem; }
.corro-equipment-card { border: 1px solid var(--face-line); background: #fff; }
.corro-equipment-card > img { display: block; width: 100%; height: 270px; object-fit: contain; background: #fff; padding: 1rem; border-bottom: 1px solid var(--face-line); }
.corro-equipment-card > div { padding: 1.5rem; }
.corro-equipment-card h2 { margin-bottom: 1rem; }
.corro-equipment-card p { color: var(--face-muted); margin-bottom: 1.3rem; }
.corro-project-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.corro-project { padding: 2.5rem; background: var(--face-paper-alt); border-top: 3px solid #06389e; }
.corro-project h2 { margin: 1.5rem 0 1rem; }
.corro-project p { margin-bottom: 1.5rem; color: var(--face-muted); }
.corro-related { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
.corro-sitemap { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; list-style: none; padding: 0; }
.corro-sitemap a { color: #06389e; text-decoration: underline; text-underline-offset: 4px; }
.corro-form-notice { background: #eaf4fc; padding: 1rem; border-left: 3px solid #06389e; color: #122944; }
.corro-form-notice a { text-decoration: underline; overflow-wrap: anywhere; }
.corro-mobile-sub { padding: 0 1.5rem 1rem 3rem; list-style: none; }
.corro-mobile-sub a { display: block; color: #c4d4e5; padding: .6rem 0; font-size: .95rem; }
.corro-noscript { padding: 1rem; background: #06389e; color: white; }
.face-capability-card__media::after { background: linear-gradient(180deg,rgba(4,20,44,.05),rgba(4,20,44,.93)); }
@media(min-width:1280px) {
  .face-ind-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media(min-width:992px) and (max-width:1199px) {
  .face-header .face-nav__link { font-size: .72rem; padding-inline: .4rem; }
  .face-header__inner { gap: .5rem; }
  .corro-brand { width: 125px; }
  .face-header__desktop-cta { display: none; }
}
@media(max-width:991px) {
  :root { --face-header-h: 82px; --face-header-h-scrolled: 82px; }
  .corro-brand, .face-masthead.is-solid .corro-brand { width: 117px; height: 70px; }
  .corro-equipment-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .corro-values { grid-template-columns: 1fr; }
  .corro-values article img { height: 220px; }
  .corro-reasons { grid-template-columns: repeat(2,1fr); }
  .face-hero__title { font-size: clamp(2.5rem,6.5vw,4.8rem); }
}
@media(max-width:575px) {
  .face-hero__title { font-size: clamp(2.1rem,8.4vw,3rem); }
  .face-hero__inner { padding-top: 3rem; }
  .corro-equipment-grid, .corro-project-grid, .corro-sitemap { grid-template-columns: 1fr; }
  .corro-reasons { gap: 0 1.2rem; }
  .corro-reason .face-h4 { font-size: 1.05rem; }
  .corro-facts { gap: .8rem; }
  .corro-facts b { font-size: 2.5rem; }
  .corro-facts span { font-size: .8rem; }
  .corro-project-types a { grid-template-columns: 30px 1fr 20px; }
  .corro-project { padding: 1.5rem; }
  .face-footer__contact a { overflow-wrap: anywhere; }
}