.hp{--hp-pad:24px;--hp-gap:clamp(72px,8vw,112px);--hp-shell:1200px;--hp-line:var(--ws-line);--hp-dash:var(--ws-line-strong);--hp-rail:max(var(--hp-pad),calc(50% - var(--hp-shell)/2 + var(--hp-pad)));--hp-track:.06em;--hp-ease:cubic-bezier(.23,1,.32,1);--hp-inset:16px;--hp-hero-gap:clamp(28px,4vw,64px);--hp-hero-pad:clamp(88px,11vw,152px);background:var(--ws-bg);min-height:100dvh;color:var(--ws-text);font-family:var(--font-archivo),var(--font-inter),ui-sans-serif,system-ui,sans-serif;flex-direction:column;display:flex;position:relative;overflow-x:clip}.hp .hp-lede,.hp .hp-sub,.hp .hp-steps p,.hp .hp-item p{font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif}.hp:before,.hp:after{content:"";z-index:1;background:var(--hp-line);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.hp:before{left:var(--hp-rail)}.hp:after{right:var(--hp-rail)}.hp .hp-progress{z-index:1;top:0;bottom:0;left:var(--hp-rail);background:var(--ws-faint);transform-origin:top;pointer-events:none;width:1px;position:absolute;scale:1 0}.hp :where(h1,h2){text-wrap:balance}.hp :where(p){text-wrap:pretty}.hp ::selection{background:color-mix(in srgb,var(--ws-accent)32%,transparent)}.hp .hp-shell{width:100%;max-width:var(--hp-shell);padding:0 calc(var(--hp-pad) + var(--hp-inset));margin:0 auto}.hp .hp-skip{z-index:30;top:8px;left:calc(var(--hp-rail) + var(--hp-inset));border:1px solid var(--ws-line-strong);border-radius:var(--ws-radius);background:var(--ws-elev);color:var(--ws-text);padding:8px 14px;font-size:.875rem;text-decoration:none;transition:translate .16s ease-out;position:absolute;translate:0 -160%}.hp .hp-skip:focus{translate:0}.hp a,.hp button{touch-action:manipulation}.hp .hp-top{z-index:20;border-bottom:1px solid var(--ws-line);background:color-mix(in srgb,var(--ws-bg)82%,transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);position:sticky;top:0}.hp .hp-top-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;min-height:60px;padding-block:8px;display:flex}.hp .hp-brand{color:var(--ws-text);letter-spacing:-.02em;align-items:center;gap:10px;font-size:.9375rem;font-weight:500;display:inline-flex}.hp .hp-nav{align-items:center;gap:24px;font-size:.875rem;display:inline-flex}.hp .hp-hero{isolation:isolate;column-gap:var(--hp-hero-gap);padding:var(--hp-hero-pad)0 var(--hp-gap);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);row-gap:clamp(22px,2.4vw,30px);display:grid;position:relative}.hp .hp-hero>.hp-meta{grid-area:1/1}.hp .hp-hero>.hp-h1{grid-area:2/1}.hp .hp-hero>.hp-lede{grid-area:3/1}.hp .hp-hero>.hp-actions{grid-area:4/1}.hp .hp-hero>.hp-term{grid-area:1/2/5/3;align-self:center;max-width:none}.hp .hp-hero:before{content:"";inset-block:var(--hp-hero-pad)var(--hp-gap);left:calc(.625*(100% - var(--hp-hero-gap)) + var(--hp-hero-gap)/2);border-left:1px dashed var(--hp-dash);pointer-events:none;position:absolute}.hp .hp-hero:after{content:"";z-index:-1;inset-block:var(--hp-hero-pad)var(--hp-gap);left:calc(.625*(100% - var(--hp-hero-gap)) + var(--hp-hero-gap));pointer-events:none;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:24px 24px;position:absolute;right:0}.hp .hp-meta{color:var(--ws-faint);font-family:var(--ws-mono);letter-spacing:var(--hp-track);white-space:nowrap;margin:0;font-size:.75rem}.hp .hp-h1{max-width:22ch;color:var(--ws-text);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.5rem,6vw,4.25rem);font-weight:500;line-height:1.08}.hp .hp-lede{text-wrap:balance;max-width:52ch;color:var(--ws-muted);margin:0;font-size:1.0625rem;line-height:1.62}.hp .hp-actions{flex-wrap:wrap;align-items:center;gap:14px 16px;display:flex}.hp .hp-term{border:1px solid var(--hp-line);border-radius:var(--ws-radius);background:var(--ws-elev);margin:0;overflow:hidden}.hp .hp-term-bar{border-bottom:1px dashed var(--hp-dash);min-height:34px;color:var(--ws-faint);font-family:var(--ws-mono);letter-spacing:var(--hp-track);justify-content:space-between;align-items:center;gap:16px;padding:0 14px;font-size:.75rem;display:flex}.hp .hp-term-bar span{white-space:nowrap}.hp .hp-term-body{color:var(--ws-muted);font-family:var(--ws-mono);margin:0;padding:14px;font-size:.8125rem;line-height:1.6;overflow-x:auto}.hp .hp-prompt{color:var(--ws-faint)}.hp .hp-btn{border-radius:var(--ws-radius);letter-spacing:-.01em;text-box:trim-both cap alphabetic;-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;height:38px;padding:0 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .14s,border-color .14s,color .14s,scale .15s ease-out,translate .15s ease-out;display:inline-flex}.hp .hp-btn:active{scale:.96}.hp .hp-btn-primary{border-color:var(--ws-accent);background:var(--ws-accent);color:#100605;box-shadow:inset 0 1px #ffffff2b}.hp .hp-btn-quiet{border-color:var(--ws-line-strong);color:var(--ws-text)}.hp .hp-btn.hp-btn-sm{height:32px;padding:0 12px;font-size:.8125rem}@media (hover:hover){.hp .hp-btn-primary:hover{background:color-mix(in srgb,var(--ws-accent)88%,#fff);border-color:color-mix(in srgb,var(--ws-accent)88%,#fff);translate:0 -1px}.hp .hp-btn-quiet:hover{border-color:var(--ws-faint);background:var(--ws-hover)}.hp .hp-foot-link:hover{color:var(--ws-text);-webkit-text-decoration-color:var(--ws-text);text-decoration-color:var(--ws-text)}}.hp :focus-visible{outline:2px solid var(--ws-accent);outline-offset:2px}.hp section[id]{scroll-margin-top:84px}html:has(.hp){scroll-behavior:smooth;scroll-padding-block-start:84px}@keyframes hp-enter{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@keyframes hp-firm{0%{opacity:0}to{opacity:1}}@keyframes hp-rise{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes hp-drift{0%{background-position:0 -24px}to{background-position:0 24px}}@keyframes hp-progress{0%{scale:1 0}to{scale:1}}@keyframes hp-mark{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}.hp .hp-hero>:nth-child(2){--hp-i:1}.hp .hp-hero>:nth-child(3){--hp-i:2}.hp .hp-hero>:nth-child(4){--hp-i:3}.hp .hp-hero>:nth-child(5){--hp-i:4}.hp .hp-hero:before{animation:hp-firm .3s var(--hp-ease)calc(var(--nav-hold,0s) + .24s)both}.hp .hp-term-bar{animation:hp-firm .2s var(--hp-ease)calc(var(--nav-hold,0s) + .3s)both}.hp .hp-term-body{animation:hp-firm .2s var(--hp-ease)calc(var(--nav-hold,0s) + .36s)both}.hp .hp-hero>*{animation:hp-enter .3s var(--hp-ease)both;animation-delay:calc(var(--nav-hold,0s) + var(--hp-i,0)*60ms)}.hp .hp-top:after{content:"";z-index:-1;background:color-mix(in srgb,var(--ws-bg)92%,transparent);opacity:0;pointer-events:none;position:absolute;inset:0}@supports (animation-timeline:scroll()){.hp .hp-top:after{animation:linear both hp-firm;animation-timeline:scroll(root);animation-range:0 48px}.hp .hp-progress{animation:linear both hp-progress;animation-timeline:scroll(root)}}@supports (animation-timeline:view()){.hp .hp-mark{animation:linear both hp-mark;animation-timeline:view();animation-range:entry entry 46%}.hp .hp-section+.hp-section>*,.hp .hp-close>*{animation:linear both hp-rise;animation-timeline:view();animation-range:entry entry 55%}.hp .hp-steps li{animation:linear both hp-rise;animation-timeline:view();animation-range:entry 10% entry 60%}.hp .hp-item{animation:linear both hp-rise;animation-timeline:view();animation-range:entry 18% entry 68%}.hp .hp-section+.hp-section{animation:linear both hp-drift;animation-timeline:view();animation-range:cover}}.hp .hp-section{margin-inline:calc(-1*var(--hp-inset));border-top:1px solid var(--hp-line);padding:var(--hp-gap)0;padding-inline:var(--hp-inset);grid-template-columns:minmax(24ch,1fr) minmax(0,58ch);align-items:baseline;column-gap:clamp(32px,5vw,72px);display:grid;position:relative}.hp .hp-mark{color:var(--ws-line-strong);font-family:var(--ws-mono);pointer-events:none;font-size:10px;line-height:1;position:absolute;top:0;translate:-50% -50%}.hp .hp-mark-a{left:0}.hp .hp-mark-b{right:0}.hp .hp-section+.hp-section{background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:24px 24px}.hp .hp-h2{max-width:30ch;color:var(--ws-text);letter-spacing:-.028em;margin:0;font-size:clamp(1.375rem,2.4vw,1.875rem);font-weight:500;line-height:1.2}.hp .hp-sub{color:var(--ws-muted);margin:0;font-size:1rem;line-height:1.6}.hp .hp-steps{grid-column:1/-1;margin:clamp(56px,5vw,72px) 0 0;padding:0;list-style:none;display:grid}.hp .hp-steps li{border-top:1px dashed var(--hp-dash);grid-template-columns:56px minmax(0,1fr);align-items:baseline;gap:0 24px;padding:28px 0;display:grid}.hp .hp-steps li:first-child{border-top:0;padding-top:0}.hp .hp-steps .n{color:var(--ws-faint);font-family:var(--ws-mono);letter-spacing:var(--hp-track);font-size:.8125rem;line-height:1.4}.hp .hp-steps h3{color:var(--ws-text);letter-spacing:-.015em;margin:0;font-size:1.0625rem;font-weight:500;line-height:1.4}.hp .hp-steps p{max-width:58ch;color:var(--ws-muted);margin:8px 0 0;font-size:1rem;line-height:1.6}.hp .hp-grid{border-top:1px dashed var(--hp-dash);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:clamp(56px,5vw,72px);padding-top:24px;display:grid}.hp .hp-item{min-width:0;padding:0 28px}.hp .hp-item:first-child{padding-inline-start:0}.hp .hp-item:last-child{padding-inline-end:0}.hp .hp-item+.hp-item{border-inline-start:1px dashed var(--hp-dash)}.hp .hp-item h3{color:var(--ws-text);letter-spacing:-.015em;margin:0;font-size:1.0625rem;font-weight:500;line-height:1.4}.hp .hp-item p{color:var(--ws-muted);margin:10px 0 0;font-size:1rem;line-height:1.6}.hp .hp-close{margin-inline:calc(-1*var(--hp-inset));border-top:1px solid var(--hp-line);padding:var(--hp-gap)0;padding-inline:var(--hp-inset)}.hp .hp-close h2{max-width:26ch;color:var(--ws-text);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.625rem,3.2vw,2.5rem);font-weight:500;line-height:1.12}.hp .hp-close .hp-actions{margin-top:32px}.hp .hp-foot{border-top:1px solid var(--hp-line);color:var(--ws-faint);margin-top:auto;padding:28px 0 40px;font-size:.8125rem}.hp .hp-foot-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.hp .hp-foot .mono{font-family:var(--ws-mono);letter-spacing:var(--hp-track)}.hp .hp-foot-link{color:var(--ws-muted);text-underline-offset:3px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .14s,text-decoration-color .14s}@media (max-width:1100px){.hp .hp-hero{grid-template-columns:minmax(0,1fr)}.hp .hp-hero>.hp-meta,.hp .hp-hero>.hp-h1,.hp .hp-hero>.hp-lede,.hp .hp-hero>.hp-actions,.hp .hp-hero>.hp-term{grid-area:auto}.hp .hp-hero>.hp-term{align-self:auto;max-width:34rem}.hp .hp-hero:before{content:none}}@media (max-width:820px){.hp{--hp-pad:20px;--hp-inset:12px;--hp-gap:64px}.hp .hp-hero{row-gap:22px;padding:56px 0 48px}.hp .hp-section{grid-template-columns:minmax(0,1fr);row-gap:16px}.hp .hp-h1{max-width:100%;font-size:clamp(2.125rem,9vw,3rem);line-height:1.1}.hp .hp-nav{gap:16px}.hp .hp-steps li{grid-template-columns:36px minmax(0,1fr);gap:0 14px}.hp .hp-grid{border-top:0;grid-template-columns:minmax(0,1fr);padding-top:0}.hp .hp-item{padding:24px 0 0}.hp .hp-item:first-child{padding-top:0}.hp .hp-item+.hp-item{border-inline-start:0;border-top:1px dashed var(--hp-dash)}}
