.eco{grid-template-columns:minmax(0,1fr);gap:56px;display:grid}.eco-pin{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.eco-view{width:100%}.eco-track{gap:96px;display:grid}.eco-in{align-items:center;gap:40px;display:grid}.eco-intro-h{justify-items:start;gap:20px;display:grid}.eco-intro-h .t-h .ln{display:block}.eco-intro-h .t-h .g{color:var(--green)}.eco-intro-h .t-l{max-width:52ch;margin:0}.eco-hint{font:600 14px var(--f-sans);color:var(--text-3);align-items:center;gap:8px;margin:8px 0 0;display:none}.eco-beats{border-top:1px solid var(--line);margin:0;padding:0;list-style:none;display:grid}.eco-beats li{border-bottom:1px solid var(--line)}.eco-beats a{color:var(--text);letter-spacing:-.03em;align-items:center;gap:20px;padding:22px 0;font-size:clamp(26px,3vw,44px);font-weight:600;line-height:1.1;text-decoration:none;transition:color .18s;display:flex}.eco-beats .eco-n{letter-spacing:.04em;color:var(--green);flex:none;width:28px;font-size:13px}@media (hover:hover) and (pointer:fine){.eco-beats a:hover{color:var(--green)}}.eco-copy{align-content:center;justify-items:start;gap:16px;display:grid}.eco-k{font:600 13px var(--f-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.eco-ch h3{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(30px,3.3vw,48px);font-weight:600;line-height:1.06}.eco-ch h3 .ln{display:block}.eco-line{color:var(--text);max-width:30ch;margin:0;font-size:clamp(18px,1.5vw,21px);font-weight:500;line-height:1.4}.eco-by{color:var(--text-2);max-width:42ch;margin:0;font-size:16.5px;line-height:1.55}.eco-acts{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.eco-art{place-items:center;min-width:0;display:grid;position:relative}.eco-book{perspective:1400px}.eco-cover{transform-origin:50%;border-radius:6px;width:min(300px,62%);height:auto;display:block;box-shadow:0 40px 90px #0009,0 0 0 1px #ffffff0f}.eco-shot{border:1px solid var(--line-2);border-radius:20px;width:100%;height:auto;display:block;box-shadow:0 40px 100px #0009}.eco-oks{gap:10px;width:100%;margin-top:16px;display:grid}.eco-ok{border:1px solid var(--line-2);background:var(--surface-2);color:var(--text);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex;box-shadow:0 20px 50px #00000080}.eco-ok em{width:22px;height:22px;color:var(--green);border:1px solid var(--green-30);border-radius:50%;flex:none;place-items:center;margin-left:auto;font-size:11px;font-style:normal;font-weight:600;display:grid}.eco-ic{background:var(--green-10);width:28px;height:28px;color:var(--green);border-radius:8px;flex:none;place-items:center;display:grid}.eco-net{justify-content:center;align-items:center;padding:12px 0 24px;display:flex}.eco-phone{border:1px solid var(--line-2);background:#0b0c0c;border-radius:30px;flex:none;width:36%;max-width:250px;padding:7px;position:relative;box-shadow:0 30px 80px #0009}.eco-phone img{border-radius:23px;width:100%;height:auto;display:block}.eco-phone.p1{z-index:1;transform:rotate(-6deg)translate(18%,6%)}.eco-phone.p2{z-index:3;order:2;width:40%}.eco-phone.p3{z-index:2;order:3;transform:rotate(6deg)translate(-18%,6%)}.eco-phone.p1{order:1}.eco-bar{display:none}.eco-steps{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.eco-steps a{border:1px solid var(--line);height:40px;color:var(--text-3);font:600 14px var(--f-sans);background:0 0;border-radius:999px;align-items:center;gap:10px;padding:0 16px 0 8px;text-decoration:none;transition:color .18s,border-color .18s,background-color .18s;display:inline-flex}.eco-steps .eco-n{background:var(--surface-2);width:26px;height:26px;color:var(--text-2);letter-spacing:0;border-radius:50%;place-items:center;font-size:11.5px;transition:background-color .18s,color .18s;display:grid}.eco-steps a.on{color:var(--text);border-color:var(--green-30);background:var(--green-10)}.eco-steps a.on .eco-n{background:var(--green);color:var(--green-ink)}@media (hover:hover) and (pointer:fine){.eco-steps a:hover{color:var(--text);border-color:var(--line-2)}}.eco-prog{background:var(--line);border-radius:2px;width:min(420px,60%);height:2px;margin:14px auto 0;overflow:hidden}.eco-prog i{background:var(--green);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.eco-band{border:1px solid var(--line);background:var(--bg-2);border-radius:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;padding:40px 48px;display:grid}.eco-band h3{letter-spacing:-.03em;margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:600;line-height:1.12}.eco-band h3 .ln{display:block}.eco-band h3 .g{color:var(--green)}.eco-band p{color:var(--text-2);margin:0;font-size:16.5px;line-height:1.55}@media (min-width:700px){.eco-ch .eco-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.eco-flip .eco-in .eco-copy{order:1}.eco-flip .eco-in .eco-art{order:2}}@media (min-width:901px){.eco-intro .eco-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.eco-flip .eco-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.eco-os .eco-oks{width:min(300px,78%);margin:0;position:absolute;bottom:-12%;left:-6%}}@media (max-width:900px){.eco-os .eco-oks{margin-top:-28px;padding:0 6%;position:relative}}.eco.live .eco-pin{grid-template-rows:auto auto;padding:0}.eco.live .eco-view{width:var(--vw,100vw);margin-left:var(--ml,calc(50% - var(--vw,100vw) / 2));min-height:0;overflow:hidden}.eco.live .eco-track{will-change:transform;gap:0;width:max-content;display:flex}.eco.live .eco-panel{width:var(--vw,100vw);box-sizing:border-box;flex:none;place-items:center;padding:28px 48px;display:grid;overflow:hidden}.eco.live .eco-in{width:min(1200px,100%)}.eco.live .eco-hint{display:inline-flex}.eco.live .eco-bar{padding-top:8px;display:block}.eco.live .eco-cover{width:auto;height:min(62vh,720px)}.eco.live .eco-net .eco-phone{width:min(31%,26vh,300px);max-width:none}.eco.live .eco-net .eco-phone.p2{width:min(35%,29vh,330px)}.eco.live .eco-flip .eco-in{column-gap:clamp(56px,6vw,96px)}.eco.live .eco-os .eco-shot{justify-self:start;width:118%;max-width:none}.eco.live .eco-os{place-items:center start}.eco.live .eco-os .eco-oks{bottom:6%;left:-8%}@media (max-height:760px){.eco.live .eco-panel{padding-block:16px}.eco.live .eco-copy{gap:12px}.eco.live .eco-ch h3{font-size:clamp(30px,3vw,44px)}.eco.live .eco-beats a{padding:16px 0}}@media (min-width:1700px){.eco.live .eco-in{width:min(1440px,100%)}.eco.live .eco-ch h3{font-size:clamp(48px,3vw,60px)}.eco.live .eco-line{font-size:22px}.eco.live .eco-by{font-size:18px}.eco.live .eco-beats a{font-size:clamp(44px,2.6vw,56px)}}@media (min-width:2200px){.eco.live .eco-in{width:min(1680px,100%)}.eco.live .eco-ch h3{font-size:clamp(60px,2.8vw,76px)}.eco.live .eco-line{font-size:26px}.eco.live .eco-by{font-size:20px}.eco.live .eco-k{font-size:15px}.eco.live .eco-beats a{font-size:clamp(56px,2.6vw,72px)}.eco.live .eco-intro-h .t-h{font-size:clamp(52px,2.6vw,72px)}.eco.live .eco-intro-h .t-l{font-size:22px}.eco.live .eco-cover{height:min(62vh,900px)}.eco.live .eco-net .eco-phone{width:min(31%,26vh,380px)}.eco.live .eco-net .eco-phone.p2{width:min(35%,29vh,420px)}.eco.live .eco-ok{padding:14px 16px;font-size:16px}.eco.live .eco-os .eco-oks{width:min(360px,78%)}}@media (max-width:1080px){.eco-band{grid-template-columns:minmax(0,1fr);gap:16px}}@media (max-width:699px){.eco-track{gap:72px}.eco-ch .eco-art{order:-1}.eco-cover{width:min(240px,64%)}.eco-acts{width:100%}.eco-acts .btn{flex:auto}.eco-beats a{padding:18px 0}.eco-band{padding:28px 22px}.eco-band h3{text-wrap:balance;font-size:22px}}