:root{
  --bg:#07090c;
  --panel:rgba(16,20,26,.82);
  --line:rgba(200,214,230,.16);
  --text:#111;
  --muted:#5a6570;
  --steel:#8eb4e8;
  --cta1:#243040;
  --cta2:#6b7c8d;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;}
body{background:var(--bg);color:#eef2f6;font-family:Inter,sans-serif;line-height:1.55}
a{color:#1a3a5c}
.hero{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column}
.hero video{position:absolute;top:50%;left:50%;width:177.78vh;height:100%;min-width:100%;min-height:56.25vw;transform:translate(-50%,-50%);object-fit:cover;pointer-events:none}
.veil{position:absolute;inset:0;background:rgba(0,0,0,.58)}
.nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;gap:12px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:56px;width:auto}
.brand span{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:20px;letter-spacing:.2em;background:linear-gradient(180deg,#f3f6fa 0%,#9aa7b5 55%,#e8eef4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.stage{position:relative;z-index:2;flex:1;display:flex;justify-content:center;padding:12px 16px 56px}
.box{
  position:relative;
  width:min(820px,100%);
  background:#fff;
  color:#111;
  border-radius:12px;
  box-shadow:0 24px 60px rgba(0,0,0,.45);
  padding:52px 44px 48px;
}
.close-x{
  position:absolute;top:14px;right:16px;width:36px;height:36px;border-radius:50%;
  text-decoration:none;color:#111;font-size:22px;font-weight:700;line-height:34px;text-align:center;
  background:#fff;border:1px solid #ddd;font-family:Inter,sans-serif;
}
.close-x:hover{background:#f3f3f3}
.eyebrow{color:#3d5a7a;letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700;margin-bottom:8px}
h1{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(2rem,4vw,40px);line-height:1.1;color:#0d1218;margin:0 0 8px}
.meta{font-size:12px;color:var(--muted);margin-bottom:22px}
h2{font-family:"Cormorant Garamond",serif;font-size:22px;margin:26px 0 8px;color:#0d1218}
p,li{font-size:15.5px;line-height:1.7;margin-bottom:12px;color:#222}
ul{padding-left:22px;margin-bottom:12px}
.links{margin-top:28px;font-size:13px;color:#666}
.links a{margin-right:12px}
@media(max-width:640px){
  .box{padding:48px 20px 36px}
  .brand span{font-size:16px}
}