body{font-family:system-ui,Arial,sans-serif;background: #ffffff;margin:0}

.container{max-width:1120px;margin:0 auto;padding:20px}

.header{position:sticky;top:0;background: #ffffff;z-index:10}

.navwrap{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:16px}

.brand{display:flex;align-items:center;gap:12px;text-decoration:none}

.brand img{height:66px}

.brand span{font-weight:900;letter-spacing:.3px;color:#2E1A47}

.nav{display:flex;gap:18px;flex-wrap:wrap}

.nav a{font-weight:700;text-decoration:none;color:#2E1A47}

.nav a.active{text-decoration:underline;text-underline-offset:6px}

.card{background: #ffffff;padding:20px}

.hero{padding:44px 0 18px}

.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}

@media(max-width:900px){.hero-grid{grid-template-columns:1fr}}

.kicker{display:inline-flex;align-items:center;gap:10px;background: #ffffff;font-weight:800}

.dot{width:10px;height:10px;border-radius:99px;background: #ffffff;box-shadow:0 0 0 4px rgba(245,200,66,.25)}

h1{font-size:42px;line-height:1.1;margin:14px 0 10px}

h2{margin:18px 0 10px}

h3{margin:10px 0 6px}

@media(max-width:520px){h1{font-size:34px}}

.lead{font-size:18px;color:#3b3b46;margin:0 0 18px}

.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:999px;font-weight:900;border:1px solid transparent;text-decoration:none}

.btn-primary{background: #ffffff;color:#fff}

.btn-secondary{background: #ffffff;color:#2E1A47}

.btn-ghost{background: #ffffff;color:#2E1A47}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

@media(max-width:900px){.grid-3{grid-template-columns:1fr}}

.hr{height:1px;background: #ffffff;margin:18px 0}

.footer{margin-top:26px;padding:18px 0 30px;color:#666;font-size:14px}

.badge{display:inline-flex;border:1px solid rgba(46,26,71,.12);border-radius:999px;padding:6px 10px;font-size:13px;background:rgba(255,255,255,.7)}

.small{font-size:14px;color:#555}

.section{padding:6px 0 10px}
.grid-3 { gap: 28px; }

ul{line-height:1.6}




/* ==========================================================

   Luminar theme overrides (white background + grey cards)

   Added via script - safe to remove as one block if needed.

   ========================================================== */



:root{

  --lm-bg: #FFFFFF;          /* page background */

  --lm-card: #F3F4F6;        /* card background (soft grey) */

  --lm-border: #E5E7EB;      /* light border */

}



/* Page background */

body{

  background: #ffffff;

}



/* Header blends into page */

.header{

  background: #ffffff;

  border-bottom: 1px solid var(--lm-border) !important;

}



/* Cards/boxes sit on grey */

.card{

  background: #ffffff;

  border: 1px solid var(--lm-border) !important;

}



/* Optional: give the logo a little breathing room */

.brand img{

  background: #ffffff;

  height: 77px;     /* bump to 64px if you want larger */

  width: auto;

  display: block;

}




/* ===================================== */
/* LUMINAR BRAND UPDATE – CLEAN VERSION  */
/* ===================================== */

body {
    background-color: #ffffff;
    color: #1F2937;
}

/* Header */
.header {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e7eb;
}

.brand img {
    height: 85px;
}

.header {
    position: relative;
}

.header::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #2E1A47, #F2C94C);
}
/* Hero section */
.hero {
    background-color: #ffffff;
}
.hero h1 {
    font-size: 44px;
    line-height: 1.2;
    color: #2E1A47;
}
/* Cards */
.card {
    background-color: #f5f6f8;
    border-radius: 14px;
    padding: 32px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.04);
}

.card {
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}
/* Sections */
.section {
    margin-top: 60px;
}

/* Buttons */
.btn {
    border-radius: 8px;
    padding: 12px 22px;
    font-weight: 600;
}

.btn-primary {
    background-color: #2E1A47;
    color: #ffffff;
}

.btn-primary:hover {
    background-color: #24123a;
}

.btn-secondary {
    background-color: #F2C94C;
    color: #2E1A47;
}

.btn-ghost {
    background: transparent;
    border: 1px solid #2E1A47;
    color: #2E1A47;
}

/* Badges */
.badge {
    background-color: #F2C94C;
    color: #2E1A47;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 13px;
}

/* Footer */
.footer {
    background-color: #ffffff;
    margin-top: 80px;
}

.logo {
    height: 110px;
}

/* --- LOGO SIZE OVERRIDE --- */
.header .brand img{
  height: 110px !important;  /* try 110–140 */
  width: auto !important;
  max-height: none !important;
  display:block;
}

.header .navwrap{
  align-items: center;
  min-height: 120px; /* makes room for bigger logo */
}

.grid-3 {
  gap: 30px;
}

/* Contact form */
.contact-form { margin-top: 10px; }
.input{
  width:100%;
  padding:12px 12px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  background:#ffffff;
  font-family:inherit;
  font-size:14px;
  margin:6px 0 14px;
}
.input:focus{
  outline:none;
  border-color:#2E1A47;
}