body.service-detail-page{min-height:100vh}.detail-hero{max-width:1280px;margin:0 auto;padding:clamp(9rem,15vw,12rem) clamp(1rem,5vw,4rem) clamp(4rem,8vw,7rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:center}.detail-copy h1{font-size:clamp(3rem,8vw,6.5rem);letter-spacing:-.075em;line-height:.95;margin:.4rem 0 1.15rem}.detail-copy p{color:var(--text-muted);font-size:clamp(1rem,2vw,1.2rem);max-width:560px;line-height:1.7}.detail-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}.detail-visual{position:relative}.detail-visual img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:28px;border:1px solid var(--glass-border);box-shadow:0 26px 60px rgba(0,0,0,.32);position:relative;z-index:1}.image-glow{position:absolute;inset:8%;background:linear-gradient(135deg,rgba(73,216,255,.45),rgba(190,86,255,.45));filter:blur(50px);opacity:.65}.floating-result{position:absolute;right:-1rem;bottom:1.4rem;z-index:2;display:flex;align-items:center;gap:.65rem;padding:.8rem 1rem;border:1px solid var(--glass-border);border-radius:14px;background:rgba(12,17,33,.76);backdrop-filter:blur(12px);font-size:.76rem;animation:detailFloat 4s ease-in-out infinite}.floating-result i{color:#82e8ff;font-size:1.2rem}@keyframes detailFloat{50%{transform:translateY(-10px)}}.detail-section{max-width:1180px;margin:0 auto;padding:clamp(2.5rem,6vw,5rem) clamp(1rem,5vw,2rem)}.detail-section .section-header{text-align:left;margin-bottom:1.8rem}.detail-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.detail-benefits article{padding:1.35rem;border-radius:17px;border:1px solid var(--glass-border);background:rgba(255,255,255,.04);transition:transform .25s,box-shadow .25s}.detail-benefits article:hover{transform:translateY(-6px);box-shadow:0 16px 35px rgba(58,169,255,.15)}.detail-benefits i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,rgba(61,211,255,.2),rgba(178,80,255,.2));color:#8ee9ff;font-size:1.2rem;margin-bottom:.9rem}.detail-benefits h3{font-size:1rem;margin-bottom:.5rem}.detail-benefits p{font-size:.82rem;color:var(--text-muted);line-height:1.6}.detail-process{padding:clamp(1.5rem,5vw,3rem);margin-top:2rem}.detail-process h2{margin-bottom:1.5rem}.detail-process ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;gap:1.2rem}.detail-process li{border-left:1px solid var(--glass-border);padding-left:1rem}.detail-process strong,.detail-process span{display:block}.detail-process strong{font-size:1rem;color:#8ee9ff;margin-bottom:.35rem}.detail-process span{font-size:.82rem;color:var(--text-muted);line-height:1.55}.detail-cta{max-width:1120px;margin:clamp(3rem,8vw,6rem) auto;padding:clamp(1.5rem,5vw,3.25rem);display:flex;justify-content:space-between;align-items:center;gap:1rem;background:linear-gradient(135deg,rgba(49,191,255,.17),rgba(167,71,255,.2))}.detail-cta h2{font-size:clamp(1.6rem,4vw,3rem)}.detail-back{display:inline-flex;gap:.45rem;align-items:center;color:var(--text-dark);text-decoration:none;font-size:.85rem;font-weight:700}.detail-reveal{opacity:0;transform:translateY(22px);animation:detailReveal .8s cubic-bezier(.2,.8,.2,1) forwards}.detail-visual{animation-delay:.14s}.detail-section.detail-reveal{animation-delay:.18s}.detail-cta.detail-reveal{animation-delay:.25s}@keyframes detailReveal{to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.detail-hero{grid-template-columns:1fr;padding-top:8rem}.detail-visual{max-width:480px}.detail-benefits,.detail-process ol{grid-template-columns:1fr}.detail-cta{margin-inline:1rem;align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.detail-reveal{animation:none;opacity:1;transform:none}.floating-result{animation:none}}body.light-mode .floating-result{background:rgba(255,255,255,.78)}

/* Theme-aware service detail controls */
.detail-nav-actions{display:flex;align-items:center;gap:.7rem}.detail-back{padding:.65rem .85rem;border:1px solid var(--glass-border);border-radius:12px;background:rgba(255,255,255,.035);transition:transform .2s ease,background .2s ease}.detail-back:hover{transform:translateY(-2px);background:rgba(105,209,255,.12)}.service-detail-page .theme-toggle{display:inline-flex}.detail-actions .glass-btn,.detail-cta .glass-btn{min-height:46px;align-items:center}.digital-services-flyout .view-marketing{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.6rem .7rem!important;border:1px solid rgba(113,221,255,.35);border-radius:10px;background:linear-gradient(135deg,rgba(47,206,255,.15),rgba(179,78,255,.14));color:#9ceaff!important;font-size:.74rem!important;line-height:1.2!important}.digital-services-flyout .view-marketing:hover{background:linear-gradient(135deg,rgba(47,206,255,.28),rgba(179,78,255,.26));color:var(--text-dark)!important}.marketing-service a{display:inline-flex;align-items:center;gap:.35rem;align-self:flex-start;padding:.45rem .65rem;border:1px solid rgba(119,218,255,.28);border-radius:9px;background:rgba(74,191,255,.08);transition:background .2s ease,transform .2s ease}.marketing-service a:hover{transform:translateY(-2px);background:rgba(74,191,255,.18)}body.light-mode .detail-back{background:rgba(255,255,255,.72);border-color:rgba(219,39,119,.2)}body.light-mode .detail-visual img{box-shadow:0 26px 60px rgba(88,49,145,.18)}body.light-mode .floating-result{background:rgba(255,255,255,.88);color:var(--text-dark)}body.light-mode .detail-benefits article,body.light-mode .detail-process{background:rgba(255,255,255,.64)}body.light-mode .detail-cta{background:linear-gradient(135deg,rgba(219,39,119,.12),rgba(147,51,234,.14))}body.light-mode .digital-services-flyout .view-marketing{background:linear-gradient(135deg,rgba(219,39,119,.12),rgba(147,51,234,.12));border-color:rgba(219,39,119,.24);color:#9333ea!important}body.light-mode .marketing-service a{color:var(--text-dark);border-color:rgba(219,39,119,.25);background:rgba(219,39,119,.07)}body.light-mode .marketing-service a:hover{background:rgba(219,39,119,.14)}@media(max-width:560px){.detail-back{font-size:0}.detail-back i{font-size:1rem}.detail-nav-actions{gap:.45rem}.detail-actions .glass-btn{width:100%;justify-content:center}}
