:root{--code-bg:#16171b;--code-fg:#c9ccd3;--code-dim:#5f6470;--code-kw:#9aa7c7;--code-str:#a8bfa0;--code-num:#c7b08a;--code-tech:#b9a6e8;--code-arrow:#ff7ab4;--hero-max:1360px}h1,h2,h3,p,ol,ul,figure,pre{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit}code,pre{font-family:var(--font-mono);font-variant-ligatures:none}h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:var(--lh-display);letter-spacing:var(--ls-display)}.skip{z-index:100;background:rgb(var(--c-yellow));color:rgb(var(--c-on-accent));border:var(--bw-2) solid rgb(var(--c-ink));padding:10px 14px;font-weight:700;position:absolute;top:-100px;left:16px}.skip:focus{top:12px}.snip{border:var(--bw-1) solid rgb(var(--c-ink));border-radius:var(--r-sm);background:rgb(var(--c-paper));color:rgb(var(--c-ink));tab-size:2;padding:14px 16px;font-size:.8125rem;line-height:1.6;overflow-x:auto}.snip .line{min-height:1.6em;display:block}.tok-keyword{color:#3d4fb8;font-weight:700}.tok-string{color:#2f7a55}.tok-number,.tok-status{color:#9a5b00}.tok-comment{color:#8a8577;font-style:italic}.tok-tech{color:#7a4fc4}.tok-team{color:rgb(var(--c-muted))}.tok-arrow{color:#d62f7c;font-weight:700}:root[data-theme=dark] .snip:not(.snip--dark) :is(.tok-keyword,.tok-string,.tok-number,.tok-status,.tok-tech,.tok-arrow){filter:brightness(1.7)saturate(.8)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .snip:not(.snip--dark) :is(.tok-keyword,.tok-string,.tok-number,.tok-status,.tok-tech,.tok-arrow){filter:brightness(1.7)saturate(.8)}}.snip--dark,.demo__poster-code{background:var(--code-bg);color:var(--code-fg);border-color:rgb(var(--c-ink))}:is(.snip--dark,.demo__poster-code) .tok-keyword{color:var(--code-kw)}:is(.snip--dark,.demo__poster-code) .tok-string{color:var(--code-str)}:is(.snip--dark,.demo__poster-code) :is(.tok-number,.tok-status){color:var(--code-num)}:is(.snip--dark,.demo__poster-code) .tok-comment,:is(.snip--dark,.demo__poster-code) .tok-team{color:var(--code-dim)}:is(.snip--dark,.demo__poster-code) .tok-tech{color:var(--code-tech)}:is(.snip--dark,.demo__poster-code) .tok-arrow{color:var(--code-arrow)}.hero{border-bottom:var(--bw-3) solid rgb(var(--c-ink));background:radial-gradient(rgb(var(--c-ink) / .13) 1.2px, transparent 1.6px) 0 0 / 22px 22px, rgb(var(--c-paper));position:relative;overflow:clip}.hero__wrap{max-width:var(--hero-max);gap:40px;margin:0 auto;padding:40px 16px 56px;display:grid}@media (width>=720px){.hero__wrap{padding:56px 32px 72px}}@media (width>=1080px){.hero__wrap{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);align-items:center;gap:48px;min-height:min(820px,100svh - 76px)}}.hero__kicker{color:rgb(var(--c-muted));flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;font-weight:600;font-stretch:110%;display:flex}.hero__title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.75rem,6.4vw,5.5rem)}@media (width>=1080px){.hero__title{font-size:clamp(3.5rem,5.4vw,5.6rem)}}.hero__keywords{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero__typed{white-space:nowrap;background:rgb(var(--c-yellow));color:rgb(var(--c-on-accent));border:var(--bw-3) solid rgb(var(--c-ink));border-radius:var(--r-sm);box-shadow:var(--sh-md);margin:0 -.04em;padding:0 .12em;display:inline-block;position:relative;transform:rotate(-1.5deg)}.hero__caret{vertical-align:-.04em;background:rgb(var(--c-pink));width:.09em;height:.82em;margin-left:.05em;animation:1.05s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.hero__sub{text-wrap:pretty;max-width:34ch;margin-top:28px;font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.45}.hero__ctas{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.hero__ctas .ps-btn--lg{padding:0 18px;font-size:1.0625rem}.hero__facts{color:rgb(var(--c-muted));font-size:var(--fs-14);flex-wrap:wrap;gap:8px 20px;margin-top:28px;font-weight:600;display:flex}.hero__facts li{align-items:center;gap:8px;display:inline-flex}.hero__facts li:before{content:"";background:rgb(var(--c-pass));border:var(--bw-1) solid rgb(var(--c-ink));width:10px;height:10px}.hero__demo{min-width:0;margin-top:18px;position:relative}.hero__demo:before{content:"Live · try it";z-index:3;background:rgb(var(--c-pink));color:rgb(var(--c-on-accent));border:var(--bw-2) solid rgb(var(--c-ink));border-radius:var(--r-pill);box-shadow:var(--sh-sm);font:800 var(--fs-14) / 1 var(--font-sans);letter-spacing:.02em;text-transform:uppercase;pointer-events:none;padding:6px 12px;font-stretch:112%;position:absolute;top:-30px;left:50%;transform:translate(-50%)rotate(-3deg)}.demo-host{container-type:inline-size}.demo{--demo-h:520px;background:rgb(var(--c-surface));border:var(--bw-3) solid rgb(var(--c-ink));border-radius:var(--r-md);box-shadow:var(--sh-lg);flex-direction:column;display:flex;overflow:hidden}.demo__bar{color:#c9ccd3;border-bottom:var(--bw-2) solid rgb(var(--c-ink));background:#0e0f12;align-items:center;gap:12px;min-height:44px;padding:0 12px;display:flex}.demo__dots{gap:6px;display:inline-flex}.demo__dots i{border:var(--bw-1) solid #000;background:rgb(var(--c-fail));border-radius:50%;width:12px;height:12px}.demo__dots i:nth-child(2){background:rgb(var(--c-yellow))}.demo__dots i:nth-child(3){background:rgb(var(--c-pass))}.demo__file{font:500 var(--fs-12) / 1 var(--font-mono);color:#8a8f9c;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo__chapters{gap:6px;margin-left:auto;display:flex}.demo__chapters li{border:var(--bw-1) solid #3a3d46;border-radius:var(--r-pill);color:#8a8f9c;font:700 var(--fs-12) / 1 var(--font-sans);white-space:nowrap;transition:background-color var(--d-2) var(--e-out), color var(--d-2) var(--e-out), transform var(--d-spring) var(--e-spring);align-items:center;gap:6px;padding:4px 9px 4px 4px;font-stretch:110%;display:inline-flex}.demo__chapters b{color:#c9ccd3;background:#2a2e38;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.demo__chapters li[data-done]{color:#c9ccd3}.demo__chapters li[data-done] b{background:rgb(var(--c-pass));color:#111}.demo__chapters li[data-on]{background:rgb(var(--c-yellow));border-color:rgb(var(--c-yellow));color:#111;transform:scale(1.06)}.demo__chapters li[data-on] b{color:rgb(var(--c-yellow));background:#111}@container (width<=440px){.demo__chapters li{gap:0;padding-right:4px;font-size:0}}.demo__body{grid-template-rows:230px 390px;min-height:0;display:grid}@container (width>=700px){.demo__body{grid-template-columns:minmax(0,430px) minmax(0,1fr);grid-template-rows:var(--demo-h)}}.demo__code{background:var(--code-bg);min-width:0;min-height:0;position:relative;overflow:hidden}.demo__code .proschi-editor{height:100%}.demo__poster-code{border:0;height:100%;padding:12px 12px 12px 34px;font-size:12px;line-height:1.65;overflow:hidden}.demo__poster-code .line{white-space:pre;min-height:1.65em;display:block}.demo__canvas{background:rgb(var(--c-surface));border-top:var(--bw-2) solid rgb(var(--c-ink));grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;position:relative}.demo__flow{min-height:0;position:relative}@container (width>=700px){.demo__canvas{border-top:0;border-left:var(--bw-2) solid rgb(var(--c-ink))}}.demo__canvas .react-flow__node{font-family:var(--font-sans)}.demo__empty{color:rgb(var(--c-muted));font-size:var(--fs-14);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.demo__caption{border-top:var(--bw-1) dashed #d1d5db;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;min-height:92px;padding:10px 12px 12px;display:flex;overflow:hidden}.demo__say{background:rgb(var(--c-yellow));color:#111;border:var(--bw-2) solid #111;border-radius:var(--r-sm);max-width:100%;font:700 var(--fs-14) / 1.3 var(--font-sans);animation:pop var(--d-spring) var(--e-spring) both;padding:7px 12px;transform:rotate(-1deg);box-shadow:3px 3px #111}.demo__step{color:#111;border:var(--bw-2) solid #111;border-radius:var(--r-pill);max-width:100%;font:600 var(--fs-12) / 1.2 var(--font-sans);animation:pop var(--d-3) var(--e-spring) both;background:#fff;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:6px 10px 6px 6px;display:flex}.demo__step b{background:rgb(var(--c-pink));border:var(--bw-1) solid #111;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.demo__step code{color:#333;font-size:11.5px}.demo__step em{border-radius:var(--r-pill);background:rgb(var(--c-pass));border:var(--bw-1) solid #111;padding:2px 7px;font-style:normal;font-weight:800}.demo__step[data-error]{background:#ffe9e7}.demo__step[data-error] b,.demo__step[data-error] em{background:rgb(var(--c-fail))}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.92)rotate(-3deg)}}.demo__controls{border-top:var(--bw-2) solid rgb(var(--c-ink));background:rgb(var(--c-surface));flex-wrap:wrap;align-items:center;gap:10px 16px;min-height:62px;padding:10px 12px;display:flex;position:relative}.demo__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo[data-mode=poster] .demo__status{clip-path:none;width:auto;height:auto;color:rgb(var(--c-muted));font-size:var(--fs-14);position:static}.demo__buttons,.demo__play{flex-wrap:wrap;gap:8px;display:flex}.demo__scenario[data-outcome=success]{--btn-bg:var(--c-pass);--btn-fg:var(--c-on-accent)}.demo__scenario[data-outcome=error]{--btn-bg:var(--c-fail);--btn-fg:var(--c-on-accent)}.demo__scenario[aria-pressed=true]{box-shadow:0 0 0 rgb(var(--c-shadow));transform:translate(3px,3px)}.poster{background:radial-gradient(#d4d4d8 1px,#0000 1.4px) 0 0/16px 16px;position:absolute;inset:0 0 92px}.poster__node,.poster__group{font:700 var(--fs-12) / 1 var(--font-sans);color:#6b7280;place-items:center;display:grid;position:absolute}.poster__node{background:#fff;border:2px solid #d1d5db;border-radius:8px;width:26%;height:54px;box-shadow:0 6px 14px #00000014}.poster__group{border:2px dashed #c7cbd3;border-radius:10px;place-items:start center;width:32%;height:60%;padding-top:8px;top:32%;left:34%}.poster__node--web{top:8%;left:37%}.poster__node--api{top:44%;left:37%}.poster__node--db{top:72%;left:37%}.poster__node--events{top:92%;left:70%}@media (prefers-reduced-motion:no-preference){.poster__node{animation:1.6s ease-in-out infinite alternate breathe}}@keyframes breathe{to{opacity:.55}}.paths{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:16px;margin-top:32px;display:grid}.paths>li{display:flex}.path{flex-direction:column;gap:6px;width:100%;display:flex}.path__kicker{font-size:var(--fs-14);text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--c-muted));font-weight:700;font-stretch:110%}.path__title{font:800 var(--fs-20) / 1.15 var(--font-display);letter-spacing:-.01em}.path__desc{color:rgb(var(--c-ink) / .8);font-size:var(--fs-14);flex:1;line-height:1.4}.path__go{transition:transform var(--d-spring) var(--e-spring);margin-top:6px;font-weight:800;font-stretch:110%}.path:hover .path__go{transform:translate(6px)}.hero__more{color:rgb(var(--c-muted));font-size:var(--fs-14);margin-top:18px;font-weight:600}.hero__more a{color:rgb(var(--c-ink));text-underline-offset:3px}.prep{border-bottom:var(--bw-3) solid rgb(var(--c-ink));background:rgb(var(--c-blue) / .1);padding:72px 0;scroll-margin-top:72px;position:relative}@media (width>=720px){.prep{padding:104px 0}}.prep__wrap{grid-template-columns:minmax(0,1fr);align-items:start;gap:48px;display:grid}@media (width>=980px){.prep__wrap{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}}.prep__title{font-size:var(--fs-h2);letter-spacing:-.03em;margin-top:16px}.prep__lede{max-width:40rem;color:rgb(var(--c-ink) / .85);text-wrap:pretty;margin-top:16px;font-size:clamp(1.125rem,1.6vw,1.3rem);line-height:1.45}.prep__parts{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:20px;margin-top:32px;display:grid}.prep__parts .prep__part{align-content:start;gap:6px;display:grid}.prep__part b{font:800 var(--fs-20) / 1.15 var(--font-display)}.prep__part span{color:rgb(var(--c-ink) / .8);font-size:var(--fs-14)}.prep__ctas{flex-wrap:wrap;gap:16px;margin-top:36px;display:flex}.prep__note{color:rgb(var(--c-muted));font-size:var(--fs-14);margin-top:14px;font-weight:600}.prep__map{background:rgb(var(--c-surface));border:var(--bw-2) solid rgb(var(--c-ink));border-radius:var(--r-md);box-shadow:var(--sh-lg);padding:20px}.prep__map-title{font:800 var(--fs-14) / 1.2 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--c-muted));margin-bottom:12px}.prep__stages{gap:4px;display:grid;position:relative}.prep__stages:before{content:"";border-left:var(--bw-2) dashed rgb(var(--c-ink) / .6);position:absolute;top:18px;bottom:18px;left:17px}.prep__stage{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;display:grid;position:relative}.prep__stage-no{background:rgb(var(--c-paper));border:var(--bw-2) solid rgb(var(--c-ink));width:36px;height:36px;font:800 var(--fs-16) / 1 var(--font-display);border-radius:50%;place-items:center;display:grid}.prep__stage:first-child .prep__stage-no{background:rgb(var(--c-yellow));color:rgb(var(--c-on-accent))}.prep__stage:last-child .prep__stage-no{background:rgb(var(--c-pink));color:rgb(var(--c-on-accent))}.prep__stage-title{font-weight:700;line-height:1.25}.prep__stage-count{color:rgb(var(--c-muted));font:600 var(--fs-12) / 1.2 var(--font-mono);white-space:nowrap}.story{border-bottom:var(--bw-3) solid rgb(var(--c-ink));padding:88px 0;position:relative}@media (width>=720px){.story{padding:120px 0}}.story__head{max-width:640px}.story__no{font:800 clamp(3rem, 7vw, 5rem) / 1 var(--font-display);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:2px rgb(var(--c-ink));margin-bottom:4px}.story h2{font-size:var(--fs-h2)}.story__lede{color:rgb(var(--c-ink) / .82);text-wrap:pretty;margin-top:16px;font-size:clamp(1.125rem,1.6vw,1.3rem);line-height:1.45}.story__lede code{border:var(--bw-1) solid currentColor;border-radius:var(--r-sm);padding:1px 6px;font-size:.85em}.story__head .ps-btn{margin-top:28px}.story__head .ps-btn[hidden]{display:none}.story__more{margin-top:40px}.story__split{gap:48px;display:grid}@media (width>=980px){.story__split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:64px}.story__split--flip>:first-child{order:2}.story__split--flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.proof{gap:32px;margin-top:48px;display:grid}@media (width>=980px){.proof{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.proof__title{font-size:var(--fs-20);margin-bottom:16px}.proof .ps-btn{margin-top:20px}.proof .ps-btn[hidden]{display:none}.proof__break{background:rgb(var(--c-slab));color:rgb(var(--c-on-slab));border-radius:var(--r-md);--c-ink:var(--c-on-slab);padding:24px}.break{gap:28px;display:grid}.break .crash{order:-1}.break .snip--dark{border:var(--bw-2) solid rgb(var(--c-on-slab) / .4)}.crash{background:rgb(var(--c-on-slab));border:var(--bw-3) solid rgb(var(--c-on-slab));border-radius:var(--r-md);box-shadow:8px 8px 0 rgb(var(--c-fail));--crash-ink:17 17 17;padding:18px}.crash svg{width:100%;height:auto;display:block;overflow:visible}.crash text{fill:rgb(var(--crash-ink));font:800 15px var(--font-sans)}.crash .crash__tech{font:600 11px var(--font-mono);fill:#5b5b5b}.crash__node rect,.crash__node path{fill:#fff;stroke:rgb(var(--crash-ink));stroke-width:3px}.crash__node--db path{fill:#ffe9e7;stroke:rgb(var(--c-fail))}.crash__node--db .crash__lid{fill:none}.crash__edge{fill:none;stroke:rgb(var(--c-fail));stroke-width:3px;stroke-dasharray:7 6}.crash__packet{opacity:0;transform:translate(196px,75px)scale(1.8)}.crash__packet rect{fill:rgb(var(--c-pink));stroke:rgb(var(--crash-ink));stroke-width:2.5px}.crash__x path{fill:none;stroke:rgb(var(--c-fail));stroke-width:6px;stroke-linecap:round}.crash__x,.crash__reply{transform-box:fill-box;transform-origin:50%}.crash__reply rect{fill:rgb(var(--c-fail));stroke:rgb(var(--crash-ink));stroke-width:2.5px}.crash__reply text{font:800 15px var(--font-mono)}@media (prefers-reduced-motion:no-preference){.crash.is-armed .crash__edge{stroke:rgb(var(--crash-ink));stroke-dasharray:none}.crash.is-armed .crash__node--db path{fill:#fff;stroke:rgb(var(--crash-ink))}.crash.is-armed :is(.crash__x,.crash__reply){opacity:0}.crash.is-armed .crash__packet{opacity:1;transform:translate(128px,75px)}.crash.is-playing .crash__packet{animation:crash-packet 2.8s var(--e-out) both}.crash.is-playing .crash__edge{animation:2.8s linear both crash-edge}.crash.is-playing .crash__node--db path{animation:2.8s linear both crash-db}.crash.is-playing .crash__x{animation:crash-x 2.8s var(--e-out) both}.crash.is-playing .crash__reply{animation:crash-reply 2.8s var(--e-out) both}.crash.is-playing{animation:2.8s linear both crash-shake}}@keyframes crash-packet{0%,8%{opacity:1;transform:translate(128px,75px)}34%{opacity:1;transform:translate(196px,75px)scale(1)}44%,to{opacity:0;transform:translate(196px,75px)scale(2.4)rotate(45deg)}}@keyframes crash-edge{0%,34%{stroke:#111;stroke-dasharray:7 0}36%,to{stroke:rgb(var(--c-fail));stroke-dasharray:7 6}}@keyframes crash-db{0%,34%{fill:#fff;stroke:#111}40%{fill:rgb(var(--c-fail))}to{fill:#ffe9e7;stroke:rgb(var(--c-fail))}}@keyframes crash-x{0%,36%{opacity:0;transform:scale(0)rotate(-90deg)}46%{opacity:1;transform:scale(1.5)rotate(10deg)}54%,to{opacity:1;transform:none}}@keyframes crash-reply{0%,62%{opacity:0;transform:translateY(20px)scale(.4)}74%{opacity:1;transform:translateY(-4px)scale(1.15)}82%,to{opacity:1;transform:none}}@keyframes crash-shake{0%,35%,50%,to{translate:0}38%{translate:-6px 2px}41%{translate:5px -2px}44%{translate:-3px 1px}47%{translate:2px}}.checks{gap:20px;display:grid}@media (width>=640px){.checks{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.checks .snip{margin-top:48px;margin-right:-48px;rotate:-2deg}.checks .results{z-index:1;position:relative}}@media (width>=980px){.checks{grid-template-columns:minmax(0,1fr)}.checks .snip{margin:0;rotate:none}.checks .results{order:-1}}.results{background:rgb(var(--c-surface));border:var(--bw-3) solid rgb(var(--c-ink));border-radius:var(--r-md);box-shadow:var(--sh-md);overflow:hidden}.results__head{border-bottom:var(--bw-2) solid rgb(var(--c-ink));justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-weight:800;display:flex}.results__head small{color:rgb(var(--c-muted));font-size:var(--fs-12);font-weight:600;display:block}.results__list li{border-bottom:var(--bw-1) solid rgb(var(--c-ink) / .12);font-size:var(--fs-14);grid-template-columns:26px minmax(0,1fr);column-gap:12px;padding:11px 14px;display:grid}.results__list li:last-child{border-bottom:0}.results__list li:before{content:"✓";background:rgb(var(--c-pass));color:#111;border:var(--bw-1) solid rgb(var(--c-ink));border-radius:var(--r-sm);grid-row:span 2;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.results__list b{font-weight:700}.results__list span{color:rgb(var(--c-muted));font-size:var(--fs-12)}@media (prefers-reduced-motion:no-preference){.checks.is-armed li{opacity:.45}.checks.is-armed li:before{content:"·";background:rgb(var(--c-ink) / .1)}.checks.is-armed .results__total{opacity:0}.checks.is-running li{animation:check-row .36s var(--e-spring) both;animation-delay:calc(var(--i,0) * .26s + .2s)}.checks.is-running li:before{animation:check-dot .36s var(--e-spring) both;animation-delay:calc(var(--i,0) * .26s + .2s)}.checks.is-running .results__total{animation:check-total var(--d-spring) var(--e-spring) both;animation-delay:1.5s}}@keyframes check-row{0%{opacity:.45}to{opacity:1}}@keyframes check-dot{0%{content:"·";background:rgb(var(--c-ink) / .1);transform:scale(.6)}40%{content:"✓";background:rgb(var(--c-pass));transform:scale(1.3)rotate(-10deg)}to{content:"✓";background:rgb(var(--c-pass));transform:none}}@keyframes check-total{0%{opacity:0;transform:scale(.4)rotate(-12deg)}to{opacity:1;transform:rotate(-3deg)scale(1.1)}}.story--practice{background:rgb(var(--c-lilac) / .18)}.tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:24px;margin-top:48px;display:grid}.tiles>li{display:flex}.tile{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 12px;width:100%;display:grid}.tile__name{font:800 var(--fs-20) / 1.15 var(--font-display);letter-spacing:-.01em}.tile .ps-badge{justify-self:end}.tile__desc{color:rgb(var(--c-ink) / .78);font-size:var(--fs-14);grid-column:1/-1}.tile__go{transition:transform var(--d-spring) var(--e-spring);grid-column:1/-1;font-weight:800;font-stretch:110%}.tile:hover .tile__go{transform:translate(6px)}.story--arcade{background:rgb(var(--c-yellow) / .12);padding:48px 0}.arcade{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.arcade__text{flex:320px}.arcade__text h2{font-size:var(--fs-h3)}.arcade__text p{color:rgb(var(--c-ink) / .82);margin-top:4px}.closer{background:rgb(var(--c-pink));color:#111;text-align:center;padding:104px 0 120px;position:relative;overflow:clip}.closer:before{content:"";pointer-events:none;background:radial-gradient(#11111129 1.4px,#0000 1.8px) 0 0/22px 22px;position:absolute;inset:0}.closer__inner{flex-direction:column;align-items:center;display:flex;position:relative}.closer__title{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.5rem,7vw,5.5rem)}.closer__title span{display:inline-block}.closer__title span:nth-child(2){border:var(--bw-3) solid #111;border-radius:var(--r-sm);background:#fff;padding:0 .15em;transform:rotate(-2deg)}.closer__sub{margin-top:20px;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700}.closer__cta{--c-shadow:17 17 17;--c-ink:17 17 17;min-height:72px;font-size:var(--fs-20);margin-top:40px;padding:0 40px}.closer__examples-title{margin-top:40px;font-weight:700}.closer__examples{--c-shadow:17 17 17;--c-ink:17 17 17;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}