/* Connettore Metron extends the approved Easy Store Web design. */
.esw-metron-brand{display:flex;align-items:center;gap:16px}
.esw-metron-brand>img{width:68px;height:auto;flex:none}
.esw-metron-brand>p{margin:0;line-height:1.2}
.esw-metron-brand strong{display:block;font-size:34px;font-weight:800;letter-spacing:-.035em;color:var(--navy)}
.esw-metron-brand span{display:block;margin-top:6px;font-size:16px;line-height:1.5;color:var(--muted)}
.esw-metron-identity{flex:none;padding-bottom:4px}
.esw-metron-tagline{margin-top:17px;font-size:11px;font-weight:700;letter-spacing:.13em;color:var(--muted)}
.integration .esw-metron-caption{font-size:min(16px,2.85cqw);white-space:nowrap;max-width:none}
.integration .integration-visual{container-type:inline-size}
.esw-connector-hero .esw-editorial-grid{grid-template-columns:1fr 1fr;gap:64px}
.esw-connector-hero .esw-metron-brand{margin:32px 0 26px}
.esw-connector-hero .esw-editorial-photo{min-height:0}
.esw-connector-hero .esw-editorial-photo img{height:460px}
.esw-connector-hero h1{font-size:clamp(48px,5.2vw,78px)}
.esw-connector-benefits{background:var(--navy);color:#fff;padding:48px 0}
.esw-connector-benefits>.wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}
.esw-connector-benefits article>.icon{width:32px;height:32px;color:#ffb376;margin-bottom:22px}
.esw-connector-benefits h2{font-size:25px;line-height:1.3;margin-bottom:16px}
.esw-connector-benefits p{font-size:17px;line-height:1.85;color:#cedde8}
.esw-connector-jump{display:flex;flex-wrap:wrap;gap:12px 26px;margin:30px 0 58px}
.esw-connector-jump a{color:var(--blue);font-size:15px;font-weight:700;padding:8px 0;text-decoration:underline;text-underline-offset:6px}
.esw-connector-chapter{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;scroll-margin-top:140px}
.esw-connector-chapter+.esw-connector-chapter{margin-top:90px}
.esw-connector-chapter-heading h2{font-size:clamp(32px,3vw,44px)}
.esw-connector-chapter-heading .lead{margin-top:25px;font-size:19px}
.esw-connector-steps{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.esw-connector-step{display:flex;gap:24px;align-items:flex-start;padding:29px;background:var(--pale);border-radius:20px}
.esw-connector-step .group-number{flex:none;width:43px;height:43px;font-size:15px;border-radius:12px;margin:0}
.esw-connector-system{display:block;font-size:12px;font-weight:800;color:var(--teal);letter-spacing:.035em;margin-bottom:11px}
.esw-connector-step h3{font-size:25px;line-height:1.3;margin-bottom:15px}
.esw-connector-step p{font-size:17px;line-height:1.85;color:var(--muted)}
.esw-connector-config{background:var(--pale)}
.esw-connector-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.esw-connector-config h2{font-size:clamp(34px,3.3vw,48px)}
.esw-connector-config p+p{margin-top:25px;color:var(--muted);font-size:18px;line-height:1.85}
.esw-connector-group{background:var(--navy);padding:70px 0;color:#fff}
.esw-connector-group>.wrap{display:grid;grid-template-columns:.6fr 1.4fr;gap:75px;align-items:center}
.esw-connector-group img{width:230px;height:auto;max-width:100%;margin-bottom:24px}
.esw-connector-group span{font-size:14px;color:#c9dbe7}
.esw-connector-group h2{font-size:clamp(32px,3vw,44px)}
.esw-connector-group p{font-size:19px;line-height:1.85;margin-top:25px;color:#cedde8}
@media(max-width:1020px){
 .esw-connector-hero .esw-editorial-grid,.esw-connector-chapter,.esw-connector-config-grid{grid-template-columns:1fr;gap:32px}
 .esw-connector-hero .esw-editorial-photo{max-width:780px}.esw-connector-hero .esw-editorial-photo img{height:auto}
 .esw-connector-benefits>.wrap{gap:28px}.esw-connector-benefits h2{font-size:23px}.esw-connector-benefits p{font-size:16px}
 .esw-connector-chapter-heading{max-width:760px}.esw-connector-chapter+.esw-connector-chapter{margin-top:64px}
 .esw-connector-group>.wrap{gap:42px;grid-template-columns:.7fr 1.3fr}
}
@media(max-width:700px){
 .integration .integration-heading{flex-direction:column;align-items:flex-start;gap:28px}
 .esw-metron-brand>img{width:58px}.esw-metron-brand strong{font-size:30px}.esw-metron-brand span{font-size:15px}
 .esw-metron-tagline{margin-top:12px}.esw-connector-hero .esw-metron-brand{margin:26px 0}
 .esw-connector-hero .actions .button{width:100%}
 .esw-connector-benefits>.wrap{grid-template-columns:1fr;gap:35px}.esw-connector-benefits article>.icon{margin-bottom:16px}
 .esw-connector-benefits h2{font-size:25px}.esw-connector-benefits p{font-size:17px}
 .esw-connector-jump{margin:24px 0 36px;gap:6px 20px}.esw-connector-jump a{font-size:14px}
 .esw-connector-step{padding:24px 20px;gap:17px}.esw-connector-step h3{font-size:22px}.esw-connector-step p{font-size:16px}
 .esw-connector-step .group-number{width:35px;height:35px;font-size:12px}.esw-connector-system{font-size:11px}
 .esw-connector-chapter-heading .lead{font-size:18px;margin-top:22px}
 .esw-connector-group{padding:55px 0}.esw-connector-group>.wrap{grid-template-columns:1fr;gap:30px}.esw-connector-group p{font-size:18px}
 .esw-connector-group img{width:195px;margin-bottom:16px}
}