:root{--navy:#071b33;--navy2:#0b2a4d;--gold:#d89a13;--gold2:#f0b528;--ink:#0d1726;--muted:#5c6675;--soft:#f5f6f8;--line:#e2e6eb;--white:#fff;--shadow:0 22px 60px rgba(7,27,51,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}body.modal-open{overflow:hidden}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.scroll-progress{position:fixed;z-index:100;left:0;right:0;top:0;height:3px;pointer-events:none}.scroll-progress span{display:block;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left center;will-change:transform}.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(7,27,51,.09)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center}.brand img{width:238px;max-height:62px;object-fit:contain;object-position:left center}.main-nav{display:flex;gap:23px;align-items:center}.main-nav a{font-size:13px;font-weight:750;color:#233247;position:relative}.main-nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .25s}.main-nav a.active,.main-nav a:hover{color:var(--navy)}.main-nav a.active:after,.main-nav a:hover:after{transform:scaleX(1)}.nav-cta{background:var(--navy);color:#fff!important;padding:11px 16px;border-radius:8px}.menu-toggle{display:none;border:0;background:none;width:42px;height:42px;padding:8px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:var(--navy);margin:6px 0;transition:.2s}.menu-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.hero{min-height:690px;position:relative;display:grid;align-items:center;overflow:hidden;background:var(--navy);color:#fff}.hero-picture,.hero-media,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-media{object-fit:cover;display:block}.hero-overlay{background:linear-gradient(90deg,rgba(5,20,38,.94) 0%,rgba(5,20,38,.78) 44%,rgba(5,20,38,.28) 78%,rgba(5,20,38,.16) 100%)}.hero-content{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));max-width:1180px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
.hero-content>h1{max-width:830px}.eyebrow{display:inline-block;font-size:11px;font-weight:900;letter-spacing:2.1px;margin-bottom:16px}.eyebrow.gold{color:#f1b62c}.eyebrow.navy{color:var(--navy)}.hero h1,.page-hero h1{font-size:clamp(46px,6.2vw,78px);line-height:1.02;letter-spacing:-3px;margin:0 0 22px}.hero h1 em{font-style:normal;color:var(--gold2)}.hero p{font-size:18px;max-width:720px;color:#e7edf4}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border-radius:8px;font-weight:850;font-size:14px;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#071b33;box-shadow:0 12px 30px rgba(216,154,19,.25)}.btn-gold{background:var(--gold);color:var(--navy)}.btn-dark{background:var(--navy);color:#fff}.btn-ghost{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.08);color:#fff}.btn-light{background:#fff;color:var(--navy)}.btn-outline-light{border-color:rgba(255,255,255,.7);color:#fff;background:transparent}.hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;color:#f3f5f8;font-size:12px;font-weight:700}.hero-trust span:before{content:"✓";color:var(--gold2);margin-right:7px}.hero-scroll{position:absolute;z-index:3;bottom:24px;left:50%;width:28px;height:46px;border:1px solid rgba(255,255,255,.45);border-radius:18px}.hero-scroll span{position:absolute;width:4px;height:8px;background:#fff;border-radius:3px;left:11px;top:9px;animation:scrollDot 1.8s infinite}@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(18px)}}
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid div{padding:24px;border-right:1px solid var(--line);display:flex;align-items:center;gap:14px}.trust-grid div:last-child{border-right:0}.trust-grid strong{font-size:30px;color:var(--gold);line-height:1}.trust-grid span{font-size:12px;font-weight:700;color:#475366}.section{padding:94px 0}.section-head{max-width:800px;margin-bottom:42px}.section-head.centered{text-align:center;margin-left:auto;margin-right:auto}.section-head h2,.split h2,.cta-box h2,.contact-grid h2,.safety-grid h2{font-size:clamp(32px,4.3vw,52px);line-height:1.08;letter-spacing:-1.8px;margin:0 0 18px}.section-head p,.split p,.service-copy p,.machine-card p,.industry-card p{color:var(--muted)}.row-head{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.text-link{font-weight:850;color:#9a6b05;white-space:nowrap}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#d7b35c}.image-card img{width:100%;height:220px;object-fit:cover;background:#edf0f3}.service-card-body{padding:24px}.card-no{font-size:11px;font-weight:900;color:var(--gold);letter-spacing:1.4px}.service-card h3{font-size:21px;margin:7px 0 9px}.service-card p{margin:0 0 18px;color:var(--muted);font-size:14px}.card-link{font-weight:850;color:var(--navy);font-size:13px}.navy-section{background:linear-gradient(140deg,#06172d,#0b2a4d);color:#fff}.navy-section p{color:#c8d2de}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.feature-image{width:100%;height:520px;object-fit:cover;border-radius:18px}.image-stack{position:relative}.floating-card{position:absolute;left:-30px;bottom:28px;background:#fff;color:var(--navy);padding:17px 21px;border-left:4px solid var(--gold);box-shadow:var(--shadow);max-width:260px}.floating-card span,.floating-card strong{display:block}.floating-card span{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#657184}.floating-card strong{font-size:17px;line-height:1.25}.feature-list{display:grid;gap:14px}.feature-list.compact{margin:26px 0}.feature-list>div{display:grid;grid-template-columns:38px 1fr;gap:13px}.feature-list>div>span{color:var(--gold2);font-weight:900}.feature-list strong{display:block;margin-bottom:3px}.feature-list p{margin:0;font-size:13px}.machine-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,33%);gap:16px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:10px;cursor:grab;scrollbar-width:thin}.machine-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;scroll-snap-align:start}.machine-card img{width:100%;height:210px;object-fit:cover;border-radius:10px;background:#eef1f4}.machine-card h3{margin:14px 4px 6px}.machine-card p{margin:0 4px 8px;font-size:13px}.machine-card.large{padding:0 0 22px;overflow:hidden}.machine-card.large img{height:260px;border-radius:0}.machine-card.large h3,.machine-card.large p{margin-left:22px;margin-right:22px}.machine-num{position:absolute;top:230px;right:18px;background:var(--gold);color:var(--navy);font-size:11px;font-weight:900;padding:7px 9px;border-radius:6px}.process-section{background:var(--soft)}.process-line{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;position:relative}.process-line:before{content:"";position:absolute;left:4%;right:4%;top:30px;height:2px;background:#d8dce2}.process-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:52px 16px 18px;text-align:center;min-height:220px}.process-step>span{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-weight:900;font-size:12px;box-shadow:0 0 0 6px var(--soft)}.process-step h3{font-size:15px;margin:8px 0}.process-step p{font-size:12px;color:var(--muted);margin:0}.industry-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.industry-chips span{border:1px solid #cdd4dd;padding:11px 15px;border-radius:999px;font-size:13px;font-weight:700;background:#fff;transition:.2s}.industry-chips span:hover{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-2px)}.center-action{text-align:center;margin-top:28px}.safety-band{background:#0a223f;color:#fff}.safety-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.safety-grid p{color:#ccd6e1}.safety-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.safety-items span{padding:18px 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;text-align:center;font-size:12px;font-weight:800;background:rgba(255,255,255,.04)}.gallery-preview{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:250px 250px;gap:12px}.gallery-preview img{width:100%;height:100%;object-fit:cover;border-radius:14px;transition:transform .3s}.gallery-preview img:hover{transform:scale(1.015)}.gallery-preview img:first-child{grid-row:1/3}.gallery-preview img:nth-child(4){grid-column:2/4}.cta-section{padding-top:20px}.cta-box{background:linear-gradient(135deg,#071b33,#0b315b);color:#fff;padding:48px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:4px solid var(--gold)}.cta-box p{max-width:680px;color:#d6dee8}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.page-hero{background:linear-gradient(135deg,#06172d,#0b2e54);color:#fff;padding:95px 0 76px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-80px;bottom:-100px;width:430px;height:430px;border:1px solid rgba(216,154,19,.26);border-radius:50%}.page-hero h1{max-width:900px}.page-hero p{max-width:780px;color:#cbd5df;font-size:18px}.service-jump{position:sticky;top:78px;z-index:40;background:#fff;border-bottom:1px solid var(--line);overflow:auto}.jump-links{display:flex;gap:4px;white-space:nowrap}.jump-links a{padding:14px 13px;font-size:12px;font-weight:800;color:#445063}.jump-links a:hover{color:var(--navy);background:#f4f5f7}.service-detail-grid{display:grid;gap:44px}.service-detail{display:grid;grid-template-columns:.88fr 1.12fr;gap:40px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:44px;scroll-margin-top:140px}.service-detail:nth-child(even){grid-template-columns:1.12fr .88fr}.service-detail:nth-child(even) .service-visual{order:2}.service-visual{position:relative;position:sticky;top:150px}.service-visual img{width:100%;height:430px;object-fit:cover;border-radius:16px;background:#eef0f3}.service-index{position:absolute;left:16px;bottom:16px;background:var(--gold);color:var(--navy);font-weight:950;padding:10px 13px;border-radius:8px}.service-copy h2{font-size:42px;line-height:1.1;margin:3px 0 8px}.service-tagline{font-size:15px;text-transform:uppercase;letter-spacing:1.2px;color:#996b08;margin:0 0 15px}.service-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:26px 0}.service-columns h4{margin:0 0 10px;font-size:14px}.tick-list,.mini-process{margin:0;padding:0;list-style:none}.tick-list li{position:relative;padding:7px 0 7px 25px;border-bottom:1px solid #edf0f3;font-size:13px;color:#465265}.tick-list li:before{content:"✓";position:absolute;left:0;color:#a87508;font-weight:900}.mini-process{counter-reset:mini}.mini-process li{counter-increment:mini;position:relative;padding:7px 0 7px 31px;font-size:13px;color:#465265}.mini-process li:before{content:counter(mini,decimal-leading-zero);position:absolute;left:0;color:var(--gold);font-size:10px;font-weight:900;top:9px}.applications{margin:22px 0}.applications strong{display:block;font-size:13px;margin-bottom:8px}.applications div{display:flex;flex-wrap:wrap;gap:7px}.applications span{background:#f3f5f7;border:1px solid #e3e6ea;border-radius:999px;padding:7px 10px;font-size:11px;color:#4d5968}.machine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-quad{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.16)}.feature-quad>div{padding:28px;background:#071b33}.feature-quad strong{font-size:18px}.feature-quad p{font-size:13px}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.industry-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.industry-card img{width:100%;height:210px;object-fit:cover}.industry-card>div{padding:20px}.industry-index{font-size:10px;font-weight:900;color:var(--gold)}.industry-card h2{font-size:20px;margin:4px 0 7px}.industry-card p{font-size:13px;margin:0}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.pill-row span{padding:8px 11px;border-radius:999px;background:#f2f4f6;border:1px solid #e1e4e8;font-size:11px;font-weight:800;color:var(--navy)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value-grid article{border:1px solid var(--line);border-radius:16px;padding:30px;background:#fff}.value-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:var(--gold2);font-weight:900}.value-grid h3{font-size:22px}.value-grid p{font-size:14px;color:var(--muted)}.strength-grid,.safety-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.strength-grid article{border:1px solid rgba(255,255,255,.13);border-radius:13px;padding:22px;background:rgba(255,255,255,.04)}.strength-grid h3,.safety-card-grid h3{font-size:16px;margin:0 0 7px}.strength-grid p,.safety-card-grid p{font-size:12px;margin:0}.safety-card-grid article{border:1px solid var(--line);border-radius:13px;padding:22px}.safety-card-grid p{color:var(--muted)}.masonry{columns:3 320px;column-gap:14px}.masonry figure{break-inside:avoid;margin:0 0 14px}.gallery-button{border:0;padding:0;background:none;display:block;width:100%;cursor:zoom-in}.masonry img{width:100%;display:block;border-radius:13px}.masonry figcaption{padding:7px 3px;font-size:12px;color:#5c6675}.lightbox[hidden]{display:none}.lightbox{position:fixed;z-index:120;inset:0;background:rgba(2,10,20,.93);display:grid;place-items:center;padding:50px}.lightbox img{max-width:min(1100px,94vw);max-height:86vh;object-fit:contain}.lightbox-close{position:absolute;top:18px;right:22px;background:#fff;color:#071b33;border:0;border-radius:50%;width:42px;height:42px;font-size:26px;cursor:pointer}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px}.contact-card,.quote-form{border:1px solid var(--line);border-radius:16px;padding:30px}.contact-card a{color:#815a05;font-weight:750}.quote-form{display:grid;gap:16px}.quote-form label,.admin-login label{font-size:13px;font-weight:750;display:grid;gap:7px}.quote-form input,.quote-form textarea,.quote-form select,.admin-login input{width:100%;padding:13px 14px;border:1px solid #d9dee5;border-radius:9px;font:inherit;background:#fff}.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus{outline:3px solid rgba(216,154,19,.22);border-color:#b27a08}.alert{padding:12px 14px;border-radius:9px;font-size:14px}.success{background:#ecfff1;color:#186b2f}.error{background:#fff0f1;color:#9e2430}
.site-footer{background:#05182d;color:#fff;padding:65px 0 26px;border-top:4px solid var(--gold)}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .9fr 1.2fr;gap:45px}.footer-logo{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}.footer-logo strong{font-size:30px;letter-spacing:-1px}.footer-logo span{font-size:20px;font-weight:850;color:var(--gold2)}.footer-grid a{display:block;color:#d5dde6;margin:7px 0;font-size:13px}.footer-grid p{color:#bfc9d4;font-size:13px}.footer-heading{font-weight:850;font-size:14px;margin-bottom:14px;color:#fff}.footer-tagline{color:var(--gold2);font-weight:800;font-size:13px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:38px;padding-top:20px;color:#aeb9c5;font-size:12px;display:flex;justify-content:space-between}.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:65;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#087a3e;color:white;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.25)}.mobile-contact-bar{display:none}.admin-body{background:#f4f5f7;min-height:100vh}.admin-login{width:min(420px,calc(100% - 32px));margin:8vh auto;background:white;padding:30px;border-radius:16px;display:grid;gap:16px}.admin-login img{width:180px}.admin-shell{width:min(1200px,calc(100% - 30px));margin:30px auto}.admin-top{display:flex;justify-content:space-between;align-items:center}.table-wrap{overflow:auto;background:white;border-radius:14px}.table-wrap table{width:100%;border-collapse:collapse;min-width:850px}.table-wrap th,.table-wrap td{padding:14px;text-align:left;border-bottom:1px solid #eee;vertical-align:top;font-size:13px}.table-wrap th{background:#fafafa}.table-wrap small{color:#65707e}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}[data-reveal].revealed{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}[data-reveal]{opacity:1;transform:none}.hero-scroll{display:none}}
@supports(content-visibility:auto){main>.section:not(:first-child){content-visibility:auto;contain-intrinsic-size:750px}}
@media(max-width:1050px){.main-nav{gap:14px}.main-nav a{font-size:12px}.brand img{width:200px}.process-line{grid-template-columns:repeat(4,1fr)}.process-line:before{display:none}.machine-grid,.industry-grid{grid-template-columns:repeat(2,1fr)}.strength-grid,.safety-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.container,.hero-content{width:min(100% - 30px,1180px)}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:16px 20px 22px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 16px 30px rgba(7,27,51,.1)}.main-nav.open{display:flex}.main-nav a{font-size:14px;padding:8px 4px}.main-nav a:after{display:none}.hero{min-height:610px}.hero h1,.page-hero h1{letter-spacing:-2px}.hero-overlay{background:linear-gradient(90deg,rgba(5,20,38,.93),rgba(5,20,38,.66))}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid div:nth-child(2){border-right:0}.trust-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.service-grid{grid-template-columns:1fr 1fr}.split,.safety-grid,.contact-grid,.service-detail,.service-detail:nth-child(even){grid-template-columns:1fr}.service-detail:nth-child(even) .service-visual{order:0}.service-visual{position:relative;top:auto}.feature-image{height:400px}.floating-card{left:14px}.machine-scroller{grid-auto-columns:70%}.process-line{grid-template-columns:repeat(2,1fr)}.gallery-preview{grid-template-columns:1fr 1fr;grid-template-rows:240px 220px 220px}.gallery-preview img:first-child{grid-column:1/3;grid-row:auto}.gallery-preview img:nth-child(4){grid-column:auto}.cta-box{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.feature-quad{grid-template-columns:1fr 1fr}.service-jump{top:78px}.value-grid{grid-template-columns:1fr 1fr}.value-grid article:last-child{grid-column:1/3}.mobile-contact-bar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;z-index:64;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -5px 20px rgba(7,27,51,.12)}.mobile-contact-bar a{text-align:center;padding:12px 8px;font-size:12px;font-weight:850;color:var(--navy);border-right:1px solid var(--line)}.whatsapp-float{display:none}.site-footer{padding-bottom:75px}}
@media(max-width:600px){.hero-content{margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.brand img{width:178px}.hero{min-height:620px}.hero h1{font-size:46px}.hero p{font-size:16px}.hero-actions,.cta-actions{flex-direction:column;align-items:stretch}.hero-actions .btn,.cta-actions .btn{width:100%}.hero-trust{gap:10px 15px}.hero-scroll{display:none}.trust-grid{grid-template-columns:1fr}.trust-grid div{border-right:0!important;border-bottom:1px solid var(--line)!important}.trust-grid div:last-child{border-bottom:0!important}.section{padding:70px 0}.service-grid,.machine-grid,.industry-grid,.strength-grid,.safety-card-grid,.value-grid{grid-template-columns:1fr}.value-grid article:last-child{grid-column:auto}.section-head h2,.split h2,.cta-box h2,.contact-grid h2,.safety-grid h2{font-size:34px}.row-head{align-items:flex-start;flex-direction:column}.machine-scroller{grid-auto-columns:85%}.process-line{grid-template-columns:1fr}.safety-items{grid-template-columns:1fr 1fr}.gallery-preview{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.gallery-preview img,.gallery-preview img:first-child{grid-column:auto;height:240px}.gallery-preview img:nth-child(4){grid-column:auto}.cta-box{padding:30px}.page-hero{padding:72px 0 58px}.page-hero h1{font-size:44px}.service-columns{grid-template-columns:1fr}.service-copy h2{font-size:34px}.service-visual img{height:300px}.feature-quad{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:6px}.lightbox{padding:20px}.jump-links{margin-left:-15px;margin-right:-15px;padding-left:15px}.image-card img{height:210px}}

/* =========================================================
   Footer contact icons + WhatsApp floating button enhancement
   ========================================================= */
.footer-contact{min-width:0}.footer-contact-item{display:flex!important;align-items:flex-start;gap:10px;margin:9px 0!important;color:#d5dde6!important;line-height:1.45}.footer-contact-item>span:last-child{min-width:0;overflow-wrap:anywhere}.footer-contact-icon{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(216,154,19,.12);border:1px solid rgba(240,181,40,.42);color:var(--gold2);transition:transform .22s ease,background .22s ease,border-color .22s ease}.footer-contact-icon svg{width:14px;height:14px;display:block;fill:currentColor}.footer-contact-item:hover .footer-contact-icon{transform:translateY(-2px) scale(1.06);background:var(--gold);border-color:var(--gold);color:var(--navy)}.footer-address{color:#bfc9d4!important;font-size:13px}.footer-address:hover .footer-contact-icon{transform:none}

.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:65;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.28);isolation:isolate;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,background .24s ease}.whatsapp-float:before,.whatsapp-float:after{content:"";position:absolute;inset:-1px;border-radius:50%;z-index:-1;border:2px solid rgba(37,211,102,.52);animation:waPulse 2.4s ease-out infinite}.whatsapp-float:after{animation-delay:1.2s}.whatsapp-float:hover{transform:translateY(-4px) scale(1.07);background:#20bd5a;box-shadow:0 16px 38px rgba(37,211,102,.35)}.whatsapp-icon{width:29px;height:29px;display:block;fill:currentColor;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08));transition:transform .25s ease}.whatsapp-float:hover .whatsapp-icon{transform:rotate(-7deg) scale(1.05)}@keyframes waPulse{0%{transform:scale(.94);opacity:.72}72%,100%{transform:scale(1.52);opacity:0}}

@media(max-width:860px){.whatsapp-float{display:none}}
@media(prefers-reduced-motion:reduce){.whatsapp-float:before,.whatsapp-float:after{animation:none}.whatsapp-float,.whatsapp-icon,.footer-contact-icon{transition:none}}


/* =========================================================
   BM FOUNDATION — Lightweight Motion System
   Native CSS + IntersectionObserver only. No animation library.
   ========================================================= */

/* Header motion + compact sticky state */
.site-header{transition:box-shadow .28s ease,background .28s ease,border-color .28s ease}
.site-header.scrolled{background:rgba(255,255,255,.985);box-shadow:0 10px 34px rgba(7,27,51,.09);border-bottom-color:rgba(7,27,51,.12)}
.brand img{transition:transform .32s cubic-bezier(.2,.7,.2,1),filter .32s ease}
.brand:hover img{transform:translateY(-2px) scale(1.012)}

/* First-paint hero sequence — transform/opacity only */
.hero .eyebrow,.hero h1,.hero p,.hero .hero-actions,.hero .hero-trust{opacity:0;transform:translateY(18px);animation:bmHeroIn .72s cubic-bezier(.2,.75,.2,1) forwards}
.hero .eyebrow{animation-delay:.08s}
.hero h1{animation-delay:.17s}
.hero p{animation-delay:.29s}
.hero .hero-actions{animation-delay:.41s}
.hero .hero-trust{animation-delay:.53s}
@keyframes bmHeroIn{to{opacity:1;transform:none}}

/* Very gentle hero-image settle. One-shot only, not infinite. */
.hero-media{transform:scale(1.025);animation:bmHeroMedia 1.5s cubic-bezier(.2,.7,.2,1) .05s forwards;will-change:transform}
@keyframes bmHeroMedia{to{transform:scale(1)}}

/* More expressive reveal variants while remaining compositor-friendly */
[data-reveal]{opacity:0;transform:translate3d(0,24px,0);transition:opacity .68s ease,transform .68s cubic-bezier(.2,.75,.2,1);will-change:transform,opacity}
[data-reveal].reveal-left{transform:translate3d(-28px,0,0)}
[data-reveal].reveal-right{transform:translate3d(28px,0,0)}
[data-reveal].reveal-scale{transform:scale(.965)}
[data-reveal].revealed{opacity:1;transform:none}

/* Automatically animated cards/items (JS adds .bm-motion-item). */
.bm-motion-item{opacity:0;transform:translate3d(0,22px,0);transition:opacity .58s ease,transform .58s cubic-bezier(.2,.75,.2,1);will-change:transform,opacity}
.bm-motion-item.bm-motion-left{transform:translate3d(-24px,0,0)}
.bm-motion-item.bm-motion-right{transform:translate3d(24px,0,0)}
.bm-motion-item.bm-motion-scale{transform:scale(.97)}
.bm-motion-item.bm-visible{opacity:1;transform:none}

/* Section heading accent animation */
.section-head h2,.split h2,.safety-grid h2,.contact-grid h2{position:relative}
.section-head h2:after,.split h2:after,.safety-grid h2:after,.contact-grid h2:after{content:"";display:block;width:58px;height:3px;margin-top:16px;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--gold2));transform:scaleX(0);transform-origin:left;transition:transform .65s cubic-bezier(.2,.75,.2,1) .12s}
[data-reveal].revealed h2:after,.section-head.revealed h2:after,.split.revealed h2:after,.safety-grid .revealed h2:after,.contact-grid .revealed h2:after{transform:scaleX(1)}
.section-head.centered h2:after{margin-left:auto;margin-right:auto;transform-origin:center}

/* Card interactions */
.service-card,.machine-card,.industry-card,.value-grid article,.strength-grid article,.safety-card-grid article,.process-step{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease}
.service-card:hover,.machine-card:hover,.industry-card:hover,.value-grid article:hover,.safety-card-grid article:hover{transform:translateY(-6px);box-shadow:0 18px 46px rgba(7,27,51,.11);border-color:rgba(216,154,19,.48)}
.image-card,.machine-card,.industry-card,.gallery-preview{overflow:hidden}
.image-card img,.machine-card img,.industry-card img,.gallery-preview img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .45s ease}
.image-card:hover img,.machine-card:hover img,.industry-card:hover img{transform:scale(1.035)}
.gallery-preview img:hover{transform:scale(1.022);filter:saturate(1.04) contrast(1.015)}

/* Process steps pop subtly as they arrive */
.process-step.bm-visible>span{animation:bmStepPop .52s cubic-bezier(.2,.85,.25,1.35) .08s both}
@keyframes bmStepPop{from{transform:translateX(-50%) scale(.72);opacity:.2}to{transform:translateX(-50%) scale(1);opacity:1}}

/* Buttons: lightweight shine only on interaction */
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-45%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg) translateX(-250%);transition:transform .6s ease;pointer-events:none;z-index:-1}
.btn:hover:after{transform:skewX(-18deg) translateX(620%)}
.btn-primary:after,.btn-gold:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent)}

