.methode-root{--m-graphite:#0F2420;--m-deep2:#1C463C;--m-paper:#FBF8EF;--m-paper-tint:#F1F7F3;--m-ink:#173A33;--m-mint:#8FE0C0;--m-mint-signal:#BFE8D4;--m-green2:#2F7D5E;--m-green:#2F5F44;--m-on-dark:#F7FFFB;--m-on-dark-muted:rgba(230,245,238,0.66);--m-on-dark-line:rgba(191,232,212,0.18);--m-ink-muted:rgba(23,58,51,0.66);--m-ink-soft:rgba(23,58,51,0.45);--m-ink-line:rgba(23,58,51,0.12);--m-warn:#9A7A1E;--m-mono:"JetBrains Mono",ui-monospace,monospace;--m-ease:cubic-bezier(.16,1,.3,1);position:relative;margin-top:-6.5rem;background:var(--m-paper);color:var(--m-ink);font-family:Atkinson Hyperlegible,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.methode-root *{box-sizing:border-box}.methode-root ::selection{background:rgba(143,224,192,.4);color:var(--m-graphite)}.methode-root .wrap{max-width:1120px;margin:0 auto;padding:0 40px;width:100%}.methode-root .wrap-tight{max-width:840px;margin:0 auto;padding:0 40px}.methode-root .light{background:var(--m-paper);color:var(--m-ink)}.methode-root .tint{background:var(--m-paper-tint);color:var(--m-ink)}.methode-root .eyebrow{font-family:var(--m-mono);font-size:14px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--m-green);margin:0 0 20px}.methode-root .pin-stage .eyebrow{color:var(--m-green)}.methode-root h1{font-size:clamp(46px,7.4vw,94px);line-height:.99;letter-spacing:-.04em;font-weight:700;margin:0}.methode-root h2{font-size:clamp(34px,4.8vw,60px);line-height:1.03;letter-spacing:-.03em;font-weight:700;margin:0;text-wrap:balance}.methode-root .lead{font-size:clamp(19px,2.1vw,24px);line-height:1.55;color:var(--m-ink-muted)}.methode-root em.it{font-style:italic;color:var(--m-green2);font-weight:700}.methode-root .hl{position:relative;white-space:nowrap}.methode-root .hl:after{content:"";position:absolute;left:-2px;right:-2px;bottom:.08em;height:.26em;background:rgba(143,224,192,.5);z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .7s var(--m-ease) .35s}.methode-root .in .hl:after,.methode-root.loaded .hl:after{transform:scaleX(1)}.methode-root .gridbg{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(23,58,51,.045) 1px,transparent 0),linear-gradient(90deg,rgba(23,58,51,.045) 1px,transparent 0);background-size:66px 66px;animation:m-gridpan 42s linear infinite;mask-image:radial-gradient(120% 90% at 50% 40%,#000 35%,transparent 78%);-webkit-mask-image:radial-gradient(120% 90% at 50% 40%,#000 35%,transparent 78%)}@keyframes m-gridpan{to{background-position:66px 66px}}.methode-root .glow{position:absolute;border-radius:999px;filter:blur(80px);opacity:.5;pointer-events:none;z-index:0}.methode-root .scene{min-height:auto;padding:84px 0}.methode-root .hero,.methode-root .scene{display:flex;align-items:center;position:relative;overflow:hidden}.methode-root .hero{min-height:100svh;background:var(--m-paper-tint)}.methode-root .hero .glow{width:680px;height:680px;background:radial-gradient(circle,rgba(143,224,192,.5),transparent 70%);right:-10%;top:8%}.methode-root .hero h1{max-width:14ch}.methode-root .hero h1 .line{display:block;overflow:hidden;padding-bottom:.06em}.methode-root .hero h1 .line>span{display:inline-block;will-change:transform}.methode-root .hero .lead{margin-top:30px;max-width:48ch;font-size:clamp(20px,2.3vw,26px)}.methode-root .ghost{position:absolute;right:-3%;top:50%;transform:translateY(-50%);z-index:0;font-weight:700;font-size:min(50vw,600px);line-height:.8;color:rgba(47,125,94,.07);font-style:italic;pointer-events:none;will-change:transform}.methode-root .hero .wrap{position:relative;z-index:2}.methode-root .scrollcue{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;font-family:var(--m-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--m-ink-muted)}.methode-root .scrollcue .bar{width:2px;height:46px;background:linear-gradient(var(--m-green2),transparent);position:relative;overflow:hidden}.methode-root .scrollcue .bar:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:var(--m-green2);animation:m-cue 1.8s var(--m-ease) infinite}@keyframes m-cue{0%{transform:translateY(-100%)}60%,to{transform:translateY(200%)}}.methode-root .pinwrap{height:440vh;position:relative;background:var(--m-paper)}.methode-root .pin-stage{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:hidden}.methode-root .pin-bgword{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:0;pointer-events:none}.methode-root .pin-bgword span{position:absolute;font-weight:700;font-style:italic;font-size:min(26vw,330px);letter-spacing:-.05em;color:rgba(47,125,94,.06);opacity:0;transition:opacity .6s var(--m-ease);white-space:nowrap}.methode-root .pin-bgword span.on{opacity:1}.methode-root .pin-stage .wrap{position:relative;z-index:2}.methode-root .pin-head{text-align:center;margin-bottom:72px}.methode-root .track{position:relative;display:grid;grid-template-columns:repeat(4,1fr)}.methode-root .track-line{position:absolute;top:56px;left:12.5%;right:12.5%;height:4px;background:rgba(23,58,51,.12);border-radius:2px;z-index:0}.methode-root .track-fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--m-green2),var(--m-mint));border-radius:2px;transform:scaleX(0);transform-origin:left}.methode-root .pstage{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px;position:relative;z-index:1}.methode-root .pstage .orb{width:112px;height:112px;border-radius:30px;background:#fff;border:2px solid rgba(23,58,51,.12);display:flex;align-items:center;justify-content:center;margin-bottom:26px;box-shadow:0 10px 30px rgba(15,36,32,.06);transition:transform .6s var(--m-ease),box-shadow .6s ease,border-color .6s ease,background .6s ease}.methode-root .pstage .orb svg{width:54px;height:54px}.methode-root .pstage .orb .g{font-size:54px;line-height:1;color:var(--m-green2)}.methode-root .pstage .num{font-family:var(--m-mono);font-size:13px;letter-spacing:.16em;color:var(--m-green);margin-bottom:8px;opacity:.55;transition:opacity .5s ease}.methode-root .pstage h3{font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0 0 10px;color:var(--m-ink);white-space:nowrap}.methode-root .pstage p{font-size:15px;line-height:1.45;color:var(--m-ink-muted);margin:0 0 16px;max-width:23ch;min-height:44px}.methode-root.is-animated .pstage{opacity:.4;transform:translateY(14px);transition:opacity .55s var(--m-ease),transform .55s var(--m-ease)}.methode-root.is-animated .pstage.lit{opacity:1;transform:none}.methode-root .pstage.lit .orb{border-color:var(--m-green2);box-shadow:0 0 0 6px rgba(47,125,94,.1),0 16px 40px rgba(15,36,32,.12)}.methode-root .pstage.lit:last-child .orb{background:var(--m-green2);border-color:var(--m-green2)}.methode-root .pstage.lit:last-child .orb .g{color:#fff}.methode-root .pstage.lit .num{opacity:1}.methode-root .doc-g{width:48px;height:58px;border-radius:7px;background:rgba(47,125,94,.08);border:1.5px solid rgba(47,125,94,.28);padding:9px 8px;display:flex;flex-direction:column;gap:5px}.methode-root .doc-g .l{height:4px;border-radius:2px;background:rgba(47,125,94,.45)}.methode-root .doc-g .l.s{width:60%}.methode-root .doc-g .l.t{background:var(--m-green2);width:75%}.methode-root .scan-g{width:54px;height:54px;border-radius:9px;background-image:repeating-linear-gradient(135deg,rgba(47,125,94,.4) 0 5px,transparent 5px 11px);position:relative;overflow:hidden}.methode-root .scan-g:after{content:"";position:absolute;left:0;right:0;top:48%;height:3px;background:var(--m-green2);box-shadow:0 0 12px 2px rgba(47,125,94,.5)}.methode-root .feat{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.methode-root .feat.flip .feat-viz{order:2}.methode-root .feat-text h2{margin-bottom:18px}.methode-root .feat-viz{display:flex;align-items:center;justify-content:center;min-height:340px}.methode-root .branch{display:flex;align-items:center;gap:0}.methode-root .branch .src{width:100px;height:126px;border-radius:12px;background:#fff;border:2px solid rgba(23,58,51,.14);box-shadow:0 14px 32px rgba(15,36,32,.12);padding:16px 13px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.methode-root .branch .src .l{height:6px;border-radius:3px;background:rgba(23,58,51,.14)}.methode-root .branch .src .l.t{background:var(--m-green2);width:72%}.methode-root .branch .fan{width:100px;height:288px;flex-shrink:0}.methode-root .branch .targets{display:flex;flex-direction:column;gap:18px}.methode-root .branch .mini{min-width:236px;height:70px;border-radius:13px;display:flex;align-items:center;gap:15px;padding:0 22px;font-size:19px;font-weight:700;background:#fff;border:1.5px solid rgba(23,58,51,.12);color:var(--m-ink);box-shadow:0 8px 22px rgba(15,36,32,.07);transition:transform .3s var(--m-ease),box-shadow .3s ease}.methode-root .branch .mini:hover{transform:translateX(6px);box-shadow:0 12px 30px rgba(15,36,32,.12)}.methode-root .branch .mini .ic{width:34px;height:34px;border-radius:9px;background:rgba(47,125,94,.13);flex-shrink:0;display:flex;align-items:center;justify-content:center}.methode-root .branch .mini .ic svg{width:18px;height:18px}.methode-root .rdsplit{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:540px}.methode-root .rd{border-radius:20px;padding:38px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.methode-root .rd.yes{background:#fff;border:2px solid rgba(47,125,94,.3);box-shadow:0 14px 32px rgba(15,36,32,.08)}.methode-root .rd.no{background:rgba(23,58,51,.03);border:2px dashed rgba(23,58,51,.2)}.methode-root .rd .ring{width:84px;height:84px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:700}.methode-root .rd.yes .ring{background:rgba(47,125,94,.13);color:var(--m-green2)}.methode-root .rd.no .ring{background:rgba(23,58,51,.05);color:var(--m-ink-soft)}.methode-root .rd .k{font-size:25px;font-weight:700;letter-spacing:-.01em}.methode-root .rd.yes .k{color:var(--m-ink)}.methode-root .rd.no .k{color:var(--m-ink-muted)}.methode-root .rd .v{font-family:var(--m-mono);font-size:14px;line-height:1.4}.methode-root .rd.yes .v{color:var(--m-green)}.methode-root .rd.no .v{color:var(--m-ink-muted)}.methode-root .qflow{gap:0;flex-wrap:wrap}.methode-root .qflow,.methode-root .qmark{display:flex;align-items:center;justify-content:center}.methode-root .qmark{width:128px;height:128px;border-radius:28px;background:#fff;border:2px solid rgba(23,58,51,.14);font-size:72px;font-weight:700;color:var(--m-green2);box-shadow:0 14px 32px rgba(15,36,32,.1);flex-shrink:0}.methode-root .qarrow{width:76px;height:3px;background:rgba(154,122,30,.5);position:relative;flex-shrink:0}.methode-root .qarrow:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);border-left:11px solid var(--m-warn);border-top:7px solid transparent;border-bottom:7px solid transparent}.methode-root .qtag{padding:24px 30px;border-radius:16px;background:rgba(196,155,58,.13);border:2px solid rgba(196,155,58,.5);color:var(--m-warn);font-size:22px;font-weight:700;max-width:270px;line-height:1.2;flex-shrink:0}.methode-root .cta{min-height:100svh;display:flex;align-items:center;background:var(--m-mint);color:var(--m-graphite);text-align:center;position:relative;overflow:hidden}.methode-root .cta h2{max-width:18ch;margin:0 auto 16px;color:var(--m-graphite)}.methode-root .cta p{font-family:var(--m-mono);font-size:16px;color:rgba(15,36,32,.7);margin:0 auto 36px;max-width:44ch}.methode-root .cta-btn{display:inline-flex;align-items:center;gap:12px;background:var(--m-graphite);color:var(--m-mint);font-size:22px;font-weight:700;padding:21px 44px;border-radius:999px;text-decoration:none;transition:transform .28s var(--m-ease),box-shadow .28s ease}.methode-root .cta-btn:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(15,36,32,.3)}.methode-root .cta-btn:after{content:"→";transition:transform .28s var(--m-ease)}.methode-root .cta-btn:hover:after{transform:translateX(5px)}.methode-root .cta .url{display:block;margin-top:22px;font-family:var(--m-mono);font-size:15px;color:rgba(15,36,32,.6)}.methode-root.is-animated [data-anim]{opacity:0;transition:opacity 1s var(--m-ease),transform 1s var(--m-ease);transition-delay:var(--d,0s);will-change:opacity,transform}.methode-root.is-animated [data-anim=up]{transform:translateY(48px)}.methode-root.is-animated [data-anim=up-sm]{transform:translateY(24px)}.methode-root.is-animated [data-anim=scale]{transform:scale(.9)}.methode-root.is-animated [data-anim].in{opacity:1;transform:none}.methode-root.is-animated .hero h1 .line>span{transform:translateY(118%);transition:transform 1.1s var(--m-ease);transition-delay:var(--d,0s)}.methode-root.is-animated.loaded .hero h1 .line>span{transform:translateY(0)}.methode-root.is-animated .hero [data-h]{opacity:0;transform:translateY(18px);transition:opacity 1s var(--m-ease),transform 1s var(--m-ease);transition-delay:var(--d,0s)}.methode-root.is-animated.loaded .hero [data-h]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.methode-root.is-animated .hero [data-h],.methode-root.is-animated .hero h1 .line>span,.methode-root.is-animated .pstage,.methode-root.is-animated [data-anim]{opacity:1!important;transform:none!important;transition:none!important}.methode-root .hl:after,.methode-root .track-fill{transform:none!important}.methode-root [data-draw] path{stroke-dashoffset:0!important}.methode-root .gridbg,.methode-root .scrollcue .bar:after{animation:none!important}.methode-root .pinwrap{height:auto!important}.methode-root .pin-stage{position:static!important;height:auto!important;padding:120px 0}.methode-root .pin-bgword span{opacity:0!important}}@media (max-width:880px){.methode-root .pin-head{margin-bottom:34px}.methode-root .pin-stage h2{font-size:clamp(26px,7vw,34px)}.methode-root .track{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 14px}.methode-root .track-line{display:none}.methode-root .pstage{padding:0 6px}.methode-root .pstage h3{white-space:normal;font-size:17px;margin-bottom:7px}.methode-root .pstage .orb{width:70px;height:70px;border-radius:20px;margin-bottom:13px}.methode-root .pstage .orb svg{width:34px;height:34px}.methode-root .pstage .orb .g{font-size:34px}.methode-root .pstage .num{margin-bottom:3px}.methode-root .pstage p{font-size:12.5px;min-height:0;max-width:24ch}.methode-root .doc-g{width:32px;height:40px;padding:6px 5px}.methode-root .scan-g{width:36px;height:36px}.methode-root .feat{grid-template-columns:1fr;gap:44px}.methode-root .feat.flip .feat-viz{order:0}.methode-root .scene{padding:60px 0}}@media (max-width:560px){.methode-root .wrap,.methode-root .wrap-tight{padding:0 22px}.methode-root .rdsplit{grid-template-columns:1fr}.methode-root .branch .mini{min-width:160px;font-size:16px}.methode-root .qflow{gap:18px}}