:root{--ink:#241f1f;--ground:#f4efe7;--paper:#fffcf7;--stone:#e4dccf;--board:#3a3332;--brick:#ad2e24;--coral:#f25f5c;--rule:#241f1f;--muted:#50514f;--sky:#8ccaf5;--mint:#70c1b3;--butter:#f6dc8c;--lilac:#c9b8f2;--border:2px;--offset:6px;--radius:0;--measure:68ch;--gutter:clamp(1.25rem, 4vw, 3rem);--band-pad:clamp(3rem, 8vw, 6rem);--h2:clamp(1.6rem, 0.95rem + 2.4vw, 2.75rem);--h3:clamp(1.25rem, 1rem + 1vw, 1.75rem);--display:"Archivo", "Helvetica Neue", Arial, sans-serif;--body:"Inter", "Helvetica Neue", Arial, sans-serif;--mono:"Martian Mono", ui-monospace, Menlo, monospace}@font-face{font-family:inter;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/Inter-Regular.woff2)format("woff2")}@font-face{font-family:inter;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/Inter-Bold.woff2)format("woff2")}@font-face{font-family:archivo;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/Archivo-Regular.woff2)format("woff2")}@font-face{font-family:archivo;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/Archivo-SemiBold.woff2)format("woff2")}@font-face{font-family:archivo;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/Archivo-Bold.woff2)format("woff2")}@font-face{font-family:martian mono;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/MartianMono-Regular.woff2)format("woff2")}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:clamp(1rem,.95rem + .2vw,1.125rem);line-height:1.55}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--gutter);top:1rem;z-index:100;background:var(--ink);color:var(--ground);padding:.6rem 1rem;border-radius:var(--radius)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;text-transform:none}.wrap{width:min(100% - (var(--gutter) * 2),82rem);margin-inline:auto}.masthead{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding-block:1.5rem}.wordmark{font-family:var(--display);font-weight:700;font-size:1.2rem;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;text-decoration:none;color:var(--brick);display:inline-flex;align-items:center;gap:.34em}.wordmark span{font-weight:400;color:var(--ink)}.wordmark__wall{display:block;width:1.7em;height:1.7em;background:url(/marks/symbol-transparent.svg)50%/contain no-repeat}.nav{display:flex;flex-wrap:nowrap;gap:.25rem;align-items:center;background:var(--ink);border-radius:0;padding:.4rem}.nav a{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:var(--ground);text-decoration:none;padding:.55rem .9rem;border-radius:0}.nav a:hover,.nav a:focus-visible{background:var(--ground);color:var(--ink)}@media(width < 37.5rem){.masthead{flex-wrap:nowrap;gap:.5rem;padding-block:1rem}.wordmark{font-size:1rem}.wordmark__wall{display:none}.nav{padding:.2rem;gap:0}.nav a{font-size:.66rem;letter-spacing:.04em;padding:.6rem .45rem}}@media(width < 23.5rem){.masthead{flex-wrap:wrap}}h1,h2,h3{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.05;margin:0 0 .5em;text-wrap:balance}h1{font-size:clamp(2rem,1.2rem + 3.4vw,3.6rem)}h2{font-size:var(--h2)}h3{font-size:var(--h3);line-height:1.15}.lede{font-size:clamp(1.05rem,1rem + .4vw,1.3rem);max-width:var(--measure);color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:stretch;margin-top:2rem}.btn{display:inline-block;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:1.2rem;letter-spacing:.02em;text-decoration:none;color:var(--ink);background:var(--paper);border:var(--border)solid var(--rule);border-radius:var(--radius);padding:.8rem 1.5rem;transition:transform 80ms linear,box-shadow 80ms linear}.btn--primary{background:var(--brick);color:var(--paper);border-color:var(--ink)}.btn:hover,.btn:focus-visible{transform:translate(3px,-3px);box-shadow:calc(-1 * var(--offset))var(--offset)0 var(--ink)}.btn:active{transform:none;box-shadow:none}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.note{width:fit-content;max-width:100%;border:var(--border)dashed var(--muted);padding:.5rem .8rem;color:var(--muted);font-size:.95rem;margin:1.25rem 0 0}.section{padding-block:clamp(2.5rem,6vw,4.5rem)}.hero{padding-block:clamp(1.25rem,4vw,3.5rem)clamp(2.5rem,6vw,4.5rem)}.hero__head{container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr)}.hero__lede{margin:clamp(1.5rem,3vw,2.5rem)0 0;max-width:52ch}@media(width > 56.25rem){.hero__head{grid-template-columns:minmax(0,1fr)auto;column-gap:2rem}.hero__head>*{grid-column:1}.hero__head>.flap-pitch{grid-column:1/-1}.hero__head>.hero__lede,.hero__head>.flap-pause{grid-row:2;align-self:baseline}.hero__head>.flap-pause{grid-column:2;margin-top:clamp(1.5rem,3vw,2.5rem)}}.flap-pitch{font-family:var(--display);font-size:min(4.25rem,calc(100cqi/13.6));font-weight:700;line-height:1.32;letter-spacing:.04em;text-transform:uppercase;--drum-w:0.98em;--drum-h:1.16em;--glyph-y:0.04em;margin:0;text-wrap:wrap}.flap-brk{display:block}.flap-brk--wide{display:none}@container(min-width:44rem){.flap-pitch { font-size: min(4.25rem, calc(100cqi / 18.7)); }
  .flap-brk--wide { display: block; }
  .flap-brk--narrow { display: none; }
}.flap-board{display:inline-flex;gap:.05em;vertical-align:-.225em;letter-spacing:0}.flap-drum{position:relative;flex:none;width:var(--drum-w);height:var(--drum-h);background:var(--ink);perspective:16em;overflow:clip}.flap-half{position:absolute;left:0;right:0;height:calc(50% - .5px);overflow:hidden;background:var(--board);color:var(--paper);backface-visibility:hidden}.flap-half>span{position:absolute;left:0;right:0;height:var(--drum-h);line-height:var(--drum-h);text-align:center}.flap-top{top:0;transform-origin:50% 100%}.flap-top>span{top:var(--glyph-y)}.flap-bottom{bottom:0;transform-origin:50% 0}.flap-bottom>span{bottom:calc(-1 * var(--glyph-y))}.flap-leaf{z-index:1}.flap-pause{justify-self:end;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin-top:.25rem;padding:0;font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:0 0;border:0;border-radius:0;cursor:pointer}.flap-pause:hover .flap-pause__text{text-decoration:underline;text-underline-offset:.25em}.flap-pause[hidden]{display:none}.flap-icon{width:.55rem;height:.65rem;background:linear-gradient(to right,currentColor 36%,transparent 36% 64%,currentColor 64%)}.is-paused .flap-icon{background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.flow{margin:0;container-type:inline-size;--node-h:2.75rem;--tick:1.25rem}.flow__body{display:grid;justify-items:center}.flow__group{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;width:100%;gap:.5rem}.flow__node,.flow__hub{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.15;border:var(--border)solid var(--rule)}.flow__node{min-height:var(--node-h);padding:.45rem .75rem;font-size:.78rem;background:var(--paper)}.flow__hub{margin:0;padding:.85rem 1.4rem;font-size:1rem;background:var(--ink);color:var(--ground)}.flow__link{display:block;width:var(--border);height:1.75rem;background:linear-gradient(to bottom,var(--ink) 50%,transparent 50%)0 0/var(--border)12px;animation:flow-down 1.25s linear 4}@container(min-width:58rem){.flow__body {
    grid-template-columns: minmax(0, 1fr) 2.5rem auto 2.5rem minmax(0, 1fr);
    align-items: center;
    justify-items: stretch;
  }
  .flow__group {
    position: relative;
    gap: 0.6rem;
  }
  .flow__node { height: var(--node-h); justify-content: flex-start; }
  .flow__group--in { padding-right: var(--tick); }
  .flow__group--out { padding-left: var(--tick); }

  
  .flow__group::after,
  .flow__node::after {
    content: "";
    position: absolute;
    background: var(--ink);
  }
  .flow__group::after {
    top: calc(var(--node-h) / 2);
    bottom: calc(var(--node-h) / 2);
    width: var(--border);
  }
  .flow__group--in::after { right: 0; }
  .flow__group--out::after { left: 0; }
  .flow__node::after {
    top: 50%;
    width: var(--tick);
    height: var(--border);
    margin-top: calc(var(--border) / -2);
  }
  .flow__group--in .flow__node::after { left: 100%; margin-left: var(--border); }
  .flow__group--out .flow__node::after { right: 100%; margin-right: var(--border); }

  .flow__link {
    width: 100%;
    height: var(--border);
    background: linear-gradient(to right, var(--ink) 50%, transparent 50%) 0 0 / 12px var(--border);
    animation-name: flow-right;
  }
}@keyframes flow-down{to{background-position:0 12px}}@keyframes flow-right{to{background-position:12px 0}}@media(prefers-reduced-motion:reduce){.flow__link{animation:none}}.flow--wide{--node-h:3.4rem;--tick:1.75rem}.flow--wide .flow__node{font-size:clamp(.8rem,1.4cqi,1rem);padding-inline:1rem}.flow--wide .flow__hub{font-size:clamp(1.05rem,.9rem + .6vw,1.5rem);padding:1.4rem 2rem}.band{border-block:var(--border)solid var(--rule);padding-block:var(--band-pad)}.band--ink{background:var(--ink);color:var(--ground)}.band--sky{background:var(--sky);color:var(--ink)}.band--butter{background:var(--butter);color:var(--ink)}.band--stone{background:var(--stone);color:var(--ink)}.band+.band{border-top:0}.problem{display:grid;gap:clamp(1.25rem,3vw,3rem);align-items:end}.problem h2{margin:0;max-width:16ch}.problem p{margin:0;max-width:40ch;font-size:clamp(1.1rem,1rem + .5vw,1.4rem)}@media(width >= 48rem){.problem{grid-template-columns:minmax(0,1fr)minmax(0,1fr)}}.platform{display:grid;gap:clamp(2rem,5vw,3.5rem)}.platform__copy{display:grid;gap:1rem 3rem;align-items:end}.platform__copy h2{margin:0}.platform__copy p{margin:0;max-width:40ch;font-size:clamp(1.1rem,1rem + .4vw,1.3rem)}@media(width >= 48rem){.platform__copy{grid-template-columns:minmax(0,1fr)minmax(0,1fr)}}.apps{display:grid;gap:var(--band-pad)}.app__head h3{margin-bottom:.6rem}.app__head p{margin:0;max-width:38ch;font-size:clamp(1.05rem,1rem + .3vw,1.2rem);color:var(--muted)}.app--feature .wrap,.embed{display:grid;gap:clamp(1.5rem,4vw,4rem);align-items:start}@media(width > 56.25rem){.app--feature .wrap{grid-template-columns:minmax(0,4fr)minmax(0,8fr)}.app--feature .app__head,.embed .app__head{padding-top:1rem}}.pair{display:grid;gap:3rem clamp(1.5rem,3vw,3rem)}.pair__item{display:grid;gap:1.5rem;align-content:start}@media(width > 56.25rem){.pair{grid-template-columns:minmax(0,1fr)minmax(0,1fr)}.pair__item{grid-row:span 2;grid-template-rows:subgrid}.pair__item .mock{grid-row:1}.pair__item .app__head{grid-row:2}.pair__item .screen{height:100%;align-content:start}}@media(width > 56.25rem){.embed{grid-template-columns:minmax(0,8fr)minmax(0,4fr)}.embed .mock{grid-column:1;grid-row:1}.embed .app__head{grid-column:2;grid-row:1}}.mock{margin:0;container-type:inline-size}.screen{background:var(--paper);border:var(--border)solid var(--rule);box-shadow:calc(-1 * var(--offset))var(--offset)0 var(--ink);padding:clamp(.75rem,2vw,1.25rem);display:grid;gap:1rem;font-size:.875rem;line-height:1.4}.screen__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:var(--border)solid var(--rule)}.screen__title{margin:0;font-weight:700;font-size:1.05rem;color:var(--ink)}.tag{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;border:var(--border)solid var(--rule);padding:.2rem .5rem;white-space:nowrap}.screen__foot{margin:0;font-size:.8rem;color:var(--muted)}.panel{border:var(--border)solid var(--rule);padding:.85rem;min-width:0}.panel__title{margin:0 0 .75rem;font-weight:700;color:var(--ink)}.dash{display:grid;gap:.75rem}.dash__tiles{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}@container(min-width:40rem){.dash { grid-template-columns: minmax(0, 1fr) minmax(0, 2.4fr); }
  .dash__tiles { grid-template-columns: minmax(0, 1fr); }
}.dash__tile{border:var(--border)solid var(--rule);padding:.6rem .75rem;display:grid;gap:.35rem;align-content:space-between}.dash__tile dt{font-size:.78rem;line-height:1.25;color:var(--muted)}.dash__tile dd{margin:0;font-family:var(--body);font-weight:700;font-size:clamp(1.1rem,4.5cqi,1.9rem);line-height:1;font-variant-numeric:tabular-nums}.cols{list-style:none;margin:0;padding:0;display:flex;gap:.5rem;height:12rem}.cols li{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.cols b{font-size:.78rem;font-variant-numeric:tabular-nums;margin-bottom:.25rem}.cols i{display:block;margin-inline:12%;height:calc(var(--v) * 8.5rem);background:var(--ink)}.cols span{border-top:var(--border)solid var(--rule);padding-top:.35rem;font-size:.75rem;color:var(--muted)}.v-100{--v:1}.v-74{--v:0.74}.v-62{--v:0.62}.v-45{--v:0.45}.v-33{--v:0.33}.legend{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;font-size:.78rem}.legend li{display:inline-flex;align-items:center;gap:.45rem}.legend li::before{content:"";width:1.5rem;border-top:3px solid var(--ink)}.legend__b::before{border-top-style:dashed}.legend__c::before{border-top-style:dotted}.plot{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.5rem;font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}.plot ul{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between}.plot .plot__y{flex-direction:column;height:calc(11rem + 1em);margin-top:-.5em;line-height:1;text-align:right}.plot .plot__x{grid-column:2;padding-top:.35rem}@container(max-width:30rem){.plot__x li:nth-child(even) { visibility: hidden; }
}.lines{display:block;width:100%;height:11rem;border-bottom:var(--border)solid var(--rule);overflow:visible}.lines__grid line{stroke:var(--stone);stroke-width:1;vector-effect:non-scaling-stroke}.lines polyline{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.lines__b{stroke-dasharray:7 4}.lines__c{stroke-dasharray:1 4;stroke-linecap:round;stroke-width:3}.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.chips li{display:inline-flex;align-items:center;gap:.5rem;border:var(--border)solid var(--rule);padding:.3rem .6rem;font-weight:700;font-size:.8rem}.chips li::after{content:"";width:.5rem;height:.3rem;background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%)}.regions,.record,.week{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.regions caption{text-align:left;font-weight:700;padding-bottom:.5rem}.regions th,.regions td,.record th,.record td{padding:.45rem .4rem;border-top:1px solid var(--stone);text-align:left;font-weight:400}.regions thead th,.record thead th{border-top:0;border-bottom:var(--border)solid var(--rule);font-size:.75rem;color:var(--muted)}.regions td:nth-child(2),.regions thead th:nth-child(2){text-align:right;padding-right:1rem;width:5rem}.regions__bar{width:50%}.regions__bar i{display:block;height:.6rem;width:calc(var(--v) * 100%);background:var(--ink)}.host__body{display:grid;grid-template-columns:minmax(0,1fr);gap:.85rem}@container(min-width:36rem){.host__body { grid-template-columns: 9rem minmax(0, 1fr); }
}.host__side{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-content:start;color:var(--muted)}@container(min-width:36rem){.host__side {
    flex-direction: column;
    border-right: 1px solid var(--stone);
    padding-right: 0.75rem;
  }
}.host__side li{padding:.2rem 0}.host__side .is-current{color:var(--ink);font-weight:700}.host__main{display:grid;gap:.85rem;min-width:0}.panel--embed{border-width:3px}.week caption{text-align:left}.week th,.week td{padding:.35rem .2rem;text-align:center;font-weight:400}.week thead th{border-bottom:var(--border)solid var(--rule);font-size:.75rem;color:var(--muted)}.week th:last-child,.week td:last-child{border-left:var(--border)solid var(--rule);font-weight:700}.stubs{padding-block:clamp(2rem,4vw,3rem)var(--band-pad)}.stubs__grid{display:grid;gap:2.5rem clamp(1.5rem,4vw,4rem)}@media(width >= 48rem){.stubs__grid{grid-template-columns:minmax(0,1fr)minmax(0,1fr)}}.stub h2{margin:0;font-size:var(--h3);line-height:1.15}.close{display:flex;flex-direction:column;align-items:center;text-align:center}.close h2{max-width:28ch;margin:0}.close .actions{justify-content:center}.close__aside{margin:2rem 0 0;max-width:52ch}.foot{background:var(--ink);color:var(--ground);padding-block:2.5rem 3rem}.foot__inner{display:flex;flex-wrap:wrap;gap:1.25rem 2.5rem;align-items:center;justify-content:space-between}.foot :focus-visible{outline-color:var(--ground)}.foot__mark{font-family:var(--display);font-weight:700;font-size:1.2rem;text-transform:uppercase;letter-spacing:.07em;text-decoration:none;color:var(--coral)}.foot__mark span{font-weight:400;color:var(--ground);margin-left:.34em}.foot__nav{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem}.foot__nav a,.foot__line{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ground)}.foot__line{margin:0;flex-basis:100%}