/* Feature rows + pills */
.feature-list>div{transition:transform .25s ease,background .25s ease,border-color .25s ease;padding:8px 9px;margin-left:-9px;border-radius:10px}
.feature-list>div:hover{transform:translateX(5px);background:rgba(255,255,255,.055)}
.industry-chips span{transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}
.industry-chips span:hover{box-shadow:0 9px 24px rgba(7,27,51,.09)}

/* Floating card: subtle breathing, GPU-friendly */
.floating-card{animation:bmFloat 4.6s ease-in-out infinite}
@keyframes bmFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* Gallery entrance adds slight scale for visual depth */
.gallery-preview .bm-motion-item{transform:scale(.975) translate3d(0,14px,0)}
.gallery-preview .bm-motion-item.bm-visible{transform:none}

/* Contact fields feel more interactive without JS */
.quote-form input,.quote-form textarea,.quote-form select{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus{transform:translateY(-1px);box-shadow:0 8px 20px rgba(216,154,19,.08)}

/* WhatsApp pulse remains low-cost and paused on hover */
.whatsapp-float{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}
.whatsapp-float:hover{transform:translateY(-4px) scale(1.055);box-shadow:0 16px 34px rgba(8,122,62,.28)}

/* Respect accessibility and battery-conscious reduced-motion preference. */
@media(prefers-reduced-motion:reduce){
  .hero .eyebrow,.hero h1,.hero p,.hero .hero-actions,.hero .hero-trust,.hero-media,.floating-card{animation:none!important;opacity:1!important;transform:none!important}
  [data-reveal],.bm-motion-item{opacity:1!important;transform:none!important;transition:none!important}
  .process-step>span{animation:none!important}
  .btn:after{display:none!important}
}

@media(max-width:860px){
  .hero-media{animation-duration:1.05s}
  .floating-card{animation:none}
  .service-card:hover,.machine-card:hover,.industry-card:hover,.value-grid article:hover,.safety-card-grid article:hover{transform:none;box-shadow:none}
}


/* =========================================================
   BM FOUNDATION v7 — Alternating Section Entrance Motion
   Sections alternate from left/right using transform + opacity
   only, so the browser can keep animation on the compositor.
   ========================================================= */

/* JS applies these classes only to meaningful section content,
   not to the entire section background, preventing horizontal
   overflow and expensive page-wide repaints. */
.bm-section-motion{
  opacity:0;
  transition:
    opacity .78s ease,
    transform .82s cubic-bezier(.16,.8,.24,1);
  will-change:transform,opacity;
  backface-visibility:hidden;
}

.bm-section-from-left{
  transform:translate3d(-58px,0,0);
}

.bm-section-from-right{
  transform:translate3d(58px,0,0);
}

.bm-section-from-bottom{
  transform:translate3d(0,30px,0);
}

.bm-section-motion.bm-section-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}

