:root{--ink:#102b3a;--ink-2:#183f52;--teal:#0e8178;--teal-dark:#09665f;--mint:#e8f5f1;--coral:#e47762;--gold:#d89a3d;--paper:#fbfaf7;--surface:#fff;--muted:#61727b;--line:#dce7e6;--shadow-soft:0 18px 50px rgba(16,43,58,.08);--shadow-card:0 8px 24px rgba(16,43,58,.06);--radius-lg:24px;--radius-md:16px}
html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);line-height:1.55;letter-spacing:-.01em}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 0%,rgba(225,244,239,.72),transparent 30%),radial-gradient(circle at 92% 12%,rgba(255,240,219,.62),transparent 25%)}
.site-header{height:72px;padding:0 clamp(1rem,4vw,4.5rem);background:rgba(251,250,247,.9);border-bottom:1px solid rgba(220,231,230,.9);box-shadow:0 4px 18px rgba(16,43,58,.04);backdrop-filter:blur(16px)}.site-header .inner{height:100%;max-width:1440px;margin:auto}.brand{color:var(--ink);font-weight:800;letter-spacing:-.05em}.brand-mark{background:var(--teal);box-shadow:0 5px 12px rgba(14,129,120,.25)}.site-nav a{color:var(--muted);font-weight:700;border-radius:999px;padding:.55rem .8rem;transition:.2s ease}.site-nav a:hover,.site-nav a.active{color:var(--teal-dark);background:var(--mint)}.menu-toggle{border-color:var(--line);border-radius:12px;background:var(--surface)}
main{max-width:1440px;margin:0 auto;padding:clamp(1.5rem,4vw,4rem) clamp(1rem,4vw,4.5rem)}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.04em;line-height:1.1}h1{font-size:clamp(2.2rem,5vw,4.6rem)}h2{font-size:clamp(1.75rem,3vw,2.8rem)}h3{font-size:clamp(1.15rem,2vw,1.55rem)}p{color:var(--muted)}a{color:var(--teal-dark)}
.btn,.button,button{border-radius:12px;border:1px solid transparent;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover,.button:hover,button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(16,43,58,.11)}.btn.primary,.btn-primary,.button.primary{background:var(--teal);color:#fff}.btn.primary:hover,.btn-primary:hover,.button.primary:hover{background:var(--teal-dark)}.btn.secondary,.btn-secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}
.hero,.hero-panel,.destination-hero,.article-hero{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft)}.hero{min-height:420px;padding:clamp(2rem,6vw,5rem);background:linear-gradient(105deg,rgba(16,43,58,.9),rgba(16,43,58,.5)),var(--hero-image,linear-gradient(135deg,#146c72,#f0b56b));display:flex;align-items:center}.hero h1,.hero h2,.hero p{color:#fff}.hero p{max-width:650px;color:rgba(255,255,255,.82);font-size:1.08rem}.hero>*{animation:rise-in .55s both}.hero>*+*{animation-delay:.08s}
.card,.panel,.tool-card,.place-card,.article-card,.stat-card,.trip-card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover,.panel:hover,.tool-card:hover,.place-card:hover,.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft);border-color:#b8d5d1}.card img,.place-card img,.article-card img{border-radius:12px;object-fit:cover}.eyebrow,.kicker{color:var(--teal-dark);font-size:.74rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.muted,.meta{color:var(--muted)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:2.5rem 0 1rem}.section-heading p{max-width:600px;margin:0}.grid,.card-grid,.tool-grid,.place-grid,.article-grid{gap:1.25rem}.pill,.tag,.badge{border-radius:999px;background:var(--mint);color:var(--teal-dark);font-weight:800;padding:.35rem .7rem}.notice,.callout{border-left:4px solid var(--gold);background:#fff8eb;border-radius:12px;color:var(--ink-2)}
input,select,textarea{border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:.8rem .9rem;min-height:44px;box-shadow:inset 0 1px 2px rgba(16,43,58,.03)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(14,129,120,.14);border-color:var(--teal)}label{color:var(--ink-2);font-size:.82rem;font-weight:800}.form-grid{gap:1rem}
.destination-hero{background:linear-gradient(105deg,rgba(16,43,58,.88),rgba(16,43,58,.35)),var(--hero-image,linear-gradient(135deg,#1a7376,#e9af65));min-height:330px;padding:clamp(1.5rem,4vw,3.5rem)}.destination-hero h1,.destination-hero p{color:#fff}.fact-ribbon{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-card)}.jumpbar{position:sticky;top:72px;z-index:5;background:rgba(251,250,247,.92);border-block:1px solid var(--line);backdrop-filter:blur(12px)}.place-row{display:grid;grid-template-columns:160px 1fr auto;gap:1rem;align-items:center;padding:1rem}.place-row img{width:160px;height:112px}.place-row+.place-row{border-top:1px solid var(--line)}
.article-hero{padding:clamp(1.5rem,5vw,4rem);background:linear-gradient(115deg,rgba(16,43,58,.9),rgba(16,43,58,.42)),var(--hero-image,linear-gradient(135deg,#226d72,#eab56d))}.article-hero h1,.article-hero p{color:#fff}.article-body{max-width:780px;font-size:1.07rem}.article-body h2{margin-top:2.5rem}.article-body blockquote{margin:2rem 0;padding:1.25rem 1.5rem;border-left:4px solid var(--coral);background:#fff5f1;border-radius:0 14px 14px 0;font-size:1.2rem;color:var(--ink-2)}
.planner-shell,.workspace-shell,.admin-shell{background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1rem,3vw,2rem);box-shadow:var(--shadow-soft)}.planner-summary{background:var(--ink);color:#fff;border-radius:18px;padding:1.25rem}.planner-summary p,.planner-summary h3{color:#fff}.tabs{display:flex;gap:.4rem;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:.7rem}.tabs button,.tab{background:transparent;color:var(--muted);border:0;border-radius:999px}.tabs button.active,.tab.active{background:var(--mint);color:var(--teal-dark)}
footer{background:var(--ink);color:rgba(255,255,255,.75);margin-top:4rem;padding:3rem clamp(1rem,4vw,4.5rem);display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem}footer p,footer a{color:rgba(255,255,255,.7)}footer b{color:#fff;display:block;margin-bottom:.65rem}footer a{display:block;margin:.45rem 0}footer .brand{color:#fff}
#toast{border-radius:12px;box-shadow:var(--shadow-soft)}@keyframes rise-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:760px){main{padding:1.25rem 1rem}.hero{min-height:410px;padding:1.5rem}.site-nav{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-soft);padding:.5rem}.place-row{grid-template-columns:92px 1fr}.place-row img{width:92px;height:92px}.place-row .btn,.place-row .button{grid-column:2;justify-self:start}footer{grid-template-columns:1fr 1fr;padding:2.5rem 1rem}.section-heading{display:block}.section-heading a{display:inline-block;margin-top:.6rem}.jumpbar{top:64px;overflow:auto;white-space:nowrap}}
.home-v3-copy h1,.home-v3-photo-copy h3,.home-v3-destination-copy h3,.home-v3-step h3{color:#fff}.home-v3-copy>p{color:#c3d9e0}.home-v3-bottom h2,.home-v3-quick-head h2{color:var(--ink)}
