:root{--teal:#047985;--deep:#063842;--cream:#fff7df;--gold:#f5c84b;--sky:#1aa7e8;--green:#65b84a;--ink:#10252b}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fffaf0;color:var(--ink)}
a{text-decoration:none;color:inherit}
.top{position:sticky;top:0;z-index:999;background:#fff8e6;border-bottom:3px solid #0c8aa5}
.nav{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 30px;gap:24px}
.brand{font-weight:900;color:var(--teal)}
.brand-logo{display:flex;align-items:center;gap:14px;flex-shrink:0}
.brand-logo img{width:64px!important;height:64px!important;object-fit:contain!important;display:block!important}
.brand-logo span{font-size:28px;font-weight:900;color:#067b88;white-space:nowrap}
.menu{display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.menu a{font-size:16px;font-weight:800;color:#0b5d69}
.hero{min-height:72vh;background:linear-gradient(90deg,rgba(0,55,65,.66),rgba(0,55,65,.08)),var(--hero);background-size:cover;background-position:center;display:flex;align-items:center}
.hero-inner{max-width:1180px;margin:auto;padding:80px 24px;color:white}
.kicker{color:var(--gold);font-weight:900;letter-spacing:.12em}
.hero h1{font-size:clamp(42px,7vw,86px);line-height:.95;margin:12px 0}
.hero p{font-size:22px;max-width:760px;line-height:1.45}
.btn{display:inline-block;background:var(--gold);color:#123;padding:14px 22px;border-radius:999px;font-weight:900;margin-top:12px}
.section{max-width:1180px;margin:auto;padding:70px 24px}
.section h2{font-size:42px;color:var(--teal);margin:0 0 14px}
.lead{font-size:20px;line-height:1.6}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}
.card{background:white;border-radius:24px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.12);border:1px solid #e7dcc2}
.card img{width:100%;height:250px;object-fit:cover}
.card div{padding:22px}
.card h3{margin:0 0 10px;color:#075e68}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.split img{width:100%;border-radius:28px;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.band{background:linear-gradient(135deg,#e9fbff,#fff7d6)}
.story-block{background:white;border-radius:28px;padding:34px;box-shadow:0 14px 40px rgba(0,0,0,.10);margin-top:28px}
.story-block h3{color:#075e68;font-size:28px;margin:0 0 10px}
.story-block p{font-size:18px;line-height:1.65}
.video-card video{width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;background:#062f38;display:block}
.luna-frame{max-width:1050px;margin:0 auto 34px;border:6px solid var(--teal);border-radius:30px;overflow:hidden;background:#000;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.luna-frame iframe{aspect-ratio:16/9;width:100%;border:0;display:block}
.footer{background:#063842;color:#fff;padding:32px;text-align:center}
input,textarea{width:100%;padding:14px;border-radius:12px;border:1px solid #ccc;margin:8px 0 16px;font-size:16px}
button{background:var(--teal);color:white;border:0;border-radius:999px;padding:14px 24px;font-weight:900;font-size:16px;cursor:pointer}
@media(max-width:900px){.brand-logo img{width:46px!important;height:46px!important}.brand-logo span{display:none}.menu{gap:10px}.menu a{font-size:14px}.nav{padding:9px 16px}}
@media(max-width:800px){.split{grid-template-columns:1fr}.hero{min-height:60vh}}

/* FORCE FIX - Luna and capsule videos */
.luna-full{
  max-width:1280px!important;
  margin:0 auto!important;
  padding:36px 24px 80px!important;
}
.luna-full h1{
  color:#047985!important;
  font-size:clamp(44px,6vw,82px)!important;
  margin:18px 0 14px!important;
}
.luna-big-frame{
  width:100%!important;
  max-width:1200px!important;
  margin:30px auto!important;
  border:6px solid #047985!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:#000!important;
  box-shadow:0 24px 70px rgba(0,0,0,.22)!important;
}
.luna-big-frame iframe{
  width:100%!important;
  height:675px!important;
  border:0!important;
  display:block!important;
}

.video-card video{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
  background:#062f38!important;
  display:block!important;
}

.card.video-card{
  background:#fff!important;
}

@media(max-width:900px){
  .luna-big-frame iframe{height:360px!important}
}

/* LUNA FULL-PAGE RESTORE */
body:has(.luna-big-frame) {
  background:#fff7df;
}

.luna-full {
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:28px 0 70px !important;
}

.luna-full > h1,
.luna-full > .lead {
  max-width:1280px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:28px !important;
  padding-right:28px !important;
}

.luna-big-frame {
  width:100vw !important;
  max-width:none !important;
  margin:28px 0 42px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#000 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

.luna-big-frame iframe {
  width:100vw !important;
  height:calc(100vh - 220px) !important;
  min-height:650px !important;
  border:0 !important;
  display:block !important;
}

@media(max-width:900px){
  .luna-big-frame iframe {
    height:72vh !important;
    min-height:520px !important;
  }
}
