.page-hero{background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-primary-bg) 100%);padding:calc(var(--nav-height) + var(--space-16)) 0 var(--space-16);text-align:center}.features-tabs-wrapper{margin-top:var(--space-8)}.feature-panel-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}.feature-panel-content.reverse{direction:rtl}.feature-panel-content.reverse>*{direction:ltr}.feature-info h3{font-size:clamp(1.5rem,3vw,var(--font-size-3xl));font-weight:var(--font-weight-extrabold);margin:var(--space-4) 0;color:var(--color-text-primary)}.feature-info>p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.spec-table{width:100%;border-collapse:collapse;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin:var(--space-6) 0;font-size:var(--font-size-sm)}.spec-table th,.spec-table td{padding:var(--space-3) var(--space-5);text-align:left;border-bottom:1px solid var(--color-border)}.spec-table thead th{background-color:var(--color-primary-bg);color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.spec-table tbody tr:last-child td{border-bottom:none}.spec-table tbody tr:hover{background-color:var(--color-gray-50)}.spec-table td:first-child{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);width:40%}.spec-table td:last-child{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.core-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin:var(--space-6) 0}.core-feature-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.core-feature-item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.core-feature-icon{font-size:1.5rem;flex-shrink:0}.core-feature-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.usage-steps{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-6) 0;padding:var(--space-5);background:var(--color-bg-alt);border-radius:var(--radius-lg);flex-wrap:wrap}.usage-step{display:flex;align-items:center;gap:var(--space-2)}.usage-step-num{width:28px;height:28px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.usage-step-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.usage-step-arrow{color:var(--color-gray-300);font-size:var(--font-size-lg)}.api-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-6) 0}.api-card{padding:var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.api-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.api-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.api-card-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.api-accuracy-bar{margin-top:var(--space-3)}.api-accuracy-label{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.accuracy-track{height:6px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.accuracy-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full)}.scene-prompts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin:var(--space-6) 0}.scene-prompt-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.scene-prompt-item:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.scene-prompt-icon{font-size:1.25rem;flex-shrink:0}.scene-prompt-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.summary-types{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-6) 0}.summary-type-card{padding:var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base)}.summary-type-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-type-icon{font-size:2rem;margin-bottom:var(--space-3);display:block}.summary-type-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.summary-type-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.memory-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-6) 0}.memory-feature-item{padding:var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.memory-feature-item:hover{border-color:var(--color-success);box-shadow:var(--shadow-sm)}.memory-feature-icon{font-size:1.5rem;margin-bottom:var(--space-3);display:block}.memory-feature-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.memory-feature-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.feature-faq{margin-top:var(--space-8)}.feature-faq-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-5)}.feature-img-box{position:relative}.feature-img-placeholder{background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-primary-bg) 100%);border:2px dashed var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-16);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:400px}.big-icon{font-size:5rem;display:block;margin-bottom:var(--space-4)}.feature-img-placeholder p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.cta-strip{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:var(--space-16) 0}.cta-strip .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap}.cta-strip-text h2{font-size:clamp(1.5rem,3vw,var(--font-size-3xl));font-weight:var(--font-weight-extrabold);color:#fff;margin-bottom:var(--space-2)}.cta-strip-text p{color:#fffc;font-size:var(--font-size-base)}.cta-strip-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.btn-white{background:#fff;color:var(--color-primary);border-color:#fff;font-weight:var(--font-weight-semibold)}.btn-white:hover{background:var(--color-gray-100);color:var(--color-primary-dark);transform:translateY(-2px)}.btn-outline-white{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}.btn-outline-white:hover{background:#ffffff1a;border-color:#fff;color:#fff;transform:translateY(-2px)}@media (max-width: 1024px){.feature-panel-content{grid-template-columns:1fr;gap:var(--space-10)}.feature-panel-content.reverse{direction:ltr}.core-features-grid{grid-template-columns:repeat(2,1fr)}.api-capabilities{grid-template-columns:1fr}.summary-types{grid-template-columns:1fr 1fr}.memory-features{grid-template-columns:1fr}.cta-strip .container{flex-direction:column;text-align:center}.cta-strip-actions{justify-content:center}}@media (max-width: 768px){.core-features-grid,.scene-prompts,.summary-types{grid-template-columns:1fr}.usage-steps{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.usage-step-arrow{transform:rotate(90deg);display:block;margin-left:var(--space-3)}.feature-img-placeholder{min-height:240px;padding:var(--space-10)}.big-icon{font-size:3rem}}