:root{
  --primary:#0055aa;
  --primary-dark:#003f7f;
  --primary-soft:#eaf3ff;
  --accent:#18a999;
  --ink:#162033;
  --muted:#5e6b7d;
  --bg:#f5f8fc;
  --white:#fff;
  --border:#dce7f5;
  --footer:#0f172a;
  --shadow:0 16px 42px rgba(15,23,42,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}
a{color:var(--primary)}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
.topbar{background:var(--footer);color:#fff;font-size:14px;padding:8px 0}
.topbar .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.topbar a{color:#fff;text-decoration:none;font-weight:700}
.site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}
.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink);gap:12px}
.brand img{width:148px;height:62px;object-fit:contain;background:#fff;border-radius:12px}
.brand-title{display:block;font-weight:900;color:var(--primary-dark);font-size:20px;line-height:1.1}
.brand-subtitle{display:block;color:var(--muted);font-size:13px}
nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
nav a{text-decoration:none;color:var(--ink);font-size:15px;font-weight:800}
nav a:hover{color:var(--primary)}
.btn{display:inline-block;background:var(--primary);border:2px solid var(--primary);color:#fff!important;text-decoration:none;font-weight:900;border-radius:10px;padding:12px 18px;box-shadow:0 8px 18px rgba(0,85,170,.16)}
.btn:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.btn.secondary{background:#fff;color:var(--primary)!important;box-shadow:none}
.btn.secondary:hover{background:var(--primary-soft)}
.menu-toggle{display:none;background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:900}
.hero{background:linear-gradient(135deg,#fff 0%,#edf6ff 58%,#fff 100%);padding:70px 0;border-bottom:1px solid var(--border)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}
.kicker{color:var(--primary);font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-size:13px;margin-bottom:10px}
h1{font-size:48px;line-height:1.09;color:var(--primary-dark);margin:0 0 18px}
h2{font-size:32px;line-height:1.2;color:var(--primary-dark);margin:0 0 14px}
h3{color:var(--primary-dark);margin:0 0 10px;font-size:21px}
.lead{font-size:18px;color:var(--muted);margin:0 0 24px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.hero-image{position:relative}
.hero-image img{width:100%;border-radius:24px;box-shadow:var(--shadow);border:1px solid var(--border)}
.float-card{position:absolute;left:-18px;bottom:22px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow);max-width:280px}
.float-card strong{display:block;color:var(--primary-dark)}
section{padding:58px 0}
.section-white{background:#fff}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;align-items:center}
.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.section-white .card{background:#f8fbff}
.card img{width:100%;border-radius:14px;margin-bottom:15px;border:1px solid var(--border)}
.card p{color:var(--muted);margin-bottom:0}
.image-panel img{width:100%;border-radius:24px;box-shadow:var(--shadow);border:1px solid var(--border)}
.checklist{list-style:none;margin:0;padding:0}
.checklist li{position:relative;padding-left:30px;margin:10px 0}
.checklist li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:900}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.badges span{background:var(--primary-soft);color:var(--primary-dark);padding:8px 12px;border-radius:999px;font-size:14px;font-weight:900}
.banner{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;border-radius:22px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.banner h2{color:#fff;margin:0}
.banner p{color:#e6f2ff;margin:6px 0 0}
.form-box{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow)}
label{display:block;font-weight:900;margin:12px 0 6px}
input,textarea,select{width:100%;padding:12px;border:1px solid #cbd8e8;border-radius:10px;font:inherit}
textarea{min-height:130px}
footer{background:var(--footer);color:#dce8f8;padding:42px 0}
footer h3{color:#fff}
footer a{color:#fff}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:30px}
.small{font-size:14px;color:var(--muted)}
footer .small{color:#aebbd0}
.notice{background:#fff7e6;border-left:5px solid #f59e0b;border-radius:12px;padding:16px;margin:18px 0;color:#4b3a15}
@media(max-width:880px){
  .hero-grid,.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr}
  h1{font-size:36px}
  nav{display:none;width:100%;padding:0 0 12px}
  nav.open{display:flex;flex-direction:column;align-items:flex-start}
  .menu-toggle{display:inline-block}
  .header-row{flex-wrap:wrap}
  .brand-title,.brand-subtitle{display:none}
  .float-card{position:static;margin-top:12px;max-width:none}
}


/* --- Alignment fixes: 27 Apr 2026 --- */
.hero-grid {
  align-items: center;
}

.hero-image img {
  display: block;
  width: 100%;
  height: 430px;
  object-fit: cover;
  object-position: center;
}

.grid-3 {
  align-items: stretch;
}

.card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.card img {
  display: block;
  width: 100%;
  height: 210px;
  object-fit: cover;
  object-position: center;
  flex: 0 0 auto;
}

.card h3 {
  margin-top: 4px;
}

.card p {
  flex: 1;
}

.image-panel img {
  display: block;
  width: 100%;
  height: 420px;
  object-fit: cover;
  object-position: center;
}

@media(max-width:880px){
  .hero-image img,
  .image-panel img {
    height: auto;
  }

  .card img {
    height: auto;
  }
}


/* --- Final conversion update fixes --- */
.card-link {
  text-decoration: none;
  color: inherit;
  display: flex;
}

.card-link .card {
  width: 100%;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-link:hover .card {
  transform: translateY(-5px);
  box-shadow: 0 14px 34px rgba(15,23,42,.12);
}

.notice {
  background: #fff7e6;
  border-left: 5px solid #f59e0b;
  border-radius: 12px;
  padding: 16px;
  margin: 18px 0;
  color: #4b3a15;
}

.quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.quick-links a {
  background: var(--primary-soft);
  color: var(--primary-dark);
  text-decoration: none;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 900;
  font-size: 14px;
}

.card img,
.hero-image img,
.image-panel img {
  background: #eef5ff;
}

@media(max-width:880px){
  .card-link {
    display: block;
  }
}