@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800&family=Source+Sans+3:wght@300;400;500;600&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#0A0F2C;--navy2:#0E1535;--accent:#00C6A7;--accent2:#3A7BFF;--text:#ffffff;--muted:#8A93B5;--card:#0f1630;--border:rgba(255,255,255,0.07);--ba:rgba(0,198,167,0.3);--fh:'Playfair Display',Georgia,serif;--fb:'Source Sans 3',sans-serif}
body{font-family:var(--fb);background:var(--navy);color:var(--text);overflow-x:hidden;line-height:1.7}

/* LOGO */
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-mark{width:38px;height:38px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logo-mark svg{width:22px;height:22px}
.logo-name{font-family:var(--fh);font-weight:700;font-size:22px;color:#fff}
.logo-name span{color:var(--accent)}

/* NAV */
nav{display:flex;align-items:center;justify-content:space-between;padding:18px 60px;border-bottom:1px solid var(--border);background:rgba(10,15,44,0.98);position:sticky;top:0;z-index:999}
.nav-links{display:flex;gap:32px;list-style:none}
.nav-links a{color:var(--muted);text-decoration:none;font-size:15px;transition:color 0.2s}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-cta{background:var(--accent);color:var(--navy);padding:11px 24px;border-radius:6px;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
.hamburger span{width:24px;height:2px;background:#fff;border-radius:2px;transition:all 0.3s}

/* PAGE HEADER */
.page-header{padding:70px 60px 60px;background:var(--navy2);border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.lbl{font-size:12px;color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;font-weight:600;margin-bottom:14px;display:block}
.page-header h1{font-family:var(--fh);font-size:48px;font-weight:700;line-height:1.1;margin-bottom:16px}
.page-header h1 em{font-style:italic;color:var(--accent)}
.page-header p{color:var(--muted);font-size:17px;max-width:580px}

/* SECTIONS */
.section{padding:80px 60px}
.sec-lbl{font-size:12px;color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;font-weight:600;margin-bottom:12px;display:block}
.sec-title{font-family:var(--fh);font-size:38px;font-weight:700;line-height:1.15;margin-bottom:14px}
.sec-sub{color:var(--muted);font-size:16px;max-width:520px;line-height:1.65;margin-bottom:48px}

/* BUTTONS */
.btn{display:inline-block;text-decoration:none;border-radius:8px;font-weight:600;font-size:15px;padding:13px 28px}
.btn-p{background:var(--accent);color:var(--navy)!important}
.btn-g{border:1px solid rgba(255,255,255,0.2);color:#fff!important}
.btn-g:hover{border-color:rgba(255,255,255,0.4)}

/* FOOTER */
footer{background:#070b1f;border-top:1px solid var(--border);padding:60px 60px 36px}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.ft-brand p{color:var(--muted);font-size:14px;line-height:1.7;margin-top:16px;max-width:260px}
.ft-col h4{font-family:var(--fh);font-size:14px;font-weight:700;margin-bottom:18px;color:#fff}
.ft-col ul{list-style:none}
.ft-col ul li{margin-bottom:10px}
.ft-col ul li a{color:var(--muted);text-decoration:none;font-size:14px;transition:color 0.2s}
.ft-col ul li a:hover{color:var(--accent)}
.ft-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.ft-bottom p{color:var(--muted);font-size:13px}
.ft-legal{display:flex;gap:24px}
.ft-legal a{color:var(--muted);text-decoration:none;font-size:13px}
.ft-legal a:hover{color:var(--accent)}

/* ===== MOBILE RESPONSIVENESS ===== */
@media(max-width:1024px){
  nav{padding:16px 30px}
  .section{padding:60px 30px}
  .page-header{padding:50px 30px 40px}
  footer{padding:50px 30px 30px}
  .ft-grid{grid-template-columns:1fr 1fr;gap:32px}
}

@media(max-width:768px){
  nav{padding:16px 20px}
  .nav-links{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--navy);flex-direction:column;align-items:center;justify-content:center;gap:32px;z-index:998}
  .nav-links.open{display:flex}
  .nav-links a{font-size:20px}
  .hamburger{display:flex;z-index:999}
  .nav-cta{display:none}
  .page-header{padding:40px 20px 32px}
  .page-header h1{font-size:32px}
  .section{padding:48px 20px}
  .sec-title{font-size:28px}
  footer{padding:40px 20px 24px}
  .ft-grid{grid-template-columns:1fr;gap:28px}
  .ft-bottom{flex-direction:column;align-items:flex-start;gap:12px}
}

@media(max-width:480px){
  .page-header h1{font-size:26px}
  .sec-title{font-size:24px}
  .btn{padding:11px 20px;font-size:14px}
}