:root{
  --bg:#05070b;
  --dark:#07101b;
  --ink:#111827;
  --body:#5b6470;
  --muted:#eef1f4;
  --cream:#f7f2e9;
  --gold:#b98634;
  --gold-2:#f4d58b;
  --green:#20c763;
  --green-dark:#10733c;
  --radius:32px;
  --shadow:0 30px 90px rgba(7,16,27,.18);
  --container:min(100% - 44px, 1180px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  background:#fff;
  color:var(--ink);
  line-height:1.65;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}svg{max-width:100%}
a{color:inherit;text-decoration:none;overflow-wrap:anywhere}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:var(--container);margin-inline:auto}
.skip-link{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:10px 14px;z-index:99999;border-radius:10px}
.skip-link:focus{left:8px}

/* 100% intro loader */
.page-loader{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  color:#fff;
  background:#061912;
  overflow:hidden;
  transition:opacity .45s ease, visibility .45s ease;
}
body.site-loaded .page-loader{opacity:0;visibility:hidden;pointer-events:none}
.loader-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(0deg, rgba(4,13,9,.86), rgba(4,13,9,.86)),
    url('../img/hero-transfer.jpg') center/cover no-repeat;
  transform:scale(1.04);
  filter:saturate(1.08) contrast(1.08);
}
.loader-bg:after{
  content:"";
  position:absolute;
  inset:auto -10% 0;
  height:45%;
  background:linear-gradient(0deg, rgba(3,8,7,.85), transparent);
}
.loader-panel{
  position:relative;
  z-index:1;
  width:min(92vw, 520px);
  display:grid;
  justify-items:center;
  gap:18px;
  text-align:center;
}
.loader-logo{width:min(270px,70vw);height:auto;filter:drop-shadow(0 15px 35px rgba(0,0,0,.45))}
.loader-road{position:relative;width:min(420px,82vw);height:82px;margin-top:8px;overflow:hidden}
.road-line{
  position:absolute;
  left:0;
  right:0;
  bottom:20px;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(244,213,139,.75), transparent);
}
.loader-car{
  position:absolute;
  width:145px;
  left:-165px;
  bottom:8px;
  animation:loaderDrive 1.9s ease-in-out infinite;
  filter:drop-shadow(0 15px 22px rgba(0,0,0,.45));
}
@keyframes loaderDrive{0%{transform:translateX(0)}100%{transform:translateX(650px)}}
.loader-progress{position:relative;width:112px;height:112px;display:grid;place-items:center}
.loader-progress svg{position:absolute;inset:0;transform:rotate(-90deg)}
.loader-progress circle{fill:none;stroke-width:9;stroke-linecap:round}
.loader-progress circle:first-child{stroke:rgba(255,255,255,.13)}
#loaderCircle{stroke:var(--gold-2);stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset .12s linear}
.loader-progress strong{font-size:38px;line-height:1;color:var(--gold-2)}
.loader-panel p{margin:0;color:rgba(255,255,255,.75);font-weight:800;letter-spacing:.03em}

