.blob-animate{animation:blob-bounce 10s infinite ease-in-out}@keyframes blob-bounce{.seo-hero{background:radial-gradient(100% 80% at 50% 0,#0f172a 0,#020617 100%);padding:160px 0 100px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.05);color:white}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at 50% 50%,black 40%,transparent 80%);pointer-events:none}.hero-container{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:10}.hero-badge{background:rgba(59,130,246,0.15);color:#60a5fa;border:1px solid rgba(59,130,246,0.3);padding:6px 14px;border-radius:50px;font-size:.8rem;font-weight:700;text-transform:uppercase;margin-bottom:24px;display:inline-flex;align-items:center;gap:8px}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:20px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{color:#94a3b8;font-size:1.15rem;line-height:1.6;margin-bottom:40px}.analysis-form{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);padding:8px;border-radius:16px;backdrop-filter:blur(10px);display:flex;gap:10px;box-shadow:0 20px 40px -10px rgba(0,0,0,0.5)}.url-input{flex:1;background:transparent;border:0;outline:0;color:white;padding:0 20px;font-size:1rem;width:100%}.url-input:hover,.url-input:focus{flex:1;background:transparent;border:0;outline:0;color:white;padding:0 20px;font-size:1rem;width:100%}.analyze-btn{background:#3b82f6;color:white;border:0;padding:14px 30px;border-radius:12px;font-weight:700;cursor:pointer;transition:.3s;white-space:nowrap;display:flex;align-items:center;gap:10px}.analyze-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 20px rgba(37,99,235,0.3)}.analyze-btn.loading{opacity:.7;pointer-events:none}.hero-visual{position:relative;perspective:1000px;display:flex;justify-content:center}.dashboard-mockup{width:100%;border-radius:20px;box-shadow:0 50px 100px -20px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.1);transform:rotateY(-10deg) rotateX(5deg);transition:.5s;background:#1e293b}.hero-visual:hover .dashboard-mockup{transform:rotateY(0) rotateX(0)}.float-stat{position:absolute;background:rgba(30,41,59,0.9);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(5px);padding:15px;border-radius:16px;display:flex;gap:15px;align-items:center;box-shadow:0 20px 40px rgba(0,0,0,0.3);animation:float 4s ease-in-out infinite}.fs-1{top:20%;left:-30px}.fs-2{bottom:10%;right:-20px;animation-delay:2s}.fs-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.fs-text strong{display:block;font-size:1.1rem;color:white}.fs-text span{font-size:.8rem;color:#94a3b8}@keyframes float{0,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.steps-section{padding:100px 24px;background:#fff;text-align:center}.section-head{max-width:800px;margin:0 auto 60px}.sh-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:15px;letter-spacing:-1px}.sh-desc{font-size:1.1rem;color:#64748b}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto}.step-card{position:relative;padding:20px}.step-card:not(:last-child)::after{content:'';position:absolute;top:50px;right:-50px;width:100px;height:2px;background:repeating-linear-gradient(90deg,#e2e8f0 0,#e2e8f0 10px,transparent 10px,transparent 20px);z-index:0}.step-icon-box{width:100px;height:100px;margin:0 auto 30px;background:#eff6ff;border-radius:50%;color:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:2.5rem;position:relative;z-index:10;border:8px solid #fff;box-shadow:0 20px 40px -10px rgba(59,130,246,0.2)}.step-title{font-size:1.25rem;font-weight:800;color:#1e293b;margin-bottom:10px}.step-text{color:#64748b;line-height:1.6}.features-section{background:#f8fafc;padding:100px 24px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}.feature-card{background:white;padding:40px 30px;border-radius:24px;border:1px solid #e2e8f0;transition:.3s}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px -10px rgba(0,0,0,0.08);border-color:#3b82f6}.fc-icon{width:60px;height:60px;border-radius:14px;margin-bottom:25px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.fc-title{font-size:1.2rem;font-weight:800;color:#0f172a;margin-bottom:15px}.fc-list{list-style:none;padding:0;margin:0}.fc-list li{display:flex;align-items:center;gap:10px;color:#64748b;font-size:.95rem;margin-bottom:10px}.fc-list i{color:#22c55e;font-size:.9rem}.fc-blue .fc-icon{background:#eff6ff;color:#3b82f6}.fc-purple .fc-icon{background:#f3e8ff;color:#a855f7}.fc-orange .fc-icon{background:#ffedd5;color:#f97316}.fc-green .fc-icon{background:#dcfce7;color:#22c55e}.fc-red .fc-icon{background:#fee2e2;color:#ef4444}.fc-cyan .fc-icon{background:#cffafe;color:#06b6d4}.preview-section{padding:100px 24px;background:white}.preview-container{max-width:1100px;margin:0 auto;background:#0f172a;border-radius:30px;padding:60px;position:relative;overflow:hidden;text-align:center;color:white}.preview-bg{position:absolute;inset:0;opacity:.1;background-image:url('../images/cubes.png');pointer-events:none}.prev-content{position:relative;z-index:10}.prev-img{width:100%;max-width:800px;margin:40px auto 0;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.1)}.result-section{display:none;background:#f8fafc;padding:80px 24px;animation:slideUp .6s cubic-bezier(0.16,1,0.3,1)}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.result-container{max-width:1000px;margin:0 auto}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.score-card{background:white;padding:30px 20px;border-radius:20px;text-align:center;border:1px solid #e2e8f0}.score-circle{width:80px;height:80px;border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;border:4px solid #f1f5f9}.score-title{font-weight:700;color:#64748b;font-size:.9rem;text-transform:uppercase}.sc-green .score-circle{border-color:#22c55e;color:#22c55e;background:#f0fdf4}.sc-blue .score-circle{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.sc-orange .score-circle{border-color:#f97316;color:#f97316;background:#fff7ed}.sc-purple .score-circle{border-color:#a855f7;color:#a855f7;background:#faf5ff}.scan-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.95);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.3s;backdrop-filter:blur(10px)}.scan-overlay.active{opacity:1;visibility:visible}.scan-loader{width:100px;height:100px;position:relative;margin-bottom:30px}.scan-circle{width:100%;height:100%;border:4px solid rgba(255,255,255,0.1);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.scan-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:white}.scan-text{color:white;font-size:1.5rem;font-weight:700;margin-bottom:10px}.scan-sub{color:#94a3b8;font-family:monospace}@keyframes spin{100%{transform:rotate(360deg)}}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-visual{display:none}.steps-grid,.features-grid{grid-template-columns:1fr;gap:30px}.step-card:not(:last-child)::after{display:none}.score-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero-title{font-size:2.5rem}.analysis-form{flex-direction:column}.score-grid{grid-template-columns:1fr}}0,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(0.9)}}.code-editor{background:#1e293b;border-radius:12px;box-shadow:0 20px 50px -12px rgba(0,0,0,0.5);border:1px solid #334155;font-family:'Courier New',Courier,monospace}.typing-cursor::after{content:'|';animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}