:root #methode{padding-top:var(--hp-section);padding-bottom:var(--hp-section)}:root #methode h2{margin-top:16px}:root #methode p.mt-5{margin-top:20px}:root #methode [class*="lg:grid-cols-[1.6fr_1fr]"]{margin-top:var(--hp-head-gap)}:root .methode-rail:before{content:"";background:var(--hp-line);width:1px;position:absolute;top:0;bottom:0;left:5px}:root .methode-rail__halo{display:none}:root .methode-rail__fill{border-radius:0;left:5px;translate:none;width:1px!important}:root .methode-marker{box-shadow:none;background-image:none!important}:root .methode-card{margin-right:calc(-1 * var(--hp-air));background-clip:padding-box;border-right-color:transparent!important}:root #methode p.mt-5{font-size:16px}:root #methode img[src="/scotch.webp"],:root #methode .methode-badge-in{display:none!important}@media (min-width:1024px){:root #methode [class*="lg:grid-cols-[1.6fr_1fr]"]{margin-inline:calc(-1 * var(--hp-air));border-top:1px solid var(--hp-line);border-bottom:1px solid var(--hp-line);align-items:stretch;gap:0!important}:root #methode [class*="lg:grid-cols-[1.6fr_1fr]"]>:first-child{padding:calc(var(--hp-air) + 8px) calc(var(--hp-air) - 1px);align-self:stretch;position:relative;top:0!important}:root #methode [class*="lg:grid-cols-[1.6fr_1fr]"]>:first-child>div{position:-webkit-sticky;position:sticky;top:64px}:root #methode [class*="lg:grid-cols-[1.6fr_1fr]"]>:nth-child(2){border-left:1px solid var(--hp-line)}:root #methode .methode-rail,:root #methode li>.absolute.left-0{display:none!important}:root #methode ol{gap:0!important}:root #methode ol>li{padding-left:0!important}:root #methode ol>li+li{border-top:1px solid var(--hp-line)}:root #methode .methode-card{margin-right:0;transition:box-shadow .24s,background-color .24s;box-shadow:inset 2px 0 transparent;opacity:1!important;background:0 0!important;border:0!important}:root #methode .methode-card>div{padding:28px calc(var(--hp-air) - 1px) 30px!important}:root #methode .methode-card[class*="border-[color:var(--accent)]"]{box-shadow:inset 2px 0 0 var(--accent);background:color-mix(in srgb, var(--accent) 5%, var(--bg))!important}:root #methode .methode-card ul{gap:8px 20px!important}:root #methode .methode-card ul>li{min-height:0!important}:root #methode .methode-card>div{transition:opacity .28s}:root #methode .methode-card:not([class*="border-[color:var(--accent)]"])>div{opacity:.42}:root #methode .methode-card:not([class*="border-[color:var(--accent)]"]):hover>div{opacity:1}:root #methode .methode-card h3{letter-spacing:-.02em;margin-top:10px;font-size:26px}:root #methode .methode-card h3+div{margin-top:6px}:root #methode .methode-card h3+div>span:first-child{font-family:var(--font-sans,inherit);letter-spacing:0;font-size:15px;font-weight:500}:root #methode .methode-card h3+div>span:last-child{color:var(--ink-muted);font-size:13px}:root #methode .methode-card p.mt-3{color:var(--ink-muted);max-width:52ch;margin-top:14px;font-size:15px;line-height:1.65}:root #methode .methode-card ul{margin-top:18px}:root #methode .methode-card ul>li{font-size:14px}:root #methode [class*="lg:grid-cols-[1.6fr_1fr]"]>:first-child{padding:0!important}:root #methode .methode-mock>div{border:0!important;border-top:1px solid var(--hp-line)!important}:root #methode [class*="lg:grid-cols-[1.6fr_1fr]"]>:first-child .mt-5{padding:16px calc(var(--hp-air) - 1px);border-top:1px solid var(--hp-line);border-bottom:1px solid var(--hp-line);margin-top:0!important}}:root .methode-tabs{display:none}@media (min-width:1024px){:root #methode{--pin-h:min(calc(100vh - 64px - 48px), 620px)}:root #methode .methode-track{height:calc(var(--n) * 32vh + var(--pin-h));margin-top:var(--hp-head-gap)}:root #methode .methode-pin{top:calc(64px + (100vh - 64px - var(--pin-h)) / 2);height:var(--pin-h);flex-direction:column;display:flex;position:-webkit-sticky;position:sticky}:root #methode .methode-tabs{grid-template-columns:repeat(var(--n), minmax(0, 1fr));margin-inline:calc(-1 * var(--hp-air));border-top:1px solid var(--hp-line);border-bottom:1px solid var(--hp-line);background:var(--bg);flex:none;display:grid}:root #methode .methode-tab{padding:16px calc(var(--hp-air) - 1px) 18px;text-align:left;cursor:pointer;color:var(--ink-muted);background:0 0;border:0;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 12px;transition:color .2s,background-color .2s;display:grid;position:relative}:root #methode .methode-tab+.methode-tab{border-left:1px solid var(--hp-line)}:root #methode .methode-tab:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 3%, var(--bg))}:root #methode .methode-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}:root #methode .methode-tab__n{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink-dim,var(--ink-muted));grid-row:span 2;font-size:12px}:root #methode .methode-tab__k{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:10.5px}:root #methode .methode-tab__t{font-family:var(--font-display);letter-spacing:-.01em;color:inherit;white-space:nowrap;text-overflow:ellipsis;grid-column:2;font-size:16px;font-weight:500;overflow:hidden}:root #methode .methode-tab.is-current{color:var(--ink);background:color-mix(in srgb, var(--accent) 5%, var(--bg))}:root #methode .methode-tab.is-current .methode-tab__n,:root #methode .methode-tab.is-current .methode-tab__k{color:var(--accent)}:root #methode .methode-tab__bar{height:2px;position:absolute;bottom:-1px;left:0;right:0}:root #methode .methode-tab__bar i{background:var(--accent);width:0;height:100%;display:block}:root #methode .methode-tab.is-done .methode-tab__bar i{opacity:.35;width:100%}:root #methode .methode-tab.is-current .methode-tab__bar i{width:calc(var(--tab-p,0) * 100%)}:root #methode .methode-grid--tabs{flex:auto;min-height:0;border-top:0!important;margin-top:0!important}:root #methode .methode-grid--tabs>:first-child>div{flex-direction:column;height:100%;display:flex;position:static!important}:root #methode .methode-grid--tabs>:first-child>div>div:first-child{flex:auto;min-height:0;aspect-ratio:auto!important}:root #methode .methode-grid--tabs .methode-mock>div{height:100%;aspect-ratio:auto!important;border-top:0!important}:root #methode .methode-grid--tabs>:first-child .mt-5{border-bottom:0}:root #methode .methode-grid--tabs>:nth-child(2){overflow:hidden}:root #methode .methode-grid--tabs>:nth-child(2) ol{display:grid!important}:root #methode .methode-grid--tabs>:nth-child(2) ol>li{grid-area:1/1;transition:opacity .28s,visibility 0s linear .28s;border-top:0!important}:root #methode .methode-grid--tabs>:nth-child(2) ol>li:has(>.methode-card:not([class*="border-[color:var(--accent)]"])){opacity:0;visibility:hidden}:root #methode .methode-grid--tabs>:nth-child(2) ol>li:has(>.methode-card[class*="border-[color:var(--accent)]"]){transition:opacity .28s}:root #methode .methode-grid--tabs .methode-card{box-shadow:none!important;background:0 0!important}:root #methode .methode-grid--tabs .methode-card>div{opacity:1!important;padding-top:36px!important}:root #methode .methode-grid--tabs .methode-card h3{font-size:30px}:root #methode .methode-grid--tabs .methode-card p.mt-3{color:var(--ink);font-size:16px}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){:root #methode .methode-grid--tabs>:nth-child(2) ol>li{transition:none}}@media (min-width:1024px){:root #methode .methode-pin{z-index:61;background:var(--bg);transform-origin:50%;transition:transform .45s cubic-bezier(.2,.7,.2,1);transform:scale(.94)}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){:root #methode .methode-pin{transition:none;transform:none!important}}@media (min-width:1024px){:root #methode .methode-track{height:auto!important}:root #methode .methode-pin{transition:none!important;position:relative!important;top:auto!important;transform:none!important}:root #methode .methode-tab.is-current .methode-tab__bar i{transform-origin:0;width:100%;animation:7s linear both tab-fill}}@media (prefers-reduced-motion:reduce){:root #methode .methode-tab.is-current .methode-tab__bar i{animation:none}}@media (min-width:1024px){:root #methode .methode-tabs{background-clip:padding-box;border-left:1px solid transparent;border-right:1px solid transparent}:root #methode{padding-bottom:0!important}:root #methode [class*="lg:grid-cols-[1.6fr_1fr]"]{border-bottom:0!important}:root #methode .methode-grid--tabs>:nth-child(2){background:var(--hp-block);background-clip:padding-box;border-right:1px solid transparent}:root.light #methode .methode-grid--tabs>:nth-child(2){background-color:#fff}}@media (min-width:1024px) and (prefers-color-scheme:light){:root:not(.dark) #methode .methode-grid--tabs>:nth-child(2){background-color:#fff}}:root #methode .mv{background-color:var(--hp-block)!important}:root.light #methode .methode-grid--tabs>:nth-child(2){background-color:var(--bg)!important}:root #methode .methode-grid--tabs .mv{background-clip:padding-box;border-left:1px solid transparent}:root #methode .mv{background:var(--bg)}:root #methode .mv :-webkit-any(li,.mv-lead,.mv-event,.mv-net__out,.mv-net__hub,.mv-chip,.mv-tag,.mv-check,.mv-chat__av,.mv-event__btn,em,img){box-shadow:none!important;border-radius:2px!important}:root #methode .mv :-moz-any(li,.mv-lead,.mv-event,.mv-net__out,.mv-net__hub,.mv-chip,.mv-tag,.mv-check,.mv-chat__av,.mv-event__btn,em,img){box-shadow:none!important;border-radius:2px!important}:root #methode .mv :is(li,.mv-lead,.mv-event,.mv-net__out,.mv-net__hub,.mv-chip,.mv-tag,.mv-check,.mv-chat__av,.mv-event__btn,em,img){box-shadow:none!important;border-radius:2px!important}:root #methode .mv :-webkit-any(li,.mv-lead,.mv-net__hub,.mv-event__btn){transform:none!important}:root #methode .mv :-moz-any(li,.mv-lead,.mv-net__hub,.mv-event__btn){transform:none!important}:root #methode .mv :is(li,.mv-lead,.mv-net__hub,.mv-event__btn){transform:none!important}:root #methode .mv-head{font-size:16px;font-weight:500}:root #methode .mv-head .mv-chip,:root #methode .mv-head .mv-tag,:root #methode .mv-live{border:1px solid var(--hp-line);background:var(--bg);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);padding:5px 8px 4px;font-size:10.5px;line-height:1}:root #methode .mv-live{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, var(--bg))}:root #methode .mv-live:before{border-radius:0;width:5px;height:5px}:root #methode .mv-check{border:1px solid color-mix(in srgb, var(--accent) 60%, var(--bg));background:0 0;width:16px;height:16px;color:var(--accent)!important}:root #methode .mv-bars{border-top:1px solid var(--hp-line);gap:0}:root #methode .mv-bars li{border-bottom:1px solid var(--hp-line);grid-template-columns:150px 1fr 112px;gap:16px;margin:0;padding:14px 0;font-size:14px;animation:mv-pop .45s ease both calc(.15s + var(--i) * .12s)!important;background:0 0!important;outline:0!important}:root #methode .mv-bars__track{background:color-mix(in srgb, var(--ink) 8%, var(--bg));height:4px;border-radius:0!important}:root #methode .mv-bars__track i{border-radius:0!important}:root #methode .mv-bars__tag{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--bg));letter-spacing:.1em;text-transform:uppercase;color:var(--accent);justify-self:start;padding:4px 7px 3px;font-size:10px;line-height:1}:root #methode .mv-bars__tag.is-low{color:#b7791f;border-color:color-mix(in srgb, #d4a33a 45%, var(--bg))}:root #methode .mv-bars li:has(.is-low) .mv-bars__track i{background:color-mix(in srgb, var(--accent) 45%, var(--bg))}:root #methode .mv-scan{width:1px;box-shadow:none}:root #methode .mv-plan{border-top:0;padding-top:0}:root #methode .mv-plan .mv-k{letter-spacing:.14em;font-size:10.5px}:root #methode .mv-plan ol{border-top:1px solid var(--hp-line);gap:0;margin-top:10px}:root #methode .mv-plan li{border-bottom:1px solid var(--hp-line);padding:11px 0;font-size:14.5px}:root #methode .mv-net__tools li{padding:10px 12px;animation:mv-pop .45s ease both calc(var(--i) * .12s)!important;border-color:var(--hp-line)!important}:root #methode .mv-toggle{width:26px;height:14px;border-radius:2px!important}:root #methode .mv-toggle:before{border-radius:2px!important}:root #methode .mv-toggle:after{width:10px;height:10px;box-shadow:none;top:2px;left:2px;border-radius:1px!important}:root #methode .mv-net__path{stroke-width:1px}:root #methode .mv-net__hub{border-radius:4px!important;animation:.5s cubic-bezier(.2,.7,.2,1) .9s both mv-zoomup!important}:root #methode .mv-net__out{border-color:var(--hp-line)}:root #methode .mv-lead{border-color:color-mix(in srgb, var(--accent) 55%, var(--bg));padding:10px 16px 10px 10px}:root #methode .mv-lead img{width:48px;height:48px}:root #methode .mv-team{border:1px solid var(--hp-line);gap:0}:root #methode .mv-team li{padding:14px 6px;animation:mv-zoomup .45s cubic-bezier(.2,.7,.2,1) both calc(.35s + var(--i) * .12s)!important;border:0!important;border-radius:0!important}:root #methode .mv-team img{width:46px;height:46px}:root #methode .mv-event{background:color-mix(in srgb, var(--accent) 6%, var(--bg));border-left-width:2px;border-radius:0!important}:root #methode .mv-event__avs img{border-width:1px;margin-left:-4px;border-radius:2px!important}:root #methode .mv-event__btn{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;font-size:11px;animation:none!important}:root #methode .mv-chat{border-top:1px solid var(--hp-line);gap:0}:root #methode .mv-chat li{border-bottom:1px solid var(--hp-line);padding:12px 0}:root #methode .mv-chat__av{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--bg));background:0 0;width:28px;height:28px;color:var(--accent)!important}:root #methode .mv-chat__msg em{border:1px solid var(--hp-line);padding:3px 6px 2px;background:0 0!important}:root #methode .mv-chat__msg em.is-ok{border-color:color-mix(in srgb, var(--accent) 40%, var(--bg))}:root #methode .mv-chat__msg .mv-spin{border-radius:50%!important}:root #methode .mv-plan li{background:0 0!important;border-top:0!important;outline:0!important}:root #methode .mv-plan li+li{box-shadow:none!important}:root #methode .mv-team{border:0}:root #methode .mv-team li{border:1px solid var(--hp-line)!important}:root #methode .mv-team li+li{border-left:0!important}@media (min-width:1024px){:root #methode .methode-tabs:has(>:nth-child(5)) .methode-tab{align-content:start}:root #methode .methode-tabs:has(>:nth-child(5)) .methode-tab__n{grid-row:auto}:root #methode .methode-tabs:has(>:nth-child(5)) .methode-tab__t{white-space:normal;text-overflow:clip;text-wrap:balance;grid-column:1/-1;font-size:14.5px;line-height:1.3;overflow:visible}}
