:root{color-scheme:light dark;--background: #ffffff;--surface: #ffffff;--surface-muted: #f2f2f2;--border: #dedede;--control-border: #767676;--text: #000000;--text-muted: #595959;--accent: #000000;--on-accent: #ffffff;--danger: #a12622;--device: #111111;--accent-hover: #262626;--accent-pressed: #404040;--secondary-hover: #e5e5e5;--secondary-pressed: #d9d9d9;--s4: .25rem;--s8: .5rem;--s12: .75rem;--s16: 1rem;--s24: 1.5rem;--s32: 2rem;--s48: 3rem;--s64: 4rem;--s96: 6rem;--radius-control: 10px;--radius-surface: 14px;--control-height: 56px;--target: 48px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}@media(prefers-color-scheme:dark){:root{--background: #101010;--surface: #1c1c1c;--surface-muted: #292929;--border: #444444;--control-border: #909090;--text: #ffffff;--text-muted: #bdbdbd;--accent: #ffffff;--on-accent: #000000;--danger: #ffb4ab;--accent-hover: #e5e5e5;--accent-pressed: #cccccc;--secondary-hover: #383838;--secondary-pressed: #444444;--device: #3d3d3d}}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-size:1.125rem}h1{font-size:2rem;line-height:2.75rem;font-weight:700;margin:0 0 var(--s16);overflow-wrap:break-word}h2{font-size:1.5rem;line-height:2rem;font-weight:600;margin:var(--s48) 0 var(--s12)}h3{font-size:1.25rem;line-height:1.75rem;font-weight:600;margin:var(--s32) 0 var(--s8)}p,li{margin:0 0 var(--s16)}.lead{font-size:1.25rem;line-height:1.5}.quiet{color:var(--text-muted)}.caption{font-size:.875rem;line-height:1.25rem;color:var(--text-muted)}a{color:var(--text);text-decoration-thickness:1px;text-underline-offset:3px}:focus-visible{outline:2px solid var(--text);outline-offset:2px}.page{max-width:38rem;margin:0 auto;padding:var(--s32) var(--s24) var(--s64)}.wide{max-width:1120px;margin:0 auto;padding:0 var(--s24)}@media(max-width:359px){.page,.wide{padding-left:var(--s16);padding-right:var(--s16)}}@media(min-width:960px){.wide{padding-left:var(--s32);padding-right:var(--s32)}}.band{padding:var(--s64) 0}@media(min-width:960px){.band{padding:var(--s96) 0}}.band h2:first-child,.band h3:first-child{margin-top:0}.band-dark{background:#000;color:#fff}@media(prefers-color-scheme:dark){.band-dark{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}}.band-dark a,.band-dark h2,.band-dark h3{color:#fff}.band-dark .quiet,.band-dark .caption{color:#bdbdbd}.band-dark :focus-visible{outline-color:#fff}.band-muted{background:var(--surface-muted)}.band+.band-muted,.band-muted+.band{border-top:1px solid var(--border)}.actions{display:flex;flex-wrap:wrap;gap:var(--s12);margin:var(--s24) 0 var(--s12)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s8);min-height:var(--control-height);padding:var(--s12) var(--s24);border:1px solid var(--accent);border-radius:var(--radius-control);background:var(--accent);color:var(--on-accent);font:inherit;font-size:1rem;line-height:1.375rem;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .14s ease,border-color .14s ease}.button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button:active{background:var(--accent-pressed);border-color:var(--accent-pressed)}.button-quiet{background:var(--surface-muted);border-color:var(--control-border);color:var(--text)}.button-quiet:hover{background:var(--secondary-hover);border-color:var(--control-border)}.button-quiet:active{background:var(--secondary-pressed);border-color:var(--control-border)}.band-dark .button{background:#fff;border-color:#fff;color:#000}.band-dark .button:hover{background:#e5e5e5;border-color:#e5e5e5}.band-dark .button:active{background:#ccc;border-color:#ccc}@media(prefers-reduced-motion:reduce){.button{transition:none}}.stores{display:flex;flex-wrap:wrap;gap:var(--s16);align-items:center;margin:var(--s32) 0 var(--s12)}.store-badge{display:inline-flex;text-decoration:none;border-radius:var(--radius-control)}.store-badge:focus-visible{outline-offset:4px}.badge-apple{height:56px;width:auto}.badge-google{height:68px;width:auto}.callout{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--text);border-radius:var(--radius-surface);padding:var(--s24) var(--s24) var(--s8);margin:var(--s24) 0}.callout h2,.callout h3{margin-top:0}.callout-danger{border-left-color:var(--danger)}.callout-danger h2,.callout-danger h3{color:var(--danger)}.cards{display:grid;gap:var(--s16);grid-template-columns:1fr;margin:var(--s32) 0 0}@media(min-width:720px){.cards{grid-template-columns:repeat(3,1fr);gap:var(--s24)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-surface);padding:var(--s24)}.band-dark .card{background:#1c1c1c;border-color:#444}.card .icon{display:block;margin:0 0 var(--s12);color:var(--text-muted)}.card h3{margin:0 0 var(--s8)}.card p:last-child{margin-bottom:0}.doors{list-style:none;padding:0;margin:var(--s24) 0 0}.doors li{margin:0;border-top:1px solid var(--border)}.doors a{display:flex;align-items:center;justify-content:space-between;gap:var(--s16);min-height:var(--target);padding:var(--s12) 0;font-size:1.1875rem}.doors .icon{flex:none;color:var(--text-muted)}.door{border-top:1px solid var(--border);padding-top:var(--s24);margin-top:var(--s48)}.door h2{margin-top:0}.steps{padding-left:var(--s24)}.steps-wide{list-style:none;counter-reset:step;padding:0;margin:var(--s32) 0 0;display:grid;gap:var(--s24)}@media(min-width:720px){.steps-wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s32) var(--s48)}}.steps-wide li{counter-increment:step;margin:0;padding-left:var(--s48);position:relative}.steps-wide .icon{display:block;margin:0 0 var(--s8);color:var(--text-muted)}.steps-wide li:before{content:counter(step);position:absolute;left:0;top:0;width:var(--s32);height:var(--s32);border:1px solid var(--control-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600}.site-header{border-bottom:1px solid var(--border)}.site-header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s12);padding:var(--s16) 0}.site-name{display:inline-flex;align-items:center;gap:var(--s12);font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:normal;text-decoration:none;color:var(--text)}.site-header nav{display:flex;align-items:center;gap:var(--s16)}.site-header nav a{display:inline-flex;align-items:center;min-height:var(--target);font-size:1rem;font-weight:600}.site-footer{border-top:1px solid var(--border);padding:var(--s48) 0;font-size:1rem}.site-footer h2{font-size:1.25rem;line-height:1.75rem;margin:0 0 var(--s8)}.site-footer-columns{display:grid;gap:var(--s32);grid-template-columns:1fr}@media(min-width:720px){.site-footer-columns{grid-template-columns:repeat(2,1fr);gap:var(--s48)}}.site-footer-columns>div>:first-child{margin-top:0}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:0}.site-footer li a{display:inline-flex;align-items:center;min-height:var(--target)}.brand-mark{flex:none}.hero{padding:var(--s48) 0 var(--s64)}.hero h1{max-width:22ch}.hero .lead{max-width:40ch;color:var(--text)}@media(min-width:600px){.hero h1{font-size:3rem;line-height:3.75rem}.hero .lead{font-size:1.375rem;line-height:2rem}}.split{display:grid;gap:var(--s48);grid-template-columns:1fr;align-items:center}@media(min-width:960px){.split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s64)}}.specimen{width:100%;max-width:20rem;height:auto;margin:0 auto;display:block}.specimen-sheet{max-width:22rem}.specimen-caption-line{max-width:22rem;margin:var(--s12) auto 0;text-align:center}.measure{max-width:34rem}.facts{list-style:none;padding:0;margin:var(--s24) 0 0}.facts li{margin:0;padding:var(--s16) 0;border-top:1px solid var(--border)}.facts li:last-child{border-bottom:1px solid var(--border)}footer.page-footer{margin-top:var(--s48);padding-top:var(--s24);border-top:1px solid var(--border);color:var(--text-muted);font-size:1rem}footer.page-footer h2{color:var(--text);font-size:1.25rem;line-height:1.75rem;margin-top:var(--s32)}.statement{font-size:1.75rem;line-height:2.25rem;font-weight:700;max-width:28ch;margin:0 0 var(--s16)}@media(min-width:960px){.statement{font-size:2.25rem;line-height:2.875rem}}.specimen text{font-family:inherit}.specimen .frame{fill:var(--surface);stroke:var(--text);stroke-width:2}.specimen .rule{stroke:var(--border);stroke-width:1}.specimen .ink{fill:var(--text)}.specimen .muted{fill:var(--text-muted)}.specimen .chev{stroke:var(--text-muted)}.specimen .primary{fill:var(--accent)}.specimen .on-primary{fill:var(--on-accent)}.specimen-title{font-size:26px;font-weight:700}.specimen-caption{font-size:14px}.specimen-row{font-size:18px}.specimen-action{font-size:16px;font-weight:600}.specimen .paper{fill:var(--surface);stroke:var(--control-border);stroke-width:1}.specimen .code{fill:var(--text)}.specimen .word-slot{fill:var(--surface-muted)}.specimen .slot-number{fill:var(--text-muted);font-size:11px}.screenshot,.film{display:block;width:100%;height:auto;margin:0 auto;border:.5rem solid var(--device);border-radius:2.5rem}.screenshot{max-width:17rem}.film{max-width:20rem;background:var(--surface-muted)}.film-caption{max-width:20rem;margin:var(--s12) auto 0;text-align:center}.screens{display:grid;gap:var(--s24);grid-template-columns:1fr;margin-top:var(--s32)}@media(min-width:540px){.screens{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:960px){.screens{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s32)}}.screens figure{margin:0}.screens figcaption{margin-top:var(--s12);max-width:28ch}