:root{
  --forest:#063a25;
  --forest-deep:#031b12;
  --green:#087b46;
  --green-bright:#12a85f;
  --mint:#76e2a5;
  --mint-soft:#e9f7ef;
  --paper:#ffffff;
  --offwhite:#f4f8f5;
  --ink:#10251c;
  --muted:#62736b;
  --line:#dce8e1;
  --display:"Manrope",Arial,sans-serif;
  --body:"DM Sans",Arial,sans-serif;
  --shadow:0 24px 70px rgba(4,41,26,.14);
}

*{box-sizing:border-box}
html{
  width:100%;
  min-width:0;
  overflow-x:hidden;
  scroll-behavior:smooth;
}
body{
  margin:0;
  width:100%;
  min-width:0;
  max-width:100%;
  overflow-x:hidden;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--body);
  -webkit-font-smoothing:antialiased;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
main,.top-strip,.site-header,.hero,.section,.solution-band,.about,.process,.industries,.testimonials,.contact,.map,.footer{
  width:100%;
  min-width:0;
  max-width:100%;
}
main{display:block;overflow:hidden}
svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.shell{
  width:calc(100% - 48px);
  max-width:1220px;
  min-width:0;
  margin-inline:auto;
}
.skip-link{
  position:fixed;
  z-index:999;
  top:-70px;
  left:14px;
  padding:12px 18px;
  border-radius:8px;
  background:#fff;
  color:#000;
}
.skip-link:focus{top:14px}

.top-strip{position:relative;z-index:70;background:var(--forest-deep);color:#bdd1c7}
.top-strip-inner{height:38px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.top-strip p{display:flex;align-items:center;gap:9px;margin:0;font-size:11px;letter-spacing:.03em}
.status-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--mint);
  box-shadow:0 0 0 5px rgba(118,226,165,.1);
}
.top-links{display:flex;align-items:center;gap:28px}
.top-links a{display:flex;align-items:center;gap:7px;font-size:11px;transition:.2s}
.top-links a:hover{color:var(--mint)}
.top-links svg{width:14px;height:14px}

