.dc-eco{
  --dc-eco-height:1060px;--dc-eco-visual-h:980px;--dc-eco-content-w:1280px;
  --dc-eco-title-x:0px;--dc-eco-title-top:176px;
  --dc-eco-details-y:682.2px;--dc-eco-stats-x:0px;--dc-eco-stats-y:715.4px;
  --dc-eco-stat-w:266.667px;--dc-eco-stat-h:109.6px;--dc-eco-stat-gap:16px;
  --dc-eco-cta-x:880px;--dc-eco-cta-y:641px;--dc-eco-cta-w:400px;--dc-eco-cta-h:184px;
  --dc-eco-dock-top:884px;--dc-eco-dock-w:1280px;--dc-eco-dock-h:172px;--dc-eco-dock-inner-w:1256px;
  --dc-eco-overlay:rgba(0,0,0,.2);--dc-eco-top-fade-h:120px;--dc-eco-bottom-fade-h:120px;
  --dc-eco-top-fade-start:rgba(4,4,4,.8);--dc-eco-top-fade-end:rgba(4,4,4,0);
  --dc-eco-bottom-fade-start:rgba(255,255,255,0);--dc-eco-bottom-fade-end:#fff;
  --dc-eco-title-solid:#fff;--dc-eco-title-grad-start:#fff;--dc-eco-title-grad-end:rgba(255,255,255,.4);--dc-eco-title-grad-angle:180deg;
  --dc-eco-stat-blur:5.1px;--dc-eco-stat-border-w:0px;--dc-eco-stat-border:transparent;
  --dc-eco-cta-blur:12px;--dc-eco-cta-border-w:0px;--dc-eco-cta-border:transparent;
  --dc-eco-btn-w:194px;--dc-eco-btn-h:48px;--dc-eco-btn-pad-left:24px;--dc-eco-btn-icon-circle:40px;--dc-eco-btn-icon-size:16px;
  --dc-eco-btn-solid:#FFAE00;--dc-eco-btn-grad-start:#FECA01;--dc-eco-btn-grad-end:#FF9600;--dc-eco-btn-grad-angle:180deg;
  --dc-eco-btn-color:#fff;--dc-eco-btn-hover-bg:#E88900;--dc-eco-btn-hover-color:#fff;--dc-eco-btn-icon-bg:#fff;--dc-eco-btn-icon-color:#FF9600;
  --dc-eco-dock-blur:10.2px;--dc-eco-dock-border-w:1px;--dc-eco-dock-stroke-start:rgba(255,150,0,.4);--dc-eco-dock-stroke-end:rgba(255,150,0,0);
  --dc-eco-dock-shadow:rgba(254,202,1,.1);--dc-eco-dock-shadow-y:-8px;--dc-eco-dock-shadow-blur:12px;--dc-eco-divider:rgba(0,0,0,.05);--dc-eco-divider-top:24px;--dc-eco-divider-bottom:24px;--dc-eco-dock-item-top:36px;--dc-eco-dock-icon-gap:8px;--dc-eco-dock-text:#222;--dc-eco-dock-hover-text:#222;--dc-eco-dock-hover-bg:transparent;
  --dc-eco-active:#FECA01;--dc-eco-active-h:0px;--dc-eco-vw:100vw;--dc-eco-stage-shift:0px;
  --dc-eco-anim-duration:700ms;--dc-eco-anim-y:24px;--dc-eco-bg-start-scale:1.03;--dc-eco-state-duration:420ms;
  --dc-eco-side:32px;--dc-eco-flow-gap:24px;--dc-eco-dock-radius:48px;--dc-eco-dock-grid-gap:0px;--dc-eco-dock-grid-pad:0px;--dc-eco-dock-item-min-h:140px;
  position:relative;width:100%;max-width:100%;min-height:var(--dc-eco-height);overflow:visible;background:transparent;color:#fff;font-family:inherit;
}
.dc-eco *{box-sizing:border-box}.dc-eco button,.dc-eco a{font:inherit}
.dc-eco__stage{position:absolute;top:0;left:0;width:var(--dc-eco-vw);height:var(--dc-eco-height);transform:translateX(var(--dc-eco-stage-shift));overflow:hidden;isolation:isolate;background:transparent}
.dc-eco__bg,.dc-eco__overlay{position:absolute;left:0;right:0;top:0;height:var(--dc-eco-visual-h)}
.dc-eco__bg{z-index:0;background-color:#111;background-size:cover;background-position:center center;background-repeat:no-repeat;transform:scale(1);transform-origin:center center;transition:background-image .2s linear}
.dc-eco__overlay{z-index:1;background:var(--dc-eco-overlay);pointer-events:none}
.dc-eco__overlay::before,.dc-eco__overlay::after{content:"";position:absolute;left:0;right:0;pointer-events:none}
.dc-eco__overlay::before{top:0;height:var(--dc-eco-top-fade-h);background:linear-gradient(180deg,var(--dc-eco-top-fade-start) 0%,var(--dc-eco-top-fade-end) 100%)}
.dc-eco__overlay::after{bottom:0;height:var(--dc-eco-bottom-fade-h);background:linear-gradient(180deg,var(--dc-eco-bottom-fade-start) 0%,var(--dc-eco-bottom-fade-end) 100%)}
.dc-eco__content{position:relative;z-index:2;width:min(var(--dc-eco-content-w),calc(100% - var(--dc-eco-side) - var(--dc-eco-side)));height:var(--dc-eco-visual-h);margin:0 auto}
.dc-eco__title{position:absolute;left:var(--dc-eco-title-x);top:var(--dc-eco-title-top);margin:0;white-space:nowrap;color:var(--dc-eco-title-solid);font-family:Inter,sans-serif;font-size:120px;line-height:144px;font-weight:500;letter-spacing:-3px}
.dc-eco--title-gradient .dc-eco__title{background:linear-gradient(var(--dc-eco-title-grad-angle),var(--dc-eco-title-grad-start) 0%,var(--dc-eco-title-grad-end) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.dc-eco--title-solid .dc-eco__title{background:none;-webkit-text-fill-color:currentColor;color:var(--dc-eco-title-solid)}
.dc-eco__lower{position:absolute;inset:0;pointer-events:none}
.dc-eco__stats-wrap{position:absolute;left:var(--dc-eco-stats-x);top:var(--dc-eco-details-y);width:832px;height:143px;pointer-events:auto}
.dc-eco__details-label{position:absolute;left:0;top:0;margin:0;color:#fff;font-family:Inter,sans-serif;font-size:15px;line-height:18px;font-weight:400}
.dc-eco__stats{position:absolute;left:0;top:calc(var(--dc-eco-stats-y) - var(--dc-eco-details-y));display:grid;grid-template-columns:repeat(3,var(--dc-eco-stat-w));gap:var(--dc-eco-stat-gap);width:max-content}
.dc-eco__stat{width:var(--dc-eco-stat-w);height:var(--dc-eco-stat-h);min-height:0;padding:24px 24px 20px;border:var(--dc-eco-stat-border-w) solid var(--dc-eco-stat-border);background:rgba(255,255,255,.2);backdrop-filter:blur(var(--dc-eco-stat-blur));-webkit-backdrop-filter:blur(var(--dc-eco-stat-blur));border-radius:24px;overflow:hidden}
.dc-eco__stat-label{font-family:Inter,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#fff;margin:0 0 4px}
.dc-eco__stat-value{font-family:Inter,sans-serif;font-size:32px;line-height:38px;font-weight:700;color:#fff;margin:0;white-space:nowrap}
.dc-eco__cta-card{position:absolute;left:var(--dc-eco-cta-x);top:var(--dc-eco-cta-y);width:var(--dc-eco-cta-w);height:var(--dc-eco-cta-h);padding:24px;border:var(--dc-eco-cta-border-w) solid var(--dc-eco-cta-border);background:rgba(255,255,255,.2);backdrop-filter:blur(var(--dc-eco-cta-blur));-webkit-backdrop-filter:blur(var(--dc-eco-cta-blur));border-radius:24px;pointer-events:auto;overflow:hidden}
.dc-eco__description{margin:0;width:100%;max-width:352px;font-family:Inter,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#fff}
.dc-eco__cta{position:absolute;left:24px;bottom:24px;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:var(--dc-eco-btn-w);height:var(--dc-eco-btn-h);padding:4px 4px 4px var(--dc-eco-btn-pad-left);border-radius:24px;color:var(--dc-eco-btn-color);text-decoration:none;font-family:Inter,sans-serif;font-size:18px;line-height:22px;font-weight:500;transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}
.dc-eco--button-gradient .dc-eco__cta{background:linear-gradient(var(--dc-eco-btn-grad-angle),var(--dc-eco-btn-grad-start) 0%,var(--dc-eco-btn-grad-end) 100%)}
.dc-eco--button-solid .dc-eco__cta{background:var(--dc-eco-btn-solid)}
.dc-eco__cta:visited{color:var(--dc-eco-btn-color)}
.dc-eco__cta:hover,.dc-eco__cta:focus-visible{background:var(--dc-eco-btn-hover-bg);color:var(--dc-eco-btn-hover-color);transform:translateY(-1px);outline:none}
.dc-eco__cta:focus-visible{box-shadow:0 0 0 3px rgba(254,202,1,.35)}
.dc-eco__cta-icon{display:grid;place-items:center;width:var(--dc-eco-btn-icon-circle);height:var(--dc-eco-btn-icon-circle);flex:0 0 var(--dc-eco-btn-icon-circle);border-radius:50%;background:var(--dc-eco-btn-icon-bg);color:var(--dc-eco-btn-icon-color)}
.dc-eco__cta-icon svg,.dc-eco__cta-icon img,.dc-eco__cta-icon i{display:block;width:var(--dc-eco-btn-icon-size);height:var(--dc-eco-btn-icon-size);object-fit:contain;color:inherit;fill:currentColor;transition:transform .28s cubic-bezier(.22,1,.36,1)}
.dc-eco__cta-icon svg path{vector-effect:non-scaling-stroke}
.dc-eco__cta:hover .dc-eco__cta-icon svg,.dc-eco__cta:focus-visible .dc-eco__cta-icon svg,.dc-eco__cta:hover .dc-eco__cta-icon img,.dc-eco__cta:focus-visible .dc-eco__cta-icon img,.dc-eco__cta:hover .dc-eco__cta-icon i,.dc-eco__cta:focus-visible .dc-eco__cta-icon i{transform:rotate(45deg)}
.dc-eco__dock{--dc-eco-base-transform:translateX(-50%);position:absolute;left:50%;top:var(--dc-eco-dock-top);z-index:4;width:min(var(--dc-eco-dock-w),calc(100% - 64px));height:var(--dc-eco-dock-h);transform:var(--dc-eco-base-transform);background:rgba(255,255,255,.8);backdrop-filter:blur(var(--dc-eco-dock-blur));-webkit-backdrop-filter:blur(var(--dc-eco-dock-blur));border-radius:var(--dc-eco-dock-radius) var(--dc-eco-dock-radius) 0 0;box-shadow:0 var(--dc-eco-dock-shadow-y) var(--dc-eco-dock-shadow-blur) var(--dc-eco-dock-shadow);overflow:hidden}
.dc-eco__dock-track{position:absolute;left:50%;top:0;width:min(var(--dc-eco-dock-inner-w),calc(100% - 24px));height:100%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;justify-items:stretch}
.dc-eco__dock::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;padding:var(--dc-eco-dock-border-w);background:linear-gradient(180deg,var(--dc-eco-dock-stroke-start) 0%,var(--dc-eco-dock-stroke-end) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.dc-eco__tab{position:relative;width:100%;max-width:none;min-width:0;box-sizing:border-box;align-self:stretch;justify-self:stretch;border:0;border-radius:0;box-shadow:none;background:transparent;color:var(--dc-eco-dock-text);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--dc-eco-dock-icon-gap);padding:var(--dc-eco-dock-item-top) 8px 16px;margin:0;text-transform:none;text-decoration:none;transition:background-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease}
/* Keep linked and non-linked dock items visually identical. :where() deliberately keeps
   anchor-state specificity below the responsive .dc-eco__tab rules. */
.dc-eco :where(a.dc-eco__tab,a.dc-eco__tab:link,a.dc-eco__tab:visited,a.dc-eco__tab:active){
  color:var(--dc-eco-dock-text);
  text-decoration:none;text-transform:none;
  font:inherit;line-height:inherit;
  -webkit-text-fill-color:currentColor;
  -webkit-tap-highlight-color:transparent;
}
.dc-eco :where(a.dc-eco__tab){cursor:pointer}
.dc-eco :where(a.dc-eco__tab:hover){background-color:var(--dc-eco-dock-hover-bg);background-image:none;color:var(--dc-eco-dock-hover-text);text-decoration:none}
.dc-eco :where(a.dc-eco__tab:focus-visible){background-color:var(--dc-eco-dock-hover-bg);background-image:none;color:var(--dc-eco-dock-hover-text);text-decoration:none;outline:none;box-shadow:inset 0 0 0 2px rgba(254,202,1,.55)}
.dc-eco__tab--disabled{cursor:default}
.dc-eco__tab:not(:last-child)::before{content:"";position:absolute;right:0;top:var(--dc-eco-divider-top);bottom:var(--dc-eco-divider-bottom);width:1px;background:var(--dc-eco-divider);pointer-events:none}
.dc-eco__tab-icon{display:grid;place-items:center;width:64px;height:64px;flex:0 0 auto;border-radius:50%;overflow:hidden}
.dc-eco__tab-icon:not(.dc-eco__tab-icon--reference){background:rgba(255,150,0,.1);padding:16px}
.dc-eco__tab-icon img,.dc-eco__tab-icon svg,.dc-eco__tab-icon i{display:block;width:100%;height:100%;object-fit:contain;color:#222;fill:currentColor}
.dc-eco__tab-label{font-family:Inter,sans-serif;font-size:15px;line-height:18px;font-weight:600;text-align:center;color:inherit;white-space:nowrap}
.dc-eco--animate:not(.is-entered) .dc-eco__bg{opacity:0;transform:scale(var(--dc-eco-bg-start-scale))}
.dc-eco--animate .dc-eco__bg{transition:opacity .8s ease,transform 1s cubic-bezier(.22,1,.36,1),background-image .2s linear}
.dc-eco--animate [data-dc-animate-item]{opacity:0;transform:var(--dc-eco-base-transform,none) translateY(var(--dc-eco-anim-y))}
.dc-eco--animate.is-entered [data-dc-animate-item]{opacity:1;transform:var(--dc-eco-base-transform,none);transition-property:opacity,transform;transition-duration:var(--dc-eco-anim-duration);transition-timing-function:cubic-bezier(.22,1,.36,1)}
.dc-eco--animate.is-entered .dc-eco__bg{opacity:1;transform:scale(1)}
/* Responsive is the default behavior of this widget. Desktop >=1600 keeps the reference geometry. */
@media(min-width:1200px) and (max-width:1599px){
  .dc-eco[data-dc-eco]{--dc-eco-adapt-h:clamp(900px,68vw,1060px);min-height:var(--dc-eco-adapt-h)}
  .dc-eco[data-dc-eco] .dc-eco__stage{height:var(--dc-eco-adapt-h);min-height:var(--dc-eco-adapt-h)}
  .dc-eco[data-dc-eco] .dc-eco__bg,.dc-eco[data-dc-eco] .dc-eco__overlay{height:calc(100% - clamp(52px,4vw,80px))}
  .dc-eco[data-dc-eco] .dc-eco__content{width:min(var(--dc-eco-content-w),calc(100% - var(--dc-eco-side) - var(--dc-eco-side)));height:calc(100% - clamp(52px,4vw,80px))}
  .dc-eco[data-dc-eco] .dc-eco__title{left:0;top:clamp(128px,10.5vw,176px);white-space:normal;max-width:min(760px,62vw)}
  .dc-eco[data-dc-eco] .dc-eco__stats-wrap{left:0;top:auto;bottom:clamp(184px,14vw,224px);width:calc(100% - clamp(330px,31vw,410px) - var(--dc-eco-flow-gap));height:auto}
  .dc-eco[data-dc-eco] .dc-eco__details-label{position:relative;left:auto;top:auto;margin:0 0 12px;font-size:14px;line-height:1.3}
  .dc-eco[data-dc-eco] .dc-eco__stats{position:relative;left:auto;top:auto;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--dc-eco-stat-gap)}
  .dc-eco[data-dc-eco] .dc-eco__stat{width:auto;height:auto;min-height:clamp(96px,7vw,110px);overflow:visible}
  .dc-eco[data-dc-eco] .dc-eco__stat-value{white-space:normal}
  .dc-eco[data-dc-eco] .dc-eco__cta-card{left:auto;right:0;top:auto;bottom:clamp(184px,14vw,224px);width:clamp(320px,29vw,400px);height:auto;min-height:184px;overflow:visible}
  .dc-eco[data-dc-eco] .dc-eco__description{max-width:none;margin:0 0 20px}
  .dc-eco[data-dc-eco] .dc-eco__cta{left:24px;bottom:24px;width:min(var(--dc-eco-btn-w),calc(100% - 48px))}
  .dc-eco[data-dc-eco] .dc-eco__dock{top:auto;bottom:0;width:min(var(--dc-eco-dock-w),calc(100% - var(--dc-eco-side) - var(--dc-eco-side)));height:clamp(148px,10.7vw,172px);border-radius:clamp(34px,3vw,var(--dc-eco-dock-radius)) clamp(34px,3vw,var(--dc-eco-dock-radius)) 0 0}
  .dc-eco[data-dc-eco] .dc-eco__dock-track{width:calc(100% - 24px)}
  .dc-eco[data-dc-eco] .dc-eco__tab{padding-top:clamp(26px,2.25vw,var(--dc-eco-dock-item-top));gap:clamp(6px,.55vw,var(--dc-eco-dock-icon-gap))}
  .dc-eco[data-dc-eco] .dc-eco__tab-label{white-space:normal;padding-inline:4px}
}

/* Tablet / small laptop: content becomes flow-based; dock becomes a complete 3x2 navigation grid. */
@media(max-width:1199px){
  .dc-eco[data-dc-eco]{--dc-eco-side:32px;--dc-eco-flow-gap:20px;--dc-eco-dock-radius:28px;--dc-eco-dock-grid-gap:10px;--dc-eco-dock-grid-pad:12px;--dc-eco-dock-item-min-h:96px;min-height:auto;overflow:visible;background:#111}
  .dc-eco[data-dc-eco] .dc-eco__stage{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:0;transform:none!important;overflow:hidden;padding:0 var(--dc-eco-side) 0;background:#111}
  .dc-eco[data-dc-eco] .dc-eco__bg,.dc-eco[data-dc-eco] .dc-eco__overlay{inset:0 auto auto 0;width:100%;height:min(var(--dc-eco-visual-h),clamp(500px,62vw,680px))}
  .dc-eco[data-dc-eco] .dc-eco__overlay::before{height:clamp(96px,12vw,150px)}
  .dc-eco[data-dc-eco] .dc-eco__overlay::after{display:block;height:clamp(190px,24vw,300px);background:linear-gradient(180deg,rgba(17,17,17,0) 0%,#111 100%)}
  .dc-eco[data-dc-eco] .dc-eco__content{width:min(100%,1080px);height:auto;min-height:0;margin:0 auto}
  .dc-eco[data-dc-eco] .dc-eco__title{position:relative;left:auto;top:auto;margin:clamp(340px,42vw,470px) 0 0;white-space:normal;max-width:100%;font-size:clamp(64px,7vw,84px);line-height:1.08;letter-spacing:-1.2px;overflow-wrap:anywhere}
  .dc-eco[data-dc-eco] .dc-eco__lower{position:relative;inset:auto;margin-top:clamp(28px,4vw,44px);display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:var(--dc-eco-flow-gap);align-items:stretch;pointer-events:auto}
  .dc-eco[data-dc-eco] .dc-eco__stats-wrap{position:relative;left:auto;top:auto;width:auto;height:auto;align-self:end}
  .dc-eco[data-dc-eco] .dc-eco__details-label{position:relative;left:auto;top:auto;margin:0 0 12px}
  .dc-eco[data-dc-eco] .dc-eco__stats{position:relative;left:auto;top:auto;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--dc-eco-stat-gap)}
  .dc-eco[data-dc-eco] .dc-eco__stat{width:auto;height:auto;min-height:104px;overflow:visible}
  .dc-eco[data-dc-eco] .dc-eco__stat-label{font-size:12px;line-height:1.35}
  .dc-eco[data-dc-eco] .dc-eco__stat-value{font-size:28px;line-height:1.15;white-space:normal;overflow-wrap:anywhere}
  .dc-eco[data-dc-eco] .dc-eco__cta-card{position:relative;left:auto;top:auto;width:auto;height:auto;min-height:184px;overflow:visible}
  .dc-eco[data-dc-eco] .dc-eco__description{max-width:none;margin:0 0 20px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
  .dc-eco[data-dc-eco] .dc-eco__cta{position:absolute;left:22px;bottom:22px;width:min(var(--dc-eco-btn-w),calc(100% - 44px));min-height:48px;height:auto;font-size:17px}
  .dc-eco[data-dc-eco] .dc-eco__dock{--dc-eco-base-transform:none;position:relative;left:auto;top:auto;transform:none!important;width:min(100%,1080px);height:auto;min-height:0;margin:clamp(34px,5vw,52px) auto var(--dc-eco-side);border-radius:var(--dc-eco-dock-radius);overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.18),0 var(--dc-eco-dock-shadow-y) var(--dc-eco-dock-shadow-blur) var(--dc-eco-dock-shadow)}
  .dc-eco[data-dc-eco] .dc-eco__dock-track{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--dc-eco-dock-grid-gap);padding:var(--dc-eco-dock-grid-pad);overflow:visible}
  .dc-eco[data-dc-eco] .dc-eco__dock::after{border-radius:inherit}
  .dc-eco[data-dc-eco] .dc-eco__tab:not(:last-child)::before{display:none}
  .dc-eco .dc-eco__dock-track>.dc-eco__tab{
    min-height:var(--dc-eco-dock-item-min-h);height:auto;padding:14px 16px;border:1px solid rgba(0,0,0,.045);border-radius:18px;background:rgba(255,255,255,.34);box-shadow:none;color:var(--dc-eco-dock-text);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;text-align:left;text-decoration:none;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease
  }
  .dc-eco .dc-eco__dock-track>a.dc-eco__tab:hover{background:rgba(255,255,255,.56);border-color:rgba(0,0,0,.08);box-shadow:none;color:var(--dc-eco-dock-hover-text);transform:translateY(-1px)}
  .dc-eco .dc-eco__dock-track>a.dc-eco__tab:focus-visible{background:rgba(255,255,255,.6);border-color:#FECA01;box-shadow:0 0 0 3px rgba(254,202,1,.24)}
  .dc-eco .dc-eco__dock-track>.dc-eco__tab--disabled{opacity:.72}
  .dc-eco[data-dc-eco] .dc-eco__tab-icon{width:50px;height:50px;flex:0 0 auto}
  .dc-eco[data-dc-eco] .dc-eco__tab-label{font-size:13px}
  .dc-eco[data-dc-eco] .dc-eco__tab-label{min-width:0;max-width:none;white-space:normal;text-align:left;line-height:1.25;overflow-wrap:anywhere}
}

/* Tablet portrait: prioritize readability, keep every dock item visible. */
@media(max-width:899px){
  .dc-eco[data-dc-eco] .dc-eco__bg,.dc-eco[data-dc-eco] .dc-eco__overlay{height:min(var(--dc-eco-visual-h),clamp(460px,72vw,610px))}
  .dc-eco[data-dc-eco] .dc-eco__title{margin-top:clamp(310px,46vw,390px);letter-spacing:-1px}
  .dc-eco[data-dc-eco] .dc-eco__lower{grid-template-columns:1fr;gap:var(--dc-eco-flow-gap);margin-top:clamp(26px,4.5vw,38px)}
  .dc-eco[data-dc-eco] .dc-eco__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dc-eco[data-dc-eco] .dc-eco__stat:nth-child(odd):last-child{grid-column:1/-1}
  .dc-eco[data-dc-eco] .dc-eco__cta-card{min-height:168px}
  .dc-eco[data-dc-eco] .dc-eco__cta{width:min(var(--dc-eco-btn-w),calc(100% - 44px))}
}

/* Mobile: compact visual, 2-column metrics and a 2x3 touch navigation grid. */
@media(max-width:767px){
  .dc-eco[data-dc-eco]{--dc-eco-side:20px;--dc-eco-flow-gap:16px;--dc-eco-dock-radius:22px;--dc-eco-dock-grid-gap:8px;--dc-eco-dock-grid-pad:10px;--dc-eco-dock-item-min-h:82px}
  .dc-eco[data-dc-eco] .dc-eco__stage{padding:0 var(--dc-eco-side)}
  .dc-eco[data-dc-eco] .dc-eco__bg,.dc-eco[data-dc-eco] .dc-eco__overlay{height:min(var(--dc-eco-visual-h),clamp(330px,92vw,430px))}
  .dc-eco[data-dc-eco] .dc-eco__overlay::before{height:90px}
  .dc-eco[data-dc-eco] .dc-eco__overlay::after{height:180px}
  .dc-eco[data-dc-eco] .dc-eco__title{margin-top:clamp(226px,68vw,306px);font-size:clamp(40px,12vw,48px);line-height:1.05;letter-spacing:-.6px}
  .dc-eco[data-dc-eco] .dc-eco__lower{margin-top:clamp(28px,7vw,38px);gap:var(--dc-eco-flow-gap)}
  .dc-eco[data-dc-eco] .dc-eco__details-label{margin-bottom:10px;font-size:13px}
  .dc-eco[data-dc-eco] .dc-eco__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dc-eco-stat-gap)}
  .dc-eco[data-dc-eco] .dc-eco__stat{min-height:100px}
  .dc-eco[data-dc-eco] .dc-eco__stat-label{font-size:12px}
  .dc-eco[data-dc-eco] .dc-eco__stat-value{font-size:clamp(24px,7.5vw,28px)}
  .dc-eco[data-dc-eco] .dc-eco__stat:nth-child(odd):last-child{grid-column:1/-1}
  .dc-eco[data-dc-eco] .dc-eco__cta-card{min-height:0}
  .dc-eco[data-dc-eco] .dc-eco__description{margin:0 0 18px;font-size:15px}
  .dc-eco[data-dc-eco] .dc-eco__cta{position:relative;left:auto;bottom:auto;width:var(--dc-eco-btn-w);max-width:100%;min-height:48px;height:auto;padding-left:min(var(--dc-eco-btn-pad-left),20px);font-size:16px}
  .dc-eco[data-dc-eco] .dc-eco__dock{width:100%;margin:28px auto var(--dc-eco-side);border-radius:var(--dc-eco-dock-radius)}
  .dc-eco[data-dc-eco] .dc-eco__dock-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dc-eco-dock-grid-gap);padding:var(--dc-eco-dock-grid-pad)}
  .dc-eco .dc-eco__dock-track>.dc-eco__tab{min-height:var(--dc-eco-dock-item-min-h);padding:10px 10px;border-radius:14px;gap:9px}
  .dc-eco[data-dc-eco] .dc-eco__tab-icon{width:42px;height:42px}
  .dc-eco[data-dc-eco] .dc-eco__tab-icon:not(.dc-eco__tab-icon--reference){padding:10px}
  .dc-eco[data-dc-eco] .dc-eco__tab-label{font-size:12px;line-height:1.22}
}

@media(max-width:359px){
  .dc-eco[data-dc-eco] .dc-eco__title{margin-top:clamp(214px,68vw,242px)}
  .dc-eco[data-dc-eco] .dc-eco__stat{min-height:94px}
  .dc-eco[data-dc-eco] .dc-eco__cta-icon{width:36px;height:36px;flex-basis:36px}
  .dc-eco .dc-eco__dock-track>.dc-eco__tab{padding:9px 8px;gap:7px}
}

@media(hover:none) and (pointer:coarse){
  .dc-eco .dc-eco__cta:hover{transform:none}
  .dc-eco .dc-eco__cta:active{transform:scale(.985)}
  .dc-eco .dc-eco__dock-track>a.dc-eco__tab:hover{background:rgba(255,255,255,.34);color:var(--dc-eco-dock-text);transform:none}
  .dc-eco .dc-eco__dock-track>a.dc-eco__tab:active{transform:scale(.985)}
}
@media(prefers-reduced-motion:reduce){
  .dc-eco,.dc-eco *{scroll-behavior:auto!important}.dc-eco--animate [data-dc-animate-item],.dc-eco--animate .dc-eco__bg{opacity:1!important;transform:var(--dc-eco-base-transform,none)!important;transition:none!important}.dc-eco__tab,.dc-eco__cta,.dc-eco__cta-icon svg,.dc-eco__cta-icon img,.dc-eco__cta-icon i{transition:none!important}
}
.elementor-editor-active .dc-eco--animate [data-dc-animate-item]{opacity:1;transform:var(--dc-eco-base-transform,none)}
.elementor-editor-active .dc-eco--animate .dc-eco__bg{opacity:1;transform:scale(1)}