/* pagine servizio: estende opera.css */
.hero{min-height:auto;padding-bottom:20px}
.hero .h2{max-width:16ch}
.hero .lead{max-width:56ch}
.facts{margin:8px 0 0;padding:6px 24px;border-radius:26px;background:var(--bg2);border:1px solid var(--line);max-width:520px;box-shadow:0 30px 60px -40px var(--shade)}
.facts div{display:grid;gap:4px;padding:18px 0;border-bottom:1px solid var(--line)}
.facts div:last-child{border-bottom:0}
.facts dt{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--ct)}
.facts dd{margin:0;color:var(--mut);font-size:15px;line-height:1.4}
.facts b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(26px,6vw,34px);letter-spacing:-.03em;line-height:1.05;color:var(--ink)}
.integr .chip{font-size:12.5px;padding:8px 12px}
.note{max-width:70ch}
.example{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center}
.example img{display:block;width:100%;height:auto;border-radius:22px;border:1px solid var(--line);box-shadow:0 30px 60px -34px var(--shade)}
.example p:not(.kick){margin:18px 0 22px;max-width:56ch;color:var(--mut);font-size:17px;line-height:1.6}
.page .more{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line2)}
.page .more:hover{color:var(--ct);border-color:var(--ct)}
.more svg{width:16px;height:16px}
.founder{margin:44px 0 0}
.founder .quote{margin:0}
.founder figcaption{margin-top:16px;font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--mut)}
.founder figcaption a{color:var(--ink)}
.faq{margin-top:32px;border-top:1px solid var(--line);max-width:860px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:clamp(18px,4.6vw,22px);letter-spacing:-.015em;line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex-shrink:0;color:var(--ct);font-size:28px;font-weight:500;line-height:1;transition:transform .25s ease}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:focus-visible{outline:2px solid var(--coral);outline-offset:4px;border-radius:6px}
.faq details p{margin:0 0 24px;max-width:70ch;color:var(--mut);font-size:16.5px;line-height:1.65}
.endcta .sub{margin-top:18px}
.endcta .ctas{margin-top:28px}
.foot .flinks+.flinks{margin-top:-6px}
.smap-sec{padding-top:40px}
.smap{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}
.smap h2{margin:0 0 10px;font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:400;color:var(--ct)}
.smap ul{list-style:none;margin:0;padding:0}
.page .smap a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none;font-size:18px;border-bottom:1px solid transparent}
.page .smap a:hover{color:var(--ct);border-color:var(--ct)}
.smap small{margin-left:10px;color:var(--mut);font-size:13px}
@media (min-width:700px){.smap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){
  .smap{grid-template-columns:repeat(4,minmax(0,1fr))}
  .example{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px}
  .flow{grid-template-columns:repeat(4,minmax(0,1fr))}
  .facts{flex:0 0 400px;margin:0}
}