.page-hero{padding:8rem 0 4rem;background:#0a0f1f;position:relative;overflow:clip}.page-hero .container{max-width:min(1400px,100%)}.page-hero .badge{display:inline-block;padding:.4rem 1.2rem;background:#4dabf71a;border:1px solid rgba(77,171,247,.2);color:#4dabf7;font-size:.85rem;font-weight:600;border-radius:50px;letter-spacing:.5px;margin-bottom:1.5rem}.page-hero h1{font-size:3.2rem;font-weight:800;color:#f0f4ff;line-height:1.15;margin-bottom:1.25rem;letter-spacing:-.03em}.page-hero h1 .gradient-text{background:linear-gradient(135deg,#4dabf7,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-hero .page-hero-subtitle{font-size:1.15rem;color:#9ca3b8;line-height:1.75;max-width:600px}.page-hero--centered{text-align:center}.page-hero--centered .page-hero-subtitle{margin-left:auto;margin-right:auto}@media (max-width: 991.98px){.page-hero{padding:7rem 0 3.5rem}.page-hero h1{font-size:2.5rem}}@media (max-width: 575.98px){.page-hero{padding:6rem 0 3rem}.page-hero h1{font-size:2rem;letter-spacing:-.02em}.page-hero .page-hero-subtitle{font-size:1rem}}.detail-layout{padding:4.5rem 0;background:#0a0f1f}.detail-layout .container{max-width:min(1100px,100%)}.detail-layout .detail-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.06)}.detail-layout .detail-header .badge{display:inline-block;padding:.35rem 1rem;background:#4dabf71a;border:1px solid rgba(77,171,247,.2);color:#4dabf7;font-size:.8rem;font-weight:600;border-radius:50px;letter-spacing:.5px;margin-bottom:1rem}.detail-layout .detail-header h1{font-size:2.5rem;font-weight:800;color:#f0f4ff;line-height:1.2;margin-bottom:1rem;letter-spacing:-.02em}.detail-layout .detail-header h1 .gradient-text{background:linear-gradient(135deg,#4dabf7,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-layout .detail-header .detail-meta{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.detail-layout .detail-header .detail-meta .meta-item{display:flex;align-items:center;gap:.5rem;color:#9ca3b8;font-size:.9rem}.detail-layout .detail-header .detail-meta .meta-item svg{flex-shrink:0;opacity:.7}.detail-layout .detail-content h2,.detail-layout .detail-content h3,.detail-layout .detail-content h4{color:#f0f4ff;font-weight:700;margin-top:2rem;margin-bottom:1rem}.detail-layout .detail-content h2{font-size:1.6rem;letter-spacing:-.01em}.detail-layout .detail-content h3{font-size:1.3rem}.detail-layout .detail-content p{color:#9ca3b8;font-size:1.05rem;line-height:1.8;margin-bottom:1.25rem}.detail-layout .detail-content ul,.detail-layout .detail-content ol{padding-left:1.5rem;margin-bottom:1.25rem}.detail-layout .detail-content ul li,.detail-layout .detail-content ol li{color:#9ca3b8;font-size:1.05rem;line-height:1.8;margin-bottom:.5rem}.detail-layout .detail-content ul{list-style:none;padding-left:0}.detail-layout .detail-content ul li{position:relative;padding-left:1.5rem}.detail-layout .detail-content ul li:before{content:"";position:absolute;left:0;top:.6rem;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#4dabf7,#6c63ff)}.detail-layout .detail-content img{max-width:100%;height:auto;border-radius:12px;margin:1.5rem 0;border:1px solid rgba(255,255,255,.06)}.detail-layout .detail-content a{color:#4dabf7;text-decoration:none;transition:color .3s ease}.detail-layout .detail-content a:hover{color:#a5b4fc}.detail-layout .detail-content blockquote{border-left:3px solid #4dabf7;padding:1rem 1.5rem;margin:1.5rem 0;background:#4dabf70d;border-radius:0 12px 12px 0;color:#9ca3b8;font-style:italic}.detail-layout .detail-cta{margin-top:3rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.06)}.detail-layout .detail-cta .btn{padding:.9rem 2rem}@media (max-width: 991.98px){.detail-layout{padding:3.5rem 0}.detail-layout .detail-header h1{font-size:2rem}}@media (max-width: 575.98px){.detail-layout{padding:3rem 0}.detail-layout .detail-header h1{font-size:1.7rem}.detail-layout .detail-content p,.detail-layout .detail-content ul li,.detail-layout .detail-content ol li{font-size:1rem}}.case-hero-image{padding:0 0 1rem;background:#0a0f1f}.case-hero-image .case-image-wrapper{max-width:min(1100px,100%);margin:0 auto;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.case-hero-image .case-image-wrapper img{width:100%;height:auto;display:block}.case-detail-layout{padding:4.5rem 0;background:#0a0f1f}.case-detail-layout .container{max-width:min(1100px,100%)}.case-detail-layout .detail-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.06)}.case-detail-layout .detail-header .detail-summary{color:#9ca3b8;font-size:1.15rem;line-height:1.8;margin:0}.case-detail-layout .detail-block{margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.06)}.case-detail-layout .detail-block:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.case-detail-layout .detail-block>h2{font-size:1.6rem;font-weight:700;color:#f0f4ff;letter-spacing:-.01em;margin-bottom:1.5rem}.case-detail-layout .case-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.case-detail-layout .case-gallery .case-gallery-item{display:block;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.06);cursor:zoom-in}.case-detail-layout .case-gallery .case-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}@media (max-width: 575.98px){.case-detail-layout .case-gallery{grid-template-columns:1fr}}.case-detail-layout .case-testimonial{border-left:3px solid #4dabf7;padding:1.5rem 2rem;background:#4dabf70d;border-radius:0 16px 16px 0;margin:0}.case-detail-layout .case-testimonial p{color:#f0f4ff;font-size:1.15rem;font-style:italic;line-height:1.8;margin-bottom:.75rem}.case-detail-layout .case-testimonial footer{color:#4dabf7;font-size:.95rem;font-weight:600}.case-detail-layout .detail-cta{margin-top:3rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:1rem;flex-wrap:wrap}.case-detail-layout .detail-cta .btn{padding:.9rem 2rem;text-decoration:none}@media (max-width: 575.98px){.case-detail-layout{padding:3rem 0}.case-detail-layout .detail-block>h2{font-size:1.3rem}}
