:root{--bg-main:#07111f;--bg-elevated:#0c1728;--bg-card:rgba(16,28,46,.72);--line-soft:hsla(0,0%,100%,.08);--text-main:#f5f8ff;--text-muted:#9cb0d0;--accent-primary:#6ee7ff;--accent-secondary:#8b5cf6;--accent-success:#22c55e;--accent-warn:#f59e0b;--accent-danger:#ef4444;--app-bg:#0a1424;--app-panel:#101c2e;--app-panel-2:#13233a;--app-hover:#162943;--app-border:hsla(0,0%,100%,.06);--app-text:#eaf2ff;--app-text-muted:#8ea5c7;--grad-brand:linear-gradient(135deg,#6ee7ff,#8b5cf6 45%,#2dd4bf);--grad-cta:linear-gradient(135deg,#5eead4,#38bdf8 50%,#8b5cf6)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg-main);color:var(--text-main);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.badge{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:7px 12px;border-radius:999px;border:1px solid var(--line-soft);background:hsla(0,0%,100%,.04);font-size:.76rem;letter-spacing:.05em}.badge,.muted{color:var(--text-muted)}.section-title{margin:0;font-size:clamp(1.6rem,2.6vw,3.25rem);line-height:1.1;letter-spacing:-.03em}.section-sub{color:var(--text-muted);line-height:1.8;margin:0}.brand-button{border:0;cursor:pointer;background:var(--grad-cta);color:#07111f;font-weight:700;border-radius:999px;transition:all .22s ease;box-shadow:0 10px 30px rgba(56,189,248,.22);padding:10px 16px;display:inline-flex;justify-content:center;align-items:center;gap:8px}.brand-button:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(56,189,248,.28)}.ghost-button{border:1px solid hsla(0,0%,100%,.08);cursor:pointer;background:hsla(0,0%,100%,.03);color:var(--text-main);padding:10px 16px;justify-content:center}.ghost-button,.kpi-chip{border-radius:999px;display:inline-flex;align-items:center;gap:8px}.kpi-chip{padding:8px 12px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);color:var(--text-muted);font-size:.82rem}.metric-value{font-size:clamp(1.5rem,2vw,2.5rem);line-height:1;font-weight:800;letter-spacing:-.03em}.metric-label{color:var(--app-text-muted);font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.glass-card{background:var(--bg-card);border:1px solid var(--line-soft);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 80px rgba(0,0,0,.28);border-radius:24px}.panel-card{background:var(--app-panel);border:1px solid var(--app-border);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.22)}.panel-card-strong{background:linear-gradient(180deg,#13233a,#101c2e);border:1px solid hsla(0,0%,100%,.07);border-radius:22px;box-shadow:0 18px 48px rgba(0,0,0,.28)}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead th{text-align:left;color:var(--app-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:14px 16px;border-bottom:1px solid var(--app-border)}.data-table tbody td{padding:14px 16px;border-bottom:1px solid hsla(0,0%,100%,.04)}.data-table tbody tr:hover{background:hsla(0,0%,100%,.02)}.bg-marketing{background:radial-gradient(circle at 20% 20%,rgba(110,231,255,.12),transparent 28%),radial-gradient(circle at 80% 10%,rgba(139,92,246,.12),transparent 25%),radial-gradient(circle at 70% 70%,rgba(45,212,191,.08),transparent 22%),var(--bg-main)}.marketing-nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:1px solid hsla(0,0%,100%,.05);background:rgba(7,17,31,.72);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.marketing-wrap{width:min(1200px,100%);margin:0 auto;padding:0 20px}.marketing-nav-row{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:12px}.marketing-menu{display:flex;gap:26px;color:var(--text-muted);font-size:.94rem}.marketing-menu a:hover{color:var(--text-main)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;padding:40px 0 24px}.hero-copy{display:grid;grid-gap:18px;gap:18px;align-content:center}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-visual{padding:18px}.trust-strip{border-top:1px solid hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.05);background:hsla(0,0%,100%,.02)}.trust-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:70px;color:var(--text-muted)}.section-block{padding:72px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:20px}.feature-card{padding:20px;display:grid;grid-gap:10px;gap:10px;transition:transform .22s ease}.feature-card:hover{transform:translateY(-2px)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:24px}.faq-list{margin-top:16px;display:grid;grid-gap:10px;gap:10px}.faq-item{padding:14px;border-radius:16px;border:1px solid hsla(0,0%,100%,.06);background:hsla(0,0%,100%,.02)}.footer-row{padding:24px 0;border-top:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;gap:10px;color:var(--text-muted);font-size:.88rem}.app-shell{min-height:100vh;background:var(--app-bg);color:var(--app-text)}.shell-grid{display:grid;min-height:100vh;grid-template-columns:280px 1fr}.shell-sidebar{border-right:1px solid hsla(0,0%,100%,.05);background:#0b172a;padding:20px}.sidebar-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px}.brand-badge{width:42px;height:42px;border-radius:14px;background:var(--grad-brand)}.sidebar-box{border:1px solid hsla(0,0%,100%,.05);background:hsla(0,0%,100%,.03);border-radius:16px;padding:12px}.sidebar-links{margin-top:14px;display:grid;grid-gap:6px;gap:6px}.sidebar-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 12px;border-radius:12px;color:var(--app-text-muted);transition:all .18s ease}.sidebar-item:hover{background:var(--app-hover);color:var(--app-text)}.sidebar-item-active{background:linear-gradient(135deg,rgba(110,231,255,.14),rgba(139,92,246,.14));border:1px solid rgba(110,231,255,.14);color:#f5f8ff}.shell-main{min-width:0}.shell-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;border-bottom:1px solid hsla(0,0%,100%,.05);background:rgba(10,20,36,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px}.topbar-actions{display:flex;gap:10px;flex-wrap:wrap}.shell-content{padding:22px;display:grid;grid-gap:16px;gap:16px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:12px;gap:12px}.kpi-card{padding:14px}.split-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:16px;gap:16px}.chart-box{height:260px;border-radius:16px;border:1px solid hsla(0,0%,100%,.05);padding:12px;background:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0) 0 0 /100% 24px,linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0) 0 0 /24px 100%,hsla(0,0%,100%,.02)}.chart-bars{height:100%;display:flex;align-items:flex-end;gap:6px}.chart-bars>span{flex:1 1;border-radius:10px 10px 0 0;background:var(--grad-brand)}.table-wrap{border:1px solid hsla(0,0%,100%,.05);border-radius:16px;overflow:auto}.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:.73rem;border:1px solid hsla(0,0%,100%,.08)}.status.ok{background:rgba(34,197,94,.12);color:#9df2b8}.status.warn{background:rgba(245,158,11,.12);color:#ffd38b}.status.danger{background:rgba(239,68,68,.12);color:#ffafaf}.form-control{width:100%;border:1px solid hsla(0,0%,100%,.08);border-radius:14px;background:hsla(0,0%,100%,.03);color:var(--app-text);padding:10px 12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:14px;gap:14px}.metric-row{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric{border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);border-radius:14px;padding:12px}.metric .label{color:var(--text-muted);font-size:.76rem}.metric .value{margin-top:6px;font-size:1.18rem;font-weight:700}.auth-grid{grid-gap:10px}.auth-grid,.row{display:grid;gap:10px}.row{grid-template-columns:1fr 1fr;grid-gap:10px}.input{width:100%;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;background:hsla(0,0%,100%,.03);color:var(--app-text);padding:10px 12px}.oauth-buttons{display:grid;grid-gap:8px;gap:8px}.oauth-btn{justify-content:flex-start;display:inline-flex;align-items:center;gap:8px}@media (max-width:1180px){.hero,.hero-grid,.split-grid{grid-template-columns:1fr}.feature-grid,.pricing-grid{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shell-grid{grid-template-columns:1fr}.shell-sidebar{border-right:0;border-bottom:1px solid hsla(0,0%,100%,.05)}}@media (max-width:760px){.marketing-menu{display:none}.feature-grid,.kpi-grid,.metric-row,.pricing-grid,.row{grid-template-columns:1fr}.footer-row,.topbar-row,.trust-row{flex-direction:column;align-items:flex-start}}