@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap');
:root{--bg:#081120;--bg-soft:#0f1c33;--card:#0d182b;--primary:#3b82f6;--secondary:#94a3b8;--accent:#22d3ee;--light:#f8fafc;--muted:#dbe4f0;--border:rgba(255,255,255,.08);--shadow:0 20px 50px rgba(4,12,24,.18);}
body{font-family:'Roboto',sans-serif;color:#0f172a;background:#f8fafc;}
h1,h2,h3,h4,h5,.navbar-brand{font-family:'Inter',sans-serif;}
.datix-navbar{background:rgba(8,17,32,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);}
.hero-section{background:radial-gradient(circle at top right, rgba(34,211,238,.15), transparent 28%),linear-gradient(135deg, #07111f 0%, #0d1730 60%, #122446 100%);color:var(--light);}
.hero-section .lead{color:#d1d9e6!important;}
.py-lg-7{padding-top:6rem;padding-bottom:6rem;}
.stat-card,.package-card,.feature-card,.case-card,.hero-panel{border-radius:24px;background:white;padding:1.35rem;box-shadow:var(--shadow);}
.hero-panel{background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));color:white;border:1px solid var(--border);}
.hero-panel-top{display:flex;justify-content:space-between;gap:1rem;}
.hero-list{display:block;padding-left:1rem;margin-top:1rem;}
.hero-list li{margin-bottom:.75rem;color:#d7e0ed;}
.hero-chart-preview .bar{background:rgba(255,255,255,.08);height:14px;border-radius:20px;margin:14px 0;overflow:hidden;}
.hero-chart-preview .bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent), var(--primary));border-radius:20px;}
.section-light{background:#ffffff;}
.eyebrow{display:inline-block;color:var(--primary);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;margin-bottom:.5rem;}
.feature-card{border:1px solid #e5edf7;}
.feature-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#e8f1ff;color:var(--primary);font-size:1.4rem;margin-bottom:1rem;}
.package-card{background:linear-gradient(180deg,#fff,#f2f7ff);border:1px solid #dbe7fb;height:100%;}
.case-card{background:#0f172a;color:white;}
.case-card p,.case-card li{color:#c9d4e4;}
.case-card ul{padding-left:1.1rem;margin-bottom:0;}
.case-tag{display:inline-block;background:rgba(59,130,246,.2);color:#93c5fd;padding:.35rem .7rem;border-radius:999px;margin-bottom:1rem;}
.cta-card{background:linear-gradient(135deg,#0b1327,#122447);border-radius:28px;padding:3rem 2rem;}
.footer-section{background:#07111f;}
.footer-links a{color:#dbe4f0;text-decoration:none;}
.footer-links li{margin-bottom:.5rem;}
.chart-box{min-height:340px;}
.small-chart{min-height:260px;}
.diagnostic-page{background:linear-gradient(180deg,#f8fbff,#eef4fb);}
.diagnostic-sticky{position:sticky;top:96px;}
.question-block{padding-bottom:1rem;border-bottom:1px solid #eef3f8;}
.score-option{min-width:48px;display:flex;align-items:center;justify-content:center;border:1px solid #dbe7fb;border-radius:14px;padding:.4rem .75rem;}
.recommendation-box{padding:1rem;background:#edf5ff;border:1px solid #d5e5ff;border-radius:18px;}
.mini-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;}
.mini-kpi-grid div{background:rgba(255,255,255,.07);padding:1rem;border-radius:16px;text-align:center;}
.mini-kpi-grid strong{display:block;font-size:1.3rem;}
.admin-body{background:#eff4fb;}
.admin-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;}
.admin-sidebar{background:#091224;color:white;padding:2rem;position:sticky;top:0;height:100vh;}
.admin-sidebar h2{font-size:1.4rem;font-weight:800;}
.admin-nav{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;}
.admin-nav a{color:#d8e2f1;text-decoration:none;padding:.7rem .9rem;border-radius:12px;background:rgba(255,255,255,.04);}
.admin-main{padding:0;}
.metric-card{background:white;border-radius:22px;padding:1.25rem;box-shadow:var(--shadow);height:100%;}
.metric-card span{display:block;color:#64748b;margin-bottom:.25rem;}
.metric-card strong{font-size:2rem;font-family:'Inter',sans-serif;}
@media (max-width:991px){.diagnostic-sticky{position:static;}.admin-shell{grid-template-columns:1fr;}.admin-sidebar{position:relative;height:auto;}}

.admin-nav a.active{background:rgba(59,130,246,.18);border:1px solid rgba(147,197,253,.25);color:#fff;}
.setup-pre{max-height:260px;overflow:auto;}
code{font-size:.92em;}

.footer-whatsapp{display:inline-flex;align-items:center;gap:.55rem;color:#dcfce7;text-decoration:none;font-weight:600;margin-top:.5rem}
.footer-whatsapp i{font-size:1.1rem}
.social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.social-links a{display:flex;align-items:center;gap:.6rem;padding:.75rem .9rem;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#dbe4f0;text-decoration:none;background:rgba(255,255,255,.03)}
.social-links a i{font-size:1.05rem}
.summary-pill,.cta-box{background:#f8fbff;border:1px solid #dbe7fb;border-radius:20px;padding:1.1rem}
.summary-pill span{display:block;color:#64748b;font-size:.88rem;margin-bottom:.35rem}
.summary-pill strong{display:block;font-family:'Inter',sans-serif;font-size:1.15rem;color:#0f172a}
.cta-box{background:linear-gradient(180deg,#ffffff,#f4f8ff)}
.admin-nav-group{margin-top:.5rem}
.admin-nav-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#d8e2f1;padding:.8rem .9rem;border-radius:12px}
.admin-nav-submenu{display:flex;flex-direction:column;gap:.5rem;padding-left:.85rem;margin-top:.65rem}
.admin-nav-submenu a{font-size:.95rem}
.prospect-status{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:999px;background:#e2e8f0;color:#334155;font-size:.8rem;font-weight:600}