:root{color-scheme:light dark;--shell-bg:#fbfaf7;--shell-panel:#fff;--shell-text:#17202a;--shell-muted:#5d6975;--shell-border:#d9d7d0;--shell-accent:#e05d2f;--shell-accent-2:#b8421c;--shell-code:#161b22}html[data-theme=dark]{--shell-bg:#0d1117;--shell-panel:#151b23;--shell-text:#e6edf3;--shell-muted:#9aa7b2;--shell-border:#303943;--shell-accent:#ff8055;--shell-accent-2:#ffa07f;--shell-code:#090d12}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--shell-bg:#0d1117;--shell-panel:#151b23;--shell-text:#e6edf3;--shell-muted:#9aa7b2;--shell-border:#303943;--shell-accent:#ff8055;--shell-accent-2:#ffa07f;--shell-code:#090d12}}html{scroll-behavior:smooth}body{background:var(--shell-bg);color:var(--shell-text)}a{color:var(--shell-accent-2)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--shell-accent);outline-offset:3px}.skip-link{position:fixed;left:1rem;top:1rem;z-index:1000;transform:translateY(-180%);background:var(--shell-panel);padding:.75rem 1rem;border:2px solid var(--shell-accent);border-radius:.5rem}.skip-link:focus{transform:none}.site-nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--shell-bg) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--shell-border)}.nav-inner,.footer-inner{max-width:76rem;margin:auto;padding:.85rem 1.25rem;display:flex;align-items:center;gap:1.5rem}.nav-brand{display:flex;align-items:center;gap:.6rem;color:var(--shell-text);font-weight:800;text-decoration:none;font-size:1.1rem}.nav-primary{margin-left:auto;display:flex;align-items:center;gap:1.1rem}.nav-primary a{color:var(--shell-text);text-decoration:none;font-weight:600}.nav-primary a:hover{color:var(--shell-accent)}.theme-toggle{border:1px solid var(--shell-border);background:var(--shell-panel);color:var(--shell-text);border-radius:999px;width:2.35rem;height:2.35rem;cursor:pointer}.site-footer{border-top:1px solid var(--shell-border);margin-top:4rem;color:var(--shell-muted)}.footer-inner{align-items:flex-start;justify-content:space-between;flex-wrap:wrap;font-size:.9rem}.footer-inner p{margin:.2rem 0}.footer-meta{flex-basis:100%}.docs-shell,.example-shell{max-width:96rem;margin:auto;display:grid;grid-template-columns:minmax(13rem,17rem) minmax(0,48rem) minmax(10rem,14rem);gap:2.5rem;padding:2rem 1.25rem 5rem}.docs-sidebar,.example-rail{position:sticky;top:5.5rem;align-self:start;max-height:calc(100vh - 7rem);overflow:auto;padding-right:.5rem}.docs-search-label{display:block;font-weight:700;margin-bottom:.45rem}.docs-filter{width:100%;border:1px solid var(--shell-border);border-radius:.55rem;background:var(--shell-panel);color:var(--shell-text);padding:.65rem .75rem;margin-bottom:1rem}.docs-group{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--shell-muted);margin:1.15rem 0 .4rem}.docs-sidebar ul,.example-rail ol{list-style:none;padding:0;margin:0}.docs-sidebar a,.example-rail a{display:block;color:var(--shell-muted);padding:.28rem .45rem;border-radius:.35rem;text-decoration:none}.docs-sidebar a:hover,.docs-sidebar a[aria-current=page],.example-rail a:hover{background:color-mix(in srgb,var(--shell-accent) 12%,transparent);color:var(--shell-text)}.docs-sidebar a[aria-current=page]{box-shadow:inset 3px 0 var(--shell-accent)}.docs-empty{color:var(--shell-muted)}.docs-body{min-width:0}.content-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--shell-accent);font-size:.78rem;font-weight:800}.docs-description{font-size:1.12rem;color:var(--shell-muted);margin-top:-.5rem}.prose{line-height:1.72}.prose h1{font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.06}.prose h2,.prose h3{scroll-margin-top:5rem}.prose img{max-width:100%;height:auto;border-radius:.7rem;border:1px solid var(--shell-border)}.prose pre{background:var(--shell-code);color:#e6edf3;border-radius:.7rem;padding:1rem;overflow:auto}.prose table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--shell-border);padding:.55rem .7rem;text-align:left}.docs-toc{position:sticky;top:5.5rem;align-self:start;max-height:calc(100vh - 7rem);overflow:auto}.docs-toc ul{padding-left:1rem}.docs-toc a{color:var(--shell-muted);text-decoration:none;font-size:.88rem}.example-rail li{margin-bottom:.9rem}.example-rail span{display:block;color:var(--shell-muted);font-size:.78rem;padding-left:.45rem}.browser-frame{border:1px solid var(--shell-border);border-radius:.8rem;overflow:hidden;background:var(--shell-panel);margin:1.5rem 0}.browser-bar{padding:.55rem .85rem;border-bottom:1px solid var(--shell-border);color:var(--shell-muted);font:500 .78rem ui-monospace,monospace}.hub-hero{padding:clamp(4rem,10vw,8rem) 1.25rem;background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--shell-accent) 22%,transparent),transparent 35%)}.hub-hero .container{max-width:65rem}.hub-hero h1{max-width:17ch;font-size:clamp(2.8rem,7vw,5.4rem);line-height:.98;margin:.4rem 0 1.2rem}.hub-hero .lede{max-width:58ch;font-size:1.25rem;color:var(--shell-muted)}.hub-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}.hub-section{padding-block:3.5rem}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hub-card{display:block;border:1px solid var(--shell-border);border-radius:.8rem;background:var(--shell-panel);padding:1.25rem;color:var(--shell-text);text-decoration:none}.hub-card>span{color:var(--shell-accent);font-weight:800}.hub-card p{color:var(--shell-muted)}.guide-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.guide-columns a{display:block;padding:.28rem 0}.example-shell{grid-template-columns:minmax(11rem,14rem) minmax(0,52rem) minmax(10rem,14rem)}@media(max-width:70rem){.docs-shell,.example-shell{grid-template-columns:minmax(12rem,15rem) minmax(0,1fr)}.docs-toc{display:none}}@media(max-width:48rem){html{scroll-behavior:auto}.nav-primary{gap:.65rem;overflow:auto}.nav-primary a:nth-child(3),.nav-primary a:nth-child(5){display:none}.nav-inner{padding-inline:.85rem}.docs-shell,.example-shell{display:block;padding-top:1rem}.docs-sidebar,.example-rail{position:static;max-height:none;border-bottom:1px solid var(--shell-border);padding-bottom:1rem;margin-bottom:2rem}.docs-sidebar nav{columns:2}.docs-group{break-after:avoid}.docs-sidebar ul{break-inside:avoid}.hub-grid,.guide-columns{grid-template-columns:1fr}.hub-hero{padding-block:4rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Product positioning: the application, its builder, and explicit resource choices. */
.marketing { --pitch-space: clamp(3.5rem, 7vw, 6rem); }
.marketing .container { max-width: 76rem; }
.marketing .content-kicker { color: var(--shell-accent-2); }
.marketing .btn { padding: .85rem 1.2rem; font-size: 1rem; }
.marketing .btn--primary { background: var(--shell-accent); border-color: var(--shell-accent); color: #17100d; }
.marketing .btn--secondary { color: var(--shell-text); border-color: var(--shell-border); background: var(--shell-panel); }
.pitch-hero { padding: var(--pitch-space) 0; background: radial-gradient(ellipse at 90% 15%, color-mix(in srgb, var(--shell-accent) 14%, transparent), transparent 55%); }
.pitch-grid { display: grid; grid-template-columns: 1.25fr 1fr; align-items: center; gap: clamp(2rem, 5vw, 5rem); }
.pitch-hero h1 { font-size: clamp(3.1rem, 6.7vw, 5.5rem); line-height: 1.02; letter-spacing: -.055em; margin: 1rem 0 1.5rem; }
.pitch-hero h1 span { color: var(--shell-accent-2); }
.pitch-lede { font-size: 1.25rem; max-width: 45ch; color: var(--shell-muted); }
.pitch-audience { margin-top: 1.3rem; font-size: 1rem; }
.pitch-command { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 2rem; }
.pitch-command code { padding: .6rem .8rem; border-color: var(--shell-border); background: var(--shell-panel); }
.pitch-command a { font-size: .9rem; }
.pitch-meta { color: var(--shell-muted); font-size: .8rem; margin-top: 1.5rem; }
.architecture { background: var(--shell-panel); border: 1px solid var(--shell-border); border-radius: 1rem; box-shadow: 0 20px 70px -45px var(--shell-accent); overflow: hidden; }
.architecture-top, .architecture-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem; padding: 1.2rem; font-size: .85rem; }
.architecture-top { border-bottom: 1px solid var(--shell-border); font-weight: 700; }
.architecture-tag { font-size: .65rem; letter-spacing: .08em; align-self: center; color: var(--shell-accent-2); }
.architecture-layer { padding: 1.4rem; margin: 1rem; border: 1px solid var(--shell-border); border-radius: .6rem; }
.architecture-layer strong { font-size: 1.1rem; }
.architecture-layer p { margin-top: .4rem; color: var(--shell-muted); font-size: .9rem; }
.architecture-control { background: color-mix(in srgb, var(--shell-accent) 8%, transparent); }
.architecture-bottom { padding-top: .3rem; font-family: var(--font-mono); }
.architecture-caption { padding: 1rem 1.2rem; border-top: 1px solid var(--shell-border); font-size: .8rem; color: var(--shell-muted); }
.pitch-section { padding-block: var(--pitch-space); }
.pitch-heading { max-width: 47rem; margin-bottom: 2rem; }
.pitch-heading h2, .pitch-close h2 { font-size: clamp(2rem, 3.7vw, 3.2rem); line-height: 1.13; letter-spacing: -.035em; margin: .7rem 0 1.1rem; }
.pitch-heading p:not(.content-kicker) { color: var(--shell-muted); margin-block: 1rem; font-size: 1.1rem; }
.pitch-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; }
.pitch-card { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; padding: 1.7rem; border: 1px solid var(--shell-border); border-radius: .8rem; background: var(--shell-panel); }
.pitch-card h3 { font-size: 1.3rem; line-height: 1.3; color: var(--shell-text); }
.pitch-card p { color: var(--shell-muted); flex: 1; }
.pitch-number { font: 600 .75rem var(--font-mono); color: var(--shell-accent-2); letter-spacing: .06em; }
.pitch-card a, .pitch-card > span:last-child { font-size: .9rem; font-weight: 600; }
.services-grid > a { text-decoration: none; }
.services-grid > a:hover { border-color: var(--shell-accent); }
.pitch-band { background: color-mix(in srgb, var(--shell-border) 17%, var(--shell-bg)); border-block: 1px solid var(--shell-border); }
.pitch-paths, .pitch-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.pitch-split { gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.pitch-split .pitch-heading { margin-bottom: 0; }
.framework-panel, .pitch-evidence { min-width: 0; padding: 1.7rem; border: 1px solid var(--shell-border); border-radius: .8rem; background: var(--shell-panel); }
.framework-panel pre { margin: 1.2rem 0; background: var(--shell-code); color: #e6edf3; font-size: .78rem; }
.framework-panel p:not(.pitch-number), .pitch-evidence p { color: var(--shell-muted); font-size: .95rem; margin-block: 1rem; }
.pitch-evidence h3 { font-size: 1.35rem; }
.pitch-evidence ul { padding-left: 1.2rem; margin-top: 1.3rem; }
.pitch-evidence li { margin-bottom: .9rem; }
.pitch-shot img { border: 1px solid var(--shell-border); border-radius: .8rem; }
.pitch-shot p { color: var(--shell-muted); margin: 1rem 0 .5rem; }
.pitch-close { border-top: 1px solid var(--shell-border); }
.pitch-close .hub-actions { align-items: center; }
@media(max-width:60rem) { .pitch-grid, .pitch-split { grid-template-columns: 1fr; } .architecture { max-width: 38rem; width: 100%; } .pitch-cards { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:40rem) { .pitch-cards, .pitch-paths { grid-template-columns: 1fr; } .pitch-card, .framework-panel, .pitch-evidence { padding: 1.3rem; } .pitch-hero h1 { font-size: clamp(2.7rem, 12vw, 4rem); } }