:root{--primary: #6366f1;--primary-dark: #4f46e5;--accent: #ec4899;--success: #10b981;--danger: #ef4444;--text: #f8fafc;--muted: #94a3b8;--border: rgba(255, 255, 255, .08);--background: #020617;--surface: rgba(15, 23, 42, .6);--soft: rgba(255, 255, 255, .04);--shadow: 0 25px 50px -12px rgba(0, 0, 0, .7);--shadow-soft: 0 8px 32px 0 rgba(0, 0, 0, .37);--teal: #14b8a6;--violet: #8b5cf6;--ink: #020617}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--background);background-image:radial-gradient(circle at 0% 0%,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at 100% 100%,rgba(139,92,246,.15) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(20,184,166,.05) 0%,transparent 60%);min-height:100vh}button,input{font:inherit}.rail{position:fixed;inset:0 auto 0 0;width:240px;padding:32px 24px;background:#020617cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);color:#fff;z-index:10;display:flex;flex-direction:column}.brand-mark{width:48px;height:48px;display:grid;place-items:center;margin-bottom:40px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--violet));font-weight:800;font-size:18px;box-shadow:0 0 20px #6366f166;color:#fff}.rail nav{display:grid;gap:8px}.rail a{color:var(--muted);text-decoration:none;padding:12px 16px;border-radius:12px;transition:all .3s ease;font-weight:500;display:flex;align-items:center}.rail a:hover{background:var(--soft);color:var(--text);transform:translate(4px)}main{padding:48px}.frame{width:min(1440px,100%);min-height:760px;margin:0 auto 48px;padding:48px;background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);transition:transform .3s ease}.cover-frame{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;overflow:hidden;background:linear-gradient(145deg,#1e293bcc,#0f172a66)}.eyebrow{margin:0 0 16px;color:var(--teal);font-size:14px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:24px;font-size:72px;line-height:1.1;letter-spacing:-2px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{margin-bottom:12px;font-size:36px;letter-spacing:-1px}h3{margin-bottom:16px;font-size:20px;letter-spacing:-.5px;color:#e2e8f0}.lead{max-width:560px;color:var(--muted);font-size:20px;line-height:1.6;margin-bottom:32px}.architecture{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:48px;padding:24px;background:#0003;border-radius:16px;border:1px solid var(--border)}.architecture span{padding:10px 20px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#ffffff0d;font-weight:600;color:var(--text);box-shadow:0 4px 12px #0003}.architecture b{color:var(--muted)}.cover-preview{position:relative;min-height:560px}.mini-dashboard{position:absolute;top:20px;right:0;bottom:20px;left:20px;display:grid;grid-template-columns:140px 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);transform:perspective(1000px) rotateY(-5deg);transition:transform .5s ease}.mini-dashboard:hover{transform:perspective(1000px) rotateY(0)}.mini-sidebar{background:#020617e6;border-right:1px solid rgba(255,255,255,.05)}.mini-main{padding:24px}.mini-bar,.mini-table,.mini-grid span{border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.mini-bar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.mini-bar span:first-child{width:120px;height:12px;border-radius:999px;background:#ffffff1a}.mini-bar span:last-child{width:80px;height:28px;border-radius:999px;background:var(--primary)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.mini-grid span{height:100px}.mini-table{height:200px;display:grid;gap:12px;padding:16px}.mini-table i{display:block;height:24px;border-radius:6px;background:#ffffff0d}.floating-widget-preview{position:absolute;right:-20px;bottom:60px;display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--violet));color:#fff;box-shadow:0 10px 30px #6366f166;transform:translateY(0);animation:float 4s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.floating-widget-preview p{margin:0;font-weight:700;font-size:16px}.widget-dot{width:10px;height:10px;border-radius:50%;background:#5eead4;box-shadow:0 0 12px #5eead4}.section-head{margin-bottom:40px}.system-grid,.state-grid,.metric-grid,.two-col,.playground-grid,.escalation-grid,.settings-grid{display:grid;gap:24px}.system-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{padding:28px;border:1px solid var(--border);border-radius:16px;background:#1e293b66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);transition:all .3s ease}.panel:hover{background:#1e293b99;border-color:#ffffff26;transform:translateY(-2px)}.compact{min-height:240px}.swatches{display:grid;gap:12px}.swatches span{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px;font-weight:500}.swatches span:before{content:"";width:32px;height:32px;border-radius:8px;background:var(--c);box-shadow:0 4px 10px #0003}.btn{min-height:44px;margin:0 12px 12px 0;padding:0 20px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-weight:600;transition:all .2s ease}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--violet));color:#fff;box-shadow:0 4px 15px #6366f14d}.btn.primary:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-1px)}.btn.secondary{background:#ffffff1a;color:var(--text);border-color:#fff3}.btn.secondary:hover{background:#ffffff26}.btn.ghost{background:transparent;color:var(--muted);border-color:#ffffff1a}.btn.ghost:hover{background:#ffffff0d;color:var(--text)}.field{display:grid;gap:8px;margin-bottom:20px;color:var(--muted);font-size:14px;font-weight:600}.field input,.topbar input,.chat-widget input,.chat-test input,.mini-widget input{width:100%;min-height:48px;padding:0 16px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:#0003;transition:border-color .2s ease}.field input:focus,.topbar input:focus{outline:none;border-color:var(--primary);background:#0000004d}.badge{display:inline-flex;align-items:center;min-height:28px;margin:0 8px 8px 0;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge.success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge.warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge.danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge.neutral{background:#ffffff1a;color:var(--muted);border:1px solid rgba(255,255,255,.2)}.website-canvas{position:relative;min-height:760px;max-width:1400px;margin:0 auto;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#0f172a,#020617)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;border-bottom:1px solid rgba(255,255,255,.05);background:#0f172a80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header nav{display:flex;gap:32px;color:var(--muted);font-weight:500}.hero-layout{display:grid;grid-template-columns:1fr 480px;gap:64px;padding:80px 60px}.hero-layout h3{max-width:640px;font-size:48px;line-height:1.1}.search-box{max-width:560px;padding:20px 24px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0000004d;color:var(--muted);font-size:16px;margin-top:32px}.article-stack{display:grid;gap:16px}.article-stack article{padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08;font-weight:600;transition:all .2s ease}.article-stack article:hover{background:#ffffff14;transform:translate(4px)}.ask-ai{position:absolute;right:40px;bottom:40px;min-height:60px;padding:0 28px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--violet));color:#fff;font-size:16px;font-weight:700;box-shadow:0 8px 25px #6366f166;cursor:pointer;transition:transform .2s}.ask-ai:hover{transform:scale(1.05)}.chat-widget{position:absolute;right:40px;bottom:120px;width:380px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:#0f172ad9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 50px #00000080;overflow:hidden;display:flex;flex-direction:column}.chat-widget header{padding:24px;background:linear-gradient(135deg,#6366f133,#8b5cf633);border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.chat-widget header div strong{display:block;font-size:18px;margin-bottom:4px}.chat-widget header div span{font-size:12px;color:#5eead4;display:flex;align-items:center;gap:6px}.chat-widget header div span:before{content:"";width:8px;height:8px;background:#5eead4;border-radius:50%;display:inline-block;box-shadow:0 0 8px #5eead4}.chat-widget header button{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer}.messages{padding:24px;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.bubble{padding:16px;border-radius:16px;font-size:14px;line-height:1.5;max-width:85%}.bubble.ai{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);align-self:flex-start;border-bottom-left-radius:4px}.bubble.user{background:linear-gradient(135deg,var(--primary),var(--violet));color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.prompt{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:12px;color:var(--text);font-size:13px;cursor:pointer;text-align:left;transition:all .2s}.prompt:hover,.prompt.active{background:#6366f126;border-color:var(--primary)}.citations{margin-top:8px;background:#0003;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.citations strong{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;margin-bottom:12px}.citations article{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff0d;border-radius:8px;margin-bottom:8px;font-size:13px}.chat-widget footer{padding:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:12px}.chat-widget footer input{flex:1;border:none;background:#0003;border-radius:20px;padding:12px 20px}.chat-widget footer button{width:44px;height:44px;border-radius:50%;background:var(--primary);border:none;color:#fff;display:grid;place-items:center;cursor:pointer}.app-frame{display:grid;grid-template-columns:240px 1fr;padding:0;overflow:hidden}.sidebar{background:#020617cc;border-right:1px solid var(--border);padding:32px 20px;display:flex;flex-direction:column;gap:8px}.logo{font-size:20px;font-weight:800;margin-bottom:40px;padding:0 12px;background:linear-gradient(to right,#fff,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar a{padding:12px 16px;border-radius:12px;color:var(--muted);text-decoration:none;font-weight:500;transition:all .2s}.sidebar a:hover{background:#ffffff0d;color:var(--text)}.sidebar a.active{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:var(--text);border:1px solid rgba(99,102,241,.3)}.app-main{padding:40px;background:radial-gradient(circle at 100% 0%,rgba(99,102,241,.08),transparent 40%)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.topbar span{color:var(--muted);font-size:15px}.topbar input{width:320px;border-radius:999px;padding:12px 24px}.metric-grid{grid-template-columns:repeat(4,1fr);margin-bottom:24px}.metric-grid article{padding:24px;background:#1e293b66;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:12px}.metric-grid article span{color:var(--muted);font-size:14px;font-weight:500}.metric-grid article strong{font-size:36px;font-weight:700;color:var(--text)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dashboard-grid .wide{grid-column:1 / -1}.row{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.row:last-child{border-bottom:none}.health-ring{width:120px;height:120px;border-radius:50%;border:8px solid var(--primary);border-top-color:var(--success);display:grid;place-items:center;font-size:28px;font-weight:800;margin:24px auto;box-shadow:0 0 20px #10b98133}.analytics-panel{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:center}.bar-chart{height:220px;display:flex;align-items:flex-end;gap:16px;padding:24px;background:#0003;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.bar-chart span{flex:1;height:var(--h);background:linear-gradient(180deg,var(--primary),rgba(99,102,241,.2));border-radius:6px 6px 0 0;transition:height .5s ease}.bar-chart span:hover{background:linear-gradient(180deg,var(--teal),rgba(20,184,166,.2))}.upload-box{border:2px dashed rgba(255,255,255,.15);background:#6366f10d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.table{width:100%}.thead{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;padding:16px;font-weight:600;color:var(--muted);border-bottom:1px solid var(--border);font-size:13px;text-transform:uppercase}.table>div:not(.thead){display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;padding:16px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.login-frame{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:64px;min-height:800px;background:linear-gradient(135deg,#020617,#0f172ae6)}.login-art{padding:48px}.login-art h2{font-size:64px;line-height:1.1;background:linear-gradient(to right,#fff,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.login-insights article{padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-card{background:#0f172a99;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:48px;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px #0006}.logo-lockup{display:flex;align-items:center;gap:16px;margin-bottom:32px;font-size:24px}.logo-lockup span{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--violet));border-radius:12px;display:grid;place-items:center;font-weight:800;box-shadow:0 0 20px #6366f166}.wide-btn{width:100%;margin-right:0;margin-top:16px}@media(max-width:768px){.cover-preview{display:none!important}.hero-layout,.cover-frame,.two-col,.system-grid,.metric-grid,.escalation-grid,.settings-grid{grid-template-columns:1fr!important;gap:24px}.app-frame{display:flex;flex-direction:column}.app-main{padding:16px!important}.hero-layout{padding:32px 16px!important}h1{font-size:40px!important;word-break:break-word;letter-spacing:-1px!important}.site-header,nav[style*=sticky]{flex-direction:column;gap:16px;padding:16px!important}.chat-widget{left:16px!important;right:16px!important;width:auto!important;bottom:16px!important;border-radius:16px!important;max-height:calc(100svh - 40px)!important}.messages{max-height:none!important;flex:1 1 auto!important;min-height:0!important}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}}