body[data-page=services]{background:var(--color-bg-void)}.page-hero{padding:calc(var(--nav-height) + var(--spacing-16)) var(--spacing-6) var(--spacing-16);text-align:center;position:relative}.page-hero:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:800px;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.page-hero-content{max-width:800px;margin:0 auto;animation:page-appear .6s ease-out}@keyframes page-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.services-section{padding:var(--spacing-20) var(--spacing-6)}.services-container{max-width:var(--container-max);margin:0 auto}.service-block{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center;padding:var(--spacing-16) 0;border-bottom:1px solid var(--color-border)}.service-block:first-child{padding-top:0}.service-block:last-child{border-bottom:none}.service-block.reverse{direction:rtl}.service-block.reverse>*{direction:ltr}.service-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.service-number{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-primary-700)}.service-title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.service-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-6)}.service-features{list-style:none;padding:0;margin:0 0 var(--spacing-6)}.feature-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.feature-icon{color:var(--color-success);font-weight:var(--weight-bold)}.service-usecases{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.usecases-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.usecase-tag{font-size:var(--text-xs);color:var(--color-primary-400);background:#00ffff1a;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);border:1px solid var(--color-primary-700)}.terminal-preview{background:var(--color-bg-terminal);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.terminal-header{display:flex;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border)}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-content{padding:var(--spacing-6)}.terminal-line{font-family:var(--font-terminal);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-3);line-height:var(--leading-relaxed)}.terminal-line .prompt{color:var(--color-primary-400);margin-right:var(--spacing-2)}.terminal-line.typing .cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.form-comparison{display:flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-6);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.comparison-item{flex:1;text-align:center}.comparison-label{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--spacing-4)}.fake-form{padding:var(--spacing-4);background:var(--color-bg-deep);border-radius:var(--radius-md)}.fake-input{height:8px;background:var(--color-bg-hover);border-radius:var(--radius-sm);margin-bottom:var(--spacing-2)}.fake-input.short{width:60%}.fake-textarea{height:24px;background:var(--color-bg-hover);border-radius:var(--radius-sm);margin-bottom:var(--spacing-3)}.fake-button{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-hover);padding:var(--spacing-2);border-radius:var(--radius-sm)}.chat-preview{padding:var(--spacing-4);background:var(--color-bg-deep);border-radius:var(--radius-md)}.chat-bubble{font-size:var(--text-xs);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);margin-bottom:var(--spacing-2);max-width:80%}.chat-bubble.bot{background:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.chat-bubble.user{background:var(--color-primary-600);color:var(--color-text-primary);margin-left:auto}.comparison-arrow{font-size:var(--text-2xl);color:var(--color-primary-500)}.conversion-rate{display:block;font-size:var(--text-xs);margin-top:var(--spacing-3)}.conversion-rate.bad{color:var(--color-error)}.conversion-rate.good{color:var(--color-success)}.email-flow{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-6);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.email-node{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-4);background:var(--color-bg-deep);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:100px}.email-node.ai{border-color:var(--color-primary-500)}.email-icon{font-size:var(--text-xl);margin-bottom:var(--spacing-2)}.email-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.flow-arrow{color:var(--color-primary-500);font-size:var(--text-lg);padding:var(--spacing-2)}.flow-split{display:flex;gap:var(--spacing-8)}.split-branch{display:flex;flex-direction:column;align-items:center}.custom-visual{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-8);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap}.puzzle-piece{display:flex;align-items:center;justify-content:center;width:80px;height:80px;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-align:center;background:var(--color-bg-deep);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary)}.puzzle-piece.highlight{border-color:var(--color-primary-500);color:var(--color-primary-400);box-shadow:var(--glow-subtle)}.puzzle-result{font-size:var(--text-2xl);color:var(--color-primary-500)}.pricing-section{padding:var(--spacing-20) var(--spacing-6);background:var(--color-bg-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.pricing-container{max-width:var(--container-max);margin:0 auto}.integrations-section{padding:var(--spacing-16) var(--spacing-6)}.integrations-container{max-width:var(--container-narrow);margin:0 auto;text-align:center}.integrations-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-4);margin-top:var(--spacing-8)}.integration-item{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-surface);border:1px solid var(--color-border);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-md);transition:all var(--transition-fast)}.integration-item:hover{border-color:var(--color-primary-600);color:var(--color-primary-400)}@media (max-width: 1024px){.service-block{grid-template-columns:1fr;gap:var(--spacing-8)}.service-block.reverse{direction:ltr}.service-visual{max-width:500px;margin:0 auto}}@media (max-width: 768px){.page-hero{padding-top:calc(var(--nav-height) + var(--spacing-10))}.form-comparison{flex-direction:column}.comparison-arrow{transform:rotate(90deg)}.custom-visual{gap:var(--spacing-2)}.puzzle-piece{width:60px;height:60px;font-size:.65rem}}