:root{--background: #F4F6F8;--surface: #FFFFFF;--primary-nav: #0F1E33;--secondary: #2A3F5F;--text-primary: #111827;--text-muted: #6B7280;--accent: #2563EB;--border: #E5E7EB}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--background);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:var(--primary-nav);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:sticky;top:0;z-index:1000;transition:all .3s ease}.header.scrolled{padding:.5rem 0;background:#0f1e33f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.025em}.nav-links{display:flex;list-style:none;gap:2rem}.dropdown{position:relative}.dropdown-contents{display:none;position:absolute;top:100%;left:0;background:var(--primary-nav);min-width:160px;box-shadow:0 8px 16px #0003;z-index:1001;padding:.5rem 0;border-radius:4px}.dropdown:hover .dropdown-contents{display:block}.dropdown-contents li{list-style:none}.dropdown-contents a{display:block;padding:.75rem 1rem;color:#e5e7eb;text-decoration:none;transition:background .2s,color .2s}.dropdown-contents a:hover{background:#ffffff1a;color:#fff}.nav-links a{text-decoration:none;color:#e5e7eb;font-weight:500;font-size:.95rem;transition:color .2s ease}.nav-links a:hover{color:#fff}.hero{padding:8rem 0 6rem;text-align:center;color:var(--text-primary)}.hero h1{font-size:3.75rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1.5rem;color:var(--primary-nav);animation:fadeInUp .8s ease-out}.hero p{font-size:1.25rem;color:var(--text-muted);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease-out .2s both}.cta-button{display:inline-block;background:var(--accent);color:#fff;padding:1rem 2.5rem;text-decoration:none;border-radius:6px;font-weight:600;transition:all .2s ease;box-shadow:0 4px 6px -1px #2563eb33;animation:fadeInUp .8s ease-out .4s both}.cta-button:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb4d}.features{padding:5rem 0;background:transparent}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem}.feature-card{background:var(--surface);padding:2.5rem;border-radius:12px;text-align:left;border:1px solid var(--border);transition:all .3s ease;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:var(--accent)}.feature-icon{font-size:2.5rem;color:var(--accent);margin-bottom:1.5rem;display:flex;justify-content:flex-start}.feature-card h3{margin-bottom:1rem;color:var(--primary-nav);font-size:1.25rem;font-weight:600}.feature-card p{color:var(--text-muted);font-size:1rem}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--primary-nav);letter-spacing:-.025em}.section-subtitle{text-align:center;color:var(--text-muted);font-size:1.125rem;max-width:600px;margin:0 auto}.footer{background:var(--primary-nav);color:#fff;text-align:center;padding:4rem 0;border-top:1px solid rgba(255,255,255,.1)}.footer p{color:#9ca3af}.social-links{margin-top:1.5rem;display:flex;justify-content:center;gap:1.5rem}.social-links a{color:#9ca3af;font-size:1.5rem;transition:color .2s ease}.social-links a:hover{color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero h1{font-size:2.5rem}.nav-links{flex-direction:column;gap:1rem;position:absolute;top:100%;left:0;right:0;background:var(--primary-nav);padding:1rem;text-align:center;clip-path:circle(0% at 100% 0);transition:clip-path .3s ease-in-out}.nav:hover .nav-links{clip-path:circle(140% at 100% 0)}.nav{flex-wrap:wrap}}