@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/tide/fonts/baloo-2-normal-700-latin-ext.dfd52ee2e6.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/tide/fonts/baloo-2-normal-700-latin.26fb4610d4.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/tide/fonts/baloo-2-normal-800-latin-ext.dfd52ee2e6.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/tide/fonts/baloo-2-normal-800-latin.26fb4610d4.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:"Palanquin";font-style:normal;font-weight:400;font-display:swap;src:url(/tide/fonts/palanquin-normal-400-latin-ext.d7651ac334.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Palanquin";font-style:normal;font-weight:400;font-display:swap;src:url(/tide/fonts/palanquin-normal-400-latin.bd72903958.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:"Palanquin";font-style:normal;font-weight:600;font-display:swap;src:url(/tide/fonts/palanquin-normal-600-latin-ext.2acf93524c.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Palanquin";font-style:normal;font-weight:600;font-display:swap;src:url(/tide/fonts/palanquin-normal-600-latin.7b21ed5413.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root {
  --swl-bg: #ffffff; --swl-paper: #ffffff; --swl-soft: #e8f6f5; --swl-sand: #fbf3e6; --swl-ink: #0b2a30; --swl-mute: #46636a; --swl-line: #cfe5e3;
  --swl-sea: #00737b; --swl-sea2: #005c63; --swl-deep: #083a41; --swl-turq: #33d9cf; --swl-turq-h: #6be6de; --swl-cta-ink: #062126;
  --swl-link: #006770; --swl-acc: #006b73; --swl-foam: #e6f7f6; --swl-foam2: #b5e4e1; --swl-shadow: 0 2px 0 rgba(0, 92, 99, .08), 0 22px 44px -28px rgba(0, 70, 76, .5);
  --swl-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40V24C15 24 15 8 30 8S45 24 60 24 75 8 90 8 105 24 120 24V40z'/%3E%3C/svg%3E");
  --swl-head: rgba(255, 255, 255, .94); --swl-display: "Baloo 2", "Trebuchet MS", sans-serif; --swl-text: "Palanquin", "Segoe UI", sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --swl-bg: #061c20; --swl-paper: #0b2a30; --swl-soft: #0a2a2f; --swl-sand: #13282a; --swl-ink: #e6f7f6; --swl-mute: #9fc8c7; --swl-line: #18424a;
    --swl-sea: #00636a; --swl-sea2: #004c52; --swl-deep: #03272c; --swl-link: #7fe3dc; --swl-acc: #6fe2d9; --swl-head: rgba(6, 28, 32, .92);
    --swl-shadow: 0 2px 0 rgba(0, 0, 0, .3), 0 22px 44px -26px rgba(0, 0, 0, .85);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --swl-bg: #061c20; --swl-paper: #0b2a30; --swl-soft: #0a2a2f; --swl-sand: #13282a; --swl-ink: #e6f7f6; --swl-mute: #9fc8c7; --swl-line: #18424a;
  --swl-sea: #00636a; --swl-sea2: #004c52; --swl-deep: #03272c; --swl-link: #7fe3dc; --swl-acc: #6fe2d9; --swl-head: rgba(6, 28, 32, .92);
  --swl-shadow: 0 2px 0 rgba(0, 0, 0, .3), 0 22px 44px -26px rgba(0, 0, 0, .85);
  color-scheme: dark;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body.swl-page { margin: 0; background: var(--swl-bg); color: var(--swl-ink); font: 400 1.08rem/1.65 var(--swl-text); overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--swl-link); text-underline-offset: .2em; text-decoration-thickness: 2px; text-decoration-color: color-mix(in srgb, currentColor 40%, transparent); }
a:hover { text-decoration-color: currentColor; }
:focus-visible { outline: 3px solid #ffb547; outline-offset: 2px; border-radius: 6px; }
h1, h2, h3 { font-family: var(--swl-display); font-weight: 800; line-height: 1; margin: 0; letter-spacing: -.01em; }
p { margin: 0 0 .9em; }
.swl-wrap { width: min(1200px, 100% - 32px); margin-inline: auto; }
.swl-vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.swl-skip { position: absolute; left: 8px; top: -60px; z-index: 50; background: var(--swl-paper); padding: 8px 12px; border-radius: 10px; }
.swl-skip:focus { top: 8px; }
.swl-ic { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.swl-disc { margin: 0; background: var(--swl-deep); color: var(--swl-foam); font-size: .86rem; line-height: 1.4; padding: 7px 0; text-align: center; }
.swl-head { position: sticky; top: 0; z-index: 30; background: var(--swl-head); border-bottom: 3px solid var(--swl-turq); }
.swl-head__in { display: flex; align-items: center; gap: 16px; min-height: 66px; }
.swl-brand { display: flex; align-items: center; gap: 10px; color: var(--swl-ink); text-decoration: none; flex: none; }
.swl-mark { width: 42px; height: 42px; flex: none; }
.swl-brand__t { display: block; font: 800 1.42rem/1 var(--swl-display); letter-spacing: -.01em; }
.swl-brand__s { display: inline-block; font: 600 .72rem/1 var(--swl-text); letter-spacing: .08em; text-transform: uppercase; color: var(--swl-acc); background: var(--swl-soft); border-radius: 999px; padding: 4px 8px 3px; margin-top: 4px; }
.swl-nav { margin-left: auto; }
.swl-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 2px 4px; flex-wrap: wrap; }
.swl-nav a { color: var(--swl-ink); text-decoration: none; font: 600 .95rem/1 var(--swl-text); padding: 9px 10px; border-radius: 999px; display: block; }
.swl-nav a:hover { background: var(--swl-soft); }
.swl-nav a[aria-current="page"] { background: var(--swl-sea); color: #ffffff; }
.swl-tools { display: flex; align-items: center; gap: 8px; flex: none; }
.swl-theme, .swl-burger { display: inline-flex; align-items: center; gap: 6px; border: 2px solid var(--swl-line); background: transparent; color: var(--swl-ink); border-radius: 999px; padding: 6px 11px; font: 600 .88rem/1 var(--swl-text); cursor: pointer; }
.swl-theme:hover, .swl-burger:hover { border-color: var(--swl-sea); }
.swl-burger { display: none; padding: 7px; }
.swl-paid { display: inline-flex; align-items: center; gap: 8px; background: var(--swl-turq); color: var(--swl-cta-ink); text-decoration: none; border-radius: 999px; padding: 10px 18px; font: 800 1rem/1 var(--swl-display); box-shadow: 0 4px 0 #1aa79f; }
.swl-paid:hover { background: var(--swl-turq-h); color: var(--swl-cta-ink); }
.swl-paid:active { transform: translateY(2px); box-shadow: 0 2px 0 #1aa79f; }
.swl-paid--lg { padding: 14px 24px; font-size: 1.12rem; }
.swl-ad { display: inline-block; font: 700 .7rem/1 var(--swl-text); letter-spacing: .08em; text-transform: uppercase; border: 1.5px solid currentColor; border-radius: 6px; padding: 3px 5px 2px; color: var(--swl-mute); }
.swl-onl { display: inline-flex; align-items: center; gap: 6px; color: var(--swl-ink); text-decoration: none; border: 2px solid var(--swl-line); border-radius: 999px; padding: 7px 13px; font: 600 .9rem/1 var(--swl-text); }
.swl-onl:hover { border-color: var(--swl-sea); }
.swl-hero { position: relative; background: var(--swl-sea); color: #ffffff; overflow: hidden; isolation: isolate; }
.swl-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 78% 30%, rgba(51, 217, 207, .35), transparent 46%), radial-gradient(circle at 10% 90%, rgba(0, 40, 46, .45), transparent 50%); z-index: -1; }
.swl-hero__g { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 24px 48px; align-items: center; padding: clamp(34px, 5vw, 70px) 0 clamp(120px, 12vw, 170px); }
.swl-kick { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px; font: 700 .86rem/1 var(--swl-text); letter-spacing: .1em; text-transform: uppercase; border: 2px solid rgba(255, 255, 255, .55); border-radius: 999px; padding: 8px 14px 7px; }
.swl-h1 { font-size: clamp(3rem, 7vw, 6.1rem); line-height: .92; letter-spacing: -.02em; color: #ffffff; text-wrap: balance; }
.swl-tag { display: inline-flex; gap: 12px; align-items: center; margin: 24px 0 22px; background: #ffffff; color: var(--swl-cta-ink); border-radius: 18px; padding: 12px 18px 11px 12px; transform: rotate(-1.6deg); box-shadow: 0 10px 0 -2px rgba(0, 40, 46, .35); max-width: 30em; }
.swl-tag b { font: 800 1.05rem/1.1 var(--swl-display); display: block; }
.swl-tag span { display: block; font-size: .92rem; line-height: 1.35; color: #24494f; }
.swl-tag__x { flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--swl-turq); display: grid; place-items: center; }
.swl-tag__x svg { width: 26px; height: 26px; }
.swl-hero .swl-lede { font-size: clamp(1.1rem, 1.5vw, 1.24rem); max-width: 36em; color: #f1fbfa; }
.swl-hero .swl-by { color: var(--swl-foam2); }
.swl-hero .swl-by a { color: #ffffff; }
.swl-by { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: .9rem; color: var(--swl-mute); margin: 0; }
.swl-by span { display: inline-flex; align-items: center; gap: 6px; }
.swl-isle { position: relative; }
.swl-isle svg { width: 100%; height: auto; display: block; overflow: visible; }
.swl-isle__land { fill: #ffffff; }
.swl-isle__shadow { fill: rgba(0, 40, 46, .32); }
.swl-isle__dot { fill: var(--swl-turq); stroke: var(--swl-deep); stroke-width: 3; }
.swl-isle__ring { fill: none; stroke: var(--swl-turq); stroke-width: 3; transform-box: fill-box; transform-origin: center; animation: swl-ping 2.6s ease-out infinite; }
@keyframes swl-ping { 0% { transform: scale(.6); opacity: 1; } 100% { transform: scale(2.6); opacity: 0; } }
.swl-isle__l { font: 800 22px var(--swl-display); fill: var(--swl-deep); }
.swl-isle__s { font: 600 15px var(--swl-text); fill: #ffffff; letter-spacing: .06em; }
.swl-isle__n { font: 700 14px var(--swl-text); fill: rgba(255, 255, 255, .8); letter-spacing: .12em; }
.swl-waves { position: absolute; left: 0; right: 0; bottom: -2px; height: clamp(90px, 11vw, 150px); pointer-events: none; }
.swl-waves svg { position: absolute; left: 0; bottom: 0; width: 200%; height: 100%; display: block; }
.swl-waves .swl-w1 { fill: rgba(51, 217, 207, .55); animation: swl-drift 26s linear infinite; }
.swl-waves .swl-w2 { fill: rgba(255, 255, 255, .45); animation: swl-drift 19s linear infinite reverse; }
.swl-waves .swl-w3 { fill: var(--swl-bg); animation: swl-drift 33s linear infinite; }
@keyframes swl-drift { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.swl-adtop { background: var(--swl-bg); padding: 4px 0 26px; }
.swl-adtop__in { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr) auto; gap: 16px 30px; align-items: center; background: var(--swl-sand); border: 2px dashed #d6c3a2; border-radius: 26px; padding: 20px 26px; }
.swl-adtop__h { font: 800 1.3rem/1.1 var(--swl-display); margin: 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.swl-adtop p { margin: 0 0 .5em; font-size: .97rem; }
.swl-rg { display: flex; gap: 12px; align-items: flex-start; font-size: .88rem !important; color: var(--swl-mute); line-height: 1.45; margin: .4em 0 0 !important; }
.swl-age { flex: none; font: 800 .82rem/1 var(--swl-display); border: 2px solid currentColor; border-radius: 999px; padding: 6px 7px 4px; color: var(--swl-ink); }
.swl-endad { background: var(--swl-sand); border: 2px dashed #d6c3a2; border-radius: 26px; padding: 24px; }
.swl-endad__h { font: 800 1.35rem/1.1 var(--swl-display); margin: 0 0 10px; display: flex; gap: 10px; align-items: center; }
.swl-endad .swl-paid { margin: 6px 0 16px; }
.swl-sec { padding: clamp(46px, 6.5vw, 86px) 0; position: relative; }
.swl-sec--soft { background: var(--swl-soft); }
.swl-sec--sea { background: var(--swl-sea); color: #ffffff; margin-top: clamp(28px, 4vw, 48px); }
.swl-sec--sea a { color: #ffffff; }
.swl-sec--sea .swl-sec__h h2 { color: #ffffff; }
.swl-sec--sea::before, .swl-sec--sea::after { content: ""; position: absolute; left: 0; right: 0; height: clamp(28px, 4vw, 48px); background: var(--swl-sea); -webkit-mask: var(--swl-wave) repeat-x center / auto 100%; mask: var(--swl-wave) repeat-x center / auto 100%; }
.swl-sec--sea::before { bottom: 100%; margin-bottom: -1px; }
.swl-sec--sea::after { top: 100%; margin-top: -1px; transform: scaleY(-1); }
.swl-sec--sea + .swl-sec { padding-top: calc(clamp(40px, 5vw, 64px) + 10px); }
.swl-sec--sea { padding-top: clamp(32px, 4vw, 56px); padding-bottom: clamp(36px, 4.5vw, 60px); }
.swl-sec__h { display: flex; align-items: center; gap: 14px; margin-bottom: clamp(18px, 2.6vw, 28px); }
.swl-sec__h h2 { font-size: clamp(2rem, 4.2vw, 3.3rem); color: var(--swl-acc); text-wrap: balance; }
.swl-sec__i { flex: none; width: 48px; height: 48px; border-radius: 16px; background: var(--swl-turq); color: var(--swl-cta-ink); display: grid; place-items: center; transform: rotate(-6deg); }
.swl-sec__i svg { width: 30px; height: 30px; }
.swl-sec--sea .swl-sec__i { background: #ffffff; color: var(--swl-sea); }
.swl-body p:last-child { margin-bottom: 0; }
.swl-body--2 { columns: 2 22em; column-gap: 46px; }
.swl-body--2 p { break-inside: avoid; }
.swl-lead { font-size: 1.16rem; }
.swl-more { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; font: 800 1.02rem/1 var(--swl-display); text-decoration: none; color: var(--swl-link); background: var(--swl-soft); border-radius: 999px; padding: 10px 16px 9px; }
.swl-sec--soft .swl-more { background: var(--swl-paper); }
.swl-sec--sea .swl-more { background: rgba(255, 255, 255, .14); color: #ffffff; }
.swl-more:hover .swl-ic { transform: translateX(3px); }
.swl-more .swl-ic { transition: transform .2s; }
.swl-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.swl-list li { position: relative; padding: 16px 18px 16px 58px; background: var(--swl-paper); border-radius: 20px; box-shadow: var(--swl-shadow); }
.swl-list li::before { content: ""; position: absolute; left: 16px; top: 16px; width: 28px; height: 28px; border-radius: 50%; background: var(--swl-turq) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13c2 0 2-2 4.5-2S10 13 12 13s2-2 4.5-2 2.5 2 4.5 2' fill='none' stroke='%23062126' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 20px no-repeat; }
.swl-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px 52px; align-items: start; }
.swl-split--pic { align-items: center; }
.swl-fig { margin: 0; }
.swl-fig__f { border-radius: 30px; overflow: hidden; box-shadow: var(--swl-shadow); border: 6px solid #ffffff; background: var(--swl-soft); }
.swl-fig img { width: 100%; }
.swl-fig figcaption { font-size: .84rem; color: var(--swl-mute); margin-top: 8px; line-height: 1.4; }
.swl-sec--sea .swl-fig figcaption { color: var(--swl-foam2); }
.swl-faq { display: grid; gap: 12px; }
.swl-faq__i { background: var(--swl-paper); border-radius: 20px; padding: 0 20px; box-shadow: var(--swl-shadow); border: 2px solid var(--swl-line); }
.swl-faq__i summary { cursor: pointer; list-style: none; padding: 16px 0; font: 700 1.08rem/1.3 var(--swl-display); display: flex; gap: 12px; align-items: center; }
.swl-faq__i summary::-webkit-details-marker { display: none; }
.swl-faq__i summary::after { content: ""; margin-left: auto; flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--swl-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' stroke='%23006770' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 18px no-repeat; }
.swl-faq__i[open] summary::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12h12' stroke='%23006770' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E"); }
.swl-faq__i p { margin: 0 0 18px; }
.swl-tool { background: var(--swl-paper); color: var(--swl-ink); border-radius: 30px; padding: clamp(20px, 3vw, 34px); box-shadow: var(--swl-shadow); border: 2px solid var(--swl-line); margin-top: 26px; }
.swl-sec--sea .swl-tool { background: var(--swl-deep); color: #ffffff; border-color: rgba(255, 255, 255, .12); }
.swl-sec--sea .swl-tool a { color: var(--swl-turq-h); }
.swl-tool__h { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 16px; margin-bottom: 18px; }
.swl-tool__h h2, .swl-tool__h h3 { font-size: clamp(1.6rem, 2.8vw, 2.2rem); }
.swl-tool__s { margin: 0; font: 700 .8rem/1.3 var(--swl-text); letter-spacing: .1em; text-transform: uppercase; color: var(--swl-mute); }
.swl-sec--sea .swl-tool__s { color: var(--swl-foam2); }
.swl-lbl { display: block; font: 700 .8rem/1.2 var(--swl-text); letter-spacing: .1em; text-transform: uppercase; color: var(--swl-mute); margin-bottom: 8px; }
.swl-chips { border: 0; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 7px; }
.swl-chip input { position: absolute; opacity: 0; pointer-events: none; }
.swl-chip span { display: inline-block; border: 2px solid var(--swl-line); border-radius: 999px; padding: 6px 12px 5px; font: 600 .92rem/1.2 var(--swl-text); cursor: pointer; background: var(--swl-paper); color: var(--swl-ink); }
.swl-chip input:checked + span { background: var(--swl-sea); border-color: var(--swl-sea); color: #ffffff; }
.swl-chip input:focus-visible + span { outline: 3px solid #ffb547; outline-offset: 2px; }
.swl-range { width: 100%; accent-color: var(--swl-sea); }
.swl-btn { display: inline-flex; align-items: center; gap: 8px; border: 2px solid var(--swl-line); background: var(--swl-paper); color: var(--swl-ink); border-radius: 999px; padding: 8px 14px; font: 700 .92rem/1 var(--swl-text); cursor: pointer; }
.swl-btn:hover { border-color: var(--swl-sea); }
.swl-nojs { display: none; }
.swl-tbl { width: 100%; border-collapse: collapse; font-size: .95rem; }
.swl-tbl th, .swl-tbl td { text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--swl-line); vertical-align: top; }
.swl-tbl thead th { font: 700 .76rem/1.2 var(--swl-text); letter-spacing: .1em; text-transform: uppercase; color: var(--swl-mute); }
.swl-sec--sea .swl-tbl th, .swl-sec--sea .swl-tbl td { border-color: rgba(255, 255, 255, .16); }
.swl-sec--sea .swl-tbl thead th, .swl-sec--sea .swl-tbl caption { color: var(--swl-foam2); }
.swl-tbl caption { caption-side: bottom; text-align: left; font-size: .84rem; color: var(--swl-mute); padding-top: 10px; }
.swl-scroll { overflow-x: auto; }
.swl-after { margin-top: 24px; }
.swl-big { font: 800 clamp(3rem, 6vw, 4.4rem)/.9 var(--swl-display); margin: 0 0 8px; color: var(--swl-turq); }
.swl-big small { display: block; font: 600 .95rem/1.4 var(--swl-text); color: var(--swl-foam2); margin-top: 8px; }
.swl-map__g { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 36px; align-items: start; }
.swl-map__svg { width: 100%; height: auto; display: block; }
.swl-map__sea { fill: #0a4f56; }
.swl-map__land { fill: #ffffff; }
.swl-map__p circle { fill: var(--swl-sea); stroke: #ffffff; stroke-width: 3; cursor: pointer; }
.swl-map__p text { font: 700 17px var(--swl-text); fill: var(--swl-deep); paint-order: stroke; stroke: #ffffff; stroke-width: 5px; pointer-events: none; }
.swl-map__p--sea text { fill: #ffffff; stroke: #0a4f56; }
.swl-map__p:hover circle, .swl-map__p.swl-on circle { fill: #ffb547; }
.swl-map__p:focus-visible circle { stroke: #ffb547; stroke-width: 5; }
.swl-map__p.swl-on text { font-size: 20px; }
.swl-map__line { stroke: #ffb547; stroke-width: 4; stroke-linecap: round; stroke-dasharray: 2 9; fill: none; }
.swl-map__here circle { fill: var(--swl-turq); stroke: var(--swl-deep); stroke-width: 4; }
.swl-map__here text { font: 800 20px var(--swl-display); fill: var(--swl-deep); paint-order: stroke; stroke: #ffffff; stroke-width: 5px; }
.swl-map__off { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.swl-map__off button, .swl-picks button { border: 2px solid rgba(255, 255, 255, .3); background: transparent; color: #ffffff; border-radius: 999px; padding: 6px 12px 5px; font: 600 .9rem/1.2 var(--swl-text); cursor: pointer; }
.swl-map__off button[aria-pressed="true"], .swl-picks button[aria-pressed="true"] { background: #ffffff; color: var(--swl-deep); border-color: #ffffff; }
.swl-picks { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 12px; }
.swl-picks__g { font: 700 .76rem/1.2 var(--swl-text); letter-spacing: .1em; text-transform: uppercase; color: var(--swl-foam2); margin: 0 0 6px; }
.swl-picks__b { display: flex; flex-wrap: wrap; gap: 6px; }
.swl-ferry__track { position: relative; margin: 30px 0 10px; padding: 0 4px; }
.swl-ferry__line { height: 64px; border-radius: 999px; background: var(--swl-soft); position: relative; overflow: hidden; }
.swl-ferry__wave { position: absolute; inset: 0; width: 100%; height: 100%; }
.swl-ferry__wave path { fill: none; stroke: rgba(0, 115, 123, .35); stroke-width: 3; stroke-linecap: round; }
.swl-ferry__stops { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 10px; text-align: center; font: 800 1rem/1.15 var(--swl-display); color: var(--swl-mute); }
.swl-ferry__stops span:first-child { text-align: left; }
.swl-ferry__stops span:last-child { text-align: right; }
.swl-ferry__stops .swl-on { color: var(--swl-acc); }
.swl-buoy { position: absolute; top: 6px; left: var(--swl-x, 6px); width: 52px; height: 52px; border-radius: 50%; background: var(--swl-turq); border: 4px solid #ffffff; box-shadow: 0 6px 14px -6px rgba(0, 60, 66, .6); display: grid; place-items: center; transition: left .7s cubic-bezier(.3, 1.4, .5, 1), background .3s; }
.swl-buoy svg { width: 30px; height: 30px; }
.swl-buoy--none { background: #c9d6d6; }
.swl-ferry__out { font-size: 1.12rem; margin: 18px 0 0; }
.swl-ferry__out b { font-family: var(--swl-display); font-weight: 800; }
.swl-golf__g { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 26px 40px; align-items: start; }
.swl-golf__in { display: grid; gap: 18px; }
.swl-clock { display: flex; align-items: center; gap: 12px; }
.swl-clock output { font: 800 1.6rem/1 var(--swl-display); color: var(--swl-acc); min-width: 4.6em; }
.swl-step { display: flex; align-items: center; gap: 10px; }
.swl-step button { width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--swl-line); background: var(--swl-paper); color: var(--swl-ink); font: 800 1.3rem/1 var(--swl-display); cursor: pointer; }
.swl-step button:hover { border-color: var(--swl-sea); }
.swl-step output { font: 800 1.6rem/1 var(--swl-display); min-width: 3.4em; text-align: center; }
.swl-status { border-radius: 22px; padding: 16px 20px; background: var(--swl-soft); font-size: 1.05rem; position: relative; overflow: hidden; }
.swl-status b { font-family: var(--swl-display); font-weight: 800; font-size: 1.25rem; display: block; }
.swl-status--on { background: var(--swl-sea); color: #ffffff; }
.swl-status--on::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 12px; background: rgba(255, 255, 255, .22); -webkit-mask: var(--swl-wave) repeat-x center / auto 100%; mask: var(--swl-wave) repeat-x center / auto 100%; }
.swl-bays { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 16px 0; }
.swl-bay { border: 3px solid var(--swl-line); border-radius: 22px; padding: 14px 16px; background: var(--swl-paper); }
.swl-bay--use { border-color: var(--swl-sea); }
.swl-bay b { font: 800 1.15rem/1 var(--swl-display); display: block; margin-bottom: 10px; }
.swl-seats { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; }
.swl-seats svg { width: 100%; height: auto; display: block; }
.swl-seats circle { fill: none; stroke: var(--swl-line); stroke-width: 2.5; stroke-dasharray: 4 3; }
.swl-seats svg.swl-on circle { fill: var(--swl-turq); stroke: var(--swl-sea); stroke-dasharray: none; }
.swl-seats path { fill: none; stroke: var(--swl-cta-ink); stroke-width: 2; stroke-linecap: round; opacity: 0; }
.swl-seats svg.swl-on path { opacity: 1; }
.swl-golf__note { font-size: .9rem; color: var(--swl-mute); margin: 8px 0 0; }
.swl-band { position: relative; background: var(--swl-sea); color: #ffffff; overflow: hidden; isolation: isolate; }
.swl-band::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 85% 20%, rgba(51, 217, 207, .3), transparent 45%); z-index: -1; }
.swl-band__g { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 28px 48px; align-items: center; padding: clamp(30px, 4.5vw, 60px) 0 clamp(110px, 10vw, 150px); }
.swl-band__g--solo { grid-template-columns: minmax(0, 1fr) minmax(0, 300px); }
.swl-band__mark svg { width: 100%; height: auto; display: block; opacity: .9; }
.swl-band__mark .swl-isle__land { fill: rgba(255, 255, 255, .92); }
.swl-h1--in { font-size: clamp(2.4rem, 5.4vw, 4.4rem); }
.swl-band .swl-lede { font-size: 1.14rem; margin-top: 18px; max-width: 36em; color: #f1fbfa; }
.swl-band .swl-by { color: var(--swl-foam2); }
.swl-band .swl-by a { color: #ffffff; }
.swl-back { display: inline-flex; align-items: center; gap: 6px; color: #ffffff; text-decoration: none; font: 700 .9rem/1 var(--swl-text); margin-bottom: 16px; background: rgba(255, 255, 255, .14); border-radius: 999px; padding: 7px 12px; }
.swl-band .swl-kick { margin-bottom: 14px; }
.swl-rel { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.swl-rel a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 20px; border-radius: 22px; background: var(--swl-soft); color: var(--swl-ink); text-decoration: none; font: 800 1.18rem/1.15 var(--swl-display); }
.swl-rel a:hover { background: var(--swl-turq); color: var(--swl-cta-ink); }
.swl-hold { padding: 80px 0; }
.swl-foot { background: var(--swl-deep); color: #c8e7e5; padding: 0 0 30px; font-size: .95rem; position: relative; margin-top: 30px; }
.swl-foot::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; margin-bottom: -1px; height: 40px; background: var(--swl-deep); -webkit-mask: var(--swl-wave) repeat-x center / auto 100%; mask: var(--swl-wave) repeat-x center / auto 100%; }
.swl-foot a { color: var(--swl-turq-h); }
.swl-foot__g { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr); gap: 28px 40px; padding-top: 22px; }
.swl-foot__h { font: 800 1.35rem/1 var(--swl-display); color: #ffffff; margin: 0 0 12px; }
.swl-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.swl-foot__fine { border-top: 1px solid rgba(255, 255, 255, .14); margin-top: 32px; padding-top: 18px; font-size: .86rem; color: #a9d3d0; }
.swl-foot__fine p { display: flex; gap: 8px; align-items: flex-start; }
@media (max-width: 1100px) {
  .swl-nav a { padding: 8px 7px; font-size: .9rem; }
  .swl-theme span { display: none; }
}
@media (max-width: 960px) {
  .swl-burger { display: inline-flex; }
  .swl-nav { position: absolute; left: 0; right: 0; top: 100%; background: var(--swl-bg); border-bottom: 3px solid var(--swl-turq); display: none; }
  .swl-menu-on .swl-nav { display: block; }
  .swl-nav ul { flex-direction: column; padding: 10px 16px 16px; gap: 4px; }
  .swl-nav a { padding: 12px 14px; font-size: 1.04rem; }
  .swl-tools { margin-left: auto; }
  .swl-hero__g, .swl-split, .swl-map__g, .swl-golf__g, .swl-band__g, .swl-foot__g { grid-template-columns: minmax(0, 1fr); }
  .swl-adtop__in { grid-template-columns: minmax(0, 1fr); }
  .swl-isle { max-width: 440px; margin: 0 auto; width: 100%; }
  .swl-band__mark { display: none; }
}
@media (max-width: 600px) {
  body.swl-page { font-size: 1.03rem; }
  .swl-head__in { min-height: 58px; gap: 8px; }
  .swl-mark { width: 30px; height: 30px; }
  .swl-brand { gap: 7px; }
  .swl-brand__t { font-size: .95rem; }
  .swl-brand__s { display: none; }
  .swl-paid { padding: 8px 9px 7px; font-size: .86rem; box-shadow: 0 3px 0 #1aa79f; }
  .swl-theme { padding: 4px 6px; }
  .swl-burger { padding: 5px; }
  .swl-tools { gap: 6px; }
  .swl-tools .swl-ad { font-size: .62rem; padding: 2px 4px; }
  .swl-onl span { display: none; }
  .swl-h1 { font-size: clamp(2.6rem, 12vw, 3.4rem); }
  .swl-tag { transform: none; }
  .swl-bays { grid-template-columns: minmax(0, 1fr); }
  .swl-ferry__stops { font-size: .86rem; }
  .swl-map__p text { display: none; }
  .swl-map__p.swl-on text { display: block; font-size: 30px; }
  .swl-body--2 { columns: 1; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
.swl-js .swl-nojs { display: none; }
html:not(.swl-js) .swl-jsonly { display: none; }
html:not(.swl-js) .swl-nojs { display: block; }
.swl-map__p--quiet text { display: none; }
.swl-map__p--quiet.swl-on text { display: block; }