:root{--navy:#041527;--navy2:#071e37;--navy3:#0b2748;--blue:#268ef1;--blue-light:#4bb4ff;--red:#ed263b;--ink:#0a2240;--muted:#61758d;--white:#fff;--soft:#eef4fa;--line:#dce6f0;--shadow:0 20px 45px rgba(4,24,51,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.55 system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(1220px,calc(100% - 58px));margin-inline:auto}.icon-set{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip{position:absolute;left:12px;top:-60px;background:white;color:navy;z-index:30;padding:8px}.skip:focus{top:8px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue-light);outline-offset:3px}.site-header{height:83px;position:relative;z-index:20;background:linear-gradient(110deg,#06182c,#03182c 67%,#042448);color:white;border-bottom:1px solid rgba(105,176,243,.24);box-shadow:0 7px 20px rgba(2,14,26,.18)}.site-header:before{content:"";position:absolute;inset:auto 0 0;background:linear-gradient(90deg,transparent,#3599ef 50%,transparent);height:1px;opacity:.48}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:3px;flex:none;max-width:280px}.brand img{width:65px;height:62px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.wordmark{display:flex;flex-direction:column;line-height:1.02;transform:skew(-9deg);white-space:nowrap}.wordmark strong{font-size:27px;line-height:1.03;font-weight:1000;letter-spacing:.8px;font-style:italic;color:#389df6;text-shadow:0 2px 0 #0d4a96,0 3px 1px #05213d,0 0 12px rgba(47,163,252,.4)}.wordmark span{margin-top:5px;font-size:8px;letter-spacing:2.1px;font-weight:800;color:#dfe9f4;border-top:2px solid var(--red);padding-top:3px}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.main-nav a{padding:28px 2px;font-size:13px;font-weight:750;white-space:nowrap;color:#c2d3e8;position:relative;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:white}.main-nav a.active:after{content:"";position:absolute;height:3px;bottom:20px;left:0;right:0;background:var(--red);box-shadow:0 0 9px rgba(237,38,59,.55);border-radius:2px}.nav-right{display:flex;align-items:center;gap:12px}.lang-switch{display:flex;gap:6px;align-items:center;padding:6px 8px;border:1px solid rgba(75,157,253,.5);border-radius:11px;background:#092c50}.lang-switch button{border:0;background:none;color:#9cb9d8;font-size:10px;font-weight:750;padding:2px 4px}.lang-switch button.selected{color:#fff;background:#12579b;border-radius:4px}.lang-switch span{opacity:.25;font-size:10px}.mobile-nav-toggle{display:none;color:white;background:none;border:1px solid #22476b;padding:8px;border-radius:8px}
.hero{position:relative;background:radial-gradient(ellipse at 73% 17%,#133b5f 0%,var(--navy) 63%);color:#fff;min-height:542px;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03172c 2%,rgba(3,20,38,.97) 26%,rgba(3,19,35,.72) 53%,rgba(3,15,25,.08) 85%),linear-gradient(0deg,#061c35 0%,transparent 35%);z-index:-1}.hero-photo{position:absolute;z-index:-2;right:0;top:0;bottom:0;width:76%;background:url('assets/hero-machinery.webp') center 30%/cover no-repeat;filter:saturate(.88) contrast(1.12)}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(rgba(114,174,226,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(114,174,226,.25) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to right,black,transparent 80%)}.hero-inner{height:472px;display:flex;align-items:center}.hero-copy{max-width:680px;position:relative;padding-bottom:25px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2.1px;color:#72c6ff;display:flex;align-items:center;gap:10px;margin-bottom:17px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(237,38,59,.16)}.hero h1{font-size:clamp(36px,4.3vw,58px);letter-spacing:-2px;line-height:1.13;margin:0;font-weight:900}.hero h1 em{font-style:normal;color:#37a6ff}.hero-copy>p{color:#c8d8e8;max-width:590px;font-size:16px;line-height:1.7;margin:23px 0 30px}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:14px}.button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:50px;padding:12px 24px;border-radius:8px;font-size:12px;font-weight:900;letter-spacing:.25px;transition:transform .2s,box-shadow .2s;white-space:normal;text-align:center}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;border:1px solid #ff5662;background:linear-gradient(115deg,#f03d43,#dc162e);box-shadow:0 8px 22px rgba(220,24,49,.23)}.button-primary:hover{box-shadow:0 10px 30px rgba(220,24,49,.36)}.button-outline{background:rgba(3,20,40,.62);color:#fff;border:1px solid #2999fa;box-shadow:inset 0 0 0 1px rgba(27,116,206,.17)}.button-outline:hover{background:#0e385b}.button .icon{width:18px;height:18px}.highlights-wrap{position:relative;bottom:-14px;margin-top:-49px}.highlights{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:center;min-height:88px;padding:16px 18px;border:1px solid rgba(55,145,225,.37);border-radius:12px;background:linear-gradient(120deg,#07305b,#031a30 65%,#0a315b);box-shadow:0 17px 24px rgba(2,16,34,.23)}.highlight{display:flex;align-items:center;gap:9px;min-width:0}.highlight>.icon{width:34px;height:34px;color:#2fa9fb;stroke-width:2}.highlight b{font-size:12px;display:block;line-height:1.3}.highlight span{font-size:10px;line-height:1.35;display:block;color:#a7c4e1;margin-top:3px}
.section{padding:83px 0}.services-section{background:linear-gradient(#f3f8fd,#fff 65%);padding-top:103px}.section-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px;margin-bottom:29px}.section-kicker{font-size:11px;letter-spacing:.9px;color:#e23242;font-weight:900;display:flex;align-items:center;gap:8px;margin-bottom:9px}.section-kicker:before{content:"";width:28px;height:3px;background:var(--red);box-shadow:0 0 4px rgba(245,43,64,.3)}h2{font-size:clamp(33px,3.4vw,48px);line-height:1.08;letter-spacing:-1.7px;margin:0;font-weight:900}.section-intro>p{max-width:560px;font-size:15px;line-height:1.65;margin:0;color:#456077}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.service-card{position:relative;min-height:210px;overflow:hidden;padding:118px 20px 20px;border-radius:12px;border:1px solid #21496f;background:linear-gradient(145deg,#0b3056,#04182e);color:white;box-shadow:0 9px 17px rgba(12,35,67,.12);transition:transform .25s,border-color .25s}.service-card:hover{transform:translateY(-4px);border-color:var(--blue)}.service-card>img{position:absolute;top:0;right:0;width:100%;height:112px;object-fit:cover;opacity:.76;filter:saturate(.8)}.service-card:before{content:"";position:absolute;z-index:1;top:0;inset-inline:0;height:120px;background:linear-gradient(0deg,#071d37,transparent 70%)}.service-icon{position:absolute;z-index:2;left:16px;top:18px;display:grid;place-items:center;width:61px;height:61px;border:1px solid rgba(72,190,255,.7);border-radius:11px;background:linear-gradient(145deg,#176bc5,#06326c);box-shadow:0 8px 18px rgba(0,19,43,.28),0 0 17px rgba(34,146,243,.18)}.service-icon.red{background:linear-gradient(145deg,#d62c49,#81112e);border-color:#f46378}.service-icon .icon{width:30px;height:30px;color:white}.service-card h3{font-size:18px;font-weight:850;line-height:1.18;margin:0 0 8px;position:relative;z-index:2}.service-card p{position:relative;z-index:2;font-size:12px;line-height:1.5;color:#a8bdd1;margin:0;max-width:200px}.card-arrow{position:absolute;right:15px;bottom:18px;border:1px solid #3e7099;background:#123c61;color:#a9dcff;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-family:Arial,sans-serif;line-height:22px}
.projects-section{background:radial-gradient(ellipse at 100% 0%,#10416d,#04172c 65%);color:white}.section-intro.inverse>p{color:#acc3db}.projects-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.project-tile{border:1px solid #426b8e;outline-offset:2px;background:#082441;border-radius:10px;min-height:220px;display:block;overflow:hidden;padding:0;position:relative;color:white;text-align:left;transition:transform .25s,border-color .25s}.project-tile:hover{transform:translateY(-3px);border-color:var(--blue)}.project-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.87) brightness(.88)}.project-tile:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent 5%,rgba(1,16,31,.96))}.project-tile>span:not(.tile-expand){position:absolute;z-index:1;left:0;right:0;bottom:0;min-height:59px;display:flex;align-items:center;gap:10px;padding:14px 12px;background:rgba(3,27,50,.91);border-top:1px solid rgba(99,176,246,.3)}.project-tile b{font-size:12px;line-height:1.3}.project-tile .icon{color:#d2e9ff;width:20px;height:20px}.tile-expand{position:absolute;right:9px;top:10px;z-index:2;padding:5px;border-radius:7px;background:#05294da8;opacity:0;transition:opacity .2s}.project-tile:hover .tile-expand{opacity:1}.picture-note{color:#7d9cb9;font-size:11px;margin:18px 0 0}
.why-section{background:linear-gradient(90deg,#fbfdff,#eef5fc);padding-bottom:0;overflow:hidden}.why-layout{display:grid;grid-template-columns:1.45fr .8fr;align-items:stretch;gap:36px}.why-content{padding-bottom:80px}.about-lead{color:#526b83;max-width:780px;font-size:15px;line-height:1.65;margin:17px 0 26px}.benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 26px}.benefit{display:flex;align-items:start;gap:11px}.benefit>span{width:44px;height:44px;display:grid;place-items:center;background:#eaf5ff;border:1px solid #d9e7f6;color:#1979d2;border-radius:11px;flex:none;box-shadow:0 4px 8px rgba(25,110,185,.08)}.benefit .icon{width:23px;height:23px}.benefit strong{font-size:13px;line-height:1.25;display:block}.benefit p{font-size:12px;line-height:1.5;color:#697e91;margin:5px 0 0}.why-photo{position:relative;display:flex;align-items:flex-end;min-height:405px;max-height:525px;background:#08213c;border-radius:14px 14px 0 0;overflow:hidden;align-self:end}.why-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,252,255,.1),transparent 30%),linear-gradient(0deg,rgba(3,21,36,.5),transparent 30%);z-index:1}.why-photo img{width:100%;height:100%;min-height:405px;max-height:525px;object-fit:cover;object-position:center}.why-photo-ribbon{position:absolute;bottom:22px;left:20px;right:20px;z-index:2;padding:10px;font-size:10px;letter-spacing:2px;color:white;font-weight:900;text-align:center;background:#092d52d9;border:1px solid rgba(79,168,240,.3);border-radius:7px}
.contact-section{background:#04172d;color:white;padding:73px 0 70px;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 82% 10%,rgba(29,116,209,.25),transparent 39%),repeating-linear-gradient(125deg,transparent 0 14px,rgba(32,89,150,.035) 15px 16px)}.contact-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:52px;align-items:center}.contact-copy h2{font-size:clamp(34px,4vw,56px)}.contact-copy>p{max-width:560px;color:#aabed3;margin:21px 0 28px;font-size:15px}.contact-details{display:grid;gap:14px;padding:22px;border:1px solid rgba(44,132,217,.3);border-radius:14px;background:#0a2947ae}.contact-detail{display:flex;gap:15px;align-items:center;min-width:0}.contact-detail>span{display:grid;place-items:center;width:45px;height:45px;border-radius:11px;background:#11385b;color:#62baff;border:1px solid rgba(64,150,235,.3)}.contact-detail small{display:block;color:#81a9cf;font-size:11px}.contact-detail a,.contact-detail b{display:block;color:#e8f5ff;font-size:13px;overflow-wrap:anywhere}.contact-detail a:hover{text-decoration:underline}.contact-form-wrap{position:relative;z-index:1;margin-top:57px}.form-card{background:#09253e;border-radius:18px;border:1px solid #194873;box-shadow:0 12px 35px rgba(2,9,20,.23);padding:32px;display:grid;grid-template-columns:1fr 1.5fr;gap:35px;align-items:center}.form-card h3{font-size:25px;line-height:1.15;margin:0 0 9px}.form-card p{font-size:13px;color:#a1b9ce;margin:0}.form-card form{display:grid;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-card label{display:grid;gap:4px;color:#d4e5f4;font-weight:600;font-size:12px}.form-card input,.form-card textarea{width:100%;color:#fff;background:#05192b;border:1px solid #315473;border-radius:7px;padding:10px 12px;font-size:13px;min-height:44px;resize:vertical}.form-card input::placeholder,.form-card textarea::placeholder{color:#7994ab}.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.form-actions .button{min-height:45px;font-size:11px}.form-actions>span{font-size:11px;color:#8ba8c1;max-width:220px}
.footer{background:#031121;color:#a4bbd0;border-top:1px solid #16446f}.footer-top{padding:27px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand .brand img{width:50px}.footer-brand img{width:52px;height:52px}.footer-brand .wordmark strong{font-size:23px}.footer-brand .wordmark span{font-size:7px}.footer-right{text-align:right}.footer-links{display:flex;justify-content:flex-end;gap:23px;flex-wrap:wrap;font-size:12px;font-weight:650;color:#a8bdd4}.footer-links a:hover{color:white}.footer-right>p{font-size:10px;margin:12px 0 0;color:#718da6}.footer-right>p span{color:#f0344c;margin:0 4px}.footer-bottom{border-top:1px solid #0e2b49;padding:14px 0 25px;display:flex;justify-content:space-between;font-size:11px;color:#7192ae}.project-dialog{width:min(860px,90vw);max-height:85vh;border:1px solid #6b8dae;border-radius:12px;padding:12px;background:#051b32;color:white;box-shadow:0 23px 120px #0009}.project-dialog::backdrop{background:#000c}.project-dialog img{width:100%;max-height:65vh;object-fit:contain}.project-dialog p{padding:0 10px;font-size:15px}.dialog-close{position:absolute;right:18px;top:18px;border:0;border-radius:50%;background:#071e36e6;color:white;width:40px;height:40px;display:grid;place-items:center}
@media(max-width:1030px){.main-nav{gap:18px}.nav{gap:11px}.wordmark strong{font-size:23px}.brand img{width:56px}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.service-card{padding:111px 12px 15px}.service-card h3{font-size:16px}.service-card p{font-size:11px}.highlights{gap:6px;padding:14px 12px}.highlight>.icon{width:28px;height:28px}.highlight b{font-size:11px}.highlight span{font-size:9px}}
@media(max-width:770px){.container{width:min(100% - 34px,670px)}.site-header{height:70px}.nav{gap:8px}.brand img{width:51px;height:51px}.wordmark strong{font-size:22px}.wordmark span{font-size:6.5px;letter-spacing:1.6px}.mobile-nav-toggle{display:grid;place-items:center}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;margin:0;background:#061b31;border-top:1px solid #164675;padding:12px 25px 19px;box-shadow:0 15px 22px #0005;flex-direction:column;align-items:stretch;gap:1px}.main-nav.open{display:flex}.main-nav a{padding:11px 9px;font-size:14px}.main-nav a.active:after{bottom:4px;width:42px;right:auto;left:9px}.lang-switch{gap:2px;padding:5px 4px}.lang-switch button{font-size:10px}.hero{min-height:580px}.hero-photo{width:100%;opacity:.48;background-position:60% top}.hero:before{background:linear-gradient(90deg,#04172bd9,#061b32af 80%),linear-gradient(0deg,#051b31 0%,transparent 65%)}.hero-inner{height:auto;min-height:480px;padding:58px 0 75px}.hero-copy{max-width:620px}.hero h1{font-size:clamp(34px,6vw,52px);letter-spacing:-1.2px}.hero-copy>p{font-size:15px}.highlights-wrap{bottom:-30px;margin-top:-50px}.highlights{grid-template-columns:repeat(3,1fr);gap:14px}.services-section{padding-top:95px}.section{padding-block:70px}.section-intro{grid-template-columns:1fr;gap:15px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.service-card{padding:122px 15px 17px;min-height:215px}.service-card>img{height:120px}.service-card h3{font-size:18px}.service-card p{font-size:12px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-tile{min-height:205px}.why-layout{grid-template-columns:1fr}.why-content{padding-bottom:10px}.why-photo{max-width:100%;min-height:300px;max-height:390px}.why-photo img{min-height:300px;max-height:390px;object-position:center 26%}.contact-layout{grid-template-columns:1fr;gap:22px}.contact-details{max-width:480px}.form-card{grid-template-columns:1fr;gap:20px}.footer-top{align-items:start}.footer-links{gap:10px}}
@media(max-width:500px){.container{width:calc(100% - 30px)}.brand img{width:45px}.wordmark strong{font-size:19px}.wordmark span{font-size:5.8px;letter-spacing:1.3px}.lang-switch{gap:1px;padding:4px 2px}.lang-switch button{font-size:9px;padding:3px 2px}.hero{min-height:635px}.hero-inner{min-height:545px;padding-top:43px}.hero h1{font-size:36px}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-copy>p{font-size:14px}.hero-actions{gap:9px}.button{min-height:46px;font-size:10px;padding:10px 13px;gap:8px}.highlights{grid-template-columns:repeat(2,1fr);padding:13px;gap:12px 9px}.highlight b{font-size:11px}.highlight span{font-size:9px}.section{padding:58px 0}.services-section{padding-top:110px}.services-grid{gap:10px}.service-card{padding:107px 12px 15px;min-height:219px}.service-card>img{height:110px}.service-icon{width:49px;height:49px;top:14px;left:12px}.service-icon .icon{width:26px;height:26px}.service-card h3{font-size:15px;margin-bottom:7px}.service-card p{font-size:11px;padding-right:12px}.card-arrow{width:23px;height:23px;right:9px;bottom:11px;font-size:19px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-tile{min-height:190px}.project-tile b{font-size:11px}.benefits{grid-template-columns:1fr 1fr;gap:18px 10px}.benefit{gap:7px}.benefit>span{width:36px;height:36px}.benefit strong{font-size:11px}.benefit p{font-size:10px}.about-lead{font-size:14px}.contact-section{padding:61px 0 45px}.contact-details{padding:16px}.form-card{padding:20px 15px}.form-grid{grid-template-columns:1fr}.footer-top{display:block}.footer-right{text-align:left;margin-top:18px}.footer-links{justify-content:flex-start;gap:10px 15px}.footer-bottom{display:block}.footer-bottom>span{display:block;margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* 2026 real project gallery refinements */
.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.project-tile{min-height:222px}
.project-tile img{object-fit:cover;object-position:center}
.service-card>img{object-position:center}
.hero-photo{background-position:65% 48%}
.project-dialog img{width:100%;max-height:70vh;object-fit:contain}
@media (max-width:850px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:580px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-tile{min-height:205px}}