.wtp-method{isolation:isolate;padding-block:var(--section);position:relative;overflow:hidden}.wtp-method>.field{-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.wtp-page .wb-closing>.field{-webkit-mask-image:linear-gradient(#0000,#000 32%);mask-image:linear-gradient(#0000,#000 32%)}.wtp-method>.wrap{position:relative}.wtp-head{text-align:center;max-width:820px;margin-inline:auto}.wtp-lead{max-width:60ch;color:var(--muted);margin:22px auto 0}.wtp-path{--wtp-c:var(--accent-soft);--wtp-track:#ffffff1f;--wtp-seg:104px;max-width:1040px;margin:8px auto 0}.wtp-lane,.wtp-stop[data-module]{--wtp-c:var(--mc)}.wtp-seg{width:2px;height:var(--wtp-seg);background:var(--wtp-track);display:block;position:relative}.wtp-seg:after{content:"";background:linear-gradient(color-mix(in srgb, var(--wtp-c) 40%, transparent), var(--wtp-c));box-shadow:0 0 12px color-mix(in srgb, var(--wtp-c) 70%, transparent);transform:scaleY(var(--p,1));transform-origin:top;position:absolute;inset:0}.wtp-run{flex:1;min-height:56px}.wtp-curves{width:100%;height:120px;display:block;overflow:visible}.wtp-curves g{--wtp-c:var(--mc)}.wtp-curves path{fill:none;stroke-width:2px}.wtp-track{stroke:var(--wtp-track)}.wtp-fill{stroke:var(--wtp-c);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p,1));filter:drop-shadow(0 0 5px color-mix(in srgb, var(--wtp-c) 70%, transparent))}.wtp-stops{flex-direction:column;align-items:center;margin:0;padding:0;list-style:none;display:flex}.wtp-stop{text-align:center;flex-direction:column;align-items:center;display:flex}.wtp-dot{border:2px solid var(--wtp-c);background:var(--wtp-c);width:18px;height:18px;box-shadow:0 0 0 7px color-mix(in srgb, var(--wtp-c) 18%, transparent), 0 0 28px color-mix(in srgb, var(--wtp-c) 80%, transparent);border-radius:50%;margin:2px 0 26px;transition:background .4s,box-shadow .6s;position:relative}.wtp-text{max-width:560px;transition:opacity .6s ease, transform .8s var(--ease-out)}.wtp-name{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(1.875rem,1.2rem + 1.9vw,3rem);font-weight:400;line-height:1.05}.wtp-line{color:var(--muted);margin:14px 0 0;font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);line-height:1.5}.wtp-trunk>.wtp-stop:first-child .wtp-dot{margin-top:clamp(48px,6vw,88px)}.wtp-end .wtp-dot{width:24px;height:24px;box-shadow:0 0 0 10px color-mix(in srgb, var(--wtp-c) 20%, transparent), 0 0 44px var(--wtp-c)}.wtp-product{color:var(--muted);align-items:center;gap:8px;font-size:14px;text-decoration:none;display:inline-flex}.wtp-product:before{content:"";background:var(--mc);border-radius:50%;width:8px;height:8px}.wtp-text>.wtp-product{margin-bottom:12px}.wtp-path[data-live] [data-stop]:not([data-on]) .wtp-dot{background:var(--veil);box-shadow:none;border-color:#ffffff47}.wtp-path[data-live] [data-stop]:not([data-on]) .wtp-text,.wtp-path[data-live] .wtp-pill:not([data-on]){opacity:0;transform:translateY(18px)}.wtp-lanes{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.wtp-lane{--wtp-seg:80px;flex-direction:column;align-items:center;padding-inline:16px;display:flex}.wtp-lane .wtp-name{font-size:clamp(1.625rem,1.15rem + 1.3vw,2.375rem)}.wtp-lane .wtp-text{max-width:400px}.wtp-pill{transition:opacity .6s ease, transform .8s var(--ease-out);flex-direction:column;align-items:center;gap:8px;margin:6px 0 0;display:flex}.wtp-pill-name{border:1px solid color-mix(in srgb, var(--mc) 60%, transparent);background:color-mix(in srgb, var(--mc) 16%, #ffffff0a);color:var(--ink);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 0 32px color-mix(in srgb, var(--mc) 30%, transparent);border-radius:999px;padding:9px 18px;font-size:15px;font-weight:500}@media (min-width:761px){.wtp-lanes{grid-template-rows:repeat(5,auto)}.wtp-lane{grid-row:1/-1;grid-template-rows:subgrid;place-items:stretch center;display:grid}.wtp-lane>.wtp-stops{grid-row:2/span 3;grid-template-rows:subgrid;place-items:start center;display:grid}.wtp-lane>.wtp-run{grid-row:5;height:auto}.wtp-balanced>.wtp-run:first-of-type{grid-row:2}.wtp-balanced>.wtp-stops{grid-row:3}.wtp-balanced>.wtp-run:last-child{grid-row:4/span 2}.wtp-lanes{container-type:inline-size}.wtp-lane:not(.wtp-balanced) .wtp-dot:after,.wtp-lane:not(.wtp-balanced) .wtp-dot:before{content:"";pointer-events:none;transition:opacity .6s;position:absolute;top:50%}.wtp-lane:not(.wtp-balanced) .wtp-dot:after{background:linear-gradient(90deg, var(--m-implement), var(--m-learn));opacity:.85;width:calc(50cqw - 30px);height:2px;margin-top:-1px;left:30px;-webkit-mask:repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 10px);mask:repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 10px)}.wtp-lane:not(.wtp-balanced) .wtp-dot:before{background:var(--m-learn);width:10px;height:10px;box-shadow:0 0 12px color-mix(in srgb, var(--m-learn) 70%, transparent);border-radius:50%;margin-top:-5px;left:calc(2px + 50cqw)}.wtp-path[data-live] [data-stop]:not([data-on]) .wtp-dot:after,.wtp-path[data-live] [data-stop]:not([data-on]) .wtp-dot:before{opacity:0}}@media (max-width:760px){.wtp-path{--wtp-seg:72px}.wtp-curves{display:none}.wtp-lanes{grid-template-columns:minmax(0,1fr)}.wtp-lane{--wtp-seg:64px;padding-inline:0}.wtp-lane:before{content:"";background:color-mix(in srgb, var(--mc) 70%, transparent);width:2px;height:56px;display:block}.wtp-run{flex:none;height:40px}.wtp-balanced>.wtp-run:first-of-type{display:none}}@media (prefers-reduced-motion:reduce){.wtp-text,.wtp-pill,.wtp-dot{transition:none}}.wtp-intro{padding-block:var(--section)}.wtp-intro-cards{margin:clamp(32px,4vw,48px) 0 0;padding:0;list-style:none}
