@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
:root{--g:#006b35;--g2:#159447;--gold:#F2B51D;--gold2:#F2B51D;--navy:#102a43;--n:#00131f;--o:#F2B51D;--line:#e5e9e6;--soft:#f7faf7}
*{box-sizing:border-box}body{margin:0;font-family:Poppins,Arial,sans-serif;color:#101820}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.container{width:min(1420px,92%);margin:auto}.topbar{height:38px;background:#00131f;color:#fff;font-size:12px}.topbar .container{height:100%;display:flex;justify-content:space-between;align-items:center}.topbar span{margin-right:24px}.topbar i{color:var(--gold2);margin-right:6px}.social{display:flex;gap:10px}.social a{width:21px;height:21px;border-radius:50%;background:#15557d;display:grid;place-items:center}
.header{height:102px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}.header .container{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{width:200px;height:78px;object-fit:contain}.nav{display:flex;gap:31px;font-size:13px;font-weight:600}.nav a{padding:34px 0 28px;position:relative}.nav a.active,.nav a:hover{color:var(--g)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--gold)}
.quote,.btn.fill{background:var(--g);color:#fff;border:1px solid var(--g)}.quote:hover,.btn.fill:hover{background:var(--gold);border-color:var(--gold);color:#101820}.quote{padding:13px 25px;border-radius:6px;font-weight:700}.btn{display:inline-block;border:1px solid var(--g);color:var(--g);padding:9px 16px;border-radius:4px;font-size:11px;font-weight:700}
.hero{min-height:330px;background-size:cover;background-position:center;position:relative;color:#fff;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,12,20,.92),rgba(0,15,24,.52),rgba(0,0,0,.10))}.hero>.container{position:relative;z-index:2}.hero h1{font-size:47px;line-height:1.08;margin:0 0 10px;font-weight:800}.hero h1 span,.gold{color:var(--gold2)}.green{color:var(--g2)}.hero p{max-width:670px;font-size:14px;line-height:1.7}.crumb{font-size:12px;margin-top:15px}.crumb span{color:var(--g2)}
.section{padding:52px 0}.title{text-align:center;font-size:27px;font-weight:800;margin:0 0 28px}.title:before,.title:after{content:"";display:inline-block;width:38px;height:2px;background:var(--gold);vertical-align:middle;margin:0 13px}
.grid{display:grid;gap:20px}.g6{grid-template-columns:repeat(6,1fr)}.g5{grid-template-columns:repeat(5,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 18px #0000000c;overflow:hidden}.pad{padding:17px}.card h3{font-size:14px;line-height:1.35;margin:8px 0}.card p,.card li{font-size:11px;line-height:1.6}.check{padding:0;margin:10px 0 15px;list-style:none}.check li{margin:5px 0}.check li:before{content:"✓";color:var(--g);font-weight:800;margin-right:6px}
.icon{width:48px;height:48px;border-radius:5px;background:var(--g);color:#fff;display:grid;place-items:center;font-size:22px}.thumb{width:100%;height:165px;object-fit:cover;border-radius:5px;margin-top:10px}
.stats{margin-top:-44px;position:relative;z-index:5;background:#001d18;color:#fff;border:1px solid #3c725f;border-radius:12px;display:grid;grid-template-columns:repeat(5,1fr);padding:17px}.stat{display:flex;justify-content:center;align-items:center;gap:13px;border-right:1px solid #ffffff55}.stat:last-child{border:0}.stat i{font-size:28px;color:var(--gold2)}.stat strong{display:block;font-size:27px}.stat small{font-size:9px;font-weight:700}
.brands{display:flex;gap:12px;overflow:hidden}.brand{min-width:145px;height:60px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;font-weight:700;color:#168c82;background:#fff}
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.aboutimg{border-radius:15px;box-shadow:0 6px 25px #0002}.values{display:grid;grid-template-columns:repeat(5,1fr);gap:17px;margin-top:25px}.value{text-align:center;padding:18px;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 18px #0000000b}.value i{font-size:28px;color:var(--g)}
.journey{background:var(--n);color:#fff;border-radius:14px;padding:28px;margin-top:18px}.journeygrid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.circle{width:54px;height:54px;border-radius:50%;background:var(--g);border:1px solid var(--gold2);display:grid;place-items:center}.journey p{font-size:10px;color:#d8e0e2}
.service{text-align:left;padding:15px}.service .icon{float:left;margin-right:10px}.service h3{min-height:50px}
.product-layout{display:grid;grid-template-columns:245px 1fr;gap:32px}.side{border:1px solid var(--line);border-radius:6px;overflow:hidden}.side div{padding:12px 16px;border-bottom:1px solid #eee;font-size:12px}.side .sel{background:var(--g);color:#fff;font-weight:700}.product{text-align:center;padding:13px}.product img{height:115px;width:100%;object-fit:contain}.product h3{font-size:12px}.product p{font-size:10px}
.training img{height:125px;object-fit:cover}.training .pad{padding:12px}.training h3{font-size:12px}
.enroll{background:#00131fe8;padding:22px;border-radius:7px;max-width:300px;margin-left:auto}.enroll input,.enroll select,.form input,.form textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;margin:5px 0;font:inherit;font-size:12px}.enroll .btn{width:100%;text-align:center}
.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:17px}.filter{padding:8px 18px;border:1px solid #ddd;border-radius:4px;font-size:11px}.filter.active{background:var(--g);color:#fff;border-color:var(--g)}
.project img{height:140px;object-fit:cover}.dark{background:var(--n);color:#fff;border-radius:7px;padding:26px}.jobs{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.job{padding:16px;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 18px #0000000b}.job h3{font-size:13px}.job p{font-size:10px;line-height:1.6}
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px}.box{border:1px solid var(--line);border-radius:8px;padding:23px;box-shadow:0 4px 18px #0000000b}
.footer{background:#071017;color:#fff;padding:40px 0 18px}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr;gap:25px}.footer h4{font-size:12px}.footer p,.footer a{font-size:10px;line-height:1.9;color:#d8e0e3}.float{position:fixed;right:0;top:35%;z-index:60}.float a{display:block;width:76px;padding:12px 6px;text-align:center;color:#fff;font-size:10px;font-weight:700}.float i{display:block;font-size:21px;margin-bottom:5px}.wa{background:#24a843}.rq{background:var(--gold)}.call{background:#00131f}.down{background:var(--g)}
@media(max-width:1100px){.nav{gap:16px}.g6{grid-template-columns:repeat(3,1fr)}.g5{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(2,1fr)}.jobs{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar span:nth-child(2),.social{display:none}.header{height:76px}.logo{width:155px;height:62px}.nav{display:none}.quote{padding:10px 14px;font-size:10px}.hero{min-height:310px}.hero h1{font-size:34px}.stats{grid-template-columns:repeat(2,1fr);margin-top:0}.stat{border:0;padding:9px}.stat strong{font-size:21px}.g6,.g5,.g4,.g3,.values,.journeygrid,.two,.product-layout,.contact,.jobs{grid-template-columns:1fr}.section{padding:35px 0}.float{display:none}}

/* Brand and valued-client logo strips */
.brand-section{padding-top:12px;padding-bottom:28px}.logo-strip-wrap{width:100%;overflow:hidden;border-radius:10px;background:#fff}.logo-strip{display:block;width:100%;height:auto;max-height:92px;object-fit:contain;object-position:center;border:1px solid #e7ece8;border-radius:10px;background:#fff}.brand-section .title{margin-bottom:16px}@media(max-width:900px){.logo-strip{min-width:980px;max-width:none;height:70px;object-fit:cover;object-position:left center}.logo-strip-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* Functional selectors and image quality */
.product-layout .side > div{cursor:pointer;transition:.2s ease}.product-layout .side > div:hover{background:#f5fbf6;color:var(--g)}
.projects-filter .filter{cursor:pointer;user-select:none;transition:.2s ease}.projects-filter .filter:hover{border-color:var(--g);color:var(--g)}
.card img{image-rendering:auto}.product img{background:#fff}.project img,.training img,.thumb{image-rendering:auto}
@media(max-width:900px){.product-layout .side{position:sticky;top:82px;z-index:20;background:#fff}.product-layout .side{display:grid;grid-template-columns:repeat(2,1fr)}.product-layout .side div{border-right:1px solid #eee}.projects-filter{overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;padding-bottom:5px}.projects-filter .filter{white-space:nowrap}}
/* Home page reference-match refinements */
.hero-inner{position:relative;min-height:445px;display:flex;align-items:center}.hero-copy{padding-left:42px;max-width:620px}.hero .welcome{font-size:14px;margin:0 0 8px}.hero-desc{max-width:560px!important;margin:14px 0 18px!important}.hero-actions{display:flex;gap:8px;align-items:center}.hero-actions .btn{padding:11px 20px}.hero-actions .hero-outline{color:#fff;border-color:#fff}.hero-actions .hero-outline:hover{background:#fff;color:#101820}.hero-slide-index{position:absolute;left:-38px;top:50%;transform:translateY(-35%);display:flex;flex-direction:column;align-items:flex-start;gap:18px;color:#9ba5aa;font-size:16px}.hero-slide-index strong{color:#7bd32e}.hero-slide-index span{height:2px;width:38px;background:#7bd32e;margin-top:-10px}.hero-slide-index em{font-style:normal}.services-home{padding-top:30px}.services-home .title{margin-bottom:25px}.service-grid{gap:18px}.service-card{min-height:214px;text-align:center;padding:12px 10px 14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.service-icon{height:64px;width:82px;display:grid;place-items:center;margin-bottom:3px}.service-icon img{width:72px;height:72px;object-fit:contain}.service-card h3{font-size:13px;line-height:1.2;margin:2px 0 8px;min-height:31px}.service-card p{font-size:10.5px;line-height:1.55;min-height:49px;margin:0 0 8px}.service-card .btn{border:0;padding:4px 5px;font-size:10px;color:var(--g);margin-top:auto}.brand-section{padding-top:0}.brand-section .title{margin-bottom:12px}.logo-strip-wrap{border:0}.logo-strip{max-height:none;border:1px solid #e7ece8;border-radius:8px}
@media(max-width:1100px){.hero-copy{padding-left:0}.hero-slide-index{display:none}.service-card{min-height:220px}}

/* Training Academy reference-match page */
.training-hero{min-height:390px;background:url('assets/training-hero.jpg') center/cover no-repeat;position:relative;color:#fff}.training-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,14,23,.96) 0%,rgba(0,20,29,.82) 36%,rgba(0,20,29,.18) 78%,rgba(0,20,29,.75) 100%)}.training-hero-grid{position:relative;z-index:2;min-height:390px;display:grid;grid-template-columns:1fr 300px;gap:34px;align-items:center}.training-hero-copy{padding:22px 0}.training-kicker{font-size:12px;font-weight:700;letter-spacing:.8px;color:#9bdc35;margin-bottom:7px}.training-hero h1{font-size:40px;margin:0 0 3px;line-height:1.05}.training-hero h1 span{color:#6fd32d}.training-hero h2{font-size:21px;margin:8px 0 10px}.training-hero p{font-size:13px;line-height:1.7;max-width:560px}.training-benefits{display:grid;grid-template-columns:repeat(4,1fr);max-width:650px;margin-top:20px}.training-benefits>div{display:flex;gap:10px;align-items:center;border-right:1px solid #ffffff66;padding:0 15px}.training-benefits>div:first-child{padding-left:0}.training-benefits>div:last-child{border-right:0}.training-benefits i{font-size:25px;color:#8bd82f}.training-benefits span{font-size:11px;font-weight:600;line-height:1.4}.training-hero-form{background:#00131fe8;padding:20px;border-radius:6px}.training-hero-form h3{font-size:20px;margin:0}.training-hero-form p{margin:2px 0 10px;line-height:1.4}.training-hero-form input,.training-hero-form select{width:100%;padding:9px 11px;border:1px solid #ddd;border-radius:4px;margin:4px 0;font:inherit;font-size:11px}.training-hero-form button{width:100%;margin-top:7px;padding:11px}.training-courses{padding-top:28px}.training-course-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.training-course-card{background:#fff;border:1px solid #e5e9e6;border-radius:8px;box-shadow:0 4px 16px #0000000c;overflow:hidden;min-width:0}.training-course-image{position:relative}.training-course-image img{width:100%;height:122px;object-fit:cover}.course-icon{position:absolute;left:10px;bottom:-7px;width:36px;height:36px;background:var(--g);color:#fff;border-radius:5px;display:grid;place-items:center;border:2px solid #fff;font-size:15px}.training-course-body{padding:14px 12px 10px}.training-course-body h3{font-size:12px;line-height:1.25;margin:3px 0 8px;min-height:31px}.training-course-body h3 span{font-weight:800}.training-course-body .check{min-height:105px;margin:0 0 8px}.training-course-body .check li{font-size:9.5px;line-height:1.45;margin:4px 0}.course-footer{border-top:1px solid #e9ece9;padding-top:8px;display:flex;justify-content:space-between;gap:5px;align-items:center}.course-footer span{font-size:8.5px;white-space:nowrap}.course-footer a{font-size:8.5px;color:var(--g);font-weight:700;white-space:nowrap}.course-footer i{margin-right:3px}.training-lower{padding:0 0 35px}.training-lower-grid{display:grid;grid-template-columns:1.25fr 1.25fr 1fr;gap:14px}.why-training,.training-gallery,.success-story{background:#f7faf7;border:1px solid #e5e9e6;border-radius:8px;padding:18px}.training-lower h2{font-size:18px;text-align:center;margin:0 0 16px}.training-lower h2 span{color:var(--g)}.why-icons{display:grid;grid-template-columns:repeat(6,1fr)}.why-icons>div{text-align:center;border-right:1px solid #d8dfda;padding:5px 7px}.why-icons>div:last-child{border:0}.why-icons i{display:block;color:var(--g);font-size:23px;margin-bottom:6px}.why-icons b,.why-icons small{display:block;font-size:9px;line-height:1.3}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.gallery-grid img{width:100%;height:82px;object-fit:cover;border-radius:4px}.training-gallery .btn{display:block;width:max-content;margin:auto}.story-card{display:flex;gap:12px;align-items:center}.story-avatar{width:58px;height:58px;border-radius:50%;background:#dce8df;display:grid;place-items:center;color:var(--g);font-size:24px;flex:none}.story-card p{font-size:10px;line-height:1.55;margin:0 0 7px}.story-card b,.story-card small{display:block;font-size:9px}.training-cta{background:#00131f;color:#fff;padding:18px 0}.training-cta .container{display:grid;grid-template-columns:1.7fr auto 1fr 1.2fr;align-items:center;gap:20px}.training-cta h2{font-size:20px;margin:0}.training-cta h2 span{color:#6fd32d}.training-cta p{font-size:10px;margin:3px 0 0;color:#d9e2e4}.cta-contact{display:flex;gap:10px;align-items:center;border-left:1px solid #ffffff44;padding-left:20px;font-size:9px}.cta-contact i{color:#76d32e;font-size:24px}.cta-contact b{font-size:11px}@media(max-width:1200px){.training-course-grid{grid-template-columns:repeat(3,1fr)}.training-lower-grid{grid-template-columns:1fr 1fr}.success-story{grid-column:1/-1}.training-cta .container{grid-template-columns:1.5fr auto 1fr 1fr}}@media(max-width:800px){.training-hero-grid{grid-template-columns:1fr}.training-hero{padding:30px 0}.training-hero-form{max-width:360px}.training-benefits{grid-template-columns:repeat(2,1fr);gap:12px}.training-benefits>div{border:0;padding:0}.training-course-grid{grid-template-columns:repeat(2,1fr)}.training-lower-grid{grid-template-columns:1fr}.success-story{grid-column:auto}.why-icons{grid-template-columns:repeat(3,1fr);row-gap:12px}.training-cta .container{grid-template-columns:1fr;gap:12px}.cta-contact{border-left:0;padding-left:0}.training-hero h1{font-size:34px}}@media(max-width:520px){.training-course-grid{grid-template-columns:1fr}.training-benefits{grid-template-columns:1fr 1fr}.training-course-image img{height:180px}}

/* REX final review corrections */
.logo{width:205px;height:86px;object-fit:contain;object-position:center;display:block}.footer-logo{width:170px;height:auto;background:#fff;padding:4px;border-radius:3px;display:block}.service-ref-icon{background:var(--g);width:52px!important;height:52px!important;border-radius:6px;display:grid!important;place-items:center!important;padding:7px;box-sizing:border-box}.service-ref-icon img{width:38px!important;height:38px!important;filter:brightness(0) invert(1);object-fit:contain}.service .icon{margin-bottom:8px}.service .thumb{width:100%;height:170px;object-fit:cover;object-position:center;image-rendering:auto}.service .check{list-style:none;padding:0;margin:8px 0}.service .check li{display:flex;gap:7px;align-items:flex-start;margin:6px 0;font-size:11px}.service .check li i{color:var(--g);font-size:11px;margin-top:2px}.about-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:18px}.about-stats>div{background:#fff;border:1px solid #e4e9e5;border-radius:10px;padding:12px 8px;text-align:center;box-shadow:0 2px 8px #0000000a}.about-stats strong{display:block;color:#0d4f22;font-size:24px}.about-stats small{font-size:9px;font-weight:700}.journey-five{grid-template-columns:repeat(5,1fr)}.journey-five>div{min-width:0}.client-names{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.client-names div{border:1px solid #e4e9e5;border-radius:8px;padding:18px;text-align:center;font-weight:700;color:#124f26;background:#fff;box-shadow:0 2px 8px #0000000a}.product-layout .product img{width:100%;height:155px;object-fit:contain;object-position:center;background:#fff;image-rendering:auto}.product-layout .product{min-height:285px}.product-layout .side>div{cursor:pointer}.product-layout .side>div:hover{background:#eff8ef}.product-layout .side>div.sel{background:var(--g);color:#fff}.brand-section .logo-strip{width:100%;height:auto;object-fit:contain}.footer p{line-height:1.55}.training-course-image img{object-fit:cover;object-position:center;image-rendering:auto}@media(max-width:900px){.about-stats{grid-template-columns:repeat(2,1fr)}.journey-five{grid-template-columns:1fr}.client-names{grid-template-columns:1fr}.logo{width:165px;height:70px}}

.logo-carousel{display:flex;align-items:center;gap:8px}.logo-carousel .logo-strip-wrap{flex:1;overflow:hidden;border:1px solid #e7ece8;border-radius:8px}.logo-carousel .logo-strip{min-width:1200px;width:100%;max-width:none}.brand-arrow{width:34px;height:34px;border:1px solid #dfe7e1;background:#fff;border-radius:50%;font-size:25px;line-height:1;color:#17652c;cursor:pointer;flex:0 0 auto}.brand-arrow:hover{background:#17652c;color:#fff}.product-help{padding:18px;margin-top:20px;text-align:center}.product-help i{font-size:28px;color:var(--g);display:block;margin-bottom:8px}.product-help p{font-size:11px}.product-help .btn{border:1px solid var(--g);padding:8px 12px}.product-hero h1{margin-bottom:4px}
@media(max-width:900px){.logo-carousel .logo-strip{min-width:1000px}.brand-arrow{display:none}}

/* === FROZEN REFERENCE PAGES: exact visual layout === */
.reference-page{background:#fff;color:#101820}.reference-page .header{height:106px;position:relative;top:auto}.reference-page .container{width:1415px;max-width:92%}.reference-page .logo{width:270px;height:94px;object-fit:contain;object-position:left center}.reference-page .nav{gap:31px;font-size:13px}.reference-page .nav a{padding:39px 0 30px}.reference-page .nav a.active:after{background:#116b2a;height:3px;bottom:24px}.reference-page .quote{padding:14px 24px;font-size:13px}.reference-page .topbar{height:39px}.reference-page .topbar i{color:#61b82d}.reference-page .topbar .social a{background:transparent;font-size:14px}

/* services */
.ref-service-hero{height:230px;position:relative;background:url('assets/services-hero.jpg') center/cover no-repeat;color:#fff;overflow:hidden}.ref-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,10,16,.97) 0%,rgba(0,15,22,.80) 29%,rgba(0,0,0,.12) 76%,rgba(0,0,0,.05) 100%)}.ref-hero-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center}.ref-hero-content h1{font-size:46px;line-height:1;margin:0 0 10px;font-weight:800}.ref-hero-content h2{font-size:23px;line-height:1.2;color:#5ac72a;margin:0 0 10px;font-weight:700}.ref-hero-content p{font-size:13px;line-height:1.65;margin:0}.ref-breadcrumb{height:39px;display:flex;align-items:center;gap:11px;font-size:12px}.ref-breadcrumb span{color:#16882e;font-size:18px}.ref-breadcrumb b{color:#11752a}.ref-services{padding:0 0 22px}.service-ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-ref-card{height:244px;border:1px solid #e1e7e2;border-radius:8px;background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.07);padding:9px 13px 8px;position:relative;overflow:hidden}.service-ref-head{display:flex;align-items:center;gap:11px;height:52px}.service-ref-icon{width:50px;height:50px;border-radius:6px;background:#0d6d25;color:#fff;display:grid;place-items:center;flex:0 0 50px}.service-ref-icon img{width:36px;height:36px;filter:brightness(0) invert(1);object-fit:contain}.service-ref-icon i{font-size:25px}.service-ref-head h3{font-size:17px;line-height:1.1;margin:0;font-weight:800;color:#0a0d0c}.service-ref-body{display:grid;grid-template-columns:1fr 153px;gap:9px;margin-top:5px;height:163px}.service-ref-body ul{padding:0;margin:0;list-style:none}.service-ref-body li{font-size:10px;line-height:1.2;margin:0 0 7px;white-space:nowrap}.service-ref-body li:before{content:'✓';display:inline-grid;place-items:center;width:12px;height:12px;border:1.6px solid #16802d;border-radius:50%;color:#16802d;font-weight:900;font-size:8px;margin-right:7px}.service-ref-body img{width:153px;height:165px;object-fit:cover;border-radius:3px}.service-more{position:absolute;left:13px;bottom:9px;font-size:10px;color:#0b6e28;font-weight:700}.service-more span{font-size:17px;margin-left:4px}.service-why{margin-top:18px;background:#f4f8f4;border-radius:8px;min-height:95px}.service-why h2{font-size:17px;text-align:center;margin:0;padding:6px 0 7px;font-weight:800}.service-why h2 span{color:#d79b13;margin:0 10px}.service-why h2 b{color:#116c29}.why-ref-grid{display:grid;grid-template-columns:repeat(5,1fr);height:60px}.why-ref-grid>div{display:flex;align-items:center;justify-content:center;gap:16px;border-right:1px solid #ccd5cf}.why-ref-grid>div:last-child{border:0}.why-ref-grid i{font-size:28px;color:#14782c}.why-ref-grid p{font-size:13px;line-height:1.3;margin:0}

/* about */
.ref-about-hero{height:180px;position:relative;background:url('assets/about-hero.jpg') center/cover no-repeat;color:#fff;overflow:hidden}.ref-about-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,52,26,.95) 0%,rgba(0,52,26,.77) 26%,rgba(0,0,0,.08) 55%,rgba(0,0,0,.10) 100%)}.ref-about-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center}.ref-about-content h1{font-size:49px;margin:0 0 13px;font-weight:800}.ref-about-content div{font-size:14px}.ref-about-content span{color:#5ac72a;margin:0 10px}.ref-about-content b{color:#f1c13c}.ref-about-main{padding:18px 0 20px}.about-overview{display:grid;grid-template-columns:1.02fr .95fr 245px;gap:18px;align-items:center}.overview-copy{padding-left:4px}.eyebrow{font-size:13px;color:#17652b}.overview-copy h2{font-size:22px;margin:8px 0 5px;color:#0d1730}.gold-line{width:38px;height:2px;background:#dba50d;margin:0 0 12px}.overview-copy p{font-size:11.5px;line-height:1.75;margin:0 0 12px}.about-building-ref{width:100%;height:265px;object-fit:cover;border-radius:12px}.about-stats-ref{height:265px;border:1px solid #e2e7e3;border-radius:11px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:7px 12px}.about-stats-ref>div{height:50px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:25px 18px;column-gap:10px;align-items:center;border-bottom:1px solid #e0e5e1}.about-stats-ref>div:last-child{border-bottom:0}.about-stats-ref i{grid-row:1/3;color:#1c7330;font-size:23px;text-align:center}.about-stats-ref strong{font-size:21px;color:#0b4f20;line-height:1}.about-stats-ref small{font-size:9px;font-weight:600}.values-ref{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:14px}.values-ref>div{height:135px;border:1px solid #e2e7e3;border-radius:9px;box-shadow:0 2px 9px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.values-ref i{font-size:29px;color:#176f2a;margin-bottom:6px}.values-ref b{font-size:12px}.values-ref p{font-size:10px;line-height:1.55;margin:6px 0 0}.journey-ref{margin-top:14px;background:linear-gradient(100deg,#003c22,#001827);border-radius:11px;color:#fff;padding:12px 17px 16px}.journey-ref h2{font-size:18px;margin:0 0 5px}.journey-line-ref{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;position:relative}.journey-line-ref:before{content:"";position:absolute;left:48px;right:40px;top:35px;height:1px;background:#b6c1bb}.journey-item{display:grid;grid-template-columns:57px 1fr;gap:9px;position:relative;z-index:1}.journey-icon{width:53px;height:53px;border-radius:50%;border:2px solid #55b52d;background:#0e5b28;display:grid;place-items:center;font-size:20px}.journey-item b{display:block;font-size:13px;color:#fff}.journey-item strong{display:block;font-size:10px;color:#f3b51a;margin:3px 0}.journey-item p{font-size:9px;line-height:1.4;color:#dce7e0;margin:0}.journey-final .journey-icon{border-color:#e5a70d}.journey-final b{color:#f2bd2e}.about-cta{width:950px;max-width:92%;margin:15px auto 0;background:#061b36;color:#fff;border-radius:7px;height:70px;display:grid;grid-template-columns:55px 1fr 180px;align-items:center;padding:0 30px;gap:14px}.about-cta>div:first-child{width:43px;height:43px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:21px}.about-cta h3{margin:0;color:#f3b51a;font-size:16px}.about-cta p{margin:2px 0 0;font-size:9px}.about-cta a{background:#e2a715;color:#fff;padding:12px 16px;border-radius:5px;text-align:center;font-weight:700;font-size:12px}.about-cta a span{font-size:18px;margin-left:12px}

/* products */
.ref-product-hero{height:215px;position:relative;background:url('assets/products-hero.jpg') center/cover no-repeat;color:#fff;overflow:hidden}.ref-product-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,10,16,.97) 0%,rgba(0,15,22,.77) 32%,rgba(0,0,0,.08) 68%,rgba(0,0,0,.05) 100%)}.ref-product-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center}.ref-product-content h1{font-size:46px;margin:0 0 6px}.ref-product-content h2{font-size:22px;color:#59c52b;margin:0 0 8px}.ref-product-content p{font-size:13px;line-height:1.55;margin:0}.ref-products-main{padding:10px 0 0}.ref-products-layout{display:grid;grid-template-columns:270px 1fr;gap:38px}.product-side-ref h3{font-size:14px;color:#126b2a;margin:6px 0 10px}.product-side-list{border:1px solid #e1e7e2;border-radius:6px;overflow:hidden}.product-side-list button{width:100%;height:36px;border:0;border-bottom:1px solid #e6ebe7;background:#fff;text-align:left;padding:0 14px;font:inherit;font-size:11px;display:flex;align-items:center;gap:12px;cursor:pointer;color:#111}.product-side-list button:last-child{border-bottom:0}.product-side-list button i{width:18px;text-align:center;font-size:16px}.product-side-list button span{margin-left:auto;font-size:19px}.product-side-list button.active{background:#0c6b28;color:#fff;font-weight:700}.product-help-ref{height:94px;border:1px solid #e1e7e2;border-radius:6px;margin-top:20px;padding:10px 15px;box-shadow:0 2px 8px rgba(0,0,0,.05);position:relative}.product-help-ref i{position:absolute;left:12px;top:16px;color:#16802d;font-size:25px}.product-help-ref b{display:block;margin-left:40px;font-size:12px}.product-help-ref p{font-size:9px;margin:2px 0 7px 40px}.product-help-ref a{display:block;width:105px;margin-left:40px;border:1px solid #17752c;border-radius:4px;padding:6px 9px;color:#126b2a;font-size:9px;font-weight:700;text-align:center}.product-main-head{display:flex;align-items:center;justify-content:space-between;margin:25px 0 10px}.product-main-head h2{font-size:19px;margin:0}.product-main-head h2:after{content:"";display:block;width:35px;height:2px;background:#11702c;margin-top:4px}.product-main-head button{background:#fff;border:1px solid #6da782;border-radius:5px;padding:7px 13px;color:#0f6828;font-size:9px;font-weight:700}.product-grid-ref{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.product-ref-card{height:185px;border:1px solid #e1e7e2;border-radius:7px;box-shadow:0 2px 8px rgba(0,0,0,.05);text-align:center;padding:8px;background:#fff}.product-ref-card img{width:100%;height:86px;object-fit:contain}.product-ref-card h3{font-size:11px;margin:5px 0 3px}.product-ref-card p{font-size:9px;line-height:1.35;margin:0 0 5px}.product-ref-card a{font-size:9px;color:#0b6d28;font-weight:700}.ref-brands{padding:12px 0 12px}.ref-brands h2{text-align:center;font-size:17px;margin:0 0 10px}.ref-brands h2 span{color:#13752b;margin:0 10px}.ref-brands h2 b{font-weight:500}.brand-ref-strip{display:grid;grid-template-columns:35px 1fr 35px;align-items:center;gap:8px}.brand-ref-strip img{width:100%;height:48px;object-fit:contain;border:1px solid #e2e8e3;border-radius:6px}.brand-ref-strip button{border:0;background:#fff;font-size:28px;cursor:pointer}.product-benefits{background:#00131f;color:#fff;margin:0 0 12px}.product-benefits>.container{height:92px;display:grid;grid-template-columns:repeat(5,1fr) 2.1fr;align-items:center}.product-benefits .container>div{height:56px;border-right:1px solid #ffffff44;display:flex;align-items:center;justify-content:center;gap:9px}.product-benefits i{color:#79d32d;font-size:25px}.product-benefits b{font-size:12px}.product-benefits span{font-size:9px}.benefit-quote{display:grid!important;grid-template-columns:1fr auto;grid-template-rows:1fr 1fr;padding-left:20px;border-right:0!important}.benefit-quote b{grid-column:1/2}.benefit-quote span{grid-column:1/2}.benefit-quote a{grid-column:2;grid-row:1/3;background:#ed8b00;color:#fff;padding:10px 13px;border-radius:4px;font-size:9px;font-weight:700}.ref-whatsapp{position:fixed;right:20px;bottom:25px;z-index:60}.ref-whatsapp a{width:52px;height:52px;border-radius:50%;background:#16a447;color:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 3px 10px #0004}

/* products category behavior */
.product-ref-card.hidden{display:none}.product-main-ref{min-width:0}

@media(max-width:1100px){.reference-page .nav{gap:16px}.reference-page .logo{width:220px}.service-ref-grid{grid-template-columns:repeat(2,1fr)}.about-overview{grid-template-columns:1fr 1fr}.about-stats-ref{grid-column:1/-1;height:auto;display:grid;grid-template-columns:repeat(5,1fr)}.about-stats-ref>div{border-bottom:0;border-right:1px solid #e0e5e1}.values-ref{grid-template-columns:repeat(3,1fr)}.journey-line-ref{grid-template-columns:repeat(3,1fr)}.journey-line-ref:before{display:none}.product-grid-ref{grid-template-columns:repeat(3,1fr)}.product-benefits>.container{grid-template-columns:repeat(3,1fr);height:auto;padding:10px 0}.benefit-quote{grid-column:1/-1}.ref-products-layout{grid-template-columns:220px 1fr}}
@media(max-width:760px){.reference-page .header{height:76px}.reference-page .logo{width:170px;height:70px}.reference-page .nav{display:none}.reference-page .quote{font-size:9px;padding:10px 12px}.ref-service-hero,.ref-product-hero{height:auto;min-height:260px}.ref-hero-content,.ref-product-content{padding:25px 0}.service-ref-grid,.about-overview,.values-ref,.product-grid-ref{grid-template-columns:1fr}.about-stats-ref{grid-template-columns:1fr 1fr}.journey-line-ref{grid-template-columns:1fr}.ref-products-layout{grid-template-columns:1fr}.product-benefits>.container{grid-template-columns:1fr 1fr}.about-cta{width:92%;grid-template-columns:45px 1fr}.about-cta a{grid-column:2}.ref-breadcrumb{height:35px}.service-ref-card{height:auto;min-height:244px}.service-ref-body{grid-template-columns:1fr 135px}.service-ref-body img{width:135px}.service-why{display:none}}

/* training frozen reference */
.training-ref-hero{height:290px;position:relative;background:url('assets/training-hero.jpg') center/cover no-repeat;color:#fff}.training-ref-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,15,23,.97),rgba(0,20,29,.83) 34%,rgba(0,20,29,.12) 78%,rgba(0,20,29,.72))}.training-ref-grid{position:relative;height:100%;display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:center}.training-ref-copy h1{font-size:34px;margin:0 0 3px}.training-ref-copy h1 span{color:#62c72c}.training-ref-copy h2{font-size:18px;margin:0 0 9px}.training-ref-copy p{font-size:11.5px;line-height:1.65;margin:0}.training-ref-benefits{display:grid;grid-template-columns:repeat(4,1fr);max-width:650px;margin-top:17px}.training-ref-benefits>div{display:flex;align-items:center;gap:9px;border-right:1px solid #fff5;padding:0 14px}.training-ref-benefits>div:first-child{padding-left:0}.training-ref-benefits>div:last-child{border:0}.training-ref-benefits i{color:#76d32e;font-size:23px}.training-ref-benefits span{font-size:10px;line-height:1.3;text-align:center}.training-ref-form{background:#00131fee;padding:18px 20px;border-radius:5px}.training-ref-form h3{font-size:18px;margin:0}.training-ref-form p{font-size:10px;line-height:1.4;margin:2px 0 7px}.training-ref-form input,.training-ref-form select{width:100%;height:32px;margin:3px 0;border:1px solid #ddd;border-radius:4px;padding:0 10px;font:inherit;font-size:10px}.training-ref-form button{width:100%;height:34px;margin-top:6px;border:0;border-radius:4px;background:#19962e;color:#fff;font-weight:700;font-size:10px}.training-ref-courses{padding:18px 0 20px}.training-ref-courses>div>h2,.training-ref-lower h2{text-align:center;font-size:19px;margin:0 0 15px}.training-ref-courses>div>h2 span,.training-ref-lower h2 span{color:#16752b}.training-ref-courses>div>h2:before,.training-ref-courses>div>h2:after{content:"";display:inline-block;width:37px;height:2px;background:#17772d;vertical-align:middle;margin:0 13px}.training-ref-course-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.training-ref-course-grid article{border:1px solid #e1e7e2;border-radius:7px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;background:#fff}.training-ref-image{height:112px;position:relative;padding:9px}.training-ref-image img{width:100%;height:100%;object-fit:cover;border-radius:4px}.training-ref-image i{position:absolute;left:10px;bottom:2px;width:35px;height:35px;border-radius:4px;background:#0d6d25;color:#fff;border:2px solid #fff;display:grid;place-items:center}.training-ref-course-grid article h3{font-size:11px;line-height:1.25;margin:9px 10px 5px;min-height:29px}.training-ref-course-grid article h3 span{font-weight:800}.training-ref-course-grid ul{list-style:none;padding:0 10px;margin:0;min-height:77px}.training-ref-course-grid li{font-size:8.7px;line-height:1.35;margin:4px 0}.training-ref-course-grid li:before{content:'✓';color:#0e7a2c;font-weight:900;margin-right:5px}.training-ref-course-grid footer{border-top:1px solid #e5e9e5;padding:7px 10px;display:flex;justify-content:space-between;gap:4px}.training-ref-course-grid footer span,.training-ref-course-grid footer a{font-size:8px}.training-ref-course-grid footer a{color:#0b6e29;font-weight:700}.training-ref-lower{padding-bottom:12px}.training-ref-lower-grid{display:grid;grid-template-columns:1.25fr 1.05fr .9fr;gap:12px}.why-academy,.training-gallery-ref,.success-ref{background:#f5f9f5;border:1px solid #e2e7e2;border-radius:7px;padding:14px}.training-ref-lower h2{font-size:16px;margin-bottom:13px}.academy-icons{display:grid;grid-template-columns:repeat(6,1fr)}.academy-icons>div{border-right:1px solid #d6ded7;text-align:center}.academy-icons>div:last-child{border:0}.academy-icons i{display:block;color:#0f6d29;font-size:21px;margin-bottom:4px}.academy-icons b,.academy-icons small{display:block;font-size:8px}.training-gallery-ref>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.training-gallery-ref img{width:100%;height:72px;object-fit:cover;border-radius:4px}.training-gallery-ref>a{display:block;width:max-content;margin:8px auto 0;background:#17772d;color:#fff;padding:7px 13px;border-radius:4px;font-size:8px;font-weight:700}.success-body{display:flex;gap:12px;align-items:center}.success-avatar{width:58px;height:58px;border-radius:50%;background:#dfe8df;color:#176d2a;display:grid;place-items:center;font-size:19px;font-weight:700;flex:0 0 auto}.success-body p{font-size:9px;line-height:1.5;margin:0 0 6px}.success-body b,.success-body small{display:block;font-size:8px}.training-ref-cta{background:#00131f;color:#fff;padding:16px 0}.training-ref-cta>.container{height:55px;display:grid;grid-template-columns:1.7fr auto 1fr 1.2fr;align-items:center;gap:18px}.training-ref-cta h2{font-size:18px;margin:0}.training-ref-cta h2 span{color:#69cf31}.training-ref-cta p{font-size:9px;margin:2px 0 0}.training-ref-cta>a{background:#1b982f;color:#fff;padding:10px 20px;border-radius:4px;font-size:10px;font-weight:700}.training-ref-cta>.container>div:nth-child(3),.training-ref-cta>.container>div:nth-child(4){display:flex;align-items:center;gap:9px;border-left:1px solid #ffffff44;padding-left:18px;font-size:8px}.training-ref-cta i{color:#73d32d;font-size:21px}.training-ref-cta b{font-size:10px}
@media(max-width:1100px){.training-ref-course-grid{grid-template-columns:repeat(3,1fr)}.training-ref-lower-grid{grid-template-columns:1fr 1fr}.success-ref{grid-column:1/-1}}
@media(max-width:760px){.training-ref-grid{grid-template-columns:1fr;height:auto;padding:25px 0}.training-ref-hero{height:auto}.training-ref-benefits{grid-template-columns:1fr 1fr}.training-ref-course-grid{grid-template-columns:1fr 1fr}.training-ref-lower-grid{grid-template-columns:1fr}.success-ref{grid-column:auto}.training-ref-cta>.container{height:auto;grid-template-columns:1fr}.training-ref-cta>.container>div:nth-child(3),.training-ref-cta>.container>div:nth-child(4){border:0;padding-left:0}}
.category-empty{grid-column:1/-1;border:1px dashed #b6c6ba;padding:35px;text-align:center;color:#55705d;font-size:12px}

/* CLARITY / SHARPNESS FREEZE
   Keep all approved page layouts intact while ensuring text, icons and images render cleanly. */
img{image-rendering:auto;-webkit-font-smoothing:antialiased;backface-visibility:hidden;transform:translateZ(0)}
.service-icon img,.service-ref-icon img,.product-img img,.training-ref-image img,.training-gallery-ref img{image-rendering:auto;filter:none;opacity:1}
.service-icon,.service-ref-icon{display:grid;place-items:center}
.service-icon img{width:48px;height:48px;object-fit:contain}
.service-ref-icon img{width:42px;height:42px;object-fit:contain}
.service-card h3,.service-ref-card h3,.product-card h3,.training-ref-course-grid article h3{font-weight:800;-webkit-font-smoothing:antialiased}
.service-card p,.service-ref-card li,.product-card p,.training-ref-course-grid article li{font-weight:500;-webkit-font-smoothing:antialiased}
/* Never upscale raster assets beyond their natural quality. */
.product-img img{max-width:100%}
/* Use the approved master REX logo consistently. */
.logo,.footer-logo{object-fit:contain;image-rendering:auto}

/* FINAL PAGE LOCK - Projects and Careers reference layouts */
.project-ref-hero{height:230px;position:relative;background:url('assets/projects-hero.jpg') center/cover no-repeat;color:#fff;overflow:hidden}.project-ref-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,13,22,.98) 0%,rgba(0,18,28,.84) 31%,rgba(0,0,0,.10) 72%,rgba(0,0,0,.18) 100%)}.project-ref-hero-inner{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.project-ref-hero h1{font-size:31px;line-height:1;margin:0 0 7px;font-weight:800}.project-ref-hero h1 span{color:#55c82c}.project-ref-hero h2{font-size:25px;line-height:1.1;margin:0 0 12px}.project-ref-hero .gold-line{width:65px;height:2px;background:#6cc72f;margin:0 0 13px}.project-ref-hero p{font-size:11px;line-height:1.65;margin:0}.project-ref-hero .crumb{font-size:10px;margin-top:9px}.project-ref-hero .crumb span{color:#67c92d;margin:0 7px}.project-ref-hero .crumb b{color:#63c72e}.project-hero-stats{width:235px;background:rgba(0,18,31,.88);border-radius:6px;padding:10px 16px}.project-hero-stats div{display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;column-gap:9px;margin:3px 0}.project-hero-stats i{grid-row:1/3;color:#65d02f;font-size:24px;align-self:center}.project-hero-stats strong{font-size:18px;line-height:1}.project-hero-stats small{font-size:9px;color:#fff}.project-ref-main{padding:17px 0 18px}.project-ref-main .title{text-align:center;font-size:19px;margin:0 0 13px}.project-ref-filters{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:15px}.project-ref-filters button{background:#fff;border:1px solid #dfe6e0;border-radius:5px;padding:7px 18px;font-size:10px;cursor:pointer}.project-ref-filters button.active{background:#15802d;color:#fff;border-color:#15802d}.project-ref-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.project-ref-card{border:1px solid #e1e7e2;border-radius:7px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;background:#fff}.project-ref-card>img{width:100%;height:104px;object-fit:cover;display:block}.project-ref-card-body{position:relative;padding:9px 10px 10px}.project-icon{position:absolute;left:8px;top:-29px;width:34px;height:34px;border-radius:5px;background:#0f752a;color:#fff;border:2px solid #fff;display:grid;place-items:center}.project-ref-card h3{font-size:11px;margin:0 0 5px;line-height:1.2;padding-left:1px}.project-ref-card b{font-size:9px}.project-ref-card b span{color:#14822e}.project-ref-card p{font-size:8.5px;line-height:1.5;min-height:52px;margin:6px 0}.project-ref-card small{font-size:8px;color:#2d4133}.project-ref-card a{display:block;width:95px;border:1px solid #83aa8d;border-radius:4px;color:#146f28;text-align:center;padding:5px 4px;margin-top:8px;font-size:8px;font-weight:700}.project-metrics{display:grid;grid-template-columns:repeat(6,1fr);margin-top:18px;background:#f5f8f5;border-radius:7px;border:1px solid #edf0ed;padding:12px 0}.project-metrics div{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:5px;align-items:center;border-right:1px solid #d7dfd9;padding:0 12px}.project-metrics div:last-child{border:0}.project-metrics i{grid-row:1/3;color:#177a2c;font-size:25px;text-align:center}.project-metrics strong{font-size:18px;line-height:1}.project-metrics small{font-size:8.5px}.project-ref-cta{background:#00131f;color:#fff;padding:12px 0}.project-ref-cta>.container{display:grid;grid-template-columns:1.9fr auto .8fr .9fr;align-items:center;gap:18px}.project-ref-cta>.container>div{display:flex;align-items:center;gap:11px}.project-ref-cta>.container>div+div{border-left:1px solid #ffffff3d;padding-left:18px}.project-ref-cta i{font-size:27px;color:#68d02e}.project-ref-cta h3{font-size:13px;margin:0}.project-ref-cta p{font-size:8.5px;line-height:1.4;margin:2px 0 0}.project-ref-cta a{background:#188a2f;color:#fff;padding:10px 18px;border-radius:4px;font-size:9px;font-weight:700;white-space:nowrap}

.career-ref-hero{height:235px;position:relative;background:url('assets/careers-hero.jpg') center/cover no-repeat;color:#fff;overflow:hidden}.career-ref-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,14,23,.98) 0%,rgba(0,18,28,.86) 34%,rgba(0,0,0,.10) 74%,rgba(0,12,20,.82) 100%)}.career-ref-hero-inner{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.career-ref-hero h1{font-size:31px;line-height:1.03;margin:0 0 11px;font-weight:800}.career-ref-hero h1 span{color:#54c82a}.career-ref-hero p{font-size:11px;line-height:1.65;margin:0}.career-ref-hero .crumb{font-size:10px;margin-top:10px}.career-ref-hero .crumb span{color:#5bc92b;margin:0 7px}.career-ref-hero .crumb b{color:#5bc92b}.career-hero-benefits{width:188px;background:rgba(0,18,31,.72);border:1px solid #72818a;border-radius:6px;padding:8px 12px}.career-hero-benefits div{display:flex;align-items:center;gap:10px;font-size:10px;padding:8px 0;border-bottom:1px dashed #ffffff4d}.career-hero-benefits div:last-child{border-bottom:0}.career-hero-benefits i{color:#6ad02d;font-size:17px;width:20px;text-align:center}.career-ref-main{padding:14px 0 0}.career-opening-head{text-align:center}.career-opening-head h2{font-size:18px;margin:0}.career-opening-head h2 span{color:#16752c}.career-line{width:48px;height:2px;background:#14742b;margin:5px auto 11px}.career-openings{display:grid;grid-template-columns:repeat(5,1fr) 1.1fr;gap:10px}.career-openings article{border:1px solid #e0e7e1;border-radius:7px;padding:14px 12px 11px;background:#fff;box-shadow:0 2px 8px #0000000a;min-height:195px}.career-job-icon{width:48px;height:48px;border-radius:50%;background:#eaf5e9;color:#176e2a;display:grid;place-items:center;float:left;margin-right:10px;font-size:22px}.career-openings article h3{font-size:11px;padding-top:4px;margin:0 0 3px;min-height:24px}.career-openings article>b{font-size:8px;color:#ef6d0d;font-weight:600}.career-openings article p{font-size:8.5px;line-height:1.5;clear:both;margin:8px 0 0}.career-openings article p i{color:#177a2d;margin-right:3px}.career-openings article a{display:block;width:105px;border:1px solid #7ba789;border-radius:4px;color:#16732b;text-align:center;padding:6px 5px;font-size:8px;font-weight:700;margin-top:9px}.career-why{grid-column:auto;background:#00162a;color:#fff;border-radius:7px;padding:12px 14px}.career-why h3{color:#62cc2e;font-size:11px;margin:0 0 8px}.career-why div{font-size:8.5px;display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed #ffffff44}.career-why div:last-child{border:0}.career-why i{color:#63cf2e;width:18px;text-align:center}.career-lower{display:grid;grid-template-columns:1fr 1.2fr 1.1fr;gap:12px;margin:13px 0 10px}.career-lower .box{border:1px solid #e0e6e1;border-radius:7px;background:#fff;overflow:hidden;min-height:135px}.career-lower h2{font-size:13px;margin:12px 13px 4px}.career-gold-line{width:35px;height:2px;background:#5fbf2c;margin:0 13px 10px}.career-apply{padding-bottom:10px}.career-apply p{font-size:9px;line-height:1.5;margin:0 13px 7px}.career-apply strong{display:block;color:#15712a;font-size:9px;margin:0 13px 6px}.career-green-btn{display:inline-block;background:#177e2d;color:#fff;padding:9px 15px;border-radius:4px;font-size:8px;font-weight:700;margin:3px 13px}.career-process{padding-bottom:7px}.process-steps{display:grid;grid-template-columns:repeat(5,1fr);padding:5px 10px 0}.process-steps>div{text-align:center;position:relative}.process-steps i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eef7eb;color:#16772b;margin:0 auto 3px;font-size:18px}.process-steps b{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#16772b;color:#fff;font-size:8px;margin:-10px auto 4px;position:relative}.process-steps span{display:block;font-size:7.5px;line-height:1.3}.career-intern{display:grid;grid-template-columns:1fr 165px}.career-intern>div{padding-bottom:8px}.career-intern p{font-size:8.5px;line-height:1.5;margin:0 13px 9px}.career-intern a{display:inline-block;border:1px solid #76a480;color:#166e29;padding:8px 11px;border-radius:4px;font-size:8px;font-weight:700;margin-left:13px}.career-intern img{width:100%;height:100%;object-fit:cover}.career-bottom{background:#00131f;color:#fff;border-radius:6px;padding:10px 22px;display:grid;grid-template-columns:1.8fr auto .8fr 1fr;gap:18px;align-items:center;margin-bottom:0}.career-bottom>div{display:flex;align-items:center;gap:10px}.career-bottom>div+div{border-left:1px solid #ffffff44;padding-left:18px}.career-bottom i{font-size:27px;color:#6acf2e}.career-bottom h3{font-size:12px;margin:0}.career-bottom p{font-size:8px;line-height:1.4;margin:2px 0 0}.career-bottom a{border:1px solid #91a0aa;color:#fff;padding:9px 14px;border-radius:4px;font-size:8px;font-weight:700;white-space:nowrap}.career-bottom span{font-size:8px}.career-bottom b{font-size:9px}

@media(max-width:1100px){.project-ref-grid{grid-template-columns:repeat(3,1fr)}.project-metrics{grid-template-columns:repeat(3,1fr);row-gap:10px}.project-metrics div:nth-child(3){border:0}.project-ref-cta>.container{grid-template-columns:1fr 1fr}.career-openings{grid-template-columns:repeat(3,1fr)}.career-why{grid-column:1/-1}.career-lower{grid-template-columns:1fr 1fr}.career-intern{grid-column:1/-1}.career-bottom{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.project-ref-hero{height:auto;min-height:380px}.project-ref-hero-inner{padding:25px 0;align-items:flex-start;flex-direction:column}.project-hero-stats{width:100%}.project-ref-grid{grid-template-columns:1fr}.project-metrics{grid-template-columns:1fr 1fr}.project-ref-cta>.container{grid-template-columns:1fr}.project-ref-cta>.container>div+div{border-left:0;padding-left:0}.career-ref-hero{height:auto;min-height:430px}.career-ref-hero-inner{padding:25px 0;align-items:flex-start;flex-direction:column}.career-hero-benefits{width:100%}.career-openings{grid-template-columns:1fr}.career-lower{grid-template-columns:1fr}.career-intern{grid-column:auto}.career-bottom{grid-template-columns:1fr}.career-bottom>div+div{border-left:0;padding-left:0}.career-bottom a{width:max-content}}
.project-valued-clients{padding:0 0 18px}.project-valued-clients h2{text-align:center;font-size:16px;margin:0 0 9px}.project-valued-clients h2 span{color:#17752b}.valued-client-strip{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:7px}.valued-client-strip button{border:0;background:#fff;font-size:28px;color:#14722b;cursor:pointer}.valued-client-strip>div{overflow:hidden;border:1px solid #e2e8e3;border-radius:6px;background:#fff}.valued-client-strip img{display:block;width:100%;height:60px;object-fit:contain}

/* FINAL CONSISTENCY / CLARITY PASS */
.logo{width:265px;height:88px;object-fit:contain;object-position:center;background:#fff}.footer .footgrid>div:first-child img{width:230px!important;height:auto!important;object-fit:contain;background:#fff;padding:4px;border-radius:4px}.footer .footgrid>div:first-child p{max-width:260px}.header{height:108px}.nav a{padding-top:37px}.header .container{gap:20px}
.home-hero-slider{transition:background-image .35s ease}.hero-slide-index{left:-2px;top:50%;transform:translateY(-35%);gap:12px}.hero-slide-link{width:32px;height:28px;border:1px solid #ddd;background:#fff;color:#102a43;border-radius:3px;cursor:pointer;font:600 13px Poppins,Arial}.hero-slide-link.active{background:#f4fff0;color:#159447;border-color:#159447}.brand-carousel{position:relative}.brand-track{display:block!important}.brand-slide{width:100%;height:76px;object-fit:contain;display:block}.brand-viewport{overflow:hidden}
.ref-about-hero,.ref-product-hero,.ref-services-hero,.training-ref-hero,.project-ref-hero,.career-ref-hero{background-repeat:no-repeat;background-size:cover;background-position:center}.ref-about-hero:before,.ref-product-hero:before,.ref-services-hero:before,.training-ref-hero:before,.project-ref-hero:before,.career-ref-hero:before{transform:none!important}
img{filter:none!important;image-rendering:auto}.about-building-ref,.ref-about-hero,.services-ref-hero img,.ref-product-hero,.training-ref-hero,.project-ref-hero,.career-ref-hero{transform:none!important}
.product-ref-card img{image-rendering:auto;filter:none;width:100%;height:122px;object-fit:contain;background:#fff}.product-grid-ref{align-items:stretch}.product-ref-card{min-height:210px}.product-side-list button{cursor:pointer}
.valued-customers-clean{padding:6px 0 20px}.valued-customers-clean h2{text-align:center;font-size:18px;margin:0 0 12px}.valued-customers-clean h2 span{color:#17752b}.valued-customer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.valued-customer-grid div{min-height:48px;border:1px solid #e0e7e1;border-radius:6px;background:#fff;display:grid;place-items:center;text-align:center;padding:7px 6px;font-size:10px;font-weight:600;color:#1b3124;box-shadow:0 2px 7px #0000000a}
.career-openings{grid-template-columns:repeat(4,1fr) 1.05fr}.career-openings article{min-height:205px}.career-why{grid-column:auto}
.contact-modern{padding:35px 0 45px;background:linear-gradient(180deg,#f8fbf8 0%,#fff 70%)}.contact-intro{text-align:center;max-width:800px;margin:0 auto 24px}.contact-intro h2{font-size:30px;margin:0 0 8px}.contact-intro h2 span{color:#159447}.contact-intro p{font-size:12px;line-height:1.7;margin:0;color:#53605a}.contact-modern-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.contact-info-panel,.contact-form-modern{background:#fff;border:1px solid #e1e8e2;border-radius:12px;box-shadow:0 7px 22px #0000000c;padding:24px}.contact-info-panel{background:linear-gradient(145deg,#002c1b,#00131f);color:#fff}.contact-info-panel h3,.contact-form-modern h3{font-size:17px;margin:0 0 16px}.contact-form-modern h3{color:#0c2a18}.contact-info-item{display:flex;gap:13px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #ffffff22}.contact-info-item:last-of-type{border-bottom:0}.contact-info-item>i{width:36px;height:36px;border-radius:50%;background:#0d7430;display:grid;place-items:center;color:#f4bb1b}.contact-info-item b{font-size:11px}.contact-info-item p{white-space:pre-line;font-size:10px;line-height:1.5;margin:3px 0 0;color:#e2ebe5}.contact-info-item a{color:inherit}.contact-quick{margin-top:18px;background:#ffffff10;border:1px solid #ffffff22;border-radius:8px;padding:14px}.contact-quick p{font-size:9px;line-height:1.5;color:#dfe9e2;margin:4px 0 9px}.contact-quick .btn{font-size:9px;padding:8px 12px}.contact-form-modern form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-form-modern input,.contact-form-modern select,.contact-form-modern textarea{width:100%;padding:11px 12px;border:1px solid #dce4de;border-radius:6px;font:inherit;font-size:11px;outline:none}.contact-form-modern textarea,.contact-form-modern select,.contact-form-modern button{grid-column:1/-1}.contact-form-modern textarea{resize:vertical}.contact-form-modern input:focus,.contact-form-modern select:focus,.contact-form-modern textarea:focus{border-color:#159447;box-shadow:0 0 0 2px #15944718}.contact-form-modern button{justify-self:start;padding:11px 20px;cursor:pointer}.contact-trust{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;background:#f2f7f2;border:1px solid #e0e9e1;border-radius:8px}.contact-trust div{padding:13px;text-align:center;border-right:1px solid #dce4de;font-size:10px;font-weight:600}.contact-trust div:last-child{border:0}.contact-trust i{color:#168332;margin-right:7px}
@media(max-width:1100px){.valued-customer-grid{grid-template-columns:repeat(3,1fr)}.career-openings{grid-template-columns:repeat(3,1fr)}.career-why{grid-column:1/-1}.contact-modern-grid{grid-template-columns:1fr}.contact-trust{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.logo{width:205px;height:72px}.header{height:88px}.nav{gap:12px;font-size:10px}.nav a{padding:28px 0 20px}.hero-slide-index{left:5px}.valued-customer-grid{grid-template-columns:repeat(2,1fr)}.career-openings{grid-template-columns:1fr}.contact-trust{grid-template-columns:1fr}.contact-form-modern form{grid-template-columns:1fr}.contact-form-modern input,.contact-form-modern select,.contact-form-modern textarea,.contact-form-modern button{grid-column:1}.footer .footgrid>div:first-child img{width:200px!important}}

/* FINAL CONSISTENCY / CLARITY PASS */
.logo{width:265px;height:88px;object-fit:contain;object-position:center;background:#fff}.footer .footgrid>div:first-child img{width:230px!important;height:auto!important;object-fit:contain;background:#fff;padding:4px;border-radius:4px}.footer .footgrid>div:first-child p{max-width:260px}.header{height:108px}.nav a{padding-top:37px}.header .container{gap:20px}
.home-hero-slider{transition:background-image .35s ease}.hero-slide-index{left:-2px;top:50%;transform:translateY(-35%);gap:12px}.hero-slide-link{width:32px;height:28px;border:1px solid #ddd;background:#fff;color:#102a43;border-radius:3px;cursor:pointer;font:600 13px Poppins,Arial}.hero-slide-link.active{background:#f4fff0;color:#159447;border-color:#159447}.brand-carousel{position:relative}.brand-track{display:block!important}.brand-slide{width:100%;height:76px;object-fit:contain;display:block}.brand-viewport{overflow:hidden}
.ref-about-hero,.ref-product-hero,.ref-services-hero,.training-ref-hero,.project-ref-hero,.career-ref-hero{background-repeat:no-repeat;background-size:cover;background-position:center}.ref-about-hero:before,.ref-product-hero:before,.ref-services-hero:before,.training-ref-hero:before,.project-ref-hero:before,.career-ref-hero:before{transform:none!important}
img{filter:none!important;image-rendering:auto}.about-building-ref,.ref-about-hero,.services-ref-hero img,.ref-product-hero,.training-ref-hero,.project-ref-hero,.career-ref-hero{transform:none!important}
.product-ref-card img{image-rendering:auto;filter:none;width:100%;height:122px;object-fit:contain;background:#fff}.product-grid-ref{align-items:stretch}.product-ref-card{min-height:210px}.product-side-list button{cursor:pointer}
.valued-customers-clean{padding:6px 0 20px}.valued-customers-clean h2{text-align:center;font-size:18px;margin:0 0 12px}.valued-customers-clean h2 span{color:#17752b}.valued-customer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.valued-customer-grid div{min-height:48px;border:1px solid #e0e7e1;border-radius:6px;background:#fff;display:grid;place-items:center;text-align:center;padding:7px 6px;font-size:10px;font-weight:600;color:#1b3124;box-shadow:0 2px 7px #0000000a}
.career-openings{grid-template-columns:repeat(4,1fr) 1.05fr}.career-openings article{min-height:205px}.career-why{grid-column:auto}
.contact-modern{padding:35px 0 45px;background:linear-gradient(180deg,#f8fbf8 0%,#fff 70%)}.contact-intro{text-align:center;max-width:800px;margin:0 auto 24px}.contact-intro h2{font-size:30px;margin:0 0 8px}.contact-intro h2 span{color:#159447}.contact-intro p{font-size:12px;line-height:1.7;margin:0;color:#53605a}.contact-modern-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.contact-info-panel,.contact-form-modern{background:#fff;border:1px solid #e1e8e2;border-radius:12px;box-shadow:0 7px 22px #0000000c;padding:24px}.contact-info-panel{background:linear-gradient(145deg,#002c1b,#00131f);color:#fff}.contact-info-panel h3,.contact-form-modern h3{font-size:17px;margin:0 0 16px}.contact-form-modern h3{color:#0c2a18}.contact-info-item{display:flex;gap:13px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #ffffff22}.contact-info-item:last-of-type{border-bottom:0}.contact-info-item>i{width:36px;height:36px;border-radius:50%;background:#0d7430;display:grid;place-items:center;color:#f4bb1b}.contact-info-item b{font-size:11px}.contact-info-item p{white-space:pre-line;font-size:10px;line-height:1.5;margin:3px 0 0;color:#e2ebe5}.contact-info-item a{color:inherit}.contact-quick{margin-top:18px;background:#ffffff10;border:1px solid #ffffff22;border-radius:8px;padding:14px}.contact-quick p{font-size:9px;line-height:1.5;color:#dfe9e2;margin:4px 0 9px}.contact-quick .btn{font-size:9px;padding:8px 12px}.contact-form-modern form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-form-modern input,.contact-form-modern select,.contact-form-modern textarea{width:100%;padding:11px 12px;border:1px solid #dce4de;border-radius:6px;font:inherit;font-size:11px;outline:none}.contact-form-modern textarea,.contact-form-modern select,.contact-form-modern button{grid-column:1/-1}.contact-form-modern textarea{resize:vertical}.contact-form-modern input:focus,.contact-form-modern select:focus,.contact-form-modern textarea:focus{border-color:#159447;box-shadow:0 0 0 2px #15944718}.contact-form-modern button{justify-self:start;padding:11px 20px;cursor:pointer}.contact-trust{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;background:#f2f7f2;border:1px solid #e0e9e1;border-radius:8px}.contact-trust div{padding:13px;text-align:center;border-right:1px solid #dce4de;font-size:10px;font-weight:600}.contact-trust div:last-child{border:0}.contact-trust i{color:#168332;margin-right:7px}
@media(max-width:1100px){.valued-customer-grid{grid-template-columns:repeat(3,1fr)}.career-openings{grid-template-columns:repeat(3,1fr)}.career-why{grid-column:1/-1}.contact-modern-grid{grid-template-columns:1fr}.contact-trust{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.logo{width:205px;height:72px}.header{height:88px}.nav{gap:12px;font-size:10px}.nav a{padding:28px 0 20px}.hero-slide-index{left:5px}.valued-customer-grid{grid-template-columns:repeat(2,1fr)}.career-openings{grid-template-columns:1fr}.contact-trust{grid-template-columns:1fr}.contact-form-modern form{grid-template-columns:1fr}.contact-form-modern input,.contact-form-modern select,.contact-form-modern textarea,.contact-form-modern button{grid-column:1}.footer .footgrid>div:first-child img{width:200px!important}}


/* FINAL USER REVIEW PASS — 22 AUG 2026 */
body{font-size:15px}
.topbar{font-size:13px}
.header{height:116px}
.logo{width:320px;height:108px;object-fit:contain;object-position:center;background:#fff}
.nav{font-size:14px;gap:30px}
.nav a{padding-top:40px}
.quote{font-size:13px;padding:14px 26px}
.btn{font-size:12px;padding:10px 17px}
.hero h1{font-size:50px}
.hero p,.hero-desc{font-size:16px;line-height:1.65}
.card h3{font-size:15px}
.card p,.card li{font-size:12px;line-height:1.65}
.service-card p{font-size:12px}
.project-ref-card-body p{font-size:12px;line-height:1.6}
.project-ref-card-body b,.project-ref-card-body small{font-size:11px}
.product-ref-card h3{font-size:14px}.product-ref-card p{font-size:12px;line-height:1.55}
.training-ref-card h3{font-size:14px}.training-ref-card li{font-size:12px}
.job h3{font-size:15px}.job p{font-size:11px;line-height:1.65}
.footer h4{font-size:13px}.footer p,.footer a{font-size:11px;line-height:1.8}
.footer .footgrid>div:first-child img{width:270px!important;height:auto!important;padding:2px}
.contact-intro h2{font-size:32px}.contact-intro p{font-size:13px}
.contact-info-panel h3,.contact-form-modern h3{font-size:18px}
.contact-info-item b{font-size:12px}.contact-info-item p{font-size:11px}
.contact-form-modern input,.contact-form-modern select,.contact-form-modern textarea{font-size:12px}
.float a{font-size:11px}
/* One brand row only — no repeated logo strip. */
.brand-card-row{display:grid;grid-template-columns:repeat(10,1fr);gap:10px;align-items:stretch}
.brand-card-clean{min-height:62px;border:1px solid #e1e8e2;border-radius:7px;background:#fff;display:grid;place-items:center;text-align:center;padding:8px;font-size:13px;font-weight:700;color:#116d34;box-shadow:0 3px 12px #00000008}
/* Prevent visual softening/mirroring on supplied images. */
img{filter:none!important;transform:none!important;backface-visibility:visible!important}
.ref-about-hero,.ref-product-hero,.ref-services-hero,.training-ref-hero,.project-ref-hero,.career-ref-hero{filter:none!important;transform:none!important}
@media(max-width:1100px){.logo{width:275px;height:100px}.brand-card-row{grid-template-columns:repeat(5,1fr)}.logo{width:260px;height:96px}.header{height:108px}.nav{font-size:12px;gap:18px}}
@media(max-width:760px){.logo{width:215px;height:76px}.header{height:88px}.hero h1{font-size:38px}.hero p,.hero-desc{font-size:14px}.brand-card-row{grid-template-columns:repeat(2,1fr)}.brand-card-clean{font-size:12px}}


/* FINAL USER-VERIFIED VISUAL CORRECTION — 22 AUG 2026 */
/* The reference hero JPGs for About / Services / Products / Projects / Careers / Training already contain their final typography, breadcrumbs and side panels. Hide only the duplicate HTML overlay; keep the original high-resolution image untouched. */
.embedded-hero-page .ref-about-overlay,
.embedded-hero-page .ref-hero-overlay,
.embedded-hero-page .ref-product-overlay,
.embedded-hero-page .project-ref-overlay,
.embedded-hero-page .career-ref-overlay,
.embedded-hero-page .training-ref-overlay{display:none!important}
.embedded-hero-page .ref-about-content,
.embedded-hero-page .ref-hero-content,
.embedded-hero-page .ref-product-content,
.embedded-hero-page .project-ref-hero-inner,
.embedded-hero-page .career-ref-hero-inner,
/* Keep the Training enrollment form interactive. */
.embedded-hero-page .training-ref-grid{visibility:visible!important;pointer-events:auto!important;position:relative;z-index:3}
/* Preserve the frozen hero artwork exactly and prevent accidental mirroring/softening. */
.ref-about-hero,.ref-service-hero,.ref-product-hero,.project-ref-hero,.career-ref-hero,.training-ref-hero{background-repeat:no-repeat!important;background-position:center center!important;transform:none!important;filter:none!important}
img{filter:none!important;transform:none!important}

/* Home: crisp clean background + real HTML text/controls, so 01/02/03 remain clickable. */
.home-hero-slider{background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important}
.home-hero-slider.hero-full-image-slide{background-size:cover!important}
.home-hero-slider.hero-full-image-slide .hero-copy{display:none!important}
.home-brands-image{width:100%;overflow:hidden;border:1px solid #e6ebe7;border-radius:8px;background:#fff}
.home-brands-image img{display:block;width:100%;height:auto;max-height:76px;object-fit:contain}
.home-clients-section{padding-top:4px;padding-bottom:24px}
.home-clients-image{width:100%;overflow:hidden;border:1px solid #e5ebe6;border-radius:8px;background:#fff}
.home-clients-image img{display:block;width:100%;height:auto;object-fit:contain}

/* Readability increase for the pages requested; Products intentionally stays on its previous layout sizing. */
.ref-services .service-ref-head h3{font-size:18px}
.ref-services .service-ref-body li{font-size:12px;line-height:1.35;margin-bottom:7px}
.ref-services .service-more{font-size:11px}
.service-why h2{font-size:19px}
.why-ref-grid p{font-size:14px}

.ref-about-main .overview-copy p{font-size:12.5px;line-height:1.8}
.values-ref b{font-size:13px}.values-ref p{font-size:11px}
.journey-item b{font-size:14px}.journey-item strong{font-size:11px}.journey-item p{font-size:10px}

.project-ref-main .project-ref-card h3{font-size:13px}
.project-ref-main .project-ref-card b{font-size:10.5px}
.project-ref-main .project-ref-card p{font-size:10.5px;line-height:1.55}
.project-ref-main .project-ref-card small{font-size:9.5px}
.project-ref-main .project-ref-card a{font-size:9.5px}
.valued-customers-clean h2{font-size:20px}
.valued-customer-grid div{font-size:12px;min-height:52px}

.training-ref-course-grid article h3{font-size:13px}
.training-ref-course-grid li{font-size:10.5px;line-height:1.45}
.training-ref-course-grid footer span,.training-ref-course-grid footer a{font-size:9.5px}
.training-ref-lower h2{font-size:18px}
.academy-icons b,.academy-icons small{font-size:10px}
.training-gallery-ref>a{font-size:9.5px}
.success-body p{font-size:10.5px}.success-body b,.success-body small{font-size:9.5px}

.career-openings article h3{font-size:13px}
.career-openings article>b{font-size:9px}
.career-openings article p{font-size:10px;line-height:1.55}
.career-openings article a{font-size:9.5px}
.career-why h3{font-size:13px}.career-why div{font-size:10px}
.career-lower h2{font-size:15px}.career-apply p,.career-apply strong{font-size:10px}.career-green-btn{font-size:9.5px}
.career-process .process-steps span{font-size:9px}.career-intern p{font-size:10px}.career-intern a{font-size:9.5px}

/* Contact: clean hero, no duplicate project artwork. */
.page-contact .hero,.contact-modern + .float ~ .footer{filter:none}
.page-contact .hero h1{font-size:48px}.page-contact .hero p{font-size:15px;line-height:1.6}

/* Header/footer logo: use the tightly cropped approved artwork so the company name and slogan remain visibly readable. */
.logo{width:330px!important;height:108px!important;object-fit:contain!important;background:#fff!important}
.footer .footgrid>div:first-child img{width:270px!important;height:auto!important;object-fit:contain!important;background:#fff!important;padding:2px!important}

@media(max-width:1100px){
  .logo{width:275px!important;height:100px!important}
  .ref-services .service-ref-body li{font-size:11px}
  .project-ref-grid{grid-template-columns:repeat(3,1fr)}
  .training-ref-course-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .logo{width:220px!important;height:80px!important}
  .home-brands-image img{max-height:none}
  .project-ref-grid,.training-ref-course-grid{grid-template-columns:1fr}
  .home-clients-image{overflow-x:auto}.home-clients-image img{width:1100px;max-width:none}
}
/* Products page: keep the previously frozen compact layout; do not inherit the readability increase used elsewhere. */
.products-reference .product-side-list button{font-size:11px!important}
.products-reference .product-main-head h2{font-size:19px!important}
.products-reference .product-ref-card h3{font-size:11px!important}
.products-reference .product-ref-card p{font-size:9px!important;line-height:1.35!important}
.products-reference .product-ref-card a{font-size:9px!important}
.products-reference .product-ref-card{min-height:210px!important}
.home-hero-slider.hero-full-image-slide{background-size:100% 100%!important}


/* FINAL FREEZE CORRECTIONS — 22 Aug 2026 */
html,body{max-width:100%;overflow-x:hidden}
.reference-page .container,.project-reference .container,.career-reference .container{width:92%;max-width:1420px;margin-left:auto;margin-right:auto}
.reference-page .topbar i{color:#159447!important}
.reference-page .nav a.active:after{background:#159447!important}
.reference-page .title:before,.reference-page .title:after{background:#159447!important}
.reference-page .gold-line{background:#159447!important}
.reference-page .journey-item strong,.reference-page .journey-final b{color:#159447!important}
.reference-page .about-cta h3{color:#159447!important}
.reference-page .about-cta a{background:#159447!important}
.reference-page .rq{background:#159447!important}

/* Services: prevent text from running into the image or action link at 100% zoom. */
.ref-services .service-ref-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.ref-services .service-ref-card{height:auto;min-height:270px;padding:10px 13px 10px;display:flex;flex-direction:column}
.ref-services .service-ref-head{flex:0 0 52px}
.ref-services .service-ref-body{grid-template-columns:minmax(0,1fr) 125px;gap:10px;height:auto;min-height:170px;align-items:start}
.ref-services .service-ref-body li{font-size:11px!important;line-height:1.28!important;margin:0 0 7px!important;white-space:normal!important}
.ref-services .service-ref-body img{width:125px;height:165px}
.ref-services .service-more{position:static;margin-top:auto;padding-top:7px;font-size:11px}

/* Keep all reference pages inside the viewport at normal 100% desktop zoom. */
.reference-page .header .container{min-width:0}
.reference-page .nav{flex-shrink:1;white-space:nowrap}
.reference-page .logo{flex:0 1 auto}
@media (max-width:1250px){
  .reference-page .logo{width:225px!important;height:90px!important}
  .reference-page .nav{gap:18px;font-size:12px}
  .reference-page .quote{padding:12px 18px;font-size:12px}
  .ref-services .service-ref-body{grid-template-columns:minmax(0,1fr) 105px}
  .ref-services .service-ref-body img{width:105px}
}
@media (max-width:1050px){
  .ref-services .service-ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .training-ref-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .project-ref-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Projects: the valued-customer list is intentionally here, not on Home. */
.project-valued-clients{padding-top:10px}
.project-valued-clients h2{color:#101820}
.project-valued-clients h2 span{color:#159447!important}
.valued-customer-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.valued-customer-grid div{display:flex;align-items:center;justify-content:center;min-height:48px;padding:9px 8px;border:1px solid #dfe7e1;border-radius:7px;background:#fff;color:#124f26;font-size:12px;font-weight:700;text-align:center}

/* One email on every page except Careers, as requested. */


/* FINAL USER CORRECTION — 22 AUG 2026 (v6) */
/* One consistent REX green accent across all pages. */
:root{--gold:#F2B51D!important;--gold2:#F2B51D!important;--o:#F2B51D!important}
.topbar i,.nav a.active,.hero h1 span,.gold,.title:before,.title:after,.gold-line,.journey-item strong,.journey-final b{color:#159447!important}
.nav a.active:after,.title:before,.title:after,.gold-line,.career-gold-line{background:#159447!important}
.quote,.btn.fill,.rq{background:#159447!important;border-color:#159447!important}

/* Show the complete frozen reference artwork at 100% desktop zoom; do not crop either side. */
.ref-about-hero,.ref-service-hero,.ref-services-hero,.ref-product-hero,.project-ref-hero,.career-ref-hero,.training-ref-hero{
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* About / Journey: the old continuous connector crossed through the text. Keep the clean icon layout without overlap. */
.journey-line-ref:before{display:none!important}
.journey-line-ref{align-items:start;gap:14px!important}
.journey-item{grid-template-columns:54px minmax(0,1fr)!important;gap:8px!important}
.journey-item p{font-size:10px!important;line-height:1.42!important;overflow-wrap:break-word}
.journey-item b{font-size:14px!important;line-height:1.15!important}
.journey-item strong,.journey-final b{color:#159447!important}

/* Keep project customer image crisp and fully visible. */
.project-valued-clients{padding-top:12px!important;padding-bottom:18px!important}
.project-valued-clients .valued-customers-clean h2{margin-bottom:14px!important}
.project-valued-clients .home-clients-image{width:100%;overflow:hidden;background:#fff;border:1px solid #e5ebe6;border-radius:8px}
.project-valued-clients .home-clients-image img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}

/* Remove the old text-only customer cards when the approved client/project artwork is used. */
.valued-customer-grid{display:none!important}

/* Products and other reference pages must never create horizontal clipping at 100%. */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
.reference-page .container,.project-reference .container,.career-reference .container{box-sizing:border-box;max-width:1420px;width:92%;margin-left:auto;margin-right:auto}

/* HOME HERO — keep embedded slide artwork sharp on narrower desktop/tablet widths.
   The source artwork is intentionally very wide; do not vertically stretch it to the hero box. */
@media (min-width:761px) and (max-width:1100px){
  .home-hero-slider.hero-full-image-slide{
    background-size:auto 100%!important;
    background-position:left center!important;
    background-repeat:no-repeat!important;
    background-color:#00131f!important;
  }
}
@media (max-width:760px){
  .home-hero-slider.hero-full-image-slide{
    background-size:auto 100%!important;
    background-position:left center!important;
    background-repeat:no-repeat!important;
    background-color:#00131f!important;
  }
}

/* FINAL HOME HERO SHARPNESS FIX — preserve the original aspect ratio of embedded slides 02 and 03.
   Never stretch the source artwork to the hero box dimensions. */
.home-hero-slider.hero-full-image-slide{
  background-size:auto 100%!important;
  background-position:left center!important;
  background-repeat:no-repeat!important;
  background-color:#00131f!important;
}
@media(max-width:760px){
  .home-hero-slider.hero-full-image-slide{
    background-size:auto 100%!important;
    background-position:left center!important;
  }
}

/* FINAL REVIEWED V6 - Home hero embedded slides: match the clean About Us reference artwork. */
.home-hero-slider.hero-full-image-slide::before{display:none!important;}
.home-hero-slider.hero-full-image-slide{background-position:left center!important;background-repeat:no-repeat!important;background-color:#fff!important;}

/* HOME HERO FINAL: slides 02/03 use prepared 1536x445 artwork, matching slide 01 exactly. */
.home-hero-slider.hero-full-image-slide{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#00131f!important;
}

/* FINAL HOME HERO FILE SWAP — use the same Services/Products hero artwork used on their respective pages. */
.home-hero-slider.hero-full-image-slide{background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important;background-color:#00131f!important;}

/* FINAL HERO SIZE FIX — keep Home slides compact and preserve the artwork's natural aspect ratio. */
.home-hero-slider,
.home-hero-slider .hero-inner{
  min-height:330px!important;
  height:330px!important;
}
.home-hero-slider.hero-full-image-slide{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#00131f!important;
}


/* FINAL HOME HERO CORRECTION — 22 AUG 2026
   Slide 01 is restored to the original reviewed height. Slides 02/03 are intentionally
   shorter, use the same typography as Slide 01, and hide the text baked into the
   supplied Services/Products artwork so there is only one readable text layer. */
.home-hero-slider{height:445px!important;min-height:445px!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;}
.home-hero-slider .hero-inner{height:445px!important;min-height:445px!important;}
.home-hero-slider.hero-compact-slide{height:330px!important;min-height:330px!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;}
.home-hero-slider.hero-compact-slide .hero-inner{height:330px!important;min-height:330px!important;}
.home-hero-slider.hero-compact-slide:before{background:linear-gradient(90deg,rgba(0,12,20,.98) 0%,rgba(0,15,24,.90) 39%,rgba(0,0,0,.28) 72%,rgba(0,0,0,.12) 100%)!important;}
.home-hero-slider.hero-compact-slide .hero-copy{display:block!important;max-width:660px!important;padding-left:42px!important;}
.home-hero-slider.hero-compact-slide .hero-title{font-size:42px!important;line-height:1.04!important;margin-bottom:8px!important;}
.home-hero-slider.hero-compact-slide .hero-desc{font-size:15px!important;line-height:1.5!important;max-width:590px!important;margin:10px 0 14px!important;}
.home-hero-slider.hero-compact-slide .welcome{font-size:13px!important;margin-bottom:5px!important;}
@media(max-width:1100px){
  .home-hero-slider.hero-compact-slide .hero-copy{padding-left:0!important;}
}
@media(max-width:760px){
  .home-hero-slider,.home-hero-slider .hero-inner{height:310px!important;min-height:310px!important;}
  .home-hero-slider.hero-compact-slide,.home-hero-slider.hero-compact-slide .hero-inner{height:300px!important;min-height:300px!important;}
  .home-hero-slider.hero-compact-slide .hero-title{font-size:31px!important;}
  .home-hero-slider.hero-compact-slide .hero-desc{font-size:13px!important;}
}

/* FINAL HOME SLIDES 02/03 CLEANUP — remove the baked-in duplicate text from the
   supplied Services/Products artwork while keeping the original artwork on the right.
   Keep the clean HTML copy as the only visible text layer. */
.home-hero-slider.hero-compact-slide:before{
  background:linear-gradient(90deg,
    rgba(0,12,20,1) 0%,
    rgba(0,12,20,1) 39%,
    rgba(0,12,20,.94) 47%,
    rgba(0,15,24,.62) 58%,
    rgba(0,0,0,.18) 78%,
    rgba(0,0,0,.08) 100%)!important;
  z-index:1!important;
}
.home-hero-slider.hero-compact-slide .hero-inner{position:relative;z-index:2!important;}
.home-hero-slider.hero-compact-slide .hero-copy{
  transform:translateY(-20px)!important;
}
.home-hero-slider.hero-compact-slide .hero-title{
  font-size:40px!important;
  line-height:1.03!important;
  margin-bottom:7px!important;
}
.home-hero-slider.hero-compact-slide .hero-desc{
  font-size:14px!important;
  line-height:1.45!important;
  margin:8px 0 12px!important;
}
.home-hero-slider.hero-compact-slide .hero-actions .btn{
  padding:10px 18px!important;
  font-size:10px!important;
}

/* FINAL USER CORRECTION — TOPBAR ICONS MATCH REX TAGLINE GOLD */
.topbar i{color:#F2B51D!important;}

/* FINAL MOBILE RESPONSIVE PASS — desktop design remains unchanged. */
.mobile-actions,.mobile-menu{display:none}
@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .container{width:calc(100% - 28px);max-width:none}
  .topbar{height:34px;font-size:9px;overflow:hidden}
  .topbar .container{justify-content:center;white-space:nowrap}
  .topbar span{margin-right:10px}
  .topbar span:nth-child(2),.topbar span:nth-child(3){display:none}
  .topbar i{margin-right:4px}
  .header{height:76px;position:sticky;top:0}
  .header .container{width:calc(100% - 22px);gap:8px}
  .header>a:first-child{flex:0 0 auto}
  .logo{width:145px!important;height:62px!important;object-fit:contain}
  .nav,.desktop-quote{display:none!important}
  .mobile-actions{display:flex;align-items:center;gap:7px;margin-left:auto}
  .mobile-actions .quote{display:inline-flex;padding:9px 10px;font-size:9px;line-height:1;border-radius:5px;white-space:nowrap}
  .mobile-menu-toggle{width:39px;height:39px;border:1px solid #dce5df;border-radius:6px;background:#fff;color:#006b35;display:grid;place-items:center;font-size:18px;cursor:pointer}
  .mobile-menu{position:absolute;left:0;right:0;top:76px;background:#fff;border-top:2px solid var(--gold);box-shadow:0 10px 24px #0002;z-index:100;display:none}
  .mobile-menu.open{display:block}
  .mobile-menu-inner{display:grid;grid-template-columns:1fr 1fr;padding:8px 14px 12px}
  .mobile-menu a{padding:12px 8px;border-bottom:1px solid #edf1ee;font-size:11px;font-weight:700;color:#0a3d24}
  .mobile-menu a:nth-child(odd){border-right:1px solid #edf1ee}
  .mobile-menu a:last-child{color:#b47a00}

  .hero-inner{min-height:300px!important;height:300px!important}
  .hero{min-height:300px!important}
  .hero-copy{padding-left:0!important;max-width:100%!important}
  .hero h1{font-size:31px!important;line-height:1.06}
  .hero .welcome{font-size:10px}
  .hero-desc{font-size:12px!important;line-height:1.5!important;max-width:92%!important}
  .hero-actions{gap:6px;flex-wrap:wrap}
  .hero-actions .btn{padding:9px 13px;font-size:9px}
  .hero-slide-index{left:auto;right:0;top:auto;bottom:14px;transform:none;flex-direction:row;gap:8px;font-size:11px}
  .home-hero-slider{height:310px!important;min-height:310px!important}
  .home-hero-slider .hero-inner{height:310px!important;min-height:310px!important}
  .home-hero-slider.hero-compact-slide,.home-hero-slider.hero-compact-slide .hero-inner{height:300px!important;min-height:300px!important}
  .home-hero-slider.hero-compact-slide .hero-copy{transform:none!important;padding-right:12px!important}
  .home-hero-slider.hero-compact-slide .hero-title{font-size:26px!important}
  .home-hero-slider.hero-compact-slide .hero-desc{font-size:11px!important}
  .home-hero-slider.hero-full-image-slide{background-size:auto 100%!important;background-position:center center!important}

  .stats{grid-template-columns:repeat(2,1fr);margin-top:0;border-radius:0;padding:8px}
  .stat{gap:7px;padding:8px 5px}
  .stat i{font-size:20px}.stat strong{font-size:18px}.stat small{font-size:7px}
  .section{padding:30px 0}.title{font-size:21px;margin-bottom:18px}.title:before,.title:after{width:22px;margin:0 7px}
  .g6,.g5,.g4,.g3{grid-template-columns:1fr 1fr!important;gap:10px}
  .service-card{min-height:205px!important;padding:10px 8px!important}
  .service-card h3{font-size:11px!important}.service-card p{font-size:9px!important;line-height:1.45!important}
  .service-card .btn{font-size:8px;padding:7px 9px;margin-top:auto}

  .brand-section{padding-top:8px;padding-bottom:20px}
  .brand-section .title{font-size:19px}
  .logo-strip{min-width:850px;height:60px}

  .two,.contact,.product-layout{grid-template-columns:1fr!important;gap:18px}
  .aboutimg{border-radius:10px}
  .values,.journeygrid{grid-template-columns:1fr 1fr!important;gap:10px}
  .product-layout .side{position:static;display:grid;grid-template-columns:repeat(2,1fr);overflow:visible}
  .product-layout .side div{font-size:10px;padding:9px 10px}
  .product-grid-ref{grid-template-columns:1fr 1fr!important;gap:10px}
  .product-ref-card h3{font-size:11px!important}.product-ref-card p{font-size:9px!important}

  .project-ref-hero{height:245px!important}
  .project-ref-hero-inner{display:block;padding-top:28px}
  .project-ref-hero h1{font-size:25px}.project-ref-hero h2{font-size:20px}.project-ref-hero p{font-size:9px;max-width:95%}
  .project-hero-stats{width:100%;margin-top:14px;padding:8px 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
  .project-hero-stats div{grid-template-columns:24px 1fr;column-gap:5px}.project-hero-stats i{font-size:17px}.project-hero-stats strong{font-size:13px}.project-hero-stats small{font-size:7px}
  .project-ref-grid{grid-template-columns:1fr 1fr!important;gap:10px}
  .project-ref-card>img{height:105px}.project-ref-card h3{font-size:10px}.project-ref-card-body p{font-size:9px!important}.project-ref-card-body b,.project-ref-card-body small{font-size:8px!important}
  .projects-filter,.project-ref-filters{overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;padding-bottom:5px;gap:6px}
  .projects-filter .filter,.project-ref-filters button{white-space:nowrap;padding:7px 12px;font-size:9px}

  .training-ref-grid{grid-template-columns:1fr!important;padding:20px 0!important;gap:16px}
  .training-ref-hero{height:auto!important;min-height:0!important}
  .training-ref-copy h1{font-size:27px}.training-ref-copy h2{font-size:15px}.training-ref-copy p{font-size:10px}
  .training-ref-benefits{grid-template-columns:1fr 1fr!important;margin-top:12px}.training-ref-benefits>div{padding:7px 5px!important;border-right:1px solid #fff5}.training-ref-benefits i{font-size:18px}.training-ref-benefits span{font-size:8px}
  .training-ref-form{width:100%;max-width:none;padding:15px}.training-ref-form input,.training-ref-form select{height:38px;font-size:12px}.training-ref-form button{height:40px;font-size:11px}
  .training-ref-course-grid{grid-template-columns:1fr 1fr!important;gap:9px}.training-ref-image{height:105px}.training-ref-course-grid article h3{font-size:10px}.training-ref-course-grid li{font-size:8px}.training-ref-course-grid footer span,.training-ref-course-grid footer a{font-size:7px}
  .academy-icons{grid-template-columns:repeat(3,1fr);gap:0}.academy-icons>div{padding:8px 3px;border-bottom:1px solid #d6ded7}.training-gallery-ref img{height:75px}
  .training-ref-cta>.container{grid-template-columns:1fr!important;height:auto!important;gap:10px}.training-ref-cta>a{justify-self:start}

  .career-openings,.jobs{grid-template-columns:1fr!important}.contact-modern-grid{grid-template-columns:1fr!important}.contact-trust{grid-template-columns:1fr 1fr!important}.contact-form-modern form{grid-template-columns:1fr!important}.contact-form-modern input,.contact-form-modern select,.contact-form-modern textarea,.contact-form-modern button{grid-column:1!important}
  .box,.contact-info-panel,.contact-form-modern{padding:16px}

  .footgrid{grid-template-columns:1fr 1fr!important;gap:18px}
  .footer .footgrid>div:first-child{grid-column:1/-1}
  .footer .footgrid>div:first-child img{width:185px!important}
  .footer h4{font-size:10px}.footer p,.footer a{font-size:9px;line-height:1.7}
  .float{display:none}
}
@media(max-width:380px){
  .logo{width:132px!important}
  .mobile-actions .quote{padding:8px 7px;font-size:8px}
  .mobile-menu-inner{grid-template-columns:1fr}
  .mobile-menu a:nth-child(odd){border-right:0}
  .g6,.g5,.g4,.g3,.product-grid-ref,.project-ref-grid,.training-ref-course-grid{grid-template-columns:1fr!important}
  .service-card{min-height:185px!important}
}

/* FINAL MOBILE HERO DUPLICATION FIX — 22 Aug 2026
   The approved hero artwork already contains its final headings/subheadings.
   Remove the duplicate HTML hero text on the reference pages. */
.embedded-hero-page .ref-about-content,
.embedded-hero-page .ref-hero-content,
.embedded-hero-page .ref-product-content,
.embedded-hero-page .project-ref-hero-inner,
.embedded-hero-page .career-ref-hero-inner{
  display:none!important;
}
.embedded-hero-page .ref-about-hero,
.embedded-hero-page .ref-service-hero,
.embedded-hero-page .ref-product-hero,
.embedded-hero-page .project-ref-hero,
.embedded-hero-page .career-ref-hero{
  overflow:hidden!important;
}

/* Training hero artwork also contains the complete visible form. Keep the
   real HTML form available for submission without rendering a second copy. */
.embedded-hero-page .training-ref-copy{display:none!important;}
.embedded-hero-page .training-ref-grid{min-height:290px!important;}
.embedded-hero-page .training-ref-form{
  position:absolute!important;
  right:0!important;
  top:0!important;
  width:260px!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
  opacity:1!important;
  z-index:20!important;
  pointer-events:auto!important;
}
.embedded-hero-page .training-ref-form h3,
.embedded-hero-page .training-ref-form p,
.embedded-hero-page .training-ref-form button{opacity:0!important;}
.embedded-hero-page .training-ref-form input,
.embedded-hero-page .training-ref-form select{
  position:absolute!important;
  left:18px!important;
  width:224px!important;
  height:32px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  color:#222!important;
  caret-color:#222!important;
  pointer-events:auto!important;
}
.embedded-hero-page .training-ref-form input::placeholder{color:transparent!important;}
.embedded-hero-page .training-ref-form select{color:#222!important;}
.embedded-hero-page .training-ref-form option{color:#222!important;background:#fff!important;}
.embedded-hero-page .training-ref-form input:nth-of-type(1){top:118px!important;}
.embedded-hero-page .training-ref-form input:nth-of-type(2){top:160px!important;}
.embedded-hero-page .training-ref-form input:nth-of-type(3){top:202px!important;}
.embedded-hero-page .training-ref-form select{top:244px!important;}
.embedded-hero-page .training-ref-form button{
  position:absolute!important;left:18px!important;top:286px!important;
  width:224px!important;height:40px!important;
  background:transparent!important;border:0!important;
}
@media(max-width:760px){
  .embedded-hero-page .training-ref-grid{min-height:290px!important;height:290px!important;}
  .embedded-hero-page .training-ref-form{right:0!important;width:46%!important;height:290px!important;}
  .embedded-hero-page .training-ref-form input,
  .embedded-hero-page .training-ref-form select,
  .embedded-hero-page .training-ref-form button{left:7%!important;width:86%!important;}
  .embedded-hero-page .training-ref-form input:nth-of-type(1){top:41%!important;}
  .embedded-hero-page .training-ref-form input:nth-of-type(2){top:50%!important;}
  .embedded-hero-page .training-ref-form input:nth-of-type(3){top:59%!important;}
  .embedded-hero-page .training-ref-form select{top:68%!important;}
  .embedded-hero-page .training-ref-form button{top:78%!important;}
}

/* FINAL MOBILE HERO QUALITY FIX — 22 Aug 2026
   Preserve the original aspect ratio of the approved 3072px-wide hero artwork.
   The artwork contains the final banner text, so it must not be stretched. */
.ref-about-hero,
.ref-service-hero,
.ref-product-hero,
.project-ref-hero,
.career-ref-hero{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:left center!important;
  transform:none!important;
}

@media (max-width:760px){
  .ref-about-hero,
  .ref-service-hero,
  .ref-product-hero,
  .project-ref-hero,
  .career-ref-hero{
    background-size:auto 100%!important;
    background-position:left center!important;
    background-repeat:no-repeat!important;
  }

  .ref-about-hero{height:170px!important;min-height:170px!important;}
  .ref-service-hero{height:170px!important;min-height:170px!important;}
  .ref-product-hero{height:170px!important;min-height:170px!important;}
  .project-ref-hero{height:175px!important;min-height:175px!important;}
  .career-ref-hero{height:175px!important;min-height:175px!important;}
}

/* FINAL CORRECTION — Enrollment overlay alignment + Projects hero full artwork */
@media (max-width:760px){
  /* Keep the supplied Training Academy artwork visible on the right, at its native aspect ratio. */
  .embedded-hero-page .training-ref-hero{
    height:240px!important;
    min-height:240px!important;
    overflow:hidden!important;
    background-size:auto 100%!important;
    background-position:right center!important;
    background-repeat:no-repeat!important;
  }
  .embedded-hero-page .training-ref-grid{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:240px!important;
    min-height:240px!important;
    padding:0!important;
  }
  .embedded-hero-page .training-ref-form{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:240px!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    z-index:30!important;
  }
  .embedded-hero-page .training-ref-form input,
  .embedded-hero-page .training-ref-form select{
    position:absolute!important;
    left:42%!important;
    width:58%!important;
    height:32px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0 10px!important;
    background:transparent!important;
    border:0!important;
    color:#222!important;
    caret-color:#222!important;
    font-size:11px!important;
    pointer-events:auto!important;
    z-index:31!important;
  }
  .embedded-hero-page .training-ref-form input:nth-of-type(1){top:35%!important;}
  .embedded-hero-page .training-ref-form input:nth-of-type(2){top:49.5%!important;}
  .embedded-hero-page .training-ref-form input:nth-of-type(3){top:64%!important;}
  .embedded-hero-page .training-ref-form select{top:78%!important;}
  .embedded-hero-page .training-ref-form button{
    position:absolute!important;
    left:42%!important;
    top:93%!important;
    width:58%!important;
    height:34px!important;
    margin:0!important;
    opacity:0!important;
    pointer-events:auto!important;
    z-index:32!important;
  }
}

/* Projects: show the complete supplied 3072x464 hero artwork instead of cropping it with cover. */
.project-page .project-ref-hero{
  background-size:100% auto!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:3072 / 464!important;
  overflow:hidden!important;
}
.project-page .project-ref-hero-inner{height:100%!important;min-height:0!important;}
@media (max-width:760px){
  .project-page .project-ref-hero{
    background-size:auto 100%!important;
    background-position:right center!important;
    height:175px!important;
    min-height:175px!important;
    aspect-ratio:auto!important;
  }
}

/* FINAL RESPONSIVE BANNER + ENROLLMENT ALIGNMENT — 22 Aug 2026
   Uses the supplied banner artwork at its native aspect ratio and places
   interactive controls exactly over the artwork's printed form fields. */
@media (min-width:761px){
  .embedded-hero-page .training-ref-hero{
    height:290px!important;
    min-height:290px!important;
    background-size:auto 290px!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    overflow:hidden!important;
  }
  .embedded-hero-page .training-ref-grid{
    position:relative!important;
    width:100%!important;
    height:290px!important;
    min-height:290px!important;
  }
  .embedded-hero-page .training-ref-form{
    position:absolute!important;
    top:0!important;
    right:72px!important;
    width:194px!important;
    height:290px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    z-index:30!important;
  }
  .embedded-hero-page .training-ref-form h3,
  .embedded-hero-page .training-ref-form p,
  .embedded-hero-page .training-ref-form button{opacity:0!important;}
  .embedded-hero-page .training-ref-form input,
  .embedded-hero-page .training-ref-form select{
    position:absolute!important;
    left:0!important;
    width:194px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0 9px!important;
    background:transparent!important;
    border:0!important;
    color:#222!important;
    caret-color:#222!important;
    font-size:10px!important;
    line-height:30px!important;
    pointer-events:auto!important;
    z-index:31!important;
  }
  .embedded-hero-page .training-ref-form input:nth-of-type(1){top:91px!important;height:31px!important;}
  .embedded-hero-page .training-ref-form input:nth-of-type(2){top:124.5px!important;height:31px!important;}
  .embedded-hero-page .training-ref-form input:nth-of-type(3){top:158px!important;height:30px!important;}
  .embedded-hero-page .training-ref-form select{top:191.5px!important;height:30px!important;appearance:none!important;-webkit-appearance:none!important;}
  .embedded-hero-page .training-ref-form input::placeholder{color:transparent!important;}
  .embedded-hero-page .training-ref-form option{color:#222!important;background:#fff!important;}
  .embedded-hero-page .training-ref-form button{
    position:absolute!important;left:0!important;top:230.5px!important;width:194px!important;height:35px!important;
    background:transparent!important;border:0!important;pointer-events:auto!important;z-index:32!important;
  }
}

@media (max-width:760px){
  /* Mobile banners: preserve the original artwork ratio and crop only the
     non-essential side instead of stretching the supplied artwork. */
  .ref-about-hero,.ref-service-hero,.ref-product-hero,.project-ref-hero,.career-ref-hero{
    background-size:auto 100%!important;
    background-position:left center!important;
    background-repeat:no-repeat!important;
  }
  .project-page .project-ref-hero{
    height:175px!important;
    min-height:175px!important;
    aspect-ratio:auto!important;
    background-size:auto 175px!important;
    background-position:left center!important;
    background-repeat:no-repeat!important;
  }

  /* Training artwork has the live enrollment form printed on the right side,
     so mobile intentionally keeps the right-hand portion visible. */
  .embedded-hero-page .training-ref-hero{
    height:240px!important;
    min-height:240px!important;
    overflow:hidden!important;
    background-size:auto 240px!important;
    background-position:right top!important;
    background-repeat:no-repeat!important;
  }
  .embedded-hero-page .training-ref-grid{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:240px!important;
    min-height:240px!important;
    padding:0!important;
  }
  .embedded-hero-page .training-ref-form{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:240px!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    z-index:30!important;
  }
  .embedded-hero-page .training-ref-form input,
  .embedded-hero-page .training-ref-form select{
    position:absolute!important;
    left:auto!important;
    right:59.6px!important;
    width:160.6px!important;
    box-sizing:border-box!important;
    height:25px!important;
    margin:0!important;
    padding:0 8px!important;
    background:transparent!important;
    border:0!important;
    color:#222!important;
    caret-color:#222!important;
    font-size:10px!important;
    line-height:25px!important;
    pointer-events:auto!important;
    z-index:31!important;
  }
  .embedded-hero-page .training-ref-form input:nth-of-type(1){top:75.3px!important;}
  .embedded-hero-page .training-ref-form input:nth-of-type(2){top:103px!important;}
  .embedded-hero-page .training-ref-form input:nth-of-type(3){top:130.8px!important;}
  .embedded-hero-page .training-ref-form select{top:158.5px!important;appearance:none!important;-webkit-appearance:none!important;}
  .embedded-hero-page .training-ref-form input::placeholder{color:transparent!important;}
  .embedded-hero-page .training-ref-form option{color:#222!important;background:#fff!important;}
  .embedded-hero-page .training-ref-form button{
    position:absolute!important;
    left:auto!important;
    right:59.6px!important;
    top:190.8px!important;
    width:160.6px!important;
    height:28.6px!important;
    margin:0!important;
    opacity:0!important;
    background:transparent!important;
    border:0!important;
    pointer-events:auto!important;
    z-index:32!important;
  }
}

/* FINAL V3 HERO CORRECTION — 22 Aug 2026
   Align Training enrollment controls to the printed form on the supplied artwork.
   The artwork is right-aligned on desktop, so the overlay and printed boxes share
   the same coordinate system. Career banner shows the complete supplied artwork
   on desktop without horizontal cropping. */
@media (min-width:761px){
  .embedded-hero-page .training-ref-hero{
    background-position:right top!important;
  }
  .embedded-hero-page .training-ref-form{
    right:72px!important;
  }

  .career-reference .career-ref-hero{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:3072 / 480!important;
    background-size:100% 100%!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
  }
  .career-reference .career-ref-hero-inner{
    height:100%!important;
    min-height:0!important;
  }
}

/* On narrow screens retain the right-hand Training form artwork and use a
   deliberate crop rather than stretching it. */
@media (max-width:760px){
  .embedded-hero-page .training-ref-hero{
    background-position:right top!important;
  }
  .career-reference .career-ref-hero{
    background-size:auto 175px!important;
    background-position:left center!important;
    height:175px!important;
    min-height:175px!important;
    aspect-ratio:auto!important;
  }
}


/* FINAL TRAINING HERO ALIGNMENT — full artwork + clean interactive overlay */
@media (min-width:761px){
  .embedded-hero-page .training-ref-hero{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:3072 / 580!important;
    background-size:100% 100%!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    overflow:hidden!important;
  }
  .embedded-hero-page .training-ref-grid{
    height:100%!important;
    min-height:0!important;
  }
  .embedded-hero-page .training-ref-form{
    top:0!important;
    right:4%!important;
    width:13.45%!important;
    height:100%!important;
  }
  .embedded-hero-page .training-ref-form input,
  .embedded-hero-page .training-ref-form select{
    left:0!important;
    width:100%!important;
    height:12.6%!important;
    padding:0 5%!important;
    line-height:1!important;
    font-size:10px!important;
  }
  .embedded-hero-page .training-ref-form input:nth-of-type(1){top:31.7%!important;}
  .embedded-hero-page .training-ref-form input:nth-of-type(2){top:42.8%!important;}
  .embedded-hero-page .training-ref-form input:nth-of-type(3){top:54%!important;}
  .embedded-hero-page .training-ref-form select{
    top:65.4%!important;
    color:transparent!important;
  }
  .embedded-hero-page .training-ref-form select.has-value{color:#222!important;}
  .embedded-hero-page .training-ref-form select option{color:#222!important;background:#fff!important;}
  .embedded-hero-page .training-ref-form button{
    left:0!important;
    top:76.7%!important;
    width:100%!important;
    height:11.8%!important;
  }
}

/* Keep the mobile composition focused on the right-side enrollment artwork. */
@media (max-width:760px){
  .embedded-hero-page .training-ref-form select{color:transparent!important;}
  .embedded-hero-page .training-ref-form select.has-value{color:#222!important;}
  .embedded-hero-page .training-ref-form select option{color:#222!important;background:#fff!important;}
}

/* FINAL V5 — Enrollment text isolation
   The supplied Training Academy artwork contains the printed field labels.
   Give the live controls an opaque white surface so user-entered text never
   overlaps those printed labels. The controls remain transparent only outside
   their actual field boxes. */
.embedded-hero-page .training-ref-form input,
.embedded-hero-page .training-ref-form select{
  background:rgba(255,255,255,.98)!important;
  border:0!important;
  border-radius:4px!important;
  color:#222!important;
}
.embedded-hero-page .training-ref-form input::placeholder{color:#666!important;opacity:1!important;}
@media (max-width:760px){
  .embedded-hero-page .training-ref-form input,
  .embedded-hero-page .training-ref-form select{
    background:rgba(255,255,255,.99)!important;
    border:0!important;
    border-radius:4px!important;
    box-shadow:none!important;
    color:#222!important;
  }
  .embedded-hero-page .training-ref-form input::placeholder{color:#666!important;opacity:1!important;}
  .embedded-hero-page .training-ref-form select{
    appearance:auto!important;
    -webkit-appearance:auto!important;
    padding-right:26px!important;
  }
}

/* FINAL MOBILE FIX — navigation + Services card image containment */
@media (max-width:760px){
  .mobile-menu{z-index:1000!important;}
  .mobile-menu-toggle{position:relative;z-index:1001!important;}
  .ref-services .service-ref-card{
    min-height:250px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .ref-services .service-ref-body{
    grid-template-columns:minmax(0,1fr) 100px!important;
    gap:8px!important;
    min-height:150px!important;
    height:150px!important;
    overflow:hidden!important;
  }
  .ref-services .service-ref-body ul{
    min-width:0!important;
    overflow:hidden!important;
  }
  .ref-services .service-ref-body li{
    font-size:9.5px!important;
    line-height:1.2!important;
    margin-bottom:5px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .ref-services .service-ref-body img{
    width:100px!important;
    height:145px!important;
    max-width:100%!important;
    object-fit:cover!important;
    display:block!important;
    align-self:start!important;
  }
  .ref-services .service-more{
    position:static!important;
    margin-top:auto!important;
    padding-top:5px!important;
    line-height:1!important;
  }
}

/* V8 MOBILE-ONLY CORRECTIONS — desktop version frozen exactly as V6.
   These rules intentionally apply only below 760px. */
@media (max-width:760px){
  /* Keep the V6 desktop artwork and layout untouched; on phones show the
     readable left-hand message area of each approved wide banner. */
  .ref-about-hero,
  .ref-service-hero,
  .ref-product-hero,
  .project-ref-hero,
  .career-ref-hero{
    background-size:auto 100%!important;
    background-repeat:no-repeat!important;
    background-position:left center!important;
    transform:none!important;
  }

  .ref-about-hero{height:150px!important;min-height:150px!important;}
  .ref-service-hero{height:155px!important;min-height:155px!important;}
  .ref-product-hero{height:150px!important;min-height:150px!important;}
  .project-ref-hero{height:155px!important;min-height:155px!important;}
  .career-ref-hero{height:160px!important;min-height:160px!important;}

  /* Services: stack the card content on narrow screens so the image can never
     overlap the bullet list or the VIEW MORE link. */
  .ref-services .service-ref-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .ref-services .service-ref-card{
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
  }
  .ref-services .service-ref-body{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .ref-services .service-ref-body ul{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  .ref-services .service-ref-body li{
    font-size:11px!important;
    line-height:1.35!important;
    margin:0 0 5px!important;
    overflow-wrap:anywhere!important;
  }
  .ref-services .service-ref-body img{
    width:100%!important;
    height:150px!important;
    max-width:100%!important;
    object-fit:cover!important;
    display:block!important;
    flex:0 0 auto!important;
  }
  .ref-services .service-more{
    position:static!important;
    display:block!important;
    margin-top:8px!important;
    padding-top:8px!important;
  }

  /* Make the mobile navigation sit above every hero/overlay on every page. */
  .header{position:sticky!important;top:0!important;z-index:2000!important;}
  .header .container{position:relative!important;z-index:2001!important;}
  .mobile-actions{position:relative!important;z-index:2003!important;}
  .mobile-menu-toggle{position:relative!important;z-index:2004!important;pointer-events:auto!important;}
  .mobile-menu{z-index:2005!important;pointer-events:auto!important;}
  .mobile-menu.open{display:block!important;}
  .mobile-menu-inner,.mobile-menu a{pointer-events:auto!important;}
}