:root{--navy:#0a3663;--blue:#1265a8;--ink:#202a35;--muted:#5d6874;--light:#f3f6f8;--line:#dce3e9}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(5vw,20px);border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--navy)}.brand img{width:52px;height:42px;object-fit:contain}.links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.links a:hover{color:var(--blue)}.hero{padding:90px max(7vw,22px);background:linear-gradient(110deg,#082b4f,#135b91);color:#fff}.hero h1{font-size:clamp(34px,5vw,60px);line-height:1.08;max-width:850px;margin:0 0 20px}.hero p{font-size:19px;max-width:760px;color:#e4edf5}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;color:#a8c9e6}.btn{display:inline-block;margin:12px 10px 0 0;padding:12px 18px;border:1px solid #fff;border-radius:3px;font-weight:700;font-size:13px}.btn.primary{background:#fff;color:var(--navy)}main{max-width:1120px;margin:auto;padding:54px 24px}.kicker{color:var(--blue);font-size:12px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700}h2{color:var(--navy);font-size:32px;line-height:1.2;margin:8px 0 18px}h3{color:var(--navy)}.lead{font-size:19px;color:#465565;max-width:850px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:28px 0}.card{border:1px solid var(--line);padding:22px;background:#fff;border-radius:4px}.card p{color:var(--muted);margin-bottom:0}.band{background:var(--light);padding:36px max(5vw,22px)}.band-inner{max-width:1120px;margin:auto}.notice{font-size:13px;color:#64717e;border-left:3px solid var(--blue);padding-left:14px}.footer{padding:26px max(5vw,22px);background:#092746;color:#dce7f0;font-size:13px}.footer-inner{max-width:1120px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer small{color:#a9bfd2}ul{padding-left:20px}li{margin:7px 0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:30px}.field{padding:12px;width:100%;border:1px solid var(--line);margin:6px 0 14px;font:inherit}button{background:var(--navy);color:white;padding:12px 18px;border:0;font-weight:700}@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column}.links{gap:12px}.hero{padding-top:60px;padding-bottom:60px}.contact{grid-template-columns:1fr}}
.hero {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #ffffff;
    background-color: #000000; /* Fallback dark background during video transition */
}

.hero-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 1;
    opacity: 1;
    transition: opacity 0.8s ease-in-out; /* Smooth fade duration */
}

/* Opacity modifier for seamless looping */
.hero-video.fade-out {
    opacity: 0;
}

.hero-video.fade-in {
    opacity: 1;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}

.hero-content {
    position: relative;
    z-index: 3;
    max-width: 800px;
    padding: 2rem;
    text-align: center;
}