.wp-root{--ink:#0b0918;--ink-soft:#1f1a38;--dim:#6b6783;--purple:#5b21b6;--purple-mid:#7c3aed;--purple-light:#a78bfa;--surface:#0a0813;--surface-2:#100d1d;--content:#fff;--content-sub:#ffffffb8;--content-dim:#ffffff75;--content-faint:#ffffff42;--hairline:#ffffff1f;--hairline-strong:#ffffff42;--panel:#ffffff0f;--tip-bg:#241f3e;--ghost:var(--surface-2);--bg:var(--surface);--display:"Bricolage Grotesque", system-ui, -apple-system, sans-serif;--body:"Josefin Sans", system-ui, -apple-system, sans-serif;--mono:"Aldrich", ui-monospace, SFMono-Regular, Menlo, monospace;--code:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--easing:cubic-bezier(.2, .8, .2, 1);--col:72rem;background:var(--surface);color:var(--content);font-family:var(--body)}.wp-root[data-theme=light]{--surface:#fff;--surface-2:#f4f3ff;--content:#0b0918;--content-sub:#1f1a38;--content-dim:#6b6783;--content-faint:#0b091857;--hairline:#0b09181a;--hairline-strong:#0b091838;--panel:#ffffffb3;--tip-bg:#17142b}.wp-root .wp-pin{height:800vh;position:relative}.wp-root .wp-stage{--p:0;--t:0;--copy-a:1;--copy-y:0;--active-rgb:124 58 237;--u:0;--tilt:13deg;--ptx:0deg;--pty:0deg;--stage:0;--shrink:clamp(0, calc(var(--p) * 12), 1);grid-template-rows:auto auto 1fr auto;gap:clamp(12px,2vh,28px);height:100vh;padding:clamp(20px,4vh,48px) clamp(20px,5vw,64px) clamp(16px,3vh,36px);display:grid;position:sticky;top:0;overflow:hidden}.wp-root .wp-wash{z-index:0;pointer-events:none;background:radial-gradient(52% 46% at calc(30% + var(--p) * 14%) 56%, rgb(var(--active-rgb) / calc(.3 + var(--t) * .12)) 0%, rgb(var(--active-rgb) / .1) 38%, transparent 68%), radial-gradient(120% 92% at 50% 48%, transparent 46%, #0000004d 100%), linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);transition:background .6s linear;position:absolute;inset:-20%}.wp-root .wp-stage>:not(.wp-wash):not(.wp-grain):not(.wp-tree){z-index:1;position:relative}.wp-root .wp-head{width:100%;max-width:var(--col);-moz-column-gap:24px;grid-template-columns:1fr auto;align-items:start;gap:6px 24px;margin-inline:auto;display:grid}.wp-root .wp-eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--active-rgb));grid-column:1;font-size:11px;transition:color .4s linear}.wp-root .wp-h2{font-family:var(--display);letter-spacing:-.02em;grid-column:1;max-width:18ch;margin:0;font-size:clamp(28px,4.2vw,54px);font-weight:700;line-height:1.04}.wp-root .wp-sub{color:var(--content-dim);grid-column:1;margin:2px 0 0;font-size:clamp(13px,1.1vw,15px)}.wp-root .wp-counter{font-family:var(--mono);letter-spacing:.14em;color:var(--content-dim);grid-area:1/2/span 2;align-items:center;gap:4px;font-size:clamp(12px,1.1vw,14px);display:inline-flex}.wp-root .wp-counter i{opacity:.4;font-style:normal}.wp-root .wp-odo{display:inline-flex}.wp-root .wp-odo-col{height:1em;line-height:1;display:block;overflow:hidden}.wp-root .wp-odo-reel{transition:transform .52s var(--easing);will-change:transform;display:block}.wp-root .wp-odo-d{height:1em;line-height:1;display:block}.wp-root .wp-ruler{width:100%;max-width:var(--col);margin-inline:auto;padding-top:18px;padding-bottom:26px;position:relative;container-type:inline-size}.wp-root .wp-ruler-line,.wp-root .wp-ruler-fill{height:1px;position:absolute;top:18px;left:0}.wp-root .wp-ruler-line{background:var(--hairline);right:0}.wp-root .wp-ruler-fill{background:rgb(var(--active-rgb));width:100%;transform:scaleX(var(--p));transform-origin:0}.wp-root .wp-ruler-cursor{background:rgb(var(--active-rgb));width:2px;height:13px;transform:translateX(calc(var(--p) * 100cqi)) translateX(-50%);border-radius:2px;transition:background .4s linear;position:absolute;top:12px;left:0}.wp-root .wp-ticks{justify-content:space-between;display:flex;position:absolute;top:19px;left:0;right:0}.wp-root .wp-tick{background:var(--hairline);width:1px;height:4px}.wp-root .wp-tick[data-major]{background:var(--hairline-strong);height:8px}.wp-root .wp-ruler-steps{grid-template-columns:repeat(7,1fr);gap:6px;padding-top:16px;display:grid}.wp-root .wp-step-btn{appearance:none;text-align:left;cursor:pointer;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--content-faint);background:0 0;border:0;padding:0;font-size:10px;transition:color .3s linear}.wp-root .wp-step-btn:hover{color:var(--content-sub)}.wp-root .wp-step-btn.is-on{color:var(--content)}.wp-root .wp-scene{width:100%;max-width:var(--col);grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);align-items:center;gap:clamp(16px,3vw,40px);min-height:0;margin-inline:auto;padding-right:clamp(0px,5vw,88px);display:grid}.wp-root .wp-copy{opacity:var(--copy-a);transform:translateY(calc(var(--copy-y) * 1px));will-change:opacity, transform}.wp-root .wp-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:rgb(var(--active-rgb));align-items:center;gap:10px;font-size:11px;display:inline-flex}.wp-root .wp-label i{background:currentColor;width:26px;height:1px;display:block}.wp-root .wp-title{font-family:var(--display);letter-spacing:-.02em;margin:14px 0 0;font-size:clamp(26px,3.4vw,46px);font-weight:700;line-height:1.06}.wp-root .wp-word{white-space:pre;display:inline-block}.wp-root .wp-char{animation:wp-char-in .52s var(--easing) both;display:inline-block}@keyframes wp-char-in{0%{opacity:0;transform:translateY(.42em)rotate(2deg)}to{opacity:1;transform:none}}.wp-root .wp-line{color:var(--content-sub);max-width:26ch;margin:16px 0 0;font-size:clamp(15px,1.5vw,20px);line-height:1.5}.wp-root .wp-hint{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--content-faint);opacity:calc(1 - var(--p) * 4);justify-self:center;font-size:10px}.wp-root .wp-device{perspective:1400px;place-items:center;height:100%;min-height:0;display:grid;position:relative}.wp-root .wp-device-tilt{width:100%;max-width:620px;transform-style:preserve-3d;transform:rotateY(calc(var(--tilt) + var(--ptx))) rotateX(calc(4deg + var(--pty)));transition:transform .62s var(--easing)}.wp-root .wp-display{aspect-ratio:16/10.4;box-shadow:0 0 0 1px #ffffff17, 0 1px 0 #ffffff29 inset, 0 40px 90px -30px rgb(var(--active-rgb) / .42), 0 30px 60px -28px #000000b3;transform-style:flat;background:linear-gradient(160deg,#322d52 0%,#201c36 58%,#2a2447 100%);border-radius:14px;padding:10px;position:relative;overflow:hidden}.wp-root .wp-display-inner{height:100%;box-shadow:0 0 0 1px rgb(var(--active-rgb) / .18) inset;animation:wp-screen-on .42s var(--easing) both;background:#16122b;border-radius:6px;position:relative;overflow:hidden}@keyframes wp-screen-on{0%{opacity:0;filter:brightness(1.6);transform:scale(.985)}to{opacity:1;filter:none;transform:none}}.wp-root .wp-glare{pointer-events:none;background:linear-gradient(calc(112deg - var(--p) * 40deg), #ffffff1a 0%, #ffffff05 26%, transparent 52%);border-radius:6px;position:absolute;inset:10px}.wp-root .wp-base{transform-origin:top;opacity:.9;background:linear-gradient(#2a2740 0%,#17142400 140%);border-radius:0 0 14px 14px;height:12px;margin:0 -6%;transform:rotateX(72deg)translateZ(-6px)}.wp-root .wp-shadow{filter:blur(10px);background:radial-gradient(50% 50%,#00000080,#0000 70%);border-radius:50%;height:34px;position:absolute;bottom:4%;left:12%;right:12%}.wp-root .wp-scr{--lp:clamp(0, calc((var(--u) - var(--i,0) / var(--n,1)) * var(--n,1) * 1.55), 1);font-family:var(--code);color:#ffffffe0;flex-direction:column;font-size:clamp(6px,1.55cqi,11px);line-height:1.66;display:flex;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.wp-root .wp-scr-bar{letter-spacing:.03em;background:#ffffff0d;border-bottom:1px solid #ffffff12;flex:none;justify-content:space-between;align-items:center;padding:.9cqi 1.4cqi;display:flex}.wp-root .wp-scr-name{color:#ffffffc7}.wp-root .wp-scr-meta{color:#ffffff57}.wp-root .wp-app{flex:1;grid-template-columns:23% minmax(0,1fr);min-height:0;display:grid}.wp-root .wp-app.is-wide{grid-template-columns:minmax(0,1fr)}.wp-root .wp-side{background:#ffffff05;border-right:1px solid #ffffff12;flex-direction:column;gap:.15cqi;padding:1cqi .8cqi;display:flex;overflow:hidden}.wp-root .wp-side-head{color:#ffffff52;letter-spacing:.14em;text-transform:uppercase;padding:0 .6cqi .6cqi;font-size:.86em}.wp-root .wp-side-item{padding:.25cqi .6cqi;padding-left:calc(.6cqi + var(--d,0) * 1.1cqi);color:#ffffff70;white-space:nowrap;text-overflow:ellipsis;border-radius:.5cqi;overflow:hidden}.wp-root .wp-side-item.is-on{background:rgb(var(--active-rgb) / .2);color:#fff;box-shadow:inset 2px 0 0 rgb(var(--active-rgb))}.wp-root .wp-main{flex-direction:column;min-width:0;min-height:0;display:flex}.wp-root .wp-body{flex:1;min-height:0;position:relative;overflow:hidden}.wp-root .wp-tabs{border-bottom:1px solid #ffffff12;flex:none;display:flex}.wp-root .wp-tab{color:#ffffff57;white-space:nowrap;border-right:1px solid #ffffff0f;padding:.7cqi 1.4cqi}.wp-root .wp-tab.is-on{color:#fff;box-shadow:inset 0 -1px 0 rgb(var(--active-rgb));background:#ffffff0d}.wp-root .wp-status{color:#fff6;white-space:nowrap;background:#ffffff0a;border-top:1px solid #ffffff12;flex:none;align-items:center;gap:1.4cqi;padding:.7cqi 1.4cqi;font-size:.9em;display:flex}.wp-root .wp-stat-sp{flex:1}.wp-root .wp-stat-live{color:rgb(var(--active-rgb));align-items:center;gap:.7cqi;display:inline-flex}.wp-root .wp-stat-live>i{background:currentColor;border-radius:50%;width:.7cqi;min-width:4px;height:.7cqi;min-height:4px;animation:1.8s ease-in-out infinite wp-blink}.wp-root .wp-stat-live.is-run{color:#fcd34d}.wp-root .wp-stat-live.is-ok{color:#34d399}@keyframes wp-blink{0%,to{opacity:1}50%{opacity:.25}}.wp-root .wp-stat-pass{color:#34d399}.wp-root .wp-stat-fail{color:#f87171;opacity:calc(1 - clamp(0, calc((var(--u) - .8) * 6), 1))}.wp-root .wp-row{--lp:clamp(0, calc((var(--u) - var(--i) / var(--n)) * var(--n) * 1.55), 1);min-height:1.66em;display:block;position:relative}.wp-root .wp-row-clip{white-space:pre;width:calc(var(--lp) * var(--len) * 1ch);display:block;overflow:hidden}.wp-root .wp-caret{top:.22em;left:calc(var(--lp) * var(--len) * 1ch);background:rgb(var(--active-rgb));width:1px;height:1.1em;opacity:clamp(0, calc(min(var(--lp) * 26, (1 - var(--lp)) * 26)), 1);animation:1s steps(2,start) infinite wp-caret;position:absolute}@keyframes wp-caret{0%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.wp-root .wp-doc-body{gap:.1cqi;padding:1cqi 1.4cqi;display:grid}.wp-root .wp-doc-h{--lp:clamp(0, calc((var(--u) - var(--i) / var(--n)) * var(--n) * 1.55), 1);color:rgb(var(--active-rgb));letter-spacing:.1em;text-transform:uppercase;padding-top:.8cqi;font-size:.88em}.wp-root .wp-doc-line{--lp:clamp(0, calc((var(--u) - var(--i) / var(--n)) * var(--n) * 1.55), 1);color:#fffc;grid-template-columns:minmax(8px,1.4cqi) 1fr;align-items:start;gap:.9cqi;display:grid}.wp-root .wp-check{background:rgb(var(--active-rgb) / clamp(0, calc((var(--lp) - .92) * 12), 1));border:1px solid #ffffff47;border-color:rgba(255, 255, 255, calc(.28 + clamp(0, calc((var(--lp) - .92) * 12), 1) * .5));border-radius:.2cqi;width:1cqi;min-width:6px;height:1cqi;min-height:6px;margin-top:.45em}.wp-root .wp-plan-head{grid-column-gap:0;color:#ffffff4d;grid-template-columns:34% repeat(6,1fr);padding:.7cqi 1.4cqi .4cqi;font-size:.88em;display:grid}.wp-root .wp-plan-head>span:first-child{grid-column:2}.wp-root .wp-plan-body{gap:.55cqi;padding:.4cqi 1.4cqi;display:grid;position:relative}.wp-root .wp-plan-grid{grid-template-columns:repeat(6,1fr);display:grid;position:absolute;inset:0 1.4cqi 0 calc(1.4cqi + 34%)}.wp-root .wp-plan-col{border-left:1px solid #ffffff0f}.wp-root .wp-plan-row{--lp:clamp(0, calc((var(--u) - var(--i) / var(--n)) * var(--n) * 1.55), 1);opacity:clamp(0, calc(var(--lp) * 5), 1);grid-template-columns:34% 1fr;align-items:center;display:grid;position:relative}.wp-root .wp-plan-name{white-space:nowrap;text-overflow:ellipsis;color:#ffffffb8;padding-right:1cqi;overflow:hidden}.wp-root .wp-plan-track{height:1.5cqi;min-height:8px;position:relative}.wp-root .wp-plan-bar{top:0;bottom:0;left:calc(var(--s) / 6 * 100%);width:calc(var(--l) / 6 * 100% * var(--lp));background:linear-gradient(90deg, rgb(var(--active-rgb)), rgb(var(--active-rgb) / .5));border-radius:.4cqi;align-items:center;display:flex;position:absolute;overflow:hidden}.wp-root .wp-plan-bar em{color:#fff;letter-spacing:.06em;opacity:clamp(0, calc((var(--lp) - .6) * 4), 1);padding-left:.6cqi;font-size:.82em;font-style:normal}.wp-root .wp-wire-wrap{grid-template-columns:minmax(0,1fr) 22%;display:grid;position:absolute;inset:0}.wp-root .wp-wire-body{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(0,1fr);gap:.7cqi;min-height:0;padding:1.2cqi;display:grid;position:relative}.wp-root .wp-wire-block{--lp:clamp(0, calc((var(--u) - var(--i) / var(--n)) * var(--n) * 1.55), 1);--hifi:clamp(0, calc((var(--u) - .62) * 3.2), 1);border:1px dashed rgba(255, 255, 255, calc(.24 * (1 - var(--hifi))));background:rgba(255, 255, 255, calc(.05 + .03 * var(--hifi)));opacity:clamp(0, calc(var(--lp) * 5), 1);transform:translateY(calc((1 - clamp(0, calc(var(--lp) * 3), 1)) * 8px));border-radius:.4cqi}.wp-root .wp-wire-block.is-tinted{background:rgb(var(--active-rgb) / calc(.06 + .4 * var(--hifi)))}.wp-root .wp-scr-wire .wp-wire-body>.wp-wire-block{opacity:calc(clamp(0, calc(var(--lp) * 5), 1) * (1 - clamp(0, calc((var(--u) - .6) * 4), 1)))}.wp-root .wp-props{background:#ffffff05;border-left:1px solid #ffffff12;flex-direction:column;gap:.5cqi;padding:1cqi .9cqi;display:flex;overflow:hidden}.wp-root .wp-props-head{color:#ffffff52;letter-spacing:.14em;text-transform:uppercase;padding-bottom:.3cqi;font-size:.86em}.wp-root .wp-prop{justify-content:space-between;gap:.6cqi;display:flex}.wp-root .wp-prop i{color:#ffffff57;font-style:normal}.wp-root .wp-prop b{color:#fffc;font-weight:400}.wp-root .wp-code-body{gap:0;padding:.8cqi 0;display:grid}.wp-root .wp-code-line{--lp:clamp(0, calc((var(--u) - var(--i) / var(--n)) * var(--n) * 1.55), 1);grid-template-columns:3.4cqi 1fr;padding-right:1cqi;display:grid}.wp-root .wp-code-line.is-active{background:rgb(var(--active-rgb) / calc(.1 * clamp(0, calc(var(--lp) * 4), 1)));box-shadow:inset 2px 0 0 rgb(var(--active-rgb) / calc(clamp(0, calc(var(--lp) * 4), 1)))}.wp-root .wp-gutter{color:#fff3;text-align:right;padding-right:1.2cqi;font-style:normal}.wp-root .wp-t{font-style:normal}.wp-root .wp-t-k{color:#c4b5fd}.wp-root .wp-t-v{color:#93c5fd}.wp-root .wp-t-f{color:#fca5a5}.wp-root .wp-t-s{color:#6ee7b7}.wp-root .wp-t-n{color:#fdba74}.wp-root .wp-t-y{color:#fcd34d}.wp-root .wp-t-c{color:#ffffff52;font-style:italic}.wp-root .wp-qa-body{gap:.12cqi;padding:.8cqi 1.4cqi;display:grid}.wp-root .wp-qa-suite{--lp:clamp(0, calc((var(--u) - var(--i) / var(--n)) * var(--n) * 1.55), 1);color:#ffffff85;opacity:clamp(0, calc(var(--lp) * 6), 1);padding-top:.7cqi}.wp-root .wp-qa-row{--lp:clamp(0, calc((var(--u) - var(--i) / var(--n)) * var(--n) * 1.55), 1);opacity:clamp(0, calc(var(--lp) * 6), 1);grid-template-columns:1.6cqi 1fr auto;align-items:center;gap:1cqi;padding-left:1.2cqi;display:grid}.wp-root .wp-qa-mark{background:color-mix(in srgb, #fcd34d, #34d399 calc(clamp(0, calc((var(--lp) - .75) * 5), 1) * 100%));border-radius:50%;width:1cqi;min-width:6px;height:1cqi;min-height:6px}.wp-root .wp-qa-row.is-flaky .wp-qa-mark{--fixed:clamp(0, calc((var(--u) - .8) * 6), 1);background:color-mix(in srgb, #f87171, #34d399 calc(var(--fixed) * 100%))}.wp-root .wp-qa-row.is-flaky .wp-qa-name{color:#f87171}.wp-root .wp-qa-name{color:#ffffffc2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wp-root .wp-qa-ms{color:#ffffff3d;font-size:.88em}.wp-root .wp-qa-diff{opacity:clamp(0, calc(min((var(--u) - .52) * 8, (.92 - var(--u)) * 8)), 1);background:#f8717114;border-left:2px solid #f87171;border-radius:.5cqi;gap:.1cqi;margin:.8cqi 0 0 2.8cqi;padding:.7cqi 1cqi;font-size:.9em;display:grid}.wp-root .wp-qa-diff .is-exp{color:#f87171}.wp-root .wp-qa-diff .is-got{color:#fcd34d}.wp-root .wp-qa-fix{color:#34d399;opacity:clamp(0, calc((var(--u) - .78) * 8), 1);padding-top:.3cqi}.wp-root .wp-pipe{color:#ffffff70;--lp:clamp(0, calc((var(--u) - var(--i) / var(--n)) * var(--n) * 1.3), 1);align-items:center;gap:.8cqi;padding:.35cqi .6cqi;display:flex}.wp-root .wp-pipe-dot{background:color-mix(in srgb, transparent, #34d399 calc(clamp(0, calc((var(--lp) - .5) * 4), 1) * 100%));border:1px solid #ffffff3d;border-radius:50%;width:1cqi;min-width:6px;height:1cqi;min-height:6px}.wp-root .wp-term{gap:0;padding:.9cqi 1.4cqi;display:grid}.wp-root .wp-term-cmd{color:#ffffffe0}.wp-root .wp-term-out{color:#34d399}.wp-root .wp-scr-deploy{--in:clamp(0, calc((var(--u) - .7) * 4.5), 1)}.wp-root .wp-scr-deploy .wp-term{opacity:calc(1 - clamp(0, calc((var(--u) - .56) * 6.2), 1))}.wp-root .wp-scr-deploy .wp-chrome{z-index:2;opacity:var(--in);transform:translateY(calc((1 - var(--in)) * 30px));position:absolute;inset:14% 6% 6%}.wp-root .wp-chrome{background:#f7f6fe;border-radius:6px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 40px -18px #0009;container-type:inline-size}.wp-root .wp-chrome-bar{background:#e7e4f6;align-items:center;gap:4px;padding:5px 8px;display:flex}.wp-root .wp-chrome-bar>i{background:#0b09182e;border-radius:50%;width:5px;height:5px}.wp-root .wp-chrome-url{color:#0b091885;background:#fff;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.88em}.wp-root .wp-chrome-body{background:#fff;flex:1;min-height:0;display:block}.wp-root .wp-site{height:100%;color:var(--ink);font-family:var(--body);background:#fff;flex-direction:column;font-size:2.1cqi;line-height:1.4;display:flex;overflow:hidden}.wp-root .wp-site-nav{border-bottom:1px solid #0b091812;flex:none;align-items:center;gap:2cqi;padding:1.6cqi 2.4cqi;display:flex}.wp-root .wp-site-mark{font-family:var(--display);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:1cqi;font-size:2.3cqi;font-weight:700;display:inline-flex}.wp-root .wp-site-mark b{color:var(--purple-mid);font-weight:700}.wp-root .wp-site-mark>i{background:linear-gradient(140deg, var(--purple-mid), var(--purple));border-radius:.6cqi;flex:none;width:2.6cqi;height:2.6cqi}.wp-root .wp-site-links{color:#0b09189e;gap:2cqi;margin-left:auto;font-size:1.9cqi;display:flex}.wp-root .wp-site-links>i{white-space:nowrap;font-style:normal}.wp-root .wp-site-cta{background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;flex:none;padding:.9cqi 2cqi;font-size:1.8cqi}.wp-root .wp-site-hero{justify-items:start;gap:1cqi;padding:2.6cqi 2.4cqi 2cqi;display:grid}.wp-root .wp-site-eyebrow{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--purple-mid);font-size:1.5cqi}.wp-root .wp-site-h1{font-family:var(--display);letter-spacing:-.02em;max-width:15ch;font-size:4.8cqi;font-weight:700;line-height:1.02}.wp-root .wp-site-sub{color:#0b091894;max-width:34ch;font-size:1.9cqi}.wp-root .wp-site-btns{gap:1.2cqi;margin-top:.6cqi;display:flex}.wp-root .wp-site-btns>i{white-space:nowrap;border:1px solid #0b091829;border-radius:999px;padding:1cqi 2.2cqi;font-size:1.8cqi;font-style:normal}.wp-root .wp-site-btns>i.is-solid{background:var(--purple-mid);border-color:var(--purple-mid);color:#fff}.wp-root .wp-site-cards{grid-template-columns:repeat(4,1fr);gap:1.2cqi;margin-top:auto;padding:0 2.4cqi 2.2cqi;display:grid}.wp-root .wp-site-card{background:#f6f4fe;border:1px solid #0b09180d;border-radius:1.2cqi;align-content:start;gap:.8cqi;padding:1.3cqi;display:grid}.wp-root .wp-site-ico{background:rgb(var(--active-rgb) / .18);border:1px solid rgb(var(--active-rgb) / .32);border-radius:.8cqi;width:3cqi;height:3cqi}.wp-root .wp-site-card em{font-style:normal;font-family:var(--display);font-size:1.9cqi;font-weight:700;line-height:1.15}.wp-root .wp-site-card s{background:#0b09181a;border-radius:.4cqi;height:.7cqi;text-decoration:none}.wp-root .wp-site-card s.is-short{width:62%}.wp-root .wp-wire-hifi{opacity:clamp(0, calc((var(--u) - .66) * 3.6), 1);pointer-events:none;position:absolute;inset:30px 0 0}.wp-root .wp-scr-wire .wp-wire-body{opacity:calc(1 - clamp(0, calc((var(--u) - .6) * 4), 1))}.wp-root .wp-scr-live{gap:1.2cqi;padding:1.4cqi}.wp-root .wp-scr-live .wp-chrome{flex:1;min-height:0}.wp-root .wp-dock{flex:none;grid-template-columns:.85fr repeat(3,minmax(0,1fr));align-items:center;gap:5px;display:grid}.wp-root .wp-spark{color:rgb(var(--active-rgb));height:22px;display:block}.wp-root .wp-spark svg{width:100%;height:100%;overflow:visible}.wp-root .wp-spark-line{stroke-dasharray:160;stroke-dashoffset:calc(160 - clamp(0, calc(var(--u) * 1.6), 1) * 160)}.wp-root .wp-chip{--lp:clamp(0, calc((var(--u) - .25 - var(--i) / var(--n) * .5) * 6), 1);color:#ffffffb8;text-align:center;opacity:var(--lp);transform:translateY(calc((1 - var(--lp)) * 8px));background:#ffffff12;border:1px solid #ffffff1a;border-radius:4px;padding:3px 6px;font-size:.82em;line-height:1.25;overflow:hidden}.wp-root .wp-tree{font-family:var(--code);letter-spacing:.02em;color:var(--content-faint);pointer-events:none;z-index:2;gap:3px;font-size:10px;display:grid;position:absolute;top:50%;right:clamp(20px,5vw,64px);transform:translateY(-50%)}.wp-root .wp-tree-head{color:var(--content-dim);margin-bottom:2px}.wp-root .wp-tree-file{opacity:.22;transition:opacity .42s var(--easing), transform .42s var(--easing), color .42s linear;transform:translate(4px)}.wp-root .wp-tree-file:before{content:"└ ";opacity:.5}.wp-root .wp-tree-file.is-in{opacity:1;color:rgb(var(--active-rgb));transform:none}.wp-root .wp-tree-file.is-in~.wp-tree-file.is-in{color:var(--content-dim)}.wp-root .wp-deliver{border:1px solid var(--hairline);color:var(--content);background:var(--panel);border-radius:999px;align-items:center;gap:10px;margin:20px 0 0;padding:7px 14px 7px 10px;font-size:13px;display:inline-flex}.wp-root .wp-deliver span{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--active-rgb));font-size:9px}@media (max-width:900px){.wp-root .wp-pin{height:620vh}.wp-root .wp-scene{grid-template-rows:auto auto;grid-template-columns:1fr;align-content:center;gap:18px;padding-right:0}.wp-root .wp-device{height:auto;min-height:0}.wp-root .wp-device-tilt{max-width:100%}.wp-root .wp-display{aspect-ratio:4/3.6}.wp-root .wp-title{margin-top:10px;font-size:clamp(22px,6.4vw,30px)}.wp-root .wp-line{margin-top:8px;font-size:15px}.wp-root .wp-copy{text-align:center}.wp-root .wp-line{margin-inline:auto}.wp-root .wp-head{grid-template-columns:1fr auto}.wp-root .wp-counter{grid-area:1/2;justify-self:end}.wp-root .wp-ruler-steps{display:block}.wp-root .wp-step-btn{letter-spacing:.12em;font-size:11px;display:none}.wp-root .wp-step-btn.is-on{color:var(--ink);display:block}.wp-root .wp-tree{display:none}.wp-root .wp-scene{padding-right:0}.wp-root .wp-deliver{margin-top:12px}.wp-root .wp-hint{display:none}}@media (prefers-reduced-motion:reduce){.wp-root .wp-pin{height:auto}.wp-root .wp-stage{height:auto;min-height:0;padding-bottom:64px;position:static}.wp-root .wp-device-tilt{transition:none;transform:none}.wp-root .wp-device{height:46vh}.wp-root .wp-char,.wp-root .wp-display-inner{animation:none}.wp-root .wp-odo-reel,.wp-root .wp-wash,.wp-root .wp-tree-file{transition:none}.wp-root .wp-copy{opacity:1!important;transform:none!important}.wp-root .wp-stage{--u:1}}.wp-root .wp-spots{z-index:3;pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:10px}.wp-root .wp-spot{opacity:clamp(0, calc((var(--u) - var(--at)) * 8), 1);pointer-events:auto;position:absolute;transform:translate(-50%,-50%)}.wp-root .wp-spot-dot{appearance:none;cursor:pointer;background:rgb(var(--active-rgb));width:14px;height:14px;box-shadow:0 0 0 4px rgb(var(--active-rgb) / .22);transition:box-shadow .26s var(--easing), transform .26s var(--easing);border:0;border-radius:50%;padding:0;position:relative}.wp-root .wp-spot-dot:after{content:"";border:1px solid rgb(var(--active-rgb));animation:wp-pulse 2.4s var(--easing) infinite;border-radius:50%;position:absolute;inset:0}@keyframes wp-pulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(2.6)}to{opacity:0;transform:scale(2.6)}}.wp-root .wp-spot-dot:hover,.wp-root .wp-spot-dot:focus,.wp-root .wp-spot-dot:focus-visible{box-shadow:0 0 0 7px rgb(var(--active-rgb) / .24);outline:none;transform:scale(1.15)}.wp-root .wp-spot-label{white-space:nowrap;background:var(--tip-bg);color:#fff;border:1px solid var(--hairline);font-family:var(--body);opacity:0;pointer-events:none;transition:opacity .22s var(--easing), transform .22s var(--easing);border-radius:8px;padding:6px 11px;font-size:12px;line-height:1.3;position:absolute;top:50%;left:22px;transform:translateY(-50%)translate(-4px);box-shadow:0 10px 26px -12px #000000b3}.wp-root .wp-spot.is-right .wp-spot-label{left:auto;right:22px;transform:translateY(-50%)translate(4px)}.wp-root .wp-spot-dot:hover .wp-spot-label,.wp-root .wp-spot-dot:focus .wp-spot-label,.wp-root .wp-spot-dot:focus-visible .wp-spot-label{opacity:1;transform:translateY(-50%)translate(0)}.wp-root .wp-pointer{z-index:2;color:#fff;pointer-events:none;opacity:0;position:absolute;inset:10px}.wp-root .wp-pointer svg{filter:drop-shadow(0 2px 4px #0000008c);width:12px;height:16px;display:block;position:absolute;top:0;left:0}:is(.wp-root .wp-display:has(.wp-scr-plan) .wp-pointer,.wp-root .wp-display:has(.wp-scr-wire) .wp-pointer,.wp-root .wp-display:has(.wp-scr-live) .wp-pointer){opacity:1}.wp-root .wp-display:has(.wp-scr-plan) .wp-pointer{animation:1s linear both paused wp-point-plan;animation-delay:calc(var(--u) * -1s)}@keyframes wp-point-plan{0%{transform:translate(7%,26%)}10%{transform:translate(8%,44%)}14%,20%{transform:translate(8%,44%)}28%{transform:translate(33%,12%)}30%,36%{transform:translate(33%,12%)}48%{transform:translate(47%,33%)}60%{transform:translate(64%,47%)}72%{transform:translate(80%,60%)}84%{transform:translate(46%,12%)}88%,94%{transform:translate(46%,12%)}to{transform:translate(44%,24%)}}.wp-root .wp-display:has(.wp-scr-wire) .wp-pointer{animation:1s linear both paused wp-point-wire;animation-delay:calc(var(--u) * -1s)}@keyframes wp-point-wire{0%{transform:translate(8%,24%)}10%{transform:translate(9%,41%)}14%,20%{transform:translate(9%,41%)}32%{transform:translate(30%,32%)}40%{transform:translate(45%,39%)}44%,50%{transform:translate(45%,39%)}62%{transform:translate(70%,31%)}72%{transform:translate(84%,41%)}76%,82%{transform:translate(84%,41%)}92%{transform:translate(58%,52%)}to{transform:translate(48%,46%)}}.wp-root .wp-display:has(.wp-scr-live) .wp-pointer{animation:1s linear both paused wp-point-live;animation-delay:calc(var(--u) * -1s)}@keyframes wp-point-live{0%{transform:translate(20%,28%)}12%{transform:translate(47%,10%)}16%,22%{transform:translate(47%,10%)}38%{transform:translate(78%,10%)}42%,48%{transform:translate(78%,10%)}62%{transform:translate(23%,52%)}66%,72%{transform:translate(23%,52%)}86%{transform:translate(42%,78%)}90%,96%{transform:translate(42%,78%)}to{transform:translate(52%,72%)}}.wp-root .wp-pointer-ring{border:1.5px solid rgb(var(--active-rgb));width:16px;height:16px;animation-duration:1s;animation-timing-function:linear;animation-play-state:paused;animation-fill-mode:both;animation-delay:calc(var(--u) * -1s);border-radius:50%;margin:-8px 0 0 -8px;position:absolute;top:2px;left:0}.wp-root .wp-display:has(.wp-scr-plan) .wp-pointer-ring{animation-name:wp-click-plan}.wp-root .wp-display:has(.wp-scr-wire) .wp-pointer-ring{animation-name:wp-click-wire}.wp-root .wp-display:has(.wp-scr-live) .wp-pointer-ring{animation-name:wp-click-live}@keyframes wp-click-plan{0%,13.9%{opacity:0;transform:scale(.3)}14%{opacity:.95;transform:scale(.5)}20%{opacity:0;transform:scale(1.9)}20.1%,29.9%{opacity:0;transform:scale(.3)}30%{opacity:.95;transform:scale(.5)}36%{opacity:0;transform:scale(1.9)}36.1%,87.9%{opacity:0;transform:scale(.3)}88%{opacity:.95;transform:scale(.5)}94%{opacity:0;transform:scale(1.9)}94.1%,to{opacity:0;transform:scale(.3)}}@keyframes wp-click-wire{0%,13.9%{opacity:0;transform:scale(.3)}14%{opacity:.95;transform:scale(.5)}20%{opacity:0;transform:scale(1.9)}20.1%,43.9%{opacity:0;transform:scale(.3)}44%{opacity:.95;transform:scale(.5)}50%{opacity:0;transform:scale(1.9)}50.1%,75.9%{opacity:0;transform:scale(.3)}76%{opacity:.95;transform:scale(.5)}82%{opacity:0;transform:scale(1.9)}82.1%,to{opacity:0;transform:scale(.3)}}@keyframes wp-click-live{0%,15.9%{opacity:0;transform:scale(.3)}16%{opacity:.95;transform:scale(.5)}22%{opacity:0;transform:scale(1.9)}22.1%,41.9%{opacity:0;transform:scale(.3)}42%{opacity:.95;transform:scale(.5)}48%{opacity:0;transform:scale(1.9)}48.1%,65.9%{opacity:0;transform:scale(.3)}66%{opacity:.95;transform:scale(.5)}72%{opacity:0;transform:scale(1.9)}72.1%,89.9%{opacity:0;transform:scale(.3)}90%{opacity:.95;transform:scale(.5)}96%{opacity:0;transform:scale(1.9)}96.1%,to{opacity:0;transform:scale(.3)}}.wp-root .wp-scr-live{--lift:clamp(0, calc((var(--u) - .66) * 3.4), 1);background:linear-gradient(180deg, #16122b, color-mix(in srgb, #16122b, rgb(var(--active-rgb)) calc(var(--lift) * 22%)))}.wp-root .wp-scr-live .wp-chrome{transform:scale(calc(1 + var(--lift) * .045)) translateY(calc(var(--lift) * -2%));box-shadow:0 calc(18px + var(--lift) * 26px) calc(40px + var(--lift) * 40px) calc(-18px + var(--lift) * -4px) rgba(0, 0, 0, calc(.6 + var(--lift) * .25))}.wp-root .wp-scr-live .wp-dock{opacity:calc(1 - var(--lift) * .45)}.wp-root .wp-reflect{background:linear-gradient(180deg, rgb(var(--active-rgb) / .14), transparent 70%);pointer-events:none;border-radius:50% 50% 0 0;height:12%;position:absolute;bottom:1%;left:18%;right:18%}.wp-root .wp-copy{position:relative}.wp-root .wp-ghost{z-index:-1;font-family:var(--display);letter-spacing:-.05em;color:rgb(var(--active-rgb) / .06);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(120px,17vw,260px);font-weight:700;line-height:.8;position:absolute;top:50%;left:-.08em;transform:translateY(-54%)}@media (max-width:900px){.wp-root .wp-spot-dot{width:10px;height:10px}.wp-root .wp-ghost{opacity:.75;font-size:34vw}.wp-root .wp-pointer{display:none}}@media (hover:none){.wp-root .wp-spot-dot{pointer-events:none}.wp-root .wp-spot-label{display:none}}@media (prefers-reduced-motion:reduce){.wp-root .wp-spot-dot:after,.wp-root .wp-pointer,.wp-root .wp-pointer-ring{animation:none}.wp-root .wp-pointer{display:none}}.wp-root .wp-grain{z-index:0;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");position:absolute;inset:0}.wp-root[data-theme=light] .wp-grain{opacity:.02}.wp-root .wp-headline{max-height:calc((1 - var(--shrink)) * 260px);opacity:clamp(0, calc(1 - var(--shrink) * 1.8), 1);grid-column:1;overflow:hidden}.wp-root .wp-headline .wp-h2{margin-bottom:2px}.wp-root .wp-counter{grid-area:1/2;align-self:center}.wp-root .wp-device-tilt{max-width:calc(660px + var(--shrink) * 140px)}.wp-root .wp-scene{padding-top:calc(var(--shrink) * 8px)}@media (max-width:900px){.wp-root .wp-headline{max-height:calc((1 - var(--shrink)) * 190px)}.wp-root .wp-device-tilt{max-width:100%}}.wp-root .wp-site-band{background:radial-gradient(80% 120% at 20% 10%, rgb(var(--active-rgb) / .55), transparent 60%), linear-gradient(120deg, #201b3c 0%, #3b2e6e 45%, #6d4bc7 100%);border-radius:1.4cqi;flex:1;min-height:0;margin:0 2.4cqi 1.8cqi;position:relative;overflow:hidden}.wp-root .wp-site-band-tag{color:var(--ink);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;background:#ffffffeb;border-radius:999px;padding:.7cqi 1.6cqi;font-size:1.4cqi;position:absolute;bottom:1.6cqi;left:2cqi}