:root{--bg-base:#030712;--bg-surface:#0b1329;--bg-surface-elevated:#111c44;--text-primary:#f9fafb;--text-secondary:#9ca3af;--accent-glow:#38bdf8;--accent-gradient:linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--border-subtle:#ffffff14;--font-system:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .6s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-system);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased}body{flex-direction:column;min-height:100vh;line-height:1.6;display:flex;overflow-x:hidden}main{flex:1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.thin-container{max-width:750px;margin:0 auto}.reveal{opacity:0;transition:var(--transition-smooth);transform:translateY(40px)}.reveal.active{opacity:1;transform:translateY(0)}.site-header{z-index:1000;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background:#030712bf;position:sticky;top:0}.header-wrap{justify-content:space-between;align-items:center;height:80px;display:flex}.brand-link{align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-logo-img{object-fit:contain;width:32px;height:32px}.logo-text{letter-spacing:-.04em;background:var(--accent-gradient);-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800}.main-nav ul{align-items:center;gap:2.5rem;list-style:none;display:flex}.main-nav a{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s}.main-nav a:hover,.main-nav a.active{color:var(--accent-glow)}.btn-nav{border:1px solid var(--accent-glow);background:#36bdf808;border-radius:8px;padding:.6rem 1.4rem;color:var(--accent-glow)!important;font-weight:600!important}.btn-nav:hover{background:var(--accent-glow);box-shadow:0 0 20px #38bdf866;color:var(--bg-base)!important}.nav-toggle{cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.hamburger{background-color:var(--text-primary);width:24px;height:2px;display:block;position:relative}.hamburger:before,.hamburger:after{content:"";background-color:var(--text-primary);width:24px;height:2px;transition:transform .3s;position:absolute;left:0}.hamburger:before{top:-6px}.hamburger:after{top:6px}.inner-hero{text-align:center;padding:8rem 0 4rem}.inner-hero h1{letter-spacing:-.04em;-webkit-text-fill-color:transparent;background:linear-gradient(#fff 40%,#9ca3af 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800}.inner-hero p{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1.2rem}.page-content{padding:4rem 0 8rem}.site-footer{border-top:1px solid var(--border-subtle);color:var(--text-secondary);background:var(--bg-base);margin-top:auto;padding:4rem 0;font-size:.95rem}.footer-wrap{justify-content:space-between;align-items:center;display:flex}.footer-logo-wrap{align-items:center;gap:.5rem;margin-bottom:.5rem;text-decoration:none;display:flex}.footer-logo-text{color:var(--text-primary);letter-spacing:-.04em;font-size:1.4rem;font-weight:800}.footer-links a{color:var(--text-secondary);margin-left:2rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--accent-glow)}.hero-section{text-align:center;box-sizing:border-box;padding:10rem 1.5rem 5rem;position:relative;overflow:hidden}.hero-section h1{letter-spacing:-.04em;-webkit-text-fill-color:transparent;background:linear-gradient(#fff 40%,#9ca3af 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:4.5rem;font-weight:800;line-height:1.1}.hero-lead{color:var(--text-secondary);max-width:800px;margin:0 auto 3rem;font-size:1.35rem}.hero-actions{justify-content:center;gap:1.5rem;display:flex}.btn{transition:var(--transition-smooth);border-radius:8px;padding:.9rem 2.5rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:var(--accent-gradient);color:var(--bg-base);box-shadow:0 4px 30px #38bdf840}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 35px #38bdf866}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-surface-elevated);transform:translateY(-3px)}.section-head{text-align:center;margin-bottom:4rem;padding-top:4rem;padding-left:1.5rem;padding-right:1.5rem}.section-head h2{letter-spacing:-.03em;margin-bottom:.75rem;font-size:2.75rem;font-weight:800}.section-head p{color:var(--text-secondary);max-width:650px;margin:0 auto;font-size:1.15rem}.data-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-bottom:6rem;padding-left:1.5rem;padding-right:1.5rem;display:grid}.data-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);transition:var(--transition-smooth);box-sizing:border-box;border-radius:16px;padding:3rem;position:relative;overflow:hidden}.data-card:hover{border-color:#38bdf84d;transform:translateY(-8px);box-shadow:0 20px 40px #0006}.data-card h3{color:#fff;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.6rem;font-weight:700;display:flex}.card-summary{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.metric-bullets{padding-left:0;list-style:none}.metric-bullets li{color:var(--text-primary);margin-bottom:.85rem;padding-left:1.5rem;font-size:.95rem;line-height:1.4;position:relative}.metric-bullets li:before{content:"→";color:var(--accent-glow);font-weight:700;position:absolute;left:0}@media (max-width:992px){.hero-section{padding-top:7rem;padding-bottom:4rem}.hero-section h1{font-size:3.2rem}}@media (max-width:768px){.nav-toggle{display:block}.main-nav{background-color:var(--bg-base);border-bottom:1px solid var(--border-subtle);width:100%;padding:2.5rem;display:none;position:absolute;top:80px;left:0}.main-nav.active{display:block}.main-nav ul{flex-direction:column;align-items:flex-start;gap:2rem}.btn-nav{text-align:center;width:100%}.inner-hero h1{font-size:2.5rem}.footer-wrap{text-align:center;flex-direction:column;gap:2rem}.footer-links a{margin:0 1rem}.hero-section h1{letter-spacing:-.02em;padding-bottom:.15em;padding-right:.05em;font-size:2.6rem;line-height:1.2}.hero-lead{margin-bottom:2rem;font-size:1.15rem}.hero-actions{flex-direction:column;gap:1rem;max-width:280px;margin:0 auto}.btn{text-align:center;box-sizing:border-box;width:100%;padding:.85rem 1.5rem}.section-head h2{font-size:2rem}.section-head p{font-size:1rem}.data-card{padding:2rem}}
