*{box-sizing:border-box}
:root{--brand:#007ecc;--brand-strong:#006bb0;--text:#0a0a0a;--muted:#666;--border:#e6e6e6;--bg:#fff;--bg-alt:#fafafa;--link:#005ea5}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--text);background:var(--bg)}
img{max-width:100%;display:block;height:auto}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:#ffffffd9;backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--border);z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand img{display:block;height:40px;width:auto;max-height:48px}
.nav-toggle{display:none;background:transparent;border:1px solid #d0d0d0;border-radius:10px;padding:10px 14px}
.nav-list{display:flex;gap:18px;align-items:center;list-style:none;margin:0;padding:0}
.nav-list .btn{margin-left:8px}
.hero{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(0,126,204,.08),transparent);padding:100px 0;background-image:url('assets/images/hero.webp');background-size:cover;background-position:center}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.30) 50%,rgba(0,0,0,.15));z-index:-1}
.hero-inner{display:grid;gap:20px}
.hero-panel{max-width:720px;background:rgba(0,0,0,.55);backdrop-filter:saturate(1.1) blur(2px);padding:20px 22px;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.25);margin-left:auto}
.hero-panel h1{color:#fff}
.hero-panel .lead{color:#f5f8fb}
.hero h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.1;margin:0}
.lead{font-size:1.2rem;color:#666;max-width:72ch}
.hero .container, .hero h1{color:#fff}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.trust-points{display:flex;gap:16px;flex-wrap:wrap;color:#444}
.section{padding:64px 0}
.section.alt{background:var(--bg-alt)}
.grid{display:grid;gap:18px}
.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{display:block;padding:18px;border:1px solid var(--border);border-radius:14px;background:#fff;transition:box-shadow .2s ease,transform .2s ease}
.card-img{width:100%;height:140px;border-radius:10px;background:#f3f7fb;display:flex;align-items:center;justify-content:center;margin-bottom:12px;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover}
.card:hover{box-shadow:0 10px 28px rgba(0,0,0,.08);transform:translateY(-2px);text-decoration:none}
.list{padding-left:18px}
.muted{color:var(--muted)}
.btn{display:inline-block;padding:12px 16px;border:1px solid #d0d0d0;border-radius:12px;background:#fff;color:var(--text)}
.btn:hover{background:#f4f4f4;text-decoration:none}
.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-primary:hover{background:var(--brand-strong)}
.btn-secondary{background:#fff;border-color:var(--brand);color:var(--brand)}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap}
.site-footer{border-top:1px solid var(--border);padding:28px 0;margin-top:28px;color:#555}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:10px}
.site-footer nav a{display:inline-block;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:#f7f7f7;color:#444}
.site-footer nav a:hover{background:#f0f2f5;text-decoration:none}
@media (max-width: 840px){
  .nav-toggle{display:inline-block}
  .nav-list{display:none;position:absolute;top:72px;right:0;background:#fff;border:1px solid var(--border);border-right:none;border-top:none;border-bottom-left-radius:12px;padding:12px 16px;flex-direction:column;align-items:flex-start}
  .nav-list.open{display:flex}
  .brand img{height:18px}
  .hero-panel{margin-left:0}
}