.esims-home{padding-top:68px}.hero{background:var(--navy);padding:92px 48px 76px;position:relative;overflow:hidden}.hero:before,.tools:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.07) 1px,transparent 1px);background-size:48px 48px}.hero-inner,.tools-inner{position:relative;z-index:1;max-width:var(--max);margin:auto}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;color:var(--blue-bright);border:1px solid rgba(37,99,235,.3);background:rgba(37,99,235,.15);padding:6px 13px;border-radius:30px;font-size:11px;font-weight:700;text-transform:uppercase}.hero-badge:before{content:'●';font-size:8px;color:#06b6d4;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.hero h1{font-family:'Space Grotesk';font-size:clamp(40px,5vw,62px);line-height:1.05;color:#fff;margin:18px 0}.hero h1 span,.section h2 span{color:var(--blue-bright)}.hero-desc{color:rgba(255,255,255,.62);line-height:1.75;max-width:570px}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.btn-primary,.btn-secondary{padding:13px 20px;border-radius:7px;text-decoration:none;font-weight:700;font-size:13px}.btn-primary{background:var(--blue);color:#fff;display:inline-flex;align-items:center;gap:8px}.btn-primary:after{content:'→'}.btn-secondary{border:1px solid rgba(255,255,255,.15);color:#fff;background:rgba(255,255,255,.07)}.hero-trust{display:flex;gap:24px;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.55);font-size:12px;font-weight:500}.trust-icon{color:var(--green);font-size:14px}.hero-tools{display:grid;gap:14px}.tool-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.05);color:#fff;text-decoration:none}.tool-card:hover{background:rgba(37,99,235,.15);transform:translateX(4px)}.tool-card strong,.tool-card small{display:block}.tool-card small{color:rgba(255,255,255,.52);font-size:11px;margin-top:4px}.tool-card i{margin-left:auto;font-style:normal}.tool-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;font-size:21px}.blue{background:rgba(37,99,235,.2)}.green{background:rgba(16,185,129,.2)}.gold{background:rgba(245,158,11,.2)}.pink{background:rgba(236,72,153,.16)}
.stats{background:var(--navy-mid);padding:0 48px}.stats-inner{display:flex;max-width:var(--max);margin:auto}.stats-inner div{flex:1;display:flex;align-items:center;gap:12px;min-height:82px;padding:16px 22px;border-right:1px solid var(--border-dark)}.stats strong{font-family:'Space Grotesk';font-size:27px;color:var(--blue-bright)}.stats span{font-size:11px;text-transform:uppercase;color:rgba(255,255,255,.52)}
.section{padding:74px 48px}.featured,.categories{background:var(--off)}.comparison,.latest{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:flex-end;max-width:var(--max);margin:0 auto 32px}.section-tag{display:block;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px}.section h2,.tools h2{font-family:'Space Grotesk';font-size:36px;margin:0}.section-head a{color:var(--blue);font-weight:700;text-decoration:none;font-size:13px}
.featured-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:18px;max-width:var(--max);margin:auto}.guide-card{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden;text-decoration:none;color:var(--text)}.guide-card.large{grid-row:span 2}.guide-img{height:155px;position:relative;overflow:hidden}.guide-card.large .guide-img{height:255px}.guide-img img,.latest-img img{width:100%;height:100%;object-fit:cover}.guide-img span,.latest-img span{position:absolute;top:12px;left:12px;background:var(--blue);color:#fff;font-size:9px;font-weight:700;text-transform:uppercase;padding:4px 8px;border-radius:4px}.guide-body,.latest-body{padding:17px}.guide-body h3,.latest-body h3{font-family:'Space Grotesk';font-size:15px;margin:7px 0}.guide-card.large h3{font-size:20px}.guide-body p,.latest-body p{font-size:13px;line-height:1.6;color:var(--mid)}.meta{font-size:10px;color:var(--gray);text-transform:uppercase}
.tools{position:relative;background:var(--navy);padding:74px 48px}.tools-head{text-align:center;max-width:720px;margin:0 auto 34px}.tools-head .section-tag{color:var(--blue-bright)}.tools h2{color:#fff}.tools-head p{color:rgba(255,255,255,.58)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tools-grid>a{display:flex;flex-direction:column;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);padding:25px;border-radius:13px}.tools-grid h3{font-family:'Space Grotesk';font-size:17px}.tools-grid p{color:rgba(255,255,255,.55);font-size:13px;line-height:1.6;flex:1}.tools-grid b{font-size:12px;color:#fff}.resource-strip{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}.resource-strip h3{font-family:'Space Grotesk';color:#fff;margin:0}.resource-strip p{color:rgba(255,255,255,.5);font-size:12px}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.resource-grid a{display:flex;gap:9px;align-items:center;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:13px;border-radius:9px;font-size:12px}.resource-grid span{font-size:18px}
.table-wrap{max-width:var(--max);margin:auto;overflow-x:auto}.table-wrap table{width:100%;min-width:980px;border-collapse:collapse}.table-wrap th{background:var(--navy);color:#fff;text-align:left;font-size:11px;text-transform:uppercase;padding:12px}.table-wrap td{font-size:13px;padding:12px;border-bottom:1px solid var(--border)}.table-wrap em{display:inline-block;margin-left:6px;background:#dcfce7;color:#15803d;padding:2px 5px;border-radius:4px;font-size:9px;font-style:normal}.rating{display:flex;align-items:center;gap:7px}.rating>div{width:74px;height:6px;border-radius:5px;background:var(--border);overflow:hidden}.rating span{display:block;height:100%;background:var(--blue)}.yes{color:var(--green)}.no{color:var(--gray)}.actions{display:flex;gap:6px}.action{white-space:nowrap;background:var(--blue);color:#fff;text-decoration:none;padding:8px 9px;border-radius:5px;font-size:11px;font-weight:700}.action.secondary{background:#fff;color:var(--blue);border:1px solid var(--blue)}.table-note{max-width:var(--max);margin:10px auto 0;font-size:11px;color:var(--mid)}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:var(--max);margin:auto}.category-grid a{background:#fff;border:1px solid var(--border);border-radius:10px;padding:19px;text-decoration:none;color:var(--text);display:flex;flex-direction:column}.category-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:9px}.category-grid h3{font-family:'Space Grotesk';font-size:15px}.category-grid p{font-size:12px;color:var(--mid);line-height:1.5}.category-grid b{margin-top:auto;color:var(--blue);font-size:11px}
.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:var(--max);margin:auto}.latest-grid>a{border:1px solid var(--border);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--text)}.latest-img{position:relative;aspect-ratio:16/9}
@media(max-width:1020px){.esims-home{padding-top:60px}.hero{padding:60px 30px}.hero-inner{grid-template-columns:1fr}.stats{padding:0 30px}.featured-grid{grid-template-columns:1fr 1fr}.guide-card.large{grid-column:span 2;grid-row:auto}.tools-grid{grid-template-columns:1fr 1fr}.resource-grid{grid-template-columns:1fr 1fr}.section,.tools{padding:56px 30px}.category-grid{grid-template-columns:1fr 1fr}.latest-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.hero{padding:48px 20px}.hero h1{font-size:42px}.stats{padding:0 20px}.stats-inner{flex-wrap:wrap}.stats-inner div{flex:1 1 50%;padding:12px 8px}.section,.tools{padding:44px 20px}.featured-grid,.tools-grid,.resource-grid,.category-grid,.latest-grid{grid-template-columns:1fr}.guide-card.large{grid-column:auto}.section-head{align-items:flex-start;flex-direction:column;gap:7px}.actions{flex-direction:column}}
