*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:"Inter",sans-serif;
  background:url("https://i.pinimg.com/736x/f2/1a/c0/f21ac0a9895d495698b636564a345b0f.jpg")center/cover fixed no-repeat;
  color:#222;overflow-x:hidden;
}

/* NAV */
.navbar{
  width:100%;position:fixed;top:0;
  background-color:rgba(10,28,60,0.95);
  color:white;display:flex;justify-content:space-between;
  align-items:center;padding:1rem 5%;z-index:999;
}
.logo-area{display:flex;align-items:center;gap:60px;}
.j-letter,.l-letter{font-family:"Playfair Display",serif;font-size:2rem;}
.brand-name{font-family:"Playfair Display",serif;font-size:1.3rem;letter-spacing:1px;}
.navbar ul{list-style:none;display:flex;gap:30px;}
.navbar a{color:white;text-decoration:none;}
.navbar a:hover{color:#b0c4ff;}

/* HERO */
.hero{
  height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;color:white;padding:0 5%;
  background:linear-gradient(rgba(10,28,60,0.5),rgba(10,28,60,0.5)),
    url("https://i.pinimg.com/736x/f2/1a/c0/f21ac0a9895d495698b636564a345b0f.jpg")center/cover no-repeat;
}
.hero-content{max-width:800px;}
.white-highlight{background:rgba(255,255,255,0.25);padding:6px 10px;border-radius:4px;}
.navy-highlight{background:rgba(10,28,60,0.4);padding:5px 12px;border-radius:4px;}
.hero-spacer{height:20px;}
.hero-buttons{margin-top:30px;display:flex;justify-content:center;gap:20px;}
.btn-white,.btn-solid{padding:12px 28px;font-size:1rem;border-radius:5px;text-decoration:none;transition:.3s;}
.btn-white{background:white;color:#0a1c3c;border:2px solid white;}
.btn-white:hover{background:rgba(255,255,255,0.85);}
.btn-solid{background:#0a1c3c;color:white;border:2px solid #0a1c3c;}
.btn-solid:hover{background:rgba(10,28,60,0.85);}

/* GAPS */
.section-gap{height:80px;background:transparent;}

/* METRICS */
.metrics{background:rgba(10,28,60,0.65);color:white;text-align:center;padding:70px 0;}
.metrics-grid{display:flex;justify-content:center;gap:100px;flex-wrap:wrap;}
.metric h3{font-size:2.2rem;color:#fff;}
.metric p{font-size:1rem;color:#d0d7f5;}

/* ABOUT */
.about{background:rgba(255,255,255,0.8);display:flex;justify-content:center;align-items:center;padding:100px 5%;}
.about-container{display:flex;align-items:flex-start;gap:40px;max-width:1200px;}
.about-image img{width:340px;border-radius:10px;mix-blend-mode:multiply;opacity:0.9;box-shadow:0 4px 20px rgba(0,0,0,0.2);}
.about-text{flex:1;}
.about-text h2{font-family:"Playfair Display",serif;color:#0a1c3c;font-size:2rem;margin-bottom:20px;}
.about-text p{font-size:1rem;color:#333;line-height:1.7;}

/* SERVICES */
.services{background:rgba(255,255,255,0.75);text-align:center;padding:90px 5%;}
.services h2{font-family:"Playfair Display",serif;font-size:2rem;color:#0a1c3c;margin-bottom:50px;}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1100px;margin:auto;}
.service-card{background:rgba(255,255,255,0.85);border:1px solid rgba(10,28,60,0.15);border-radius:8px;padding:35px 25px;transition:.3s;}
.service-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(10,28,60,0.2);}
.service-card h3{color:#0a1c3c;margin-bottom:10px;}

/* CONTACT */
.contact{background:rgba(255,255,255,0.75);padding:100px 5%;}
.contact-container{display:flex;align-items:center;justify-content:center;gap:60px;max-width:1100px;margin:auto;}
.contact-form h2{font-family:"Playfair Display",serif;font-size:2rem;color:#0a1c3c;margin-bottom:25px;text-align:center;}
.contact-form input,.contact-form textarea{width:100%;margin-bottom:15px;padding:12px;border:1px solid rgba(10,28,60,0.25);border-radius:5px;font-size:.95rem;}
.apply-btn{background:#0a1c3c;color:white;border:none;padding:12px 32px;border-radius:5px;cursor:pointer;transition:.3s;margin-top:15px;}
.apply-btn:hover{background:#102c60;}
.contact-image img{width:430px;border-radius:10px;box-shadow:0 3px 15px rgba(0,0,0,0.25);}

/* SUBSCRIBE */
.subscribe{background:rgba(10,28,60,0.85);text-align:center;padding:70px 20px;margin-top:60px;}
.subscribe form{display:flex;justify-content:center;align-items:center;max-width:600px;margin:auto;gap:10px;}
.subscribe input{width:75%;padding:12px;border:none;border-radius:4px;font-size:1rem;}
.subscribe button{padding:12px 25px;background:white;color:#0a1c3c;border:none;font-weight:600;border-radius:4px;cursor:pointer;}
.subscribe button:hover{background:#f2f2f2;}

/* FOOTER */
.footer{background:rgba(10,28,60,0.9);color:white;text-align:center;padding:40px 20px;}
.footer-nav ul{list-style:none;display:flex;justify-content:center;gap:25px;margin-bottom:15px;}
.footer-nav a{color:white;text-decoration:none;}
.footer-nav a:hover{color:#b0c4ff;}

/* FADE */
.fade-section{opacity:0;transform:translateY(30px);transition:all .8s ease-out;}
.fade-section.visible{opacity:1;transform:translateY(0);}

/* RESPONSIVE */
@media(max-width:900px){
  .about-container,.contact-container{flex-direction:column;text-align:center;}
  .contact-image img{width:90%;}
  .subscribe form{flex-direction:column;gap:15px;}
  .navbar ul{gap:15px;}
}