*{box-sizing:border-box;margin:0;padding:0}body{color:#1a202c;background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.container{max-width:1100px;margin:0 auto;padding:0 24px}.header{-webkit-backdrop-filter:blur(12px);z-index:100;background:#ffffffeb;border-bottom:1px solid #eef2ff;padding:16px 0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{color:#1a202c;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:flex}.logo-img{object-fit:contain;border-radius:8px;width:40px;height:40px}.nav{gap:24px;display:flex}.nav-link{color:#4a5568;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#2b6cff}.hero{text-align:center;background:linear-gradient(#f8faff 0%,#fff 100%);padding:100px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#6a8cff1f 0%,#0000 60%);width:140%;height:200%;position:absolute;top:-50%;left:-20%}.badge{color:#2b6cff;background:#eef2ff;border:1px solid #dbe4ff;border-radius:999px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.03em;color:#1a202c;margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.15}.gradient-text{background:linear-gradient(90deg,#6a8cff,#00c6ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#4a5568;max-width:680px;margin:0 auto 36px;font-size:1.25rem;line-height:1.7}.hero-subtitle strong{color:#1a202c}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:20px;display:flex}.hero-note{color:#718096;font-size:.9rem}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:linear-gradient(90deg,#6a8cff,#2b6cff);box-shadow:0 6px 20px #2b6cff4d}.btn-primary:hover{background:linear-gradient(90deg,#5a7cee,#1b5cff);box-shadow:0 8px 24px #2b6cff66}.btn-secondary{color:#2b6cff;background:#fff;border:1px solid #dbe4ff}.btn-secondary:hover{background:#f8faff;border-color:#b3c7ff}.btn-large{border-radius:14px;padding:16px 32px;font-size:1.125rem}.btn-block{width:100%}.section-title{letter-spacing:-.02em;text-align:center;color:#1a202c;margin-bottom:16px;font-size:2.25rem;font-weight:800}.section-subtitle{text-align:center;color:#4a5568;max-width:600px;margin:0 auto 48px;font-size:1.1rem}.steps{background:#fff;padding:80px 0}.steps-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px;display:grid}.step-card{text-align:center;background:#f8faff;border:1px solid #eef2ff;border-radius:16px;padding:32px 24px;transition:transform .2s,box-shadow .2s}.step-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #6a8cff1a}.step-number{color:#fff;background:linear-gradient(135deg,#6a8cff,#2b6cff);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:1.25rem;font-weight:800;display:inline-flex}.step-card h3{color:#1a202c;margin-bottom:10px;font-size:1.15rem;font-weight:700}.step-card p{color:#4a5568;font-size:.95rem;line-height:1.7}.comparison{background:linear-gradient(#f8faff 0%,#fff 100%);padding:80px 0}.comparison-grid{grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:40px;display:grid}.comparison-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px}.comparison-card--generic{background:#fff5f5;border-color:#feb2b2}.comparison-card--wc{background:#f0fff4;border-color:#9ae6b4;box-shadow:0 8px 24px #48bb781a}.comparison-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.comparison-header h3{font-size:1.1rem;font-weight:700}.comparison-badge{border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600}.comparison-badge--bad{color:#c53030;background:#fff5f5;border:1px solid #feb2b2}.comparison-badge--good{color:#276749;background:#f0fff4;border:1px solid #9ae6b4}.comparison-list{padding:0;list-style:none}.comparison-list li{color:#4a5568;border-bottom:1px solid #0000000f;padding:10px 0;font-size:.95rem}.comparison-list li:last-child{border-bottom:none}.comparison-card--wc .comparison-list li{color:#276749}.proof-box{text-align:center;color:#fff;background:#1a202c;border-radius:12px;padding:24px}.proof-label{text-transform:uppercase;letter-spacing:.1em;color:#a0aec0;margin-bottom:8px;font-size:.8rem}.proof-query{color:#90cdf4;margin-bottom:4px;font-size:1.1rem;font-weight:600}.proof-result{color:#68d391;font-size:1rem;font-weight:600}.features{background:#fff;padding:80px 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.feature-card{background:#f8faff;border:1px solid #eef2ff;border-radius:16px;padding:28px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #6a8cff1a}.feature-icon{margin-bottom:16px;font-size:2rem}.feature-card h3{color:#1a202c;margin-bottom:8px;font-size:1.05rem;font-weight:700}.feature-card p{color:#4a5568;font-size:.95rem;line-height:1.7}.pricing{background:linear-gradient(#fff 0%,#f8faff 100%);padding:80px 0}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;display:grid}.pricing-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px 24px;transition:transform .2s,box-shadow .2s;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.pricing-card--popular{border-color:#6a8cff;transform:scale(1.02);box-shadow:0 8px 24px #6a8cff26}.pricing-card--popular:hover{transform:scale(1.02)translateY(-4px)}.popular-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(90deg,#6a8cff,#2b6cff);border-radius:999px;padding:4px 16px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header{margin-bottom:20px}.pricing-header h3{color:#4a5568;margin-bottom:8px;font-size:1.1rem;font-weight:700}.pricing-price{color:#1a202c;letter-spacing:-.02em;font-size:2.5rem;font-weight:800}.pricing-price span{color:#718096;font-size:1rem;font-weight:500}.pricing-features{text-align:left;margin:0 0 24px;padding:0;list-style:none}.pricing-features li{color:#4a5568;border-bottom:1px solid #f7fafc;padding:8px 0;font-size:.9rem}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓";color:#48bb78;margin-right:8px;font-weight:700}.cta{text-align:center;color:#fff;background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);padding:80px 0}.cta h2{letter-spacing:-.02em;margin-bottom:12px;font-size:2.25rem;font-weight:800}.cta p{color:#a0aec0;margin-bottom:32px;font-size:1.1rem}.cta .btn-primary{background:linear-gradient(90deg,#6a8cff,#00c6ff);box-shadow:0 6px 20px #6a8cff66}.cta .btn-primary:hover{background:linear-gradient(90deg,#5a7cee,#00b0e6);box-shadow:0 8px 24px #6a8cff80}.footer{background:#fff;border-top:1px solid #e2e8f0;padding:48px 0 32px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.footer-brand{color:#718096;align-items:center;gap:10px;font-size:.9rem;display:flex}.footer-tagline{color:#a0aec0;font-size:.9rem;font-weight:500}@media (width<=900px){.steps-grid,.features-grid,.comparison-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card--popular{transform:none}.pricing-card--popular:hover{transform:translateY(-4px)}.hero h1{font-size:2.25rem}.section-title,.cta h2{font-size:1.75rem}}@media (width<=640px){.hero{padding:64px 0 48px}.hero h1{font-size:1.75rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;align-items:center}.btn{width:100%;max-width:320px}.footer-inner{text-align:center;flex-direction:column}}
