/* Base styles */
body{font-family:system-ui,Arial,sans-serif;margin:0;color:#1a2432;line-height:1.6;background:#fafafa}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
a{color:#0a66c2;text-decoration:none}
a:hover{text-decoration:underline}
.header{background:#ffffff;border-bottom:1px solid #e5eaf0;position:sticky;top:0;z-index:1000}
.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.nav-links a{margin-left:16px;color:#1a2432;font-weight:500}
.nav-links a.active{color:#0a66c2;font-weight:600}
.nav .brand{font-weight:700;color:#0a66c2}
.nav-toggle{display:none}
.nav-toggle-label{display:none;width:24px;height:24px;cursor:pointer;position:relative;margin-left:16px}
.nav-toggle-label span, .nav-toggle-label span::before, .nav-toggle-label span::after{display:block;background:#0a66c2;height:3px;width:24px;border-radius:2px;position:absolute;transition:0.3s ease}
.nav-toggle-label span{top:50%;margin-top:-1.5px}
.nav-toggle-label span::before{content:'';top:-8px}
.nav-toggle-label span::after{content:'';top:8px}
.cta{background:#0a66c2;color:#fff;padding:8px 12px;border-radius:6px;display:inline-block;margin-left:8px}
.cta:hover{background:#094a99}
.cta.secondary{background:#ffffff;color:#0a66c2;border:1px solid #0a66c2}
.cta.secondary:hover{background:#0a66c2;color:#fff}
.fixed-cta{position:fixed;right:16px;bottom:16px;z-index:1000}
.section{padding:48px 0;background:#ffffff;border-bottom:1px solid #f0f2f5}
.hero{background:url('/assets/hero.jpg') center/cover no-repeat;padding:80px 0;color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,0.4)}
.hero h1{font-size:2.5rem;margin-bottom:16px}
.hero p{max-width:600px;margin-bottom:24px}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:24px}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}
.card{background:#ffffff;border:1px solid #e6eef6;border-radius:8px;padding:16px;box-shadow:0 2px 4px rgba(0,0,0,0.05)}
.footer{background:#0b1320;color:#c7d2e4;padding:32px 0;font-size:0.875rem}
.footer a{color:#c7d2e4}
.footer a:hover{text-decoration:underline}
.breadcrumb{padding:16px 0;font-size:0.875rem;color:#5b6980}
.breadcrumb a{color:#0a66c2}
.breadcrumb span{color:#5b6980}
.faq-item{margin-bottom:24px}
.howto-steps{list-style:none;padding:0;margin:0}
.howto-steps li{margin-bottom:24px}
.howto-steps h3{margin-bottom:8px}
.blog-post{margin-bottom:32px}
img{max-width:100%;height:auto;border-radius:8px}
@media(max-width:600px){
  .hero{padding:60px 0}
  .hero h1{font-size:1.8rem}
  .cta{display:block;margin:8px 0 0 0}

  /* Mobile navigation */
  .nav-links{display:none;flex-direction:column;position:absolute;right:16px;top:56px;background:#ffffff;border:1px solid #e5eaf0;padding:12px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}
  .nav-links a{margin:8px 0;display:block}
  .nav-toggle-label{display:block}
  /* Show menu when toggled */
  .nav-toggle:checked ~ .nav-links{display:flex}
}