.hero{position:relative;padding:var(--space-24) 0 var(--space-20);background:linear-gradient(180deg,var(--color-primary-lighter) 0%,#fff 100%);overflow:hidden}
.hero::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,var(--color-primary-light) 0%,transparent 70%);opacity:0.3;border-radius:50%}
.hero-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}
.hero-content{text-align:left}
.hero-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#fff;border:1px solid var(--color-primary-light);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-primary);font-weight:500;margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}
.hero-tag-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse 2s infinite}
.hero-title{font-size:var(--text-5xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-5);color:var(--color-text)}
.hero-title-highlight{color:var(--color-primary);position:relative}
.hero-subtitle{font-size:var(--text-xl);color:var(--color-text-dim);line-height:1.6;margin-bottom:var(--space-8);max-width:500px}
.hero-cta-group{display:flex;gap:var(--space-4);flex-wrap:wrap}
.hero-stats{display:flex;gap:var(--space-8);margin-top:var(--space-10)}
.hero-stat{text-align:left}
.hero-stat-num{font-size:var(--text-3xl);font-weight:700;color:var(--color-primary);font-family:var(--font-display)}
.hero-stat-label{font-size:var(--text-sm);color:var(--color-text-dim);margin-top:var(--space-1)}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}
.hero-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl);width:100%;max-width:420px;position:relative}
.hero-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}
.hero-card-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}
.hero-card-name{font-size:var(--text-lg);font-weight:600}
.hero-card-role{font-size:var(--text-sm);color:var(--color-text-dim)}
.hero-card-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0}
.hero-card-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-primary-lighter);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary);font-size:var(--text-base)}
.hero-card-item-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}
.hero-card-item-desc{font-size:var(--text-xs);color:var(--color-text-dim);margin-top:2px}

.products{padding:var(--space-20) 0}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}
.product-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base);position:relative;display:flex;flex-direction:column}
.product-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}
.product-card-featured{border-color:var(--color-primary);border-width:2px;box-shadow:var(--shadow-lg)}
.product-card-featured::before{content:'最受欢迎';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--color-highlight);color:#fff;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);white-space:nowrap}
.product-card-tier{font-size:var(--text-sm);color:var(--color-text-light);font-weight:500;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-2)}
.product-card-name{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-3)}
.product-card-price{font-size:var(--text-3xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-1)}
.product-card-price-unit{font-size:var(--text-sm);color:var(--color-text-light);font-weight:400}
.product-card-desc{font-size:var(--text-sm);color:var(--color-text-dim);margin-bottom:var(--space-6);line-height:1.6}
.product-card-features{flex-grow:1;margin-bottom:var(--space-6)}
.product-card-features li{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-dim)}
.product-card-features li::before{content:'';width:18px;height:18px;background:var(--color-success-light);border-radius:50%;flex-shrink:0;margin-top:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}

.methodology-overview{padding:var(--space-20) 0;background:var(--color-bg-alt)}
.methodology-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}
.methodology-item{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:all var(--transition-base);cursor:pointer;border:2px solid transparent}
.methodology-item:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.methodology-item-icon{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl)}
.methodology-item-icon.bg-primary{background:var(--color-primary-lighter);color:var(--color-primary)}
.methodology-item-icon.bg-accent{background:var(--color-accent-light);color:var(--color-accent)}
.methodology-item-icon.bg-highlight{background:var(--color-highlight-light);color:var(--color-highlight)}
.methodology-item-icon.bg-success{background:var(--color-success-light);color:var(--color-success)}
.methodology-item-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}
.methodology-item-desc{font-size:var(--text-sm);color:var(--color-text-dim);line-height:1.5}
.methodology-item-count{display:inline-block;margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-primary);font-weight:600;background:var(--color-primary-lighter);padding:2px var(--space-3);border-radius:var(--radius-full)}

.trust-section{padding:var(--space-16) 0}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}
.trust-item{text-align:center;padding:var(--space-6)}
.trust-num{font-size:var(--text-4xl);font-weight:700;color:var(--color-primary);font-family:var(--font-display)}
.trust-label{font-size:var(--text-sm);color:var(--color-text-dim);margin-top:var(--space-2)}

.cta-section{padding:var(--space-20) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff}
.cta-container{max-width:var(--max-width-narrow);margin:0 auto;padding:0 var(--space-6);text-align:center}
.cta-title{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-4);color:#fff}
.cta-subtitle{font-size:var(--text-lg);color:rgba(255,255,255,0.85);margin-bottom:var(--space-8);line-height:1.6}
.cta-pain-list{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-8)}
.cta-pain-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:rgba(255,255,255,0.1);border-radius:var(--radius-full);font-size:var(--text-sm);color:rgba(255,255,255,0.9)}
.cta-pain-item::before{content:'';width:6px;height:6px;background:var(--color-highlight);border-radius:50%;flex-shrink:0}
.cta-social-proof{margin-top:var(--space-6);font-size:var(--text-sm);color:rgba(255,255,255,0.7)}

@media (max-width:1024px){
  .hero-container{grid-template-columns:1fr;gap:var(--space-8)}
  .hero-visual{order:-1}
  .products-grid{grid-template-columns:1fr;max-width:480px}
  .methodology-grid{grid-template-columns:repeat(2,1fr)}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .hero{padding:var(--space-12) 0}
  .hero-title{font-size:var(--text-4xl)}
  .hero-subtitle{font-size:var(--text-base)}
  .hero-stats{gap:var(--space-4);flex-wrap:wrap}
  .hero-stat-num{font-size:var(--text-2xl)}
  .methodology-grid{grid-template-columns:1fr}
  .cta-pain-list{flex-direction:column;align-items:center}
}