.hero-section{background:linear-gradient(135deg,#2c3e50 0,#1a242f 100%);color:#fff;padding:4em 0;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.hero-section .container{display:flex;align-items:center;gap:4em;position:relative;z-index:2}@media (max-width:52em){.hero-section .container{flex-direction:column;gap:2em;text-align:center}}.hero-section .hero-content{flex:1;max-width:600px}.hero-section .hero-visual{flex:1;max-width:500px}.hero-badge{margin-bottom:1em}.hero-badge .status-badge{font-size:.9em;padding:.5em 1em}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:.5em;color:#fff}@media (max-width:52em){.hero-title{font-size:2.5rem}}@media (max-width:30em){.hero-title{font-size:2rem}}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:2em;opacity:.9}@media (max-width:30em){.hero-subtitle{font-size:1.1rem}}.hero-stats{display:flex;gap:2em;margin-bottom:2em}@media (max-width:30em){.hero-stats{flex-direction:column;gap:1em}}.stat-item{text-align:center}.stat-item .stat-number{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:2.5rem;font-weight:700;color:#27ae60;line-height:1}@media (max-width:30em){.stat-item .stat-number{font-size:2rem}}.stat-item .stat-label{font-size:.9rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px;margin-top:.25em}.hero-cta{display:flex;gap:1em;align-items:center}@media (max-width:30em){.hero-cta{flex-direction:column;width:100%}}.hero-cta .cta-primary{font-size:1.1rem;padding:1em 2em}@media (max-width:30em){.hero-cta .cta-primary{width:100%}}.hero-cta .cta-secondary{color:#fff;text-decoration:none;font-weight:600;padding:1em;transition:opacity .2s}.hero-cta .cta-secondary:hover{opacity:.8}.section-title{font-size:2.5rem;margin-bottom:.5em}@media (max-width:52em){.section-title{font-size:2rem}}.section-subtitle{font-size:1.2rem;color:#95a5a6;margin-bottom:3em;max-width:800px;margin-left:auto;margin-right:auto}.benefits-section{background:#fff}.benefit-card{text-align:center;padding:2em 1em;border-radius:8px;transition:transform .2s,box-shadow .2s}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.benefit-card .benefit-icon{font-size:3rem;margin-bottom:1em}.benefit-card h3{margin-bottom:1em;color:#2c3e50}.benefit-card p{color:#95a5a6;line-height:1.6}.process-section{background:#ecf0f1;padding:4em 0}.process-steps{max-width:900px;margin:0 auto}.process-step{display:flex;gap:2em;margin-bottom:3em;align-items:flex-start}@media (max-width:52em){.process-step{flex-direction:column;gap:1em;text-align:center}}.process-step:last-child{margin-bottom:0}.step-number{width:60px;height:60px;background:#27ae60;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.step-content{flex:1}.step-content h3{margin-bottom:.5em;color:#2c3e50}.step-content p{margin-bottom:1em;line-height:1.6}.step-content p strong{color:#2c3e50}.step-features{display:flex;flex-wrap:wrap;gap:.5em}.feature-tag{background:#3498db;color:#fff;padding:.25em .75em;border-radius:20px;font-size:.8rem;font-weight:600}.metrics-section{background:#fff}.metrics-section p.overall{font-size:.9em;font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-weight:600;color:#95a5a6;text-transform:uppercase;margin:0 0 1em;padding:0}.metrics-grid{display:grid;grid-template-columns:25% 25% 25% 25%;gap:2em;margin-top:2em}.metric-category{background:#ecf0f1;padding:2em;border-radius:8px}.metric-category h3{margin-bottom:1.5em;color:#2c3e50;font-size:1.5rem}.metric-items .metric-item{margin-bottom:2em}.metric-items .metric-item:last-child{margin-bottom:0}.metric-items .metric-item h4{color:#2c3e50;margin-bottom:.5em;font-size:1.1rem}.metric-items .metric-item p{color:#95a5a6;line-height:1.5;font-size:.95rem}.seo-features-section{background:#fff}.seo-features-section .seo-feature-group{background:#ecf0f1;padding:2em;border-radius:8px;height:100%}.seo-features-section .seo-feature-group h3{color:#2c3e50;margin-bottom:1.5em;font-size:1.3rem}.seo-features-section .feature-list{list-style:none;padding:0}.seo-features-section .feature-list li{padding:.75em 0;border-bottom:1px solid #ddd;line-height:1.5}.seo-features-section .feature-list li:last-child{border-bottom:none}.seo-features-section .feature-list li strong{color:#2c3e50;font-weight:600}.seo-features-section .seo-scoring-section{margin-top:3em;text-align:center}.seo-features-section .seo-scoring-section h3{margin-bottom:2em;color:#2c3e50}.seo-score-item{text-align:center;padding:1.5em;border-radius:8px;border:2px solid}.seo-score-item.excellent{border-color:#2ecc71;background:#e8f8f5}.seo-score-item.excellent .score-range{color:#2ecc71}.seo-score-item.good{border-color:#3498db;background:#d6eaf8}.seo-score-item.good .score-range{color:#3498db}.seo-score-item.moderate{border-color:#f39c12;background:#fef5e7}.seo-score-item.moderate .score-range{color:#f39c12}.seo-score-item.poor{border-color:#e74c3c;background:#fdedec}.seo-score-item.poor .score-range{color:#e74c3c}.seo-score-item .score-range{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:1.5rem;font-weight:700;margin-bottom:.5em}.seo-score-item .score-label{font-weight:600;margin-bottom:.5em;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px}.seo-score-item p{margin:0;font-size:.9rem;color:#95a5a6}.classifications-section{background:#ecf0f1;padding:4em 0}.classification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5em;margin-top:2em}.classification-item{background:#fff;padding:2em;border-radius:8px;text-align:center;border-left:5px solid}.classification-item.danger{border-left-color:#e74c3c}.classification-item.danger .classification-score{color:#e74c3c}.classification-item.warning{border-left-color:#f1c40f}.classification-item.warning .classification-score{color:#f1c40f}.classification-item.moderate{border-left-color:#3498db}.classification-item.moderate .classification-score{color:#3498db}.classification-item.success{border-left-color:#2ecc71}.classification-item.success .classification-score{color:#2ecc71}.classification-score{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:2rem;font-weight:700;margin-bottom:.5em}.classification-label{font-size:1.1rem;font-weight:600;margin-bottom:1em;color:#2c3e50}.specs-section{background:#fff}.specs-card{background:#ecf0f1;padding:2em;border-radius:8px;height:100%}.specs-card h3{margin-bottom:1.5em;color:#2c3e50}.specs-list{list-style:none;padding:0}.specs-list li{padding:.5em 0;border-bottom:1px solid #ddd}.specs-list li:last-child{border-bottom:none}.specs-list li strong{color:#2c3e50;font-weight:600}.quick-start-section{margin-top:3em}.quick-start-section h3{margin-bottom:1em;color:#2c3e50}.code-block{background:#1a1a1a;color:#fff;padding:2em;border-radius:8px;font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:.9rem;overflow-x:auto;line-height:1.5}.code-block .comment{color:#95a5a6}.code-block .keyword{color:#3498db}.code-block .string{color:#2ecc71}.code-block .number{color:#f39c12}.cta-section{background:linear-gradient(135deg,#27ae60 0,#1e8449 100%);color:#fff;padding:4em 0;text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-content h2{font-size:2.5rem;margin-bottom:1em;color:#fff}@media (max-width:52em){.cta-content h2{font-size:2rem}}.cta-content p{font-size:1.2rem;margin-bottom:2em;opacity:.9}.cta-buttons{display:flex;gap:1em;justify-content:center}@media (max-width:30em){.cta-buttons{flex-direction:column;align-items:center}}.cta-buttons .cta-primary{background:#fff;color:#27ae60}.cta-buttons .cta-primary:hover{background:#ecf0f1;color:#27ae60}@media (max-width:52em){.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.metrics-grid{grid-template-columns:1fr}.classification-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:30em){.hero-title{font-size:2rem}.classification-grid{grid-template-columns:1fr}.comparison-item{flex-direction:column;gap:.5em;align-items:flex-start}.comparison-item .item-label{min-width:auto}.comparison-item .progress-bar{width:100%}.comparison-item .item-score{align-self:flex-end}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.hero-content{animation:fadeInUp .8s ease-out}.analysis-preview{animation:fadeInUp .8s ease-out .2s both}.benefit-card:hover{animation:pulse .6s ease-in-out}.button-blue,.button-green{position:relative;overflow:hidden}.button-blue::before,.button-green::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.button-blue:hover::before,.button-green:hover::before{left:100%}.text-gradient{background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.shadow-soft{box-shadow:0 10px 40px rgba(0,0,0,.1)}.shadow-strong{box-shadow:0 20px 60px rgba(0,0,0,.2)}