*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1f2933;background:#f5f7fa}.container{width:90%;max-width:1120px;margin:0 auto}.site-header{background:#0b2144;color:#fff;padding:12px 0;position:sticky;top:0;z-index:50}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.logo a{color:#fff;font-weight:700;text-decoration:none}.logo span{color:#4fd1c5}.main-nav{display:flex;flex-wrap:wrap;gap:10px}.main-nav a{color:#e5e9f0;font-size:.9rem;text-decoration:none}.btn{display:inline-block;padding:8px 14px;border-radius:999px;border:none;font-size:.9rem;cursor:pointer}.btn-primary{background:#0b76d1;color:#fff}.btn-secondary{background:#fff;color:#0b2144}.btn-outline{border:1px solid #4fd1c5;background:transparent;color:#4fd1c5}.hero{background:linear-gradient(135deg,#0b2144,#12284d);color:#fff;padding:40px 0}.hero-inner{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.hero-text{flex:2;min-width:260px}.hero-highlight{flex:1;min-width:220px;background:rgba(15,23,42,.7);padding:16px;border-radius:8px}.hero-badges{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.hero-badges li{background:rgba(15,23,42,.7);padding:4px 9px;border-radius:999px;font-size:.8rem}section{padding:28px 0}.page-header{background:#0b2144;color:#fff}.page-header .container{padding:14px 0}.page-header h1{font-size:1.5rem}.site-footer{background:#0b2144;color:#cbd2e1;margin-top:30px;padding:20px 0}.footer-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.footer-bottom{text-align:center;border-top:1px solid #253b60;margin-top:8px;padding-top:6px}.wa-floating{position:fixed;right:16px;bottom:16px;background:#25d366;color:#fff;padding:9px 14px;border-radius:999px;font-size:.85rem;box-shadow:0 2px 6px rgba(15,23,42,.35);z-index:80}.enquiry-modal[aria-hidden="true"]{display:none}.enquiry-modal[aria-hidden="false"]{display:block}.enquiry-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.6);z-index:90}.enquiry-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:8px;max-width:460px;width:90%;z-index:100;box-shadow:0 10px 30px rgba(15,23,42,.4)}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;padding:7px 9px;margin-bottom:8px;border-radius:4px;border:1px solid #cbd2e1;font-size:.9rem}.enquiry-note{font-size:.8rem;color:#6b7280}.enquiry-close{position:absolute;top:6px;right:10px;border:none;background:transparent;font-size:1.2rem;cursor:pointer}@media(max-width:768px){.hero-inner{flex-direction:column}.header-inner{flex-direction:column;align-items:flex-start}}
/* Layout helpers */
.hero-with-form { padding: 40px 0 56px 0; background: #fdf7f7; }
.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: 32px;
  align-items: stretch;
}
.hero-left h1 {
  font-size: 2rem;
  line-height: 1.25;
  margin-bottom: 12px;
  color: #0b2144;
}
.hero-kicker {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #2563eb;
  font-weight: 600;
  margin-bottom: 6px;
}
.hero-subtext {
  font-size: 0.95rem;
  color: #4b5563;
  max-width: 520px;
  margin-bottom: 16px;
}

/* Hero form card */
.hero-form-card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
  padding: 20px 22px;
}
.hero-form-card h2 {
  font-size: 1.3rem;
  margin-bottom: 4px;
  color: #0b2144;
}
.form-caption {
  font-size: 0.85rem;
  color: #6b7280;
  margin-bottom: 14px;
}

.demo-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.demo-form label {
  font-size: 0.85rem;
  color: #111827;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.demo-form input,
.demo-form select,
.demo-form textarea {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 0.9rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.demo-form input:focus,
.demo-form select:focus,
.demo-form textarea:focus {
  outline: none;
  border-color: #0b76d1;
  box-shadow: 0 0 0 1px rgba(11, 118, 209, 0.1);
}

/* Phone prefix */
.inline-input {
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #d1d5db;
  background: #f9fafb;
}
.inline-input input {
  border: none;
  border-radius: 0 6px 6px 0;
  flex: 1;
  background: transparent;
  padding-left: 8px;
}
.phone-prefix {
  padding: 8px 10px;
  font-size: 0.9rem;
  color: #4b5563;
  border-right: 1px solid #e5e7eb;
}

/* Buttons (extend your existing ones) */
.btn-accent {
  background: #f9735b;
  color: #fff;
}
.btn-full {
  width: 100%;
  justify-content: center;
}
.btn-accent:hover {
  background: #ef4444;
}

/* Responsive */
@media (max-width: 992px) {
  .hero-grid {
    grid-template-columns: 1fr;
  }
  .hero-form-card {
    max-width: 420px;
    margin: 0 auto;
  }
}

/* Logo size */
.logo-img {
  height: 40px;
  width: auto;
}