.method{--cosmic-950:#0a0014;--cosmic-900:#14081f;--cosmic-800:#1f0d33;--cosmic-700:#2d1850;--violet-600:#7c3aed;--violet-500:#a855f7;--violet-400:#c084fc;--violet-300:#d8b4fe;--violet-200:#e9d5ff;--orchid-500:#d946ef;--orchid-400:#e879f9;--orchid-300:#f0abfc;--quantum-400:#22d3ee;--quantum-300:#67e8f9;--lumen-50:#fefcff;--lumen-100:#faf5ff;--md:#f5f3ffa8;--sub:#f5f3ff6b;--hair:#d8b4fe29;--gco:0 0 32px #d946ef66;--gcv:0 0 32px #a855f766;--fsans:var(--font-sans,"DM Sans","Avenir Next",Avenir,system-ui,sans-serif);--fserif:var(--font-serif,"Fraunces","Iowan Old Style",Georgia,serif);--fmono:var(--font-mono,"JetBrains Mono","Fira Code",monospace)}.method *,.method :before,.method :after{box-sizing:border-box;margin:0;padding:0}.method{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;background:var(--cosmic-950);color:var(--lumen-100);font-family:var(--fsans);line-height:1.7;overflow-x:hidden}.method h1,.method h2,.method h3,.method h4{font-family:var(--fserif);letter-spacing:-.02em;font-feature-settings:"ss01","ss02";font-weight:400;line-height:1.12}.method a{color:inherit;text-decoration:none}.method ::selection{background:var(--violet-500);color:var(--cosmic-950)}.method .grad{background:linear-gradient(105deg,var(--violet-300),var(--orchid-400) 58%,var(--quantum-300));color:#0000;-webkit-background-clip:text;background-clip:text}.method .kicker{font-family:var(--fmono);letter-spacing:.3em;text-transform:uppercase;color:var(--violet-400);font-size:.7rem}.method .sec{padding:6rem 0;position:relative}@media (min-width:768px){.method .sec{padding:8rem 0}}.method .elev{background:var(--cosmic-900)}.method .inner{z-index:2;max-width:78rem;margin:0 auto;padding:0 1.5rem;position:relative}@media (min-width:768px){.method .inner{padding:0 2.5rem}}.method .inner.narrow{max-width:46rem}.method .center{text-align:center}.method .nbg{z-index:0;width:100%;height:100%;position:absolute;inset:0}.method .nveil{z-index:1;pointer-events:none;position:absolute;inset:0}.method .reveal{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}.method .reveal.in{opacity:1;transform:none}.method .reveal.d1{transition-delay:.1s}.method .reveal.d2{transition-delay:.2s}.method .reveal.d3{transition-delay:.3s}@media (prefers-reduced-motion:reduce){.method .reveal{opacity:1;transform:none}}.method .btn{border:2px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:.55rem;padding:1rem 2rem;font-size:1.05rem;font-weight:500;transition:all .3s;display:inline-flex}.method .btn svg{width:1.15rem;height:1.15rem}.method .btn-orchid{background:var(--orchid-500);color:var(--cosmic-950);box-shadow:var(--gco)}.method .btn-orchid:hover{background:var(--orchid-400);box-shadow:0 0 48px #d946ef99}.method .hero{background:var(--cosmic-950);align-items:center;min-height:94vh;display:flex;position:relative;overflow:hidden}.method .hero .nveil{background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent,#0a001480 75%,var(--cosmic-950)),linear-gradient(to bottom,#0a00144d,transparent 30%,transparent 70%,var(--cosmic-950))}.method .hero-inner{z-index:2;text-align:center;max-width:60rem;margin:0 auto;padding:8rem 1.5rem 4rem;position:relative}.method .hero .kicker{background:#a855f714;border:1px solid #a855f74d;border-radius:9999px;margin-bottom:1.75rem;padding:.45rem 1rem;display:inline-block}.method .hero h1{color:var(--lumen-50);letter-spacing:-.03em;text-wrap:balance;max-width:18ch;margin:0 auto 1.75rem;font-size:clamp(2.4rem,5.6vw,4.2rem);line-height:1.04}.method .hero .sub{color:var(--md);max-width:44rem;margin:0 auto 2.5rem;font-size:clamp(1.15rem,2.4vw,1.5rem);line-height:1.5}.method .intro-wrap{text-align:center;max-width:44rem;margin:0 auto}.method .intro-wrap p{color:var(--md);font-size:clamp(1.15rem,2.2vw,1.4rem);line-height:1.6}.method .intro-wrap p+p{margin-top:1.25rem}.method .intro-wrap .emph{font-family:var(--fserif);color:var(--lumen-50);text-wrap:balance;margin-top:2rem;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.32}.method .diff-head{text-align:center;max-width:42rem;margin:0 auto 3.5rem}.method .diff-head .kicker{margin-bottom:1rem;display:block}.method .diff-head h2{color:var(--lumen-50);text-wrap:balance;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.14}.method .rpanel{border:1px solid var(--hair);background:linear-gradient(#a855f712,#14081f80 38%,#d946ef0f);border-radius:1.5rem;max-width:56rem;margin:0 auto;padding:2.25rem 1.75rem 2rem;position:relative}@media (min-width:680px){.method .rpanel{padding:2.75rem 2.75rem 2.25rem}}.method .raxis{font-family:var(--fmono);letter-spacing:.16em;text-transform:uppercase;color:var(--sub);justify-content:space-between;margin-bottom:1.75rem;font-size:.62rem;display:flex}.method .raxis .l{color:var(--violet-300)}.method .raxis .r{color:var(--orchid-300)}.method .rbars{flex-direction:column;gap:1.5rem;display:flex}.method .rbar{flex-direction:column;gap:.6rem;display:flex}.method .rmeta{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.method .rnm{font-family:var(--fserif);color:var(--lumen-100);font-size:1.12rem}.method .rlvl{font-family:var(--fmono);letter-spacing:.14em;text-transform:uppercase;color:var(--violet-300);white-space:nowrap;font-size:.6rem}.method .rtrack{height:14px;box-shadow:inset 0 0 0 1px var(--hair);isolation:isolate;background:#d8b4fe0f;border-radius:9999px;position:relative;overflow:visible}.method .rfill{background:linear-gradient(90deg,#a855f766,var(--violet-400));z-index:2;border-radius:9999px;width:0;transition:width 1.4s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 22px 2px #a855f78c}.method .rfill:after{content:"";background:var(--violet-100,#f3e8ff);width:14px;height:14px;box-shadow:0 0 18px 2px var(--violet-300),0 0 7px #fff;z-index:3;border-radius:50%;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}.method .rsub{color:var(--sub);font-size:.86rem}.method .rline{margin-top:2.25rem}.method .rlab{font-family:var(--fmono);letter-spacing:.16em;text-transform:uppercase;color:var(--orchid-300);align-items:center;gap:1rem;margin-bottom:1.25rem;font-size:.62rem;display:flex}.method .rlab:before,.method .rlab:after{content:"";background-image:repeating-linear-gradient(90deg,#d946efa6 0 7px,#0000 7px 13px);border-radius:2px;flex:1;height:2px}.method .rlimbic{text-align:center;background:radial-gradient(70% 120% at 50% 100%,#d946ef29,#14081f66);border:1px solid #d946ef4d;border-radius:1rem;padding:1.75rem;position:relative;overflow:hidden}.method .rglow{filter:blur(8px);pointer-events:none;z-index:0;background:radial-gradient(#d946ef80,#0000 65%);width:60%;height:120%;animation:4s ease-in-out infinite rpulse;position:absolute;bottom:-40%;left:50%;transform:translate(-50%)}@keyframes rpulse{0%,to{opacity:.6}50%{opacity:1}}.method .rt{font-family:var(--fserif);color:var(--lumen-50);font-size:clamp(1.25rem,2.6vw,1.7rem);line-height:1.3;position:relative}.method .rd{color:var(--md);max-width:34rem;margin-top:.6rem;margin-left:auto;margin-right:auto;font-size:.92rem;position:relative}@media (prefers-reduced-motion:reduce){.method .rglow{animation:none}.method .rfill{transition:none}}.method .method-head{text-align:center;max-width:46rem;margin:0 auto 3.5rem}.method .method-head .kicker{margin-bottom:1.25rem;display:block}.method .method-head h2{color:var(--lumen-50);margin-bottom:1.5rem;font-size:clamp(2rem,4.4vw,3rem)}.method .method-head .intro{color:var(--md);font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.7}.method .mod-grid{grid-template-columns:1fr;gap:1.75rem;max-width:64rem;margin:0 auto;display:grid}@media (min-width:860px){.method .mod-grid{grid-template-columns:1fr 1fr;gap:2rem}}.method .mod-card{border:1px solid var(--hair);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0618b8;border-radius:1.25rem;padding:2rem;transition:border-color .3s,box-shadow .3s}@media (min-width:768px){.method .mod-card{padding:2.5rem}}.method .mod-card.orchid{border-color:#d946ef52}.method .mod-card.orchid:hover{box-shadow:var(--gco);border-color:#d946ef99}.method .mod-card.violet{border-color:#a855f752}.method .mod-card.violet:hover{box-shadow:var(--gcv);border-color:#a855f799}.method .mod-card .chead{align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.method .mod-card .chead .pin{border-radius:50%;flex-shrink:0;width:9px;height:9px}.method .mod-card.orchid .pin{background:var(--orchid-400);box-shadow:0 0 10px var(--orchid-400)}.method .mod-card.violet .pin{background:var(--violet-400);box-shadow:0 0 10px var(--violet-400)}.method .mod-card h3{color:var(--lumen-50);font-size:1.4rem}.method .mod-card .cintro{color:var(--md);margin-bottom:1.75rem;font-size:1rem;line-height:1.65}.method .mod-items{flex-direction:column;gap:1.4rem;display:flex}.method .mod-item{grid-template-columns:auto 1fr;gap:.85rem;display:grid}.method .mod-item .dot{background:var(--violet-500);width:7px;height:7px;box-shadow:0 0 8px var(--violet-500);border-radius:50%;margin-top:.5rem}.method .mod-card.orchid .mod-item .dot{background:var(--orchid-500);box-shadow:0 0 8px var(--orchid-500)}.method .mod-item h4{font-family:var(--fsans);color:var(--lumen-100);margin-bottom:.3rem;font-size:1.02rem;font-weight:500}.method .mod-item p{color:var(--sub);font-size:.94rem;line-height:1.6}.method .bh-grid{grid-template-columns:1fr;align-items:center;gap:3rem;max-width:70rem;margin:0 auto;display:grid}@media (min-width:960px){.method .bh-grid{grid-template-columns:1.1fr .9fr;gap:4rem}}.method .bh-copy .kicker{margin-bottom:1rem;display:block}.method .bh-copy h2{color:var(--lumen-50);margin-bottom:1.75rem;font-size:clamp(1.6rem,3.4vw,2.2rem);line-height:1.25}.method .bh-copy .body{color:var(--md);flex-direction:column;gap:1.25rem;font-size:1.08rem;line-height:1.7;display:flex}.method .bh-card{background:linear-gradient(160deg,#22d3ee0f,#14081f99);border:1px solid #22d3ee40;border-radius:1.25rem;padding:2.5rem}.method .bh-card .ch{color:var(--quantum-300);font-size:1.08rem;font-weight:500;font-family:var(--fmono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;font-size:.78rem}.method .bh-card ul{flex-direction:column;gap:1.1rem;list-style:none;display:flex}.method .bh-card li{color:var(--md);align-items:flex-start;gap:.9rem;font-size:1.05rem;line-height:1.5;display:flex}.method .bh-card li svg{width:1.1rem;height:1.1rem;color:var(--quantum-400);flex-shrink:0;margin-top:.2rem}.method .tail{text-align:center;max-width:44rem;margin:0 auto}.method .tail .kicker{margin-bottom:1rem;display:block}.method .tail h2{color:var(--lumen-50);margin-bottom:2.5rem;font-size:clamp(1.9rem,4vw,2.6rem)}.method .tail .body{color:var(--md);flex-direction:column;gap:1.5rem;font-size:clamp(1.08rem,2vw,1.2rem);line-height:1.7;display:flex}.method .tail .emph{font-family:var(--fserif);color:var(--lumen-50);text-wrap:balance;padding-top:1rem;font-size:clamp(1.35rem,2.8vw,1.9rem);line-height:1.3}.method .final{background:var(--cosmic-950);position:relative;overflow:hidden}.method .final .nveil{background:radial-gradient(60% 70% at 50% 100%,#d946ef1f,#0000 65%)}.method .final-inner{z-index:2;text-align:center;max-width:44rem;margin:0 auto;position:relative}.method .final h2{color:var(--lumen-50);text-wrap:balance;margin-bottom:1.5rem;font-size:clamp(2rem,4.6vw,3.2rem)}.method .final .body{color:var(--md);max-width:40rem;margin:0 auto 2.5rem;font-size:clamp(1.08rem,2vw,1.22rem);line-height:1.7}
