.sp-page{margin-top:70px}.sp-hero{background:linear-gradient(135deg,#007BC3,#005a94);padding:60px 0 40px;color:#fff}.sp-hero h1{font-size:36px;font-weight:700;margin-bottom:8px}.sp-hero p{font-size:16px;opacity:.85}.sp-cards-section{padding:60px 0;background:#f8f9fb}.sp-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:28px;gap:28px;max-width:960px;margin:0 auto}.sp-product-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.06);transition:all .4s ease;display:flex;flex-direction:column}.sp-product-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.12);transform:translateY(-4px)}.sp-card-visual{width:100%;height:260px;overflow:hidden;position:relative;flex-shrink:0}.sp-card-visual img{width:100%!important;height:100%!important;object-fit:cover;object-position:center 20%;transition:transform .5s ease;display:block;position:absolute!important;inset:0!important}.sp-product-card:hover .sp-card-visual img{transform:scale(1.04)}.sp-card-content{padding:32px 36px;flex:1 1;flex-direction:column}.sp-card-content,.sp-card-icon{display:flex;justify-content:center}.sp-card-icon{width:44px;height:44px;border-radius:10px;align-items:center;color:#fff;font-size:18px;margin-bottom:14px}.sp-card-title{font-size:22px;font-weight:700;color:#333;margin-bottom:8px}.sp-card-desc{font-size:14px;color:#666;line-height:1.6;margin-bottom:18px}.sp-card-features{list-style:none;padding:0;margin:0 0 22px;flex:1 1}.sp-card-features li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#444;line-height:1.5;padding:5px 0}.sp-card-features li i{font-size:13px;margin-top:3px;flex-shrink:0}.sp-card-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sp-btn-primary{display:inline-block;color:#fff!important;padding:12px 28px;border-radius:8px;font-weight:600;font-size:14px;transition:all .3s ease;text-decoration:none}.sp-btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,123,195,.3)}.sp-btn-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#007BC3;text-decoration:none;transition:gap .3s}.sp-btn-link:hover{gap:10px}.sp-needs-section{padding:60px 0;background:#fff}.sp-section-title{font-size:28px;font-weight:700;color:#333;text-align:center;margin-bottom:8px}.sp-section-sub{font-size:15px;color:#666;text-align:center;margin-bottom:40px}.sp-needs-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;align-items:stretch}.sp-needs-banner{position:relative;border-radius:16px;overflow:hidden;min-height:360px}.sp-needs-banner-img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.sp-needs-banner-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 60%);display:flex;align-items:flex-end;padding:32px}.sp-needs-banner-overlay h3{font-size:28px;font-weight:700;color:#fff;line-height:1.3}.sp-needs-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.sp-need-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 16px;background:#f8f9fb;border:1.5px solid #e8ecf0;border-radius:14px;cursor:pointer;transition:all .3s ease;font-family:inherit;position:relative}.sp-need-card:hover{border-color:#007BC3;background:#f0f7fd;box-shadow:0 4px 16px rgba(0,123,195,.1);transform:translateY(-3px)}.sp-need-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#007BC3,#00b9ef);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;transition:transform .3s}.sp-need-card:hover .sp-need-icon{transform:scale(1.1)}.sp-need-card span{font-size:14px;font-weight:600;color:#333;text-align:center}.sp-need-arrow{position:absolute;top:12px;right:12px;font-size:12px;color:#ccc;transition:color .3s}.sp-need-card:hover .sp-need-arrow{color:#007BC3}@media (max-width:900px){.sp-cards-grid{max-width:520px}.sp-cards-grid,.sp-needs-layout{grid-template-columns:1fr}.sp-needs-banner{min-height:240px}.sp-hero h1{font-size:28px}}@media (max-width:600px){.sp-hero{padding:40px 0 28px}.sp-hero h1{font-size:24px}.sp-cards-section,.sp-needs-section{padding:40px 0}.sp-needs-grid{grid-template-columns:1fr}.sp-card-visual{height:200px}.sp-card-content{padding:20px}.sp-section-title{font-size:22px}}