.hero{padding-top:80px;padding-bottom:var(--spacing-section-md)}.hero-inner{align-items:center;gap:var(--spacing-section-sm);display:grid}.hero-body h1{letter-spacing:-.035em}.hero-title-line{display:block}.text-brand{color:var(--color-primary)}.hero-lead{max-width:32em;margin-top:var(--spacing-xl);color:var(--color-on-surface-variant);font-size:var(--text-lead-size);line-height:var(--text-lead-line-height)}.hero-actions{gap:var(--spacing-md);margin-top:var(--spacing-xxl);flex-wrap:wrap;display:flex}.hero-media img{aspect-ratio:16/10;object-fit:cover}.hero-stats{gap:var(--spacing-xl);padding:var(--spacing-xxl) 0 0;border-top:1px solid var(--color-outline-variant);list-style:none;display:grid}.hero-stats li{gap:var(--spacing-xs);flex-direction:column;display:flex}.hero-stats strong{color:var(--color-on-surface);font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:1.4}.hero-stats span{color:var(--color-on-surface-variant);font-size:var(--text-small-size)}.value-grid,.scene-grid,.start-grid,.how-steps{gap:var(--spacing-xl);padding:0;list-style:none;display:grid}.value-card,.start-card{gap:var(--spacing-md);flex-direction:column;display:flex}.value-card img,.start-card img{width:44px;height:44px;margin-bottom:var(--spacing-md)}.value-card p,.start-card p,.scene-card p,.preview-body p,.how-step p{color:var(--color-on-surface-variant)}.value-card{padding:var(--spacing-xxl) var(--spacing-xl)}.how-diagram{margin-bottom:var(--spacing-section-sm);box-shadow:none}.how-step{gap:var(--spacing-lg);align-items:flex-start;display:flex}.how-step-number{border-radius:var(--radius-button);background-color:var(--color-primary-container);width:36px;height:36px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.how-step h3{margin-bottom:var(--spacing-sm);font-size:18px}.how-step p{font-size:var(--text-small-size)}.preview-list{gap:var(--spacing-section-desktop);display:grid}.preview-item{gap:var(--spacing-xxl);align-items:center;display:grid}.preview-body h3{margin-bottom:var(--spacing-lg);font-size:clamp(24px,2.4vw,30px)}.preview-link{align-items:center;gap:var(--spacing-sm);min-height:44px;margin-top:var(--spacing-lg);font-weight:500;text-decoration:none;display:inline-flex}.scene-card{padding:0 0 var(--spacing-xxl);overflow:hidden}.scene-card .media-frame{box-shadow:none;border:0;border-radius:0}.scene-card img{aspect-ratio:3/2;object-fit:cover}.scene-card h3,.scene-card p{margin-inline:var(--spacing-xl)}.scene-card h3{margin-top:var(--spacing-xl)}.scene-card p{margin-top:var(--spacing-sm)}.start-actions{gap:var(--spacing-md);padding-top:var(--spacing-lg);flex-wrap:wrap;margin-top:auto;display:flex}.action-text{min-height:44px;color:var(--color-on-surface-variant);align-items:center;display:inline-flex}@media (width>=768px){.value-grid,.start-grid,.how-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stats,.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-stats li+li{padding-left:var(--spacing-xxl);border-left:1px solid var(--color-outline-variant)}}@media (width>=1024px){.hero-inner{column-gap:var(--spacing-section-sm);grid-template-columns:minmax(0,44fr) minmax(0,56fr)}.hero-stats{margin-top:var(--spacing-lg);grid-column:1/-1}.value-grid,.how-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.preview-item{gap:var(--spacing-section-desktop);grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.preview-item.reverse{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.preview-item.reverse .preview-media{order:-1}}@media (width<=767px){.hero{padding-top:var(--spacing-section-sm);padding-bottom:var(--spacing-section-mobile)}.hero-inner{gap:var(--spacing-xxl)}.hero-lead{font-size:var(--text-body-size)}.hero-actions .btn{flex:1}.hero-stats{row-gap:var(--spacing-xl);grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stats li:last-child{grid-column:1/-1}.hero-stats strong{font-size:24px}.preview-list{gap:var(--spacing-section-mobile)}}