/* BeeLimited Base Styles */

:root{
  --gold:#C7A45A;
  --accent:#FFD166;
  --black:#1A1A1A;
  --grey:#4B4B4B;
  --white-smoke:#F5F5F5;
  --white:#FFFFFF;
}



*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu; color:var(--ink); background:#faf9f6}

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

a{color:var(--earth);text-decoration:none}
a:hover{opacity:.85}

.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:var(--gold);color:#1f1a10;font-weight:600}
.btn.secondary{background:var(--sand)}
.btn.link{background:transparent;border:none;padding:0;color:var(--earth)}

.navbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(140%) blur(6px);
  border-bottom:1px solid rgba(0,0,0,.06)}
.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.4px}
.brand img{width:60px;height:60px}
.brand .mark{display:flex;flex-direction:column;line-height:1}
.brand .mark .marbee{font-family:'Playfair Display', Georgia, 'Times New Roman', serif; font-size:20px; letter-spacing:.3px}
.brand .mark .resorts{font-family:Montserrat, Arial, sans-serif; font-weight:300; letter-spacing:.18em; font-size:11px; text-transform:uppercase; opacity:.85}
.nav{display:flex;gap:18px;flex-wrap:wrap}
.nav a{padding:.5rem .75rem;border-radius:8px}
.nav a.active, .nav a:hover{background:var(--sand)}
.burger{display:none; padding:.4rem .6rem; border:1px solid rgba(0,0,0,.08); border-radius:10px}

@media (max-width:900px){
  .nav{display:none; flex-direction:column; padding:10px; background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:12px;
        position:absolute; right:10px; top:62px; min-width:220px}
  .nav.open{display:flex}
  .burger{display:inline-flex}
}

.hero{position:relative; isolation:isolate; padding:54px 0 44px; background:
  radial-gradient(80% 60% at 80% 10%, rgba(199,164,90,.12), transparent 60%),
  radial-gradient(50% 40% at 0% 0%, rgba(91,71,49,.12), transparent 60%)}
