:root{--ink:#111827;--muted:#5e6671;--line:#e7e7e7;--soft:#f5f6f7;--gold:#bf8d2f;--gold2:#d6a84b;--navy:#121a22;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.topbar{background:#111b24;color:#fff;font-size:12px;letter-spacing:.08em;border-bottom:0}
.topbar-inner{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.top-contact{display:flex;gap:16px;align-items:center}
.top-contact i{height:15px;width:1px;background:#9aa0a6}
.top-contact a{color:#fff}
.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.98);border-bottom:1px solid #dedede;box-shadow:0 4px 18px rgba(15,23,42,.06)}
.nav-inner{min-height:78px;display:grid;grid-template-columns:330px 1fr auto;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:12px}
.brand-large .crown{width:52px;height:52px;border:0;background:transparent}
.brand-large .crown svg{width:46px;height:46px;fill:#be8b27}
.brand .name{font:700 30px Georgia,serif;letter-spacing:.05em;line-height:1}
.brand .sub{display:block;font-size:10px;letter-spacing:.38em;color:#59616b;margin-top:5px}
.navlinks{display:flex;justify-content:center;align-items:center;gap:28px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;white-space:nowrap}
.navlinks a{color:#2d333a;padding:30px 0 27px;border-bottom:2px solid transparent}
.navlinks a:hover,.navlinks a.active{color:#9d6f18;border-bottom-color:#c59434}
.nav-actions{display:flex;align-items:center;gap:10px}
.header-book{background:#c18d2e;color:#fff;padding:14px 20px;border-radius:4px;font-size:12px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.header-phone{border:1px solid #9ba1a7;color:#15191d;padding:13px 18px;border-radius:4px;font-size:13px;font-weight:700;white-space:nowrap}
.mobile{display:none;color:#111;border:1px solid #ccc;background:#fff;padding:10px}
.mobile-menu{background:#fff;border-top:1px solid #eee}
.mobile-menu a{display:block;padding:15px 20px;border-bottom:1px solid #eee;font-size:13px;text-transform:uppercase;letter-spacing:.1em}
.pagehero{background:#f4f5f6;color:#111;padding:66px 0 58px;border-bottom:1px solid #e2e2e2}
.pagehero .eyebrow{color:#808890}
.pagehero h1{font-family:Georgia,serif;font-size:clamp(44px,5vw,66px);margin:12px 0}
.pagehero .lead{color:#59616b;max-width:760px}
.section{padding:70px 0;background:#fff}
.section.gray{background:#f6f7f8}
.section.dark{background:#1f2328;color:#fff}
.kicker{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#b47f1c;font-weight:800}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif}
h2{font-size:clamp(34px,3.4vw,46px);line-height:1.08;margin:12px 0}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:34px}
.card{background:#fff;border:1px solid #e6e8ea;padding:30px;box-shadow:0 10px 30px rgba(15,23,42,.06);border-radius:10px}
.card h3{font-size:21px;margin:12px 0 9px}
.card p{margin:0;color:#68717b;line-height:1.7;font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid #222;border-radius:4px}
.btn.primary{background:#c18d2e;color:#fff;border-color:#c18d2e}
.btn.dark{background:#111;color:#fff;border-color:#111}
.btn.ghost{background:rgba(0,0,0,.2);color:#fff;border-color:rgba(255,255,255,.8)}
.content-copy{font-size:15px;line-height:1.85;color:#59616b}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.check{border-left:2px solid #b98427;padding:12px 14px;background:#f8f9fa}
.booking-box{background:#fff;border:1px solid #ddd;padding:18px;min-height:680px;box-shadow:0 10px 30px rgba(15,23,42,.06);border-radius:10px}
.fleet-card{background:#fff;border:1px solid #e4e6e8;color:#111;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.07)}
.fleet-card img{width:100%;height:240px;object-fit:cover}
.fleet-card .inside{padding:23px}
.fleet-card h3{font-size:24px;margin:8px 0}
.fleet-card p{color:#68717b;line-height:1.7;font-size:14px;margin:0}
.tag{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#a57420;font-weight:800}
.contactbox{border:1px solid #e2e4e7;padding:26px;border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.contactbox h3{font-size:24px;margin:8px 0}
.contactbox p{color:#68717b;line-height:1.7}
input,textarea,select{width:100%;padding:14px;border:1px solid #d7dadd;font:inherit;border-radius:4px;background:#fff}
textarea{min-height:140px;resize:vertical}
label{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#555;display:block;margin-bottom:7px}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
footer{background:#111b24;color:#fff;padding:52px 0 24px}
.footergrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}
footer h3{font-size:18px;margin:0 0 14px}
footer p,footer li,footer a{color:#b8c0c7;line-height:1.8;font-size:14px}
footer ul{list-style:none;padding:0;margin:0}
.copyright{border-top:1px solid #2d3943;margin-top:32px;padding-top:18px;font-size:11px;color:#8e99a2;display:flex;justify-content:space-between;gap:20px}
@media(max-width:1080px){
  .nav-inner{grid-template-columns:280px 1fr auto}
  .brand .name{font-size:26px}
  .navlinks{gap:20px}
  .header-phone{display:none}
}
@media(max-width:900px){
  .topbar-inner{justify-content:center}
  .top-contact{display:none}
  .nav-inner{display:flex;min-height:74px}
  .brand .name{font-size:23px}
  .navlinks{display:none}
  .nav-actions{margin-left:auto}
  .mobile{display:block}
  .grid4{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}
  .footergrid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .container{width:min(var(--max),calc(100% - 28px))}
  .topbar{font-size:10px}
  .brand-large .crown{width:40px;height:40px}.brand-large .crown svg{width:38px;height:38px}
  .brand .name{font-size:19px}.brand .sub{font-size:8px;letter-spacing:.28em}
  .header-book{padding:11px 13px;font-size:10px}
  .grid4,.grid3{grid-template-columns:1fr}
  .formgrid{grid-template-columns:1fr}
  .footergrid{grid-template-columns:1fr}
  .copyright{flex-direction:column}
}