:root{
  --navy:#0d2236;
  --navy2:#132d45;
  --steel:#647485;
  --light:#f4f6f8;
  --line:#dbe1e6;
  --text:#17222d;
  --muted:#687583;
  --orange:#e89420;
  --orange-dark:#c97608;
  --green:#20b96b;
  --white:#ffffff;
  --max:1200px;
  --shadow:0 18px 45px rgba(15,38,58,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
.container{width:min(var(--max),calc(100% - 42px));margin:auto}

.top-strip{background:#081826;color:#dbe4eb;font-size:.82rem}
.top-strip-inner{height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.top-actions{display:flex;gap:22px;font-weight:700}
.wa-link{color:#7de7aa}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.nav-wrap{height:84px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:13px}
.logo-mark{width:48px;height:48px;display:grid;place-items:center}
.logo-mark svg{width:46px;height:46px;fill:none;stroke:var(--orange);stroke-width:3.2;stroke-linecap:round}
.logo-copy{display:flex;flex-direction:column;line-height:1}
.logo-copy strong{font-family:Manrope,Inter,sans-serif;font-size:1.05rem;letter-spacing:.045em;color:var(--navy)}
.logo-copy span{margin-top:7px;font-size:.64rem;font-weight:800;letter-spacing:.18em;color:var(--steel)}
.main-nav{display:flex;align-items:center;gap:28px;font-size:.9rem;font-weight:700;color:#334554}
.main-nav a{transition:.2s}
.main-nav a:hover{color:var(--orange-dark)}
.nav-cta{background:var(--navy);color:white!important;padding:12px 18px;border-radius:6px}
.menu-toggle{display:none;background:none;border:0;padding:8px}
.menu-toggle span{display:block;width:26px;height:2px;background:var(--navy);margin:5px 0}

.hero{position:relative;overflow:hidden;background:#f7f9fb;padding:86px 0 78px}
.hero-bg{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.92) 46%,rgba(244,247,249,.76) 70%,rgba(238,243,246,.86) 100%),
  repeating-linear-gradient(90deg,transparent 0 59px,rgba(13,34,54,.035) 60px),
  repeating-linear-gradient(0deg,transparent 0 59px,rgba(13,34,54,.035) 60px)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.03fr .97fr;gap:65px;align-items:center}
.kicker,.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.16em;color:var(--orange-dark)}
.hero h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(2.75rem,5.8vw,5.15rem);line-height:1.01;letter-spacing:-.05em;color:var(--navy);margin:18px 0 24px;max-width:760px}
.hero-lead{font-size:1.13rem;color:#536372;max-width:680px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border-radius:7px;border:1px solid transparent;font-weight:800;transition:.22s;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--orange);color:#151515}
.btn-primary:hover{background:#f1a23a}
.btn-whatsapp{background:var(--green);color:#fff}
.btn-dark{background:var(--navy);color:#fff}
.btn-icon{font-size:1.05rem}
.hero-points{display:flex;gap:32px;flex-wrap:wrap;margin-top:38px;padding-top:26px;border-top:1px solid var(--line)}
.hero-points b{display:block;color:var(--navy);font-size:.93rem}
.hero-points span{font-size:.78rem;color:var(--muted)}

.industrial-scene{background:#fff;border:1px solid #d4dce3;border-radius:12px;box-shadow:var(--shadow);padding:24px;position:relative}
.scene-label{font-size:.7rem;letter-spacing:.14em;font-weight:800;color:var(--steel);margin-bottom:22px}
.conveyor-frame{height:345px;position:relative;overflow:hidden;background:linear-gradient(180deg,#e9eef2 0%,#f9fafb 72%);border-radius:8px;border:1px solid #d8e0e6}
.belt{position:absolute;left:45px;right:58px;top:170px;height:62px;background:#454f58;border-radius:31px;border:7px solid #303942;overflow:hidden}
.belt-stripes{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 42px,rgba(255,255,255,.09) 42px 45px);animation:beltMove 1.8s linear infinite}
.roller{position:absolute;top:173px;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,#8895a0 0 16%,#3f4952 18% 49%,#a8b1b9 51% 58%,#20272d 60%);animation:spin 2.2s linear infinite}
.roller-a{left:49px}.roller-b{left:calc(50% - 28px)}.roller-c{right:62px}
.box{position:absolute;top:107px;width:78px;height:63px;background:linear-gradient(145deg,#de9a3c,#b96c12);box-shadow:0 6px 12px rgba(0,0,0,.12);border:1px solid #a45f0e;animation:boxTravel 7s linear infinite}
.box:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:rgba(255,255,255,.25)}
.box span{position:absolute;inset:auto 0 7px;text-align:center;font-size:.55rem;font-weight:800;color:#4c2b04;letter-spacing:.08em}
.box-a{left:80px}.box-b{left:230px;animation-delay:-2.2s}.box-c{left:380px;animation-delay:-4.5s}
.support{position:absolute;top:224px;width:10px;height:88px;background:#73818c}
.support:after{content:"";position:absolute;left:-20px;bottom:0;width:50px;height:8px;background:#73818c}
.support-a{left:95px}.support-b{left:50%}.support-c{right:105px}
.motor{position:absolute;right:22px;top:220px;width:105px;height:84px}
.motor-body{position:absolute;right:0;top:18px;width:79px;height:48px;border-radius:8px;background:linear-gradient(180deg,#66737f,#3b4752);border:2px solid #2c3640}
.motor-fan{position:absolute;left:0;top:21px;width:43px;height:43px;border-radius:50%;border:6px solid #54616c;background:radial-gradient(circle,#d0d7dc 0 14%,#27313a 15% 24%,#71808c 25% 31%,#27313a 32% 100%);animation:spin 1.5s linear infinite}
.scene-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:.8rem;color:var(--muted)}
.scene-bottom b,.scene-bottom strong{color:var(--navy)}
.status-dot{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px rgba(32,185,107,.12)}

.quick-contact{background:var(--orange);padding:30px 0}
.quick-grid{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}
.quick-contact .eyebrow{color:#66410d}
.quick-contact h2{margin:4px 0 4px;font-family:Manrope;font-size:1.55rem;color:#1d2227}
.quick-contact p{margin:0;color:#684710;font-size:.92rem;max-width:850px}

.section{padding:90px 0}
.section-heading{display:grid;grid-template-columns:1fr .75fr;gap:60px;align-items:end;margin-bottom:42px}
.section-heading h2,.pm-copy h2,.why-panel h2,.contact-copy h2{font-family:Manrope;font-size:clamp(2rem,4vw,3.15rem);line-height:1.08;letter-spacing:-.035em;color:var(--navy);margin:10px 0 0}
.section-heading p{color:var(--muted);margin:0}

.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(17,40,60,.05);transition:.25s}
.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.service-visual{height:185px;background:linear-gradient(145deg,#eef2f5,#dce4ea);position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.service-content{padding:24px}
.service-number{font-size:.7rem;font-weight:900;color:var(--orange-dark);letter-spacing:.12em}
.service-card h3{font-family:Manrope;margin:6px 0 9px;font-size:1.23rem;color:var(--navy)}
.service-card p{color:var(--muted);font-size:.91rem;margin:0 0 15px}
.service-card ul{list-style:none;padding:0;margin:0;border-top:1px solid #edf0f2;padding-top:12px}
.service-card li{font-size:.8rem;color:#50606f;padding:3px 0}
.service-card li:before{content:"—";color:var(--orange-dark);margin-right:8px}

.conveyor-mini .mini-belt{position:absolute;left:26px;right:26px;top:80px;height:43px;border-radius:23px;background:#424b54;border:5px solid #2f3840;overflow:hidden}
.mini-belt i{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,255,255,.1) 29px 31px);animation:beltMove 1.5s linear infinite}
.mini-roller{position:absolute;top:84px;width:35px;height:35px;border-radius:50%;background:radial-gradient(circle,#b8c1c8 0 18%,#46515a 20% 54%,#242b31 56%);animation:spin 1.7s linear infinite}
.r1{left:30px}.r2{left:50%;transform:translateX(-50%)}.r3{right:30px}

.bearing-outer{position:absolute;width:120px;height:120px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);border:24px solid #4c5965;background:#b7c0c7;animation:spin 8s linear infinite}
.bearing-inner{position:absolute;inset:21px;border-radius:50%;background:#e9eef2;border:9px solid #6e7a84}
.bearing-outer .ball{position:absolute;width:13px;height:13px;background:#eef2f5;border:2px solid #48535c;border-radius:50%;left:50%;top:50%;transform-origin:0 0}
.b1{transform:rotate(0deg) translateX(44px)}.b2{transform:rotate(60deg) translateX(44px)}.b3{transform:rotate(120deg) translateX(44px)}.b4{transform:rotate(180deg) translateX(44px)}.b5{transform:rotate(240deg) translateX(44px)}.b6{transform:rotate(300deg) translateX(44px)}

.sprocket{position:absolute;left:50%;top:50%;width:96px;height:96px;transform:translate(-50%,-50%);border:16px dashed #495761;border-radius:50%;animation:spin 4s linear infinite}
.sprocket div{position:absolute;inset:17px;border-radius:50%;background:#e8edf1;border:8px solid #6b7984}
.chain-line{position:absolute;height:18px;background:repeating-linear-gradient(90deg,#35414a 0 18px,#7b8790 18px 25px);left:0;right:0;top:83px;opacity:.7;animation:beltMove 2s linear infinite}

.repair-mini .wrench{position:absolute;font-size:58px;left:48%;top:44%;transform:translate(-50%,-50%) rotate(-32deg);animation:wrenchWork 1.6s ease-in-out infinite}
.repair-mini .bolt{position:absolute;width:55px;height:55px;border-radius:50%;border:12px solid #4b5863;right:55px;bottom:35px;box-shadow:inset 0 0 0 5px #aab4bc}

.grease-gun{position:absolute;left:48px;top:72px}
.gun-body{position:absolute;width:80px;height:26px;border-radius:7px;background:#3f4c57}
.gun-handle{position:absolute;width:44px;height:9px;background:#66747f;left:-5px;top:34px;transform:rotate(58deg);transform-origin:left}
.gun-hose{position:absolute;width:95px;height:3px;background:#3a454e;left:74px;top:12px;transform:rotate(14deg);transform-origin:left}
.grease-bearing{position:absolute;width:70px;height:70px;border-radius:50%;right:50px;top:57px;border:14px solid #5b6873;background:#dfe5e9;animation:spin 7s linear infinite}
.grease-bearing span{position:absolute;inset:10px;border-radius:50%;background:#f7f9fa;border:7px solid #8c98a1}
.grease-drop{position:absolute;width:11px;height:18px;background:var(--orange);border-radius:50% 50% 60% 60%;left:175px;top:86px;animation:greaseDrop 1.4s ease-in-out infinite}

.part-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid #bac4cc;border-radius:6px;padding:20px 28px;font-family:monospace;font-size:1.45rem;font-weight:800;color:#283641;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.scan-line{position:absolute;left:50%;transform:translateX(-50%);width:210px;height:3px;background:var(--orange);top:40px;box-shadow:0 0 12px rgba(232,148,32,.7);animation:scan 2.2s ease-in-out infinite}

.pm-section{padding:95px 0;background:#f3f6f8}
.pm-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.pm-copy p{color:var(--muted)}
.checklist{display:grid;gap:18px;margin:28px 0 30px}
.checklist>div{display:grid;grid-template-columns:34px 1fr;gap:12px}
.checklist span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eaf3ec;color:#16824b;font-weight:900;margin-top:2px}
.checklist p{margin:0;font-size:.92rem}.checklist b{color:var(--navy)}

.pm-machine{height:450px;position:relative;background:#fff;border:1px solid #d8e0e6;border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.pm-title{position:absolute;left:25px;top:22px;font-size:.72rem;font-weight:900;letter-spacing:.14em;color:var(--steel)}
.pm-bearing{position:absolute;width:165px;height:165px;border-radius:50%;right:68px;top:150px}
.pm-bearing-ring{position:absolute;inset:0;border-radius:50%;border:34px solid #47545e;background:#b9c2c9;animation:spin 9s linear infinite}
.pm-bearing-core{position:absolute;inset:58px;border-radius:50%;background:#f4f7f8;border:13px solid #7d8992}
.pm-grease-gun{position:absolute;left:55px;top:145px;width:210px;height:170px;animation:pmGun 2.1s ease-in-out infinite}
.pm-gun-barrel{position:absolute;left:96px;top:34px;width:118px;height:7px;background:#4a565f;transform:rotate(4deg);transform-origin:left}
.pm-gun-body{position:absolute;left:25px;top:27px;width:95px;height:33px;border-radius:6px;background:#26333d}
.pm-gun-handle{position:absolute;left:40px;top:58px;width:73px;height:10px;background:#64727d;transform:rotate(63deg);transform-origin:left}
.pm-hose{position:absolute;left:207px;top:39px;width:88px;height:3px;background:#303a42;transform:rotate(8deg);transform-origin:left}
.lube-pulse{position:absolute;width:11px;height:11px;background:var(--orange);border-radius:50%;left:339px;top:189px;animation:pulseLube 2.1s ease-in-out infinite}
.pm-meter{position:absolute;left:28px;right:28px;bottom:28px;background:#f5f7f9;border:1px solid #e0e5e9;border-radius:8px;padding:14px 18px;display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted)}
.pm-meter b{color:#14834c;letter-spacing:.08em}

.process-section{padding:90px 0;background:#fff}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.process-step{padding:30px 27px;min-height:215px;border-right:1px solid var(--line);position:relative}
.process-step:last-child{border-right:0}
.process-step span{font-family:Manrope;font-size:2.2rem;font-weight:800;color:#dce2e7}
.process-step h3{font-family:Manrope;color:var(--navy);margin:15px 0 8px}
.process-step p{color:var(--muted);font-size:.88rem;margin:0}
.process-step:before{content:"";position:absolute;left:0;top:0;width:0;height:4px;background:var(--orange);transition:.3s}
.process-step:hover:before{width:100%}

.why-section{padding:90px 0;background:var(--navy)}
.why-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px}
.why-panel{color:white;padding:25px 0}
.why-panel h2{color:white;max-width:700px}
.why-panel>p{color:#b7c6d1;max-width:700px}
.eyebrow.light{color:#f3b65f}
.why-list{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;margin-top:34px}
.why-list div{border-top:1px solid rgba(255,255,255,.15);padding-top:16px}
.why-list b{display:block;margin-bottom:4px}.why-list span{font-size:.84rem;color:#afc0cd}
.area-card{background:#fff;border-radius:10px;padding:30px;min-height:390px}
.area-card h3{font-family:Manrope;color:var(--navy);font-size:1.65rem;margin:10px 0}
.area-card p{color:var(--muted);font-size:.9rem}
.map-art{height:210px;position:relative;margin-top:15px;background:linear-gradient(145deg,#eff3f6,#f9fafb);border-radius:8px;overflow:hidden}
.map-ring{position:absolute;left:50%;top:50%;border:1px solid #afbac3;border-radius:50%;transform:translate(-50%,-50%)}
.ring1{width:80px;height:80px}.ring2{width:145px;height:145px}.ring3{width:215px;height:215px}
.map-pin{position:absolute;left:50%;top:50%;width:28px;height:28px;background:var(--orange);border-radius:50% 50% 50% 0;transform:translate(-50%,-70%) rotate(-45deg);box-shadow:0 8px 20px rgba(232,148,32,.3)}
.map-pin span{position:absolute;width:10px;height:10px;background:white;border-radius:50%;left:9px;top:9px}
.map-label{position:absolute;left:50%;top:67%;transform:translateX(-50%);font-size:.72rem;font-weight:900;letter-spacing:.16em;color:var(--navy)}

.contact-section{padding:95px 0;background:#f4f6f8}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}
.contact-copy p{color:var(--muted)}
.direct-contact{display:grid;gap:13px;margin-top:27px}
.direct-contact a{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--line);background:white;border-radius:8px}
.contact-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff1dd;color:var(--orange-dark);font-weight:900}
.contact-icon.green{background:#e6f7ee;color:var(--green)}
.direct-contact small{display:block;font-size:.62rem;color:var(--muted);font-weight:900;letter-spacing:.11em}
.direct-contact strong{color:var(--navy)}
.request-form{background:#fff;border:1px solid var(--line);border-radius:10px;padding:27px;box-shadow:0 12px 35px rgba(15,38,58,.06)}
.form-head{display:flex;justify-content:space-between;gap:18px;align-items:end;padding-bottom:18px;border-bottom:1px solid #e7ebee;margin-bottom:20px}
.form-head span{font-family:Manrope;font-weight:800;color:var(--navy);font-size:1.15rem}
.form-head small{color:var(--muted)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;font-size:.76rem;font-weight:800;color:#4a5b69;margin-bottom:13px}
input,select,textarea{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid #cfd7dd;border-radius:6px;background:#fff;color:var(--text);outline:none}
input:focus,select:focus,textarea:focus{border-color:#7a8f9f;box-shadow:0 0 0 3px rgba(13,34,54,.06)}
textarea{min-height:115px;resize:vertical}
.full-btn{width:100%;border:0}

footer{padding:32px 0;background:#081826;color:#9fb0bd;font-size:.8rem}
.footer-grid{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap}
.footer-brand{font-family:Manrope;font-weight:800;color:white;letter-spacing:.05em}
.footer-grid span{font-size:.7rem}

.floating-wa{position:fixed;right:22px;bottom:22px;width:56px;height:56px;background:var(--green);color:white;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;box-shadow:0 10px 25px rgba(0,0,0,.18);z-index:55}
.mobile-contact-bar{display:none}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:none}

@keyframes spin{to{transform:rotate(360deg)}}
@keyframes beltMove{to{background-position:90px 0}}
@keyframes boxTravel{0%{transform:translateX(-100px)}100%{transform:translateX(410px)}}
@keyframes wrenchWork{0%,100%{transform:translate(-50%,-50%) rotate(-38deg)}50%{transform:translate(-50%,-50%) rotate(-15deg)}}
@keyframes greaseDrop{0%,100%{opacity:0;transform:translateY(-5px)}45%{opacity:1}75%{opacity:1;transform:translateY(22px)}}
@keyframes scan{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,104px)}}
@keyframes pmGun{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(4px) rotate(1deg)}}
@keyframes pulseLube{0%,100%{opacity:0;transform:scale(.7)}45%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(1.7)}}

@media(max-width:980px){
  .main-nav{position:absolute;top:84px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:22px;display:none;flex-direction:column;align-items:flex-start}
  .main-nav.open{display:flex}
  .menu-toggle{display:block}
  .hero-grid,.pm-grid,.why-grid,.contact-grid{grid-template-columns:1fr}
  .hero{padding-top:58px}
  .hero-visual{max-width:720px}
  .service-grid{grid-template-columns:1fr 1fr}
  .process-grid{grid-template-columns:1fr 1fr}
  .process-step:nth-child(2){border-right:0}
  .section-heading{grid-template-columns:1fr;gap:18px}
}
@media(max-width:650px){
  .container{width:min(var(--max),calc(100% - 28px))}
  .top-strip-inner{justify-content:center}.top-strip-inner>span{display:none}
  .top-strip{font-size:.76rem}
  .nav-wrap{height:72px}
  .main-nav{top:72px}
  .logo-mark{width:40px;height:40px}.logo-mark svg{width:38px;height:38px}
  .logo-copy strong{font-size:.86rem}.logo-copy span{font-size:.53rem}
  .hero{padding:48px 0 55px}
  .hero h1{font-size:2.7rem}
  .hero-grid{gap:38px}
  .hero-points{gap:18px}
  .hero-points>div{width:100%}
  .industrial-scene{padding:15px}
  .conveyor-frame{height:290px}
  .quick-grid{grid-template-columns:1fr}
  .service-grid{grid-template-columns:1fr}
  .section,.pm-section,.process-section,.why-section,.contact-section{padding:68px 0}
  .process-grid{grid-template-columns:1fr}
  .process-step{border-right:0;border-bottom:1px solid var(--line)}
  .process-step:last-child{border-bottom:0}
  .why-list{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .floating-wa{display:none}
  .mobile-contact-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:80;box-shadow:0 -7px 20px rgba(0,0,0,.16)}
  .mobile-contact-bar a{padding:14px;text-align:center;font-weight:900;background:var(--navy);color:white}
  .mobile-contact-bar a:last-child{background:var(--green)}
  body{padding-bottom:50px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}


/* More industrial mechanical services */
.more-services{margin-top:54px;padding-top:46px;border-top:1px solid var(--line)}
.more-services-head{display:grid;grid-template-columns:1fr .9fr;column-gap:55px;align-items:end;margin-bottom:26px}
.more-services-head .eyebrow{grid-column:1/-1;margin-bottom:8px}
.more-services-head h3{font-family:Manrope;margin:0;color:var(--navy);font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.1}
.more-services-head p{margin:0;color:var(--muted);font-size:.92rem}
.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.more-card{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:22px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:0 9px 24px rgba(15,38,58,.045);transition:.25s}
.more-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.more-card h4{font-family:Manrope;margin:0 0 7px;color:var(--navy);font-size:1.05rem}
.more-card p{margin:0;color:var(--muted);font-size:.86rem}
.more-anim{height:126px;position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#eef2f5,#dce4ea);border:1px solid #d8e0e6}

/* Welding animation */
.weld-plate{position:absolute;background:#6d7a84;border:2px solid #4e5a63}
.plate-one{left:25px;bottom:25px;width:90px;height:22px}
.plate-two{left:92px;bottom:25px;width:22px;height:65px}
.torch{position:absolute;width:58px;height:12px;background:#2f3b45;border-radius:7px;right:25px;top:38px;transform:rotate(-35deg);transform-origin:right center;animation:torchMove 1.6s ease-in-out infinite}
.torch:after{content:"";position:absolute;left:-13px;top:3px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:15px solid #c7d0d7}
.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#ff9d1c;left:106px;top:74px;opacity:0;box-shadow:0 0 7px rgba(255,157,28,.8);animation:sparkFly 1.1s linear infinite}
.s2{animation-delay:.18s}.s3{animation-delay:.36s}.s4{animation-delay:.54s}.s5{animation-delay:.72s}

/* Machine installation animation */
.machine-base{position:absolute;left:35px;right:35px;bottom:24px;height:11px;background:#6d7983}
.machine-body{position:absolute;left:58px;bottom:35px;width:80px;height:54px;background:linear-gradient(180deg,#55636e,#34414b);border-radius:5px}
.machine-hook{position:absolute;right:34px;top:26px;width:19px;height:24px;border:5px solid #c38320;border-top:0;border-radius:0 0 12px 12px;animation:hookMove 2.2s ease-in-out infinite}
.machine-line{position:absolute;right:41px;top:0;width:3px;height:31px;background:#65727d;animation:lineMove 2.2s ease-in-out infinite}

/* Guard/bracket animation */
.guard-frame{position:absolute;left:34px;top:24px;width:118px;height:78px;border:8px solid #5e6b76;border-radius:3px}
.guard-panel{position:absolute;left:50px;top:39px;width:86px;height:49px;background:repeating-linear-gradient(45deg,#aeb8c0 0 5px,#d9e0e5 5px 10px)}
.guard-bolt{position:absolute;width:10px;height:10px;border-radius:50%;background:#29353e}
.gb1{left:39px;top:29px}.gb2{right:39px;bottom:29px}
.guard-tool{position:absolute;font-size:28px;right:18px;top:13px;animation:wrenchTighten 1.6s ease-in-out infinite}

/* Coupling/shaft animation */
.shaft{position:absolute;top:58px;height:12px;background:#707d87}
.left-shaft{left:12px;width:62px}.right-shaft{right:12px;width:62px}
.coupling{position:absolute;top:40px;width:43px;height:48px;border-radius:9px;background:repeating-linear-gradient(90deg,#394650 0 8px,#697680 8px 13px);border:2px solid #2c3740}
.left-coupling{left:62px;animation:couplingSpin 1.7s linear infinite}
.right-coupling{right:62px;animation:couplingSpin 1.7s linear infinite reverse}
.left-coupling:after,.right-coupling:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#dfe5e9;border:3px solid #53606a}

@keyframes torchMove{0%,100%{transform:rotate(-37deg) translate(0,0)}50%{transform:rotate(-31deg) translate(-5px,3px)}}
@keyframes sparkFly{0%{opacity:0;transform:translate(0,0) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translate(28px,-32px) scale(.2)}}
@keyframes hookMove{0%,100%{transform:translateY(0)}50%{transform:translateY(31px)}}
@keyframes lineMove{0%,100%{height:31px}50%{height:62px}}
@keyframes wrenchTighten{0%,100%{transform:rotate(-25deg)}50%{transform:rotate(15deg)}}
@keyframes couplingSpin{to{transform:rotate(360deg)}}

@media(max-width:980px){
  .more-services-head{grid-template-columns:1fr;gap:14px}
  .more-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .more-card{grid-template-columns:1fr}
  .more-anim{height:150px}
}


/* V5 Preventive Maintenance — one animation for every PM task */
.pm-heading{max-width:820px;margin-bottom:36px}
.pm-heading h2{font-family:Manrope;font-size:clamp(2rem,4vw,3.15rem);line-height:1.08;letter-spacing:-.035em;color:var(--navy);margin:10px 0 12px}
.pm-heading p{color:var(--muted);margin:0;max-width:720px}
.pm-task-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pm-task{display:grid;grid-template-columns:1fr;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:0 10px 28px rgba(15,38,58,.055);transition:.25s}
.pm-task:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.pm-task-visual{height:245px;position:relative;overflow:hidden;background:linear-gradient(145deg,#eef2f5,#dce4ea);border-bottom:1px solid var(--line)}
.pm-viz-title{position:absolute;left:20px;top:17px;font-size:.66rem;font-weight:900;letter-spacing:.14em;color:#697884;z-index:4}
.pm-status{position:absolute;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:7px;background:rgba(255,255,255,.88);border:1px solid rgba(208,217,224,.95);font-size:.7rem;color:#677581;backdrop-filter:blur(6px)}
.pm-status b{font-size:.66rem;color:#16824b;letter-spacing:.1em}
.pm-task-copy{padding:22px 23px 25px}
.pm-task-no{font-size:.68rem;font-weight:900;color:var(--orange-dark);letter-spacing:.12em}
.pm-task h3{font-family:Manrope;color:var(--navy);margin:5px 0 8px;font-size:1.2rem}
.pm-task p{margin:0;color:var(--muted);font-size:.88rem}
.pm-cta{margin-top:25px;border:1px solid #d8e0e6;border-radius:10px;background:#fff;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pm-cta b{display:block;color:var(--navy);font-family:Manrope}
.pm-cta span{display:block;color:var(--muted);font-size:.84rem;margin-top:3px}

/* 01 Greasing */
.mini-pm-bearing{position:absolute;width:108px;height:108px;border-radius:50%;right:55px;top:67px}
.mini-pm-ring{position:absolute;inset:0;border:25px solid #53616c;border-radius:50%;background:#b9c3ca;animation:spin 8s linear infinite}
.mini-pm-core{position:absolute;inset:42px;border-radius:50%;background:#f4f7f8;border:9px solid #818e98}
.mini-grease-gun{position:absolute;left:42px;top:88px;width:190px;height:92px;animation:pmGun 2s ease-in-out infinite}
.mg-body{position:absolute;left:0;top:16px;width:76px;height:27px;border-radius:6px;background:#2f3c46}
.mg-barrel{position:absolute;left:68px;top:23px;width:88px;height:6px;background:#515f69;transform:rotate(4deg);transform-origin:left}
.mg-handle{position:absolute;left:16px;top:43px;width:60px;height:8px;background:#6b7882;transform:rotate(59deg);transform-origin:left}
.mg-hose{position:absolute;left:150px;top:28px;width:58px;height:3px;background:#303a42;transform:rotate(8deg);transform-origin:left}
.mini-lube-pulse{position:absolute;left:247px;top:118px;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(232,148,32,.45);animation:miniLube 2s ease-out infinite}

/* 02 Belt + chain */
.pm-belt-track{position:absolute;left:28px;right:28px;top:75px;height:55px;border-radius:28px;background:#3d4851;border:6px solid #2b343c;overflow:hidden}
.pm-belt-moving{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 36px,rgba(255,255,255,.12) 36px 39px);animation:beltMove 1.45s linear infinite}
.pm-belt-roller{position:absolute;top:84px;width:35px;height:35px;border-radius:50%;background:radial-gradient(circle,#bdc6cd 0 18%,#48545e 19% 52%,#242b31 54%);animation:spin 1.7s linear infinite;z-index:3}
.br1{left:36px}.br2{left:50%;transform:translateX(-50%)}.br3{right:36px}
.pm-chain-track{position:absolute;left:56px;right:56px;top:150px;height:15px;background:repeating-linear-gradient(90deg,#344049 0 16px,#89949c 16px 22px);opacity:.9;animation:beltMove 2s linear infinite}
.tension-gauge{position:absolute;right:38px;top:145px;width:48px;height:48px;border-radius:50%;border:5px solid #77848e;background:#edf1f4}
.gauge-needle{position:absolute;left:20px;top:20px;width:17px;height:3px;background:var(--orange-dark);transform-origin:left;animation:gaugeMove 2.2s ease-in-out infinite}

/* 03 Bearing inspection */
.inspect-bearing{position:absolute;width:122px;height:122px;border-radius:50%;left:48px;top:62px}
.inspect-ring{position:absolute;inset:0;border-radius:50%;border:27px solid #52606a;background:#b9c2c9;animation:spin 7s linear infinite}
.inspect-core{position:absolute;inset:47px;border-radius:50%;background:#eef3f5;border:9px solid #7b8790}
.inspection-sensor{position:absolute;right:48px;top:92px;width:135px;height:80px}
.sensor-body{position:absolute;right:0;top:20px;width:70px;height:26px;border-radius:6px;background:#34414b}
.sensor-head{position:absolute;left:28px;top:26px;width:42px;height:14px;border-radius:8px 0 0 8px;background:#6c7983}
.sensor-wave{position:absolute;left:0;top:24px;width:18px;height:24px;border-left:2px solid var(--orange);border-radius:50%;opacity:0;animation:sensorWave 1.6s ease-out infinite}
.w2{animation-delay:.35s}.w3{animation-delay:.7s}

/* 04 Written observations */
.inspection-sheet{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:190px;height:142px;background:#fff;border:1px solid #bfc9d0;border-radius:6px;box-shadow:0 8px 18px rgba(0,0,0,.08)}
.sheet-head{position:absolute;left:18px;right:18px;top:18px;height:10px;background:#2f4354;border-radius:3px}
.sheet-line{position:absolute;left:48px;right:18px;height:6px;background:#d2d9de;border-radius:5px}
.l1{top:53px}.l2{top:79px}.l3{top:105px}
.sheet-check{position:absolute;left:18px;width:20px;height:20px;border-radius:4px;background:#e9f5ee;color:#16824b;font-size:.74rem;font-weight:900;display:grid;place-items:center;opacity:.15;animation:checkWrite 3s ease-in-out infinite}
.c1{top:46px}.c2{top:72px;animation-delay:.55s}.c3{top:98px;animation-delay:1.1s}
.report-pen{position:absolute;right:-23px;top:78px;width:76px;height:7px;background:#34414b;border-radius:7px;transform:rotate(-42deg);animation:penWrite 3s ease-in-out infinite}
.report-pen:after{content:"";position:absolute;left:-9px;top:1px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:10px solid var(--orange-dark)}

@keyframes miniLube{
  0%,25%,100%{opacity:0;transform:scale(.5)}
  42%{opacity:1;transform:scale(1)}
  72%{opacity:0;transform:scale(2.3);box-shadow:0 0 0 12px rgba(232,148,32,0)}
}
@keyframes gaugeMove{
  0%,100%{transform:rotate(-38deg)}
  50%{transform:rotate(28deg)}
}
@keyframes sensorWave{
  0%{opacity:0;transform:translateX(18px) scale(.5)}
  25%{opacity:1}
  100%{opacity:0;transform:translateX(-30px) scale(1.6)}
}
@keyframes checkWrite{
  0%,18%{opacity:.15;transform:scale(.85)}
  28%,75%{opacity:1;transform:scale(1)}
  90%,100%{opacity:.15}
}
@keyframes penWrite{
  0%,100%{transform:translate(0,0) rotate(-42deg)}
  25%{transform:translate(-13px,8px) rotate(-42deg)}
  50%{transform:translate(5px,20px) rotate(-42deg)}
  75%{transform:translate(-10px,34px) rotate(-42deg)}
}

@media(max-width:980px){
  .pm-task-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .pm-task-visual{height:220px}
  .pm-cta{align-items:flex-start;flex-direction:column}
  .pm-cta .btn{width:100%}
}


.quick-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.btn-light{background:#fff;color:var(--navy);border-color:rgba(13,34,54,.18)}
.btn-light:hover{background:#f8fafb}

.estimate-section{padding:95px 0;background:#fff;border-top:1px solid var(--line)}
.estimate-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start}
.estimate-copy h2{font-family:Manrope;font-size:clamp(2rem,4vw,3.15rem);line-height:1.08;letter-spacing:-.035em;color:var(--navy);margin:10px 0 12px}
.estimate-copy>p{color:var(--muted)}
.estimate-notes{display:grid;gap:16px;margin-top:28px}
.estimate-notes>div{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
.estimate-notes>div>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff2df;color:var(--orange-dark);font-size:.72rem;font-weight:900}
.estimate-notes p{margin:0;color:var(--muted);font-size:.88rem}
.estimate-notes b{color:var(--navy)}
.estimate-form{background:#f7f9fb;border:1px solid var(--line);border-radius:10px;padding:27px;box-shadow:0 12px 35px rgba(15,38,58,.06)}
.estimate-disclaimer{margin:12px 0 0;color:var(--muted);font-size:.74rem;line-height:1.45}

@media(max-width:980px){
  .estimate-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .quick-actions{justify-content:stretch}
  .quick-actions .btn{width:100%}
  .estimate-section{padding:68px 0}
}


/* V7 unified request form */
.request-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:26px 0}
.request-options>div{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:13px;border:1px solid var(--line);background:#fff;border-radius:8px}
.request-options>div>span{font-size:1.1rem}
.request-options p{margin:0}
.request-options b{display:block;color:var(--navy);font-size:.82rem}
.request-options small{display:block;color:var(--muted);font-size:.72rem;line-height:1.4;margin-top:2px}

.request-type-label{margin-bottom:18px}
.request-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}
.type-choice{margin:0;position:relative}
.type-choice input{position:absolute;opacity:0;pointer-events:none}
.type-choice>span{display:block;padding:13px 12px;border:1px solid #cfd7dd;border-radius:7px;background:#fff;cursor:pointer;transition:.18s}
.type-choice>span b{display:block;color:var(--navy);font-size:.82rem}
.type-choice>span small{display:block;color:var(--muted);font-size:.68rem;font-weight:500;margin-top:2px}
.type-choice input:checked + span{border-color:var(--orange);box-shadow:0 0 0 2px rgba(232,148,32,.13);background:#fffaf2}
.type-choice input:checked + span b{color:var(--orange-dark)}
.form-photo-note{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:12px 13px;background:#f5f8fa;border:1px solid #e0e6ea;border-radius:7px;margin:1px 0 14px}
.form-photo-note span{font-size:1.15rem}
.form-photo-note p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.45}
.form-photo-note b{color:var(--navy)}

@media(max-width:650px){
  .request-options,.request-type-grid{grid-template-columns:1fr}
}


/* V8 service area */
.service-area-section{padding:90px 0;background:#f5f8fa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.service-area-wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:start}
.service-area-copy h2{font-family:Manrope;font-size:clamp(2rem,4vw,3.05rem);line-height:1.08;letter-spacing:-.035em;color:var(--navy);margin:10px 0 13px}
.service-area-copy p{margin:0;color:var(--muted);max-width:640px}
.area-list{display:flex;flex-wrap:wrap;gap:9px;align-content:start;padding-top:28px}
.area-list span{background:#fff;border:1px solid #d6dfe5;border-radius:999px;padding:9px 13px;color:#42515c;font-size:.78rem;font-weight:700;box-shadow:0 4px 12px rgba(15,38,58,.035)}
.travel-note{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px 18px}
.travel-note b{color:var(--navy);font-family:Manrope}
.travel-note span{color:var(--muted);font-size:.84rem}

@media(max-width:980px){
  .service-area-wrap{grid-template-columns:1fr}
  .area-list{padding-top:0}
  .travel-note{grid-template-columns:1fr}
}
@media(max-width:650px){
  .service-area-section{padding:65px 0}
  .travel-note .btn{width:100%}
}