.hermes-theme-dark{--hermes-bg:#1a1a2e;--hermes-bg-header:#16213e;--hermes-bg-surface:#0f0f23;--hermes-bg-elevated:#1e293b;--hermes-bg-hover:#1a1a2e;--hermes-bg-overlay:#00000080;--hermes-bg-accent:#8b5cf614;--hermes-bg-accent-strong:#8b5cf626;--hermes-bg-accent-subtle:#8b5cf60a;--hermes-bg-accent-glow:#8b5cf659;--hermes-bg-accent-panel:#8b5cf61a;--hermes-text:#e0e0e0;--hermes-text-secondary:#d4d4d8;--hermes-text-muted:#888;--hermes-text-dim:#555;--hermes-text-dim-2:#666;--hermes-text-code:#7dd3fc;--hermes-text-link:#a78bfa;--hermes-text-accent:#a78bfa;--hermes-text-on-accent:#fff;--hermes-text-title:#7c7c9a;--hermes-text-warning:#f59e0b;--hermes-text-placeholder:#555;--hermes-accent:#8b5cf6;--hermes-accent-hover:#7c3aed;--hermes-accent-light:#a78bfa;--hermes-accent-border:#8b5cf673;--hermes-border:#2a2a4a;--hermes-border-light:#334155;--hermes-border-hover:#3a3a5a;--hermes-border-row:#1e1e3a;--hermes-border-dashed:#3a3a5a;--hermes-bubble-user:#8b5cf6;--hermes-bubble-user-text:#fff;--hermes-bubble-user-label:#c4b5fd;--hermes-bubble-assistant:#1e293b;--hermes-bubble-assistant-text:#d4d4d8;--hermes-success-bg:#064e3b;--hermes-success-border:#059669;--hermes-success-text:#a7f3d0;--hermes-error-bg:#7f1d1d;--hermes-error-border:#dc2626;--hermes-error-text:#fecaca;--hermes-loading-bg:#1e3a5f;--hermes-loading-border:#2563eb;--hermes-loading-text:#bfdbfe;--hermes-stop-bg:#3a1a1a;--hermes-stop-border:#7f1d1d;--hermes-stop-text:#f87171;--hermes-stopped-bg:#3a2a2a;--hermes-stopped-border:#6b3a3a;--hermes-stopped-text:#f87171;--hermes-scroll-fab-shadow:0 0 0 3px #1a1a2e99, 0 2px 12px #0006;--hermes-scroll-fab-shadow-hover:0 0 0 3px #1a1a2ecc, 0 4px 18px #00000080;--hermes-toast-icon-bg:#ffffff29;--hermes-toast-spinner-border:#ffffff40;--hermes-toast-spinner-top:#93c5fd;--hermes-toast-progress:#ffffff59;--hermes-tool-pill-bg:#7dd3fc14;--hermes-tool-pill-border:#7dd3fc59;--hermes-shadow:0 20px 60px #00000080;--hermes-shadow-panel:0 -8px 24px #00000080;--hermes-shadow-toast:0 8px 24px #00000073, 0 2px 8px #0000004d;--hermes-shadow-focus:0 0 0 2px #8b5cf62e;--hermes-shadow-focus-btn:2px solid #8b5cf699;--hermes-bg-gradient-header:radial-gradient(140% 130% at 100% 0%, #8b5cf629 0%, transparent 55%), #16213e;--hermes-bg-gradient-popup:linear-gradient(180deg, #1a1a2e 0%, #17172e 100%);--hermes-bg-default:#8b5cf614;--hermes-default-gradient:linear-gradient(90deg, #8b5cf614, #0f0f23 60%)}.hermes-theme-light{--hermes-bg:#fff;--hermes-bg-header:#f0f1f3;--hermes-bg-surface:#f8f9fa;--hermes-bg-elevated:#f3f4f6;--hermes-bg-hover:#f0f1f3;--hermes-bg-overlay:#0000004d;--hermes-bg-accent:#8b5cf614;--hermes-bg-accent-strong:#8b5cf61f;--hermes-bg-accent-subtle:#8b5cf60a;--hermes-bg-accent-glow:#8b5cf626;--hermes-bg-accent-panel:#8b5cf60f;--hermes-text:#1a1a2e;--hermes-text-secondary:#374151;--hermes-text-muted:#6b7280;--hermes-text-dim:#9ca3af;--hermes-text-dim-2:#adb5bd;--hermes-text-code:#be185d;--hermes-text-link:#7c3aed;--hermes-text-accent:#7c3aed;--hermes-text-on-accent:#fff;--hermes-text-title:#6b7280;--hermes-text-warning:#d97706;--hermes-text-placeholder:#9ca3af;--hermes-accent:#8b5cf6;--hermes-accent-hover:#7c3aed;--hermes-accent-light:#7c3aed;--hermes-accent-border:#8b5cf666;--hermes-border:#e5e7eb;--hermes-border-light:#d1d5db;--hermes-border-hover:#d1d5db;--hermes-border-row:#f0f0f0;--hermes-border-dashed:#d1d5db;--hermes-bubble-user:#8b5cf6;--hermes-bubble-user-text:#fff;--hermes-bubble-user-label:#c4b5fd;--hermes-bubble-assistant:#f3f4f6;--hermes-bubble-assistant-text:#374151;--hermes-success-bg:#ecfdf5;--hermes-success-border:#6ee7b7;--hermes-success-text:#065f46;--hermes-error-bg:#fef2f2;--hermes-error-border:#fca5a5;--hermes-error-text:#991b1b;--hermes-loading-bg:#eff6ff;--hermes-loading-border:#93c5fd;--hermes-loading-text:#1e40af;--hermes-stop-bg:#fef2f2;--hermes-stop-border:#fca5a5;--hermes-stop-text:#dc2626;--hermes-stopped-bg:#fef2f2;--hermes-stopped-border:#fca5a5;--hermes-stopped-text:#dc2626;--hermes-scroll-fab-shadow:0 0 0 3px #fffc, 0 2px 12px #00000026;--hermes-scroll-fab-shadow-hover:0 0 0 3px #ffffffe6, 0 4px 18px #0003;--hermes-toast-icon-bg:#0000001a;--hermes-toast-spinner-border:#00000026;--hermes-toast-spinner-top:#6366f1;--hermes-toast-progress:#00000026;--hermes-tool-pill-bg:#be185d0f;--hermes-tool-pill-border:#be185d40;--hermes-shadow:0 20px 60px #00000026;--hermes-shadow-panel:0 -8px 24px #0000001f;--hermes-shadow-toast:0 8px 24px #0000001f, 0 2px 8px #00000014;--hermes-shadow-focus:0 0 0 2px #8b5cf62e;--hermes-shadow-focus-btn:2px solid #8b5cf699;--hermes-bg-gradient-header:radial-gradient(140% 130% at 100% 0%, #8b5cf60f 0%, transparent 55%), #f0f1f3;--hermes-bg-gradient-popup:linear-gradient(180deg, #fff 0%, #f8f9fa 100%);--hermes-bg-default:#8b5cf60f;--hermes-default-gradient:linear-gradient(90deg, #8b5cf60f, #f8f9fa 60%)}.hermes-modal-header{border-bottom:1px solid var(--hermes-border);background:var(--hermes-bg-header);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.hermes-modal-header h2{color:var(--hermes-accent);margin:0;font-size:15px;font-weight:600}.hermes-modal-header .hermes-close{color:var(--hermes-text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.hermes-modal-header .hermes-close:hover{color:var(--hermes-text-on-accent)}.hermes-settings{flex-direction:column;gap:10px;padding:18px;display:flex;overflow-y:auto}.hermes-settings-hint{color:var(--hermes-text-warning);margin-bottom:4px;font-size:13px}.hermes-settings label{color:var(--hermes-text-muted);font-size:12px;font-weight:500}.hermes-settings input{background:var(--hermes-bg-surface);width:100%;color:var(--hermes-text-secondary);border:1px solid var(--hermes-border);box-sizing:border-box;border-radius:6px;outline:none;padding:10px 12px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px}.hermes-settings input:focus{border-color:var(--hermes-accent)}.hermes-settings input::placeholder{color:var(--hermes-text-placeholder)}.hermes-settings-help{background:var(--hermes-bg-elevated);border:1px solid var(--hermes-border-light);color:var(--hermes-text-dim);border-radius:6px;padding:10px 12px;font-size:11px;line-height:1.7}.hermes-settings-help strong{color:var(--hermes-text-warning)}.hermes-settings-help code{background:var(--hermes-bg-hover);color:var(--hermes-text-code);word-break:break-all;border-radius:3px;padding:1px 5px;font-size:10px}.hermes-settings-checkbox{color:var(--hermes-text-secondary);cursor:pointer;align-items:center;gap:8px;margin-top:2px;padding:6px 4px;font-size:12px;display:flex}.hermes-settings-checkbox input[type=checkbox]{width:auto;accent-color:var(--hermes-accent);cursor:pointer;box-sizing:initial;background:0 0;border:none;flex-shrink:0;margin:0;padding:0}.hermes-settings-checkbox span{color:var(--hermes-text-secondary)}.hermes-dialog{flex-direction:column;height:100%;display:flex;overflow:hidden}.hermes-messages{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.hermes-welcome{text-align:center;color:var(--hermes-text-dim);padding:40px 20px;font-size:12px}.hermes-msg{word-break:break-word;white-space:pre-wrap;border-radius:12px;max-width:85%;padding:10px 14px;font-size:13px;line-height:1.55;position:relative}.hermes-msg-user{background:var(--hermes-bubble-user);color:var(--hermes-bubble-user-text);border-bottom-right-radius:4px;align-self:flex-end}.hermes-msg-assistant{background:var(--hermes-bubble-assistant);color:var(--hermes-bubble-assistant-text);border:1px solid var(--hermes-border);border-bottom-left-radius:4px;align-self:flex-start}.hermes-msg-label{text-transform:uppercase;letter-spacing:.5px;opacity:.6;margin-bottom:4px;font-size:10px;font-weight:600}.hermes-msg-user .hermes-msg-label{color:var(--hermes-bubble-user-label)}.hermes-msg-assistant .hermes-msg-label{color:var(--hermes-accent)}.hermes-msg-content{font-size:13px}.hermes-msg-image-list{scrollbar-width:thin;scrollbar-color:var(--hermes-border) transparent;gap:6px;margin-bottom:6px;padding-bottom:4px;display:flex;overflow-x:auto}.hermes-msg-image-list::-webkit-scrollbar{height:4px}.hermes-msg-image-list::-webkit-scrollbar-track{background:0 0}.hermes-msg-image-list::-webkit-scrollbar-thumb{background:var(--hermes-border);border-radius:2px}.hermes-msg-image{object-fit:cover;border:1px solid var(--hermes-border);border-radius:6px;flex-shrink:0;width:50px;height:50px}.hermes-markdown{white-space:normal}.hermes-markdown>:first-child{margin-top:0}.hermes-markdown>:last-child{margin-bottom:0}.hermes-markdown p{margin:0 0 8px}.hermes-markdown h1,.hermes-markdown h2,.hermes-markdown h3,.hermes-markdown h4{color:var(--hermes-text);margin:12px 0 6px;font-weight:600;line-height:1.3}.hermes-markdown h1{font-size:16px}.hermes-markdown h2{font-size:15px}.hermes-markdown h3{font-size:14px}.hermes-markdown h4{font-size:13px}.hermes-markdown ul,.hermes-markdown ol{margin:0 0 8px;padding-left:22px}.hermes-markdown li{margin:2px 0}.hermes-markdown a{color:var(--hermes-text-link);text-decoration:none}.hermes-markdown a:hover{text-decoration:underline}.hermes-markdown blockquote{border-left:3px solid var(--hermes-accent);background:var(--hermes-bg-accent);color:var(--hermes-text-dim);margin:0 0 8px;padding:2px 12px}.hermes-markdown code{background:var(--hermes-bg-surface);color:var(--hermes-text-code);border-radius:3px;padding:1px 5px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px}.hermes-markdown pre{background:var(--hermes-bg-surface);border:1px solid var(--hermes-border);border-radius:6px;margin:0 0 8px;padding:10px 12px;overflow-x:auto}.hermes-markdown pre code{color:var(--hermes-text-secondary);background:0 0;padding:0;font-size:12px;line-height:1.5}.hermes-markdown hr{border:none;border-top:1px solid var(--hermes-border);margin:10px 0}.hermes-markdown table{border-collapse:collapse;width:auto;max-width:100%;margin:0 0 8px;font-size:12px}.hermes-markdown th,.hermes-markdown td{border:1px solid var(--hermes-border);text-align:left;padding:4px 8px}.hermes-markdown th{background:var(--hermes-bg-header);color:var(--hermes-text);font-weight:600}.hermes-markdown img{border-radius:6px;max-width:100%}.hermes-input-area{border-top:1px solid var(--hermes-border);background:var(--hermes-bg-surface);flex-direction:column;flex-shrink:0;gap:8px;padding:10px 14px;display:flex;position:relative}.hermes-input-top{flex-direction:column;display:flex;position:relative}.hermes-input-top textarea{background:var(--hermes-bg-hover);color:var(--hermes-text-secondary);border:1px solid var(--hermes-border);resize:none;box-sizing:border-box;border-radius:8px;outline:none;flex:1;height:auto;min-height:42px;max-height:200px;padding:10px 14px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.5;overflow-y:auto}.hermes-input-top textarea:focus{border-color:var(--hermes-accent)}.hermes-input-top textarea::placeholder{color:var(--hermes-text-placeholder)}.hermes-input-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.hermes-input-controls{align-items:center;gap:8px;display:flex}.hermes-picker{z-index:20;position:relative}.hermes-picker-trigger{background:var(--hermes-bg-surface);border:1px solid var(--hermes-border);color:var(--hermes-text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-family:inherit;font-size:12px;transition:border-color .15s;display:flex}.hermes-picker-trigger:hover{border-color:var(--hermes-accent)}.hermes-picker-value{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.hermes-picker-icon{opacity:.55;flex-shrink:0;font-size:11px}.hermes-picker-arrow{opacity:.45;margin-left:1px;font-size:7px}.hermes-picker-panel{background:var(--hermes-bg-surface);border:1px solid var(--hermes-border);min-width:200px;max-width:320px;box-shadow:var(--hermes-shadow-panel);border-radius:8px;flex-direction:column;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;overflow:hidden}.hermes-picker-filter{box-sizing:border-box;background:var(--hermes-bg-hover);width:100%;color:var(--hermes-text-secondary);border:none;border-bottom:1px solid var(--hermes-border);outline:none;padding:8px 10px;font-family:inherit;font-size:12px}.hermes-picker-filter::placeholder{color:var(--hermes-text-placeholder)}.hermes-picker-list{scrollbar-width:thin;scrollbar-color:var(--hermes-border) transparent;max-height:200px;overflow-y:auto}.hermes-picker-option{color:var(--hermes-text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:6px;padding:7px 10px;font-size:12px;display:flex;overflow:hidden}.hermes-picker-option:hover{background:var(--hermes-bg-hover);color:var(--hermes-text)}.hermes-picker-option.selected{color:var(--hermes-accent);background:var(--hermes-bg-accent)}.hermes-picker-option.selected:before{content:"✓";flex-shrink:0;margin-right:4px;font-size:10px}.hermes-picker-sub{color:var(--hermes-text-dim-2);margin-left:auto;font-size:10px}.hermes-picker-empty{color:var(--hermes-text-dim);text-align:center;padding:10px;font-size:11px}.hermes-actions{align-items:center;gap:10px;display:flex}.hermes-actions button{cursor:pointer;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:500;transition:background .15s}.hermes-btn-send{background:var(--hermes-accent);color:var(--hermes-bubble-user-text);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:10px 20px;font-size:13px;font-weight:500;transition:background .15s}.hermes-btn-send:hover{background:var(--hermes-accent-hover)}.hermes-btn-send:disabled{opacity:.5;cursor:not-allowed}.hermes-btn-clear{background:var(--hermes-border);color:var(--hermes-text-secondary);cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:11px;transition:background .15s}.hermes-btn-clear:hover{background:var(--hermes-border-hover)}.hermes-dialog-footer{background:var(--hermes-bg-surface);border-top:1px solid var(--hermes-border);flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:6px 14px;display:flex}.hermes-msg-count{color:var(--hermes-text-dim);font-size:11px}.hermes-contact{align-items:center;gap:8px;display:flex}.hermes-contact-icon{color:var(--hermes-text-dim);justify-content:center;align-items:center;transition:color .15s;display:flex}.hermes-contact-icon:hover{color:var(--hermes-accent)}.hermes-spinner{border:2px solid var(--hermes-border-light);border-top-color:var(--hermes-accent);vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.6s linear infinite hermes-spin;display:inline-block}@keyframes hermes-spin{to{transform:rotate(360deg)}}.hermes-tool-pill{width:fit-content;color:var(--hermes-text-code);background:var(--hermes-tool-pill-bg);border:1px solid var(--hermes-tool-pill-border);white-space:nowrap;border-radius:999px;margin-top:6px;padding:1px 8px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:10px;line-height:1.5;animation:.25s ease-out hermes-tool-pill-in;display:block}@keyframes hermes-tool-pill-in{0%{opacity:0;transform:translateY(4px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.hermes-messages::-webkit-scrollbar{width:6px}.hermes-settings::-webkit-scrollbar{width:6px}.hermes-input-top textarea::-webkit-scrollbar{width:6px}.hermes-messages::-webkit-scrollbar-track{background:0 0}.hermes-settings::-webkit-scrollbar-track{background:0 0}.hermes-input-top textarea::-webkit-scrollbar-track{background:0 0}.hermes-messages::-webkit-scrollbar-thumb{background:var(--hermes-border);border-radius:3px}.hermes-settings::-webkit-scrollbar-thumb{background:var(--hermes-border);border-radius:3px}.hermes-input-top textarea::-webkit-scrollbar-thumb{background:var(--hermes-border);border-radius:3px}.hermes-messages,.hermes-settings,.hermes-input-top textarea{scrollbar-width:thin;scrollbar-color:var(--hermes-border) transparent}.hermes-header-actions{align-items:center;gap:6px;display:flex}.hermes-new-chat-btn{border:1px solid var(--hermes-border);color:var(--hermes-text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:1px 7px;font-size:16px;line-height:1.4;transition:color .15s,border-color .15s}.hermes-new-chat-btn:hover{color:var(--hermes-accent);border-color:var(--hermes-accent)}.hermes-msg-actions{opacity:0;pointer-events:none;gap:4px;transition:opacity .12s;display:flex;position:absolute;top:-10px}.hermes-msg-user .hermes-msg-actions{right:0}.hermes-msg-assistant .hermes-msg-actions{left:0}.hermes-msg:hover .hermes-msg-actions{opacity:1;pointer-events:auto}.hermes-msg-action-btn{background:var(--hermes-bg-header);border:1px solid var(--hermes-border);color:var(--hermes-text-muted);cursor:pointer;white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:11px;transition:color .12s,border-color .12s}.hermes-msg-action-btn:hover{color:var(--hermes-accent);border-color:var(--hermes-accent)}.hermes-stopped-badge{background:var(--hermes-stopped-bg);border:1px solid var(--hermes-stopped-border);color:var(--hermes-stopped-text);vertical-align:middle;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:500;display:inline-block}.hermes-btn-stop{background:var(--hermes-stop-bg);border:1px solid var(--hermes-stop-border);color:var(--hermes-stop-text);cursor:pointer;border-radius:8px;flex-shrink:0;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s}.hermes-btn-stop:hover{background:var(--hermes-border-hover)}.hermes-btn-icon{flex-shrink:0;justify-content:center;align-items:center;padding:9px;line-height:0;display:inline-flex}.hermes-scroll-fab{background:var(--hermes-accent);width:38px;height:38px;color:var(--hermes-bubble-user-text);border:2px solid var(--hermes-accent-light);cursor:pointer;box-shadow:var(--hermes-scroll-fab-shadow);z-index:10;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;margin-top:auto;margin-right:10px;font-size:18px;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s,border-color .15s;display:flex;position:sticky;bottom:14px}.hermes-scroll-fab:hover{background:var(--hermes-accent-hover);border-color:var(--hermes-bubble-user-label);box-shadow:var(--hermes-scroll-fab-shadow-hover);transform:scale(1.08)}.hermes-model-source-hint{color:var(--hermes-text-warning);opacity:.75;white-space:nowrap;cursor:help;flex-shrink:0;font-size:10px}.hermes-response{background:var(--hermes-bg-surface);border:1px solid var(--hermes-border);white-space:pre-wrap;min-height:60px;color:var(--hermes-text-secondary);border-radius:8px;padding:14px;font-size:13px;line-height:1.6;display:none}.hermes-response.visible{display:block}.hermes-response.loading{color:var(--hermes-accent);display:block}.hermes-panel{background:var(--hermes-bg);height:100%;color:var(--hermes-text);flex-direction:column;display:flex;overflow:hidden}.hermes-panel-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.hermes-panel .hermes-msg{max-width:94%}.hermes-panel .hermes-picker-value{max-width:84px}.hermes-panel .hermes-input-bottom{flex-wrap:wrap;position:relative}.hermes-panel .hermes-input-controls{flex-wrap:wrap;min-width:0}.hermes-panel .hermes-picker{position:static}.hermes-panel .hermes-picker-panel{z-index:40;min-width:0;max-width:none;bottom:calc(100% + 6px);left:0;right:0}*{box-sizing:border-box;margin:0;padding:0}html{overflow-anchor:none}body{color:#e0e0e0;background:#1a1a2e;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.landing-root{background:var(--hermes-bg);min-height:100vh;color:var(--hermes-text);flex-direction:column;transition:background .3s,color .3s;display:flex}.landing-nav{z-index:100;background:var(--hermes-bg-header);border-bottom:1px solid var(--hermes-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.landing-nav-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:12px 24px;display:flex}.landing-logo{color:var(--hermes-accent);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.landing-logo-icon{border-radius:4px;width:24px;height:24px}.landing-nav-controls{gap:8px;display:flex}.landing-select{background:var(--hermes-bg-surface);color:var(--hermes-text-secondary);border:1px solid var(--hermes-border);cursor:pointer;border-radius:6px;outline:none;padding:5px 10px;font-family:inherit;font-size:12px;transition:border-color .15s}.landing-select:focus{border-color:var(--hermes-accent)}.landing-select option{background:var(--hermes-bg-surface);color:var(--hermes-text-secondary)}.landing-hero{text-align:center;background:var(--hermes-bg);background-image:radial-gradient(ellipse at 50% 0%, var(--hermes-bg-accent-strong) 0%, transparent 60%);padding:60px 24px 40px}.landing-hero-content{max-width:700px;margin:0 auto}.landing-hero-title{color:var(--hermes-text);margin-bottom:16px;font-size:32px;font-weight:800;line-height:1.25}.landing-hero-tagline{color:var(--hermes-text-secondary);margin-bottom:28px;font-size:16px;line-height:1.6}.landing-hero-actions{justify-content:center;gap:12px;display:flex}.landing-btn-primary{background:var(--hermes-accent);color:var(--hermes-bubble-user-text);cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:background .15s,transform .1s}.landing-btn-primary:hover{background:var(--hermes-accent-hover);transform:translateY(-1px)}.landing-btn-secondary{color:var(--hermes-accent);border:1px solid var(--hermes-accent-border);cursor:pointer;background:0 0;border-radius:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:background .15s,transform .1s}.landing-btn-secondary:hover{background:var(--hermes-bg-accent);transform:translateY(-1px)}.landing-btn-link{align-items:center;text-decoration:none;display:inline-flex}.landing-btn-link:hover{text-decoration:none}.landing-demo{width:100%;max-width:960px;margin:0 auto;padding:40px 24px 60px}.landing-demo-tabs{background:var(--hermes-bg-surface);border:1px solid var(--hermes-border);border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.landing-demo-tab{cursor:pointer;color:var(--hermes-text-muted);background:0 0;border:none;border-radius:8px;flex:1;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.landing-demo-tab:hover{color:var(--hermes-text-secondary);background:var(--hermes-bg-hover)}.landing-demo-tab.active{background:var(--hermes-accent);color:var(--hermes-bubble-user-text)}.landing-demo-hint{color:var(--hermes-text-muted);text-align:center;margin:0 0 16px;padding:0;font-size:13px;line-height:1.5}.landing-demo-stage{min-height:520px;position:relative}.browser-mock{box-shadow:var(--hermes-shadow);border:1px solid var(--hermes-border);background:var(--hermes-bg);border-radius:12px;overflow:hidden}.browser-titlebar{background:var(--hermes-bg-header);border-bottom:1px solid var(--hermes-border);align-items:center;gap:12px;padding:10px 16px;display:flex}.browser-traffic-lights{flex-shrink:0;gap:7px;display:flex}.browser-dot{border-radius:50%;width:12px;height:12px}.browser-dot-red{background:#ff5f57;border:1px solid #e0443e}.browser-dot-yellow{background:#ffbd2e;border:1px solid #dea123}.browser-dot-green{background:#28c840;border:1px solid #1aab29}.browser-title{color:var(--hermes-text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.browser-tabbar{background:var(--hermes-bg-surface);border-bottom:1px solid var(--hermes-border);gap:0;padding:0 12px;display:flex}.browser-tab{color:var(--hermes-text-muted);cursor:default;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:7px 16px;font-size:11px;display:flex}.browser-tab.active{color:var(--hermes-text);border-bottom-color:var(--hermes-accent);background:var(--hermes-bg)}.browser-tab-icon{font-size:12px}.browser-tab-title{white-space:nowrap}.browser-addressbar{background:var(--hermes-bg);border-bottom:1px solid var(--hermes-border);align-items:center;gap:8px;padding:8px 16px;display:flex}.browser-addr-lock{flex-shrink:0;font-size:12px}.browser-addr-url{background:var(--hermes-bg-surface);border:1px solid var(--hermes-border);color:var(--hermes-text-dim);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:20px;flex:1;padding:5px 12px;font-size:12px;overflow:hidden}.browser-addr-actions{color:var(--hermes-text-muted);cursor:default;flex-shrink:0;font-size:16px}.browser-content{min-width:0;height:500px;display:flex;position:relative;overflow:hidden}.browser-webpage{background:var(--hermes-bg);flex:1;position:relative;overflow-y:auto}.browser-content.sidepanel .browser-webpage{border-right:1px solid var(--hermes-border)}.browser-webpage-inner{max-width:640px;padding:32px 36px}.browser-page-title{color:var(--hermes-text);margin-bottom:14px;font-size:22px;font-weight:700}.browser-page-text{color:var(--hermes-text-secondary);margin-bottom:16px;font-size:14px;line-height:1.7}.browser-page-text strong{color:var(--hermes-accent)}.browser-page-cards{gap:12px;margin:20px 0;display:flex}.browser-page-card{background:var(--hermes-bg-surface);border:1px solid var(--hermes-border);text-align:center;color:var(--hermes-text-secondary);border-radius:10px;flex:1;padding:20px 14px;font-size:13px;line-height:1.4}.browser-page-card-icon{margin-bottom:8px;font-size:28px}.browser-content .browser-modal-layer{z-index:10;display:none;position:absolute;inset:0}.browser-content .browser-modal-layer.visible{display:block}.browser-content .browser-modal-layer #hermes-overlay{background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.browser-content .browser-modal-layer #hermes-modal{background:var(--hermes-bg);border:1px solid var(--hermes-border);width:520px;max-width:95%;max-height:90%;box-shadow:var(--hermes-shadow);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.browser-content .browser-modal-layer .hermes-modal-body{flex-direction:column;height:420px;display:flex;overflow:hidden}.browser-sidepanel{flex-shrink:0;width:0;transition:width .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.browser-sidepanel.visible{width:380px}.browser-sidepanel .hermes-panel{border:none;border-radius:0;min-width:0;height:100%}.browser-sidepanel .hermes-panel-body{height:calc(100% - 45px)}.landing-features{width:100%;max-width:1000px;margin:0 auto;padding:60px 24px 80px}.landing-section-title{text-align:center;color:var(--hermes-text);margin-bottom:32px;font-size:22px;font-weight:700}.landing-features-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=680px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}}.landing-feature-card{background:var(--hermes-bg-surface);border:1px solid var(--hermes-border);text-align:center;border-radius:12px;padding:24px 20px;transition:border-color .15s,transform .15s}.landing-feature-card:hover{border-color:var(--hermes-accent-border);transform:translateY(-2px)}.landing-feature-icon{margin-bottom:10px;font-size:28px}.landing-feature-card h3{color:var(--hermes-text);margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.4}.landing-feature-desc{color:var(--hermes-text-muted);font-size:12px;line-height:1.6}.landing-footer{text-align:center;border-top:1px solid var(--hermes-border);color:var(--hermes-text-dim);flex-direction:column;align-items:center;gap:8px;padding:24px;font-size:13px;display:flex}.landing-privacy-link{color:var(--hermes-accent);font-size:12px;text-decoration:none;transition:color .15s}.landing-privacy-link:hover{color:var(--hermes-accent-hover);text-decoration:underline}@keyframes landing-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}