:root{--bg: #d9c6af;--panel: #ecdec9;--ink: #0b0b0b;--muted: #3b332a;--border: #b8a38a;--shadow: rgba(0, 0, 0, .08);--radius: 14px;--serif: "Times New Roman", Times, Georgia, serif;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--serif);color:var(--ink);background:radial-gradient(1200px 800px at 30% 20%,#f4eadb 0%,var(--bg) 55%,#d2bfa7 100%),repeating-linear-gradient(0deg,#00000007 0px 1px,#0000 1px 7px),repeating-linear-gradient(90deg,#00000005 0px 1px,#0000 1px 11px)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}.nav a{text-decoration:underline;text-decoration-style:wavy;text-underline-offset:6px;text-decoration-color:#00000040}.nav a:hover{text-decoration-color:#00000073}code{font-size:.95em;font-family:var(--mono)}pre{margin:.75rem 0 0;background:#ffffff59;border:1px dashed rgba(0,0,0,.22);border-radius:12px;padding:1rem;overflow:auto;box-shadow:0 10px 30px var(--shadow)}#app{min-height:100%;padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));display:grid;grid-template-rows:auto 1fr auto;gap:1.25rem;max-width:1100px;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem 0}.brand{display:inline-flex;align-items:center;gap:.75rem;font-weight:700;letter-spacing:-.04em}.brand__icon{width:42px;height:42px;border-radius:12px;box-shadow:0 12px 30px var(--shadow);border:1px solid rgba(0,0,0,.06)}.brand__wordmark{font-size:1.1rem;font-family:var(--mono);letter-spacing:-.06em}.nav{display:inline-flex;gap:1rem;font-weight:700;color:#000000b8}.main{display:flex;flex-direction:column;gap:3rem}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center;padding-top:1rem}.hero h1{margin:0;font-size:clamp(2.2rem,4vw,3.2rem);letter-spacing:-.06em;line-height:1.05}.page-title{margin:0;font-size:clamp(2rem,3.4vw,2.6rem);letter-spacing:-.05em;line-height:1.1}.lede{margin:1rem 0 0;font-size:1.05rem;line-height:1.6;color:#000000c7}.lede--narrow{max-width:60ch}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1rem;border-radius:999px;background:#000000e6;color:#fff;border:1px solid rgba(0,0,0,.22);box-shadow:0 12px 30px var(--shadow);font-weight:700}.button:hover{text-decoration:none;background:#000000f5}.button--ghost{background:#ffffff4d;color:#000000db;border:1px dashed rgba(0,0,0,.25)}.button--ghost:hover{background:#ffffff73}.pills{list-style:none;padding:0;margin:1.25rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}.pills li{font-size:.92rem;padding:.35rem .6rem;border-radius:999px;border:1px dashed rgba(0,0,0,.18);background:#ffffff40}.hero__preview{display:flex;justify-content:center}.frame{width:min(420px,100%);border-radius:18px;border:2px solid rgba(0,0,0,.18);background:linear-gradient(180deg,#ffffff42,#ffffff29),repeating-linear-gradient(0deg,#00000005 0px 1px,#0000 1px 9px);box-shadow:0 25px 70px var(--shadow);overflow:hidden}.frame__title{padding:.75rem 1rem;border-bottom:1px solid rgba(0,0,0,.08);font-weight:800;letter-spacing:-.05em;font-family:var(--mono)}.frame__editor{background:var(--panel);padding:1rem;min-height:260px;line-height:1.6;border-top:1px solid rgba(255,255,255,.4)}.muted{color:#00000080}.section h2{margin:0 0 1rem;font-size:1.55rem;letter-spacing:-.05em}.subtle{margin:-.25rem 0 1rem;color:#0000009e}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stack{display:flex;flex-direction:column;gap:.75rem}.card{background:#ffffff42;border:1px dashed rgba(0,0,0,.22);border-radius:calc(var(--radius) + 2px);padding:1rem;box-shadow:0 18px 50px var(--shadow);outline:1px solid rgba(0,0,0,.06);outline-offset:3px}.card h3{margin:0;font-size:1.05rem;letter-spacing:-.03em}.card p{margin:.6rem 0 0;color:#000000bf;line-height:1.6}.table{margin-top:.75rem;display:grid;gap:.5rem}.row{display:grid;grid-template-columns:160px 1fr;gap:1rem;padding:.5rem 0;border-bottom:1px dashed rgba(0,0,0,.16)}.row:last-child{border-bottom:none}.k{color:#000000b3;font-weight:700}.v{color:#000000d1}details>summary{cursor:pointer;font-weight:800;list-style:none}details>summary::-webkit-details-marker{display:none}details>summary:after{content:"+";float:right;opacity:.55}details[open]>summary:after{content:"–"}.footer{padding:.25rem 0 .75rem;color:#0000009e}.footer__inner{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.sep{opacity:.55}@media(max-width:900px){.hero,.grid{grid-template-columns:1fr}.row{grid-template-columns:130px 1fr}.nav{gap:.75rem}}