@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations")}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2) format("woff2-variations")}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations")}.scenes{min-width:0;border:var(--outline);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow);overflow:hidden;overflow:clip}.scenes__bar{display:flex;align-items:center;gap:.25rem;padding:.4rem .5rem 0;border-bottom:1px solid var(--line)}.scenes__tabs{display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.scenes__tab{position:relative;flex:none;display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:0 .85rem;border:0;background:none;color:var(--ink-soft);font:600 .9375rem/1 var(--font-body);cursor:pointer}.scenes__tab svg{font-size:1.25rem}.scenes__tab:hover,.scenes__tab[aria-selected=true]{color:var(--ink)}.scenes__tab:focus-visible{outline-offset:-3px}.scenes__tab:after{content:"";position:absolute;inset:auto .6rem 0;height:3px;border-radius:3px 3px 0 0;opacity:0}.scenes__tab[aria-selected=true]:after{opacity:1;background:linear-gradient(to right,var(--accent) calc(var(--progress, 0) * 100%),var(--line) 0)}.scenes__pause{width:2.5rem;height:2.5rem;font-size:1rem}.scenes__play-icon,.scenes__pause[aria-pressed=true] .scenes__pause-icon{display:none}.scenes__pause[aria-pressed=true] .scenes__play-icon{display:block}.scene{position:relative;height:clamp(21rem,44vw,25rem);padding:1rem 1.25rem;overflow:hidden}.scene__caption{position:relative;z-index:1;max-width:24rem;font-weight:600;pointer-events:none}.globe{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab}.globe:active{cursor:grabbing}.globe:focus-visible{outline-offset:-4px}.scene__action{position:absolute;inset:auto 1.25rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;pointer-events:none}.scene__action .button{pointer-events:auto}.scene__action p{flex:1 1 12rem;color:var(--ink-soft);font-size:.8125rem;line-height:1.4}.plant{display:flex;flex-direction:column;gap:.9rem;margin-top:1rem}.plant__head{display:flex;justify-content:space-between;gap:1rem;color:var(--ink-soft);font-size:.9375rem}.plant__head strong{color:var(--ink);font-variant-numeric:tabular-nums}.plant__stations{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding:0;list-style:none}.station{display:grid;align-content:start;gap:.15rem;min-width:0;padding:.65rem .6rem;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--paper);font-size:.875rem;transition:background .2s ease,border-color .2s ease}.station__light{width:.7rem;height:.7rem;margin-bottom:.3rem;border-radius:50%;border:1px solid var(--ink);background:var(--mint)}.station__reading{font-variant-numeric:tabular-nums}.station__status{color:var(--ink-soft);font-size:.8125rem}.station[data-state=warning]{background:var(--peach);border-color:var(--ink);color:var(--on-pastel)}.station[data-state=warning] .station__status{color:var(--on-pastel);font-weight:600}.station[data-state=warning] .station__light{background:#e5484d;animation:alarm .7s ease-in-out infinite alternate}@keyframes alarm{to{box-shadow:0 0 0 5px #e5484d4d}}.plant__belt{position:relative;container-type:inline-size;height:2.25rem;border-radius:999px;background:repeating-linear-gradient(90deg,var(--sunken) 0 1rem,var(--line) 1rem 1.125rem);overflow:hidden}.plant__belt span{position:absolute;top:.4rem;left:-2rem;width:1.45rem;height:1.45rem;border-radius:.3rem;border:1px solid var(--ink);background:var(--butter);animation:belt 12s linear infinite}.plant__belt span:nth-child(2){animation-delay:-2.4s;background:var(--sky)}.plant__belt span:nth-child(3){animation-delay:-4.8s;background:var(--lilac)}.plant__belt span:nth-child(4){animation-delay:-7.2s;background:var(--mint)}.plant__belt span:nth-child(5){animation-delay:-9.6s;background:var(--rose)}.plant__belt[data-moving=false] span{animation-play-state:paused}@keyframes belt{to{transform:translate(calc(100cqw + 4rem))}}@media(max-width:34rem){.station{padding:.5rem .4rem;font-size:.75rem}.station__reading{display:none}.station__status{font-size:.6875rem}}.plan{display:block;width:100%;height:auto}.plan__floor{fill:var(--paper);stroke:var(--line)}.plan__zone>rect:first-child{fill:none;stroke:var(--ink-soft);stroke-dasharray:5 4;opacity:.6}.plan__zone text{fill:var(--ink-soft);font:600 11px var(--font-body)}.plan__rack{fill:var(--sunken);stroke:var(--ink-soft)}.plan__belt{fill:var(--sunken);stroke:var(--line)}.plan__rollers{fill:none;stroke:var(--line);stroke-width:18;stroke-dasharray:2 10;animation:rollers .5s linear infinite paused}.plan__belt[data-moving=true]+.plan__rollers{animation-play-state:running}@keyframes rollers{to{stroke-dashoffset:-12}}.plan__crate{fill:var(--butter);stroke:var(--ink)}.plan__machine rect{fill:var(--surface);stroke:var(--ink);stroke-width:1.5;transition:fill .2s ease}.plan__name{fill:var(--ink);font:700 12.5px var(--font-display)}.plan__reading{fill:var(--ink-soft);font:500 11px var(--font-body)}.plan__light{fill:var(--mint);stroke:var(--ink)}.plan__machine[data-state=warning] rect{fill:var(--peach)}.plan__machine[data-state=warning] text{fill:var(--on-pastel);font-weight:700}.plan__machine[data-state=warning] .plan__light{fill:#e5484d;animation:blink .6s ease-in-out infinite alternate}@keyframes blink{to{opacity:.35}}.plan__body{fill:var(--butter);stroke:var(--ink);stroke-width:1.2}.plan__cab{fill:var(--on-pastel)}.plan__forks{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}.plan__load{fill:var(--sky);stroke:var(--ink)}.desk{display:grid;gap:1rem;margin-top:1rem}@media(min-width:34rem){.desk{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}.desk h3{margin-bottom:.5rem;color:var(--ink-soft);font:600 .875rem/1.3 var(--font-body);letter-spacing:0}.desk ol,.desk ul{display:grid;gap:.5rem;padding:0;list-style:none}.ticket{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.1rem .6rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--paper);font-size:.875rem}.ticket__id{color:var(--ink-soft);font-variant-numeric:tabular-nums}.ticket__subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.ticket__state{grid-column:2;justify-self:start;padding:.05rem .5rem;border-radius:999px;background:var(--butter);color:var(--on-pastel);font-size:.8125rem}.ticket[data-state=assigned] .ticket__state{background:var(--sky)}.ticket[data-state=typing] .ticket__state{background:var(--lilac)}.ticket[data-state=resolved] .ticket__state{background:var(--mint)}.agent{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 .5rem;font-size:.875rem}.agent__dot{width:.7rem;height:.7rem;border-radius:50%;border:1px solid var(--ink);background:var(--who, var(--mint))}.agent__status{grid-column:2;color:var(--ink-soft);font-size:.8125rem}.agent[data-online=false]{color:var(--ink-soft)}.agent[data-online=false] .agent__dot{background:transparent;border-style:dashed}.scenes__wire{display:flex;align-items:center;gap:.6rem;min-height:2.9rem;padding:.5rem .9rem;border-top:1px solid var(--line);background:var(--sunken);overflow:hidden;overflow:clip}.scenes__wire-label{flex:none;color:var(--ink-soft);font-size:.8125rem;font-weight:600}.scenes__wire ol{display:flex;flex:1;gap:.5rem;min-width:0;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 6rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 6rem),transparent);margin:0;padding:0;list-style:none}.scenes__what{flex:none;color:var(--ink);font-size:.8125rem;font-weight:600;white-space:nowrap}.scenes__wire li{flex:none;display:flex;align-items:center;gap:.4rem;max-width:26rem;animation:frame-in .26s ease-out}.scenes__wire li.is-live .frame{border-color:var(--globe-real);box-shadow:0 0 0 1px var(--globe-real)}.frame__live{display:inline-flex;align-items:center;padding:0 .45rem;background:var(--globe-real);color:var(--paper);font-weight:700}@keyframes frame-in{0%{opacity:0;transform:translate(-.75rem)}}.ripple{position:absolute;width:5.5rem;height:5.5rem;margin:-2.75rem 0 0 -2.75rem;border:2px solid var(--ink);border-radius:50%;background:var(--who, var(--lilac));pointer-events:none;animation:ripple .7s ease-out forwards}@keyframes ripple{0%{opacity:.85;transform:scale(.1)}to{opacity:0;transform:scale(1)}}.pointer--bot{transition:transform .26s linear}.pointer--bot .pointer__name{border-style:dashed}.motion-ring,.motion-click,.motion-pop,.motion-grow{transform-box:fill-box}.motion-ring{transform-origin:50% 8%}.motion-grow{transform-origin:50% 100%}.mark-renskrivet{overflow:visible}.mark-renskrivet__fold,.mark-renskrivet__text{opacity:0}.mark-renskrivet__line{stroke-dasharray:1}.mark-scrumbia__card{transform-box:view-box;transform-origin:28px 43px;transition:rotate .24s ease}.mark-scrumbia__card--back{rotate:-22deg;fill:#9fd0c8}.mark-scrumbia__card--middle{rotate:-7deg;fill:#cfe9e4}.mark-scrumbia__card--front{rotate:10deg;fill:#fff}.mark-scrumbia__index{fill:#0f766e;font:700 8px var(--font-display);opacity:0;transition:opacity .2s ease}.in-use__points{fill:#0f766e;font:700 15px var(--font-display)}.in-use__points~.in-use__points{opacity:0}.mark-gr8__crown{transform-box:view-box;transform-origin:28px 44px;transition:rotate .26s ease,translate .26s ease}.mark-gr8__jewel{fill:#f4c430;stroke:#8db424;transform-box:fill-box;transform-origin:center}@media(prefers-reduced-motion:no-preference){:is(.use,.demo-link):is(:hover,:focus-within) .motion-ring{animation:ring 1.4s ease-in-out}:is(.use,.demo-link):is(:hover,:focus-within) .motion-click{animation:click 1.1s ease-in-out}:is(.use,.demo-link):is(:hover,:focus-within) .motion-pop{animation:pop .95s ease-out}:is(.use,.demo-link):is(:hover,:focus-within) .motion-grow{animation:grow 1.25s ease-in-out}@keyframes ring{15%{rotate:16deg}30%{rotate:-13deg}45%{rotate:9deg}60%{rotate:-6deg}75%{rotate:3deg}}@keyframes click{20%,60%{scale:.8;translate:-4% -4%}40%,80%{scale:1.06;translate:0 0}}@keyframes pop{35%{scale:1.22;rotate:-8deg}65%{scale:.95;rotate:4deg}}@keyframes grow{30%{scale:1 .5}65%{scale:1 1.14}}.in-use li:is(:hover,:focus-within) .mark-renskrivet__logo{animation:logo-fade 6.2s ease-in-out infinite}.in-use li:is(:hover,:focus-within) .mark-renskrivet__text{animation:text 6.2s ease-in-out infinite}.in-use li:is(:hover,:focus-within) .mark-renskrivet__line:nth-child(1){animation:write-1 6.2s ease-out infinite}.in-use li:is(:hover,:focus-within) .mark-renskrivet__line:nth-child(2){animation:write-2 6.2s ease-out infinite}.in-use li:is(:hover,:focus-within) .mark-renskrivet__line:nth-child(3){animation:write-3 6.2s ease-out infinite}.in-use li:is(:hover,:focus-within) .mark-renskrivet__line:nth-child(4){animation:write-4 6.2s ease-out infinite}@supports (d: path("M0 0")){.in-use li:is(:hover,:focus-within) .mark-renskrivet__logo{animation:logo-fade 6.2s ease-in-out infinite,voice 6.2s ease-in-out infinite}.in-use li:is(:hover,:focus-within) .mark-renskrivet__shape{animation:reshape 6.2s ease-in-out infinite}.in-use li:is(:hover,:focus-within) .mark-renskrivet__fold{animation:fold 6.2s ease-in-out infinite}}@keyframes reshape{0%,30%{d:path("M8 2L24 2Q31 2 31 9L31 20Q31 27 24 27L12 27L5 32L5 26.4Q1 24.5 1 20L1 9Q1 2 8 2Z")}44%,88%{d:path("M8 2L19 2Q23 6 27 10L27 27Q27 30 24 30L12 30L9 30L8 30Q5 30 5 27L5 5Q5 2 8 2Z")}to{d:path("M8 2L24 2Q31 2 31 9L31 20Q31 27 24 27L12 27L5 32L5 26.4Q1 24.5 1 20L1 9Q1 2 8 2Z")}}@keyframes fold{0%,42%{opacity:0}48%,86%{opacity:1}90%,to{opacity:0}}@keyframes voice{0%,5%{d:path("M8 11Q8 14.5 8 18M14 10Q19 10 24 10M14 17Q17.5 17 21 17");stroke-width:3.5}13%{d:path("M6 14.5Q9.3 7.5 12.7 14.5M12.7 14.5Q16 21.5 19.3 14.5M19.3 14.5Q22.7 7.5 26 14.5");stroke-width:2.6}21%{d:path("M6 14.5Q9.3 21.5 12.7 14.5M12.7 14.5Q16 7.5 19.3 14.5M19.3 14.5Q22.7 21.5 26 14.5");stroke-width:2.6}29%,88%{d:path("M6 14.5Q9.3 7.5 12.7 14.5M12.7 14.5Q16 21.5 19.3 14.5M19.3 14.5Q22.7 7.5 26 14.5");stroke-width:2.6}90%,to{d:path("M8 11Q8 14.5 8 18M14 10Q19 10 24 10M14 17Q17.5 17 21 17");stroke-width:3.5}}@keyframes logo-fade{0%,29%{opacity:1}35%,92%{opacity:0}to{opacity:1}}@keyframes text{0%,86%{opacity:1}90%,to{opacity:0}}@keyframes write-1{0%,46%{stroke-dashoffset:1}54%,to{stroke-dashoffset:0}}@keyframes write-2{0%,54%{stroke-dashoffset:1}63%,to{stroke-dashoffset:0}}@keyframes write-3{0%,63%{stroke-dashoffset:1}72%,to{stroke-dashoffset:0}}@keyframes write-4{0%,72%{stroke-dashoffset:1}79%,to{stroke-dashoffset:0}}.in-use li:is(:hover,:focus-within) .mark-scrumbia__card--back{rotate:-38deg}.in-use li:is(:hover,:focus-within) .mark-scrumbia__card--middle{rotate:-14deg}.in-use li:is(:hover,:focus-within) .mark-scrumbia__index{opacity:1}.in-use li:is(:hover,:focus-within) .mark-scrumbia__card--front{animation:deal 1.3s ease-in-out infinite}.in-use li:is(:hover,:focus-within) .in-use__points{animation:estimate 5.2s steps(1) infinite}.in-use li:is(:hover,:focus-within) .in-use__points:nth-of-type(2){animation-delay:-3.9s}.in-use li:is(:hover,:focus-within) .in-use__points:nth-of-type(3){animation-delay:-2.6s}.in-use li:is(:hover,:focus-within) .in-use__points:nth-of-type(4){animation-delay:-1.3s}@keyframes estimate{0%{opacity:1}25%,to{opacity:0}}@keyframes deal{0%,to{rotate:12deg;translate:0 0}50%{rotate:22deg;translate:3px -2px}}.in-use li:is(:hover,:focus-within) .mark-gr8__crown{rotate:-7deg;translate:0 -3px}.in-use li:is(:hover,:focus-within) .mark-gr8__jewel{animation:sparkle 1.6s ease-in-out infinite}.in-use li:is(:hover,:focus-within) .mark-gr8__jewel:nth-of-type(2){animation-delay:.53s}.in-use li:is(:hover,:focus-within) .mark-gr8__jewel:nth-of-type(3){animation-delay:1.06s}@keyframes sparkle{50%{scale:1.45;fill:#fff3b0}}}:root{--v-blue: #2f6bff;--v-orange: #ff7a1a;--v-green: #12b76a;--v-pink: #f0348b;--v-yellow: #ffc21a;--v-violet: #6d3bf5;--v-red: #f04438;--globe-ocean: #ffffff;--globe-ocean-deep: #c4d6ff;--globe-land: #2c3f9e;--globe-glow: #a9c2ff;--globe-arc: #ff7a1a;--globe-real: #f0348b}.hero:before{background:radial-gradient(40rem 28rem at 10% 6%,color-mix(in srgb,var(--v-violet) 34%,transparent),transparent 70%),radial-gradient(36rem 26rem at 90% 16%,color-mix(in srgb,var(--v-blue) 30%,transparent),transparent 70%),radial-gradient(32rem 22rem at 58% 100%,color-mix(in srgb,var(--v-pink) 22%,transparent),transparent 70%)}.scenes__tab[data-scene=logistics]{--scene: var(--v-blue)}.scenes__tab[data-scene=factory]{--scene: var(--v-orange)}.scenes__tab[data-scene=floor]{--scene: var(--v-green)}.scenes__tab[data-scene=site]{--scene: var(--v-violet)}.scenes__tab[data-scene=support]{--scene: var(--v-pink)}.scenes__bar{padding-top:.5rem}.scenes__tab svg{box-sizing:content-box;padding:.3rem;border-radius:.55rem;background:color-mix(in srgb,var(--scene) 13%,transparent);color:var(--scene);font-size:1.125rem;transition:background .16s ease,color .16s ease}.scenes__tab[aria-selected=true] svg{background:color-mix(in srgb,var(--scene) 32%,transparent)}.scenes__tab[aria-selected=true]:after{background:linear-gradient(to right,var(--scene) calc(var(--progress, 0) * 100%),var(--line) 0)}.scenes__wire li.is-live .frame{border-color:var(--globe-real)}.scene--logistics [data-send-hop]{border-color:var(--v-blue);background:var(--v-blue);color:#fff;box-shadow:0 10px 22px -10px var(--v-blue)}.scene--logistics [data-send-hop]:hover{border-color:var(--globe-real);background:var(--globe-real)}.station{border-top:3px solid var(--v-green)}.station__light{border:0;background:var(--v-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--v-green) 25%,transparent)}.station__reading{color:var(--ink);font:650 1rem/1.3 var(--font-display)}.station[data-state=warning]{border-color:var(--v-red);background:color-mix(in srgb,var(--v-orange) 22%,var(--surface));color:var(--ink)}.station[data-state=warning] .station__status{color:var(--v-red)}.station[data-state=warning] .station__light{background:var(--v-red)}.plant__belt{background:repeating-linear-gradient(90deg,#2b2848 0 1rem,#413d68 1rem 1.125rem)}.plant__belt span{border:0;background:var(--v-yellow);box-shadow:inset 0 -3px #0000002e}.plant__belt span:nth-child(2){background:var(--v-blue)}.plant__belt span:nth-child(3){background:var(--v-pink)}.plant__belt span:nth-child(4){background:var(--v-green)}.plant__belt span:nth-child(5){background:var(--v-orange)}.plan__floor{fill:color-mix(in srgb,var(--v-green) 6%,var(--paper))}.plan__belt{fill:#2b2848;stroke:#2b2848}.plan__rollers{stroke:#5a5590}.plan__crate{fill:var(--v-orange);stroke:#b84f00}.plan__machine rect{stroke:var(--ink)}.plan__light{fill:var(--v-green);stroke:none}.plan__machine[data-state=warning] rect{fill:color-mix(in srgb,var(--v-orange) 30%,var(--surface));stroke:var(--v-red)}.plan__machine[data-state=warning] text{fill:var(--ink)}.plan__machine[data-state=warning] .plan__light{fill:var(--v-red)}.plan__zone:nth-of-type(1)>rect:first-child{fill:color-mix(in srgb,var(--v-blue) 10%,transparent);stroke:var(--v-blue);opacity:1}.plan__zone:nth-of-type(1) text{fill:var(--v-blue)}.plan__zone:nth-of-type(1) .plan__rack{fill:color-mix(in srgb,var(--v-blue) 55%,var(--surface));stroke:var(--v-blue)}.plan__zone:nth-of-type(2)>rect:first-child{fill:color-mix(in srgb,var(--v-green) 12%,transparent);stroke:var(--v-green);opacity:1}.plan__zone:nth-of-type(2) text{fill:var(--v-green)}.plan__zone:nth-of-type(2) .plan__rack{fill:color-mix(in srgb,var(--v-green) 55%,var(--surface));stroke:var(--v-green)}.plan__body{fill:var(--v-yellow);stroke:#7a5a00}.plan__load{fill:var(--v-orange);stroke:#b84f00}.agent__dot{width:.8rem;height:.8rem;border:0;background:var(--v-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--v-green) 25%,transparent)}.agent[data-online=false] .agent__dot{border:1.5px dashed var(--ink-soft);box-shadow:none}.ticket{border-left:4px solid var(--v-yellow)}.ticket__state{background:var(--v-yellow);color:#3d2c00;font-weight:600}.ticket[data-state=assigned]{border-left-color:var(--v-blue)}.ticket[data-state=assigned] .ticket__state{background:var(--v-blue);color:#fff}.ticket[data-state=typing]{border-left-color:var(--v-violet)}.ticket[data-state=typing] .ticket__state{background:var(--v-violet);color:#fff}.ticket[data-state=resolved]{border-left-color:var(--v-green)}.ticket[data-state=resolved] .ticket__state{background:var(--v-green);color:#fff}.iso{display:block;width:100%;height:auto;max-height:16.5rem;--iso-ground: #c9ccd8;--iso-soil: #8a6240;--iso-soil-dark: #6f4d31;--iso-road: #5b5f76;--iso-marking: #f2f3f8;--iso-apron: #b4b8c8;--iso-wall: #f3ead2;--iso-wall-dark: #dccfab;--iso-roof: #323650;--iso-glass: #58a6ff;--iso-glass-dark: #3d82d6;--iso-solar: #2f6bff;--iso-inside: #1d2033;--iso-door: #9aa3bd;--iso-fence: #eceef5;--iso-fence-dark: #cfd3e0;--iso-hut: #f3ead2;--iso-hut-dark: #dccfab;--iso-silo: #eef0f6;--iso-silo-dark: #cdd1de;--iso-silo-top: #ffffff}.iso polygon,.iso path{stroke:#231f3a2e;stroke-width:.5;stroke-linejoin:round}.iso__boom{stroke:var(--v-red);stroke-width:3;stroke-linecap:round;stroke-dasharray:7 5}.iso .iso__scan{fill:color-mix(in srgb,var(--v-blue) 30%,transparent);stroke:var(--v-blue);stroke-width:1;stroke-dasharray:3 3;transition:fill .15s ease}.iso .iso__scan[data-seeing=true]{fill:color-mix(in srgb,var(--v-pink) 42%,transparent);stroke:var(--v-pink)}.iso__camera{fill:var(--v-blue);stroke:#fff;stroke-width:1.5}.iso__camera[data-seeing=true]{fill:var(--v-pink)}.iso__note{opacity:0;pointer-events:none;transition:opacity .18s ease}.iso__note[data-show=true]{opacity:1}.iso__note-line{stroke:var(--ink);stroke-width:1.5}.iso__note-dot{fill:var(--v-yellow);stroke:var(--ink);stroke-width:1.5}.iso__note-pill{fill:var(--ink)}.iso__note-text{fill:var(--paper);font:600 9.5px var(--font-body)}.iso__read{opacity:0;pointer-events:none;transition:opacity .18s ease}.iso__read[data-show=true]{opacity:1}.iso__read-line{stroke:var(--v-pink);stroke-width:1.5}.iso__read-card{fill:var(--surface);stroke:var(--v-pink);stroke-width:1.5;filter:drop-shadow(0 4px 6px rgb(35 31 58 / .25))}.iso__read-label{fill:var(--ink-soft);font:600 8.5px var(--font-body)}.iso__plate{fill:#fff;stroke:#231f3a;stroke-width:1.2}.iso__plate-band{fill:#1f4fd6}.iso__plate-text{fill:#231f3a;font:700 12px var(--font-mono);letter-spacing:.04em}.iso__smoke{fill:#fff;opacity:0}@media(prefers-reduced-motion:no-preference){.iso__smoke{animation:smoke 3.9s ease-out infinite}}@keyframes smoke{0%{opacity:0;transform:translate(0) scale(.5)}15%{opacity:.75}to{opacity:0;transform:translate(14px,-34px) scale(2.2)}}.iso__smoke{transform-box:fill-box;transform-origin:center}:root{color-scheme:light;--paper: #f6f5fc;--surface: #ffffff;--sunken: #eceaf7;--ink: #231f3a;--ink-soft: #564f78;--line: #d9d5ec;--accent: #5136c9;--rose: #ffc9d6;--peach: #ffd8bd;--butter: #ffeeae;--mint: #bcebd4;--sky: #bde0fb;--lilac: #d8cbfa;--on-pastel: #231f3a;--op-0: var(--butter);--op-1: var(--sky);--op-2: var(--mint);--op-4: var(--rose);--op-8: var(--lilac);--op-16: var(--peach);--code-foreground: #231f3a;--code-background: transparent;--code-token-keyword: #6a2fb8;--code-token-string: #0f6b52;--code-token-string-expression: #0f6b52;--code-token-constant: #a8421c;--code-token-function: #1d55b0;--code-token-parameter: #231f3a;--code-token-comment: #6b6590;--code-token-punctuation: #564f78;--code-token-link: #1d55b0;--font-display: "Bricolage Grotesque Variable", "Trebuchet MS", system-ui, sans-serif;--font-body: "Atkinson Hyperlegible Next Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono Variable", ui-monospace, "Cascadia Code", Consolas, monospace;--wrap: 72rem;--gutter: clamp(1.25rem, 4vw, 2.5rem);--shadow: 0 1px 0 rgb(35 31 58 / .04), 0 18px 40px -18px rgb(81 54 201 / .35);--radius-s: .5rem;--radius-m: .875rem;--radius-l: 1.75rem;--outline: 1.5px solid var(--ink)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper: #1b1830;--surface: #262240;--sunken: #15122a;--ink: #f1eefc;--ink-soft: #bcb5da;--line: #3d3766;--accent: #c6b8ff;--shadow: 0 20px 44px -18px rgb(0 0 0 / .7);--code-foreground: #f1eefc;--code-token-keyword: #d8cbfa;--code-token-string: #bcebd4;--code-token-string-expression: #bcebd4;--code-token-constant: #ffd8bd;--code-token-function: #bde0fb;--code-token-parameter: #f1eefc;--code-token-comment: #a59ecb;--code-token-punctuation: #bcb5da;--code-token-link: #bde0fb}}:root[data-theme=dark]{color-scheme:dark;--paper: #1b1830;--surface: #262240;--sunken: #15122a;--ink: #f1eefc;--ink-soft: #bcb5da;--line: #3d3766;--accent: #c6b8ff;--shadow: 0 20px 44px -18px rgb(0 0 0 / .7);--code-foreground: #f1eefc;--code-token-keyword: #d8cbfa;--code-token-string: #bcebd4;--code-token-string-expression: #bcebd4;--code-token-constant: #ffd8bd;--code-token-function: #bde0fb;--code-token-parameter: #f1eefc;--code-token-comment: #a59ecb;--code-token-punctuation: #bcb5da;--code-token-link: #bde0fb}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:5rem}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--font-body)}[hidden]{display:none!important}main{flex:1}main:focus{outline:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:650;line-height:1.08;letter-spacing:-.02em;margin:0;text-wrap:balance}h1{font-size:clamp(2.5rem,1.4rem + 4.6vw,4.75rem);line-height:.98;letter-spacing:-.035em}h2{font-size:clamp(1.75rem,1.3rem + 1.8vw,2.625rem)}h3{font-size:1.3125rem;letter-spacing:-.01em}p,ul,ol,dl,figure{margin:0}p{text-wrap:pretty}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{text-decoration-thickness:.16em}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}code,kbd,pre{font-family:var(--font-mono);font-size:.875em;font-variant-ligatures:none}:not(pre)>code{background:var(--sunken);border-radius:.3em;padding:.1em .35em;overflow-wrap:anywhere}svg.icon{flex:none;vertical-align:-.16em}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--gutter);top:.5rem;z-index:20;padding:.5rem .9rem;background:var(--ink);color:var(--paper);border-radius:var(--radius-s);transform:translateY(-200%)}.skip-link:focus{transform:none}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}.lede{font-size:clamp(1.125rem,1rem + .5vw,1.3125rem);line-height:1.5;color:var(--ink-soft);max-width:36em}.stack>*+*{margin-top:var(--stack, 1rem)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:2.75rem;padding:.55rem 1.15rem;border:var(--outline);border-radius:999px;background:var(--ink);color:var(--paper);font:600 1rem/1.2 var(--font-body);text-decoration:none;cursor:pointer}.button:hover{background:var(--accent);border-color:var(--accent)}.button:not(.button--quiet){box-shadow:0 10px 22px -12px var(--accent)}.button:active{transform:translateY(2px);box-shadow:none}.button--quiet{background:transparent;color:var(--ink)}.button--quiet:hover{background:var(--lilac);color:var(--on-pastel);border-color:var(--ink)}.button--small{min-height:2.5rem;padding:.4rem .95rem;font-size:.9375rem}.button[disabled]{opacity:.55;cursor:not-allowed}.icon-button{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border:0;border-radius:999px;background:transparent;color:var(--ink);font-size:1.375rem;cursor:pointer}.icon-button:hover{background:var(--sunken)}.theme-icon--light{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-icon--light{display:block}:root:not([data-theme=light]) .theme-icon--dark{display:none}}:root[data-theme=dark] .theme-icon--light{display:block}:root[data-theme=dark] .theme-icon--dark{display:none}input[type=text],textarea,select{width:100%;min-height:2.75rem;padding:.55rem .8rem;border:var(--outline);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);font:inherit}label{font-weight:600}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.site-header__inner{display:flex;align-items:center;gap:.5rem;min-height:4rem}.logo{display:inline-flex;align-items:center;gap:.5rem;margin-right:auto;color:var(--ink);text-decoration:none;font:700 1.3125rem/1 var(--font-display);letter-spacing:-.03em}.logo__mark{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:.6rem;background:var(--lilac);color:var(--on-pastel);font:700 .9375rem/1 var(--font-mono)}.site-nav ul{display:flex;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}.site-nav a{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:0 .75rem;border-radius:999px;color:var(--ink);font-weight:600;text-decoration:none}.site-nav a:hover{background:var(--sunken)}.site-nav a[aria-current=page]{background:var(--butter);color:var(--on-pastel)}@media(max-width:40rem){.site-header .button{display:none}.site-nav a{padding:0 .6rem}.site-nav__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.site-header .logo__word{display:none}}.site-footer{margin-top:clamp(4rem,9vw,7rem);padding-block:3rem;border-top:1px solid var(--line);background:var(--sunken)}.site-footer__inner{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.site-footer__brand{grid-column:span 1}.site-footer__brand p{margin-top:.75rem;color:var(--ink-soft);font-size:.9375rem;max-width:20em}.site-footer h2{font:700 .9375rem/1.3 var(--font-body);letter-spacing:0;margin-bottom:.5rem}.site-footer ul{list-style:none;padding:0}.site-footer li a{display:inline-block;padding-block:.3rem;color:var(--ink);font-size:.9375rem}.code{box-shadow:var(--shadow);border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);overflow:hidden}.code figcaption{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.3rem .4rem .3rem 1rem;border-bottom:1px solid var(--line);background:var(--sunken);color:var(--ink-soft);font:500 .8125rem/1.4 var(--font-mono)}.code__copy{flex:none;display:inline-flex;align-items:center;gap:.35rem;min-height:2rem;padding:0 .65rem;border:var(--outline);border-radius:999px;background:var(--surface);color:var(--ink);font:600 .8125rem/1 var(--font-body);cursor:pointer}.code__copy:hover{background:var(--lilac);color:var(--on-pastel)}.code__copy svg+svg,.code__copy[data-copied] svg:first-child{display:none}.code__copy[data-copied]{background:var(--mint);color:var(--on-pastel)}.code__copy[data-copied] svg+svg{display:inline}.code pre{margin:0;padding:1rem;overflow-x:auto;font-size:.875rem;line-height:1.65;tab-size:2}.code pre:focus-visible{outline-offset:-3px}.frame{position:relative;display:inline-flex;align-items:stretch;max-width:100%;border-radius:.45rem;background:var(--surface);border:1px solid var(--line);font:500 .8125rem/1.5 var(--font-mono);white-space:nowrap;overflow:hidden}.frame__op{padding:.15rem .5rem;background:var(--op, var(--line));color:var(--on-pastel);font-weight:700}.frame__rest{padding:.15rem .55rem;overflow:hidden;text-overflow:ellipsis}.frame__dir,.frame__count{display:inline-flex;align-items:center;padding-inline:.4rem;color:var(--ink-soft)}.frame__count{border-left:1px solid var(--line)}[data-op="0"]{--op: var(--op-0)}[data-op="1"]{--op: var(--op-1)}[data-op="2"]{--op: var(--op-2)}[data-op="4"]{--op: var(--op-4)}[data-op="8"]{--op: var(--op-8)}[data-op="16"]{--op: var(--op-16)}[data-color=rose]{--who: var(--rose)}[data-color=peach]{--who: var(--peach)}[data-color=butter]{--who: var(--butter)}[data-color=mint]{--who: var(--mint)}[data-color=sky]{--who: var(--sky)}[data-color=lilac]{--who: var(--lilac)}.status{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .7rem;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.875rem;font-weight:600}.status:before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--butter);border:1px solid var(--ink)}.status[data-state=online]:before{background:var(--mint)}.status[data-state=offline]:before{background:var(--rose)}.stage{position:relative;overflow:hidden;overflow:clip;border:var(--outline);border-radius:var(--radius-l);background:radial-gradient(circle at 1px 1px,var(--line) 1px,transparent 1.5px) 0 0 / 1.5rem 1.5rem,var(--surface);touch-action:none;cursor:crosshair;user-select:none}.stage__hint{position:absolute;inset:auto 1rem 1rem;color:var(--ink-soft);font-size:.9375rem;pointer-events:none}.stage__status{position:absolute;top:1rem;left:1rem;display:flex;flex-wrap:wrap;gap:.5rem;pointer-events:none}.pointer{position:absolute;top:0;left:0;display:flex;align-items:flex-start;color:var(--ink);pointer-events:none;transition:transform 90ms linear;will-change:transform}.pointer svg{width:1.5rem;height:1.5rem;fill:var(--who, var(--lilac));stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}.pointer__name{margin:1rem 0 0 -.2rem;padding:.1rem .55rem;border-radius:999px;border:1px solid var(--ink);background:var(--who, var(--lilac));color:var(--on-pastel);font-size:.8125rem;font-weight:600;white-space:nowrap}.pointer--flip .pointer__name{position:absolute;top:0;right:calc(100% - .3rem);margin-left:0}.pointer--me{transition:none}.hero{position:relative;isolation:isolate;padding-block:clamp(2.5rem,6vw,5rem) 1.5rem}.hero:before{content:"";position:absolute;inset:-4rem 0 0;z-index:-1;background:radial-gradient(38rem 26rem at 12% 8%,color-mix(in srgb,var(--lilac) 70%,transparent),transparent 70%),radial-gradient(34rem 24rem at 88% 20%,color-mix(in srgb,var(--sky) 65%,transparent),transparent 70%),radial-gradient(30rem 22rem at 60% 100%,color-mix(in srgb,var(--mint) 55%,transparent),transparent 70%);opacity:var(--wash, .75);pointer-events:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .hero:before{--wash: .16}}:root[data-theme=dark] .hero:before{--wash: .16}.hero h1{font-size:clamp(2.25rem,1.3rem + 3vw,3.5rem);line-height:1.02}.hero__grid{display:grid;gap:clamp(1.5rem,4vw,3rem);align-items:center}@media(min-width:64rem){.hero__grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}}.hero .lede{margin-top:1.25rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.section{padding-top:clamp(3.5rem,8vw,6.5rem)}.section__head{max-width:44rem;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.section__head p{margin-top:.75rem;color:var(--ink-soft);font-size:1.125rem}.uses{list-style:none;padding:0;border-top:1px solid var(--line)}.use{display:grid;gap:.75rem 2rem;padding-block:1.5rem;border-bottom:1px solid var(--line)}.use__icon{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:1rem;background:var(--tint, var(--lilac));color:var(--on-pastel);font-size:1.75rem}.use p{margin-top:.35rem;color:var(--ink-soft);max-width:34em}.use__wire{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;min-width:0}.use{position:relative;transition:background .16s ease}.use__title{color:inherit;text-decoration:none}.use__title:after{content:"";position:absolute;inset:0}.use:hover{background:color-mix(in srgb,var(--tint) 22%,transparent)}.use:hover .use__title,.use__title:focus-visible,.use:hover .use__link{text-decoration:underline;text-decoration-thickness:.1em;text-underline-offset:.18em}.use__title:focus-visible{outline:none}.use:focus-within{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius-s)}.use__link{color:var(--accent);font-weight:600;white-space:nowrap}@media(min-width:52rem){.use{grid-template-columns:3.25rem minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center}}.in-use{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:1rem;padding:0;list-style:none}.in-use li{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease}.in-use li:is(:hover,:focus-within){border-color:var(--ink);box-shadow:var(--shadow)}.in-use li.in-use__next{border-style:dashed;border-color:var(--ink-soft);background:none}.in-use__mark{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:1rem;background:var(--tint);color:var(--on-pastel);font:700 1.75rem/1 var(--font-display)}svg.in-use__mark{display:block;background:none;border-radius:0}.in-use__tile{fill:var(--surface);stroke:var(--line);stroke-width:1.5}.in-use__mark--empty{border:1.5px dashed var(--ink-soft);background:none;color:var(--ink-soft);font-size:1.25rem;transition:background .16s ease,color .16s ease,border-color .16s ease}.in-use__next:hover .in-use__mark--empty,.in-use__next:focus-within .in-use__mark--empty{border-style:solid;border-color:var(--ink);background:var(--lilac);color:var(--on-pastel)}.in-use__mark--empty svg{transition:transform .2s ease}.in-use__next:hover .in-use__mark--empty svg,.in-use__next:focus-within .in-use__mark--empty svg{transform:rotate(90deg)}.in-use a,.in-use__name{position:static;font:650 1.5rem/1.2 var(--font-display);letter-spacing:-.02em;color:var(--ink);text-decoration:none}.in-use__name{padding:0;border:0;background:none;cursor:pointer}.in-use li{position:relative}.in-use a:after,.in-use__name:after{content:"";position:absolute;inset:0;border-radius:var(--radius-l)}.in-use li:hover :is(a,.in-use__name),.in-use :is(a,.in-use__name):focus-visible{text-decoration:underline;text-decoration-thickness:.1em;text-underline-offset:.18em}.in-use :is(a,.in-use__name):focus-visible{outline:none}.in-use li:focus-within{outline:3px solid var(--accent);outline-offset:3px}.in-use p{margin-top:.4rem;color:var(--ink-soft);max-width:26em}.steps{display:grid;gap:1.5rem;padding:0;list-style:none;counter-reset:step}@media(min-width:60rem){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.steps>li{counter-increment:step;min-width:0}.steps h3:before{content:counter(step);display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;margin-right:.6rem;border-radius:50%;background:var(--butter);color:var(--on-pastel);font-size:1rem;vertical-align:.08em}.steps p{margin-block:.6rem 1rem;color:var(--ink-soft)}.demo-list{display:grid;gap:1.25rem;padding:0;list-style:none}@media(min-width:46rem){.demo-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-link{position:relative;display:flex;flex-direction:column;gap:.5rem;height:100%;padding:1.5rem;border-radius:var(--radius-l);background:var(--tint, var(--lilac));color:var(--on-pastel);box-shadow:var(--shadow);transition:transform .16s ease}.demo-link:hover{transform:translateY(-4px)}.demo-link h2,.demo-link h3{font-size:1.625rem}.demo-link a{color:inherit;text-decoration:none}.demo-link a:after{content:"";position:absolute;inset:0;border-radius:inherit}.demo-link:hover a,.demo-link a:focus-visible{text-decoration:underline}.demo-link:focus-within{outline:3px solid var(--accent);outline-offset:3px}.demo-link a:focus-visible{outline:none}.demo-link__icon{font-size:2.25rem}.demo-link__meta{margin-top:auto;padding-top:.75rem;font-size:.9375rem;font-weight:600}.tint-rose{--tint: var(--rose)}.tint-peach{--tint: var(--peach)}.tint-butter{--tint: var(--butter)}.tint-mint{--tint: var(--mint)}.tint-sky{--tint: var(--sky)}.tint-lilac{--tint: var(--lilac)}.callout{display:grid;gap:1.25rem;align-items:center;padding:clamp(1.5rem,4vw,2.5rem);border-radius:var(--radius-l);background:var(--mint);color:var(--on-pastel)}.callout p{margin-top:.5rem;max-width:36em}.callout .button{background:var(--on-pastel);border-color:var(--on-pastel);color:#fff}.callout .button--quiet{background:transparent;color:var(--on-pastel)}.callout .button--quiet:hover{background:#fff}@media(min-width:52rem){.callout{grid-template-columns:1fr auto}}.page-head{padding-block:clamp(2rem,5vw,3.5rem) clamp(1.5rem,3vw,2.25rem)}.page-head h1{font-size:clamp(2.125rem,1.5rem + 2.8vw,3.5rem);line-height:1.02}.page-head .lede{margin-top:1rem}.crumbs{margin-bottom:.75rem;font-size:.9375rem}.crumbs ol{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;list-style:none}.crumbs li+li:before{content:"/";margin-right:.4rem;color:var(--ink-soft)}.docs{display:grid;gap:2rem;padding-top:clamp(1.5rem,4vw,3rem)}@media(min-width:58rem){.docs{grid-template-columns:14rem minmax(0,1fr);gap:3.5rem}.docs__nav{position:sticky;top:5.5rem;align-self:start}}.docs__nav ul{display:flex;flex-wrap:wrap;gap:.25rem;padding:0;list-style:none}@media(min-width:58rem){.docs__nav ul{flex-direction:column}}.docs__nav a{display:flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .85rem;border-radius:var(--radius-s);color:var(--ink);font-weight:600;text-decoration:none}.docs__nav a:hover{background:var(--sunken)}.docs__nav a[aria-current=page]{background:var(--butter);color:var(--on-pastel)}.prose{min-width:0;max-width:46rem}.prose>*+*{margin-top:1.1rem}.prose h1{font-size:clamp(2.125rem,1.5rem + 2.8vw,3.25rem);line-height:1.02}.prose h2{margin-top:3rem;font-size:1.75rem}.prose h3{margin-top:2rem}.prose ul,.prose ol{padding-left:1.3rem}.prose li+li{margin-top:.4rem}.prose .code{margin-block:1.4rem}.prose .note{padding:1rem 1.15rem;border-radius:var(--radius-m);background:var(--sky);color:var(--on-pastel)}.prose .note a,.prose .note code{color:inherit}.prose .note code{background:#ffffff8c}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-m)}table{width:100%;border-collapse:collapse;font-size:.9375rem;background:var(--surface)}caption{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--ink-soft)}th,td{padding:.65rem 1rem;border-top:1px solid var(--line);text-align:left;vertical-align:top}thead th{border-top:0;background:var(--sunken);white-space:nowrap}.next{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);font-weight:600}.modal{width:min(32rem,calc(100vw - 2rem));padding:0;border:var(--outline);border-radius:var(--radius-l);background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.modal>*{margin-inline:clamp(1.25rem,5vw,2rem)}.modal>:first-child{margin-top:clamp(1.25rem,5vw,2rem)}.modal>:last-child{margin-bottom:clamp(1.25rem,5vw,2rem)}.modal::backdrop{background:#1b18308c;backdrop-filter:blur(3px)}.modal h2{font-size:1.625rem}.modal p{margin-top:.75rem;color:var(--ink-soft)}.modal__plan{padding:.6rem .8rem;border-radius:var(--radius-s);background:var(--mint);color:var(--on-pastel)!important}.modal .actions{margin-top:1.5rem}.link-button{padding:0;border:0;background:none;color:var(--accent);font:inherit;text-decoration:underline;text-underline-offset:.18em;cursor:pointer}.plans{box-shadow:var(--shadow)}.plans table{min-width:46rem;table-layout:fixed}.plans th,.plans td{padding:.85rem 1rem}.plans thead th{background:var(--surface);white-space:normal;vertical-align:top}.plans thead td{width:22%;border-top:0}.plans tbody th{font-weight:600}.plans__name,.plans__price,.plans__note{display:block}.plans__name{font:650 1.1875rem/1.2 var(--font-display)}.plans__price{margin-top:.6rem;font:650 2.125rem/1 var(--font-display);letter-spacing:-.03em}.plans__price small{font:400 .875rem/1 var(--font-body);letter-spacing:0;color:var(--ink-soft)}.plans__note{margin-top:.5rem;color:var(--ink-soft);font-size:.875rem;font-weight:400}.plans__badge{display:inline-block;margin-top:.3rem;padding:.1rem .5rem;border-radius:999px;background:var(--mint);color:var(--on-pastel);font:600 .75rem/1.4 var(--font-body);letter-spacing:0}.plans .plans__pick{background:color-mix(in srgb,var(--mint) 30%,var(--surface))}.plans__terms{margin-top:1rem;color:var(--ink-soft);font-size:.9375rem}.terms{display:grid;gap:1.75rem 3rem;margin:0}@media(min-width:52rem){.terms{grid-template-columns:repeat(2,minmax(0,1fr))}}.terms dt{font:650 1.1875rem/1.3 var(--font-display)}.terms dd{margin:.4rem 0 0;color:var(--ink-soft);max-width:34em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}