:root{color:#111827;font-family:IBM Plex Sans,Avenir Next,sans-serif;line-height:1.5;font-synthesis:none;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,var(--site-accent-soft),transparent 38%),radial-gradient(circle at bottom right,rgba(255,255,255,.75),transparent 28%),linear-gradient(180deg,#f8fafc,#eef2ff);color:var(--site-ink)}button{font:inherit}a{color:inherit}.demo-app{min-height:100vh;position:relative}.demo-app__backdrop{top:0;right:0;bottom:0;left:0;opacity:.9;pointer-events:none;position:fixed;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:32px 32px}.shell{margin:0 auto;max-width:1160px;padding:48px 20px 72px;position:relative;z-index:1}.hero{align-items:stretch;display:grid;gap:24px;grid-template-columns:minmax(0,2.1fr) minmax(280px,.9fr);margin-bottom:40px}.hero__copy,.hero__panel,.featured-story,.post-card,.article-view,.status-card,.empty-state{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:0 25px 60px #0f172a1f}.hero__copy{padding:28px}.hero__copy h1,.article-view h1,.featured-story h2,.post-card h3,.empty-state h2{font-family:Iowan Old Style,Palatino Linotype,serif;line-height:.96;letter-spacing:-.04em;margin:0}.hero__copy h1{font-size:clamp(3.5rem,8vw,6.8rem);margin-top:10px}.hero__description{font-size:1.1rem;margin:20px 0 0;max-width:42rem}.hero__panel{align-content:end;display:grid;gap:6px;padding:24px}.hero__panel-label,.eyebrow{color:var(--site-accent);font-size:.8rem;font-weight:700;letter-spacing:.18em;margin:0;text-transform:uppercase}.hero__panel-value{font-size:2rem;font-weight:700;margin:0}.hero__panel-note,.article-view__meta,.post-card__meta{color:#111827b8;margin:0}.featured-story{display:grid;gap:24px;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);margin-bottom:32px;overflow:hidden;padding:24px}.featured-story__content p:not(.eyebrow){margin-bottom:24px}.featured-story__image,.post-card__image,.article-view__image{border-radius:22px;display:block;height:100%;object-fit:cover;width:100%}.posts-grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.post-card{display:flex;flex-direction:column;overflow:hidden}.post-card__image{aspect-ratio:16 / 10}.post-card__body{display:grid;gap:10px;padding:20px}.post-card__excerpt,.article-view__lede,.article-view__content p,.featured-story__content p{color:#111827db;margin:0}.article-view{margin:0 auto;max-width:880px;padding:24px}.article-view h1{font-size:clamp(2.8rem,6vw,5rem);margin-top:10px}.article-view__image{aspect-ratio:16 / 9;margin:20px 0 24px}.article-view__lede{font-size:1.15rem;margin-bottom:18px}.article-view__content{display:grid;gap:14px}.article-view__content h1,.article-view__content h2,.article-view__content h3,.article-view__content h4{font-family:Iowan Old Style,Palatino Linotype,serif;letter-spacing:-.03em;line-height:1.05;margin:10px 0 0}.article-view__content a{color:var(--site-accent);text-decoration-thickness:2px}.article-view__code{background:#0f172af0;border-radius:18px;color:#e2e8f0;margin:8px 0;overflow-x:auto;padding:16px}.primary-button,.back-button,.link-button{align-items:center;background:var(--site-accent);border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;padding:12px 18px;transition:transform .2s ease,opacity .2s ease}.back-button,.link-button{background:transparent;color:var(--site-accent);justify-content:flex-start;padding-left:0}.primary-button:hover,.back-button:hover,.link-button:hover{opacity:.88;transform:translateY(-1px)}.back-button{margin-bottom:18px}.status-card,.empty-state{margin:72px auto;max-width:640px;padding:32px;position:relative;text-align:center;z-index:1}@media(max-width:980px){.hero,.featured-story,.posts-grid{grid-template-columns:1fr}.hero__copy h1,.article-view h1{line-height:1.02}}