.hero{background:radial-gradient(circle at 1px 1px, var(--border) 1px, transparent 0) 0 0 / 24px 24px;padding-bottom:clamp(3rem,6vw,4.5rem);position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(70% 60% at 50% 30%, transparent 0%, var(--bg) 85%);pointer-events:none;position:absolute;inset:0}.hero-inner{text-align:center;flex-direction:column;align-items:center;padding-top:clamp(2rem,4vw,3rem);display:flex;position:relative}.hero-mark{width:clamp(3.25rem,5vw,4.5rem);height:auto;animation:mark-in .9s var(--ease) both;margin-bottom:1rem}@keyframes mark-in{0%{opacity:0;transform:translateY(8px)scale(.96)rotate(-8deg)}}.hero h1{letter-spacing:-.04em;max-width:19ch;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;font-stretch:106%;line-height:.98}.accent{color:var(--ember)}.hero h1 .accent{display:block}.lede{max-width:42rem;color:var(--text-2);margin-top:1.25rem;font-size:clamp(1.0625rem,1.6vw,1.25rem)}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.75rem;display:flex}.install{border:1px solid var(--border);background:var(--bg-subtle);border-radius:10px;align-items:center;gap:.625rem;height:2.875rem;padding:.375rem .5rem .375rem 1rem;font-size:.875rem;display:inline-flex;position:relative}.install code{user-select:all}.prompt{color:var(--text-3)}.copy{width:2rem;height:2rem;color:var(--text-3);background:0 0;border:0;border-radius:7px;place-items:center;display:inline-grid}.copy:hover{background:var(--border);color:var(--text)}.copy-status{color:var(--text-3);white-space:nowrap;margin-left:.75rem;font-size:.75rem;position:absolute;left:100%}.install-version{border-left:1px solid var(--border);color:var(--text-3);padding-left:.625rem;font-size:.75rem;text-decoration:none}.install-version:hover{color:var(--text)}.stage{margin-top:clamp(2rem,4vw,3rem);position:relative}.hero .stage{max-width:58rem}.stage>figcaption{color:var(--text-3);text-align:center;margin-top:.875rem;font-size:.8125rem}.stage>figcaption a{color:var(--text-2)}.stage>figcaption a:hover{color:var(--ember-ink)}.lede code{color:var(--text);font-size:.85em}.hero-plate{--gx:10%;--gy:90%}@media (width<=40rem){.hero-actions{gap:.5rem}.hero-actions .button{padding-inline:1rem;font-size:.875rem}.copy-status{margin:.375rem 0 0;top:100%;left:auto;right:0}}.section-head{max-width:44rem}.section-head h2{letter-spacing:-.04em;font-size:clamp(2rem,4.2vw,3.25rem);font-weight:700;font-stretch:104%;line-height:1.02}.section-head p{overflow-wrap:anywhere;color:var(--text-2);margin-top:1rem;font-size:1.125rem}.section-head .text-link{margin-top:1.25rem}.text-link{color:var(--ember-ink)}.text-link:hover{color:var(--text)}code{font-size:.92em}.plate{--gx:10%;--gy:90%;border-radius:calc(var(--radius) * 1.5);isolation:isolate;background:radial-gradient(circle at var(--gx) var(--gy), #fff1d2 0%, #ffb547 5%, #ff7a1a 12%, #e8590c99 22%, #8c2e084d 38%, transparent 60%), repeating-linear-gradient(118deg, #ffaa6e17 0 2px, transparent 2px 16px), linear-gradient(118deg, transparent 30%, #ff8a3c29 48%, transparent 66%), radial-gradient(130% 100% at var(--gx) var(--gy), #2b2b2f 0%, #19191c 55%, #0e0e10 100%);padding:clamp(.5rem,3vw,2.25rem);position:relative;overflow:hidden}.plate:after{content:"";z-index:-1;opacity:.55;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.example{border-radius:var(--radius);background:var(--surface);border:1px solid #ffffff1f;overflow:hidden;box-shadow:0 24px 48px -20px #0000008c,0 2px 6px #00000040}@media (prefers-color-scheme:dark){.example{background:#0b0b0d;border-color:#ffffff1a}.example .code,.example .code span{color:var(--shiki-dark)!important}}.example .code{font-family:var(--brand-font-mono);scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;margin:0;line-height:1.7;overflow:auto;background:0 0!important}.example .code:focus-visible{outline-offset:-3px}.example-tabs{scrollbar-width:none;gap:.25rem;min-width:0;padding:.625rem clamp(.75rem,2.5vw,1.375rem) 0;display:flex;overflow-x:auto}.example-tab{color:var(--text-3);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;padding:.3125rem .75rem;font-size:.8125rem;font-weight:550}.example-tab:hover{color:var(--text)}.example-tab[aria-selected=true]{border-color:var(--border);background:var(--bg-subtle);color:var(--text)}.example-tab:focus-visible{outline-offset:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.map{grid-template-columns:minmax(0,1fr);gap:.875rem;padding:1rem clamp(.75rem,2.5vw,1.375rem) .25rem;display:grid}.map-head{gap:.375rem;display:grid}.map-call{background:var(--bg-subtle);max-width:100%;color:var(--text);overflow-wrap:anywhere;border-radius:6px;justify-self:start;padding:.25rem .5rem;font-size:.8125rem}.map-note{color:var(--text-2);font-size:.875rem;line-height:1.5}.map-vector{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-size:.75rem;display:flex}.map-vector ol{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.map-vector li{border:1px solid var(--border);color:var(--text);border-radius:6px;align-items:center;gap:.375rem;padding:.1875rem .5rem .1875rem .1875rem;display:inline-flex}.map-slot{background:color-mix(in oklab, var(--ember) 16%, transparent);min-width:1.25rem;height:1.25rem;color:var(--ember-ink);border-radius:4px;place-items:center;padding-inline:.25rem;font-size:.6875rem;font-weight:700;display:inline-grid}.map-scroll{overscroll-behavior-x:contain;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;overflow-x:auto}.map-scroll:focus-visible{outline-offset:2px}.map-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:17.5rem}.map-col-input{width:42%}.map-col-arrow{width:2.25rem}.map-table th{border-bottom:1px solid var(--border);color:var(--text-3);letter-spacing:.06em;text-align:left;text-transform:uppercase;padding:0 0 .5rem;font-size:.6875rem;font-weight:500}.map-table th:first-child,.map-table tbody td:first-child{text-align:right}.map-table thead td{border-bottom:1px solid var(--border)}.map-table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 0}.map-table tbody tr:last-child td{border-bottom:0}.map-columns{gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.map-columns li{justify-items:end;gap:.25rem;min-width:0;display:grid}.column-head{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.25rem .375rem;min-width:0;max-width:100%;display:flex}.column-name{color:var(--text);overflow-wrap:anywhere;font-size:.8125rem;font-weight:600}.column-dtype{border:1px solid var(--border);color:var(--text-3);border-radius:4px;flex-shrink:0;padding:0 .3125rem;font-size:.6875rem}.column-values{color:var(--text-2);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.125rem .5rem;font-size:.75rem;line-height:1.5;display:flex}.column-values span{white-space:nowrap}.column-values span:not(.column-dtype,:last-child):after{content:" ·";color:var(--text-3)}@media (width<=30rem){.map-col-input{width:46%}.column-values span:nth-child(n+4){display:none}.column-values span:nth-child(3):after{content:none}}.map-arrow svg{fill:none;width:100%;height:.75rem;stroke:var(--ember);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;padding-inline:.375rem;display:block;overflow:visible}.map-legend{color:var(--text-3);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.map-changed{background:color-mix(in oklab, var(--ember) 24%, transparent);border-radius:3px;width:.75rem;height:.75rem}@media (width<=22.5rem){.map{padding-inline:.625rem}.map-table{min-width:15rem}}.field{flex-wrap:wrap;align-items:center;gap:.3125rem .625rem;min-width:0;display:flex}.field-kind{border:1px solid var(--border-strong);background:var(--bg-subtle);color:var(--text);border-radius:4px;align-items:center;gap:.3125rem;padding:.0625rem .4375rem;font-size:.6875rem;display:inline-flex}.field-label{overflow-wrap:anywhere;font-size:.9375rem;font-weight:600}.field-target,.field-prop{color:var(--text-3);overflow-wrap:anywhere;font-size:.75rem}.field-target b{color:var(--ember-ink);font-weight:600}.field-prop span{color:var(--text-2)}.field [data-changed]{background:color-mix(in oklab, var(--ember) 14%, transparent);border-radius:4px;padding-inline:.25rem}.field-parts{border-left:1px solid var(--border-strong);flex-basis:100%;gap:.25rem;margin:.125rem 0 0;padding:0 0 0 .75rem;font-size:.75rem;list-style:none;display:grid}.field-parts li{flex-wrap:wrap;align-items:center;gap:.125rem .5rem;display:flex}.field-rank{background:color-mix(in oklab, var(--ember) 16%, transparent);min-width:1rem;height:1rem;color:var(--ember-ink);border-radius:999px;place-items:center;font-size:.625rem;font-weight:700;display:inline-grid}.source{border-top:1px solid var(--border);min-width:0}.source summary{width:fit-content;color:var(--text-2);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 0;font-size:.8125rem;list-style:none;display:flex}.source summary::-webkit-details-marker{display:none}.source summary:before{content:"";width:.4375rem;height:.4375rem;transition:transform .18s var(--ease);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(-45deg)}.source[open] summary:before{transform:rotate(45deg)}.source summary:hover{color:var(--text)}.source-pair{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;grid-template-columns:repeat(2,minmax(16rem,1fr));align-items:start;gap:.75rem;padding-bottom:1rem;display:grid;overflow-x:auto}.source-pane{border:1px solid var(--border);scroll-snap-align:start;border-radius:8px;min-width:0;overflow:hidden}.source-pane figcaption{border-bottom:1px solid var(--border);color:var(--text-3);padding:.375rem .75rem;font-size:.6875rem}.example .source-pane .code{max-height:22rem;padding:.75rem;font-size:.6875rem}.kinds,.mapping,.refine,.integrate{border-top:1px solid var(--border)}.split{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.split.reverse>:first-child{order:2}.split.reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.section-head p+p{margin-top:.75rem}.kinds-plate{--gx:92%;--gy:8%}.mapping-plate{--gx:8%;--gy:12%}.refine-plate{--gx:90%;--gy:88%;margin-top:2.5rem}.integrate-plate{--gx:12%;--gy:14%}.kind-order{flex-wrap:wrap;gap:.5rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}.kind-order li{border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;align-items:center;gap:.375rem;padding:.1875rem .625rem .1875rem .25rem;font-size:.8125rem;display:inline-flex}.kind-order .field-rank{min-width:1.25rem;height:1.25rem;font-size:.6875rem}.refine-errors{max-width:48rem;color:var(--text-2);margin-top:1.5rem;font-size:.9375rem}.refine-errors .text-link{white-space:nowrap;margin-left:.25rem;display:inline}.integrate .stage{margin-top:2.5rem}.live-pair{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-color:#ffffff4d transparent;scrollbar-width:thin;grid-template-columns:minmax(18rem,1.35fr) minmax(13rem,1fr);align-items:start;gap:.75rem;display:grid;overflow-x:auto}.live-pair:focus-visible{outline-offset:2px}.live-pane{border-radius:var(--radius);background:var(--surface);scroll-snap-align:start;border:1px solid #ffffff1f;min-width:0;overflow:hidden}@media (prefers-color-scheme:dark){.live-pane{background:#0b0b0d;border-color:#ffffff1a}}.live-caption{border-bottom:1px solid var(--border);color:var(--text-3);padding:.625rem 1rem;font-size:.8125rem}.live-form{min-height:22rem;padding:clamp(.75rem,2vw,1.25rem)}.live-status{color:var(--text-3);font-size:.875rem}.live-values{color:var(--text);white-space:pre;margin:0;padding:1rem;font-size:.8125rem;line-height:1.7;overflow-x:auto}.path{border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));margin:3rem 0 0;padding:0;list-style:none;display:grid}.path li{border-top:2px solid #0000;gap:.25rem;margin-top:-1px;padding:1.25rem 1rem 0 0;display:grid}.path li[aria-current=step]{border-top-color:var(--ember)}.path-stage{color:var(--text-3);letter-spacing:.02em;font-size:.75rem}.path a{font-size:1.375rem;line-height:1.2;text-decoration:none}.path a:hover{color:var(--ember-ink)}@media (width<=64rem){.split,.split.reverse{grid-template-columns:minmax(0,1fr)}.split.reverse>:first-child{order:0}}@media (width<=48rem){.path{grid-template-columns:minmax(0,1fr)}.path li{border-top:0;border-bottom:1px solid var(--border);grid-template-columns:7rem minmax(0,1fr);align-items:center;margin-top:0;padding:.875rem 0}.path li[aria-current=step]{border-left:2px solid var(--ember);padding-left:.75rem}}.start{border-top:1px solid var(--border)}.start-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem 3rem;display:flex}.start .hero-actions{margin-top:0}.start .section-head{max-width:36rem}
