.eco{--pad:clamp(18px, 3vw, 34px);padding:var(--pad);border-radius:var(--r-xl);color:var(--navy);background:#fff;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(20px,3vw,44px);margin-top:40px;display:grid}.eco p{color:var(--soft);margin:12px 0 14px}.eco .badge.light{background:var(--o50);color:var(--o600);margin-bottom:14px}.eco-logo{width:auto;height:54px;margin-bottom:18px;display:block}@media (max-width:900px){.eco{grid-template-columns:1fr}}.eo-stage{min-width:0;container-type:inline-size}.eo-stage>*{--s:min(100cqw, 640px)}.eo-orbit{--px:0;--py:0;--pale:#f1f3fa;--rule:#d0d4e6;--lift:0 12px 30px #00025a1f, 0 0 0 1px #00025a12;width:var(--s);color:var(--navy);margin:0 auto;position:relative}.eo-clip{aspect-ratio:1/1.01;width:100%;position:relative}.eo-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.eo-spoke{fill:none;stroke:var(--rule);stroke-width:.28px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s var(--ease) calc(.6s + var(--i) * .1s), stroke .25s, stroke-width .25s}.eo-spoke.on,.eo-orbit[data-mode=band] .eo-spoke{stroke:var(--orange);stroke-width:.6px}.eo-orbit.in .eo-spoke{stroke-dashoffset:0}.eo-core{width:64%;height:42%;translate:calc(-50% + var(--px) * var(--s) * .006) calc(40% + var(--py) * var(--s) * .006);background:var(--navy);color:#fff;align-items:center;gap:calc(var(--s) * .014);padding:calc(var(--s) * .035) calc(var(--s) * .08) 0;text-align:center;opacity:0;transition:translate .9s var(--spring) .1s, opacity .5s var(--ease) .1s;border-radius:50%/56% 56% 44% 44%;flex-direction:column;justify-content:center;display:flex;position:absolute;top:58%;left:50%}.eo-core b{font-size:calc(var(--s) * .046);letter-spacing:-.015em;font-weight:700;line-height:1}.eo-core small{font-size:calc(var(--s) * .0215);color:#ffffffc7;font-weight:400;line-height:1.45}.eo-orbit.in .eo-core{opacity:1;translate:calc(-50% + var(--px) * var(--s) * .006) calc(var(--py) * var(--s) * .006)}.eo-n{left:var(--x);top:var(--y);aspect-ratio:1;width:27%;translate:calc(-50% + var(--px) * var(--s) * .012) calc(-50% + var(--py) * var(--s) * .012);box-shadow:var(--lift);transition:scale .8s var(--spring) calc(.45s + var(--i) * .1s), background .25s, box-shadow .25s;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;scale:0}.eo-orbit.in .eo-n{scale:1}.eo-orbit.in .eo-n:hover,.eo-orbit.in .eo-n.on{transition-duration:.5s;transition-delay:0s;scale:1.05}.eo-orbit.in .eo-n:active{transition-duration:.1s;scale:.95}.eo-n.on:not(.you),.eo-n.lit:not(.you){box-shadow:var(--lift), 0 0 0 2px var(--orange)}.eo-n.you{background:var(--navy);color:#fff}.eo-n.you.on,.eo-n.you.lit{box-shadow:var(--lift), 0 0 0 2px var(--orange)}.eo-n:focus-visible{outline:3px solid var(--navy);outline-offset:4px}.eo-n.you:focus-visible{outline-color:var(--orange)}.eo-in{justify-items:center;gap:calc(var(--s) * .008);width:100%;animation:6s ease-in-out infinite eobob;animation-delay:calc(var(--i) * -1.4s);padding:0 8%;display:grid}@keyframes eobob{50%{translate:0 -3%}}.eo-in b{font-size:max(10px, calc(var(--s) * .0265));letter-spacing:-.005em;text-wrap:balance;font-weight:700;line-height:1.12}.eo-in small{font-size:max(8.5px, calc(var(--s) * .0205));color:#5c5f85;font-weight:400;line-height:1.25}.eo-n.you small{color:#fffc}.eo-ic{color:var(--orange);display:block}.eo-in .eo-ic{width:calc(var(--s) * .05);margin-bottom:calc(var(--s) * .004)}.eo-n.you .eo-ic{color:#fff}.eo-ic .ti{width:100%;height:auto;display:block}.eo-here{margin-top:calc(var(--s) * .008);color:#ffffffe0;font-size:max(8px, calc(var(--s) * .019));white-space:nowrap;background:#ffffff24;border-radius:99px;padding:3px 11px;font-weight:400}.eo-tray{margin:calc(var(--s) * .045) auto 0;width:fit-content;max-width:100%;box-shadow:var(--lift);opacity:0;transition:translate .9s var(--spring) 1s, opacity .5s var(--ease) 1s;background:#fff;border-radius:99px;gap:2px;padding:5px;display:flex;position:relative;translate:0 30%}.eo-orbit.in .eo-tray{opacity:1;translate:0}.eo-seg{color:var(--navy);white-space:nowrap;transition:scale .4s var(--spring), background .25s, color .25s;border-radius:99px;align-items:center;gap:8px;padding:6px 16px 6px 12px;font-size:13.5px;font-weight:700;display:inline-flex}.eo-seg .eo-ic{width:20px}.eo-seg:hover{background:var(--pale)}.eo-seg:active{transition-duration:.1s;scale:.96}.eo-seg.on{background:var(--navy);color:#fff}.eo-seg:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.eo-lead{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-top:14px;font-size:11px;font-weight:700;display:block}.eco-say{text-align:center;min-height:3em;font-size:15px;margin:10px 0 0!important}.eco-say b{color:var(--navy)}.eco-say .link{margin-left:6px;display:inline-flex}@media (prefers-reduced-motion:reduce){.eo-orbit *,.eo-orbit{transition:none!important;animation:none!important}}@media (max-width:560px){.eo-in small{display:none}.eo-in{gap:2px;padding:0 6%}.eo-in .eo-ic{width:calc(var(--s) * .07)}.eo-core small{display:none}.eo-core{padding:0 6%}.eo-core b{font-size:calc(var(--s) * .055)}.eo-seg{gap:5px;padding:5px 9px 5px 7px;font-size:11.5px}.eo-seg .eo-ic{width:16px}.eo-tray{gap:0;padding:3px}.eco-say{font-size:14px}.eco-logo{height:46px}}
