.wy{--wy-bg:#020715;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}
.wy-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border-radius:22px;border:1px solid rgba(71,213,205,.18);
  background:linear-gradient(180deg,var(--wy-bg) 0%,#03102A 100%);box-shadow:0 40px 110px -70px rgba(71,213,205,.45),inset 0 1px 0 rgba(143,232,224,.06)}
.wy-stage{--fx:.5;--fy:.5;--fit:1;--sp:0;--zf:1;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.42;background:var(--wy-bg)}
.wy-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .6s}
.wy-stage.live .wy-img{opacity:0}
.wy-cv{position:absolute;inset:0;width:100%;height:100%;display:block}

.wy-chip{position:absolute;z-index:2;display:grid;gap:3px;max-width:min(44%,232px);padding:10px 14px 11px;border-radius:14px;
  font-family:Manrope,'Avenir Next','Segoe UI',system-ui,sans-serif;text-align:left;
  background:linear-gradient(180deg,rgba(14,44,86,.7),rgba(5,22,48,.86));border:1px solid rgba(71,213,205,.22);
  box-shadow:inset 0 1px 0 rgba(234,243,248,.07),0 22px 50px -26px rgba(0,0,0,.95),0 16px 50px -34px rgba(71,213,205,.5);
  -webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15)}
.wy-chip b{font-size:14px;line-height:1.25;font-weight:700;color:#EAF3F8;letter-spacing:-.005em}
.wy-chip span{font-size:12.5px;line-height:1.38;font-weight:500;color:#A9BDCB}
.wy-chip b::before{content:"";display:inline-block;width:7px;height:7px;margin:0 8px 0 1px;border-radius:50%;vertical-align:middle;translate:0 -1px;background:#8FA7B8}
.wy-chip.you b::before{background:#EAF3F8;box-shadow:0 0 7px rgba(234,243,248,.6)}
.wy-chip.imu{border-color:rgba(71,213,205,.42)}
.wy-chip.imu b::before{background:#47D5CD;box-shadow:0 0 7px #47D5CD}
.wy-chip span.im{color:#8FE8E0}
.wy-chip[data-a="plant"] b::before{display:none}

.wy-chip[data-a="prod"]{left:4.5%;top:5%}
.wy-stage[data-way="build"]{--fy:.15}
.wy-chip[data-a="sites"]{right:3.5%;top:5%}
.wy-chip[data-a="you"]{left:4.5%;bottom:52%;max-width:min(33%,214px)}
.wy-chip[data-a="imu"]{left:4.5%;top:72%;max-width:min(33%,214px)}
.wy-chip[data-a="plant"]{right:3.5%;top:5%;max-width:min(34%,210px)}

.wy-stage [data-in]{opacity:0;transform:translate3d(0,16px,0) scale(.98);translate:0 calc(var(--sp) * var(--z,0) * var(--zf) * 1px);
  transition:opacity .9s cubic-bezier(.22,1,.36,1) calc(var(--d,0) * 1s),transform 1.2s cubic-bezier(.22,1,.36,1) calc(var(--d,0) * 1s)}
.wy-stage.in [data-in]{opacity:1;transform:none}

.wy-copy{display:grid;gap:10px;align-content:start;padding:22px 26px 28px}
.wy-copy h3{font-size:clamp(22px,2vw,28px);line-height:1.15;letter-spacing:-.02em}
.wy-copy p{color:#C6D8E3;max-width:46ch;text-wrap:pretty}

.wy-keep{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,44px);align-items:start;
  padding:clamp(22px,2.6vw,32px) clamp(22px,3vw,40px);border-radius:22px;border:1px solid rgba(71,213,205,.14);
  background:radial-gradient(70% 120% at 100% 0%,rgba(71,213,205,.07),transparent 60%),linear-gradient(180deg,#041530,#030F24)}
.wy-keep-h{margin:0;padding-top:2px;font-size:13px;font-weight:700;color:#8FA7B8;white-space:nowrap}
.wy-col h4{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:17px;font-weight:800;letter-spacing:-.01em;color:#EAF3F8}
.wy-col.you h4::before{content:"";width:9px;height:9px;margin:0 5px 0 5px;border-radius:50%;background:#EAF3F8;box-shadow:0 0 8px rgba(234,243,248,.6)}
.wy-col.imu h4 img{width:20px;height:20px}
.wy-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.wy-col li{position:relative;padding-left:18px;font-size:15.5px;line-height:1.45;color:#C6D8E3}
.wy-col li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;border:1.5px solid #8FA7B8}
.wy-col.imu li::before{border-color:#47D5CD;background:rgba(71,213,205,.25);box-shadow:0 0 6px rgba(71,213,205,.6)}
.wy-keep li{opacity:0;transform:translateY(8px);transition:opacity .7s cubic-bezier(.22,1,.36,1) calc(var(--k,0) * .07s),transform .9s cubic-bezier(.22,1,.36,1) calc(var(--k,0) * .07s)}
.wy-keep.in li{opacity:1;transform:none}

@media(max-width:1100px) and (min-width:861px){.wy-chip{padding:8px 11px 9px;border-radius:12px}.wy-chip b{font-size:12.5px}.wy-chip span{font-size:11.5px;line-height:1.32}
  .wy-chip[data-a="you"],.wy-chip[data-a="imu"]{max-width:38%}.wy-chip[data-a="plant"]{max-width:40%}}
@media(max-width:860px){
  .wy{grid-template-columns:1fr}
  .wy-keep{grid-template-columns:1fr 1fr}
  .wy-keep-h{grid-column:1/-1}
}

@media(max-width:600px){
  .wy-stage,.wy-stage[data-way="build"]{--fit:0;--fy:.5;--zf:.5;aspect-ratio:.96}
  .wy-stage[data-way="sell"]{aspect-ratio:.78}
  .wy-chip{max-width:62%;padding:8px 11px 9px;border-radius:12px}
  .wy-chip b{font-size:13px}.wy-chip span{font-size:11.5px}
  .wy-chip[data-a="prod"]{left:16px;top:14px}
  .wy-chip[data-a="sites"]{right:16px;top:auto;bottom:14px}
  .wy-chip[data-a="you"]{left:16px;top:100px;bottom:auto;max-width:48%}
  .wy-chip[data-a="imu"]{left:16px;top:auto;bottom:12px;max-width:52%}
  .wy-chip[data-a="plant"]{right:16px;top:12px;max-width:43%}
  .wy-copy{padding:18px 18px 22px}
  .wy-keep{grid-template-columns:1fr;padding:22px 18px}
}
@media (prefers-reduced-motion: reduce){
  .wy-stage [data-in],.wy-keep li{opacity:1;transform:none;translate:none;transition:none}
}