:root{--navy-900: #071b2d;--navy-800: #0c2946;--navy-700: #113d66;--blue-600: #0e5ea8;--blue-500: #1d72c7;--blue-400: #4ea0e5;--green-600: #1d8b5d;--green-500: #2aa66f;--slate-100: #f4f7fb;--slate-200: #eaf0f7;--slate-300: #dfe7f1;--slate-500: #7587a0;--slate-700: #374c63;--white: #ffffff;--shadow-soft: 0 16px 40px rgba(9, 28, 46, .08);--shadow-card: 0 16px 38px rgba(8, 32, 54, .12);--radius-lg: 26px;--radius-md: 18px;--radius-sm: 12px;--container: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--slate-100);color:var(--navy-800);line-height:1.6}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button,input,textarea,select{font:inherit}.ess-width{width:100%;max-width:100%;margin:0 auto;padding-left:40px;padding-right:40px}.container{width:min(var(--container),calc(100% - 32px));margin:0 auto}.section{padding:96px 0}.section-title{margin:0 0 18px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;letter-spacing:-.04em;color:var(--navy-900)}.section-intro{max-width:720px;margin:0 auto 42px;text-align:center;color:var(--slate-700);font-size:1.05rem}.eyebrow{display:inline-block;margin-bottom:12px;color:var(--blue-600);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.topbar{position:sticky;top:0;z-index:1000;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(17,61,102,.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em}.brand-mark{width:180px;height:85px;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-size:1.15rem;color:var(--navy-900)}.brand-tag{font-size:.62rem;color:var(--blue-600);letter-spacing:.14em;text-transform:uppercase}.nav-wrap{display:flex;align-items:center;gap:24px}.site-nav{display:flex;align-items:center;gap:28px;font-size:.96rem;font-weight:600;color:var(--navy-800)}.site-nav a{position:relative;transition:color .2s ease}.site-nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:var(--blue-500);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1)}.header-contacts{display:flex;align-items:center;gap:18px;color:var(--navy-800);font-size:.92rem;font-weight:600}.header-contacts a{color:var(--navy-800)}.language{display:inline-flex;align-items:center;gap:4px;padding:8px 10px;border:1px solid rgba(17,61,102,.12);border-radius:999px;background:var(--white)}.menu-toggle{display:none;width:46px;height:46px;border:1px solid rgba(17,61,102,.12);background:var(--white);border-radius:12px;padding:0;cursor:pointer}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{display:block;width:22px;height:2px;background:var(--navy-900);margin:0 auto;content:"";border-radius:4px;transition:all .2s ease}.menu-toggle span{margin-top:6px;margin-bottom:6px}.menu-toggle.is-open:before{transform:translateY(8px) rotate(45deg)}.menu-toggle.is-open span{opacity:0}.menu-toggle.is-open:after{transform:translateY(-8px) rotate(-45deg)}.hero{position:relative;background:radial-gradient(circle at top left,rgba(49,118,201,.18),transparent 35%),linear-gradient(180deg,#091929fa,#0c2946f5 36%,#f5f8fcfa);padding:52px 0 68px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:38px}.hero-copy{max-width:620px;padding:24px 0}.hero h1{margin:0 0 18px;font-size:clamp(2.75rem,5vw,5rem);line-height:.96;letter-spacing:-.06em;color:#f4f8ff;text-shadow:0 16px 30px rgba(3,13,22,.18)}.hero p{margin:0;color:#e7eff7d1;font-size:1.08rem}.hero-subheading{margin-bottom:18px;font-size:1.22rem;color:#a9d4ff;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--blue-600),var(--blue-500));color:var(--white);box-shadow:0 12px 30px #1d72c747}.btn-secondary{background:var(--white);color:var(--navy-900);border-color:#113d661f}.spec-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}.spec-item{background:#ffffff14;border:1px solid rgba(155,204,255,.18);border-radius:14px;padding:14px 16px;text-align:center;font-weight:700;color:#eff7ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-visual{position:relative}.hero-video-shell{position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(135deg,#0a1b2bf5,#113b61cc);box-shadow:0 26px 48px #06101b52;border:1px solid rgba(175,212,255,.18)}.hero-video-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#08162638,#124d861f);pointer-events:none}.hero-image{width:100%;aspect-ratio:15 / 10;object-fit:cover;filter:saturate(1) contrast(1.08) brightness(.96);background:#dfeaf7}.split-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center}.single-column-copy{grid-template-columns:1fr}.image-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-soft);border:1px solid rgba(17,61,102,.08)}.image-card img{width:100%;height:100%;object-fit:cover}.product-panel-card{min-height:460px;padding:18px 18px 10px;background:linear-gradient(180deg,#0f2135,#1d3043 16%,#deeaf5);border:1px solid rgba(18,42,66,.08)}.product-panel-card img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(5,17,27,.22));border-radius:20px;background:#ffffff1f}.intro-copy{display:grid;gap:18px}.intro-copy p{margin:0;color:var(--slate-700);font-size:1.04rem}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}.metric-card{padding:18px 18px 16px;background:var(--white);border:1px solid rgba(17,61,102,.08);border-radius:16px;box-shadow:0 12px 26px #091c2e0a}.metric-card h3{margin:0 0 8px;font-size:.97rem;color:var(--navy-900)}.metric-card p{margin:0;color:var(--slate-700);font-size:.94rem}.section-alt{background:#ffffffc2}.esp-intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.diagram-wrap{background:#edf4fb;border:1px solid rgba(17,61,102,.08);border-radius:28px;overflow:hidden;box-shadow:var(--shadow-soft)}.diagram-wrap img{width:100%;height:auto;display:block}.text-block{display:grid;gap:18px}.text-block p{margin:0;color:var(--slate-700)}.pollutant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.pollutant{padding:18px 16px;border-radius:16px;text-align:center;background:linear-gradient(180deg,#e9f1fbcc,#ffffffe6);border:1px solid rgba(17,61,102,.08);font-weight:700;color:var(--navy-900)}.process-header{text-align:center;margin-bottom:32px}.process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.process-step{position:relative;background:var(--white);border:1px solid rgba(17,61,102,.08);border-radius:18px;padding:22px 18px 20px;box-shadow:0 12px 26px #0820360a}.process-step:not(:last-child):after{content:"→";position:absolute;right:-20px;top:50%;transform:translateY(-50%);color:var(--blue-500);font-size:1.5rem;font-weight:700}.step-number{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#1470cd1f,#1bad6a1f);color:var(--blue-600);font-size:.9rem;font-weight:800;letter-spacing:.08em;margin-bottom:16px}.process-step h3{margin:0 0 10px;font-size:1.08rem;color:var(--navy-900)}.process-step p{margin:0;color:var(--slate-700);font-size:.96rem}.showcase{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center}.product-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:26px 0 0}.product-feature-list li{position:relative;padding-left:20px;color:var(--navy-800);font-weight:600}.product-feature-list li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background:var(--green-500)}.feature-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px}.feature-card{padding:24px 20px;background:#ffffffe0;border:1px solid rgba(17,61,102,.08);border-radius:18px;box-shadow:0 12px 28px #0820360a}.feature-card h3{margin:0 0 10px;font-size:1.08rem;color:var(--navy-900)}.feature-card p{margin:0;color:var(--slate-700);font-size:.95rem}.applications-grid,.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.app-card,.why-card{background:#ffffffe0;border:1px solid rgba(17,61,102,.08);border-radius:18px;padding:22px 20px;box-shadow:0 12px 28px #0820360a}.app-card .icon,.why-card .icon{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1470cd1f,#1bad6a1f);border-radius:12px;margin-bottom:14px;color:var(--blue-600);font-size:1.2rem;font-weight:800}.app-card h3,.why-card h3{margin:0 0 8px;font-size:1.08rem;color:var(--navy-900)}.app-card p,.why-card p{margin:0;color:var(--slate-700);font-size:.95rem}.table-wrap{overflow-x:auto;border-radius:22px;border:1px solid rgba(17,61,102,.08);background:var(--white);box-shadow:var(--shadow-soft)}.spec-table{width:100%;min-width:860px;border-collapse:collapse}.spec-table th,.spec-table td{padding:18px 16px;border-bottom:1px solid rgba(17,61,102,.08);text-align:left;vertical-align:middle}.spec-table th{background:#0d3154f5;color:var(--white);font-size:.76rem;letter-spacing:.09em;text-transform:uppercase}.spec-table tbody tr:nth-child(2n){background:#eff5fa66}.spec-table tbody tr:hover{background:#e8f0f8cc}.spec-table td{color:var(--navy-800);font-size:.96rem}.spec-table .model{color:var(--blue-600);font-weight:800}.caption-note{margin-top:18px;text-align:center;color:var(--slate-700);font-size:.94rem}.engineering-visual{margin-top:28px;border-radius:24px;overflow:hidden;border:1px solid rgba(17,61,102,.08);background:var(--white);box-shadow:var(--shadow-soft)}.engineering-visual img{width:100%;object-fit:cover}.cta-section{background:linear-gradient(135deg,#0a2946fa,#124a82e6);color:var(--white)}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.cta-box h3{margin:0 0 8px;font-size:clamp(2rem,3vw,2.8rem);line-height:1.1;letter-spacing:-.04em}.cta-box p{margin:0;color:#fffc;max-width:680px;font-size:1.05rem}.contact-banner{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px 20px;display:grid;gap:8px}.contact-banner strong{letter-spacing:.1em;text-transform:uppercase;color:#ffffffc7;font-size:.7rem}.contact-banner a{color:var(--white);font-size:1.08rem;font-weight:700}.quote-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:28px;align-items:start}.quote-copy{display:grid;gap:18px}.quote-copy p{margin:0;color:var(--slate-700)}.contact-list{display:grid;gap:14px;margin-top:2px}.contact-item{display:grid;gap:4px;padding:16px 18px;background:#ffffffe0;border:1px solid rgba(17,61,102,.08);border-radius:14px}.contact-item span{color:var(--slate-500);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.contact-item a,.contact-item strong{color:var(--navy-900);font-size:1.05rem;font-weight:700}.enquiry-form{background:#fffffff5;border:1px solid rgba(17,61,102,.08);border-radius:22px;padding:26px 24px;box-shadow:var(--shadow-soft)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.field{display:grid;gap:8px}.field.full{grid-column:1 / -1}.field label{color:var(--navy-800);font-weight:700;font-size:.9rem}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(17,61,102,.12);background:#f8fbff;color:var(--navy-900);border-radius:12px;min-height:48px;padding:12px 14px;resize:vertical}.field textarea{min-height:120px}.form-actions{margin-top:20px}.footer{background:#071b2d;color:#ffffffdb;padding:58px 0 28px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:30px;align-items:start}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.footer-brand img{width:220px;height:100px;border-radius:20PX}.footer-brand strong{display:block;color:var(--white);font-size:1.1rem}.footer-brand span{display:block;color:#ffffffb8;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.footer p{margin:0;color:#ffffffbd}.footer-nav{display:grid;gap:10px}.footer-nav a{color:#ffffffd1;font-weight:600}.footer-contact{display:grid;gap:12px}.footer-contact a,.footer-contact span{color:#ffffffe6;font-weight:600}.footer-bottom{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#ffffffa8;font-size:.9rem}@media(max-width:1024px){.header-contacts{display:none}.hero-grid,.split-grid,.showcase,.quote-grid,.esp-intro-layout,.footer-grid{grid-template-columns:1fr}.process-grid,.applications-grid,.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.site-nav{position:absolute;top:calc(100% + 10px);left:16px;right:16px;display:none;flex-direction:column;align-items:flex-start;padding:18px 20px;background:#fffffffa;border:1px solid rgba(17,61,102,.08);border-radius:18px;box-shadow:var(--shadow-card)}.site-nav.is-open{display:flex}.menu-toggle{display:inline-block}.nav-wrap{gap:12px}.spec-strip,.pollutant-grid,.metric-grid,.feature-cards,.applications-grid,.why-grid,.form-grid,.process-grid{grid-template-columns:1fr}.process-step:not(:last-child):after{display:none}.cta-box{display:grid}.section{padding:72px 0}}html,body{width:100%;max-width:100%;overflow-x:hidden}img,svg,video{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 40px));max-width:1180px;margin-left:auto;margin-right:auto}.grid,.form-grid,.process-grid,.features-grid,.applications-grid,.metric-grid,.pollutant-grid,.why-grid{min-width:0}.grid>*,.form-grid>*,.process-grid>*,.features-grid>*,.applications-grid>*,.metric-grid>*,.pollutant-grid>*,.why-grid>*{min-width:0}@media(max-width:1024px){:root{--container: 100%}.container{width:min(100% - 32px,960px)}.section{padding-top:56px;padding-bottom:56px}.header-inner{padding-left:16px;padding-right:16px}.nav-wrap{gap:16px}.site-nav{gap:18px}.site-nav a{font-size:.9rem}.header-contacts{gap:12px}.hero-grid,.cta-box{grid-template-columns:1fr}.spec-strip,.pollutant-grid,.metric-grid,.features-grid,.applications-grid,.why-grid,.process-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:28px}}@media(max-width:780px){.container{width:calc(100% - 28px)}.section{padding:48px 0}.header-inner{min-height:70px;padding:10px 14px}.brand{flex-shrink:0}.brand-mark{width:68px;height:auto}.nav-wrap{gap:10px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.site-nav{display:none;position:absolute;top:calc(100% + 8px);left:14px;right:14px;flex-direction:column;align-items:stretch;gap:0;padding:10px;border-radius:14px;background:#fff;box-shadow:var(--shadow-card);z-index:1000}.site-nav.is-open{display:flex}.site-nav a{display:block;padding:12px 14px;font-size:.95rem}.header-contacts{display:none}.hero-grid,.cta-box,.spec-strip,.pollutant-grid,.metric-grid,.features-grid,.applications-grid,.why-grid,.process-grid,.form-grid{grid-template-columns:1fr}h1{font-size:clamp(2rem,8vw,3rem);line-height:1.05}h2{font-size:clamp(1.65rem,6vw,2.25rem);line-height:1.1}h3{font-size:1.15rem}.card,.feature-card,.application-card,.metric-card,.why-card{width:100%}.hero-image,.product-image,.section-image{width:100%;max-width:100%;height:auto;object-fit:contain}.cta-box{gap:24px}.form-grid{gap:16px}input,select,textarea{width:100%;max-width:100%}textarea{min-height:120px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-logo{width:120px;max-width:100%;height:auto}.footer-grid>*{min-width:0}footer p{max-width:100%}}@media(max-width:480px){.container{width:calc(100% - 22px)}.section{padding:40px 0}.header-inner{min-height:62px;padding:8px 10px}.brand-mark{width:62px}.menu-toggle{width:42px;height:42px}h1{font-size:2rem}h2{font-size:1.65rem}.btn,button{max-width:100%}.cta-box{padding:22px}.form-grid{gap:12px}.footer-logo{width:105px}.footer-grid{gap:24px}a,p,span{overflow-wrap:anywhere;word-break:normal}}@media(max-width:360px){.container{width:calc(100% - 18px)}.header-inner{padding-left:8px;padding-right:8px}.brand-mark{width:56px}h1{font-size:1.8rem}h2{font-size:1.5rem}}
