:root{--abyss:#012A4A;--deep:#013A63;--mid:#01497C;--shelf:#2C7DA0;--aqua:#00B4D8;--foam:#ADE8F4;--foam-light:#CAF0F8;--sun:#FFD166;--white:#FFFFFF;--dim:#8FB8CE}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,system-ui,sans-serif;background:var(--abyss);color:var(--foam-light);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,.brand{font-family:'Space Grotesk','Inter',sans-serif}
a{color:inherit;text-decoration:none}
.wrap{max-width:1060px;margin:0 auto;padding:0 16px}
nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0}
.brand{font-weight:700;font-size:20px;color:var(--white);letter-spacing:-.02em}.brand span{margin-right:8px}
.nav-cta{background:var(--aqua);color:var(--abyss);font-weight:800;font-size:14px;padding:10px 20px;border-radius:999px}
.crumbs{color:var(--dim);font-size:13.5px;margin-top:8px}.crumbs a{text-decoration:underline}
h1{color:var(--white);font-size:clamp(32px,5.5vw,54px);letter-spacing:-.03em;line-height:1.05;margin-top:14px}
h1 em{font-style:normal;color:var(--aqua)}
.sub{max-width:680px;margin-top:16px;font-size:17px;line-height:1.65;color:var(--dim)}
h2{color:var(--white);font-size:clamp(22px,3.4vw,30px);letter-spacing:-.02em;margin:44px 0 6px}
.note{color:var(--dim);font-size:14px;line-height:1.6}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:20px}
.trip,.dest{background:rgba(255,255,255,.045);border:1px solid rgba(173,232,244,.12);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px}
.dest:hover{border-color:var(--aqua)}
.trip h3,.dest h3{color:var(--white);font-size:18px;line-height:1.3;letter-spacing:-.01em}
.row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;color:var(--dim)}
.price{color:var(--white);font-weight:800;font-size:20px;white-space:nowrap}
.rate{color:var(--sun);font-weight:700}
.btn{margin-top:auto;display:inline-block;text-align:center;background:var(--aqua);color:var(--abyss);font-weight:800;font-size:15px;padding:12px 18px;border-radius:999px}
.btn:hover{box-shadow:0 8px 22px rgba(0,180,216,.35)}
.buddy{margin-top:48px;background:rgba(0,180,216,.1);border:1px solid rgba(0,180,216,.35);border-radius:20px;padding:24px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.buddy b{color:var(--white);font-size:17px;display:block}.buddy p{color:var(--dim);font-size:14.5px;margin-top:4px}
.ghost{border:1px solid var(--shelf);color:var(--foam);font-weight:700;padding:12px 22px;border-radius:999px;white-space:nowrap}
footer{border-top:1px solid rgba(173,232,244,.12);margin-top:64px;padding:26px 0 40px;color:var(--dim);font-size:13.5px;line-height:1.7}
footer a{text-decoration:underline}