:root{--ink:#131217;--feather:#211f27;--bone:#efe9dd;--mist:#8b8794;--sheen:#7a6cff;--radius-s:12px;--radius-m:22px;--surface:color-mix(in oklab,#ffffff 55%,var(--bone));--hairline:rgba(19,18,23,0.14)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bone);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}body>div,body>main{width:100%}main.shell{flex:1 0 auto}.mono{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;font-size:.8125rem;letter-spacing:.01em}main.shell{max-width:40rem;margin:0 auto;padding:4.5rem 1.5rem 5rem}.eyebrow{color:var(--mist);text-transform:uppercase;letter-spacing:.22em;font-size:.6875rem}h1.wordmark{font-size:clamp(3.25rem,12vw,5.5rem);line-height:.95;letter-spacing:-.04em;font-weight:700;margin:.5rem 0 .75rem}.tagline{font-size:1.0625rem;max-width:28rem;margin:0 0 2.75rem}.tagline b{font-weight:650}.chirp{display:block;margin:0 0 2.75rem}.chirp rect{fill:var(--sheen);transform-origin:center}@media (prefers-reduced-motion:no-preference){.chirp rect{animation:breathe 3.2s ease-in-out infinite}}@keyframes breathe{0%,to{opacity:.85}50%{opacity:1}}ul.status{list-style:none;margin:0;padding:1.25rem 0 0;border-top:1px solid rgba(19,18,23,.14)}ul.status li{display:flex;gap:.75rem;padding:.45rem 0;color:var(--feather)}ul.status .state{min-width:5.5rem;color:var(--mist)}ul.status .state.done{color:var(--ink);font-weight:600}footer.colophon{margin-top:3.5rem;color:var(--mist);font-size:.8125rem}footer.colophon a{color:inherit;text-underline-offset:3px}:focus-visible{outline:2px solid var(--sheen);outline-offset:3px;border-radius:2px}.shell.narrow{max-width:26rem}.pagetitle{font-size:clamp(2rem,8vw,3rem);letter-spacing:-.03em;line-height:1.05;margin:.4rem 0 .6rem}.subline{color:var(--mist);margin:0 0 1.5rem}.panel{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-m);padding:1.5rem 1.4rem;margin:0 0 1.1rem;box-shadow:0 1px 2px rgba(19,18,23,.05),0 12px 32px -22px rgba(19,18,23,.3)}.panel h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--mist);margin:0 0 .9rem}.stack{display:flex;flex-direction:column;gap:.5rem;max-width:26rem}.stack label{color:var(--mist);font-size:.75rem;margin-top:.4rem}input,select{font:inherit;padding:.65rem .85rem;border:1px solid rgba(19,18,23,.2);border-radius:var(--radius-s);background:#fff;color:var(--ink);transition:border-color .15s ease}input:focus-visible,select:focus-visible{border-color:var(--sheen)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font:inherit;padding:.65rem 1.1rem;border-radius:var(--radius-s);border:1px solid var(--ink);background:transparent;color:var(--ink);text-decoration:none;cursor:pointer;width:-moz-fit-content;width:fit-content;transition:border-color .15s ease,background-color .15s ease}.btn.primary{background:var(--ink);color:var(--bone)}.btn.small{padding:.3rem .6rem;font-size:.8125rem}.btn.wide{width:100%;justify-content:flex-start}.btn:hover{border-color:var(--sheen)}.btn.primary:hover{background:var(--feather);border-color:var(--feather)}.rows{list-style:none;margin:0 0 1rem;padding:0}.rows li{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;border-bottom:1px dashed rgba(19,18,23,.12)}.grow,.rows .grow{flex:1 1;min-width:0;overflow-wrap:anywhere}.rows .dim{text-decoration:line-through}.kind,.rows .dim{color:var(--mist)}.kind{min-width:4.5rem}.row3{display:grid;grid-template-columns:8rem 1fr 1.4fr;grid-gap:.5rem;gap:.5rem}@media (max-width:480px){.row3{grid-template-columns:1fr}}.note{color:var(--feather);font-size:.875rem;margin:.75rem 0 0}.note.ok{color:#2f7a4f}.note.err{color:#b3402a}.note-inline{font-size:.75rem;color:var(--mist)}.note-inline.done{color:#2f7a4f}.note-inline.error,.note-inline.unsupported{color:#b3402a}.signout{margin-top:2.5rem}.theme-bg{background-color:var(--card-bg);background-image:var(
    --card-bg-image,radial-gradient(120% 90% at 50% 0,color-mix(in oklab,var(--card-accent) 9%,var(--card-bg)),var(--card-bg) 58%)
  );color:var(--card-ink);font-family:var(--card-font)}.card-stage,.theme-bg{min-height:100vh;min-height:100dvh}.card-stage{display:grid;place-items:center;padding:1.5rem 1.25rem 2rem}.card-col{width:100%;max-width:25rem;display:flex;flex-direction:column;align-items:center;gap:.9rem}.theme-bg .card-sub,.theme-bg .kind,.theme-bg .note{color:var(--card-muted)}.theme-bg .btn{color:var(--card-ink);border-color:var(--card-ink);background:transparent}.theme-bg .btn.primary{background:var(--card-btn-bg);color:var(--card-btn-ink);border-color:var(--card-btn-bg)}.theme-bg .btn:hover{border-color:var(--card-accent)}.theme-bg :focus-visible{outline-color:var(--card-accent)}.theme-bg a{color:inherit}.hero-ctas{display:flex;gap:.6rem;margin:0 0 3rem}.capgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem 1.75rem;gap:2rem 1.75rem;margin-top:.5rem}figure.cap{margin:0}figure.cap svg{display:block;width:100%;max-width:240px;height:auto;margin:0 auto}figure.cap figcaption h3{font-size:1.125rem;letter-spacing:-.01em;margin:1rem 0 .35rem;display:flex;align-items:center;gap:.5rem}figure.cap figcaption p{margin:0;color:var(--feather);font-size:.9rem;line-height:1.55}.chip{font-size:.625rem;text-transform:uppercase;letter-spacing:.14em;padding:.2rem .5rem;border-radius:999px;border:1px solid;font-weight:500}.chip.live{color:#2f7a4f}.chip.build{color:var(--mist)}.chip.pro{color:var(--sheen);border-color:color-mix(in oklab,var(--sheen) 45%,transparent)}@media (prefers-reduced-motion:no-preference){figure.cap .arc{animation:breathe 3.2s ease-in-out infinite}}.qr{margin-top:.9rem;display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;background:#ffffff;border-radius:12px;padding:.9rem}.qr-svg{width:min(220px,60vw)}.qr-svg svg{display:block;width:100%;height:auto}.qr-caption{color:#131217;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase}.signout{display:flex;gap:.6rem;align-items:center}.stats{display:flex;align-items:flex-end;gap:2rem;margin-bottom:1rem}.stat{display:flex;flex-direction:column}.statnum{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;line-height:1}.statlabel{color:var(--mist);font-size:.6875rem;text-transform:uppercase;letter-spacing:.14em;margin-top:.35rem}.daybars{display:flex;align-items:flex-end;gap:4px;height:44px;margin-left:auto}.daybar{width:8px;background:var(--sheen);border-radius:4px;display:inline-block}.xchg-block{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.btn.big{padding:1rem 1.5rem;font-size:1.0625rem;border-radius:12px}.btn.listening{border-color:var(--sheen);color:var(--sheen)}@media (prefers-reduced-motion:no-preference){.btn.listening{animation:breathe 2.4s ease-in-out infinite}}.proto{display:flex;gap:1.25rem;font-size:.8125rem;color:var(--feather)}.proto input{accent-color:var(--sheen)}.qrfall{margin-top:1.5rem}.qrfall-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.14em;color:var(--mist);margin:0 0 .5rem}.card{width:100%;background:var(--card-surface);border:1px solid color-mix(in oklab,var(--card-ink) 14%,transparent);border-radius:var(--radius-m);padding:1.75rem 1.5rem 1.25rem;max-height:calc(100dvh - 5.5rem);display:flex;flex-direction:column;box-shadow:0 1px 2px rgb(0 0 0/.07),0 16px 40px -18px rgb(0 0 0/.3)}@media (prefers-reduced-motion:no-preference){.card{animation:card-rise .55s cubic-bezier(.22,.8,.3,1) both}@keyframes card-rise{0%{opacity:0;transform:translateY(12px)}}}.card-head{display:flex;flex-direction:column;align-items:center;text-align:center}.monogram{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:1.125rem;letter-spacing:.08em;border:1px solid color-mix(in oklab,var(--card-ink) 22%,transparent);background:color-mix(in oklab,var(--card-accent) 14%,var(--card-surface));margin-bottom:.85rem}.card-name{margin:0;font-size:clamp(1.6rem,6vw,2rem);font-weight:700;letter-spacing:-.02em;line-height:1.12}.card-sub{margin:.45rem 0 0;font-size:.9375rem}.card-mark{color:var(--card-accent);margin-top:.8rem}.card-actions{display:flex;gap:.6rem;margin-top:1.25rem}.card-actions .btn{border-radius:12px;padding:.75rem 1.1rem}.card-actions .btn.primary{flex:1 1;text-align:center}.card-links{list-style:none;margin:1.1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;min-height:0}.card-link{display:flex;align-items:baseline;gap:.8rem;padding:.65rem .9rem;border-radius:var(--radius-s);border:1px solid color-mix(in oklab,var(--card-ink) 13%,transparent);background:color-mix(in oklab,var(--card-ink) 4%,transparent);text-decoration:none;transition:border-color .15s ease,background-color .15s ease}.card-link:hover{border-color:var(--card-accent);background:color-mix(in oklab,var(--card-accent) 9%,transparent)}.card-link .kind{font-size:.625rem;text-transform:uppercase;letter-spacing:.14em;min-width:3rem}.card-link-label{overflow-wrap:anywhere}.card-foot{margin-top:1.2rem;padding-top:.8rem;border-top:1px solid color-mix(in oklab,var(--card-ink) 10%,transparent);display:flex;justify-content:center;font-size:.6875rem;letter-spacing:.12em}.card-foot,.made-with{color:var(--card-muted)}.made-with{font-size:.625rem;text-transform:uppercase;letter-spacing:.14em;text-decoration:none}.made-with:focus-visible,.made-with:hover{color:var(--card-accent)}.made-with{display:inline-flex;align-items:center;gap:.5rem}.made-with-mark{width:20px;height:8px}.qr-modal{border:none;border-radius:20px;padding:1.25rem 1.25rem .9rem;background:#ffffff;color:#131313;box-shadow:0 24px 64px -16px rgb(0 0 0/.45);max-width:min(20rem,calc(100vw - 2.5rem));text-align:center}.qr-modal::-webkit-backdrop{background:rgb(0 0 0/.5)}.qr-modal::backdrop{background:rgb(0 0 0/.5)}.qr-modal .qr{padding:0}.qr-close{margin-top:.9rem;border:none;background:none;cursor:pointer;font-size:.6875rem;text-transform:uppercase;letter-spacing:.14em;color:#666;padding:.4rem .8rem}.qr-close:focus-visible,.qr-close:hover{color:#131313}@media (prefers-reduced-motion:no-preference){.qr-modal{opacity:0;transform:scale(.96);transition:opacity .18s ease,transform .18s ease,display allow-discrete .18s,overlay allow-discrete .18s}.qr-modal:popover-open{opacity:1;transform:none}@starting-style{.qr-modal:popover-open{opacity:0;transform:scale(.96)}}}.sitehead{border-bottom:1px solid var(--hairline)}.sitehead-inner{max-width:40rem;margin:0 auto;padding:.9rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink);text-decoration:none;font-size:.9375rem;letter-spacing:.02em}.brand-mark{width:26px;height:10px;color:var(--sheen)}.sitenav{display:flex;gap:1.1rem;align-items:center}.sitenav>a:not(.btn){color:var(--feather);text-decoration:none}.sitenav>a:not(.btn):hover{color:var(--sheen)}.sitefoot{border-top:1px solid var(--hairline);margin-top:auto;color:var(--mist);font-size:.75rem}.sitefoot-inner{max-width:40rem;margin:0 auto;padding:1.4rem 1.5rem;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;justify-content:space-between;align-items:center}.sitefoot .brand{color:var(--mist)}.sitefoot nav a{color:inherit;text-underline-offset:3px;margin-left:.9rem}.sitefoot nav a:first-child{margin-left:0}.sitefoot nav a:hover{color:var(--ink)}.cta-band{background:color-mix(in oklab,var(--sheen) 7%,var(--surface));border:1px solid var(--hairline);border-radius:var(--radius-m);padding:2.25rem 1.5rem;text-align:center;margin:2.25rem 0 1.1rem}.cta-band h2{margin:0 0 .35rem;font-size:1.45rem;letter-spacing:-.02em}.cta-band p{color:var(--feather);margin:0 0 1.35rem}.card-socials{list-style:none;margin:1.2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center}.social-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid color-mix(in oklab,var(--card-ink) 13%,transparent);background:color-mix(in oklab,var(--card-ink) 4%,transparent);color:var(--card-muted);transition:border-color .15s ease,color .15s ease,background-color .15s ease}.social-btn:focus-visible,.social-btn:hover{border-color:var(--card-accent);color:var(--card-accent);background:color-mix(in oklab,var(--card-accent) 9%,transparent)}.social-icon{width:20px;height:20px}.swatches,.tmpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.25rem,1fr));grid-gap:.75rem;gap:.75rem;list-style:none;margin:0 0 1rem;padding:0}.swatch{position:relative;cursor:pointer}.swatch input{position:absolute;opacity:0;pointer-events:none}.swatch-chip{display:block;height:3.4rem;border-radius:var(--radius-s);border:1px solid var(--hairline);position:relative}.swatch-accent{position:absolute;left:.55rem;bottom:.5rem;width:.85rem;height:.85rem;border-radius:50%;border:1px solid rgba(255,255,255,.35)}.swatch input:checked~.swatch-chip,.swatch input:focus-visible~.swatch-chip{outline:2px solid var(--sheen);outline-offset:2px}.swatch-name{display:flex;gap:.4rem;align-items:center;margin-top:.4rem;font-size:.7rem;color:var(--feather)}.swatch.locked{cursor:not-allowed}.swatch.locked .swatch-chip{opacity:.55}.tmpl-lede{color:var(--feather);margin:0 0 1rem;font-size:.9375rem}.plans{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.1rem;gap:1.1rem;margin:0 0 1.1rem}@media (max-width:480px){.plans{grid-template-columns:1fr}}.plans .panel{margin:0}.plan-list{list-style:none;margin:0;padding:0}.plan-list li{padding:.3rem 0;color:var(--feather);font-size:.9375rem}.plan-list li:before{content:"— ";color:var(--mist)}