:root{color-scheme:light;--primary: #2563eb;--primary-dark: #1d4ed8;--accent: #0f766e;--warm: #b45309;--text: #0f172a;--secondary: #64748b;--muted: #f1f5f9;--background: #f8fafc;--card: #ffffff;--border: #e2e8f0;--shadow: 0 12px 30px rgba(15, 23, 42, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--background);color:var(--text);scroll-behavior:smooth}body{margin:0;min-width:320px;line-height:1.75}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark);text-decoration:underline}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--text);color:#fff;padding:.6rem .9rem}.skip-link:focus{top:1rem}.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:#f8fafcf0;backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}.brand{display:inline-flex;align-items:center;gap:.75rem;color:var(--text);min-width:190px}.brand:hover{text-decoration:none}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:var(--primary);color:#fff;font-weight:800;font-size:1.35rem}.brand strong,.brand small{display:block}.brand small{color:var(--secondary);font-size:.78rem;line-height:1.2}.nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.25rem}.nav a{color:var(--text);font-size:.92rem;padding:.48rem .62rem;border-radius:8px}.nav a:hover{background:var(--muted);text-decoration:none}.hero{min-height:620px;display:grid;align-items:end;background:linear-gradient(90deg,#0f172ac7,#0f172a61,#0f172a14),url(/images/hero-esim-traveler.png) center / cover;color:#fff}.hero-content{width:min(1120px,calc(100% - 32px));margin-inline:auto;padding:6rem 0 4.5rem}.hero h1{font-size:clamp(2.25rem,6vw,5.2rem);line-height:1.06;letter-spacing:0;max-width:760px;margin:0 0 1rem}.hero p{max-width:680px;font-size:1.12rem;color:#ffffffe6}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.72rem 1rem;border-radius:8px;font-weight:700;border:1px solid transparent}.button{background:var(--primary);color:#fff}.button:hover{background:var(--primary-dark);color:#fff;text-decoration:none}.button-secondary{background:#fff;color:var(--text);border-color:var(--border)}.button-secondary:hover{color:var(--primary-dark);text-decoration:none}.page{padding:3.5rem 0}.section{padding:4rem 0}.section-muted{background:var(--muted)}.section-header{display:grid;gap:.6rem;margin-bottom:1.6rem}.section-header h1,.section-header h2{margin:0;font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.22;letter-spacing:0}.section-header p{margin:0;color:var(--secondary);max-width:760px}.eyebrow,.kicker{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase;margin:0 0 .5rem}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.2rem;box-shadow:0 1px #0f172a05}.article-card{display:flex;min-height:240px;flex-direction:column;gap:.75rem}.article-card h3{margin:0;font-size:1.22rem;line-height:1.35}.article-card p{margin:0;color:var(--secondary)}.card-meta{display:flex;justify-content:space-between;gap:.75rem;color:var(--warm);font-size:.78rem;font-weight:800}.tag-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto}.tag-row span{border:1px solid var(--border);background:var(--background);color:var(--secondary);border-radius:999px;padding:.18rem .55rem;font-size:.78rem}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:start}.list-check{padding-left:1.1rem}.list-check li{margin:.35rem 0}.breadcrumbs{margin-bottom:1.2rem;color:var(--secondary);font-size:.88rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:0;list-style:none}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:.4rem;color:#94a3b8}.article-shell{width:min(820px,100%);margin-inline:auto;background:#fff;border:1px solid var(--border);border-radius:8px;padding:clamp(1.2rem,4vw,2.4rem)}.article-shell h1{margin:0 0 .8rem;font-size:clamp(2rem,5vw,3.2rem);line-height:1.16;letter-spacing:0}.article-shell h2{margin-top:2rem;font-size:1.55rem;line-height:1.32;letter-spacing:0}.article-shell h3{margin-top:1.4rem;font-size:1.15rem}.article-shell p,.article-shell li{color:#273449}.article-shell blockquote{margin:1.4rem 0;padding:1rem 1.2rem;border-left:4px solid var(--accent);background:#ecfdf5;color:#134e4a}.article-meta-line{color:var(--secondary);margin-bottom:1.4rem}.cta-box{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;background:#ecfeff;border:1px solid #bae6fd;border-radius:8px;padding:1.2rem;margin:2rem auto 0;width:min(820px,100%)}.cta-box h2,.cta-box p{margin:.25rem 0}.faq-list{display:grid;gap:.75rem}.faq-list details{background:#fff;border:1px solid var(--border);border-radius:8px;padding:1rem}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{margin-bottom:0;color:var(--secondary)}.site-footer{background:#0f172a;color:#cbd5e1;padding:3rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem}.footer-title{color:#fff;font-weight:800;margin:0 0 .75rem}.footer-links{display:grid;gap:.45rem}.site-footer a{color:#bfdbfe}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;border-top:1px solid rgba(226,232,240,.18);margin-top:2rem;padding-top:1rem;font-size:.9rem}@media(max-width:860px){.header-inner{align-items:flex-start;flex-direction:column;padding:.9rem 0}.nav{justify-content:flex-start}.hero{min-height:560px}.grid-2,.grid-3,.split,.footer-grid,.cta-box{grid-template-columns:1fr}.cta-box .button{width:100%}}@media(max-width:520px){.container,.hero-content{width:min(100% - 24px,1120px)}.hero{min-height:520px;background:linear-gradient(180deg,#0f172ad1,#0f172a5c),url(/images/hero-esim-traveler.png) 58% center / cover}.hero-content{padding:4rem 0 3rem}.page,.section{padding:2.6rem 0}.nav a{padding-inline:.48rem}}