.hero-inner{display:grid;grid-template-columns:1.2fr 1fr; gap:36px; align-items:center}
.hero h1{font-family:'Playfair Display', Georgia, serif; font-size:44px; line-height:1.12; margin:0 0 12px}
.hero p.lead{font-size:18px; opacity:.9; margin:0 0 18px}
.hero .card{border:1px solid rgba(91,71,49,.18); border-radius:14px; overflow:hidden; background:#fff}
.hero .card .ph{aspect-ratio:4/3; background:url('https://images.unsplash.com/photo-1599940824399-b87987ceb72a?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat; filter:brightness(.9)}
.hero .quick{display:flex;gap:12px; flex-wrap:wrap; align-items:center}

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

.section{padding:56px 0}
.section h2{font-family:'Playfair Display', Georgia, serif; font-size:32px; margin:0 0 8px}
.section .sub{opacity:.8; margin:0 0 24px}

.grid{display:grid; gap:16px; grid-template-columns:repeat(12,1fr)}
.card{background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:14px; padding:18px}
.shadow{box-shadow:0 10px 30px rgba(60,40,10,.08)}

.cols-3 > *{grid-column:span 4}
.cols-2 > *{grid-column:span 6}
@media (max-width:950px){
  .cols-3 > *,.cols-2 > *{grid-column:span 12}
}

label{display:block; font-weight:600; margin:10px 0 6px}
input,select,textarea{width:100%; padding:.8rem .9rem; border-radius:12px; border:1px solid rgba(0,0,0,.12); background:#fff}
input[type="date"]{padding:.6rem .9rem}

.form-row{display:grid; grid-template-columns:repeat(2,1fr); gap:12px}
@media (max-width:700px){.form-row{grid-template-columns:1fr}}

.badge{display:inline-block; font-size:12px; padding:.32rem .6rem; border-radius:999px; background:var(--sand); border:1px solid rgba(0,0,0,.06)}

.notice{padding:12px 14px; border-radius:12px; border:1px solid rgba(0,0,0,.08); background:#fff}
.notice.success{border-color:rgba(46,125,50,.25); background:rgba(46,125,50,.06)}
.notice.error{border-color:rgba(198,40,40,.25); background:rgba(198,40,40,.06)}

footer{padding:40px 0 60px; border-top:1px solid rgba(0,0,0,.06); background:#fff; margin-top:40px}
footer .footgrid{display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:16px}
footer h4{margin:0 0 10px}
footer ul{list-style:none; padding:0; margin:0}
footer li + li{margin-top:8px}
@media (max-width:900px){ footer .footgrid{grid-template-columns:1fr 1fr} }

/* === THEME OVERRIDE: Bee Professional (paste at bottom) ================== */

/* Base */
body{ background:var(--white-smoke); color:var(--black) }
a{ color:var(--grey) }
a:hover{ color:var(--gold) }

/* Navbar (dark, professional) */
.navbar{
  background:var(--black);
  color:var(--white);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.navbar a{ color:var(--white); opacity:.9 }
.navbar a:hover{ opacity:1; color:var(--accent) }
.navbar .brand .mark .marbee{ color:var(--gold) }
.navbar .brand .mark .resorts{ color:var(--white) }
.burger{ color:var(--accent); border-color:rgba(255,255,255,.25) }

/* Hero (dark gradient, clear hierarchy) */
.hero{
  background:linear-gradient(180deg, var(--black) 0%, #222 100%);
  color:var(--white);
}
.hero h1{ color:var(--accent) }
.hero p.lead{ color:var(--white-smoke) }
.hero .card{ background:var(--white); border-color:rgba(0,0,0,.12) }
.hero .card .ph{ filter:brightness(.9) }

/* Buttons (accent first, gold on hover) */
.btn{
  background:var(--accent);
  color:var(--black);
  border:1px solid var(--accent);
  transition:filter .15s ease, transform .02s ease;
}
.btn:hover{ background:var(--gold); border-color:var(--gold) }
.btn.secondary{
  background:transparent;
  color:var(--accent);
  border-color:var(--accent);
}
.btn.secondary:hover{ background:var(--accent); color:var(--black) }
.btn.link{ color:var(--grey) }

/* Sections, cards, text tones */
.section{ background:var(--white-smoke) }
.card{
  background:var(--white);
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 8px 20px rgba(0,0,0,.05);
}
.section h2{ color:var(--black) }
.section .sub{ color:var(--grey) }
.card p{ color:#4e4e4e }

/* Forms + focus (consistent and calm) */
input,select,textarea{
  background:var(--white);
  border:1px solid rgba(0,0,0,.12);
  color:var(--black);
  font-size:16px;
  transition:border-color .15s ease, box-shadow .15s ease;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 30%, transparent);
  outline:0;
}

/* Notices */
.notice{ background:var(--white); border-color:rgba(0,0,0,.08) }
.notice.success{ border-color:rgba(46,125,50,.25); background:rgba(46,125,50,.06) }
.notice.error{ border-color:rgba(198,40,40,.25); background:rgba(198,40,40,.06) }

/* Footer (dark to bookend the page) */
footer{
  background:var(--black);
  color:var(--white);
  border-top:1px solid rgba(255,255,255,.1);
}
footer a{ color:var(--accent) }
footer a:hover{ color:var(--gold) }
footer .brand .mark .marbee{ color:var(--gold) }
footer .brand .mark .resorts{ color:var(--white) }

/* Reduced motion calm (nice for focus) */
@media (prefers-reduced-motion: reduce){
  *{ animation:none!important; transition:none!important }
}

/* === Mobile dropdown fix (text color) === */
@media (max-width:900px){
  /* make dropdown panel white and links black */
  .nav{
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:12px;
    box-shadow:0 12px 30px rgba(0,0,0,.1);
    position:absolute;
    right:10px;
    top:62px;
    min-width:220px;
    display:none;
    flex-direction:column;
    gap:8px;
    padding:10px;
    z-index:1100;
  }

  .nav.open{display:flex;} /* shows menu when burger clicked */

  /* link colours inside dropdown */
  .nav a,
  .nav a:link,
  .nav a:visited{
    color:#1A1A1A !important; /* jet black text */
    opacity:1;
  }

  .nav a:hover{
  
}

.maintenance-bar {
  width: 100%;
  background-color: #111827; /* same as your nav background */
  color: #f5b301; /* BeeLimited gold */
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  padding: 10px 0;
  border-top: 1px solid rgba(245,179,1,0.25);
  border-bottom: 1px solid rgba(245,179,1,0.25);
  position: relative;
  z-index: 5;
}

<!-- BeeLimited CV block styles -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
<style>
  /* scope everything so nothing leaks */
  .bl-cv-wrap{--gold:#f5b301;--ink:#0f172a;--char:#111827;--mid:#6b7280;--paper:#ffffff;--ring:rgba(245,179,1,.45);font-family:Montserrat,Arial,Helvetica,sans-serif;}
  .bl-cv-wrap *{box-sizing:border-box}

  /* headings & copy */
  .bl-cv-wrap .bl-h2{font-family:"Playfair Display","Times New Roman",Times,serif;font-size:34px;line-height:1.2;color:#e7e1d1;margin:0 0 10px}
  .bl-cv-wrap .bl-lead{font-size:16px;line-height:1.7;color:#d1d5db;margin:8px 0}
  .bl-cv-wrap .bl-text{font-size:14px;line-height:1.8;color:#c8cbd3;margin:8px 0 16px}
  .bl-cv-wrap .bl-bullets{margin:8px 0 0 18px;color:#c9cdd6;font-size:14px;line-height:1.8}
  .bl-cv-wrap .bl-bullets li{margin:2px 0}

  /* layout */
  .bl-cv{padding:36px 0}
  .bl-cv__inner{width:min(1100px,92%);margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:28px}
  .bl-cv__copy{background:linear-gradient(180deg,rgba(245,179,1,.08),rgba(245,179,1,0));border:1px solid rgba(245,179,1,.18);border-radius:14px;padding:22px}
  .bl-cv__formcard{background:var(--paper);border:1px solid #e5e7eb;border-radius:16px;padding:18px 18px 20px;box-shadow:0 10px 30px rgba(0,0,0,.18)}

  /* form */
  .bl-cv-wrap .bl-form{margin-top:6px}
  .bl-cv-wrap .bl-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .bl-cv-wrap .bl-field--full{grid-column:1 / -1}
  .bl-cv-wrap .bl-label{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#374151;margin-bottom:6px}
  .bl-cv-wrap .bl-input{display:block;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:11px 12px;font-size:14px;color:#111827;outline:none;appearance:none}
  .bl-cv-wrap .bl-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--ring)}
  .bl-cv-wrap .bl-check{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151}
  .bl-cv-wrap .bl-check a{color:var(--ink);text-decoration:underline}

  .bl-cv-wrap .bl-btn{margin-top:10px;width:100%;background:linear-gradient(180deg,#f5c52b,var(--gold));color:#1c1917;font-weight:700;border:1px solid #e0b200;border-radius:12px;padding:12px 16px;cursor:pointer}
  .bl-cv-wrap .bl-btn:hover{filter:brightness(0.98)}
  .bl-cv-wrap .bl-hint{margin:8px 0 0;font-size:13px;color:#6b7280}

  /* responsive */
  @media (max-width: 860px){
    .bl-cv__inner{grid-template-columns:1fr}
    .bl-cv-wrap .bl-grid{grid-template-columns:1fr}
    .bl-cv__formcard{order:-1}
  }
</style>

/* subtle brand accents inside the intro card */
.intro-box h2{
  font-family: "Playfair Display","Times New Roman",serif;
  margin: 0 0 6px;
}
.intro-box .sub{
  font-family: Montserrat, Arial, sans-serif;
  color: #6b7280;
  margin: 4px 0 14px;
}
.intro-box p{ margin: 10px 0; line-height: 1.75; }
.intro-box strong{ color: #f5b301; font-weight: 600; }

/* === Tighten hero spacing to navbar === */
.hero{
  padding:24px 0 44px;   /* was 54px 0 44px */
}

/* If the maintenance bar is present, tighten even more */
.maintenance-bar + .hero{
  padding-top:16px;
}

/* Make sure the heading doesn’t add extra space */
.hero h1{
  margin-top:0; /* you already had 0, keep it enforced */
}

/* (Optional) Slim the maintenance bar a touch */
.maintenance-bar{
  padding:6px 0; /* was 10px 0 */
}

/* Mobile tweak: a bit tighter above the fold */
@media (max-width:900px){
  .hero{ padding-top:16px; }
  .maintenance-bar{ padding:4px 0; }
}

/* === Pull hero text closer to the navbar === */
.hero {
  padding-top: 0 !important;     /* removes all top gap */
  padding-bottom: 40px;          /* keeps nice spacing below */
}

.hero h1 {
  margin-top: 0 !important;      /* stops extra space above the headline */
}

.maintenance-bar + .hero {
  padding-top: 0 !important;     /* when the yellow bar is visible */
}

.wrap { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.py-lg { padding-block: 32px; } .py-xl { padding-block: 48px; } .py-xxl { padding-block: 64px; }
.p-md { padding: 16px; } .p-lg { padding: 24px; }
.gap-lg { gap: 20px; } .gap-xl { gap: 32px; }

.page-hero .eyebrow { font-weight: 600; opacity:.75; margin: 0 0 6px; }
.page-hero .lede { max-width: 60ch; opacity: .9; }

.grid-2 { display: grid; grid-template-columns: 1fr; }
.grid-3 { display: grid; grid-template-columns: 1fr; }
@media (min-width: 900px){
  .grid-2 { grid-template-columns: 1.2fr .8fr; }
  .grid-3 { grid-template-columns: repeat(3,1fr); }
}

.card { background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,.06); }
.center { text-align: center; }

.h3 { font-size: 1.5rem; margin: 0 0 8px; }
.h4 { font-size: 1.25rem; margin: 0 0 12px; }
.h5 { font-size: 1.125rem; margin: 0 0 10px; }
.h6 { font-size: 1rem; margin: 0 0 6px; }

.tick-list, .dot-list { margin: 0; padding-left: 1.1rem; }
.tick-list li { list-style: "✔  "; margin: .35rem 0; }
.dot-list li  { list-style: disc; margin: .35rem 0; }

.steps { counter-reset: step; margin: 0; padding: 0; display: grid; gap: 10px; }
.steps li { list-style: none; background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:12px; padding:14px 16px; }
.steps li::before { counter-increment: step; content: counter(step) "."; font-weight:700; margin-right:8px; }

.assurance { background: #f6f6f6; text-align:center; border-radius: 12px; border: 1px solid rgba(0,0,0,.06); }

.btn { display:inline-block; padding:12px 16px; border-radius:10px; border:1px solid rgba(0,0,0,.1); text-decoration:none; font-weight:600; }
.btn:hover { transform: translateY(-1px); }
.btn-dark { background:#111; color:#fff; border-color:#111; }
.btn-row { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

.facts ul { margin-top: 10px; }
.strong { font-weight: 700; }