:root{--bg:#07111f;--card:#0f1b2d;--soft:#12233b;--text:#ebf3ff;--muted:#a7b7cf;--brand:#5eead4;--brand-2:#60a5fa;--danger:#fb7185;--border:rgba(255,255,255,.08)}*{box-sizing:border-box}body,html{padding:0;margin:0;background:radial-gradient(circle at top,#0c1830 0,var(--bg) 50%,#040913 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px solid var(--border);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(94,234,212,.12);border:1px solid rgba(94,234,212,.25);color:var(--brand);border-radius:999px;padding:8px 14px;font-size:13px}.hero{padding:84px 0 36px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:24px;gap:24px;align-items:center}.hero h1{font-size:clamp(34px,6vw,64px);line-height:1.05;margin:16px 0}.hero p{color:var(--muted);font-size:18px;line-height:1.9}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:14px 22px;font-weight:700;border:1px solid var(--border)}.btn-primary{background:linear-gradient(135deg,var(--brand) 0,var(--brand-2) 100%);color:#04111f}.btn-secondary{background:rgba(255,255,255,.03)}.hero-panel{padding:24px}.panel-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.mini-card{padding:18px;background:rgba(255,255,255,.03);border-radius:18px;border:1px solid var(--border)}.mini-card strong{display:block;font-size:26px;margin-top:8px}.section{padding:28px 0 10px}.section h2{font-size:30px;margin-bottom:10px}.section p.section-intro{color:var(--muted);max-width:860px;line-height:1.9}.cards-3,.feature-grid,.stats-grid,.two-col{display:grid;grid-gap:18px;gap:18px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col{grid-template-columns:1fr 1fr}.content-card,.feature-card{padding:22px}.content-card h3,.feature-card h3{margin-top:0}.content-card li,.content-card p,.feature-card p{color:var(--muted);line-height:1.8}.kpi{font-size:34px;font-weight:800}.kpi-label{color:var(--muted);margin-top:8px}.footer{padding:38px 0 60px;color:var(--muted)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(520px,100%);padding:28px}label{display:block;margin-bottom:8px;color:var(--muted)}input,select,textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text);margin-bottom:14px}button{cursor:pointer}.helper{color:var(--muted);font-size:14px;line-height:1.7}.error{color:#fecdd3;background:rgba(251,113,133,.15);border:1px solid rgba(251,113,133,.3);padding:12px 14px;border-radius:14px;margin-bottom:14px}.dashboard-layout{display:grid;grid-template-columns:290px 1fr;grid-gap:20px;gap:20px;min-height:100vh;padding:20px}.sidebar{padding:22px;position:-webkit-sticky;position:sticky;top:20px;height:-moz-fit-content;height:fit-content}.logo-block h2{margin:16px 0 8px}.logo-block p{color:var(--muted);line-height:1.7}.side-nav{display:grid;grid-gap:10px;gap:10px;margin-top:20px}.side-nav a{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--border)}.dashboard-main{display:grid;grid-gap:20px;gap:20px}.dashboard-header{padding:24px}.dashboard-header h1{margin:6px 0 10px}.dashboard-header p,.eyebrow{color:var(--muted)}.stat-card{padding:22px}.stat-title{color:var(--muted);margin-bottom:12px}.stat-value{font-size:34px;font-weight:800}.stat-hint{margin-top:10px;color:var(--muted)}.table-card{padding:20px;overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:14px 10px;text-align:right;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600}.status-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:13px;border:1px solid var(--border)}.status-green{background:rgba(74,222,128,.12);color:#86efac}.status-yellow{background:rgba(250,204,21,.12);color:#fde047}.status-red{background:rgba(251,113,133,.12);color:#fda4af}.flow-box{padding:18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--border)}.flow-line{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}.flow-node{padding:12px 14px;border-radius:14px;background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.24)}.message-thread{display:grid;grid-gap:12px;gap:12px}.message-bubble{padding:14px 16px;border-radius:16px;max-width:85%;line-height:1.8}.from-customer{background:rgba(255,255,255,.05)}.from-ai{background:rgba(94,234,212,.12);border:1px solid rgba(94,234,212,.22);margin-right:auto}.api-box{padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:rgba(2,6,23,.6);border:1px solid var(--border);border-radius:18px;overflow-x:auto}.notice{padding:16px 18px;border-radius:16px;background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.24);color:#dbeafe}@media (max-width:960px){.cards-3,.dashboard-layout,.feature-grid,.hero-grid,.stats-grid,.two-col{grid-template-columns:1fr}.panel-grid{grid-template-columns:1fr 1fr}.sidebar{position:static}}@media (max-width:640px){.panel-grid{grid-template-columns:1fr}}