:root{--bg:#f5f1e8;--surface:#fffcf6e0;--surface-strong:#fffaf1;--text:#1d2a29;--muted:#5d6a68;--accent:#b8682f;--accent-soft:#b8682f1f;--line:#1d2a291f;--shadow:0 24px 70px #372a181f;--radius-lg:28px;--radius-md:18px;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffffffb3,#0000 30%),linear-gradient(#f8f5ed 0%,#efe7d9 100%);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}code{background:var(--accent-soft);border-radius:999px;padding:.1rem .35rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.94em}#app{min-height:100vh}.site-shell{width:min(1120px,100% - 2rem);margin:0 auto;padding:.5rem 0 3rem}.site-header{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf1b8;justify-content:space-between;align-items:center;gap:1rem;padding:.2rem 1rem;display:flex}.brand{align-items:center;gap:0;line-height:0;display:inline-flex}.brand__logo{width:22.5rem;height:auto;display:block}.site-nav{color:var(--muted);gap:1rem;font-size:.95rem;display:inline-flex}.site-main{padding-top:1.5rem}.hero{grid-template-columns:minmax(0,1.5fr) minmax(280px,.95fr);align-items:start;gap:1.5rem;display:grid}.hero__content,.hero__panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);padding:2rem}.hero__content{flex-direction:column;justify-content:center;min-height:360px;display:flex}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 .9rem;font-size:.78rem;font-weight:700}h1,h2,p,ul{margin:0}h1{letter-spacing:-.05em;max-width:11ch;font-size:clamp(2.8rem,7vw,5.6rem);line-height:.95}h2{margin-bottom:1rem;font-size:1.1rem}.hero__copy{max-width:56ch;color:var(--muted);margin-top:1.25rem;font-size:1.05rem}.hero__panel{background:var(--surface-strong)}.folder-list{color:var(--muted);padding-left:1.2rem}.folder-list li+li{margin-top:.75rem}@media (width<=800px){.site-shell{width:min(100% - 1rem,1120px);padding-top:.25rem}.site-header,.hero__content,.hero__panel{padding:.5rem 1rem}.hero{grid-template-columns:1fr}.site-header{flex-direction:column;align-items:flex-start}.site-nav{flex-wrap:wrap}}