.public-route{--public-bg: #fcfbf8;--public-bg-soft: #f4f1e9;--public-ink: #1c1813;--public-ink-soft: #6f6757;--public-faint: #b9b2a4;--public-hair: #e8e3d8;--public-accent: #c4592b;min-height:100vh;overflow-y:auto;background:var(--public-bg);color:var(--public-ink);font-family:Inter,system-ui,sans-serif}@media(prefers-color-scheme:dark){.public-route{--public-bg: #0c111e;--public-bg-soft: #131a2c;--public-ink: #dbe3f2;--public-ink-soft: #8b97b0;--public-faint: #4d5870;--public-hair: #1e2739;--public-accent: #6fa8ff}}.public-route-header{position:sticky;top:0;z-index:1;overflow:hidden;padding:13px 18px;border-bottom:1px solid var(--public-hair);background:color-mix(in srgb,var(--public-bg) 92%,transparent);backdrop-filter:blur(8px)}.public-route-url,.public-route-label,.public-route-phase,.public-route-footer,.public-route-sample-dots,.public-route-chip{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.public-route-url{max-width:392px;margin:0 auto;overflow:hidden;color:var(--public-ink-soft);text-align:center;text-overflow:ellipsis;white-space:nowrap}.public-route-column{width:min(392px,calc(100% - 36px));margin:0 auto;padding:58px 0 96px}.public-route-label,.public-route-phase{margin:0 0 12px;color:var(--public-faint)}.public-route h1{margin:0;font-size:clamp(32px,9vw,46px);letter-spacing:-.03em;line-height:1.05}.public-route-title-row{display:flex;align-items:flex-start;gap:12px}.public-route-chip{flex:none;margin-top:8px;padding:5px 7px;border:1px solid var(--public-accent);color:var(--public-accent);letter-spacing:.04em;text-transform:none}.public-route-author,.public-route-lead{color:var(--public-ink-soft);line-height:1.6}.public-route-author{margin:14px 0 58px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.public-route-steps{border-top:1px solid var(--public-hair)}.public-route-step{position:relative;padding:28px 0 34px 34px;border-bottom:1px solid var(--public-hair)}.public-route-step-number{position:absolute;top:30px;left:0;color:var(--public-accent);font:11px/1 IBM Plex Mono,ui-monospace,monospace}.public-route-step h2{margin:0 0 9px;font-size:21px;letter-spacing:-.015em;line-height:1.2}.public-route-phase{margin-top:-2px;margin-left:-34px}.public-route-why{margin:0 0 18px;color:var(--public-ink-soft);font-size:14px;line-height:1.6}.public-route-note{white-space:pre-wrap;color:var(--public-ink);font-size:15px;line-height:1.75}.public-route-sample{margin-top:56px;padding-top:24px;border-top:1px solid var(--public-ink)}.public-route-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.public-route-sample-dots{color:var(--public-hair);letter-spacing:3px}.public-route-sample-dots .is-on{color:var(--public-accent)}.public-route-card{min-height:190px;display:flex;flex-direction:column;justify-content:space-between;margin-top:16px;padding:22px;border:1px solid var(--public-hair);background:var(--public-bg-soft)}.public-route-card-front,.public-route-card-back{margin:0;font-size:17px;line-height:1.55}.public-route-card-back{margin-top:20px;color:var(--public-ink-soft)}.public-route-card button,.public-route-conversion a,.public-route-copy-promise a{border:0;color:var(--public-accent);font:11px/1.4 IBM Plex Mono,ui-monospace,monospace;text-decoration:none}.public-route-card button{align-self:flex-start;margin-top:24px;padding:0;background:transparent;cursor:pointer}.public-route-card button:hover,.public-route-conversion a:hover,.public-route-copy-promise a:hover{text-decoration:underline}.public-route-conversion{margin:18px 0 0}.public-route-copy-promise{display:flex;flex-direction:column;gap:8px;margin:48px 0 0;padding-top:20px;border-top:1px dashed var(--public-hair)}.public-route-copy-promise span{color:var(--public-faint);font:11px/1.5 IBM Plex Mono,ui-monospace,monospace}.public-route-footer{margin-top:48px;color:var(--public-faint);letter-spacing:.04em;text-transform:none}.public-route-loading,.public-route-gone{display:grid;place-items:center}.public-route-gone .public-route-column{padding-top:0}.public-route-gone h1{max-width:360px}.public-route-gone-note{margin-top:34px;padding-top:18px;border-top:1px solid var(--public-hair);color:var(--public-ink-soft);font:12px/1.6 IBM Plex Mono,ui-monospace,monospace}.public-route-gone-note p{margin:0 0 8px}