/* Integrax / Engineering Connection — shared identity, October 2026. */
[data-brand]{--ink:#122838;--green:#286b36;--pale:#f3f6f3;--soft:#52636d;--line:#dce4df}
[data-brand] .brand{display:inline-flex;flex:none;align-items:center;line-height:1;text-decoration:none}
[data-brand] .brand img{display:block;width:240px;height:auto;max-width:100%}
[data-brand] .header{min-height:100px;gap:30px}
[data-brand] nav a{min-height:44px;display:inline-flex;align-items:center}
[data-brand] .button,[data-brand] .btn{transition:background .16s,border-color .16s;letter-spacing:0}
[data-brand] .button:hover{background:#205a2c;border-color:#205a2c}
[data-brand] .eyebrow{display:flex;align-items:center;gap:12px}
[data-brand] .eyebrow:before{content:"";width:24px;height:3px;flex:0 0 24px;background:currentColor}
[data-brand] .hero-band{background:#122838;position:relative;isolation:isolate}
[data-brand] .hero-band .hero{padding-block:64px;gap:48px;align-items:center}
[data-brand] .hero-band h1{color:#fff;font-size:clamp(40px,4.2vw,60px);letter-spacing:-2.5px;line-height:1.08}
[data-brand] .hero-band h1 em{color:#a4d5ba;font-style:normal}
[data-brand] .hero-band .eyebrow{color:#a4d5ba;font-size:10px;letter-spacing:1.5px}
[data-brand] .hero-band .lead{color:#fff;font-size:18px}
[data-brand] .hero-band .sub{color:#cbd9df;font-size:14px;max-width:55ch}
[data-brand] .hero-band .button{background:#fff;border-color:#fff;color:#122838}
[data-brand] .hero-band .button:hover{background:#dceee2;border-color:#dceee2}
[data-brand] .hero-band .text-link{color:#fff}
[data-brand] .hero-band .hero-foot{color:#a4d5ba;border-color:#49636c}
[data-brand] .hero-band .hero-photo{height:500px;border-radius:3px;box-shadow:14px 14px 0 #a4d5ba18}
[data-brand] .hero-band .hero-photo figcaption{left:28px;right:20px}
[data-brand] .credentials{border-bottom:1px solid var(--line);background:#f3f6f3}
[data-brand] .service-grid article{border-radius:3px;border-top:3px solid #cad7ce;background:#fff;box-shadow:none}
[data-brand] .service-grid .service-featured{background:#f3f6f3;border-top:3px solid #286b36}
[data-brand] .service-grid article:hover{border-color:#286b36;box-shadow:0 8px 24px #12283808}
[data-brand] .field-section{background:#f3f6f3}
[data-brand] .field-section em{color:#286b36}
[data-brand] .shop-grid>a{border-radius:3px;border-top:3px solid #286b36}
[data-brand] .process{background:#122838}
[data-brand] .process h2,[data-brand] .process h3{color:#fff}
[data-brand] .process li p{color:#d5e2e7}
[data-brand] .process .eyebrow,[data-brand] .process li>b{color:#a4d5ba}
[data-brand] .process li{border-color:#536c77}
[data-brand] .contact-grid form,[data-brand] .landing-request{background:#f3f6f3;border-radius:3px;border-top:3px solid #286b36}
[data-brand] footer{background:#122838;color:#d5e2e7;border-color:#385460}
[data-brand] footer .brand img{width:210px}
[data-brand] footer a{color:#fff}
[data-brand] footer .fine{color:#cbd9df;border-color:#385460}
[data-brand] .footer{padding-block:40px}
[data-brand].service-page .hero{border-bottom:1px solid var(--line)}
[data-brand].service-page .hero h1{font-size:clamp(36px,4.2vw,54px)}
[data-brand] .service-links a{border-radius:3px;border-left:3px solid #286b36}
[data-brand].shop-app{background:#f3f6f3}
[data-brand].shop-app header .wrap{min-height:100px;padding-block:20px}
[data-brand].shop-app header .brand{letter-spacing:0}
[data-brand].shop-app header nav{gap:4px}
[data-brand].shop-app header nav a{border-radius:3px}
[data-brand].shop-app .store{padding-top:42px;padding-bottom:64px}
[data-brand].shop-app .store-card{border-radius:3px;background:#fff;border-top:3px solid #cad7ce;box-shadow:none;transition:border-color .16s}
[data-brand].shop-app .store-card:hover{border-color:#286b36}
[data-brand].shop-app .store .store-panel,[data-brand].shop-app .equipment-section{border-radius:3px}
[data-brand].shop-app .equipment-section{background:#fff}
[data-brand].shop-app .equipment-section.selected{background:#e8f1e8}
[data-brand].shop-app .store .btn,[data-brand].shop-app .store button{border-radius:3px}
[data-brand].shop-app .store .btn.solid{background:#286b36;color:#fff;border-color:#286b36}
[data-brand].shop-app .store .btn.solid:hover{background:#205a2c}
[data-brand].shop-app .store-foot{max-width:none;width:100%;padding:32px max(24px,calc((100% - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;color:#d5e2e7;background:#122838;border-color:#385460}
[data-brand].shop-app .store-foot a{color:#fff}
[data-brand].shop-app .store-foot-links{font-size:12px;line-height:2}
[data-brand].shop-app .store input:focus,[data-brand].shop-app .store textarea:focus,[data-brand].shop-app .store select:focus{outline:2px solid #286b36;outline-offset:2px}
@media(max-width:1000px){[data-brand] .header{flex-wrap:wrap;padding-block:20px;gap:16px}[data-brand] .header nav{flex:1;justify-content:flex-end;gap:15px}[data-brand] .hero-band .hero{gap:30px}[data-brand] .hero-band .hero-photo{height:460px}}
@media(max-width:760px){[data-brand] .brand img{width:210px}[data-brand] .header nav{flex-basis:100%;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}[data-brand] .hero-band .hero{grid-template-columns:1fr;padding-block:38px;gap:32px}[data-brand] .hero-band h1{font-size:clamp(34px,7.8vw,49px);letter-spacing:-1.5px;max-width:none}[data-brand] .hero-band .hero-photo{height:320px;box-shadow:8px 8px 0 #a4d5ba18}[data-brand] .hero-band .eyebrow{font-size:9px;letter-spacing:.7px}[data-brand] .hero-band .eyebrow:before{width:16px;flex-basis:16px}[data-brand] .hero-band .lead{font-size:17px}[data-brand] .hero-band .hero-foot{font-size:9px}[data-brand] .footer{align-items:flex-start;gap:24px}[data-brand] .footer p{width:100%}[data-brand].shop-app header .wrap{padding-block:20px;gap:18px}[data-brand].shop-app header nav{width:100%;justify-content:space-between;gap:0}[data-brand].shop-app header nav a{font-size:12px;padding:8px 6px}[data-brand].shop-app .store-foot{flex-direction:column;align-items:flex-start}[data-brand].shop-app .store{padding-top:30px}}
@media(prefers-reduced-motion:reduce){[data-brand]{scroll-behavior:auto}[data-brand] *{transition:none!important}}
@media(max-width:760px){[data-brand] .header nav .button{display:none}}