/* Bonus Sicurezza 2026 — aligned with Protezione Facile's blue identity. */
.bonus-banner{padding:62px 0;background:#101d30;color:#fff;border-top:4px solid #1687ff}.bonus-banner-grid,.bonus-hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:64px;align-items:center}.bonus-label{font-weight:700;font-size:12px;letter-spacing:.14em;color:#80c2ff;margin:0 0 18px}.bonus-banner h2{font-size:clamp(28px,3.5vw,44px);line-height:1.12;margin:0 0 18px}.bonus-banner h2 em,.bonus-hero h1 em{color:#80c2ff;font-style:normal}.bonus-banner p:not(.bonus-label):not(.bonus-note){color:#dae6f3;max-width:620px;line-height:1.65}.bonus-banner .button{margin-top:12px;gap:16px}.bonus-note{font-size:13px;line-height:1.6;color:#c0cede;max-width:690px;margin:20px 0 0}.bonus-percent{border-left:1px solid #355171;padding:24px 0 24px 54px;display:flex;flex-direction:column;gap:12px}.bonus-percent>span{font-size:13px;color:#c0cede}.bonus-percent>strong{font-family:'Space Grotesk',sans-serif;font-size:clamp(80px,10vw,140px);line-height:1;color:#80c2ff;letter-spacing:-.07em}.bonus-percent strong span{font-size:.52em;letter-spacing:-.04em}.bonus-percent b{font-size:14px;letter-spacing:.07em}.bonus-hero{padding:52px 0 72px;background:#101d30;color:#fff}.bonus-back{display:inline-block;color:#d8e9fb;margin-bottom:38px;font-size:14px}.bonus-hero h1{font-size:clamp(33px,4.2vw,57px);line-height:1.1;letter-spacing:-.04em;margin:0 0 24px}.bonus-lead{font-size:19px;color:#d9e7f6;line-height:1.65;max-width:650px}.bonus-outline{color:#fff;border:1px solid #6e91b7;background:transparent}.bonus-example{background:#fff;color:#172333;border-radius:12px;padding:32px;box-shadow:0 24px 64px #0003}.bonus-example .bonus-label{color:#0863c7}.bonus-example>span,.bonus-example-result span{display:block;color:#52627a;font-size:14px}.bonus-example>b{font-size:34px;font-family:'Space Grotesk',sans-serif;display:block;margin:8px 0 24px}.bonus-example-result{background:#eaf4ff;padding:22px;border-left:4px solid #0863e1;border-radius:4px}.bonus-example-result strong{font-size:52px;display:block;line-height:1.3;color:#075fc8;font-family:'Space Grotesk',sans-serif}.bonus-example small{display:block;color:#536174;font-size:12px;line-height:1.6}.bonus-example p{line-height:1.6}.bonus-example p b{white-space:nowrap}.bonus-section{padding:76px 0;color:#172333;background:#fff}.bonus-section h2{font-size:clamp(28px,3.3vw,42px);line-height:1.15;margin:12px 0 24px}.bonus-section h2 em{font-style:normal;color:#0863e1}.bonus-section p{line-height:1.75;color:#526174}.bonus-intro{max-width:800px}.bonus-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:32px 0}.bonus-cards article{padding:28px;border:1px solid #d7e2ed;border-radius:8px;background:#fff}.bonus-cards h3{font-size:20px;margin:14px 0}.bonus-cards a{font-weight:700;color:#075fc8}.bonus-stat{font-size:40px;line-height:1.2;font-weight:700;color:#075fc8;font-family:'Space Grotesk',sans-serif}.bonus-fiscal-note{border-left:3px solid #0863e1;padding:12px 20px;background:#f3f7fc;font-size:14px}.bonus-tint{background:#f2f6fb}.bonus-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.bonus-process{align-items:start}.bonus-steps{margin:0;padding-left:28px}.bonus-steps li{padding:0 0 18px 12px}.bonus-steps li::marker{color:#0863e1;font-size:22px;font-weight:700}.bonus-steps h3{margin:0 0 8px;font-size:19px}.bonus-steps p{margin:0}.bonus-sources{padding-top:26px;padding-bottom:26px;color:#5a6879;font-size:12px;line-height:1.8}.bonus-sources a{color:#075fc8;text-decoration:underline}.bonus-page .service-page-cta .container{gap:32px}.bonus-page .service-page-cta .button{white-space:normal;text-align:center}.bonus-page :target{scroll-margin-top:110px}
@media(max-width:800px){.bonus-banner-grid,.bonus-hero-grid{grid-template-columns:1fr;gap:32px}.bonus-banner{padding:36px 0}.bonus-percent{border-left:0;border-top:1px solid #355171;padding:22px 0 0;gap:8px}.bonus-percent>strong{font-size:88px}.bonus-hero{padding:30px 0 44px}.bonus-back{margin-bottom:25px}.bonus-cards,.bonus-two{grid-template-columns:1fr;gap:18px}.bonus-section{padding:44px 0}.bonus-example{padding:24px}.bonus-banner .button{white-space:normal;text-align:center}.bonus-banner .container,.bonus-page .container{min-width:0}.bonus-page .hero-actions{flex-wrap:wrap}.bonus-page .hero-actions .button{white-space:normal}.bonus-page .service-page-cta .container{flex-wrap:wrap}}
