:root{
  --blue:#0a51a1;
  --blue-2:#227de4;
  --bg:#ffffff;
  --text:#0b0f14;
  --muted:#6b7280;
  --border:#e5e7eb
}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:#fff}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.container{width:min(1100px,92%);margin:0 auto}
.flex{display:flex}.between{justify-content:space-between}.center{align-items:center}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:50}
.logo img{vertical-align:middle;margin-right:.5rem}
.site-nav a{margin:0 .6rem}
.nav-toggle{display:none}
.hero{
  position: relative;
  min-height: 600px;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/assets/img/hero-bg.jpeg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  color: white;
}

.hero-content {
  width: 100%;
  z-index: 2;
}

.hero h1{
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.hero p {
  font-size: 1.25rem;
  margin-bottom: 2rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.cta-row .btn{margin-right:.6rem}
.trust-badges{
  display:flex;
  list-style:none;
  padding:0;
  margin:2rem 0 0;
  gap:1.5rem;
  color:#fff;
  font-weight:600;
  align-items: center;
}

.trust-badges .badge {
  background: rgba(255,255,255,0.2);
  padding: 0.5rem 1rem;
  border-radius: 25px;
  border: 1px solid rgba(255,255,255,0.3);
  backdrop-filter: blur(10px);
  font-weight: 600;
}

.trust-badges .stars {
  font-size: 1.2rem;
}
.card{padding:1rem;border:1px solid var(--border);border-radius:.5rem;background:#fff}
.band{padding:2rem 0}
.btn{display:inline-block;border:1px solid var(--blue);padding:.6rem .9rem;border-radius:.4rem;font-weight:600}
.btn-primary{background:var(--blue);color:#fff}
.btn-outline{background:#fff;color:var(--blue)}
.btn-secondary{background:rgba(255,255,255,0.2);color:#fff;border:2px solid #fff;backdrop-filter:blur(10px)}
.btn-lg{padding:.85rem 1.2rem;font-size:1.05rem}
.strips{padding:2rem 0}
.usp{background:var(--blue);color:#fff;padding:3rem 0}
.usp h2,.usp h3{color:#fff}
.usp .panel{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:#fff}
.panel{padding:1rem;border:1px dashed var(--border);border-radius:.5rem;background:#fafafa}
.cards .card h3{margin-top:.2rem}
.embed iframe,.map-embed iframe{width:100%;height:950px;border:0;border-radius:.5rem}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.contact-form label{display:flex;flex-direction:column;font-weight:600;font-size:.95rem}
.contact-form input,.contact-form textarea{margin-top:.35rem;padding:.6rem;border:1px solid var(--border);border-radius:.4rem;font:inherit}
.contact-form textarea{grid-column:1/-1}
.site-footer{margin-top:3rem;padding:2rem 0;border-top:1px solid var(--border);background:#fafafa}
.site-footer h4,.site-footer h5{margin:.2rem 0 .8rem}
.foot-note{margin-top:1rem;color:var(--muted);font-size:.9rem}
.cookie-banner{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:.8rem 1rem;border-radius:.5rem;display:flex;gap:1rem;align-items:center;z-index:999}
.cookie-banner a{color:#fff;text-decoration:underline}
.cookie-banner .btn{background:#fff;color:#111;border-color:#fff}
@media (max-width:900px){.grid-3{grid-template-columns:1fr 1fr}.hero h1{font-size:2.5rem}}
/* Blog Styles */
.page-header{padding:3rem 0;background:#fafafa;border-bottom:1px solid var(--border)}
.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}
.page-header p{font-size:1.2rem;color:var(--muted);margin:0}
.blog-content{padding:3rem 0}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}
.blog-post{position:relative}
.blog-post h2{margin:.8rem 0 .5rem}
.blog-post h2 a{color:var(--text);text-decoration:none}
.blog-post h2 a:hover{color:var(--blue);text-decoration:none}
.blog-post p{color:var(--muted);margin-bottom:1rem;line-height:1.6}
.post-meta{display:flex;gap:1rem;align-items:center;margin-bottom:.8rem;font-size:.9rem}
.post-meta time{color:var(--muted)}
.category{background:var(--blue);color:#fff;padding:.2rem .6rem;border-radius:1rem;font-size:.8rem;font-weight:600}
.read-more{color:var(--blue);font-weight:600;text-decoration:none}
.read-more:hover{text-decoration:underline}
.cta-section{padding:3rem 0;background:var(--blue)}
.cta-section .panel{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:#fff;text-align:center}
.cta-section h3{color:#fff;margin-top:0}
.cta-section p{color:rgba(255,255,255,0.9)}
.site-nav .current{font-weight:700;color:var(--blue)}
@media (max-width:680px){.site-nav{display:none;position:absolute;top:60px;right:1rem;background:#fff;border:1px solid var(--border);border-radius:.5rem;padding:.5rem}.site-nav.open{display:block}.nav-toggle{display:block;border:1px solid var(--blue);border-radius:.4rem;background:var(--blue);color:#fff;padding:.4rem .6rem}.grid-2,.grid-3{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.hero{min-height:500px}.hero h1{font-size:2rem}.hero p{font-size:1.1rem}.cta-row{display:flex;flex-direction:column;gap:0.75rem}.cta-row .btn{margin:0;width:100%;text-align:center}.trust-badges{justify-content:center;gap:1rem;margin-top:1.5rem}.page-header h1{font-size:2rem}.blog-grid{grid-template-columns:1fr}}