/* ==========================================================================
   myAI4.it — layer di brand sopra Azzle
   Palette dal logo: navy #0B1446, blu #1E5BFF, ciano #19B5FE, verde #22C55E
   ========================================================================== */

:root {
  --myai4-navy: #0B1446;
  --myai4-navy-2: #121D5C;
  --myai4-blue: #1E5BFF;
  --myai4-cyan: #19B5FE;
  --myai4-green: #22C55E;
  --myai4-bg: #F3F6FF;
  --myai4-bg-2: #E8EEFF;
  --myai4-muted: #5B6488;
  --myai4-line: rgba(11, 20, 70, .1);
  --myai4-gradient: linear-gradient(120deg, #1E5BFF 0%, #19B5FE 52%, #22C55E 100%);
  --myai4-shadow: 0 24px 60px -24px rgba(11, 20, 70, .28);
  --myai4-font-head: "Space Grotesk", "Inter", sans-serif;

  /* variabili Azzle */
  --heading-color: #0B1446;
  --heading-bg: #0B1446;
  --accent-color: #1E5BFF;
  --accent-bg: #1E5BFF;
  --light-color2: #F3F6FF;
  --light-color5: #F3F6FF;
  --light-color7: #E8EEFF;
  --variable-color4: #1E5BFF;
  --variable-color5: #19B5FE;
  --variable-color6: #22C55E;
}

/* ---------- Base ---------- */
body.myai4 { font-family: "Inter", sans-serif; color: var(--myai4-navy); }
.myai4 h1, .myai4 h2, .myai4 h3, .myai4 h4, .myai4 h5, .myai4 h6,
.myai4 .h1, .myai4 .h2, .myai4 .h3 { font-family: var(--myai4-font-head); letter-spacing: -0.02em; }
.myai4 h1 { font-size: clamp(42px, 6.2vw, 88px); line-height: 1.02; }
.myai4 h2 { font-size: clamp(32px, 4vw, 56px); line-height: 1.08; }
.myai4 p { color: var(--myai4-muted); }
::selection { background: var(--myai4-blue); color: #fff; }

.myai4-gradient-text {
  background: var(--myai4-gradient);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}

.myai4-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 14px; margin-bottom: 20px;
  font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--myai4-blue);
  background: rgba(30, 91, 255, .08);
  border: 1px solid rgba(30, 91, 255, .18);
  border-radius: 50px;
}
.myai4-eyebrow--light { color: #9EE6B8; background: rgba(34, 197, 94, .12); border-color: rgba(34, 197, 94, .3); }
.myai4-lead { font-size: 19px; line-height: 1.6; margin: 0; }

/* sfere sfocate decorative */
.myai4-orb { position: absolute; width: 520px; height: 520px; border-radius: 50%; filter: blur(110px); opacity: .35; pointer-events: none; z-index: 0; }
.myai4-orb--blue { background: var(--myai4-blue); top: -160px; left: -160px; }
.myai4-orb--green { background: var(--myai4-green); bottom: -200px; right: -140px; opacity: .25; }

/* ---------- Bottoni ---------- */
.myai4 .azzle-default-btn, .myai4 #azzle-submit-btn {
  background: var(--myai4-navy); z-index: 1;
  box-shadow: 0 12px 30px -12px rgba(30, 91, 255, .55);
}
.myai4 .azzle-default-btn::before, .myai4 #azzle-submit-btn::before { background: var(--myai4-gradient); }
.myai4 .azzle-default-btn.outline-btn { background: transparent; color: var(--myai4-navy); border: 2px solid var(--myai4-navy); box-shadow: none; }
.myai4 .azzle-default-btn.outline-btn:hover { color: #fff; border-color: transparent; }
.myai4 .azzle-default-btn.myai4-btn-light { background: #fff; color: var(--myai4-navy); }
.myai4 .azzle-default-btn.myai4-btn-light:hover { color: #fff; }

/* ---------- Header ---------- */
.myai4-header .myai4-logo { height: 52px; width: auto; }
.myai4-header.sticky-menu { background: rgba(255, 255, 255, .86) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.myai4 .main-menu > ul > li > a { font-family: var(--myai4-font-head); font-weight: 600; font-size: 17px; color: var(--myai4-navy); }
.myai4 .main-menu > ul > li > a.active, .myai4 .main-menu > ul > li > a:hover { color: var(--myai4-blue); }
.myai4 .main-menu > ul > li > a.active::after {
  content: ""; display: block; height: 3px; border-radius: 3px; margin-top: 4px; background: var(--myai4-gradient);
}
.myai4-footer .myai4-logo, .myai4 .azzle-footer-textarea img { height: 64px; width: auto; }
@media (max-width: 767px) { .myai4-header .myai4-logo { height: 40px; } }

.myai4 #preloader { background: var(--myai4-navy); }
.myai4 #preloader .text { font-family: var(--myai4-font-head); color: #fff; }
.myai4 .progress-wrap .top-arrow { display: flex; align-items: center; justify-content: center; font-size: 22px; color: var(--myai4-blue); }
.myai4 .progress-wrap svg.progress-circle path { stroke: var(--myai4-blue); }
.myai4 .progress-bar { background: var(--myai4-gradient); }

.myai4-edit-page {
  position: fixed; right: 20px; bottom: 90px; z-index: 50;
  padding: 10px 16px; border-radius: 50px; font-weight: 600; font-size: 14px;
  background: var(--myai4-navy); color: #fff !important; box-shadow: var(--myai4-shadow);
}

/* ---------- Hero ---------- */
.myai4-hero { overflow: hidden; background: var(--myai4-bg); padding-top: 200px; }
.myai4-hero .container { position: relative; z-index: 1; }
.myai4-grid-bg {
  position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(11, 20, 70, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(11, 20, 70, .05) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(ellipse at 50% 30%, #000 30%, transparent 75%);
  mask-image: radial-gradient(ellipse at 50% 30%, #000 30%, transparent 75%);
}
.myai4-hero-content h1 { padding-bottom: 24px; }
.myai4-hero-content p { font-size: 19px; line-height: 1.65; font-weight: 500; }
.myai4-hero .azzle-hero-button { justify-content: flex-start; }
.myai4-hero-trust { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 32px 0 0; padding: 0; list-style: none; }
.myai4-hero-trust li { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; }
.myai4-hero-trust i { color: var(--myai4-green); font-size: 20px; }
.myai4-hero .divider { margin-top: 90px; }
.myai4-tech-logo { font-family: var(--myai4-font-head); font-weight: 700; font-size: 22px; color: rgba(11, 20, 70, .45); white-space: nowrap; padding: 0 22px; }

/* console AI */
.myai4-console {
  position: relative; margin: 40px 0 0 auto; max-width: 560px;
  border-radius: 24px; background: var(--myai4-navy); color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08),
    -30px 40px 90px -30px rgba(30, 91, 255, .7),
    30px 50px 90px -30px rgba(34, 197, 94, .55);
}
.myai4-console-bar { display: flex; align-items: center; gap: 7px; padding: 16px 20px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.myai4-console-bar span { width: 11px; height: 11px; border-radius: 50%; background: rgba(255, 255, 255, .2); }
.myai4-console-bar span:first-child { background: #FF5F57; }
.myai4-console-bar span:nth-child(2) { background: #FEBC2E; }
.myai4-console-bar span:nth-child(3) { background: #28C840; }
.myai4-console-bar p { margin: 0 0 0 10px; font-size: 13px; color: rgba(255, 255, 255, .55); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.myai4-console-body { padding: 24px; display: grid; gap: 16px; }
.myai4-msg { display: flex; gap: 14px; padding: 16px; border-radius: 16px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .07); }
.myai4-msg > i { flex: 0 0 38px; height: 38px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 19px; background: rgba(255, 255, 255, .08); }
.myai4-msg--ai > i { background: var(--myai4-gradient); }
.myai4-msg strong { display: block; font-size: 13px; letter-spacing: .02em; color: rgba(255, 255, 255, .7); margin-bottom: 4px; }
.myai4-msg p { margin: 0; color: #fff; font-size: 15px; line-height: 1.5; }
.myai4-steps { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; font-size: 14px; }
.myai4-steps li { display: flex; align-items: center; gap: 8px; opacity: 0; transform: translateY(6px); animation: myai4-step .5s forwards; }
.myai4-steps li:nth-child(1) { animation-delay: 1.8s; }
.myai4-steps li:nth-child(2) { animation-delay: 2.5s; }
.myai4-steps li:nth-child(3) { animation-delay: 3.2s; }
.myai4-steps li i { width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; background: rgba(34, 197, 94, .2); color: #6EE7A0; }
.myai4-steps li.is-run i { background: rgba(25, 181, 254, .2); color: #7DD3FC; animation: myai4-spin 1.2s linear infinite; }
.myai4-steps em { font-style: normal; color: #7DD3FC; }
.myai4-console-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.myai4-console-metrics > div { padding: 14px 16px; border-radius: 14px; background: rgba(255, 255, 255, .05); }
.myai4-console-metrics span { display: block; font-size: 12px; color: rgba(255, 255, 255, .55); text-transform: uppercase; letter-spacing: .08em; }
.myai4-console-metrics strong { display: block; font-size: 17px; margin: 2px 0 10px; }
.myai4-console-metrics strong.is-good { color: #6EE7A0; }
.myai4-bar { height: 6px; border-radius: 6px; background: rgba(255, 255, 255, .08); overflow: hidden; }
.myai4-bar i { display: block; height: 100%; border-radius: 6px; background: var(--myai4-gradient); transform-origin: left; animation: myai4-grow 1.4s 1s both cubic-bezier(.2, .8, .2, 1); }
.myai4-float-card {
  position: absolute; display: flex; align-items: center; gap: 8px;
  padding: 12px 18px; border-radius: 50px; font-weight: 700; font-size: 14px;
  background: #fff; color: var(--myai4-navy); box-shadow: var(--myai4-shadow);
  animation: myai4-float 5s ease-in-out infinite;
}
.myai4-float-card i { font-size: 18px; color: var(--myai4-green); }
.myai4-float-card--1 { right: 36px; top: -22px; }
.myai4-float-card--2 { right: -20px; bottom: -22px; animation-delay: -2.5s; }
.myai4-float-card--2 i { color: var(--myai4-blue); }
@media (max-width: 991px) {
  .myai4-console { margin: 60px auto 0; }
  .myai4-float-card--1 { left: 10px; top: -22px; }
}

@keyframes myai4-step { to { opacity: 1; transform: none; } }
@keyframes myai4-spin { to { transform: rotate(360deg); } }
@keyframes myai4-grow { from { transform: scaleX(0); } }
@keyframes myai4-float { 50% { transform: translateY(-10px); } }

/* ---------- Icon box (Perché myAI4) ---------- */
.myai4 .azzle-iconbox-column { border-color: var(--myai4-line); background: var(--myai4-line); }
.myai4 .azzle-iconbox-wrap { padding: 40px 30px; }
.myai4 .azzle-iconbox-wrap:hover { background: var(--myai4-navy); }
.myai4-icon i {
  display: inline-flex; align-items: center; justify-content: center;
  width: 70px; height: 70px; border-radius: 20px; font-size: 32px;
  color: #fff; background: var(--myai4-gradient);
  box-shadow: 0 16px 30px -14px rgba(30, 91, 255, .7);
  transition: transform .4s;
}
.myai4 .azzle-iconbox-wrap:hover .myai4-icon i { transform: rotate(-8deg) scale(1.06); }
.myai4 .azzle-iconbox-content h3 { margin: 28px 0 12px; }

/* ---------- Aree ---------- */
.myai4-areas { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
@media (max-width: 1199px) { .myai4-areas { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) { .myai4-areas { grid-template-columns: 1fr; } }
.myai4-area-card {
  position: relative; display: flex; flex-direction: column; gap: 14px;
  padding: 30px 26px; border-radius: 24px; min-height: 320px;
  background: var(--myai4-bg); border: 1px solid var(--myai4-line);
  color: var(--myai4-navy); overflow: hidden; transition: transform .4s, box-shadow .4s, color .4s;
}
.myai4-area-card::before { content: ""; position: absolute; inset: 0; background: var(--myai4-navy); opacity: 0; transition: opacity .4s; z-index: 0; }
.myai4-area-card > * { position: relative; z-index: 1; }
.myai4-area-card:hover { transform: translateY(-8px); box-shadow: var(--myai4-shadow); color: #fff; }
.myai4-area-card:hover::before { opacity: 1; }
.myai4-area-card:hover p { color: rgba(255, 255, 255, .7); }
.myai4-area-card:hover h3 { color: #fff; }
.myai4-area-card h3 { font-size: 22px; line-height: 1.2; }
.myai4-area-card p { font-size: 15px; line-height: 1.55; margin: 0; flex: 1; }
.myai4-area-icon {
  width: 56px; height: 56px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center;
  font-size: 26px; color: #fff; background: var(--myai4-gradient); flex: 0 0 auto;
}
.myai4-area-count { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--myai4-blue); }
.myai4-area-card:hover .myai4-area-count { color: #7DD3FC; }
.myai4-area-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 15px; }
.myai4-area-link i { transition: transform .3s; }
a:hover .myai4-area-link i { transform: translate(3px, -3px); }

/* ---------- Sezione scura + card servizi ---------- */
.myai4-dark-section { position: relative; overflow: hidden; background: var(--myai4-navy); border-radius: 50px; margin: 0 12px; }
.myai4-dark-section .container { position: relative; z-index: 1; }
.myai4-dark-section h2 { color: #fff; }

.myai4-service-card {
  position: relative; display: flex; flex-direction: column; height: 100%;
  padding: 32px 28px; border-radius: 24px; background: #fff;
  border: 1px solid var(--myai4-line); color: var(--myai4-navy);
  transition: transform .4s, box-shadow .4s, border-color .4s;
  scroll-margin-top: 140px;
}
.myai4-service-card:hover { transform: translateY(-6px); box-shadow: var(--myai4-shadow); border-color: rgba(30, 91, 255, .3); }
.myai4-service-card::after {
  content: ""; position: absolute; left: 28px; right: 28px; top: 0; height: 3px; border-radius: 0 0 3px 3px;
  background: var(--myai4-gradient); transform: scaleX(0); transition: transform .4s; transform-origin: left;
}
.myai4-service-card:hover::after, .myai4-service-card.is-target::after { transform: scaleX(1); }
.myai4-service-card.is-target { border-color: var(--myai4-blue); box-shadow: 0 0 0 4px rgba(30, 91, 255, .12), var(--myai4-shadow); }
.myai4-service-icon {
  width: 56px; height: 56px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center;
  font-size: 26px; color: var(--myai4-blue); background: rgba(30, 91, 255, .08);
  transition: background .4s, color .4s;
}
.myai4-service-card:hover .myai4-service-icon { background: var(--myai4-gradient); color: #fff; }
.myai4-service-card h3, .myai4-service-card h4 { font-size: 22px; line-height: 1.25; margin: 22px 0 10px; }
.myai4-service-card p { font-size: 15px; line-height: 1.6; }

.myai4-service-card--dark { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .08); color: #fff; }
.myai4-service-card--dark h3 { color: #fff; }
.myai4-service-card--dark p { color: rgba(255, 255, 255, .65); flex: 1; }
.myai4-service-card--dark .myai4-service-icon { background: rgba(255, 255, 255, .07); color: #7DD3FC; }
.myai4-service-card--dark:hover { background: rgba(255, 255, 255, .07); border-color: rgba(125, 211, 252, .3); }

/* ---------- Pagina servizi ---------- */
.myai4-filters {
  position: sticky; top: 100px; z-index: 5;
  display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;
  padding: 10px; margin: 0 auto 60px; width: fit-content; max-width: 100%;
  border-radius: 50px; background: rgba(255, 255, 255, .9); backdrop-filter: blur(12px);
  border: 1px solid var(--myai4-line); box-shadow: 0 10px 30px -18px rgba(11, 20, 70, .4);
}
.myai4-filter {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 18px; border-radius: 50px; font-weight: 600; font-size: 15px;
  color: var(--myai4-navy); background: transparent; transition: background .3s, color .3s;
}
.myai4-filter span { font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 20px; background: var(--myai4-bg-2); color: var(--myai4-blue); }
.myai4-filter:hover { background: var(--myai4-bg); }
.myai4-filter.is-active { background: var(--myai4-navy); color: #fff; }
.myai4-filter.is-active span { background: rgba(255, 255, 255, .15); color: #fff; }
@media (max-width: 767px) { .myai4-filters { position: static; border-radius: 20px; } }

.myai4-area-block { margin-bottom: 80px; scroll-margin-top: 120px; }
.myai4-area-block.is-hidden { display: none; }
.myai4-area-head { display: flex; align-items: center; gap: 20px; padding-bottom: 28px; margin-bottom: 32px; border-bottom: 1px solid var(--myai4-line); }
.myai4-area-head h3 { font-size: 30px; margin-bottom: 4px; }
.myai4-area-head p { margin: 0; font-size: 17px; }

.myai4-service-top { display: flex; align-items: center; justify-content: space-between; }
.myai4-service-num { font-family: var(--myai4-font-head); font-weight: 700; font-size: 34px; color: transparent; -webkit-text-stroke: 1px rgba(11, 20, 70, .18); }
.myai4-service-claim { font-family: var(--myai4-font-head); font-size: 17px !important; font-weight: 600; line-height: 1.45 !important; color: var(--myai4-blue) !important; }
.myai4-service-desc { margin-bottom: 22px; }

.myai4-flow { display: grid; grid-template-columns: 1fr auto 1fr; align-items: stretch; gap: 8px; margin-bottom: 20px; }
.myai4-flow-step { padding: 12px 14px; border-radius: 14px; background: var(--myai4-bg); }
.myai4-flow-step span { display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--myai4-muted); margin-bottom: 4px; }
.myai4-flow-step p { margin: 0; font-size: 13.5px !important; line-height: 1.4 !important; color: var(--myai4-navy) !important; font-weight: 500; }
.myai4-flow-step--out { background: rgba(34, 197, 94, .1); }
.myai4-flow-step--out span { color: #15803D; }
.myai4-flow-arrow { display: flex; align-items: center; color: var(--myai4-blue); font-size: 18px; }

.myai4-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 24px; padding: 0; list-style: none; }
.myai4-chips li { font-size: 12px; font-weight: 600; padding: 5px 10px; border-radius: 30px; border: 1px solid var(--myai4-line); color: var(--myai4-muted); }

.myai4-service-cta { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 700; color: var(--myai4-navy); }
.myai4-service-cta i { transition: transform .3s; }
.myai4-service-cta:hover { color: var(--myai4-blue); }
.myai4-service-cta:hover i { transform: translateX(4px); }

.myai4-custom { padding: 60px; border-radius: 32px; background: var(--myai4-bg); border: 1px solid var(--myai4-line); }
@media (max-width: 767px) { .myai4-custom { padding: 32px 22px; } }
.myai4-check-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; }
.myai4-check-list li { display: flex; align-items: center; gap: 12px; padding: 16px 20px; border-radius: 16px; background: #fff; font-weight: 600; box-shadow: 0 8px 24px -18px rgba(11, 20, 70, .5); }
.myai4-check-list i { font-size: 22px; color: var(--myai4-green); }

/* ---------- Banner pagine interne ---------- */
.myai4-banner { overflow: hidden; background: var(--myai4-bg); }
.myai4-banner .container { position: relative; z-index: 1; }
.myai4-banner .azzle-breadcrumb-title { margin-bottom: 24px; }
.myai4-banner-lead { max-width: 720px; margin: 0 auto 40px; font-size: 19px; line-height: 1.6; }
.myai4 .azzle-breadcrumb-menu ul li i { color: var(--myai4-blue); }
.myai4-404 { padding-bottom: 160px; }
.myai4-404 .azzle-breadcrumb-title { font-size: clamp(90px, 18vw, 220px); }

/* ---------- Metodo ---------- */
.myai4-sticky { position: sticky; top: 140px; }
.myai4-process { margin: 0; padding: 0; list-style: none; counter-reset: step; }
.myai4-process li { display: flex; gap: 26px; padding: 34px 0; border-bottom: 1px solid var(--myai4-line); }
.myai4-process li:first-child { padding-top: 0; }
.myai4-process h3 { font-size: 26px; display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.myai4-process h3 i { color: var(--myai4-blue); }
.myai4-process p { margin: 0; font-size: 17px; line-height: 1.6; }
.myai4-process-num {
  flex: 0 0 auto; font-family: var(--myai4-font-head); font-weight: 700; font-size: 44px; line-height: 1;
  background: var(--myai4-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.myai4-process-section .azzle-video-content { padding: 0; max-width: none; }
.myai4-process-section .azzle-counter-wrap { display: flex; flex-wrap: wrap; gap: 50px; }
.myai4-process-section .azzle-counter-item { flex: 1 1 0; min-width: 160px; margin: 0; padding: 26px 0 0; border-top: 2px solid var(--myai4-line); }
.myai4-process-section .azzle-counter-item::before { display: none; }
.myai4-process-section .azzle-counter-item h2 {
  font-size: 64px; line-height: 1; margin-bottom: 10px;
  background: var(--myai4-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.myai4-process-section .azzle-counter-item p { margin: 0; font-weight: 600; }
@media (max-width: 991px) { .myai4-sticky { position: static; margin-bottom: 50px; } }

/* ---------- FAQ ---------- */
.myai4 .azzle-faq-item { border-radius: 18px; }
.myai4 .azzle-faq-item.open { background: var(--myai4-bg); }

/* ---------- CTA ---------- */
.myai4-cta-section { padding: 0 0 130px; position: relative; z-index: 2; }
.myai4-cta {
  position: relative; overflow: hidden; padding: 70px 60px; border-radius: 36px;
  background: var(--myai4-navy); color: #fff;
}
.myai4-cta::before { content: ""; position: absolute; inset: 0; background: var(--myai4-gradient); opacity: .22; }
.myai4-cta .row { position: relative; z-index: 1; }
.myai4-cta h2 { color: #fff; margin-bottom: 14px; }
.myai4-cta p { color: rgba(255, 255, 255, .75); font-size: 18px; margin: 0; }
@media (max-width: 991px) { .myai4-cta { padding: 46px 28px; } .myai4-cta .text-lg-end { margin-top: 30px; } }

/* ---------- Contatti ---------- */
.myai4-contact-info .azzle-contact-info-item { display: flex; gap: 18px; align-items: flex-start; }
.myai4-contact-info h5 { margin-bottom: 4px; }
.myai4-contact-info p { margin: 0; }
.myai4-contact-info a { font-size: 18px; font-weight: 600; color: var(--myai4-blue); word-break: break-all; }
.myai4-contact-icon {
  flex: 0 0 52px; height: 52px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center;
  font-size: 24px; color: #fff; background: var(--myai4-gradient);
}
.myai4-contact-box { border-radius: 28px; border: 1px solid var(--myai4-line); box-shadow: var(--myai4-shadow); }
.myai4-contact-box select {
  width: 100%; height: 60px; padding: 0 20px; border-radius: 10px;
  border: 1px solid var(--light-color3, #DBD6CF); background: #fff; color: var(--myai4-navy); font-size: 16px;
}
.myai4-contact-box input:focus, .myai4-contact-box textarea:focus, .myai4-contact-box select:focus { outline: none; border-color: var(--myai4-blue); box-shadow: 0 0 0 4px rgba(30, 91, 255, .12); }
.myai4-contact-box .is-invalid { border-color: #E5484D !important; }
.myai4-privacy { display: flex; gap: 12px; align-items: flex-start; margin: 4px 0 26px; font-size: 14px; line-height: 1.5; color: var(--myai4-muted); cursor: pointer; }
.myai4-privacy input { margin-top: 4px; width: 18px; height: 18px; accent-color: var(--myai4-blue); flex: 0 0 auto; }
.myai4 #azzle-main-submit-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%;
  background: var(--myai4-gradient); color: #fff; border-radius: 50px; padding: 18px 26px; font-weight: 700; font-size: 17px;
  transition: transform .3s, box-shadow .3s, opacity .3s;
}
.myai4 #azzle-main-submit-btn:hover { transform: translateY(-2px); box-shadow: 0 16px 30px -14px rgba(30, 91, 255, .8); }
.myai4 #azzle-main-submit-btn[disabled] { opacity: .6; pointer-events: none; }
.myai4-step-card { position: relative; height: 100%; padding: 36px 30px; border-radius: 24px; background: var(--myai4-bg); }
.myai4-step-card .myai4-process-num { position: absolute; top: 28px; right: 30px; font-size: 38px; opacity: .9; }
.myai4-step-card h3 { font-size: 24px; margin: 22px 0 10px; }
.myai4-step-card p { margin: 0; font-size: 16px; line-height: 1.6; }

/* ---------- Footer ---------- */
.myai4-footer { background: var(--myai4-bg); }
.myai4 .azzle-footer-top { background: var(--myai4-navy); }
.myai4 .azzle-cta-slider-title { color: #fff; font-family: var(--myai4-font-head); }
.myai4 .azzle-cta-slider-item { display: flex !important; align-items: center; gap: 24px; }
.myai4-marquee-icon { font-size: 44px; line-height: 1; color: var(--myai4-green); }
.myai4-footer .azzle-footer-textarea img.myai4-logo { height: 72px !important; width: auto !important; max-width: none; margin-bottom: 24px; }
.myai4-footer .azzle-default-btn.sm-size { padding: 14px 24px; }
.myai4-footer-note { font-size: 15px; margin: -6px 0 22px; }
.myai4 .azzle-footer-menu ul li a.active { color: var(--myai4-blue); }

/* ---------- Testo libero e pagine semplici ---------- */
.myai4-richtext { font-size: 17px; line-height: 1.7; }
.myai4-richtext img { max-width: 100%; height: auto; border-radius: 16px; }
.myai4-page-plain { padding: 170px 0 130px; }

/* rispetto per chi riduce le animazioni */
@media (prefers-reduced-motion: reduce) {
  .myai4-steps li, .myai4-bar i { animation: none; opacity: 1; transform: none; }
  .myai4-float-card { animation: none; }
}
.myai4-swal { border-radius: 24px !important; font-family: "Inter", sans-serif; }
.myai4-swal .swal2-title { font-family: var(--myai4-font-head); color: var(--myai4-navy); font-size: 28px; }