.svc-detail__hero{background:var(--bg-alt);padding:100px 0 80px;position:relative;overflow:hidden}.svc-detail__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb12 0%,#0000 65%);width:800px;height:800px;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.svc-detail__hero-inner{text-align:center;z-index:1;position:relative}.svc-detail__h1{color:var(--secondary);max-width:700px;margin:12px auto 20px;font-size:3rem;font-weight:800;line-height:1.15}.svc-detail__sub{color:var(--text-light);max-width:560px;margin:0 auto 36px;font-size:1.15rem;line-height:1.7}.svc-detail__hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.svc-detail__section{padding:80px 0}.svc-detail__section--alt{background:var(--bg-alt)}.svc-detail__section-title{color:var(--secondary);margin:8px 0 40px;font-size:2rem;font-weight:800}.svc-detail__features-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.svc-detail__feature-card{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:var(--transition);background:#fff;align-items:flex-start;gap:12px;padding:20px;font-size:.9rem;font-weight:500;display:flex}.svc-detail__feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.svc-detail__feature-icon{color:var(--success);flex-shrink:0;margin-top:1px;font-size:18px}.svc-detail__process{grid-template-columns:repeat(5,1fr);display:grid;position:relative}.svc-detail__process:before{content:"";background:linear-gradient(to right, var(--primary), var(--accent));z-index:0;height:2px;position:absolute;top:27px;left:calc(10% + 4px);right:calc(10% + 4px)}.svc-detail__step{text-align:center;z-index:1;flex-direction:column;align-items:center;padding:0 12px;display:flex;position:relative}.svc-detail__step-num{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 4px 14px #2563eb4d}.svc-detail__step-title{color:var(--secondary);margin-bottom:8px;font-size:.95rem;font-weight:700}.svc-detail__step-desc{color:var(--text-light);font-size:.82rem;line-height:1.6}.svc-detail__portfolio-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.svc-detail__portfolio-card{border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);background:#fff;overflow:hidden}.svc-detail__portfolio-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.svc-detail__portfolio-img{background:var(--bg-alt);justify-content:center;align-items:center;width:100%;height:160px;padding:24px;display:flex}.svc-detail__portfolio-img img{object-fit:contain;width:64px;height:64px}.svc-detail__portfolio-body{padding:20px 24px 24px}.svc-detail__portfolio-client{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.72rem;font-weight:600;display:block}.svc-detail__portfolio-title{color:var(--secondary);margin:0 0 8px;font-size:1rem;font-weight:700;line-height:1.4}.svc-detail__portfolio-desc{color:var(--text-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}.svc-detail__portfolio-tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.svc-detail__portfolio-tag{color:var(--primary);background:#2563eb14;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:500}.svc-detail__portfolio-link{color:var(--primary);align-items:center;gap:6px;font-size:.85rem;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.svc-detail__portfolio-link:hover{gap:10px}.svc-detail__blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.svc-detail__blog-card{border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);background:#fff;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.svc-detail__blog-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-2px)}.svc-detail__blog-img{width:100%;height:180px;position:relative;overflow:hidden}.svc-detail__blog-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.svc-detail__blog-card:hover .svc-detail__blog-img img{transform:scale(1.04)}.svc-detail__blog-body{flex-direction:column;flex:1;padding:20px 22px 24px;display:flex}.svc-detail__blog-cat{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.72rem;font-weight:600;display:block}.svc-detail__blog-title{color:var(--secondary);flex:1;margin-bottom:12px;font-size:.95rem;font-weight:700;line-height:1.45}.svc-detail__blog-meta{color:var(--text-lighter);gap:14px;margin-top:auto;font-size:.78rem;display:flex}.svc-detail__blog-meta span{align-items:center;gap:4px;display:flex}.svc-detail__not-found{text-align:center;padding:120px 0}.svc-detail__not-found h2{color:var(--secondary);margin-bottom:12px;font-size:2rem;font-weight:800}.svc-detail__not-found p{color:var(--text-light);margin-bottom:32px}@media (max-width:1024px){.svc-detail__features-grid{grid-template-columns:repeat(2,1fr)}.svc-detail__process{grid-template-columns:repeat(3,1fr);gap:40px 24px}.svc-detail__process:before{display:none}.svc-detail__portfolio-grid,.svc-detail__blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.svc-detail__hero{padding:72px 0 56px}.svc-detail__h1{font-size:2.1rem}.svc-detail__sub{font-size:1rem}.svc-detail__section{padding:56px 0}.svc-detail__section-title{font-size:1.6rem}.svc-detail__features-grid{grid-template-columns:1fr}.svc-detail__process{grid-template-columns:1fr;gap:20px}.svc-detail__step{text-align:left;flex-direction:row;align-items:flex-start;gap:16px}.svc-detail__step-num{margin-bottom:0}.svc-detail__portfolio-grid,.svc-detail__blog-grid{grid-template-columns:1fr}}