:root{--bg: #ffffff;--bg-1: #fafafa;--bg-2: #f4f4f4;--fg: #0a0a0a;--fg-1: #444;--fg-2: #777;--fg-3: #aaa;--line: #ebebeb;--line-2: #f0f0f0;--green: #1D9E75;--green-light: #5DCAA5;--green-bg: #f0faf6;--green-border: #b8e8d4;--amber: #f5b84a;--amber-bg: #fef6e6;--red: #e74c3c;--f-display: "Instrument Serif", Georgia, serif;--f-sans: "Geist", -apple-system, system-ui, sans-serif;--f-mono: "JetBrains Mono", monospace;--ease: cubic-bezier(.4, 0, .2, 1);--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:var(--f-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{position:relative}.neural-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.9}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.app,.nav,main,.footer{position:relative;z-index:2}@keyframes reveal-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:reveal-up .7s var(--ease) both}.typewriter{white-space:nowrap}.caret{display:inline-block;width:2px;background:var(--green);color:transparent;margin-left:2px;animation:caret-blink 1s steps(1) infinite}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}.nav{padding:20px 0;border-bottom:1px solid var(--line);background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.logo{font-family:var(--f-display);font-size:24px;font-weight:400}.logo em{color:var(--green);font-style:normal}.nav-meta{display:flex;gap:16px;align-items:center;font-size:13px;color:var(--fg-2)}.nav-link{font-size:13px;color:var(--fg-1);padding:6px 10px;border-radius:var(--radius-sm);transition:all .15s var(--ease)}.nav-link:hover{color:var(--green);background:var(--green-bg)}.lang-toggle{display:flex;gap:4px;padding:4px;background:var(--bg-2);border-radius:var(--radius-sm)}.lang-toggle button{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.lang-toggle button.active{background:var(--fg);color:var(--bg)}.hero{padding:80px 0 40px;text-align:left;position:relative}.hero h1{font-family:var(--f-display);font-size:64px;line-height:1.05;font-weight:400;letter-spacing:-.02em}.hero h1 em{color:var(--green);font-style:italic;background:linear-gradient(120deg,var(--green) 0%,#2dd4a0 50%,var(--green) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 4s linear infinite}@keyframes shine{to{background-position:200% center}}.hero p{margin-top:16px;font-size:18px;color:var(--fg-1);max-width:640px}.hero-tagline{font-family:var(--f-display)!important;font-style:italic;font-size:24px!important;color:var(--green)!important;margin-top:12px!important}.hero-meta{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}.live-status{display:inline-flex;align-items:center;gap:12px;padding:8px 14px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;font-family:var(--f-mono);font-size:11px;color:var(--fg-1);text-transform:uppercase;letter-spacing:.06em;margin-bottom:24px}.live-pill{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-weight:600}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 var(--green);animation:pulse-dot 1.6s ease-out infinite}@keyframes pulse-dot{0%{box-shadow:0 0 #1d9e7580}70%{box-shadow:0 0 0 9px #1d9e7500}to{box-shadow:0 0 #1d9e7500}}.live-stat{color:var(--fg-2)}.live-stat strong{color:var(--fg);font-weight:600}.live-sep{color:var(--fg-3)}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-2);border-radius:999px;font-size:13px;color:var(--fg-1);font-family:var(--f-mono)}.pill.green{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green)}.clusters{padding:40px 0 80px}.cluster{margin-bottom:56px}.cluster-header{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}.cluster-name{font-family:var(--f-display);font-size:28px;font-weight:400}.cluster-count{font-family:var(--f-mono);font-size:12px;color:var(--fg-3)}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.agent-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:20px;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius);transition:transform .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease);cursor:pointer;text-align:left;height:100%;--mx: 50%;--my: 50%}.agent-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .25s var(--ease);background:radial-gradient(280px circle at var(--mx) var(--my),rgba(29,158,117,.18),transparent 60%)}.agent-card:hover{background:#ffffffeb;border-color:var(--green);transform:translateY(-3px);box-shadow:0 12px 28px #1d9e751f,0 0 0 1px var(--green-border)}.agent-card:hover .agent-card-glow{opacity:1}.agent-card>*{position:relative;z-index:1}.agent-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.agent-name{font-family:var(--f-display);font-size:20px;font-weight:400;line-height:1.2}.agent-type-badge{font-family:var(--f-mono);font-size:10px;padding:3px 8px;border-radius:4px;background:var(--bg-2);color:var(--fg-2);text-transform:uppercase;letter-spacing:.05em}.agent-type-badge.type-a{background:var(--green-bg);color:var(--green)}.agent-type-badge.type-b{background:var(--amber-bg);color:#b88820}.agent-desc{font-size:14px;color:var(--fg-1);line-height:1.5;flex:1}.agent-action{margin-top:16px;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--green);font-weight:500}.agent-action:after{content:"→";transition:transform .2s var(--ease)}.agent-card:hover .agent-action:after{transform:translate(3px)}.agent-card-wrap{position:relative;display:flex}.agent-card-wrap .agent-card{width:100%}.agent-delete{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:var(--bg-2);color:var(--fg-2);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s var(--ease)}.agent-card-wrap:hover .agent-delete{opacity:1}.agent-delete:hover{background:var(--red);color:#fff}.agent-card-create{border:1px dashed var(--green-border)!important;background:var(--green-bg)!important}.agent-card-create .agent-name{color:var(--green)}.agent-card-full{opacity:.6;cursor:not-allowed}.modal-wide{max-width:640px}.agent-page{padding:40px 0}.agent-page-header{margin-bottom:32px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.back-link{font-family:var(--f-mono);font-size:12px;color:var(--fg-2);margin-bottom:12px;display:inline-block}.back-link:hover{color:var(--green)}.agent-page h1{font-family:var(--f-display);font-size:40px;font-weight:400;line-height:1.15}.agent-page-desc{font-size:16px;color:var(--fg-1);margin-top:8px;max-width:600px}.form-runner{max-width:720px}.form-field{margin-bottom:24px}.form-field label{display:block;font-size:13px;font-weight:500;margin-bottom:8px;color:var(--fg)}.form-field .field-help{font-size:12px;color:var(--fg-2);margin-top:4px}.form-field input,.form-field textarea,.form-field select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;background:var(--bg);color:var(--fg);transition:border-color .15s var(--ease)}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--green)}.form-field textarea{min-height:120px;resize:vertical}.form-field .optional{color:var(--fg-3);font-weight:400;font-size:11px}.btn-primary{padding:12px 24px;background:var(--fg);color:var(--bg);border-radius:var(--radius-sm);font-weight:500;font-size:14px;transition:all .15s var(--ease);display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:var(--green)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{padding:10px 18px;background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:13px;color:var(--fg-1);transition:all .15s var(--ease)}.btn-ghost:hover{border-color:var(--green);color:var(--green)}.chat-runner{max-width:720px}.chat-window{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-height:400px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.message{max-width:85%;padding:12px 16px;border-radius:var(--radius);font-size:14px;line-height:1.6;white-space:pre-wrap}.message.agent{background:var(--bg);border:1px solid var(--line-2);align-self:flex-start}.message.user{background:var(--fg);color:var(--bg);align-self:flex-end}.chat-input{display:flex;gap:12px;margin-top:16px}.chat-input textarea{flex:1;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;resize:none;min-height:48px;max-height:200px}.chat-input textarea:focus{outline:none;border-color:var(--green)}.output{margin-top:32px;padding:24px;background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--radius)}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.output-title{font-family:var(--f-display);font-size:22px;color:var(--green)}.output-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-mailto{background:var(--green)!important;color:#fff!important;border-color:var(--green)!important}.btn-mailto:hover{background:#168964!important}.output-content{font-size:14px;line-height:1.7;color:var(--fg)}.output-disclaimer{margin-top:16px;padding:12px;background:var(--amber-bg);border-radius:var(--radius-sm);font-size:12px;color:#8a6420}.mock-banner{margin-bottom:16px;padding:10px 14px;background:var(--amber-bg);border:1px solid var(--amber);border-radius:var(--radius-sm);font-size:12px;color:#8a6420;font-family:var(--f-mono)}.deck-style-picker{margin-bottom:16px;padding:12px;background:#fff9;border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.deck-style-label{font-family:var(--f-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2);padding:8px 4px;align-self:center}.deck-style-chip{flex:1;min-width:220px;padding:12px 14px;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);transition:all .15s var(--ease);cursor:pointer;display:flex;flex-direction:column;gap:4px}.deck-style-chip:hover{border-color:var(--green)}.deck-style-chip.active{border-color:var(--green);background:var(--green-bg)}.deck-style-chip strong{font-size:13px;color:var(--fg)}.deck-style-chip small{font-size:11px;color:var(--fg-2);line-height:1.4}.md{display:flex;flex-direction:column;gap:12px}.md-h1{font-family:var(--f-display);font-size:24px;font-weight:400;margin-top:8px;color:var(--fg)}.md-h2{font-family:var(--f-display);font-size:18px;font-weight:400;margin-top:12px;color:var(--green)}.md-h3{font-family:var(--f-sans);font-size:14px;font-weight:600;margin-top:8px;color:var(--fg);text-transform:uppercase;letter-spacing:.05em}.md-p{margin:0;font-size:14px;line-height:1.6}.md-ul{padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.5}.md strong{font-weight:600;color:var(--fg)}.output-slides{background:transparent}.slides-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 720px){.slides-grid{grid-template-columns:1fr 1fr}}.slide-card{padding:16px;background:var(--bg);border:1px solid var(--green-border);border-radius:var(--radius-sm)}.slide-header{font-family:var(--f-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--green);font-weight:500;margin-bottom:10px}.slide-card ul{padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.5;color:var(--fg-1)}.access-backdrop{background:#0a1e16d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.access-modal{max-width:460px;padding:36px;text-align:left}.access-eyebrow{font-family:var(--f-mono);font-size:10px;color:var(--green);letter-spacing:.12em;margin-bottom:12px;font-weight:600}.access-modal h2{font-family:var(--f-display);font-size:32px;line-height:1.1;margin-bottom:12px}.access-modal p{font-size:14px;color:var(--fg-1);line-height:1.6;margin-bottom:20px}.access-modal form{display:flex;gap:8px;margin-bottom:14px}.access-input{flex:1;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--f-mono);font-size:18px;text-align:center;letter-spacing:.3em;background:var(--bg-1);color:var(--fg)}.access-input:focus{outline:none;border-color:var(--green);background:var(--bg)}.access-meta{font-size:11px;color:var(--fg-3);font-family:var(--f-mono)}.access-modal.shake{animation:shake-x .4s var(--ease)}@keyframes shake-x{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{max-width:520px;background:var(--bg);padding:32px;border-radius:var(--radius)}.modal h2{font-family:var(--f-display);font-size:24px;margin-bottom:16px}.modal p{font-size:14px;color:var(--fg-1);margin-bottom:12px;line-height:1.6}.modal-actions{margin-top:24px;display:flex;justify-content:flex-end}.banner{padding:16px 20px;background:var(--amber-bg);border:1px solid var(--amber);border-radius:var(--radius);margin-bottom:24px;font-size:14px;color:#8a6420}.banner.red{background:#fdf0ed;border-color:var(--red);color:var(--red)}.banner strong{font-weight:600}.suggest-band{margin:16px auto 56px;padding:32px;background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.suggest-title{font-family:var(--f-display);font-size:26px;font-weight:400;color:var(--fg);margin-bottom:6px}.suggest-desc{font-size:14px;color:var(--fg-1);max-width:520px}.about-page{padding:60px 0 80px;max-width:880px!important}.about-hero{margin-bottom:48px}.about-hero .eyebrow{font-family:var(--f-mono);font-size:11px;color:var(--green);text-transform:uppercase;letter-spacing:.1em}.about-hero h1{font-family:var(--f-display);font-size:56px;font-weight:400;line-height:1.05;letter-spacing:-.02em;margin:12px 0 8px}.about-sub{font-family:var(--f-display);font-style:italic;font-size:22px;color:var(--green)}.about-intro{font-size:19px;line-height:1.65;color:var(--fg);margin-bottom:40px;padding:24px;background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--radius)}.about-block{margin-bottom:36px}.about-block h2{font-family:var(--f-display);font-size:32px;font-weight:400;color:var(--fg);margin-bottom:12px}.about-block>p{font-size:16px;line-height:1.7;color:var(--fg-1)}.three-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:8px}.pillar{padding:20px;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius)}.pillar-n{font-family:var(--f-mono);font-size:11px;color:var(--green);font-weight:600}.pillar h3{font-family:var(--f-display);font-size:20px;font-weight:400;color:var(--fg);margin:8px 0}.pillar p{font-size:14px;line-height:1.6;color:var(--fg-1)}.about-cta{text-align:center;margin-top:48px}.about-cta .btn-primary{font-size:16px;padding:14px 28px}.admin-page{padding:40px 0 80px}.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-page h1{font-family:var(--f-display);font-size:48px;font-weight:400}.admin-sub{font-family:var(--f-mono);font-size:12px;color:var(--fg-2);margin-bottom:32px}.admin-gate{max-width:420px;margin:80px auto;padding:32px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius)}.admin-gate h1{font-family:var(--f-display);font-size:36px;margin-bottom:8px}.admin-gate p{color:var(--fg-1);margin-bottom:20px;font-size:14px}.admin-gate form{display:flex;gap:8px}.admin-gate input{flex:1;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--f-mono);font-size:13px}.admin-gate input:focus{outline:none;border-color:var(--green)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:32px}.kpi{padding:18px;background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:var(--radius)}.kpi-label{font-family:var(--f-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2);margin-bottom:8px}.kpi-value{font-family:var(--f-display);font-size:36px;font-weight:400;color:var(--fg);line-height:1}.kpi-cap{font-size:18px;color:var(--fg-3)}.kpi-bar{margin-top:10px;height:4px;background:var(--bg-2);border-radius:2px;overflow:hidden}.kpi-bar span{display:block;height:100%;transition:width .3s var(--ease)}.bar-green span{background:var(--green)}.bar-amber span{background:var(--amber)}.bar-red span{background:var(--red)}.admin-block{margin-bottom:36px;padding:24px;background:#fff9;border:1px solid var(--line);border-radius:var(--radius)}.admin-block h2{font-family:var(--f-display);font-size:24px;font-weight:400;margin-bottom:16px}.chart{display:flex;align-items:flex-end;gap:8px;height:180px;padding-bottom:30px;position:relative}.chart-day{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;cursor:pointer}.chart-bars{width:100%;height:100%;display:flex;align-items:flex-end;gap:2px}.chart-bar{flex:1;min-height:1px;border-radius:2px 2px 0 0;transition:opacity .2s var(--ease)}.chart-bar-slots{background:var(--green)}.chart-bar-msgs{background:var(--green-light);opacity:.7}.chart-day:hover .chart-bar{opacity:1}.chart-day-label{position:absolute;bottom:0;font-family:var(--f-mono);font-size:9px;color:var(--fg-3)}.chart-legend{position:absolute;top:-28px;right:0;display:flex;gap:16px;font-family:var(--f-mono);font-size:10px;color:var(--fg-2)}.chart-legend .dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:middle}.dot-slots{background:var(--green)}.dot-msgs{background:var(--green-light)}.agent-bars{display:flex;flex-direction:column;gap:8px}.agent-bar{display:grid;grid-template-columns:200px 1fr 48px;align-items:center;gap:12px;font-size:13px}.agent-bar-name{font-family:var(--f-mono);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-bar-track{background:var(--bg-2);border-radius:4px;height:22px;overflow:hidden}.agent-bar-fill{background:var(--green);height:100%}.agent-bar-count{font-family:var(--f-mono);font-size:13px;color:var(--fg-1);text-align:right}.loader{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-left:6px;animation:pulse-dot 1.5s ease infinite}.privacy-page{padding:40px 0 80px;max-width:760px!important}.privacy-body h1{font-family:var(--f-display);font-size:48px;font-weight:400;margin:16px 0 8px}.privacy-updated{font-family:var(--f-mono);font-size:12px;color:var(--fg-3);margin-bottom:40px}.privacy-body section{margin-bottom:32px}.privacy-body h2{font-family:var(--f-display);font-size:26px;font-weight:400;color:var(--fg);margin-bottom:12px}.privacy-body p{font-size:15px;line-height:1.7;color:var(--fg-1);margin-bottom:10px}.privacy-body ul{padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.6;color:var(--fg-1);margin-bottom:12px}.footer{padding:32px 0;border-top:1px solid var(--line);font-size:12px;color:var(--fg-2);font-family:var(--f-sans);position:relative;z-index:2}.footer-grid{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.footer-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.footer-row strong{color:var(--fg);font-weight:600}.footer-row-meta{font-family:var(--f-mono);font-size:10px;color:var(--fg-3);margin-top:4px}.footer-sep{color:var(--fg-3)}.footer-link{color:var(--green);transition:color .15s var(--ease)}.footer-link:hover{color:#168964;text-decoration:underline}@media (max-width: 768px){.hero h1{font-size:40px}.agent-page h1{font-family:var(--f-display);font-size:32px}.agents-grid{grid-template-columns:1fr}}