.method-system{display:grid;gap:18px}.method-hero{position:relative;min-height:340px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;overflow:hidden;padding:42px;border:1px solid #ffffff1c;border-radius:23px;background:radial-gradient(circle at 80% 50%,#7440c542,transparent 28%),linear-gradient(135deg,#17101f,#0d121a 62%,#081522);box-shadow:0 28px 85px #0007}.method-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent,#000)}.method-hero>*{position:relative}.method-hero h2{margin:14px 0;font-size:clamp(44px,5vw,75px);line-height:.9;letter-spacing:-.065em}.method-hero h2 em{font-style:normal;background:linear-gradient(90deg,var(--pink),#ae82ff,var(--blue));background-clip:text;color:transparent}.method-hero p{max-width:590px;color:#909aa6;font-size:13px;line-height:1.65}.method-links{display:flex;gap:9px;margin-top:23px}.method-links a,.method-boundary>footer a{padding:10px 13px;border:1px solid #8567d84d;border-radius:9px;color:#bca8f8;font:750 9px monospace;transition:.25s}.method-links a:hover,.method-boundary>footer a:hover{background:#8b5cff;color:#fff;transform:translateY(-2px)}.method-machine{justify-self:center;position:relative;width:310px;height:240px}.method-core{position:absolute;z-index:2;left:50%;top:50%;width:118px;height:118px;display:grid;place-content:center;text-align:center;transform:translate(-50%,-50%);border:1px solid #9878ef66;border-radius:31px;background:linear-gradient(145deg,#20152f,#0c121c);box-shadow:0 0 60px #7f4de14d}.method-core:before,.method-core:after{content:"";position:absolute;inset:-20px;border:1px dashed #896cda55;border-radius:42px;animation:method-spin 16s linear infinite}.method-core:after{inset:-37px;border-color:#328ee744;animation-direction:reverse;animation-duration:23s}.method-core span,.method-core small{color:#74808d;font:700 7px monospace}.method-core b{font:850 37px monospace;color:#c7b2ff}.venue-source{position:absolute;width:105px;padding:13px;border:1px solid #ffffff1b;border-radius:12px;background:#10141c}.venue-source small,.venue-source b{display:block}.venue-source small{font:750 8px monospace}.venue-source b{margin-top:6px;color:#7f8a96;font:700 9px monospace}.venue-source i{position:absolute;width:7px;height:7px;border-radius:50%}.arcus-source{left:0;top:14px;box-shadow:inset 0 2px var(--pink)}.arcus-source small{color:#f46bb1}.arcus-source i{right:-55px;bottom:5px;background:var(--pink);box-shadow:0 0 17px var(--pink);animation:method-particle 2.4s ease-in-out infinite}.lighter-source{right:0;bottom:14px;box-shadow:inset 0 2px var(--blue)}.lighter-source small{color:#66b0ff}.lighter-source i{left:-55px;top:5px;background:var(--blue);box-shadow:0 0 17px var(--blue);animation:method-particle 2.4s ease-in-out infinite reverse}.method-machine>em{position:absolute;left:25px;right:25px;top:50%;height:1px;background:linear-gradient(90deg,var(--pink),var(--violet),var(--blue));transform:rotate(22deg)}.method-flow{overflow:hidden;border:1px solid #ffffff1b;border-radius:20px;background:#0a0d13}.method-flow>header{padding:24px 26px;border-bottom:1px solid #ffffff12;background:linear-gradient(90deg,#15101f,#0d121a)}.method-flow h3{margin:7px 0 0;font-size:21px}.method-steps{display:grid;grid-template-columns:repeat(5,1fr)}.method-steps article{position:relative;min-height:220px;padding:22px;border-right:1px solid #ffffff10;transition:.3s}.method-steps article:last-child{border:0}.method-steps article:hover{background:linear-gradient(180deg,#7f51e31c,transparent);transform:translateY(-4px)}.step-index{display:flex;align-items:center;gap:8px}.step-index b{color:#65d9ff;font:750 9px monospace}.step-index i{height:1px;flex:1;background:linear-gradient(90deg,#8b5cff66,transparent)}.method-steps small{display:block;margin-top:34px;color:#9a7fff;font:800 8px monospace;letter-spacing:.12em}.method-steps h4{margin:9px 0;font-size:16px}.method-steps p{margin:0;color:#737e8a;font-size:10px;line-height:1.55}.method-steps article>span{position:absolute;right:-9px;top:29px;z-index:2;color:#886be0}.formula-stage{display:grid;grid-template-columns:.75fr 1.25fr;gap:12px}.formula-stage>div{padding:28px;border:1px solid #ffffff18;border-radius:17px;background:linear-gradient(145deg,#121620,#0b0e14)}.formula-stage h3{margin:10px 0;font-size:clamp(25px,3vw,40px);line-height:1}.formula-stage p{color:#737e8a;font-size:11px;line-height:1.55}.formula-card{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 0,#703cc732,transparent 48%),#0b0e15!important}.formula-card>small{color:#65d9ff;font:750 8px monospace}.formula-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:25px 0}.formula-line>span{display:grid;grid-template-columns:auto auto;align-items:end;padding:12px;border:1px solid #ffffff15;border-radius:11px;background:#ffffff04}.formula-line b{font-size:23px;color:#c4adff}.formula-line sub{color:#7f8b98;font:700 7px monospace}.formula-line em{grid-column:1/3;margin-top:4px;color:#5f6a76;font:700 7px monospace}.formula-line>i{color:#9a7eff}.formula-card footer{display:flex;flex-wrap:wrap;gap:8px;color:#66727e;font:700 8px monospace}.formula-card footer i{color:#8f71e7}.method-boundary{overflow:hidden;border:1px solid #ffffff1b;border-radius:20px;background:#0b0e14}.method-boundary>header,.method-boundary>footer{display:flex;align-items:center;justify-content:space-between;padding:23px 25px}.method-boundary>header{border-bottom:1px solid #ffffff11;background:linear-gradient(90deg,#17101e,#10141c)}.method-boundary h3{margin:7px 0 0}.method-boundary>header>span{padding:7px 9px;border:1px solid #f05f9f3d;border-radius:99px;color:#f06cad;font:750 8px monospace}.boundary-grid{display:grid;grid-template-columns:repeat(4,1fr)}.boundary-grid article{display:flex;gap:13px;min-height:130px;padding:22px;border-right:1px solid #ffffff0f}.boundary-grid article:last-child{border:0}.boundary-grid small{color:#65d9ff;font:750 8px monospace}.boundary-grid b{font:800 10px monospace}.boundary-grid p{color:#747f8b;font-size:10px;line-height:1.55}.method-boundary>footer{border-top:1px solid #ffffff10}.method-boundary>footer>div{display:flex;gap:9px;color:#828d99;font-size:10px}.method-boundary>footer>div>i{width:7px;height:7px;margin-top:3px;border-radius:50%;background:#65d9ff;box-shadow:0 0 13px #65d9ff}@keyframes method-spin{to{transform:rotate(360deg)}}@keyframes method-particle{50%{transform:translateX(28px);opacity:.45}}@media(max-width:1000px){.method-steps{grid-template-columns:repeat(2,1fr)}.method-steps article{min-height:175px}.method-steps article:last-child{grid-column:1/3}.boundary-grid{grid-template-columns:repeat(2,1fr)}.formula-stage{grid-template-columns:1fr}}@media(max-width:720px){.method-hero{grid-template-columns:1fr;padding:27px}.method-machine{display:none}.method-links{display:grid}.method-steps{grid-template-columns:1fr}.method-steps article,.method-steps article:last-child{grid-column:auto;min-height:0}.boundary-grid{grid-template-columns:1fr}.formula-line{flex-wrap:wrap;justify-content:flex-start}.method-boundary>header,.method-boundary>footer{display:block}.method-boundary>header>span,.method-boundary>footer>a{display:inline-block;margin-top:15px}}@media(prefers-reduced-motion:reduce){.method-core:before,.method-core:after,.venue-source i{animation:none!important}}