:root{--pink:#e6005a;--pink-dark:#bd0049;--ink:#121218;--muted:#626270;--paper:#fff;--line:#e9e9ee;--soft:#f8f8fa;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.6}.container{width:min(1180px,calc(100% - 48px));margin:auto}.skip-link{position:fixed;left:12px;top:-50px;background:var(--pink);padding:8px 14px;color:#fff;z-index:20}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid transparent}.nav-wrap{min-height:88px;display:flex;justify-content:space-between;align-items:center}.brand-crop{position:relative;overflow:hidden;width:285px;height:63px;display:block;flex:0 0 auto}.brand-crop img{position:absolute;width:585px;max-width:none;left:-36px;top:-21px}.main-nav{display:flex;gap:25px;align-items:center}.main-nav>a{font-size:13px;font-weight:800;text-decoration:none;color:var(--ink)}.main-nav>a:hover,.inline-link:hover{color:var(--pink)}.nav-cta{background:var(--ink);border-radius:999px;color:#fff!important;padding:11px 17px}.nav-cta span{color:#ff8cb9;margin-left:6px}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}.dot-grid{background-image:radial-gradient(#dedee5 1px,transparent 1px);background-size:18px 18px;background-position:center}.hero{position:relative;overflow:hidden;background-color:#fff}.hero-grid{min-height:670px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:54px}.hero-copy{padding:80px 0}.eyebrow{margin:0 0 15px;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:800;color:var(--ink)}.eyebrow span{display:inline-block;width:32px;height:2px;background:var(--pink);margin:0 8px 3px}.eyebrow.accent{color:var(--pink)}.eyebrow.light{color:#ffb0cd}.hero h1,h2,h3{font-family:"Plus Jakarta Sans",Arial,sans-serif;line-height:1.08;letter-spacing:-.045em}.hero h1{font-size:clamp(44px,5vw,72px);margin:0 0 24px;max-width:750px}.hero h1 em{color:var(--pink);font-style:normal}.hero-lede{font-size:17px;line-height:1.8;max-width:600px;color:var(--muted);margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.button{display:inline-flex;gap:12px;align-items:center;border-radius:999px;padding:14px 22px;text-decoration:none;border:0;font:800 13px Manrope,Arial,sans-serif;cursor:pointer}.button-primary{background:var(--pink);color:#fff;box-shadow:0 10px 22px rgba(230,0,90,.22)}.button-text{color:var(--ink);padding-left:0}.button-text span{color:var(--pink);font-size:17px}.hero-proof{display:flex;gap:34px;margin-top:62px}.hero-proof div{border-left:2px solid var(--pink);padding-left:12px}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{font-size:13px}.hero-proof span{font-size:11px;color:var(--muted)}.hero-art{height:480px;position:relative;isolation:isolate}.art-orbit{position:absolute;inset:35px;border:1px solid #dedee4;border-radius:50%;z-index:-1}.orbit-two{inset:83px;border-color:#f2b3cf}.art-center{position:absolute;inset:146px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 25px 40px #b6b6bd}.art-center span{font-size:9px;letter-spacing:.12em;font-weight:800;color:#ff9dc4}.art-center strong{font:700 19px "Plus Jakarta Sans";letter-spacing:-.06em;margin-top:6px}.art-center i{width:23px;height:3px;background:var(--pink);margin:14px auto 0}.art-card{width:140px;height:140px;position:absolute;border:1px solid #e9e9ef;background:#fff;border-radius:19px;padding:18px;box-shadow:0 14px 35px rgba(14,14,24,.10);display:flex;flex-direction:column;justify-content:space-between}.art-card b{font:800 13px Manrope;color:var(--pink)}.art-card span{font:700 17px "Plus Jakarta Sans";letter-spacing:-.07em}.art-card-top{top:8px;left:50%;transform:translateX(-50%)}.art-card-left{left:16px;bottom:30px}.art-card-right{right:16px;bottom:30px}.art-pulse{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 7px rgba(230,0,90,.09)}.p1{top:88px;right:90px}.p2{bottom:100px;left:115px}.p3{bottom:24px;right:128px}.section{padding:120px 0}.about{background-color:#fafafd}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.about-copy h2,.section-heading h2{font-size:clamp(30px,3.7vw,49px);margin:0 0 24px}.about-copy p{color:var(--muted);font-size:15px}.inline-link{display:inline-flex;gap:10px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:800;margin-top:15px}.inline-link span{color:var(--pink);font-size:18px}.about-visual{height:400px;background:var(--ink);border-radius:var(--radius);position:relative;overflow:hidden;color:#fff;padding:25px;background-image:linear-gradient(135deg,transparent 30%,rgba(230,0,90,.88)),radial-gradient(circle at 80% 20%,#4b4b59 0 2px,transparent 3px);background-size:auto,18px 18px}.visual-label{font-weight:800;font-size:10px;letter-spacing:.13em;color:#ffb3d0}.visual-screen{position:absolute;left:11%;right:11%;top:21%;bottom:16%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.06);padding:28px;font:700 clamp(28px,3vw,42px) "Plus Jakarta Sans";letter-spacing:-.08em;z-index:1}.visual-screen strong{color:#ffb2d0}.screen-lines{position:absolute;right:30px;bottom:30px;width:84px;height:52px;border-top:3px solid var(--pink);border-bottom:3px solid #fff}.screen-lines:before{content:"";position:absolute;width:54px;right:0;top:22px;border-top:3px solid #fff}.visual-tile{position:absolute;background:#fff;color:var(--ink);font:800 10px Manrope;padding:10px 13px}.tile-one{top:24px;right:24px}.tile-two{bottom:23px;left:23px}.tile-three{right:22px;bottom:24px;background:var(--pink);color:#fff}.section-heading{margin-bottom:50px}.section-heading.centered{text-align:center}.section-heading.centered>p:last-child{max-width:700px;margin:0 auto;color:var(--muted)}.solution-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.solution-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 9px 22px rgba(18,18,24,.07);transition:transform .25s,box-shadow .25s}.solution-card:hover{transform:translateY(-7px);box-shadow:0 18px 30px rgba(18,18,24,.12)}.solution-media{height:140px;padding:17px;position:relative;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#24242d}.solution-media:after{content:"";width:115px;height:115px;position:absolute;border:16px solid rgba(255,255,255,.1);border-radius:50%;right:-36px;top:-44px}.solution-media span{font-size:11px;font-weight:800;color:#ffc0d9}.solution-media b{font:700 20px "Plus Jakarta Sans";letter-spacing:-.06em;position:relative;z-index:1}.media-print{background:linear-gradient(135deg,#24242b,#565664)}.media-av{background:linear-gradient(135deg,#190c2b,#64407f)}.media-ac{background:linear-gradient(135deg,#073642,#067f91)}.media-it{background:linear-gradient(135deg,#19214b,#3765c8)}.media-service{background:linear-gradient(135deg,#65122c,#e6005a)}.solution-content{padding:22px 19px 19px}.solution-content h3{font-size:17px;margin:0 0 14px}.solution-content p{font-size:12px;line-height:1.65;color:var(--muted);margin:0;min-height:80px}.solution-content a{color:var(--pink);font-size:12px;font-weight:800;text-decoration:none}.solution-content a span{font-size:17px}.partners{background-color:#fafafd;padding:105px 0}.partner-row{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:50px;filter:grayscale(1);color:#5e5e67}.partner-row span{font:800 clamp(18px,2.4vw,34px) "Plus Jakarta Sans";letter-spacing:-.08em}.partner-row span:nth-child(1){text-transform:lowercase;color:#168fca}.partner-row span:nth-child(2){color:#153caa}.partner-row span:nth-child(3){font-weight:600;letter-spacing:-.1em}.partner-row span:nth-child(4){color:#a80035}.partner-row span:nth-child(5){color:#1477ad}.partner-row span:nth-child(6){color:#e2231a}.advantage{background:#fff}.advantage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.advantage-grid article{position:relative;border:1px solid var(--line);border-radius:18px;padding:27px 20px;background:#fff;min-height:290px;box-shadow:0 8px 22px rgba(18,18,24,.06)}.number{position:absolute;right:17px;top:15px;color:#e4e4e8;font-size:11px;font-weight:800}.adv-icon{height:42px;width:42px;display:grid;place-content:center;border-radius:13px;color:var(--pink);background:#fff0f6;font-weight:800;font-size:19px}.advantage-grid h3{font-size:17px;margin:23px 0 14px}.advantage-grid p{font-size:12px;color:var(--muted);margin:0;line-height:1.65}.contact{padding:90px 0;background:var(--ink)}.contact-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center;color:#fff}.contact-copy h2{font-size:clamp(34px,4vw,54px);margin:0 0 18px}.contact-copy>p:not(.eyebrow){color:#c9c9d0;max-width:520px}.contact-details{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.contact-details a{color:#fff;text-decoration:none;font-size:13px;font-weight:700}.contact-details span{display:block;text-transform:uppercase;color:#ffb2d0;font-size:9px;letter-spacing:.1em;margin-bottom:4px}.contact-form{background:#fff;border-radius:var(--radius);padding:29px;color:var(--ink);display:grid;gap:15px}.contact-form label{font-size:11px;font-weight:800}.contact-form input,.contact-form textarea{width:100%;display:block;margin-top:5px;border:1px solid #e1e1e7;border-radius:9px;padding:11px;font:13px Manrope;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #ffb3d0;border-color:var(--pink)}.button-light{background:var(--pink);color:#fff;justify-content:center}.form-note{margin:0;color:#777783;font-size:10px;line-height:1.5}.site-footer{background:#0b0b10;color:#b8b8c1;padding:68px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:70px}.footer-brand{filter:brightness(2.6) grayscale(1);opacity:.96;width:260px;height:58px}.site-footer p{font-size:12px;max-width:360px}.site-footer h3{font-size:13px;letter-spacing:0;margin:0 0 16px;color:#fff}.site-footer a{display:block;color:#b8b8c1;text-decoration:none;font-size:12px;margin:7px 0}.site-footer a:hover{color:#ff8dbd}.footer-bottom{border-top:1px solid #2a2a32;margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;font-size:11px}.footer-bottom a{margin:0}.footer-bottom span span{display:inline}
@media(max-width:980px){.hero-grid,.about-grid,.contact-panel{grid-template-columns:1fr;gap:40px}.hero-grid{padding:60px 0}.hero-copy{padding:0}.hero-art{width:min(530px,100%);margin:auto}.solution-grid{grid-template-columns:repeat(3,1fr)}.solution-card:nth-child(4),.solution-card:nth-child(5){grid-column:span 1}.advantage-grid{grid-template-columns:repeat(3,1fr)}.contact-details{max-width:600px}.about-visual{order:2}.about-copy{order:1}}
@media(max-width:680px){.container{width:min(100% - 32px,1180px)}.nav-wrap{min-height:73px}.brand-crop{width:214px;height:53px}.brand-crop img{width:485px;left:-29px;top:-18px}.menu-toggle{display:block}.main-nav{position:absolute;left:16px;right:16px;top:68px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 16px 30px rgba(0,0,0,.1)}.main-nav.open{display:flex}.main-nav>a{padding:12px}.nav-cta{text-align:center;margin-top:7px}.hero-grid{min-height:0}.hero h1{font-size:43px}.hero-art{height:380px;transform:scale(.86);transform-origin:top center;margin-bottom:-54px}.hero-proof{margin-top:39px;gap:18px}.section{padding:74px 0}.about-grid{gap:36px}.about-visual{height:330px}.visual-screen{padding:21px}.solution-grid{grid-template-columns:1fr}.solution-media{height:155px}.solution-content p{min-height:0;margin-bottom:13px}.partner-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}.advantage-grid{grid-template-columns:1fr}.advantage-grid article{min-height:auto}.contact{padding:60px 0}.contact-panel{gap:34px}.contact-details{grid-template-columns:1fr;gap:13px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{margin-top:36px;gap:15px;flex-direction:column}.footer-brand{width:230px}.section-heading{margin-bottom:34px}}

/* DMT version of the reference About diagram */
.about-visual{height:440px;background:transparent;color:var(--ink);padding:0;overflow:visible;background-image:none}.dmt-diagram{width:400px;height:400px;position:absolute;left:50%;top:18px;transform:translateX(-50%)}.diagram-frame{position:absolute;inset:27px;border:8px solid var(--pink);border-radius:39px;transform:rotate(45deg);box-shadow:0 17px 28px rgba(230,0,90,.11)}.diagram-brand{position:absolute;left:50%;top:46px;transform:translateX(-50%);width:160px;text-align:center;font-weight:800;color:var(--pink);line-height:1}.diagram-brand span{font:800 28px "Plus Jakarta Sans";letter-spacing:-.1em;display:block}.diagram-brand small{font-size:8px;letter-spacing:.17em}.diagram-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:137px;height:137px;border-radius:50%;border:3px solid #f8a7c9;background:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 0 0 10px #fff}.diagram-core span{font-size:9px;font-weight:800;letter-spacing:.05em;color:var(--pink)}.diagram-core strong{font:800 15px "Plus Jakarta Sans";letter-spacing:-.07em;text-transform:uppercase}.diagram-node{width:118px;height:118px;position:absolute;border:3px solid var(--pink);border-radius:18px;background:#fff;transform:rotate(45deg);display:grid;place-content:center}.diagram-node>div{transform:rotate(-45deg);text-align:center;width:94px}.diagram-node b{display:block;color:var(--pink);font-size:19px;line-height:1}.diagram-node strong{display:block;text-transform:uppercase;color:var(--pink);font-size:10px;letter-spacing:.06em;margin:4px 0}.diagram-node small{display:block;font-size:8px;line-height:1.25;color:var(--muted);font-weight:700}.node-solutions{left:24px;top:145px}.node-services{right:24px;top:145px}.node-sales{left:141px;bottom:17px}
@media(max-width:680px){.about-visual{height:350px}.dmt-diagram{transform:translateX(-50%) scale(.78);transform-origin:top center;top:0}}

/* Responsive navigation and action controls: fixed header, safe floating contact, and no mobile wrapping. */
#about,#brands,#products,#services,#markets,#contact{scroll-margin-top:104px}
.brand-row .brand-card{overflow:hidden}
.brand-row .brand-card img{display:block;max-width:100%;max-height:100%;object-fit:contain;object-position:center;margin:auto}
/* The supplied Hisense file has extra transparent space above the visible mark. */
.brand-row .brand-card:first-child img{transform:translateY(-22px)}
.brand-row .brand-card:first-child:hover img{transform:translateY(-22px) scale(1.04)}
/* The desktop footer is defined later in this file, so restore the single-column mobile layout here. */
@media(max-width:680px){
  .footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  .footer-grid>div:first-child{transform:none!important}
  .footer-brand{width:230px!important}
  .footer-bottom{margin-top:36px;gap:15px;flex-direction:column}
}

/* Six practical reasons to partner with DMT, scaled from a single mobile column to six cards on wide screens. */
.advantage-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.advantage-grid article{min-height:300px;padding:24px 16px}
.advantage-grid .adv-icon{width:46px;height:46px;background:transparent;border-radius:0}
.advantage-grid .adv-icon img{display:block;width:40px;height:40px}
.advantage-grid h3{font-size:16px}
.advantage-grid p{font-size:11px}
@media(max-width:1080px) and (min-width:681px){.advantage-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.advantage-grid{grid-template-columns:1fr}.advantage-grid article{min-height:auto}}
@media(max-width:680px){
  body{padding-top:73px}
  .site-header{position:fixed;top:0;right:0;left:0;z-index:1000}
  .main-nav{position:fixed;top:73px;z-index:1001}
  .menu-toggle{display:inline-flex!important;position:relative;z-index:1002;flex-direction:column;align-items:center;justify-content:center;min-width:40px;min-height:40px}
  .trade-hero .hero-actions{flex-direction:column;align-items:flex-start;gap:6px}
  .trade-hero .hero-actions .button-primary,.trade-hero .hero-actions .button-text{white-space:nowrap}
  .trade-hero .hero-actions .button-text{padding:7px 0}
  .trade-hero,.trade-hero .hero-grid{min-height:720px}
  .trade-hero .hero-copy{padding-top:42px;padding-bottom:24px}
  .whatsapp-button{position:fixed!important;display:grid!important;visibility:visible!important;right:max(16px,env(safe-area-inset-right))!important;bottom:max(16px,env(safe-area-inset-bottom))!important;z-index:1003}
  #about,#brands,#products,#services,#markets,#contact{scroll-margin-top:89px}
}

/* Trade-focused banner and single-page product catalogue. */
.main-nav{gap:19px}.main-nav>a{font-size:12px}.trade-hero{background:linear-gradient(90deg,#fff 0%,#fff 42%,rgba(255,255,255,.18) 65%),#f4f5f8}.trade-hero .hero-grid{min-height:600px;gap:20px}.trade-hero .hero-copy{padding:62px 0;position:relative;z-index:2}.trade-hero h1{font-size:clamp(38px,4.2vw,61px);line-height:1.05;max-width:690px;text-transform:uppercase}.trade-hero h1 em{display:inline-block}.trade-hero .hero-lede{max-width:590px;font-size:15px;line-height:1.65;color:#3f3f49}.trade-hero-visual{height:100%;min-height:500px;display:flex;align-items:end;justify-content:flex-end;overflow:hidden}.trade-hero-visual img{width:126%;max-width:none;height:100%;object-fit:cover;object-position:center right;mix-blend-mode:multiply}.trade-proof{gap:0;margin-top:28px}.trade-proof div{width:33.333%;padding-right:15px}.trade-proof strong{font-size:12px;text-transform:uppercase}.trade-proof span{line-height:1.4}.trade-hero .hero-actions{margin-top:28px}.products{padding:110px 0;background:#fff}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.product-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:266px;padding:18px;text-decoration:none;color:var(--ink);border:1px solid #e3e3ea;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 20px rgba(18,18,24,.05);transition:transform .25s ease,box-shadow .25s ease}.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 30px rgba(18,18,24,.12)}.product-card img{width:100%;height:145px;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s ease}.product-card:hover img{transform:scale(1.06)}.product-card span{position:absolute;top:15px;left:15px;border-radius:999px;background:var(--pink);color:#fff;font-size:10px;font-weight:800;padding:3px 7px}.product-card h3{font-size:16px;margin:16px 4px 2px;line-height:1.18}.product-card-cooling img{object-position:70% center;transform:scale(1.35)}.product-card-cooling:hover img{transform:scale(1.43)}.brand-row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;filter:none;margin-top:42px}.brand-row img{width:100%;height:88px;object-fit:contain;filter:grayscale(1);opacity:.82;transition:filter .2s ease,opacity .2s ease,transform .2s ease}.brand-row img:hover{filter:none;opacity:1;transform:translateY(-3px)}
@media(max-width:1080px){.main-nav{gap:12px}.main-nav>a{font-size:11px}.trade-hero .hero-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(3,1fr)}.product-card{min-height:245px}.brand-row{grid-template-columns:repeat(4,1fr)}}
@media(max-width:680px){.trade-hero{background:linear-gradient(180deg,#fff 0%,#fff 49%,#f5f6f8 100%)}.trade-hero .hero-grid{gap:0}.trade-hero .hero-copy{padding:54px 0 15px}.trade-hero h1{font-size:37px}.trade-hero-visual{min-height:270px;height:270px;margin:0 -16px}.trade-hero-visual img{width:100%;height:100%;object-position:center;mix-blend-mode:normal}.trade-proof{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:23px}.trade-proof div{width:auto;padding-right:0}.trade-proof div:last-child{grid-column:span 2}.products{padding:74px 0}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.product-card{min-height:220px;padding:13px;border-radius:14px}.product-card img{height:118px}.product-card h3{font-size:14px;margin:10px 1px 2px}.product-card:last-child{grid-column:span 2}.brand-row{grid-template-columns:repeat(2,1fr);gap:15px}.brand-row img{height:70px}.main-nav>a{font-size:13px}}

/* Full-width hero with readable text layered above the original DMT visual. */
.trade-hero{isolation:isolate;min-height:620px;background:#eff0f4}.trade-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url("assets/dmt-trade-hero.png") center 47%/cover no-repeat}.trade-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 34%,rgba(255,255,255,.62) 53%,rgba(255,255,255,.08) 76%,rgba(255,255,255,.04) 100%)}.trade-hero .hero-grid{grid-template-columns:1fr;min-height:620px;align-items:center}.trade-hero .hero-copy{max-width:660px;padding:64px 0}.trade-hero-visual{display:none}.trade-hero h1{font-size:clamp(42px,4.4vw,65px);max-width:650px}.trade-hero .hero-lede{font-size:16px;max-width:600px}.solution-media{padding:0;isolation:isolate}.solution-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;filter:brightness(.56) saturate(.78);transition:transform .35s ease}.solution-card:hover .solution-media>img{transform:scale(1.06)}.solution-media:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(18,18,24,.5),rgba(18,18,24,.12));z-index:-1}.solution-media>span{position:absolute;top:16px;left:17px}.solution-media>b{position:absolute;bottom:16px;left:17px}.solution-media:after{z-index:0}.solution-media b{z-index:1}
.mobile-break{display:none}@media(max-width:680px){html,body{overflow-x:hidden}.trade-hero{min-height:770px}.trade-hero:before{background-position:62% center}.trade-hero:after{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 64%,rgba(255,255,255,.42) 100%)}.trade-hero .hero-grid{display:block!important;min-height:770px}.trade-hero .hero-copy{display:block;width:270px!important;inline-size:270px!important;min-width:0;max-width:270px;padding:58px 0 44px}.trade-hero h1{max-width:270px!important;font-size:34px;line-height:1.08;overflow-wrap:anywhere}.mobile-break{display:block}.trade-hero .hero-lede{width:270px!important;max-width:270px;font-size:14px;overflow-wrap:anywhere}.trade-proof{display:grid;grid-template-columns:1fr;width:270px!important;max-width:270px}.trade-proof div:last-child{grid-column:auto}.trade-proof div{min-width:0}.trade-proof span{overflow-wrap:anywhere}.solution-media{height:175px}}

/* A continuous hero image with a dark, graded reading layer instead of a white split. */
.trade-hero{background:#161219}.trade-hero:after{background:linear-gradient(90deg,rgba(18,15,23,.94) 0%,rgba(18,15,23,.85) 34%,rgba(18,15,23,.57) 57%,rgba(18,15,23,.18) 82%,rgba(18,15,23,.10) 100%)}.trade-hero .eyebrow,.trade-hero h1{color:#fff}.trade-hero .eyebrow span{background:#ff79ae}.trade-hero h1 em{color:#ff4f93}.trade-hero .hero-lede{color:rgba(255,255,255,.84)}.trade-hero .button-text{color:#fff}.trade-hero .button-text span{color:#ff79ae}.trade-hero .hero-proof div{border-color:#ff4f93}.trade-hero .hero-proof strong{color:#fff}.trade-hero .hero-proof span{color:rgba(255,255,255,.72)}
@media(max-width:680px){.trade-hero:after{background:linear-gradient(90deg,rgba(18,15,23,.95) 0%,rgba(18,15,23,.85) 62%,rgba(18,15,23,.42) 100%)}}

/* Desktop first screen: header plus hero fit one viewport, with a lighter image treatment. */
@media(min-width:681px){.trade-hero,.trade-hero .hero-grid{min-height:calc(100svh - 88px)}.trade-hero{height:calc(100svh - 88px)}}
.trade-hero:after{background:linear-gradient(90deg,rgba(18,15,23,.78) 0%,rgba(18,15,23,.68) 34%,rgba(18,15,23,.40) 57%,rgba(18,15,23,.12) 82%,rgba(18,15,23,.07) 100%)}.trade-hero .hero-copy{text-shadow:0 2px 16px rgba(0,0,0,.24)}
@media(max-width:680px){.trade-hero:after{background:linear-gradient(90deg,rgba(18,15,23,.86) 0%,rgba(18,15,23,.74) 62%,rgba(18,15,23,.30) 100%)}}

/* Anchor contact safely below the sticky header, leaving the section's own breathing room intact. */
#contact{scroll-margin-top:88px}

/* Uniform white logo cards preserve each supplier's original colour and remove mixed source backgrounds. */
.brand-row{align-items:stretch}.brand-card{height:126px;background:#fff;border:1px solid #ededf1;border-radius:16px;padding:22px;display:grid;place-items:center;box-shadow:0 8px 20px rgba(18,18,24,.045)}.brand-row .brand-card img{width:100%;height:100%;object-fit:contain;filter:none!important;opacity:1!important;mix-blend-mode:normal;transition:transform .2s ease}.brand-row .brand-card:hover img{transform:scale(1.04)}
@media(max-width:680px){#contact{scroll-margin-top:73px}.brand-card{height:105px;padding:16px}}

/* Final footer theme: plain original dark footer, no gradient or accent line. */
.site-footer{background:#0b0b10!important;border-top:0!important}.site-footer:before{display:none!important}.site-footer h3{color:#fff!important}.site-footer a{color:#b8b8c1!important}.site-footer a:hover{color:#ff8dbd!important}.footer-bottom{border-color:#2a2a32!important}

/* Standard motion and direct WhatsApp contact. */
.whatsapp-button{position:fixed;right:24px;bottom:24px;z-index:12;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#fff;text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.24);transition:transform .2s,box-shadow .2s}.whatsapp-button img{display:block;width:27px;height:27px}.whatsapp-button:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 14px 32px rgba(37,211,102,.35)}.whatsapp-button:focus-visible{outline:3px solid #fff;outline-offset:3px}body.js-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease var(--reveal-delay,0ms),transform .6s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}body.js-ready .reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.whatsapp-button,body.js-ready .reveal{transition:none!important;transform:none!important;opacity:1!important}}@media(max-width:680px){.whatsapp-button{right:16px;bottom:16px;width:50px;height:50px}}

/* One restrained motion pattern for every section. */
body.js-ready .reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease var(--reveal-delay,0ms),transform .5s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}
body.js-ready .solution-card.is-visible:hover{transform:translateY(-7px);transition:transform .25s ease,box-shadow .25s ease}
/* Capture-only mode keeps full-page exports stable without changing normal browsing. */
.capture-mode .site-header{position:static}.capture-mode .whatsapp-button{position:absolute}.capture-mode .reveal{opacity:1!important;transform:none!important;transition:none!important}
.capture-mode .trade-hero,.capture-mode .trade-hero .hero-grid{height:620px!important;min-height:620px!important}

/* Restored original dark footer and standard reversed logo treatment. */
.site-footer{background:#0b0b10;border-top:0}.site-footer:before{display:none}.brand-logo.footer-brand{filter:brightness(0) invert(1);opacity:.96}.site-footer h3{color:#fff}.site-footer a{color:#b8b8c1}.site-footer a:hover{color:#ff8dbd}.footer-bottom{border-color:#2a2a32}

/* Tighter, evenly balanced desktop footer columns. */
.site-footer{padding:50px 0 24px}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;align-items:start}.footer-grid>div:first-child{transform:translateY(-10px)}
@media(max-width:680px){.footer-grid>div:first-child{transform:none}}

/* Keep the growth message clear above the three supporting pillars. */
.diagram-frame{border-width:7px;box-shadow:0 20px 38px rgba(230,0,90,.14),inset 0 0 0 9px rgba(230,0,90,.035)}.diagram-brand{z-index:5}.diagram-brand:after{content:"";display:block;width:34px;height:2px;background:var(--pink);margin:8px auto 0}.diagram-core{width:158px;height:158px;z-index:4;border-width:3px;box-shadow:0 0 0 11px #fff,0 9px 24px rgba(230,0,90,.10)}.diagram-core:after{content:"✦";position:absolute;top:17px;left:50%;transform:translateX(-50%);font-size:12px;color:var(--pink)}.diagram-core span{margin-top:13px;font-size:8px}.diagram-core strong{font-size:13px;line-height:1.12;max-width:100px;margin:5px auto 0}.diagram-node{z-index:2;box-shadow:0 8px 18px rgba(18,18,24,.06)}.node-solutions{left:12px;top:145px}.node-services{right:12px;top:145px}.node-sales{left:141px;bottom:8px}

/* Website-ready transparent DMT logo. */
.brand-logo{display:block;width:274px;line-height:0;flex:0 0 auto}.brand-logo img{display:block;width:100%;height:auto}.brand-logo.footer-brand{width:260px;height:auto;filter:none;opacity:1}@media(max-width:680px){.brand-logo{width:230px}.brand-logo.footer-brand{width:230px}}

/* Distinct, high-contrast footer with DMT brand accent. */
.site-footer{background:linear-gradient(125deg,#17050c 0%,#2c0012 52%,#16030a 100%);border-top:4px solid var(--pink)}.site-footer:before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);margin-bottom:0}.site-footer h3{color:#fff7fb}.site-footer a{color:#e5cfd9}.site-footer a:hover{color:#fff}.footer-bottom{border-color:rgba(255,255,255,.16)}

/* Larger, clearer labels in the DMT capability diagram. */
.diagram-brand span{font-size:30px}.diagram-brand small{font-size:9px}.diagram-core span{font-size:9px;letter-spacing:.08em}.diagram-core strong{font-size:15px;line-height:1.14;letter-spacing:-.045em;max-width:120px}.diagram-node>div{width:104px}.diagram-node strong{font-size:11px;letter-spacing:.08em;margin:6px 0}.diagram-node small{font-size:9px;line-height:1.35;font-weight:800;color:#4e4e5b}

/* Safe separation between the centre message and each diamond card. */
.diagram-core{width:142px;height:142px}.diagram-core span{margin-top:11px}.diagram-core strong{font-size:14px}.node-solutions{left:-24px}.node-services{right:-24px}.node-sales{bottom:-14px}
@media(max-width:680px){.about-visual{height:370px}}

/* Rebuilt reference-style composition: every card sits within the main diamond. */
.about-visual{height:500px;overflow:hidden}.dmt-diagram{width:480px;height:480px;top:0}.diagram-frame{inset:78px}.diagram-brand{top:70px}.diagram-core{width:142px;height:142px}.node-solutions{left:48px;top:178px}.node-services{right:48px;top:178px}.node-sales{left:181px;bottom:25px}
@media(max-width:680px){.about-visual{height:360px}.dmt-diagram{transform:translateX(-50%) scale(.70);transform-origin:top center;top:0}}

/* Restored pre-clarity diagram composition. */
.about-visual{height:440px;overflow:visible}.dmt-diagram{width:400px;height:400px;top:18px}.diagram-frame{inset:27px}.diagram-brand{top:46px}.diagram-core{width:158px;height:158px}.diagram-core span{margin-top:13px;font-size:8px;letter-spacing:.05em}.diagram-core strong{font-size:13px;line-height:1.12;letter-spacing:-.07em;max-width:100px;margin:5px auto 0}.diagram-node>div{width:94px}.diagram-node strong{font-size:10px;letter-spacing:.06em;margin:4px 0}.diagram-node small{font-size:8px;line-height:1.25;font-weight:700}.node-solutions{left:12px;top:145px}.node-services{right:12px;top:145px}.node-sales{left:141px;bottom:8px}
@media(max-width:680px){.about-visual{height:350px}.dmt-diagram{transform:translateX(-50%) scale(.78);transform-origin:top center;top:0}}
