:root{
  --bg:#fff;
  --bg2:#faf7f6;
  --text:#111827;
  --muted:#6b7280;
  --border:rgba(17,24,39,.10);
  --shadow:0 10px 30px rgba(17,24,39,.10);
  --shadow2:0 18px 60px rgba(17,24,39,.14);
  --accent:#ff4a6e;
  --accent2:#0aa7a2;
  --radius-xl:26px;
  --radius-lg:20px;
  --max:1120px;
}
*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  font-family:ui-rounded,'Avenir Next','Avenir','Segoe UI',system-ui,-apple-system,sans-serif;
  color:var(--text);
  background:
    radial-gradient(1100px 600px at 15% -10%, rgba(255,74,110,.18), transparent 60%),
    radial-gradient(900px 520px at 92% 0%, rgba(10,167,162,.14), transparent 60%),
    linear-gradient(180deg, var(--bg2), var(--bg) 45%);
}
a{color:inherit;text-decoration:none;}
.page{padding:22px 16px 120px;}
.skip{position:absolute;left:-9999px;}
.skip:focus{left:16px;top:16px;padding:10px 12px;background:#fff;border:1px solid var(--border);border-radius:12px;z-index:9999;}

.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:rgba(250,247,246,.72);border-bottom:1px solid rgba(17,24,39,.06);}
.topbar__inner{max-width:var(--max);margin:0 auto;padding:12px 16px;display:flex;gap:12px;align-items:center;}
.brand{display:flex;gap:10px;align-items:center;}
.brand__mark{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),#ff7a5c);font-weight:900;letter-spacing:.4px;box-shadow:0 10px 24px rgba(255,74,110,.24);}
.brand__text{font-weight:900;white-space:nowrap;}
.search{flex:1;display:flex;gap:8px;align-items:center;padding:8px;border:1px solid rgba(17,24,39,.08);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 10px 30px rgba(17,24,39,.06);}
.search__input{width:100%;border:0;outline:none;background:transparent;font-size:14px;}
.search__btn{border:0;cursor:pointer;padding:10px 14px;border-radius:999px;background:#111827;color:#fff;font-weight:800;font-size:13px;}
.lang{display:flex;gap:8px;}
.lang__link{padding:10px 12px;border-radius:999px;border:1px solid rgba(17,24,39,.10);background:rgba(255,255,255,.70);font-weight:900;font-size:12px;}

.hero{max-width:var(--max);margin:0 auto 16px;}
.hero__inner{display:grid;gap:18px;grid-template-columns:1fr;align-items:start;}
.hero__copy{padding:22px;background:rgba(255,255,255,.78);border:1px solid rgba(17,24,39,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow);}
.hero__title{font-size:34px;line-height:1.05;margin:0 0 10px;letter-spacing:-.02em;}
.hero__text{margin:0 0 14px;color:var(--muted);font-size:15px;line-height:1.5;}
.hero__chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;}
.chip{padding:8px 10px;border-radius:999px;background:rgba(17,24,39,.05);border:1px solid rgba(17,24,39,.08);font-size:12px;font-weight:800;}
.hero__ctas{display:flex;gap:10px;flex-wrap:wrap;}
.hero__note{margin-top:14px;color:var(--muted);font-size:12px;}
.hero__panel{display:none;}
.panel{border-radius:var(--radius-xl);background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.64));border:1px solid rgba(17,24,39,.08);box-shadow:var(--shadow2);padding:18px;}
.panel__kicker{font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:rgba(17,24,39,.60);margin-bottom:10px;}
.panel__row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed rgba(17,24,39,.12);}
.panel__row:last-child{border-bottom:0;}
.panel__row span{color:var(--muted);}
.hero--compact .hero__copy{padding:18px 22px;}
.hero--compact .hero__title{font-size:30px;}

.hero--photo{
  border-radius: var(--radius-xl);
  overflow:hidden;
  border: 1px solid rgba(17,24,39,.08);
  box-shadow: var(--shadow2);
  padding: 18px;
  background-image:
    linear-gradient(180deg, rgba(17,24,39,.38), rgba(255,255,255,.10)),
    url("/assets/img/hero-workation.png"),
    url("/assets/img/hero-workation.jpg"),
    url("/assets/img/hero-workation.svg");
  background-size: cover;
  background-position: center;
}
.hero--photo .hero__copy{ background: rgba(255,255,255,.82); }
.hero--photo .hero__inner{ max-width: var(--max); margin: 0 auto; }

.section{max-width:var(--max);margin:22px auto;}
.section__head{margin-bottom:12px;}
.section__title{margin:0 0 4px;font-size:20px;letter-spacing:-.01em;}
.section__subtitle{margin:0;color:var(--muted);font-size:13px;}
.grid{display:grid;grid-template-columns:1fr;gap:12px;}
.grid--media{grid-template-columns:1fr;}

