@font-face{font-family:Schibsted Grotesk;src:url(/fonts/schibsted-grotesk-var.woff2) format("woff2");font-weight:300 800;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-500.woff2) format("woff2");font-weight:500;font-display:swap}:root{--paper:oklch(1 0 0);--page:oklch(0.962 0.005 85);--sunk:oklch(0.936 0.006 85);--ink:oklch(0.19 0.006 260);--ink2:oklch(0.43 0.008 260);--ink3:oklch(0.545 0.008 260);--ink4:oklch(0.75 0.006 260);--rule:oklch(0.92 0.003 250);--rule2:oklch(0.86 0.004 250);--acc:oklch(0.5 0.21 262);--acc-h:oklch(0.43 0.21 262);--acc-t:oklch(0.955 0.02 262);--acc-r:oklch(0.87 0.06 262);--on-acc:oklch(1 0 0);--pass:oklch(0.5 0.13 155);--pass-t:oklch(0.96 0.03 155);--warn:oklch(0.52 0.13 62);--warn-t:oklch(0.968 0.035 70);--fail:oklch(0.545 0.17 25);--fail-t:oklch(0.962 0.03 25);--bronze:oklch(0.545 0.1 55);--silver:oklch(0.535 0.008 260);--gold:oklch(0.56 0.1 80);--semantic:oklch(0.51 0.14 250);--night:oklch(0.19 0.012 262);--night2:oklch(0.26 0.014 262);--radius:0;--wrap:1120px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:Schibsted Grotesk,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--acc);text-decoration:none}a:hover{color:var(--acc-h)}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.15}p{margin:0}.mono,code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.wrap{max-width:var(--wrap)}.wrap,.wrap-tight{margin:0 auto;padding:0 28px}.wrap-tight{max-width:780px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}.eyebrow.acc{color:var(--acc)}.lede{font-size:19px;line-height:1.6;color:var(--ink2)}.muted{color:var(--ink3)}.small{font-size:13px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--page) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}.topbar-in{display:flex;align-items:center;gap:26px;height:60px}.brand{display:flex;align-items:baseline;gap:10px;font-weight:700;letter-spacing:.06em;font-size:17px}.brand,.brand:hover{color:var(--ink)}.brand .brand-sub{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}.topnav{display:flex;gap:22px;margin-left:auto;align-items:center}.topnav a{font-size:14px;color:var(--ink2)}.topnav a:hover{color:var(--ink)}.topnav a.here{color:var(--acc)}.topnav a.btn,.topnav a.btn:hover{color:var(--on-acc)}.footer{border-top:1px solid var(--rule);margin-top:96px;padding:40px 0 64px;color:var(--ink3);font-size:13px}.footer-in{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;justify-content:space-between}.footer a{color:var(--ink2)}.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:var(--radius);border:1px solid var(--acc);background:var(--acc);font-size:14px;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease}.btn,.btn:hover{color:var(--on-acc)}.btn:hover{background:var(--acc-h);border-color:var(--acc-h)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--rule2)}.btn.ghost:hover{background:var(--sunk);color:var(--ink);border-color:var(--ink4)}.btn.small{padding:0 12px}.section{padding:84px 0}.section.sunk{background:var(--sunk);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.section-head{max-width:720px;margin-bottom:34px}.section-head h2{font-size:32px;margin:10px 0 12px}.card{position:relative;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);padding:20px 22px}.card h3{font-size:16px;margin-bottom:6px}.card p{font-size:14px;color:var(--ink2)}.grid{display:grid;grid-gap:16px;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.g2,.g3,.g4{grid-template-columns:1fr}}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:0;font-size:11px;font-weight:600;letter-spacing:.04em;border:1px solid var(--rule2);color:var(--ink2);background:var(--paper);text-transform:uppercase}.pill.pass{color:var(--pass);background:var(--pass-t);border-color:color-mix(in oklab,var(--pass) 30%,transparent)}.pill.warn{color:var(--warn);background:var(--warn-t);border-color:color-mix(in oklab,var(--warn) 30%,transparent)}.pill.fail{color:var(--fail);background:var(--fail-t);border-color:color-mix(in oklab,var(--fail) 30%,transparent)}.pill.acc{color:var(--acc);background:var(--acc-t);border-color:var(--acc-r)}.dot{width:8px;height:8px;border-radius:50%;background:var(--rule2);display:inline-block}.dot.pass{background:var(--pass)}.dot.warn{background:var(--warn)}.dot.fail{background:var(--fail)}.dot.acc{background:var(--acc)}.codepanel{background:var(--night);color:oklch(.93 .006 262);border-radius:var(--radius);overflow:hidden;border:1px solid var(--night2)}.codepanel .cp-head{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--night2);font-size:12px;color:oklch(.75 .01 262)}.codepanel pre{margin:0;padding:16px 18px;overflow:auto;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;line-height:1.65}.codepanel .c-key{color:oklch(.78 .13 262)}.codepanel .c-str{color:oklch(.8 .12 155)}.codepanel .c-com{color:oklch(.62 .01 262)}.codepanel .c-num{color:oklch(.82 .11 80)}.demo{border:1px solid var(--rule2);overflow:hidden;background:var(--paper)}.demo-bar{display:flex;align-items:center;gap:10px;height:38px;padding:0 14px;background:var(--sunk);border-bottom:1px solid var(--rule);font-size:12px;color:var(--ink3)}.demo-bar .lights{display:flex;gap:6px}.demo-bar .lights i{width:9px;height:9px;border-radius:50%;background:var(--rule2);display:block}.demo-body{display:grid;grid-template-columns:176px 1fr;min-height:420px}.demo-body.no-rail{grid-template-columns:1fr}@media (max-width:760px){.demo-body{grid-template-columns:1fr}.demo-rail{display:none!important}}.demo-rail{border-right:1px solid var(--rule);background:var(--paper);padding:14px 10px;display:flex;flex-direction:column;gap:2px}.demo-rail .rail-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:0;font-size:13px;color:var(--ink2)}.demo-rail .rail-item.on{background:var(--acc-t);color:var(--acc);font-weight:600}.demo-rail .rail-group{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink4);padding:12px 10px 4px}.demo-main{padding:20px 24px}.demo-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid var(--rule);background:var(--sunk)}.step-btn{border:1px solid var(--rule2);background:var(--paper);color:var(--ink2);border-radius:0;height:28px;padding:0 11px;font-size:12.5px;cursor:pointer;font-family:inherit}.step-btn:hover{background:var(--paper);border-color:var(--ink4);color:var(--ink)}.step-btn.on{background:var(--acc);border-color:var(--acc);color:var(--on-acc);font-weight:600}.step-btn:disabled{opacity:.45;cursor:not-allowed}.journey{gap:0;flex-wrap:wrap}.journey,.jstage{display:flex;align-items:center}.jstage{gap:8px}.jstage .jlabel{font-size:12px;color:var(--ink3);white-space:nowrap}.jstage.done .jlabel{color:var(--ink2)}.jstage.now .jlabel{color:var(--acc);font-weight:600}.jline{width:26px;height:1px;background:var(--rule2);margin:0 10px}@media (max-width:620px){.jline{width:12px;margin:0 6px}.jstage .jlabel{font-size:11px}}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--rule2)}.tbl td{padding:9px 10px;border-bottom:1px solid var(--rule);color:var(--ink2);vertical-align:middle}.tbl tr.breach td{background:var(--fail-t)}.tbl tr.pick{cursor:pointer}.tbl tr.pick:hover td{background:var(--sunk)}.tbl tr.on td{background:var(--acc-t)}.kv{display:grid;grid-template-columns:168px 1fr;grid-gap:6px 16px;gap:6px 16px;font-size:13px}.kv dt{color:var(--ink3)}.kv dd{margin:0;color:var(--ink)}.stack{display:flex;flex-direction:column;gap:12px}.row{gap:10px}.row,.spread{display:flex;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between;gap:16px}.note{border-top:1px solid var(--rule);padding:12px 0 0;color:var(--ink2);font-size:14px}.hr{height:1px;background:var(--rule);border:0;margin:22px 0}.shot{border:1px solid var(--rule2);overflow:hidden;background:var(--sunk)}.shot img{display:block;width:100%;height:auto}.shot figcaption{padding:10px 14px;font-size:13px;color:var(--ink2);border-top:1px solid var(--rule);background:var(--paper)}.shot-missing{padding:48px 18px;text-align:center;color:var(--ink4);font-size:13px}:root{--paper2:oklch(0.988 0.002 85);--r-md:0;--r-lg:0;--r-xl:0;--sh-1:0 1px 2px rgba(18,22,44,.05);--sh-2:0 1px 2px rgba(18,22,44,.04),0 10px 24px -16px rgba(18,22,44,.30);--sh-3:0 2px 4px rgba(18,22,44,.05),0 24px 60px -28px rgba(18,22,44,.42);--wrap-w:1160px}.wrap{max-width:var(--wrap-w)}.display{font-size:clamp(36px,4.6vw,57px);line-height:1.02;letter-spacing:-.038em}.display,.display-sm{font-weight:700;margin:0;text-wrap:balance}.display-sm{font-size:clamp(28px,3.2vw,41px);line-height:1.06;letter-spacing:-.032em}.display .dim{color:var(--ink4)}.lede-lg{font-size:clamp(17px,1.5vw,20px);line-height:1.62;color:var(--ink2);text-wrap:pretty}.section-lg{padding:94px 0}@media (max-width:760px){.section-lg{padding:72px 0}}.section-head.center{margin-left:auto;margin-right:auto;text-align:center;max-width:760px}.section-head.center .row{justify-content:center}.section-head.center+.target-note,.target-note.center{margin-left:auto;margin-right:auto}.head-tag{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 13px 0 10px;border-radius:0;background:var(--paper);border:1px solid var(--rule2);font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2);box-shadow:none}.head-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tag,var(--acc))}.hero{position:relative;overflow:hidden;padding:96px 0 92px;border-bottom:1px solid var(--rule)}.hero:before{inset:-40% 0 auto;height:620px;background:radial-gradient(56% 60% at 50% 0,color-mix(in oklab,var(--acc) 13%,transparent),transparent 70%),radial-gradient(40% 50% at 82% 12%,color-mix(in oklab,var(--semantic) 9%,transparent),transparent 72%)}.hero:after,.hero:before{content:"";position:absolute;pointer-events:none}.hero:after{inset:0;background-image:linear-gradient(to right,color-mix(in oklab,var(--rule2) 55%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--rule2) 55%,transparent) 1px,transparent 1px);background-size:68px 68px;-webkit-mask-image:radial-gradient(72% 68% at 50% 22%,#000 0,transparent 74%);mask-image:radial-gradient(72% 68% at 50% 22%,#000 0,transparent 74%);opacity:.5}.hero>*{position:relative;z-index:1}@media (max-width:760px){.hero{padding:64px 0 60px}}.metrics{display:grid;grid-gap:1px;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden;grid-template-columns:repeat(4,minmax(0,1fr));box-shadow:none}@media (max-width:760px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.metric{background:var(--paper);padding:20px 22px}.metric .n{font-size:30px;font-weight:700;letter-spacing:-.035em;line-height:1}.metric .n .u{font-size:15px;font-weight:600;color:var(--ink3);margin-left:3px;letter-spacing:0}.metric .l{font-size:12.5px;color:var(--ink3);margin-top:8px;line-height:1.4}.feature{position:relative;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-lg);padding:22px;box-shadow:none;transition:border-color .18s ease}.feature:hover{border-color:var(--ink3)}.feature .fig{border-radius:var(--r-md);background:var(--sunk);border:1px solid var(--rule);overflow:hidden;margin-bottom:18px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.feature .fig svg{display:block;width:100%;height:100%}.feature h3{font-size:17.5px;letter-spacing:-.022em;margin-bottom:8px}.feature p{font-size:14.5px;color:var(--ink2);line-height:1.58}.feature .idx{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;color:var(--ink4);letter-spacing:.06em;margin-bottom:10px}.tile{background:var(--paper);border:1px solid var(--rule);border-radius:0;padding:24px 26px;box-shadow:none;position:relative;overflow:hidden}.tile h3{font-size:17.5px;letter-spacing:-.022em;margin-bottom:9px}.tile p{font-size:14.5px;color:var(--ink2);line-height:1.58}.tile.accent>h3{color:var(--ink)}.tile.quiet{background:transparent;box-shadow:none;border-style:dashed}.halves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}@media (max-width:860px){.halves{grid-template-columns:1fr}}.half{border:1px solid var(--rule);border-radius:var(--r-xl);background:var(--paper);padding:30px 30px 26px;box-shadow:none;display:flex;flex-direction:column;gap:14px}.half.b{background:var(--night);border-color:var(--night2);color:oklch(.94 .006 262)}.half.b .display-sm,.half.b h3{color:oklch(.97 .004 262)}.half.b li,.half.b p{color:oklch(.78 .012 262)}.half.b .eyebrow{color:oklch(.72 .06 262)}.half.b .hr{background:var(--night2)}.half .lead-line{font-size:21px;line-height:1.32;letter-spacing:-.024em;font-weight:600;text-wrap:balance}.ledger{border:1px solid var(--rule);border-radius:0;overflow:hidden;background:var(--paper);box-shadow:none}.ledger-row{display:grid;grid-template-columns:1.15fr 1fr 1fr;border-top:1px solid var(--rule)}.ledger-row:first-child{border-top:0}.ledger-row.head{background:var(--sunk)}.ledger-row.total{background:var(--acc-t)}.ledger-row>div{padding:13px 18px;font-size:13.5px;color:var(--ink2);display:flex;align-items:center;gap:8px}.ledger-row>div+div{border-left:1px solid var(--rule)}.ledger-row.head>div{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);font-weight:600}.ledger-row .stage{color:var(--ink);font-weight:500}.ledger-row .slow{color:var(--ink3)}.ledger-row .fast{color:var(--ink)}.ledger-row.total>div{font-weight:600;color:var(--ink);font-size:14.5px}@media (max-width:760px){.ledger-row{grid-template-columns:1fr 1fr}.ledger-row>div:first-child{grid-column:1/-1;border-left:0;padding-bottom:4px}.ledger-row>div+div+div{border-left:1px solid var(--rule)}.ledger-row.head>div:first-child{display:none}}.flow{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}.flow-node{flex:1 1 150px;min-width:0;border:1px solid var(--rule);background:var(--paper);padding:16px 16px 14px;position:relative}.flow-node+.flow-node{border-left:0}.flow-node:first-child,.flow-node:last-child{border-radius:0}.flow-node .k{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink4)}.flow-node .v{font-size:14.5px;font-weight:600;letter-spacing:-.015em;margin-top:6px}.flow-node .s{font-size:12.5px;color:var(--ink3);margin-top:5px;line-height:1.45}.flow-node .k{color:var(--bar,var(--ink4))}@media (max-width:700px){.flow-node{flex-basis:100%;border-left:1px solid var(--rule)!important;border-radius:0!important}.flow-node+.flow-node{border-top:0}}.claim{border-radius:var(--r-xl);background:var(--night);color:oklch(.95 .005 262);padding:54px 48px;text-align:center;box-shadow:none;position:relative;overflow:hidden}.claim:before{content:"";position:absolute;inset:auto 0 -55% 0;height:340px;background:radial-gradient(50% 100% at 50% 100%,color-mix(in oklab,var(--acc) 34%,transparent),transparent 70%);pointer-events:none}.claim>*{position:relative}.claim .display-sm{color:oklch(.98 .003 262)}.claim p{color:oklch(.78 .012 262)}@media (max-width:620px){.claim{padding:36px 24px}}.target-note{display:flex;max-width:780px;gap:10px;align-items:flex-start;border:1px dashed var(--rule2);border-radius:var(--r-md);padding:13px 15px;font-size:13px;color:var(--ink3);line-height:1.5;background:var(--paper2)}.target-note b{color:var(--ink2);font-weight:600}.card{border-radius:0;padding:22px 24px;box-shadow:none}.card h3{font-size:16.5px;letter-spacing:-.02em}.card p{font-size:14.5px;line-height:1.58}.section-head h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.03em}.btn{height:44px;padding:0 20px;border-radius:0;font-size:14.5px}.btn.small{height:32px;padding:0 13px;font-size:13px;border-radius:0}.demo,.shot{box-shadow:none}.codepanel,.demo,.shot{border-radius:0}.topbar-in{height:66px}.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}@media (max-width:860px){.notes-grid{grid-template-columns:1fr}}.note-card{display:flex;flex-direction:column;gap:10px;position:relative;background:var(--paper);border:1px solid var(--rule);border-radius:0;padding:24px 26px 22px;text-decoration:none;color:inherit;transition:border-color .14s ease,background .14s ease}.note-card:hover{border-color:var(--ink3)}.note-card .n{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.08em;color:var(--bar,var(--ink4))}.note-card h3{font-size:19px;line-height:1.26;letter-spacing:-.025em;margin:0;text-wrap:balance}.note-card p{font-size:14.5px;line-height:1.56;color:var(--ink2);margin:0}.note-card .foot{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:6px;font-size:12px;color:var(--ink4)}.note-card .foot .go{color:var(--acc);font-weight:600}.fnote{max-width:720px;margin:0 auto}.note-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:12px;color:var(--ink4);font-family:JetBrains Mono,ui-monospace,monospace}.note-prose{font-size:17px;line-height:1.68;color:var(--ink2)}.note-prose>*{margin-top:0;margin-bottom:0}.note-prose>*+*{margin-top:22px}.note-prose>.ba,.note-prose>.ba+*,.note-prose>.pull,.note-prose>.pull+*,.note-prose>.steps,.note-prose>.steps+*,.note-prose>.target-note,.note-prose>.target-note+*{margin-top:32px}.note-prose p{text-wrap:pretty}.note-prose h2{font-size:22px;line-height:1.3;letter-spacing:-.026em;color:var(--ink);margin-top:44px;margin-bottom:-4px;text-wrap:balance}.note-prose strong{color:var(--ink);font-weight:600}.note-prose em{color:var(--ink);font-style:italic}.note-prose code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.86em;background:var(--sunk);border:1px solid var(--rule);border-radius:0;padding:1px 5px;color:var(--ink)}.note-prose ul{margin:0;padding-left:20px}.note-prose li+li{margin-top:9px}.note-prose li::marker{color:var(--ink4)}.note-prose a{color:var(--acc);text-underline-offset:3px}.note-lede{font-size:20px;line-height:1.55;color:var(--ink);font-weight:450;text-wrap:pretty}.pull{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);padding:20px 0;margin-left:0;font-size:21px;line-height:1.42;letter-spacing:-.02em;color:var(--ink);font-weight:550;text-wrap:balance}.ba{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0;gap:0}@media (max-width:700px){.ba{grid-template-columns:1fr}}.ba>div{border:1px solid var(--rule);padding:20px 22px;background:var(--paper)}.ba>div:first-child{border-radius:0;background:var(--sunk)}.ba>div:last-child{border-radius:0;border-left:0}@media (max-width:700px){.ba>div:first-child{border-radius:0}.ba>div:last-child{border-radius:0;border-left:1px solid var(--rule);border-top:0}}.ba .k{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--ink3);margin-bottom:12px}.ba ul{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.5}.ba li{display:flex;gap:9px;padding:7px 0;border-top:1px solid var(--rule);color:var(--ink2)}.ba li:first-child{border-top:0;padding-top:0}.ba li .role{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;color:var(--ink3);min-width:74px;padding-top:2px;flex:none}.ba .gone{color:var(--ink4);text-decoration:line-through;-webkit-text-decoration-color:var(--fail);text-decoration-color:var(--fail)}.ba .sum{margin-top:14px;padding-top:12px;border-top:1px solid var(--rule2);font-size:12.5px;color:var(--ink3)}.ba>div:last-child .sum b{color:var(--acc);font-weight:600}.steps{counter-reset:step;display:grid;grid-gap:12px;gap:12px}.steps>div{position:relative;padding:14px 18px 14px 46px;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-md);font-size:14.5px;line-height:1.55;color:var(--ink2)}.steps>div:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;color:var(--acc);font-weight:500}.steps b{color:var(--ink);font-weight:600}.note-next{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--rule);padding-top:20px;margin-top:52px}.note-next a{font-size:14.5px;font-weight:550;color:var(--ink);text-decoration:none}.note-next a:hover{color:var(--acc)}.note-next .k{font-size:11px;color:var(--ink4);display:block;margin-bottom:3px;font-family:JetBrains Mono,ui-monospace,monospace}:root{--st-canvas:#F2F0EC;--st-card:#FFFFFF;--st-line:#E9E6E0;--st-well:#F5F3EF;--st-dot:#E5E1D9;--st-ink:#1C1B19;--st-ink2:#5B5852;--st-ink3:#8A8681;--st-ink4:#A8A39C;--st-acc:#4A55D6;--st-stencil:#D5D0C7}.stories{display:grid;grid-gap:22px;gap:22px}.stories.lead-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}.stories.rest-row{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1020px){.stories.rest-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.stories.lead-row,.stories.rest-row{grid-template-columns:1fr}}.story{display:flex;flex-direction:column;background:var(--st-card);border:1px solid var(--st-line);border-radius:16px;box-shadow:0 2px 10px rgba(28,27,25,.05);padding:18px 18px 20px;text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.story:hover{box-shadow:0 10px 26px rgba(28,27,25,.09);transform:translateY(-3px);border-color:#DFDBD3}.story .well{background:var(--st-well);background-image:radial-gradient(var(--st-dot) 1px,transparent 1px);background-size:14px 14px;border-radius:12px;overflow:hidden;display:grid;place-items:center;padding:10px 0}.story .well svg{display:block;width:100%;height:auto}.story .kicker{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--st-ink4);margin:18px 0 9px}.story .kicker .cat{color:var(--st-acc);font-weight:500}.story h3{font-size:20px;line-height:1.24;letter-spacing:-.028em;color:var(--st-ink);margin:0 0 9px;text-wrap:balance}.story p{font-size:14.5px;line-height:1.55;color:var(--st-ink2);margin:0}.story .by{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:16px;font-size:12px;color:var(--st-ink4)}.story .by .go{color:var(--st-acc);font-weight:600}.story.lead h3{font-size:27px;line-height:1.16;margin-bottom:11px}.story.lead p{font-size:16px;line-height:1.58}.story.lead .well{padding:22px 0}@media (max-width:720px){.story.lead h3{font-size:23px}}.story .stencil{fill:none;stroke:var(--st-stencil);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 5.5}.story .pen{fill:none;stroke:var(--st-ink);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}.story .pen-a{fill:none;stroke:var(--st-acc);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}.story .ink-dot{fill:var(--st-ink)}.story .acc-dot{fill:var(--st-acc)}@keyframes st-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes st-pop{0%{transform:scale(0)}to{transform:scale(1)}}.story:hover .pen,.story:hover .pen-a{stroke-dasharray:100;animation:st-draw 1.1s cubic-bezier(.45,0,.2,1) both}.story:hover .pen:nth-of-type(2){animation-delay:.1s}.story:hover .pen:nth-of-type(3){animation-delay:.2s}.story:hover .pen:nth-of-type(4){animation-delay:.3s}.story:hover .pen:nth-of-type(5){animation-delay:.4s}.story:hover .acc-dot{transform-origin:center;transform-box:fill-box;animation:st-pop .5s cubic-bezier(.34,1.56,.64,1) .75s both}@media (prefers-reduced-motion:reduce){.story:hover .acc-dot,.story:hover .pen,.story:hover .pen-a{animation:none;stroke-dasharray:none}}@keyframes pxWave{0%{transform:scale(1);opacity:.9}to{transform:scale(130);opacity:0}}@keyframes pxClick{0%{transform:scale(.4);opacity:.9}to{transform:scale(2.4);opacity:0}}@keyframes pxFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pxPulse{0%,to{opacity:.25}50%{opacity:1}}@keyframes pxDot{0%{transform:none;opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateX(46px);opacity:0}}@keyframes pxSpin3d{0%{transform:rotateX(-24deg) rotateY(0deg)}to{transform:rotateX(-24deg) rotateY(1turn)}}.px-wrap{width:100%;overflow:hidden}.px-hero{width:1200px;height:540px;box-sizing:border-box;overflow:hidden;transform-origin:0 0;position:relative;display:flex;flex-direction:column;padding:40px 56px 34px;background:linear-gradient(150deg,#F7E9DC,#FAF9F6 55%,#EEEFFC);border:1px solid #e9e6e0;box-shadow:0 18px 50px rgba(28,27,25,.1)}.px-eyebrow,.px-mono{font-family:JetBrains Mono,ui-monospace,monospace}.px-eyebrow{font-size:13px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#6E6A63}.px-govrow{display:flex;justify-content:space-between;font-size:10.5px}.px-govrow,.px-replay{font-family:JetBrains Mono,ui-monospace,monospace;color:#1C1B19}.px-replay{flex:none;font-size:12px;font-weight:600;background:#fff;border:1px solid #1c1b19;border-radius:11px;padding:7px 16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.px-replay:hover{background:#1C1B19;color:#FAF9F6}@media (prefers-reduced-motion:reduce){.px-hero *,.px-hero :after,.px-hero :before{animation:none!important;transition:none!important}}.navtoggle,.topnav .only-narrow{display:none}.navtoggle{align-items:center;gap:9px;min-height:44px;padding:0 14px;background:var(--paper);color:var(--ink);font:inherit;font-size:14px;font-weight:500;border:1px solid var(--rule2);border-radius:0;cursor:pointer}.navtoggle:hover{border-color:var(--ink4)}.navtoggle-bars{display:block;width:15px}.navtoggle-bars i{display:block;height:1.5px;background:currentColor}.navtoggle-bars i+i{margin-top:4px}a:focus-visible,button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}@media (min-width:861px) and (max-width:1099px){.brand .brand-sub{display:none}.topnav{gap:18px}}@media (max-width:860px){.topbar-in{gap:14px}.brand .brand-sub{display:none}.navtoggle{display:inline-flex;margin-left:auto}.topnav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:2px 28px 18px;background:var(--page);border-bottom:1px solid var(--rule)}.topnav[data-open]{display:flex}.topnav a{padding:13px 0;font-size:15px;border-top:1px solid var(--rule)}.topnav a:first-child{border-top:0}.topnav .only-narrow{display:block}.topnav a.btn.small{height:46px;margin-top:16px;padding:0 16px;justify-content:center;font-size:14px;border-top:1px solid var(--acc)}}@media (max-width:420px){.wrap,.wrap-tight{padding:0 18px}.topnav{padding-left:18px;padding-right:18px}}@media (max-width:560px){.kv{grid-template-columns:1fr;gap:2px 0}.kv dt{margin-top:10px}.kv dt:first-of-type{margin-top:0}}@media (max-width:620px){.tbl{display:block;width:100%;overflow-x:auto}.demo-main{padding:16px 14px}.codepanel,.demo-main{overflow-x:auto}}.form-card{padding:26px}.form{gap:16px}.field,.form{display:flex;flex-direction:column}.field{gap:6px}.field label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3)}.field .opt{font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--ink4);font-size:11.5px}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:10px 12px;font:inherit;font-size:15px;color:var(--ink);background:var(--paper);border:1px solid var(--rule2);border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field textarea{min-height:120px;resize:vertical;line-height:1.5}.field select{background-image:linear-gradient(45deg,transparent 50%,var(--ink3) 50%),linear-gradient(135deg,var(--ink3) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}.field input::placeholder,.field textarea::placeholder{color:var(--ink4)}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--ink4)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--acc);outline-offset:1px;border-color:var(--acc)}.field .hint{font-size:12.5px;line-height:1.45;color:var(--ink3)}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.turnstile{min-height:65px}.turnstile:empty{min-height:0}.form .btn{align-self:flex-start;height:44px;padding:0 22px}.form .btn[disabled]{opacity:.55;cursor:default}.form-status{margin:0;color:var(--fail);min-height:1px}.form-status:empty{display:none}.form-done{border-top:1px solid var(--rule);padding-top:18px}.form-done p{color:var(--ink2)}@media (max-width:620px){.form-card{padding:22px 18px}.form{gap:14px}.form .btn{align-self:stretch;justify-content:center}}