.esim-reference{background:#fff}.esim-reference>section,.esim-reference>div{text-align:left;max-width:1320px;width:min(1320px,100% - 120px)!important;margin-left:auto!important;margin-right:auto!important}.esim-reference>div{margin-bottom:160px}.esim-reference h1,.esim-reference h2{color:#222;letter-spacing:-.025em;font-size:36px;font-weight:800;line-height:1.2}.esim-reference h3{font-size:24px;line-height:1.3}.esim-reference p{color:#222;font-size:16px;line-height:1.6}.esim-reference .figma-esim-hero{padding:80px 0 160px}.esim-reference .figma-esim-hero h1{margin-bottom:40px}.esim-reference .figma-esim-art{aspect-ratio:2.15;border-radius:16px}.esim-reference .figma-esim-copy{gap:24px;padding-top:32px}.esim-reference .figma-esim-article{margin-bottom:160px;padding:0}.esim-reference .figma-esim-article>div{text-align:left;margin:0}.esim-reference .esim-steps>div{background:#f7f2ff;border:0;border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex}.esim-reference .esim-steps>div>div{box-shadow:none;color:#222;border:0}.esim-reference .esim-steps p{padding:0;font-weight:500}.esim-reference .esim-steps>div>span:first-child{color:#616161;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:0;font-size:14px;display:flex}.esim-reference .esim-benefits>div{box-shadow:none;background:#f7f2ff;border:0;border-radius:16px;padding:24px}.esim-reference .esim-benefits h3{font-size:20px}.esim-reference .esim-comparison{table-layout:fixed;border-collapse:collapse;min-width:0}.esim-reference .esim-comparison thead{background:#f7f2ff}.esim-reference .esim-comparison thead tr{background:0 0}.esim-reference .esim-comparison td,.esim-reference .esim-comparison th{vertical-align:middle;padding:24px}.esim-reference .esim-comparison td:first-child{display:table-cell}.esim-reference .esim-comparison td:first-child>svg,.esim-reference .esim-comparison td:first-child>div{vertical-align:middle;margin-right:8px;display:inline-block}.esim-reference .esim-comparison td:first-child>span{vertical-align:middle}.esim-reference .figma-esim-destinations{gap:40px}.esim-reference .esim-destinations-heading{max-width:900px;font-size:24px;line-height:1.4}.esim-reference .esim-destination-card{aspect-ratio:1}.esim-reference .esim-destination-label{min-height:80px;padding:16px;bottom:24px;left:24px;right:24px}.esim-reference .esim-destination-name strong{font-size:16px}.esim-reference .esim-destination-name small{font-size:12px}.esim-reference>.figma-esim-ready{background:#ccc;border-radius:0;max-width:none;min-height:530px;margin-bottom:80px;width:100%!important}.esim-reference .figma-esim-ready>div:first-child{max-width:1440px;margin:auto;padding:110px max(60px,50vw - 660px)}.esim-reference .figma-esim-ready h2,.esim-reference .figma-esim-ready p{max-width:520px}.esim-reference .figma-esim-ready>div:last-child{display:block}.esim-reference .esim-faq>.space-y-3{max-width:800px}.esim-reference .esim-faq details{box-shadow:none;background:#fcfcfc;border-radius:12px;padding:20px}.esim-reference .esim-faq summary>span:first-child{font-size:16px;font-weight:500}.esim-reference .esim-faq summary>span:last-child{background:0 0;border:0}.esim-reference .figma-esim-support-banner{text-align:center;border-radius:24px;flex-direction:column;justify-content:center;gap:20px;min-height:400px}.esim-reference .figma-esim-support-banner h2{font-size:36px}.esim-reference .figma-esim-support-banner br{display:none}.esim-reference .figma-esim-support-banner>div{width:100%}.esim-reference .figma-esim-support-banner a{min-width:230px;box-shadow:none;justify-content:center}@media (width<=767px){.esim-reference>section,.esim-reference>div{margin-bottom:100px;width:calc(100% - 32px)!important}.esim-reference h1,.esim-reference h2{font-size:32px}.esim-reference h3{font-size:24px}.esim-reference p{font-size:16px;line-height:1.6}.esim-reference .figma-esim-hero{margin-bottom:120px;padding:48px 0 0}.esim-reference .figma-esim-hero h1{margin-bottom:40px;font-size:32px}.esim-reference .figma-esim-art{aspect-ratio:2.15;border-radius:16px}.esim-reference .figma-esim-copy{gap:28px;padding-top:40px}.esim-reference .figma-esim-article{margin-bottom:120px;padding:0}.esim-reference .figma-esim-article h3{margin-bottom:32px}.esim-reference .esim-steps{gap:20px;margin-bottom:32px}.esim-reference .esim-steps>div{gap:20px;padding:20px 16px}.esim-reference .esim-steps>div>div{width:32px;height:32px;font-size:14px}.esim-reference .esim-comparison th,.esim-reference .esim-comparison td{padding:16px 6px;font-size:12px;line-height:1.5}.esim-reference .esim-comparison td:first-child>svg{width:16px;height:16px;margin-right:3px}.esim-reference .esim-comparison td:first-child>div{width:20px;margin-right:3px}.esim-reference .esim-benefits{gap:20px}.esim-reference .esim-benefits>div{padding:24px 16px}.esim-reference .esim-benefits h3{font-size:20px}.esim-reference .esim-benefits p{font-size:14px}.esim-reference .figma-esim-destinations{gap:20px}.esim-reference .esim-destinations-heading{font-size:20px}.esim-reference .esim-destination-card{aspect-ratio:.9}.esim-reference .esim-destination-label{min-height:60px;padding:12px;bottom:12px;left:12px;right:12px}.esim-reference>.figma-esim-ready{background:#2486b6 var(--figma-ready-image) center / cover no-repeat;margin-bottom:60px;min-height:610px!important}.esim-reference .figma-esim-ready>div:first-child{text-align:left;padding:60px 16px 0}.esim-reference .figma-esim-ready h2{max-width:300px}.esim-reference .figma-esim-ready p{margin-left:0}.esim-reference .figma-esim-ready a{justify-content:center;width:100%;padding:14px;font-size:16px}.esim-reference .figma-esim-ready>div:first-child>div{height:340px;margin:24px -16px 0}.esim-reference .figma-esim-ready>div:first-child>div img{object-fit:contain;object-position:right bottom}.esim-reference .figma-esim-ready>div:last-child{display:none}.esim-reference .esim-faq{margin-bottom:120px}.esim-reference .esim-faq details{padding:16px 12px}.esim-reference .esim-faq .space-y-3>details+details{margin-top:20px}.esim-reference .figma-esim-support-banner{border-radius:16px;gap:24px;min-height:440px;padding:60px 24px}.esim-reference .figma-esim-support-banner h2{font-size:26px}.esim-reference .figma-esim-support-banner p,.esim-reference>div:last-child{margin-bottom:60px}}@media (width>=768px) and (width<=1100px){.esim-reference>section,.esim-reference>div{width:calc(100% - 64px)!important}}
