/* Landing page base styles — shared across all landing pages */

.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at center, #1a1a1a 0%, #0a0a0a 70%);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23333" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.1}
.hero-content{max-width:800px;z-index:1;position:relative;padding:0 2rem}
.hero h1,.hero .h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg, #ffffff, #d9a182);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}
.hero .subtitle{font-size:1.3rem;color:#ccc;margin-bottom:2rem;font-weight:400}
.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.section-dark{padding:6rem 2rem;background:#0a0a0a}
.section-darker{padding:6rem 2rem;background:#111}
.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}
.section-subtitle{text-align:center;font-size:1.2rem;color:#ccc;margin-bottom:4rem}
.animate-fade-in{animation:fadeInUp .8s ease-out}
.landing-nav{position:fixed;top:0;width:100%;background:rgba(10,10,10,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;border-bottom:1px solid #1a1a1a;box-shadow:0 4px 20px #1a1a1a}
.landing-nav-spacer{height:90px}
.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}
.landing-logo{height:70px}
.nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0}
.nav-links a{color:#fff;text-decoration:none;font-weight:500;font-size:1rem;transition:color .3s ease}
.nav-links a:hover{color:#d9a182}
.nav-links-cta{display:none}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001;flex-direction:column;gap:5px}
.nav-toggle-bar{display:block;width:24px;height:2px;background:#fff;transition:all .3s ease;border-radius:2px}
.nav-toggle.active .nav-toggle-bar:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}
.nav-toggle.active .nav-toggle-bar:nth-child(2){opacity:0}
.nav-toggle.active .nav-toggle-bar:nth-child(3){transform:rotate(-45deg) translate(5px, -5px)}
.landing-footer{background:#0a0a0a;padding:2rem 0;border-top:1px solid #1a1a1a}
.landing-footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.landing-footer-copy{color:#666;margin:0;font-size:.875rem}
.landing-footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}
.landing-footer-links a{color:#666;text-decoration:none;font-size:.875rem;transition:color .3s ease}
.landing-footer-links a:hover{color:#d9a182}

.clients-section{padding:3rem 2rem;background:#111;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a}
.clients-label{text-align:center;text-transform:uppercase;font-size:.8rem;font-weight:600;letter-spacing:.15em;color:#666;margin-bottom:2rem}
.clients-logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3rem}
.client-logo{display:flex;align-items:center;opacity:.5;transition:opacity .3s ease}
.client-logo:hover{opacity:1}
.client-logo img{height:80px;width:auto;max-width:300px}
.tools-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem}
.cta-btn{background:linear-gradient(135deg, #d9a182, #b8865e);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;text-decoration:none;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;display:inline-block}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(217,161,130,.3);color:#fff;text-decoration:none}
.legal-content h2,.legal-content .h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #333;color:#fff}
.legal-content h3,.legal-content .h3{font-size:1.15rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem;color:#fff}
.legal-content p,.legal-content li{color:#ccc;line-height:1.7}
.legal-content ul{padding-left:1.5rem}
.legal-content ul li{margin-bottom:.4rem}
.legal-content a{color:#d9a182}
.legal-content a:hover{color:#fff}