.site-header{
  position:sticky;
  z-index:60;
  top:0;
  border-bottom:1px solid rgba(7,75,43,.1);
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(18px);
  transition:box-shadow .3s,background .3s;
}
.site-header.scrolled{background:rgba(255,255,255,.985);box-shadow:0 12px 35px rgba(5,49,31,.08)}
.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:34px}
.brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.brand-logo-wrap{
  width:76px;
  height:50px;
  display:grid;
  flex:0 0 auto;
  place-items:center;
  overflow:hidden;
  padding:4px 5px;
  border:1px solid rgba(7,75,43,.09);
  border-radius:14px 4px 14px 4px;
  background:#fff;
  box-shadow:0 8px 22px rgba(6,94,52,.11);
}
.brand-logo{display:block;width:100%;height:100%;object-fit:contain}
.brand-copy strong{display:block;color:#14231e;font:800 23px/1 var(--display);letter-spacing:-1px}
.brand-copy strong span{color:var(--green)}
.brand-copy small{display:block;margin-top:5px;color:#56665f;font-size:7px;font-weight:700;letter-spacing:2.55px}
.main-nav{display:flex;align-items:center}
.nav-links{display:flex;align-items:center;gap:31px}
.nav-links>a{
  position:relative;
  padding:30px 0;
  color:#293c34;
  font-size:12px;
  font-weight:700;
  transition:.22s;
}
.nav-links>a:after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:22px;
  height:2px;
  background:var(--green-bright);
  transition:.25s ease;
}
.nav-links>a:hover{color:var(--green)}
.nav-links>a:hover:after{right:0}
.nav-links>a.active{color:var(--green)}
.nav-links>a.active:after{right:0}
.nav-label strong{font:inherit}
.nav-icon,.nav-label small,.nav-arrow,.mobile-nav-head,.mobile-nav-footer{display:none}
.menu-backdrop{display:none}
.header-cta{
  display:inline-flex;
  align-items:center;
  gap:18px;
  min-height:46px;
  padding:0 18px;
  border-radius:10px 3px 10px 3px;
  background:var(--forest);
  color:#fff;
  box-shadow:0 12px 28px rgba(6,58,37,.16);
  font-size:11px;
  font-weight:700;
  transition:.25s ease;
}
.header-cta span{color:var(--mint)}
.header-cta:hover{background:var(--green);transform:translateY(-2px)}
.menu-button{
  position:relative;
  display:none;
  width:42px;
  height:42px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  cursor:pointer;
  transition:background .25s,border-color .25s,box-shadow .25s;
}
.menu-button span{
  display:block;
  width:20px;
  height:2px;
  margin:4px 0;
  border-radius:2px;
  background:var(--forest);
  transition:.25s;
}

.hero{
  position:relative;
  min-height:clamp(680px,78svh,780px);
  overflow:hidden;
  isolation:isolate;
  background:var(--forest-deep);
}
.hero-cover{
  position:absolute;
  z-index:-4;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  animation:heroZoom 18s ease-in-out infinite alternate;
}
.hero-shade{
  position:absolute;
  z-index:-3;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,27,18,.97) 0%,rgba(3,33,21,.91) 36%,rgba(3,34,22,.5) 61%,rgba(3,23,16,.1) 100%),
    linear-gradient(180deg,rgba(2,20,13,.18) 0%,rgba(2,24,16,.07) 54%,rgba(2,22,15,.88) 100%);
}
.hero-pattern{
  position:absolute;
  z-index:-2;
  inset:0;
  opacity:.24;
  background-image:
    linear-gradient(rgba(126,231,172,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(126,231,172,.08) 1px,transparent 1px);
  background-size:68px 68px;
  mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.55) 55%,transparent 86%);
}
.hero-beam{
  position:absolute;
  z-index:-1;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(112,231,166,.65),transparent);
  filter:drop-shadow(0 0 6px rgba(78,232,145,.7));
  transform-origin:left center;
  animation:beamSweep 8s ease-in-out infinite alternate;
}
.hero-beam-one{width:48%;left:45%;top:32%;transform:rotate(-8deg)}
.hero-beam-two{width:36%;left:54%;top:64%;transform:rotate(13deg);animation-delay:-4s}
.hero-layout{
  position:relative;
  z-index:2;
  min-height:clamp(680px,78svh,780px);
  display:grid;
  grid-template-columns:1.06fr .72fr;
  align-items:center;
  gap:72px;
  padding:64px 0 118px;
}
.hero-copy{max-width:720px;color:#fff}
.eyebrow{
  display:flex;
  align-items:center;
  gap:13px;
  color:#93dcb4;
  font-size:10px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.eyebrow-line{width:34px;height:2px;background:var(--mint)}
.hero h1{
  max-width:700px;
  margin:22px 0 25px;
  font:800 clamp(54px,5.6vw,84px)/.98 var(--display);
  letter-spacing:-4.7px;
  text-wrap:balance;
}
.hero h1 em{color:var(--mint);font-style:normal}
.hero h1 strong{font-weight:800;color:#fff}
.hero-copy>p{max-width:650px;margin:0;color:#c4d6cd;font-size:17px;line-height:1.78}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}
.btn{
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  padding:0 22px;
  border-radius:11px 3px 11px 3px;
  font-size:12px;
  font-weight:700;
  transition:.25s ease;
}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--green-bright);color:#fff;box-shadow:0 16px 38px rgba(9,153,83,.28)}
.btn-primary:hover{background:#16b967;transform:translateY(-3px);box-shadow:0 20px 44px rgba(9,153,83,.38)}
.btn-outline{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.07);color:#fff;backdrop-filter:blur(12px)}
.btn-outline:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.13);transform:translateY(-3px)}
.hero-proof{
  max-width:650px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:46px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.17);
}
.hero-proof div{display:flex;align-items:flex-start;gap:12px}
.hero-proof div+div{padding-left:19px;border-left:1px solid rgba(255,255,255,.16)}
.hero-proof span{color:var(--mint);font-size:9px;font-weight:700}
.hero-proof strong{color:#dce9e3;font-size:10px;line-height:1.55}

.hero-console{
  --rx:0deg;
  --ry:0deg;
  --tx:0px;
  --ty:0px;
  position:relative;
  width:min(100%,390px);
  min-height:482px;
  justify-self:end;
  perspective:1400px;
  transform-style:preserve-3d;
}
.console-depth{
  position:absolute;
  inset:55px 13px 38px 35px;
  border-radius:28px 6px;
  transform-origin:center;
}
.console-depth-one{
  border:1px solid rgba(126,229,172,.3);
  background:rgba(10,88,52,.2);
  transform:rotateY(-8deg) rotateZ(4deg) translateZ(-30px);
}
.console-depth-two{
  inset:38px 30px 55px 15px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.04);
  transform:rotateY(6deg) rotateZ(-3deg) translateZ(-20px);
}
.console-card{
  position:absolute;
  inset:40px 22px 43px;
  overflow:hidden;
  padding:25px;
  border:1px solid rgba(255,255,255,.23);
  border-radius:26px 7px 26px 7px;
  background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(2,35,21,.58));
  box-shadow:0 38px 80px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.26);
  backdrop-filter:blur(18px);
  transform:rotateX(var(--rx)) rotateY(var(--ry)) translate3d(var(--tx),var(--ty),35px);
  transform-style:preserve-3d;
  transition:transform .12s ease-out;
  animation:consoleFloat 6s ease-in-out infinite;
}
.console-card:before{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  right:-95px;
  top:-90px;
  border-radius:50%;
  background:rgba(93,228,154,.12);
  filter:blur(8px);
}
.console-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.console-head small,.console-head strong{display:block}
.console-head small{color:#92baa5;font-size:7px;font-weight:700;letter-spacing:.15em}
.console-head strong{margin-top:5px;color:#fff;font:700 16px var(--display)}
.live-pill{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(120,231,171,.24);border-radius:20px;background:rgba(7,75,43,.65);color:#bdf2d4;font-size:7px;font-weight:700;letter-spacing:.1em}
.live-pill i{width:6px;height:6px;border-radius:50%;background:#74e5a7;box-shadow:0 0 0 4px rgba(116,229,167,.12);animation:livePulse 1.8s infinite}
.console-ring{
  position:relative;
  width:170px;
  height:170px;
  display:grid;
  place-items:center;
  margin:32px auto 26px;
  border:1px solid rgba(134,235,180,.22);
  border-radius:50%;
  box-shadow:inset 0 0 45px rgba(44,209,119,.07);
}
.console-ring:before,.console-ring:after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px dashed rgba(126,231,172,.18);
}
.console-ring:before{inset:13px;animation:spin 18s linear infinite}
.console-ring:after{inset:31px;border-style:solid;border-color:rgba(126,231,172,.18)}
.ring-pulse{position:absolute;inset:47px;border-radius:50%;background:radial-gradient(circle,rgba(20,176,95,.34),rgba(18,128,73,.08));box-shadow:0 0 35px rgba(34,210,117,.19)}
.console-ring>div{position:relative;z-index:2;text-align:center}
.console-ring svg{width:35px;height:35px;color:var(--mint)}
.console-ring strong,.console-ring small{display:block}
.console-ring strong{margin-top:8px;color:#fff;font:700 15px var(--display)}
.console-ring small{margin-top:3px;color:#8fb5a2;font-size:8px}
.console-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.console-modules>div{padding:12px 8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(2,29,18,.33);text-align:center}
.console-modules span{width:31px;height:31px;display:grid;place-items:center;margin:0 auto 8px;border-radius:9px;background:rgba(83,214,143,.12);color:#83e9b1}
.console-modules svg{width:16px;height:16px}
.console-modules strong,.console-modules small{display:block}
.console-modules strong{color:#edf7f2;font-size:8px}
.console-modules small{margin-top:3px;color:#82a491;font-size:6px}
.floating-note{
  position:absolute;
  z-index:5;
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px 15px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:14px 4px 14px 4px;
  background:rgba(255,255,255,.94);
  color:var(--ink);
  box-shadow:0 22px 48px rgba(0,0,0,.25);
  backdrop-filter:blur(12px);
  animation:noteFloat 4.5s ease-in-out infinite;
}
.floating-note>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--mint-soft);color:var(--green)}
.floating-note svg{width:18px;height:18px}
.floating-note strong,.floating-note small{display:block}
.floating-note strong{font:700 10px var(--display)}
.floating-note small{margin-top:3px;color:#6b7c74;font-size:7px}
.note-one{left:-18px;top:12px}
.note-two{right:-7px;bottom:10px;animation-delay:-2.2s}
.note-two>span{width:10px;height:10px;background:#15b966;box-shadow:0 0 0 7px #e1f7eb}

.hero-bottom{
  position:absolute;
  z-index:4;
  left:0;
  right:0;
  bottom:0;
  border-top:1px solid rgba(255,255,255,.12);
  background:rgba(2,25,16,.69);
  backdrop-filter:blur(16px);
}
.hero-bottom-inner{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.hero-bottom-inner>span{color:#8eaa9b;font-size:10px}
.hero-bottom-inner>div{display:flex;align-items:center;gap:19px;color:#d5e5dd;font-size:8px;letter-spacing:.11em}
.hero-bottom-inner i{width:4px;height:4px;border-radius:50%;background:#54d58f}

.section{padding:118px 0;scroll-margin-top:84px}
.kicker{display:block;color:var(--green);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.kicker-light{color:#83e8b0}
.section-head{
  display:grid;
  grid-template-columns:1.17fr .63fr;
  align-items:end;
  gap:80px;
  margin-bottom:52px;
}
.section h2,.solution-band h2{
  margin:13px 0 0;
  color:var(--forest-deep);
  font:800 clamp(39px,4.25vw,60px)/1.06 var(--display);
  letter-spacing:-3px;
}
.section h2 em,.solution-band h2 em{color:var(--green);font-style:normal}
.section-head>p{margin:0 0 4px;color:var(--muted);font-size:14px;line-height:1.82}

.services{background:#fff}
.service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.service-card{
  --card-rx:0deg;
  --card-ry:0deg;
  display:block;
  position:relative;
  grid-column:span 4;
  min-height:385px;
  overflow:hidden;
  border:1px solid rgba(5,62,38,.09);
  border-radius:24px 6px 24px 6px;
  background:var(--forest);
  box-shadow:0 13px 35px rgba(5,43,27,.08);
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transform:perspective(1100px) rotateX(var(--card-rx)) rotateY(var(--card-ry));
  transition:transform .35s ease,box-shadow .35s ease;
  transform-style:preserve-3d;
}
.service-card-wide{grid-column:span 6}
.service-card:last-child{grid-column:span 12;min-height:330px}
.service-card>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;
}
.service-card:last-child>img{object-position:center 42%}
.service-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(3,30,19,.1) 0%,rgba(3,39,24,.2) 37%,rgba(3,39,24,.95) 100%),
    linear-gradient(90deg,rgba(3,47,28,.35),transparent 62%);
  transition:.35s;
}
.service-top{
  position:absolute;
  z-index:2;
  top:22px;
  left:23px;
  right:23px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.service-top small{color:rgba(255,255,255,.67);font-size:9px;font-weight:700;letter-spacing:.08em}
.service-icon{
  width:49px;
  height:49px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.42);
  border-radius:14px 4px 14px 4px;
  background:rgba(255,255,255,.9);
  color:var(--green);
  box-shadow:0 13px 30px rgba(0,0,0,.14);
  backdrop-filter:blur(12px);
}
.service-icon svg{width:23px;height:23px}
.service-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:27px;color:#fff;transform:translateZ(25px)}
.service-copy h3{margin:0 0 10px;font:700 23px/1.2 var(--display)}
.service-copy p{max-width:550px;margin:0;color:#c9ddd2;font-size:12px;line-height:1.7}
.service-link{display:inline-flex;margin-top:17px;color:#8ee9b6;font-size:10px;font-weight:700}
.service-link span{margin-left:8px}
.service-card:hover{
  z-index:3;
  transform:perspective(1100px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) translateY(-8px);
  box-shadow:0 30px 70px rgba(4,48,29,.2);
}
.service-card:hover>img{transform:scale(1.065);filter:saturate(1.06)}
.service-card:hover .service-overlay{background:linear-gradient(180deg,rgba(3,30,19,.03) 0%,rgba(3,39,24,.18) 34%,rgba(3,45,26,.97) 100%)}
.service-card:focus-visible{
  z-index:3;
  outline:3px solid #57df96;
  outline-offset:4px;
  box-shadow:0 30px 70px rgba(4,48,29,.22);
}

.solution-band{
  position:relative;
  overflow:hidden;
  padding:108px 0;
  background:
    radial-gradient(circle at 86% 12%,rgba(61,213,130,.19),transparent 31%),
    linear-gradient(128deg,#032218,#075033);
  color:#fff;
}
.solution-band:before{
  content:"";
  position:absolute;
  width:620px;
  height:620px;
  right:-265px;
  bottom:-340px;
  border:110px solid rgba(125,229,171,.055);
  border-radius:50%;
}
.solution-band-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:95px}
.solution-band h2{max-width:650px;color:#fff}
.solution-band h2 em{color:var(--mint)}
.solution-band-copy>p{max-width:610px;margin:24px 0 30px;color:#b7d0c3;font-size:14px;line-height:1.85}
.btn-white{background:#fff;color:var(--forest)}
.btn-white:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.2)}
.solution-metrics{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border:1px solid rgba(255,255,255,.13);
  border-radius:24px 6px 24px 6px;
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(12px);
}
.solution-metrics>div{min-height:176px;padding:31px}
.solution-metrics>div:nth-child(even){border-left:1px solid rgba(255,255,255,.13)}
.solution-metrics>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.13)}
.solution-metrics strong{display:block;color:#fff;font:800 44px/1 var(--display);letter-spacing:-2px}
.solution-metrics span{display:block;margin-top:14px;color:#a8c6b7;font-size:10px;line-height:1.6}

.about{background:var(--offwhite)}
.about-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}
.about-media{
  --card-rx:0deg;
  --card-ry:0deg;
  position:relative;
  min-height:590px;
  perspective:1200px;
  transform:perspective(1200px) rotateX(var(--card-rx)) rotateY(var(--card-ry));
  transition:transform .2s ease-out;
  transform-style:preserve-3d;
}
.about-media:before{
  content:"";
  position:absolute;
  left:0;
  top:35px;
  width:76%;
  height:84%;
  border:2px solid var(--green);
  border-radius:28px 6px 28px 6px;
  transform:translateZ(-25px);
}
.about-photo{
  position:absolute;
  inset:0 54px 48px 30px;
  overflow:hidden;
  padding:7px;
  border-radius:28px 7px 28px 7px;
  background:#fff;
  box-shadow:0 32px 72px rgba(5,48,30,.17);
  transform:rotateY(4deg) rotateZ(-.7deg) translateZ(20px);
}
.about-photo img,.about-photo-small img{width:100%;height:100%;object-fit:cover}
.about-photo-small{
  position:absolute;
  z-index:3;
  width:46%;
  height:31%;
  right:-9px;
  top:45px;
  overflow:hidden;
  padding:5px;
  border-radius:18px 4px 18px 4px;
  background:#fff;
  box-shadow:0 22px 48px rgba(3,40,24,.2);
  transform:translateZ(60px) rotateZ(2deg);
}
.about-badge{
  position:absolute;
  z-index:4;
  right:-5px;
  bottom:24px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:18px 20px;
  border-radius:16px 4px 16px 4px;
  background:var(--forest);
  color:#fff;
  box-shadow:0 22px 48px rgba(3,40,24,.25);
  transform:translateZ(70px);
}
.about-badge>svg{width:31px;height:31px;color:var(--mint)}
.about-badge strong,.about-badge span{display:block}
.about-badge strong{font:700 12px var(--display)}
.about-badge span{margin-top:4px;color:#acd0bd;font-size:8px}
.about-copy>p{color:var(--muted);font-size:14px;line-height:1.9}
.about-copy .lead{color:#294239;font-size:17px}
.check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 21px;margin:30px 0 34px}
.check-list span{display:flex;align-items:center;gap:9px;color:#153427;font-size:11px;font-weight:700}
.check-list svg{width:17px;height:17px;color:var(--green)}
.inline-link{display:inline-flex;align-items:center;gap:18px;color:var(--green);font-size:12px;font-weight:700}
.inline-link svg{width:18px;height:18px}

.process{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#031c13,#064a2f);
  color:#fff;
}
.process-grid-bg{
  position:absolute;
  inset:0;
  opacity:.25;
  background-image:
    linear-gradient(rgba(121,230,170,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(121,230,170,.07) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:radial-gradient(circle at 80% 50%,#000,transparent 75%);
}
.process-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.18fr .62fr;
  align-items:end;
  gap:80px;
  margin-bottom:58px;
}
.process h2{color:#fff}
.process h2 em{color:var(--mint)}
.process-head>p{margin:0 0 4px;color:#aac7b8;font-size:14px;line-height:1.8}
.process-steps{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(255,255,255,.15);
  border-bottom:1px solid rgba(255,255,255,.15);
}
.process-steps article{position:relative;min-height:315px;padding:30px 29px}
.process-steps article+article{border-left:1px solid rgba(255,255,255,.15)}
.process-steps article>span{position:absolute;top:27px;right:24px;color:#6ecf99;font-size:9px;font-weight:700}
.step-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(132,232,176,.23);border-radius:15px 4px;background:rgba(255,255,255,.05);color:var(--mint)}
.step-icon svg{width:23px;height:23px}
.process-steps h3{margin:42px 0 13px;font:700 19px var(--display)}
.process-steps p{margin:0;color:#9ab9a9;font-size:12px;line-height:1.75}

.industries{background:#fff}
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.industry-grid article{
  position:relative;
  min-height:235px;
  overflow:hidden;
  padding:30px;
  border:1px solid var(--line);
  border-radius:19px 5px 19px 5px;
  background:linear-gradient(145deg,#fff,#f8fbf9);
  transition:.3s;
}
.industry-grid article:after{
  content:"";
  position:absolute;
  right:-45px;
  bottom:-55px;
  width:130px;
  height:130px;
  border:28px solid rgba(9,140,78,.055);
  border-radius:50%;
}
.industry-grid span{color:var(--green);font-size:9px;font-weight:700}
.industry-grid h3{margin:38px 0 14px;font:700 18px/1.35 var(--display)}
.industry-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.72}
.industry-grid article:hover{border-color:#8ccdaf;transform:translateY(-6px);box-shadow:0 22px 45px rgba(5,58,35,.09)}

.testimonials{background:var(--offwhite)}
.testimonial-head{
  display:grid;
  grid-template-columns:1.05fr .55fr;
  align-items:end;
  gap:90px;
  margin-bottom:48px;
}
.testimonial-head>p{margin:0 0 4px;color:var(--muted);font-size:14px;line-height:1.8}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.testimonial-grid .testimonial-card{
  position:relative;
  min-height:300px;
  margin:0;
  padding:32px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:22px 6px 22px 6px;
  background:#fff;
  box-shadow:0 13px 35px rgba(4,41,26,.04);
}
.testimonial-grid .testimonial-card:after{
  content:"";
  position:absolute;
  right:-55px;
  top:-55px;
  width:130px;
  height:130px;
  border-radius:50%;
  background:var(--mint-soft);
}
.quote-mark{position:relative;z-index:2;color:var(--green);font:800 45px/1 Georgia,serif}
.testimonial-grid .testimonial-card>p{position:relative;z-index:2;min-height:126px;margin:22px 0 27px;color:#40564c;font-size:14px;line-height:1.82}
.testimonial-grid footer{position:relative;z-index:2;padding-top:19px;border-top:1px solid var(--line)}
.testimonial-grid footer strong,.testimonial-grid footer span{display:block}
.testimonial-grid footer strong{font-size:11px}
.testimonial-grid footer span{margin-top:4px;color:var(--green);font-size:9px}
.testimonial-note{margin:18px 0 0;color:#829088;font-size:9px;text-align:center}

.contact{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 0 100%,rgba(14,148,80,.23),transparent 38%),
    linear-gradient(126deg,#031b12,#063a25);
  color:#fff;
}
.contact:before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-245px;
  top:-255px;
  border:90px solid rgba(124,231,171,.06);
  border-radius:50%;
}
.contact-shell{position:relative;z-index:2;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:95px}
.contact-intro h2{max-width:590px;color:#fff}
.contact-intro h2 em{color:var(--mint)}
.contact-intro>p{max-width:570px;color:#a9c4b6;font-size:14px;line-height:1.82}
.contact-list{display:grid;gap:14px;margin-top:34px}
.contact-list>a,.contact-list>div{display:flex;align-items:center;gap:13px}
.contact-list>a>span,.contact-list>div>span{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:12px 4px;background:rgba(255,255,255,.05);color:var(--mint)}
.contact-list svg{width:19px;height:19px}
.contact-list small,.contact-list strong{display:block}
.contact-list small{color:#79b997;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.contact-list strong{margin-top:3px;color:#fff;font-size:11px;line-height:1.5}
.contact-form{
  display:grid;
  gap:16px;
  padding:43px;
  border-radius:27px 7px 27px 7px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 32px 80px rgba(0,0,0,.25);
}
.form-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.form-title small,.form-title strong{display:block}
.form-title small{color:var(--green);font-size:8px;font-weight:700;letter-spacing:.15em}
.form-title strong{margin-top:5px;font:700 23px var(--display)}
.form-title>span{width:45px;height:45px;display:grid;place-items:center;border-radius:13px 4px;background:var(--mint-soft);color:var(--green)}
.form-title svg{width:20px;height:20px}
.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.contact-form label{display:grid;gap:8px;color:#284037;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
.contact-form input,.contact-form select,.contact-form textarea{
  width:100%;
  padding:14px 15px;
  border:1px solid #d7e4dc;
  border-radius:9px;
  outline:none;
  background:#f6f9f7;
  color:#183026;
  font-size:12px;
  text-transform:none;
  transition:.2s;
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green-bright);background:#fff;box-shadow:0 0 0 3px rgba(12,155,84,.1)}
.contact-form textarea{resize:vertical}
.contact-form button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:50px;
  padding:0 17px;
  border:0;
  border-radius:10px 3px 10px 3px;
  background:var(--green);
  color:#fff;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  transition:.25s;
}
.contact-form button:hover{background:var(--green-bright)}
.contact-form button svg{width:18px;height:18px}
.contact-form>small{color:#7b8c84;font-size:8px;text-align:center}

.map{position:relative;height:430px}
.map iframe{width:100%;height:100%;border:0;filter:saturate(.72) contrast(1.04)}
.map-card{
  position:absolute;
  left:max(24px,calc((100% - 1220px)/2));
  top:50%;
  width:360px;
  display:grid;
  grid-template-columns:50px 1fr;
  gap:14px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:19px 5px 19px 5px;
  background:rgba(255,255,255,.96);
  box-shadow:0 25px 60px rgba(3,37,23,.18);
  transform:translateY(-50%);
  backdrop-filter:blur(14px);
}
.map-card>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px 4px;background:var(--mint-soft);color:var(--green)}
.map-card svg{width:21px;height:21px}
.map-card small,.map-card strong{display:block}
.map-card small{color:var(--green);font-size:7px;font-weight:700;letter-spacing:.13em}
.map-card strong{margin-top:5px;font:700 13px var(--display)}
.map-card p{margin:4px 0 0;color:var(--muted);font-size:10px}
.map-card b{grid-column:2;margin-top:5px;color:var(--green);font-size:9px}

.footer{background:#02110b;color:#91a89c}
.footer-grid{display:grid;grid-template-columns:1.35fr .72fr .67fr 1fr;gap:64px;padding:72px 0 55px}
.brand-light .brand-logo-wrap{border-color:rgba(255,255,255,.17);box-shadow:none}
.brand-light .brand-copy strong{color:#fff}
.brand-light .brand-copy small{color:#81998d}
.footer-intro>p{max-width:360px;margin:23px 0 0;font-size:11px;line-height:1.75}
.footer h3{margin:4px 0 19px;color:#fff;font:700 11px var(--display)}
.footer-grid>div:not(.footer-intro){display:flex;flex-direction:column;gap:11px}
.footer a,.footer p{font-size:10px;line-height:1.65}
.footer a:hover{color:var(--mint)}
.footer-grid p{margin:0}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:21px 0;border-top:1px solid rgba(255,255,255,.08);font-size:8px;letter-spacing:.04em}

.whatsapp{
  position:fixed;
  z-index:80;
  right:22px;
  bottom:22px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 16px 10px 10px;
  border-radius:32px;
  background:#1db45d;
  color:#fff;
  box-shadow:0 16px 38px rgba(0,74,33,.34);
  transition:.25s;
}
.whatsapp:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(0,74,33,.42)}
.whatsapp-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#16a854}
.whatsapp-icon svg{width:18px;height:18px}
.whatsapp-copy small,.whatsapp-copy strong{display:block}
.whatsapp-copy small{font-size:7px;opacity:.8}
.whatsapp-copy strong{margin-top:2px;font-size:10px}

.js .reveal{opacity:0;translate:0 28px;transition:opacity .75s ease,translate .75s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in-view{opacity:1;translate:0 0}
.js .service-grid .reveal:nth-child(2),.js .process-steps .reveal:nth-child(2),.js .industry-grid .reveal:nth-child(2),.js .testimonial-grid .reveal:nth-child(2){transition-delay:.08s}
.js .service-grid .reveal:nth-child(3),.js .process-steps .reveal:nth-child(3),.js .industry-grid .reveal:nth-child(3),.js .testimonial-grid .reveal:nth-child(3){transition-delay:.16s}
.js .service-grid .reveal:nth-child(4),.js .process-steps .reveal:nth-child(4),.js .industry-grid .reveal:nth-child(4){transition-delay:.24s}

@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.045)}}
@keyframes beamSweep{0%{opacity:.12;filter:drop-shadow(0 0 3px rgba(78,232,145,.25))}100%{opacity:.7;filter:drop-shadow(0 0 9px rgba(78,232,145,.85))}}
@keyframes consoleFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes noteFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(116,229,167,.34)}70%{box-shadow:0 0 0 8px rgba(116,229,167,0)}100%{box-shadow:0 0 0 0 rgba(116,229,167,0)}}
@keyframes spin{to{transform:rotate(360deg)}}

@media(max-width:1120px){
  .nav-links{gap:20px}
  .hero-layout{grid-template-columns:1.05fr .6fr;gap:35px}
  .hero h1{font-size:62px}
  .hero-console{width:350px}
  .console-card{inset:40px 12px 43px}
  .note-one{left:-5px}
  .solution-band-grid,.about-layout,.contact-shell{gap:60px}
  .service-card-wide{grid-column:span 6}
}

@media(max-width:920px){
  .top-strip{display:none}
  .site-header{z-index:80}
  .nav-wrap{height:74px}
  .header-cta{display:none}
  .menu-button{z-index:2;display:block;margin-left:auto}
  .main-nav{
    position:fixed;
    z-index:82;
    top:74px;
    right:0;
    bottom:0;
    left:auto;
    display:flex;
    width:min(88vw,390px);
    height:calc(100dvh - 74px);
    flex-direction:column;
    gap:0;
    padding:0;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    border:0;
    border-left:1px solid rgba(8,123,70,.12);
    border-radius:28px 0 0 0;
    background:#fff;
    box-shadow:-24px 24px 70px rgba(2,27,18,.28);
    opacity:0;
    visibility:hidden;
    clip-path:inset(0 0 0 100%);
    pointer-events:none;
    transform:none;
    transition:clip-path .38s cubic-bezier(.22,.72,.22,1),opacity .2s ease,visibility 0s linear .38s;
    scrollbar-width:thin;
    scrollbar-color:rgba(8,123,70,.25) transparent;
  }
  .main-nav.open{
    opacity:1;
    visibility:visible;
    clip-path:inset(0);
    pointer-events:auto;
    transform:none;
    transition:clip-path .38s cubic-bezier(.22,.72,.22,1),opacity .2s ease,visibility 0s;
  }
  .mobile-nav-head{
    position:relative;
    isolation:isolate;
    display:block;
    flex:0 0 auto;
    min-height:138px;
    padding:25px 24px 22px;
    overflow:hidden;
    background:
      radial-gradient(circle at 92% 4%,rgba(118,226,165,.25),transparent 36%),
      linear-gradient(135deg,var(--forest-deep),var(--forest) 68%,#075936);
    color:#fff;
  }
  .mobile-nav-head:after{
    content:"";
    position:absolute;
    z-index:-1;
    right:-53px;
    bottom:-89px;
    width:165px;
    height:165px;
    border:28px solid rgba(255,255,255,.045);
    border-radius:50%;
  }
  .mobile-nav-overline{
    display:block;
    margin-bottom:8px;
    color:var(--mint);
    font:700 8px/1 var(--display);
    letter-spacing:.22em;
    text-transform:uppercase;
  }
  .mobile-nav-head>strong{
    display:block;
    font:800 25px/1.1 var(--display);
    letter-spacing:-1px;
  }
  .mobile-nav-head p{
    display:flex;
    align-items:center;
    gap:9px;
    margin:15px 0 0;
    color:#c7ded2;
    font-size:9px;
    line-height:1.45;
  }
  .mobile-nav-head .status-dot{
    flex:0 0 auto;
    width:6px;
    height:6px;
  }
  .nav-links{
    display:grid;
    flex:0 0 auto;
    gap:7px;
    width:100%;
    padding:18px 14px 13px;
  }
  .nav-links>a{
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 24px;
    align-items:center;
    gap:12px;
    min-height:62px;
    padding:9px 10px;
    border:1px solid transparent;
    border-radius:15px;
    color:#263c32;
    opacity:0;
    transform:translateX(-14px);
    transition:opacity .3s ease,transform .34s cubic-bezier(.22,.72,.22,1),background .2s,border-color .2s;
  }
  .main-nav.open .nav-links>a{opacity:1;transform:translateX(0)}
  .main-nav.open .nav-links>a:nth-child(1){transition-delay:.08s}
  .main-nav.open .nav-links>a:nth-child(2){transition-delay:.12s}
  .main-nav.open .nav-links>a:nth-child(3){transition-delay:.16s}
  .main-nav.open .nav-links>a:nth-child(4){transition-delay:.2s}
  .main-nav.open .nav-links>a:nth-child(5){transition-delay:.24s}
  .nav-links>a:after{display:none}
  .nav-links>a:hover{border-color:#dceae2;background:#f4faf7;color:var(--green)}
  .nav-links>a.active{
    border-color:#cee7d9;
    background:linear-gradient(90deg,#e7f7ee,#f8fcfa);
    color:var(--forest);
    box-shadow:inset 3px 0 0 var(--green-bright),0 8px 22px rgba(6,58,37,.06);
  }
  .nav-icon{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:13px 4px 13px 4px;
    background:var(--mint-soft);
    color:var(--green);
    transition:.2s;
  }
  .nav-icon svg{width:19px;height:19px}
  .nav-links>a.active .nav-icon{
    background:linear-gradient(145deg,var(--forest),var(--green));
    color:#fff;
    box-shadow:0 8px 18px rgba(8,123,70,.2);
  }
  .nav-label{display:block;min-width:0}
  .nav-label strong{
    display:block;
    color:inherit;
    font:750 13px/1.2 var(--display);
  }
  .nav-label small{
    display:block;
    margin-top:4px;
    overflow:hidden;
    color:#788880;
    font-size:8px;
    font-weight:500;
    line-height:1.3;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .nav-arrow{
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    border-radius:50%;
    color:#91a29a;
    font-size:14px;
    transition:.2s;
  }
  .nav-links>a:hover .nav-arrow,.nav-links>a.active .nav-arrow{
    background:#fff;
    color:var(--green);
    transform:translateX(2px);
  }
  .mobile-nav-footer{
    display:grid;
    flex:0 0 auto;
    gap:9px;
    margin-top:auto;
    padding:20px 20px max(20px,env(safe-area-inset-bottom));
    border-top:1px solid #e0ebe5;
    background:
      linear-gradient(135deg,rgba(233,247,239,.82),rgba(255,255,255,.96)),
      radial-gradient(circle at 100% 100%,rgba(18,168,95,.12),transparent 45%);
  }
  .mobile-nav-footer>span{
    color:var(--green);
    font:750 8px/1 var(--display);
    letter-spacing:.15em;
    text-transform:uppercase;
  }
  .mobile-nav-footer>strong{
    max-width:290px;
    color:var(--forest-deep);
    font:750 14px/1.45 var(--display);
  }
  .mobile-nav-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:48px;
    margin-top:4px;
    padding:0 16px;
    border-radius:12px 4px 12px 4px;
    background:linear-gradient(135deg,var(--green),var(--green-bright));
    color:#fff;
    box-shadow:0 12px 25px rgba(8,123,70,.2);
    font-size:10px;
    font-weight:750;
  }
  .mobile-nav-cta svg{width:16px;height:16px}
  .mobile-nav-footer>div{
    display:flex;
    flex-wrap:wrap;
    gap:7px 15px;
    margin-top:5px;
  }
  .mobile-nav-footer>div a{
    display:flex;
    align-items:center;
    gap:6px;
    color:#61746a;
    font-size:8px;
    font-weight:650;
  }
  .mobile-nav-footer>div svg{width:12px;height:12px;color:var(--green)}
  .menu-backdrop{
    position:fixed;
    z-index:70;
    top:74px;
    right:0;
    bottom:0;
    left:0;
    display:block;
    padding:0;
    border:0;
    background:rgba(2,24,16,.58);
    opacity:0;
    visibility:hidden;
    cursor:pointer;
    pointer-events:none;
    backdrop-filter:blur(4px);
    transition:opacity .3s ease,visibility 0s linear .3s;
  }
  body.menu-open .menu-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:opacity .3s ease,visibility 0s;
  }
  .menu-button[aria-expanded="true"]{
    border-color:var(--forest);
    background:var(--forest);
    box-shadow:0 10px 24px rgba(3,27,18,.2);
  }
  .menu-button[aria-expanded="true"] span{background:#fff}
  .menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .hero{min-height:0}
  .hero-cover{object-position:63% center}
  .hero-shade{background:linear-gradient(90deg,rgba(3,27,18,.98),rgba(3,31,20,.88) 58%,rgba(3,23,16,.42)),linear-gradient(180deg,transparent 55%,rgba(2,22,15,.9))}
  .hero-layout{min-height:0;grid-template-columns:1fr;gap:45px;padding:80px 0 78px}
  .hero-copy{max-width:720px}
  .hero h1{font-size:68px}
  .hero-console{width:min(100%,430px);justify-self:center}
  .hero-bottom{position:relative}
  .hero-bottom-inner{display:block;padding:22px 0}
  .hero-bottom-inner>span{display:block;margin-bottom:13px}
  .hero-bottom-inner>div{flex-wrap:wrap;gap:10px 15px}
  .section-head,.process-head,.testimonial-head{grid-template-columns:1fr;gap:22px}
  .service-card,.service-card-wide{grid-column:span 6}
  .service-card:last-child{grid-column:span 12}
  .solution-band-grid{grid-template-columns:1fr;gap:55px}
  .about-layout{grid-template-columns:1fr;gap:75px}
  .about-media{width:min(100%,650px);margin:auto}
  .process-steps{grid-template-columns:repeat(2,1fr)}
  .process-steps article:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.15)}
  .process-steps article:nth-child(4){border-top:1px solid rgba(255,255,255,.15)}
  .industry-grid{grid-template-columns:repeat(2,1fr)}
  .testimonial-grid{grid-template-columns:1fr}
  .testimonial-grid .testimonial-card{min-height:0}
  .testimonial-grid .testimonial-card>p{min-height:0}
  .contact-shell{grid-template-columns:1fr}
  .contact-intro{max-width:720px}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:620px){
  .shell{
    width:calc(100% - 28px);
    max-width:1220px;
  }
  .nav-wrap{height:70px}
  .main-nav{top:70px;width:min(91vw,380px);height:calc(100dvh - 70px)}
  .menu-backdrop{top:70px}
  .brand-logo-wrap{width:61px;height:41px;padding:3px 4px;border-radius:11px 3px}
  .brand-copy strong{font-size:20px}
  .brand-copy small{font-size:6px;letter-spacing:2px}
  .hero-cover{object-position:67% center}
  .hero-shade{background:linear-gradient(90deg,rgba(3,27,18,.98),rgba(3,31,20,.87)),linear-gradient(180deg,transparent 45%,rgba(2,22,15,.88))}
  .hero-pattern{background-size:48px 48px}
  .hero-layout{padding:58px 0 55px;gap:34px}
  .eyebrow{font-size:8px;line-height:1.4}
  .hero h1{margin:18px 0 20px;font-size:clamp(41px,12.2vw,55px);line-height:1.01;letter-spacing:-3px}
  .hero-copy>p{font-size:14px;line-height:1.72}
  .hero-actions{display:grid;margin-top:28px}
  .btn{width:100%;min-height:52px}
  .hero-proof{grid-template-columns:1fr;margin-top:32px}
  .hero-proof div{padding:11px 0}
  .hero-proof div+div{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.13)}
  .hero-console{width:100%;min-height:425px}
  .console-card{inset:35px 9px 37px;padding:20px;border-radius:22px 6px}
  .console-depth{inset:50px 7px 28px 20px}
  .console-ring{width:145px;height:145px;margin:27px auto 20px}
  .console-modules{gap:5px}
  .console-modules>div{padding:10px 4px}
  .floating-note{padding:10px 12px}
  .floating-note>span{width:30px;height:30px}
  .note-one{left:0;top:1px}
  .note-two{right:0;bottom:2px}
  .hero-bottom-inner>div{font-size:7px}
  .section{padding:80px 0}
  .section h2,.solution-band h2{font-size:37px;letter-spacing:-2px}
  .section-head{margin-bottom:35px}
  .service-grid{gap:13px}
  .service-card,.service-card-wide,.service-card:last-child{grid-column:span 12;min-height:360px}
  .service-copy{left:23px;right:23px;bottom:23px}
  .service-copy h3{font-size:21px}
  .service-top{left:19px;right:19px;top:19px}
  .service-icon{width:45px;height:45px}
  .solution-band{padding:80px 0}
  .solution-metrics>div{min-height:150px;padding:24px 19px}
  .solution-metrics strong{font-size:37px}
  .about-media{min-height:455px}
  .about-photo{inset:0 20px 42px 15px}
  .about-photo-small{width:47%;height:29%;right:0;top:30px}
  .about-badge{right:0;bottom:12px}
  .check-list{grid-template-columns:1fr}
  .process-steps{grid-template-columns:1fr}
  .process-steps article,.process-steps article:nth-child(3),.process-steps article:nth-child(4){min-height:250px;border-left:0;border-top:1px solid rgba(255,255,255,.15)}
  .process-steps article:first-child{border-top:0}
  .process-steps h3{margin-top:31px}
  .industry-grid{grid-template-columns:1fr}
  .industry-grid article{min-height:205px}
  .testimonial-grid .testimonial-card{padding:27px}
  .contact-form{padding:30px 21px}
  .form-row{grid-template-columns:1fr}
  .form-title strong{font-size:20px}
  .map{height:510px}
  .map-card{left:14px;right:14px;top:auto;bottom:16px;width:auto;transform:none}
  .footer-grid{grid-template-columns:1fr;gap:36px;padding:56px 0 42px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:9px}
  .whatsapp{right:14px;bottom:14px;padding:10px}
  .whatsapp-copy{display:none}
}

@media(pointer:fine){
  .service-card,.about-media{will-change:transform}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js .reveal{opacity:1;translate:0 0}
}