:root{--navy:#102c3a;--dark:#09202c;--green:#a6c5a7;--lime:#c6dfbd;--paper:#f3f6f4;--muted:#63747b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--navy);background:#fff}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.header{height:84px;padding:0 clamp(22px,5vw,90px);display:flex;justify-content:space-between;align-items:center;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e8eeea}.logo{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;letter-spacing:.14em}.mark{background:var(--navy);color:white;padding:9px 10px;letter-spacing:-.06em;font-size:19px}.header nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:650}.header nav a:hover{color:#53806a}.navcta{background:var(--navy);color:white!important;padding:15px 20px}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:660px;display:grid;grid-template-columns:55% 45%;background:var(--dark);color:#fff}.hero-inner{padding:clamp(65px,9vw,135px) 6vw 36px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.22em;color:#82b596}.hero h1{font-size:clamp(42px,5.1vw,78px);line-height:1.07;letter-spacing:-.055em;max-width:760px;margin:26px 0}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{max-width:550px;color:#c6d4d4;font-size:17px;line-height:1.8}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:27px}.btn{padding:17px 23px;display:inline-flex;gap:24px;justify-content:space-between;align-items:center;font-size:13px;font-weight:750;border:0;cursor:pointer}.primary{background:var(--lime);color:var(--dark)}.primary:hover{background:#e0edda}.secondary{border:1px solid #55717a;color:white}.hero-foot{margin-top:auto;width:100%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.17em;color:#94aeb5;padding-top:65px}.hero-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#426575,#1e414d 60%,#17333d);display:grid;place-items:center}.hero-visual:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 55px,#ffffff0a 56px),repeating-linear-gradient(90deg,transparent 0 55px,#ffffff0a 56px)}.technical{position:relative;width:70%;aspect-ratio:1}.unit{position:absolute;left:18%;top:16%;width:62%;height:65%;background:linear-gradient(135deg,#e6ebea,#aebfbe);border:12px solid #d4dfdb;box-shadow:22px 28px 45px #071d2999;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#3e555a;font-weight:900;letter-spacing:.3em}.unit i{width:55%;aspect-ratio:1;border:16px solid #728d91;border-radius:50%;margin:17px;box-shadow:inset 0 0 0 9px #b5c9c8}.unit small{font-size:10px}.pipe{position:absolute;border:8px solid #9bb8ac;border-top:0;border-right:0;width:24%;height:34%;bottom:0}.p1{left:34%}.p2{left:45%;transform:translateY(14px)}.line{position:absolute;background:#9ecab7;height:1px;width:30%}.l1{top:19%;left:0}.l2{top:72%;right:0}.visual-caption{position:absolute;bottom:24px;left:24px;font-size:9px;letter-spacing:.13em;color:#e4eded}.section{padding:110px clamp(22px,7vw,120px)}.section-heading{max-width:760px;margin-bottom:45px}.section h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.045em;line-height:1.12;margin:19px 0}.section-heading p,.contact>p{color:var(--muted);line-height:1.7;font-size:16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service{background:var(--paper);padding:32px;min-height:280px;transition:transform .2s,background .2s}.service:hover{transform:translateY(-5px);background:#e6eee8}.num{font-size:11px;color:#6c8b7b}.symbol{font-size:40px;margin:20px 0;color:#58856d}.service h3{font-size:21px}.service p,.steps p{color:var(--muted);line-height:1.7;font-size:14px}.refs{background:#eaf0ec}.ref-placeholder{min-height:290px;border:1px dashed #9cafaa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:#49615c}.ref-icon{font-size:50px}.ref-placeholder span{font-size:13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.steps>div{border-top:2px solid #b9d0c0;padding-top:23px}.steps b{font-size:13px;color:#558268}.steps h3{margin-top:38px}.contact{background:var(--dark);color:#fff}.contact>p{color:#b7c8ca}.contact form{max-width:840px;margin-top:40px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:700;margin-bottom:19px}input,textarea{background:#183845;color:#fff;border:1px solid #47616a;border-radius:0;padding:15px;outline-offset:3px;width:100%}input::placeholder,textarea::placeholder{color:#a8bec0}.form-note{font-size:12px;color:#b4c9c8;line-height:1.6}footer{padding:55px 7vw;background:#061720;color:white;display:flex;flex-direction:column;gap:20px}footer p,footer small,footer div:not(.logo){color:#a7b6b9;font-size:12px}footer div:not(.logo){display:flex;gap:24px;flex-wrap:wrap}@media(max-width:800px){.header{height:70px}.menu{display:block}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:24px;flex-direction:column;align-items:stretch;gap:22px;box-shadow:0 10px 20px #0002}.header nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-inner{padding:70px 7vw 30px;min-height:580px}.hero-visual{min-height:350px}.section{padding:75px 7vw}.cards,.steps{grid-template-columns:1fr}.service{min-height:220px}.steps{gap:20px}.steps h3{margin-top:16px}.fields{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* V2 — Premium Technical refinement */
:root{--navy:#102b38;--dark:#071e29;--green:#80aa91;--lime:#c8e0ca;--paper:#f3f7f5}
body{font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}
::selection{background:#a9d0b5;color:#09202c}
:focus-visible{outline:3px solid #8dcba4;outline-offset:4px}
.header{box-shadow:0 4px 30px #071e2908}
.header nav a:not(.navcta){position:relative}
.header nav a:not(.navcta):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:#5b9778;transition:right .2s}
.header nav a:not(.navcta):hover:after{right:0}
.hero{min-height:720px}
.hero-inner{position:relative;background:radial-gradient(ellipse at 2% 5%,#1b3f49 0%,transparent 55%),#071e29}
.hero h1{font-weight:780;max-width:850px}
.hero p{font-size:18px;max-width:580px}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a4d9b5;vertical-align:middle;margin-right:9px;box-shadow:0 0 0 4px #a4d9b520}
.hero-visual{background:linear-gradient(155deg,#6d8887 0%,#2c535b 40%,#102f3a 100%)}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071e29aa,transparent 44%);pointer-events:none}
.technical{transform:rotate(-4deg);filter:drop-shadow(15px 30px 18px #071e2970)}
.visual-overlay{position:absolute;z-index:2;left:8%;bottom:88px;color:#fff;display:flex;flex-direction:column;gap:12px}
.visual-overlay span{font-size:10px;letter-spacing:.2em;color:#c0e0d0}
.visual-overlay strong{font-size:clamp(19px,2vw,30px);letter-spacing:-.025em;line-height:1.2}
.visual-caption{z-index:2;left:8%;font-size:9px}
.section-heading .eyebrow{display:block;margin-bottom:8px}
.section h2{max-width:820px}
.service{position:relative;border:1px solid #e4ece7;overflow:hidden}
.service:after{content:"↗";position:absolute;right:26px;top:26px;font-size:21px;color:#759987;transition:transform .2s}
.service:hover:after{transform:translate(3px,-3px)}
.service .symbol{background:#e3eee6;border-radius:50%;width:68px;height:68px;display:grid;place-items:center}
.ref-placeholder{background:linear-gradient(135deg,#f6faf7,#e5efea);min-height:350px}
.steps>div{padding-right:20px}
.steps b{font-size:16px}
.contact{background:radial-gradient(circle at 100% 0%,#1a4547,transparent 44%),#071e29}
input:focus,textarea:focus{border-color:#a4d9b5}
.btn{transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
@media(max-width:800px){.hero{min-height:0}.hero-inner{min-height:550px}.visual-overlay{bottom:75px}.hero-visual{min-height:410px}.header nav a:not(.navcta):after{display:none}}
@media(prefers-reduced-motion:reduce){.btn:hover,.service:hover,.service:hover:after{transform:none}}