@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--deep:#102521;--ink:#132520;--ink-2:#3e5148;--muted:#67776f;--green:#0b895a;--green-dark:#08734c;--light-green:#e5f2eb;--paper:#f6f8f5;--white:#fff;--line:#e0e7e0;--dark:#101c1c;--sand:#f0f2ed;--max:1230px;--radius:18px;--shadow:0 22px 55px rgba(9,30,22,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--white);font-size:16px;line-height:1.65}img{display:block;max-width:100%}a{color:var(--green-dark)}a:hover{color:var(--green)}button,input,select,textarea{font:inherit}button{cursor:pointer}main{min-height:50vh}p{margin:0 0 1rem}h1,h2,h3,h4{font-family:'Manrope',system-ui,sans-serif;line-height:1.16;letter-spacing:-.045em}h1{font-size:clamp(2.65rem,5.4vw,5.55rem);font-weight:800;margin:0 0 1.25rem}h2{font-size:clamp(2.1rem,3.5vw,3.5rem);font-weight:800;margin:0 0 1rem}h3{font-size:clamp(1.22rem,1.7vw,1.6rem);font-weight:800;margin:0 0 .65rem}h4{margin:0 0 .5rem;font-size:1rem}strong{font-weight:700}::selection{background:#b8e3cc;color:#092c1d}
:focus-visible{outline:3px solid #36c191;outline-offset:4px}.container{max-width:var(--max);padding:0 32px;margin:0 auto}.section{padding:100px 0}.section-sm{padding:65px 0}.bg-soft{background:var(--paper)}.bg-tint{background:#eef5ef}.bg-dark{background:var(--deep);color:#fff}.smallcaps{font:700 .76rem 'Manrope',sans-serif;letter-spacing:.13em;text-transform:uppercase;display:inline-flex;align-items:center;gap:11px;color:var(--green)}.smallcaps:before{content:'';height:2px;width:25px;background:currentColor}.bg-dark .smallcaps,.hero .smallcaps{color:#7fdeb3}.section-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:32px}.section-head>div{max-width:740px}.section-head h2{margin-top:12px}.section-head>p{max-width:390px;color:var(--ink-2);margin:0}.intro{color:var(--ink-2);font-size:1.15rem;max-width:740px}.hint{font-size:.82rem;color:var(--muted)}.eyebrow{color:var(--green);font-weight:800;letter-spacing:.12em;font-size:.75rem;text-transform:uppercase}
/* header */
.topbar{background:var(--deep);color:#dbece3;font-size:12px;letter-spacing:.025em}.topbar .container{display:flex;justify-content:space-between;gap:15px;padding-top:9px;padding-bottom:9px}.topbar a{color:#dbece3;text-decoration:none}.topbar a:hover{color:#fff}
.site-header{background:#fff;position:sticky;top:0;z-index:90;border-bottom:1px solid #e9eee9;box-shadow:0 2px 10px rgba(0,0,0,.02)}.header-row{min-height:84px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;flex-shrink:0}.brand img{height:52px;width:52px;object-fit:cover}.brand b{font:800 1.32rem 'Manrope',sans-serif;line-height:1;letter-spacing:-.05em}.brand small{display:block;color:var(--muted);font-size:.55rem;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;margin-top:5px;font-weight:700}.nav-list{list-style:none;margin:0 0 0 auto;padding:0;display:flex;align-items:center;gap:24px}.nav-list a{font-weight:700;font-size:.88rem;white-space:nowrap;color:var(--ink-2);text-decoration:none;border-bottom:2px solid transparent;padding:33px 0}.nav-list a:hover,.nav-list a[aria-current=page]{color:var(--green);border-bottom-color:var(--green)}.header-cta{margin-left:5px}.mobile-toggle{display:none;padding:8px;background:none;border:0;color:var(--deep);font-size:30px;line-height:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;border-radius:7px;border:1px solid transparent;text-decoration:none;font-size:.88rem;font-weight:800;line-height:1.25;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);text-decoration:none}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{color:#fff;background:var(--green-dark);box-shadow:0 10px 30px rgba(8,115,76,.19)}.btn-outline{border-color:#b6c8be;color:var(--deep);background:transparent}.btn-outline:hover{background:#ebf7ef;color:var(--deep)}.btn-light{border-color:#cddbd2;color:#fff}.btn-light:hover{background:#fff;color:var(--deep)}.btn-white{color:var(--green-dark);background:#fff}.btn-white:hover{color:var(--green-dark);background:#e9f6ec}.arrow{font-family:Arial,sans-serif;font-weight:500;font-size:1.2rem}
/* hero */
.hero{position:relative;min-height:620px;display:flex;align-items:center;background:#0c1c1a;color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 52%;opacity:.81}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,18,.96) 0%,rgba(6,20,18,.83) 36%,rgba(6,20,18,.2) 76%,rgba(6,20,18,.12) 100%);z-index:1}.hero-content{position:relative;z-index:2;padding-top:100px;padding-bottom:96px;width:100%}.hero-content h1{max-width:790px;font-size:clamp(2.9rem,5.9vw,5.7rem)}.hero-content .lead{font-size:1.15rem;color:#d6e2dd;max-width:600px;line-height:1.75}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:54px}.hero-tag{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);padding:10px 15px;color:#eaf1ee;font-size:.84rem;font-weight:600;backdrop-filter:blur(3px)}.photo-label{position:absolute;z-index:2;right:32px;bottom:18px;color:#dce6e1;font-size:11px;opacity:.7}.feature-ribbon{border-bottom:1px solid var(--line);background:var(--paper)}.ribbon-grid{display:grid;grid-template-columns:repeat(4,1fr)}.ribbon-item{padding:27px 20px;border-right:1px solid var(--line)}.ribbon-item:first-child{padding-left:0}.ribbon-item:last-child{border:0}.ribbon-item strong{display:block;font-size:1.14rem;font-family:'Manrope';letter-spacing:-.02em}.ribbon-item span{font-size:.82rem;color:var(--muted)}
/* shared cards */
.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.media-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s}.media-card:hover{transform:translateY(-4px)}.media-card .media{width:100%;height:230px;object-fit:cover;background:var(--dark)}.media-card .card-body{padding:26px}.media-card p{color:var(--ink-2);font-size:.94rem}.link-arrow{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-size:.89rem;font-weight:800;color:var(--green-dark)}.link-arrow:hover{gap:16px}.media-badge{display:block;font-size:.69rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--green);margin:0 0 13px}.product-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:block;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);color:inherit}.product-card img{width:100%;height:205px;object-fit:cover;background:#1d292a}.product-card .prod-body{padding:22px}.product-card h3{font-size:1.2rem;margin:0 0 6px}.product-card p{color:var(--muted);font-size:.86rem;margin:0 0 12px}.product-card .prod-link{display:block;color:var(--green-dark);font-size:.82rem;font-weight:800}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{border-left:2px solid #26ad76;padding-left:20px}.stat strong{display:block;font-size:1.6rem;line-height:1.2;font-family:'Manrope';letter-spacing:-.04em}.stat span{color:var(--muted);font-size:.86rem}.process-feature{display:grid;grid-template-columns:1.06fr .94fr;gap:58px;align-items:center}.process-feature .visual{position:relative}.process-feature .visual img{width:100%;height:430px;object-fit:cover;border-radius:16px}.process-feature .badge-float{position:absolute;bottom:21px;left:21px;background:#fff;border-radius:10px;padding:17px 20px;box-shadow:var(--shadow);font-weight:800;font-size:.84rem}.ticks{list-style:none;padding:0;margin:25px 0}.ticks li{padding:11px 0 11px 28px;border-bottom:1px solid var(--line);position:relative;font-weight:700;font-size:.95rem}.ticks li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}
/* industries */
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.industry{padding:25px 25px 23px;background:#fff;border:1px solid var(--line);border-radius:12px;display:block;color:var(--ink);text-decoration:none}.industry:hover{border-color:#7bbc9c;color:var(--ink);background:#fbfffc}.industry .number{font-size:.7rem;font-weight:800;color:var(--green);letter-spacing:.1em}.industry h3{margin:20px 0 9px;font-size:1.18rem}.industry p{font-size:.88rem;color:var(--muted);margin:0}.industry .industry-arrow{float:right;color:var(--green);font-size:24px}.industries-disclaimer{font-size:.78rem;color:var(--muted);margin-top:22px}
/* dark band & CTA */
.dark-panel{position:relative;background:var(--deep);border-radius:22px;padding:48px;overflow:hidden;color:#fff}.dark-panel:after{content:'';position:absolute;border:80px solid rgba(62,178,116,.07);border-radius:50%;width:400px;height:400px;top:-280px;right:-100px}.dark-panel h2{max-width:690px;font-size:clamp(2rem,3.5vw,3.2rem)}.dark-panel p{color:#ccdcd4;max-width:600px}.dark-panel .btn{margin-top:16px}.cta-section{background:linear-gradient(115deg,#0c613f,#0c8958);padding:73px 0;color:#fff}.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-grid h2{margin-bottom:12px}.cta-grid p{color:#d8f3e6;font-size:1.05rem}.site-footer{background:#0b1e1a;color:#c5d7cf;padding:65px 0 22px}.site-footer h3{color:#fff;font-size:1.05rem;letter-spacing:-.02em;margin-bottom:16px}.footer-grid{display:grid;grid-template-columns:2.1fr 1fr 1fr 1.2fr;gap:45px}.footer-grid p,.footer-grid li{color:#a5b9ae;font-size:.86rem}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin-bottom:10px}.footer-grid a{color:#d7e6dc;text-decoration:none}.footer-grid a:hover{color:#87e2ba}.footer-brand{color:#fff;font-weight:800;letter-spacing:-.04em;font-size:1.55rem;margin-bottom:14px}.footer-base{border-top:1px solid #294139;padding-top:22px;margin-top:45px;display:flex;justify-content:space-between;gap:20px;font-size:.74rem;color:#91a69b}
/* page headers */
.page-hero{position:relative;background:#102520;color:#fff;padding:90px 0 78px;overflow:hidden}.page-hero:after{content:'';position:absolute;top:-180px;right:-70px;width:530px;height:530px;border:90px solid rgba(86,181,136,.055);border-radius:50%}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:clamp(2.9rem,5vw,4.8rem);max-width:900px;margin:12px 0 16px}.page-hero p{font-size:1.12rem;color:#c9ddd1;max-width:790px}.bread{font-weight:700;font-size:.8rem;color:#9acdb1}.bread a{color:#a8dbbb;text-decoration:none}.bread span{color:#eef6f0}.narrow{max-width:800px}.stack>*+*{margin-top:1.1rem}
/* products */
.product-detail{display:grid;grid-template-columns:.86fr 1.14fr;gap:60px;align-items:center;padding:60px 0;border-bottom:1px solid var(--line);scroll-margin-top:110px}.product-detail:nth-child(even) .product-detail-photo{order:2}.product-detail-photo{width:100%;height:380px;object-fit:cover;border-radius:14px}.prod-range{font-size:1.26rem;color:var(--green-dark);font-weight:800;font-family:'Manrope';margin-bottom:14px}.chipset{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}.chip{border:1px solid #d8e6dc;background:#f5f9f5;border-radius:4px;padding:5px 9px;font-size:.78rem;font-weight:700;color:#425a4e}.detail-copy p{color:var(--ink-2)}.spec-line{font-size:.9rem;font-weight:700;border-top:1px solid var(--line);padding:12px 0}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.material{padding:26px;background:#fff;border:1px solid var(--line);border-radius:10px}.material b{font-family:'Manrope';font-size:1.2rem}.material p{margin:12px 0 0;font-size:.87rem;color:var(--muted)}
/* services */
.service-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:50px 0;border-bottom:1px solid var(--line);scroll-margin-top:105px}.service-row:nth-child(even) .service-image{order:2}.service-row .service-image{width:100%;height:370px;object-fit:cover;border-radius:14px;background:#142928}.service-row p{color:var(--ink-2)}.service-row ul{padding-left:20px;color:var(--ink-2)}.service-row li{margin:5px 0}.status-note{border-left:3px solid var(--green);padding:12px 17px;background:#f3faf5;color:var(--ink-2);font-size:.87rem;margin:18px 0}
/* quality */
.qc-overview{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.qc-overview img{height:420px;width:100%;object-fit:cover;border-radius:15px}.qc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.qc-card{background:#fff;padding:30px;border:1px solid var(--line);border-radius:13px}.qc-card .qc-number{font-family:Manrope;font-weight:800;color:var(--green);font-size:.8rem}.qc-card h3{margin-top:16px}.qc-card p{font-size:.91rem;color:var(--muted);margin-bottom:0}.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cert-card{border:1px solid #cadaD0;border-radius:10px;padding:26px;background:#fff}.cert-card b{font:800 1.9rem 'Manrope';letter-spacing:-.05em;color:var(--green-dark)}.cert-card h3{margin:12px 0 8px;font-size:1rem}.cert-card p{font-size:.85rem;color:var(--muted)}.notice{padding:20px 23px;border-left:4px solid #279b6a;background:#f0f7f1;color:#435b4c;font-size:.9rem;line-height:1.7}
/* about */
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.milestone{padding:28px;border:1px solid var(--line);border-radius:12px;background:#fff}.milestone .year{font:800 2.2rem 'Manrope';letter-spacing:-.07em;color:var(--green)}.milestone h3{margin-top:18px}.milestone p{font-size:.91rem;color:var(--ink-2)}
/* forms */
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px}.contact-detail{border-bottom:1px solid var(--line);padding:22px 0}.contact-detail:first-child{padding-top:0}.contact-detail .mini-label{font-size:.75rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.contact-detail a,.contact-detail strong{display:block;font:800 1.15rem 'Manrope';margin-top:5px;text-decoration:none}.contact-detail p{font-size:.88rem;color:var(--muted);margin:5px 0 0}.rfq-box{padding:38px;background:var(--paper);border:1px solid var(--line);border-radius:17px}.rfq-box h2{font-size:1.85rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.field label{font-size:.78rem;font-weight:800;color:#344d41}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #cbd7ce;background:#fff;color:var(--ink);border-radius:6px;min-height:49px;outline:none}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#119361;box-shadow:0 0 0 3px #d3f1e1}.rfq-box .btn{width:100%;padding:16px}.form-note{color:var(--muted);font-size:.77rem;margin-top:13px}.form-error{display:none;color:#b83a30;background:#fff0ed;padding:10px;margin-bottom:12px;border-radius:5px;font-size:.85rem}.form-error.visible{display:block}
/* misc */
.callout{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 32px;border:1px solid var(--line);background:#f9fcf9;border-radius:12px}.callout p{margin:0;color:var(--muted);font-size:.9rem}.callout h3{margin-bottom:6px}.table-wrap{overflow-x:auto}.standards-table{width:100%;border-collapse:collapse;text-align:left}.standards-table th,.standards-table td{padding:16px;border-bottom:1px solid var(--line);font-size:.91rem;vertical-align:top}.standards-table th{font-weight:800;color:#244534;background:#f0f6f1}.pill{display:inline-block;background:#e6f6ec;color:#127349;font-size:.72rem;padding:5px 9px;font-weight:800;border-radius:40px}.anchor-list{display:flex;flex-wrap:wrap;gap:8px;padding:23px 0;border-bottom:1px solid var(--line)}.anchor-list a{padding:8px 13px;border:1px solid var(--line);border-radius:5px;text-decoration:none;font-size:.85rem;font-weight:800}.anchor-list a:hover{background:#f0f9f3}
@media(max-width:1100px){.nav-list{gap:14px}.nav-list a{font-size:.8rem}.header-cta{display:none}.four-grid{grid-template-columns:repeat(2,1fr)}.ribbon-grid{grid-template-columns:repeat(2,1fr)}.ribbon-item:nth-child(2){border-right:0}.ribbon-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:850px){.container{padding:0 21px}.topbar{display:none}.header-row{min-height:74px}.mobile-toggle{display:block;margin-left:auto}.nav-list{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;box-shadow:0 20px 28px rgba(0,0,0,.08);padding:14px 21px 25px;flex-direction:column;gap:0;align-items:stretch}.nav-list.is-open{display:flex}.nav-list li{border-bottom:1px solid var(--line)}.nav-list a{display:block;padding:12px 5px;font-size:.96rem;border:0}.hero{min-height:550px}.hero:before{background:linear-gradient(90deg,rgba(5,20,17,.96),rgba(5,20,17,.7))}.hero-content{padding:74px 0}.hero-tags{margin-top:35px}.photo-label{display:none}.section{padding:70px 0}.section-head{align-items:start;flex-direction:column;gap:8px}.section-head>p{max-width:620px}.three-grid,.industry-grid,.qc-grid,.timeline{grid-template-columns:repeat(2,1fr)}.process-feature,.qc-overview,.service-row,.product-detail,.contact-grid{grid-template-columns:1fr;gap:30px}.process-feature .visual img,.qc-overview img,.service-row .service-image,.product-detail-photo{height:330px}.service-row:nth-child(even) .service-image,.product-detail:nth-child(even) .product-detail-photo{order:0}.material-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:20px}.stats-grid{gap:10px}.cta-grid{align-items:start;flex-direction:column}}
@media(max-width:580px){body{font-size:15px}.brand img{width:42px;height:42px}.brand b{font-size:1.12rem}.brand small{font-size:.48rem}.hero h1{font-size:clamp(2.4rem,11vw,3.4rem)}.hero-content{padding:66px 0}.hero-content .lead{font-size:1rem}.hero-tag{font-size:.75rem}.section{padding:60px 0}.section-sm{padding:42px 0}.three-grid,.four-grid,.two-grid,.industry-grid,.qc-grid,.cert-grid,.timeline,.form-row,.material-grid{grid-template-columns:1fr}.ribbon-grid{grid-template-columns:repeat(2,1fr)}.ribbon-item{padding:18px 10px}.ribbon-item strong{font-size:.96rem}.ribbon-item span{font-size:.72rem}.ribbon-item:first-child{padding-left:0}.section-head{margin-bottom:25px}.product-card img{height:220px}.process-feature .visual img,.qc-overview img,.service-row .service-image,.product-detail-photo{height:260px}.dark-panel{padding:30px 24px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-base{flex-direction:column}.cta-section{padding:55px 0}.rfq-box{padding:23px}.stats-grid{grid-template-columns:1fr}.stat{padding:0 0 0 16px}.page-hero{padding:67px 0}.page-hero h1{font-size:2.7rem}.callout{align-items:start;flex-direction:column}.photo-label{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
