:root{--eco-cyan:#19e6d4;--eco-mint:#8ff5c0;--eco-coral:#ff6b57;--eco-gold:#ffcf5c;--eco-abyss:#02070d;--eco-deep:#06202c;--eco-ink:#e8f6f3;--eco-sand:#f4e8cf}
.eco-hero{position:relative;isolation:isolate;min-height:min(88svh,820px);overflow:clip;background:var(--eco-poster,linear-gradient(135deg,#02070d,#06202c))}
.eco-hero>.eco-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.eco-hero>*:not(.eco-canvas){position:relative;z-index:1}[data-eco=off]>.eco-canvas,[data-eco=error]>.eco-canvas{display:none}
body.eco-active{isolation:isolate}.eco-ambient{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.35}
.eco-pause,[data-eco-pause]{position:fixed;right:12px;bottom:calc(var(--s1-bar-height, 64px) + env(safe-area-inset-bottom, 0px) + 12px);z-index:999;min-width:44px;min-height:44px;border:1px solid #a9c5bf;border-radius:50%;background:#02070d;color:#fff;cursor:pointer;font-size:18px;opacity:.72;transition:opacity .15s ease}.eco-pause.eco-scrolling,[data-eco-pause].eco-scrolling{opacity:0;pointer-events:none}.eco-pause:focus-visible,[data-eco-pause]:focus-visible,.eco-pause:hover,[data-eco-pause]:hover{opacity:1;pointer-events:auto}.eco-pause:hover,[data-eco-pause]:hover{background:#123a38;border-color:#8ff5c0}.eco-pause:active,[data-eco-pause]:active{background:#1a514b}.eco-pause:focus-visible,[data-eco-pause]:focus-visible{outline:3px solid #8ff5c0;outline-offset:3px}
html[data-motion=paused] *,html[data-motion=paused] *::before,html[data-motion=paused] *::after{animation-play-state:paused!important;transition:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

@media(prefers-reduced-motion:reduce){.eco-pause.eco-scrolling,[data-eco-pause].eco-scrolling{opacity:.72;pointer-events:auto}.eco-pause:focus-visible,[data-eco-pause]:focus-visible{opacity:1}}

body[data-eco-quality=low] .eco-ambient{display:none}