.card{display:block;border-radius:var(--radius-lg);background:rgba(255,255,255,.80);border:1px solid rgba(17,24,39,.08);box-shadow:0 10px 30px rgba(17,24,39,.06);padding:16px;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;}
.card:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(17,24,39,.10);border-color:rgba(17,24,39,.12);}
.card__eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:rgba(17,24,39,.55);}
.card__title{margin-top:6px;font-size:16px;font-weight:900;}
.card__text{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.45;}
.card__cta{margin-top:10px;font-weight:900;font-size:13px;color:var(--accent);}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:999px;font-weight:900;font-size:13px;border:1px solid rgba(17,24,39,.10);}
.btn--primary{background:linear-gradient(135deg,var(--accent),#ff7a5c);color:#fff;border-color:transparent;box-shadow:0 18px 45px rgba(255,74,110,.22);}
.btn--ghost{background:rgba(255,255,255,.66);}

.media{display:grid;grid-template-columns: 112px 1fr;gap:12px;align-items:stretch;border-radius:var(--radius-lg);background:rgba(255,255,255,.80);border:1px solid rgba(17,24,39,.08);box-shadow:0 10px 30px rgba(17,24,39,.06);overflow:hidden;}
.media__img{background:rgba(17,24,39,.05);}
.media__img img{display:block;width:100%;height:100%;object-fit:cover;}
.media__body{padding:14px;}

.prose{border-radius:var(--radius-xl);background:rgba(255,255,255,.78);border:1px solid rgba(17,24,39,.08);box-shadow:var(--shadow);padding:18px 20px;}
.prose h2{font-size:16px;margin:18px 0 8px;}
.prose p{margin:0 0 12px;color:rgba(17,24,39,.86);line-height:1.55;}

.tool{border-radius:var(--radius-xl);background:rgba(255,255,255,.78);border:1px solid rgba(17,24,39,.08);box-shadow:var(--shadow);padding:18px 20px;}
.tool__grid{display:grid;gap:12px;grid-template-columns:1fr;}
.field{display:grid;gap:6px;}
.field span{font-size:12px;font-weight:900;color:rgba(17,24,39,.70);}
.field input,.field select{width:100%;padding:12px 12px;border-radius:14px;border:1px solid rgba(17,24,39,.12);background:rgba(255,255,255,.9);font-size:14px;outline:none;}
.result{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid rgba(17,24,39,.10);background:rgba(17,24,39,.03);}
.result__label{font-weight:900;color:rgba(17,24,39,.70);}
.result__value{font-weight:950;font-size:18px;}
.tool__hint{color:var(--muted);font-size:12px;}
.tool__row{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px;}
.packgrid{display:grid;grid-template-columns:1fr;gap:12px;}
.pack{border:1px solid rgba(17,24,39,.10);border-radius:18px;padding:14px;background:rgba(255,255,255,.7);}
.pack__title{font-weight:950;margin-bottom:10px;}
.pack__list{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.check label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;}
.check input{margin-top:3px;}

.dock{position:fixed;left:0;right:0;bottom:12px;z-index:60;pointer-events:none;}
.dock__inner{pointer-events:auto;max-width:640px;margin:0 auto;padding:10px 12px;border-radius:999px;border:1px solid rgba(17,24,39,.10);background:rgba(255,255,255,.84);box-shadow:0 24px 80px rgba(17,24,39,.22);display:flex;justify-content:space-between;gap:2px;backdrop-filter:blur(18px);}
.dock__item{width:20%;padding:10px 6px;border-radius:18px;display:grid;gap:6px;justify-items:center;color:rgba(17,24,39,.70);}
.dock__item svg{width:20px;height:20px;}
.dock__label{font-size:11px;font-weight:900;}
.dock__item.is-active{color:#111827;background:rgba(255,74,110,.12);border:1px solid rgba(255,74,110,.18);}

.footer{padding:44px 16px 110px;}
.footer__inner{max-width:var(--max);margin:0 auto;}
.footer__cols{display:grid;grid-template-columns:1fr;gap:16px;padding:18px 20px;border-radius:var(--radius-xl);border:1px solid rgba(17,24,39,.08);background:rgba(255,255,255,.72);}
.footer__title{font-weight:950;margin-bottom:6px;}
.footer__text{color:var(--muted);font-size:13px;line-height:1.45;}
.footer__link{color:var(--accent2);font-weight:900;}
.footer__fine{margin-top:12px;color:rgba(17,24,39,.55);font-size:12px;}

@media (min-width:860px){
  .page{padding:28px 18px 90px;}
  .hero__inner{grid-template-columns:1.15fr .85fr;}
  .hero__panel{display:block;}
  .grid{grid-template-columns:repeat(2,1fr);}
  .grid--media{grid-template-columns:repeat(2,1fr);}
  .tool__grid{grid-template-columns:repeat(2,1fr);}
  .packgrid{grid-template-columns:repeat(2,1fr);}
  .footer{padding-bottom:70px;}
  .footer__cols{grid-template-columns:repeat(3,1fr);}
}
@media (prefers-reduced-motion:reduce){
  .card{transition:none;}
}