.hero{min-height:calc(100vh - var(--nav-height));background:linear-gradient(135deg,#f0f7ff,#ebf3ff 40%,#fff5f0);display:flex;align-items:center;padding:var(--space-20) 0;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(26,110,255,.08) 0%,transparent 70%);border-radius:50%}.hero:after{content:"";position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(255,107,43,.06) 0%,transparent 70%);border-radius:50%}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;position:relative;z-index:1}.hero-content{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#1a6eff14;border:1px solid rgba(26,110,255,.15);color:var(--color-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-6)}.hero-badge .dot{width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-extrabold);line-height:1.2;margin-bottom:var(--space-5);color:var(--color-text-primary)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8)}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-10)}.hero-stats{display:flex;gap:var(--space-8)}.hero-stat-num{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary);line-height:1}.hero-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-mockup{position:relative;width:100%;max-width:520px}.mockup-main{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-6);border:1px solid var(--color-border)}.mockup-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.mockup-dots span{display:inline-block;width:10px;height:10px;border-radius:50%}.mockup-dots span:nth-child(1){background:#ff5f57}.mockup-dots span:nth-child(2){background:#febc2e}.mockup-dots span:nth-child(3){background:#28c840}.mockup-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-left:var(--space-2)}.recording-viz{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.rec-indicator{width:12px;height:12px;background:#ef4444;border-radius:50%;animation:blink 1s infinite;flex-shrink:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.rec-waveform{display:flex;align-items:center;gap:3px;flex:1}.rec-waveform span{display:inline-block;width:3px;background:var(--color-primary);border-radius:2px;animation:wave .8s ease-in-out infinite}.rec-waveform span:nth-child(odd){animation-delay:.2s}.rec-waveform span:nth-child(3n){animation-delay:.4s}@keyframes wave{0%,to{height:8px}50%{height:24px}}.rec-time{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.transcript-lines{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.transcript-line{background:var(--color-gray-100);border-radius:var(--radius-sm);height:10px;animation:shimmer 1.5s ease-in-out infinite}.transcript-line:nth-child(2){width:80%;animation-delay:.2s}.transcript-line:nth-child(3){width:65%;animation-delay:.4s}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.ai-summary-card{background:linear-gradient(135deg,var(--color-primary-bg),#F0F4FF);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid rgba(26,110,255,.15)}.ai-tag{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px;border-radius:var(--radius-full);margin-bottom:var(--space-3)}.ai-summary-items{display:flex;flex-direction:column;gap:var(--space-2)}.ai-summary-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.ai-summary-item .item-dot{width:6px;height:6px;background:var(--color-primary);border-radius:50%;flex-shrink:0}.float-card{position:absolute;background:#fff;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.float-card-1{top:-24px;right:-32px;animation:float 3s ease-in-out infinite}.float-card-2{bottom:-16px;left:-32px;animation:float 3s ease-in-out infinite 1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-icon{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:14px}@media (max-width: 1024px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-actions,.hero-stats{justify-content:center}.hero-visual{display:none}}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}@media (max-width: 1024px){.values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.values-grid{grid-template-columns:1fr}}.features-tabs-wrapper{display:flex;flex-direction:column;align-items:center}.feature-panel-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.feature-panel-content.reverse{direction:rtl}.feature-panel-content.reverse>*{direction:ltr}.feature-info{display:flex;flex-direction:column;gap:var(--space-5)}.feature-info h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold)}.feature-spec-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.spec-item{padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-md)}.spec-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.spec-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.feature-img-box{background:linear-gradient(135deg,var(--color-primary-bg),#EEF5FF);border-radius:var(--radius-2xl);padding:var(--space-8);display:flex;align-items:center;justify-content:center;min-height:300px;border:1px solid var(--color-border)}.feature-img-placeholder{text-align:center;color:var(--color-primary)}.feature-img-placeholder .big-icon{font-size:80px;margin-bottom:var(--space-4);display:block}.feature-img-placeholder p{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (max-width: 768px){.feature-panel-content{grid-template-columns:1fr;direction:ltr}.feature-panel-content.reverse{direction:ltr}}.scenarios-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.scenario-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);cursor:pointer;transition:all var(--transition-base)}.scenario-card:hover,.scenario-card.active{border-color:var(--color-primary);box-shadow:var(--shadow-blue);transform:translateY(-2px)}.scenario-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.scenario-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;background:var(--color-primary-bg)}.scenario-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.scenario-audience{font-size:var(--font-size-xs);color:var(--color-primary);background:var(--color-primary-bg);padding:2px 8px;border-radius:var(--radius-full);display:inline-block}.scenario-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}@media (max-width: 768px){.scenarios-grid{grid-template-columns:1fr}}.compare-wrapper{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.compare-table{width:100%;border-collapse:collapse;min-width:640px}.compare-table th{padding:var(--space-4) var(--space-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;background:var(--color-gray-50);border-bottom:1px solid var(--color-border)}.compare-table th:first-child{text-align:left;background:var(--color-gray-100)}.compare-table th.highlight{background:var(--color-primary);color:#fff}.compare-table td{padding:var(--space-4) var(--space-6);font-size:var(--font-size-sm);text-align:center;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.compare-table td:first-child{text-align:left;font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-gray-50)}.compare-table td.highlight{background:#1a6eff0a;font-weight:var(--font-weight-semibold);color:var(--color-primary)}.compare-table tr:last-child td{border-bottom:none}.compare-table .icon-yes{color:var(--color-success);font-size:18px}.compare-table .icon-no{color:var(--color-error);font-size:18px}.compare-table .icon-partial{color:var(--color-warning);font-size:18px}.testimonials-carousel{position:relative;overflow:hidden;border-radius:var(--radius-xl)}.testimonials-track{display:flex;transition:transform .5s ease}.testimonial-card{flex:0 0 100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-md)}.testimonial-quote{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6);font-style:italic}.testimonial-quote:before{content:'"';font-size:4rem;color:var(--color-primary);line-height:.5;vertical-align:-.5rem;margin-right:var(--space-2);font-style:normal}.testimonial-user{display:flex;align-items:center;gap:var(--space-4)}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);flex-shrink:0}.user-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text-primary)}.user-role{font-size:var(--font-size-sm);color:var(--color-text-muted)}.testimonial-metric{margin-left:auto;text-align:right}.metric-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-accent)}.metric-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-8)}.carousel-btn{width:40px;height:40px;border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg);font-size:var(--font-size-base);color:var(--color-text-secondary)}.carousel-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.carousel-dots{display:flex;gap:var(--space-2)}.carousel-dot{width:8px;height:8px;border-radius:50%;background:var(--color-gray-300);cursor:pointer;transition:all var(--transition-fast)}.carousel-dot.active{background:var(--color-primary);width:24px;border-radius:4px}.cta-section{background:linear-gradient(135deg,var(--color-primary) 0%,#1055CC 100%);padding:var(--space-24) 0;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:#ffffff0d;border-radius:50%}.cta-section:after{content:"";position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;background:#ffffff0d;border-radius:50%}.cta-content{position:relative;z-index:1}.cta-title{font-size:clamp(1.75rem,4vw,3rem);font-weight:var(--font-weight-extrabold);color:#fff;margin-bottom:var(--space-4)}.cta-subtitle{font-size:var(--font-size-lg);color:#fffc;margin-bottom:var(--space-8)}.cta-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-6)}.btn-white{background:#fff;color:var(--color-primary);border-color:#fff;font-weight:var(--font-weight-bold)}.btn-white:hover{background:#f0f7ff;color:var(--color-primary);transform:translateY(-2px)}.btn-outline-white{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}.btn-outline-white:hover{background:#ffffff1a;border-color:#fff;color:#fff;transform:translateY(-2px)}.cta-note{font-size:var(--font-size-sm);color:#fff9}.stats-bar{background:var(--color-gray-900);padding:var(--space-12) 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);text-align:center}.stats-grid .stat-number{color:var(--color-accent)}.stats-grid .stat-label{color:var(--color-gray-400)}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}