@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172a29;--muted:#536661;--pine:#123d3b;--pine2:#1d5b54;--paper:#f7f5ef;--white:#fff;--line:#dce4de;--gold:#d8b780;--width:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Segoe UI',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.65}a{color:inherit}button{font:inherit}img{max-width:100%}.skip{position:absolute;left:-9999px;top:10px;background:white;padding:8px;z-index:30}.skip:focus{left:10px}.container{max-width:var(--width);margin:auto;padding:0 28px}
.header{position:absolute;z-index:10;top:0;left:0;right:0;color:white;border-bottom:1px solid #ffffff45}.header-inner{max-width:var(--width);margin:auto;padding:16px 28px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e5d3ae;border-radius:10px;color:#ecd1a3;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.12em;padding-right:3px}.brand-name{font:800 17px Manrope,sans-serif;letter-spacing:-.035em}.nav{display:flex;align-items:center;gap:27px;margin-left:auto}.nav a{text-decoration:none;color:#fff;font-weight:600;font-size:14px;opacity:.9}.nav a:hover,.nav a:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:6px}.language{border:1px solid #ffffff85;border-radius:100px;padding:7px 13px!important;opacity:1!important}.menu-toggle{display:none;margin-left:auto;color:white;background:transparent;border:1px solid #ffffff8c;border-radius:9px;padding:7px 12px;min-height:44px;cursor:pointer}.subheader{position:relative;background:var(--pine)}
.hero{min-height:650px;display:flex;align-items:center;position:relative;color:white;background:#102726 url('/assets/expat-city-hero.jpg') center center/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,31,31,.76) 0%,rgba(9,31,31,.45) 47%,rgba(9,31,31,.08) 100%)}.hero-content{position:relative;z-index:1;padding-top:125px;padding-bottom:72px;width:100%}.eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 11px Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#edc995}.eyebrow:before{content:'';display:block;width:27px;height:1px;background:currentColor}.hero h1,.page-hero h1{font:800 clamp(42px,6.1vw,78px)/1.07 Manrope,'Segoe UI',sans-serif;letter-spacing:-.055em;max-width:780px;margin:20px 0 20px}.hero p{font-size:18px;line-height:1.7;max-width:570px;color:#f0f5f1;margin:0 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border-radius:9px;text-decoration:none;font-weight:700;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#e4c18e;color:#17302d}.button-primary:hover{background:#f2d1a1}.button-outline{border:1px solid #ffffffba;color:white}.button-outline:hover{background:#ffffff1f}.hero .caption{font-size:11px;line-height:1.5;color:#f4f4efb8;margin:40px 0 0;max-width:520px}
.section{padding:88px 0}.section-alt{background:#fff}.section-kicker{font:800 11px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:#a37745;margin:0 0 14px}.section h2{font:800 clamp(29px,3.2vw,42px)/1.19 Manrope,'Segoe UI',sans-serif;letter-spacing:-.04em;margin:0 0 16px}.section-intro{font-size:16px;color:var(--muted);max-width:690px;margin:0 0 32px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:29px;min-height:260px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 17px 40px #153d2c12}.card-number{font:800 12px Manrope,sans-serif;color:#a47b4a;letter-spacing:.13em}.card h3{font:800 21px/1.25 Manrope,'Segoe UI',sans-serif;letter-spacing:-.03em;margin:27px 0 10px}.card p{color:var(--muted);margin:0 0 25px;font-size:14px}.card a{margin-top:auto;font-size:14px;font-weight:700;color:var(--pine2);text-decoration:none}.card a:hover{text-decoration:underline}.feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature-panel{background:#e6ede7;border:1px solid #d3e0d6;border-radius:20px;padding:35px}.feature-panel h3{margin-top:0;font:800 23px Manrope,sans-serif}.feature-panel ol{padding-left:22px;margin-bottom:0}.feature-panel li{padding:8px 0;border-bottom:1px solid #c5d4ca}.feature-panel li:last-child{border:0}.feature p{color:var(--muted)}.source-note{background:#eff2ec;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;color:#43594f;font-size:14px}.source-note a{font-weight:700;color:var(--pine2)}.footer{background:#112c2b;color:#dce9df;padding:55px 0 26px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer p{max-width:360px;color:#b7cbc3;font-size:14px}.footer h4{color:white;margin-top:0;font:700 13px Manrope,sans-serif}.footer a{display:block;color:#c5d7d0;font-size:14px;text-decoration:none;margin:10px 0}.footer a:hover{text-decoration:underline}.footer-bottom{margin-top:42px;padding-top:22px;border-top:1px solid #ffffff2a;color:#9db6aa;font-size:12px}
.page-hero{background:var(--pine);color:white;padding:135px 0 60px}.page-hero h1{font-size:clamp(40px,5vw,66px)}.page-hero p{font-size:18px;max-width:740px;color:#d9e8df}.breadcrumb{font-size:13px;color:#c9d6cf}.breadcrumb a{color:inherit}.article-layout{display:grid;grid-template-columns:minmax(0,740px) 230px;gap:75px;align-items:start}.article{font-size:17px;line-height:1.82}.article h2{font:800 29px/1.25 Manrope,'Segoe UI',sans-serif;letter-spacing:-.035em;margin:56px 0 18px;scroll-margin-top:25px}.article h3{font:800 20px/1.35 Manrope,'Segoe UI',sans-serif;margin:30px 0 12px}.article p{margin:0 0 20px}.article ul,.article ol{padding-left:24px}.article li{margin:0 0 9px}.article a{color:#1c6158;text-underline-offset:3px}.article .callout{padding:22px 25px;background:#e7eee8;border-left:3px solid #b58b56;border-radius:0 12px 12px 0;margin:32px 0}.article .callout p:last-child{margin-bottom:0}.toc{position:sticky;top:25px;border-left:1px solid var(--line);padding-left:20px;margin-top:9px}.toc h2{font:800 12px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#9b7348}.toc a{display:block;text-decoration:none;font-size:14px;margin:14px 0;color:#4d6559}.toc a:hover{color:#173e39;text-decoration:underline}.article-meta{color:var(--muted);font-size:14px}.related{display:flex;gap:12px;flex-wrap:wrap;margin-top:45px}
@media(max-width:850px){.card-grid{grid-template-columns:repeat(2,1fr)}.feature{gap:30px}.article-layout{grid-template-columns:1fr}.toc{position:static;order:-1;display:flex;flex-wrap:wrap;gap:0 18px;border-left:0;border-bottom:1px solid var(--line);padding:0 0 15px}.toc h2{width:100%;margin:0}.toc a{margin:7px 0}}
@media(max-width:650px){.container{padding:0 20px}.header-inner{padding:12px 20px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:62px;left:12px;right:12px;margin:0;background:#173c38;border:1px solid #ffffff3b;border-radius:12px;box-shadow:0 20px 40px #03171066;padding:14px;flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav a{padding:12px;min-height:44px}.hero{min-height:600px;background-position:61% center}.hero:after{background:linear-gradient(90deg,rgba(9,31,31,.9),rgba(9,31,31,.51))}.hero-content{padding-top:132px}.hero h1{font-size:44px}.hero p{font-size:16px}.caption{margin-top:45px}.section{padding:62px 0}.card-grid,.feature,.footer-grid{grid-template-columns:1fr}.feature{gap:28px}.card{min-height:220px}.page-hero{padding-top:120px}.article{font-size:16px}.footer-grid{gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.card{transition:none}}
.page-hero{padding-top:68px}
@media(max-width:650px){.page-hero{padding-top:50px}}