:root{--ink:#0f2628;--ink-2:#17383a;--black:#071112;--teal:#0aa79a;--teal-deep:#08786f;--green:#0f8d67;--mint:#e9f7f4;--mint-2:#d8f0eb;--soft:#f7faf9;--line:#d8e6e3;--muted:#667a7b;--white:#fff;--shadow:0 24px 70px rgba(9,47,46,.12);--max:1240px;--r:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,17,18,.96);border-bottom:1px solid rgba(10,167,154,.24);backdrop-filter:blur(14px)}.nav-wrap{height:84px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center}.brand img{width:220px}.main-nav{display:flex;gap:24px;margin-left:auto;align-items:center}.main-nav a{color:#dbeceb;font-weight:750;font-size:14px}.main-nav a:hover,.main-nav a.active{color:#69dfd4}.nav-actions{display:flex;gap:12px;align-items:center}.nav-phone{font-size:12px;line-height:1.25;text-align:right;font-weight:800;color:#fff}.nav-phone span{display:block;color:#8fb5b2;font-weight:650}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:999px;font-weight:850;font-size:14px;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--teal),var(--green));color:#fff}.btn-primary:hover{filter:brightness(.95)}.btn-outline{border-color:#b7cbc8;background:#fff;color:var(--ink)}.btn-light{background:#fff;color:var(--black)}.menu-toggle{display:none;width:44px;height:44px;border:0;border-radius:50%;background:#132629}.menu-toggle span{display:block;width:18px;height:2px;background:#fff;margin:4px auto}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--teal-deep)}h1,h2,h3{margin:0;line-height:1.03;letter-spacing:-.045em}h1{font-size:clamp(50px,7vw,92px);font-weight:800}h2{font-size:clamp(38px,5vw,64px);font-weight:790}h3{font-size:25px;font-weight:780;letter-spacing:-.025em}.lede{font-size:20px;color:var(--muted);max-width:760px}.mt-18{margin-top:18px}.mt-28{margin-top:28px}.mt-36{margin-top:36px}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0,#fff 72%,var(--mint) 72%);padding:76px 0 64px}.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(10,167,154,.12);border-radius:50%;right:-180px;top:-260px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center}.hero h1 .accent{color:var(--teal-deep)}.hero-copy{font-size:21px;color:var(--muted);max-width:690px;margin-top:26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-proof{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}.proof{font-size:13px;font-weight:800}.proof:before{content:"";width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--teal);margin-right:8px}.brand-stage{min-height:610px;border-radius:34px;background:radial-gradient(circle at 20% 10%,#183034 0,#071112 55%);position:relative;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(10,167,154,.28)}.brand-stage:before,.brand-stage:after{content:"";position:absolute;right:-40px;width:160px;height:160px;border-right:3px solid var(--teal);border-top:3px solid var(--teal);transform:rotate(45deg)}.brand-stage:before{top:80px}.brand-stage:after{bottom:80px}.sticker-wrap{position:absolute;left:32px;right:32px;top:48%;transform:translateY(-50%)}.sticker-wrap img{width:100%;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.32)}.stage-caption{position:absolute;left:32px;bottom:28px;color:#fff}.stage-caption strong{display:block;font-size:20px}.stage-caption span{font-size:13px;color:#9fc3c0}.section{padding:104px 0}.section-soft{background:var(--soft)}.section-dark{background:var(--black);color:#fff}.section-dark .lede,.section-dark p{color:#b8cecb}.trust-strip{background:linear-gradient(90deg,var(--teal-deep),var(--green));color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:25px 22px;border-right:1px solid rgba(255,255,255,.22)}.trust-item:last-child{border-right:0}.trust-item strong{display:block;font-size:21px}.trust-item span{font-size:12px;color:#d8f2ef}.split-title{display:grid;grid-template-columns:.86fr 1.14fr;gap:80px}.split-title p{font-size:19px;color:var(--muted);margin:0}.service-duo{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:48px}.service-panel{min-height:440px;border-radius:28px;padding:38px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.service-panel.gas{background:linear-gradient(160deg,#0a2426,#0b4643);color:#fff}.service-panel.ac{background:linear-gradient(160deg,#e8faf7,#d7f2ec);color:var(--ink)}.service-panel .n{position:absolute;top:30px;left:34px;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.service-panel.gas .n{color:#7ce0d6}.service-panel.ac .n{color:var(--teal-deep)}.service-panel p{max-width:540px}.service-panel.gas p{color:#c5d9d7}.service-panel ul{margin:18px 0 0;padding-left:18px}.service-panel a{margin-top:22px;font-weight:900;color:var(--teal)}.service-panel.gas a{color:#78e0d5}.band{background:var(--mint);border:1px solid var(--mint-2);border-radius:28px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.brand-mini{background:#071112;border-radius:22px;padding:22px;border:1px solid rgba(10,167,154,.3)}.brand-mini img{width:100%;border-radius:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.feature{padding:28px;border-top:3px solid var(--teal);background:#fff}.feature .n{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--teal-deep)}.feature p{color:var(--muted)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.process-step{border:1px solid var(--line);border-radius:20px;padding:26px}.process-step .n{font-size:11px;font-weight:900;color:var(--teal-deep);letter-spacing:.12em}.process-step p{color:var(--muted);font-size:14px}.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px}.side-card{background:var(--mint);border-radius:26px;padding:30px;border:1px solid var(--mint-2)}.checklist{display:grid;gap:11px}.check{padding:15px 17px;border-radius:14px;background:#fff;border:1px solid var(--line);font-weight:750}.check:before{content:"✓";color:var(--green);margin-right:10px}.inner-hero{padding:74px 0 58px;background:linear-gradient(180deg,#fff,var(--soft));border-bottom:1px solid var(--line)}.inner-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.inner-hero p{font-size:20px;color:var(--muted)}.inner-brand{background:#071112;border-radius:28px;padding:24px;border:1px solid rgba(10,167,154,.3)}.inner-brand img{width:100%;border-radius:15px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{border:1px solid var(--line);border-radius:22px;padding:28px;background:#fff;min-height:240px}.service-card .num{font-size:11px;color:var(--teal-deep);font-weight:900;letter-spacing:.13em}.service-card p{color:var(--muted)}.area-tags{display:flex;gap:10px;flex-wrap:wrap}.area-tag{padding:10px 13px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#e7f8f5;font-size:13px}.cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;background:linear-gradient(135deg,#08786f,#0f8d67);color:#fff;border-radius:30px;padding:52px}.cta p{color:#d8f1ed}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px}.contact-panel{background:var(--black);color:#fff;border-radius:28px;padding:36px;border:1px solid rgba(10,167,154,.25)}.contact-panel p,.contact-panel span{color:#b8cecb}.contact-item{padding:20px 0;border-top:1px solid rgba(255,255,255,.14)}.contact-item strong{display:block;font-size:20px}.form-card{border:1px solid var(--line);border-radius:28px;padding:36px;background:#fff}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:850}.field input,.field textarea,.field select{border:1px solid #cbd8d5;border-radius:12px;padding:14px}.field textarea{min-height:140px;resize:vertical}.legal{max-width:860px}.legal h2{font-size:32px;margin-top:38px}.legal p,.legal li{color:var(--muted)}.site-footer{background:#050d0e;color:#fff;padding:68px 0 28px;border-top:3px solid var(--teal)}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr .9fr;gap:42px}.footer-brand img{width:230px}.footer-brand p,.footer-links a,.footer-contact span,.footer-contact a{color:#adc3c1;font-size:14px}.footer-title{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#6fe0d4;font-weight:900;margin-bottom:16px}.footer-links,.footer-contact{display:grid;gap:10px}.footer-bottom{margin-top:50px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#78908e;font-size:12px}.mobile-callbar{display:none}
@media(max-width:1050px){.main-nav{display:none;position:absolute;top:84px;left:0;right:0;background:#081719;padding:22px 24px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.nav-phone{display:none}.menu-toggle{display:block}.hero-grid,.split-title,.content-grid,.inner-hero-grid,.contact-grid,.band{grid-template-columns:1fr}.brand-stage{min-height:520px}.service-duo,.feature-grid,.service-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta{grid-template-columns:1fr}}
@media(max-width:680px){.container{width:min(var(--max),calc(100% - 30px))}.nav-wrap{height:74px}.brand img{width:180px}.main-nav{top:74px}.nav-actions>.btn{display:none}.hero{padding:48px 0 42px}.brand-stage{min-height:390px}.sticker-wrap{left:16px;right:16px}.stage-caption{left:20px;bottom:18px}.section{padding:74px 0}.service-duo,.feature-grid,.service-grid,.process,.trust-grid,.field-grid,.footer-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.service-panel{min-height:370px;padding:28px}.cta{padding:34px 26px}.footer-bottom{flex-direction:column}.mobile-callbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:10px;right:10px;bottom:10px;z-index:60;background:rgba(255,255,255,.95);padding:8px;border-radius:999px;box-shadow:0 14px 44px rgba(0,0,0,.18)}body{padding-bottom:76px}}

/* FenCon V7 brand system: use the approved high-resolution company logo */
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 6px 24px rgba(7,17,18,.04)}
.brand img{width:255px;height:auto;object-fit:contain}
.main-nav a{color:var(--ink)}
.main-nav a:hover,.main-nav a.active{color:var(--teal-deep)}
.nav-phone{color:var(--ink)}
.nav-phone span{color:var(--muted)}
.menu-toggle{background:var(--black)}
.inner-brand,.brand-mini{background:#fff;border:1px solid var(--line);box-shadow:0 18px 52px rgba(9,47,46,.08)}
.inner-brand img,.brand-mini img,.sticker-wrap img{border-radius:0;box-shadow:none;background:#fff}
.brand-stage{background:linear-gradient(145deg,#071112,#0b292b 58%,#0a3c39);border-color:rgba(10,167,154,.38)}
.sticker-wrap{left:28px;right:28px;background:#fff;border-radius:24px;padding:18px;box-shadow:0 22px 65px rgba(0,0,0,.28)}
.footer-brand img{width:285px;background:#fff;border-radius:18px;padding:10px 14px}
@media(max-width:1050px){.main-nav{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(7,17,18,.08)}.main-nav a{color:var(--ink)}}
@media(max-width:680px){.brand img{width:210px}.footer-brand img{width:250px}.sticker-wrap{left:14px;right:14px;padding:12px}}

/* FenCon V8 photography system — real, people-free engineering imagery */
.hero-media{position:relative;min-height:610px;border-radius:34px;overflow:hidden;background:#071112;box-shadow:var(--shadow);border:1px solid rgba(10,167,154,.22)}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,17,18,.02) 30%,rgba(4,17,18,.76) 100%)}
.hero-media-badge{position:absolute;z-index:2;left:24px;right:24px;top:24px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.hero-logo-card{width:min(390px,78%);background:rgba(255,255,255,.96);border-radius:18px;padding:12px 16px;box-shadow:0 14px 40px rgba(0,0,0,.16);backdrop-filter:blur(10px)}
.hero-logo-card img{width:100%;height:auto}
.hero-media-note{position:absolute;z-index:2;left:30px;bottom:28px;color:#fff;max-width:420px}
.hero-media-note .eyebrow{color:#7ce0d6}.hero-media-note strong{display:block;font-size:28px;letter-spacing:-.03em;margin-top:8px}.hero-media-note span{display:block;color:#d1e5e2;margin-top:8px}
.hero-media-chip{position:absolute;z-index:2;right:24px;bottom:24px;background:rgba(7,17,18,.82);color:#fff;border:1px solid rgba(111,224,212,.3);border-radius:999px;padding:10px 14px;font-size:12px;font-weight:850;backdrop-filter:blur(10px)}
.service-panel{padding:0;background:#fff!important;color:var(--ink)!important;border:1px solid var(--line);box-shadow:0 16px 46px rgba(9,47,46,.08);justify-content:flex-start}
.service-panel .service-photo{height:270px;overflow:hidden;position:relative;background:#d9e9e6}
.service-panel .service-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.service-panel:hover .service-photo img{transform:scale(1.025)}
.service-panel .service-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,17,18,.28))}
.service-panel .service-body{padding:32px 34px 34px}
.service-panel .n{position:static;display:block;margin-bottom:14px;color:var(--teal-deep)!important}
.service-panel p{color:var(--muted)!important}.service-panel a{color:var(--teal-deep)!important}
.photo-split{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-top:48px}.photo-card{position:relative;border-radius:28px;overflow:hidden;min-height:430px;background:#071112}.photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(3,15,16,.72))}.photo-card-copy{position:absolute;left:28px;right:28px;bottom:26px;z-index:2;color:#fff}.photo-card-copy .eyebrow{color:#74ded4}.photo-card-copy h3{font-size:30px;margin-top:10px}.photo-card-copy p{color:#d4e7e4;max-width:520px}.photo-card.tall{min-height:540px}.photo-card.compact{min-height:300px}
.inner-photo{position:relative;border-radius:28px;overflow:hidden;min-height:390px;background:#071112;box-shadow:0 18px 52px rgba(9,47,46,.10)}.inner-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.inner-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,16,17,.55))}.inner-photo-logo{position:absolute;z-index:2;left:20px;top:20px;width:min(300px,68%);background:rgba(255,255,255,.96);border-radius:14px;padding:9px 12px;box-shadow:0 12px 30px rgba(0,0,0,.14)}.inner-photo-logo img{width:100%}.inner-photo-label{position:absolute;z-index:2;left:24px;bottom:20px;color:#fff;font-size:13px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.image-band{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}.image-band-main,.image-band-side{position:relative;border-radius:26px;overflow:hidden;min-height:420px}.image-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.image-band-main:after,.image-band-side:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,17,18,.6))}.image-band-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:24px;color:#fff}.image-band-copy .eyebrow{color:#77e0d5}.image-band-copy p{color:#d7e8e6}.image-band-side{min-height:420px}
.brand-photo-panel{position:relative;border-radius:24px;overflow:hidden;min-height:340px;background:#071112}.brand-photo-panel img.photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.brand-photo-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,18,.08),rgba(7,17,18,.65))}.brand-photo-panel .brand-overlay{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;background:rgba(255,255,255,.96);border-radius:16px;padding:12px 15px}.brand-photo-panel .brand-overlay img{width:100%}
.photo-note{font-size:12px;color:var(--muted);margin-top:12px}
@media(max-width:1050px){.hero-media{min-height:520px}.photo-split,.image-band{grid-template-columns:1fr}.inner-photo{min-height:360px}.image-band-main,.image-band-side{min-height:360px}}
@media(max-width:680px){.hero-media{min-height:470px}.hero-media-badge{left:14px;right:14px;top:14px}.hero-logo-card{width:82%;padding:9px 11px}.hero-media-note{left:20px;right:20px;bottom:64px}.hero-media-note strong{font-size:23px}.hero-media-chip{left:20px;right:auto;bottom:18px}.service-panel .service-photo{height:220px}.service-panel .service-body{padding:26px}.photo-card,.photo-card.tall{min-height:390px}.inner-photo{min-height:310px}.image-band-main,.image-band-side{min-height:320px}}