@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/assets/mona-sans-vietnamese-wdth-normal-Rd0aZl9c.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/assets/mona-sans-latin-ext-wdth-normal-CQ1tG6In.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/assets/mona-sans-latin-wdth-normal-BMVx8nn_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--field:#1726b4;--field-deep:#101b8c;--night:#0a1366;--trace:#7086ff;--filament:#fff4d6;--current:#ffc34d;--paper:#f5f7ff;--mist:#c9d0ff;--bus-x:clamp(16px, 4.5vw, 64px);--inset:calc(var(--bus-x) + clamp(24px, 4.5vw, 72px));--edge:clamp(16px, 4.5vw, 64px);--measure:36rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--field);min-height:100svh;color:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin:0;font-family:Mona Sans Variable,ui-sans-serif,system-ui,sans-serif;font-size:1.125rem;font-stretch:100%;line-height:1.6;display:flex}::selection{background:var(--current);color:var(--night)}a{color:inherit}:focus-visible{outline:2px solid var(--current);outline-offset:4px;border-radius:2px}h1,h2{letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:780;font-stretch:125%;line-height:.94}h1{max-width:11ch;font-size:clamp(2.75rem,.4rem + 12.5vw,9rem)}h2{font-size:clamp(2.25rem,1.1rem + 3.8vw,4.75rem)}h3{letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.3125rem;font-weight:680;font-stretch:112%;line-height:1.25}p{margin:0}.skip{left:var(--inset);z-index:10;background:var(--paper);color:var(--field);padding:.6rem 1rem;font-weight:650;position:absolute;top:-100px}.skip:focus{top:1rem}.masthead{z-index:2;padding:clamp(18px, 3vw, 34px) var(--edge) 0 var(--inset);justify-content:space-between;align-items:center;gap:1.5rem;display:flex;position:absolute;inset:0 0 auto}.wordmark{letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.25rem;font-weight:760;font-stretch:125%;text-decoration:none;display:inline-flex}.wordmark svg{flex:none;width:1.6rem;height:1.6rem}.masthead nav{gap:clamp(1rem,2.5vw,2.25rem);font-size:.9375rem;font-weight:560;display:flex}.masthead nav a{color:var(--mist);padding-block:.4rem;text-decoration:none}.masthead nav a:hover{color:var(--paper)}.hero{isolation:isolate;min-height:max(38rem,100svh);padding:7rem var(--edge) clamp(3.5rem, 9vh, 7rem) var(--inset);align-items:end;display:grid;position:relative;overflow:hidden}.sky{z-index:-1;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.hero-copy{justify-items:start;gap:clamp(1.25rem,3vh,2rem);display:grid}.spark i{background:var(--filament);width:.17em;height:.17em;box-shadow:0 0 calc(.06em + var(--charge,0) * .5em) calc(var(--charge,0) * .08em) var(--current), 0 0 calc(var(--charge,0) * 1.4em) #ffc34d59;border-radius:50%;margin-left:.035em;display:inline-block}.period{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lede{max-width:var(--measure);color:var(--mist);text-wrap:pretty;font-size:clamp(1.125rem,1rem + .45vw,1.3125rem);line-height:1.55}.actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.75rem;margin-top:.25rem;display:flex}.button{background:var(--paper);color:var(--field);border-radius:.375rem;padding:.85rem 1.35rem;font-weight:680;font-stretch:110%;text-decoration:none;transition:background-color .2s,box-shadow .2s;display:inline-block}.button:hover{background:var(--filament);box-shadow:0 0 2.25rem #ffc34d73}.quiet{color:var(--mist);text-underline-offset:.3em;font-weight:560;text-decoration-color:#c9d0ff66}.quiet:hover{color:var(--paper);-webkit-text-decoration-color:var(--current);text-decoration-color:var(--current)}.bus{padding:0 var(--edge) 0 var(--inset);position:relative}.bus:before{content:"";top:0;bottom:0;left:var(--bus-x);background:#7086ff66;width:1.25px;position:absolute}.bus:after{content:"";bottom:0;left:calc(var(--bus-x) - 6px);border:1.5px solid var(--trace);background:var(--field);border-radius:50%;width:13px;height:13px;position:absolute}.chapter{padding-block:clamp(4.5rem,11vh,8rem)}.chapter>h2{position:relative}.chapter>h2:before,.chapter>h2:after{content:"";position:absolute;top:.47em}.chapter>h2:before{left:calc(var(--bus-x) - var(--inset) - 6px);background:var(--filament);border-radius:50%;width:13px;height:13px;margin-top:-6px;box-shadow:0 0 14px #ffc34db3}.chapter>h2:after{left:calc(var(--bus-x) - var(--inset) + 7px);width:calc(var(--inset) - var(--bus-x) - 7px - .35em);background:#7086ff66;height:1.25px}.copy{max-width:var(--measure);color:var(--mist);text-wrap:pretty;margin-top:1.75rem}.copy p+p{margin-top:1rem}.copy a{color:var(--paper);-webkit-text-decoration-color:var(--current);text-decoration-color:var(--current);text-underline-offset:.25em}.apps-body{grid-template-columns:minmax(0,36rem) 1fr;align-items:center;gap:3rem 4rem;display:grid}.bench{justify-self:end;gap:clamp(1.5rem,3vw,2.75rem);margin:1.75rem 0 0;padding:0;list-style:none;display:flex;position:relative}.bench:before{content:"";top:50%;left:2rem;right:calc(-1 * var(--edge));background:#7086ff66;height:1.25px;position:absolute}.bench li{aspect-ratio:1;background:var(--field);border:1.5px dashed #7086ffb3;border-radius:23%;place-items:center;width:clamp(4.5rem,7vw,6.5rem);display:grid;position:relative}.bench li:after{content:"";border:1.5px solid var(--trace);border-radius:50%;width:13px;height:13px}.bench li:first-child{border-color:#ffc34d8c}.bench li:first-child:after{border-color:var(--current);background:#ffc34d99;box-shadow:0 0 16px #ffc34da6}@media (width<=860px){.apps-body{grid-template-columns:1fr}.bench{justify-self:start;margin-top:0}}.principles{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:3rem clamp(2rem,4vw,4rem);margin:clamp(3rem,6vh,4.5rem) 0 0;padding:0;list-style:none;display:grid;position:relative}.principles li{border-top:1.25px solid #7086ff66;padding-top:2.25rem;position:relative}.principles li:before{content:"";border:1.5px solid var(--trace);background:var(--field);border-radius:50%;width:13px;height:13px;position:absolute;top:-7px;left:0}.principles p{max-width:30rem;color:var(--mist);text-wrap:pretty;font-size:1.0625rem}.contact{gap:2.25rem;max-width:46rem;margin-top:2.75rem;display:grid}.topics{border:0;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;display:flex}.topics legend,.field>span{color:var(--mist);margin-bottom:.6rem;padding:0;font-size:.9375rem;font-weight:560;display:block}.topics label{position:relative}.topics input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.topics span{color:var(--mist);border:1.25px solid #7086ff99;border-radius:999px;padding:.55rem 1.05rem;font-size:.9375rem;font-weight:560;transition:background-color .2s,border-color .2s,color .2s;display:inline-block}.topics label:hover span{border-color:var(--paper);color:var(--paper)}.topics input:checked+span{border-color:var(--paper);background:var(--paper);color:var(--field)}.topics input:focus-visible+span{outline:2px solid var(--current);outline-offset:3px}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 2.5rem;display:grid}.field.wide{grid-column:1/-1}.field input,.field textarea{width:100%;color:var(--paper);font:inherit;background:0 0;border:0;border-bottom:1.5px solid #7086ffb3;border-radius:0;padding:.45rem 0 .6rem;font-size:1.25rem;line-height:1.45;transition:border-color .2s,box-shadow .2s;display:block}.field textarea{resize:vertical;min-height:8rem}.field input::placeholder,.field textarea::placeholder{color:#c9d0ff8c}.field input:focus-visible,.field textarea:focus-visible{border-bottom-color:var(--current);box-shadow:0 1.5px 0 var(--current), 0 14px 18px -14px #ffc34db3;outline:none}.field input:-webkit-autofill{-webkit-text-fill-color:var(--paper);box-shadow:0 0 0 100px var(--field) inset}.trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.send{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;display:flex}button.button{font:inherit;cursor:pointer;border:0;font-weight:680;font-stretch:110%}button.button:disabled{opacity:.7;cursor:progress}.status:empty{display:none}.status{color:var(--mist)}[data-state=sent] .status{color:var(--filament);align-items:center;gap:.7rem;font-weight:600;display:inline-flex}[data-state=sent] .status:before{content:"";background:var(--filament);width:11px;height:11px;box-shadow:0 0 14px 2px var(--current);border-radius:50%;flex:none}[data-state=error] .status{color:#ffc2b5;font-weight:600}.note{color:var(--mist);margin-top:-1rem;font-size:.9375rem}@media (width<=640px){.fields{grid-template-columns:1fr}}.footer{padding:2.25rem var(--edge) 2.5rem var(--inset);background:var(--field-deep);color:var(--mist);flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;font-size:.9375rem;display:flex}.footer nav{gap:1.75rem;display:flex}.footer nav a{text-decoration:none}.footer nav a:hover{color:var(--paper);text-decoration:underline;-webkit-text-decoration-color:var(--current);text-decoration-color:var(--current);text-underline-offset:.3em}.page{padding-top:clamp(7rem,16vh,10rem)}main{flex:1}.page h1{max-width:14ch;margin-bottom:1.75rem;font-size:clamp(2.5rem,1rem + 5vw,5.5rem)}.prose{max-width:var(--measure);padding-bottom:clamp(4rem,10vh,7rem)}.prose h2{letter-spacing:-.01em;margin:3rem 0 .75rem;font-size:1.3125rem;font-weight:680;font-stretch:112%;line-height:1.25}.prose p{color:var(--mist);margin-top:1rem}.prose a{color:var(--paper);-webkit-text-decoration-color:var(--current);text-decoration-color:var(--current);text-underline-offset:.25em}.prose .updated{margin-top:3rem;font-size:.9375rem}@media (width<=560px){.masthead .wide{display:none}}.og .masthead nav,.og .actions{display:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.topics span,.field input,.field textarea{transition:none}}