:root{--g:linear-gradient(90deg,#64D2FF,#0A84FF 28%,#5E5CE6 52%,#30D158 76%,#FF9F0A);--bg:#070b12;--surface:#0e141d;--elevated:#161f2b;--inset:#0a1018;--fg:#fff;--muted:#d5dde6;--subtle:#b7c2ce;--line:#243041;--line-strong:#3a4d64;--primary:#0a84ff;--ok:#30d158;--warn:#ff9f0a;--indigo:#5e5ce6;--teal:#64d2ff;--r-md:12px;--r-lg:20px;--r-xl:28px;--display:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,"Helvetica Neue",sans-serif;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,"Helvetica Neue",sans-serif;--shadow:0 24px 60px rgba(0,0,0,.48)}
*{box-sizing:border-box}
html{color-scheme:dark;background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);font-family:var(--sans);color:var(--fg);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--teal)}
.bgimg{position:fixed;inset:0;z-index:-1;background:radial-gradient(1200px 600px at 50% 0%,rgba(10,132,255,.10),transparent 70%),var(--bg)}
.bar{height:4px;background:var(--g)}
.wrap{max-width:960px;margin:0 auto;padding:0 16px}
@media(min-width:700px){.wrap{padding:0 24px}}
/* hero */
.hero{position:relative;padding:34px 0 56px;text-align:center;background:linear-gradient(180deg,rgba(7,11,18,.50) 0%,rgba(7,11,18,.40) 45%,rgba(7,11,18,.85) 85%,#070b12 100%),url(/yacht.jpg) center 60%/cover no-repeat;margin-bottom:-18px}
@media(min-width:700px){.hero{padding:64px 0 96px;margin-bottom:-36px}}
.brand{width:fit-content;margin-left:auto;margin-right:auto;padding:4px 14px;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:22px}
.mark{width:76px;height:76px;border-radius:20px;background:#0e1a2b;box-shadow:0 10px 30px rgba(0,0,0,.45);overflow:hidden;display:block}
.mark img{width:100%;height:100%;display:block}
.wm{font-family:var(--display);font-size:30px;font-weight:700;letter-spacing:-.5px;line-height:1.1;color:#fff}
.wm .pro{color:var(--primary)}
.sub{font-size:14px;color:var(--subtle)}
.plus{background:linear-gradient(135deg,#64D2FF 0%,#0A84FF 40%,#5E5CE6 75%,#30D158 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:700;font-size:1.1em;line-height:1;padding:0 .04em;filter:drop-shadow(0 0 12px rgba(10,132,255,.35))}
.eyebrow{display:inline-block;font-size:14px;font-weight:600;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 14px;margin:6px 0 10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
h1{font-family:var(--display);font-size:30px;line-height:1.15;margin:8px auto 14px;letter-spacing:-.6px;max-width:760px;text-shadow:0 2px 24px rgba(0,0,0,.4)}
@media(min-width:700px){h1{font-size:46px}}
.lead{font-size:18px;color:var(--muted);margin:0 auto 22px;max-width:640px}
.cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
/* panels */
.panel{background:rgba(14,20,29,.72);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-xl);padding:22px 20px;margin:0 0 18px;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--shadow)}
@media(min-width:700px){.panel{padding:30px 34px}}
h2{font-family:var(--display);font-size:24px;line-height:1.25;margin:0 0 10px;letter-spacing:-.3px}
.h3{font-family:var(--display);font-size:19px;font-weight:700;margin:0 0 8px}
p{margin:0 0 12px;color:var(--muted)}
p b,li b{color:#fff}
ul.feat{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}
@media(min-width:700px){ul.feat{grid-template-columns:1fr 1fr}}
ul.feat li{position:relative;padding:10px 12px 10px 38px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:var(--r-md);color:var(--muted)}
ul.feat li:before{content:"";position:absolute;left:13px;top:15px;width:14px;height:14px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(48,209,88,.18)}
/* prices */
.prices{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0 10px}
@media(min-width:640px){.prices{grid-template-columns:1fr 1fr}}
.card{background:rgba(22,31,43,.7);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:6px}
.card.best{border-color:rgba(10,132,255,.7);background:linear-gradient(180deg,rgba(10,132,255,.16),rgba(22,31,43,.7));box-shadow:0 0 0 1px rgba(10,132,255,.25) inset}
.card .name{font-weight:600;display:flex;align-items:center;gap:8px;color:#fff}
.card .price{font-family:var(--display);font-size:34px;font-weight:700;line-height:1.15;color:#fff}
.card .price small{font-size:16px;font-weight:500;color:var(--muted)}
.card .note2{font-size:14px;color:var(--subtle);min-height:22px}
.tag{font-size:12px;background:var(--ok);color:#04210e;border-radius:999px;padding:2px 9px;font-weight:700}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;background:var(--primary);color:#fff;text-decoration:none;padding:12px 26px;border-radius:999px;font-weight:600;font-size:16px;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:filter .15s}
.btn:hover{filter:brightness(1.1)}
.btn.white{background:#fff;color:#0b1420}
.btn.ghost{background:rgba(0,0,0,.55);color:#fff;border-color:rgba(255,255,255,.35)}
.btn[aria-disabled=true],.btn:disabled{background:rgba(255,255,255,.08);color:var(--subtle);border-color:rgba(255,255,255,.14);cursor:not-allowed;filter:none}
.card .btn{margin-top:8px;width:100%}
.note{font-size:14px;color:var(--subtle)}
/* booking */
.book{position:relative;border:1px solid transparent;background:linear-gradient(rgba(14,20,29,.86),rgba(14,20,29,.86)) padding-box,var(--g) border-box}
.book .lead2{font-size:17px;color:#fff;font-weight:600}
/* changes */
ol.change{padding-left:0;list-style:none;counter-reset:c;margin:12px 0 4px}
ol.change li{counter-increment:c;position:relative;padding:10px 0 10px 48px;border-bottom:1px solid var(--line);color:var(--muted)}
ol.change li:last-child{border-bottom:0}
ol.change li:before{content:counter(c);position:absolute;left:0;top:9px;width:32px;height:32px;border-radius:10px;background:rgba(10,132,255,.16);color:var(--teal);font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid rgba(10,132,255,.4)}
.info{background:rgba(48,209,88,.1);border:1px solid rgba(48,209,88,.35);border-radius:var(--r-md);padding:14px 16px;margin:14px 0 0;font-size:15px;color:var(--muted)}
.info b{color:#fff}
/* form */
form{display:grid;gap:14px;margin-top:10px}
@media(min-width:700px){form{grid-template-columns:1fr 1fr}form .full{grid-column:1/-1}}
label{font-size:14px;font-weight:500;display:grid;gap:6px;color:var(--muted)}
label .opt{font-weight:400;color:var(--subtle)}
input,textarea{font:inherit;font-size:16px;padding:12px 16px;border:1px solid rgba(255,255,255,.22);border-radius:var(--r-md);width:100%;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.12) inset}
input::placeholder,textarea::placeholder{color:rgba(213,221,230,.55)}
input:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:1px}
textarea{min-height:110px;resize:vertical}
.chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px}
.chk input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--primary);padding:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg{font-size:15px;padding:10px 14px;border-radius:var(--r-md);display:none}
.msg.ok{display:block;background:rgba(48,209,88,.14);color:#bff3cd;border:1px solid rgba(48,209,88,.4)}
.msg.err{display:block;background:rgba(255,69,58,.14);color:#ffd0cc;border:1px solid rgba(255,69,58,.4)}
form .btn{width:100%}
/* footer */
footer{text-align:center;padding:16px 16px 36px;font-size:14px;color:var(--subtle)}
footer a{color:var(--subtle)}
.sig{color:var(--muted)}

.esd{color:var(--subtle);margin:0 0 16px}
.esgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.escard{margin:0;background:rgba(22,31,43,.7);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);padding:14px;display:flex;flex-direction:column;gap:10px}
.escard img{width:100%;height:auto;border-radius:var(--r-md);display:block;background:#eef2f6}
.eshead{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.estype{font-weight:600}
.esbadge{font-size:12px;letter-spacing:.04em;color:var(--muted);border:1px dashed var(--line-strong);border-radius:999px;padding:3px 10px}
.escard figcaption{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px;color:var(--subtle);text-align:center}
@media (max-width:720px){.esgrid{grid-template-columns:1fr}}