@layer theme,base;@layer components{[data-landing] .l-press{transition:scale var(--duration-base) var(--ease-standard)}[data-landing] .l-press:active{transition-duration:var(--duration-fast);scale:.97}[data-landing] .l-nudge svg:last-child{transition:translate var(--duration-base) var(--ease-standard)}[data-landing] .l-lift{transition:transform var(--duration-base) var(--ease-standard)}[data-landing] .l-lift:after{content:"";border-radius:inherit;box-shadow:var(--pot-shadow-card);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard);position:absolute;inset:0}[data-landing] .l-tilt{cursor:default;transition:transform var(--duration-slow) var(--ease-spring)}@media (hover:hover){[data-landing] .l-lift:hover:after{opacity:1}}@media (hover:hover) and (prefers-reduced-motion:no-preference){[data-landing] .l-nudge:hover svg:last-child{translate:var(--l-nudge,3px 0)}[data-landing] .l-lift:hover{transform:translateY(-2px)}[data-landing] .l-tilt:hover{transform:rotate(4deg)scale(1.04)}}@media (prefers-reduced-motion:reduce){[data-landing] .l-press:active{scale:none}}}@layer utilities;[data-landing]{--duration-fast:.12s;--duration-base:.2s;--duration-moderate:.28s;--duration-slow:.36s;--duration-count:.5s;--duration-celebrate:.6s;--ease-spring:cubic-bezier(.34, 1.36, .64, 1)}@supports (animation-timing-function:linear(0, 1)){[data-landing]{--ease-spring:linear(0, .081, .262, .47, .663, .818, .931, 1.003, 1.042, 1.057, 1.057, 1.048, 1.037, 1.025, 1.015, 1.007, 1.002, .998, 1)}}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=fade-up]{animation:pot-seq-fade-up var(--seq-dur,.28s) var(--ease-enter) backwards}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=fade]{animation:pot-seq-fade var(--seq-dur,.2s) var(--ease-standard) backwards}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=pop]{animation:pot-seq-pop var(--seq-dur,.36s) var(--ease-spring) backwards, pot-seq-fade .12s linear backwards}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=settle]{animation:pot-seq-settle var(--seq-dur,.36s) var(--ease-spring) backwards, pot-seq-fade .12s linear backwards}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=slide]{animation:pot-seq-slide var(--seq-dur,.36s) var(--ease-enter) backwards}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=drop]{animation:pot-seq-drop var(--seq-dur,.28s) var(--ease-enter) backwards}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=draw-x]{transform-origin:0;animation:pot-seq-draw-x var(--seq-dur,.36s) var(--ease-standard) backwards}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=draw-y]{transform-origin:50% 0;animation:pot-seq-draw-y var(--seq-dur,.36s) var(--ease-standard) backwards}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=wipe]{animation:pot-seq-wipe var(--seq-dur,.28s) var(--ease-enter) backwards}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=fill],[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=goal] [data-goalbar]>[aria-hidden]>div{animation:pot-seq-fill var(--seq-dur,.5s) var(--ease-standard) backwards;animation-delay:calc(var(--seq-at,0s) + var(--seq-offset,0s))}[data-landing] :is([data-seq-state=armed],[data-seq-state=armed] *)[data-seq=goal] [data-goalbar]>[aria-hidden]>div{animation-play-state:paused}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=dots] .pot-dot{animation:pot-seq-dot var(--seq-dur,1.2s) var(--ease-standard) backwards;animation-delay:calc(var(--seq-at,0s) + var(--seq-offset,0s))}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=dots] .pot-dot:nth-child(2){animation-delay:calc(var(--seq-at,0s) + var(--seq-offset,0s) + .15s)}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=dots] .pot-dot:nth-child(3){animation-delay:calc(var(--seq-at,0s) + var(--seq-offset,0s) + .3s)}[data-landing] :is([data-seq-state=armed],[data-seq-state=armed] *)[data-seq=dots] .pot-dot{animation-play-state:paused}[data-landing] [data-seq=out]{visibility:hidden}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=out]{visibility:visible;animation:pot-seq-out var(--seq-dur,.2s) var(--ease-exit) both}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=lit]:after{content:"";border-radius:inherit;box-shadow:0 0 0 2px var(--seq-lit,var(--pot-brand));pointer-events:none;opacity:0;animation:pot-seq-lit var(--seq-dur,.6s) var(--ease-standard) backwards;animation-delay:inherit;animation-play-state:inherit;position:absolute;inset:-3px}[data-landing] [data-seq=travel]{visibility:hidden}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=travel]{visibility:visible;animation:pot-seq-travel var(--seq-dur,.5s) var(--ease-standard) both}[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq]{animation-delay:calc(var(--seq-at,0s) + var(--seq-offset,0s))}[data-landing] :is([data-seq-state=armed],[data-seq-state=armed] *)[data-seq]{animation-play-state:paused}@keyframes pot-seq-fade-up{0%{opacity:0;transform:translateY(var(--seq-y,8px)) scale(var(--seq-scale,1))}}@keyframes pot-seq-fade{0%{opacity:0}}@keyframes pot-seq-pop{0%{transform:scale(var(--seq-scale,.5))}}@keyframes pot-seq-settle{0%{transform:rotate(var(--seq-turn,6deg)) scale(1.08)}}@keyframes pot-seq-slide{0%{opacity:0;transform:translate(1.5rem)}}@keyframes pot-seq-drop{0%{opacity:0;transform:translateY(calc(var(--seq-y,8px) * -1))}}@keyframes pot-seq-draw-x{0%{transform:scaleX(0)}}@keyframes pot-seq-draw-y{0%{transform:scaleY(0)}}@keyframes pot-seq-wipe{0%{clip-path:inset(0 100% 0 0 round var(--seq-round,var(--pot-radius-sm)))}to{clip-path:inset(0 0 0 0 round var(--seq-round,var(--pot-radius-sm)))}}@keyframes pot-seq-fill{0%{clip-path:inset(0 calc(100% - var(--seq-from,0%)) 0 0 round var(--seq-round,999px))}to{clip-path:inset(0 0 0 0 round var(--seq-round,999px))}}@keyframes pot-seq-dot{0%,to{opacity:.6;transform:none}40%{opacity:1;transform:translateY(-2px)}}@keyframes pot-seq-out{to{opacity:0}}@keyframes pot-seq-lit{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes pot-seq-travel{0%{opacity:0;transform:translate(0)}20%,80%{opacity:1}to{opacity:0;transform:translate(var(--seq-dx,0px), var(--seq-dy,0px))}}[data-landing] :is(a,button){-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:no-preference){html:has([data-landing][data-smooth-anchors]){scroll-behavior:smooth}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){[data-landing] .l-hairline{animation:linear both pot-l-hairline;animation-timeline:scroll(root);animation-range:0 48px}}}@keyframes pot-l-hairline{0%{border-bottom-color:#0000}to{border-bottom-color:var(--pot-line)}}@media (prefers-reduced-motion:reduce){[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq],[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=goal] [data-goalbar]>[aria-hidden]>div,[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq=dots] .pot-dot,[data-landing] :is([data-seq-state],[data-seq-state] *,[data-seq-load],[data-seq-load] *)[data-seq]:after{animation:none!important}[data-landing] [data-seq=out],[data-landing] [data-seq=travel]{visibility:hidden!important}}
@layer theme;@layer base{[data-landing] :is(h1,h2,h3,h4){text-wrap-style:balance}[data-landing] :is(p,li,dd,figcaption){text-wrap-style:pretty}}@layer components{[data-landing] a:not(.group\/button,nav a){transition:background-color var(--duration-base) var(--ease-standard)}[data-landing] a:not(.group\/button,nav a):active{background-color:var(--pot-surface-sunken);transition-duration:var(--duration-fast)}}@layer utilities;[data-landing] [data-nav-indicator]{transition:transform var(--duration-moderate) var(--ease-standard), opacity var(--duration-base) var(--ease-standard)}@media (prefers-reduced-motion:reduce){[data-landing] [data-nav-indicator]{transition:opacity var(--duration-fast) var(--ease-standard)}}[data-landing] h2[tabindex="-1"]:focus{outline:none}@media (scripting:none){[data-landing] :is([data-seq-load],[data-seq-load] *)[data-seq]{animation:none!important}}[data-landing] [data-typing-pulse] .pot-dot{opacity:.6;transition:opacity var(--duration-base) var(--ease-standard);animation:none}[data-landing] :is([data-typing-pulse=running],[data-typing-pulse=paused]) .pot-dot{animation:pot-top-dot 1.2s var(--ease-standard) 4 backwards}[data-landing] :is([data-typing-pulse=running],[data-typing-pulse=paused]) .pot-dot:nth-child(2){animation-delay:.15s}[data-landing] :is([data-typing-pulse=running],[data-typing-pulse=paused]) .pot-dot:nth-child(3){animation-delay:.3s}[data-landing] [data-typing-pulse=paused] .pot-dot{animation-play-state:paused}@keyframes pot-top-dot{0%,to{opacity:.6;transform:none}40%{opacity:1;transform:translateY(-2px)}}