 {"id":206,"date":"2026-01-15T20:54:40","date_gmt":"2026-01-15T20:54:40","guid":{"rendered":"https:\/\/flydataapp.com\/?page_id=206"},"modified":"2026-02-04T15:02:30","modified_gmt":"2026-02-04T15:02:30","slug":"how-it-works","status":"publish","type":"page","link":"https:\/\/flydataapp.com\/it\/how-it-works\/","title":{"rendered":"how its work"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"206\" class=\"elementor elementor-206\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc264a0 e-con-full e-flex e-con e-parent\" data-id=\"dc264a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fe69be elementor-widget elementor-widget-html\" data-id=\"4fe69be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= \r\nFLYDATA \u2014 HOW IT WORKS (FULL PAGE SECTIONS) \u2705 FIXED\r\n\u2705 Steps text no longer cut\r\n\u2705 Proper spacing between cards + details\r\n\u2705 4 steps clickable + details box (Orbit style)\r\n\u2705 Responsive: 4 cols desktop, 2 cols tablet, 1 col mobile\r\n\u2705 Copy\/paste (Elementor HTML widget)\r\n========================================================= -->\r\n\r\n<!-- ===================== HERO ===================== -->\r\n<section id=\"fly-how-hero\" class=\"fly-how-hero\" aria-label=\"Come funziona l&#039;eroe\">\r\n  <div class=\"fly-how-hero__wrap\">\r\n\r\n    <div class=\"fly-how-hero__card\">\r\n      <div class=\"fly-how-hero__content\">\r\n        <div class=\"fly-how-hero__pill\">COME FUNZIONA<\/div>\r\n\r\n        <h1 class=\"fly-how-hero__title\">\r\n          Connettiti in pochi minuti con <span>FlyData<\/span> per esempio\r\n        <\/h1>\r\n\r\n        <p class=\"fly-how-hero__sub\">\r\n          Check your device, install your eSIM, pick a plan, and activate on arrival \u2014 no physical SIM cards,\r\n          no roaming surprises.\r\n        <\/p>\r\n\r\n        <div class=\"fly-how-hero__actions\">\r\n          <a class=\"fly-how-btn\" href=\"#fly-how-steps\">Guarda i passaggi<\/a>\r\n          <a class=\"fly-how-link\" href=\"#fly-how-faq\">Domande? <span aria-hidden=\"true\">\u203a<\/span><\/a>\r\n        <\/div>\r\n\r\n        <div class=\"fly-how-hero__proof\" aria-label=\"Punti salienti principali\">\r\n          <div class=\"fly-how-proof\">\r\n            <div class=\"fly-how-proof__num\">200+<\/div>\r\n            <div class=\"fly-how-proof__lbl\">Paesi<\/div>\r\n          <\/div>\r\n          <div class=\"fly-how-proof\">\r\n            <div class=\"fly-how-proof__num\">5 minuti<\/div>\r\n            <div class=\"fly-how-proof__lbl\">Impostare<\/div>\r\n          <\/div>\r\n          <div class=\"fly-how-proof\">\r\n            <div class=\"fly-how-proof__num\">24\/7<\/div>\r\n            <div class=\"fly-how-proof__lbl\">Supporto<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fly-how-hero__media\" role=\"img\" aria-label=\"Anteprima dell&#039;app FlyData\"><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===================== STEPS (CLICKABLE + DETAILS) ===================== -->\r\n<section id=\"fly-how-steps\" class=\"fly-how-steps\" aria-label=\"Come funziona FlyData: passaggi\">\r\n  <div class=\"fly-how-steps__wrap\">\r\n\r\n    <header class=\"fly-how-head\">\r\n      <h2 class=\"fly-how-title\">Come funziona<\/h2>\r\n      <p class=\"fly-how-sub\">Tap a step to see the full instructions.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"fly-how-grid\" role=\"tablist\" aria-label=\"Come funziona FlyData: passaggi\">\r\n\r\n      <button class=\"fly-how-step is-active\" type=\"button\"\r\n        data-step=\"1\" role=\"tab\" aria-selected=\"true\"\r\n        aria-controls=\"fly-how-detail-1\" id=\"fly-how-tab-1\">\r\n        <div class=\"fly-how-step__top\">\r\n          <div class=\"fly-how-step__num\">1<\/div>\r\n          <div class=\"fly-how-step__ic\" aria-hidden=\"true\">\u2705<\/div>\r\n        <\/div>\r\n        <h3>Check Device Compatibility<\/h3>\r\n        <p>Confirm your phone supports eSIM before buying.<\/p>\r\n      <\/button>\r\n\r\n      <button class=\"fly-how-step\" type=\"button\"\r\n        data-step=\"2\" role=\"tab\" aria-selected=\"false\"\r\n        aria-controls=\"fly-how-detail-2\" id=\"fly-how-tab-2\">\r\n        <div class=\"fly-how-step__top\">\r\n          <div class=\"fly-how-step__num\">2<\/div>\r\n          <div class=\"fly-how-step__ic\" aria-hidden=\"true\">\ud83d\udcf2<\/div>\r\n        <\/div>\r\n        <h3>Installa la tua eSIM<\/h3>\r\n        <p>Automatic via app or manual with QR.<\/p>\r\n      <\/button>\r\n\r\n      <button class=\"fly-how-step\" type=\"button\"\r\n        data-step=\"3\" role=\"tab\" aria-selected=\"false\"\r\n        aria-controls=\"fly-how-detail-3\" id=\"fly-how-tab-3\">\r\n        <div class=\"fly-how-step__top\">\r\n          <div class=\"fly-how-step__num\">3<\/div>\r\n          <div class=\"fly-how-step__ic\" aria-hidden=\"true\">\ud83c\udf0d<\/div>\r\n        <\/div>\r\n        <h3>Choose a destination &amp; Data Plan<\/h3>\r\n        <p>Select a country or region plan that fits your trip.<\/p>\r\n      <\/button>\r\n\r\n      <button class=\"fly-how-step\" type=\"button\"\r\n        data-step=\"4\" role=\"tab\" aria-selected=\"false\"\r\n        aria-controls=\"fly-how-detail-4\" id=\"fly-how-tab-4\">\r\n        <div class=\"fly-how-step__top\">\r\n          <div class=\"fly-how-step__num\">4<\/div>\r\n          <div class=\"fly-how-step__ic\" aria-hidden=\"true\">\u26a1<\/div>\r\n        <\/div>\r\n        <h3>Attiva quando arrivi<\/h3>\r\n        <p>Turn on the FlyData line and start using data.<\/p>\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"fly-how-details\" aria-live=\"polite\">\r\n      <div class=\"fly-how-details__card\">\r\n\r\n        <div class=\"fly-how-detail is-active\" id=\"fly-how-detail-1\" role=\"tabpanel\" aria-labelledby=\"fly-how-tab-1\">\r\n          <h3>Check Device Compatibility<\/h3>\r\n          <p>\r\n            Before purchasing, make sure your phone supports eSIM. Most newer iPhones and many recent Android devices do,\r\n            but compatibility can vary by model and region.\r\n          <\/p>\r\n          <ul>\r\n            <li>Look in your settings for <strong>per esempio<\/strong> or <strong>Add eSIM<\/strong>.<\/li>\r\n            <li>If you\u2019re not sure, check our device compatibility guide.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"fly-how-detail\" id=\"fly-how-detail-2\" role=\"tabpanel\" aria-labelledby=\"fly-how-tab-2\" hidden>\r\n          <h3>Installa la tua eSIM<\/h3>\r\n          <p>\r\n            Install in minutes. Use the FlyData app for a guided setup, or install manually using a QR code.\r\n            Your physical SIM can stay active for calls and SMS if needed.\r\n          <\/p>\r\n          <div class=\"fly-how-twoCols\">\r\n            <div class=\"fly-how-mini\">\r\n              <h4>Automatic installation<\/h4>\r\n              <ul>\r\n                <li>Download the FlyData app (App Store \/ Google Play).<\/li>\r\n                <li>Follow the in-app steps to add your eSIM.<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n            <div class=\"fly-how-mini\">\r\n              <h4>Manual installation<\/h4>\r\n              <ul>\r\n                <li>Scan your QR code (or enter details manually).<\/li>\r\n                <li>Name the line \u201cFlyData\u201d for easy switching.<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fly-how-detail\" id=\"fly-how-detail-3\" role=\"tabpanel\" aria-labelledby=\"fly-how-tab-3\" hidden>\r\n          <h3>Choose a destination &amp; Data Plan<\/h3>\r\n          <p>\r\n            Pick a country or regional plan based on your travel needs. After secure checkout, your eSIM details appear\r\n            instantly in your FlyData account.\r\n          <\/p>\r\n          <ul>\r\n            <li><strong>Single-country plans<\/strong> work only in the selected destination.<\/li>\r\n            <li><strong>Regional plans<\/strong> cover multiple supported countries within that region.<\/li>\r\n            <li>You can top up or switch plans anytime from your account.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"fly-how-detail\" id=\"fly-how-detail-4\" role=\"tabpanel\" aria-labelledby=\"fly-how-tab-4\" hidden>\r\n          <h3>Attiva quando arrivi<\/h3>\r\n          <p>\r\n            When you land, enable your FlyData eSIM and turn on mobile data. Your plan activates when it connects to a\r\n            supported local network.\r\n          <\/p>\r\n          <div class=\"fly-how-note\">\r\n            <strong>Note:<\/strong> Single-country plans work only in the purchased destination. Regional plans work across\r\n            supported countries in the selected region.\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  const root = document.getElementById('fly-how-steps');\r\n  if(!root) return;\r\n\r\n  const tabs = Array.from(root.querySelectorAll('.fly-how-step[data-step]'));\r\n  const panels = Array.from(root.querySelectorAll('.fly-how-detail'));\r\n\r\n  function activate(step){\r\n    tabs.forEach(btn=>{\r\n      const active = btn.getAttribute('data-step') === String(step);\r\n      btn.classList.toggle('is-active', active);\r\n      btn.setAttribute('aria-selected', active ? 'true' : 'false');\r\n      btn.tabIndex = active ? 0 : -1;\r\n    });\r\n\r\n    panels.forEach(p=>{\r\n      const active = p.id === `fly-how-detail-${step}`;\r\n      if(active){\r\n        p.removeAttribute('hidden');\r\n        p.classList.add('is-active');\r\n      }else{\r\n        p.setAttribute('hidden','');\r\n        p.classList.remove('is-active');\r\n      }\r\n    });\r\n  }\r\n\r\n  tabs.forEach(btn=> btn.addEventListener('click', ()=> activate(btn.getAttribute('data-step'))));\r\n  activate(1);\r\n})();\r\n<\/script>\r\n\r\n<!-- ===================== BENEFITS ===================== -->\r\n<section class=\"fly-how-benefits\" aria-label=\"Vantaggi di FlyData\">\r\n  <div class=\"fly-how-benefits__wrap\">\r\n\r\n    <header class=\"fly-how-head\">\r\n      <h2 class=\"fly-how-title\">Perch\u00e9 FlyData<\/h2>\r\n      <p class=\"fly-how-sub\">Progettato per viaggiatori, lavoratori da remoto e team.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"fly-how-benefitGrid\">\r\n\r\n      <article class=\"fly-how-benefit\">\r\n        <div class=\"fly-how-benefit__ic\">\ud83d\udd12<\/div>\r\n        <h3>Prezzi trasparenti<\/h3>\r\n        <p>Nessun costo di roaming nascosto. Scopri esattamente quanto paghi prima di partire.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"fly-how-benefit\">\r\n        <div class=\"fly-how-benefit__ic\">\ud83d\udcf6<\/div>\r\n        <h3>Copertura affidabile<\/h3>\r\n        <p>Connettiti a reti affidabili con prestazioni elevate nelle principali destinazioni.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"fly-how-benefit\">\r\n        <div class=\"fly-how-benefit__ic\">\ud83e\uddfe<\/div>\r\n        <h3>Facile gestione<\/h3>\r\n        <p>Tieni traccia dell'utilizzo, ricarica e cambia piano tariffario direttamente dal tuo account FlyData.<\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===================== FAQ CTA ===================== -->\r\n<section id=\"fly-how-faq\" class=\"fly-how-cta\" aria-label=\"Hai bisogno di aiuto?\">\r\n  <div class=\"fly-how-cta__wrap\">\r\n    <div class=\"fly-how-cta__card\">\r\n      <div class=\"fly-how-cta__copy\">\r\n        <h2>Hai bisogno di aiuto per scegliere un piano?<\/h2>\r\n        <p>Visita il nostro Centro assistenza per domande frequenti, compatibilit\u00e0 dei dispositivi, guide di installazione e risoluzione dei problemi.<\/p>\r\n      <\/div>\r\n      <div class=\"fly-how-cta__actions\">\r\n        <a class=\"fly-how-cta__btn\" href=\"\/it\/help\/\">Vai al Centro assistenza<\/a>\r\n        <a class=\"fly-how-cta__link\" href=\"\/it\/contact\/\">Contatta l'assistenza <span aria-hidden=\"true\">\u203a<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ========== HERO ========== *\/\r\n#fly-how-hero.fly-how-hero{\r\n  background:#EAF7FF;\r\n  padding:64px 20px;\r\n  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n  --sky:#8fd0ff;\r\n  --ink:#071a33;\r\n  --navy:#0b2a4a;\r\n  --line:rgba(15,72,125,.12);\r\n  --e-global-color-accent: var(--sky) !important;\r\n  -webkit-tap-highlight-color: transparent !important;\r\n}\r\n#fly-how-hero .fly-how-hero__wrap{ max-width:1200px; margin:0 auto; }\r\n#fly-how-hero .fly-how-hero__card{\r\n  border-radius:34px;\r\n  overflow:hidden;\r\n  display:grid;\r\n  grid-template-columns: 1.05fr .95fr;\r\n  min-height:420px;\r\n  background: var(--navy);\r\n  border:1px solid rgba(15,72,125,0.10);\r\n  box-shadow:0 20px 55px rgba(10,35,60,0.12);\r\n  position:relative;\r\n}\r\n#fly-how-hero .fly-how-hero__card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  pointer-events:none;\r\n  background:\r\n    radial-gradient(900px 420px at 20% 20%, rgba(143,208,255,0.30), transparent 60%),\r\n    radial-gradient(800px 420px at 78% 72%, rgba(92,170,255,0.18), transparent 62%),\r\n    linear-gradient(180deg, rgba(4,18,45,0.28), rgba(4,18,45,0.12));\r\n  opacity:.95;\r\n}\r\n#fly-how-hero .fly-how-hero__content{\r\n  position:relative;\r\n  z-index:2;\r\n  padding:56px 52px;\r\n  color:#fff;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n}\r\n#fly-how-hero .fly-how-hero__pill{\r\n  width:max-content;\r\n  font-size:12px;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n  font-weight:900;\r\n  color:rgba(255,255,255,0.82);\r\n  padding:8px 12px;\r\n  border-radius:999px;\r\n  border:1px solid rgba(191,230,255,0.22);\r\n  background:rgba(255,255,255,0.06);\r\n  margin-bottom:14px;\r\n}\r\n#fly-how-hero .fly-how-hero__title{\r\n  margin:0 0 14px;\r\n  font-size:clamp(28px, 3.6vw, 50px);\r\n  line-height:1.08;\r\n  letter-spacing:-0.02em;\r\n  font-weight:950;\r\n  text-shadow:0 10px 28px rgba(0,0,0,0.35);\r\n}\r\n#fly-how-hero .fly-how-hero__title span{ color: var(--sky); }\r\n#fly-how-hero .fly-how-hero__sub{\r\n  margin:0 0 18px;\r\n  font-size:15px;\r\n  line-height:1.7;\r\n  color:rgba(255,255,255,0.92);\r\n  max-width:560px;\r\n}\r\n#fly-how-hero .fly-how-hero__actions{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  flex-wrap:wrap;\r\n  margin-top:4px;\r\n}\r\n#fly-how-hero a.fly-how-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  height:46px;\r\n  padding:0 18px;\r\n  border-radius:999px;\r\n  text-decoration:none;\r\n  font-weight:950;\r\n  font-size:14px;\r\n  color:#071a33 !important;\r\n  background:linear-gradient(180deg,#dff3ff,#8fd0ff);\r\n  border:1px solid rgba(143,208,255,0.65);\r\n  box-shadow:0 16px 34px rgba(143,208,255,0.22);\r\n  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;\r\n  outline:none !important; box-shadow:none !important;\r\n}\r\n#fly-how-hero a.fly-how-btn:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 20px 44px rgba(143,208,255,0.34);\r\n}\r\n#fly-how-hero a.fly-how-link{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  font-size:14px;\r\n  font-weight:900;\r\n  color:#d7f0ff !important;\r\n  text-decoration:none;\r\n  padding:10px 12px;\r\n  border-radius:12px;\r\n  border:1px solid rgba(191,230,255,0.25);\r\n  background:rgba(255,255,255,0.06);\r\n  transition:transform .16s ease, background .16s ease, border-color .16s ease;\r\n  outline:none !important; box-shadow:none !important;\r\n}\r\n#fly-how-hero a.fly-how-link:hover{\r\n  transform:translateY(-1px);\r\n  background:rgba(143,208,255,0.14);\r\n  border-color:rgba(191,230,255,0.40);\r\n}\r\n#fly-how-hero .fly-how-hero__proof{\r\n  margin-top:18px;\r\n  display:flex;\r\n  gap:14px;\r\n  flex-wrap:wrap;\r\n}\r\n#fly-how-hero .fly-how-proof{\r\n  padding:10px 12px;\r\n  border-radius:14px;\r\n  border:1px solid rgba(191,230,255,0.18);\r\n  background:rgba(255,255,255,0.05);\r\n  min-width:120px;\r\n}\r\n#fly-how-hero .fly-how-proof__num{ font-weight:950; font-size:16px; color:#fff; }\r\n#fly-how-hero .fly-how-proof__lbl{ font-size:12px; font-weight:900; color:rgba(255,255,255,0.78); }\r\n\r\n\/* Hero image placeholder *\/\r\n#fly-how-hero .fly-how-hero__media{\r\n  position:relative;\r\n  z-index:1;\r\n  min-height:420px;\r\n  background-image:\r\n    radial-gradient(800px 420px at 40% 35%, rgba(143,208,255,0.18), rgba(0,0,0,0) 60%),\r\n    linear-gradient(180deg, rgba(2,10,22,0.22), rgba(2,10,22,0.08)),\r\n    url(\"https:\/\/flydataapp.com\/wp-content\/uploads\/2026\/01\/a-photorealistic-wide-angle-photograph-o_KDPPY1o2RrqzI1kijJVl-g_2ssxM2j_SFCm_xsyWcr59A.png\");\r\n  background-size:cover;\r\n  background-position:center;\r\n}\r\n\r\n\/* ========== COMMON HEADERS ========== *\/\r\n.fly-how-head{ text-align:center; margin-bottom:18px; }\r\n.fly-how-title{\r\n  margin:0 0 8px;\r\n  font-size:clamp(22px, 2.8vw, 34px);\r\n  font-weight:950;\r\n  letter-spacing:-0.02em;\r\n  color:#071a33;\r\n}\r\n.fly-how-sub{\r\n  margin:0;\r\n  color:rgba(7,26,51,.70);\r\n  font-size:14.5px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* ========== STEPS (FIXED) ========== *\/\r\n#fly-how-steps.fly-how-steps{\r\n  background:#F3FAFF;\r\n  padding:60px 20px;\r\n  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n  --sky:#8fd0ff;\r\n  --shadow:0 18px 55px rgba(7,26,58,.10);\r\n  --shadow2:0 10px 26px rgba(7,26,58,.08);\r\n  --e-global-color-accent: var(--sky) !important;\r\n}\r\n#fly-how-steps .fly-how-steps__wrap{ max-width:1200px; margin:0 auto; }\r\n#fly-how-steps .fly-how-grid{\r\n  margin-top:18px;\r\n  display:grid;\r\n  grid-template-columns:repeat(4, minmax(0,1fr));\r\n  gap:16px;\r\n  margin-bottom:18px;\r\n}\r\n\r\n\/* IMPORTANT: step is a button now *\/\r\n#fly-how-steps .fly-how-step{\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n  border:1px solid rgba(7,26,58,.10);\r\n  border-radius:22px;\r\n  background:#fff;\r\n  box-shadow:var(--shadow2);\r\n  padding:18px 18px 16px;\r\n  position:relative;\r\n  overflow:visible;              \/* FIX: allow text *\/\r\n  min-height:140px;              \/* FIX: avoid cut *\/\r\n  height:auto;\r\n  cursor:pointer;\r\n  text-align:left;\r\n\r\n  display:flex;                  \/* FIX: stable layout *\/\r\n  flex-direction:column;\r\n  justify-content:flex-start;\r\n  align-items:stretch;\r\n\r\n  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;\r\n}\r\n#fly-how-steps .fly-how-step::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0; right:0; top:0;\r\n  height:64px;\r\n  background:\r\n    radial-gradient(320px 120px at 18% 30%, rgba(143,208,255,.55), rgba(143,208,255,0) 70%),\r\n    linear-gradient(180deg, rgba(143,208,255,.22), rgba(143,208,255,0));\r\n  pointer-events:none;\r\n  border-radius:22px;\r\n}\r\n#fly-how-steps .fly-how-step:hover{\r\n  transform:translateY(-3px);\r\n  border-color:rgba(143,208,255,.60);\r\n  box-shadow:var(--shadow);\r\n}\r\n#fly-how-steps .fly-how-step.is-active{\r\n  border-color:rgba(143,208,255,.85);\r\n  box-shadow:0 22px 60px rgba(7,26,58,.14);\r\n  transform:translateY(-3px);\r\n}\r\n#fly-how-steps .fly-how-step__top{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  position:relative;\r\n  z-index:1;\r\n  margin-bottom:10px;           \/* FIX *\/\r\n}\r\n#fly-how-steps .fly-how-step__num{\r\n  width:34px;height:34px;border-radius:12px;\r\n  display:grid;place-items:center;\r\n  font-weight:950;\r\n  color:#071a33;\r\n  background:rgba(143,208,255,.22);\r\n  border:1px solid rgba(143,208,255,.35);\r\n}\r\n#fly-how-steps .fly-how-step__ic{ font-size:20px; opacity:.9; }\r\n#fly-how-steps .fly-how-step h3{\r\n  margin:0 0 6px;               \/* FIX *\/\r\n  font-size:15px;               \/* FIX *\/\r\n  line-height:1.25;             \/* FIX *\/\r\n  font-weight:950;\r\n  color:#071a33;\r\n  position:relative; z-index:1;\r\n  white-space:normal;           \/* FIX *\/\r\n}\r\n#fly-how-steps .fly-how-step p{\r\n  margin:0;\r\n  font-size:13.5px;\r\n  line-height:1.45;             \/* FIX *\/\r\n  color:rgba(7,26,58,.68);\r\n  position:relative; z-index:1;\r\n  white-space:normal;           \/* FIX *\/\r\n}\r\n\r\n\/* Details box *\/\r\n#fly-how-steps .fly-how-details{ margin-top:12px; }\r\n#fly-how-steps .fly-how-details__card{\r\n  background:#fff;\r\n  border:1px solid rgba(7,26,58,.10);\r\n  border-radius:26px;\r\n  box-shadow:var(--shadow2);\r\n  padding:22px 22px 18px;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n#fly-how-steps .fly-how-details__card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    radial-gradient(900px 260px at 18% 0%, rgba(143,208,255,.22), rgba(143,208,255,0) 55%),\r\n    radial-gradient(700px 260px at 92% 12%, rgba(92,170,255,.14), rgba(92,170,255,0) 58%);\r\n  pointer-events:none;\r\n}\r\n#fly-how-steps .fly-how-detail{ position:relative; z-index:1; }\r\n#fly-how-steps .fly-how-detail h3{\r\n  margin:0 0 10px;\r\n  font-size:18px;\r\n  font-weight:950;\r\n  color:#071a33;\r\n}\r\n#fly-how-steps .fly-how-detail p{\r\n  margin:0 0 10px;\r\n  color:rgba(7,26,51,.78);\r\n  line-height:1.75;\r\n  font-size:14px;\r\n}\r\n#fly-how-steps .fly-how-detail ul{\r\n  margin:10px 0 0;\r\n  padding-left:18px;\r\n  color:rgba(7,26,51,.74);\r\n  line-height:1.7;\r\n  font-size:14px;\r\n}\r\n#fly-how-steps .fly-how-twoCols{\r\n  display:grid;\r\n  grid-template-columns:repeat(2, minmax(0,1fr));\r\n  gap:12px;\r\n  margin-top:12px;\r\n}\r\n#fly-how-steps .fly-how-mini{\r\n  background:linear-gradient(180deg, #ffffff, #fbfdff);\r\n  border:1px solid rgba(7,26,58,.10);\r\n  border-radius:18px;\r\n  padding:14px 14px 12px;\r\n}\r\n#fly-how-steps .fly-how-mini h4{\r\n  margin:0 0 8px;\r\n  font-size:14px;\r\n  font-weight:950;\r\n  color:#071a33;\r\n}\r\n#fly-how-steps .fly-how-note{\r\n  margin-top:10px;\r\n  padding:12px 12px;\r\n  border-radius:16px;\r\n  border:1px solid rgba(143,208,255,.40);\r\n  background:rgba(143,208,255,.14);\r\n  color:rgba(7,26,51,.85);\r\n  line-height:1.65;\r\n  font-size:13.5px;\r\n}\r\n\r\n\/* ========== BENEFITS ========== *\/\r\n.fly-how-benefits{\r\n  background:#ffffff;\r\n  padding:60px 20px;\r\n  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n}\r\n.fly-how-benefits__wrap{ max-width:1200px; margin:0 auto; }\r\n.fly-how-benefitGrid{\r\n  margin-top:18px;\r\n  display:grid;\r\n  grid-template-columns:repeat(3, minmax(0,1fr));\r\n  gap:14px;\r\n}\r\n.fly-how-benefit{\r\n  background:linear-gradient(180deg, #ffffff, #fbfdff);\r\n  border:1px solid rgba(7,26,58,.10);\r\n  border-radius:22px;\r\n  padding:18px 18px 16px;\r\n  box-shadow:0 10px 26px rgba(7,26,58,.08);\r\n  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;\r\n}\r\n.fly-how-benefit:hover{\r\n  transform:translateY(-3px);\r\n  border-color:rgba(143,208,255,.55);\r\n  box-shadow:0 18px 55px rgba(7,26,58,.10);\r\n}\r\n.fly-how-benefit__ic{\r\n  width:46px;height:46px;border-radius:14px;\r\n  display:grid;place-items:center;\r\n  background:rgba(143,208,255,.18);\r\n  border:1px solid rgba(143,208,255,.35);\r\n  font-size:22px;\r\n}\r\n.fly-how-benefit h3{\r\n  margin:12px 0 6px;\r\n  font-size:16px;\r\n  font-weight:950;\r\n  color:#071a33;\r\n}\r\n.fly-how-benefit p{\r\n  margin:0;\r\n  font-size:13.5px;\r\n  line-height:1.65;\r\n  color:rgba(7,26,51,.72);\r\n}\r\n\r\n\/* ========== CTA ========== *\/\r\n#fly-how-faq.fly-how-cta{\r\n  background:#F3FAFF;\r\n  padding:60px 20px;\r\n  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n  --sky:#8fd0ff;\r\n  --e-global-color-accent: var(--sky) !important;\r\n}\r\n#fly-how-faq .fly-how-cta__wrap{ max-width:1200px; margin:0 auto; }\r\n#fly-how-faq .fly-how-cta__card{\r\n  border-radius:28px;\r\n  background:#0b2a4a;\r\n  border:1px solid rgba(15,72,125,0.10);\r\n  box-shadow:0 20px 55px rgba(10,35,60,0.12);\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:34px 28px;\r\n  display:flex;\r\n  gap:18px;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  flex-wrap:wrap;\r\n}\r\n#fly-how-faq .fly-how-cta__card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  pointer-events:none;\r\n  background:\r\n    radial-gradient(900px 420px at 20% 20%, rgba(143,208,255,0.28), transparent 60%),\r\n    linear-gradient(180deg, rgba(4,18,45,0.28), rgba(4,18,45,0.12));\r\n  opacity:.95;\r\n}\r\n#fly-how-faq .fly-how-cta__copy{\r\n  position:relative;\r\n  z-index:1;\r\n  color:#fff;\r\n  max-width: 620px;\r\n}\r\n#fly-how-faq .fly-how-cta__copy h2{\r\n  margin:0 0 8px;\r\n  font-size:clamp(20px, 2.6vw, 28px);\r\n  font-weight:950;\r\n}\r\n#fly-how-faq .fly-how-cta__copy p{\r\n  margin:0;\r\n  color:rgba(255,255,255,.86);\r\n  line-height:1.65;\r\n  font-size:14.5px;\r\n}\r\n#fly-how-faq .fly-how-cta__actions{\r\n  position:relative;\r\n  z-index:1;\r\n  display:flex;\r\n  gap:12px;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n}\r\n#fly-how-faq a.fly-how-cta__btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  height:44px;\r\n  padding:0 18px;\r\n  border-radius:999px;\r\n  text-decoration:none;\r\n  font-weight:950;\r\n  font-size:14px;\r\n  color:#071a33 !important;\r\n  background:linear-gradient(180deg,#dff3ff,#8fd0ff);\r\n  border:1px solid rgba(143,208,255,.65);\r\n  box-shadow:0 16px 34px rgba(143,208,255,.22);\r\n  transition:transform .16s ease, box-shadow .16s ease;\r\n  outline:none !important;\r\n}\r\n#fly-how-faq a.fly-how-cta__btn:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 20px 44px rgba(143,208,255,.34);\r\n}\r\n#fly-how-faq a.fly-how-cta__link{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  height:44px;\r\n  padding:0 14px;\r\n  border-radius:999px;\r\n  text-decoration:none;\r\n  font-weight:900;\r\n  color:#d7f0ff !important;\r\n  background:rgba(255,255,255,0.06);\r\n  border:1px solid rgba(191,230,255,0.25);\r\n  transition:transform .16s ease, background .16s ease, border-color .16s ease;\r\n  outline:none !important;\r\n}\r\n#fly-how-faq a.fly-how-cta__link:hover{\r\n  transform:translateY(-2px);\r\n  background:rgba(143,208,255,0.14);\r\n  border-color:rgba(191,230,255,0.40);\r\n}\r\n\r\n\/* ========== NO PINK EVER ========== *\/\r\n#fly-how-hero a:hover, #fly-how-hero a:focus, #fly-how-hero a:active,\r\n#fly-how-steps a:hover, #fly-how-steps a:focus, #fly-how-steps a:active,\r\n#fly-how-faq a:hover, #fly-how-faq a:focus, #fly-how-faq a:active,\r\n#fly-how-hero button:hover, #fly-how-hero button:focus, #fly-how-hero button:active,\r\n#fly-how-steps button:hover, #fly-how-steps button:focus, #fly-how-steps button:active,\r\n#fly-how-faq button:hover, #fly-how-faq button:focus, #fly-how-faq button:active{\r\n  color:inherit;\r\n  outline:none !important;\r\n  box-shadow:none !important;\r\n}\r\n#fly-how-hero a:focus-visible,\r\n#fly-how-steps .fly-how-step:focus-visible,\r\n#fly-how-faq a:focus-visible{\r\n  outline:2px solid rgba(143,208,255,.85) !important;\r\n  outline-offset:2px !important;\r\n}\r\n\r\n\/* ========== RESPONSIVE ========== *\/\r\n@media (max-width: 1024px){\r\n  #fly-how-steps .fly-how-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }\r\n}\r\n@media (max-width: 980px){\r\n  #fly-how-hero .fly-how-hero__card{ grid-template-columns:1fr; }\r\n  #fly-how-hero .fly-how-hero__content{ padding:40px 28px; }\r\n  #fly-how-hero .fly-how-hero__media{ min-height:260px; }\r\n\r\n  .fly-how-benefitGrid{ grid-template-columns:1fr; }\r\n  #fly-how-steps .fly-how-twoCols{ grid-template-columns:1fr; }\r\n}\r\n@media (max-width: 640px){\r\n  #fly-how-steps .fly-how-grid{ grid-template-columns:1fr; }\r\n  #fly-how-steps .fly-how-step{ min-height:auto; }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>HOW IT WORKS Get connected in minutes with FlyData eSIM Check your device, install your eSIM, pick a plan, and activate on arrival \u2014 no physical SIM cards, no roaming surprises. See the steps Questions? \u203a 200+ Countries 5 min Setup 24\/7 Support How it works Tap a step to see the full instructions. 1 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-206","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/flydataapp.com\/it\/wp-json\/wp\/v2\/pages\/206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flydataapp.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flydataapp.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flydataapp.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flydataapp.com\/it\/wp-json\/wp\/v2\/comments?post=206"}],"version-history":[{"count":10,"href":"https:\/\/flydataapp.com\/it\/wp-json\/wp\/v2\/pages\/206\/revisions"}],"predecessor-version":[{"id":961,"href":"https:\/\/flydataapp.com\/it\/wp-json\/wp\/v2\/pages\/206\/revisions\/961"}],"wp:attachment":[{"href":"https:\/\/flydataapp.com\/it\/wp-json\/wp\/v2\/media?parent=206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}