/* NAT PRIVATE DRIVER — Executive Luxury design system 2026.
   Presentation-only layer: no booking, translations, pricing or imagery modified. */
:root{--ex-ink:#101b2b;--ex-navy:#17283e;--ex-gold:#d7b879;--ex-ivory:#f5f1e9;--ex-muted:#aab8ca;--ex-line:rgba(215,184,121,.23);--ex-radius:14px;--ex-shadow:0 18px 48px rgba(0,0,0,.20)}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
body :is(h1,h2,h3,h4){letter-spacing:-.025em;text-wrap:balance;line-height:1.22}
body :is(p,li){overflow-wrap:break-word}
body :is(a,button,input,select,textarea){-webkit-tap-highlight-color:transparent}
body :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--ex-gold)!important;outline-offset:3px!important}
/* Navigation: consistent across all twelve documents. */
body header.top{position:relative;z-index:30;border-bottom:1px solid var(--ex-line);box-shadow:0 7px 26px rgba(0,0,0,.12)}
body header.top .shell{max-width:1320px}
body header.top :is(.toprow,.navrow){gap:14px}
body header.top :is(.nav,.nat-five-nav){scrollbar-width:thin}
body header.top nav a{transition:color .2s ease,background-color .2s ease,border-color .2s ease}
body header.top nav a:hover{color:var(--ex-gold)}
/* Hero retains the existing photo, placement, and VIP price panel. */
body .hero-copy h1{line-height:1.12;letter-spacing:-.035em;text-shadow:0 3px 22px rgba(0,0,0,.25)}
body .hero-copy .buttons{display:flex;flex-wrap:wrap;gap:12px}
body .hero .hero-inner{max-width:1320px}
/* Restrained champagne gold on generic CTAs; branded contact colors stay intact. */
body :is(.buttons,.welcome-actions,.nat-welcome-actions) a{transition:transform .22s ease,box-shadow .22s ease}
body :is(.buttons,.welcome-actions,.nat-welcome-actions) a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
/* Content width, rhythm, cards and section hierarchy. */
body main > section:not(.hero):not(.nat-luxe-trustbar){scroll-margin-top:100px}
body :is(.section,.lx-section,.nat-home-fleet,.nat-trust-section,.nat-welcome-section){padding-block:clamp(34px,5vw,74px)}
body :is(.section,.lx-section) :is(h2,h3){margin-bottom:clamp(12px,2vw,24px)}
body :is(.card,.service-card,.fleet-card,.destination-card,.nat-home-fleet-card,.social-card,.nat-welcome-panel,.fare-panel){border-radius:var(--ex-radius);transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease}
body :is(.card,.service-card,.fleet-card,.destination-card,.nat-home-fleet-card,.social-card):hover{box-shadow:var(--ex-shadow);border-color:var(--ex-line)}
body :is(.nat-home-fleet-grid,.social-cards){gap:clamp(14px,2vw,24px)}
body :is(.nat-home-fleet-grid,.social-cards) img{object-fit:cover}
/* Form improvements without altering any handlers, names or field order. */
body :is(.fare-panel,.booking form){box-shadow:0 20px 55px rgba(0,0,0,.17);border-radius:18px}
body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;accent-color:var(--ex-gold)}
body :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{border-color:var(--ex-gold);box-shadow:0 0 0 3px rgba(215,184,121,.12)}
body .foot{border-top:1px solid var(--ex-line)}
/* Premium spacing and usability on narrow screens. */
@media(max-width:900px){body header.top .navrow{overflow-x:auto}body .hero-copy h1{font-size:clamp(28px,6vw,48px)}body :is(.section,.lx-section,.nat-home-fleet,.nat-trust-section,.nat-welcome-section){padding-block:36px}}
@media(max-width:600px){body .hero-copy .buttons{gap:10px}body .hero-copy .buttons a{max-width:100%}body :is(.section,.lx-section,.nat-home-fleet,.nat-trust-section,.nat-welcome-section){padding-block:28px}body :is(.fare-panel,.booking form){border-radius:12px}body :is(input,select,textarea){font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body *,body *::before,body *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}