@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{--navy:#082c4b;--teal:#008c99;--ink:#112b3c;--muted:#627482;--paper:#f4f7f7;--line:#dce4e7;--serif:Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif;background:white}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}img{max-width:100%;display:block}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.topbar{background:var(--navy);color:#d8e5eb;font-size:11px;letter-spacing:1px;text-transform:uppercase}.topbar .wrap{display:flex;justify-content:space-between;padding:9px 0}header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:block;flex:none;width:218px;height:65px;position:relative;overflow:hidden}.brand img{width:285px;max-width:none;position:absolute;left:-30px;top:-33px}.links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.links a:hover,.links a.active{color:var(--teal)}.btn{display:inline-flex;gap:20px;align-items:center;justify-content:center;padding:13px 23px;background:var(--teal);color:white;border:1px solid var(--teal);font-weight:600;font-size:13px;line-height:1.5;transition:background .2s,transform .2s}.btn:hover{background:#006e79;transform:translateY(-1px)}.btn.outline{background:transparent;color:var(--navy);border-color:#b1c0c8}.btn.light{background:white;color:var(--navy);border-color:white}.btn.ghost{background:transparent;border-color:#61808d;color:white}.menu{display:none;background:white;border:1px solid var(--line);padding:7px 12px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal);display:block;margin-bottom:18px}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;font-weight:600;line-height:1.15;margin:0 0 20px;letter-spacing:-1.3px}h1{font-size:clamp(40px,4.6vw,67px)}h2{font-size:clamp(30px,3vw,43px)}h3{font-size:23px;letter-spacing:-.5px}h4{font-size:18px;letter-spacing:-.3px}p{margin:0 0 22px}.muted{color:var(--muted)}.hero{background:var(--paper);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:625px}.hero-copy{padding:80px 50px 62px 0;z-index:2}.hero h1 em{font-family:var(--serif);font-weight:400;color:var(--teal)}.hero-copy>p{font-size:17px;color:#546b78;max-width:500px;line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.hero-visual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;border-left:1px solid #dae3e5;background:radial-gradient(ellipse at 55% 47%,#fff 10%,#e8eeee 69%);overflow:hidden}.hero-visual:before{content:'';position:absolute;width:440px;height:440px;border:1px solid #c5d3d6;border-radius:50%;box-shadow:0 0 0 65px #d6e0e055,0 0 0 130px #e3eaea55}.hero-visual img{position:relative;width:82%;max-height:390px;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-6deg);filter:drop-shadow(15px 25px 12px #192f3f20)}.visual-code{position:absolute;top:34px;left:29px;color:#5b7481;font:11px/1.8 monospace;letter-spacing:1px}.visual-bottom{position:absolute;bottom:27px;left:29px;right:29px;display:flex;align-items:end;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:1px}.visual-bottom strong{font-size:16px;color:var(--navy)}.hero-note{display:flex;align-items:center;gap:10px;font-size:11px;color:#69818e;margin-top:38px;letter-spacing:.5px}.dot{width:6px;height:6px;border-radius:50%;background:var(--teal);display:inline-block}.strip{border-bottom:1px solid var(--line);background:white}.strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:24px 0;font-size:13px}.strip b{color:var(--teal);margin-right:12px}.section{padding:86px 0}.section.soft{background:var(--paper)}.section.dark{background:var(--navy);color:white}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.section-head h2{margin:0}.section-head p{color:var(--muted);max-width:410px;margin:0;font-size:14px}.text-link{font-size:13px;font-weight:700;color:var(--teal);display:inline-flex;gap:25px;align-items:center}.division-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.division{border:1px solid var(--line);display:block;background:white;overflow:hidden;transition:box-shadow .2s}.division:hover{box-shadow:0 12px 35px #082c4b0c}.division-image{height:260px;background:#eef1f1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.division-image img{width:70%;height:88%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.division:hover img{transform:scale(1.04)}.division-image .number{position:absolute;left:24px;top:17px;color:#63808d;font:12px monospace}.division-text{padding:28px 30px 30px}.division-text h3{margin-bottom:12px}.division-text p{color:var(--muted);font-size:14px}.tagline{font-size:11px;letter-spacing:.5px;line-height:1.9;color:var(--teal)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{border:1px solid var(--line);background:white;display:flex;flex-direction:column;transition:border-color .2s}.product:hover{border-color:var(--teal)}.product-image{height:205px;display:flex;align-items:center;justify-content:center;background:#f4f5f4;overflow:hidden}.product-image img{width:78%;height:80%;object-fit:contain;mix-blend-mode:multiply}.product-body{padding:24px;display:flex;flex-direction:column;flex:1}.product-body h3{font-size:20px}.product-body p{font-size:13px;color:var(--muted);flex:1}.product-body .meta{font-size:10px;letter-spacing:1.1px;color:var(--teal);margin-bottom:12px;text-transform:uppercase}.product-body .row{display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px}.small-btn{border:0;background:transparent;color:var(--teal);font-size:12px;font-weight:600;padding:0}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.about-split .intro{font-size:20px;color:#bad2dd;line-height:1.7}.steps{border-top:1px solid #446175}.step{padding:22px 0;border-bottom:1px solid #446175;display:grid;grid-template-columns:35px 1fr;gap:15px}.step span{font-size:11px;color:#55c4ca}.step h3{font-size:19px;margin:0 0 8px}.step p{font-size:13px;color:#b3c9d3;margin:0}.applications{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.application{padding:30px 22px;border-right:1px solid var(--line)}.application:last-child{border:0}.application .index{font:11px monospace;color:var(--teal);margin-bottom:26px;display:block}.application h3{font-size:18px;line-height:1.4}.application p{font-size:13px;color:var(--muted);margin:0}.cta{background:#e8f3f2;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-left:3px solid var(--teal)}.cta h2{font-size:32px;margin:0 0 12px}.cta p{font-size:14px;color:var(--muted);margin:0}footer{background:#06253e;color:#afc3ce;padding:55px 0 22px;font-size:12px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer-brand{font-size:30px;letter-spacing:3px;color:white;font-weight:800;margin-bottom:8px}.footer-grid h4{font-size:12px;color:white;letter-spacing:1px;text-transform:uppercase}.footer-grid a{display:block;margin:10px 0}.footer-grid a:hover{color:white}.footer-bottom{border-top:1px solid #28475c;display:flex;justify-content:space-between;gap:20px;margin-top:36px;padding-top:22px;font-size:10px}.breadcrumb{font-size:11px;color:var(--muted);padding:25px 0}.breadcrumb a{color:var(--teal)}.page-heading{background:var(--paper);padding:0 0 54px;border-bottom:1px solid var(--line)}.page-heading h1{font-size:48px;max-width:900px}.page-heading p{color:var(--muted);max-width:760px;margin:0}.catalog-layout{display:grid;grid-template-columns:215px 1fr;gap:40px}.side-nav{position:sticky;top:122px;align-self:start}.side-nav h3{font-size:13px;letter-spacing:0;text-transform:uppercase;margin-top:20px}.side-nav a{display:block;font-size:12px;padding:11px 0;border-bottom:1px solid var(--line);color:var(--muted)}.side-nav a:hover{color:var(--teal)}.catalog-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:26px}.search{border:1px solid var(--line);padding:13px 17px;width:100%;background:white}.filter{border:1px solid var(--line);background:white;padding:10px;max-width:220px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.result-count{font-size:12px;color:var(--muted);margin-bottom:20px}.empty{padding:35px;border:1px solid var(--line);color:var(--muted)}.detail-top{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.detail-photo{background:var(--paper);height:430px;display:flex;align-items:center;justify-content:center}.detail-photo img{width:78%;height:83%;object-fit:contain;mix-blend-mode:multiply}.detail-summary h1{font-size:46px}.detail-summary p{color:var(--muted)}.key-values{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:25px 0}.key-values>div{padding:16px 8px 16px 0;border-bottom:1px solid var(--line);font-size:13px}.key-values span{display:block;font-size:10px;color:var(--teal);text-transform:uppercase;letter-spacing:1px}.detail-content{display:grid;grid-template-columns:1.4fr 1fr;gap:75px;margin-top:65px}.detail-content h2{font-size:27px}.detail-content ul{padding-left:20px;color:var(--muted);font-size:14px}.spec-table{width:100%;border-collapse:collapse;font-size:13px}.spec-table th,.spec-table td{text-align:left;padding:13px;border:1px solid var(--line)}.spec-table th{background:var(--paper);font-weight:500}.note{font-size:12px;color:var(--muted);border-left:2px solid var(--teal);padding-left:16px;margin-top:20px}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:600;font-size:15px}details p{margin:14px 0 0;color:var(--muted);font-size:14px}.quote-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.form-box{background:var(--paper);padding:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:12px;font-weight:600}input,select,textarea{color:var(--ink);border:1px solid #cbd7dc;background:white;padding:12px;width:100%;margin-top:8px;border-radius:0}textarea{min-height:130px;resize:vertical}.full{grid-column:1/-1}.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;font-weight:400}.check input{width:auto;margin-top:5px}.preview-notice{background:#fff5e4;border:1px solid #eddbb9;padding:14px 18px;font-size:12px;color:#70522b;margin-bottom:25px}.status{font-size:13px;color:var(--teal);margin-top:15px}.inquiry-list{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between;gap:15px}.remove{border:0;background:none;color:var(--teal);font-size:12px}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:16px 24px;background:var(--navy);color:white;font-size:13px;z-index:70;box-shadow:0 5px 20px #0002}.prose{max-width:820px}.prose h2{font-size:27px;margin-top:35px}.prose p,.prose li{color:var(--muted)}.resource{padding:25px 0;border-top:1px solid var(--line);display:flex;gap:35px;justify-content:space-between;align-items:center}.resource h3{font-size:20px;margin-bottom:10px}.resource p{font-size:13px;color:var(--muted);margin:0}[hidden]{display:none!important}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.links{gap:17px}.brand{width:185px}.brand img{width:245px;left:-26px;top:-24px}.hero-copy{padding-right:25px}.hero-grid{min-height:550px}.hero-visual{min-height:500px}.hero-visual:before{width:300px;height:300px}.catalog-layout{grid-template-columns:170px 1fr;gap:25px}.about-split{gap:45px}.detail-top{gap:35px}.nav{gap:15px}.links a{font-size:12px}.nav>.btn{padding:12px 15px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topbar .wrap{font-size:9px}.topbar .wrap span:last-child{display:none}.nav{height:80px}.brand{width:183px;height:61px}.brand img{width:245px;top:-23px}.nav>.btn{margin-left:auto;font-size:11px;padding:10px 12px}.menu{display:block}.links{display:none;position:absolute;left:0;right:0;top:80px;background:white;padding:24px;box-shadow:0 15px 15px #0001}.links.open{display:flex;flex-direction:column;align-items:start}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:48px 0 35px}.hero h1{font-size:45px}.hero-copy>p{font-size:15px}.hero-note{margin-top:25px}.hero-visual{min-height:350px;border-left:0}.hero-visual img{max-height:235px;width:65%}.visual-code{top:18px;left:18px;font-size:9px}.visual-bottom{left:18px;right:18px;bottom:18px}.strip .wrap{grid-template-columns:1fr;gap:9px;padding:20px 0;font-size:12px}.section{padding:53px 0}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:20px}.division-grid,.grid,.about-split,.detail-top,.detail-content,.quote-layout{grid-template-columns:1fr}.division-image{height:220px}.division-text{padding:24px}.grid{gap:18px}.product-image{height:230px}.about-split{gap:30px}.applications{grid-template-columns:1fr 1fr}.application{border-bottom:1px solid var(--line);padding:22px 16px}.application:nth-child(2){border-right:0}.application .index{margin-bottom:15px}.cta{display:block;padding:27px}.cta .btn{margin-top:25px}.cta h2{font-size:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}.page-heading h1{font-size:37px}.page-heading{padding-bottom:36px}.catalog-layout{grid-template-columns:1fr}.side-nav{display:none}.catalog-grid{grid-template-columns:1fr}.catalog-toolbar{flex-direction:column}.filter{max-width:none}.detail-top{gap:30px}.detail-photo{height:300px}.detail-summary h1{font-size:37px}.detail-content{gap:30px;margin-top:35px}.form-box{padding:22px}.form-grid{grid-template-columns:1fr}.resource{align-items:start;flex-direction:column;gap:18px}.quote-layout{gap:30px}.hero-note{font-size:10px}}

/* Keep the selected logo fully visible at each navigation size. */
.brand{width:225px;height:72px}.brand img{width:285px;left:-30px;top:-32px}@media(max-width:1050px){.brand{width:185px;height:66px}.brand img{width:230px;left:-25px;top:-25px}}

@media(max-width:480px){.nav{gap:8px}.brand{width:140px;height:56px}.brand img{width:178px;left:-19px;top:-18px}.nav>.btn{font-size:10px;padding:9px 10px;gap:8px}.menu{padding:7px 10px}.hero h1{font-size:38px}.hero-copy{padding-top:38px}}

.hero h1{font-size:clamp(38px,3.7vw,54px)}@media(max-width:760px){.hero h1{font-size:42px}}@media(max-width:480px){.hero h1{font-size:38px}}