#wx-methode{padding:130px 0;background:#050505;position:relative;overflow:hidden}#wx-methode .wx-mtHead{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;margin-bottom:60px}#wx-methode .wx-mtH2{margin:0!important;font-size:clamp(50px,7vw,116px)!important;font-weight:900!important;letter-spacing:-.045em!important;line-height:.9!important}#wx-methode .wx-mtIntro{margin:0;font-size:13px;line-height:1.7;max-width:300px;color:rgba(244,244,244,.6)}#wx-methode .wx-mtGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:5vw;align-items:start}#wx-methode .wx-steps{position:relative;list-style:none;margin:0;padding:0;border-bottom:1px solid rgba(244,244,244,.1)}#wx-methode .mt-rail{position:absolute;left:21px;top:44px;bottom:44px;width:2px;background:rgba(244,244,244,.1);list-style:none;margin:0;padding:0}#wx-methode .mt-rail:before{content:none!important}#wx-methode .mt-rail i{position:absolute;left:0;top:0;width:100%;height:var(--h,0px);background:#FE0000;box-shadow:0 0 12px #FE0000;transition:height .7s cubic-bezier(.2,.9,.1,1)}#wx-methode .mt-rail i:after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(254,0,0,.5),0 0 18px #FE0000}#wx-methode .wx-step{position:relative;display:grid;grid-template-columns:60px 1fr;align-items:start;gap:20px;padding:22px 0;border-top:1px solid rgba(244,244,244,.1);cursor:pointer}#wx-methode .wx-stN{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;margin-top:6px;padding:0!important;border-radius:50%;border:1.5px solid rgba(244,244,244,.25);background:#050505;color:rgba(244,244,244,.5)!important;font-size:12px;transition:border-color .3s,background .3s,color .3s,box-shadow .3s}#wx-methode .wx-step.on .wx-stN{border-color:#FE0000;color:#fff!important;box-shadow:0 0 0 6px rgba(254,0,0,.12),0 0 24px rgba(254,0,0,.5);animation:mtPing 1.4s ease-out infinite}@keyframes mtPing{0%{box-shadow:0 0 0 0 rgba(254,0,0,.5),0 0 24px rgba(254,0,0,.5)}100%{box-shadow:0 0 0 14px rgba(254,0,0,0),0 0 24px rgba(254,0,0,.5)}}#wx-methode .wx-step.done .wx-stN{background:#FE0000;border-color:#FE0000;color:transparent!important;animation:none}#wx-methode .wx-step.done .wx-stN:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:700;animation:mtCheck .4s cubic-bezier(.2,1.6,.4,1)}@keyframes mtCheck{from{transform:scale(0) rotate(-40deg)}to{transform:none}}#wx-methode .mt-tag{display:inline-block;margin:0 0 10px 18px;padding:3px 9px;border-radius:99px;border:1px solid rgba(244,244,244,.14);font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,244,244,.4);transition:color .3s,border-color .3s,background .3s}#wx-methode .wx-step.on .mt-tag{color:#FE0000;border-color:rgba(254,0,0,.6);animation:mtBlink 1s steps(1) infinite}#wx-methode .wx-step.done .mt-tag{color:#fff;background:rgba(254,0,0,.18);border-color:rgba(254,0,0,.5)}@keyframes mtBlink{50%{opacity:.35}}#wx-methode .wx-stT{margin:0!important;font-size:clamp(38px,4.6vw,76px)!important;font-weight:900!important;letter-spacing:-.045em!important;line-height:1!important;color:transparent!important;-webkit-text-stroke:1.5px rgba(244,244,244,.5);transition:color .3s,-webkit-text-stroke-color .3s,text-shadow .3s,transform .45s cubic-bezier(.2,.9,.1,1)}#wx-methode .wx-step.done .wx-stT{-webkit-text-stroke-color:rgba(254,0,0,.55)}#wx-methode .wx-step.on .wx-stT{color:#FE0000!important;-webkit-text-stroke-color:#FE0000;text-shadow:0 0 40px rgba(254,0,0,.45);transform:translateX(18px)}#wx-methode .wx-stD{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.9,.1,1)}#wx-methode .wx-stD > p{overflow:hidden;margin:0;font-size:16px;line-height:1.6;color:rgba(244,244,244,.75);max-width:560px;padding-left:18px}#wx-methode .wx-step.on .wx-stD{grid-template-rows:1fr}#wx-methode .wx-step.on .wx-stD > p{padding-top:14px}#wx-methode .wx-stBar{display:block;height:2px;margin:16px 0 0 18px;width:0;background:#FE0000;box-shadow:0 0 10px #FE0000;opacity:0}#wx-methode .wx-step.on.auto .wx-stBar{opacity:1;animation:wxStBar 4s linear forwards}@keyframes wxStBar{from{width:0}to{width:min(560px,100%)}}#wx-methode .wx-mtScreen{position:sticky;top:10vh;max-width:440px;margin-left:auto;width:100%}#wx-methode .mt-hud{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,244,244,.55)}#wx-methode .mt-t{font-size:22px;font-weight:600;letter-spacing:.06em;color:#FE0000;text-shadow:0 0 14px rgba(254,0,0,.6)}#wx-methode .mt-t.tick{animation:mtTick .4s ease-out}@keyframes mtTick{from{transform:scale(1.35);color:#fff}to{transform:none}}#wx-methode .wx-mtVid{position:relative;aspect-ratio:9/12;max-height:56vh;border-radius:22px;overflow:hidden;border:1px solid rgba(254,0,0,.55);box-shadow:0 0 70px rgba(254,0,0,.25);background:#000;margin:0 auto}#wx-methode .wx-mtM{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s}#wx-methode .wx-mtM.show{opacity:1}#wx-methode .wx-mtFlash{position:absolute;inset:0;background:#FE0000;mix-blend-mode:screen;opacity:0;pointer-events:none}#wx-methode .wx-mtVid.flash .wx-mtFlash{animation:wxFlash .5s ease-out}@keyframes wxFlash{0%{opacity:.6}100%{opacity:0}}#wx-methode .wx-mtRec{position:absolute;left:16px;top:14px;display:flex;align-items:center;gap:8px;font-size:10px;z-index:3;text-shadow:0 1px 6px #000}#wx-methode .wx-mtIdx{position:absolute;right:16px;top:14px;font-size:10px;z-index:3;color:rgba(244,244,244,.8);text-shadow:0 1px 6px #000}#wx-methode .wx-mtCap{position:absolute;left:14px;right:14px;bottom:16px;z-index:3;padding:9px 12px;border-radius:8px;background:rgba(5,5,5,.75);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-left:2px solid #FE0000;font-size:11px}#wx-methode .mt-cross{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(#FE0000,#FE0000) 50% 50%/22px 1px no-repeat,linear-gradient(#FE0000,#FE0000) 50% 50%/1px 22px no-repeat;opacity:.7}#wx-methode .mt-cross:before{content:"";position:absolute;inset:14px;border:1px solid rgba(254,0,0,.0);background:linear-gradient(#FE0000,#FE0000) 0 0/16px 2px no-repeat,linear-gradient(#FE0000,#FE0000) 0 0/2px 16px no-repeat,linear-gradient(#FE0000,#FE0000) 100% 0/16px 2px no-repeat,linear-gradient(#FE0000,#FE0000) 100% 0/2px 16px no-repeat,linear-gradient(#FE0000,#FE0000) 0 100%/16px 2px no-repeat,linear-gradient(#FE0000,#FE0000) 0 100%/2px 16px no-repeat,linear-gradient(#FE0000,#FE0000) 100% 100%/16px 2px no-repeat,linear-gradient(#FE0000,#FE0000) 100% 100%/2px 16px no-repeat;top:40px;bottom:60px}#wx-methode .mt-live{position:absolute;inset:0;z-index:5;display:grid;place-items:center;opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(254,0,0,.45),rgba(5,5,5,.85) 70%)}#wx-methode .mt-live b{position:relative;padding:14px 26px;border-radius:999px;background:#FE0000;color:#fff;font-size:18px;letter-spacing:.2em;text-transform:uppercase;box-shadow:0 0 50px #FE0000}#wx-methode .mt-live i{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:2px solid #FE0000}#wx-methode .wx-mtVid.live .mt-live{opacity:1;transition:opacity .25s}#wx-methode .wx-mtVid.live .mt-live b{animation:mtSlam .55s cubic-bezier(.2,1.5,.4,1)}#wx-methode .wx-mtVid.live .mt-live i{animation:mtWave 1.2s ease-out infinite}#wx-methode .wx-mtVid.live .mt-live i:nth-child(2){animation-delay:.4s}@keyframes mtSlam{from{transform:scale(2.4);opacity:0;filter:blur(6px)}to{transform:none;opacity:1;filter:none}}@keyframes mtWave{from{transform:scale(.4);opacity:1}to{transform:scale(3.2);opacity:0}}#wx-methode .mt-bit{position:absolute;left:50%;top:50%;width:var(--s);height:var(--s);background:var(--c);z-index:6;pointer-events:none;transition:transform 1.1s cubic-bezier(.1,.8,.3,1),opacity 1.1s}#wx-methode .mt-bit.fly{transform:translate(var(--dx),var(--dy)) rotate(var(--dr));opacity:0}#wx-methode .mt-seg{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:14px 0 12px}#wx-methode .mt-seg i{height:6px;border-radius:3px;background:rgba(244,244,244,.1);transition:background .3s,box-shadow .3s}#wx-methode .mt-seg i.done{background:#FE0000;box-shadow:0 0 10px rgba(254,0,0,.7)}#wx-methode .mt-seg i.on{background:rgba(254,0,0,.5);animation:mtBlink .6s steps(1) infinite}#wx-methode .mt-log{height:96px;overflow:hidden;padding:12px 14px;border-radius:12px;background:#080808;border:1px solid rgba(244,244,244,.08);font-size:11px;line-height:1.75;color:rgba(244,244,244,.55);display:flex;flex-direction:column;justify-content:flex-end}#wx-methode .mt-log p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#wx-methode .mt-log p:last-child{color:#F4F4F4}#wx-methode .mt-log em{font-style:normal;color:#FE0000}@media (max-width:860px){#wx-methode{padding:90px 0}#wx-methode .wx-mtHead{grid-template-columns:1fr}#wx-methode .wx-mtGrid{grid-template-columns:1fr}#wx-methode .wx-mtScreen{position:relative;top:auto;order:-1;margin:0 auto}#wx-methode .wx-mtVid{max-height:52vh}#wx-methode .wx-step{grid-template-columns:44px 1fr;gap:14px}#wx-methode .wx-stN{width:36px;height:36px;font-size:11px}#wx-methode .mt-rail{left:17px}#wx-methode .mt-log{height:78px;font-size:10px}}@media (prefers-reduced-motion:reduce){#wx-methode *,#wx-methode *:before,#wx-methode *:after{animation:none!important}}