/* Pagine pubbliche (settori, prezzi, legali): stesso sistema della home, più testo e tabelle. */
.skip{position:absolute;left:-999px;top:8px;background:var(--text);color:#121214;padding:8px 14px;border-radius:20px;z-index:30}
.skip:focus{left:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.navlinks a[aria-current]{color:var(--text)}
.page h1{font-size:clamp(46px,6vw,86px)}
.page h2{font-size:clamp(34px,4vw,56px);margin-bottom:28px}
.lead{font-size:20px;line-height:1.5;letter-spacing:-.02em;color:#b5b5bc;max-width:34em;margin-top:22px}
.fine{font-size:13px;line-height:1.6;color:var(--muted);margin-top:18px;max-width:46em}
.fine a{color:var(--silver);text-decoration:underline;text-underline-offset:3px}
.hero-actions.left{justify-content:flex-start}

/* Settore: testo a sinistra, telefono a destra: la conversazione è l'elemento che si ricorda. */
.sector-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;padding-top:72px}
.sector-copy h1{margin:16px 0 0}
.phone{margin:0;background:#141416;border:1px solid var(--line);border-radius:38px;padding:18px 16px 14px;max-width:380px;justify-self:end;width:100%}
.phone-top{display:flex;gap:12px;align-items:center;padding:4px 6px 16px;border-bottom:1px solid #26262a}
.phone-top strong{display:block;font-size:14px}.phone-top small{font-size:12px;color:var(--muted)}
.avatar{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e9e9ee,#7d7d86)}
.bubbles{list-style:none;margin:0;padding:18px 4px 6px;display:flex;flex-direction:column;gap:10px}
.bubbles li{max-width:82%;padding:10px 14px;font-size:15px;line-height:1.4;border-radius:18px}
.b-in{align-self:flex-start;background:#262629;border-bottom-left-radius:6px}
.b-out{align-self:flex-end;background:var(--text);color:#141416;border-bottom-right-radius:6px}
.phone figcaption{font-size:11px;color:#77777f;text-align:center;padding-top:10px}
@media (prefers-reduced-motion:no-preference){
  .bubbles li{opacity:0;transform:translateY(8px);animation:bubble .45s ease-out forwards;animation-delay:calc(.35s + var(--i) * .7s)}
  @keyframes bubble{to{opacity:1;transform:none}}
}

.problems dl{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0}
.problems dt{font-size:21px;font-weight:600;letter-spacing:-.025em;line-height:1.25}
.problems dd{margin:12px 0 0;color:#b5b5bc;line-height:1.55}

.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.tier{border:1px solid var(--line);border-radius:22px;padding:26px}
.tier-main{background:var(--surface);border-color:#4a4a50}
.tier h3{font-size:19px;font-weight:600}
.tier p{color:#b5b5bc;line-height:1.5;margin-top:10px}
.tier .amount{font-size:44px;font-weight:600;letter-spacing:-.04em;color:var(--text)}
.amount small{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:6px}
.tier ul{margin:18px 0 0;padding-left:18px;line-height:1.8;color:#d6d6dc;font-size:15px}

.faq details{border-top:1px solid var(--line);padding:20px 0;max-width:760px}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{font-size:19px;font-weight:500;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--muted)}
.faq details[open] summary::after{content:"−"}
.faq details p{color:#b5b5bc;line-height:1.6;margin-top:12px;max-width:40em}

.prices-hero{padding-bottom:20px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:22px}
.price-table table{width:100%;border-collapse:collapse;font-size:15px}
.price-table th,.price-table td{padding:18px 20px;text-align:left;border-bottom:1px solid #222225;vertical-align:top}
.price-table tbody tr:last-child>*{border-bottom:0}
.price-table thead th{font-size:13px;font-weight:500;color:var(--muted)}
.price-table td{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:17px}
.price-table tbody th{font-weight:400}
.price-table tbody th strong{display:block;font-weight:600}
.price-table tbody th small{display:block;color:#a3a3aa;margin-top:4px;line-height:1.45;max-width:36em}
.price-table small.limit{color:#7f7f87}
.whitebutton.small{padding:9px 16px;font-size:12px;gap:0}

.legal{max-width:760px}
.legal h2{font-size:24px;letter-spacing:-.02em;margin:36px 0 10px}
.legal p{line-height:1.65;color:#c4c4ca}
.legal a{text-decoration:underline;text-underline-offset:3px}
.notice{border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-top:24px;font-size:14px}
.site-foot .footer-row{display:flex;flex-wrap:wrap;gap:24px;align-items:center;font-size:13px;color:#b5b5bc}
.site-foot p{font-size:12px;color:#77777f;margin-top:18px}

.sectors-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.sectors-strip a{border:1px solid var(--line);border-radius:22px;padding:26px;display:block}
.sectors-strip a:hover{border-color:#5a5a60}
.sectors-strip strong{display:block;font-size:20px;letter-spacing:-.02em}
.sectors-strip span{display:block;color:#b5b5bc;margin-top:8px;line-height:1.5}

@media (max-width:860px){
  .navlinks{display:none}
  .sector-hero,.problems dl,.tiers,.sectors-strip{grid-template-columns:1fr}
  .phone{justify-self:stretch;max-width:none}
  .section{padding:64px 22px}
}

/* Richiesta di prova */
.trial{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.trial-form{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:28px}
.trial-form label{font-size:13px;color:#c4c4ca;margin-top:10px}
.trial-form label small{color:var(--muted)}
.trial-form input,.trial-form select,.trial-form textarea{font:inherit;font-size:16px;color:var(--text);background:#0e0e10;border:1px solid #3a3a3f;border-radius:12px;padding:12px 14px}
.trial-form input:focus-visible,.trial-form select:focus-visible,.trial-form textarea:focus-visible{outline:3px solid #d0d0d7;outline-offset:2px}
.trial-form .whitebutton{justify-content:center;margin-top:18px}
.form-error{border:1px solid #c0533f;color:#ffb4a6;border-radius:12px;padding:12px 14px;font-size:14px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:860px){.trial{grid-template-columns:1fr}}
