.page-hero{padding:var(--space-32) 0 var(--space-16);background:linear-gradient(180deg,var(--color-gray-50) 0%,var(--bg-primary) 100%);}.page-hero-content{max-width:700px;margin:0 auto;text-align:center;}.page-hero h1{font-size:var(--text-4xl);margin-bottom:var(--space-6);}.page-hero p{font-size:var(--text-xl);color:var(--text-secondary);}.process-section{padding:var(--space-16) 0;}.process-steps{display:flex;flex-direction:column;gap:var(--space-12);}.process-step{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;}.process-step:nth-child(even){direction:rtl;}.process-step:nth-child(even) > *{direction:ltr;}.step-content{padding:var(--space-8);}.step-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary-subtle);color:var(--color-primary-dark);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4);}.step-badge .step-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--text-inverse);border-radius:50%;font-size:var(--text-xs);}.step-content h2{font-size:var(--text-3xl);margin-bottom:var(--space-4);}.step-content > p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.7;}.step-features{display:flex;flex-direction:column;gap:var(--space-4);}.step-feature{display:flex;align-items:flex-start;gap:var(--space-3);}.step-feature-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-subtle);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0;}.step-feature-text h4{font-size:var(--text-base);margin-bottom:var(--space-1);}.step-feature-text p{font-size:var(--text-sm);color:var(--text-secondary);}.step-visual{position:relative;}.step-illustration{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:var(--space-8);min-height:400px;display:flex;flex-direction:column;justify-content:center;}.upload-visual{text-align:center;}.upload-zone{border:2px dashed var(--color-gray-300);border-radius:var(--radius-xl);padding:var(--space-12);margin-bottom:var(--space-6);transition:all var(--transition-base);}.upload-zone:hover{border-color:var(--color-primary);background:var(--color-primary-subtle);}.upload-icon{margin-bottom:var(--space-4);color:var(--color-gray-400);}.upload-zone p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);}.upload-zone span{font-size:var(--text-xs);color:var(--text-muted);}.integration-badges{display:flex;justify-content:center;gap:var(--space-4);}.int-badge{padding:var(--space-2) var(--space-4);background:var(--bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary);}.research-visual{display:flex;flex-direction:column;gap:var(--space-4);}.research-card{background:var(--bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);}.research-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-gray-100);}.company-info{display:flex;align-items:center;gap:var(--space-3);}.company-logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-subtle);border-radius:var(--radius-md);font-weight:700;color:var(--color-primary);}.company-details{display:flex;flex-direction:column;}.company-name{font-weight:600;font-size:var(--text-sm);}.company-industry{font-size:var(--text-xs);color:var(--text-muted);}.research-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-success);}.status-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse 2s infinite;}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}.research-items-preview{display:flex;flex-direction:column;gap:var(--space-2);}.research-item-preview{display:flex;justify-content:space-between;font-size:var(--text-xs);padding:var(--space-2);background:var(--color-gray-50);border-radius:var(--radius-sm);}.item-key{color:var(--text-muted);}.item-val{font-weight:500;color:var(--text-primary);}.sequence-visual{display:flex;flex-direction:column;gap:var(--space-4);}.email-sequence-card{background:var(--bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);}.email-sequence-card.active{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(14,165,233,0.15);}.email-sequence-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100);}.email-num{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;}.email-num span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--text-inverse);border-radius:50%;font-size:var(--text-xs);}.email-angle{font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-1) var(--space-2);background:var(--bg-primary);border-radius:var(--radius-sm);}.email-sequence-preview{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.6;}.email-sequence-preview .highlight{background:var(--color-primary-subtle);padding:1px 3px;border-radius:2px;}.review-visual{display:flex;flex-direction:column;gap:var(--space-4);}.review-card{background:var(--bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);}.review-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);}.review-title{font-weight:600;font-size:var(--text-sm);}.review-badges{display:flex;gap:var(--space-2);}.mode-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;}.mode-badge.draft{background:#FEF3C7;color:#92400E;}.mode-badge.approved{background:#D1FAE5;color:#065F46;}.review-content{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md);}.review-actions{display:flex;gap:var(--space-2);}.review-actions .btn{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);}.schedule-visual{display:flex;flex-direction:column;gap:var(--space-4);}.timeline{position:relative;padding-left:var(--space-8);}.timeline::before{content:'';position:absolute;left:12px;top:0;bottom:0;width:2px;background:var(--color-gray-200);}.timeline-item{position:relative;padding-bottom:var(--space-6);}.timeline-item:last-child{padding-bottom:0;}.timeline-dot{position:absolute;left:-26px;width:12px;height:12px;background:var(--color-primary);border-radius:50%;border:2px solid var(--bg-primary);}.timeline-item.sent .timeline-dot{background:var(--color-success);}.timeline-item.pending .timeline-dot{background:var(--color-gray-300);}.timeline-content{background:var(--bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);}.timeline-title{font-weight:600;font-size:var(--text-sm);}.timeline-status{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);}.timeline-status.sent{background:#D1FAE5;color:#065F46;}.timeline-status.scheduled{background:#E0F2FE;color:#0369A1;}.timeline-status.pending{background:var(--color-gray-100);color:var(--text-muted);}.timeline-date{font-size:var(--text-xs);color:var(--text-muted);}.reply-visual{display:flex;flex-direction:column;gap:var(--space-4);}.reply-notification{background:#D1FAE5;border:1px solid #10B981;border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);}.notification-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#10B981;color:white;border-radius:50%;}.notification-text h4{font-size:var(--text-sm);color:#065F46;}.notification-text p{font-size:var(--text-xs);color:#047857;}.sequence-stopped{background:var(--bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);}.sequence-stopped-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-success);margin-bottom:var(--space-3);}.stopped-emails{display:flex;flex-direction:column;gap:var(--space-2);}.stopped-email{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--color-gray-50);border-radius:var(--radius-sm);font-size:var(--text-xs);}.email-status-icon.cancelled{color:var(--color-error);}.email-label{flex:1;color:var(--text-muted);}.email-status-text{color:var(--text-muted);font-style:italic;}.dashboard-visual{display:flex;flex-direction:column;gap:var(--space-4);}.dashboard-preview{background:var(--bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;}.dashboard-header-preview{display:flex;gap:var(--space-2);padding:var(--space-3);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100);}.tab-btn-preview{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-muted);cursor:pointer;}.tab-btn-preview.active{background:var(--color-primary);color:var(--text-inverse);}.dashboard-content-preview{padding:var(--space-4);}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4);}.metric-card-preview{text-align:center;padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md);}.metric-val{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);}.metric-lbl{font-size:var(--text-xs);color:var(--text-muted);}.chart-placeholder{height:120px;background:linear-gradient(180deg,var(--color-primary-subtle) 0%,transparent 100%);border-radius:var(--radius-md);display:flex;align-items:flex-end;justify-content:space-around;padding:var(--space-4);}.chart-bar{width:20px;background:var(--color-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;}@media (max-width:1024px){.process-step{grid-template-columns:1fr;}.process-step:nth-child(even){direction:ltr;}.step-visual{order:-1;}}.page-cta{padding:var(--space-24) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);text-align:center;}.page-cta h2{color:var(--text-inverse);margin-bottom:var(--space-4);}.page-cta p{color:rgba(255,255,255,0.9);font-size:var(--text-lg);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto;}.cta-buttons{display:flex;justify-content:center;gap:var(--space-4);}.page-cta .btn-primary{background:var(--text-inverse);color:var(--color-primary);}.page-cta .btn-outline{border-color:var(--text-inverse);color:var(--text-inverse);}.page-cta .btn-outline:hover{background:rgba(255,255,255,0.1);}@media (max-width:640px){.cta-buttons{flex-direction:column;align-items:center;}}.meeting-visual{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);}.meeting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200);}.meeting-badge{background:var(--color-primary);color:white;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;}.meeting-time{color:var(--text-muted);font-size:var(--text-sm);}.meeting-participants{display:flex;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-6);}.participant{text-align:center;}.participant-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-lg);margin-bottom:var(--space-2);}.participant-avatar.you{background:var(--color-gray-200);color:var(--text-primary);}.participant-avatar.fs{background:var(--color-primary);color:white;}.meeting-topics{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;}.topic{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-gray-100);color:var(--text-muted);}.topic.done{background:var(--color-accent-subtle);color:var(--color-success);}.topic.active{background:var(--color-primary);color:white;}.setup-visual{display:flex;flex-direction:column;gap:var(--space-4);}.setup-item{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-primary);padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);}.setup-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.setup-icon.done{background:var(--color-accent-subtle);color:var(--color-success);}.setup-icon.loading{background:var(--color-primary-subtle);color:var(--color-primary);animation:spin 2s linear infinite;}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.setup-text{display:flex;flex-direction:column;}.setup-label{font-weight:600;font-size:var(--text-base);}.setup-status{font-size:var(--text-sm);color:var(--text-muted);}.warmup-visual{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);text-align:center;}.warmup-header{font-weight:600;margin-bottom:var(--space-4);color:var(--text-primary);}.warmup-chart{display:flex;align-items:flex-end;justify-content:space-between;height:150px;padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--space-4);}.chart-bar{width:24px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height 0.3s ease;}.warmup-footer{font-size:var(--text-sm);color:var(--text-muted);}.email-visual{display:flex;flex-direction:column;gap:var(--space-4);}.email-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;}.email-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);}.email-to-label{font-size:var(--text-sm);color:var(--text-secondary);}.email-seq{font-size:var(--text-xs);background:var(--color-primary-subtle);color:var(--color-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:600;}.email-card-body{padding:var(--space-4);font-size:var(--text-sm);line-height:1.7;color:var(--text-secondary);}.email-card-body p{margin-bottom:var(--space-3);}.email-card-body .hl{background:var(--color-primary-subtle);padding:2px 4px;border-radius:2px;color:var(--color-primary-dark);font-weight:500;}.reply-visual{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);}.reply-in,.reply-out{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-4);width:100%;box-shadow:var(--shadow-sm);}.reply-in{border-left:4px solid var(--color-gray-400);}.reply-out{border-left:4px solid var(--color-primary);}.reply-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;}.reply-text{font-size:var(--text-sm);color:var(--text-primary);font-style:italic;}.reply-arrow{display:flex;flex-direction:column;align-items:center;padding:var(--space-2) 0;color:var(--color-primary);}.reply-time{font-size:var(--text-xs);color:var(--color-primary);font-weight:600;margin-top:var(--space-1);}.calendar-visual{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;}.calendar-header{background:var(--color-primary);color:white;padding:var(--space-4);font-weight:600;text-align:center;}.calendar-events{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);}.cal-event{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-primary-subtle);border-radius:var(--radius-md);border-left:4px solid var(--color-primary);}.event-day{font-weight:700;font-size:var(--text-sm);color:var(--color-primary);min-width:36px;}.event-time{font-size:var(--text-xs);color:var(--text-muted);min-width:70px;}.event-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);}