:root{--wc-text-main:#fff;--wc-text-secondary:#e5e7eb;--wc-text-muted:#b0b5bd;--wc-primary:#2563eb;--wc-accent:#7c3aed;--wc-success:#10b981;--wc-border-light:#ffffff1f;--wc-border-soft:#ffffff0f;--wc-radius-lg:20px;--wc-radius-md:14px;--wc-shadow-main:0 18px 45px #000c;--wc-shadow-soft:0 10px 30px #0009;--wc-accent-grad:linear-gradient(135deg,#4a90ff,#9b8cff);--transition-base:.25s cubic-bezier(.4,0,.2,1)}.sp4__wc-services-page{max-width:1180px;margin:0 auto;padding:28px 16px 72px;overflow-x:hidden}.sp4__wc-services-hero{grid-template-columns:minmax(0,1.9fr) minmax(0,2fr);align-items:center;gap:32px;margin-bottom:32px;display:grid}.sp4__wc-services-hero-text h1{color:var(--wc-text-main);margin:12px 0 10px;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.12}.sp4__wc-services-hero-text p{color:var(--wc-text-secondary);max-width:540px;font-size:1rem}.sp4__wc-pill{border:1px solid var(--wc-border-soft);text-transform:uppercase;color:var(--wc-text-muted);background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:.7rem;display:inline-flex}.sp4__wc-services-hero-demo{justify-content:flex-end;display:flex}.sp4__wc-hero-demo-card{border-radius:var(--wc-radius-lg);border:1px solid var(--wc-border-light);box-shadow:var(--wc-shadow-main);background:linear-gradient(145deg,#ffffff14,#161828e0);width:100%;max-width:360px;padding:16px}.sp4__wc-apps-hero-card{background:linear-gradient(150deg,#4a90ffeb,#36e0b8e6)}.sp4__wc-btn-primary,.sp4__wc-btn-secondary,.sp4__wc-btn-ghost{cursor:pointer;transition:var(--transition-base);border:none;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.sp4__wc-btn-primary{background:var(--wc-accent-grad);color:#fff;box-shadow:0 14px 35px #000000bf}.sp4__wc-btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px #000000e6}.sp4__wc-btn-secondary{color:var(--wc-text-main);border:1px solid var(--wc-border-light);background:0 0}.sp4__wc-btn-secondary:hover{border-color:var(--wc-primary);color:var(--wc-primary);background:#ffffff0d}.sp4__wc-btn-ghost{color:var(--wc-text-main);border:1px solid var(--wc-border-light);background:0 0}.sp4__wc-btn-ghost:hover{background:#ffffff08}.sp4__wc-apps-filters{margin-bottom:20px}.sp4__wc-apps-filter-chips{flex-wrap:wrap;gap:8px;display:flex}.sp4__wc-apps-chip{border:1px solid var(--wc-border-soft);color:var(--wc-text-secondary);cursor:pointer;transition:var(--transition-base);text-transform:capitalize;background:#ffffff08;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:8px 14px;font-size:.85rem;display:inline-flex}.sp4__wc-apps-chip:hover{border-color:var(--wc-border-light);background:#ffffff0f}.sp4__wc-apps-chip--active{color:#fff;background:#4a90ff33;border-color:#4a90ffd9}.sp4__wc-service-section{margin-bottom:40px}.sp4__wc-service-cards.sp4__wc-apps-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.sp4__service-card{border-radius:var(--wc-radius-lg);border:1px solid var(--wc-border-soft);box-shadow:var(--wc-shadow-soft);transition:var(--transition-base);background:#1f2937e6;flex-direction:column;height:100%;padding:24px;display:flex}.sp4__service-card:hover{border-color:var(--wc-border-light);transform:translateY(-4px);box-shadow:0 22px 50px #000000e6}.sp4__wc-accent-left{border-left:4px solid var(--wc-primary)}.sp4__service-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.sp4__service-card-header i{color:var(--wc-primary);font-size:2rem}.sp4__service-tag{background:var(--wc-success);color:#fff;text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.sp4__service-card-body{flex:1}.sp4__service-card-body h3{color:var(--wc-text-main);margin-bottom:8px;font-size:1.35rem;font-weight:700}.sp4__service-card-body p{color:var(--wc-text-secondary);margin-bottom:16px;font-size:.9rem;line-height:1.5}.sp4__wc-service-meta{flex-wrap:wrap;gap:8px 16px;margin:0 0 16px;padding:0;list-style:none;display:flex}.sp4__wc-service-meta li{color:var(--wc-text-muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.sp4__wc-service-meta i{color:var(--wc-primary);width:16px}.sp4__service-card-actions{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.sp4__wc-btn-large{padding:12px 20px;font-size:1rem}.sp4__wc-service-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.sp4__wc-service-section-header h2{color:var(--wc-text-main);margin-bottom:8px;font-size:1.75rem;font-weight:700}.sp4__wc-service-section-header p{color:var(--wc-text-secondary);max-width:600px;font-size:1rem}.sp4__wc-apps-bundle{border-radius:var(--wc-radius-md);border:1px solid var(--wc-border-soft);box-shadow:var(--wc-shadow-soft);background:#1f2937e6;flex-direction:column;height:100%;padding:24px;display:flex;position:relative}.sp4__wc-apps-bundle-tag{text-transform:uppercase;border:1px solid var(--wc-border-light);color:var(--wc-text-muted);background:#ffffff14;border-radius:999px;padding:4px 10px;font-size:.7rem;position:absolute;top:16px;right:16px}.sp4__wc-apps-bundle-tag--accent{color:#fff;background:#36e0b842;border-color:#36e0b8e6}.sp4__wc-apps-bundle h3{color:var(--wc-text-main);margin-bottom:8px;padding-right:80px;font-size:1.25rem;font-weight:700}.sp4__wc-apps-bundle p{color:var(--wc-text-secondary);margin-bottom:16px;font-size:.9rem;line-height:1.5}.sp4__wc-apps-bundle-list{flex-direction:column;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.sp4__wc-apps-bundle-list li{color:var(--wc-text-muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.sp4__wc-apps-bundle-list i{color:var(--wc-success);font-size:.9rem}.sp4__blueprint-actions{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.sp4__wc-service-demo{border-radius:var(--wc-radius-lg);border:1px solid var(--wc-border-soft);background:#1f293780;margin-top:40px;padding:24px}.sp4__wc-service-demo h3{color:var(--wc-text-main);margin-bottom:8px;font-size:1.5rem;font-weight:700}.sp4__wc-service-demo p{color:var(--wc-text-secondary);margin-bottom:20px;font-size:1rem}.sp4__wc-demo-window{border:1px solid var(--wc-border-light);background:radial-gradient(circle at 0 0,#4a90ff,#151728);border-radius:16px;margin-bottom:20px;overflow:hidden}.sp4__wc-demo-window-header{background:#0003;gap:6px;padding:8px 12px;display:flex}.sp4__wc-demo-window-header span{background:#ffffff4d;border-radius:999px;width:10px;height:10px}.sp4__wc-demo-window-body{padding:20px}.sp4__wc-demo-window-body--plain{background:#070810ed}.sp4__wc-apps-flow{flex-direction:column;gap:16px;display:flex}.sp4__wc-apps-flow-step{flex-direction:column;gap:4px;display:flex}.sp4__wc-apps-step-label{text-transform:uppercase;letter-spacing:1px;color:#fff9;font-size:.8rem}.sp4__wc-apps-step-card{color:var(--wc-text-secondary);background:#ffffff0d;border-radius:12px;padding:12px 16px;font-size:.95rem;line-height:1.5}.sp4__wc-apps-step-card--accent{color:#fff;background:linear-gradient(130deg,#4a90ff,#35d6b4)}@media (max-width:1024px){.sp4__wc-services-hero{grid-template-columns:1fr;gap:24px}.sp4__wc-services-hero-demo{justify-content:flex-start}}@media (max-width:768px){.sp4__wc-services-page{padding:16px 12px 48px}.sp4__wc-service-cards.sp4__wc-apps-cards{grid-template-columns:1fr}.sp4__wc-service-section-header,.sp4__service-card-actions,.sp4__blueprint-actions{flex-direction:column}.sp4__wc-btn-primary,.sp4__wc-btn-secondary,.sp4__wc-btn-ghost{width:100%}.sp4__wc-apps-bundle h3{padding-right:0}.sp4__wc-apps-bundle-tag{margin-bottom:12px;display:inline-block;position:static}}@media (max-width:480px){.sp4__service-card{padding:16px}.sp4__service-card-body h3{font-size:1.2rem}.sp4__wc-apps-chip{padding:8px 12px;font-size:.8rem}.sp4__wc-demo-window-body{padding:12px}}.sp4__wc-services-page,.sp4__service-card,.sp4__wc-apps-bundle{opacity:1!important;visibility:visible!important}