/* ZINC additive UI v1. No image, form, or document replacements. */
html[data-zinc-theme="dark"]{color-scheme:dark}
.zinc-preferences{display:flex;align-items:center;gap:8px;flex-shrink:0;position:relative;direction:ltr}
.zinc-preferences button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;background:#202228;color:#f5f5f4;border:1px solid #666b75;border-radius:7px;padding:8px 10px;cursor:pointer;font-size:13px;line-height:1.2}
.zinc-preferences button:hover{border-color:#ff5a00}.zinc-preferences button:focus-visible{outline:3px solid #ff5a00;outline-offset:3px}
.zinc-preferences svg{width:22px;height:22px;flex:none}.zinc-preferences .zinc-flag{width:24px;height:16px;border-radius:2px;box-shadow:0 0 0 1px #8888}
.arrow svg{display:block;width:20px;height:20px}
.arrow#carouselPause{color:#ff5a00}.arrow#carouselPause:hover{background:#ff5a00;color:#171717;border-color:#ff5a00}
.zinc-preferences .zinc-language-menu{position:absolute;inset-block-start:calc(100% + 10px);inset-inline-end:0;min-width:175px;max-width:calc(100vw - 32px);padding:6px;background:#191b20;border:1px solid #777c86;border-radius:9px;box-shadow:0 12px 32px #0006;z-index:60}
.zinc-language-menu[hidden]{display:none}.zinc-preferences .zinc-language-menu button{width:100%;justify-content:flex-start;border-color:transparent;background:transparent;margin:2px 0}.zinc-preferences .zinc-language-menu button[aria-checked="true"]{border-color:#ff5a00;background:#ff5a0017}
.nav{flex-wrap:wrap;column-gap:18px;row-gap:8px;padding-block:12px}.nav .links{gap:18px;font-size:15px}.nav .brand{margin:0}.nav>.nav-cta{margin:0}.nav>.mobile-links{top:100%}
.hero-grid>*,.contact-grid>*,.why-grid>*,.products>*,.benefit>div,.field,.step{min-width:0}
.hero h1,.render-callout,.section-head h2,.contact h2,.step h3,.benefit strong{overflow-wrap:anywhere}
.slide-count{direction:ltr}.render-callout{min-width:0}.render-callout>div{min-width:0}.contact-card button{white-space:normal}
html[dir="ltr"] .a11y-panel>button{text-align:left}html[dir="ltr"] .actions .btn>span{transform:scaleX(-1)}
html[dir="ltr"] .zinc-language-menu{direction:ltr}
@media(max-width:1100px){.nav>.links{display:none}.nav>.menu-toggle{display:block;min-width:44px;min-height:44px}.nav>.nav-cta{display:none}.nav>.brand{margin-inline-end:auto}.nav>.mobile-links.open{display:flex;position:absolute;inset-inline:0;flex-direction:column;padding:12px 5%;border-bottom:1px solid #454951}.mobile-links a{padding:12px 0}}
@media(max-width:420px){.nav{column-gap:7px}.nav .brand-logo{width:102px}.zinc-preferences{gap:5px}.zinc-preferences button{padding:8px;gap:5px}.zinc-language-label{display:none}.nav>.menu-toggle{padding:8px;width:44px}.render-callout{left:51px}.render-callout strong{font-size:12px}.render-callout span{font-size:10px}.render-callout>.zinc-icon{width:18px}.contact-copy .form-note a{white-space:normal;overflow-wrap:anywhere}.hero h1{font-size:36px}}
/* Light palette: preserve the same ZINC brand orange as the dark theme. */
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)){color-scheme:light;--bg:#f7f7f5;--panel:#fff;--text:#202228;--muted:#535861;--line:#cdd0d5;--green2:#ff5a00}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) body{background:var(--bg);color:var(--text)}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) :is(.top,.hero,.contact,.footer,.mobile-links){background:#f7f7f5;color:#202228;border-color:#cdd0d5}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) .top{background:#f7f7f5f5}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) .hero:before{background:radial-gradient(ellipse at 0% 50%,#ff5a0012,transparent 65%),repeating-linear-gradient(0deg,transparent 0 63px,#00000004 64px)}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) :is(.lead,.hero-note,.links,.contact-copy>p,.contact-list,.contact-copy .form-note,.faq details p,.projects .section-head p,.photo-grid figcaption,.footer,.footer-legal a,.form-note,.why-aside p,.a11y-panel .a11y-disclaimer){color:#535861}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) :is(.eyebrow,h1 span,.product-label,.step-num,.service-number,.heading-icon,.benefit-icon,.illustration-note a,.contact-copy .form-note a){color:#ff5a00}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) .illustration-note{color:#535861}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) :is(.projects,.why-aside,.contact-card,.photo-grid figure,.a11y-panel){background:#fff;color:#202228;border-color:#cdd0d5}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) :is(.contact-card label,.contact-card h3,.contact-card>p,.mobile-links a,.brand small){color:#535861!important}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) :is(.contact-card input,.contact-card textarea,.contact-card select,.form-result,.copy-btn,.a11y-panel button,.zinc-preferences button,.zinc-language-menu){background:#fff;color:#202228;border-color:#7b818b}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) :is(input,textarea)::placeholder{color:#626872;opacity:1}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) .btn.secondary{color:#202228;border-color:#7b818b}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) :is(.arrow,.menu-toggle){color:#202228;border-color:#7b818b}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) :is(.a11y-toggle,.wa){background:#fff;color:#ff5a00}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) .a11y-panel>a{color:#ff5a00}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) .product-art{background:linear-gradient(120deg,#fff0e8,#f3f3f0)}
/* The light logo is the matching black artwork; keep its geometry identical to dark mode. */
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) .brand{background:transparent;padding:0;border-radius:0}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) .footer b{color:#202228}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) .footer-inner>span:first-child{color:#ff5a00}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) .zinc-language-menu button[aria-checked="true"]{background:#fff0e8;border-color:#ff5a00}
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) .a11y-panel button[aria-pressed="true"]{background:#ff5a00;color:#171717}
/* Preserve the exact ZINC orange (#ff5a00) for controls, borders and focus. It is 2.92:1
   on the light background, so small informational text uses neutral #202228 (15.17:1) instead. */
html[data-zinc-theme="light"]:not(:has(body.a11y-contrast)) :is(.eyebrow,h1 span,.product-label,.step-num,.service-number,.heading-icon,.benefit-icon,.illustration-note a,.contact-copy .form-note a,.footer-inner>span:first-child){color:#202228}
@media(max-width:420px){.nav .brand-logo{max-width:100%}}
@media(prefers-reduced-motion:reduce){.zinc-preferences *{transition:none!important}}
/* Direct-contact labels stay white on dark surfaces; actionable details retain the brand orange. */
html[data-zinc-theme="dark"] .contact-copy :is(.contact-email,.contact-phone){color:#fff}
html[data-zinc-theme="dark"] .contact-copy :is(.contact-email,.contact-phone) a{color:#ff5a00}
/* The three legal-document links are actionable footer links in both themes. */
.footer-legal a{color:#ff5a00!important}