.hero{padding:var(--spacing-4xl)0 var(--spacing-3xl);text-align:center}.hero-inner{flex-direction:column;align-items:center;display:flex}.hero-title{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);letter-spacing:-.03em;margin-bottom:var(--spacing-xl);line-height:1.1}.hero-title-bold{color:var(--color-text-primary)}.hero-title-light{color:var(--color-text-tertiary)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:640px;margin-bottom:var(--spacing-2xl);line-height:1.7}.hero-badges{align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl);flex-wrap:wrap;justify-content:center;display:flex}.hero-badge-group{align-items:center;gap:var(--spacing-md);display:flex}.hero-badge-label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);letter-spacing:.08em;text-transform:uppercase}.hero-badge-items{align-items:center;gap:var(--spacing-lg);display:flex}.hero-badge-item{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);align-items:center;gap:6px;display:inline-flex}.hero-badge-divider{color:var(--color-border);font-size:var(--font-size-xl);font-weight:200}.hero-cta{margin-bottom:var(--spacing-lg)}.hero-guarantee{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.hero-guarantee-link{text-underline-offset:2px;transition:color var(--transition-base);text-decoration:underline}.hero-guarantee-link:hover{color:var(--color-text-primary)}@media (max-width:768px){.hero{padding:var(--spacing-3xl)0 var(--spacing-2xl)}.hero-badges{gap:var(--spacing-md);flex-direction:column}.hero-badge-divider{display:none}.hero-badge-group{gap:var(--spacing-sm);flex-direction:column}}@media (max-width:480px){.hero-badge-items{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}}
.trusted{padding:var(--spacing-xl)0 var(--spacing-4xl)}.trusted-inner{text-align:center}.trusted-label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--spacing-xl)}.trusted-logos{justify-content:center;align-items:center;gap:var(--spacing-3xl);flex-wrap:wrap;display:flex}.trusted-logo{cursor:default;opacity:.4;align-items:center;transition:opacity .3s;display:inline-flex}.trusted-logo:hover{opacity:1}.trusted-logo img{width:auto;max-height:28px;display:block}@media (max-width:768px){.trusted-logos{gap:var(--spacing-xl)}.trusted-logo img{height:22px}}@media (max-width:480px){.trusted-logos{gap:var(--spacing-lg)var(--spacing-xl)}}
.comparison{padding:var(--spacing-3xl)0}.comparison-inner .section-title{margin-bottom:var(--spacing-3xl)}.comparison-grid{border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;max-width:900px;margin:0 auto;display:grid;overflow:hidden}.comparison-card{padding:var(--spacing-2xl)var(--spacing-2xl)}.comparison-card--traditional{background-color:var(--color-bg);border-right:1px solid var(--color-border)}.comparison-card--openclaw{background-color:var(--color-bg-card);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.comparison-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xl)}.comparison-card-title--center{text-align:center}.comparison-tasks{gap:var(--spacing-md);flex-direction:column;display:flex}.comparison-task-row{justify-content:space-between;align-items:center;display:flex}.comparison-task-name{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.comparison-task-time{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.comparison-divider{background-color:var(--color-divider);height:1px;margin:var(--spacing-lg)0}.comparison-total .comparison-task-name,.comparison-total .comparison-task-time{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-base)}.comparison-disclaimer{margin-top:var(--spacing-lg);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.comparison-highlight{margin-bottom:var(--spacing-lg);flex-direction:column;align-items:center;display:flex}.comparison-highlight-number{font-size:5rem;font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);letter-spacing:-.04em;line-height:1}.comparison-highlight-unit{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--spacing-sm)}.comparison-highlight-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}@media (max-width:768px){.comparison-grid{grid-template-columns:1fr}.comparison-card--traditional{border-right:none;border-bottom:1px solid var(--color-border)}.comparison-highlight-number{font-size:3.5rem}}
.testimonials{padding:var(--spacing-3xl)0}.testimonials-inner .section-title{margin-bottom:0}.testimonials-inner .section-subtitle{margin-bottom:var(--spacing-3xl)}.testimonials-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.testimonials-column{gap:var(--spacing-lg);flex-direction:column;display:flex}.testimonial-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);background:var(--color-bg);transition:box-shadow var(--transition-base),transform var(--transition-base)}.testimonial-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.testimonial-quote{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);line-height:1.7}.testimonial-author{align-items:center;gap:var(--spacing-sm);display:flex}.testimonial-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.testimonial-avatar-fallback{color:#6b7280;width:36px;height:36px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.testimonial-info{flex-direction:column;display:flex}.testimonial-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.testimonial-handle{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}@media (max-width:1024px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.testimonials-grid{grid-template-columns:1fr}}
.usecases{padding:var(--spacing-3xl)0}.usecases-inner .section-title{margin-bottom:0}.usecases-inner .section-subtitle{margin-bottom:var(--spacing-3xl)}.usecases-rows{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-direction:column;display:flex;overflow:hidden}.usecases-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.usecases-scroll{gap:var(--spacing-md);width:max-content;animation:30s linear infinite scroll-tags;display:flex}.usecases-row:nth-child(2n) .usecases-scroll{animation-direction:reverse}@keyframes scroll-tags{0%{transform:translate(0)}to{transform:translate(-50%)}}.usecase-tag{border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;transition:all var(--transition-base);cursor:default;flex-shrink:0;align-items:center;padding:10px 20px;display:inline-flex}.usecase-tag:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary);background-color:var(--color-bg-card)}.usecases-ps{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}
.cta-footer{background-color:var(--color-bg-dark);padding:var(--spacing-4xl)0}.cta-footer-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.cta-footer-title{color:var(--color-text-on-dark);margin-bottom:var(--spacing-lg);letter-spacing:-.03em;font-size:3rem;font-weight:800}.cta-footer-subtitle{color:#a1a1aa;margin-bottom:var(--spacing-2xl);max-width:500px;font-size:1.25rem;line-height:1.5}.cta-footer-btn{margin-bottom:var(--spacing-md)}.cta-footer-guarantee{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width:768px){.cta-footer{padding:var(--spacing-3xl)0}.cta-footer-title{font-size:var(--font-size-xl)}}