.hero{background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)100%);align-items:center;min-height:90vh;margin-top:0;padding-top:4rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 20%,#ff6b6b26 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ff6b6b26 0%,#0000 50%);animation:8s ease-in-out infinite pulse;position:absolute;inset:0}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.hero .container{z-index:1;text-align:center;justify-content:center;align-items:center;padding:7rem 2rem;display:flex;position:relative}.hero-content{max-width:800px;margin:0 auto}.hero-visual{position:relative}.hero-badge{border:1px solid var(--accent);color:var(--accent-light);letter-spacing:.5px;background:#ff6b6b26;border-radius:50px;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;animation:.8s ease-out slideDownFade;display:inline-block}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-family:var(--font-display);color:#fff;letter-spacing:-2px;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1;animation:1s ease-out .2s both fadeInUp}.hero p{color:#ffffffe6;margin-bottom:2.5rem;font-size:1.2rem;line-height:1.7;animation:1s ease-out .4s both fadeInUp}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.comparison-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;padding:2rem;animation:1s ease-out .8s both fadeInUp}.comparison-label{text-align:center;color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;font-size:.85rem;font-weight:600}.comparison-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.test-card{background:#fffffff2;border-radius:12px;padding:1.5rem;transition:transform .3s;position:relative}.test-card:hover{transform:translateY(-4px)}.test-badge{background:var(--primary);color:#fff;letter-spacing:.5px;border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.test-badge.new{background:var(--accent)}.test-code{font-family:var(--font-mono);color:var(--text);background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:1rem;font-size:.85rem;line-height:1.6}.test-code-line{display:block}.test-code .keyword{color:#7c3aed;font-weight:600}.test-code .string{color:#059669}.test-code .comment{color:#6b7280;font-style:italic}.test-result{border-radius:6px;align-items:center;gap:.75rem;padding:.75rem;font-weight:600;display:flex}.test-result.fail{color:#dc2626;background:#fee2e2}.test-result.pass{color:#059669;background:#d1fae5}.test-result-icon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.test-result.fail .test-result-icon{color:#fff;background:#dc2626}.test-result.pass .test-result-icon{color:#fff;background:#059669}.vs-separator{text-align:center;color:#fff9;letter-spacing:2px;margin:1rem 0;font-size:1.2rem;font-weight:700}.semantic-match{color:#1e40af;background:#f0f9ff;border-left:3px solid #3b82f6;border-radius:4px;margin-top:.75rem;padding:.5rem;font-size:.85rem}.semantic-match strong{color:#1e3a8a}@media (max-width:1024px){.hero .container{text-align:center;grid-template-columns:1fr;gap:3rem;padding:6rem 2rem}.hero-content{max-width:100%;margin:0 auto}.hero-visual{width:100%}.comparison-container{padding:1.5rem}}@media (max-width:968px){.hero-visual{order:2}}@media (max-width:768px){.hero{min-height:auto;margin-top:0;padding-top:0}.hero .container{padding:10rem 1.5rem}.hero h1{letter-spacing:-1px;font-size:2.2rem;line-height:1.2}.hero p{font-size:1rem}.hero-cta{justify-content:center}.comparison-container,.test-card{padding:1.25rem}.test-code{font-size:.75rem;overflow-x:auto}.vs-separator{margin:.75rem 0;font-size:1rem}}@media (max-width:480px){.hero h1{font-size:1.9rem}.hero-badge{padding:.4rem 1rem;font-size:.75rem}.comparison-label{font-size:.75rem}.test-code{font-size:.7rem}}
.cta-section{background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)100%);padding:6rem 0;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle at 20%,#ff6b6b1a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ff6b6b1a 0%,#0000 50%);position:absolute;inset:0}.cta-content{text-align:center;z-index:1;color:#fff;max-width:800px;margin:0 auto;position:relative}.cta-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2rem;display:flex}.cta-icon svg{color:#fff}.cta-content h2{font-family:var(--font-display);margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;line-height:1.2}.cta-content p{opacity:.95;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.cta-features{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.cta-feature{opacity:.9;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.cta-feature svg{flex-shrink:0}@media (max-width:768px){.cta-section{padding:4rem 0}.cta-content h2{font-size:1.875rem}.cta-content p{font-size:1.125rem}.cta-buttons{flex-direction:column;align-items:stretch}.cta-buttons .btn-large{width:100%}.cta-features{flex-direction:column;gap:1rem}}
.features-section{background:#fff;padding:8rem 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:100%;display:grid}.feature-card{background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg,var(--accent),var(--accent-light));transform-origin:0;width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 12px 30px #2c456326}.feature-icon{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;font-size:1.75rem;display:flex}.feature-icon svg{stroke:#fff;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.feature-card h3{font-family:var(--font-display);color:var(--primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.feature-card p{color:var(--text-light);margin-bottom:1.5rem;line-height:1.7}.feature-list{padding:0;list-style:none}.feature-list li{color:var(--text);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.feature-list li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}@media (max-width:768px){.features-grid{grid-template-columns:1fr}}
.benefits{background:var(--primary);color:#fff;padding:8rem 0;position:relative;overflow:hidden}.benefits:before{content:"";background:radial-gradient(circle,#ff6b6b1a 0%,#0000 70%);width:60%;height:200%;animation:20s linear infinite rotate;position:absolute;top:-50%;right:-10%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.benefits .container{z-index:1;position:relative}.benefits .section-header h2{color:#fff}.benefits .section-header p{color:#ffffffd9}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;margin-top:3rem;display:grid}.benefit-item{text-align:center}.benefit-number{font-family:var(--font-display);color:#fff;opacity:.9;margin-bottom:1rem;font-size:4rem;font-weight:700;line-height:1}.benefit-item h3{font-family:var(--font-display);color:#fff;margin-bottom:1rem;font-size:1.5rem}.benefit-item p{color:#ffffffd9;line-height:1.7}@media (max-width:768px){.benefits-grid{grid-template-columns:1fr}}
.pricing{background:#fff;padding:6rem 0}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem;display:grid}.pricing-card{background:var(--bg-secondary);border:2px solid var(--border);border-radius:16px;padding:2.5rem;transition:all .3s;position:relative}.pricing-card.featured{border-color:var(--accent);transform:scale(1.05);box-shadow:0 12px 30px #ff6b6b33}.pricing-badge{background:var(--accent);color:#fff;border-radius:50px;padding:.35rem 1rem;font-size:.8rem;font-weight:600;position:absolute;top:-12px;right:2rem}.pricing-card:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 12px 30px #2c456326}.pricing-card.featured:hover{transform:scale(1.05)translateY(-8px)}.pricing-name{font-family:var(--font-display);color:var(--primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.pricing-price{font-family:var(--font-display);color:var(--text);margin-bottom:.5rem;font-size:3rem;font-weight:700}.pricing-price span{color:var(--text-light);font-size:1.25rem;font-weight:400}.pricing-description{color:var(--text-light);margin-bottom:2rem;line-height:1.6}.pricing-features{margin-bottom:2rem;padding:0;list-style:none}.pricing-features li{color:var(--text);align-items:flex-start;gap:.75rem;padding:.75rem 0;display:flex}.pricing-features li:before{content:"✓";color:var(--accent);flex-shrink:0;font-size:1.2rem;font-weight:700}.pricing-cta{background:var(--primary);width:100%;color:var(--accent-text);border:2px solid var(--primary);cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-body);text-align:center;border-radius:8px;padding:1rem 2rem;text-decoration:none;transition:all .3s;display:block}.pricing-cta:hover{background:var(--primary-light);transform:translateY(-2px)}.pricing-card.featured .pricing-cta{background:var(--accent);border-color:var(--accent)}.pricing-card.featured .pricing-cta:hover{background:var(--accent-dark)}@media (max-width:968px){.pricing-card.featured{transform:scale(1)}.pricing-card.featured:hover{transform:translateY(-8px)}}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr}}
.contact-section{background:var(--bg-secondary);padding:6rem 0}.contact-section .container{max-width:900px}.contact-container{background:#fff;border-radius:16px;padding:3rem;box-shadow:0 20px 60px #0000001a}.contact-header{text-align:center;margin-bottom:3rem}.contact-header h2{font-family:var(--font-display);color:var(--primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.contact-header p{color:var(--text-light);font-size:1.15rem}.contact-form{width:100%}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.form-group{text-align:left}.form-group.full{grid-column:1/-1}.form-group label{color:var(--text);margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--border);width:100%;font-family:var(--font-body);background:#fff;border-radius:8px;padding:1rem;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ff6b6b1a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:var(--primary);color:#fff;cursor:pointer;width:100%;font-size:1.1rem;font-weight:600;font-family:var(--font-body);border:none;border-radius:8px;padding:1.25rem 3rem;transition:all .3s}.submit-btn:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 20px #2c45634d}.submit-btn:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.submit-btn .loading{justify-content:center;align-items:center;gap:.5rem;display:flex}.spinner{width:20px;height:20px;animation:1s linear infinite spin}.privacy-note{color:var(--text-light);margin-top:1.5rem;font-size:.85rem}.required{color:var(--accent)}.form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.form-error svg{flex-shrink:0;margin-top:.125rem}.form-actions{flex-direction:column;align-items:center;gap:1rem;display:flex}.form-note{color:var(--text-light);text-align:center;margin:0;font-size:.875rem}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.contact-container{padding:2rem 1.5rem}.contact-header h2{font-size:2rem}}