/* ===============================
   SARANOR ENTERPRISE PREVIEW V3
   =============================== */
:root {
  --saranor-ink:#07111f;
  --saranor-blue-2:#4f7cff;
  --saranor-soft:#f5f8ff;
  --saranor-line:#dfe7f5;
  --saranor-muted:#5d6b82;
  --saranor-success:#067647;
  --saranor-warning:#b54708;
  --saranor-danger:#b42318;
}
.logo-lockup { display:flex; align-items:center; text-decoration:none; }
.logo-lockup img { height:42px; width:auto; display:block; }
.nav { border-bottom:1px solid rgba(7,17,31,.08); box-shadow:0 8px 24px rgba(7,17,31,.04); }
.nav-brand { font-size:0; }
.enterprise-page { background:#f5f8ff; }
.enterprise-hero { background:radial-gradient(circle at 15% 10%, rgba(79,124,255,.16), transparent 28%), linear-gradient(135deg,#fff 0%,#f4f7ff 55%,#eaf0ff 100%); text-align:left; padding:78px 20px 72px; }
.enterprise-hero-grid { width:min(1180px, calc(100% - 56px)); max-width:1180px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr); gap:48px; align-items:center; text-align:left; }
.enterprise-hero-copy, .executive-preview-card { min-width:0; }
.enterprise-hero .hero-title { margin:0 0 20px; font-size:clamp(42px,5vw,72px); line-height:.98; max-width:780px; }
.enterprise-hero .hero-sub { margin:0 0 30px; font-size:20px; line-height:1.55; max-width:720px; color:#314056; }
.eyebrow { color:var(--saranor-blue-2); font-size:12px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; margin-bottom:12px; }
.hero-proof { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.hero-proof span, .trust-strip span { background:#fff; border:1px solid var(--saranor-line); color:#26364d; border-radius:999px; padding:8px 12px; font-size:12px; font-weight:700; }
.executive-preview-card { background:#07111f; color:#fff; border-radius:28px; padding:28px; box-shadow:0 30px 70px rgba(7,17,31,.24); border:1px solid rgba(255,255,255,.14); }
.preview-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; color:#dbe6ff; }
.preview-top strong { font-size:36px; color:#fff; }
.preview-alert { background:rgba(79,124,255,.18); border:1px solid rgba(79,124,255,.34); color:#dbe6ff; border-radius:16px; padding:14px; margin-bottom:18px; font-weight:700; }
.preview-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:20px; }
.preview-kpis div { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:14px; }
.preview-kpis span { display:block; color:#aebde0; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.preview-kpis b { font-size:20px; }
.preview-chart { height:132px; display:flex; align-items:end; gap:10px; padding:14px; background:rgba(255,255,255,.06); border-radius:18px; margin-bottom:18px; }
.preview-chart i { flex:1; background:linear-gradient(180deg,#7da0ff,#4f7cff); border-radius:10px 10px 3px 3px; }
.executive-preview-card p { color:#dbe6ff; line-height:1.6; margin:0; }
.section-intro { max-width:820px; margin:0 auto 36px; text-align:center; }
.enterprise-section, .proof-section, .trust-section, .security-section, .pilot-section { padding-top:58px; padding-bottom:58px; }
.section:last-of-type { border-bottom:0; }
.enterprise-grid .card-box, .feature-card { border-color:var(--saranor-line); box-shadow:0 18px 40px rgba(7,17,31,.07); }
.feature-card h3 { color:var(--saranor-ink); }
.proof-section { background:#fff; }
.proof-layout { display:grid; grid-template-columns:1fr .95fr; gap:40px; align-items:center; }
.proof-stack { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.proof-stack div { background:#f6f9ff; border:1px solid var(--saranor-line); border-radius:18px; padding:22px; }
.proof-stack strong { display:block; color:var(--saranor-ink); font-size:18px; margin-bottom:8px; }
.proof-stack span { color:var(--saranor-muted); }
.timeline-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.timeline-grid div { background:#fff; border:1px solid var(--saranor-line); border-radius:18px; padding:22px; box-shadow:0 14px 34px rgba(7,17,31,.06); }
.timeline-grid b { display:inline-grid; place-items:center; width:34px; height:34px; background:#07111f; color:#fff; border-radius:999px; margin-bottom:14px; }
.timeline-grid h3 { margin:0 0 8px; }
.timeline-grid p { color:var(--saranor-muted); line-height:1.6; margin:0; }
.security-section, .pilot-section { background:#f5f8ff; }
.security-card { display:grid; grid-template-columns:1.2fr .8fr; gap:28px; background:#07111f; color:#fff; border-radius:26px; padding:34px; box-shadow:0 25px 60px rgba(7,17,31,.18); }
.security-card h2 { color:#fff; margin-top:0; }
.security-card p { color:#dbe6ff; line-height:1.7; }
.security-card ul { margin:0; padding-left:20px; color:#dbe6ff; line-height:1.9; }
/* Demo v3 */
.demo-section { background:linear-gradient(135deg,#f7faff 0%,#edf3ff 100%); }
.demo-card { border-radius:24px; border-color:rgba(79,124,255,.22); box-shadow:0 26px 80px rgba(7,17,31,.10); }
.demo-box { border-radius:18px; background:#fff; }
.response-panel { border-radius:18px; }
.result-card { border-color:var(--saranor-line); box-shadow:0 12px 34px rgba(7,17,31,.045); }
.result-header { background:#07111f; color:#fff; border-radius:20px; padding:20px; }
.result-header h3 { color:#fff; }
.result-eyebrow { color:#9db5ff; }
.result-badge { background:rgba(79,124,255,.2); border-color:rgba(157,181,255,.35); color:#fff; }
.kpi-card { background:linear-gradient(180deg,#fff,#f8fbff); border-color:var(--saranor-line); }
.kpi-card strong { font-size:1.28rem; }
.health-panel { border:1px solid rgba(79,124,255,.20); background:linear-gradient(135deg,#07111f,#13233d); color:#fff; }
.health-panel h4, .health-panel p { color:#fff; }
.gauge { background:rgba(255,255,255,.14); height:16px; }
.gauge i { background:linear-gradient(90deg,#4f7cff,#89a5ff); }
.health-pills span { background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.16); }
.severity-critical { background:#fef3f2 !important; color:#b42318 !important; border-color:#fecdca !important; }
.severity-high { background:#fff7ed !important; color:#b54708 !important; border-color:#fed7aa !important; }
.severity-medium { background:#eef4ff !important; color:#3538cd !important; border-color:#c7d7fe !important; }
.severity-stable { background:#ecfdf3 !important; color:#067647 !important; border-color:#abefc6 !important; }
.priority-callout { margin-top:12px; padding:12px; border-radius:12px; background:#eef4ff; color:#233876; border:1px solid #c7d7fe; }
.anomaly-item { border-bottom:1px solid #eef2f7; padding:10px 0; }
.raw-result { background:#07111f; color:#dbe6ff; }
.raw-result summary, .raw-result pre { color:#dbe6ff; }
.section-cta { padding:52px 20px; border-bottom:0; }
.section-cta .cta-inner { max-width:860px; }
.section-cta .cta-inner p { margin-bottom:22px; }
.footer { padding:44px 20px 34px; }
.footer-tag { margin-top:8px; }
.footer-bottom { margin-top:18px; }
@media (max-width: 900px) { .enterprise-hero-grid, .proof-layout, .security-card { grid-template-columns:1fr; } .timeline-grid { grid-template-columns:1fr 1fr; } .enterprise-hero { text-align:center; padding:54px 20px 48px; } .enterprise-hero-grid { width:min(100%, 680px); margin:0 auto; text-align:center; } .hero-proof { justify-content:center; } .enterprise-section, .proof-section, .trust-section, .security-section, .pilot-section { padding-top:46px; padding-bottom:46px; } .section-cta { padding:44px 20px; } }
@media (max-width: 620px) { .timeline-grid, .proof-stack, .preview-kpis { grid-template-columns:1fr; } .logo-lockup img { height:34px; } .enterprise-hero { padding:42px 18px; } .enterprise-hero-grid { width:100%; } .enterprise-section, .proof-section, .trust-section, .security-section, .pilot-section { padding-top:38px; padding-bottom:38px; } .section-intro { margin-bottom:24px; } .section-cta { padding:36px 18px; } .footer { padding:34px 18px 28px; } }