*,
*::before,
*::after { box-sizing:border-box; margin:0; padding:0; }

:root { --gold:#c9a84c; --gold-light:#e8d5a3; --obsidian:#0a0a0a; --charcoal:#151515; --panel:#1a1a1a; --white:#ffffff; --text-light:rgba(255,255,255,.9); --text-muted:rgba(255,255,255,.64); --border:rgba(201,168,76,.14); }
html { scroll-behavior:smooth; }
body { font-family:"Montserrat",sans-serif; background:var(--obsidian); color:var(--text-light); line-height:1.7; overflow-x:hidden; }
nav { position:fixed; inset:0 0 auto 0; z-index:1000; display:flex; align-items:center; justify-content:space-between; padding:.95rem 2rem; background:rgba(10,10,10,.94); border-bottom:1px solid var(--border); backdrop-filter:blur(12px); }
.brandmark { display:inline-flex; align-items:center; gap:.95rem; text-decoration:none; }
.brandmark-img { width:72px; height:72px; object-fit:contain; display:block; }
.brandmark-text { font-family:"Cormorant Garamond",serif; color:var(--white); letter-spacing:2px; text-transform:uppercase; font-size:1.05rem; }
.nav-links,.footer-links { display:flex; gap:1.4rem; list-style:none; }
.nav-links a,.footer-links a { text-decoration:none; color:var(--text-muted); font-size:.7rem; text-transform:uppercase; letter-spacing:2px; }
.nav-links a:hover,.footer-links a:hover { color:var(--gold); }
.nav-actions { display:flex; align-items:center; gap:.75rem; }
.nav-book-btn,.nav-phone { text-decoration:none; font-size:.68rem; letter-spacing:2px; text-transform:uppercase; padding:.72rem .95rem; }
.nav-book-btn { background:var(--gold); color:var(--obsidian); border:1px solid var(--gold); }
.nav-phone { color:var(--gold); border:1px solid var(--gold); }

#home { min-height:100vh; display:flex; align-items:center; padding:9rem 4rem 4rem; background:linear-gradient(135deg, rgba(20,20,20,.95), rgba(10,10,10,1)), radial-gradient(circle at top right, rgba(201,168,76,.12), transparent 35%); }
.hero-layout { width:100%; max-width:1220px; margin:0 auto; display:grid; grid-template-columns:1.2fr .8fr; gap:2.5rem; align-items:center; }
.eyebrow,.section-eyebrow,.booking-card-eyebrow,.contact-cta-eyebrow { color:var(--gold); text-transform:uppercase; letter-spacing:4px; font-size:.66rem; margin-bottom:1rem; }
.hero-headline,.section-title,.booking-card-title,.contact-cta-box h3 { font-family:"Cormorant Garamond",serif; font-weight:300; color:var(--white); line-height:1.02; }
.hero-headline { font-size:clamp(3.2rem,7vw,5.2rem); margin-bottom:1rem; }
.hero-headline em,.section-title em { color:var(--gold); font-style:italic; }
.hero-divider { width:58px; height:1px; background:var(--gold); margin-bottom:1.4rem; }
.hero-sub { max-width:640px; color:var(--text-muted); margin-bottom:1.4rem; font-size:.98rem; }
.hero-highlights { display:flex; flex-wrap:wrap; gap:.65rem; margin-bottom:2rem; }
.hero-highlights span,.fleet-tag { border:1px solid rgba(255,255,255,.1); padding:.35rem .65rem; font-size:.6rem; text-transform:uppercase; letter-spacing:1.2px; color:var(--text-light); }
.hero-btns { display:flex; gap:1rem; flex-wrap:wrap; }
.btn-primary,.btn-outline,.booking-card-btn { display:inline-block; text-decoration:none; text-transform:uppercase; letter-spacing:2px; font-size:.72rem; padding:.98rem 1.5rem; transition:.25s ease; text-align:center; }
.btn-primary,.booking-card-btn { background:var(--gold); color:var(--obsidian); font-weight:600; border:1px solid var(--gold); }
.btn-primary:hover,.booking-card-btn:hover,.nav-book-btn:hover { background:var(--gold-light); }
.btn-outline { border:1px solid rgba(255,255,255,.22); color:var(--text-light); }
.btn-outline:hover { border-color:var(--gold); color:var(--gold); }
.hero-side-card,.contact-cta-box,.aviation-box { background:rgba(255,255,255,.03); border:1px solid var(--border); backdrop-filter:blur(8px); box-shadow:0 18px 40px rgba(0,0,0,.22); }
.hero-side-card { padding:2rem; }
.booking-card-title { font-size:2rem; margin-bottom:.8rem; }
.booking-card-text,.fleet-use,.service-desc,.why-desc,.area-note,.contact-left p,.aviation-copy p,.instagram-copy { color:var(--text-muted); }
.clean-booking-card .booking-card-text { margin-bottom:1.5rem; }
.booking-card-btn { width:100%; margin-bottom:.85rem; }
.full-btn { width:100%; margin-top:1rem; }
.secondary-btn { margin-top:.8rem; }

.trust-bar { display:grid; grid-template-columns:repeat(4,1fr); background:var(--obsidian); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.trust-item { padding:1.45rem; display:flex; gap:1rem; align-items:center; border-right:1px solid rgba(255,255,255,.05); }
.trust-item:last-child { border-right:0; }
.trust-icon { width:42px; height:42px; border:1px solid rgba(201,168,76,.3); display:flex; align-items:center; justify-content:center; color:var(--gold); font-size:.95rem; }
.trust-label { display:block; color:var(--text-muted); text-transform:uppercase; letter-spacing:2px; font-size:.62rem; }
.trust-val { font-family:"Cormorant Garamond",serif; font-size:1.2rem; color:var(--white); }

.authority-strip { padding:1.2rem 4rem; background:#101010; border-bottom:1px solid var(--border); }
.authority-inner { max-width:1220px; margin:0 auto; text-align:center; }
.authority-inner p { color:var(--text-light); font-size:.92rem; }

section { padding:6rem 4rem; }
.section-header { text-align:center; margin-bottom:3rem; }
.section-title { font-size:clamp(2.3rem,4vw,3.3rem); }
#fleet,#aviation,#instagram { background:var(--obsidian); }
#services,#areas,#why,#contact { background:var(--charcoal); }

.fleet-grid,.services-grid,.areas-grid,.why-grid,.instagram-wrap,.contact-inner,.aviation-box { max-width:1220px; margin:0 auto; }
.fleet-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:rgba(201,168,76,.08); }
.fleet-card,.service-card { background:var(--panel); padding:2rem 1.5rem; text-align:center; }
.fleet-card { transition:transform .25s ease, background .25s ease; }
.fleet-card:hover { transform:translateY(-4px); background:#202020; }
.fleet-img { width:100%; max-width:260px; height:120px; object-fit:contain; display:block; margin:0 auto 1.3rem; }
.fleet-class,.service-name,.why-title { color:var(--gold); text-transform:uppercase; letter-spacing:2px; font-size:.7rem; margin-bottom:.55rem; }
.fleet-name { font-family:"Cormorant Garamond",serif; font-size:1.7rem; margin-bottom:.45rem; }
.fleet-pax { color:var(--text-light); margin-bottom:.55rem; }
.fleet-use { font-size:.9rem; min-height:68px; }
.fleet-tags { display:flex; gap:.45rem; justify-content:center; flex-wrap:wrap; margin-top:1rem; }

.services-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:rgba(201,168,76,.08); }
.service-num { font-family:"Cormorant Garamond",serif; font-size:3rem; color:rgba(201,168,76,.18); line-height:1; margin-bottom:1rem; }

.aviation-box { display:grid; grid-template-columns:1.2fr .8fr; gap:2rem; padding:2rem; }
.aviation-list { margin-top:1rem; padding-left:1.1rem; color:var(--text-light); }
.aviation-list li { margin-bottom:.55rem; }
.aviation-cta { display:flex; flex-direction:column; justify-content:center; }
.aviation-note { margin-bottom:1rem; color:var(--text-light); }

.areas-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(201,168,76,.08); }
.area-item { background:var(--panel); padding:1.3rem 1.5rem; display:flex; gap:.8rem; align-items:flex-start; }
.area-dot { width:7px; height:7px; background:var(--gold); border-radius:50%; margin-top:.45rem; flex-shrink:0; }
.area-name { color:var(--white); margin-bottom:.2rem; }

.why-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.why-card { border:1px solid var(--border); padding:1.5rem; background:rgba(255,255,255,.02); }

.instagram-wrap { display:grid; grid-template-columns:.95fr .55fr; gap:2rem; align-items:start; }
.instagram-media { background:#fff !important; margin:0 auto !important; min-width:300px !important; width:100% !important; max-width:540px !important; }
.instagram-side { border:1px solid var(--border); background:rgba(255,255,255,.03); padding:2rem; box-shadow:0 18px 40px rgba(0,0,0,.18); }
.instagram-copy { margin-bottom:1.2rem; }

.contact-inner { display:grid; grid-template-columns:1fr .85fr; gap:2rem; align-items:center; }
.contact-details { margin-top:2rem; display:grid; gap:1rem; }
.contact-item a { color:var(--white); text-decoration:none; }
.contact-item a:hover { color:var(--gold); }
.contact-info-label { color:var(--gold); text-transform:uppercase; letter-spacing:2px; font-size:.65rem; margin-bottom:.25rem; }
.contact-cta-box { padding:2rem; }
.contact-cta-box h3 { font-size:2rem; margin-bottom:1rem; }

footer { background:#050505; padding:2rem 4rem; border-top:1px solid var(--border); }
.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.footer-copy { color:rgba(255,255,255,.35); font-size:.75rem; }
.footer-brandmark-img { width:60px; height:60px; }

@media (max-width:1180px) { .nav-links { display:none; } }
@media (max-width:1080px) {
  .hero-layout,.aviation-box,.instagram-wrap,.contact-inner,.fleet-grid,.services-grid,.areas-grid,.why-grid,.trust-bar { grid-template-columns:1fr; }
  nav,#home,.authority-strip,section,footer { padding-left:1.25rem; padding-right:1.25rem; }
  .brandmark-text { display:none; }
  .nav-actions { gap:.5rem; }
  .fleet-img { max-width:210px; height:96px; }
  .trust-item { border-right:0; border-bottom:1px solid rgba(255,255,255,.05); }
  .fleet-use { min-height:auto; }
}
@media (max-width:640px) {
  .hero-btns { flex-direction:column; }
  .btn-primary,.btn-outline { width:100%; }
  .nav-phone,.nav-book-btn { font-size:.62rem; padding:.58rem .7rem; }
  .hero-headline { font-size:2.8rem; }
  .brandmark-img { width:56px; height:56px; }
}
