.svc-hero{position: relative;padding-top: calc(var(--nav-height) + var(--sp-16));padding-bottom: var(--sp-16);overflow: hidden}.svc-hero::before{content: '';position: absolute;inset: 0;background: var(--gradient-hero);pointer-events: none}.svc-hero::after{content: '';position: absolute;bottom: -1px;left: 0;right: 0;height: 120px;background: linear-gradient(to bottom,transparent,var(--bg-base));pointer-events: none}.svc-hero-grid{position: relative;z-index: 1;display: grid;grid-template-columns: 1fr 1fr;gap: clamp(var(--sp-8),5vw,var(--sp-16));align-items: center}@media (max-width: 968px){.svc-hero-grid{grid-template-columns: 1fr}.svc-hero{padding-bottom: var(--sp-12)}}.svc-hero-eyebrow{display: inline-flex;align-items: center;gap: var(--sp-2);padding: var(--sp-1) var(--sp-3);background: var(--surface-glass);border: 1px solid var(--border-strong);border-radius: var(--radius-full);font-size: var(--fs-xs);font-weight: 600;letter-spacing: 0.05em;text-transform: uppercase;color: var(--accent-hover);margin-bottom: var(--sp-5)}.svc-hero-eyebrow .dot{width: 6px;height: 6px;border-radius: 50%;background: var(--accent);box-shadow: 0 0 12px var(--accent-glow)}.svc-hero-title{font-size: var(--fs-4xl);line-height: 1.04;letter-spacing: -0.03em;margin-bottom: var(--sp-5)}.svc-hero-title .gradient{background: var(--gradient-text);-webkit-background-clip: text;background-clip: text;color: transparent}.svc-hero-description{font-size: var(--fs-lg);color: var(--text-secondary);margin-bottom: var(--sp-8);line-height: 1.55;max-width: 560px}.svc-hero-ctas{display: flex;flex-wrap: wrap;gap: var(--sp-3);margin-bottom: var(--sp-5)}.svc-hero-trust{font-size: var(--fs-sm);color: var(--text-muted);display: inline-flex;gap: var(--sp-2);align-items: center}.svc-hero-trust svg{width: 16px;height: 16px;color: var(--success)}.svc-hero-visual{position: relative;aspect-ratio: 4 / 3;background: var(--surface-glass-strong);backdrop-filter: blur(28px) saturate(1.4);-webkit-backdrop-filter: blur(28px) saturate(1.4);border: 1px solid var(--border-strong);border-radius: var(--radius-2xl);overflow: hidden;box-shadow: var(--shadow-lg),0 0 80px rgba(99,102,241,0.15)}.svc-hero-visual::before{content: '';position: absolute;inset: 0;background: radial-gradient(ellipse at 30% 20%,rgba(99,102,241,0.22) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(6,182,212,0.16) 0%,transparent 60%)}.svc-hero-visual img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center}.svc-hero-visual-mock{position: relative;z-index: 1;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: var(--sp-4);padding: var(--sp-8);text-align: center}.svc-hero-visual-mock svg.icon-hero{width: 80px;height: 80px;color: var(--accent-hover);filter: drop-shadow(0 0 24px var(--accent-glow))}.svc-hero-visual-mock .label{font-family: var(--font-mono);font-size: var(--fs-xs);letter-spacing: 0.1em;text-transform: uppercase;color: var(--text-muted)}.svc-hero-visual-mock .caption{font-family: var(--font-display);font-weight: 600;font-size: var(--fs-base);color: var(--text-primary);max-width: 280px}.svc-how-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: var(--sp-5)}.svc-how-step{position: relative;padding: var(--sp-6);background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-xl);transition: border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.svc-how-step:hover{border-color: var(--border-strong);transform: translateY(-2px)}.svc-how-step-num{display: inline-flex;width: 36px;height: 36px;border-radius: var(--radius-full);background: var(--gradient-brand-soft);border: 1px solid rgba(99,102,241,0.4);align-items: center;justify-content: center;font-family: var(--font-display);font-weight: 700;color: var(--accent-hover);font-size: var(--fs-sm);margin-bottom: var(--sp-3)}.svc-how-step h3{font-size: var(--fs-lg);margin-bottom: var(--sp-2)}.svc-how-step p{font-size: var(--fs-sm);color: var(--text-secondary);line-height: 1.55}.svc-screens-grid{display: grid;gap: var(--sp-5)}.svc-screens-grid.cols-1{grid-template-columns: 1fr;max-width: 880px;margin-inline: auto}.svc-screens-grid.cols-2{grid-template-columns: 1fr 1fr}.svc-screens-grid.cols-3{grid-template-columns: repeat(3,1fr)}@media (max-width: 968px){.svc-screens-grid.cols-2,.svc-screens-grid.cols-3{grid-template-columns: 1fr}}.svc-screen{background: var(--surface);border: 1px solid var(--border-strong);border-radius: var(--radius-xl);overflow: hidden;transition: border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.svc-screen:hover{border-color: var(--accent-hover);transform: translateY(-4px)}.svc-screen-image{position: relative;aspect-ratio: 16 / 10;background: linear-gradient(135deg,rgba(99,102,241,0.10),rgba(6,182,212,0.08));overflow: hidden}.svc-screen-image img{width: 100%;height: 100%;object-fit: cover;object-position: top center}.svc-screen-image.is-placeholder{display: flex;align-items: center;justify-content: center}.svc-screen-image.is-placeholder::before{content: '';position: absolute;inset: 12%;border: 2px dashed var(--border-strong);border-radius: var(--radius-md)}.svc-screen-image.is-placeholder svg{width: 48px;height: 48px;color: var(--text-muted);z-index: 1}.svc-screen-body{padding: var(--sp-5)}.svc-screen-label{display: inline-block;font-family: var(--font-mono);font-size: var(--fs-xs);letter-spacing: 0.06em;color: var(--accent-hover);margin-bottom: var(--sp-2)}.svc-screen h3{font-size: var(--fs-lg);margin-bottom: var(--sp-2)}.svc-screen p{font-size: var(--fs-sm);color: var(--text-secondary);line-height: 1.55}.svc-feat{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-2xl);padding: clamp(var(--sp-8),5vw,var(--sp-12))}.svc-feat-grid{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(var(--sp-6),4vw,var(--sp-12))}@media (max-width: 768px){.svc-feat-grid{grid-template-columns: 1fr}}.svc-feat h2{font-size: var(--fs-2xl);margin-bottom: var(--sp-4)}.svc-feat .lead{font-size: var(--fs-lg);color: var(--text-secondary);line-height: 1.55}.svc-feat-list{list-style: none;padding: 0;margin: 0;display: grid;gap: var(--sp-4)}.svc-feat-list li{display: grid;grid-template-columns: 32px 1fr;gap: var(--sp-3);align-items: start}.svc-feat-list li svg{width: 20px;height: 20px;margin-top: 2px;color: var(--success)}.svc-feat-list li h3{font-size: var(--fs-base);font-weight: 600;font-family: var(--font-body);letter-spacing: -0.005em;margin-bottom: 2px;color: var(--text-primary)}.svc-feat-list li p{font-size: var(--fs-sm);color: var(--text-secondary);line-height: 1.5}