International eSIM

About

:root { --bg: #EBEBEB; --ink: #0f172a; --muted: #475569; --line: #e5e7eb; --brand: #76C893; --brand2: #168AAD } /* body { margin: 0; background: var(--bg); color: var(--ink); line-height: 1.6 } */ /* .wrap { max-width: 90%; margin: auto; padding: 20px } */ .hero { border: 1px solid var(--line); border-radius: 18px; padding: 24px; background: linear-gradient(135deg, #168AAD14, #76C89326) } .hero h1 { margin: 0 0 8px; font-size: clamp(26px, 3.5vw, 40px) } .hero p { color: var(--muted); margin: 0 0 14px } .kpis { display: flex; gap: 10px; flex-wrap: wrap; margin: 14px 0 } .kpis span { background: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 8px 12px; font-weight: 700 } .ctas { display: flex; gap: 10px; flex-wrap: wrap } .btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 16px; border-radius: 12px; font-weight: 800; text-decoration: none; border: 1px solid transparent } .btn.primary { background: var(--brand); color: #0b3b2a } .btn.ghost { background: #fff; color: var(--brand2); border-color: #d9e7ea } .sec { margin: 34px 0 } h2 { margin: 0 0 10px; font-size: clamp(22px, 2.6vw, 30px) } .sub { color: var(--muted); margin: 0 0 16px } .grid { display: grid; gap: 14px; grid-template-columns: repeat(3, 1fr) } @media(max-width:900px) { .grid { grid-template-columns: 1fr } } .card { background: #fff; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column } .card .thumb { height: 90px; background: linear-gradient(135deg, #168AAD22, #76C89322); display: flex; align-items: center; justify-content: center; font-size: 36px } .card h3 { margin: 12px 12px 6px } .card p { margin: 0 12px 12px; color: var(--muted); font-size: 14px } .card a { margin: 0 12px 14px; margin-top: auto; display: inline-flex; align-items: center; gap: 8px; background: var(--brand); color: #0b3b2a; text-decoration: none; font-weight: 800; border-radius: 10px; padding: 10px 12px } .list { background: #fff; border: 1

On-page SEO