:root{--navy:#0f1b2d;--navy-2:#1a2a42;--gold:#c49a5c;--gold-dark:#8a6a34;--gold-light:#d8b57e;--gray:#d9d9d9;--offwhite:#f5f3ef;--text:#5f6672;--gold-grad:linear-gradient(135deg,#d8b57e 0%,#c49a5c 50%,#a87f45 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Poppins',sans-serif;background:var(--offwhite);color:var(--navy)}
::selection{background:var(--gold);color:var(--navy)}
a{text-decoration:none}h1,h2,h3,h4,h6{margin:0}
p{font-size:14px;line-height:25px;color:var(--text);margin:0}
.container{max-width:1140px;margin:0 auto;padding:0 15px}
.main-button a,.btn{display:inline-block;font-size:15px;padding:12px 20px;background:var(--gold-grad);color:var(--navy);font-weight:600;text-transform:uppercase;border:0;font-family:inherit;cursor:pointer;transition:all .3s}
.main-button a:hover,.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.9)}
/* header */
.header-area{position:absolute;top:0;left:0;right:0;z-index:100;height:100px;background:transparent;transition:all .5s}
.header-area.background-header{position:fixed;height:80px;background:rgba(245,243,239,.98);box-shadow:0 0 10px rgba(0,0,0,.15)}
.nav-row{display:flex;align-items:center;justify-content:space-between;height:100%}
.logo{color:#fff;font-weight:800;font-size:26px;line-height:1;letter-spacing:1px}
.logo-text span{display:block;font-size:11px;font-weight:600;letter-spacing:3px;color:var(--gold)}
.background-header .logo-text span{color:var(--gold-dark)}
.logo{display:inline-flex;align-items:center}.logo img{height:64px;width:auto;display:block}.logo .logo-light{height:40px}
.logo .logo-light{display:none}.background-header .logo .logo-dark{display:none}.background-header .logo .logo-light{display:block}
.logo.has-img .logo-text{display:none}.logo-text{line-height:1}
.background-header .logo{color:var(--navy)}
.main-nav{display:flex;align-items:center}
.main-nav a{color:#fff;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:1px;padding:0 15px;transition:color .3s}
.main-nav a:hover,.main-nav a.active{color:var(--gold)}
.background-header .main-nav a{color:var(--navy)}.background-header .main-nav a.active,.background-header .main-nav a:hover{color:var(--gold-dark)}
.main-nav a.nav-cta,.background-header .main-nav a.nav-cta{background:var(--gold-grad);color:var(--navy);font-weight:600;padding:11px 20px;margin-left:10px}
.main-nav a.nav-cta:hover{filter:brightness(1.08)}
.menu-trigger{display:none}
/* banner */
.main-banner{position:relative;height:100vh;min-height:560px;overflow:hidden}
.banner-media{position:absolute;inset:0;background:#0f1b2d url(img/hero.jpg) center/cover no-repeat}
.banner-media::after{content:none;position:absolute;right:20px;bottom:20px;color:rgba(255,255,255,.35);font-size:12px;letter-spacing:1px;text-transform:uppercase}
.overlay{position:absolute;inset:0;background:rgba(15,27,45,.8);display:flex;align-items:center;justify-content:center;text-align:center}
.caption h6{color:#fff;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.caption h2{color:#fff;font-size:80px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:28px}
.caption h2 em{font-style:normal;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:var(--gold);-webkit-text-fill-color:transparent;font-weight:900}
/* headings */
.section-heading{text-align:center;margin:140px auto 80px;max-width:720px}
.section-heading h2{font-size:28px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.section-heading h2 em{font-style:normal;color:var(--gold-dark)}
.dark-bg h2 em{color:var(--gold)}
.line-dec{width:46px;height:3px;background:var(--gold-grad);margin:20px auto;position:relative}
.dark-bg h2,.dark-bg p{color:#fff}
/* features */
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 30px;padding-bottom:140px}
.feature{display:flex;gap:30px}
.icon{flex:0 0 70px;height:70px;border-radius:50%;background:var(--gold-grad);display:flex;align-items:center;justify-content:center}
.icon svg{width:30px;height:30px;fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.feature h4{font-size:19px;font-weight:600;margin:5px 0 12px}
/* cta */
#call-to-action{background:#0f1b2d url(img/cta.jpg) center/cover no-repeat;position:relative;padding:120px 15px;text-align:center}
#call-to-action::before{content:"";position:absolute;inset:0;background:rgba(15,27,45,.75)}
.cta-content{position:relative;max-width:900px;margin:0 auto}
.cta-content h2{color:#fff;font-size:36px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.cta-content h2 em{font-style:normal;color:var(--gold)}
.cta-content p{color:#fff;font-size:16px;margin:20px 0 32px}
/* tabs */
.tabs{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding-bottom:140px}
.tab-list{list-style:none;padding:0;margin:0}
.tab{width:100%;text-align:left;font-family:inherit;font-size:19px;font-weight:600;color:var(--navy);background:#fff;border:0;box-shadow:0 0 15px rgba(0,0,0,.1);padding:28px 30px;margin-bottom:30px;cursor:pointer;transition:all .3s;position:relative}
.tab::before{content:"✓";color:var(--gold-dark);margin-right:14px}
.tab.active,.tab:hover{color:var(--gold-dark);box-shadow:inset 4px 0 0 var(--gold),0 0 15px rgba(0,0,0,.1)}
.panel{display:none;animation:fade .5s}.panel.active{display:block}
.ph{height:340px;background:repeating-linear-gradient(45deg,#e6e4e0 0 12px,var(--gray) 12px 24px);display:flex;align-items:center;justify-content:center;color:#5f6672;font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-bottom:30px}
.panel h4{font-size:23px;font-weight:600;margin-bottom:20px}
@keyframes fade{from{opacity:0}to{opacity:1}}
/* timeline */
#timeline{position:relative;background:#0f1b2d url(img/timeline.jpg) center/cover no-repeat;padding:1px 0 140px}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;color:#fff;font-size:14px}
th,td{border:1px solid rgba(250,250,250,.3);padding:22px;text-align:center}
th{font-weight:600;text-transform:uppercase;letter-spacing:.5px}
tbody tr:hover td{background:var(--gold);color:var(--navy)}
th{color:var(--gold)}
/* contact */
.contact-row{display:grid;grid-template-columns:1fr 1fr;margin-top:140px}
.contact-info{background:var(--navy);color:#fff;padding:60px}
.contact-info h3{font-size:28px;font-weight:800;text-transform:uppercase}.contact-info h3 em{font-style:normal;color:var(--gold)}
.contact-info p{color:var(--gray);margin:16px 0 26px}
.contact-info ul{list-style:none;padding:0;margin:0}
.contact-info li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.15);font-size:14px}
.contact-info li strong{display:block;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:1px}
.contact-info a{color:#fff}
.contact-form{background:var(--navy-2);padding:60px}
.contact-form input,.contact-form textarea{width:100%;background:#fff;border:0;border-radius:5px;padding:0 15px;font-family:inherit;font-size:13px;color:var(--navy);margin-bottom:30px;height:40px}
.contact-form textarea{height:150px;padding:15px;resize:none}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.contact-form .btn{width:100%;border-radius:5px;height:40px}
footer{background:var(--navy);text-align:center;padding:36px 15px;border-top:2px solid var(--gold)}
footer p{color:var(--gray);font-size:14px}
.footer-logo{display:inline-flex;margin-bottom:14px;color:#fff;font-weight:800;font-size:22px;letter-spacing:1px}.footer-logo img{height:110px}.footer-logo.has-img .logo-text{display:none}.footer-logo .logo-text span{display:block;font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:600}
/* mobile */
@media(max-width:991px){
 .header-area{background:var(--offwhite);height:80px;position:fixed;box-shadow:0 0 10px rgba(0,0,0,.15)}.logo{color:var(--navy)}.logo .logo-dark{display:none}.logo .logo-light{display:block}.logo-text span{color:var(--gold-dark)}
 .menu-trigger{display:block;width:32px;height:30px;background:none;border:0;cursor:pointer;position:relative}
 .menu-trigger span,.menu-trigger span::before,.menu-trigger span::after{position:absolute;left:0;width:30px;height:2px;background:var(--navy);content:""}
 .menu-trigger span{top:14px}.menu-trigger span::before{top:-9px}.menu-trigger span::after{top:9px}
 .main-nav{display:none;position:absolute;top:80px;left:0;right:0;flex-direction:column;background:var(--offwhite);box-shadow:0 5px 10px rgba(0,0,0,.1)}
 .nav-open .main-nav{display:flex}
 .main-nav a{color:var(--navy);width:100%;text-align:center;padding:15px;border-bottom:1px solid var(--gray)}
 .main-nav a.nav-cta{margin:0}
 .caption h2{font-size:40px}.caption h6{font-size:14px}
 .feature-grid,.tabs,.contact-row,.frow{grid-template-columns:1fr}.frow{gap:0}
 .cta-content h2{font-size:26px}.section-heading{margin:90px auto 50px}
 .contact-info,.contact-form{padding:40px 25px}.ph{height:220px}
}

.contact-info{position:relative;overflow:hidden}.contact-badge{position:absolute;right:-40px;bottom:-40px;width:240px;opacity:.12;pointer-events:none}
@media(max-width:991px){.logo .logo-light{height:34px}}

#timeline::before{content:"";position:absolute;inset:0;background:rgba(15,27,45,.85)}#timeline>.container{position:relative}
.panel-img{display:block;width:100%;height:340px;object-fit:cover;margin-bottom:30px;background:var(--gray)}
.panel-img.ph-brand{object-position:center}
footer p a{color:var(--gold)}
@media(max-width:991px){.panel-img{height:220px}}
.form-status{margin:16px 0 0;font-size:14px;min-height:1px}.form-status.ok{color:var(--gold)}.form-status.err{color:#f2b8b5}.contact-form .btn:disabled{opacity:.6;cursor:wait}