.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;padding-block:var(--space-3xl);border-top:1px solid var(--border-subtle);transition:border-color var(--transition-base)}.service-detail:hover{border-top-color:var(--accent-muted)}.service-detail:nth-child(2n) .service-detail__image{order:-1}.service-detail--no-top{border-top:0}.service-detail:last-child{padding-bottom:var(--space-xl)}.section--tight-top{padding-top:var(--space-xl)}.service-detail__number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--accent-muted);line-height:1;margin-bottom:var(--space-md);color:#7c5cfc33;transition:color var(--transition-base),transform var(--transition-spring);transform-origin:left center}.service-detail:hover .service-detail__number{color:#7c5cfc8c;transform:scale(1.05)}.service-detail__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}.service-detail__text{margin-bottom:var(--space-lg)}.service-detail__example{background-color:var(--bg-tertiary);border-left:3px solid var(--accent-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-lg);font-size:var(--font-size-sm);color:var(--text-secondary);transition:border-left-width var(--transition-base),padding-left var(--transition-base),background-color var(--transition-base)}.service-detail:hover .service-detail__example{border-left-width:5px;padding-left:calc(var(--space-lg) - 2px);background-color:var(--bg-secondary)}.service-detail__example strong{color:var(--text-primary);display:block;margin-bottom:var(--space-xs)}.service-detail__image{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle);aspect-ratio:4 / 3;background-color:var(--bg-secondary);background-image:radial-gradient(ellipse at 30% 40%,rgba(124,92,252,.14) 0%,transparent 55%),radial-gradient(ellipse at 70% 70%,rgba(124,92,252,.08) 0%,transparent 55%);display:flex;align-items:center;justify-content:center;position:relative;transition:border-color var(--transition-base),transform var(--transition-spring),box-shadow var(--transition-spring)}.service-detail:hover .service-detail__image{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 20px 40px -20px #7c5cfc59}.service-detail__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:32px 32px;opacity:.5;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);pointer-events:none;animation:gridDrift 18s ease-in-out infinite}@keyframes gridDrift{0%,to{background-position:0 0;opacity:.5}50%{background-position:32px 32px;opacity:.7}}.service-detail__image img{position:relative;z-index:1}.service-detail__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-spring)}.service-detail:hover .service-detail__image img{transform:scale(1.04)}@media(max-width:768px){.service-detail{grid-template-columns:1fr}.service-detail .service-detail__image,.service-detail:nth-child(2n) .service-detail__image{order:-1}}.explainer{background-color:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);padding:var(--space-3xl)}.explainer__title{margin-bottom:var(--space-lg)}.explainer__list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-xl)}.explainer__item{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary);transition:color var(--transition-base),transform var(--transition-base)}.explainer__item:hover{color:var(--text-primary);transform:translate(4px)}.explainer__item:before{content:"";flex-shrink:0;width:6px;height:6px;margin-top:8px;border-radius:var(--radius-full);background-color:var(--accent-primary);transition:transform var(--transition-base),box-shadow var(--transition-base)}.explainer__item:hover:before{transform:scale(1.6);box-shadow:0 0 12px #7c5cfc99}@media(max-width:640px){.explainer{padding:var(--space-xl) var(--space-lg)}.explainer__list{grid-template-columns:1fr}}