@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-opsz.woff2) format("woff2-variations")}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-opsz-italic.woff2) format("woff2-variations")}@font-face{font-family:Courier Prime;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/courier-prime.woff2) format("woff2")}@font-face{font-family:Courier Prime;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/courier-prime-italic.woff2) format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/caveat.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-italic.woff2) format("woff2")}:root{--plaster: #eee3d6;--paper: #f0e5d8;--buff: #ecdac7;--blue: #dee5ed;--sage: #e1e2d4;--pink: #f1d8d5;--straw: #f5eacd;--peach: #f9e6e1;--newsprint: #e6e4de;--ribbon: #2e2925;--ink: #444444;--ink-2: #66605a;--ink-3: #8a837c;--pencil: rgba(46, 41, 37, .55);--hairline: rgba(46, 41, 37, .14);--red: #b0453d;--accent: #c6534b;--green: #4f7d5c;--charcoal: #1d1e1e;--charcoal-2: #2e2f30;--charcoal-ink: #d7cdc2;--charcoal-muted: #918b84;--charcoal-line: #363634;--amber: #d9962e;--steel: #5fa1df;--f-display: "Fraunces", "Iowan Old Style", Georgia, serif;--f-text: "Fraunces", "Iowan Old Style", Georgia, serif;--f-type: "Courier Prime", "Courier New", Courier, monospace;--f-hand: "Caveat", "Bradley Hand", cursive;--f-cap: "Instrument Serif", "Iowan Old Style", Georgia, serif;--fs-type: .9375rem;--fs-body: 1.125rem;--fs-lede: clamp(1.1875rem, 1.05rem + .55vw, 1.4375rem);--fs-h3: clamp(1.375rem, 1.2rem + .7vw, 1.75rem);--fs-h2: clamp(2rem, 1.35rem + 2.6vw, 3.5rem);--fs-hero: clamp(2.5rem, 1.4rem + 4.6vw, 5.25rem);--measure: 60ch;--content: 74rem;--gutter: clamp(1rem, 4vw, 3rem);--shadow-soft: 0 1px 2px rgba(0, 0, 0, .06), 0 2px 6px rgba(0, 0, 0, .08);--shadow-lift: 0 6px 14px rgba(0, 0, 0, .16);--shadow-paper: 0 1px 1px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .09);--ease: cubic-bezier(.2, .7, .2, 1);--dur: .2s;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background-color:var(--plaster);background-image:url(/objects/plaster.webp);background-size:512px 512px;background-blend-mode:overlay;color:var(--ink);font-family:var(--f-text);font-size:var(--fs-body);line-height:1.55;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.16em}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}h1,h2,h3{margin:0;font-family:var(--f-display);font-weight:580;font-variation-settings:"opsz" 48;color:var(--ribbon);letter-spacing:-.005em;text-wrap:balance}h1{font-size:var(--fs-hero);line-height:1.02}h2{font-size:var(--fs-h2);line-height:1.06}h3{font-size:var(--fs-h3);font-weight:450;font-variation-settings:"opsz" 18;line-height:1.2}p{margin:0}.lede{font-size:var(--fs-lede);line-height:1.45;max-width:var(--measure);color:var(--ink)}.type,.typed,nav,figcaption,.button,.caption,.meta,.fine,code,pre,kbd{font-family:var(--f-type);font-size:var(--fs-type);line-height:1.6;letter-spacing:0}.hand{font-family:var(--f-hand);font-size:1.35em;line-height:1.1;color:var(--pencil)}.hand.red{color:var(--red)}.caption{color:var(--ink-2)}.fine{font-size:.8125rem;color:var(--ink-2)}.wrap{max-width:var(--content);margin-inline:auto;padding-inline:var(--gutter)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;top:-100px;left:1rem;z-index:100;padding:.6rem 1rem;background:var(--charcoal);color:var(--charcoal-ink);border-radius:999px}.skip:focus{top:1rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.6rem 1.35rem;border-radius:999px;border:0;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.button.primary{background:var(--charcoal);color:var(--charcoal-ink);box-shadow:var(--shadow-lift)}.button.secondary{background:var(--paper);color:var(--ribbon);box-shadow:var(--shadow-soft)}.button:hover{color:inherit;transform:translateY(-1px)}.button.primary:hover{color:#fff}.button:active{transform:translateY(0);box-shadow:var(--shadow-soft)}.button.small{min-height:2.375rem;padding:.35rem 1rem;font-size:.875rem}.button:disabled{opacity:.6;cursor:default}.site-header{position:sticky;top:0;z-index:20;background-color:var(--plaster);background-image:url(/objects/plaster.webp);background-size:512px 512px;background-blend-mode:overlay;border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease)}.site-header.scrolled{border-bottom-color:var(--hairline)}.site-header .wrap{display:flex;align-items:center;gap:1.5rem;min-height:4.25rem}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font-family:var(--f-display);font-size:1.375rem;font-weight:580;font-variation-settings:"opsz" 24;color:var(--ribbon)}.brand img{width:1.875rem;height:1.875rem;border-radius:.45rem}.site-nav{display:flex;align-items:center;gap:1.5rem;margin-left:auto}.site-nav a{text-decoration:none;color:var(--ink)}.site-nav a:hover{color:var(--accent)}.site-nav .button{margin-left:.5rem}@media(max-width:47.99rem){.site-nav a:not(.button){display:none}}.section{padding-block:clamp(4rem,9vw,8rem)}.section+.section{padding-top:0}.section-head{max-width:44rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.section-head .lede{margin-top:1rem}.section-head .hand{display:block;margin-bottom:.5rem}.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:center}.feature.flip .copy{order:2}.feature .copy .lede{margin-top:1rem}.feature .copy ul{list-style:none;margin:1.75rem 0 0;padding:0;display:grid;gap:.9rem;max-width:34rem}.feature .copy li{position:relative;padding-left:1.6rem;font-family:var(--f-type);font-size:var(--fs-type);line-height:1.6;color:var(--ink)}.feature .copy li:before{content:"";position:absolute;left:0;top:.55em;width:.55rem;height:.55rem;border:1.5px solid var(--ribbon);border-radius:1px}.feature .copy li strong{font-weight:400;color:var(--ribbon);text-decoration:underline;text-decoration-color:var(--pencil);text-decoration-thickness:1px;text-underline-offset:.2em}.feature .copy .more{margin-top:1.5rem}.feature .copy .more a{font-family:var(--f-type);font-size:var(--fs-type)}.feature .art{margin:0;min-width:0}@media(max-width:55.99rem){.feature{grid-template-columns:1fr}.feature.flip .copy{order:0}}.paper{position:relative;background-color:var(--paper);color:var(--ribbon);border-radius:6px;box-shadow:var(--shadow-paper);isolation:isolate}.paper:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.26 0 0 0 0 0.22 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");background-size:240px 240px;mix-blend-mode:multiply;opacity:.16;pointer-events:none;z-index:-1}.paper.buff{background-color:var(--buff)}.paper.blue{background-color:var(--blue)}.paper.sage{background-color:var(--sage)}.paper.pink{background-color:var(--pink)}.paper.straw{background-color:var(--straw)}.paper.peach{background-color:var(--peach)}.paper.newsprint{background-color:var(--newsprint)}.paper.lifted{box-shadow:var(--shadow-lift)}.slip{border-radius:2px 2px 5px 5px;clip-path:polygon(0% 4%,3% 1%,7% 4%,11% 0%,16% 3%,21% 1%,26% 4%,31% 1%,36% 3%,41% 0%,46% 4%,51% 1%,56% 3%,61% 0%,66% 4%,71% 1%,76% 3%,81% 1%,86% 4%,91% 0%,95% 3%,100% 1%,100% 100%,0% 100%);box-shadow:none}.tilt-a{rotate:-.7deg}.tilt-b{rotate:.5deg}.tilt-c{rotate:-.3deg}.tilt-d{rotate:.7deg}.paper .type,.paper p,.paper li{font-family:var(--f-type);color:var(--ribbon)}.paper .title{font-family:var(--f-text);font-variation-settings:"opsz" 18;font-weight:450;color:var(--ribbon);line-height:1.15}.paper .rule{height:1px;background:var(--pencil);opacity:.5}.stamp{position:absolute;width:34%;max-width:9rem;rotate:-12deg;opacity:.92;pointer-events:none;mix-blend-mode:multiply}.tick{display:inline-block;width:.85em;height:.85em;border:1.5px solid var(--ribbon);border-radius:2px;vertical-align:-.1em;margin-right:.5em;flex:none}.object{position:relative;display:flex;aspect-ratio:1;container-type:inline-size}.object img{width:100%;height:100%;object-fit:contain}.print{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;line-height:.95;white-space:nowrap;color:#1c1714;mix-blend-mode:multiply;transform:translate(-50%,-50%) rotate(var(--r, 0deg));left:calc(var(--cx) * 100%);top:calc(var(--cy) * 100%);width:calc(var(--w) * 100%);height:calc(var(--h) * 100%);font-size:calc(var(--h) * .8 * 100cqw / var(--lines, 1));pointer-events:none}.print.cream{color:#f5eddb;mix-blend-mode:screen}.print.type{font-family:var(--f-type)}.print.display{font-family:var(--f-display);font-weight:580;font-variation-settings:"opsz" 48}.print.upper{text-transform:uppercase;letter-spacing:.06em}.obj-calendar .print.month{--cx: .5;--cy: .36;--w: .4;--h: .085}.obj-calendar .print.day{--cx: .5;--cy: .6;--w: .5;--h: .28}.tool{position:relative;display:block;aspect-ratio:3 / 4;container-type:inline-size}.tool .face{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 2.8cqw 4.5cqw rgba(0,0,0,.18))}.tool .object{position:absolute;width:78cqw;left:11cqw;top:calc(53.333cqw - 39cqw)}.tool .object img{filter:drop-shadow(0 2.2cqw 3cqw rgba(0,0,0,.34))}.tool .rule{position:absolute;left:27.5cqw;width:45cqw;top:99.333cqw;height:max(.5px,.6cqw);background:#2e292557;mix-blend-mode:multiply}.tool .name{position:absolute;left:6.25cqw;width:87.5cqw;top:111.733cqw;transform:translateY(-50%);font-family:var(--f-text);font-variation-settings:"opsz" 18;font-weight:450;font-size:10.5cqw;line-height:1;text-align:center;white-space:nowrap;color:#2e2925e6;mix-blend-mode:multiply}.cap{position:relative;display:flex;aspect-ratio:1;container-type:inline-size}.cap img{width:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.22))}.cap .print{--cx: .5;--cy: .5;--w: .62;--h: .42;--lines: 2;font-family:var(--f-cap);font-style:italic;white-space:normal;line-height:.92;font-size:16cqw}.objects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,3vw,2.5rem) clamp(1rem,2.5vw,2rem)}.objects figure{margin:0}.objects .tool{width:100%}.objects figcaption{margin-top:.25rem;color:var(--ink-2);font-size:.875rem;line-height:1.5;text-align:center;padding-inline:.25rem}@media(max-width:47.99rem){.objects{grid-template-columns:repeat(2,minmax(0,1fr))}}.also{margin-top:2rem;text-align:center}.hero{padding-block:clamp(2.5rem,6vw,5rem) clamp(3rem,8vw,7rem);overflow:hidden}.hero .wrap{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,7fr);gap:clamp(2rem,5vw,4rem);align-items:center}.hero-copy .lede{margin-top:1.5rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.availability{display:inline-block;margin-top:1.25rem;font-family:var(--f-hand);font-size:1.375rem;line-height:1.2;color:var(--pencil);text-decoration:none;rotate:-1deg}.availability:hover{color:var(--red)}.hero-visual{position:relative;min-width:0}@media(max-width:55.99rem){.hero .wrap{grid-template-columns:1fr}.hero-visual{margin-top:1rem}}.phone{position:relative;aspect-ratio:1179 / 2556;background:var(--charcoal);border-radius:14%/6.5%;padding:3.2%;container-type:inline-size;box-shadow:inset 0 0 0 1px #ffffff14,0 24px 48px #00000047}.phone .screen{position:relative;height:100%;border-radius:11.5%/5.3%;overflow:hidden;background-color:var(--plaster);background-image:url(/objects/plaster.webp);background-size:80cqw 80cqw;background-blend-mode:overlay;padding:14cqw 6cqw 0}.phone .island{position:absolute;top:3cqw;left:50%;translate:-50% 0;width:30cqw;height:7.5cqw;border-radius:999px;background:var(--charcoal)}.phone .screen h2{font-size:9cqw;margin:0;line-height:1}.phone .screen h3{font-size:5.6cqw;margin:6cqw 0 3cqw;font-weight:580;font-variation-settings:"opsz" 24}.phone .screen .subline{font-family:var(--f-hand);font-size:4.4cqw;color:var(--pencil);margin-top:1cqw}.phone .caps{display:grid;grid-template-columns:repeat(4,1fr);gap:3cqw}.phone .cap .print{font-size:15cqw}.phone .slips{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5cqw}.phone .slip{padding:3cqw 3.5cqw;font-size:3.6cqw;line-height:1.3;min-height:16cqw}.phone .footer-bar{position:absolute;left:0;right:0;bottom:0;padding:6cqw 6cqw 5cqw;display:flex;gap:3cqw;background:linear-gradient(to top,var(--plaster) 55%,transparent)}.phone .pill{flex:1;display:flex;align-items:center;gap:2cqw;padding:0 4.5cqw;height:13cqw;border-radius:999px;font-family:var(--f-type);font-size:3.9cqw;box-shadow:var(--shadow-lift)}.phone .pill.search{background:var(--paper);color:var(--ink-2)}.phone .pill.thought{background:var(--charcoal);color:var(--charcoal-ink);flex:1.2}.phone .tools{display:grid;grid-template-columns:repeat(4,1fr);gap:2cqw}.phone .section-row{display:flex;align-items:baseline;justify-content:space-between}.phone .section-row .hand{font-size:4cqw}.phone .scene{display:grid;gap:3cqw;margin-bottom:2cqw}.phone .two{display:grid;grid-template-columns:repeat(2,1fr);gap:3cqw}.phone .paper.card{display:flex;align-items:flex-start;gap:2cqw;padding:3.2cqw 3cqw;min-height:24cqw;font-family:var(--f-type);font-size:3.4cqw;line-height:1.3;border-radius:3px}.phone .paper.card .tick{width:3.2cqw;height:3.2cqw;border-width:1px;margin:.6cqw 0 0}.phone .paper.card .body{min-width:0}.phone .paper.card .when{color:var(--ink-2);font-size:2.9cqw;margin-bottom:.8cqw}.phone .paper.card .due,.phone .paper.card .late{font-family:var(--f-hand);font-size:3.6cqw;color:var(--pencil);margin-top:1cqw}.phone .paper.card .late{color:var(--red)}.phone .capture{position:absolute;left:4cqw;right:4cqw;bottom:5cqw;padding:4cqw 4.5cqw 3.5cqw;border-radius:8px}.phone .capture .kinds{display:flex;gap:2cqw;margin-bottom:3cqw}.phone .capture .kinds span{font-family:var(--f-type);font-size:3.1cqw;padding:.8cqw 2.4cqw;border-radius:999px;border:1px solid var(--pencil);color:var(--ink-2)}.phone .capture .kinds span:first-child{background:var(--charcoal);border-color:var(--charcoal);color:var(--charcoal-ink)}.phone .capture .said{font-family:var(--f-type);font-size:4.1cqw;line-height:1.45;margin:0}.phone .capture .chip{background:var(--blue);border-radius:3px;padding:0 .9cqw}.phone .capture .bar{display:flex;align-items:center;gap:3cqw;margin-top:3.5cqw;font-size:4cqw}.phone .capture .bar .hand{font-size:3.8cqw}.phone .capture .dots{flex:1;height:1px;background:repeating-linear-gradient(to right,var(--pencil) 0 1.2cqw,transparent 1.2cqw 2.6cqw)}.phone .capture .x{color:var(--ink-2)}.phone .capture .go{display:grid;place-items:center;width:8cqw;height:8cqw;border-radius:50%;background:var(--charcoal);color:var(--charcoal-ink);font-size:4cqw}.phone .sheet{padding:5cqw 4.5cqw;font-family:var(--f-type);font-size:3.1cqw;line-height:1.35;min-height:100%;border-radius:3px 3px 0 0}.phone .sheet .title{font-size:5.2cqw}.phone .sheet .meta-row{display:flex;justify-content:space-between;align-items:baseline;margin:1cqw 0 3cqw;color:var(--ink-2)}.phone .sheet .meta-row .hand{font-size:3.8cqw;color:var(--green)}.phone .sheet .balance{display:grid;grid-template-columns:1fr auto;gap:.6cqw 3cqw;padding-bottom:2.5cqw;border-bottom:1px solid var(--pencil);margin-bottom:2cqw}.phone .sheet table{width:100%;border-collapse:collapse}.phone .sheet th,.phone .sheet td{text-align:left;vertical-align:top;padding:1.1cqw .6cqw;font-weight:400}.phone .sheet th{color:var(--ink-2);border-bottom:1px solid var(--pencil)}.phone .sheet .d{white-space:nowrap;color:var(--ink-2)}.phone .sheet .n{text-align:right;white-space:nowrap}.phone .sheet .pos{color:var(--green)}.phone .sheet .ring td:nth-child(2) span{position:relative;padding:0 .6cqw}.phone .sheet .ring td:nth-child(2) span:after{content:"";position:absolute;inset:-.9cqw -1.6cqw;border:1.5px solid var(--red);border-radius:50%/45%;rotate:-2deg}.hero-visual .phone{width:min(100%,21rem);margin-inline:auto;rotate:-2deg}@media(max-width:55.99rem){.hero-visual .phone{width:min(70%,18rem)}}.phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,3rem);align-items:end;padding-inline:clamp(0rem,4vw,3rem)}.phones figure{margin:0}.phones figcaption{margin-top:1.25rem;color:var(--ink-2);text-align:center;padding-inline:.5rem}.phones figure:nth-child(2) .phone{margin-bottom:1.5rem}@media(max-width:55.99rem){.phones{grid-template-columns:1fr;max-width:22rem;margin-inline:auto}.phones figure:nth-child(2) .phone{margin-bottom:0}}.exchange{display:grid;gap:1rem;max-width:34rem;margin-inline:auto}.exchange .note{padding:1rem 1.15rem;font-family:var(--f-type);font-size:var(--fs-type);line-height:1.55;max-width:88%}.exchange .note.you{justify-self:end;background-color:var(--blue)}.exchange .note .who{display:block;font-family:var(--f-hand);font-size:1.2rem;line-height:1;color:var(--pencil);margin-bottom:.4rem}.exchange .note .stamp-time{display:block;text-align:right;font-family:var(--f-hand);font-size:1.05rem;color:var(--pencil);margin-top:.3rem}.pairing{max-width:24rem;margin-inline:auto;padding:2rem 2rem 1.75rem;text-align:center}.pairing .ask{font-family:var(--f-type);font-size:var(--fs-type);color:var(--ink-2)}.pairing .digits{display:flex;justify-content:center;gap:.35rem;margin:1.25rem 0 1rem}.pairing .digits span{flex:1;max-width:3rem;aspect-ratio:.8;display:grid;place-items:center;border:1.5px solid var(--ribbon);border-radius:4px;font-family:var(--f-display);font-weight:580;font-variation-settings:"opsz" 48;font-size:1.75rem}.pairing .hand{display:block;font-size:1.3rem}.thread{display:grid;gap:.75rem;max-width:30rem;margin-inline:auto}.thread .note{padding:.9rem 1rem;font-family:var(--f-type);font-size:var(--fs-type);line-height:1.5;max-width:85%}.thread .note.mine{justify-self:end;background-color:var(--blue)}.thread .note .who{display:block;font-family:var(--f-type);font-size:.8rem;color:var(--red);margin-bottom:.2rem}.thread .note .at{display:block;text-align:right;font-family:var(--f-hand);font-size:1rem;color:var(--pencil);margin-top:.25rem}.thread .voice{display:flex;align-items:center;gap:.75rem}.thread .voice .play{width:2rem;height:2rem;border-radius:50%;border:1.5px solid var(--ribbon);display:grid;place-items:center;font-size:.7rem;flex:none}.thread .voice .wave{flex:1;height:1.4rem;background-image:repeating-linear-gradient(to right,var(--ribbon) 0 2px,transparent 2px 5px);-webkit-mask:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);opacity:.7;clip-path:polygon(0 45%,8% 25%,16% 60%,24% 10%,32% 70%,40% 30%,48% 90%,56% 20%,64% 65%,72% 35%,80% 80%,88% 40%,96% 55%,100% 45%,100% 55%,96% 45%,88% 60%,80% 20%,72% 65%,64% 35%,56% 80%,48% 10%,40% 70%,32% 30%,24% 90%,16% 40%,8% 75%,0 55%)}.thread .voice .len{font-family:var(--f-hand);color:var(--pencil)}.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem)}.how .step h3{margin-bottom:.5rem}.how .step p{font-family:var(--f-type);font-size:var(--fs-type);line-height:1.6;color:var(--ink)}@media(max-width:55.99rem){.how{grid-template-columns:1fr 1fr}}@media(max-width:40rem){.how{grid-template-columns:1fr}}.diagram{margin:clamp(2.5rem,6vw,4rem) auto 0;max-width:52rem;padding:1.5rem 1.5rem 1rem}.diagram svg{width:100%;height:auto;font-family:var(--f-type)}.diagram .box{fill:none;stroke:var(--ribbon);stroke-width:1.5}.diagram .wire{stroke:var(--steel);stroke-width:3;fill:none}.diagram .knot{fill:var(--amber)}.diagram .lbl{fill:var(--ribbon);font-size:15px;font-family:var(--f-text);font-variation-settings:"opsz" 18}.diagram .sub{fill:var(--ink-2);font-size:11px}.diagram .pen{fill:var(--pencil);font-family:var(--f-hand);font-size:15px}.downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,2rem);max-width:56rem;margin-inline:auto}.download{padding:2rem 1.75rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.download img{width:3.5rem;height:3.5rem;border-radius:.8rem;box-shadow:var(--shadow-soft)}.download h3{margin-top:.5rem}.download p{font-size:var(--fs-type);line-height:1.55;color:var(--ink)}.download .button{margin-top:.75rem}.download .fine{color:var(--ink-2)}.download .hand{font-size:1.3rem}@media(max-width:47.99rem){.downloads{grid-template-columns:1fr}}.notify{max-width:34rem;margin:clamp(2rem,5vw,3.5rem) auto 0;padding:1.5rem 1.5rem 1.25rem}.notify p{font-family:var(--f-type);font-size:var(--fs-type);line-height:1.55}.notify form{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}.notify input[type=email]{flex:1;min-width:12rem;min-height:3rem;padding:.5rem .25rem;border:0;border-bottom:1.5px solid var(--ribbon);background:transparent;font-family:var(--f-type);font-size:1rem;color:var(--ribbon);border-radius:0}.notify input[type=email]::placeholder{color:var(--ink-3)}.notify input[type=email]:focus-visible{outline:none;border-bottom-color:var(--accent)}.notify .hp{position:absolute;left:-9999px;width:1px;height:1px}.notify [data-note]{margin-top:.75rem;min-height:1.5em;font-family:var(--f-hand);font-size:1.25rem;color:var(--pencil)}.notify [data-note][data-state=error]{color:var(--red)}.notify [data-note][data-state=done]{color:var(--green)}.site-footer{margin-top:clamp(3rem,8vw,6rem);background:var(--charcoal);color:var(--charcoal-ink);padding-block:clamp(2.5rem,6vw,4rem) 2rem;font-family:var(--f-type);font-size:var(--fs-type)}.site-footer .cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}.site-footer .footer-head{font-family:var(--f-type);font-size:.75rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--charcoal-muted);margin-bottom:.75rem}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.site-footer a{color:var(--charcoal-ink);text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--charcoal-muted)}.site-footer .colophon{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--charcoal-line);display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;color:var(--charcoal-muted)}.site-footer .brand{color:var(--charcoal-ink)}@media(max-width:47.99rem){.site-footer .cols{grid-template-columns:1fr 1fr}}.prose{max-width:46rem;margin-top:clamp(1.5rem,4vw,3rem);rotate:none;overflow-wrap:anywhere;padding:clamp(1.5rem,5vw,3.5rem) clamp(1.25rem,5vw,3.5rem) clamp(2rem,5vw,3.5rem)}.prose>header{margin-bottom:2rem}.prose h1{font-size:clamp(2.25rem,1.5rem + 3vw,3.5rem)}.prose .meta{display:block;font-family:var(--f-hand);font-size:1.3rem;color:var(--pencil);margin-top:.5rem}.prose header .lede{margin-top:1.25rem;font-family:var(--f-text)}.prose h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);font-weight:580;font-variation-settings:"opsz" 24;margin:2.5rem 0 .75rem}.prose h3{margin:2rem 0 .5rem}.prose p,.prose li{font-family:var(--f-type);font-size:var(--fs-type);line-height:1.65;color:var(--ribbon)}.prose p+p{margin-top:.9rem}.prose ul,.prose ol{margin:.75rem 0 0;padding-left:1.5rem;display:grid;gap:.5rem}.prose a{color:var(--accent)}.prose code{font-size:.9em;padding:.05em .3em;background:#2e292512;border-radius:3px}.prose pre{margin:.75rem 0 0;padding:.9rem 1rem;border:1px solid var(--hairline);border-radius:4px;overflow-x:auto;font-size:.875rem;line-height:1.6}.prose pre code{padding:0;background:none}.prose .callout{margin-top:2rem;padding:1rem 1.25rem;border-left:3px solid var(--accent);background:#c6534b0f}.prose .button{margin-top:.5rem}.prose strong{font-weight:400;color:var(--ribbon);text-decoration:underline;text-decoration-color:var(--pencil);text-underline-offset:.2em}.name-form{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem;margin:1rem 0}.name-form label{display:block;font-family:var(--f-hand);font-size:1.2rem;color:var(--pencil);margin-bottom:.2rem}.name-form input{min-width:14rem;min-height:2.75rem;padding:.4rem .25rem;border:0;border-bottom:1.5px solid var(--ribbon);background:transparent;font-family:var(--f-type);font-size:1rem;color:var(--ribbon);border-radius:0}.name-form input:focus-visible{outline:none;border-bottom-color:var(--accent)}.copy-line{display:flex;gap:.75rem;align-items:stretch;margin-top:.75rem}.copy-line pre{flex:1;margin:0;min-width:0}.copy-line .button{align-self:center;margin:0}.steps li{padding-left:.25rem}.table-wrap{overflow-x:auto;margin-top:1rem}.prose table{width:100%;border-collapse:collapse;font-family:var(--f-type);font-size:.875rem;line-height:1.5}.prose th,.prose td{text-align:left;vertical-align:top;padding:.6rem .75rem .6rem 0;border-bottom:1px dotted rgba(46,41,37,.3);font-weight:400}.prose thead th{color:var(--ink-2);border-bottom:1px solid var(--pencil)}.prose tbody th{width:46%;color:var(--ribbon)}.kits{margin-top:1rem}.kit-switch{display:flex;flex-wrap:wrap;gap:.6rem;margin:.5rem 0 1.5rem}.kit-switch label{display:inline-flex;align-items:center;min-height:2.5rem;padding:.3rem 1rem;border-radius:999px;border:1.5px solid var(--ribbon);font-family:var(--f-type);font-size:var(--fs-type);cursor:pointer;color:var(--ribbon)}#kit-phone:checked~.kit-switch label[for=kit-phone],#kit-mac:checked~.kit-switch label[for=kit-mac]{background:var(--charcoal);border-color:var(--charcoal);color:var(--charcoal-ink)}.kit-pick:focus-visible~.kit-switch label{outline:2px solid var(--accent);outline-offset:2px}#kit-phone:checked~.kit-for-mac,#kit-mac:checked~.kit-for-phone{display:none}.kit h2:first-child{margin-top:.5rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.site-header{transition:none}}