/* DESMAT landing v4 collage - scoped to .du-home */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500;700;800&family=DM+Sans:wght@400;500;700&family=DM+Mono:wght@400;500&family=Caveat:wght@600&display=swap');
.du-home{--ink:#15122e;--ink2:#241f4a;--hot:#ff6b3d;--hot-dk:#e9541f;--butter:#ffd84d;--mist:#f4f3f9;--line:#e4e1ef;--text:#2c2848;--mute:#6b6788;--blue:#e3ecff;--peach:#ffe5da;--mint:#dcf4e8;--lilac:#ece6ff;
 font-family:'DM Sans',system-ui,sans-serif;color:var(--text);font-size:16px;line-height:1.55;background-color:#fff;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;overflow:hidden}
.du-home *,.du-home *::before,.du-home *::after{box-sizing:border-box}
:where(.du-home) h1,:where(.du-home) h2,:where(.du-home) h3,:where(.du-home) p,:where(.du-home) ul,:where(.du-home) address{margin:0;padding:0;font-style:normal}
:where(.du-home) ul{list-style:none}
:where(.du-home) a{text-decoration:none;color:inherit}
:where(.du-home) h1,:where(.du-home) h2,:where(.du-home) h3{font-family:'Bricolage Grotesque',sans-serif;color:var(--ink);line-height:1.08}
.du-wrap{max-width:1240px;margin:0 auto;padding:0 20px;position:relative}
.du-sec{padding:84px 0;position:relative}
.du-hero{padding:56px 0 84px}
.du-mist{background:rgba(244,243,249,.92)}
/* titles */
.du-title{text-align:center;margin-bottom:44px;position:relative}
.du-kick{display:inline-block;font-weight:700;font-size:14px;color:var(--hot-dk);margin-bottom:12px}
.du-kick-light{color:var(--butter)}
.du-title h1,.du-title h2,.du-numbers-copy h2,.du-final-copy h2{display:flex;flex-direction:column;gap:6px}
.du-title h1 b,.du-title h2 b,.du-numbers-copy h2 b,.du-final-copy h2 b{font-weight:800;font-size:clamp(34px,5.4vw,68px);letter-spacing:-.02em}
.du-title h1 span,.du-title h2 span,.du-numbers-copy h2 span,.du-final-copy h2 span{font-weight:500;font-size:clamp(24px,3.6vw,46px);color:var(--mute);letter-spacing:-.01em}
.du-title-dark h2 b{color:#fff}.du-title-dark h2 span{color:#a9a5c8}
.du-ghostwrap{position:absolute;left:0;right:0;top:-10px;text-align:center;pointer-events:none;z-index:0}
.du-ghost{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(140px,22vw,300px);line-height:1;color:rgba(21,18,46,.06)}
.du-ghost-dark{color:rgba(255,255,255,.07)}
.du-title,.du-herogrid,.du-tabs,.du-products{position:relative;z-index:1}
.du-note{position:absolute;display:flex;align-items:center;gap:6px;font-family:'Caveat',cursive;font-size:24px;color:var(--ink);transform:rotate(-4deg)}
.du-note-r{right:2%;top:110%}
.du-note svg{width:64px;height:40px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.du-note-light{color:var(--butter)}
.du-title-hero{margin-bottom:56px}
/* hero grid */
.du-herogrid{display:grid;grid-template-columns:300px 1fr 1fr;gap:20px;align-items:stretch}
.du-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 14px 34px -22px rgba(21,18,46,.4)}
.du-panel h2{font-size:22px;margin-bottom:14px}
.du-search{display:flex;border:1.5px solid var(--ink);border-radius:999px;overflow:hidden;margin-bottom:16px;background:#fff}
.du-search input{flex:1;min-width:0;border:0;padding:11px 16px;font:inherit;font-size:14px;outline:0;background:transparent;box-shadow:none;height:auto;margin:0}
.du-search button{border:0;background:var(--hot);width:46px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.du-search svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
.du-cats li a{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-radius:12px;font-weight:500;color:var(--ink);transition:background .2s}
.du-cats li a:hover{background:var(--mist)}
.du-cats em{font-style:normal;font-size:12px;font-weight:700;background:var(--butter);color:var(--ink);border-radius:999px;padding:2px 9px}
.du-cat-all a{background:var(--ink);color:#fff!important}.du-cat-all a:hover{background:var(--ink2)}
.du-tiny{font-size:12px;color:var(--mute);margin-top:14px}
.du-win{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--ink);border-radius:20px;overflow:hidden;box-shadow:8px 8px 0 var(--ink);transition:transform .25s,box-shadow .25s;color:var(--text)}
.du-win:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--hot)}
.du-win-bar{display:flex;gap:6px;padding:10px 14px;border-bottom:1.5px solid var(--ink);background:var(--butter)}
.du-win-bar i{width:11px;height:11px;border-radius:50%;background:#fff;border:1.5px solid var(--ink);display:block}
.du-win-body{flex:1;background:var(--blue);display:flex;align-items:center;justify-content:center;padding:18px;min-height:240px}
.du-win-photo{background:var(--peach)}
.du-win-body img{max-width:100%;max-height:260px;object-fit:contain;display:block;border-radius:6px}
.du-win-cap{padding:14px 18px;border-top:1.5px solid var(--ink)}
.du-win-cap b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:19px;color:var(--ink)}
.du-win-cap span{font-size:14px;color:var(--mute)}
/* buttons / links */
.du-btn{display:inline-block;padding:13px 26px;border-radius:999px;font-weight:700;font-size:15px;border:1.5px solid var(--ink);transition:transform .2s,background .2s;cursor:pointer}
.du-btn:hover{transform:translateY(-2px)}
.du-btn-hot{background:var(--hot);color:#fff!important;border-color:var(--hot)}.du-btn-hot:hover{background:var(--hot-dk)}
.du-btn-light{background:#fff;color:var(--ink)!important;border-color:#fff}
.du-btn-ghost{background:transparent;color:#fff!important;border-color:#fff}
.du-btn-sm{padding:9px 20px;font-size:14px}
.du-more{display:inline-block;margin-top:14px;font-weight:700;color:var(--ink);border-bottom:2px solid var(--hot)}
.du-more:hover{color:var(--hot-dk)}
.du-center{text-align:center;margin-top:40px}
.du-for{font-size:13px;font-weight:700;color:var(--hot-dk);margin-bottom:8px}
.du-for-light{color:var(--butter)}
/* buyers bento */
.du-buyers{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.du-buyer{border-radius:24px;padding:26px;display:flex;flex-direction:column;border:1px solid rgba(21,18,46,.08);transition:transform .25s}
.du-buyer:hover{transform:translateY(-5px)}
.du-buyer h3{font-size:25px;margin-bottom:16px}
.du-buyer.b1{background:var(--blue)}.du-buyer.b2{background:var(--peach)}.du-buyer.b3{background:var(--mint)}
.du-buyer.b4{background:linear-gradient(150deg,#ff6b3d,#ff9a5c 60%,#ffd84d);justify-content:space-between}
.du-buyer.b4 h3{color:#fff}
.du-chips{display:flex;flex-direction:column;gap:8px;margin-bottom:auto}
.du-chips li{background:rgba(255,255,255,.75);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:500;color:var(--ink)}
.du-buyer .du-more{align-self:flex-start;margin-top:22px}
.du-shield{width:64px;height:72px;fill:rgba(255,255,255,.25);stroke:#fff;stroke-width:4;stroke-linejoin:round;stroke-linecap:round;margin:6px 0 14px}
.du-buyer.b4 .du-btn{align-self:flex-start;margin-top:20px}
/* black section */
.du-black{background:var(--ink);color:#d8d5ee;padding:92px 0;position:relative;overflow:hidden}
.du-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:34px}
.du-tabs button{font:inherit;font-weight:700;font-size:14px;color:#fff;background:transparent;border:1.5px solid rgba(255,255,255,.3);border-radius:999px;padding:9px 20px;cursor:pointer;transition:.2s}
.du-tabs button:hover{border-color:#fff}
.du-tabs button.on{background:var(--butter);border-color:var(--butter);color:var(--ink)}
.du-products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
/* numbers */
.du-numbers{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;background:var(--ink);border-radius:32px;padding:56px;color:#d8d5ee}
.du-numbers-copy h2 b{color:#fff}.du-numbers-copy h2 span{color:#a9a5c8}
.du-numbers-copy>p{margin:22px 0 26px;max-width:46ch}
.du-receipt-wrap{display:flex;justify-content:center;perspective:900px}
.du-receipt{width:100%;max-width:360px;background:#fffdf6;color:#222;font-family:'DM Mono',monospace;font-size:14px;padding:26px 24px 34px;transform:rotate(1.6deg);box-shadow:0 24px 50px -20px rgba(0,0,0,.6);-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/18px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/18px 100%}
.rc-brand{text-align:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:28px;letter-spacing:.06em;color:#15122e}
.rc-sub{text-align:center;font-size:11px;color:#777;margin:4px 0 16px}
.rc-lines li{display:flex;align-items:baseline;gap:6px;padding:6px 0}
.rc-lines i{flex:1;border-bottom:1.5px dotted #aaa;transform:translateY(-3px)}
.rc-lines b{font-weight:500;font-size:16px}
.rc-total{display:flex;justify-content:space-between;border-top:2px solid #222;margin-top:12px;padding-top:10px;font-weight:500}
.rc-bar{height:34px;margin:16px 0 8px;background:repeating-linear-gradient(90deg,#222 0 2px,transparent 2px 4px,#222 4px 5px,transparent 5px 9px,#222 9px 12px,transparent 12px 14px)}
.rc-thanks{text-align:center;font-size:12px;color:#777}
.du-receipt.armed .rc-lines li,.du-receipt.armed .rc-total,.du-receipt.armed .rc-bar,.du-receipt.armed .rc-thanks{opacity:0;transform:translateY(-10px);transition:opacity .45s,transform .45s}
.du-receipt.printing .rc-lines li,.du-receipt.printing .rc-total,.du-receipt.printing .rc-bar,.du-receipt.printing .rc-thanks{opacity:1;transform:none}
.du-receipt.printing .rc-lines li:nth-child(1){transition-delay:.1s}.du-receipt.printing .rc-lines li:nth-child(2){transition-delay:.35s}.du-receipt.printing .rc-lines li:nth-child(3){transition-delay:.6s}.du-receipt.printing .rc-lines li:nth-child(4){transition-delay:.85s}.du-receipt.printing .rc-lines li:nth-child(5){transition-delay:1.1s}.du-receipt.printing .rc-lines li:nth-child(6){transition-delay:1.35s}
.du-receipt.printing .rc-total{transition-delay:1.7s}.du-receipt.printing .rc-bar{transition-delay:2s}.du-receipt.printing .rc-thanks{transition-delay:2.2s}
/* collage */
.du-collage{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.du-cc{border-radius:24px;padding:28px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}
.du-cc h3{font-size:26px;margin-bottom:12px}
.du-cc p{font-size:15px;color:var(--text)}
.du-cc .du-for{color:var(--hot-dk);font-size:13px}
.c-about{grid-column:span 5;background:var(--blue)}
.c-soft{grid-column:span 4;background:#fff;border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--butter)}
.c-soft .du-win-bar{align-self:stretch;margin:-28px -28px 20px;border-radius:22px 22px 0 0;border-bottom:1.5px solid var(--ink)}
.c-soft .du-btn{margin-top:18px}
.c-res{grid-column:span 3;background:var(--peach)}
.c-partner{grid-column:span 5;background:var(--ink);border-color:var(--ink)}
.c-partner h3{color:#fff}
.c-tt{grid-column:span 3;background:var(--mint)}
.c-index{grid-column:span 4;background:#fff}
.du-codes{display:flex;flex-wrap:wrap;gap:7px}
.du-codes li{background:rgba(255,255,255,.8);border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700;color:var(--ink)}
.du-plist{width:100%}
.du-plist li a{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.15);color:#fff;font-weight:500;font-size:17px}
.du-plist li a:hover{color:var(--butter)}
.du-plist em{font-style:normal;font-size:12px;font-weight:700;background:var(--butter);color:var(--ink);padding:3px 12px;border-radius:999px}
.du-idx{width:100%}
.du-idx li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line);font-weight:500;color:var(--ink)}
.du-idx em{font-style:normal;color:var(--mute)}
/* final */
.du-final-grid{display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:center}
.du-book{text-align:center;transform:rotate(-4deg)}
.du-book img{width:100%;max-width:240px;border-radius:6px;box-shadow:12px 12px 0 var(--hot);display:block;margin:0 auto 22px}
.du-book span{font-family:'Caveat',cursive;font-size:24px;color:var(--butter);line-height:1.2;display:block}
.du-final-copy h2 b{color:#fff}.du-final-copy h2 span{color:#a9a5c8}
.du-final-copy>p{margin:20px 0 26px;max-width:54ch}
.du-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}
.du-final-copy address{font-size:14px;line-height:1.8;color:#c9c5e6;border-top:1px solid rgba(255,255,255,.18);padding-top:20px}
.du-final-copy address b{display:block;color:#fff;font-size:16px}
.du-final-copy address a{color:var(--butter)}
/* responsive */
@media (max-width:1100px){.du-products{grid-template-columns:repeat(3,1fr)}.du-buyers{grid-template-columns:repeat(2,1fr)}.du-herogrid{grid-template-columns:1fr 1fr}.du-panel{grid-column:1/-1}.c-about,.c-partner{grid-column:span 6}.c-soft,.c-index{grid-column:span 6}.c-res,.c-tt{grid-column:span 6}}
@media (max-width:760px){.du-sec{padding:56px 0}.du-black{padding:60px 0}.du-products,.du-buyers,.du-herogrid{grid-template-columns:1fr}.du-collage{grid-template-columns:1fr}.du-collage .du-cc{grid-column:auto!important}.du-numbers{grid-template-columns:1fr;padding:32px 22px;gap:36px}.du-final-grid{grid-template-columns:1fr;gap:34px}.du-book{max-width:200px;margin:0 auto}.du-note{display:none}.du-title{margin-bottom:30px}.du-win{box-shadow:5px 5px 0 var(--ink)}}
@media (prefers-reduced-motion:reduce){.du-home *{transition:none!important}.du-receipt.armed .rc-lines li,.du-receipt.armed .rc-total,.du-receipt.armed .rc-bar,.du-receipt.armed .rc-thanks{opacity:1;transform:none}}

.du-title-dark .du-kick{color:var(--butter)}

/* value-proposition cards */
.du-vp{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:stretch}
.du-vc{--c:#2563eb;--c-dk:#1d4ed8;--c-soft:#eff6ff;--c-line:#dbeafe;position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px -2px rgba(21,18,46,.06);transition:transform .3s,box-shadow .3s}
.du-vc:hover{transform:translateY(-6px);box-shadow:0 22px 38px -10px rgba(21,18,46,.16)}
.du-vc::before{content:"";display:block;height:6px;background:var(--c)}
.vc-amber{--c:#d97706;--c-dk:#b45309;--c-soft:#fffbeb;--c-line:#fde9bd}
.vc-green{--c:#10b981;--c-dk:#047857;--c-soft:#ecfdf5;--c-line:#c7f0de}
.vc-purple{--c:#8b5cf6;--c-dk:#6d28d9;--c-soft:#f5f0ff;--c-line:#e4d8fd}
.du-vc-body{display:flex;flex-direction:column;flex:1;padding:22px}
.du-vc-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.du-vc-ico{flex:none;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--c-soft);border:1px solid var(--c-line);color:var(--c)}
.du-vc-ico svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.du-vc-head small{display:block;font-size:12px;font-weight:700;color:var(--c-dk)}
.du-vc-head h3{font-size:20px;margin-top:2px}
.du-vc-art{position:relative;height:150px;margin-bottom:18px;border-radius:14px;border:1px solid var(--c-line);background:linear-gradient(135deg,var(--c-soft),#fff 85%);overflow:hidden}
.du-vc-art svg{display:block;width:100%;height:100%;padding:8px;transition:transform .5s}
.du-vc:hover .du-vc-art svg{transform:scale(1.06)}
.du-vc-badge{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;gap:7px;padding:4px 11px;border-radius:9px;background:rgba(255,255,255,.9);border:1px solid var(--c-line);font-size:12px;font-weight:700;color:var(--ink)}
.du-vc-badge i{display:block;width:8px;height:8px;border-radius:50%;background:var(--c);animation:duPing 2s infinite}
@keyframes duPing{0%{box-shadow:0 0 0 0 rgba(37,99,235,.0)}30%{box-shadow:0 0 0 0 var(--c)}100%{box-shadow:0 0 0 8px rgba(0,0,0,0)}}
.du-vc-list{flex:1}
.du-vc-list li{position:relative;padding-left:27px;margin-bottom:11px;font-size:14px;line-height:1.45;color:var(--text)}
.du-vc-list li::before{content:"";position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;background:var(--c-soft);border:1px solid var(--c-line)}
.du-vc-list li::after{content:"";position:absolute;left:6px;top:4px;width:4px;height:8px;border:solid var(--c);border-width:0 2px 2px 0;transform:rotate(45deg)}
.du-vc-foot{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-top:1px solid var(--c-line);background:var(--c-soft);font-weight:700;font-size:14px;color:var(--c-dk)}
.du-vc-foot::after{content:"";width:9px;height:9px;border:solid currentColor;border-width:2px 2px 0 0;transform:rotate(45deg);transition:transform .25s}
.du-vc:hover .du-vc-foot::after{transform:translateX(4px) rotate(45deg)}
.du-vc-foot a::before{content:"";position:absolute;inset:0;z-index:2}
@media (max-width:1100px){.du-vp{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.du-vp{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.du-vc-badge i{animation:none}.du-vc,.du-vc-art svg{transition:none}}

.vc-teal{--c:#0891b2;--c-dk:#0e7490;--c-soft:#ecfeff;--c-line:#bdeef7}
.vc-rose{--c:#e11d48;--c-dk:#be123c;--c-soft:#fff1f2;--c-line:#fecdd3}
.vc-indigo{--c:#4f46e5;--c-dk:#4338ca;--c-soft:#eef2ff;--c-line:#d4d9fb}
.vc-orange{--c:#ea580c;--c-dk:#c2410c;--c-soft:#fff7ed;--c-line:#fed7aa}

/* site-preview cards */
.ds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.ds-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:22px;padding:12px 14px 0;box-shadow:0 18px 40px -18px rgba(21,18,46,.25);transition:transform .3s,box-shadow .3s}
.ds-card:hover{transform:translateY(-6px);box-shadow:0 28px 50px -18px rgba(21,18,46,.32)}
.ds-dots{display:flex;gap:7px;padding:6px 6px 12px}
.ds-dots i{display:block;width:12px;height:12px;border-radius:50%;background:#ff5f57}
.ds-dots i:nth-child(2){background:#febc2e}.ds-dots i:nth-child(3){background:#28c840}
.ds-shot{position:relative;height:500px;overflow:hidden;border-radius:6px;background:#efefef;font-family:'DM Sans',sans-serif;font-size:9px;line-height:1.35;color:#222}
.ds-shot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46px;background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.9));pointer-events:none}
.ds-shot img{display:block;max-width:100%}
.ds-strip{background:#ffd84d;color:#15122e;font-size:7px;font-weight:700;text-align:center;padding:4px}
.ds-nav{display:flex;align-items:center;gap:11px;background:#fff;padding:9px 14px;border-bottom:1px solid #e6e6e6}
.ds-nav b{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:15px;color:#e9541f;margin-right:auto}
.ds-nav span{font-size:7.5px;color:#444}
.ds-nav u{width:9px;height:9px;border:1.5px solid #444;border-radius:50%}
.ds-hero{position:relative;display:flex;align-items:center;min-height:190px;overflow:hidden}
.ds-dark{background:#26262b;color:#fff}
.ds-light{background:#e9e9ec}
.ds-copy{position:relative;z-index:2;width:56%;padding:22px 0 22px 16px}
.ds-copy h4,.ds-panel h4{font-family:'Bricolage Grotesque',sans-serif;font-size:22px;line-height:1.08;font-weight:700;margin:0 0 8px;color:inherit}
.ds-light .ds-copy h4{color:#15122e}
.ds-copy p,.ds-panel p{font-size:8px;opacity:.8;margin:0 0 12px;color:inherit}
.ds-btn{display:inline-block;background:#ffd84d;color:#15122e;font-weight:700;font-size:7.5px;padding:5px 10px;border-radius:3px}
.ds-btn-dark{background:#26262b;color:#fff}
.ds-art{position:absolute;right:0;top:0;bottom:0;width:48%;display:flex;align-items:center;justify-content:center}
.ds-art-y{background:#ffd84d;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%)}
.ds-art-y img{width:62%;margin-left:14%;transform:rotate(4deg);box-shadow:0 8px 18px rgba(0,0,0,.3)}
.ds-art-w img.ds-main{width:52%;box-shadow:0 8px 18px rgba(0,0,0,.25)}
.ds-art-w img.ds-over{position:absolute;width:34%;right:6%;bottom:-6px;box-shadow:0 8px 18px rgba(0,0,0,.25);transform:rotate(5deg)}
.ds-art-w{background:linear-gradient(135deg,#fff,#dcdce2)}
.ds-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px 8px 0}
.ds-tile{background:#fff;border:1px solid #e3e3e3;border-radius:5px;padding:8px;min-height:104px;display:flex;flex-direction:column;gap:4px}
.ds-tile b{font-size:8.5px;color:#15122e}
.ds-tile span{font-size:7px;color:#666}
.ds-tile-dark{background:#26262b;border-color:#26262b;flex-direction:row;gap:6px;color:#fff}
.ds-tile-dark b{color:#fff;display:block;margin-bottom:3px}
.ds-tile-dark span{display:block;color:#bbb}
.ds-tile-dark img{width:38%;object-fit:contain;align-self:flex-start;background:#fff;border-radius:3px}
.ds-codes{display:flex;flex-wrap:wrap;gap:3px}
.ds-codes span{background:#f1f1f1;border-radius:3px;padding:2px 4px;font-weight:700;color:#15122e}
.ds-tile-img{padding:0;position:relative;overflow:hidden;background:#fff}
.ds-tile-img img{width:100%;height:100%;object-fit:cover}
.ds-tile-img em{position:absolute;left:5px;bottom:5px;font-style:normal;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:15px;color:#15122e;background:rgba(255,255,255,.88);padding:2px 6px;border-radius:4px}
.ds-tile-img small{display:block;font-family:'DM Sans',sans-serif;font-weight:500;font-size:6.5px;color:#555}
.ds-ic{display:block;width:16px;height:16px;border-radius:4px;background:#26262b;position:relative}
.ds-ic::after{content:"";position:absolute;inset:4px;background:#ffd84d;border-radius:2px}
.ds-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:16px 12px}
.ds-split h5,.ds-center h5{font-family:'Bricolage Grotesque',sans-serif;font-size:15px;line-height:1.1;font-weight:700;margin:0 0 5px;color:#15122e}
.ds-split p{font-size:7.5px;color:#555;margin:0 0 9px}
.ds-pic{background:#fff;border-radius:4px;padding:6px}
.ds-brands{display:flex;justify-content:space-around;align-items:center;background:#fff;padding:9px 6px;border-bottom:1px solid #e3e3e3;font-weight:700;font-size:8.5px;color:#777}
.ds-yellow{display:grid;grid-template-columns:.8fr 1.2fr;margin:12px 8px 0;background:#ffd84d;border-radius:4px;overflow:hidden}
.ds-yl-img{display:flex;align-items:flex-end;justify-content:center;padding:8px 0 0}
.ds-yl-img img{width:70%}
.ds-yl-copy{padding:12px 10px;display:flex;flex-direction:column;gap:5px}
.ds-yl-copy b{font-size:9.5px;color:#15122e}
.ds-yl-copy span{font-size:7px;color:#3b3b3b}
.ds-yl-copy img{width:42%;background:#fff;padding:3px;border-radius:3px}
.ds-photo{display:block;min-height:210px;background:linear-gradient(135deg,#1c1c20,#3b3b42)}
.ds-art-full{position:absolute;inset:0;width:auto;justify-content:flex-end;padding-right:12px}
.ds-art-full img{height:78%;background:#fff;border-radius:6px;padding:6px;margin-right:6px}
.ds-panel{position:relative;z-index:2;margin:34px 0 0 12px;width:52%;background:rgba(32,32,36,.9);color:#fff;padding:14px}
.ds-center{text-align:center;padding:14px 0 6px}
.ds-center small{display:block;font-size:6.5px;color:#777}
.ds-three{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:4px 8px}
.ds-mini{background:#fff;border-radius:4px;padding:5px;display:flex;flex-direction:column;gap:3px}
.ds-mini img{width:100%;height:62px;object-fit:contain}
.ds-mini b{font-size:7.5px;color:#15122e}
.ds-mini span{font-size:6.5px;color:#777}
.ds-pager{display:flex;justify-content:center;gap:4px;padding:6px}
.ds-pager i{width:5px;height:5px;border-radius:50%;background:#ccc}
.ds-pager i.on{background:#ffd84d}
.ds-cap{padding:20px 8px 24px}
.ds-cap h3{font-size:28px;letter-spacing:-.02em;margin-bottom:8px}
.ds-cap h3 a::after{content:"";position:absolute;inset:0;border-radius:22px;z-index:3}
.ds-cap p{font-size:15px;color:var(--mute)}
@media (max-width:1100px){.ds-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.ds-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}.ds-cap h3{font-size:24px}}
@media (prefers-reduced-motion:reduce){.ds-card{transition:none}}

/* inner-page style sections */
.dp-sec{padding:56px 0}
.dp-frame{background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 22px 46px -22px rgba(21,18,46,.3)}
.dp-banner{position:relative;text-align:center;padding:46px 20px 40px;color:#fff;background:linear-gradient(rgba(21,18,46,.86),rgba(21,18,46,.9)),url(/images/desmat/products/range-collage.png) center/cover}
.dp-crumb{font-size:12px;color:#c9c5e6;margin-bottom:10px}
.dp-banner h2{color:#fff;font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-.02em}
.dp-rule{display:block;width:44px;height:3px;background:var(--butter);margin:14px auto}
.dp-banner p:last-child{max-width:560px;margin:0 auto;font-size:14px;color:#d8d5ee}
/* services */
.dv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:34px}
.dv-card{position:relative;background:#f7f7f9;border:1px solid #ececf2;border-radius:10px;padding:20px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.dv-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -16px rgba(21,18,46,.3)}
.dv-img{width:84px;height:84px;border-radius:12px;background:#fff;border:1px solid #ececf2;display:flex;align-items:center;justify-content:center;margin-bottom:16px;padding:6px}
.dv-img img{max-width:100%;max-height:100%;object-fit:contain}
.dv-card h3{font-size:19px;margin-bottom:8px}
.dv-card h3 a::after{content:"";position:absolute;inset:0;z-index:2}
.dv-card>p{font-size:14px;color:var(--mute);margin-bottom:12px}
.dv-card ul{margin-bottom:18px}
.dv-card li{position:relative;padding-left:20px;font-size:13px;margin-bottom:6px;color:var(--text)}
.dv-card li::before{content:"";position:absolute;left:3px;top:4px;width:4px;height:8px;border:solid var(--hot-dk);border-width:0 2px 2px 0;transform:rotate(45deg)}
.dv-more{margin-top:auto;display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #ececf2;border-radius:6px;padding:10px 12px;font-size:13px;font-weight:700;color:var(--ink)}
.dv-go{width:8px;height:8px;border:solid var(--ink);border-width:2px 2px 0 0;transform:rotate(45deg);transition:transform .25s}
.dv-card:hover .dv-go{transform:translateX(3px) rotate(45deg)}
/* mission */
.dm-body{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;padding:44px 40px}
.dm-tag{font-size:12px;font-weight:700;color:var(--hot-dk);margin-bottom:8px}
.dm-left h3{font-size:32px;margin-bottom:14px}
.dm-left>p{font-size:15px;color:var(--text);margin-bottom:18px;max-width:52ch}
.dm-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-bottom:22px}
.dm-checks li{position:relative;padding-left:22px;font-size:14px;font-weight:500}
.dm-checks li::before{content:"";position:absolute;left:4px;top:4px;width:5px;height:9px;border:solid var(--hot-dk);border-width:0 2px 2px 0;transform:rotate(45deg)}
.dm-word{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(64px,10vw,128px);line-height:1;letter-spacing:-.02em;color:transparent;background:url(/images/desmat/products/range-collage.png) center/cover;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px rgba(21,18,46,.18)}
.dm-right h4{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;color:var(--ink);margin-bottom:8px}
.dm-right>p{font-size:14px;color:var(--mute);margin-bottom:16px}
.dm-bars{display:grid;gap:12px;margin-bottom:20px}
.dm-bars div{position:relative;padding-bottom:10px;font-size:13px;display:flex;justify-content:space-between}
.dm-bars b{font-family:'Bricolage Grotesque',sans-serif;color:var(--ink)}
.dm-bars i{position:absolute;left:0;bottom:0;height:4px;border-radius:2px;background:var(--hot)}
.dm-bars div::before{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:2px;background:var(--line)}
.dm-bars i{z-index:1}
.dm-photo{background:var(--mist);border-radius:10px;padding:10px}
.dm-photo img{width:100%;display:block;border-radius:6px}
/* team */
.dt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:34px}
.dt-photo{height:210px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.dt-photo img{width:100%;height:100%;object-fit:cover}
.dt-photo span{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:54px;letter-spacing:-.02em;color:#fff}
.dt-a{background:linear-gradient(135deg,#241f4a,#4a3fa0)}
.dt-b{background:linear-gradient(135deg,#e9541f,#ff9a5c)}
.dt-c{background:linear-gradient(135deg,#0e7490,#22b3c9)}
.dt-num{background:var(--mist)}
.dt-num span{color:var(--ink)}
.dt-meta{padding:14px 2px 6px;border-bottom:1px solid var(--line)}
.dt-meta b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:18px;color:var(--ink)}
.dt-meta small{display:block;font-size:12px;color:var(--hot-dk);font-weight:700;margin:2px 0 6px}
.dt-meta p{font-size:13px;color:var(--mute)}
@media (max-width:1100px){.dv-grid{grid-template-columns:repeat(2,1fr)}.dt-grid{grid-template-columns:repeat(2,1fr)}.dm-body{grid-template-columns:1fr}}
@media (max-width:760px){.dv-grid,.dt-grid{grid-template-columns:1fr;padding:20px}.dm-body{padding:28px 20px;gap:28px}.dm-checks{grid-template-columns:1fr}.dp-banner{padding:34px 16px 30px}}
@media (prefers-reduced-motion:reduce){.dv-card{transition:none}}

/* shuffled site cards */
.ds-yel{background:#ffd84d;min-height:178px}
.ds-yel .ds-art2{width:46%;padding:12px 0 12px 14px;display:flex;align-items:center;justify-content:center}
.ds-art2 img{width:100%;background:#fff;border-radius:6px;padding:6px;box-shadow:0 8px 16px rgba(0,0,0,.2);transform:rotate(-3deg)}
.ds-copy2{width:54%;padding:16px 14px 16px 18px;color:#15122e}
.ds-copy2 h4{font-family:'Bricolage Grotesque',sans-serif;font-size:21px;line-height:1.08;font-weight:700;margin:0 0 7px;color:#15122e}
.ds-copy2 p{font-size:8px;margin:0 0 11px;color:#3b3b3b}
.ds-two{display:grid;grid-template-columns:1.25fr 1fr;gap:7px;padding:10px 8px 0}
.ds-big{min-height:120px;align-items:center}
.ds-big img{width:46%;object-fit:contain;background:#fff;border-radius:4px;padding:3px}
.ds-stack{display:grid;gap:7px}
.ds-stack .ds-tile{min-height:56px}
.ds-brands-b{margin-top:10px}
.ds-ctr{background:#26262b;color:#fff;justify-content:center;text-align:center;min-height:150px;padding-bottom:50px}
.ds-copy3{padding:22px 24px 0}
.ds-copy3 h4{font-family:'Bricolage Grotesque',sans-serif;font-size:22px;line-height:1.08;font-weight:700;margin:0 0 7px;color:#fff}
.ds-copy3 p{font-size:8px;opacity:.8;margin:0 0 11px;color:#fff}
.ds-float{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 14px;margin-top:-44px;position:relative;z-index:3}
.ds-fp{background:#fff;border-radius:6px;height:104px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px -8px rgba(0,0,0,.4);padding:6px}
.ds-fp img{max-width:100%;max-height:100%;object-fit:contain}
.ds-fp-up{transform:translateY(-8px)}
.ds-band{display:flex;align-items:center;gap:10px;background:#ffd84d;margin:10px 8px 0;padding:10px 12px;border-radius:4px}
.ds-pct{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:26px;color:#15122e}
.ds-band b{display:block;font-size:8.5px;color:#15122e}
.ds-band span{display:block;font-size:7px;color:#3b3b3b}
.ds-slim{min-height:104px}
.ds-art-s{width:40%}
.ds-art-s img.ds-main{width:60%}
.ds-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 8px 0}
.ds-mt{background:#fff;border:1px solid #e3e3e3;border-radius:5px;padding:6px;text-align:center}
.ds-mt img{width:100%;height:56px;object-fit:contain;display:block}
.ds-mt b{display:block;font-size:8px;color:#15122e;margin-top:4px}
.ds-darkband{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#26262b;color:#fff;margin:8px;padding:10px 12px;border-radius:4px}
.ds-darkband b{display:block;font-size:10px;margin-bottom:3px}
.ds-darkband span{display:block;font-size:7px;color:#bbb;margin-bottom:6px}
.ds-darkband span.ds-btn{color:#15122e;display:inline-block;margin:0}
.ds-darkband img{width:34%;border-radius:4px;background:#fff}

/* third row of site cards */
.ds-th-hot .ds-strip,.ds-th-hot .ds-btn{background:#ff6b3d;color:#fff}
.ds-th-teal .ds-strip,.ds-th-teal .ds-btn{background:#14b8a6;color:#fff}
.ds-th-violet .ds-strip,.ds-th-violet .ds-btn{background:#8b5cf6;color:#fff}
.ds-th-hot .ds-nav b{color:#ff6b3d}.ds-th-teal .ds-nav b{color:#0f9488}.ds-th-violet .ds-nav b{color:#7c3aed}
.ds-th-hot .ds-ic::after{background:#ff6b3d}.ds-th-teal .ds-ic::after{background:#14b8a6}.ds-th-violet .ds-ic::after{background:#8b5cf6}
.ds-cov{display:flex;align-items:center;justify-content:space-between;min-height:200px;background-size:cover;background-position:center;color:#fff}
.ds-arr{display:block;width:14px;height:14px;border:1px solid rgba(255,255,255,.7);border-radius:50%;margin:0 8px;flex:none}
.ds-cc{flex:1;text-align:center;padding:18px 6px}
.ds-cc h4{font-family:'Bricolage Grotesque',sans-serif;font-size:24px;line-height:1.05;font-weight:800;margin:0 0 7px;color:#fff;text-transform:none}
.ds-cc p{font-size:8px;margin:0 0 11px;color:#eee}
.ds-btn-o{background:transparent!important;border:1px solid #fff;color:#fff!important;font-weight:700;margin:0 1px}
.ds-benefits,.ds-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 8px 0;background:#fff;margin-top:0}
.ds-benefits div,.ds-icons div{display:flex;flex-direction:column;gap:3px;padding:6px 4px}
.ds-benefits b,.ds-icons b{font-size:8px;color:#15122e}
.ds-benefits span,.ds-icons span{font-size:6.5px;color:#777}
.ds-four{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:4px 8px}
.ds-four .ds-mini img{height:96px;object-fit:cover}
.ds-mos{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:96px 96px;gap:6px;padding:8px;background:#fff}
.ds-mbig,.ds-msm{position:relative;overflow:hidden;border-radius:4px;background:#d7f4ef}
.ds-mbig{grid-row:1/3;display:flex;align-items:center;justify-content:center}
.ds-mbig img{height:100%;object-fit:contain}
.ds-msm img{width:100%;height:100%;object-fit:cover}
.ds-mbig span,.ds-msm span{position:absolute;left:6px;bottom:6px;background:rgba(255,255,255,.92);padding:3px 6px;border-radius:3px;font-size:7.5px;font-weight:700;color:#15122e;max-width:85%}
.ds-mbig span em{display:block;font-style:normal;color:#0f9488;font-size:6.5px}
.ds-wide{margin:10px 8px 0;background:#e8fbf8;border-radius:4px;padding:12px;text-align:center}
.ds-wide b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:12px;color:#15122e;margin-bottom:3px}
.ds-wide span{font-size:7.5px;color:#555}
.ds-wide-v{background:#f1ebff}
.ds-cover{display:flex;align-items:center;justify-content:center;min-height:250px;background-size:cover;background-position:center;color:#fff;text-align:center}
.ds-cc2{padding:20px 14px;width:100%}
.ds-cc2 em{display:block;font-family:'Caveat',cursive;font-style:normal;font-size:16px;color:#e9ddff;margin-bottom:2px}
.ds-cc2 h4{font-family:'Bricolage Grotesque',sans-serif;font-size:25px;font-weight:800;line-height:1.05;margin:0 0 8px;color:#fff;text-transform:none}
.ds-cc2 p{font-size:8px;margin:0 auto 12px;max-width:230px;color:#e8e3f7}
.ds-btn-w{background:#fff!important;color:#4c1d95!important;margin:0 2px}
.ds-box{position:absolute;right:12px;bottom:-26px;width:62px;box-shadow:0 8px 16px rgba(0,0,0,.4);border-radius:3px;transform:rotate(6deg)}
.ds-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 8px 0;background:#fff;margin-top:0}
.ds-steps div{background:#f7f3ff;border-radius:5px;padding:9px;display:flex;flex-direction:column;gap:2px}
.ds-steps i{font-style:normal;width:16px;height:16px;border-radius:50%;background:#8b5cf6;color:#fff;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center}
.ds-steps b{font-size:9px;color:#15122e;margin-top:3px}
.ds-steps span{font-size:6.8px;color:#666}

/* ===== product tiles (Flatsome-style feature grid) ===== */
.du-home .du-products{grid-template-columns:repeat(4,1fr);gap:16px}
.pt{display:block;border-radius:14px;color:var(--ink);text-align:center;background:var(--t,#e6ecf8);transition:transform .25s,box-shadow .25s;overflow:hidden}
.pt:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(0,0,0,.35)}
.pt-lab{--t:#e6ecf8}
.pt-pho{--t:#eee6f8}
.pt-pos{--t:#fde7da}
.pt-off{--t:#e2f2e8}
.pt-img{--t:#fff0c4}
.pt-v{position:relative;height:212px;isolation:isolate;background:radial-gradient(circle at 50% 55%,rgba(255,255,255,.8),rgba(255,255,255,0) 64%);overflow:hidden}
.pt-v img{position:absolute;object-fit:contain;mix-blend-mode:multiply;transition:scale .35s}
.pt:hover .pt-v img{scale:1.05}
.pt-v svg{position:absolute;inset:0;width:100%;height:100%}
.f1 .p1{left:10%;top:8%;width:80%;height:84%}
.f2 .p1{left:5%;top:8%;width:52%;height:84%;rotate:-5deg}
.f2 .p2{right:5%;top:8%;width:52%;height:84%;rotate:5deg}
.f3 .p1{left:3%;top:16%;width:36%;height:74%;rotate:-9deg;transform-origin:50% 100%}
.f3 .p2{left:27%;top:5%;width:46%;height:90%}
.f3 .p3{right:3%;top:16%;width:36%;height:74%;rotate:9deg;transform-origin:50% 100%}
.fw .p1{left:4%;top:6%;width:92%;height:88%}
.fx .p1{left:0;top:-3%;width:100%;height:120%;object-fit:cover}
.pl .p1{left:10%;top:4%;width:80%;height:68%}
.pt-v .mini{left:auto;top:auto;right:5%;bottom:5%;width:46%;height:46%}
.pt-code{position:absolute;z-index:3;left:12px;top:12px;font-family:'DM Mono',monospace;font-weight:500;font-size:11px;letter-spacing:.04em;color:var(--ink);background:#fff;border-radius:999px;padding:4px 10px;box-shadow:0 2px 6px rgba(21,18,46,.12)}
.pt-b{position:absolute;z-index:3;right:12px;top:12px;width:62px;height:62px;border-radius:50%;background:var(--hot);color:#fff;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:11.5px;line-height:1.1;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;rotate:10deg;box-shadow:0 4px 10px rgba(21,18,46,.25)}
.pt-b.y{background:var(--butter);color:var(--ink)}
.pt-b.g{background:#18a56b}
.pt-b.v{background:#6d4cf0}
.pt-pa{position:absolute;z-index:0;background:#fff;box-shadow:0 6px 14px rgba(21,18,46,.18);border-radius:3px;font-family:'DM Mono',monospace;font-size:11px;font-weight:500;color:#8a86a6;padding:6px 8px}
.pt-pa.a{left:7%;top:20%;width:34%;height:64%;rotate:-8deg}
.pt-pa.b{right:7%;top:14%;width:36%;height:70%;rotate:7deg;text-align:right}
.pt-dim{position:absolute;z-index:3;left:6%;right:6%;bottom:8px;height:34px}
.pt-bc{position:absolute;z-index:3;left:12px;bottom:12px;width:92px;height:46px;background:#fff;border-radius:6px;box-shadow:0 3px 8px rgba(21,18,46,.2);padding:6px 8px}
.pt h3{font-size:21px;font-weight:800;line-height:1.15;margin:20px 16px 5px;color:var(--ink)}
.pt p{font-size:14.5px;color:#7b7898;margin:0 16px 24px;line-height:1.35}
@media (max-width:1100px){.du-home .du-products{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.du-home .du-products{grid-template-columns:repeat(2,1fr);gap:12px}}
@media (max-width:480px){.du-home .du-products{grid-template-columns:1fr;max-width:380px;margin:0 auto}.pt h3{font-size:20px}}
@media (prefers-reduced-motion:reduce){.pt,.pt-v img{transition:none}}

/* ===== tab switch: tiles zoom out, flashlight sweeps the category names ===== */
.du-tabs{position:relative}
.du-tabs button{position:relative;z-index:1;transition:color .25s,background .25s,border-color .25s,text-shadow .25s,box-shadow .25s}
.du-tabs button.lit{color:var(--butter);border-color:var(--butter);text-shadow:0 0 12px rgba(255,216,77,.95);box-shadow:0 0 24px rgba(255,216,77,.5)}
.du-beam{position:absolute;z-index:0;pointer-events:none;border-radius:999px;opacity:0;background:radial-gradient(ellipse at center,rgba(255,236,160,.6),rgba(255,216,77,0) 70%);filter:blur(7px);transition:left .52s cubic-bezier(.55,0,.25,1),top .52s cubic-bezier(.55,0,.25,1),width .52s,height .52s,opacity .25s}
.du-beam.go{opacity:1}
.du-products .pt{transition:transform .3s ease,opacity .3s ease,box-shadow .25s}
.du-products.zout .pt{transform:scale(.7);opacity:0}
.du-products.zin .pt{animation:ptIn .55s cubic-bezier(.2,.7,.2,1) backwards}
@keyframes ptIn{from{transform:scale(.78);opacity:0}to{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.du-products .pt{animation:none!important}.du-beam{display:none}}

/* ===== isometric product spread (mission + promise) ===== */
.iso-sec{position:relative;padding:36px 0;background:#fff;overflow:hidden}
.iso-alt{background:#faf9fd}
.iso-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:center;min-height:660px}
.iso-rev{grid-template-columns:.95fr 1.05fr}
.iso-stage{position:absolute;top:0;bottom:0;width:52%;overflow:hidden}
.iso-grid .iso-copy{grid-column:2}
.iso-rev .iso-copy{grid-column:1}
.iso-l{left:0;-webkit-mask-image:linear-gradient(to right,#000 78%,transparent);mask-image:linear-gradient(to right,#000 78%,transparent)}
.iso-r{right:0;-webkit-mask-image:linear-gradient(to left,#000 78%,transparent);mask-image:linear-gradient(to left,#000 78%,transparent)}
.iso{position:absolute;display:grid;grid-template-columns:repeat(4,208px);gap:30px;transform-origin:0 0}
.iso-m{left:-270px;top:300px;transform:rotateX(58deg) rotateZ(-34deg)}
.iso-p{left:90px;top:20px;transform:rotateX(58deg) rotateZ(34deg)}
.ic{display:block;position:relative;width:208px;height:140px;background:#fff;border-radius:3px;box-shadow:0 10px 22px rgba(21,18,46,.2),0 0 0 1px rgba(21,18,46,.05);overflow:hidden}
.ic::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;background:rgba(21,18,46,.07)}
.ic::after{content:"";position:absolute;left:8px;top:3px;width:26px;height:3px;border-radius:2px;background:rgba(21,18,46,.35)}
.ih{position:absolute;left:0;right:0;top:9px;height:64%;background:var(--hb,#e6ecf8);isolation:isolate;overflow:hidden}
.ih img{position:absolute;left:6%;top:4%;width:88%;height:92%;object-fit:contain;mix-blend-mode:multiply}
.il{position:absolute;left:14px;height:4px;border-radius:2px;background:#d9d6e6}
.il.a{top:78%;width:62%}
.il.b{top:84.5%;width:48%}
.il.c{top:91%;width:56%}
.ib{position:absolute;right:12px;bottom:10px;display:flex;gap:4px}
.ib span{width:14px;height:14px;border-radius:2px;background:var(--hb,#e6ecf8)}
.v1{--hb:#e3ecff}
.v2{--hb:#fde0d2;background:#1b1838}
.v2 .il{background:rgba(255,255,255,.28)}
.v2::before{background:rgba(255,255,255,.12)}
.v3{--hb:#f9d9e4}
.v4{--hb:#d8f0e6}
.v5{--hb:#ffeaa8}
.v6{--hb:#ece6ff}
.iso-copy{padding:30px 0}
.iso-kick{font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--hot-dk);margin-bottom:14px}
.iso-copy h2{font-family:'DM Sans',sans-serif;font-weight:300;font-size:clamp(34px,4.4vw,56px);line-height:1.12;letter-spacing:-.01em;color:var(--ink);margin-bottom:26px}
.iso-rule{display:block;width:76px;height:2px;background:var(--ink);margin-bottom:30px}
.iso-copy p{font-size:18px;line-height:1.75;color:#9a97b0;margin-bottom:18px;max-width:560px}
.iso-copy p b{color:var(--ink);font-weight:700}
.iso-facts{display:flex;gap:34px;margin:28px 0 30px}
.iso-facts div{display:flex;flex-direction:column}
.iso-facts b{font-family:'DM Sans',sans-serif;font-weight:300;font-size:46px;line-height:1;color:var(--ink)}
.iso-facts span{font-size:13px;color:var(--mute);margin-top:6px}
.iso-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.iso-copy .du-btn:not(.du-btn-hot){color:var(--ink)}
@media (max-width:1100px){.iso-grid,.iso-rev{grid-template-columns:1fr}.iso-grid .iso-copy,.iso-rev .iso-copy{grid-column:1}.iso-rev .iso-copy{order:2}.iso-stage{position:relative;width:auto;left:auto;right:auto;height:420px;margin:0 -16px}.iso-l,.iso-r{-webkit-mask-image:none;mask-image:none}.iso{scale:.72}.iso-m{left:-60px;top:200px}.iso-p{left:300px;top:-10px}.iso-grid{min-height:0}.iso-copy{padding:10px 0 30px}}
@media (max-width:560px){.iso-stage{height:320px}.iso{scale:.5}.iso-m{left:-110px;top:150px}.iso-p{left:0;top:-40px}.iso-copy p{font-size:16px}.iso-facts{gap:22px}.iso-facts b{font-size:38px}}