:root{--ink:#10252a;--black:#081619;--cream:#f3f0e8;--blue:#087c94;--orange:#f6a44c;--muted:#748a8b;--line:#cbd7d3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}header{height:82px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(243,240,232,.94);backdrop-filter:blur(10px);z-index:10}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:.08em;font-size:14px}.logo small{display:block;font:9px 'DM Mono';letter-spacing:.19em;color:var(--muted);margin-top:2px}.logo-box{border:2px solid var(--blue);color:var(--blue);width:29px;height:29px;display:grid;place-items:center;font-size:17px;letter-spacing:0}nav{display:flex;align-items:center;gap:35px}nav a{font-size:12px;text-decoration:none;color:var(--ink)}nav .nav-button{border:1px solid var(--ink);padding:12px 15px}.nav-button b,.btn b,.underlink b{margin-left:18px;font-size:16px}.menu-toggle{display:none;border:0;background:none;font-size:21px}.hero{min-height:735px;background:var(--black);color:#f9f6ee;display:grid;grid-template-columns:1fr 1fr;padding:105px 5.5vw 75px;position:relative;overflow:hidden}.hero-words{position:relative;z-index:2}.kicker,.mono-label{font:11px 'DM Mono';letter-spacing:.13em;color:var(--orange)}.kicker i{display:inline-block;width:26px;height:1px;background:var(--orange);vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(58px,8vw,118px);line-height:.91;letter-spacing:-.08em;margin:28px 0 35px;font-weight:700}.hero h1 span{color:var(--orange)}.hero-lede{font-size:18px;line-height:1.55;color:#b9c9c6;max-width:490px}.hero-cta{display:flex;gap:30px;align-items:center;margin-top:37px}.btn{display:inline-flex;align-items:center;padding:16px 20px;text-decoration:none;font-size:12px;font-weight:800}.orange{background:var(--orange);color:var(--black)}.light{background:#f7f3e9;color:var(--ink)}.underlink{color:inherit;text-decoration:none;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:9px}.hero-art{position:relative;min-height:510px;margin-left:4vw;background:radial-gradient(circle at 47% 46%,#147d8f 0,#0a3d47 38%,#081619 72%)}.art-lines{position:absolute;inset:0;opacity:.35;background:linear-gradient(90deg,transparent 49.8%,#86b8ba 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#86b8ba 50%,transparent 50.2%);background-size:95px 95px}.art-ring{position:absolute;border:1px solid rgba(246,164,76,.65);border-radius:50%;left:12%;top:25%;width:76%;height:45%;transform:rotate(-25deg)}.r2{transform:rotate(35deg);border-color:rgba(146,215,207,.5);width:90%;left:5%;top:32%}.r3{transform:rotate(90deg);width:55%;left:22%;top:17%;border-color:rgba(255,255,255,.25)}.art-cross{position:absolute;right:20px;top:20px;color:var(--orange);font-size:26px}.art-card{position:absolute;left:18%;top:22%;width:235px;height:292px;background:var(--orange);color:var(--black);padding:22px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-5deg);box-shadow:20px 20px 0 rgba(0,0,0,.25)}.art-card span,.art-coord{font:10px 'DM Mono';letter-spacing:.1em}.art-card strong{font-size:27px;line-height:.92;letter-spacing:-.08em}.art-card em{font-size:11px;line-height:1.35;font-style:normal}.art-coord{position:absolute;bottom:20px;right:20px;color:#8db3b2;line-height:1.7}.scroll-note{position:absolute;bottom:29px;left:5.5vw;color:#789393;font:10px 'DM Mono';letter-spacing:.13em}.scroll-note span{color:var(--orange);font-size:15px;margin-left:12px}.statement,.capabilities,.sectors,.method{padding:120px 5.5vw}.statement{display:grid;grid-template-columns:.45fr 1fr;gap:8vw}.statement-copy h2,.sectors h2,.method h2,.contact h2{font-size:clamp(42px,5.3vw,79px);line-height:.98;letter-spacing:-.075em;margin:0}.statement-copy h2 em,.method h2 em{color:var(--blue);font-style:normal}.statement-copy p{max-width:480px;color:var(--muted);font-size:17px;line-height:1.65;margin:32px 0 0}.section-top{display:flex;justify-content:space-between;align-items:start;border-top:1px solid var(--line);padding-top:25px}.section-top p{margin:0;color:var(--muted);font-size:15px;line-height:1.45}.capability-list{margin-top:70px;border-top:1px solid var(--ink)}.capability-list article{display:grid;grid-template-columns:70px 1fr 80px;gap:25px;padding:35px 0;border-bottom:1px solid var(--line);align-items:start}.cap-no{font:12px 'DM Mono';color:var(--blue)}.cap-main h3{font-size:clamp(32px,4vw,58px);letter-spacing:-.07em;margin:0}.cap-main h3 small{color:var(--orange);font-size:.55em}.cap-main p{font-size:15px;color:var(--muted);max-width:570px;line-height:1.6;margin:19px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{font:10px 'DM Mono';padding:7px 9px;border:1px solid var(--line);color:var(--blue)}.cap-mark{font-size:40px;color:var(--orange);text-align:right}.proof{background:var(--black);color:#f8f5ec}.proof-inner{padding:105px 5.5vw}.orange-text{color:var(--orange)}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:60px}.proof h2{font-size:clamp(42px,5.3vw,79px);line-height:.92;letter-spacing:-.075em;margin:0}.proof h2 em{color:var(--orange);font-style:normal}.proof-points{border-top:1px solid #30464a}.proof-points>div{padding:20px 0;border-bottom:1px solid #30464a;display:grid;grid-template-columns:35px 1fr}.proof-points b{font:11px 'DM Mono';color:var(--orange)}.proof-points strong{font-size:18px}.proof-points p{grid-column:2;color:#91a9a7;font-size:13px;margin:7px 0 0}.sector-layout,.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:60px}.sectors h2{margin-bottom:25px}.sectors p{color:var(--muted);max-width:330px;line-height:1.6;margin-bottom:36px}.sector-table{border-top:1px solid var(--line)}.sector-table div{display:grid;grid-template-columns:40px 1fr 20px;gap:15px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line)}.sector-table span{font:11px 'DM Mono';color:var(--blue)}.sector-table strong{font-size:18px}.sector-table i{color:var(--blue);font-style:normal;font-size:18px}.method{background:#dfebe7}.method h2{font-size:clamp(42px,5.3vw,79px)}.steps{border-top:1px solid var(--ink)}.steps>div{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid #b7cbc6}.steps b{font:11px 'DM Mono';color:var(--blue)}.steps span{display:flex;flex-direction:column}.steps strong{font-size:20px}.steps small{color:var(--muted);margin-top:7px}.contact{background:var(--blue);color:#fff;padding:100px 5.5vw}.contact-top{display:flex;justify-content:space-between;align-items:start}.contact h2{font-size:clamp(55px,7vw,105px);margin-top:75px}.contact-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:70px;padding-top:25px;border-top:1px solid rgba(255,255,255,.35)}.contact-bottom p{max-width:340px;color:#d4e5e2;line-height:1.5}.contact-bottom>div{display:flex;align-items:center;gap:30px}.contact-phone{color:#fff;text-decoration:none;font:16px 'DM Mono'}footer{padding:28px 5.5vw;display:flex;justify-content:space-between;align-items:center;font:10px 'DM Mono';color:var(--muted)}@media(max-width:800px){header{height:70px}.menu-toggle{display:block}nav{display:none}.hero{display:block;min-height:auto;padding:75px 6vw 80px}.hero h1{font-size:18vw}.hero-art{margin:65px 0 0;min-height:390px}.statement,.capabilities,.sectors,.method{padding:80px 6vw}.statement,.proof-grid,.sector-layout,.method-grid{display:block}.statement-copy{margin-top:45px}.section-top{display:block}.section-top p{margin-top:25px}.capability-list{margin-top:45px}.capability-list article{grid-template-columns:35px 1fr;gap:15px}.cap-mark{display:none}.cap-main h3{font-size:36px}.proof-inner{padding:80px 6vw}.proof-points{margin-top:50px}.contact{padding:80px 6vw}.contact-top{display:block}.contact h2{margin-top:55px}.contact-bottom{display:block;margin-top:55px}.contact-bottom>div{display:block}.contact-bottom .btn{margin:20px 0}.contact-phone{display:block}footer{display:block;padding:25px 6vw}footer span{display:block;margin-top:15px}}

/* Improved capability typography */
.cap-main p{font-size:17px;line-height:1.75;max-width:650px}
.cap-main h3{font-size:clamp(36px,4.5vw,64px);line-height:1.05}
@media(max-width:800px){.cap-main p{font-size:16px;line-height:1.65}.cap-main h3{font-size:40px}}


/* Strong teal capability tags */
.chips span{font-family:'DM Mono',monospace;font-weight:700;color:var(--blue);border-color:var(--blue);letter-spacing:.08em}


.more-button{position:relative;margin:2px 0 14px;padding:0;border:0;border-bottom:1px solid var(--blue);background:none;color:var(--blue);font:700 12px 'DM Mono';letter-spacing:.08em;cursor:pointer}.more-button:hover::after,.more-button:focus-visible::after{content:attr(data-preview);position:absolute;z-index:3;left:0;bottom:calc(100% + 12px);width:280px;padding:14px 16px;background:var(--blue);color:#fff;text-align:left;font:500 13px Manrope,Arial,sans-serif;line-height:1.45;box-shadow:8px 8px 0 rgba(8,22,25,.16)}.more-detail{max-width:650px;margin:0 0 18px;padding:16px 18px;background:var(--blue);color:#fff;font-size:15px;line-height:1.6}.more-button[aria-expanded=true]{color:var(--ink);border-color:var(--ink)}@media(max-width:800px){.more-button:hover::after{display:none}.more-detail{font-size:14px}}


.more-detail{overflow:hidden;transition:max-height .25s ease,opacity .2s ease;margin-top:0}.more-detail.detail-open{max-height:240px;opacity:1}.more-button{transition:visibility .1s ease}


.hero-art{background-image:linear-gradient(90deg,rgba(8,22,25,.16),rgba(8,22,25,.02)),url('dimax-hero-abstract.png');background-size:cover;background-position:center;background-blend-mode:normal}.hero-art .art-lines{opacity:.16}.hero-art .art-ring{opacity:.5}


.contact{background:var(--blue);color:#fff;padding:100px 5.5vw}.contact-top{display:flex;justify-content:space-between;gap:8vw;align-items:end}.contact-eyebrow,.contact-address>span,.contact-card-label{font:700 10px 'DM Mono';letter-spacing:.14em;color:#bde4df}.contact h2{font-size:clamp(55px,7vw,105px);line-height:.92;margin:24px 0 0}.contact-intro{max-width:350px;color:#d4e5e2;font-size:16px;line-height:1.6;margin:0}.contact-desk{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:70px}.contact-card{position:relative;display:flex;flex-direction:column;gap:10px;min-height:220px;padding:25px;background:#0b6474;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.22);transition:transform .2s ease,background .2s ease}.contact-card:hover{transform:translateY(-5px);background:#075666}.contact-card-primary{background:var(--orange);color:var(--black);border-color:var(--orange)}.contact-card-primary:hover{background:#ffc071}.contact-card-primary .contact-card-label{color:#17424a}.contact-card strong{font-size:27px;letter-spacing:-.04em;margin-top:auto}.contact-card>span:not(.contact-card-label){font:15px 'DM Mono';word-break:break-word}.contact-card small{font-size:12px;line-height:1.45;opacity:.8}.contact-card b{position:absolute;right:22px;top:22px;font-size:22px}.contact-address{display:flex;align-items:center;gap:30px;margin-top:14px;padding:24px 0;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3)}.contact-address p{max-width:650px;margin:0;color:#d4e5e2;line-height:1.55;font-size:14px}.contact-address a{margin-left:auto;color:#fff;text-decoration:none;font:12px 'DM Mono';white-space:nowrap}@media(max-width:800px){.contact{padding:80px 6vw}.contact-top{display:block}.contact-intro{margin-top:35px}.contact-desk{grid-template-columns:1fr;margin-top:50px}.contact-card{min-height:190px}.contact-address{display:block}.contact-address p{margin:14px 0}.contact-address a{display:inline-block;margin:0}}


footer>span:first-of-type{font-weight:700;color:var(--blue);letter-spacing:.12em}


.whatsapp-icon{width:34px;height:34px;fill:currentColor;margin-bottom:8px}.contact-card-primary .whatsapp-icon{color:var(--black)}


.whatsapp-icon{display:block;width:32px;height:32px;fill:currentColor;margin-bottom:8px}


/* Compact premium spacing pass */
.hero{min-height:650px;padding-top:82px;padding-bottom:58px}.hero-art{min-height:450px}.statement,.capabilities,.sectors,.method{padding-top:88px;padding-bottom:88px}.proof-inner{padding-top:78px;padding-bottom:78px}.proof-grid{margin-top:42px}.capability-list{margin-top:52px}.sector-layout,.method-grid{margin-top:45px}.contact{padding-top:78px;padding-bottom:78px}.contact-desk{margin-top:52px}.contact h2,.statement-copy h2,.sectors h2,.method h2,.proof h2{font-size:clamp(42px,5.8vw,82px)}@media(max-width:800px){.hero{min-height:auto;padding-top:65px;padding-bottom:65px}.hero-art{min-height:350px}.statement,.capabilities,.sectors,.method{padding-top:65px;padding-bottom:65px}.proof-inner{padding-top:65px;padding-bottom:65px}.contact{padding-top:65px;padding-bottom:65px}.contact-desk{margin-top:40px}}


/* Page-wide contrast refinement */
:root{--muted:#50666a;--line:#b8cbc7}body{color:var(--ink)}.statement-copy p,.section-top p,.cap-main p,.sectors p{color:#40585c;font-weight:500}.statement-copy p{font-size:18px;line-height:1.7}.chips span{font-weight:700}.proof-points p,.contact-intro,.contact-address p{font-weight:500}.underlink{font-weight:600}.steps small{color:#50666a;font-weight:500}footer{color:#50666a}footer .logo small{color:#50666a}


.hero-art{background-image:linear-gradient(90deg,rgba(8,22,25,.18),rgba(8,22,25,.02)),url('dimax-hero-abstract-v2.png');background-position:center;background-size:cover}


.hero-art{background-image:linear-gradient(90deg,rgba(8,22,25,.22),rgba(8,22,25,.05)),url('dimax-hero-abstract-v4.webp?v=3');background-position:center;background-size:cover}.art-card{background:rgba(8,22,25,.82);color:#f7f3e9;border:1px solid rgba(189,228,223,.65);box-shadow:12px 12px 0 rgba(8,22,25,.32);backdrop-filter:blur(8px)}.art-card strong{font-family:'DM Mono',monospace;font-size:25px;line-height:.98;letter-spacing:.04em;text-transform:uppercase;color:#f7f3e9;text-shadow:2px 2px 0 rgba(8,22,25,.7)}.art-card span{color:#bde4df}.art-card em{color:#d4e5e2}


/* Teal abstract system layers for open hero space */
.hero-art::before{content:'';position:absolute;inset:8% 8% 12% 4%;border:1px solid rgba(103,224,216,.24);border-radius:50% 38% 52% 44%;transform:rotate(-16deg);box-shadow:0 0 0 28px rgba(40,180,185,.035),0 0 0 56px rgba(40,180,185,.025);pointer-events:none}.hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 34%,rgba(72,213,210,.06) 34.2% 34.7%,transparent 35% 49%,rgba(72,213,210,.05) 49.2% 49.7%,transparent 50%),linear-gradient(90deg,transparent 0 57%,rgba(122,229,221,.08) 57.1% 57.3%,transparent 57.4%),radial-gradient(circle at 38% 38%,rgba(43,193,194,.16),transparent 1px);background-size:auto,auto,22px 22px;mix-blend-mode:screen;opacity:.75;pointer-events:none}.art-card{z-index:2}.art-lines,.art-ring,.art-cross,.art-coord{z-index:1}


/* Revert hero artwork; use the newer abstract as a subtle site-wide layer */
body{background-color:var(--cream);background-image:linear-gradient(rgba(243,240,232,.93),rgba(243,240,232,.93)),url('dimax-hero-abstract-v4.webp?v=3');background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat}.hero-art{background-image:linear-gradient(90deg,rgba(8,22,25,.18),rgba(8,22,25,.02)),url('dimax-hero-abstract-v2.png');background-position:center;background-size:cover}.hero-art::before,.hero-art::after{display:none}.art-card{background:transparent;border:1px solid rgba(189,228,223,.8);box-shadow:12px 12px 0 rgba(8,22,25,.28);backdrop-filter:blur(3px)}


/* Capability-specific abstract backdrops */
.capability-list article{position:relative;overflow:visible;background-size:cover;background-position:center;border-bottom:1px solid var(--line);isolation:isolate}.capability-list article::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,240,232,.97) 0%,rgba(243,240,232,.89) 45%,rgba(243,240,232,.66) 100%);z-index:-1}.capability-list article:nth-child(1){background-image:url('capability-logistics.png')}.capability-list article:nth-child(2){background-image:url('capability-gases.png')}.capability-list article:nth-child(3){background-image:url('capability-engineering.png')}.capability-list article>*{position:relative;z-index:1}


