.eco{--eco-os:#e3172b;--eco-os-text:#ff5c66;--eco-box:#fbbe05;--eco-venue:var(--aud-venue,#12b886);--eco-brand:var(--aud-brand-text,#ff5c66);--eco-agency:var(--aud-agency,#5ab8ff);--eco-smb:var(--aud-smb,#fd5e48);--eco-data:var(--hb-signal-blue,#2962ff);--eco-data-text:#7d9dff;--eco-flow:var(--hb-pulse-cyan,#00d9ff);--eco-base:var(--hb-handshake-violet,#8b5cf6);--eco-base-text:#b399fa;--eco-link-h:3.75rem;position:relative;margin:0;padding:clamp(1rem,0.6rem + 1.6vw,2rem);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:radial-gradient(120% 70% at 60% 0%,color-mix(in srgb,var(--hb-handshake-violet) 9%,transparent),transparent 60%),var(--color-surface);color:var(--color-body)}.eco p,.eco ul,.eco ol{margin:0}.eco ul,.eco ol{padding:0;list-style:none}.eco__map{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"legend" "os" "l-camp" "box" "l-play" "screens" "l-scan" "consumer" "lane1" "aud" "lane2" "store" "base";max-width:40rem;margin-inline:auto}.eco__legend{grid-area:legend;margin-bottom:1.25rem}.eco-node--os{grid-area:os}.eco-node--store{grid-area:store;margin-top:1.5rem}.eco-node--base{grid-area:base;margin-top:0.75rem}.eco-link--camp{grid-area:l-camp}.eco-node--box{grid-area:box}.eco-link--play{grid-area:l-play}.eco-node--screens{grid-area:screens}.eco-link--scan{grid-area:l-scan}.eco-node--consumer{grid-area:consumer}.eco-lane--first{grid-area:lane1}.eco-node--aud{grid-area:aud}.eco-lane--foot{grid-area:lane2}@media (min-width:992px){.eco__map{max-width:none;grid-template-columns:minmax(0,0.95fr) minmax(0,1.25fr) minmax(0,0.7fr) minmax(0,1fr);grid-template-areas:"legend consumer consumer ." "legend l-scan   lane1    ." "legend screens  lane1    aud" "legend l-play   lane1    aud" "legend box      lane1    lane2" "legend l-camp   lane1    lane2" "store  os       os       os" "base   base     base     base";column-gap:clamp(0.75rem,0.2rem + 1vw,1.5rem)}.eco__legend{margin:0;padding:0 0.5rem 1.5rem 0;align-self:start}.eco-node--store{margin:0;align-self:stretch}.eco-node--aud{align-self:stretch}}.eco-zone{display:none}@media (min-width:992px){.eco-zone{display:block;position:relative;z-index:0;grid-column:2 / 5;grid-row:3 / 6;margin:-0.85rem -0.85rem;border:1px dashed color-mix(in srgb,var(--eco-venue) 55%,transparent);border-radius:calc(var(--radius-card) + 6px);background:color-mix(in srgb,var(--eco-venue) 4%,transparent);pointer-events:none}.eco-zone__label{position:absolute;top:0;left:1.25rem;transform:translateY(-50%);padding:0.1rem 0.6rem;border-radius:999px;background:var(--color-surface);font-size:var(--text-label);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--eco-venue)}.eco-node,.eco-link,.eco-lane{z-index:1}}.eco[data-eco-active] .eco-zone{opacity:0.4}.eco-node{--c:var(--color-border-strong);--c-text:var(--color-heading);position:relative;padding:1rem 1.1rem 1.05rem;border:1px solid color-mix(in srgb,var(--c) 55%,var(--color-border));border-radius:var(--radius-card);background:linear-gradient(165deg,color-mix(in srgb,var(--c) 12%,var(--color-surface-raised)) 0%,var(--color-surface-raised) 70%);transition:opacity 220ms var(--ease-out),filter 220ms var(--ease-out),box-shadow 220ms var(--ease-out)}.eco-node__kicker{display:flex;align-items:center;gap:0.5rem;font-size:var(--text-label);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--c-text)}.eco-node__kicker::before{content:"";flex:none;width:8px;height:8px;border-radius:2px;background:var(--c);box-shadow:0 0 10px color-mix(in srgb,var(--c) 55%,transparent)}.eco-node__name{margin-top:0.45rem!important;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);line-height:1.2;color:var(--color-heading);letter-spacing:-0.01em}.eco-node__name--logo{line-height:1}.eco-node__name--logo img{display:block;width:auto;height:1.55rem;max-width:100%}.eco-node__text{margin-top:0.35rem!important;font-size:var(--text-sm);line-height:1.5}.eco-node__for{margin-top:0.6rem!important;font-size:var(--text-label);color:var(--color-body)}.eco-node--os{--c:var(--eco-os);--c-text:var(--eco-os-text);border-color:color-mix(in srgb,var(--eco-os) 75%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--eco-os) 20%,var(--color-surface-raised)) 0%,var(--color-surface-raised) 55%);box-shadow:0 0 40px rgba(227,23,43,0.12)}.eco-node--os .eco-node__name--logo img{height:1.9rem}.eco-node--store{--c:var(--eco-smb);--c-text:var(--eco-smb)}.eco-node--base{--c:var(--eco-base);--c-text:var(--eco-base-text);background:linear-gradient(90deg,color-mix(in srgb,var(--eco-base) 22%,var(--color-surface-raised)) 0%,var(--color-surface-raised) 80%)}.eco-node--box{--c:var(--eco-box);--c-text:var(--eco-box);background:#0b0b0b;border-color:var(--eco-box)}.eco-node--box .eco-node__name--logo img{height:1.75rem}.eco-node--screens{--c:var(--eco-venue);--c-text:var(--eco-venue)}.eco-node--aud{--c:var(--eco-data);--c-text:var(--eco-data-text);border-style:dashed;border-color:color-mix(in srgb,var(--eco-data) 80%,transparent)}.eco-node--consumer{--c:var(--aud-consumer,#ffc400);--c-text:var(--aud-consumer-text,#ffc400);border-color:color-mix(in srgb,var(--c) 70%,transparent)}@media (min-width:992px){.eco-node--base{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;column-gap:1.25rem}.eco-node--base .eco-node__name,.eco-node--base .eco-node__text{margin-top:0!important}}.eco-chips{display:flex;flex-wrap:wrap;gap:0.35rem;margin-top:0.65rem!important}.eco-chip{--c:var(--color-border-strong);display:inline-flex;align-items:center;gap:0.4rem;padding:0.18rem 0.6rem;border:1px solid color-mix(in srgb,var(--c) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--c) 12%,transparent);font-size:var(--text-label);font-weight:700;line-height:1.4;color:var(--color-heading)}.eco-chip::before{content:"";width:6px;height:6px;border-radius:1.5px;background:var(--c)}.eco-chip--brand{--c:var(--eco-brand)}.eco-chip--agency{--c:var(--eco-agency)}.eco-chip--smb{--c:var(--eco-smb)}.eco-chip--venue{--c:var(--eco-venue)}.eco-chip--trade{--c:var(--hb-pink)}.eco-mods{display:grid;gap:0.6rem;margin-top:0.6rem!important}.eco-mod--data{margin-top:0.9rem}@media (min-width:576px){.eco-mods{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:992px){.eco-node--os{display:grid;column-gap:clamp(0.75rem,0.2rem + 1vw,1.5rem);row-gap:0;grid-template-columns:minmax(0,1.25fr) minmax(0,0.7fr) minmax(0,1fr)}@supports (grid-template-columns:subgrid){.eco-node--os{grid-template-columns:subgrid}}.eco-os__head{grid-column:1;grid-row:1}.eco-mod--data{grid-column:2 / -1;grid-row:1;margin-top:0;align-self:start}.eco-mods{grid-column:1 / -1;grid-row:2;margin-top:0.9rem!important}}.eco-mod{--c:var(--eco-os);display:flex;flex-direction:column;padding:0.75rem 0.85rem 0.8rem;border:1px solid var(--color-border);border-top:3px solid var(--c);border-radius:var(--radius-control);background:color-mix(in srgb,var(--color-canvas) 55%,transparent);transition:opacity 220ms var(--ease-out),filter 220ms var(--ease-out)}.eco-mod__name{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);line-height:1.25;color:var(--color-heading)}.eco-mod__text{margin-top:0.3rem;font-size:var(--text-sm);line-height:1.45}.eco-mod .eco-chips{margin-top:auto!important;padding-top:0.6rem}.eco-mod--brand{--c:var(--eco-brand)}.eco-mod--access{--c:var(--eco-agency)}.eco-mod--venue{--c:var(--eco-venue)}.eco-mod--data{--c:var(--eco-data)}.eco-link,.eco-lane{--line:var(--eco-flow);--line-text:var(--color-heading);position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--eco-link-h);transition:opacity 220ms var(--ease-out),filter 220ms var(--ease-out)}.eco-link__line{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--line);border-radius:2px;box-shadow:0 0 10px color-mix(in srgb,var(--line) 45%,transparent);overflow:visible}.eco-link__line::after{content:"";position:absolute;left:50%;bottom:-1px;width:0;height:0;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid var(--line)}.eco-link__label,.eco-lane__label{position:relative;z-index:1;padding:0.2rem 0.7rem;border:1px solid color-mix(in srgb,var(--line) 55%,transparent);border-radius:999px;background:var(--color-surface);font-size:var(--text-label);font-weight:700;letter-spacing:0.04em;line-height:1.35;text-align:center;color:var(--line-text)}.eco-lane__label small{display:block;font-size:0.75rem;font-weight:600;letter-spacing:0;color:var(--color-body)}.eco-lane{--line:var(--eco-data);--line-text:var(--eco-data-text)}.eco-lane .eco-link__line::after{bottom:auto;top:-1px;border-top:0;border-bottom:9px solid var(--line)}.eco-lane--foot .eco-link__line{background:repeating-linear-gradient(180deg,var(--line) 0 7px,transparent 7px 12px);box-shadow:none}.eco-lane--first .eco-lane__label,.eco-lane--foot .eco-lane__label{max-width:15rem}@media (max-width:991.98px){.eco-lane{min-height:0;padding-block:0.75rem}.eco-lane .eco-link__line{display:none}.eco-lane__label{display:inline-flex;align-items:center;gap:0.6rem;text-align:left;max-width:none!important}.eco-lane__label::before{content:"";flex:none;width:14px;height:14px;border:2px solid var(--line);border-right:0;border-bottom:0;border-radius:8px 0 0 0;transform:rotate(-45deg);margin-top:4px}.eco-lane--foot .eco-lane__label{border-style:dashed}}@media (min-width:992px){.eco-link .eco-link__line::after{bottom:auto;top:-1px;border-top:0;border-bottom:9px solid var(--line)}.eco-lane .eco-link__line::after{top:auto;bottom:-1px;border-bottom:0;border-top:9px solid var(--line)}.eco-lane{align-items:center}.eco-lane__label{max-width:100%}}@media (prefers-reduced-motion:no-preference){.eco-link__line::before{content:"";position:absolute;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:2px;background:var(--hb-cloud);box-shadow:0 0 10px var(--line);animation:eco-down 2.8s var(--ease-out) infinite}.eco-lane .eco-link__line::before{animation-name:eco-up}@media (min-width:992px){.eco-link .eco-link__line::before{animation-name:eco-up}.eco-lane .eco-link__line::before{animation-name:eco-down}}.eco.is-paused .eco-link__line::before{animation-play-state:paused}}@keyframes eco-down{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:calc(100% - 6px);opacity:0}}@keyframes eco-up{0%{top:calc(100% - 6px);opacity:0}15%{opacity:1}85%{opacity:1}100%{top:0;opacity:0}}.eco__legend-title{font-size:var(--text-label);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-label)}.eco-keys{display:grid;gap:0.65rem;margin-top:0.75rem!important}.eco-key{--c:var(--eco-flow);display:grid;gap:0.15rem}.eco-key__name{display:inline-flex;align-items:center;gap:0.55rem;justify-self:start;font-weight:700;font-size:var(--text-sm);color:var(--color-heading)}.eco-key__name::before{content:"";flex:none;width:14px;height:3px;border-radius:2px;background:var(--c)}.eco-key--first,.eco-key--foot{--c:var(--eco-data)}.eco-key--foot .eco-key__name::before{background:repeating-linear-gradient(90deg,var(--c) 0 4px,transparent 4px 6px)}.eco-key--use{--c:var(--eco-os)}.eco-key--base{--c:var(--eco-base)}.eco-key__desc{font-size:var(--text-sm);line-height:1.45;padding-left:calc(14px + 0.55rem)}.eco__status{display:none}button.eco-key__name{min-height:40px;padding:0.35rem 0.85rem;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-surface-raised);cursor:pointer;text-align:left;transition:border-color 160ms var(--ease-out),background-color 160ms var(--ease-out)}button.eco-key__name:hover{border-color:var(--c)}button.eco-key__name[aria-pressed="true"]{border-color:var(--c);background:color-mix(in srgb,var(--c) 18%,var(--color-surface-raised))}button.eco-key__name:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.eco.is-enhanced .eco-key__desc{padding-left:0.85rem}@media (max-width:991.98px){.eco.is-enhanced .eco-keys{display:flex;flex-wrap:wrap;gap:0.4rem}.eco.is-enhanced .eco-key__desc{display:none}.eco.is-enhanced .eco__status{display:block;margin-top:0.75rem;min-height:3em;font-size:var(--text-sm);color:var(--color-heading)}}.eco[data-eco-active] [data-eco]{opacity:0.22;filter:saturate(0.35)}.eco[data-eco-active="use"] [data-eco~="use"],.eco[data-eco-active="out"] [data-eco~="out"],.eco[data-eco-active="first"] [data-eco~="first"],.eco[data-eco-active="foot"] [data-eco~="foot"],.eco[data-eco-active="base"] [data-eco~="base"]{opacity:1;filter:none}.eco[data-eco-active] .eco-key{opacity:0.5;transition:opacity 200ms var(--ease-out)}.eco[data-eco-active="use"] .eco-key--use,.eco[data-eco-active="out"] .eco-key--out,.eco[data-eco-active="first"] .eco-key--first,.eco[data-eco-active="foot"] .eco-key--foot,.eco[data-eco-active="base"] .eco-key--base{opacity:1}@media (prefers-reduced-motion:reduce){.eco-node,.eco-mod,.eco-link,.eco-lane,.eco-key,button.eco-key__name{transition:none}}.eco-section .eco{margin-top:clamp(1.5rem,1rem + 1.5vw,2.5rem)}.eco-cap{margin-top:1rem!important;font-size:var(--text-sm);color:var(--color-body);max-width:70ch}.eco-sub{margin-top:clamp(2.5rem,2rem + 2vw,4rem)}.eco-sub__title{font-size:var(--text-h2);max-width:26ch}.eco-teaser{display:grid;gap:1rem;align-items:center;margin-top:1.5rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:inherit;text-decoration:none;transition:border-color 160ms var(--ease-out)}.eco-teaser:hover{border-color:var(--color-border-strong)}.eco-teaser img{display:block;width:100%;height:auto;border-radius:var(--radius-control)}.eco-teaser__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-heading)}.eco-teaser__text{margin:0.35rem 0 0.75rem;font-size:var(--text-sm)}@media (min-width:768px){.eco-teaser{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding:1.25rem;gap:1.5rem}}