:root,.wf-page{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-panel:cubic-bezier(.2, .8, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--t-fast:.15s;--t-med:.28s;--t-slow:.56s;--loop-drift:96s;--loop-blink:1.06s;--loop-pulse:2.4s}.wf-page{--wf-accent:#bb8b5b;--tf-accent-hover:color-mix(in srgb, var(--wf-accent) 88%, rgb(var(--tf-ink)));--tf-line:rgb(var(--tf-ink) / .1);--tf-line-strong:rgb(var(--tf-ink) / .18);--tf-shadow:#0000008c;color:rgb(var(--tf-ink));background:rgb(var(--tf-canvas));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;isolation:isolate;position:relative}:root[data-theme=light] .wf-page{--wf-accent:#876137;--tf-shadow:#1b1e2129}:where(.wf-page) :where(h1,h2,h3){letter-spacing:-.02em;text-wrap:balance;font-weight:600}.wf-page ::selection{background-color:rgb(var(--tf-accent) / .32);color:rgb(var(--tf-ink))}.wf-page>:where(:not(.wf-atmos)){z-index:1;position:relative}.wf-atmos{z-index:0;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.wf-atmos:before{content:"";aspect-ratio:1;background:radial-gradient(closest-side, rgb(var(--tf-accent) / .085) 0%, rgb(var(--tf-accent) / .03) 46%, rgb(var(--tf-accent) / 0) 72%);width:130%;animation:wfDrift var(--loop-drift) ease-in-out infinite alternate;will-change:transform;border-radius:50%;margin-left:-65%;position:absolute;top:-38%;left:50%}@keyframes wfDrift{0%{transform:translate(-2.5%,-2%)scale(1)}to{transform:translate(2.5%,3%)scale(1.07)}}.wf-atmos:after{content:"";opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}@keyframes wfReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.wf-section{scroll-margin-top:80px;position:relative}.wf-head h2{text-wrap:balance}.tf-label{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--wf-accent);font-size:11px;font-weight:500;line-height:1.4}.tf-label-muted{color:rgb(var(--tf-muted))}.tf-mask-fade{-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade-top,24px), #000 calc(100% - var(--fade-bottom,24px)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade-top,24px), #000 calc(100% - var(--fade-bottom,24px)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade-top,24px), #000 calc(100% - var(--fade-bottom,24px)), transparent 100%)}.tf-mask-fade-x{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-left,32px), #000 calc(100% - var(--fade-right,32px)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-left,32px), #000 calc(100% - var(--fade-right,32px)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-left,32px), #000 calc(100% - var(--fade-right,32px)), transparent 100%)}.tf-cursor:after{content:"";vertical-align:text-bottom;background-color:var(--wf-accent);width:.55em;height:1.1em;animation:tfBlink var(--loop-blink) steps(1) infinite;margin-left:.12em;display:inline-block}@keyframes tfBlink{50%{opacity:0}}.tf-live{background-color:var(--wf-accent);width:8px;height:8px;animation:tfPulse var(--loop-pulse) ease-in-out infinite;border-radius:50%;flex-shrink:0;display:inline-block}@keyframes tfPulse{50%{opacity:.35}}:where(.tf-btn){white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:15px;font-weight:600;line-height:1.2;display:inline-flex}.tf-btn,.wf-btn,.wf-btn-ghost{transition:transform var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);position:relative}.tf-btn-primary{background-color:var(--wf-accent);color:rgb(var(--tf-onaccent))}.tf-btn-secondary{border:1px solid var(--tf-line-strong);color:rgb(var(--tf-ink));background-color:#0000;font-weight:500}.tf-btn-ghost{color:rgb(var(--tf-ink));background-color:#0000;font-weight:500}.tf-btn:active,.wf-btn:active,.wf-btn-ghost:active{transform:scale(.98)}.tf-btn:disabled,.wf-btn:disabled{cursor:not-allowed}.tf-arrow{transition:transform var(--t-fast) var(--ease-out);flex-shrink:0}@media (hover:hover){.wf-btn:hover,.tf-btn-primary:hover{background-color:var(--tf-accent-hover)}.tf-btn-secondary:hover{border-color:rgb(var(--tf-ink) / .34);background-color:rgb(var(--tf-ink) / .04)}.tf-btn-ghost:hover{background-color:rgb(var(--tf-ink) / .06)}.wf-btn-ghost:hover{border-color:rgb(var(--tf-accent) / .5);background-color:rgb(var(--tf-ink) / .05)}a:hover>.tf-arrow,button:hover>.tf-arrow{transform:translate(3px)}}:where(.tf-card){position:relative}.tf-card{border:1px solid var(--tf-line);background-color:rgb(var(--tf-card));transition:border-color var(--t-fast) var(--ease-out);border-radius:12px}.tf-card:after,.wf-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 16px 36px -24px var(--tf-shadow);transition:opacity var(--t-fast) var(--ease-out);position:absolute;inset:0}.wf-card{transition:transform var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out);position:relative}.wf-card[data-tilt],.wf-chip{transition:border-color var(--t-fast) var(--ease-out)}@media (hover:hover){.tf-card:hover{border-color:rgb(var(--tf-accent) / .38)}.tf-card:hover:after,.wf-card:hover:after{opacity:1}.wf-card:hover:not([data-tilt]){border-color:rgb(var(--tf-accent) / .32);transform:translateY(-2px)}.wf-card[data-tilt]:hover{border-color:rgb(var(--tf-accent) / .32)}.wf-chip:hover{border-color:rgb(var(--tf-accent) / .4)}}.wf-step-num{border:1px solid rgb(var(--tf-accent) / .4);background-color:rgb(var(--tf-accent) / .08);width:40px;height:40px;color:rgb(var(--tf-ink));border-radius:10px;justify-content:center;align-items:center;font-weight:600;display:inline-flex}:where([data-spotlight]){position:relative}:where([data-spotlight]:not([data-tilt])){isolation:isolate}[data-spotlight]:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), rgb(var(--tf-accent) / .13), rgb(var(--tf-accent) / 0) 70%);transition:opacity var(--t-med) var(--ease-out);position:absolute;inset:0}[data-tilt]{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d}[data-tilt][data-tilting]{will-change:transform}.tf-depth-1{transform:translateZ(12px)}.tf-depth-2{transform:translateZ(24px)}.tf-depth-3{transform:translateZ(40px)}@media (hover:hover) and (pointer:fine){[data-spotlight]:hover:before{opacity:1}}.wf-header{z-index:40;border-bottom:1px solid var(--tf-line);background-color:rgb(var(--tf-canvas) / .74);-webkit-backdrop-filter:blur(16px)saturate(150%);position:sticky;top:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.wf-header{background-color:rgb(var(--tf-canvas) / .96)}}.wf-navlink{min-height:36px;color:rgb(var(--tf-muted));transition:color var(--t-fast) var(--ease-out);border-radius:6px;align-items:center;padding:0 10px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.wf-navlink:after{content:"";background-color:var(--wf-accent);transform-origin:0;height:1px;transition:transform var(--t-med) var(--ease-out);position:absolute;bottom:4px;left:10px;right:10px;transform:scaleX(0)}.wf-navlink[aria-current=page]{color:rgb(var(--tf-ink))}.wf-navlink[aria-current=page]:after{transform:scaleX(1)}@media (hover:hover){.wf-navlink:hover{color:rgb(var(--tf-ink))}.wf-navlink:hover:after{transform:scaleX(1)}}.tf-menu{border-bottom:1px solid var(--tf-line);background-color:rgb(var(--tf-canvas));box-shadow:0 24px 40px -24px var(--tf-shadow);transform-origin:top;animation:tfMenuIn var(--t-med) var(--ease-out) both}@keyframes tfMenuIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.tf-menu-link{transition:color var(--t-fast) var(--ease-out)}.tf-menu-link:active,.tf-menu-link[aria-current=page]{color:var(--wf-accent)}.tf-footlink{text-underline-offset:4px;transition:color var(--t-fast) var(--ease-out), text-decoration-color var(--t-fast) var(--ease-out);text-decoration-line:underline;text-decoration-color:#0000}.tf-footlink[aria-current=page]{color:rgb(var(--tf-ink))}@media (hover:hover){.tf-footlink:hover{color:rgb(var(--tf-ink));-webkit-text-decoration-color:rgb(var(--tf-accent) / .6);text-decoration-color:rgb(var(--tf-accent) / .6)}}.wf-page :focus-visible{outline:2px solid var(--wf-accent);outline-offset:2px}.wf-page .tf-btn:focus-visible,.wf-page .wf-btn:focus-visible{outline-offset:3px}.wf-field{transition:border-color var(--t-fast) var(--ease-out)}.wf-page .wf-field:focus{outline:1px solid var(--wf-accent);outline-offset:0;border-color:var(--wf-accent)}.wf-field[aria-invalid=true]{border-color:rgb(var(--tf-danger))}@media (hover:hover){.wf-field:hover{border-color:rgb(var(--tf-ink) / .3)}}.wf-quickstart{transition:border-color var(--t-med) var(--ease-out)}.wf-quickstart:focus-within{border-color:rgb(var(--tf-accent) / .4)}.wf-faq{transition:background-color var(--t-med) var(--ease-out)}.wf-faq>summary{transition:color var(--t-fast) var(--ease-out);list-style:none}.wf-faq>summary::-webkit-details-marker{display:none}.wf-faq[open]{background-color:rgb(var(--tf-ink) / .025)}.wf-faq-mark{transition:transform var(--t-med) var(--ease-out);flex-shrink:0;display:inline-block}.wf-faq[open] .wf-faq-mark{transform:rotate(45deg)}.wf-faq[open] .wf-faq-body{animation:wfReveal var(--t-med) var(--ease-panel) both}@media (hover:hover){.wf-faq>summary:hover{color:var(--wf-accent)}}::view-transition-old(root){animation-duration:var(--t-slow);animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:var(--t-slow);animation-timing-function:var(--ease-out)}@media (max-width:767px){@keyframes wfReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.wf-atmos:before,.tf-cursor:after,.tf-live,.tf-menu,.wf-faq[open] .wf-faq-body{animation:none!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}[data-tilt],.tf-depth-1,.tf-depth-2,.tf-depth-3,.wf-card,.tf-arrow,.tf-btn,.wf-btn,.wf-btn-ghost{transform:none!important}[data-spotlight]:before{display:none}}@media (forced-colors:active){.wf-atmos,[data-spotlight]:before{display:none}.tf-btn,.wf-btn{border:1px solid buttontext}}
.tf-step-num{z-index:1;border:1px solid rgb(var(--tf-accent) / .35);background-color:rgb(var(--tf-canvas));width:44px;height:44px;color:rgb(var(--tf-ink));border-radius:999px;justify-content:center;align-items:center;font-weight:500;display:inline-flex;position:absolute;top:-.5rem;left:0}.tf-step:nth-child(2) .tf-step-num{border-color:rgb(var(--tf-accent) / .65)}.tf-step--goal .tf-step-num{border-color:rgb(var(--tf-accent));background-color:rgb(var(--tf-accent));color:rgb(var(--tf-onaccent))}.tf-step:not(.tf-step--goal):before{content:"";background-color:rgb(var(--tf-accent) / .3);width:1px;position:absolute;top:calc(44px - .5rem);bottom:-2.5rem;left:22px}.tf-step:nth-child(2):before{background-color:rgb(var(--tf-accent) / .6)}@media (min-width:1024px){.tf-step-num{position:relative;top:0}.tf-step:not(.tf-step--goal):before{width:auto;height:1px;inset:22px calc(12px - 2rem) auto 56px}}.tf-card.tf-tier--flag{border-color:rgb(var(--tf-accent) / .7);background-color:color-mix(in srgb, rgb(var(--tf-accent)) 5%, rgb(var(--tf-card)));box-shadow:0 0 0 1px rgb(var(--tf-accent) / .18)}@media (min-width:1024px){.tf-tier--flag{margin-block:-.75rem;padding-block:2.75rem}}.tf-sync-log{--fade-top:1.5rem;--fade-bottom:0px}.tf-sync-table--in .tf-sync-row{animation:tfRowIn var(--t-med) var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms)}@keyframes tfRowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tf-sync-run{transition:border-color var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out)}.tf-sync-run:active:not(:disabled){transform:translateY(1px)}@media (hover:hover){.tf-sync-run:hover:not(:disabled){border-color:rgb(var(--tf-accent) / .6)}}.tf-stat{font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:1}.tf-field-invalid{border-color:rgb(var(--tf-danger))}.tf-submit{transition:transform var(--t-fast) var(--ease-out), opacity var(--t-fast) var(--ease-out);position:relative;overflow:hidden}.tf-submit:active:not(:disabled){transform:translateY(0)}@media (hover:hover){.tf-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}}.tf-submit-bar{background-color:rgb(var(--tf-accent));transform-origin:0;height:2px;animation:tfPending var(--t-slow) var(--ease-out) both;position:absolute;inset:auto 0 0}@keyframes tfPending{0%{transform:scaleX(0)}to{transform:scaleX(.85)}}.tf-success{animation:tfSuccessIn var(--t-med) var(--ease-out) both}@keyframes tfSuccessIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tf-sync-row,.tf-submit-bar,.tf-success{animation:none!important}}