/* Alternating split layouts: image and copy arrive independently. */
.bm-split-motion{
  opacity:0;
  transition:
    opacity .76s ease,
    transform .82s cubic-bezier(.16,.8,.24,1);
  will-change:transform,opacity;
}

.bm-split-motion.bm-split-left{
  transform:translate3d(-46px,0,0);
}

.bm-split-motion.bm-split-right{
  transform:translate3d(46px,0,0);
}

.bm-split-motion.bm-split-visible{
  opacity:1;
  transform:none;
}

/* Headings get a tiny directional settle for a premium feel. */
.bm-section-visible .section-head h2,
.bm-section-visible > h2{
  animation:bmHeadingSettle .62s cubic-bezier(.18,.78,.2,1) both;
}

@keyframes bmHeadingSettle{
  from{letter-spacing:-1px;opacity:.55}
  to{letter-spacing:inherit;opacity:1}
}

/* CTA blocks come in with a subtle depth effect rather than a slide. */
.cta-box.bm-section-motion{
  transform:translate3d(0,26px,0) scale(.985);
}
.cta-box.bm-section-motion.bm-section-visible{
  transform:none;
}

/* Keep movement elegant on smaller devices. */
@media(max-width:860px){
  .bm-section-from-left{transform:translate3d(-28px,0,0)}
  .bm-section-from-right{transform:translate3d(28px,0,0)}
  .bm-split-motion.bm-split-left{transform:translate3d(-24px,0,0)}
  .bm-split-motion.bm-split-right{transform:translate3d(24px,0,0)}
}

@media(max-width:600px){
  .bm-section-from-left,
  .bm-section-from-right,
  .bm-section-from-bottom{
    transform:translate3d(0,24px,0);
  }
  .bm-split-motion.bm-split-left,
  .bm-split-motion.bm-split-right{
    transform:translate3d(0,22px,0);
  }
}

/* Accessibility: never force motion for users who disable it. */
@media(prefers-reduced-motion:reduce){
  .bm-section-motion,
  .bm-split-motion{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  .bm-section-visible .section-head h2,
  .bm-section-visible > h2{
    animation:none!important;
  }
}