/* ============================================ ZACAYA — SERVICES PAGE CSS ============================================ */ /* ============================================ SERVICE DETAIL SECTIONS ============================================ */ .service-detail{padding:120px 0;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.service-detail:nth-child(even){background:var(--soft-white)}.service-detail:nth-child(odd){background:var(--white)}.service-detail-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.service-detail:nth-child(even) .service-detail-inner{direction:rtl}.service-detail:nth-child(even) .service-detail-content,.service-detail:nth-child(even) .service-detail-visual{direction:ltr}.service-detail-visual{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow-lg)}.service-detail-visual img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s cubic-bezier(0.16,1,0.3,1)}.service-detail-visual:hover img{transform:scale(1.04)}.service-detail-badge{position:absolute;top:24px;right:24px;background:var(--charcoal);color:var(--white);font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:10px 16px;border-radius:4px}.service-detail-content{}.service-detail-num{font-family:'Playfair Display',serif;font-size:72px;font-weight:400;color:var(--charcoal-10);line-height:1;margin-bottom:8px}.service-detail-title{font-family:'Playfair Display',serif;font-size:clamp(32px,3.5vw,48px);font-weight:500;letter-spacing:-0.025em;color:var(--charcoal);margin-bottom:20px;line-height:1.12}.service-detail-title em{font-style:italic;color:var(--accent)}.service-detail-desc{font-size:17px;line-height:1.8;color:var(--charcoal-60);margin-bottom:40px;max-width:480px}.service-benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:40px}.benefit-item{display:flex;align-items:flex-start;gap:12px}.benefit-check{width:20px;height:20px;border-radius:50%;background:rgba(45,106,79,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.benefit-check svg{width:10px;height:10px;color:var(--accent)}.benefit-text{font-family:'Inter',sans-serif;font-size:14px;line-height:1.5;color:var(--charcoal-60)}.service-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.feature-tag{background:var(--charcoal-10);border-radius:4px;padding:8px 14px;font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--charcoal-60);transition:var(--transition)}.feature-tag:hover{background:rgba(45,106,79,0.1);color:var(--accent)}.service-use-cases{margin-bottom:40px}.use-cases-label{font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.use-cases-list{display:flex;flex-direction:column;gap:8px}.use-case-item{display:flex;align-items:center;gap:10px;font-family:'Inter',sans-serif;font-size:14px;color:var(--charcoal-60)}.use-case-item::before{content:'';display:block;width:16px;height:1px;background:var(--accent-gold);flex-shrink:0}@media(max-width:900px){.service-detail-inner{grid-template-columns:1fr;gap:40px;direction:ltr !important}}/* ============================================ SERVICES OVERVIEW GRID (top section) ============================================ */ .services-overview{padding:100px 0 80px;background:var(--white)}.services-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-top:60px}.overview-item{background:var(--white);padding:36px 28px;display:flex;flex-direction:column;gap:12px;transition:var(--transition);cursor:pointer}.overview-item:hover{background:var(--soft-white)}.overview-icon{font-size:24px}.overview-name{font-family:'Poppins',sans-serif;font-size:14px;font-weight:600;color:var(--charcoal)}.overview-item a{font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);margin-top:auto;transition:gap 0.3s;display:flex;align-items:center;gap:6px}@media(max-width:900px){.services-overview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.services-overview-grid{grid-template-columns:1fr}}@media(max-width:480px){.service-detail{padding:64px 0}.service-detail-num{font-size:48px}.service-benefits{grid-template-columns:1fr}.service-detail-visual{aspect-ratio:4/3}.page-hero-title{font-size:clamp(34px,10vw,52px)}.page-hero{padding-top:120px;padding-bottom:80px}.overview-item{padding:20px 16px}.overview-icon{width:40px;height:40px;font-size:18px}.overview-name{font-size:11px}.cta-title{font-size:clamp(32px,10vw,42px)}}