:root{
  --blue:#173f8f; --blue-dark:#0b2558; --cyan:#2fd6ff; --green:#11a36a;
  --ink:#0d1728; --muted:#617089; --bg:#f4f7fb; --card:#ffffff; --line:#dce5f2;
  --dark:#08111f; --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(1180px,92vw);margin:auto}
.section-pad{padding:88px 0}
.alt{background:linear-gradient(180deg,#f7faff,#edf3fb)}
.topbar{min-height:36px;background:var(--blue-dark);color:#dceaff;display:flex;align-items:center;justify-content:center;gap:28px;font-size:13px;font-weight:700;padding:6px 14px;flex-wrap:wrap}
.topbar span{white-space:nowrap}
.site-header{position:sticky;top:0;z-index:50;min-height:78px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,50,100,.12);display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,28px);gap:18px}
.brand{display:flex;align-items:center;gap:12px;min-width:230px}
.brand img{width:74px;height:52px;object-fit:contain}
.brand strong{display:block;font-size:19px;letter-spacing:-.02em;white-space:nowrap}
.brand small{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;white-space:nowrap}
.main-nav{display:flex;align-items:center;gap:22px;font-weight:800;color:#2b3852}
.main-nav a{font-size:14px;white-space:nowrap}
.main-nav a:hover{color:var(--blue)}
.nav-cta{background:var(--blue);color:#fff!important;padding:11px 18px;border-radius:999px;box-shadow:0 10px 26px rgba(23,63,143,.22)}
.menu-toggle{display:none;border:0;background:var(--blue-dark);color:#fff;border-radius:10px;padding:8px 11px;font-size:22px;cursor:pointer}
.hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;background:#061023}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.03);animation:slowZoom 20s ease-in-out infinite alternate}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,30,.94) 0%,rgba(8,22,54,.80) 48%,rgba(8,22,54,.28) 100%),radial-gradient(circle at 18% 35%,rgba(47,214,255,.22),transparent 30%)}
.hero-content{position:relative;z-index:2;width:min(880px,92vw);margin-left:max(4vw,40px);color:#fff;padding:80px 20px 80px 0}
.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;font-weight:900;letter-spacing:.12em;font-size:12px;color:var(--cyan);margin-bottom:16px}
.hero h1{font-size:clamp(38px,5.6vw,76px);line-height:.99;margin:0 0 24px;letter-spacing:-.055em}
.hero p{font-size:clamp(18px,2vw,23px);max-width:720px;color:#e8f3ff;margin:0 0 34px}
.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 22px;font-weight:900;border:1px solid transparent;transition:.22s;text-align:center}
.btn.primary{background:linear-gradient(135deg,var(--cyan),#4b8cff);color:#061224;box-shadow:0 18px 42px rgba(47,214,255,.25)}
.btn.secondary{background:var(--blue);color:#fff}
.btn.ghost{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.08)}
.btn:hover{transform:translateY(-2px)}
.trust-line{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.trust-line span{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.09);padding:9px 12px;border-radius:999px;font-size:13px;font-weight:800}
.section-heading{max-width:790px}
.section-heading.center{text-align:center;margin:0 auto 46px}
.section-heading h2{font-size:clamp(30px,4vw,52px);line-height:1.06;letter-spacing:-.045em;margin:0 0 18px}
.section-heading p{font-size:18px;color:var(--muted);margin:0}
.intro-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:44px;align-items:center}
.metrics{display:grid;gap:14px}
.metrics div{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 20px 40px rgba(15,35,80,.06)}
.metrics strong{display:block;font-size:24px;color:var(--blue)}
.metrics span{color:var(--muted);font-weight:650}
.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.solution-card{min-height:360px;border-radius:var(--radius);overflow:hidden;background:#071326;position:relative;box-shadow:0 24px 50px rgba(15,35,80,.13);isolation:isolate}
.solution-card.large{grid-column:span 2}
.solution-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.75;transition:.45s}
.solution-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,13,31,.05),rgba(6,13,31,.92))}
.solution-card div{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;color:#fff}
.solution-card span,.portfolio-item span{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#9be9ff;font-weight:900;margin-bottom:8px}
.solution-card h3{font-size:24px;line-height:1.08;margin:0 0 10px}
.solution-card p{margin:0;color:#d9e7f8}
.solution-card:hover img{transform:scale(1.06);opacity:.9}
.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.flow-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 16px 36px rgba(15,35,80,.06);min-height:170px}
.flow-number{width:34px;height:34px;display:grid;place-items:center;background:#e9f5ff;color:var(--blue);border-radius:50%;font-weight:950;margin-bottom:14px}
.flow-card h3{font-size:18px;line-height:1.15;margin:0 0 8px;color:var(--blue-dark)}
.flow-card p{font-size:14px;color:var(--muted);margin:0;font-weight:650}
.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}
.equipment-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(15,35,80,.08);transition:.22s}
.equipment-card:hover{transform:translateY(-5px)}
.equipment-card img{height:230px;width:100%;object-fit:cover;background:#eef3f8}
.equipment-card h3{font-size:22px;line-height:1.15;margin:22px 22px 10px}
.equipment-card p{color:var(--muted);margin:0 22px 24px;font-weight:650}
.tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font-weight:900;color:#33415c;cursor:pointer}
.tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.portfolio-item{position:relative;border:0;padding:0;border-radius:20px;overflow:hidden;height:225px;cursor:pointer;background:#071326;text-align:left}
.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:.35s}
.portfolio-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.76))}
.portfolio-item span{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;color:#fff;text-align:left}
.portfolio-item:hover img{transform:scale(1.08)}
.portfolio-item.hide{display:none}
.project-grid,.split{display:grid;grid-template-columns:1fr 1.08fr;gap:52px;align-items:center}
.project-copy p,.split-copy p{font-size:18px;color:var(--muted)}
.check-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.check-list li{font-weight:800;color:#263450}
.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;background:#e6f7ef;color:var(--green);border-radius:50%;margin-right:10px}
.project-images{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.project-images img,.split-media img{border-radius:24px;box-shadow:0 26px 60px rgba(15,35,80,.12);border:1px solid var(--line);height:360px;width:100%;object-fit:cover;background:#fff}
.split.reverse{grid-template-columns:1.08fr 1fr}
.split.reverse .split-media{order:2}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.mini-grid span{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;font-weight:900;color:var(--blue-dark)}
.watchdog{background:linear-gradient(135deg,#061023,#0b2558);color:#fff}
.watchdog .split-copy p{color:#dceaff}
.watchdog .kicker{color:#89ecff}
.contact{background:linear-gradient(135deg,#0b2558,#173f8f);color:#fff}
.contact-box{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:42px}
.contact-box h2{font-size:clamp(30px,4vw,50px);line-height:1.06;margin:0 0 12px}
.contact-box p{color:#e4efff;font-size:18px}
.plain-link{display:inline-flex;align-items:center;color:#fff;font-weight:900;margin-top:6px}
.site-footer{background:#050b16;color:#d9e7f8;padding:48px 0}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:34px}
.site-footer img{width:88px;margin-bottom:14px;background:#fff;border-radius:12px;padding:4px}
.site-footer p{color:#aebbd0}
.float-whatsapp{position:fixed;right:20px;bottom:20px;z-index:60;background:#12b76a;color:#fff;border-radius:999px;padding:14px 18px;font-weight:900;box-shadow:0 15px 35px rgba(18,183,106,.34)}
.lightbox{position:fixed;inset:0;background:rgba(4,10,20,.92);z-index:100;display:none;align-items:center;justify-content:center;padding:36px}
.lightbox.open{display:flex;flex-direction:column}
.lightbox img{max-height:80vh;max-width:92vw;border-radius:20px}
.lightbox p{color:#fff;font-weight:800;text-align:center}
.lightbox-close{position:absolute;right:28px;top:22px;border:0;background:#fff;color:#071326;border-radius:50%;width:42px;height:42px;font-size:30px;cursor:pointer}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.reveal.visible,.no-js .reveal{opacity:1;transform:none}
@keyframes slowZoom{to{transform:scale(1.08)}}
@media(max-width:1180px){.main-nav{gap:14px}.main-nav a{font-size:13px}.brand small{font-size:11px}.brand img{width:64px}}
@media(max-width:980px){.topbar{display:none}.site-header{height:auto;min-height:72px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:16px 0 12px}.main-nav.open{display:flex}.hero{min-height:680px}.hero-content{margin:0 auto;padding:76px 0}.intro-grid,.project-grid,.split,.split.reverse,.contact-box,.footer-grid{grid-template-columns:1fr}.split.reverse .split-media{order:0}.solution-grid{grid-template-columns:1fr 1fr}.solution-card.large{grid-column:span 2}.equipment-grid{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:1fr 1fr}.flow-grid{grid-template-columns:1fr 1fr}.contact-actions{align-items:flex-start}.project-images img,.split-media img{height:300px}}
@media(max-width:640px){.brand{min-width:0}.brand small{display:none}.brand img{width:58px}.solution-grid,.equipment-grid,.portfolio-grid,.project-images,.mini-grid,.flow-grid{grid-template-columns:1fr}.solution-card.large{grid-column:auto}.section-pad{padding:64px 0}.hero h1{font-size:37px}.hero p{font-size:17px}.portfolio-item{height:230px}.contact-box{padding:28px}.float-whatsapp{left:16px;right:16px;text-align:center}.project-images img,.split-media img{height:260px}.hero-actions .btn,.contact-actions .btn{width:100%}}