/* Reveal capability artwork while protecting text contrast */
.capability-list article::before{background:linear-gradient(90deg,rgba(243,240,232,.98) 0%,rgba(243,240,232,.88) 32%,rgba(243,240,232,.48) 62%,rgba(243,240,232,.16) 100%)}.capability-list article{min-height:300px}.capability-list article .cap-main{max-width:680px}.capability-list article .cap-no{color:var(--blue)}@media(max-width:800px){.capability-list article::before{background:linear-gradient(90deg,rgba(243,240,232,.94),rgba(243,240,232,.68))}.capability-list article{min-height:0}}


.contact-address p strong{display:inline-block;color:#fff;font-size:15px;letter-spacing:.04em}.contact-address p small{font:11px 'DM Mono';color:#bde4df}


.contact-address p strong small{font:10px 'DM Mono';font-weight:500;color:#bde4df;white-space:nowrap}


/* Reflow after removing section numbers */
.capability-list article{grid-template-columns:1fr 80px}.sector-table div{grid-template-columns:1fr 20px}.proof-points>div{grid-template-columns:1fr}.proof-points p{grid-column:1}.steps>div{gap:0}@media(max-width:800px){.capability-list article{grid-template-columns:1fr}.sector-table div{grid-template-columns:1fr 20px}}


.hero-art{background-image:linear-gradient(90deg,rgba(8,22,25,.18),rgba(8,22,25,.02)),url('dimax-hero-abstract-v4.png?v=2');background-position:center;background-size:cover}.art-card{justify-content:center;gap:22px;text-align:center}.art-card strong{display:block;text-align:center}.art-card em{text-align:center;display:block}.art-card span{text-align:center;display:block}


.contact-address .state-line{display:inline;white-space:nowrap;color:inherit;font:inherit;letter-spacing:normal}


.contact-address p{white-space:nowrap}@media(max-width:800px){.contact-address p{white-space:normal}}


.hero-art{background-image:linear-gradient(90deg,rgba(8,22,25,.18),rgba(8,22,25,.02)),url('dimax-hero-abstract-v4.webp?v=3')}.capability-list article:nth-child(1){background-image:url('capability-logistics.webp')}.capability-list article:nth-child(2){background-image:url('capability-gases.webp')}.capability-list article:nth-child(3){background-image:url('capability-engineering.webp')}


/* Final layout, accessibility and responsive polish */
.statement-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:7vw;align-items:start}.statement-copy h2{margin:0}.statement-copy p{margin:8px 0 0}.statement-copy h2,.statement-copy p{max-width:none}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.menu-toggle{cursor:pointer}.more-button{touch-action:manipulation}@media(max-width:800px){.statement-copy{display:block}.statement-copy p{margin-top:30px}}


/* Fix statement composition */
.statement{display:block;position:relative;background:rgba(243,240,232,.97)}.statement-copy{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:8vw;align-items:center;max-width:1280px;margin:0 auto}.statement-copy h2{font-size:clamp(42px,5.2vw,78px);line-height:.94;max-width:680px}.statement-copy p{font-size:18px;line-height:1.7;max-width:560px;margin:0}@media(max-width:800px){.statement-copy{display:block}.statement-copy h2{font-size:clamp(42px,12vw,68px)}.statement-copy p{margin-top:30px}}


/* Supplied DIMAX logo */
.logo-image{display:inline-flex;align-items:center;gap:0;height:auto;max-height:62px;flex-shrink:0}.logo-crop{display:block;width:190px;max-width:45vw;height:auto;overflow:hidden;position:static;background:none}.logo-crop img,.logo-image img{position:static;display:block;width:100%;max-width:190px;max-height:62px;height:auto;object-fit:contain}footer .logo{display:inline-flex}@media(max-width:800px){.logo-image{max-height:52px}.logo-crop{width:150px;max-width:48vw}.logo-crop img,.logo-image img{max-width:150px;max-height:52px}}

/* Final logo override: tightly cropped supplied artwork */
html,body{overflow-x:clip}

/* Visible service answers and FAQ */
.faq{padding:90px 5.5vw;background:var(--cream)}.faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8vw;max-width:1280px;margin:auto}.faq .mono-label{color:var(--blue)}.faq h2{font-size:clamp(36px,4.5vw,64px);line-height:1.05;letter-spacing:-.04em;margin:22px 0}.faq p{font-size:16px;line-height:1.75;overflow-wrap:anywhere}.faq-layout>div>p{margin-bottom:28px}.faq-list{border-top:1px solid var(--line)}.faq-list article{padding:24px 0;border-bottom:1px solid var(--line)}.faq-list h3{font-size:20px;line-height:1.4;margin:0 0 10px}.faq-list p{margin:0}.faq,.capability-list article{scroll-margin-top:100px}@media(max-width:800px){.faq{padding:64px 6vw}.faq-layout{grid-template-columns:1fr;gap:35px}.faq-list h3{font-size:18px}}
