/* Go2Travel — lagoon palette. No external fonts or trackers. */
:root{
  --navy:#021633; --navy-2:#013260; --ink:#0F172A; --body:#334155; --muted:#64748B; --line:#E8EDF4;
  --lagoon:#2CC9D9; --lagoon-deep:#0B7285; --lagoon-deeper:#0E5F6E; --lagoon-light:#67E8F9;
  --mint:#10D9A5; --purple:#6D28D9; --sun:#FDE68A;
  --font-head: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{margin:0;background:#FFFFFF;color:var(--ink);font-family:var(--font-body);line-height:1.55}
a{color:var(--lagoon-deep)}a:hover{color:var(--lagoon-deeper)}
input,select,button,textarea{font:inherit}
img{max-width:100%;display:block}
[hidden]{display:none !important}
:focus-visible{outline:3px solid var(--lagoon);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:8px;background:#FFFFFF;color:var(--navy);padding:10px 16px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
.visually-hidden{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute !important;left:-10000px;width:1px;height:1px;overflow:hidden}

/* Slides */
.g-ocean0{background:linear-gradient(135deg,#0E7490 0%,#0EA5E9 55%,#38BDF8 100%)}
.g-ocean1{background:linear-gradient(135deg,#0F766E 0%,#14B8A6 60%,#5EEAD4 100%)}
.g-ocean2{background:linear-gradient(135deg,#1E3A8A 0%,#2563EB 55%,#22D3EE 100%)}
.g-ocean3{background:linear-gradient(135deg,#155E75 0%,#06B6D4 55%,#A5F3FC 100%)}
.g-safari0{background:linear-gradient(135deg,#1A2E05 0%,#4D7C0F 55%,#BEF264 100%)}
.g-safari1{background:linear-gradient(135deg,#365314 0%,#4D7C0F 55%,#A3E635 100%)}
.g-safari2{background:linear-gradient(135deg,#1E1B4B 0%,#7C3AED 55%,#F0ABFC 100%)}
.g-safari3{background:linear-gradient(135deg,#134E4A 0%,#0F766E 55%,#99F6E4 100%)}
.g-city0{background:linear-gradient(135deg,#312E81 0%,#6D28D9 55%,#A78BFA 100%)}
.g-city1{background:linear-gradient(135deg,#0F172A 0%,#1E3A8A 55%,#2CC9D9 100%)}
.g-city2{background:linear-gradient(135deg,#831843 0%,#BE185D 55%,#F472B6 100%)}
.g-city3{background:linear-gradient(135deg,#065F46 0%,#059669 55%,#FDE68A 100%)}
.slide{position:relative;color:#FFFFFF;overflow:hidden;background-size:cover;background-position:center}
.slide .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,22,51,0) 35%,rgba(2,22,51,.78) 100%)}
.slide .ph{position:absolute;top:14px;left:14px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:rgba(2,22,51,.55);padding:5px 10px;border-radius:999px}
.slide .tag{position:absolute;top:14px;right:14px;font-size:12px;font-weight:800;padding:5px 11px;border-radius:999px}
.slide .cap{position:absolute;left:18px;right:18px;bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.slide .t{margin:0;font-family:var(--font-head);font-weight:800;font-size:22px;line-height:1.15}
.slide .p{margin:3px 0 0;font-size:13px;color:#E2E8F0}
.dots{display:flex;gap:6px;margin-top:10px}
.dots span{width:18px;height:4px;border-radius:2px}
.dot-on{background:#FFFFFF}.dot-off{background:rgba(255,255,255,.45)}
.arrow{width:40px;height:40px;border:0;border-radius:999px;background:rgba(2,22,51,.55);display:flex;align-items:center;justify-content:center;cursor:pointer}
.tag-hot{background:var(--lagoon);color:var(--navy)}.tag-safari{background:var(--mint);color:var(--navy)}.tag-spot{background:#FFFFFF;color:var(--purple)}

/* Tints */
.t-sun{background:#FEF7C3}.t-mint{background:#DFF8EF}.t-sky{background:#E2EFFF}.t-lilac{background:#EFE6FF}.t-cyan{background:#DDF7FB}.t-rose{background:#FFE4EC}

/* Chips, pills, tabs */
.chip,.chip-on,.chip-off-dis{min-height:44px;padding:0 16px;border-radius:999px;font-weight:600;font-size:14px;cursor:pointer}
.chip{border:1.5px solid #D6DEEA;background:#FFFFFF;color:var(--ink)}
.chip-on{border:1.5px solid var(--navy);background:var(--navy);color:#FFFFFF;font-weight:700}
.chip-off-dis{border:1.5px dashed #E2E8F0;background:#F8FAFC;color:#94A3B8;cursor:not-allowed}
.pill-on{background:var(--navy);color:#FFFFFF;border-color:var(--navy)}
.pill-off{background:#FFFFFF;color:var(--ink);border-color:#D6DEEA}
.tab-off{background:#F1F5F9;color:var(--ink)}
.stepbtn{width:42px;height:42px;border:0;border-radius:10px;background:#F1F5F9;display:flex;align-items:center;justify-content:center;cursor:pointer}
.stepdot{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted)}
.stepdot-on{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--navy)}
.num,.num-on,.num-done{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.num{background:#E2E8F0;color:#475569}.num-on{background:var(--lagoon);color:var(--navy)}.num-done{background:var(--mint);color:var(--navy)}
.row-ok{color:#FFFFFF}.row-miss{color:var(--sun)}
.meter{height:8px;border-radius:4px;transition:width .3s}
.meter-lo{background:var(--lagoon)}.meter-ok{background:var(--mint)}
.invis{visibility:hidden}
details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}
.field{min-height:50px;padding:0 16px;border:1.5px solid #D6DEEA;border-radius:14px;font-weight:500;background:#FFFFFF;color:var(--ink);width:100%}
.lbl{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700;color:var(--ink)}
.notice{border-radius:14px;padding:14px 16px;font-size:14px}
.notice-err{background:#FFE4EC;color:#831843}
.notice-ok{background:#DFF8EF;color:#065F46}
