/* HM DECANTER — V1 / custom, dependency-free CSS */
:root{--ink:#102a39;--navy:#061c29;--navy2:#0c2b3a;--deep:#041520;--cyan:#059ab9;--cyan2:#25c4dc;--mint:#b0edf0;--paper:#f5f8f9;--white:#fff;--muted:#627582;--line:#dce5e8;--silver:#d5e2e7;--max:1200px;--head:clamp(2.9rem,5.5vw,5.55rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.62}::selection{background:#a9e7ed;color:#062230}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #42c1d1;outline-offset:3px}img,svg{max-width:100%}img{display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.1}h1{font-size:var(--head);font-weight:750}h2{font-size:clamp(2rem,3.4vw,3.65rem);font-weight:740}h3{font-size:1.32rem;font-weight:720}p{color:var(--muted)}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:-999px;top:10px;background:#fff;color:#102b39;padding:12px;z-index:100}.skip:focus{left:10px}.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:.71rem;letter-spacing:.2em;font-weight:790;text-transform:uppercase;color:var(--cyan)}.eyebrow:before{content:"";width:25px;height:2px;background:currentColor}.eyebrow.light{color:#73d9e6}.pill{border:1px solid #cbe0e5;padding:7px 13px;border-radius:100px;font-size:.75rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:52px;padding:13px 23px;border-radius:5px;border:1px solid transparent;font-size:.86rem;letter-spacing:.015em;font-weight:760;transition:transform .2s ease,background .2s ease,border .2s ease,box-shadow .2s ease;white-space:normal;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--cyan2);color:#042331}.btn-primary:hover{background:#75dce6;box-shadow:0 10px 24px #03151b22}.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:#184356}.btn-outline{border-color:#a5c6d0;color:#e7f7f9;background:transparent}.btn-outline:hover{border-color:#70d6e3;background:#1c43523d}.btn-light{background:white;color:#0a3140}.btn-ghost{color:var(--navy);border-color:#c7d8dd;background:transparent}.btn-ghost:hover{background:#e9f4f6}.arrow{font-size:1.2rem;line-height:1}.section{padding:108px 0}.section-intro{max-width:760px;margin-bottom:48px}.section-intro p{font-size:1.06rem;max-width:620px}.section-intro h2{margin:14px 0 19px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:42px}.section-head h2{margin:12px 0 0}.tag{font-size:.69rem;letter-spacing:.13em;font-weight:780;text-transform:uppercase}.dim{color:#a6c3cb}.muted{color:var(--muted)}.b-line{border-top:1px solid var(--line)}
/* chrome */
.top-strip{background:#041824;color:#adc4cd;font-size:.73rem;font-weight:650;letter-spacing:.015em}.top-strip-inner{height:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-strip a:hover{color:white}.top-strip .right{display:flex;gap:25px}.top-dot{display:inline-block;width:6px;height:6px;background:#33bacc;border-radius:50%;margin-right:7px;vertical-align:middle}.site-header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #e7edf0;box-shadow:0 3px 22px #081f2f08}.head-inner{height:82px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{flex-shrink:0;display:inline-flex;align-items:center;color:#122d3d}.brand img{width:245px;height:auto}.nav{display:flex;align-items:center;gap:27px;margin-left:auto}.nav a{font-size:.78rem;font-weight:770;letter-spacing:.015em;padding:9px 0;position:relative}.nav a:after{content:"";position:absolute;bottom:3px;left:0;right:100%;height:2px;background:var(--cyan);transition:right .2s}.nav a:hover:after,.nav a[aria-current=page]:after{right:0}.head-cta{padding:12px 18px;min-height:44px;font-size:.78rem}.nav-toggle{display:none;background:#edf4f5;border:0;border-radius:5px;width:45px;height:45px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.nav-toggle span{display:block;width:19px;height:2px;background:#112b3c;transition:transform .2s}.float-wa{position:fixed;right:23px;bottom:22px;z-index:35;display:flex;align-items:center;gap:9px;background:#1b9d72;color:#fff;box-shadow:0 12px 35px #0e29344a;border-radius:99px;padding:12px 17px;font-size:.75rem;font-weight:800;transition:transform .2s}.float-wa:hover{transform:translateY(-3px)}.float-wa svg{width:19px;height:19px;fill:currentColor}
/* hero */
.hero{background:radial-gradient(ellipse at 76% 23%,#154a5a 0%,transparent 36%),linear-gradient(117deg,#061c29 5%,#072735 66%,#0c3645 100%);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";inset:0;position:absolute;pointer-events:none;background-image:linear-gradient(#87c7d310 1px,transparent 1px),linear-gradient(90deg,#87c7d310 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to right,transparent 18%,black)}.hero:after{content:"";position:absolute;width:820px;height:820px;border:1px solid #7ec4d417;border-radius:50%;right:-250px;top:-340px;box-shadow:0 0 0 105px #69b8c108,0 0 0 210px #69b8c106;pointer-events:none}.hero .wrap{position:relative;z-index:2}.hero-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:10px;align-items:center;min-height:648px;padding-top:45px}.hero-copy{padding:54px 0 85px;position:relative;z-index:3}.hero h1{font-size:clamp(3.15rem,5vw,5.05rem);max-width:720px;margin:23px 0 25px;line-height:1.06}.hero h1 em{color:#83e0e9;font-style:normal}.hero .lead{font-size:1.08rem;color:#b6d0d8;max-width:520px;margin-bottom:34px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-art{position:relative;margin-right:-100px;align-self:stretch;display:flex;align-items:center;justify-content:center}.hero-art:before{content:"";position:absolute;width:66%;height:45%;background:#219cb02e;filter:blur(95px);border-radius:50%;top:25%;left:20%}.hero-art img{width:100%;min-width:710px;position:relative;filter:drop-shadow(0 25px 38px #0006)}.hero-art .stamp{position:absolute;bottom:82px;right:85px;background:#0d3241dd;border:1px solid #7fc9d455;padding:13px 18px;color:#95d9e2;font-size:.66rem;letter-spacing:.15em;font-weight:750;text-transform:uppercase;backdrop-filter:blur(15px)}.hero-quick{border-top:1px solid #a9d9e627;display:grid;grid-template-columns:repeat(3,1fr);padding:21px 0 24px;gap:28px}.hero-quick>div{display:flex;gap:12px;align-items:center;color:#d3e5e9;font-size:.82rem;font-weight:700}.hero-quick b{color:#48bacc;font-size:1.45rem;font-weight:450}.hero-quick>div:not(:last-child){border-right:1px solid #98becc36}
/* logo compatibility */
.compat{background:#f4f8f9;border-bottom:1px solid #e8eff1}.compat-inner{display:flex;align-items:center;gap:46px;padding:23px 0}.compat-kicker{font-size:.68rem;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;font-weight:810;max-width:200px;color:#6b8089;flex-shrink:0}.compat-brands{display:flex;flex-wrap:wrap;gap:17px 31px;align-items:center;color:#5a7180;font-size:.84rem;font-weight:800;letter-spacing:-.025em}.compat small{font-size:.64rem;color:#96a6ae;display:block;padding:0 0 13px}
/* cards */
.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.service-card{position:relative;min-height:345px;padding:31px 27px 25px;background:#f5f8f9;border:1px solid #e2eced;display:flex;flex-direction:column;transition:background .25s,border .25s,transform .25s,box-shadow .25s;overflow:hidden}.service-card:hover{background:#fff;border-color:#b1dbe1;box-shadow:0 16px 35px #0d2f3d11;transform:translateY(-6px)}.service-card:before{content:"";position:absolute;left:-20px;right:-20px;bottom:-90px;height:180px;background:radial-gradient(ellipse,#cbe8ec86,transparent 70%);pointer-events:none}.service-card .number{font-size:.68rem;color:#7f969f;letter-spacing:.17em;font-weight:850}.svc-icon{display:flex;justify-content:center;align-items:center;width:60px;height:60px;background:#e0f2f4;color:#0d7287;margin:35px 0 23px;border-radius:50%}.svc-icon svg{width:28px;height:28px}.service-card h3{margin-bottom:10px;font-size:1.2rem;letter-spacing:-.025em}.service-card p{font-size:.86rem;line-height:1.67;margin-bottom:25px}.service-card .more{margin-top:auto;font-size:.78rem;color:#0e7f93;font-weight:820}.more span{margin-left:8px}.section-soft{background:var(--paper)}
/* editorial story */
.editorial{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.editorial-visual{min-height:520px;background:linear-gradient(145deg,#123847,#071f2c);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.editorial-visual img{width:100%;height:100%;max-height:520px;object-fit:cover}.editorial-label{position:absolute;left:25px;bottom:22px;color:#afcbd4;font-size:.66rem;font-weight:800;letter-spacing:.15em;background:#092331c9;padding:10px 12px}.editorial-copy h2{margin:18px 0 23px}.editorial-copy p{font-size:1.01rem}.check-list{list-style:none;padding:0;margin:25px 0 32px;display:grid;gap:16px}.check-list li{display:flex;gap:13px;align-items:start;font-size:.89rem;font-weight:650}.check-list li:before{content:"✓";color:#028fa7;background:#e2f4f5;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:900}
/* product display */
.products-band{background:#071d2b;color:#fff;position:relative;overflow:hidden}.products-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 10%,#1c516238,transparent 45%)}.products-band .wrap{position:relative}.products-band p{color:#adc3ca}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.product-card{background:#102e3d;border:1px solid #3d647363;overflow:hidden;display:flex;flex-direction:column;transition:transform .24s,border .24s}.product-card:hover{transform:translateY(-6px);border-color:#5eb6c5}.product-visual{min-height:245px;display:flex;justify-content:center;align-items:center;position:relative;background:radial-gradient(ellipse at 45% 40%,#3b677a66,transparent 65%),repeating-linear-gradient(0deg,transparent 0px,transparent 52px,#9cdae509 53px);padding:5px 13px}.product-visual img{width:100%;height:235px;object-fit:contain}.product-copy{padding:25px 26px 28px}.product-copy .tag{color:#75cdd9}.product-copy h3{margin:13px 0 10px;font-size:1.4rem}.product-copy p{font-size:.87rem;margin:0 0 23px}.product-copy a{font-size:.8rem;font-weight:820;color:#8de4ee}.product-card.light{background:#fff;border:1px solid #dce8ec;color:var(--ink)}.product-card.light .product-visual{background:linear-gradient(130deg,#f0f7f8,#e2ecef)}.product-card.light .product-copy p{color:#6d818b}.product-card.light .product-copy a{color:#047e93}.product-card.light .product-copy .tag{color:#168ca0}
/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{position:relative;padding:27px 18px 18px 0;border-top:2px solid #a6d7de}.step:before{content:"";width:9px;height:9px;border-radius:50%;background:#159eb2;position:absolute;top:-6px;left:0}.step .step-num{font-size:2.85rem;line-height:1;font-weight:780;letter-spacing:-.05em;color:#bdd5da}.step h3{margin:20px 0 12px;font-size:1.12rem}.step p{font-size:.88rem}
/* CTA */
.cta-panel{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;background:linear-gradient(120deg,#073443,#075164);color:#fff;padding:60px 70px;position:relative;overflow:hidden}.cta-panel:before{content:"";position:absolute;width:360px;height:360px;border:1px solid #65d6e43b;border-radius:50%;right:-100px;top:-150px;box-shadow:0 0 0 60px #80e4e30d,0 0 0 125px #80e4e309}.cta-panel>*{position:relative}.cta-panel h2{margin:12px 0 17px;font-size:clamp(2.2rem,3.4vw,3.6rem)}.cta-panel p{color:#b8dbe2;max-width:580px}.cta-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
/* footer */
.site-footer{background:#041925;color:#d1e2e7;margin-top:0}.footer-top{padding:66px 0 53px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:46px}.footer-logo{width:242px;filter:brightness(0) invert(1);opacity:.95}.footer-blurb{font-size:.85rem;color:#9eb7c1;max-width:280px;margin-top:21px}.site-footer h4{color:#fff;font-size:.73rem;letter-spacing:.13em;text-transform:uppercase;margin:9px 0 24px}.site-footer a{display:block;font-size:.84rem;color:#b8cdd4;margin:0 0 11px}.site-footer a:hover{color:#7bdce8}.site-footer .footer-contact a{word-break:break-word}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 0 22px;border-top:1px solid #9fc8d022;color:#8faab5;font-size:.71rem}.footer-bottom a{display:inline;margin:0;font-size:inherit}
/* internal page */
.page-banner{background:linear-gradient(112deg,#061c2b,#113e4d);color:#fff;padding:78px 0 80px;position:relative;overflow:hidden}.page-banner:after{content:"";position:absolute;right:-110px;top:-230px;border:1px solid #9bdce428;width:670px;height:670px;border-radius:50%;box-shadow:0 0 0 84px #9bdce40a,0 0 0 167px #9bdce409}.page-banner .wrap{position:relative;z-index:1}.crumb{font-size:.71rem;letter-spacing:.07em;color:#a7c3cd;margin-bottom:35px}.crumb a:hover{color:white}.page-banner h1{font-size:clamp(2.65rem,5vw,4.85rem);max-width:920px;margin:15px 0 22px}.page-banner p{max-width:640px;color:#b9d0d8;font-size:1.05rem}.intro-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.intro-split p{font-size:1rem}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card{border:1px solid #dce8ed;background:#fff;padding:34px 30px;min-height:230px}.info-card h3{margin:17px 0 12px}.info-card p{font-size:.87rem}.info-card .icnum{font-size:.74rem;font-weight:850;color:#168ea3;letter-spacing:.17em}.section-dark{background:#071d2b;color:#fff}.section-dark p{color:#b5c8d0}.service-long{display:grid;grid-template-columns:1fr 1fr;gap:23px}.long-card{background:#fff;border:1px solid #dce8ec;min-height:270px;padding:34px;display:flex;flex-direction:column}.long-card:hover{border-color:#83cbd5}.long-card .svc-icon{margin:0 0 25px;width:56px;height:56px}.long-card p{font-size:.88rem;max-width:465px}.long-card .bottom{margin-top:auto;padding-top:10px;color:#087e95;font-weight:820;font-size:.8rem}.long-card .tag{color:#96a9b1;margin-bottom:7px}.product-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}.filter-btn{border:1px solid #d3e4e7;background:#fff;padding:11px 17px;border-radius:4px;color:#4a6877;font-size:.8rem;font-weight:750}.filter-btn[aria-pressed=true],.filter-btn:hover{background:#0b3444;color:#fff;border-color:#0b3444}.catalog-note{background:#edf6f7;border-left:3px solid var(--cyan);padding:18px 23px;font-size:.86rem;color:#335364;margin:35px 0 0}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.case-card{border:1px solid #dce8eb;background:#fff;overflow:hidden}.case-visual{background:radial-gradient(circle at 48% 30%,#dbeaf0,#b8cdd6);height:240px;display:flex;align-items:center;justify-content:center}.case-visual img{width:90%;max-height:230px;object-fit:contain}.case-copy{padding:29px}.case-copy h3{margin:13px 0 13px}.case-copy p{font-size:.87rem}.case-copy a{font-size:.8rem;font-weight:810;color:#0f8093}.feature-box{border:1px solid #d9e5e9;background:#f2f8f9;padding:42px}.feature-box h3{font-size:1.65rem}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{border:1px solid #dfebed;padding:28px;background:#fff;min-height:300px;display:flex;flex-direction:column}.article-card .tag{color:#168da0}.article-card h3{line-height:1.25;margin:22px 0 13px}.article-card p{font-size:.86rem}.article-card a{margin-top:auto;color:#077d94;font-size:.8rem;font-weight:820}.article-body{max-width:810px;margin:0 auto}.article-body h2{font-size:1.85rem;margin:42px 0 17px}.article-body p,.article-body li{color:#425c69;font-size:1.04rem;line-height:1.85}.article-body ul{padding-left:22px}.article-body .callout{background:#edf7f8;padding:23px 28px;border-left:4px solid #16a0b5;margin:33px 0}.article-body .back{display:inline-flex;margin-bottom:20px;color:#0b8298;font-weight:750}.article-body .callout p{margin-bottom:0}
/* contact */
.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:start}.contact-method{padding:21px 0;border-bottom:1px solid #d8e4e8}.contact-method h3{font-size:.93rem;margin:0 0 8px}.contact-method a,.contact-method p{font-size:.91rem;margin:0;color:#466270}.contact-method a:hover{color:#1288a0}.form-panel{background:#f2f7f8;padding:36px;border:1px solid #dfe9eb}.form-panel h2{font-size:1.65rem;margin-bottom:9px}.form-panel .form-intro{font-size:.86rem;margin-bottom:24px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.span{grid-column:1/-1}.field label{font-size:.75rem;font-weight:790;color:#294657}.field input,.field textarea,.field select{width:100%;min-height:45px;padding:11px 13px;color:#153848;background:#fff;border:1px solid #c9dce1;border-radius:3px;outline-color:#18a2b5}.field textarea{min-height:110px;resize:vertical}.field .help{font-size:.71rem;color:#718895}.consent{font-size:.78rem;line-height:1.5;display:flex;gap:10px;align-items:start;margin:18px 0}.consent input{width:17px;height:17px;flex-shrink:0;margin-top:2px;accent-color:#148b9f}.consent a{color:#087c94;text-decoration:underline}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.form-actions small{font-size:.72rem;color:#6c828d;max-width:230px}.hidden-bot{position:absolute;left:-9999px;opacity:0;pointer-events:none}.form-msg{min-height:20px;font-size:.8rem;color:#14687b;padding-top:8px}.contact-map{border:1px solid #d7e6e9;background:linear-gradient(125deg,#eaf4f6,#dcecef);padding:45px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.contact-map h3{font-size:1.5rem}.contact-map p{max-width:600px;font-size:.91rem}.legal h2{font-size:1.55rem}.legal p,.legal li{font-size:.95rem;line-height:1.8}.notfound{min-height:50vh;padding:100px 0;text-align:center}.notfound h1{font-size:5rem;color:#13a2b6}
/* motion */
@media(prefers-reduced-motion:no-preference){.fade-up{animation:up .65s ease both}.fade-up.delay{animation-delay:.16s}@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1100px){.nav{gap:15px}.nav a{font-size:.72rem}.brand img{width:205px}.head-cta{padding-inline:14px}.hero-art{margin-right:-45px}.hero-art img{min-width:600px}.hero-grid{grid-template-columns:.98fr 1fr}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:295px}.editorial{gap:42px}.footer-top{gap:22px}}
@media(max-width:900px){.wrap{width:min(var(--max),calc(100% - 42px))}.top-strip .right{gap:14px}.head-inner{height:70px}.nav-toggle{display:flex;margin-left:auto}.nav{display:none;position:absolute;left:0;right:0;top:70px;padding:17px 22px 25px;background:white;box-shadow:0 24px 38px #03182420;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{font-size:.95rem;padding:13px 8px;border-bottom:1px solid #e9f0f3}.nav a:after{display:none}.head-cta{display:none}.hero-grid{grid-template-columns:1fr;min-height:unset;padding:0;gap:0}.hero-copy{padding:78px 0 10px}.hero h1{max-width:720px}.hero-art{height:370px;margin:0 -30px}.hero-art img{min-width:0;max-width:700px;width:100%;height:auto}.hero-art .stamp{right:40px;bottom:15px}.hero-quick{gap:13px}.compat-inner{gap:22px}.editorial{grid-template-columns:1fr}.editorial-visual{min-height:420px}.editorial-visual img{max-height:450px}.product-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.product-grid .product-card:last-child{grid-column:1/-1}.steps{grid-template-columns:repeat(2,1fr);gap:35px}.cta-panel{grid-template-columns:1fr;padding:52px;gap:15px}.cta-actions{justify-content:flex-start}.footer-top{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:45px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.top-strip-inner{height:31px}.top-strip .right a:last-child{display:none}.top-strip{font-size:.64rem}.brand img{width:199px}.head-inner{height:67px}.nav{top:67px}.section{padding:70px 0}.section-head{align-items:start;flex-direction:column}.section-head .btn{margin-top:2px}.hero-copy{padding-top:63px}.hero h1{font-size:clamp(2.8rem,11.8vw,4rem)}.hero .lead{font-size:.96rem}.hero-art{height:275px;margin:0 -47px}.hero-art img{width:calc(100% + 100px)}.hero-art .stamp{display:none}.hero-quick{padding:18px 0;grid-template-columns:1fr;gap:10px}.hero-quick>div{font-size:.76rem;border-right:none!important}.hero-quick b{font-size:1.1rem}.hero-actions .btn{width:100%}.compat-inner{display:block;padding:23px 0 12px}.compat-kicker{max-width:none;margin-bottom:16px}.compat-brands{gap:10px 18px;font-size:.75rem}.services-grid,.product-grid,.article-grid,.service-long,.info-cards,.case-grid{grid-template-columns:1fr}.product-grid .product-card:last-child{grid-column:auto}.service-card{min-height:280px;padding:24px}.svc-icon{margin:25px 0 18px}.editorial{gap:27px}.editorial-visual{min-height:300px}.editorial-visual img{height:300px}.section-intro{margin-bottom:32px}.section-intro h2{margin-top:12px}.product-visual{min-height:230px}.steps{gap:24px}.step .step-num{font-size:2.4rem}.step p{font-size:.82rem}.cta-panel{padding:37px 26px}.cta-actions .btn{width:100%}.footer-top{grid-template-columns:1fr;gap:20px;padding:52px 0 32px}.footer-top>div:not(:first-child){border-top:1px solid #8abac524;padding-top:10px}.site-footer h4{margin-bottom:15px}.footer-bottom{flex-direction:column}.page-banner{padding:57px 0}.page-banner .crumb{margin-bottom:20px}.page-banner h1{font-size:clamp(2.55rem,10vw,3.6rem)}.intro-split{grid-template-columns:1fr;gap:12px}.feature-box{padding:26px}.contact-grid{gap:30px}.form-panel{padding:22px 17px}.fields{grid-template-columns:1fr}.contact-map{grid-template-columns:1fr;padding:26px}.float-wa{right:12px;bottom:12px;padding:12px}.float-wa span{display:none}.article-body p,.article-body li{font-size:.96rem}.article-body h2{font-size:1.5rem}}

/* Garantir que filtros funcionem mesmo com cards flex. */
[hidden]{display:none!important}

/* v1.1: integração fiel do logotipo oficial HM Decanter, 1272x568 (fundo branco). */
.site-header{background:#fff}
.head-inner{height:105px}
.brand{background:#fff;line-height:0}
.brand img{display:block;width:213px;max-width:100%;height:auto;aspect-ratio:1272/568;object-fit:contain}
.footer-top>div:first-child>a{display:inline-flex;align-items:center;padding:5px 9px;background:#fff;border-radius:5px;width:max-content;max-width:100%}
.footer-logo{display:block;width:225px;height:auto;aspect-ratio:1272/568;filter:none;opacity:1}
@media(max-width:1100px){.brand img{width:190px}}
@media(max-width:900px){.head-inner{height:94px}.nav{top:94px}.brand img{width:190px}}
@media(max-width:600px){.head-inner{height:84px}.nav{top:84px}.brand img{width:174px}.footer-logo{width:215px}}
/* Faixa superior não disputa espaço com telefone nas telas estreitas. */
@media(max-width:600px){
  .top-strip-inner{height:32px}
  .top-strip-inner>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .top-strip .right{display:none}
}

/* ================================================================
   HM DECANTER V2 · Fotografia de produto, galeria e novo hero editorial
   ================================================================ */
:root{--cyan:#0b9eb8;--cyan2:#22c3dc}
.hero{background:radial-gradient(ellipse at 70% 45%,#12465b 0%,transparent 51%),linear-gradient(110deg,#061b2a 0%,#072635 68%,#0b3d4b 100%)}
.hero-grid{grid-template-columns:.95fr 1.05fr;gap:60px;min-height:660px;padding:55px 0 55px}
.hero-copy{padding:30px 0 36px}
.hero h1{font-size:clamp(3rem,4.75vw,4.6rem);max-width:600px;line-height:1.055;margin-bottom:23px}
.hero .lead{font-size:1.02rem;max-width:510px;line-height:1.8}
.hero-support{font-size:.63rem!important;font-weight:800;letter-spacing:.19em;color:#78adb9!important;margin:36px 0 0}
.hero-art{margin-right:0!important;min-height:575px;display:flex;align-items:stretch;justify-content:center}
.hero-art:before{display:none}
.hero-studio{width:100%;min-width:0;height:580px;align-self:center;position:relative;overflow:hidden;border:1px solid #ffffff2a;border-radius:8px;background:radial-gradient(circle at 55% 25%,#fff 0%,#f0f3f5 58%,#dce5e8 100%);box-shadow:0 42px 70px #0004,0 0 0 6px #ffffff09}
.hero-studio:before{content:"";position:absolute;inset:18px;border:1px solid #94aeb721;pointer-events:none;z-index:1}
.hero-studio img{width:100%!important;max-width:none!important;min-width:0!important;height:100%!important;padding:42px 15px 25px;object-fit:contain;filter:none!important;display:block}
.studio-top{position:absolute;z-index:2;top:21px;left:30px;right:30px;display:flex;justify-content:space-between;gap:10px;font-size:.64rem;font-weight:840;letter-spacing:.17em;color:#537581}
.studio-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0;display:flex;align-items:end;justify-content:space-between;padding:34px 30px 21px;background:linear-gradient(to top,#dce9edfa 0%,#e1ebefdd 58%,transparent 100%);color:#254857;font-size:.72rem;line-height:1.55}
.studio-bottom b{font-size:.65rem;letter-spacing:.14em;color:#0d7088}
.studio-index{font-weight:800;letter-spacing:.17em;font-size:.65rem}
.hero-quick{border-top-color:#b5e4ed29}
.editorial-photo{background:radial-gradient(circle at 50% 35%,#fff,#dfe9ed 75%);border:1px solid #dde6e9}
.editorial-photo img{object-fit:contain!important;padding:18px 15px;width:100%;height:100%;max-height:520px}
.editorial-photo .editorial-label{color:#d3f4f8}
.products-band .product-visual{background:#eff4f5;min-height:255px;padding:14px}
.products-band .product-visual img{height:235px;object-fit:contain}
.product-card.light .product-visual{background:#eff3f5}
.product-card .product-visual img[src$=".webp"]{mix-blend-mode:multiply}
.visual-disclaimer{font-size:.77rem;line-height:1.7;color:#6b7e89;margin:23px 0 0;max-width:900px}
.visual-disclaimer.on-dark{color:#b0c8d0}
.home-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gallery-feature{position:relative;display:flex;align-items:center;justify-content:center;height:375px;overflow:hidden;background:radial-gradient(circle at 42% 23%,#fff,#e4ebef 90%);border:1px solid #dce6e9;transition:transform .25s,box-shadow .25s,border-color .25s}
.gallery-feature:hover{transform:translateY(-5px);box-shadow:0 22px 40px #042c3b18;border-color:#8fcbd6}
.gallery-feature img{width:100%;height:100%;object-fit:contain;padding:22px 20px 65px;mix-blend-mode:multiply}
.gallery-feature span{position:absolute;z-index:1;left:23px;bottom:21px;right:18px;display:flex;flex-direction:column;gap:1px;color:#123747}
.gallery-feature span b{font-size:1.01rem}
.gallery-feature span small{font-size:.73rem;color:#64808b}
.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.gallery-heading>div{max-width:770px}
.gallery-heading h2{margin:14px 0}
.gallery-heading p{margin:0;font-size:1rem}
.gallery-count{border:1px solid #d7e3e8;padding:9px 15px;font-weight:850;font-size:.72rem;letter-spacing:.1em;color:#5a7682;white-space:nowrap}
.equipment-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.gallery-card{background:#fff;border:1px solid #dce7eb;min-width:0}
.gallery-card.wide{grid-column:span 2}
.gallery-image{display:block;width:100%;height:390px;position:relative;border:0;background:radial-gradient(circle at 48% 25%,white,#e2e9ed 88%);padding:0;overflow:hidden}
.gallery-image img{width:100%;height:100%;object-fit:contain;padding:23px 24px 15px;mix-blend-mode:multiply;transition:transform .3s}
.gallery-image:hover img{transform:scale(1.045)}
.zoom-hint{position:absolute;right:15px;bottom:16px;padding:8px 11px;font-size:.66rem;font-weight:850;letter-spacing:.11em;color:#124253;background:#fff;border:1px solid #deeaec}
.gallery-caption{padding:22px 23px 25px}
.gallery-caption span{color:#0888a2;font-weight:830;font-size:.68rem;letter-spacing:.14em}
.gallery-caption h3{margin:8px 0 0;font-size:1.18rem}
.gallery-dialog{width:min(900px,calc(100% - 26px));max-width:900px;max-height:94dvh;overflow:auto;border:none;border-radius:6px;background:#f6f9fa;padding:21px;box-shadow:0 30px 120px #0007}
.gallery-dialog::backdrop{background:#051826c9}
.gallery-dialog img{width:100%;max-height:78dvh;object-fit:contain}
.gallery-dialog p{display:none}
.gallery-close{position:absolute;right:18px;top:17px;border:0;border-radius:50%;background:#062a3b;color:#fff;font-size:2rem;line-height:36px;height:38px;width:38px;z-index:3}
@media(max-width:1100px){
 .hero-grid{gap:30px;grid-template-columns:1fr 1fr}
 .hero-studio{height:525px}
 .hero h1{font-size:clamp(2.7rem,4.8vw,4.5rem)}
}
@media(max-width:900px){
 .hero-grid{grid-template-columns:1fr;gap:8px;padding:20px 0 42px}
 .hero-copy{padding:49px 0 30px}
 .hero-art{height:auto;min-height:0;margin:0!important;align-self:center}
 .hero-studio{height:460px;width:min(100%,620px)}
 .hero-studio img{height:100%!important;width:100%!important;padding:42px 24px 20px}
 .hero h1{font-size:clamp(3rem,6.8vw,5.2rem);max-width:740px}
 .home-gallery{gap:12px}
 .gallery-feature{height:310px}
 .gallery-image{height:330px}
 .editorial-photo img{max-height:none}
}
@media(max-width:600px){
 .hero-grid{padding:7px 0 20px;gap:16px}
 .hero-copy{padding:53px 0 0}
 .hero h1{font-size:clamp(2.7rem,10.4vw,3.75rem);margin:18px 0 20px}
 .hero-support{line-height:1.7;letter-spacing:.12em;margin:24px 0 0}
 .hero-art{margin:0!important;height:auto;min-height:0}
 .hero-studio{height:350px;width:100%;border-radius:5px}
 .hero-studio img{width:100%!important;height:100%!important;padding:36px 12px 18px}
 .studio-top{left:17px;right:17px;top:13px;font-size:.55rem}
 .studio-bottom{padding:22px 16px 12px;font-size:.65rem}
 .studio-bottom b{font-size:.55rem}
 .gallery-heading{display:block}
 .gallery-count{display:inline-block;margin-top:19px}
 .home-gallery{grid-template-columns:1fr;gap:16px}
 .gallery-feature{height:335px}
 .equipment-gallery{grid-template-columns:1fr;gap:18px}
 .gallery-card.wide{grid-column:auto}
 .gallery-image{height:365px}
 .gallery-dialog{padding:10px}
 .gallery-close{right:12px;top:12px}
}

/* V2.3: evite sobreposicao da faixa superior nos tablets */
@media (min-width:601px) and (max-width:900px){.top-strip .right a:last-child{display:none}}


/* HM DECANTER V2.3 — NOVA PALETA DE FUNDOS (09/10/2026)
   Baseada no azul-petroleo da secao "Seu equipamento precisa de atencao?".
   Areas de leitura, cartoes e navegacao permanecem claras para preservar contraste.
*/
:root {
  --hm-fundo-petroleo: #073d4d;
  --hm-fundo-petroleo-escuro: #073544;
  --hm-fundo-petroleo-claro: #0c566b;
}
body { background: var(--hm-fundo-petroleo); }
main { background: #fff; }
.hero {
  background: radial-gradient(ellipse at 78% 22%, #0e5a6c 0%, transparent 42%),
              linear-gradient(112deg, #073544 0%, #073d4d 62%, #0c566b 100%);
}
.page-banner {
  background: linear-gradient(112deg, #073544 0%, #073d4d 60%, #0c566b 100%);
}
.section-dark { background: #073d4d; }
.cta-panel {
  background: linear-gradient(120deg, #073d4d 0%, #08495c 70%, #0c566b 100%);
}
.site-footer { background: #073544; }


/* ==============================================================
   HM Decanter V2.3 - Fundo azul-petroleo nas SECOES CLARAS
   Cor principal baseada na referencia visual enviada pela HM.
   O cabecalho com o logotipo e as vitrines de fotografias
   permanecem claros intencionalmente para legibilidade.
   =============================================================== */
:root {
  --hm-page: #074354;
  --hm-page-soft: #0a4d60;
  --hm-panel: #0a5063;
  --hm-panel-hover: #116176;
  --hm-border-light: #2b7285;
  --hm-title-on-dark: #f5fcff;
  --hm-copy-on-dark: #c9e2e8;
  --hm-accent-light: #87e6ef;
}

/* Substituir o branco do corpo e das secoes de conteudo. */
html, body, main { background: var(--hm-page); }
main > .section:not(.products-band):not(.section-dark) {
  background: var(--hm-page);
  color: var(--hm-title-on-dark);
}
main > .section.section-soft { background: var(--hm-page-soft); }
main > .section:not(.products-band):not(.section-dark) :is(h1,h2,h3,h4) {
  color: var(--hm-title-on-dark);
}
main > .section:not(.products-band):not(.section-dark) :is(p,li),
main > .section:not(.products-band):not(.section-dark) .muted {
  color: var(--hm-copy-on-dark);
}
main > .section:not(.products-band):not(.section-dark) .eyebrow {
  color: #83e2f0;
}
main > .section:not(.products-band):not(.section-dark) .tag {
  color: #a5d4df;
}
main > .compat {
  background: #0a4d60;
  color: var(--hm-title-on-dark);
  border-bottom-color: #3a819052;
}
.compat-kicker, .compat-brands { color: #e1f4f7; }
.compat small { color: #b2d1d8; }

/* Cartoes antes quase brancos: agora petroleo em dois niveis. */
.service-card,
.info-card,
.long-card,
.article-card,
.case-card,
.product-card.light {
  background: var(--hm-panel);
  border-color: var(--hm-border-light);
  color: var(--hm-title-on-dark);
}
.service-card:hover,
.long-card:hover,
.article-card:hover,
.case-card:hover,
.product-card.light:hover {
  background: var(--hm-panel-hover);
  border-color: #6acbd9;
  box-shadow: 0 18px 35px #03222d40;
}
.service-card:before { background: radial-gradient(ellipse,#4ab9ca20,transparent 70%); }
.service-card .number, .long-card .tag { color: #aad4dc; }
.service-card .more, .long-card .bottom,
.article-card a, .case-copy a,
.product-card.light .product-copy a { color: #9cf2f7; }
.service-card .svc-icon, .long-card .svc-icon {
  background: #cff2f4;
  color: #086176;
}
.info-card .icnum, .article-card .tag, .product-card.light .product-copy .tag {
  color: #8fe4ef;
}
.product-card.light .product-copy { color: #f4fcff; }
.product-card.light .product-copy p { color: #c9e2e8; }
/* Fotografias de equipamentos devem manter superficie neutra,
   evitando tingir os produtos e o logotipo. */
.product-card.light .product-visual,
.product-card.light .product-visual img,
.editorial-photo,
.hero-studio,
.gallery-image,
.gallery-feature,
.case-visual { color: #123747; }

/* Galeria: fundo/caption escuros, vitrine fotografica neutra. */
.gallery-card {
  background: var(--hm-panel);
  border-color: var(--hm-border-light);
  color: #f4fcff;
}
.gallery-caption h3 { color: #f4fcff; }
.gallery-caption span { color: #88e3ee; }
.gallery-heading p { color: var(--hm-copy-on-dark); }
.gallery-count { color: #e9f8fa; border-color: #70b4c071; }
.gallery-feature span, .gallery-feature span b { color: #123747; }
.gallery-feature span small { color: #5b7682; }

/* Componentes de apoio das paginas internas. */
.feature-box,
.catalog-note,
.article-body .callout,
.contact-map,
.form-panel {
  background: #0b5062;
  border-color: #368294;
  color: #effaff;
}
.catalog-note { border-left-color: #70dce8; color: #e2f6f9; }
.article-body p, .article-body li, .article-body .callout p,
.contact-method a, .contact-method p,
.contact-map p, .form-panel .form-intro {
  color: var(--hm-copy-on-dark);
}
.article-body .back, .consent a, .contact-method a:hover {
  color: #9de9f2;
}
.field label { color: #f2fbfd; }
.field .help, .form-actions small { color: #bcdae1; }
.field input, .field textarea, .field select {
  background: #f8fcfd;
  color: #123847;
  border-color: #b9d7df;
}
.form-msg { color: #a3f2ec; }
.contact-method { border-bottom-color: #38849769; }

/* Navegacao e filtros em fundos escuros. */
main .btn-ghost {
  color: #f1fcfe;
  border-color: #83c4d0;
  background: transparent;
}
main .btn-ghost:hover { color: #fff; background: #175f72; }
.filter-btn {
  color: #e9f8fa;
  background: #0a4f62;
  border-color: #3b8a9b;
}
.filter-btn:hover, .filter-btn[aria-pressed=true] {
  color: #04303d;
  background: #8ce7ec;
  border-color: #8ce7ec;
}
main .pill { border-color: #76c2ce; color: #ebfaff; }

/* Politica de privacidade: sumario com estilos inline na pagina. */
main .legal nav[aria-label] {
  background: #0a5062 !important;
  border-color: #3b8192 !important;
  color: #f4fcff;
}
main .legal nav[aria-label] a { color: #b1f1f5 !important; }
main .legal > p[style] { color: #c9e2e8 !important; }

/* Mobile: as mesmas cores, sem alterar layout ou espacamentos. */
@media (max-width: 600px) {
  .service-card, .info-card, .long-card, .article-card,
  .case-card, .product-card.light { border-color: #3e8b9c; }
}


/* ===============================================================
   HM DECANTER - CABECALHO PETROLEO (09/10/2026)
   Faixa superior que estava branca: fundo azul-petroleo.
   Logo oficial preservado, com pequeno suporte branco porque o
   arquivo de imagem original possui fundo branco integrado.
   =============================================================== */
.site-header {
  background: #074354;
  border-bottom: 1px solid #2a7384;
  box-shadow: 0 6px 20px rgba(2, 23, 34, .18);
}
.site-header .brand {
  background: #ffffff;
  padding: 4px 9px;
  border-radius: 7px;
  box-shadow: 0 2px 10px rgba(2, 19, 27, .13);
}
.site-header .nav a {
  color: #e8f8fb;
}
.site-header .nav a:hover,
.site-header .nav a[aria-current="page"] {
  color: #ffffff;
}
.site-header .nav a:after {
  background: #58d5e5;
}
.site-header .head-cta {
  color: #032c3b;
  background: #34c6db;
  border-color: #34c6db;
}
.site-header .head-cta:hover {
  color: #032c3b;
  background: #7de5ed;
  border-color: #7de5ed;
}
.site-header .nav-toggle {
  background: #0d596e;
  border: 1px solid #6dbbc9;
}
.site-header .nav-toggle span {
  background: #ffffff;
}
@media (max-width: 900px) {
  .site-header .nav {
    background: #074354;
    border-top: 1px solid #2a7384;
    box-shadow: 0 22px 34px rgba(0, 16, 27, .28);
  }
  .site-header .nav a {
    border-bottom-color: #357b8e;
  }
}
@media (max-width: 600px) {
  .site-header .brand {padding: 4px 6px; border-radius: 5px;}
}


/* HM Decanter • marca integrada ao cabeçalho azul-petróleo, 09/10/2026.
   A imagem oficial foi exportada com transparência e DECANTER em branco. */
.site-header .brand {
  background: transparent;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}
.site-header .brand img {
  filter: drop-shadow(0 1px 2px rgba(0, 15, 23, .12));
}


/* ===============================================================
   HM DECANTER — V2.4 / PRÉVIA INDUSTRIAL ESCURO REFINADO
   Redesign de densidade visual: preserva o azul-petróleo.
   O bloco abaixo pode ser removido para voltar à identidade V2.3.
   =============================================================== */
:root {
  --max: 1160px;
  --head: clamp(2.75rem, 4.15vw, 3.85rem);
  --hm-page: #073d4e;
  --hm-page-soft: #0a4859;
  --hm-panel: #0b4d5e;
  --hm-panel-hover: #115568;
  --hm-border-light: rgba(137, 201, 211, .24);
  --hm-title-on-dark: #f5fcfd;
  --hm-copy-on-dark: #d0e5e9;
}
body { line-height: 1.57; }
h1,h2,h3 { letter-spacing: -.033em; line-height: 1.13; }
h2 { font-size: clamp(1.9rem, 2.9vw, 3.1rem); font-weight: 720; }
h3 { font-size: 1.22rem; font-weight: 690; }
p { line-height: 1.69; }
.wrap { width: min(var(--max), calc(100% - 58px)); }
.section { padding: 78px 0; }
.section-intro { margin-bottom: 31px; }
.section-intro h2 { margin: 9px 0 14px; }
.section-intro p { font-size: .98rem; }
.section-head { margin-bottom: 29px; }
.section-head h2 { margin-top: 8px; }
.eyebrow { font-size: .67rem; letter-spacing: .14em; gap: 9px; }
.eyebrow:before { width: 18px; height: 1px; }
.tag { letter-spacing: .105em; }
.btn { min-height: 45px; padding: 10px 19px; font-size: .83rem; border-radius: 5px; }
.btn:hover { transform: translateY(-1px); }

/* Barra de navegação discreta e logomarca integrada. */
.top-strip-inner { height: 29px; }
.site-header { border-bottom-color: rgba(139, 216, 228, .14); box-shadow: 0 4px 13px #02121b12; }
.head-inner { height: 84px; gap: 18px; }
.site-header .brand img { width: 182px; height: auto; filter: none; }
.nav { gap: 21px; }
.nav a { font-size: .77rem; font-weight: 690; }
.nav a:after { height: 1px; }
.head-cta { min-height: 40px; padding: 9px 14px; font-size: .76rem; }

/* Abertura menor, com imagem de equipamento protagonista. */
.hero { background: radial-gradient(ellipse at 79% 30%, #0c5363 0%, transparent 44%),
                     linear-gradient(112deg, #073140 0%, #073d4d 62%, #0a485b 100%); }
.hero:before { opacity: .32; }
.hero:after { opacity: .25; }
.hero-grid { min-height: 540px; gap: 36px; grid-template-columns: 1.02fr .98fr; padding: 31px 0 27px; }
.hero-copy { padding: 23px 0 25px; }
.hero h1 { font-size: clamp(2.85rem, 4.15vw, 3.85rem); line-height: 1.11; margin: 17px 0 17px; max-width: 630px; font-weight: 730; }
.hero .lead { font-size: .98rem; line-height: 1.7; max-width: 500px; margin-bottom: 22px; }
.hero-support { margin-top: 24px; font-size: .6rem!important; letter-spacing: .12em; }
.hero-art { min-height: 0; }
.hero-studio { height: 488px; border-radius: 6px; border-color: #dbe7eb2c; box-shadow: 0 19px 36px #0003; }
.hero-studio:before { inset: 13px; }
.hero-studio img { padding: 32px 17px 20px; }
.studio-top { top: 16px; left: 23px; right: 23px; font-size: .58rem; }
.studio-bottom { padding: 30px 23px 15px; }
.hero-quick { padding: 15px 0 17px; gap: 20px; }
.hero-quick>div { font-size: .77rem; }
.hero-quick b { font-size: 1.14rem; }

/* Ritmo entre cartões e seções, menos moldura e menos brilho. */
.services-grid { gap: 14px; }
.service-card { min-height: 276px; padding: 22px 22px 21px; border-color: #75adbb36; }
.service-card:before { opacity: .25; }
.service-card:hover, .product-card:hover, .gallery-feature:hover { transform: translateY(-2px); }
.service-card:hover, .long-card:hover, .article-card:hover, .product-card.light:hover { box-shadow: 0 7px 20px #021e2833; border-color: #69cbd077; }
.service-card .number { font-size: .62rem; letter-spacing: .12em; }
.service-card .svc-icon { width: 46px; height: 46px; margin: 23px 0 16px; }
.service-card .svc-icon svg { width: 23px; height: 23px; }
.service-card h3 { font-size: 1.09rem; margin-bottom: 8px; }
.service-card p { font-size: .83rem; line-height: 1.62; margin-bottom: 17px; }
.service-card .more { font-size: .75rem; }
.info-cards { gap: 15px; }
.info-card { min-height: 190px; padding: 25px; }
.service-long { gap: 16px; }
.long-card { min-height: 226px; padding: 26px; }
.long-card .svc-icon { margin-bottom: 15px; }
.article-grid,.product-grid,.equipment-gallery { gap: 16px; }
.article-card { min-height: 248px; padding: 24px; }
.article-card h3 { margin: 14px 0 9px; }
.product-card .product-copy { padding: 23px; }
.products-band .product-visual { min-height: 220px; }
.products-band .product-visual img { height: 208px; }
.gallery-image { height: 330px; }
.gallery-caption { padding: 18px 20px 20px; }
.gallery-caption h3 { font-size: 1.07rem; }
.gallery-feature { height: 330px; }
.home-gallery { gap: 14px; }
.gallery-heading { margin-bottom: 24px; }
.gallery-count { padding: 6px 12px; font-size: .67rem; }

/* Banners internos e blocos de contato mais contidos. */
.page-banner { padding: 55px 0 61px; }
.page-banner:after { opacity: .35; }
.page-banner h1 { font-size: clamp(2.4rem, 4vw, 3.6rem); line-height: 1.12; }
.page-banner p { font-size: .98rem; }
.editorial { gap: 46px; }
.editorial-visual { min-height: 420px; }
.cta-panel { padding: 43px 48px; gap: 28px; }
.cta-panel:before { opacity: .30; }
.cta-panel h2 { font-size: clamp(2rem, 3.2vw, 3rem); }
.cta-panel p { font-size: .95rem; }
.case-copy { padding: 23px; }
.feature-box { padding: 28px; }
.form-panel { padding: 29px; }
.footer-top { padding: 48px 0 34px; gap: 30px; }
.footer-blurb { margin-top: 12px; }
.float-wa { box-shadow: 0 6px 19px #05151a55; padding: 10px 15px; }

@media(max-width:1100px) {
  .hero-grid { gap: 26px; }
  .hero-studio { height: 450px; }
  .hero h1 { font-size: clamp(2.55rem, 4.2vw, 3.5rem); }
  .site-header .brand img { width: 171px; }
}
@media(max-width:900px) {
  .head-inner { height: 76px; }
  .nav { top: 76px; gap: 0; }
  .site-header .brand img { width: 173px; }
  .hero-grid { grid-template-columns: 1fr; min-height: 0; gap: 10px; padding: 8px 0 34px; }
  .hero-copy { padding: 36px 0 18px; }
  .hero h1 { font-size: clamp(2.75rem, 6.4vw, 4rem); max-width: 700px; }
  .hero-art { min-height:0; }
  .hero-studio { height: 420px; width: min(100%,610px); }
  .section { padding: 65px 0; }
  .service-card { min-height: 240px; }
  .cta-panel { padding: 36px 38px; }
}
@media(max-width:600px) {
  .wrap { width: calc(100% - 34px); }
  .top-strip-inner { height: 28px; }
  .head-inner { height: 69px; }
  .site-header .brand img { width: 154px; }
  .nav { top: 69px; }
  .section { padding: 55px 0; }
  .section-intro { margin-bottom: 24px; }
  h2 { font-size: clamp(1.85rem, 7.3vw, 2.4rem); }
  .hero-grid { padding: 8px 0 24px; }
  .hero-copy { padding: 29px 0 12px; }
  .hero h1 { font-size: clamp(2.35rem, 8.8vw, 3.1rem); margin: 16px 0 17px; }
  .hero .lead { font-size: .96rem; }
  .hero-studio { height: 340px; width: 100%; }
  .hero-studio img { padding: 35px 12px 18px; }
  .hero-support { margin-top: 20px; }
  .hero-quick { gap: 11px; }
  .service-card { min-height: 0; padding: 21px; }
  .service-card .svc-icon { margin: 18px 0 13px; }
  .gallery-image { height: 300px; }
  .gallery-feature { height: 300px; }
  .page-banner { padding: 46px 0 52px; }
  .page-banner h1 { font-size: clamp(2.25rem, 8.5vw, 3rem); }
  .cta-panel { padding: 31px 25px; }
  .footer-top { padding: 43px 0 28px; }
}
@media(prefers-reduced-motion:reduce) {
  .service-card,.product-card,.gallery-feature,.btn { transition: none; }
}


/* ==============================================================
   HM Decanter V2.4 | Home premium inspirada na prévia aprovada
   Mantém o tema azul petróleo das demais páginas, sem retângulos
   em volta da fotografia principal. Customização reversível.
   =============================================================== */
:root { --hm-cyan-action:#2bc2d5; }
body { background:#073c4c; }
.top-strip { background:#021f2e; border-bottom:1px solid rgba(112,209,224,.1); }
.top-strip-inner {height:31px;}
.site-header { background:linear-gradient(100deg,#064454,#065364 65%,#064656);box-shadow:none;border-bottom:1px solid rgba(124,219,232,.24); }
.site-header .brand {background:transparent!important;padding:0!important;box-shadow:none!important;border-radius:0!important}
.site-header .brand img {width:206px;height:auto;filter:none!important;}
.site-header .head-cta {background:var(--hm-cyan-action); color:#032b37; border:0; min-height:44px; padding-inline:21px; font-weight:760;}
.nav a {font-size:.81rem}
.head-inner {height:91px;}
.hero {background:
  radial-gradient(ellipse at 82% 42%,rgba(14,129,151,.58),transparent 46%),
  radial-gradient(ellipse at 69% 110%,rgba(18,117,137,.32),transparent 46%),
  linear-gradient(116deg,#052936 0%,#063c4d 56%,#075065 100%);
  isolation:isolate;}
.hero:before {opacity:.22; background-size:110px 110px;}
.hero:after {opacity:.19;}
.hero .wrap {width:min(1410px,calc(100% - 74px));}
.hero-grid {grid-template-columns:1.08fr .92fr;min-height:632px;gap:18px;padding:37px 0 24px;position:relative;}
.hero-copy {padding:36px 0 58px;max-width:760px;}
.hero .eyebrow.light {color:#80dfea;font-size:.72rem;letter-spacing:.16em;}
.hero h1 {font-size:clamp(3rem,4.55vw,5.3rem);line-height:1.06;letter-spacing:-.046em;font-weight:780;max-width:740px;margin:28px 0 23px;}
.hero h1 .hero-statement {display:block;}
.hero h1 .hero-statement+.hero-statement {margin-top:9px;}
.hero h1 em {color:#87e0ec;}
.hero .lead {font-size:1.05rem;max-width:640px;line-height:1.7;color:#c5dfe5;margin-bottom:22px;}
.hero-actions {gap:13px;}
.hero-actions .btn {border-radius:5px;}
.hero-support {font-size:.62rem!important;letter-spacing:.14em;margin-top:22px;}
.hero-art {position:relative;margin-right:-22px!important;min-width:0;min-height:650px!important;height:auto!important;align-self:stretch;display:flex;align-items:center;justify-content:center;overflow:visible;}
.hero-art:before {content:'';display:block!important;position:absolute;left:16%;right:0;top:22%;bottom:7%;width:auto;height:auto;border-radius:50%;background:radial-gradient(ellipse,rgba(35,172,182,.26),transparent 66%);filter:blur(42px);pointer-events:none;}
.hero-studio.hero-product-integrated {border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;position:relative;overflow:visible!important;height:680px!important;width:min(100%,740px)!important;min-width:0!important;display:flex;align-items:center;justify-content:center;padding:0!important;}
.hero-studio.hero-product-integrated:before {display:none!important;}
.hero-studio.hero-product-integrated img {display:block;width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;object-fit:contain!important;object-position:center bottom!important;padding:0!important;filter:drop-shadow(0 22px 23px rgba(0,12,18,.32))!important;}
.hero-quick {background:transparent;border-top:1px solid rgba(137,223,235,.13);}
@media(min-width:1480px){
  .head-inner,.top-strip-inner {max-width:1410px;}
  .hero-grid {min-height:670px;}
  .hero-art{min-height:685px!important;}
  .hero-studio.hero-product-integrated{height:710px!important;}
}
@media(max-width:1120px){
  .site-header .brand img{width:174px}
  .head-inner{height:78px}
  .nav{gap:13px}
  .hero .wrap {width:calc(100% - 50px)}
  .hero-grid {gap:5px;min-height:560px}
  .hero h1 {font-size:clamp(2.85rem,4.55vw,4.2rem)}
  .hero-art {min-height:560px!important;margin-right:-14px!important}
  .hero-studio.hero-product-integrated {height:560px!important}
}
@media(max-width:900px){
  .site-header .brand img{width:165px}
  .head-inner{height:74px}
  .nav{top:74px}
  .hero .wrap {width:calc(100% - 42px)}
  .hero-grid {grid-template-columns:1fr;gap:0;min-height:0;padding:16px 0 20px}
  .hero-copy{padding:44px 0 18px;max-width:750px;}
  .hero h1{font-size:clamp(2.9rem,6.7vw,4.1rem);max-width:680px;}
  .hero-art{min-height:470px!important;height:470px!important;margin-right:0!important;align-self:center;}
  .hero-studio.hero-product-integrated {height:480px!important;max-width:600px;width:100%!important;}
  .hero-studio.hero-product-integrated img{object-position:center bottom!important;}
}
@media(max-width:600px){
  .top-strip-inner{height:28px;}
  .head-inner{height:68px;}
  .site-header .brand img{width:152px;}
  .nav{top:68px;}
  .hero .wrap{width:calc(100% - 34px)}
  .hero-grid {padding:7px 0 20px}
  .hero-copy{padding:27px 0 10px}
  .hero .eyebrow.light{font-size:.59rem;letter-spacing:.11em}
  .hero h1{font-size:clamp(2.4rem,9vw,3.1rem);line-height:1.08;margin:21px 0 18px;letter-spacing:-.035em}
  .hero h1 .hero-statement+.hero-statement{margin-top:12px}
  .hero .lead{font-size:.94rem;line-height:1.6}
  .hero-art{min-height:345px!important;height:345px!important;}
  .hero-studio.hero-product-integrated{height:360px!important;}
  .hero-quick{padding-block:13px}
}


/* ========================================================================
   HM DECANTER V2.4.1 — INDUSTRIAL ESCURO REFINADO / DESIGN SYSTEM
   Propósito: eliminar painéis brancos nos componentes, equilibrar contraste,
   manter material fotográfico fiel ao acervo e preservar a hierarquia visual.
   Aplicado após a V2.4 aprovada, reversível via backup ZIP.
   ======================================================================== */
:root {
  --hm-bg-deep:#062c39;
  --hm-bg-page:#073b4c;
  --hm-bg-mid:#0a4152;
  --hm-bg-soft:#0d4757;
  --hm-card:#0c3a49;
  --hm-card-raised:#104b5b;
  --hm-image-stage:#537d87;
  --hm-edge:rgba(129,210,221,.19);
  --hm-edge-strong:rgba(139,223,233,.38);
  --hm-text:#f0f9fb;
  --hm-text-soft:#c4dee4;
  --hm-accent:#71dce9;
}
html,body,main { background:var(--hm-bg-page); color:var(--hm-text); }
body {font-size:15.5px;line-height:1.6;}
main > .section:not(.products-band):not(.section-dark){background:var(--hm-bg-page);color:var(--hm-text)}
main > .section:nth-of-type(even):not(.products-band):not(.section-dark){background:var(--hm-bg-soft)}
main > .section.section-soft{background:var(--hm-bg-mid)}
main :is(h1,h2,h3,h4){text-wrap:balance}
main > .section :is(h1,h2,h3,h4) {color:var(--hm-text)}
main > .section :is(p,li){color:var(--hm-text-soft)}
main > .section :is(.eyebrow,.tag){color:var(--hm-accent)}
main .section-head .btn-ghost{border-color:var(--hm-edge-strong)}
main .section-head .btn-ghost:hover{background:#155b6b}
.b-line {border-color:var(--hm-edge)}

/* Photo stages: neutral studio canvas is integrated into a dark frame, not
   rendered as a white board. Color neutralization applies to photography only. */
.editorial-visual.editorial-photo,
.product-card .product-visual,
.product-card.light .product-visual,
.gallery-feature,
.gallery-image,
.case-visual {
  background:radial-gradient(ellipse at 48% 32%,#527b87 0%,#285767 58%,#123e4f 100%)!important;
  border-color:var(--hm-edge)!important;
  box-shadow:inset 0 0 0 1px #e5f7fa08;
}
/* As fotos mantêm cores e identificação técnica. Um fade de estúdio
   elimina as bordas retangulares de fundo claro, sem escurecer a máquina.
   A edição pixel a pixel das imagens originais não é feita aqui. */
.editorial-photo img,
.product-card .product-visual img[src$=".webp"],
.gallery-feature img,
.gallery-image img,
.case-visual img {
  mix-blend-mode:normal!important;
  filter:brightness(.95) contrast(1.06) saturate(1.04);
  -webkit-mask-image:radial-gradient(ellipse 91% 91% at 50% 48%,black 57%,transparent 99%);
  mask-image:radial-gradient(ellipse 91% 91% at 50% 48%,black 57%,transparent 99%);
}
.editorial-photo {border:1px solid var(--hm-edge)!important;box-shadow:0 18px 50px #011a2550}
.editorial-photo img {padding:8px 10px!important}
.editorial-photo .editorial-label {
  background:#052c3be8; color:#def6f9; border:1px solid var(--hm-edge);
  letter-spacing:.1em; padding:9px 12px; backdrop-filter:blur(9px)
}
/* Editorials without .editorial-photo keep full image visibility, without a
   bright surrounding container. */
.editorial-visual:not(.editorial-photo) {
  border:1px solid var(--hm-edge);
  background:radial-gradient(circle at 50% 30%,#1e5769,#092e40 75%)!important;
}

/* Product catalog + full gallery */
.product-grid { gap:16px; }
.product-card, .product-card.light, .gallery-card {
  border:1px solid var(--hm-edge)!important;
  background:linear-gradient(165deg,#0f4555,#0a3544)!important;
  color:var(--hm-text)!important;
  box-shadow:0 7px 24px #00172124;
  border-radius:6px;
  overflow:hidden;
}
.product-card:hover,.product-card.light:hover,.gallery-card:hover {
  border-color:var(--hm-edge-strong)!important;box-shadow:0 12px 29px #00172144;
}
.products-band{background:linear-gradient(118deg,#041f2d,#062e3d 72%,#083c4b)!important}
.product-card .product-visual,.product-card.light .product-visual {
  min-height:218px;overflow:hidden;padding:11px;display:flex;align-items:center;justify-content:center;
}
.product-card .product-visual img {height:211px;max-width:100%;object-fit:contain;}
.product-card .product-copy {padding:20px 21px 22px;}
.product-card .product-copy :is(h3,p) {color:var(--hm-text)!important}
.product-card .product-copy p {color:var(--hm-text-soft)!important}
.product-card .product-copy .tag {color:#96dee9!important}
.product-card .product-copy a {color:#96ebf4!important}

.gallery-card{background:#0a3847!important}
.gallery-caption {padding:19px 21px 22px}
.gallery-caption h3 {color:var(--hm-text)!important}
.gallery-caption span {color:var(--hm-accent)!important}
.gallery-feature{border-radius:6px;overflow:hidden;min-height:330px;}
.gallery-feature img{padding:16px 17px 69px!important}
.gallery-feature span{color:var(--hm-text)!important;bottom:0!important;left:0!important;right:0!important;padding:38px 20px 17px;background:linear-gradient(0deg,#052e3ff5 20%,#052e3f00 100%)}
.gallery-feature span b {color:var(--hm-text)!important}
.gallery-feature span small {color:#bfd9de!important}
.gallery-image {height:320px;border:0!important;border-radius:0}
.gallery-image img {padding:14px!important;}
.zoom-hint{background:#093647e8!important;border:1px solid var(--hm-edge-strong)!important;color:#e6fbfc!important;letter-spacing:.08em;border-radius:3px}
.gallery-heading p,.gallery-count,.gallery-caption p{color:var(--hm-text-soft)}
.gallery-count{border-color:var(--hm-edge-strong)}
.gallery-dialog {background:#0a3442;color:#fff;border:1px solid var(--hm-edge-strong)}
.gallery-dialog img {border-radius:4px}

/* Thin elevated components: remove dense rectangular blocks. */
.service-card,.info-card,.article-card,.long-card,.case-card,.feature-box,.form-panel,.contact-map,.catalog-note,.article-body .callout {
  background:linear-gradient(160deg,#104758,#0b3949)!important;
  border:1px solid var(--hm-edge)!important;
  border-radius:6px;
  box-shadow:0 5px 20px #00212b1a;
  color:var(--hm-text)!important;
}
.service-card:hover,.info-card:hover,.article-card:hover,.long-card:hover {
  border-color:var(--hm-edge-strong)!important;background:#10495a!important;
  box-shadow:0 9px 23px #00172135;transform:translateY(-2px)
}
.service-card:before{opacity:.12}
.service-card .svc-icon,.long-card .svc-icon{background:#164f60!important;color:#9eebf2!important;border:1px solid var(--hm-edge)!important}
.service-card :is(h3,p),.info-card :is(h3,p),.article-card :is(h3,p),.long-card :is(h3,p),.feature-box :is(h3,p){color:var(--hm-text)!important}
.service-card p,.info-card p,.article-card p,.long-card p,.feature-box p {color:var(--hm-text-soft)!important}
.service-card .number,.step .step-num,.info-card .icnum {color:#8ce4ef!important}
.service-card .more,.article-card a,.long-card .bottom{color:#97edf4!important}
.steps .step{border-top-color:var(--hm-edge-strong)}
.steps .step-num{font-weight:750}
.check-list li:before{background:#185565;color:#a3f4f6;border:1px solid var(--hm-edge)}
.catalog-note {border-left:3px solid #79dfe9!important;color:var(--hm-text-soft)!important}

/* Internal pages: light blue inputs for usability, never white card surfaces */
.contact-grid .form-panel,.contact-map,.article-body .callout {color:var(--hm-text)}
.field input,.field select,.field textarea{background:#dce9ec!important;color:#0b3040!important;border:1px solid #8cb2bd!important}
.field input::placeholder,.field textarea::placeholder{color:#476772!important}
.field :is(input,textarea,select):focus{background:#f4fbfc!important;border-color:#2bc2d5!important}
.form-panel .consent,.form-panel .consent a,.contact-method a {color:#d7f0f4}
.form-panel .consent a {text-decoration:underline;text-decoration-color:#61c2d088}
.article-body :is(p,li),.contact-method p,.contact-map p {color:var(--hm-text-soft)!important}
main .legal nav[aria-label] {background:#0f4656!important;border:1px solid var(--hm-edge)!important;border-radius:6px}
main .legal nav[aria-label] a {color:#93e2ec!important}

/* Integrated transparent mark in the header and footer. */
.site-header .brand,.footer-top>div:first-child>a {
  background:transparent!important;padding:0!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;outline-offset:6px;
}
.site-header .brand img,.site-footer .footer-logo {
  background:transparent!important;filter:none!important;opacity:1!important;
  box-shadow:none!important;border-radius:0!important;
}
.site-footer{background:linear-gradient(135deg,#042835,#073443)!important;border-top:1px solid var(--hm-edge)!important}
.footer-top {padding-top:51px}
.footer-blurb,.site-footer a {color:#bdD8df!important}
.site-footer a:hover {color:#89e1e9!important}
.site-footer h4 {color:#f4fcfd!important}
.footer-bottom {border-top-color:var(--hm-edge)!important}

/* Responsive / motion / focus. */
@media(max-width:900px){
  .editorial-photo {min-height:340px}
  .gallery-image {height:290px}
  .product-grid {gap:12px}
}
@media(max-width:600px){
  .product-card .product-visual {min-height:210px}
  .product-card .product-visual img {height:190px}
  .gallery-image {height:285px}
  .gallery-feature{min-height:300px}
  .editorial-photo {min-height:310px}
  .footer-top>div:first-child>a {display:inline-flex}
  .gallery-feature span {padding:35px 15px 14px}
}
@media(prefers-reduced-motion:reduce){
  .service-card,.long-card,.article-card,.product-card,.gallery-feature,.gallery-image img {transition:none!important}
}