/* Home Page Specific Styles - IT Consulting */

/* Services Premium Section */
.services-premium{padding:100px 0;background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);position:relative}
.services-premium::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,168,232,.3),transparent)}
.services-premium .section-title{text-align:center;margin-bottom:60px}
.services-grid-premium{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.svc-card{position:relative;background:#fff;border-radius:20px;padding:40px 28px 36px;text-decoration:none;display:flex;flex-direction:column;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(10,22,40,.06);box-shadow:0 4px 24px rgba(10,22,40,.04)}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00a8e8,#4dc4ff);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}
.svc-card:hover{transform:translateY(-12px);box-shadow:0 24px 48px rgba(0,168,232,.15),0 8px 24px rgba(10,22,40,.08);border-color:rgba(0,168,232,.2)}
.svc-card:hover::before{transform:scaleX(1)}
.svc-icon-wrap{width:64px;height:64px;margin-bottom:24px;transition:transform .4s ease;color:#00a8e8}
.svc-card:hover .svc-icon-wrap{transform:scale(1.08)}
.svc-icon-wrap svg,.svc-icon-wrap [data-lucide]{width:100%;height:100%}
.svc-title{font-size:18px;font-weight:600;color:#0a1628;margin-bottom:10px;line-height:1.3;transition:color .3s ease}
.svc-card:hover .svc-title{color:#1a3a5c}
.svc-desc{font-size:14px;color:#64748b;line-height:1.6;margin-bottom:20px;flex-grow:1}
.svc-arrow{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#0369a1;opacity:1;transform:translateX(0);transition:all .3s ease}
.svc-arrow svg{width:16px;height:16px;transition:transform .3s ease}
.svc-card:hover .svc-arrow{opacity:1;transform:translateX(0)}
.svc-card:hover .svc-arrow svg{transform:translateX(4px)}
.svc-card.svc-steel .svc-icon-wrap{color:#4dc4ff}
.svc-card.svc-steel::before{background:linear-gradient(90deg,#0a1628,#4dc4ff)}
.svc-card.svc-steel:hover{box-shadow:0 24px 48px rgba(77,196,255,.15),0 8px 24px rgba(10,22,40,.08);border-color:rgba(77,196,255,.3)}
.svc-card.svc-purple .svc-icon-wrap{color:#a78bfa}
.svc-card.svc-purple::before{background:linear-gradient(90deg,#2a1f4a,#a78bfa)}
.svc-card.svc-purple:hover{box-shadow:0 24px 48px rgba(167,139,250,.15),0 8px 24px rgba(10,22,40,.08);border-color:rgba(167,139,250,.3)}
.svc-card.svc-crimson .svc-icon-wrap{color:#f87171}
.svc-card.svc-crimson::before{background:linear-gradient(90deg,#3d1a2a,#f87171)}
.svc-card.svc-crimson:hover{box-shadow:0 24px 48px rgba(248,113,113,.15),0 8px 24px rgba(10,22,40,.08);border-color:rgba(248,113,113,.3)}
.svc-card.svc-ruby .svc-icon-wrap{color:#fb7185}
.svc-card.svc-ruby::before{background:linear-gradient(90deg,#5c2030,#fb7185)}
.svc-card.svc-ruby:hover{box-shadow:0 24px 48px rgba(251,113,133,.15),0 8px 24px rgba(10,22,40,.08);border-color:rgba(251,113,133,.3)}
.services-premium .services-cta{text-align:center;margin-top:48px}

/* Cloud Section V2 */
.cloud-section-v2{padding:100px 0;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);position:relative}
.cloud-section-v2::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,168,232,.2),transparent)}
.cloud-section-v2 .section-title{text-align:center;margin-bottom:56px}
.cloud-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.cloud-card-v2{position:relative;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(10,22,40,.06);box-shadow:0 4px 24px rgba(10,22,40,.04)}
.cloud-card-v2::after{content:'';position:absolute;inset:0;border-radius:16px;border:2px solid transparent;pointer-events:none;transition:border-color .4s ease}
.cloud-card-v2:hover{transform:translateY(-10px);box-shadow:0 24px 48px rgba(0,168,232,.12),0 8px 24px rgba(10,22,40,.08)}
.cloud-card-v2:hover::after{border-color:rgba(0,168,232,.3)}
.cloud-card-green:hover{box-shadow:0 24px 48px rgba(0,200,83,.15),0 8px 24px rgba(10,22,40,.08)}
.cloud-card-green:hover::after{border-color:rgba(0,200,83,.3)}
.cloud-card-blue:hover{box-shadow:0 24px 48px rgba(0,168,232,.15),0 8px 24px rgba(10,22,40,.08)}
.cloud-card-blue:hover::after{border-color:rgba(0,168,232,.3)}
.cloud-card-orange:hover{box-shadow:0 24px 48px rgba(255,152,0,.15),0 8px 24px rgba(10,22,40,.08)}
.cloud-card-orange:hover::after{border-color:rgba(255,152,0,.3)}
.cloud-card-img{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#0a1628 0%,#1a3a5c 100%)}
.cloud-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.cloud-card-v2:hover .cloud-card-img img{transform:scale(1.05)}
.cloud-card-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(10,22,40,.15),transparent);pointer-events:none}
.cloud-card-body{padding:28px 24px 24px;display:flex;flex-direction:column;flex-grow:1}
.cloud-card-v2-title{font-size:20px;font-weight:600;color:#0a1628;margin-bottom:10px;line-height:1.3;transition:color .3s ease}
.cloud-card-v2:hover .cloud-card-v2-title{color:#00a8e8}
.cloud-card-green:hover .cloud-card-v2-title{color:#00c853}
.cloud-card-blue:hover .cloud-card-v2-title{color:#00a8e8}
.cloud-card-orange:hover .cloud-card-v2-title{color:#ff9800}
.cloud-card-v2-desc{font-size:15px;color:#64748b;line-height:1.6;margin-bottom:20px;flex-grow:1}
.cloud-card-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#0369a1;transition:all .3s ease}
.cloud-card-link svg{width:16px;height:16px;transition:transform .3s ease}
.cloud-card-v2:hover .cloud-card-link svg{transform:translateX(4px)}
.cloud-cta-v2{text-align:center;margin-top:48px}

/* Back to Top Button */
.back-to-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;background:linear-gradient(135deg,#00a8e8 0%,#0066cc 100%);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;box-shadow:0 4px 20px rgba(0,168,232,.4);z-index:999}
.back-to-top:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,168,232,.5)}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top svg{width:24px;height:24px;color:#fff;stroke-width:2.5}

/* Responsive */
@media(max-width:1024px){.services-grid-premium{grid-template-columns:repeat(2,1fr);gap:20px}}
@media(max-width:900px){.cloud-grid-v2{grid-template-columns:1fr;gap:24px;max-width:480px;margin:0 auto}.cloud-section-v2{padding:64px 0}.cloud-section-v2 .section-title{margin-bottom:40px}}
@media(max-width:768px){.back-to-top{bottom:20px;right:20px;width:44px;height:44px}.back-to-top svg{width:20px;height:20px}}
@media(max-width:600px){.services-premium{padding:48px 0}.services-premium .section-title{margin-bottom:32px}.services-grid-premium{grid-template-columns:repeat(2,1fr);gap:12px}.svc-card{padding:20px 14px 16px}.svc-icon-wrap{width:40px;height:40px;margin-bottom:12px}.svc-title{font-size:14px;margin-bottom:6px}.svc-desc{font-size:12px;margin-bottom:12px}.svc-arrow{opacity:1;transform:translateX(0);font-size:12px}.services-premium .services-cta{margin-top:32px}}

/* Accessibility: High Contrast Links (WCAG AA 4.5:1) */
.why-link,.case-link,.case-label{color:#0369a1}
.why-link:hover,.case-link:hover{color:#075985}
.btn-outline{color:#0369a1;border-color:#0369a1}
.btn-outline:hover{background:#0369a1;color:#fff}