/* FAQ: CSS originale dell'utente per Cosa fa CT25 e Perché scegliere CT25.
 * Scoping: i selettori restano confinati alle classi ct25-serv e ct25-why.
 */
.ct25-serv,.ct25-serv *,.ct25-why,.ct25-why *{box-sizing:border-box}
.ct25-serv,.ct25-why{font-family:Arial,Helvetica,sans-serif;color:#0b1b3a}
.ct25-serv .wrap,.ct25-why .wrap{max-width:1100px;margin:0 auto;padding:0 14px}
.ct25-serv{margin:22px auto 0}
.ct25-why .wrap{margin:22px auto 0}
.ct25-serv .box,.ct25-why .shell{background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);border:1px solid #e8eefc;border-radius:20px;padding:18px;box-shadow:0 16px 38px rgba(0,0,0,.08);position:relative;overflow:hidden}
.ct25-serv .box:before,.ct25-why .shell:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#155fd6 0%,#1b7cff 55%,#ffd400 100%)}
.ct25-serv .head,.ct25-why .head{text-align:center;margin-top:4px}
.ct25-serv h2,.ct25-why .title{margin:6px 0 8px;font-size:22px;font-weight:1000;letter-spacing:.2px;color:#08224b}
.ct25-serv .sub,.ct25-why .sub{margin:0 auto 12px;max-width:940px;color:#334155;font-size:14px;line-height:1.55}
.ct25-serv .pill,.ct25-why .pill{display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:center;align-items:center;margin:10px auto 0;padding:10px 12px;border-radius:999px;font-weight:1000;font-size:13px;color:#08224b;background:linear-gradient(90deg,#ffd400 0%,#ffe88a 70%,#fff6d2 100%);border:1px solid rgba(0,0,0,.10);box-shadow:0 10px 22px rgba(0,0,0,.08);max-width:980px;text-align:center}
.ct25-serv .pill .pill-item,.ct25-why .pill .pill-item{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.1);white-space:nowrap}
.ct25-serv .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.ct25-serv .card{background:#fff;border:1px solid #e7eefc;border-radius:18px;padding:14px 14px 12px;box-shadow:0 12px 26px rgba(0,0,0,.06);transition:.2s;text-align:center}
.ct25-serv .card:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(0,0,0,.10)}
.ct25-serv .ico{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:1000;background:#eef4ff;border:1px solid #cfe0ff;color:#155fd6;margin:0 auto 10px;font-size:20px}
.ct25-serv .card h3{margin:0 0 8px;font-size:15px;font-weight:1000;color:#08224b}
.ct25-serv .card p{margin:0;color:#334155;font-size:13.5px;line-height:1.5}
.ct25-serv .card b{color:#155fd6}
.ct25-serv .row,.ct25-why .cta-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.ct25-serv .btn,.ct25-why .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:14px;font-weight:1000;font-size:13.5px;text-decoration:none;transition:.2s;border:1px solid transparent;min-width:260px}
.ct25-serv .btn.primary,.ct25-why .btn.primary{background:#ffd400;color:#08224b;box-shadow:0 10px 20px rgba(0,0,0,.18)}
.ct25-serv .btn:hover,.ct25-why .btn:hover{transform:translateY(-2px)}
.ct25-serv .note{margin:16px auto 0;max-width:980px;background:#f7fbff;border:1px solid #dbe7ff;border-radius:16px;padding:12px 14px;color:#17345f;font-size:13.5px;line-height:1.55;text-align:center}
.ct25-serv .note strong{color:#08224b}
.ct25-why .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:16px;align-items:stretch}
.ct25-why .box{background:#fff;border:1px solid #e7eefc;border-radius:18px;padding:14px;box-shadow:0 12px 26px rgba(0,0,0,.06);position:relative;overflow:hidden}
.ct25-why .box:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#155fd6 0%,#ffd400 100%);opacity:.85}
.ct25-why .h3{margin:4px 0 10px;font-size:15px;font-weight:1000;color:#08224b;display:flex;align-items:center;gap:10px}
.ct25-why .h3 .icon{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#eef4ff;border:1px solid #cfe0ff;color:#155fd6;flex:0 0 auto}
.ct25-why .list{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.ct25-why .item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);border:1px solid #e7eefc;color:#334155;font-size:13.5px;line-height:1.5}
.ct25-why .tick{width:22px;height:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:1000;background:#ffd400;color:#08224b;flex:0 0 auto;margin-top:1px;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.ct25-why b{color:#155fd6;font-weight:1000}
.ct25-why .highlight{background:linear-gradient(135deg,#155fd6 0%,#0f4fb3 100%);color:#fff;border-color:rgba(255,255,255,.14);box-shadow:0 18px 45px rgba(0,0,0,.18)}
.ct25-why .highlight:before{background:linear-gradient(90deg,#ffd400 0%,#fff 55%,#ffd400 100%);opacity:.35}
.ct25-why .highlight .h3{color:#fff}
.ct25-why .highlight .h3 .icon{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#ffd400}
.ct25-why .hl-text{margin:0;font-size:14px;line-height:1.6;color:#eef4ff;text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}
.ct25-why .hl-text strong{color:#ffd400;font-weight:1000}
.ct25-why .mini{margin-top:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:900;font-size:13px;line-height:1.5;text-align:justify;text-justify:inter-word}
.ct25-why .highlight .code-yellow{color:#ffd400;font-weight:1000}
.ct25-why .note{margin:14px auto 0;max-width:980px;background:#fffbe6;border:1px solid #ffe58f;border-radius:16px;padding:12px 14px;color:#7a4b00;font-weight:1000;font-size:13px;line-height:1.55;text-align:center}
.ct25-why .note strong{color:#b10000}
@media(max-width:980px){.ct25-serv .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ct25-why .grid{grid-template-columns:1fr}}
@media(max-width:520px){.ct25-serv .grid{grid-template-columns:1fr}.ct25-serv .btn,.ct25-why .btn{width:100%;min-width:0}.ct25-serv .pill,.ct25-why .pill{border-radius:18px;padding:10px;max-width:360px}.ct25-why .shell{padding:14px}.ct25-why .title{font-size:19px}}
