.i-phone161-container1 {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
 
.i-phone161i-phone161 {
  width: 100%;
  height: 1441px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 1);
}
 
.i-phone161-divoverflowhidden1 {
  top: 343px;
  left: 336px;
  width: 80px;
  height: 80px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.i-phone161svg1 {
  top: -0.09000000357627869px;
  left: -0.9599999785423279px;
  width: 80px;
  height: 80px;
  position: absolute;
}
 
.i-phone161-divoverflowhidden2 {
  top: 211px;
  left: 318px;
  width: 96px;
  height: 96px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.i-phone161svg2 {
  top: 3.9200000762939453px;
  left: 1.9600000381469727px;
  width: 96px;
  height: 96px;
  position: absolute;
}
 
.i-phone161-divoverflowhidden3 {
  top: 339px;
  left: -20px;
  width: 96px;
  height: 96px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.i-phone161svg3 {
  top: -1.3700000047683716px;
  left: -0.6100000143051147px;
  width: 96px;
  height: 96px;
  position: absolute;
}
 
.i-phone161-group1000001834 {
  top: 518px;
  left: 54px;
  width: 285.22747802734375px;
  height: 853px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.i-phone161-group1000001820 {
  top: 310.2630920410156px;
  left: 0.00003787506648222916px;
  width: 271.6967468261719px;
  height: 242.86163330078125px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.i-phone161-ellipse1 {
  top: 0.000041201928979717195px;
  left: 81.3658676147461px;
  width: 109px;
  height: 109px;
  position: absolute;
}
 
.i-phone161-group1000001813 {
  top: 144.84909057617188px;
  left: 0.00003787506648222916px;
  width: 271.6967468261719px;
  height: 98.0125732421875px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.i-phone161-text1 {
  top: 58.01255416870117px;
  left: 0.00003787506648222916px;
  color: rgba(0, 0, 0, 1);
  width: 272px;
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: center;
  font-family: DM Sans;
  font-weight: 400;
  line-height: 139.9999976158142%;
  font-stretch: normal;
  text-decoration: none;
}
 
.i-phone161-div1 {
  top: -0.000023288046577363275px;
  left: 120.70758819580078px;
  width: 28.980985641479492px;
  height: 28.980985641479492px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-width: 1.8113117218017578px;
  border-radius: 14.490493774414062px;
  background-color: rgba(255, 255, 255, 1);
}
 
.i-phone161-group1000001821 {
  top: 0px;
  left: 1.7882978916168213px;
  width: 271.8155212402344px;
  height: 270.0271301269531px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.i-phone161-ellipse2 {
  top: 0px;
  left: 81.36604309082031px;
  width: 109px;
  height: 109px;
  position: absolute;
}
 
.i-phone161-group1000001814 {
  top: 144.91650390625px;
  left: 0.00021189563267398626px;
  width: 271.8155212402344px;
  height: 125.11063385009766px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.i-phone161-text2 {
  top: 50.00372314453125px;
  left: 0.00021189563267398626px;
  color: rgba(0, 0, 0, 1);
  width: 272px;
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: center;
  font-family: DM Sans;
  font-weight: 400;
  line-height: 139.9999976158142%;
  font-stretch: normal;
  text-decoration: none;
}
 
.i-phone161-div2 {
  top: 0.000005374164629756706px;
  left: 121.3582763671875px;
  width: 28.980985641479492px;
  height: 28.980985641479492px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-width: 1.8113117218017578px;
  border-radius: 14.490493774414062px;
  background-color: rgba(255, 255, 255, 1);
}
 
.i-phone161-group1000001822 {
  top: 591.9140625px;
  left: 14.30611801147461px;
  width: 270.92138671875px;
  height: 261.0859680175781px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.i-phone161-ellipse3 {
  top: -0.00001637840614421293px;
  left: 68.84797668457031px;
  width: 109px;
  height: 109px;
  position: absolute;
}
 
.i-phone161-group1000001815 {
  top: 144.8490447998047px;
  left: -0.00003480411396594718px;
  width: 270.92138671875px;
  height: 116.23690032958984px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.i-phone161-text3 {
  top: 40.2358283996582px;
  left: -0.00003480411396594718px;
  color: rgba(0, 0, 0, 1);
  width: 271px;
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: center;
  font-family: DM Sans;
  font-weight: 400;
  line-height: 139.9999976158142%;
  font-stretch: normal;
  text-decoration: none;
}
 
.i-phone161-div3 {
  top: -0.000019833227270282805px;
  left: 109.08382415771484px;
  width: 28.980985641479492px;
  height: 28.980985641479492px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(0, 0, 0, 1);
  border-style: solid;
  border-width: 1.8113117218017578px;
  border-radius: 14.490493774414062px;
  background-color: rgba(255, 255, 255, 1);
}
 
.i-phone161-group1000001833 {
  top: 25px;
  left: 12px;
  width: 393px;
  height: 289.1402282714844px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.i-phone161-group1000001830 {
  top: 0px;
  left: 0px;
  width: 393px;
  height: 289.1402282714844px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.i-phone161-group1000001826 {
  top: 76px;
  left: 0px;
  width: 393px;
  height: 213.14022827148438px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.i-phone161-text4 {
  color: rgba(27, 26, 26, 1);
  width: 393px;
  height: auto;
  position: absolute;
  font-size: 36px;
  font-style: Regular;
  text-align: center;
  font-family: Inter;
  font-weight: 400;
  line-height: 48px;
  font-stretch: normal;
  text-decoration: none;
}
 
.i-phone161-text5 {
  top: 119px;
  left: 20px;
  color: rgba(0, 0, 0, 1);
  width: 361px;
  height: auto;
  position: absolute;
  font-size: 16px;
  font-style: Regular;
  text-align: center;
  font-family: Inter;
  font-weight: 400;
  line-height: 28px;
  font-stretch: normal;
  text-decoration: none;
}
 
.i-phone161-group1073 {
  top: 0px;
  left: 109px;
  width: 141.1103515625px;
  height: 75.90852355957031px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.i-phone161-text6 {
  color: rgba(0, 0, 0, 1);
  width: 141px;
  height: auto;
  position: absolute;
  font-size: 24px;
  font-style: Regular;
  text-align: center;
  font-family: Inter;
  font-weight: 400;
  line-height: 48px;
  font-stretch: normal;
  text-decoration: none;
}
 
.i-phone161-button1 {
  top: 329px;
  left: 43px;
  width: 338px;
  height: 48px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 9999px;
  background-color: rgba(4, 0, 150, 1);
}
 
.i-phone161-text7 {
  top: 10px;
  left: 93px;
  color: rgba(255, 255, 255, 1);
  width: 132px;
  height: auto;
  position: absolute;
  font-size: 17.15625px;
  font-style: Medium;
  text-align: center;
  font-family: Inter;
  font-weight: 500;
  line-height: 28px;
  font-stretch: normal;
  text-decoration: none;
}
 
.i-phone161svg4 {
  top: 18.889999389648438px;
  left: 233.0399932861328px;
  width: 12px;
  height: 12px;
  position: absolute;
}
 
.i-phone161-button2 {
  top: 392px;
  left: 43px;
  width: 338px;
  height: 48px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 9999px;
  background-color: rgba(190, 228, 254, 1);
}
 
.i-phone161-text8 {
  top: 10px;
  left: 93px;
  color: rgba(0, 0, 0, 1);
  width: 132px;
  height: auto;
  position: absolute;
  font-size: 17.15625px;
  font-style: Medium;
  text-align: center;
  font-family: Inter;
  font-weight: 500;
  line-height: 28px;
  font-stretch: normal;
  text-decoration: none;
}
 
.i-phone161svg5 {
  top: 18.889999389648438px;
  left: 233.0399932861328px;
  width: 12px;
  height: 12px;
  position: absolute;
}
 
.i-phone161-divoverflowhidden4 {
  top: 25px;
  left: -51px;
  width: 96px;
  height: 96px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.i-phone161svg6 {
  top: -2.2799999713897705px;
  left: -1.090000033378601px;
  width: 96px;
  height: 96px;
  position: absolute;
}
 
.i-phone161-divoverflowhidden5 {
  top: 41px;
  left: 339px;
  width: 80px;
  height: 80px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.i-phone161svg7 {
  top: 3.009999990463257px;
  left: 0.8600000143051147px;
  width: 80px;
  height: 80px;
  position: absolute;
}
 
.i-phone161-divoverflowhidden6 {
  top: -8px;
  left: 261px;
  width: 64px;
  height: 64px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.i-phone161svg8 {
  top: 2.740000009536743px;
  left: 0.6399999856948853px;
  width: 64px;
  height: 64px;
  position: absolute;
}
 
.i-phone161-divoverflowhidden7 {
  top: 169px;
  left: 4px;
  width: 64px;
  height: 64px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.i-phone161svg9 {
  top: 0.7699999809265137px;
  left: -0.33000001311302185px;
  width: 64px;
  height: 64px;
  position: absolute;
}
 
.i-phone161-link {
  display: contents;
}
 
.i-phone161-container2 {
  right: 50px;
  border: 1px solid #ffffff5c;
  bottom: 30px;
  display: flex;
  z-index: 22;
  position: fixed;
  box-shadow: 5px 5px 10px 0px rgba(31, 31, 31, 0.4);
  min-height: auto;
  align-items: center;
  padding-top: 8px;
  padding-left: 12px;
  border-radius: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  backdrop-filter: blur(6px);
  background-color: rgba(41, 41, 41, 0.41);
}
 
.i-phone161-icon1 {
  width: 24px;
  margin-right: 4px;
}
 
.i-phone161-text9 {
  color: white;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

/* ==== MOBILE LAYOUT FIX (incolla in fondo a mobile_index.css) ==== */
body { overflow-x: hidden !important; }

/* Contenitore principale: niente altezza fissa & niente tagli */
.mac-book-pro145-mac-book-pro145{
  height: auto !important;
  min-height: 100vh !important;
  overflow: visible !important;
  padding: 16px 0 !important;
}

/* Nascondi le decorazioni esportate che “galleggiano” sullo sfondo */
[class^="mac-book-pro145-divoverflowhidden"],
[class*=" mac-book-pro145-divoverflowhidden"],
/* se vuoi nascondere TUTTI gli svg decorativi ai lati: */
.mac-book-pro145svg10,.mac-book-pro145svg11,.mac-book-pro145svg12,
.mac-book-pro145svg13,.mac-book-pro145svg14,.mac-book-pro145svg15,
.mac-book-pro145svg16,.mac-book-pro145svg17,.mac-book-pro145svg18,
.mac-book-pro145svg19,.mac-book-pro145svg20,.mac-book-pro145svg21,
.mac-book-pro145svg22,.mac-book-pro145svg23,.mac-book-pro145svg24,
.mac-book-pro145svg25,.mac-book-pro145svg26,.mac-book-pro145svg27,
.mac-book-pro145svg28,.mac-book-pro145svg29 {
  display: none !important;
}

/* ---------- HERO (titolo + sottotitolo) ---------- */
.mac-book-pro145-group1000001826{
  position: static !important;
  width: 100% !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  gap: 8px !important;
  padding: 0 12px !important;
  margin: 0 0 12px 0 !important;
}
.mac-book-pro145-text1,
.mac-book-pro145-text2{
  position: static !important;
  left: auto !important; top: auto !important;
  width: 100% !important;
  max-width: 680px !important;
  text-align: center !important;
}
.mac-book-pro145-text1{
  font-size: clamp(24px, 8vw, 34px) !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}
.mac-book-pro145-text2{
  font-size: 16px !important;
  line-height: 1.5 !important;
}

/* ---------- LOGO ---------- */
.mac-book-pro145-group1073{
  position: static !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 0 8px 0 !important;
}
.mac-book-pro145-text6{ position: static !important; line-height: 1.2 !important; }

/* ---------- CTA (bottoni) ---------- */
.mac-book-pro145-group1000001827{
  position: static !important;
  width: 100% !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  padding: 0 12px !important;
  margin: 12px 0 !important;
}
.mac-book-pro145-button1,
.mac-book-pro145-button2,
.mac-book-pro145-text7,.mac-book-pro145-text8,
.mac-book-pro145svg30,.mac-book-pro145svg31{
  position: static !important;
}
.mac-book-pro145-button1,
.mac-book-pro145-button2{
  width: 100% !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ---------- STEPS (cerchio + testo) ---------- */
/* Assicurati che i 3 step siano nel wrapper <div class="steps">…</div> */
.steps{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  padding: 0 12px !important;
  margin: 12px 0 !important;
}
.steps > div{
  position: static !important;
  width: 100% !important;
  height: auto !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  justify-items: center !important;
  text-align: center !important;
}
.mac-book-pro145-ellipse1,
.mac-book-pro145-ellipse2,
.mac-book-pro145-ellipse3{
  position: static !important;
  width: 120px !important;
  height: 120px !important;
  margin: 0 auto 6px !important;
}
.mac-book-pro145-group1000001813,
.mac-book-pro145-group1000001814,
.mac-book-pro145-group1000001815{
  position: static !important;
  width: 100% !important;
  height: auto !important;
}
.mac-book-pro145-text3,
.mac-book-pro145-text4,
.mac-book-pro145-text5{
  position: static !important;
  width: 100% !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  text-align: center !important;
  margin: 0 !important;
}
/* Se i pallini numerati (div1/2/3) non servono su mobile, nascondili: */
.mac-book-pro145-div1,
.mac-book-pro145-div2,
.mac-book-pro145-div3{ display: none !important; }