@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:wght@400;500;600&family=Instrument+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;600;700&display=swap";:root{--paper:#faf8f3;--paper-soft:#f0ebe2;--paper-strong:#fff;--ink:#1a1710;--ink-soft:#817a70;--ink-muted:#ada69d;--line:#e5e0d8;--line-strong:#d1cac0;--copper:#c94528;--copper-light:#c9452812;--copper-mid:#c9452824;--success:#2b854f;--danger:#c0392b;text-rendering:optimizelegibility;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Instrument Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:var(--paper);margin:0}#root{min-height:100vh;position:relative}::selection{background:var(--copper);color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--copper)}.page-shell{background:var(--paper);position:relative;overflow-x:hidden}@media (width<=720px){.page-shell{padding-bottom:56px}}.paper-noise{pointer-events:none;opacity:.025;background-image:linear-gradient(#00000005 1px,#0000 1px),linear-gradient(90deg,#00000005 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0006,#0000 90%);mask-image:linear-gradient(#0006,#0000 90%)}section{width:100vw;margin-left:calc(50% - 50vw);padding:56px 24px;position:relative}.content-frame{z-index:2;max-width:1200px;margin:0 auto;position:relative}.site-logo{z-index:25;flex-direction:column;gap:2px;text-decoration:none;display:flex;position:fixed;top:20px;left:28px}.site-logo:hover .logo-name{opacity:.8}.logo-name{color:var(--copper);letter-spacing:-.02em;font-family:DM Serif Display,serif;font-size:24px;font-weight:400;line-height:1;transition:opacity .2s}.logo-sub{color:var(--ink-muted);letter-spacing:.02em;font-family:IBM Plex Mono,monospace;font-size:9px;line-height:1.3}.pill-nav{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);background:#faf8f3cc;border-radius:6px;gap:2px;padding:4px;transition:background .3s,box-shadow .3s;display:inline-flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.pill-nav.scrolled{background:#faf8f3eb;box-shadow:0 1px 8px #0000000a}.pill-nav a{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:8px 16px;font-family:IBM Plex Mono,monospace;font-size:11px;text-decoration:none;transition:all .2s}.pill-nav a:hover{color:var(--ink);background:var(--copper-light)}.pill-nav a.active{color:var(--ink);background:#0000000a;font-weight:600}.back-link{color:var(--ink-soft);border:1px solid var(--line);border-radius:3px;align-items:center;gap:6px;margin:20px 24px 0;padding:8px 16px;font-family:IBM Plex Mono,monospace;font-size:12px;text-decoration:none;transition:all .2s;display:inline-flex}.back-link:hover{color:var(--copper);border-color:var(--copper);background:var(--copper-light)}.hero-section{background:radial-gradient(60% 50% at 20% 40%,#c945280a,#0000),radial-gradient(50% 60% at 80% 70%,#a0825a0d,#0000);align-items:center;min-height:100vh;padding-top:100px;display:flex}.hero-full{text-align:center;justify-content:center}.hero-full .content-frame{justify-items:center;gap:24px;display:grid}.hero-title-center{text-align:center;max-width:900px}.hero-subtitle-center{max-width:600px;margin-left:auto;margin-right:auto}.hero-actions-center{justify-content:center}.hero-orb{display:none}.hero-grid{grid-template-columns:1.3fr .9fr;align-items:start;gap:40px;display:grid}.hero-copy,.hero-side,.editorial-rail,.manual-card,.template-card,.radar-strip,.dashboard-panel,.status-note{opacity:1}.hero-pretitle,.hero-title span,.hero-subtitle{opacity:0}.hero-copy{background:var(--paper-strong);border:1px solid var(--line);border-radius:4px;padding:48px;box-shadow:0 1px 2px #00000008,0 4px 16px #00000005}.hero-pretitle,.section-kicker{color:var(--copper);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}.hero-title,.section-title{color:var(--ink);letter-spacing:-.02em;margin:0;font-family:DM Serif Display,Noto Serif SC,serif;line-height:1.05}.hero-title{text-wrap:balance;gap:8px;font-size:clamp(2.8rem,5.5vw,5.2rem);display:grid}.hero-emphasis{color:var(--copper)}.hero-subtitle,.section-intro{color:var(--ink-soft);orphans:2;widows:2;max-width:560px;font-size:15px;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.primary-link,.secondary-link,.copy-button{cursor:pointer;border-radius:3px;justify-content:center;align-items:center;min-height:44px;padding:0 20px;text-decoration:none;transition:all .2s;display:inline-flex}.primary-link{background:var(--copper);color:#fff;letter-spacing:.04em;border:none;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;box-shadow:0 1px 3px #c9452840}.primary-link:hover{background:#b33a1f;transform:translateY(-1px);box-shadow:0 4px 12px #c945284d}.secondary-link{border:1px solid var(--line);color:var(--ink);background:var(--paper-strong);letter-spacing:.04em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:12px}.secondary-link:hover{border-color:var(--copper);color:var(--copper)}.hero-side{align-content:start;gap:16px;display:grid}.hero-brand-card{border:1px solid var(--line);background:var(--paper-strong);border-radius:3px;padding:48px 36px;box-shadow:0 1px 2px #00000008,0 4px 16px #00000005}.hero-brand-name{color:var(--copper);letter-spacing:-.02em;margin:0 0 16px;font-family:DM Serif Display,serif;font-size:clamp(2.4rem,4vw,3.6rem);line-height:1}.hero-brand-sub{color:var(--ink-soft);margin:0;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.6}.status-note,.metric-card,.editorial-rail,.manual-card,.sidebar-card,.template-card,.radar-strip,.dashboard-panel{border:1px solid var(--line);background:var(--paper-strong);border-radius:3px}.status-note{padding:24px;box-shadow:0 1px 3px #00000008}.metric-card{padding:24px;box-shadow:0 1px 2px #0000000a}.editorial-rail{box-shadow:0 1px 2px #00000005}.manual-card{padding:24px;transition:box-shadow .25s,transform .25s;box-shadow:0 1px 3px #00000008}.manual-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.sidebar-card{padding:20px}.template-card{padding:24px;transition:box-shadow .25s,transform .25s;box-shadow:0 1px 3px #0000000a}.template-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.dashboard-panel{padding:24px;transition:box-shadow .25s,transform .25s;box-shadow:0 1px 2px #00000008}.dashboard-panel:hover{box-shadow:0 4px 16px #0000000d}.status-note{transition:box-shadow .25s}.status-note:hover{box-shadow:0 4px 12px #0000000d}.metric-card{transition:box-shadow .25s,transform .25s}.metric-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.status-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-pill{text-transform:uppercase;letter-spacing:.06em;border:1px solid;border-radius:3px;align-items:center;min-height:26px;padding:0 10px;font-family:IBM Plex Mono,monospace;font-size:10px;display:inline-flex}.status-pill.online{color:var(--success);background:#2b854f0f}.status-pill.offline{color:var(--danger);background:#c0392b0f}.mono-caption,.panel-mono,.template-clones,.template-rating,.feed-time{color:var(--ink-muted);font-family:IBM Plex Mono,monospace;font-size:11px}.status-note-title,.metric-body{color:var(--ink);margin:14px 0 0;font-size:15px;line-height:1.7}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.metric-card-wide{grid-column:span 2}.metric-label,.radar-metric p{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;margin:0;font-family:IBM Plex Mono,monospace;font-size:11px}.metric-value,.radar-metric strong{color:var(--ink);margin:8px 0 6px;font-family:DM Serif Display,Noto Serif SC,serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:400}.metric-caption{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.7}.editorial-section,.library-section,.community-section{padding-top:96px;padding-bottom:96px}.section-heading{margin-bottom:36px}.section-title{text-wrap:balance;max-width:880px;font-size:clamp(2.2rem,4.5vw,4rem)}.editorial-rail{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:16px 20px;display:flex}.rail-label{color:var(--ink);letter-spacing:.1em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}.rail-tags{flex-wrap:wrap;gap:8px;display:flex}.rail-tags span,.soft-tag,.template-badge{border:1px solid var(--line);background:var(--copper-light);min-height:26px;color:var(--ink);letter-spacing:.04em;border-radius:3px;align-items:center;padding:0 10px;font-family:IBM Plex Mono,monospace;font-size:10px;display:inline-flex}.step-manual{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.manual-index{color:var(--copper);letter-spacing:.06em;margin:0 0 16px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.manual-card h3,.template-card h3,.panel-head h3{color:var(--ink);text-wrap:balance;margin:0;font-family:DM Serif Display,Noto Serif SC,serif;font-size:26px;font-weight:400;line-height:1.2}.manual-card p,.template-card p{color:var(--ink-soft);orphans:2;widows:2;font-size:14px;line-height:1.8}.step-link{color:var(--copper);letter-spacing:.04em;align-items:center;gap:4px;margin-top:12px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.step-link:hover{color:#b33a1f;transform:translate(2px)}.library-layout{grid-template-columns:220px 1fr;align-items:start;gap:28px;display:grid}.library-sidebar{position:sticky;top:80px}.sidebar-title{color:var(--copper);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-family:IBM Plex Mono,monospace;font-size:10px}.category-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.category-button{text-align:left;width:100%;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:10px 12px;font-family:Instrument Sans,sans-serif;font-size:14px;transition:all .15s}.category-button:hover{color:var(--ink);background:#00000005}.category-button.active{background:var(--copper-light);color:var(--copper);font-weight:600}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.template-card{flex-direction:column;gap:16px;display:flex}.template-header{gap:8px;display:grid}.template-meta-row,.template-footer,.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.template-details{border-top:1px solid var(--line);color:var(--ink-soft);gap:6px;padding-top:14px;font-size:13px;line-height:1.7;display:grid}.copy-button{background:var(--copper);color:#fff;border:none;border-radius:3px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #c9452833}.copy-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #c9452840}.template-examples{border-top:1px solid var(--line);margin-top:4px}.examples-toggle{cursor:pointer;color:var(--copper);letter-spacing:.06em;align-items:center;gap:6px;padding:12px 0;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;list-style:none;transition:color .2s;display:flex}.examples-toggle::-webkit-details-marker{display:none}.examples-toggle:before{content:"+";border:1px solid var(--copper);border-radius:2px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;line-height:1;transition:all .2s;display:inline-flex}.template-examples[open] .examples-toggle:before{content:"−";background:var(--copper-light)}.examples-content{gap:16px;padding-bottom:8px;display:grid}.example-scenario{gap:10px;display:grid}.example-title{color:var(--ink);margin:0;font-size:13px;font-weight:600}.example-flow{grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;display:grid}.example-step{background:var(--paper);border:1px solid var(--line);border-radius:3px;gap:6px;padding:12px;display:grid}.example-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:600}.example-step p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.7}.example-step-output .example-label{color:var(--copper)}.example-arrow{color:var(--line-strong);align-self:center;font-size:14px}@media (width<=720px){.example-flow{grid-template-columns:1fr}.example-arrow{text-align:center;transform:rotate(90deg)}}.radar-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-bottom:24px;display:grid;overflow:hidden}.radar-metric{border-right:1px solid var(--line);padding:20px 16px}.radar-metric:last-child{border-right:none}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}.dashboard-panel{min-height:220px}.panel-agents{grid-column:span 7}.panel-dept{grid-column:span 5}.panel-feed{grid-column:span 12}.data-list{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.agent-row,.dept-row,.feed-row{border-top:1px solid var(--line);gap:10px;padding-top:10px;display:grid}.agent-row,.dept-row{grid-template-columns:1fr auto;align-items:center}.feed-row{grid-template-columns:64px 1fr auto;align-items:start}.row-title{color:var(--ink);margin:0;font-size:14px;font-weight:600}.row-subtitle,.feed-copy,.empty-state{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.7}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.panel-count{color:var(--copper);font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.feed-type{background:var(--copper-light);min-height:24px;color:var(--copper);text-transform:uppercase;letter-spacing:.04em;border-radius:3px;justify-content:center;align-items:center;padding:0 8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;display:inline-flex}@media (width<=1080px){.hero-grid,.library-layout,.step-manual,.template-grid{grid-template-columns:1fr}.hero-metrics,.radar-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-agents,.panel-dept,.panel-feed{grid-column:span 12}.library-sidebar{position:static}}@media (width<=720px){section{width:100%;margin-left:0;padding:40px 16px}.editorial-section,.library-section,.community-section{padding-top:56px;padding-bottom:56px}.site-logo{top:12px;left:16px}.logo-name{font-size:18px}.pill-nav{border-top:1px solid var(--line);background:#faf8f3f2;border-bottom:none;border-left:none;border-right:none;border-radius:0;justify-content:center;gap:0;width:100%;padding:6px 0;top:auto;bottom:0;left:0;transform:none}.pill-nav a{letter-spacing:.04em;padding:10px 14px;font-size:12px}.hero-section{min-height:auto;padding-top:80px;padding-bottom:40px}.hero-title{font-size:clamp(2rem,8vw,2.8rem)}.hero-subtitle,.section-intro{font-size:14px;line-height:1.8}.hero-actions{justify-content:center}.section-title{font-size:clamp(1.6rem,7vw,2.2rem)}.hero-copy,.status-note,.metric-card,.manual-card,.template-card,.dashboard-panel{padding:16px}.hero-brand-card{padding:28px 20px}.hero-brand-name{font-size:clamp(1.8rem,6vw,2.4rem)}.template-card h3,.manual-card h3{font-size:20px}.feed-row{grid-template-columns:1fr;gap:6px}.hero-metrics,.radar-strip{grid-template-columns:1fr 1fr}.radar-metric{border-right:none;border-bottom:1px solid var(--line)}.radar-metric:nth-child(odd){border-right:1px solid var(--line)}.radar-metric:last-child{border-bottom:none}.metric-value,.radar-metric strong{font-size:clamp(1.4rem,5vw,1.8rem)}.back-link{margin:12px 16px 0}.mobile-stack{grid-template-columns:1fr!important}}@media (width<=480px){section{padding:32px 12px}.hero-section{padding-top:72px}.hero-metrics,.radar-strip{grid-template-columns:1fr}.radar-metric:nth-child(odd){border-right:none}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .primary-link,.hero-actions .secondary-link{text-align:center;justify-content:center}}