*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
        :root{--bg-primary:#f8f9fa;--bg-secondary:#f1f3f5;--bg-card:#ffffff;--bg-card-hover:#f1f5f9;--border:#e2e8f0;--border-light:#cbd5e1;--border-accent:rgba(8,145,178,0.2);--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--accent:#0891b2;--accent-bright:#06b6d4;--accent-dim:rgba(8,145,178,0.06);--accent-glow:rgba(8,145,178,0.1);--success:#059669;--warning:#d97706;--danger:#dc2626;--font-sans:'DM Sans',-apple-system,sans-serif;--font-mono:'JetBrains Mono',monospace;--font-display:'DM Sans',-apple-system,sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:12px}
        html{scroll-behavior:smooth}
        body{font-family:'DM Sans',-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden}
        .nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 2rem;height:72px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,0.95);backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}
        .nav-brand{display:flex;align-items:center;gap:14px;text-decoration:none}
        .nav-logo{width:42px;height:42px;background:linear-gradient(135deg,var(--accent),#06b6d4);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:white}
        .nav-name{font-weight:700;font-size:16px;letter-spacing:1px;color:var(--text-primary)}
        .nav-name span{color:var(--accent-bright)}
        .nav-links{display:flex;align-items:center;gap:6px}
        .nav-links a{color:var(--text-secondary);text-decoration:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;transition:all 0.3s}
        .nav-links a:hover{color:var(--text-primary);background:var(--accent-dim)}
        .nav-links a.active{color:var(--accent)}
        .content{max-width:1000px;margin:0 auto;padding:120px 2rem 80px}
        .hero-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:500;letter-spacing:1px;color:var(--accent);border:1px solid rgba(8,145,178,0.3);background:rgba(8,145,178,0.06);margin-bottom:24px}
        h1{font-size:42px;font-weight:700;line-height:1.2;margin-bottom:24px;background:linear-gradient(135deg,var(--text-primary),var(--accent-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
        h2{font-size:28px;font-weight:700;color:var(--text-primary);margin:48px 0 16px;padding-bottom:8px;border-bottom:2px solid rgba(8,145,178,0.2)}
        h3{font-size:20px;font-weight:600;color:var(--accent-bright);margin:32px 0 12px}
        p{color:var(--text-secondary);margin-bottom:16px;font-size:16px}
        p strong{color:var(--text-primary)}
        .quote-block{border-left:3px solid var(--accent);padding:20px 24px;margin:32px 0;background:rgba(8,145,178,0.04);border-radius:0 8px 8px 0}
        .quote-block p{font-size:20px;font-style:italic;color:var(--text-primary);margin:0}
        .stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}
        .stat-box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center}
        .stat-box .number{font-size:36px;font-weight:700;color:var(--accent)}
        .stat-box .label{font-size:13px;color:var(--text-tertiary);margin-top:4px}
        .finding-list{list-style:none;padding:0;margin:24px 0}
        .finding-list li{padding:12px 16px;margin-bottom:8px;border-radius:8px;background:var(--bg-card);border-left:3px solid var(--danger);color:var(--text-secondary);font-size:15px}
        .finding-list li.high{border-left-color:var(--warning)}
        .finding-list li.medium{border-left-color:var(--warning)}
        .pillar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px;margin:20px 0}
        .pillar-card h3{margin-top:0}
        .pillar-card ul{list-style:none;padding:0}
        .pillar-card ul li{padding:8px 0;color:var(--text-secondary);font-size:15px;border-bottom:1px solid rgba(30,45,69,0.3)}
        .pillar-card ul li:last-child{border-bottom:none}
        .pillar-card ul li::before{content:"✓ ";color:var(--success);font-weight:700}
        .compare-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}
        .compare-table th{background:var(--bg-secondary);color:var(--text-primary);padding:12px 16px;text-align:center;font-weight:600;border:1px solid var(--border)}
        .compare-table th:first-child{text-align:left}
        .compare-table th.us{background:rgba(0,212,255,0.12);color:var(--accent)}
        .compare-table td{padding:10px 16px;border:1px solid var(--border);color:var(--text-secondary);text-align:center}
        .compare-table td:first-child{text-align:left;color:var(--text-primary)}
        .compare-table td.yes{color:var(--accent);font-weight:600}
        .compare-table td.no{color:var(--text-tertiary)}
        .compare-table tr:nth-child(even) td{background:rgba(17,24,39,0.04)}
        .cta-box{background:linear-gradient(135deg,rgba(0,212,255,0.08),rgba(6,182,212,0.04));border:1px solid rgba(8,145,178,0.2);border-radius:12px;padding:32px;margin:48px 0;text-align:center}
        .cta-box h3{color:var(--text-primary);margin-top:0}
        .cta-box a{display:inline-block;margin-top:16px;padding:12px 32px;background:var(--accent);color:#000;font-weight:600;border-radius:8px;text-decoration:none;font-size:15px;transition:all 0.3s}
        .cta-box a:hover{background:var(--accent-bright);transform:translateY(-2px)}
        .kql-block{background:#0d1117;border:1px solid var(--border);border-radius:8px;padding:16px;margin:16px 0;overflow-x:auto}
        .kql-block code{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--accent-bright);line-height:1.6}
        .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;z-index:100001}
        .nav-hamburger span{width:24px;height:2px;background:var(--text-primary);transition:all 0.3s;border-radius:2px}
        footer{border-top:1px solid var(--border);padding:32px 0;background:var(--bg-primary)}
        .footer-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}
        .footer-left{display:flex;align-items:center;gap:16px}
        .footer-copy{font-size:13px;color:var(--text-secondary)}
        .footer-links{display:flex;gap:24px;flex-wrap:wrap}
        .footer-links a{font-size:13px;color:var(--text-secondary);text-decoration:none;transition:color 0.3s}
        .footer-links a:hover{color:var(--accent)}
        
        .nav-dropdown-wrap{position:relative}.nav-dropdown{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:340px;padding:8px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg,12px);box-shadow:0 12px 40px rgba(0,0,0,0.1);z-index:1001}.nav-dropdown-wrap:hover .nav-dropdown,.nav-dropdown-wrap:focus-within .nav-dropdown{display:block}.nav-dropdown a{display:block;padding:12px 16px;border-radius:var(--radius-sm,6px);text-decoration:none;transition:background 0.15s}.nav-dropdown a:hover{background:var(--bg-secondary)}.nav-dropdown a strong{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.nav-dropdown .dd-desc{display:block;font-size:13px;color:var(--text-secondary);line-height:1.4}.nav-dropdown-divider{height:1px;background:var(--border);margin:6px 0}.nav-dropdown-all strong{color:var(--accent)!important}
        @media(max-width:768px){
            .nav-links{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(255,255,255);flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:99999}
            .nav-links.open{display:flex}
            .nav-links a{font-size:20px;padding:12px 24px}
            .nav-hamburger{display:flex}
            .nav-dropdown-wrap{width:100%;text-align:center}.nav-dropdown{position:static;transform:none;display:block;min-width:unset;box-shadow:none;border:none;background:transparent;padding:0}.nav-dropdown a{padding:8px 24px;text-align:center}.nav-dropdown a strong{font-size:18px}.nav-dropdown .dd-desc{display:none}.nav-dropdown-divider{display:none}.nav-dropdown-wrap>a{display:none}
            .footer-inner{flex-direction:column;gap:16px;text-align:center}
            .footer-links{justify-content:center}
            h1{font-size:28px}h2{font-size:22px}.stat-grid{grid-template-columns:1fr}.content{padding:100px 1rem 60px}.compare-table{font-size:12px}.compare-table td,.compare-table th{padding:8px 6px}
        }

        .skip-link { position: absolute; top: -100px; left: 16px; background: var(--accent); color: #000; padding: 12px 24px; border-radius: 0 0 8px 8px; font-weight: 700; font-size: 14px; z-index: 10001; text-decoration: none; transition: top 0.2s; }
        .skip-link:focus { top: 0; }