.site-header{
  position:fixed;
  inset:18px 0 auto;
  z-index:80;
  pointer-events:none;
}
.nav-shell{
  width:min(1180px, calc(100% - 36px));
  margin:auto;
  min-height:78px;
  padding:10px 12px 10px 18px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(5,7,11,.78);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  border-radius:999px;
  display:flex;
  align-items:center;
  gap:18px;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
  pointer-events:auto;
}
.brand{display:flex;align-items:center;min-width:188px;flex:0 0 auto}
.brand img{height:52px;width:auto;object-fit:contain}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:4px}
.nav-links a{color:rgba(255,255,255,.78);padding:12px 14px;border-radius:999px;font-size:14px;font-weight:700;transition:.25s ease}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.09)}
.nav-tursab{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 15px;
  border:1px solid rgba(244,213,139,.82);
  border-radius:999px;
  background:#fff;
  color:#111824;
  box-shadow:0 10px 26px rgba(0,0,0,.2);
  white-space:nowrap;
}
.nav-tursab span{font-size:11px;font-weight:800;text-transform:uppercase;color:#8a6328}
.nav-tursab strong{font-size:14px;line-height:1;color:#111824}
.floating-action svg{width:22px;height:22px;fill:currentColor}
.nav-toggle{display:none;width:46px;height:46px;border:0;background:rgba(255,255,255,.1);border-radius:50%;padding:12px;flex:0 0 auto}
.nav-toggle span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:2px;transition:.2s ease}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:150px 0 76px;background:var(--bg);color:#fff;overflow:hidden;isolation:isolate}
.hero-media,.hero-overlay{position:absolute;inset:0}
.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.04)}
.hero-overlay{
  background:
    radial-gradient(circle at 78% 22%, rgba(244,213,139,.20), transparent 34%),
    linear-gradient(90deg, rgba(4,6,10,.96) 0%, rgba(4,6,10,.78) 42%, rgba(4,6,10,.32) 72%, rgba(4,6,10,.74) 100%),
    linear-gradient(0deg, rgba(4,6,10,.82), transparent 45%);
  z-index:1;
}
.hero-car{position:absolute;left:-220px;bottom:8%;width:200px;z-index:2;opacity:.36;animation:heroDrive 14s ease-in-out infinite;filter:drop-shadow(0 25px 35px rgba(0,0,0,.42))}
@keyframes heroDrive{0%,18%{transform:translateX(0)}52%{transform:translateX(calc(100vw + 460px))}100%{transform:translateX(calc(100vw + 460px))}}
.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.05fr) 390px;gap:44px;align-items:end}.hero-reservation{position:relative;z-index:3;display:grid;justify-items:center;gap:22px;text-align:center;transform:translateY(-22px)}.hero-reservation .hero-logo{justify-self:center;margin:0 auto;width:min(300px,72vw)}.hero-booking-form{width:min(100%,640px);max-width:100%;padding:28px;background:rgba(12,17,25,.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left}
.eyebrow{margin:0 0 16px;color:var(--gold-2);letter-spacing:.20em;font-weight:900;font-size:12px;text-transform:uppercase}
.eyebrow.dark{color:#8d652b}
.hero-logo{width:min(338px,80vw);margin:0 0 16px -14px;filter:drop-shadow(0 18px 35px rgba(0,0,0,.45))}



.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 22px;border:0;border-radius:999px;cursor:pointer;font-weight:900;transition:.25s ease;text-align:center}
.btn-primary{color:#151006;background:linear-gradient(135deg,var(--gold-2),var(--gold));box-shadow:0 18px 45px rgba(216,177,100,.25)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 24px 55px rgba(216,177,100,.36)}
.btn-soft{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16)}
.btn-soft:hover{background:rgba(255,255,255,.2)}
.btn-light{background:#fff;color:#07101b}
.btn.full{width:100%}







.section{padding:94px 0}.intro{padding:70px 0;background:#fff}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.intro-copy h2,.section-head h2,.yacht-copy h2,.reservation-copy h2{margin:0;font-size:clamp(34px,4.6vw,58px);line-height:1.03;letter-spacing:-.045em}
.intro-copy p:not(.eyebrow),.section-head p,.reservation-copy p,.yacht-copy p{color:var(--body);font-size:17px}.section-head p{margin:14px 0 0}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#0c1119;color:#fff;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}
.feature-strip div{padding:30px 22px;border-right:1px solid rgba(255,255,255,.11)}.feature-strip div:last-child{border-right:0}.feature-strip strong{display:block;font-size:30px;line-height:1;color:var(--gold-2)}.feature-strip span{display:block;color:rgba(255,255,255,.7);font-weight:700;margin-top:8px}
.services{background:var(--cream)}.section-head{max-width:760px;margin-bottom:38px}.section-head.split{max-width:none;display:grid;grid-template-columns:1fr minmax(260px,420px);gap:32px;align-items:end}.section-head.split>p{margin:0 0 8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{background:#fff;padding:30px;border-radius:26px;min-height:235px;display:flex;flex-direction:column;border:1px solid rgba(11,17,28,.08);box-shadow:0 18px 45px rgba(10,15,25,.06);transition:.28s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(10,15,25,.11)}
.service-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:#111824;color:var(--gold-2);font-size:24px;margin-bottom:26px}.service-card h3{font-size:23px;line-height:1.12;margin:0 0 10px;letter-spacing:-.02em}.service-card p{margin:0;color:#59606a}
.fleet{background:#fff}.fleet-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px}.fleet-card{position:relative;min-height:330px;border-radius:30px;overflow:hidden;background:#111824;box-shadow:var(--shadow);isolation:isolate}.fleet-card.large{grid-row:span 2;min-height:680px}.fleet-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.fleet-card:hover img{transform:scale(1.055)}.fleet-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.06) 58%);z-index:1}.fleet-card div{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;color:#fff}.fleet-card span{display:inline-block;color:var(--gold-2);letter-spacing:.12em;font-size:11px;font-weight:900;text-transform:uppercase;margin-bottom:8px}.fleet-card h3{font-size:34px;line-height:1;margin:0 0 8px}.fleet-card p{margin:0;color:rgba(255,255,255,.75)}
.yacht-section{background:#07101b;color:#fff;overflow:hidden}.yacht-grid{display:grid;grid-template-columns:1fr .9fr;gap:52px;align-items:center}.yacht-image{border-radius:34px;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.36)}.yacht-image img{width:100%;height:620px;object-fit:cover}.yacht-copy p{color:rgba(255,255,255,.74)}.check-list{list-style:none;margin:28px 0 30px;padding:0;display:grid;gap:12px}.check-list li{position:relative;padding-left:34px;color:rgba(255,255,255,.86);font-weight:700}.check-list li:before{content:"";position:absolute;left:0;top:7px;width:18px;height:18px;border-radius:50%;background:var(--gold-2)}.check-list li:after{content:"";position:absolute;left:6px;top:11px;width:5px;height:9px;border-right:2px solid #111;border-bottom:2px solid #111;transform:rotate(40deg)}
.gallery{background:var(--cream)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;grid-auto-flow:dense}.gallery-item{position:relative;min-height:260px;border-radius:24px;overflow:hidden;background:#ddd;box-shadow:0 16px 40px rgba(10,15,25,.08)}.gallery-item.tall{grid-row:span 2;min-height:535px}.gallery-item.wide{grid-column:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:.45s ease}.gallery-item:hover img{transform:scale(1.05);filter:saturate(1.08)}

.booking-form{background:#0c1119;color:#fff;padding:30px;border-radius:34px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08)}.form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-size:13px;font-weight:900;color:rgba(255,255,255,.84)}input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.075);color:#fff;border-radius:18px;padding:15px 16px;outline:none;transition:.22s ease}select option{color:#111}textarea{resize:vertical;min-height:118px}input:focus,select:focus,textarea:focus{border-color:rgba(244,213,139,.85);box-shadow:0 0 0 4px rgba(244,213,139,.12)}::placeholder{color:rgba(255,255,255,.42)}.form-note{font-size:13px;color:rgba(255,255,255,.60);margin:14px 0 0;text-align:center}
.footer{background:#05070b;color:#fff;padding:58px 0 calc(28px + env(safe-area-inset-bottom))}.footer-grid{display:grid;grid-template-columns:1.15fr .75fr .9fr .8fr;gap:34px;padding-bottom:40px}.footer-grid>*{min-width:0}.footer img{width:170px;margin-bottom:14px}.footer-logo-badge{width:220px !important;max-width:100%;display:block;padding:0;border-radius:0;background:none;box-shadow:none}.footer-tursab img{width:180px;max-width:100%;height:auto;background:#fff;border-radius:12px;padding:8px;margin:0 0 12px}.footer .footer-tursab span{font-weight:900;color:rgba(255,255,255,.86)}.footer p,.footer a,.footer span{color:rgba(255,255,255,.68)}.footer strong{display:block;margin-bottom:12px;color:#fff}.footer a,.footer span{display:block;margin:7px 0}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);width:var(--container);margin:auto;padding:20px 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px;color:rgba(255,255,255,.58);font-size:14px;flex-wrap:wrap}.footer-bottom a{display:inline;color:rgba(255,255,255,.82);font-weight:800}.floating-action{position:fixed;right:22px;z-index:90;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;transition:.2s ease}.floating-action:hover{transform:translateY(-3px)}.floating-whatsapp{bottom:22px;background:var(--green);box-shadow:0 18px 48px rgba(32,199,99,.36)}.floating-phone{bottom:92px;background:#1677ff;color:#fff;box-shadow:0 18px 48px rgba(22,119,255,.34)}.floating-top{bottom:162px;background:#fff;color:#111824;box-shadow:0 18px 48px rgba(7,16,27,.22)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal,.loader-car,.hero-car{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media (max-width:1050px){.nav-links{position:fixed;left:18px;right:18px;top:94px;display:none;flex-direction:column;align-items:stretch;background:rgba(5,7,11,.96);padding:14px;border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.28)}.nav-links.is-open{display:flex}.nav-links a{padding:15px 18px}.nav-toggle{display:block;margin-left:8px}.nav-tursab{padding:8px 11px;gap:6px;margin-left:auto}.nav-tursab span{font-size:10px}.nav-tursab strong{font-size:13px}.hero-grid,.intro-grid,.yacht-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.fleet-grid{grid-template-columns:1fr 1fr}.fleet-card.large{grid-row:auto;grid-column:span 2;min-height:520px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.footer{padding-bottom:156px}}
@media (max-width:720px){:root{--container:min(100% - 28px, 1180px)}.site-header{inset:10px 0 auto}.nav-shell{width:calc(100% - 20px);min-height:66px;padding:8px 10px 8px 14px}.brand{min-width:118px}.brand img{height:38px}.nav-tursab{padding:7px 9px}.nav-tursab span{display:none}.nav-toggle{width:42px;height:42px}.hero{min-height:100svh;padding:112px 0 48px;align-items:flex-start}.hero-overlay{background:linear-gradient(0deg,rgba(4,6,10,.92),rgba(4,6,10,.48) 52%),linear-gradient(90deg,rgba(4,6,10,.94),rgba(4,6,10,.64))}.hero-grid{gap:28px}.hero-reservation{gap:16px;transform:translateY(-14px)}.hero-reservation .hero-logo{width:min(220px,70vw);margin:0 auto}.hero-logo{width:240px;margin-left:0}.hero-actions .btn{width:100%}.section{padding:66px 0}.intro{padding:58px 0}.intro-copy h2,.section-head h2,.yacht-copy h2,.reservation-copy h2{font-size:36px}.feature-strip{grid-template-columns:repeat(2,1fr)}.feature-strip div:nth-child(2){border-right:0}.feature-strip div{padding:22px 18px}.service-grid,.fleet-grid,.gallery-grid{grid-template-columns:1fr}.service-card{min-height:auto}.section-head.split{grid-template-columns:1fr}.fleet-card,.fleet-card.large{grid-column:auto;min-height:410px;border-radius:24px}.yacht-image img{height:430px}.gallery-item,.gallery-item.tall,.gallery-item.wide{grid-column:auto;grid-row:auto;min-height:340px}.form-two{grid-template-columns:1fr;gap:0}.form-row{margin-bottom:12px}.booking-form{padding:18px;border-radius:24px}.hero-booking-form{width:100%;padding:18px}.form-note{font-size:12px;line-height:1.45}.footer-grid{grid-template-columns:1fr;gap:26px}.footer-logo-badge{width:190px !important;padding:0;border-radius:0}.footer-bottom{flex-direction:column;align-items:flex-start}.floating-action{right:16px;width:54px;height:54px}.floating-whatsapp{bottom:16px}.floating-phone{bottom:82px}.floating-top{bottom:148px}.page-loader{align-items:center}.loader-panel{gap:14px}.loader-progress{width:98px;height:98px}.loader-progress strong{font-size:34px}}
@media (max-width:430px){.btn{min-height:52px;padding:13px 18px}.gallery-item,.gallery-item.tall,.gallery-item.wide{min-height:290px}.fleet-card,.fleet-card.large{min-height:350px}.footer{padding-bottom:156px}}



@media (max-width:360px){:root{--container:min(100% - 20px, 1180px)}.nav-shell{width:calc(100% - 12px);padding:8px}.brand{min-width:106px}.brand img{height:32px}.nav-tursab{padding:7px 8px}.nav-tursab strong{font-size:12px}.nav-toggle{width:40px;height:40px}.hero{padding-top:100px}.hero-reservation .hero-logo{width:min(190px,68vw)}.booking-form{padding:16px;border-radius:22px}input,select,textarea{padding:13px 14px;border-radius:15px}.btn{min-height:50px;padding:12px 16px}.footer{padding-bottom:156px}}