@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F5F3FF;--surface: #FFFFFF;--surface2: #F0EEFF;--surface3: #E8E3FF;--border: rgba(139,92,246,.15);--border2: rgba(139,92,246,.28);--sidebar-bg: #F8F7FF;--sidebar-text: #5B4B7A;--sidebar-active: #7C3AED;--sidebar-hover: #EDE9FF;--text: #1A1030;--text2: #5B4B7A;--text3: #8B7ABB;--blue: #7C3AED;--blue-dim: #EDE9FF;--blue-mid: #6D28D9;--green: #059669;--green-dim: #ECFDF5;--amber: #D97706;--amber-dim: #FFFBEB;--red: #DC2626;--red-dim: #FEF2F2;--font: "Inter", system-ui, sans-serif;--mono: "IBM Plex Mono", monospace;--radius: 10px;--radius-lg: 14px;--shadow: 0 2px 12px rgba(139,92,246,.08), 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 8px 32px rgba(139,92,246,.12), 0 2px 8px rgba(0,0,0,.06);--glow: 0 0 24px rgba(139,92,246,.12)}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b5cf640;border-radius:2px}.mono{font-family:var(--mono)}.label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)}.pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.04em}.pill-red{background:#fee2e2;color:#dc2626;border:1px solid #FECACA}.pill-amber{background:#fef3c7;color:#d97706;border:1px solid #FDE68A}.pill-green{background:#d1fae5;color:#059669;border:1px solid #A7F3D0}.pill-blue{background:#ede9ff;color:#7c3aed;border:1px solid #C4B5FD}.card{background:#fff;border:1px solid rgba(139,92,246,.12);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent);pointer-events:none}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;padding:10px 14px;border-bottom:1px solid rgba(139,92,246,.1);text-align:left;background:#f5f3ff}.data-table td{padding:12px 14px;border-bottom:1px solid rgba(139,92,246,.07);color:var(--text);font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f5f3ff}.data-table td.mono{font-family:var(--mono);font-size:12px;color:var(--text2)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s;font-family:var(--font)}.btn-primary{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border-color:#7c3aed80;box-shadow:0 2px 12px #7c3aed4d}.btn-primary:hover{background:linear-gradient(135deg,#6d28d9,#4c1d95);box-shadow:0 4px 20px #7c3aed66;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text2);border-color:#8b5cf633}.btn-ghost:hover{background:#ede9ff;color:var(--blue);border-color:#8b5cf64d}.top-bar{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(139,92,246,.1);box-shadow:0 1px 12px #8b5cf60f}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fffffff2;border-top:1px solid rgba(139,92,246,.15);padding:8px 0 env(safe-area-inset-bottom);z-index:200;box-shadow:0 -4px 20px #8b5cf61a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;max-width:500px;margin:0 auto}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;border-radius:10px;text-decoration:none;font-size:9px;font-weight:700;color:#9b8abb;transition:all .15s;font-family:var(--font);letter-spacing:.05em;text-transform:uppercase;min-width:44px}.bottom-nav-item.active{color:#7c3aed;background:#ede9ff}.bottom-nav-item span.icon{font-size:20px;line-height:1}.mobile-card-list{display:none;flex-direction:column;gap:10px}.mobile-card{background:#fff;border:1px solid rgba(139,92,246,.12);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow)}.mobile-card-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-card-row:last-child{margin-bottom:0}.mobile-card-label{font-size:11px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.mobile-card-value{font-size:13px;color:var(--text);font-weight:500}.mobile-score-card{display:none}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.page-header h1{font-size:24px;font-weight:800;color:var(--text);letter-spacing:-.02em}.page-header p{font-size:13px;color:var(--text3);margin-top:2px}.landing-nav-links{display:flex;gap:12px;align-items:center}.landing-nav-text{display:flex;gap:24px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-block{background:linear-gradient(90deg,#f0eeff 25%,#e8e3ff,#f0eeff 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}@media (max-width: 768px){aside.sidebar{display:none!important}.bottom-nav{display:block}main{padding-bottom:76px!important}.data-table{display:none}.mobile-card-list{display:flex}.metrics-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.metrics-grid>div:first-child{display:none!important}.mobile-score-card{display:block!important}.charts-row{grid-template-columns:1fr!important;gap:12px!important}.charts-row>div:first-child{grid-column:span 1!important}.grid2{grid-template-columns:1fr!important;gap:12px!important}.page-wrap{padding:16px!important}.mobile-full{width:100%;justify-content:center}.score-wrap{flex-direction:column;align-items:center}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:20px}.card{padding:14px 16px;border-radius:12px}.btn{padding:10px 16px;font-size:14px}.landing-hero{grid-template-columns:1fr!important;padding:36px 20px 28px!important}.landing-hero-mockup{display:none!important}.landing-hero h1{font-size:32px!important;line-height:1.15!important}.landing-hero p{font-size:15px!important}.landing-stats{grid-template-columns:1fr 1fr!important;padding:24px 20px!important;gap:16px!important}.landing-stats .stat-val{font-size:26px!important}.landing-frameworks{padding:36px 20px!important}.landing-frameworks-grid{grid-template-columns:1fr!important;gap:12px!important}.landing-features{padding:36px 20px!important}.landing-features-grid{grid-template-columns:1fr!important;gap:12px!important}.landing-how,.landing-roles{padding:36px 20px!important}.landing-roles-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.landing-cta{padding:48px 20px!important}.landing-footer{padding:20px!important;flex-direction:column!important;gap:10px!important;text-align:center!important}.landing-nav{padding:12px 20px!important}.landing-nav-text{display:none!important}.landing-trust{flex-direction:column!important;gap:10px!important}.landing-trust-badges{flex-wrap:wrap!important;justify-content:center!important}.quote-grid{grid-template-columns:1fr!important}.quote-form{padding:20px!important}.quote-nav{padding:12px 20px!important}.quote-wrap{padding:28px 16px!important}h1{font-size:22px!important}h2{font-size:18px!important}h3{font-size:16px!important}}@media (max-width: 400px){.metrics-grid{grid-template-columns:1fr!important}.bottom-nav-item{padding:6px 8px;font-size:8px}.bottom-nav-item span.icon{font-size:18px}}