:root{--ink:#0f172a;--ink-2:#334155;--muted:#64748b;--blue:#6366f1;--blue-d:#4f46e5;--blue-soft:#eef0ff;--line:#e2e8f0;--mist:#f6f7fb;--r-l:28px;--r-m:18px}
header.top{background:rgba(255,255,255,.82);backdrop-filter:blur(14px) saturate(1.4)}
.brand-logo img{height:42px;width:auto;display:block}
footer.site .brand-logo img{background:#fff;padding:8px 14px;border-radius:14px;height:48px}
.btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 6px 18px rgba(99,102,241,.28)}
.btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px)}
.btn.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a;box-shadow:0 6px 18px rgba(245,158,11,.3)}
.btn.gold:hover{background:linear-gradient(135deg,#f59e0b,#d97706)}
.btn.ghost{background:#fff;box-shadow:none;color:var(--ink)}
.hero{overflow:hidden;padding:88px 0 66px;background:radial-gradient(620px 320px at 88% 0,rgba(236,72,153,.16),transparent),radial-gradient(720px 380px at 0 0,rgba(99,102,241,.2),transparent),#fff}
.hero h1{max-width:15ch;letter-spacing:-.035em;background:linear-gradient(135deg,#0f172a 35%,#6366f1 72%,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}
.since{background:linear-gradient(135deg,#eef0ff,#fde7f3);color:#4f46e5}
.search{border-radius:22px;border-color:#e0e3ff;box-shadow:0 22px 50px rgba(99,102,241,.18)}
.hero-side{background:linear-gradient(160deg,#0f172a,#1e1b4b);border-radius:28px;box-shadow:0 24px 50px rgba(15,23,42,.25)}
.ticker{background:linear-gradient(90deg,#0f172a,#1e1b4b)}
.jrow{border-radius:20px;border-color:#e8eaf3;box-shadow:0 2px 10px rgba(15,23,42,.04)}
.jrow:hover,.jrow:focus-visible{border-color:#6366f1;box-shadow:0 14px 34px rgba(99,102,241,.18);transform:translateY(-3px)}
.logo{border-radius:16px}
.stats{background:linear-gradient(135deg,#0f172a,#312e81)}.stat{border-left-color:#ec4899}
.why-item{background:#fff;border:1px solid #e8eaf3;border-top:3px solid #6366f1;border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.since-big{background:linear-gradient(135deg,#fbbf24,#fb923c)}
.cta{background:linear-gradient(135deg,#4f46e5,#7c3aed 55%,#ec4899)}
.pagehead{background:linear-gradient(180deg,#f3f4ff,#fff)}
.modal{border-radius:28px 28px 0 0;box-shadow:0 30px 80px rgba(15,23,42,.35)}
.sharebox{margin-top:22px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#eef0ff,#fde7f3)}
.sharebox h4{margin-top:0}.sharebox input{width:100%;margin-top:10px;padding:11px 14px;border:1.5px solid #d9dcff;border-radius:12px;background:#fff;color:#0f172a}
.sharebox .actions{margin-top:12px}
.rbband{padding:20px 0 56px}
.rb-in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(135deg,#eef0ff,#fde7f3);border-radius:28px;padding:34px 38px}
.rb-in h2{font-size:clamp(1.5rem,3.5vw,2.2rem)}.rb-in p{color:var(--ink-2);margin-top:8px;max-width:54ch}
.brand-logo img{height:48px}
.search .btn{padding:13px 18px}.search input{min-width:0}
footer.site a.soc{display:block}
footer.site a.soc::before{content:"\2197\00a0"}
.tgbar .tgbtns{display:flex;gap:10px;flex-wrap:wrap}

/* ---- country + job-board tags (added for the worldwide update) ---- */
.chip.via{background:#fff4e0;color:#8a5a00;font-weight:700}
.viabox{margin-top:14px;padding:10px 14px;border-radius:12px;background:#fff8ec;color:#6b4a00;font-size:.9rem}
.viabox a{color:inherit;font-weight:700}
.search.has-country{grid-template-columns:1fr 1fr}
.search.has-country input#hq,.search.has-country .btn{grid-column:1/-1}
.search select{width:100%;min-width:0;border:0;background:var(--mist);border-radius:12px;padding:13px 15px;outline:none;font:inherit}
.search select:focus{box-shadow:0 0 0 3px var(--blue-soft)}
@media(max-width:520px){.search.has-country{grid-template-columns:1fr}}
.fgrid.has-country{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.fgrid.has-country{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.fgrid.has-country{grid-template-columns:1fr}}
.seo-intro{max-width:70ch;color:var(--ink-2);margin:6px 0 18px}
.cgrid{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 24px}
.cgrid a{padding:7px 14px;border-radius:99px;background:var(--mist);color:var(--ink-2);font-weight:600;font-size:.9rem;text-decoration:none}
.cgrid a:hover{background:var(--blue-soft);color:var(--blue-d)}

/* ---- flags, country select, cleaner job facts ---- */
img.flag{display:inline-block;width:20px;height:15px;object-fit:cover;border-radius:3px;vertical-align:-2px;box-shadow:0 0 0 1px rgba(15,23,42,.12)}
.chip.cchip{display:inline-flex;align-items:center;gap:6px}
.cgrid a{display:inline-flex;align-items:center;gap:8px}
.sel{position:relative;min-width:0}
.sel img.flag{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:22px;height:16px;pointer-events:none;z-index:1}
.sel select{padding-left:46px}
.search select,.fgrid select{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.search .sel select{height:100%}
.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0}
.meta>div{background:var(--mist);border-radius:14px;padding:12px 16px;font-weight:600;line-height:1.35;min-width:0;overflow-wrap:anywhere}
.meta>div.wide{grid-column:1/-1}
.meta small{display:block;color:var(--muted);font-weight:600;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}
.meta .more{display:inline-block;margin-left:6px;padding:1px 9px;border-radius:99px;background:var(--blue-soft);color:var(--blue-d);font-size:.8rem;font-weight:700;cursor:help}
.cval{display:inline-flex;align-items:center;gap:8px}
.mhead .sub{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);margin-top:4px}
.mhead .sub .dot{opacity:.5}
.cval{white-space:nowrap}
.meta{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.meta .more{line-height:1.4;vertical-align:middle;white-space:nowrap}
.meta>div.wide{line-height:1.5}

.meta .lp{display:inline-block;margin:2px 6px 2px 0;padding:3px 11px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px rgba(15,23,42,.1);font-size:.88rem;font-weight:600}
.meta .lp.more{background:var(--blue-soft);color:var(--blue-d);box-shadow:none;font-weight:700;cursor:help;margin-left:0;vertical-align:baseline;line-height:inherit}
.meta{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}
.modal .meta{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}
.modal .meta div.wide{grid-column:1/-1}
.modal .meta small{font-weight:600;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}
/* the job page has its own small inline style for .jobcard .meta; these win over it */
.jobcard .meta.meta{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px}
.jobcard .meta.meta>div{border-radius:14px;padding:12px 16px;font-weight:600}
.jobcard .meta.meta>div.wide{grid-column:1/-1}
.jobcard .meta.meta small{font-weight:600;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}