/* Detail-page funnel components; shared branding remains in style.css and pages.css. */
.sp-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#b5c6d9;margin-bottom:40px}.sp-breadcrumb a{text-underline-offset:4px}.sp-breadcrumb [aria-current]{color:white}.sp-tagline{font-size:25px;line-height:1.35;color:#78d685;max-width:620px}.sp-offer{background:#12304c;border:1px solid #36536f;padding:35px;box-shadow:15px 15px 0 #102338}.sp-offer>strong{font-size:45px;line-height:1.1;letter-spacing:-1.5px;display:block;margin-bottom:25px}.sp-offer p,.sp-offer li{font-size:14px;color:#ced9e7}.sp-offer ul{padding-left:20px;margin:25px 0}.sp-offer li{padding:5px 0}.sp-offer>a{font-size:14px;color:#85df90}.sp-mini{margin-top:30px;display:flex;border-top:1px solid #3b5570;padding-top:20px;gap:18px;justify-content:space-between;font-size:11px;color:#b9cee5}.sp-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.sp-actions>a:not(.btn){font-size:13px;color:white}.sp-jumps{display:flex;gap:26px;flex-wrap:wrap;padding-top:25px;padding-bottom:25px;border-bottom:1px solid #dce4ed;font-size:13px}.sp-jumps a{text-decoration:none;font-weight:700}.sp-jumps a:hover{color:#2162cd}.sp-prose{max-width:860px;font-size:18px;line-height:1.8}.sp-panel{background:#f1f5f9;padding:32px;border-left:4px solid #2979ff}.mp-soft .sp-panel{background:white}.sp-panel ul{padding-left:20px;color:#526477}.sp-panel li{padding:7px 0}.sp-project-form label{font-size:13px}.sp-project-form .form-note{font-size:12px}.mp-guide-links a>span{font-size:10px;letter-spacing:1px}.mp-hero h1{font-size:clamp(42px,4.9vw,66px)}.mp-hero .mp-split{grid-template-columns:1.25fr 1fr;gap:60px}.sp-service-art{margin:40px auto 0;max-width:780px;padding:24px;background:#e7edf5}.sp-service-art img{width:100%;height:auto}.sp-service-art figcaption{font-size:12px;color:#526477;padding-top:15px}
@media(max-width:800px){.mp-hero .mp-split{grid-template-columns:1fr;gap:40px}.sp-offer{max-width:600px;margin-right:15px}.sp-jumps{gap:16px}.sp-tagline{font-size:22px}.sp-offer>strong{font-size:38px}}
@media(max-width:480px){.mp-hero h1{font-size:42px;letter-spacing:-1.8px}.sp-offer{padding:26px}.sp-panel{padding:25px}.sp-breadcrumb{font-size:11px;margin-bottom:30px}.sp-prose{font-size:16px}.sp-actions{gap:18px}.sp-mini{gap:9px;font-size:10px}}
