:root{
  --navy:#061b36;--navy2:#082846;--navy3:#0c3e67;--green:#3faa53;--green2:#76d75e;--blue:#08a6e6;
  --ink:#0d2035;--muted:#6a7b8c;--paper:#f6f8fb;--line:#dce4eb;--white:#fff;--shadow:0 22px 55px rgba(4,31,59,.14)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(1230px,calc(100% - 40px));margin:auto}
.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:5000;background:linear-gradient(90deg,var(--green2),var(--blue));box-shadow:0 0 14px var(--blue)}
.topbar{position:fixed;left:0;right:0;top:0;z-index:1000;background:rgba(3,18,37,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);transition:.25s}.topbar.scrolled{box-shadow:0 12px 35px rgba(1,11,23,.28)}.nav{height:76px;display:flex;align-items:center;gap:34px}.brand{width:245px;display:flex;align-items:center}.brand img{width:100%;height:58px;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 8px rgba(0,0,0,.18))}.nav nav{margin-left:auto;display:flex;gap:32px;align-items:center;color:#eaf1f7;font-size:12px;font-weight:800;text-transform:uppercase}.nav nav a{position:relative;padding:27px 0}.nav nav a:after{content:"";position:absolute;height:2px;left:50%;right:50%;bottom:15px;background:var(--green2);transition:.25s}.nav nav a:hover:after,.nav nav a.active:after{left:0;right:0}.get-in-touch{border:1px solid var(--green2);color:#8fe978;border-radius:8px;padding:10px 18px;text-transform:uppercase;font-size:11px;font-weight:900}.menu{display:none;margin-left:auto;border:0;background:none}.menu span{width:27px;height:2px;background:#fff;display:block;margin:5px}

.hero{position:relative;min-height:810px;background:radial-gradient(circle at 58% 20%,#0b3a63 0,#061e3c 26%,#04152d 68%,#031123);padding-top:76px;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(111,199,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(111,199,235,.045) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,#000 20%,transparent 80%)}#networkCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55}.hero-glow{position:absolute;border-radius:50%;filter:blur(30px)}.glow-one{width:420px;height:420px;background:rgba(0,161,230,.08);left:34%;top:2%}.glow-two{width:330px;height:330px;background:rgba(63,170,83,.08);right:-70px;bottom:80px}.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:.92fr 1.08fr;gap:45px;align-items:center;min-height:655px}.hero-logo{width:510px;max-width:92%;margin-bottom:22px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.24))}.hero h1{font-size:clamp(31px,3.5vw,49px);line-height:1.15;letter-spacing:-.035em;max-width:660px;margin:0 0 22px}.hero h1 span{color:var(--green2)}.hero h1 em{font-style:normal;color:#21b3f1}.hero-copy>p{max-width:600px;color:#c2d0dd;font-size:14px;line-height:1.72}.hero-buttons{display:flex;gap:14px;margin-top:28px}.btn{border:1px solid transparent;border-radius:7px;padding:13px 20px;font-size:11px;font-weight:900;text-transform:uppercase;display:inline-flex;gap:12px;align-items:center;justify-content:center;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#2c9746,#49bc5d);box-shadow:0 12px 25px rgba(49,175,77,.22)}.btn-outline{border-color:#10a9ee;color:#fff;background:rgba(4,23,43,.3)}.btn-navy{background:var(--navy);color:#fff}
.hero-collage{position:relative;height:545px;margin-left:10px}.collage-frame{position:absolute;overflow:hidden;border:2px solid rgba(255,255,255,.88);background:#07192c;box-shadow:0 20px 45px rgba(0,0,0,.28);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);transition:.5s}.collage-frame:hover{z-index:15;transform:translateY(-6px) scale(1.02)!important;filter:brightness(1.06)}.collage-frame img{width:100%;height:100%;object-fit:cover}.collage-frame span{position:absolute;left:20px;bottom:15px;background:rgba(2,18,35,.75);border:1px solid rgba(255,255,255,.14);padding:7px 9px;color:#fff;font-size:8px;letter-spacing:.13em;font-weight:900;backdrop-filter:blur(8px)}.cf1{left:28%;top:0;width:70%;height:40%;animation:floatA 8s ease-in-out infinite}.cf2{left:15%;top:39%;width:39%;height:34%;animation:floatB 9s ease-in-out infinite}.cf3{left:49%;top:39%;width:49%;height:34%;animation:floatA 10s ease-in-out infinite reverse}.cf4{left:7%;top:72%;width:48%;height:28%;animation:floatB 8s ease-in-out infinite reverse}.cf5{left:51%;top:72%;width:47%;height:28%;animation:floatA 9s ease-in-out infinite}.cf5 img{filter:saturate(1.3) contrast(1.05)}.collage-accent{position:absolute;left:24%;top:-10px;width:3px;height:570px;background:linear-gradient(transparent,#18b8ff 12%,#18b8ff 84%,transparent);transform:rotate(17deg);box-shadow:0 0 20px #18b8ff;z-index:20;pointer-events:none}.mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(96,224,170,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(96,224,170,.22) 1px,transparent 1px);background-size:30px 30px;mix-blend-mode:screen;transform:perspective(500px) rotateX(20deg)}
@keyframes floatA{50%{transform:translateY(-7px)}}@keyframes floatB{50%{transform:translateY(8px)}}
.hero-value-strip{position:absolute;left:0;right:0;bottom:0;background:rgba(3,19,39,.94);border-top:1px solid rgba(255,255,255,.12);z-index:5}.values{height:105px;display:grid;grid-template-columns:repeat(5,1fr)}.values>div{display:flex;gap:13px;align-items:center;padding:0 22px;border-right:1px solid rgba(255,255,255,.14)}.values>div:last-child{border-right:0}.values i{flex:0 0 45px;height:45px;display:grid;place-items:center;font-style:normal;font-size:28px;color:#82dd65}.values b,.values small{display:block}.values b{text-transform:uppercase;font-size:10px}.values small{color:#b7c7d3;font-size:9px;margin-top:4px}.target{border:2px solid #82dd65;border-radius:50%;position:relative}.target:after,.target:before{content:"";position:absolute;background:#82dd65}.target:before{width:56px;height:2px;left:-7px;top:50%}.target:after{height:56px;width:2px;top:-7px;left:50%}

.section{padding:96px 0}.section-title{text-align:center;max-width:760px;margin:0 auto 45px}.eyebrow{display:inline-block;color:var(--green);font-size:9px;letter-spacing:.15em;font-weight:900;margin-bottom:8px}.eyebrow.light{color:#8ce274}.section-title h2,.equipment-head h2,.about-copy h2,.contact-copy h2,.data-copy h2{font-size:clamp(34px,4.3vw,51px);line-height:1.08;letter-spacing:-.04em;margin:0}.section-title p{color:var(--muted);font-size:13px;margin:14px auto 0}.title-rule{display:flex;justify-content:center;gap:0;margin:12px auto;width:76px}.title-rule i{height:3px;flex:1}.title-rule i:nth-child(1){background:var(--green)}.title-rule i:nth-child(2){background:var(--blue)}.title-rule i:nth-child(3){background:var(--green)}
.services{background:#fbfcfd}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.service-card{position:relative;border:1px solid var(--line);border-radius:13px;background:#fff;padding:27px 22px 24px;box-shadow:0 10px 28px rgba(8,38,68,.07);overflow:hidden;transition:.3s}.service-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--green),var(--blue));transform:scaleX(.35);transform-origin:left;transition:.3s}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.service-card:hover:after{transform:scaleX(1)}.service-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#7bd75e;font-size:28px;margin-bottom:20px}.number{position:absolute;right:23px;top:28px;font-size:20px;color:#8499b0}.service-card h3{font-size:16px;line-height:1.25;margin:0 0 8px}.service-card p{color:var(--muted);font-size:11px;min-height:40px}.service-card a{font-size:9px;color:var(--green);font-weight:900;text-transform:uppercase}

.equipment{position:relative;color:#fff;background:radial-gradient(circle at 78% 10%,#0d4a6d 0,#062544 32%,#04172f 75%);overflow:hidden}.equipment:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px}.equipment-head{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:45px}.equipment-head p{color:#a7bac9;font-size:13px}.equipment-carousel{position:relative;z-index:2;display:flex;align-items:center;gap:13px}.eq-viewport{overflow:hidden;flex:1}.eq-track{display:flex;transition:transform .55s cubic-bezier(.22,.8,.22,1)}.eq-card{flex:0 0:calc(33.333% - 14px);margin-right:21px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;min-height:430px;backdrop-filter:blur(8px)}.eq-card>img,.gpu-visual{width:100%;height:245px;object-fit:cover}.eq-card>div:last-child{padding:22px}.eq-card span{font-size:8px;letter-spacing:.14em;color:#80df68;font-weight:900}.eq-card h3{font-size:18px;margin:7px 0}.eq-card p{font-size:11px;color:#a9bdcc}.gpu-visual{display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#071d39,#0e486b);overflow:hidden}.gpu-visual b{font-size:82px;color:#76d75e;z-index:3}.gpu-visual span{position:absolute;border:1px solid rgba(118,215,94,.24);inset:18%;animation:spin 8s linear infinite}.gpu-visual span:nth-child(2){inset:28%;animation-direction:reverse}.gpu-visual span:nth-child(3){inset:38%}@keyframes spin{to{transform:rotate(360deg)}}.circle-arrow,.consult-arrow{flex:0 0 42px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#fff;cursor:pointer;transition:.25s}.circle-arrow:hover{background:var(--green);border-color:var(--green)}.dots{display:flex;justify-content:center;gap:7px;margin-top:25px}.dots button{border:0;padding:0;width:7px;height:7px;border-radius:10px;background:#9aabb8;cursor:pointer;transition:.25s}.dots button.active{width:28px;background:var(--green)}

.consultancy{background:var(--paper)}.consult-tabs{display:flex;align-items:center;gap:10px;margin-bottom:38px}.consult-tab-viewport{overflow:auto;scrollbar-width:none;flex:1}.consult-tab-viewport::-webkit-scrollbar{display:none}.consult-tab-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:13px;min-width:790px;padding:5px}.consult-tab{z-index:2;border:0;background:transparent;color:#7c8fa0;padding:12px 9px;border-radius:9px;font-size:11px;font-weight:850;cursor:pointer}.consult-tab i{font-style:normal;font-size:15px;margin-right:6px}.consult-tab.active{color:#fff}.active-slider{position:absolute;z-index:1;top:5px;left:0;height:41px;background:linear-gradient(135deg,#0b4978,#087db0);border-radius:9px;box-shadow:0 10px 25px rgba(6,91,139,.2);transition:transform .4s cubic-bezier(.22,.8,.22,1),width .4s}.consult-arrow{border-color:#d5e0e7;background:#fff;color:var(--navy);font-size:21px}.consult-arrow:hover{background:var(--navy);color:#fff}.consult-panel{display:grid;grid-template-columns:1.02fr .98fr;gap:30px;animation:panelIn .45s ease}.consult-panel[hidden]{display:none!important}@keyframes panelIn{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}.consult-image,.consult-copy{min-height:480px;border-radius:16px;overflow:hidden}.consult-image{position:relative;background:#071b32;box-shadow:0 20px 50px rgba(5,35,63,.14)}.consult-image>img{width:100%;height:100%;object-fit:cover}.consult-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,23,42,.55),transparent 54%)}.scan{position:absolute;left:0;right:0;z-index:3;height:2px;background:#6fda73;box-shadow:0 0 16px #6fda73;animation:scan 4s linear infinite}@keyframes scan{0%{top:8%}50%{top:90%}100%{top:8%}}.hud{position:absolute;z-index:4;background:rgba(3,22,42,.78);border:1px solid rgba(255,255,255,.17);color:#fff;padding:7px 9px;border-radius:7px;font-size:8px;letter-spacing:.12em;font-weight:900;backdrop-filter:blur(8px)}.hud.h1{left:20px;bottom:20px}.hud.h2{right:20px;top:20px}.crosshair{position:absolute;z-index:3;width:130px;height:130px;border:1px solid #70d776;border-radius:50%;left:48%;top:38%;box-shadow:0 0 25px rgba(112,215,118,.3)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#70d776}.crosshair:before{left:-20px;right:-20px;height:1px;top:50%}.crosshair:after{top:-20px;bottom:-20px;width:1px;left:50%}.parcel-grid,.data-grid{position:absolute;inset:12%;z-index:3;background-image:linear-gradient(rgba(100,224,132,.31) 1px,transparent 1px),linear-gradient(90deg,rgba(100,224,132,.31) 1px,transparent 1px);background-size:45px 45px;mix-blend-mode:screen;transform:perspective(650px) rotateX(18deg)}.chart{position:absolute;z-index:4;left:12%;right:12%;bottom:16%;height:110px;display:flex;gap:10px;align-items:flex-end}.chart i{flex:1;background:linear-gradient(#82df68,#209ed3);animation:bars 2.4s ease-in-out infinite alternate}.chart i:nth-child(1){height:30%}.chart i:nth-child(2){height:60%}.chart i:nth-child(3){height:48%}.chart i:nth-child(4){height:85%}.chart i:nth-child(5){height:68%}@keyframes bars{to{transform:scaleY(.8);filter:brightness(1.25)}}.consult-copy{background:#fff;border:1px solid var(--line);padding:35px}.panel-index{font-size:9px;color:#97a8b5;font-weight:900;letter-spacing:.12em}.consult-copy h3{font-size:27px;line-height:1.18;color:#0a4773;margin:9px 0 12px}.consult-copy>p{color:#778999;font-size:14px}.consult-copy h4{margin:22px 0 7px;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.consult-copy ul{list-style:none;padding:0;margin:0}.consult-copy li{position:relative;padding:7px 0 7px 16px;font-size:12px;color:#344957}.consult-copy li:before{content:"";position:absolute;left:0;top:14px;width:6px;height:6px;background:var(--green);border-radius:50%}.delivery{margin-top:20px;padding:15px 17px;background:#edf3f7;border-radius:10px;border-left:3px solid var(--green);display:grid;gap:3px}.delivery b{font-size:8px;color:var(--green);letter-spacing:.12em}.delivery span{font-size:10px;color:#607484}

.data{position:relative;background:linear-gradient(135deg,#061c38,#0a3556);color:#fff;overflow:hidden}.data:before{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(81,203,104,.1);border-radius:50%;right:-200px;top:-200px;box-shadow:0 0 0 90px rgba(81,203,104,.025),0 0 0 180px rgba(81,203,104,.018)}.data-grid-wrap{position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.data-copy p{color:#a9bfce;font-size:13px}.data-features{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:28px}.data-features span{padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.035);font-size:9px;color:#a9bdca}.data-features b{display:block;color:#7ddb67;font-size:13px;margin-bottom:3px}.data-carousel{height:470px;position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.13);box-shadow:0 25px 55px rgba(0,0,0,.25)}.data-slide{position:absolute;inset:0;opacity:0;transform:scale(1.06);transition:opacity .8s,transform 5s}.data-slide.active{opacity:1;transform:scale(1)}.data-slide img{width:100%;height:100%;object-fit:cover}.data-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,21,39,.65),transparent 50%)}.data-slide span{position:absolute;z-index:2;bottom:20px;left:22px;font-size:9px;letter-spacing:.14em;font-weight:900}.data-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px}.data-controls button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:#fff}.data-controls span{font-size:9px;color:#91a8b7}

.applications{overflow:hidden}.app-slider{width:min(1500px,calc(100% - 25px));margin-left:auto;overflow:hidden}.app-track{display:flex;gap:18px;transition:transform .55s cubic-bezier(.22,.8,.22,1)}.app-track article{flex:0 0 370px;height:470px;position:relative;border-radius:15px;overflow:hidden;background:#061a32;color:#fff}.app-track img{width:100%;height:100%;object-fit:cover;transition:.7s}.app-track article:hover img{transform:scale(1.06)}.app-track article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,18,35,.94),rgba(3,18,35,.02) 68%)}.app-track article>div{position:absolute;z-index:2;left:22px;right:22px;bottom:21px}.app-track span{font-size:8px;color:#79db65;font-weight:900}.app-track h3{font-size:20px;margin:5px 0}.app-track p{font-size:10px;color:#b2c4d0}.app-controls{display:flex;align-items:center;gap:12px;margin-top:24px}.app-controls button{width:38px;height:38px;border-radius:50%;border:1px solid #d4dfe6;background:#fff;color:var(--navy)}.app-controls>div{height:3px;background:#e1e8ed;flex:1;overflow:hidden}.app-controls>div span{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--green),var(--blue));transition:.4s}

.why{color:#fff;background:radial-gradient(circle at 75% 15%,#0b3b5c,#061b36 45%,#04142b);position:relative;overflow:hidden}.why:before{content:"";position:absolute;inset:0;background:url('assets/world-network.jpg') center/cover;opacity:.09;mix-blend-mode:screen}.section-title.dark{position:relative;z-index:2}.section-title.dark p{color:#9eb2c1}.why-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.why-grid article{min-height:225px;padding:23px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:12px;transition:.3s}.why-grid article:hover{transform:translateY(-7px);background:rgba(255,255,255,.065);border-color:rgba(124,220,103,.35)}.why-grid b{font-size:8px;color:#7ddb65}.why-grid i{display:block;font-style:normal;font-size:30px;color:#7ddb65;margin-top:28px}.why-grid h3{font-size:16px;margin:12px 0 7px}.why-grid p{font-size:10px;color:#9fb2c1}

.about{background:#f7f9fb}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.earth-scene{position:relative;min-height:520px;display:grid;place-items:center}.earth-scene>img{width:76%;filter:drop-shadow(0 28px 25px rgba(7,47,77,.22));animation:earthFloat 7s ease-in-out infinite}@keyframes earthFloat{50%{transform:translateY(-10px) rotate(1deg)}}.orbit{position:absolute;border:1px solid rgba(6,77,113,.18);border-radius:50%}.o1{inset:4%;transform:rotate(22deg)}.o2{inset:14%;transform:rotate(-38deg)}.orbit i{position:absolute;width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 13px var(--green);top:50%;left:-4px;animation:orbit 6s linear infinite}@keyframes orbit{50%{left:calc(100% - 5px)}}.float-label{position:absolute;padding:7px 9px;border-radius:8px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 25px rgba(8,40,67,.08);font-size:9px;font-weight:900;color:#0b517a}.l1{left:8%;top:28%}.l2{right:11%;top:23%}.l3{right:14%;bottom:25%}.about-copy p{color:var(--muted);font-size:13px}.about-pills{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.about-pills span{font-size:9px;padding:7px 9px;background:#e8f1f4;border-radius:6px;color:#3e5869;font-weight:800}

.cta{position:relative;padding:95px 0;color:#fff;overflow:hidden;background:#061b36}.cta-image{position:absolute;inset:-8%;background:url('assets/satellite-space.jpg') center/cover;filter:saturate(.9);animation:ctaZoom 16s ease-in-out infinite alternate}@keyframes ctaZoom{to{transform:scale(1.08)}}.cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,19,39,.95),rgba(5,39,65,.72),rgba(3,21,39,.82))}#ctaCanvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;opacity:.35}.cta .container{position:relative;z-index:3}.cta .container>span{font-size:9px;letter-spacing:.17em;color:#82dd67;font-weight:900}.cta h2{font-size:clamp(40px,5.4vw,66px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 25px}

.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px}.contact-copy>p{color:var(--muted);font-size:13px}.contacts{display:grid;gap:8px;margin-top:28px}.contacts>a,.contacts>div{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.contacts i{font-style:normal;width:38px;height:38px;border-radius:8px;background:#eaf6ec;color:var(--green);display:grid;place-items:center}.contacts small,.contacts b{display:block}.contacts small{font-size:7px;color:#91a0ad;letter-spacing:.12em}.contacts b{font-size:11px}.contact-form{border:1px solid var(--line);border-radius:14px;background:#fff;padding:28px;box-shadow:0 20px 50px rgba(8,41,70,.08)}.form-kicker{font-size:8px;letter-spacing:.14em;color:var(--green);font-weight:900}.contact-form h3{font-size:24px;margin:4px 0 19px}.contact-form label{display:block;font-size:9px;font-weight:850;color:#506372;margin-bottom:12px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #d5e0e7;background:#f9fbfc;border-radius:7px;padding:11px 12px;font-size:11px;outline:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(63,170,83,.1)}.contact-form .two{display:grid;grid-template-columns:1fr 1fr;gap:11px}.contact-form>small{display:block;color:#98a5ae;font-size:8px;margin-top:8px}

footer{background:#031224;color:#91a6b6;padding:55px 0 18px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:42px}.footer-brand img{width:240px;max-height:90px;object-fit:contain;object-position:left center}.footer-brand p{font-size:10px;max-width:380px}.footer-grid h4{color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.footer-grid a,.footer-grid span{display:block;font-size:9px;margin:8px 0}.footer-grid a:hover{color:#7cdd65}.foot-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:17px;margin-top:35px;display:flex;justify-content:space-between;font-size:8px}
.reveal{opacity:0;transform:translateY(23px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.12s}

@media(max-width:1050px){.nav nav{gap:18px}.hero-grid{grid-template-columns:1fr 1fr}.values>div{padding:0 12px}.service-grid{grid-template-columns:1fr 1fr}.eq-card{flex-basis:calc(50% - 10px)}.why-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.menu{display:block}.get-in-touch{display:none}.nav nav{display:none;position:absolute;top:76px;left:20px;right:20px;background:#061b36;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:17px;flex-direction:column;align-items:stretch;gap:0}.nav nav.open{display:flex}.nav nav a{padding:10px}.nav nav a:after{display:none}.hero{min-height:1100px}.hero-grid{grid-template-columns:1fr;padding:65px 0 130px;align-items:start}.hero-copy{max-width:720px}.hero-collage{height:480px;margin:10px 0 0}.hero-value-strip{position:absolute}.values{grid-template-columns:repeat(3,1fr);height:auto}.values>div{min-height:80px}.values>div:nth-child(4),.values>div:nth-child(5){display:none}.equipment-head,.data-grid-wrap,.consult-panel,.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.consult-image,.consult-copy{min-height:400px}.why-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.data-carousel{height:400px}}
@media(max-width:590px){.container{width:calc(100% - 28px)}.brand{width:200px}.hero{min-height:990px}.hero-grid{padding-top:42px}.hero-logo{width:420px}.hero h1{font-size:34px}.hero-collage{height:390px}.cf1{left:23%;width:74%;height:39%}.cf2{left:5%;width:43%}.cf3{left:44%;width:54%}.cf4{left:2%;width:50%}.cf5{left:48%;width:50%}.collage-accent{left:20%;height:430px}.values{grid-template-columns:1fr 1fr}.values>div:nth-child(3){display:none}.section{padding:74px 0}.section-title h2,.equipment-head h2,.about-copy h2,.contact-copy h2,.data-copy h2{font-size:36px}.service-grid,.why-grid{grid-template-columns:1fr}.eq-card{flex-basis:100%;margin-right:14px}.circle-arrow{display:none}.consult-arrow{display:none}.consult-tab-track{min-width:690px}.consult-copy{padding:24px}.consult-copy h3{font-size:23px}.consult-image{min-height:310px}.data-features{grid-template-columns:1fr}.app-track article{flex-basis:300px;height:410px}.contact-form .two{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.foot-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* =========================================================
   V6 RESPONSIVE / NAV / HERO REBUILD
   ========================================================= */

:root{
  --nav-height:84px;
}

/* WHITE NAVIGATION */
.topbar{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #dce5ec!important;
  box-shadow:0 4px 20px rgba(4,31,59,.06);
}
.topbar.scrolled{
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 10px 28px rgba(4,31,59,.10)!important;
}
.nav{
  height:var(--nav-height)!important;
}
.brand{
  width:245px!important;
  height:64px;
}
.brand img{
  width:100%!important;
  height:64px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
}
.nav nav{
  color:#13283d!important;
}
.nav nav a{
  padding:30px 0!important;
}
.nav nav a:after{
  background:linear-gradient(90deg,var(--green),var(--blue))!important;
  bottom:17px!important;
}
.get-in-touch{
  color:#147b31!important;
  background:#fff!important;
  border:1px solid var(--green)!important;
}
.get-in-touch:hover{
  background:var(--green)!important;
  color:#fff!important;
}
.menu span{background:var(--navy)!important}

/* DESKTOP HERO: SHORTER + BALANCED */
.hero{
  min-height:720px!important;
  height:auto!important;
  padding-top:var(--nav-height)!important;
}
.hero-grid{
  min-height:575px!important;
  grid-template-columns:.93fr 1.07fr!important;
  gap:34px!important;
  padding:38px 0 120px!important;
}
.hero-copy{
  align-self:center;
}
.hero-logo{
  width:340px!important;
  max-height:155px;
  object-fit:contain;
  object-position:left center;
  margin-bottom:15px!important;
}
.hero-eyebrow{
  color:#8ddf72;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
  margin-bottom:13px;
}
.hero h1{
  font-size:clamp(38px,4vw,57px)!important;
  line-height:1.06!important;
  max-width:650px!important;
  margin:0 0 18px!important;
}
.hero-copy>p{
  max-width:590px!important;
  font-size:13px!important;
  line-height:1.62!important;
  margin:0;
}
.hero-buttons{
  margin-top:22px!important;
}

/* COMPACT, CONTROLLED COLLAGE */
.hero-collage{
  height:510px!important;
  margin:0!important;
  overflow:visible;
}
.cf1{left:29%!important;top:0!important;width:66%!important;height:39%!important}
.cf2{left:18%!important;top:38%!important;width:38%!important;height:34%!important}
.cf3{left:52%!important;top:38%!important;width:44%!important;height:34%!important}
.cf4{left:10%!important;top:71%!important;width:45%!important;height:26%!important}
.cf5{left:52%!important;top:71%!important;width:44%!important;height:26%!important}
.collage-accent{
  left:25%!important;
  height:520px!important;
}

/* Value strip should not crush hero on intermediate widths */
.hero-value-strip{
  position:absolute!important;
  bottom:0!important;
}
.values{
  height:105px!important;
}

/* General responsive content safety */
img{
  max-width:100%;
}
section{
  scroll-margin-top:calc(var(--nav-height) + 8px);
}
.eq-card,.service-card,.consult-copy,.consult-image,.app-track article{
  min-width:0;
}

/* TABLET */
@media (max-width: 1000px){
  .brand{width:215px!important}
  .nav nav{gap:15px!important;font-size:10px!important}
  .get-in-touch{padding:9px 12px!important;font-size:9px!important}

  .hero-grid{
    grid-template-columns:1fr 1fr!important;
    gap:22px!important;
  }
  .hero-logo{width:285px!important}
  .hero h1{font-size:42px!important}
  .hero-collage{height:460px!important}
  .collage-accent{height:470px!important}
  .values>div{padding:0 12px!important}
  .values i{flex-basis:38px!important;height:38px!important;font-size:22px!important}
  .values b{font-size:8px!important}
  .values small{font-size:8px!important}
}

/* MOBILE / SMALL TABLET: REBUILD, DON'T SHRINK DESKTOP */
@media (max-width: 850px){
  :root{--nav-height:72px}

  .nav{height:72px!important}
  .brand{
    width:185px!important;
    height:54px!important;
  }
  .brand img{
    height:54px!important;
  }

  .menu{
    display:block!important;
    margin-left:auto!important;
  }
  .get-in-touch{
    display:none!important;
  }
  .nav nav{
    display:none!important;
    position:absolute!important;
    top:72px!important;
    left:14px!important;
    right:14px!important;
    background:#fff!important;
    border:1px solid #dce5ec!important;
    border-radius:12px!important;
    padding:10px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    color:#13283d!important;
    box-shadow:0 18px 45px rgba(4,31,59,.14)!important;
  }
  .nav nav.open{display:flex!important}
  .nav nav a{
    padding:11px 12px!important;
    border-radius:8px;
  }
  .nav nav a:hover{
    background:#f1f7f4;
  }

  .hero{
    min-height:auto!important;
    height:auto!important;
    padding-top:72px!important;
  }
  .hero-grid{
    min-height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:26px!important;
    padding:42px 0 28px!important;
  }
  .hero-copy{
    width:100%;
    text-align:left!important;
  }
  .hero-logo{
    width:260px!important;
    height:auto!important;
    max-height:120px!important;
    margin:0 0 13px!important;
  }
  .hero-eyebrow{
    font-size:8px!important;
  }
  .hero h1{
    font-size:clamp(36px,8vw,49px)!important;
    line-height:1.07!important;
    max-width:720px!important;
  }
  .hero-copy>p{
    font-size:13px!important;
    max-width:680px!important;
  }

  /* MOBILE COLLAGE becomes a clean 2-column grid */
  .hero-collage{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    transform:none!important;
  }
  .collage-frame{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    height:190px!important;
    clip-path:none!important;
    border-radius:10px!important;
    border:1px solid rgba(255,255,255,.6)!important;
    animation:none!important;
    transform:none!important;
  }
  .collage-frame:hover{
    transform:none!important;
  }
  .cf1{
    grid-column:1 / -1!important;
    height:230px!important;
  }
  .cf4,.cf5{
    height:165px!important;
  }
  .collage-accent{
    display:none!important;
  }

  /* Value strip becomes normal flow */
  .hero-value-strip{
    position:relative!important;
    bottom:auto!important;
    margin-top:0!important;
  }
  .values{
    height:auto!important;
    grid-template-columns:repeat(2,1fr)!important;
  }
  .values>div{
    min-height:86px!important;
    padding:13px 15px!important;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .values>div:nth-child(5){
    display:flex!important;
    grid-column:1 / -1;
  }

  .equipment-head,
  .data-grid-wrap,
  .consult-panel,
  .about-grid,
  .contact-grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }

  .equipment-head{
    align-items:start!important;
  }
  .equipment-head p{
    margin-top:0!important;
  }

  .service-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .why-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .footer-grid{
    grid-template-columns:1fr 1fr!important;
  }
}

/* PHONES */
@media (max-width: 580px){
  :root{--nav-height:68px}
  .container{
    width:calc(100% - 28px)!important;
  }
  .nav{height:68px!important}
  .brand{
    width:160px!important;
    height:48px!important;
  }
  .brand img{height:48px!important}
  .nav nav{top:68px!important}

  .hero{
    padding-top:68px!important;
  }
  .hero-grid{
    padding:30px 0 22px!important;
    gap:20px!important;
  }
  .hero-logo{
    width:220px!important;
    max-height:100px!important;
  }
  .hero-eyebrow{
    font-size:7px!important;
    letter-spacing:.11em!important;
  }
  .hero h1{
    font-size:35px!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
  }
  .hero-copy>p{
    font-size:12px!important;
    line-height:1.58!important;
  }
  .hero-buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:9px!important;
  }
  .hero-buttons .btn{
    width:100%!important;
  }

  .hero-collage{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .collage-frame,
  .cf1,
  .cf2,
  .cf3,
  .cf4,
  .cf5{
    grid-column:auto!important;
    height:210px!important;
  }
  .cf4,.cf5{
    display:none!important;
  }

  .values{
    grid-template-columns:1fr!important;
  }
  .values>div,
  .values>div:nth-child(5){
    grid-column:auto!important;
    min-height:72px!important;
    display:flex!important;
  }

  .section{
    padding:66px 0!important;
  }
  .section-title{
    margin-bottom:30px!important;
  }
  .section-title h2,
  .equipment-head h2,
  .about-copy h2,
  .contact-copy h2,
  .data-copy h2{
    font-size:34px!important;
  }
  .section-title p{
    font-size:12px!important;
  }

  .service-grid,
  .why-grid,
  .footer-grid{
    grid-template-columns:1fr!important;
  }
  .service-card{
    min-height:auto!important;
  }

  .eq-card{
    flex-basis:100%!important;
    margin-right:12px!important;
    min-height:390px!important;
  }
  .eq-card>img,.gpu-visual{
    height:220px!important;
  }

  .consult-tabs{
    gap:0!important;
  }
  .consult-tab-track{
    min-width:650px!important;
  }
  .consult-image{
    min-height:285px!important;
  }
  .consult-copy{
    min-height:auto!important;
    padding:22px!important;
  }
  .consult-copy h3{
    font-size:23px!important;
  }

  .data-carousel{
    height:310px!important;
  }
  .data-features{
    grid-template-columns:1fr!important;
  }

  .app-track article{
    flex-basis:calc(100vw - 52px)!important;
    height:400px!important;
  }

  .earth-scene{
    min-height:390px!important;
  }
  .earth-scene>img{
    width:85%!important;
  }

  .contact-form .two{
    grid-template-columns:1fr!important;
  }

  footer{
    padding-top:42px!important;
  }
  .footer-brand img{
    width:210px!important;
  }
}

/* VERY SMALL PHONES */
@media (max-width: 390px){
  .hero h1{font-size:31px!important}
  .brand{width:145px!important}
  .hero-logo{width:205px!important}
  .collage-frame,.cf1,.cf2,.cf3{height:185px!important}
  .section-title h2,
  .equipment-head h2,
  .about-copy h2,
  .contact-copy h2,
  .data-copy h2{font-size:31px!important}
}

/* =========================================================
   V7 APPROVED HOME PAGE — V3 DESIGN
   Keeps all V6 content below the hero unchanged.
   ========================================================= */
.site-header.topbar{
  position:fixed!important; inset:0 0 auto 0!important; z-index:1200!important;
  background:#fff!important; border-bottom:0!important; box-shadow:0 4px 18px rgba(2,28,50,.07)!important;
  backdrop-filter:none!important;
}
.site-header .topline{
  width:min(1510px,calc(100% - 64px))!important; margin:auto!important;
  height:112px!important; display:flex!important; align-items:center!important; gap:28px!important;
}
.site-header .brand-v3{
  width:auto!important; height:auto!important; display:flex!important; align-items:center!important; gap:16px!important;
  flex:0 0 auto!important;
}
.site-header .brand-v3 .brand-icon{
  width:118px!important; height:88px!important; object-fit:contain!important; filter:none!important;
}
.site-header .brand-copy{display:flex;flex-direction:column;line-height:1}
.site-header .brand-copy strong{
  font-size:43px; letter-spacing:.12em; color:#08294b; font-weight:850; line-height:.92;
}
.site-header .brand-copy strong span{color:#32a84d}
.site-header .brand-copy small{
  margin-top:11px; color:#208b41; font-size:9px; letter-spacing:.26em; font-weight:900; white-space:nowrap;
}
.site-header .main-nav{
  margin-left:auto!important; display:flex!important; align-items:center!important; gap:27px!important;
  color:#09223b!important; font-size:11px!important; font-weight:800!important; text-transform:uppercase!important;
}
.site-header .main-nav>a{padding:44px 0 31px!important; position:relative!important; white-space:nowrap!important}
.site-header .main-nav>a:after{bottom:25px!important;background:#38aa51!important}
.site-header .main-nav .nav-cta{
  margin-left:2px!important; padding:15px 21px!important; border-radius:7px!important;
  background:#08294b!important; color:#fff!important; border:0!important;
}
.site-header .main-nav .nav-cta:after{display:none!important}
.site-header .main-nav .nav-cta span{color:#56c75f;margin-left:10px}
.site-header .nav-toggle{display:none!important}

.newsbar{
  height:58px; display:flex; align-items:stretch; color:#fff;
  background:#062b4e; border-top:1px solid #0c385e; border-bottom:1px solid #1a4a70;
  overflow:hidden;
}
.news-label{
  min-width:210px; padding:0 28px; display:flex; align-items:center; justify-content:center; gap:13px;
  background:linear-gradient(135deg,#2da84d,#49c65e); font-size:12px; font-weight:900; letter-spacing:.02em;
  clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%);
}
.news-label b{font-size:15px;color:#ffe36d}.ticker-window{overflow:hidden;display:flex;align-items:center;flex:1}.ticker-track{
  display:flex;align-items:center;gap:24px;white-space:nowrap;padding-left:20px;
  font-size:11px;font-weight:850;animation:ticker 33s linear infinite;will-change:transform
}.ticker-track i{font-style:normal;color:#4bc95e}.ticker-track span{display:inline-block}
@keyframes ticker{to{transform:translateX(-50%)}}

.hero.hero-v3{
  position:relative!important; min-height:690px!important; height:690px!important; padding:170px 0 0!important;
  color:#fff!important; overflow:hidden!important; background:#062a49!important;
}
.hero-v3:before{display:none!important}.hero-v3 .hero-bg,.hero-v3 .hero-overlay,.hero-v3 .contour-layer{position:absolute;inset:0}
.hero-v3 .hero-bg{background-position:center;background-size:cover;opacity:0;transition:opacity .9s ease,transform 8s ease;transform:scale(1.035)}
.hero-v3 .hero-bg.active{opacity:1;transform:scale(1.08)}
.hero-v3 .hero-overlay{z-index:1;background:linear-gradient(90deg,rgba(1,31,56,.98) 0%,rgba(1,42,73,.91) 36%,rgba(1,44,72,.47) 68%,rgba(1,27,47,.22) 100%)}
.hero-v3 .contour-layer{z-index:2;opacity:.12;background-image:radial-gradient(ellipse at 20% 48%,transparent 0 14%,rgba(102,203,177,.28) 14.3% 14.7%,transparent 15% 26%,rgba(102,203,177,.22) 26.3% 26.7%,transparent 27% 39%,rgba(102,203,177,.15) 39.3% 39.6%,transparent 40%)}
.hero-v3 .hero-inner{
  position:relative;z-index:4;width:min(1510px,calc(100% - 120px))!important;margin:auto!important;
  height:100%;display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:center;
}
.hero-v3 .hero-copy{max-width:690px;padding-bottom:45px}
.hero-v3 .hero-kicker{margin:0 0 22px!important;color:#47c45b!important;font-size:10px!important;letter-spacing:.2em!important;font-weight:900!important}
.hero-v3 h1{font-size:clamp(50px,4.75vw,82px)!important;line-height:.98!important;letter-spacing:-.045em!important;margin:0 0 24px!important;max-width:760px!important;color:#fff!important;font-weight:800!important}
.hero-v3 h1 span{color:#43bb50!important}
.hero-v3 .hero-lead{font-size:17px!important;line-height:1.72!important;color:#e8f1f5!important;max-width:690px!important;margin:0!important}
.hero-v3 .hero-actions{display:flex;gap:15px;margin-top:28px}
.hero-v3 .btn{min-width:185px;padding:15px 21px!important;border-radius:6px!important;font-size:11px!important;letter-spacing:.01em}
.hero-v3 .btn.green{background:#3db652!important;color:#fff!important;border-color:#3db652!important}
.hero-v3 .btn.outline{background:transparent!important;color:#fff!important;border:2px solid #fff!important}
.hero-v3 .btn span{margin-left:auto}

.hero-v3 .hero-mosaic{
  height:485px!important;position:relative!important;margin:0!important;transform:none!important;overflow:visible!important;
}
.hero-v3 .hex-card{position:absolute;overflow:hidden;filter:drop-shadow(0 18px 30px rgba(0,0,0,.3));clip-path:polygon(18% 0,82% 0,100% 50%,82% 100%,18% 100%,0 50%);background:#fff;padding:4px}
.hero-v3 .hex-card img{width:100%!important;height:100%!important;object-fit:cover!important;clip-path:inherit}
.hero-v3 .h1{width:285px!important;height:420px!important;left:4%!important;top:42px!important}
.hero-v3 .h2{width:430px!important;height:300px!important;right:1%!important;top:18px!important}
.hero-v3 .h3{width:365px!important;height:235px!important;right:4%!important;bottom:1px!important}
.hero-v3 .map-pin{position:absolute;width:18px;height:18px;background:#32b951;border:5px solid rgba(255,255,255,.9);border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 0 0 7px rgba(54,173,84,.22)}
.hero-v3 .pin1{right:24%;bottom:13%}.hero-v3 .pin2{right:13%;bottom:21%}
.hero-v3 .hero-dots{position:absolute;z-index:5;left:50%;bottom:22px;display:flex;gap:12px}
.hero-v3 .hero-dots button{width:11px;height:11px;border-radius:50%;border:0;background:#fff;opacity:.85;cursor:pointer;padding:0}
.hero-v3 .hero-dots button.active{background:#36bd50;opacity:1}

/* Hero reveal remains compatible with the existing V6 reveal engine */
.hero-v3 .reveal{opacity:0;transform:translateY(20px)}
.hero-v3 .reveal.visible{opacity:1;transform:none}

/* offset sections for fixed header */
#services,#equipment,#consultancy,#data,#about,#contact{scroll-margin-top:182px}

@media(max-width:1180px){
  .site-header .topline{height:100px!important;width:calc(100% - 38px)!important}
  .site-header .brand-v3 .brand-icon{width:96px!important;height:76px!important}
  .site-header .brand-copy strong{font-size:34px}.site-header .brand-copy small{font-size:7px}
  .site-header .main-nav{gap:15px!important;font-size:9px!important}.site-header .main-nav>a{padding-top:40px!important}
  .site-header .main-nav>a:nth-child(5),.site-header .main-nav>a:nth-child(6){display:none}
  .news-label{min-width:178px}.hero.hero-v3{padding-top:158px!important;height:660px!important;min-height:660px!important}
  .hero-v3 .hero-inner{width:calc(100% - 70px)!important;grid-template-columns:.9fr 1.1fr}.hero-v3 .hero-mosaic{transform:scale(.88)!important;transform-origin:right center!important}
}
@media(max-width:850px){
  .site-header .topline{height:82px!important;width:calc(100% - 28px)!important}
  .site-header .brand-v3 .brand-icon{width:72px!important;height:62px!important}.site-header .brand-v3{gap:8px!important}
  .site-header .brand-copy strong{font-size:26px}.site-header .brand-copy small{font-size:6px;margin-top:7px}
  .site-header .nav-toggle{display:block!important;margin-left:auto!important;position:relative;z-index:1302}
  .site-header .nav-toggle span{background:#08294b!important}
  .site-header .main-nav{display:none!important;position:fixed!important;top:82px!important;left:14px!important;right:14px!important;bottom:auto!important;background:#fff!important;border:1px solid #dce5ec!important;border-radius:12px!important;padding:13px!important;box-shadow:0 18px 45px rgba(4,31,59,.16)!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;z-index:1301!important}
  .site-header .main-nav.open{display:flex!important}.site-header .main-nav>a,.site-header .main-nav>a:nth-child(5),.site-header .main-nav>a:nth-child(6){display:block!important;padding:11px 12px!important;color:#09223b!important;border-radius:8px!important}
  .site-header .main-nav>a:after{display:none!important}.site-header .main-nav .nav-cta{margin-top:7px!important;text-align:center!important;color:#fff!important}
  .newsbar{height:48px}.news-label{min-width:138px;padding:0 16px;font-size:9px}.ticker-track{font-size:9px;gap:17px}
  .hero.hero-v3{padding-top:130px!important;height:auto!important;min-height:760px!important}
  .hero-v3 .hero-inner{width:calc(100% - 36px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:55px 0 70px!important}
  .hero-v3 .hero-copy{max-width:760px;padding:0!important}.hero-v3 h1{font-size:clamp(43px,10vw,61px)!important}.hero-v3 .hero-lead{font-size:15px!important}
  .hero-v3 .hero-mosaic{display:none!important}.hero-v3 .hero-dots{left:20px!important}
}
@media(max-width:520px){
  .site-header .topline{width:calc(100% - 20px)!important}.site-header .brand-v3 .brand-icon{width:60px!important;height:55px!important}.site-header .brand-copy strong{font-size:22px}.site-header .brand-copy small{font-size:5px;letter-spacing:.18em}
  .news-label{min-width:118px;padding:0 11px}.news-label b{display:none}.hero.hero-v3{min-height:690px!important}
  .hero-v3 .hero-inner{padding-top:48px!important}.hero-v3 h1{font-size:42px!important}.hero-v3 .hero-kicker{font-size:8px!important;line-height:1.6}.hero-v3 .hero-actions{flex-direction:column}.hero-v3 .btn{width:100%;max-width:320px}
}

/* =========================================================
   V8 MOBILE POLISH + QUICK CONTACT
   ========================================================= */
.floating-actions{position:fixed;right:20px;bottom:20px;z-index:1600;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.whatsapp-float{height:52px;display:flex;align-items:center;gap:9px;padding:0 16px;border-radius:999px;background:#20b858;color:#fff;font-size:12px;font-weight:900;box-shadow:0 12px 30px rgba(15,105,50,.28);transition:.25s}
.whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,105,50,.34)}
.whatsapp-float svg{width:24px;height:24px;fill:#fff}
.back-to-top{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#08294b;color:#fff;font-size:19px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(4,31,59,.2);opacity:0;pointer-events:none;transform:translateY(8px);transition:.25s}
.back-to-top.show{opacity:1;pointer-events:auto;transform:none}

@media(max-width:640px){
  body{font-size:15px}
  .container{width:calc(100% - 24px)!important}
  .site-header .topline{height:70px!important;width:calc(100% - 18px)!important;gap:5px!important}
  .site-header .brand-v3{gap:5px!important;min-width:0!important}
  .site-header .brand-v3 .brand-icon{width:52px!important;height:48px!important;flex:0 0 52px!important}
  .site-header .brand-copy{min-width:0!important}
  .site-header .brand-copy strong{font-size:20px!important;letter-spacing:.08em!important;white-space:nowrap!important}
  .site-header .brand-copy small{font-size:4.7px!important;letter-spacing:.13em!important;white-space:nowrap!important;margin-top:5px!important}
  .site-header .nav-toggle{width:38px!important;height:38px!important;padding:5px!important}
  .site-header .main-nav{top:70px!important;left:9px!important;right:9px!important}

  .newsbar{height:42px!important}
  .news-label{min-width:86px!important;width:86px!important;padding:0 8px!important;font-size:8px!important;clip-path:none!important;flex:0 0 86px!important}
  .ticker-track{font-size:8px!important;gap:13px!important;padding-left:12px!important;animation-duration:26s!important}

  .hero.hero-v3{padding-top:112px!important;min-height:620px!important}
  .hero-v3 .hero-inner{width:calc(100% - 24px)!important;padding:42px 0 56px!important}
  .hero-v3 .hero-kicker{font-size:7px!important;letter-spacing:.14em!important;margin-bottom:14px!important}
  .hero-v3 h1{font-size:clamp(37px,12vw,48px)!important;line-height:1!important;margin-bottom:18px!important}
  .hero-v3 .hero-lead{font-size:13px!important;line-height:1.58!important}
  .hero-v3 .hero-actions{margin-top:22px!important;gap:10px!important}
  .hero-v3 .btn{max-width:none!important;min-height:48px!important}
  .hero-v3 .hero-dots{left:12px!important;bottom:14px!important}

  .section{padding:58px 0!important}
  .section-title,.equipment-head{margin-bottom:26px!important}
  .section-title h2,.equipment-head h2,.about-copy h2,.contact-copy h2,.data-copy h2{font-size:31px!important;line-height:1.08!important}

  /* Equipment becomes a touch-native horizontal carousel. This prevents desktop cards being squeezed into four columns. */
  .equipment{overflow:hidden!important}
  .equipment-head{display:block!important}
  .equipment-head p{font-size:12px!important;line-height:1.65!important;margin-top:13px!important}
  .equipment-carousel{display:block!important;margin:0 -12px!important}
  .eq-prev,.eq-next,.eq-dots{display:none!important}
  .eq-viewport{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;padding:0 12px 14px!important;scrollbar-width:none!important}
  .eq-viewport::-webkit-scrollbar{display:none!important}
  .eq-track{transform:none!important;gap:12px!important;width:max-content!important;transition:none!important}
  .eq-card{flex:0 0 min(82vw,310px)!important;width:min(82vw,310px)!important;margin-right:0!important;min-height:0!important;scroll-snap-align:center!important;border-radius:16px!important}
  .eq-card>img,.gpu-visual{height:190px!important}
  .eq-card>div:last-child{padding:18px!important}
  .eq-card h3{font-size:18px!important;line-height:1.25!important;margin:6px 0 8px!important}
  .eq-card p{font-size:11px!important;line-height:1.55!important;margin-bottom:2px!important}
  .eq-card span{font-size:7px!important}
  .gpu-visual b{font-size:64px!important}

  /* Consultancy tabs also become swipeable instead of overflowing the viewport. */
  .consult-tab-viewport{overflow-x:auto!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .consult-tab-viewport::-webkit-scrollbar{display:none!important}
  .consult-tab-track{min-width:max-content!important;width:max-content!important;padding-right:20px!important}
  .consult-tab{white-space:nowrap!important;padding-left:15px!important;padding-right:15px!important}

  .service-grid{grid-template-columns:1fr!important;gap:14px!important}
  .service-card{padding:22px 18px!important}
  .service-card p{min-height:0!important}
  .why-grid{grid-template-columns:1fr!important;gap:12px!important}
  .data-carousel{height:260px!important}
  .data-features{grid-template-columns:1fr!important}
  .about-grid,.contact-grid{gap:24px!important}
  .contact-form{padding:20px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:25px!important}
  .foot-bottom{align-items:flex-start!important}

  .floating-actions{right:12px;bottom:12px}
  .whatsapp-float{width:50px;height:50px;padding:0;justify-content:center}
  .whatsapp-float span{display:none}
  .whatsapp-float svg{width:25px;height:25px}
  .back-to-top{width:38px;height:38px}
}

@media(max-width:360px){
  .site-header .brand-v3 .brand-icon{width:47px!important;flex-basis:47px!important}
  .site-header .brand-copy strong{font-size:18px!important}
  .site-header .brand-copy small{font-size:4.2px!important}
  .news-label{min-width:78px!important;width:78px!important;flex-basis:78px!important}
  .hero-v3 h1{font-size:35px!important}
  .eq-card{flex-basis:84vw!important;width:84vw!important}
}