/* Pagina "Per gli agenti": hero con simulatore "al banco", tre mosse a tutta larghezza, modulo GHL. */
.pga-hero { background: var(--night); color: var(--on-night); padding-block: clamp(2.5rem, 1rem + 5vw, 6rem); overflow: hidden; }
.pga-hero__in { display: grid; gap: var(--sp-6); align-items: center; }
.pga-hero h1 { color: var(--on-night); font-size: clamp(2.5rem, 1.2rem + 5.6vw, 5.75rem); line-height: 1.02; letter-spacing: -.035em; max-width: 11em; overflow-wrap: break-word; }
.pga-hero .lead { color: var(--on-night-2); max-width: 32em; margin-top: var(--sp-4); }
.pga-hero__cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-3); margin-top: var(--sp-4); }
.pga-hero__tel { color: var(--on-night); }
.pga-hero :focus-visible { outline-color: var(--sky-night); }

/* simulatore: il cliente al banco */
.pga-banco { background: var(--paper); color: var(--ink); border-radius: var(--r-lg); padding: var(--sp-4); }
.pga-banco__q { font-weight: 700; font-size: 1.25rem; line-height: 1.25; letter-spacing: -.01em; }
.pga-banco__lab { margin-top: var(--sp-3); margin-bottom: var(--sp-1); font-size: var(--fs-small); color: var(--ink-2); }
.pga-chips { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.pga-chips--2 { grid-template-columns: repeat(2, 1fr); }
.pga-chips button { min-height: 48px; border: 0; border-radius: 999px; background: var(--paper-2); color: var(--ink); font: 600 1rem var(--sans, inherit); cursor: pointer; transition: transform .15s, background-color .15s, color .15s; }
.pga-chips button:hover { background: #c9e3f3; }
.pga-chips button:active { transform: scale(.97); }
.pga-chips button[aria-pressed="true"] { background: var(--brand); color: #fff; }
.pga-chips button:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.pga-bars { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 8px; margin-top: var(--sp-4); }
.pga-bars li { display: grid; align-content: end; gap: 2px; min-height: 5.5rem; padding: 12px; border-radius: 12px; background: var(--paper-2); color: var(--ink-2); animation: pga-pop .35s cubic-bezier(.2, .8, .2, 1) both; }
.pga-bars li:nth-child(2) { animation-delay: .06s; } .pga-bars li:nth-child(3) { animation-delay: .12s; } .pga-bars li:nth-child(4) { animation-delay: .18s; }
.pga-bars b { font-size: 1.0625rem; color: var(--ink); white-space: nowrap; }
.pga-bars span { font-size: var(--fs-small); }
.pga-bars li.is-now { background: var(--ok); color: #fff; min-height: 7rem; }
.pga-bars li.is-now b { color: #fff; }
.pga-banco__out { margin-top: var(--sp-3); font-weight: 600; }
.pga-banco__cap { margin-top: var(--sp-1); font-size: var(--fs-small); color: var(--ink-2); }
@keyframes pga-pop { from { opacity: 0; transform: translateY(10px) scaleY(.9); } }

/* tre mosse, a tutta larghezza */
.pga-move { padding-block: clamp(2.5rem, 1.5rem + 4vw, 5rem); }
.pga-move--a { background: var(--paper); }
.pga-move--b { background: var(--paper-2); }
.pga-move--c { background: var(--leaf); color: var(--on-leaf-2); }
.pga-move__in { display: grid; gap: var(--sp-3); align-items: end; }
.pga-move__big { font-weight: 800; font-size: clamp(2.5rem, 1.2rem + 6vw, 6rem); line-height: 1; letter-spacing: -.04em; color: var(--ink); max-width: 9em; }
.pga-move--c .pga-move__big { color: var(--on-leaf); }
.pga-move__in p:not(.pga-move__big) { max-width: 32rem; font-size: 1.1875rem; color: var(--ink-2); }
.pga-move--c .pga-move__in p:not(.pga-move__big) { color: var(--on-leaf-2); }

/* per chi */
.pga-who { background: var(--paper); padding-block: clamp(3rem, 2rem + 4vw, 6rem); }
.pga-who h2 { font-size: clamp(2rem, 1.2rem + 3.4vw, 4rem); letter-spacing: -.03em; max-width: 14em; }
.pga-who__cols { display: grid; gap: var(--sp-4); padding-top: var(--sp-6); }
.pga-who__cols p { background: var(--paper-2); border-radius: var(--r-lg); padding: var(--sp-4); font-size: 1.125rem; color: var(--ink); }
.pga-who__cols b { display: block; margin-bottom: var(--sp-1); font-size: 1.5rem; letter-spacing: -.01em; }

/* modulo */
.pga-form { background: var(--paper-2); padding-block: clamp(3rem, 2rem + 4vw, 6rem); }
.pga-form__in { display: grid; gap: var(--sp-6); align-items: start; }
.pga-form h2 { font-size: clamp(2.5rem, 1.2rem + 5vw, 5rem); line-height: 1; letter-spacing: -.04em; }
.pga-form__lead { margin-top: var(--sp-3); font-size: 1.1875rem; max-width: 30rem; color: var(--ink-2); }
.pga-form__steps { margin-top: var(--sp-4); display: grid; gap: var(--sp-1); list-style: decimal inside; font-weight: 600; }
.pga-form__tel { margin-top: var(--sp-4); }

.pga-job { background: var(--paper); padding-block: var(--sp-6); }
.pga-job__in { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-1) var(--sp-3); }

.pga-rise { animation: pga-rise .7s cubic-bezier(.2, .8, .2, 1) both; }
.pga-hero__txt .lead { animation-delay: .1s; } .pga-hero__cta { animation-delay: .2s; } .pga-banco { animation-delay: .25s; }
@keyframes pga-rise { from { opacity: 0; transform: translateY(24px); } }
@media (prefers-reduced-motion: reduce) { .pga-rise, .pga-bars li { animation: none; } }

@media (min-width: 60rem) {
  .pga-hero__in { grid-template-columns: 1.25fr 1fr; gap: var(--sp-8); }
  .pga-move__in { grid-template-columns: 1.3fr 1fr; gap: var(--sp-8); }
  .pga-who__cols { grid-template-columns: repeat(3, 1fr); }
  .pga-form__in { grid-template-columns: 1fr 1.1fr; gap: var(--sp-8); }
}

/* vantaggi per chi produce */
.pga-vant { background: var(--night); color: var(--on-night); padding-block: clamp(3rem, 2rem + 4vw, 6rem); }
.pga-vant h2 { color: var(--on-night); font-size: clamp(2rem, 1.2rem + 3.6vw, 4.25rem); line-height: 1.05; letter-spacing: -.035em; max-width: 14em; }
.pga-vant__lead { margin-top: var(--sp-4); max-width: 36rem; font-size: 1.1875rem; color: var(--on-night-2); }
.pga-vant__list { display: grid; gap: var(--sp-2); padding-top: var(--sp-6); }
.pga-vant__list li { background: var(--night-2); border-radius: var(--r-lg); padding: var(--sp-4); }
.pga-vant__list h3 { color: var(--on-night); font-size: 1.375rem; letter-spacing: -.01em; }
.pga-vant__list p { margin-top: var(--sp-1); color: var(--on-night-2); }
.pga-vant__more { padding-top: var(--sp-6); color: var(--on-night); }
.pga-vant .link-arrow { color: var(--on-night); border-bottom-color: var(--sky-night); }
.pga-vant .link-arrow::after { color: var(--sky-night); }
.pga-vant :focus-visible { outline-color: var(--sky-night); }
@media (min-width: 48rem) { .pga-vant__list { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 70rem) { .pga-vant__list { grid-template-columns: repeat(4, 1fr); } }

/* prova: chi c'e' dietro */
.pga-trust { background: var(--paper); padding-block: clamp(2.5rem, 1.5rem + 3vw, 4.5rem); }
.pga-trust__list { display: grid; gap: var(--sp-4); }
.pga-trust__list li { display: grid; gap: 10px; align-content: start; }
.pga-trust__num { font: 800 clamp(2.5rem, 1.8rem + 3vw, 4rem)/1 var(--font); letter-spacing: -.04em; color: var(--leaf); }
.pga-trust__num--txt { font-size: clamp(1.75rem, 1.3rem + 1.8vw, 2.5rem); }
.pga-trust__list p:not(.pga-trust__num) { max-width: 28ch; color: var(--ink); line-height: 1.45; }

/* pitch */
.pga-pitch { background: var(--paper-2); padding-block: clamp(3rem, 2rem + 4vw, 6rem); }
.pga-pitch__in { display: grid; gap: var(--sp-6); align-items: start; }
.pga-pitch h2 { font-size: clamp(2rem, 1.2rem + 3.4vw, 4rem); line-height: 1.05; letter-spacing: -.035em; max-width: 10em; }
.pga-pitch__lead { margin-top: var(--sp-3); max-width: 28rem; font-size: 1.1875rem; color: var(--ink-2); }
.pga-pitch__q { background: var(--paper); border-radius: var(--r-lg); padding: var(--sp-4); font-size: clamp(1.125rem, 1rem + .6vw, 1.5rem); line-height: 1.4; font-weight: 600; letter-spacing: -.01em; }
.pga-pitch__lab { margin-top: var(--sp-4); font-weight: 700; }
.pga-pitch__ask { display: grid; gap: var(--sp-1); margin-top: var(--sp-1); }
.pga-pitch__ask li { padding-left: 1.5rem; position: relative; }
.pga-pitch__ask li::before { content: "?"; position: absolute; left: 0; font-weight: 800; color: var(--brand); }

/* domande */
.pga-faq { background: var(--paper); padding-block: clamp(3rem, 2rem + 4vw, 6rem); }
.pga-faq h2 { font-size: clamp(2rem, 1.2rem + 3.4vw, 4rem); line-height: 1.05; letter-spacing: -.035em; max-width: 14em; margin-bottom: var(--sp-6); }
.pga-faq .faq { max-width: 52rem; }

@media (min-width: 60rem) {
  .pga-trust__list { grid-template-columns: repeat(3, 1fr); gap: var(--sp-8); }
  .pga-pitch__in { grid-template-columns: 1fr 1.2fr; gap: var(--sp-8); }
}