:root{--wine:#9c3a55;--ink:#f6f3ef;--paper:#111315;--muted:#b0afb1}body{background:#111315}header{position:sticky;top:0;z-index:30;max-width:none;height:86px;background:#111315e8;backdrop-filter:blur(20px);border-color:#ffffff15;padding:0 6%}.header-brand{display:flex;align-items:center;gap:12px}.header-brand img{height:51px;width:51px;border-radius:50%}.wordmark{color:#f5f2ed}.wordmark b{color:#c36880}.brand small{color:#b1a6aa}nav{gap:25px}nav>a:not(.btn){color:#c5c2c4;font-size:12px;position:relative}nav>a.active{color:#e196ac}nav>a.active:after{content:'';position:absolute;bottom:-10px;left:0;width:18px;height:2px;background:#cc708d}.btn{border-radius:40px;padding:17px 25px;background:#9a3b54;box-shadow:0 8px 30px #0002;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px);background:#b34d68}.btn.light{border-color:#ffffff30;color:#fff}.hero{padding-top:65px;padding-bottom:70px;max-width:1500px;grid-template-columns:1.05fr 1fr;min-height:710px;gap:10px}.hero h1{font-weight:500;font-size:clamp(50px,5.7vw,83px);letter-spacing:-4px;line-height:1.06}.hero h1 em{color:#c7788e}.hero p{max-width:460px;color:#b5b1b3}.eyebrow{color:#c1adb4;font-size:10px}.eyebrow:before{background:#cd718e;box-shadow:0 0 15px #c56d88aa}.field-scene{height:550px;background:radial-gradient(ellipse at 55% 50%,#4c263433,transparent 65%);border-radius:0;overflow:visible}.equipment{position:absolute;color:#dcc2cb;fill:none;pointer-events:none}.visual svg.equipment{opacity:.17;inset:auto}.visual .station-art{width:78%;height:100%;right:-3%;bottom:-5%;transform:rotate(-7deg)}.visual .drone-art{width:55%;height:40%;left:-3%;top:0;opacity:.13;animation:float 9s ease-in-out infinite}.visual .gnss-art{width:43%;height:75%;left:0;bottom:0;opacity:.08;transform:rotate(12deg)}.radar{position:absolute;width:85%;aspect-ratio:1;border:1px solid #b96e8230;border-radius:50%;top:8%;left:9%;background:repeating-radial-gradient(circle,transparent 0,transparent 49px,#b96e821c 50px,transparent 51px)}.radar:before,.radar:after{content:'';position:absolute;background:#b96e8228}.radar:before{width:120%;height:1px;top:50%;left:-10%}.radar:after{height:120%;width:1px;left:50%;top:-10%}.contour-lines{position:absolute;inset:10%;border-radius:40% 60% 50% 30%;border:1px solid #a6657930;box-shadow:0 0 0 20px #a6657908,0 0 0 40px #a6657908,0 0 0 60px #a6657908;transform:rotate(-25deg)}.field-tag{position:absolute;top:6%;left:12%;font:9px monospace;letter-spacing:2px;color:#a88994}.field-title{position:absolute;bottom:25%;left:9%;font-family:Manrope,sans-serif;font-size:clamp(28px,3.1vw,45px);line-height:1.15;letter-spacing:-2px}.field-title span{color:#c78396}.field-bottom{position:absolute;bottom:2%;left:10%;right:2%;display:flex;justify-content:space-between;gap:15px;font:8px monospace;color:#a4969b;letter-spacing:1px}.live-dot:before{content:'●';color:#c37a92;margin-right:6px}.strip{max-width:none;margin:0;padding:27px 6%;border-color:#ffffff12;background:#19191b;color:#b2a5aa}.section{padding-top:95px;padding-bottom:95px;position:relative;max-width:1400px}.section-head h2,h2{font-weight:500;font-size:clamp(32px,3.6vw,50px)}.section-head{margin-bottom:45px}.section-head p{font-size:14px}.clients{padding-top:55px;padding-bottom:55px;border-bottom:1px solid #ffffff12}.client-caption{display:flex;align-items:center;justify-content:space-between}.client-caption h2{font-size:24px;margin:0}.client-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.client-logos>div{height:110px;background:#f7f7f5;border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:center}.client-logos img{max-height:70px;max-width:100%;object-fit:contain;transition:transform .3s}.client-logos>div:hover img{transform:scale(1.07)}.services{gap:16px;border:0}.services .service{border:1px solid #ffffff12!important;padding:30px!important;background:linear-gradient(135deg,#24212580,#191b1d);border-radius:16px;transition:transform .3s,border-color .3s}.services .service:hover{transform:translateY(-5px);border-color:#a85a73!important}.num{color:#cf899e;font-size:10px;letter-spacing:1px}.service h3{font-size:23px;margin-top:38px}.service p{font-size:14px}.rotary{border-top:1px solid #ffffff12}.rotary-callout{background:linear-gradient(135deg,#502634,#252026);border-left:0;border-radius:18px;padding:35px}.rotary-callout h3{font-size:34px}.rotary-intro{gap:60px}.tech-grid article{border-color:#794354}.rotary-note{border-color:#ffffff15;color:#8c878a}.technology{overflow:hidden;background:#18191b;border-radius:24px;padding:65px 5%;max-width:1200px;margin-bottom:70px}.technology>*:not(.background-tool){position:relative;z-index:1}.background-tool{position:absolute;pointer-events:none;color:#cbb7c0;opacity:.055;width:300px;height:480px}.tech-gnss{right:25%;top:0;transform:rotate(20deg)}.tech-drone{right:-5%;top:-60px;width:450px;height:300px;opacity:.065}.process{position:relative;background:#1d1c1f;padding:65px 6%;overflow:hidden}.process-inner{position:relative}.process-station{left:-40px;top:-60px;transform:rotate(-15deg)}.contact{background:radial-gradient(ellipse at right top,#b85c75,#70273e 60%);border:1px solid #cc849633;border-radius:24px;margin:90px auto;padding:60px;max-width:1160px}.contact h2{font-size:clamp(30px,3.5vw,47px)}footer{padding-bottom:38px;color:#a49ca0}.floating-contact{position:fixed;bottom:25px;right:25px;z-index:40;display:flex;align-items:center;gap:12px;background:#a54861;padding:16px 22px;border-radius:50px;font-size:12px;box-shadow:0 10px 35px #0006;transition:transform .3s}.floating-contact:hover{transform:translateY(-4px)}.scroll-progress{position:fixed;left:0;top:0;height:2px;width:0;background:#d789a1;z-index:100}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.shown{opacity:1;transform:none}@keyframes float{50%{transform:translate(8px,-14px) rotate(3deg)}}@media(min-width:1500px){.hero{min-height:800px}}@media(max-width:1000px){nav{gap:14px}nav>a:not(.btn){font-size:10px}.hero{gap:0}.contact{margin:60px 6%}.technology{margin:0 6% 60px}.field-bottom{font-size:7px;flex-direction:column}}@media(max-width:800px){header{height:76px}.header-brand img{height:42px;width:42px}.hero{grid-template-columns:1fr;padding-top:45px;min-height:0}.hero h1{font-size:clamp(48px,9vw,70px);letter-spacing:-3px}.field-scene{height:380px;margin-top:15px;max-width:550px;width:100%;justify-self:center}.field-title{font-size:36px}.field-bottom{flex-direction:row}.section{padding-top:60px;padding-bottom:60px}.client-caption{display:block}.client-caption h2{margin-top:18px}.client-logos{grid-template-columns:repeat(2,1fr);gap:12px}.client-logos>div{height:95px}.clients{padding-top:35px;padding-bottom:35px}.strip{gap:15px;justify-content:center;margin:0}.contact{padding:32px;gap:20px}.technology{padding:40px 6%}.floating-contact{padding:14px;bottom:18px;right:18px}.floating-contact span{display:none}.steps{grid-template-columns:1fr}.steps article{border-top:1px solid #ffffff16;padding-top:20px}.rotary-intro{gap:24px}.rotary-callout{padding:25px}footer{padding-bottom:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.client-logos>div{background:#e4e6e8;padding:7px;height:135px;overflow:hidden}.client-logos img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.12)}.client-logos>div:hover img{transform:scale(1.17)}.client-logos>div:first-child img{transform:scale(1.22)}.client-logos>div:first-child:hover img{transform:scale(1.27)}.brand small{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:clamp(48px,5.7vw,83px)}@media(max-width:800px){.client-logos>div{height:125px;padding:6px}.hero h1{font-size:clamp(47px,9vw,70px)}}

header nav > a:not(.btn) {
  padding: 10px 12px;
  border-radius: 40px;
  background: #0b0c0d;
  white-space: nowrap;
  transition: background .25s, color .25s, transform .25s;
}
header nav > a:not(.btn):is(:hover, :focus-visible) {
  background: #b34d68;
  color: #fff;
  transform: translateY(-2px);
}
header nav > a.active::after {
  bottom: 4px;
  left: 12px;
}
header nav { gap: 8px; }
.header-brand { flex-shrink: 0; }
.header-contact { gap: 8px; white-space: nowrap; }
.whatsapp-icon { flex: none; }
.hero .hero-sectors {
  color: #e1a0b2;
  font-size: clamp(16px, 2vw, 23px);
  font-weight: 700;
  margin: -8px 0 14px;
}
.field-scene { overflow: hidden; }
.field-scene svg.equipment.station-art {
  inset: 10% auto auto 27%;
  width: 47%;
  height: 75%;
  opacity: .22;
  transform: none;
}
.field-scene svg.equipment.drone-art {
  inset: 12% auto auto 1%;
  width: 35%;
  height: 28%;
  opacity: .30;
}
.field-scene svg.equipment.gnss-art {
  inset: 16% 2% auto auto;
  width: 28%;
  height: 56%;
  opacity: .30;
  transform: none;
}
@media (min-width: 801px) and (max-width: 1000px) {
  header { padding-inline: 4%; }
  header nav > a:not(.btn) { padding-inline: 8px; }
  .header-contact { padding-inline: 14px; }
}

.contact-channels {
  display: grid;
  justify-items: start;
  gap: 8px;
  min-width: 0;
}
.contact-email {
  color: #fff;
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
.contact-subject {
  display: flex;
  width: 100%;
  max-width: 360px;
  gap: 6px;
}
.contact-subject input,
.contact-subject button {
  font: inherit;
  font-size: 12px;
  border: 1px solid #ffffff65;
  border-radius: 8px;
  padding: 8px;
}
.contact-subject input {
  min-width: 0;
  flex: 1;
  color: #fff;
  background: #4d172966;
}
.contact-subject input::placeholder { color: #f1dce3; }
.contact-subject button {
  background: #fff;
  color: #72243a;
  font-weight: 700;
  cursor: pointer;
}
.contact-subject :focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.contact-channels .btn { padding-block: 12px; }

@media (max-width: 800px) {
  .contact:has(.contact-channels) { gap: 12px; }
  .contact:has(.contact-channels) p { margin-bottom: 4px; }
}

.contact-channels {
  justify-items: stretch;
  container-type: inline-size;
  width: 100%;
  max-width: 360px;
}
.contact-channels > .btn {
  width: 100%;
  height: 44px;
  padding: 4px 8px;
  line-height: 1.15;
  white-space: nowrap;
  font-size: clamp(10px, 4.8cqi, 13px);
  text-align: center;
}
.contact-channels > .contact-email {
  text-decoration: none;
}
