:root{--primary-color:#4f46e5;--secondary-color:#0f172a;--background-color:#ffffff;--text-color:#333333;--best-practice-bg:#e6ffe6;--recommendations-bg:#e6f3ff;--gradient-primary:linear-gradient(135deg,#4f46e5 0%,#818cf8 100%);--gradient-secondary:linear-gradient(135deg,#0f172a 0%,#4f46e5 100%);--shadow-light:0 4px 15px rgba(0,0,0,0.1);--shadow-medium:0 8px 30px rgba(0,0,0,0.15);--shadow-heavy:0 15px 40px rgba(0,0,0,0.2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter','Arial',sans-serif;color:var(--text-color);background:linear-gradient(135deg,#fafbfc 0%,#f8fafc 100%);min-height:100vh;display:flex;flex-direction:column;line-height:1.6;letter-spacing:-0.01em}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.blog-content-section .container{max-width:100%;padding:0;width:100%}@media (min-width:769px){.blog-content-section .container{max-width:900px;padding:0 2rem}}main.page-main{padding-top:80px}main.landing-main{padding-top:0}main.analysis-main{padding-top:0}header{background:transparent;padding:0;width:100%;box-shadow:none;border:none;position:fixed;top:0;z-index:100}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;height:64px}.logo a{font-family:'Poppins',sans-serif;font-weight:800;font-size:2rem;color:#818cf8;text-decoration:none;letter-spacing:-0.03em;display:flex;align-items:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative}.logo a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);transition:width 0.3s ease}.logo a:hover::after{width:100%}.logo a:hover{transform:translateY(-1px)}.logo .highlight{color:#1e293b}.auth-buttons{display:flex;gap:1rem}.btn{padding:0.75rem 1.75rem;border-radius:12px;text-decoration:none;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);font-size:0.875rem;font-family:'Inter',sans-serif;letter-spacing:-0.01em;position:relative;overflow:hidden;border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease}.btn:hover::before{left:100%}.btn-secondary{background:rgba(255,255,255,0.1);color:#475569;border:2px solid rgba(71,85,105,0.2);box-shadow:0 2px 8px rgba(0,0,0,0.04)}.btn-secondary:hover{background:rgba(255,255,255,0.9);color:#1e293b;border-color:rgba(30,41,59,0.15);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}.btn-primary{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);color:white;border:2px solid transparent;box-shadow:0 4px 14px rgba(99,102,241,0.25);position:relative;overflow:hidden}.btn-primary::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);opacity:0;transition:opacity 0.3s ease}.btn-primary:hover::after{opacity:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(99,102,241,0.4);border-color:rgba(255,255,255,0.2)}.btn-primary span{position:relative;z-index:1}.error-message{color:red;margin-top:10px;font-size:0.9em}.nav-links{flex:1;margin:0 2rem;display:flex;justify-content:center;align-items:center}.nav-link{color:#64748b;text-decoration:none;font-weight:500;font-size:0.95rem;padding:0.5rem 1rem;border-radius:6px;transition:all 0.2s ease;font-family:'Poppins',sans-serif}.nav-link:hover{color:#4f46e5;background:rgba(79,70,229,0.08)}.mobile-rank-now{display:none;position:relative;z-index:1001;cursor:pointer;background:transparent;border:none;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-lang-btn{display:inline-flex;align-items:center;justify-content:center;padding:0.4rem 0.75rem;font-size:0.8rem;font-weight:600;font-family:'Inter',-apple-system,sans-serif;color:#4f46e5;background:#eef2ff;border:1px solid #e0e7ff;border-radius:8px;text-decoration:none;white-space:nowrap;transition:all 0.2s ease;height:36px;box-sizing:border-box}.mobile-lang-btn:hover{background:#e0e7ff;color:#4338ca}.mobile-lang-btn i{display:none}body.dark-page .mobile-lang-btn{color:#818cf8;background:rgba(99,102,241,0.1);border-color:rgba(99,102,241,0.3);padding:0.4rem 0.6rem;font-size:0.95rem}body.dark-page .mobile-lang-btn:hover{background:rgba(99,102,241,0.18);color:#a5b4fc}body.dark-page .mobile-lang-btn i{display:inline}body.dark-page .mobile-lang-btn span{display:none}.mobile-menu-btn{background:#4f46e5;border:none;cursor:pointer;padding:0;display:flex;flex-direction:column;gap:5px;transition:all 0.3s ease;width:40px;height:40px;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto;border-radius:10px;position:relative;z-index:10001;box-shadow:0 2px 8px rgba(79,70,229,0.3)}.hamburger-line{width:18px;height:2px;background:#fff;border-radius:2px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transform-origin:center}.mobile-menu-btn.active{background:transparent;box-shadow:none}.mobile-menu-btn.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px);background:#4f46e5}.mobile-menu-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);background:#4f46e5}.mobile-menu-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.5)}.mobile-menu-avatar--fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:0.85rem;font-weight:700;width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,0.5)}.mobile-menu-btn:has(.mobile-menu-avatar){background:transparent;box-shadow:none;padding:0;overflow:hidden;border-radius:50%;width:40px;height:40px}.mobile-dropdown{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#ffffff;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);z-index:9999;pointer-events:none;overflow-y:auto;display:flex;flex-direction:column;padding:4.5rem 1.5rem 2rem}.mobile-dropdown.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mobile-dropdown-content{padding:0;display:flex;flex-direction:column;gap:0;width:100%;max-width:400px;margin:0 auto;flex:1}.mobile-nav-link{display:flex;align-items:center;gap:0.85rem;padding:0.95rem 0.75rem;text-decoration:none;color:#1e293b;font-weight:500;font-size:0.95rem;font-family:'Inter',-apple-system,sans-serif;border-radius:10px;transition:all 0.2s ease;position:relative;width:100%;box-sizing:border-box}.mobile-nav-link:hover,.mobile-nav-link:active{color:#4f46e5;background:#f1f5f9}.mobile-nav-link.signup{background:#4f46e5;color:#fff;border-radius:12px;justify-content:center;padding:0.9rem 1.5rem;margin-top:0.5rem;font-weight:600;font-size:1rem}.mobile-nav-link.signup:hover{background:#4338ca;color:#fff}.mobile-nav-link.login{justify-content:center;color:#4f46e5;font-weight:600;font-size:0.95rem;border:1.5px solid #e0e7ff;border-radius:12px;padding:0.8rem 1.5rem}.mobile-nav-link.login:hover{background:#eef2ff}.mobile-nav-link.logout{color:#dc2626;margin-top:0.25rem}.mobile-nav-link.logout:hover{color:#b91c1c;background:#fef2f2}.mobile-nav-link i{width:20px;text-align:center;font-size:1rem;color:#94a3b8;flex-shrink:0}.mobile-nav-link:hover i{color:#4f46e5}.mobile-nav-link.signup i,.mobile-nav-link.logout i{color:inherit}.mobile-nav-link span{font-family:'Inter',-apple-system,sans-serif}.mobile-user-info{display:flex;align-items:center;gap:0.85rem;padding:1rem 0.75rem;margin-bottom:0.5rem;background:#f8fafc;border-radius:12px}.mobile-user-info .mobile-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.mobile-user-info span{font-weight:600;font-size:0.9rem;color:#0f172a}.mobile-user-avatar--fallback{width:40px;height:40px;border-radius:50%;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.95rem;flex-shrink:0}.mobile-user-details{display:flex;flex-direction:column;gap:0.15rem}.mobile-user-name{font-weight:600;font-size:0.95rem;color:#0f172a}.mobile-user-email{font-size:0.78rem;color:#94a3b8}.mobile-nav-section{display:flex;flex-direction:column;gap:0.15rem;padding:0.5rem 0;border-top:1px solid #f1f5f9}.mobile-nav-footer{display:flex;flex-direction:column;gap:0.15rem;margin-top:auto;padding-top:0.75rem;border-top:1px solid #f1f5f9}.mobile-nav-footer-auth{display:flex;flex-direction:column;gap:0.5rem;margin-top:0.5rem;padding-top:0.75rem;border-top:1px solid #f1f5f9}@media screen and (max-width:768px){.nav-links,.auth-buttons{display:none!important}.mobile-rank-now{display:flex!important;align-items:center;gap:0.5rem;position:relative;z-index:1002;margin-left:auto}nav{position:relative;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;width:100%}.logo{flex-shrink:0;max-width:150px}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px);background-color:#f5f5f5;padding:20px}.auth-form{background-color:white;padding:2rem;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);width:100%;max-width:400px}.auth-form h2{margin-bottom:1.5rem;text-align:center;color:#333;font-size:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;color:#666;font-weight:bold}.form-group input{width:100%;padding:0.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.auth-form .btn{width:100%;margin-top:1rem;padding:0.75rem;font-size:1rem}.auth-link{text-align:center;margin-top:1.5rem}.auth-link a{color:#4f46e5;text-decoration:none}.auth-link a:hover{text-decoration:underline}.support-link{margin-top:0.5rem;font-size:0.9rem}.support-link a{color:#8b5cf6;text-decoration:none;transition:color 0.3s ease}.support-link a:hover{color:#7c3aed;text-decoration:underline}.btn-primary{background-color:#4f46e5;color:white;border:none;cursor:pointer}.btn-primary:hover{background-color:#4338ca}.hero{flex-grow:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem 4rem;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);color:var(--secondary-color);width:100%;margin-bottom:1rem;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(79,70,229,0.03) 0%,transparent 60%);z-index:0}.hero::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(0,31,63,0.02) 0%,transparent 70%);border-radius:50%;z-index:1;pointer-events:none}.hero-content{max-width:900px;padding:2rem 0;position:relative;z-index:3}.hero-badge{display:inline-flex;align-items:center;gap:0.75rem;background:rgba(255,255,255,0.9);border:1px solid rgba(79,70,229,0.2);border-radius:50px;padding:1rem 2rem;margin-bottom:2rem;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.1)}.badge-icon{font-size:1.4rem}.badge-text{color:#1e293b;font-weight:600;font-size:1.1rem;letter-spacing:-0.01em}.hero h1{font-family:'Poppins',sans-serif;font-size:4.5rem;font-weight:800;margin-bottom:1.5rem;color:#1e293b;position:relative;display:block;letter-spacing:-0.03em;line-height:1.1;text-align:center;width:100%}.highlight-text{color:#818cf8;display:block}.hero h2{font-family:'Inter',sans-serif;font-size:1.25rem;margin-bottom:1.8rem;font-weight:400;color:#64748b;letter-spacing:-0.01em;line-height:1.6;position:relative;max-width:600px;margin-left:auto;margin-right:auto}.hero .subheading,.hero p{font-size:1.1rem;margin-bottom:3rem;font-weight:400;line-height:1.8;color:#64748b;max-width:600px;margin-left:auto;margin-right:auto;position:relative}@media screen and (max-width:768px){.hero{padding:3rem 1rem 4rem}.hero h1{font-size:2.8rem;letter-spacing:-0.02em;line-height:1.1;margin-bottom:1rem}.hero h2{font-size:1.1rem}.hero-badge{padding:0.5rem 1rem;margin-bottom:1.5rem}.badge-text{font-size:0.85rem}.hero .subheading,.hero p{font-size:1rem;margin-bottom:2rem;padding:0 1rem}.hero-content{padding:1rem 0;max-width:100%}.seo-analyzer{margin-top:2rem;padding:0 1rem}.seo-analyzer .input-group{flex-direction:column;gap:1rem;padding:1.5rem}.seo-analyzer input{padding:1rem 1.5rem;font-size:1rem;border-radius:8px;text-align:center}.seo-analyzer button{padding:1rem 2rem;font-size:1rem;border-radius:8px;width:100%}}@media screen and (max-width:480px){.hero{padding:2rem 0.5rem 3rem}.hero h1{font-size:2.2rem;letter-spacing:-0.01em;line-height:1.1;margin-bottom:1rem}.hero h2{font-size:1rem;margin-bottom:1.5rem}.hero-badge{padding:0.4rem 0.8rem;margin-bottom:1rem}.badge-text{font-size:0.8rem}.hero .subheading,.hero p{font-size:0.9rem;margin-bottom:2rem;padding:0 0.5rem}.hero-content{max-width:100%;padding:0.5rem}.seo-analyzer{margin-top:1.5rem;padding:0 0.5rem}.seo-analyzer .input-group{padding:1.25rem}.seo-analyzer input{padding:0.875rem 1rem;font-size:0.9rem}.seo-analyzer input::placeholder{font-size:0.85rem}.seo-analyzer button{padding:0.875rem 1.5rem;font-size:0.9rem}.hero::after{display:none}}.seo-analyzer{display:flex;justify-content:center;margin-top:3rem;margin-bottom:2rem;max-width:650px;margin-left:auto;margin-right:auto;padding:0 1rem;transition:all 0.3s ease}.seo-analyzer.highlighted{transform:scale(1.05);z-index:1000;position:relative}.seo-analyzer form{width:100%}.seo-analyzer .input-group{display:flex;width:100%;background:#ffffff;border-radius:12px;padding:6px;box-shadow:0 0 20px rgba(79,70,229,0.3),0 0 40px rgba(0,123,255,0.2),0 0 60px rgba(255,193,7,0.15),0 0 80px rgba(40,167,69,0.1),0 4px 20px rgba(0,0,0,0.08);border:1px solid rgba(79,70,229,0.2);animation:colorfulGlow 3s ease-in-out infinite alternate;transition:all 0.3s ease}.seo-analyzer.highlighted .input-group{box-shadow:0 0 30px rgba(79,70,229,0.5),0 0 50px rgba(0,123,255,0.3),0 0 70px rgba(255,193,7,0.25),0 0 90px rgba(40,167,69,0.2),0 8px 30px rgba(0,0,0,0.15);border:2px solid rgba(79,70,229,0.4);animation:enhancedGlow 2s ease-in-out infinite alternate}@keyframes enhancedGlow{0%{box-shadow:0 0 30px rgba(79,70,229,0.5),0 0 50px rgba(0,123,255,0.3),0 0 70px rgba(255,193,7,0.25),0 0 90px rgba(40,167,69,0.2),0 8px 30px rgba(0,0,0,0.15)}100%{box-shadow:0 0 40px rgba(79,70,229,0.7),0 0 60px rgba(0,123,255,0.4),0 0 80px rgba(255,193,7,0.35),0 0 100px rgba(40,167,69,0.3),0 12px 40px rgba(0,0,0,0.2)}}.seo-analyzer input{flex-grow:1;padding:1.2rem 1.8rem;font-size:1.1rem;border:none;border-radius:8px;background:transparent;font-family:'Inter',sans-serif;color:var(--secondary-color);font-weight:500;min-width:0}.seo-analyzer input::placeholder{color:#94a3b8;font-weight:400}.seo-analyzer input:focus{outline:none;background:rgba(248,250,252,0.8)}.seo-analyzer button{padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:8px;background:var(--gradient-primary);color:white;border:none;cursor:pointer;font-family:'Inter',sans-serif;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(79,70,229,0.2);white-space:nowrap;flex-shrink:0}.seo-analyzer button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,0.3)}.analysis-progress{margin-top:16px;animation:fadeSlideUp 0.35s ease-out}.analysis-progress__bar{width:100%;height:4px;background:#e2e8f0;border-radius:4px;overflow:hidden}.analysis-progress__fill{height:100%;width:0%;background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:4px;transition:width 0.6s cubic-bezier(0.4,0,0.2,1);position:relative}.analysis-progress__fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.4) 50%,transparent 100%);animation:progressShimmer 1.5s ease-in-out infinite}.analysis-progress__status{margin:8px 0 0;font-size:0.8125rem;color:#64748b;font-family:'Inter','Poppins',sans-serif;font-weight:500;letter-spacing:-0.01em;animation:statusPulse 2s ease-in-out infinite}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}@keyframes progressShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}@keyframes statusPulse{0%,100%{opacity:1}50%{opacity:0.6}}.quote-section{margin:4rem auto;padding:2rem;max-width:950px;width:90%;display:flex;justify-content:center;align-items:center;text-align:center;background:rgba(255,255,255,0.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:30px;box-shadow:var(--shadow-heavy);border:1px solid rgba(255,255,255,0.3);position:relative;overflow:hidden}.quote-section::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,70,229,0.1),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}.quote-container{position:relative;display:inline-block;max-width:100%}.seo-quote{font-family:'Poppins',sans-serif;font-size:clamp(1.2rem,4vw,1.8rem);line-height:1.4;margin:0;background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;letter-spacing:-0.02em;overflow:hidden;white-space:nowrap;animation:typing 3.5s steps(50);border-right:2px solid transparent;position:relative;z-index:1}.quote-highlight{color:#002147;font-weight:700}@keyframes typing{from{width:0}to{width:100%}}@media (max-width:768px){.quote-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 15px;box-sizing:border-box}.seo-quote{width:100%;max-width:300px;white-space:normal;text-align:center;margin:0 auto}}@media (max-width:768px){header{padding:0.75rem 1rem}nav{height:56px}.logo a{font-size:1.5rem}.auth-buttons{gap:0.75rem}.btn{padding:0.625rem 1.25rem;font-size:0.8rem;min-width:auto;border-radius:10px}.hero{padding-top:2rem;padding-bottom:1rem}.hero-content{padding:1rem 0}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero h2{font-size:1.8rem;margin-bottom:1rem}.hero .subheading{font-size:0.9rem;margin-bottom:1.5rem}.seo-analyzer{width:calc(100% - 2rem);max-width:none;margin:1.5rem 1rem 0.5rem;padding:0}.seo-analyzer form{width:100%}.seo-analyzer .input-group{display:flex;flex-direction:column;width:100%;background:#ffffff;border-radius:12px;padding:6px;gap:6px;box-shadow:0 0 20px rgba(79,70,229,0.3),0 0 40px rgba(0,123,255,0.2),0 4px 20px rgba(0,0,0,0.08);border:1px solid rgba(79,70,229,0.2)}.seo-analyzer input{flex:1;padding:1rem 1.2rem;font-size:1rem;border:none;border-radius:8px;background:transparent;font-family:'Inter',sans-serif;color:var(--secondary-color);font-weight:500;width:100%;box-sizing:border-box;margin:0}.seo-analyzer input::placeholder{color:#94a3b8;font-weight:400;font-size:0.95rem}.seo-analyzer input:focus{outline:none;background:rgba(248,250,252,0.8)}.seo-analyzer button{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;background:var(--gradient-primary);color:white;border:none;cursor:pointer;font-family:'Inter',sans-serif;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(79,70,229,0.2);white-space:nowrap;width:100%;box-sizing:border-box;margin:0}.seo-analyzer button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,0.3)}.quote-section{padding:0rem 1rem 1rem}.seo-quote{font-size:1.1rem;padding:0.25rem 1rem}.seo-quote::before,.seo-quote::after{font-size:2rem}.seo-quote::before{top:-0.25rem;left:-0.25rem}.seo-quote::after{bottom:-1rem;right:-0.25rem}cite{margin-top:0.25rem;font-size:0.8rem}.features{padding:0.5rem 0 3rem}.feature-box{flex-basis:100%;max-width:350px;margin:0.5rem auto}}.toast-container{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:380px;width:100%}.toast{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,0.10),0 1px 4px rgba(0,0,0,0.06);pointer-events:auto;overflow:hidden;animation:toastIn 0.4s cubic-bezier(0.22,1,0.36,1) both;font-family:'Inter','Poppins',sans-serif}.toast--out{animation:toastOut 0.3s cubic-bezier(0.55,0,1,0.45) forwards}.toast__accent{position:absolute;top:0;left:0;width:4px;height:100%;border-radius:12px 0 0 12px}.toast__body{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;padding-left:20px}.toast__icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.toast__content{flex:1;min-width:0}.toast__title{font-weight:600;font-size:0.875rem;margin:0 0 2px;color:#0f172a;line-height:1.4}.toast__msg{font-size:0.8125rem;color:#475569;margin:0;line-height:1.5;word-break:break-word}.toast__close{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#94a3b8;flex-shrink:0;transition:background 0.15s,color 0.15s;margin-top:1px}.toast__close:hover{background:#f1f5f9;color:#475569}.toast__progress{height:3px;background:currentColor;opacity:0.2;animation:toastProgress 4s linear forwards;transform-origin:left}.toast--success .toast__accent{background:#10b981}.toast--success .toast__icon{background:#ecfdf5;color:#10b981}.toast--success .toast__progress{color:#10b981}.toast--error .toast__accent{background:#ef4444}.toast--error .toast__icon{background:#fef2f2;color:#ef4444}.toast--error .toast__progress{color:#ef4444}.toast--warning .toast__accent{background:#f59e0b}.toast--warning .toast__icon{background:#fffbeb;color:#f59e0b}.toast--warning .toast__progress{color:#f59e0b}.toast--info .toast__accent,.toast--message .toast__accent{background:#4f46e5}.toast--info .toast__icon,.toast--message .toast__icon{background:#eef2ff;color:#4f46e5}.toast--info .toast__progress,.toast--message .toast__progress{color:#4f46e5}@keyframes toastIn{0%{opacity:0;transform:translateX(100%) scale(0.95)}100%{opacity:1;transform:translateX(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateX(0) scale(1)}100%{opacity:0;transform:translateX(100%) scale(0.95)}}@keyframes toastProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}@media (max-width:480px){.toast-container{top:12px;right:12px;left:12px;max-width:none}.toast__body{padding:12px 14px 12px 18px;gap:10px}.toast__icon{width:28px;height:28px}.toast__msg{font-size:0.8rem}}.pricing-headline-section{padding:1rem 0 2rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);position:relative;overflow:hidden}.pricing-headline-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(79,70,229,0.03) 0%,transparent 60%);z-index:0}.pricing-headline-section .container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.pricing-headline-section .section-header{text-align:center;margin-bottom:2rem}.pricing-headline-section .section-badge{display:inline-flex;align-items:center;gap:0.75rem;background:rgba(255,255,255,0.9);border:1px solid rgba(79,70,229,0.2);border-radius:50px;padding:0.75rem 1.5rem;margin-bottom:2rem;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.1);font-size:0.9rem;font-weight:600;color:#1e293b}.pricing-headline-section .badge-icon{font-size:1.2rem}.pricing-headline-section h2{font-family:'Poppins',sans-serif;font-size:3rem;font-weight:700;color:#1e293b;margin:0;line-height:1.2;letter-spacing:-0.02em}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;justify-items:center;padding:1rem 2rem 6rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);gap:1.5rem;max-width:1200px;margin:0 auto}.feature-box{width:100%;max-width:320px;text-align:center;padding:2.5rem 1.5rem;background:rgba(255,255,255,0.98);backdrop-filter:blur(25px);border-radius:20px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:2px solid rgba(255,255,255,0.4);box-shadow:0 8px 32px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.08);position:relative;overflow:hidden}.feature-box::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:24px 24px 0 0}.feature-box.blue::before{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.feature-box.green::before{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.feature-box.light-red::before{background:var(--gradient-primary)}.feature-box.purple::before{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.feature-box.orange::before{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.feature-box.teal::before{background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%)}.feature-icon{font-size:48px;margin-bottom:24px;padding:20px;border-radius:18px;display:inline-block;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:2px solid rgba(255,255,255,0.8);box-shadow:0 8px 24px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.8)}.feature-icon.blue-icon{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8;box-shadow:0 8px 24px rgba(29,78,216,0.25),inset 0 1px 0 rgba(255,255,255,0.8)}.feature-icon.green-icon{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#059669;box-shadow:0 8px 24px rgba(5,150,105,0.25),inset 0 1px 0 rgba(255,255,255,0.8)}.feature-icon.light-red-icon{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626;box-shadow:0 8px 24px rgba(220,38,38,0.25),inset 0 1px 0 rgba(255,255,255,0.8)}.feature-icon.purple-icon{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);color:#7c3aed}.feature-icon.orange-icon{background:linear-gradient(135deg,#fed7aa 0%,#fdba74 100%);color:#ea580c}.feature-icon.teal-icon{background:linear-gradient(135deg,#ccfbf1 0%,#99f6e4 100%);color:#0d9488}.feature-box:hover{transform:translateY(-8px);box-shadow:var(--shadow-heavy)}.feature-box:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-box h3{font-family:'Poppins',sans-serif;color:var(--secondary-color);margin-bottom:1.5rem;font-size:1.4rem;font-weight:600;letter-spacing:-0.01em}.feature-box p{color:#64748b;font-size:1rem;line-height:1.7;font-weight:400}@media (max-width:1024px){.pricing-headline-section h2{font-size:2.2rem}.pricing-headline-section{padding:1.5rem 0 1.5rem}.features{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto)}}@media (max-width:768px){.pricing-headline-section{padding:1rem 0 1rem}.pricing-headline-section h2{font-size:1.8rem}.pricing-headline-section .section-badge{padding:0.5rem 1rem;margin-bottom:1.5rem;font-size:0.8rem}.features{padding:1rem 0 3rem;grid-template-columns:1fr;grid-template-rows:repeat(6,auto)}.feature-box{max-width:350px;margin:0.5rem auto}}@media (max-width:480px){.feature-box{max-width:350px;margin:0.5rem auto}}.product-showcase-section{padding:8rem 0;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);position:relative;overflow:hidden}.product-showcase-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(59,130,246,0.03) 0%,transparent 60%);z-index:0}.product-showcase-section .container{position:relative;z-index:1}.product-showcase-section .section-header h2{font-family:'Poppins',sans-serif;font-size:4.5rem;font-weight:800;margin-bottom:1.5rem;color:#1e293b;letter-spacing:-0.03em;line-height:1.1;text-align:center}.showcase-gallery{display:flex;flex-direction:column;gap:6rem;margin:4rem 0}.showcase-item{position:relative}.showcase-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto}.showcase-content.reverse{direction:rtl}.showcase-content.reverse>*{direction:ltr}.showcase-info{padding:2rem 0}.feature-badge{display:inline-flex;align-items:center;gap:0.75rem;padding:0.75rem 1.5rem;border-radius:50px;font-size:0.9rem;font-weight:600;margin-bottom:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.feature-badge.priority{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626;border:1px solid rgba(220,38,38,0.2)}.feature-badge.roi{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#059669;border:1px solid rgba(16,185,129,0.2)}.feature-badge.intent{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8;border:1px solid rgba(59,130,246,0.2)}.showcase-info h3{font-family:'Poppins',sans-serif;font-size:2.2rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;letter-spacing:-0.02em;line-height:1.2}.showcase-info p{font-size:1.1rem;color:#64748b;line-height:1.7;margin-bottom:2rem}.feature-highlights{display:flex;flex-direction:column;gap:1.25rem}.highlight-item{position:relative;display:flex;align-items:center;gap:1rem;color:#1e293b;font-weight:600;padding:0.75rem 1rem;border-radius:12px;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.4);transition:all 0.3s ease;font-size:0.95rem;box-shadow:0 4px 12px rgba(0,0,0,0.08);transform:translateX(4px)}.highlight-item:hover{background:rgba(255,255,255,1);transform:translateX(6px);box-shadow:0 6px 16px rgba(0,0,0,0.12)}.highlight-item i{color:#3b82f6;width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,0.15);border-radius:8px;padding:0.25rem;font-size:0.85rem;box-shadow:0 2px 6px rgba(59,130,246,0.2)}.showcase-image{position:relative}.image-container{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.15);border:1px solid rgba(255,255,255,0.3);overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.image-container:hover{transform:translateY(-10px);box-shadow:0 30px 80px rgba(0,0,0,0.2)}.mockup-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid rgba(226,232,240,0.3)}.header-dots{display:flex;gap:0.5rem}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.header-title{font-family:'Poppins',sans-serif;font-weight:600;color:#1e293b;font-size:0.9rem}.score-badge{background:linear-gradient(135deg,#10b981 0%,#34d399 100%);color:white;padding:0.25rem 0.75rem;border-radius:12px;font-size:0.75rem;font-weight:600}.mockup-content{padding:2rem 1.5rem}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2.5rem}.stat-card{position:relative;text-align:center;padding:1.75rem 1.25rem;border-radius:20px;border:1px solid rgba(255,255,255,0.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.1)}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.08)}.stat-card.quick-wins{background:linear-gradient(135deg,rgba(16,185,129,0.08) 0%,rgba(52,211,153,0.05) 100%);border-color:rgba(16,185,129,0.15)}.stat-card.quick-wins::before{background:linear-gradient(90deg,#10b981 0%,#34d399 100%)}.stat-card.short-term{background:linear-gradient(135deg,rgba(59,130,246,0.08) 0%,rgba(96,165,250,0.05) 100%);border-color:rgba(59,130,246,0.15)}.stat-card.short-term::before{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%)}.stat-card.long-term{background:linear-gradient(135deg,rgba(245,158,11,0.08) 0%,rgba(251,191,36,0.05) 100%);border-color:rgba(245,158,11,0.15)}.stat-card.long-term::before{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%)}.stat-card.total{background:linear-gradient(135deg,rgba(139,92,246,0.08) 0%,rgba(167,139,250,0.05) 100%);border-color:rgba(139,92,246,0.15)}.stat-card.total::before{background:linear-gradient(90deg,#8b5cf6 0%,#a78bfa 100%)}.stat-number{font-family:'Poppins',sans-serif;font-size:2.25rem;font-weight:800;color:#1e293b;margin-bottom:0.5rem;line-height:1;letter-spacing:-0.02em}.stat-label{font-size:0.8rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;line-height:1.2}.tasks-preview{display:flex;flex-direction:column;gap:1rem}.task-item{padding:1rem;background:linear-gradient(135deg,rgba(255,255,255,0.98) 0%,rgba(248,250,252,0.95) 100%);border-radius:10px;border:1.5px solid rgba(226,232,240,0.6);box-shadow:0 4px 16px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.9)}.task-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.task-priority{display:flex;align-items:center;gap:0.375rem;font-size:0.75rem;font-weight:600;color:#dc2626}.task-priority .priority-flag{color:#dc2626;flex-shrink:0}.task-category{display:inline-block;padding:0.3rem 0.8rem;border-radius:8px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.5rem;border:1px solid rgba(255,255,255,0.8);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.task-category.technical{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af}.task-priority{font-size:0.8rem;color:#64748b;margin-bottom:0.5rem}.task-title{font-weight:600;color:#1e293b;margin-bottom:0.75rem}.task-metrics{display:flex;gap:1rem;flex-wrap:wrap}.metric{font-size:0.75rem;color:#475569;background:rgba(255,255,255,0.95);padding:0.3rem 0.8rem;border-radius:8px;border:1.5px solid rgba(226,232,240,0.5);box-shadow:0 2px 8px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.9);font-weight:600;transition:all 0.3s ease}.metric.highlighted{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);color:#1e293b;border-color:rgba(59,130,246,0.3);box-shadow:0 4px 12px rgba(59,130,246,0.15),inset 0 1px 0 rgba(255,255,255,0.9);transform:translateY(-1px)}.metric.impact.highlighted{border-color:rgba(16,185,129,0.4);box-shadow:0 4px 12px rgba(16,185,129,0.2),inset 0 1px 0 rgba(255,255,255,0.9)}.metric.effort.highlighted{border-color:rgba(59,130,246,0.4);box-shadow:0 4px 12px rgba(59,130,246,0.2),inset 0 1px 0 rgba(255,255,255,0.9)}.metric.time.highlighted{border-color:rgba(245,158,11,0.4);box-shadow:0 4px 12px rgba(245,158,11,0.2),inset 0 1px 0 rgba(255,255,255,0.9)}.roi-cards{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.roi-card{position:relative;padding:2.25rem;border-radius:24px;border:1px solid rgba(255,255,255,0.6);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2)}.roi-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:24px 24px 0 0}.roi-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.3)}.roi-card.short-term{background:linear-gradient(135deg,rgba(16,185,129,0.1) 0%,rgba(52,211,153,0.05) 100%)}.roi-card.short-term::before{background:linear-gradient(90deg,#10b981 0%,#34d399 100%)}.roi-card.long-term{background:linear-gradient(135deg,rgba(59,130,246,0.1) 0%,rgba(96,165,250,0.05) 100%)}.roi-card.long-term::before{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%)}.roi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem;gap:1rem}.roi-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:1.3rem;color:#1e293b;letter-spacing:-0.01em;line-height:1.2}.roi-badge{padding:0.4rem 1rem;border-radius:20px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,0.15);border:1px solid rgba(255,255,255,0.2)}.roi-badge.immediate{background:linear-gradient(135deg,#10b981 0%,#34d399 100%);color:white;box-shadow:0 4px 12px rgba(16,185,129,0.3)}.roi-badge.projected{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);color:white;box-shadow:0 4px 12px rgba(59,130,246,0.3)}.roi-metrics{display:flex;flex-direction:column;gap:1rem}.roi-metric{display:flex;justify-content:space-between;align-items:center}.roi-metric.highlight{background:rgba(59,130,246,0.1);padding:0.5rem;border-radius:8px}.metric-label{font-size:0.8rem;color:#64748b}.metric-value{font-weight:700;color:#1e293b}.confidence-indicator{display:flex;align-items:center;gap:0.5rem;padding:1rem;background:rgba(59,130,246,0.1);border-radius:12px;font-size:0.9rem}.confidence-label{color:#64748b}.confidence-value{font-weight:700;color:#1e293b}.confidence-level{color:#64748b;font-size:0.8rem}.intent-categories{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem}.intent-card{position:relative;display:flex;flex-direction:column;padding:1.8rem 1.5rem;border-radius:12px;background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08),0 1px 4px rgba(0,0,0,0.04);border:2px solid rgba(255,255,255,0.4);text-align:center;min-height:280px}@media (max-width:768px){.intent-categories{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.intent-card{padding:1.25rem 1rem;min-height:auto;border-radius:10px}.intent-header h4{font-size:1rem;margin-bottom:0.75rem}.intent-type-label{font-size:0.65rem;padding:0.4rem 0.8rem;margin-bottom:1rem}.intent-value{font-size:1.5rem;margin-bottom:0.75rem;line-height:1.2}.intent-confidence,.intent-stage,.journey-stage,.journey-alignment{font-size:0.8rem;padding:0.5rem 0.75rem;border-radius:8px;line-height:1.3}.intent-distribution{margin:1.5rem 0;width:100%;overflow:visible}.distribution-chart{width:100%;min-width:100%}.distribution-bar{height:40px;margin-bottom:1rem;display:flex;flex-direction:row;width:100%;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;position:relative}.bar-segment{display:none!important}.distribution-bar::before{content:"Navigational Intent Distribution - 85%";display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:0.85rem;font-weight:700;color:white;text-shadow:0 1px 2px rgba(0,0,0,0.3);background:linear-gradient(135deg,#10b981 0%,#059669 100%);position:absolute;top:0;left:0;z-index:1}.distribution-legend{display:none}.optimization-suggestions{padding:1rem;margin-top:1rem;border-radius:12px}.suggestion-item{font-size:0.8rem;gap:0.75rem;text-align:left;line-height:1.4}.suggestion-item::before{font-size:0.9rem;flex-shrink:0}}@media (max-width:480px){.intent-card{padding:1rem 0.75rem;border-radius:8px}.intent-header h4{font-size:0.9rem;margin-bottom:0.5rem}.intent-type-label{font-size:0.6rem;padding:0.3rem 0.6rem;margin-bottom:0.75rem}.intent-value{font-size:1.25rem;margin-bottom:0.5rem}.intent-confidence,.journey-alignment{font-size:0.75rem;padding:0.4rem 0.6rem;border-radius:6px}.intent-distribution{margin:1rem 0;width:100%;overflow:visible;padding:0}.distribution-chart{width:100%;min-width:100%}.distribution-bar{height:24px;margin-bottom:1rem;display:flex;flex-direction:row;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.1);position:relative}.bar-segment{display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:700;color:white;text-align:center;padding:0.4rem 0.2rem;text-shadow:0 1px 2px rgba(0,0,0,0.4);position:relative;overflow:visible;flex:none}.segment-label{display:inline-block;font-size:0.7rem;font-weight:700;color:white;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,0.5)}.distribution-legend{display:flex;flex-direction:row;flex-wrap:wrap;gap:0.5rem;margin-top:0.75rem;padding:0;justify-content:center}.legend-item{display:flex;align-items:center;gap:0.4rem;font-size:0.65rem;color:#64748b;font-weight:500;background:rgba(255,255,255,0.9);padding:0.4rem;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.optimization-suggestions{padding:0.75rem;margin-top:0.75rem}.suggestion-item{font-size:0.75rem;flex-direction:column;text-align:center;gap:0.5rem}.suggestion-item::before{font-size:0.8rem;align-self:center}}.intent-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:12px 12px 0 0;transition:all 0.3s ease}.intent-card.primary::before{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}.intent-card.buyer-journey::before{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%)}.intent-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.08);border-color:rgba(255,255,255,0.6)}.intent-header{margin-bottom:1.5rem}.intent-header h4{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 0.8rem 0;letter-spacing:-0.01em;line-height:1.3}.intent-type-label{display:inline-block;padding:0.5rem 1rem;border-radius:20px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:1.5rem;box-shadow:0 2px 6px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.05)}.intent-card.primary .intent-type-label{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);color:#065f46;border-color:rgba(16,185,129,0.2)}.intent-card.buyer-journey .intent-type-label{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:#1e40af;border-color:rgba(59,130,246,0.2)}.intent-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.intent-value{font-family:'Poppins',sans-serif;font-weight:800;font-size:2.2rem;margin-bottom:1rem;letter-spacing:-0.02em;line-height:1;word-break:break-word;hyphens:auto}.intent-card.primary .intent-value{background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intent-card.buyer-journey .intent-value{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intent-details{display:flex;flex-direction:column;gap:0.8rem}.intent-confidence,.intent-stage,.journey-stage,.journey-alignment{font-size:0.85rem;color:#475569;font-weight:600;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);padding:0.6rem 1rem;border-radius:10px;border:1px solid rgba(226,232,240,0.3);transition:all 0.3s ease;word-break:break-word;line-height:1.3}.intent-confidence:hover,.intent-stage:hover,.journey-stage:hover,.journey-alignment:hover{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.08)}.intent-distribution{margin:2rem 0}.distribution-bar{display:flex;height:12px;border-radius:8px;overflow:hidden;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.segment{display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;color:white;text-align:center;padding:0.5rem 0;text-shadow:0 1px 2px rgba(0,0,0,0.2)}.segment.informational{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.segment.commercial{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.segment.navigational{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.optimization-suggestions{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);padding:1.5rem;border-radius:16px;border:1px solid rgba(59,130,246,0.2);margin-top:1.5rem}.suggestion-item{display:flex;align-items:flex-start;gap:1rem;font-size:0.9rem;color:#1e293b;line-height:1.6}.suggestion-item::before{content:'💡';flex-shrink:0;font-size:1rem}.showcase-cta{margin-top:4rem;padding:3rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-radius:24px;border:1px solid rgba(226,232,240,0.3);text-align:center;position:relative;overflow:hidden}.showcase-cta::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);border-radius:24px 24px 0 0}.cta-content h3{font-family:'Poppins',sans-serif;font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.cta-content p{font-size:1.1rem;color:#64748b;margin-bottom:2rem}.showcase-btn{display:inline-flex;align-items:center;gap:0.75rem;padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);color:white;border:none;border-radius:12px;text-decoration:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 14px rgba(99,102,241,0.25)}.showcase-btn:hover{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,0.4)}.showcase-btn i{transition:transform 0.3s ease}.showcase-btn:hover i{transform:translateX(4px)}@media (max-width:1024px){.product-showcase-section{padding:6rem 0 4rem}.product-showcase-section .section-header h2{font-size:3.5rem}.showcase-content{grid-template-columns:1fr;gap:3rem;text-align:center}.showcase-content.reverse{direction:ltr}.showcase-info{order:1}.showcase-image{order:2}.stats-row{grid-template-columns:repeat(2,1fr);gap:1rem}.roi-cards{grid-template-columns:1fr;gap:1.5rem}.intent-categories{grid-template-columns:1fr;gap:1.5rem}.image-container{max-width:500px;margin:0 auto}}@media (max-width:768px){.product-showcase-section{padding:4rem 0 3rem}.product-showcase-section .container{padding:0 1rem}.product-showcase-section .section-header{margin-bottom:3rem;padding:0 0.5rem}.product-showcase-section .section-header h2{font-size:2.8rem;line-height:1.2;margin-bottom:1rem}.product-showcase-section .section-description{font-size:1rem;padding:0 0.5rem}.showcase-gallery{gap:3rem}.showcase-content{gap:2.5rem;padding:0 0.5rem}.showcase-info{padding:1rem 0;text-align:center}.showcase-info h3{font-size:1.8rem;line-height:1.3;margin-bottom:1rem}.showcase-info p{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;padding:0 0.5rem}.feature-badge{margin-bottom:1rem;padding:0.6rem 1.2rem;font-size:0.8rem}.feature-highlights{gap:1rem;padding:0 0.5rem}.highlight-item{padding:0.875rem 1rem;font-size:0.9rem;transform:translateX(0);justify-content:center;text-align:center}.highlight-item:hover{transform:translateY(-2px)}.highlight-item i{width:18px;height:18px;font-size:0.8rem}.showcase-image{padding:0 0.5rem}.image-container{max-width:100%;margin:0 auto}.mockup-header{padding:0.75rem 1rem;flex-direction:column;gap:0.75rem;text-align:center}.header-dots{order:2}.header-title{order:1;font-size:0.8rem}.score-badge{order:3;font-size:0.7rem;padding:0.2rem 0.6rem}.mockup-content{padding:1.5rem 1rem}.stats-row{grid-template-columns:1fr 1fr;gap:0.75rem;margin-bottom:2rem}.stat-card{padding:1.25rem 1rem;text-align:center}.stat-number{font-size:1.5rem}.stat-label{font-size:0.7rem;line-height:1.3}.tasks-preview{gap:0.75rem}.task-item{padding:0.875rem}.task-header-row{flex-direction:column;align-items:flex-start;gap:0.5rem}.task-category{font-size:0.6rem;padding:0.25rem 0.6rem}.task-priority{font-size:0.7rem;align-self:flex-end}.task-title{font-size:0.9rem;margin-bottom:0.5rem}.task-metrics{flex-direction:column;gap:0.4rem}.metric{font-size:0.7rem;padding:0.25rem 0.6rem;justify-content:center}.roi-cards{grid-template-columns:1fr;gap:1rem}.roi-card{padding:1.5rem}.roi-header{flex-direction:column;align-items:center;text-align:center;gap:0.75rem}.roi-badge{font-size:0.7rem;padding:0.3rem 0.8rem}.roi-metrics{gap:0.75rem}.metric-label{font-size:0.75rem}.metric-value{font-size:0.8rem}.confidence-indicator{padding:0.75rem;font-size:0.8rem;flex-direction:column;text-align:center;gap:0.25rem}.intent-categories{grid-template-columns:1fr;gap:1rem}.intent-card{padding:1.25rem;min-height:auto}.intent-header h4{font-size:1rem}.intent-type-label{font-size:0.6rem;padding:0.4rem 0.8rem}.intent-value{font-size:1.8rem;margin-bottom:0.75rem}.intent-confidence,.journey-alignment{font-size:0.8rem;padding:0.5rem 0.75rem}.distribution-bar{height:10px;margin-bottom:0.75rem}.segment{font-size:0.7rem;padding:0.4rem 0.2rem}.optimization-suggestions{padding:1rem;margin-top:1rem}.suggestion-item{font-size:0.8rem;gap:0.75rem}.suggestion-item::before{font-size:0.9rem}.showcase-cta{margin-top:3rem;padding:2rem 1rem;border-radius:16px}.cta-content h3{font-size:1.5rem;margin-bottom:0.75rem}.cta-content p{font-size:1rem;margin-bottom:1.5rem}.showcase-btn{width:100%;justify-content:center;padding:1rem 2rem;font-size:1rem}}@media (max-width:480px){.product-showcase-section{padding:3rem 0 2rem}.product-showcase-section .container{padding:0 0.5rem}.product-showcase-section .section-header{margin-bottom:2rem;padding:0}.product-showcase-section .section-header h2{font-size:2.2rem;line-height:1.2;margin-bottom:0.75rem;padding:0 0.25rem}.product-showcase-section .section-description{font-size:0.9rem;line-height:1.6;padding:0 0.25rem}.showcase-gallery{gap:2rem}.showcase-content{gap:2rem;padding:0 0.25rem}.showcase-info{padding:0.5rem 0}.showcase-info h3{font-size:1.5rem;line-height:1.3;margin-bottom:0.75rem;padding:0 0.25rem}.showcase-info p{font-size:0.9rem;line-height:1.6;margin-bottom:1.25rem;padding:0 0.25rem}.feature-badge{padding:0.5rem 1rem;font-size:0.75rem;margin-bottom:0.75rem}.feature-highlights{gap:0.75rem;padding:0 0.25rem}.highlight-item{padding:0.75rem;font-size:0.85rem;flex-direction:column;text-align:center;gap:0.5rem}.highlight-item i{width:16px;height:16px;font-size:0.75rem}.showcase-image{padding:0 0.25rem}.mockup-header{padding:0.5rem;gap:0.5rem}.header-title{font-size:0.75rem}.score-badge{font-size:0.6rem;padding:0.15rem 0.5rem}.mockup-content{padding:1rem 0.5rem}.stats-row{grid-template-columns:1fr;gap:0.5rem;margin-bottom:1.5rem}.stat-card{padding:1rem 0.75rem}.stat-number{font-size:1.25rem}.stat-label{font-size:0.65rem}.tasks-preview{gap:0.5rem}.task-item{padding:0.75rem}.task-title{font-size:0.85rem}.task-category{font-size:0.55rem;padding:0.2rem 0.5rem}.task-priority{font-size:0.65rem}.task-metrics{gap:0.3rem}.metric{font-size:0.65rem;padding:0.2rem 0.5rem}.roi-card{padding:1.25rem 1rem;border-radius:16px}.roi-header{gap:0.5rem}.roi-title h5{font-size:1rem}.roi-badge{font-size:0.6rem;padding:0.25rem 0.6rem}.confidence-indicator{padding:0.5rem;font-size:0.75rem}.intent-card{padding:1rem;border-radius:12px}.intent-header h4{font-size:0.9rem}.intent-type-label{font-size:0.55rem;padding:0.3rem 0.6rem}.intent-value{font-size:1.5rem;margin-bottom:0.5rem}.intent-confidence,.journey-alignment{font-size:0.7rem;padding:0.4rem 0.6rem}.distribution-bar{height:8px;flex-direction:column}.segment{font-size:0.6rem;padding:0.3rem;text-align:center}.optimization-suggestions{padding:0.75rem}.suggestion-item{font-size:0.75rem;flex-direction:column;text-align:center;gap:0.5rem}.suggestion-item::before{font-size:0.8rem}.showcase-cta{margin-top:2rem;padding:1.5rem 0.75rem;border-radius:12px}.cta-content h3{font-size:1.25rem;margin-bottom:0.5rem}.cta-content p{font-size:0.9rem;margin-bottom:1.25rem}.showcase-btn{padding:0.875rem 1.5rem;font-size:0.9rem}}.pricing{padding:8rem 2rem;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);text-align:center;position:relative;overflow:hidden}.pricing::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(79,70,229,0.03) 0%,transparent 60%);z-index:0}.pricing::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(0,31,63,0.02) 0%,transparent 70%);border-radius:50%;z-index:1;pointer-events:none}.pricing h2{font-family:'Poppins',sans-serif;font-size:4.5rem;font-weight:800;margin-bottom:1.5rem;color:#1e293b;position:relative;display:block;letter-spacing:-0.03em;line-height:1.1;text-align:center;width:100%;z-index:3}.pricing .highlight-text{color:#818cf8;display:inline}.pricing .subheading{font-family:'Inter',sans-serif;font-size:1.25rem;margin-bottom:3rem;font-weight:400;color:#64748b;letter-spacing:-0.01em;line-height:1.6;position:relative;max-width:600px;margin-left:auto;margin-right:auto;z-index:3}.pricing-tiers{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;position:relative;z-index:3;max-width:1200px;margin:0 auto}.pricing-tier{flex-basis:calc(33.333% - 2rem);max-width:380px;margin:0;text-align:center;padding:3rem 2rem;background:rgba(255,255,255,0.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,0.2);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 15px rgba(0,0,0,0.1);position:relative;overflow:hidden}.pricing-tier::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#0f172a 0%,#4f46e5 100%);border-radius:24px 24px 0 0}.pricing-tier:nth-child(2)::before{background:linear-gradient(135deg,#4f46e5 0%,#818cf8 100%);box-shadow:0 0 20px rgba(79,70,229,0.3)}.pricing-tier:nth-child(2){transform:scale(1.05);box-shadow:0 0 20px rgba(79,70,229,0.3),0 4px 20px rgba(0,0,0,0.15)}.pricing-tier:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,0.2)}.pricing-tier:nth-child(2):hover{transform:scale(1.05) translateY(-8px)}.pricing-tier h3{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1rem;letter-spacing:-0.01em}.pricing-tier .price{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#4f46e5 0%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;line-height:1.2;position:relative}.pricing-tier .price .price-note{font-size:0.9rem;font-weight:600;color:#10b981;background:rgba(16,185,129,0.1);padding:0.25rem 0.75rem;border-radius:20px;margin-left:0.5rem;display:inline-block;vertical-align:middle;border:1px solid rgba(16,185,129,0.2)}.pricing-tier ul{list-style-type:none;padding:0;margin-bottom:2.5rem;text-align:left}.pricing-tier li{margin-bottom:1rem;color:#64748b;font-size:1rem;line-height:1.6;position:relative;padding-left:1.5rem}.pricing-tier li::before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:bold}.pricing-tier .btn{display:inline-block;padding:1.2rem 2.5rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;font-family:'Inter',sans-serif}.pricing-tier:nth-child(1) .btn,.pricing-tier:nth-child(3) .btn{background:transparent;color:#64748b;border:1px solid #e2e8f0}.pricing-tier:nth-child(1) .btn:hover,.pricing-tier:nth-child(3) .btn:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1;transform:translateY(-1px)}.pricing-tier:nth-child(2) .btn{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);color:white;border:none;box-shadow:0 2px 4px rgba(99,102,241,0.2)}.pricing-tier:nth-child(2) .btn:hover{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(99,102,241,0.3)}@media (max-width:768px){.pricing{padding:4rem 1rem}.pricing h2{font-size:3rem}.pricing .subheading{font-size:1.1rem}.pricing-tier{flex-basis:100%;max-width:350px;margin-bottom:2rem;padding:2rem 1.5rem}.pricing-tier:nth-child(2){transform:none}.pricing-tier:nth-child(2):hover{transform:translateY(-8px)}}@media (max-width:480px){.pricing h2{font-size:2.5rem}.pricing .subheading{font-size:1rem}}.ai-readiness-section{padding:8rem 0;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);position:relative;overflow:hidden}.ai-readiness-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(139,92,246,0.05) 0%,transparent 60%);z-index:0}.ai-readiness-section::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(59,130,246,0.03) 0%,transparent 70%);border-radius:50%;z-index:1;pointer-events:none}.ai-readiness-section .section-header{text-align:center;margin-bottom:4rem;position:relative;z-index:3}.ai-readiness-section .section-badge{display:inline-flex;align-items:center;gap:0.75rem;background:rgba(255,255,255,0.9);border:1px solid rgba(139,92,246,0.2);border-radius:50px;padding:0.75rem 1.5rem;margin-bottom:2rem;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.1);font-size:0.9rem;font-weight:600;color:#1e293b}.ai-readiness-section .badge-icon{font-size:1.2rem}.ai-readiness-section h2{font-family:'Poppins',sans-serif;font-size:4.5rem;font-weight:800;margin-bottom:1.5rem;color:#1e293b;letter-spacing:-0.03em;line-height:1.1}.ai-readiness-section .highlight-text{color:#8b5cf6;display:inline}.ai-readiness-section .subheading{font-family:'Inter',sans-serif;font-size:1.25rem;margin-bottom:0;font-weight:400;color:#64748b;letter-spacing:-0.01em;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}.ai-readiness-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:3;max-width:1200px;margin:0 auto;padding:0 2rem}.readiness-features{display:flex;flex-direction:column;gap:2rem}.readiness-feature{display:flex;align-items:flex-start;gap:1.25rem;padding:2rem;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.readiness-feature::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%)}.readiness-feature:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.12);background:rgba(255,255,255,0.98)}.feature-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;flex-shrink:0;transition:transform 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.feature-icon.ai-extraction{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#8b5cf6}.feature-icon.ai-optimization{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#3b82f6}.feature-icon.semantic-analysis{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);color:#10b981}.readiness-feature:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.readiness-feature h4{font-family:'Poppins',sans-serif;font-size:1.3rem;font-weight:700;color:#1e293b;margin-bottom:0.75rem;letter-spacing:-0.01em}.readiness-feature p{color:#64748b;margin:0;font-size:1rem;line-height:1.6}.ai-dashboard-container{display:flex;justify-content:center;align-items:center}.ai-readiness-dashboard{background:rgba(255,255,255,0.98);backdrop-filter:blur(25px);border-radius:20px;padding:2.5rem;border:1px solid rgba(255,255,255,0.4);box-shadow:0 12px 40px rgba(0,0,0,0.15);width:100%;max-width:520px;position:relative;overflow:hidden}.ai-readiness-dashboard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 50%,#10b981 100%);border-radius:20px 20px 0 0}.ai-readiness-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(226,232,240,0.3)}.ai-readiness-dashboard .header-tabs{display:flex;gap:0.75rem}.ai-readiness-dashboard .tab{padding:0.5rem 1rem;border-radius:12px;font-size:0.9rem;font-weight:600;transition:all 0.3s ease;border:1px solid rgba(226,232,240,0.3);background:rgba(248,250,252,0.8);color:#64748b}.ai-readiness-dashboard .tab.active.ai-tab{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:white;border-color:transparent;box-shadow:0 2px 8px rgba(139,92,246,0.3)}.ai-readiness-dashboard .tab.optimization-tab{background:rgba(59,130,246,0.1);color:#3b82f6;border-color:rgba(59,130,246,0.2)}.ai-status-indicator{display:flex;align-items:center;gap:0.5rem;color:#64748b;font-size:0.85rem;font-weight:500}.ai-pulse{width:8px;height:8px;background:#8b5cf6;border-radius:50%;animation:aiPulse 2s ease-in-out infinite}@keyframes aiPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.2)}}.ai-score-section{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center;margin-bottom:2rem}.ai-score-container{text-align:center}.ai-score-hexagon{margin-bottom:1rem}.ai-radar-chart{width:160px;height:160px;filter:drop-shadow(0 4px 8px rgba(139,92,246,0.2))}.radar-grid{opacity:0.6}.radar-data{transition:all 2s ease-in-out;filter:drop-shadow(0 0 4px rgba(139,92,246,0.3));animation:radarPulse 3s ease-in-out infinite alternate}.radar-point{transition:all 0.3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.radar-point:hover{r:6;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3))}@keyframes radarPulse{0%{filter:drop-shadow(0 0 4px rgba(139,92,246,0.3))}100%{filter:drop-shadow(0 0 8px rgba(59,130,246,0.5))}}.ai-score-label{color:#64748b;font-size:0.9rem;font-weight:500;margin-bottom:0.5rem}.ai-readiness-level{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);color:#065f46;padding:0.35rem 0.875rem;border-radius:16px;font-size:0.8rem;font-weight:700;display:inline-block;border:1px solid rgba(16,185,129,0.2)}.ai-metrics{display:flex;flex-direction:column;gap:1rem}.ai-metric-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,0.9);border-radius:12px;border:1px solid rgba(226,232,240,0.3);transition:all 0.3s ease}.ai-metric-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.08)}.ai-metric-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-metric-icon.content{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#8b5cf6}.ai-metric-icon.structured{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#3b82f6}.ai-metric-icon.semantic{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);color:#10b981}.ai-metric-content{flex:1}.ai-metric-value{font-size:1.25rem;font-weight:700;color:#1e293b;line-height:1;margin-bottom:0.25rem}.ai-metric-label{font-size:0.8rem;color:#64748b;font-weight:500}.ai-metric-description{font-size:0.75rem;color:#94a3b8;margin-top:0.25rem}.ai-features-breakdown{margin-top:1.5rem}.ai-features-breakdown h5{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:1rem;font-family:'Poppins',sans-serif}.ai-feature-row{margin-bottom:1rem}.ai-feature-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.ai-feature-name{color:#374151;font-size:0.9rem;font-weight:500}.ai-feature-status{font-size:0.8rem;font-weight:600;padding:0.25rem 0.5rem;border-radius:8px}.ai-feature-status.detected{background:rgba(16,185,129,0.1);color:#059669}.ai-feature-status.partial{background:rgba(245,158,11,0.1);color:#d97706}.ai-feature-status.missing{background:rgba(239,68,68,0.1);color:#dc2626}.ai-feature-bar{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.ai-bar-fill{height:100%;border-radius:3px;transition:width 2s ease-out}.ai-bar-fill.faq{background:linear-gradient(90deg,#10b981,#34d399)}.ai-bar-fill.schema{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.ai-bar-fill.headings{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.ai-bar-fill.citation{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.ai-readiness-cta{margin-top:4rem;padding:3rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-radius:24px;border:1px solid rgba(226,232,240,0.3);text-align:center;position:relative;overflow:hidden;max-width:1200px;margin-left:auto;margin-right:auto}.ai-readiness-cta::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 50%,#10b981 100%);border-radius:24px 24px 0 0}.ai-readiness-cta .cta-content h3{font-family:'Poppins',sans-serif;font-size:2.2rem;font-weight:700;color:#1e293b;margin-bottom:1rem;letter-spacing:-0.01em}.ai-readiness-cta .cta-content p{font-size:1.1rem;color:#64748b;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.ai-cta-btn{display:inline-flex;align-items:center;gap:0.75rem;padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:white;border:none;border-radius:12px;text-decoration:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 14px rgba(139,92,246,0.25)}.ai-cta-btn:hover{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,92,246,0.4)}.ai-cta-btn svg{transition:transform 0.3s ease}.ai-cta-btn:hover svg{transform:translateX(4px)}@media (max-width:1024px){.ai-readiness-content{grid-template-columns:1fr;gap:3rem;text-align:center}.ai-readiness-section h2{font-size:3.5rem}.readiness-features{order:2}.ai-dashboard-container{order:1}}@media (max-width:768px){.ai-readiness-section{padding:3rem 0 2rem}.ai-readiness-section .container{padding:0 1rem;max-width:100%}.ai-readiness-section .section-header{margin-bottom:2.5rem;text-align:center}.ai-readiness-section .section-badge{padding:0.6rem 1.2rem;font-size:0.85rem;margin-bottom:1.5rem;gap:0.5rem}.ai-readiness-section .badge-icon{font-size:1rem}.ai-readiness-section h2{font-size:2.5rem;line-height:1.2;margin-bottom:1.25rem;padding:0 0.5rem;letter-spacing:-0.02em}.ai-readiness-section .subheading{font-size:1rem;margin-bottom:0;padding:0 0.5rem;line-height:1.6;max-width:100%}.ai-readiness-content{padding:0 0.5rem;gap:2rem;grid-template-columns:1fr}.readiness-features{gap:1.25rem;order:2}.readiness-feature{padding:1.5rem;flex-direction:row;text-align:left;gap:1rem;border-radius:16px;align-items:flex-start}.feature-icon{width:44px;height:44px;flex-shrink:0;border-radius:12px}.readiness-feature h4{font-size:1.1rem;margin-bottom:0.5rem;line-height:1.3}.readiness-feature p{font-size:0.9rem;line-height:1.5;margin:0}.ai-dashboard-container{order:1;display:flex;justify-content:center;padding:0 0.5rem}.ai-readiness-dashboard{padding:1.75rem;max-width:100%;width:100%;border-radius:20px;margin:0}.dashboard-header{margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap;justify-content:space-between}.header-tabs{gap:0.5rem;flex:1}.ai-readiness-dashboard .tab{padding:0.5rem 1rem;font-size:0.85rem;border-radius:10px;font-weight:600}.ai-status-indicator{font-size:0.8rem;gap:0.4rem}.ai-pulse{width:6px;height:6px}.ai-score-section{grid-template-columns:1fr;gap:1.5rem;text-align:center;margin-bottom:1.5rem}.ai-score-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.ai-circular-chart{width:110px;height:110px}.ai-score-label{font-size:0.85rem;margin-bottom:0.5rem}.ai-readiness-level{padding:0.4rem 1rem;font-size:0.8rem;border-radius:20px}.ai-metrics{gap:1rem;display:grid;grid-template-columns:1fr}.ai-metric-item{padding:1rem;gap:0.75rem;border-radius:12px;align-items:center}.ai-metric-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0}.ai-metric-content{text-align:left;flex:1}.ai-metric-value{font-size:1.4rem;margin-bottom:0.25rem}.ai-metric-label{font-size:0.8rem;font-weight:500}.ai-features-breakdown{margin-top:1.5rem}.ai-features-breakdown h5{font-size:0.95rem;margin-bottom:1rem;text-align:center}.ai-feature-row{margin-bottom:1rem}.ai-feature-info{margin-bottom:0.5rem;gap:0.5rem;font-size:0.85rem}.ai-feature-name{font-size:0.85rem}.ai-feature-status{font-size:0.75rem;padding:0.2rem 0.5rem;border-radius:6px}.ai-feature-bar{height:6px;border-radius:3px}}@media (max-width:480px){.ai-readiness-section{padding:2rem 0 1.5rem}.ai-readiness-section .container{padding:0 0.75rem}.ai-readiness-section .section-header{margin-bottom:2rem}.ai-readiness-section .section-badge{padding:0.5rem 1rem;font-size:0.8rem;margin-bottom:1.25rem;gap:0.4rem}.ai-readiness-section .badge-icon{font-size:0.9rem}.ai-readiness-section h2{font-size:2rem;line-height:1.25;margin-bottom:1rem;padding:0 0.25rem}.ai-readiness-section .subheading{font-size:0.9rem;padding:0 0.25rem;line-height:1.6;margin-bottom:0}.ai-readiness-content{padding:0 0.25rem;gap:1.5rem}.readiness-features{gap:1rem}.readiness-feature{padding:1.25rem;gap:0.875rem;border-radius:14px;flex-direction:column;text-align:center;align-items:center}.feature-icon{width:40px;height:40px;border-radius:10px;margin-bottom:0.5rem}.readiness-feature h4{font-size:1rem;margin-bottom:0.5rem;line-height:1.3;text-align:center}.readiness-feature p{font-size:0.85rem;line-height:1.5;text-align:center;margin:0}.ai-dashboard-container{padding:0 0.25rem}.ai-readiness-dashboard{padding:1.5rem;border-radius:16px;width:100%;max-width:100%}.dashboard-header{margin-bottom:1.25rem;flex-direction:column;gap:0.75rem;align-items:center}.header-tabs{width:100%;justify-content:center;gap:0.375rem}.ai-readiness-dashboard .tab{padding:0.4rem 0.8rem;font-size:0.8rem;border-radius:8px;flex:1;text-align:center;max-width:120px}.ai-status-indicator{font-size:0.75rem;gap:0.35rem;align-self:center}.ai-pulse{width:5px;height:5px}.ai-score-section{gap:1.25rem;margin-bottom:1.25rem}.ai-score-container{gap:0.75rem}.ai-circular-chart{width:100px;height:100px}.ai-percentage{font-size:0.42em}.ai-score-label{font-size:0.8rem;margin-bottom:0.4rem}.ai-readiness-level{padding:0.35rem 0.875rem;font-size:0.75rem;border-radius:16px}.ai-metrics{gap:0.75rem}.ai-metric-item{padding:0.875rem;gap:0.625rem;border-radius:10px;flex-direction:column;text-align:center;align-items:center}.ai-metric-icon{width:32px;height:32px;border-radius:8px;margin-bottom:0.25rem}.ai-metric-content{text-align:center}.ai-metric-value{font-size:1.25rem;margin-bottom:0.2rem}.ai-metric-label{font-size:0.75rem;line-height:1.2}.ai-features-breakdown{margin-top:1.25rem}.ai-features-breakdown h5{font-size:0.9rem;margin-bottom:0.875rem;text-align:center}.ai-feature-row{margin-bottom:0.875rem}.ai-feature-info{margin-bottom:0.4rem;gap:0.4rem;font-size:0.8rem;justify-content:space-between;align-items:center}.ai-feature-name{font-size:0.8rem}.ai-feature-status{font-size:0.7rem;padding:0.15rem 0.4rem;border-radius:5px}.ai-feature-bar{height:5px;border-radius:2.5px}.ai-bar-fill{border-radius:2.5px}}.why-nitaq-section{padding:8rem 0;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);position:relative;overflow:hidden}.why-nitaq-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(79,70,229,0.03) 0%,transparent 60%);z-index:0}.why-nitaq-section::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:1000px;background:radial-gradient(circle,rgba(0,31,63,0.02) 0%,transparent 70%);border-radius:50%;z-index:1;pointer-events:none}.why-nitaq-section .container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:3}.why-nitaq-section .section-header{text-align:center;margin-bottom:5rem}.why-nitaq-section .section-badge{display:inline-flex;align-items:center;gap:0.75rem;background:rgba(255,255,255,0.9);border:1px solid rgba(79,70,229,0.2);border-radius:50px;padding:0.75rem 1.5rem;margin-bottom:2rem;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.1)}.why-nitaq-section .badge-icon{font-size:1.2rem}.why-nitaq-section .badge-text{color:#1e293b;font-weight:600;font-size:0.95rem;letter-spacing:-0.01em}.why-nitaq-section h2{font-family:'Poppins',sans-serif;font-size:4.5rem;font-weight:800;margin-bottom:1.5rem;color:#1e293b;letter-spacing:-0.03em;line-height:1.1}.why-nitaq-section .highlight-text{color:#818cf8;display:inline}.why-nitaq-section .section-description{font-family:'Inter',sans-serif;font-size:1.25rem;margin-bottom:0;font-weight:400;color:#64748b;letter-spacing:-0.01em;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}.advantages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem;max-width:1200px;margin-left:auto;margin-right:auto}.advantage-card{position:relative;background:rgba(255,255,255,0.98);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:24px;border:1px solid rgba(255,255,255,0.4);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.08);height:100%;display:flex;flex-direction:column}.advantage-card.featured{transform:scale(1.02);box-shadow:0 12px 48px rgba(99,102,241,0.15);border:1px solid rgba(99,102,241,0.2)}.advantage-card.mena-special{grid-column:2;grid-row:2;transform:scale(1.01);box-shadow:0 10px 40px rgba(225,29,72,0.12);border:1px solid rgba(225,29,72,0.15)}.advantage-card:hover{transform:translateY(-8px);box-shadow:0 20px 64px rgba(0,0,0,0.12)}.advantage-card.featured:hover{transform:scale(1.02) translateY(-8px);box-shadow:0 24px 72px rgba(99,102,241,0.25)}.advantage-card.mena-special:hover{transform:scale(1.01) translateY(-8px);box-shadow:0 20px 64px rgba(225,29,72,0.2)}.card-top-accent{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);border-radius:24px 24px 0 0}.advantage-card.mena-special .card-top-accent{background:linear-gradient(135deg,#e11d48 0%,#f43f5e 100%)}.card-content{padding:2.5rem 2rem;position:relative;display:flex;flex-direction:column;height:100%}.advantage-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;gap:1.5rem}.advantage-icon{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 24px rgba(0,0,0,0.12);flex-shrink:0}.advantage-card:hover .advantage-icon{transform:scale(1.05) rotate(3deg);box-shadow:0 12px 32px rgba(0,0,0,0.18)}.ai-icon{background:linear-gradient(135deg,#f0f4ff 0%,#e0e7ff 100%);color:#6366f1}.speed-icon{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#f59e0b}.growth-icon{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#10b981}.expert-icon{background:linear-gradient(135deg,#e0f2fe 0%,#b3e5fc 100%);color:#0284c7}.action-icon{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#8b5cf6}.mena-icon{background:linear-gradient(135deg,#fff1f2 0%,#fecdd3 100%);color:#e11d48}.advantage-stats{text-align:right;flex-shrink:0}.stat-number{font-family:'Poppins',sans-serif;font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:0.5rem;background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.advantage-card.featured .stat-number{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.advantage-card.mena-special .stat-number{background:linear-gradient(135deg,#e11d48 0%,#f43f5e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:0.8rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;line-height:1.2}.advantage-body{flex-grow:1;margin-bottom:2rem}.advantage-body h3{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1rem;letter-spacing:-0.01em;line-height:1.2}.advantage-body p{color:#64748b;font-size:1rem;line-height:1.6;margin:0;font-weight:400}.advantage-footer{margin-top:auto}.advantage-features{display:flex;flex-wrap:wrap;gap:0.5rem}.feature-tag{background:linear-gradient(135deg,rgba(99,102,241,0.08) 0%,rgba(79,70,229,0.08) 100%);color:#4f46e5;padding:0.375rem 0.875rem;border-radius:20px;font-size:0.75rem;font-weight:600;border:1px solid rgba(99,102,241,0.15);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all 0.3s ease}.feature-tag:hover{background:linear-gradient(135deg,rgba(99,102,241,0.12) 0%,rgba(79,70,229,0.12) 100%);transform:translateY(-1px);box-shadow:0 2px 8px rgba(99,102,241,0.2)}.advantage-card.mena-special .feature-tag{background:linear-gradient(135deg,rgba(225,29,72,0.08) 0%,rgba(244,63,94,0.08) 100%);color:#be185d;border-color:rgba(225,29,72,0.15)}.trust-indicators{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem;padding:2.5rem;background:rgba(255,255,255,0.8);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:24px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.08)}.trust-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;color:#64748b;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;padding:1rem;border-radius:16px}.trust-item:hover{color:#1e293b;background:rgba(255,255,255,0.7);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.08)}.trust-icon{width:48px;height:48px;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#818cf8;font-size:1.25rem;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.08)}.trust-item:hover .trust-icon{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);color:white;transform:scale(1.05);box-shadow:0 8px 24px rgba(99,102,241,0.25)}.performance-section{margin-bottom:3rem}.performance-overview{margin-bottom:2rem}.performance-score-card{display:flex;align-items:center;gap:2rem;padding:2rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-radius:16px;border:1px solid rgba(226,232,240,0.3);box-shadow:0 4px 15px rgba(0,0,0,0.08)}.score-circle{position:relative;flex-shrink:0}.performance-chart{width:120px;height:120px;position:relative}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-text .score-number{font-family:'Poppins',sans-serif;font-size:1.8rem;font-weight:700;color:#1e293b;line-height:1}.score-text .score-label{font-size:0.8rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.performance-status{flex:1}.performance-status .status-badge{display:inline-block;padding:0.5rem 1rem;border-radius:20px;font-size:0.85rem;font-weight:600;margin-bottom:0.75rem}.performance-status .status-badge.excellent{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);color:#059669;border:1px solid rgba(16,185,129,0.2)}.performance-status .status-badge.good{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:#2563eb;border:1px solid rgba(59,130,246,0.2)}.performance-status .status-badge.moderate{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);color:#d97706;border:1px solid rgba(245,158,11,0.2)}.performance-status .status-badge.poor{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);color:#dc2626;border:1px solid rgba(239,68,68,0.2)}.performance-status p{color:#64748b;margin:0;font-size:0.95rem}.performance-metrics-grid{display:flex;flex-direction:column;gap:2rem}.metrics-section{background:rgba(255,255,255,0.8);border-radius:16px;border:1px solid rgba(226,232,240,0.3);padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.metrics-title{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.metrics-title::before{content:'';width:4px;height:16px;background:linear-gradient(135deg,#818cf8 0%,#3b82f6 100%);border-radius:2px}.metrics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.metric-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff;border-radius:12px;border:1px solid rgba(226,232,240,0.5);transition:all 0.3s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.metric-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon.load-time{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:#3b82f6}.metric-icon.pagespeed{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);color:#10b981}.metric-content{flex:1}.metric-label{font-size:0.85rem;color:#64748b;font-weight:500;margin-bottom:0.25rem}.metric-value{font-family:'Poppins',sans-serif;font-size:1.4rem;font-weight:700;color:#1e293b;line-height:1;margin-bottom:0.25rem}.metric-status{font-size:0.75rem;font-weight:600;padding:0.25rem 0.5rem;border-radius:6px;display:inline-block}.metric-status.good{background:rgba(16,185,129,0.1);color:#059669}.metric-status.moderate{background:rgba(245,158,11,0.1);color:#d97706}.metric-status.poor{background:rgba(239,68,68,0.1);color:#dc2626}.vitals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.vital-card{background:#ffffff;border-radius:12px;border:1px solid rgba(226,232,240,0.5);padding:1rem;transition:all 0.3s ease}.vital-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.vital-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem}.vital-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vital-icon.lcp{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#f59e0b}.vital-icon.fid{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#8b5cf6}.vital-icon.cls{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);color:#ef4444}.vital-info{flex:1}.vital-label{font-family:'Poppins',sans-serif;font-size:0.9rem;font-weight:600;color:#1e293b;line-height:1}.vital-description{font-size:0.75rem;color:#64748b;margin-top:0.125rem}.vital-value{font-family:'Poppins',sans-serif;font-size:1.2rem;font-weight:700;color:#1e293b;margin-bottom:0.5rem}.vital-status{font-size:0.75rem;font-weight:600;padding:0.25rem 0.5rem;border-radius:6px;display:inline-block}.vital-status.good{background:rgba(16,185,129,0.1);color:#059669}.vital-status.moderate{background:rgba(245,158,11,0.1);color:#d97706}.vital-status.poor{background:rgba(239,68,68,0.1);color:#dc2626}.image-optimization-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.optimization-card{background:#ffffff;border-radius:12px;border:1px solid rgba(226,232,240,0.5);padding:1rem;text-align:center;transition:all 0.3s ease}.optimization-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.optimization-header{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-bottom:0.75rem}.optimization-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:#3b82f6}.optimization-icon.warning{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);color:#f59e0b}.optimization-label{font-size:0.8rem;font-weight:500;color:#64748b}.optimization-value{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:0.5rem}.optimization-status{font-size:0.7rem;font-weight:600;padding:0.2rem 0.4rem;border-radius:4px;display:inline-block}.optimization-status.good{background:rgba(16,185,129,0.1);color:#059669}.optimization-status.poor{background:rgba(239,68,68,0.1);color:#dc2626}.performance-recommendations{margin-top:2rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-radius:16px;border:1px solid rgba(226,232,240,0.3);padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.recommendation-column{background:rgba(255,255,255,0.8);border-radius:12px;border:1px solid rgba(226,232,240,0.3);padding:1.5rem}.recommendation-title{font-family:'Poppins',sans-serif;font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.recommendation-title svg{color:#10b981}.recommendation-list{list-style:none;padding:0;margin:0}.recommendation-list li{position:relative;padding-left:1.5rem;margin-bottom:0.75rem;color:#64748b;font-size:0.9rem;line-height:1.5}.recommendation-list li::before{content:'•';position:absolute;left:0;color:#10b981;font-weight:bold;font-size:1.2rem}.recommendation-list li:last-child{margin-bottom:0}.technology-detection-section{margin-bottom:3rem;padding:0 2rem}.technology-detection-section .section-description{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:2rem;max-width:800px;margin:0 auto 2rem auto}.technology-categories{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto}.tech-category{background:rgba(255,255,255,0.98);backdrop-filter:blur(15px);border-radius:16px;border:1px solid rgba(59,130,246,0.2);padding:2rem;margin:0 1rem;transition:all 0.3s ease;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.1);border-left:4px solid #3b82f6}.tech-category:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,0.15);border-color:rgba(59,130,246,0.3)}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(226,232,240,0.3)}.category-icon{width:44px;height:44px;background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(59,130,246,0.3)}.tech-category:hover .category-icon{background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);transform:scale(1.05);box-shadow:0 6px 16px rgba(59,130,246,0.4)}.category-title{font-family:'Poppins',sans-serif;font-size:1.2rem;font-weight:600;color:#1e293b;margin:0;flex:1}.tech-count{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:white;padding:0.375rem 0.875rem;border-radius:20px;font-size:0.8rem;font-weight:600;border:1px solid rgba(59,130,246,0.3);box-shadow:0 2px 6px rgba(59,130,246,0.2)}.technology-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.technology-card{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border:1px solid rgba(226,232,240,0.5);border-radius:12px;padding:1.25rem;transition:all 0.3s ease;display:flex;justify-content:space-between;align-items:center}.technology-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.1);border-color:rgba(59,130,246,0.3)}.tech-info{flex:1}.tech-name{font-family:'Poppins',sans-serif;font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:0.25rem}.tech-version{font-size:0.8rem;color:#64748b;font-weight:500}.confidence-indicator{display:flex;align-items:center;gap:0.5rem;min-width:80px}.confidence-bar{width:40px;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.confidence-fill{height:100%;background:linear-gradient(90deg,#10b981 0%,#34d399 100%);border-radius:3px;transition:width 1s ease-out}.confidence-text{font-size:0.75rem;font-weight:600;color:#10b981;min-width:30px}.technology-recommendations{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(226,232,240,0.3)}.recommendations-title{font-family:'Poppins',sans-serif;font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem}.recommendations-title svg{color:#f59e0b}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.recommendation-card{background:rgba(255,255,255,0.8);border:1px solid rgba(226,232,240,0.3);border-radius:12px;padding:1.5rem;transition:all 0.3s ease}.recommendation-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.1)}.recommendation-card.performance{border-left:4px solid #10b981}.recommendation-card.security{border-left:4px solid #ef4444}.recommendation-card.seo{border-left:4px solid #3b82f6}.recommendation-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem}.recommendation-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recommendation-card.performance .recommendation-icon{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#059669}.recommendation-card.security .recommendation-icon{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626}.recommendation-card.seo .recommendation-icon{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#2563eb}.recommendation-header h5{font-family:'Poppins',sans-serif;font-size:1rem;font-weight:600;color:#1e293b;margin:0}.recommendation-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.75rem}.recommendation-list li{position:relative;padding-left:1.5rem;color:#64748b;font-size:0.9rem;line-height:1.5}.recommendation-list li::before{content:'•';position:absolute;left:0;color:#10b981;font-weight:bold;font-size:1.2rem}@media (max-width:768px){.technology-detection-section{padding:0 1rem}.tech-category{margin:0 0.5rem;padding:1.5rem}.technology-grid{grid-template-columns:1fr}.technology-card{flex-direction:column;align-items:flex-start;gap:1rem}.confidence-indicator{align-self:flex-end;min-width:auto}.recommendations-grid{grid-template-columns:1fr;gap:1rem}.category-header{flex-wrap:wrap;gap:0.75rem}.tech-count{margin-top:0.5rem}}@media (max-width:480px){.technology-detection-section{padding:0 0.5rem}.tech-category{padding:1rem;margin:0 0.25rem}.category-header{flex-direction:column;align-items:flex-start;text-align:left}.category-icon{width:36px;height:36px}.category-title{font-size:1.1rem}.technology-card{padding:1rem}.recommendation-card{padding:1.25rem}}.blog-post-hero{padding:3rem 0 2rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);text-align:center;position:relative;overflow:hidden}.blog-post-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(79,70,229,0.03) 0%,transparent 60%);z-index:0}.blog-hero-content{max-width:100%;margin:0 auto;padding:0 1rem;position:relative;z-index:3}.category-badge{display:inline-block;padding:0.5rem 1rem;border-radius:20px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.category-badge.comprehensive{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:white}.category-badge.voice-audio{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:white}.category-badge.ai-tech{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white}.category-badge.global{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white}.category-badge.technical{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:white}.blog-post-hero h1{font-family:'Poppins',sans-serif;font-size:clamp(1.75rem,5vw,3.5rem);font-weight:800;color:#1e293b;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-0.02em}.blog-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:0.9rem;color:#64748b;font-weight:500}.blog-meta span{display:flex;align-items:center;gap:0.5rem}.blog-content-section{padding:2rem 0;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)}.blog-post{max-width:100%;margin:0;background:rgba(255,255,255,0.98);border-radius:0;box-shadow:none;border:none;overflow:hidden}.blog-content{padding:1rem;font-family:'Inter',sans-serif;line-height:1.7;color:#374151}@media (min-width:769px){.blog-post{margin:0 auto;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid rgba(255,255,255,0.3)}.blog-content{padding:1.5rem}}.executive-summary{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid rgba(59,130,246,0.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.executive-summary h2{color:#1e40af;font-size:1.25rem;margin-bottom:1rem;font-weight:700}.table-of-contents{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid rgba(226,232,240,0.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.table-of-contents h3{color:#1e293b;font-size:1.1rem;margin-bottom:1rem;font-weight:700}.table-of-contents ul{list-style:none;padding:0;margin:0}.table-of-contents li{margin-bottom:0.5rem}.table-of-contents a{color:#475569;text-decoration:none;font-weight:500;padding:0.5rem;border-radius:8px;display:block;transition:all 0.3s ease}.table-of-contents a:hover,.table-of-contents a.active{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);color:white;transform:translateX(4px)}.blog-content h2{font-family:'Poppins',sans-serif;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;color:#1e293b;margin:2rem 0 1rem 0;line-height:1.2;letter-spacing:-0.01em}.blog-content h3{font-family:'Poppins',sans-serif;font-size:clamp(1.25rem,3.5vw,1.875rem);font-weight:600;color:#1e293b;margin:1.5rem 0 1rem 0;line-height:1.3}.blog-content h4{font-family:'Poppins',sans-serif;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:600;color:#374151;margin:1.25rem 0 0.75rem 0;line-height:1.4}.blog-content h5{font-family:'Poppins',sans-serif;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;color:#4b5563;margin:1rem 0 0.5rem 0;line-height:1.4}.blog-content p{font-size:clamp(0.9rem,2.5vw,1rem);line-height:1.7;margin-bottom:1.5rem;color:#374151}.blog-content ul,.blog-content ol{margin:1.5rem 0;padding-left:1.5rem}.blog-content li{font-size:clamp(0.9rem,2.5vw,1rem);line-height:1.6;margin-bottom:0.5rem;color:#374151}.highlight-box{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid rgba(16,185,129,0.2);border-left:4px solid #10b981;border-radius:8px;padding:1.5rem;margin:2rem 0}.highlight-box h4{color:#065f46;margin-bottom:1rem;font-size:clamp(1rem,2.5vw,1.25rem)}.strategy-box{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid rgba(245,158,11,0.2);border-left:4px solid #f59e0b;border-radius:8px;padding:1.5rem;margin:2rem 0}.strategy-box h5,.strategy-box h6{color:#92400e;margin-bottom:1rem;font-size:clamp(1rem,2.5vw,1.1rem)}.technical-section{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);border:1px solid rgba(139,92,246,0.2);border-left:4px solid #8b5cf6;border-radius:8px;padding:1.5rem;margin:2rem 0}.technical-section h5{color:#581c87;margin-bottom:1rem;font-size:clamp(1rem,2.5vw,1.1rem)}.predictive-section{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid rgba(59,130,246,0.2);border-left:4px solid #3b82f6;border-radius:8px;padding:1.5rem;margin:2rem 0}.predictive-section h5{color:#1e40af;margin-bottom:1rem;font-size:clamp(1rem,2.5vw,1.1rem)}.tools-category{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid rgba(239,68,68,0.2);border-left:4px solid #ef4444;border-radius:8px;padding:1.5rem;margin:2rem 0}.tools-category h5{color:#991b1b;margin-bottom:1rem;font-size:clamp(1rem,2.5vw,1.1rem)}.intent-framework{display:grid;grid-template-columns:1fr;gap:1rem;margin:2rem 0}.intent-category{background:rgba(255,255,255,0.98);border:1px solid rgba(226,232,240,0.3);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.intent-category h5{color:#1e293b;font-size:clamp(1rem,2.5vw,1.1rem);margin-bottom:0.5rem;font-weight:700}.intent-category p{color:#64748b;font-size:clamp(0.85rem,2vw,0.9rem);margin-bottom:1rem}.timeline-section{margin:2rem 0}.timeline-item{background:rgba(255,255,255,0.98);border:1px solid rgba(226,232,240,0.3);border-left:4px solid #3b82f6;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.timeline-item h5{color:#1e293b;font-size:clamp(1rem,2.5vw,1.1rem);margin-bottom:0.5rem;font-weight:700}pre{background:#1e293b;color:#e2e8f0;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:2rem 0;font-size:clamp(0.8rem,2vw,0.9rem);line-height:1.5}code{background:#f1f5f9;color:#dc2626;padding:0.2rem 0.4rem;border-radius:4px;font-size:clamp(0.8rem,2vw,0.875rem);font-family:'Monaco','Menlo','Ubuntu Mono',monospace}table{width:100%;border-collapse:collapse;margin:2rem 0;background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}th,td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb;font-size:clamp(0.85rem,2vw,0.9rem)}th{background:#f9fafb;font-weight:600;color:#374151}.conclusion{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid rgba(226,232,240,0.3);border-radius:12px;padding:2rem;margin:3rem 0 2rem 0;position:relative;overflow:hidden}.conclusion::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);border-radius:12px 12px 0 0}.conclusion h3{color:#1e293b;font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:1.5rem;font-weight:700}.related-posts{margin-top:3rem;padding:2rem 1rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-radius:16px;border:1px solid rgba(226,232,240,0.3)}.related-posts h3{text-align:center;color:#1e293b;font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:2rem;font-weight:700}.related-posts-grid{display:grid;grid-template-columns:1fr;gap:1rem}.related-post{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:rgba(255,255,255,0.98);border:1px solid rgba(226,232,240,0.3);border-radius:12px;text-decoration:none;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.related-post:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.1);border-color:rgba(99,102,241,0.3)}.related-post-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.related-post-icon.ai-tech{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white}.related-post-icon.voice-audio{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:white}.related-post-icon.comprehensive{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:white}.related-post-icon.global{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white}.related-post-icon.technical{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:white}.related-post h4{color:#1e293b;font-size:clamp(1rem,2.5vw,1.1rem);margin:0 0 0.25rem 0;font-weight:600}.related-post p{color:#64748b;font-size:clamp(0.85rem,2vw,0.9rem);margin:0}.back-to-insights{padding:2rem 0;text-align:center}.back-link{display:inline-flex;align-items:center;gap:0.5rem;color:#475569;text-decoration:none;font-weight:500;padding:0.75rem 1.5rem;border-radius:8px;transition:all 0.3s ease}.back-link:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);color:#1e293b;transform:translateX(-2px)}.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);z-index:10000;transition:width 0.3s ease;width:0%}.tool-highlight{background:linear-gradient(135deg,#f8faff 0%,#f0f4ff 100%);border:2px solid #e0e7ff;border-radius:16px;padding:2rem;margin:2rem 0;position:relative}.tool-highlight::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:16px 16px 0 0}.comparison-table{overflow-x:auto;margin:2rem 0;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.comparison-table table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}.comparison-table th{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);color:white;padding:1rem;text-align:left;font-weight:600}.comparison-table td{padding:1rem;border-bottom:1px solid #e2e8f0;vertical-align:top}.comparison-table tr:hover{background:#f8fafc}.contender-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.contender{background:white;border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:2px solid transparent;transition:all 0.3s ease}.contender.nitaq{border-color:#4f46e5;background:linear-gradient(135deg,#f8faff 0%,#f0f4ff 100%)}.contender.chatgpt{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)}.contender h3{margin-bottom:1rem;font-size:1.5rem}.contender.nitaq h3{color:#4f46e5}.contender.chatgpt h3{color:#10b981}.scorecard{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:16px;padding:2rem;margin:2rem 0;border:1px solid #e2e8f0}.score-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #e2e8f0}.score-item:last-child{border-bottom:none}.score-item h4{margin:0;font-weight:600;color:#1e293b}.score{font-family:'Courier New',monospace;font-weight:bold;color:#64748b}.total-score{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);color:white;padding:1.5rem;border-radius:12px;margin-top:1rem;text-align:center}.final-score{display:flex;justify-content:space-around;margin-top:1rem}.winner{color:#22c55e;font-size:1.2rem;font-weight:bold}.runner-up{color:#f59e0b;font-size:1.1rem}.cta-section{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);color:white;padding:3rem 2rem;border-radius:16px;text-align:center;margin:3rem 0}.cta-section h3{font-size:2rem;margin-bottom:1rem;color:white}.cta-section p{font-size:1.1rem;margin-bottom:2rem;opacity:0.9}.cta-button{display:inline-block;background:white;color:#4f46e5;padding:1rem 2rem;border-radius:10px;text-decoration:none;font-weight:600;transition:all 0.3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15);color:#4f46e5;text-decoration:none}@media (max-width:768px){.blog-post-hero{padding:2rem 0 1.5rem}.blog-hero-content{padding:0 1rem}.blog-content-section .container{padding:0;max-width:100%;width:100%}.blog-post{margin:0;border-radius:0;box-shadow:none;border:none;width:100%}.blog-content{padding:1rem;width:100%;box-sizing:border-box}.executive-summary,.table-of-contents,.highlight-box,.strategy-box,.technical-section,.predictive-section,.tools-category{padding:1rem;margin:1.5rem 0}.intent-framework{gap:0.75rem}.intent-category{padding:1rem}.timeline-item{padding:1rem}.related-posts{padding:1.5rem 1rem;margin:2rem 0.5rem 0}.related-post{padding:1rem;flex-direction:column;text-align:center;gap:0.75rem}.related-post-icon{width:40px;height:40px;font-size:1rem}.table-of-contents ul{font-size:0.9rem}pre{padding:1rem;font-size:0.8rem}table{font-size:0.8rem}th,td{padding:0.75rem 0.5rem}}@media (max-width:480px){.blog-post-hero{padding:1.5rem 0 1rem}.blog-hero-content{padding:0 0.75rem}.blog-content-section .container{padding:0;max-width:100%;width:100%}.blog-post{margin:0;border-radius:0;box-shadow:none;border:none;width:100%}.blog-content{padding:0.75rem;width:100%;box-sizing:border-box}.executive-summary,.table-of-contents,.highlight-box,.strategy-box,.technical-section,.predictive-section,.tools-category{padding:0.75rem;margin:1rem 0}.intent-category,.timeline-item{padding:0.75rem}.related-posts{padding:1rem 0.75rem;margin:1.5rem 0.25rem 0}.related-post{padding:0.75rem}.related-post-icon{width:36px;height:36px;font-size:0.9rem}.conclusion{padding:1.5rem}}@media (min-width:769px) and (max-width:1024px){.related-posts-grid{grid-template-columns:1fr;gap:1rem}.intent-framework{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width:1025px){.blog-content-section .container{max-width:900px;padding:0 2rem}.blog-content{padding:3rem}.related-posts-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.intent-framework{grid-template-columns:repeat(2,1fr);gap:1.5rem}.related-post{flex-direction:column;text-align:center;gap:1rem}}@media (max-width:768px){.performance-score-card{flex-direction:column;text-align:center;gap:1rem}.performance-chart{width:100px;height:100px}.score-text .score-number{font-size:1.5rem}.metrics-cards{grid-template-columns:1fr}.vitals-grid{grid-template-columns:1fr}.image-optimization-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.recommendations-grid{grid-template-columns:1fr;gap:1rem}.recommendation-column{padding:1rem}}@media (max-width:1200px){.advantages-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.advantage-card.mena-special{grid-column:1 / -1;grid-row:auto;transform:none;box-shadow:0 8px 32px rgba(225,29,72,0.1)}.advantage-card.mena-special:hover{transform:translateY(-8px)}.trust-indicators{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){.why-nitaq-section{padding:2rem 0;margin:1rem 0}.why-nitaq-section .container{padding:0 1rem;max-width:100%}.why-nitaq-section .section-header{text-align:center;margin-bottom:2rem}.why-nitaq-section .section-badge{padding:0.5rem 1rem;margin-bottom:1rem;font-size:0.8rem}.why-nitaq-section h2{font-size:2rem;line-height:1.2;margin-bottom:1rem;padding:0 0.5rem}.why-nitaq-section .section-description{font-size:0.95rem;padding:0 0.5rem;margin-bottom:2rem;line-height:1.6}.advantages-grid{display:flex;flex-direction:column;gap:2rem;padding:0 0.5rem;margin-bottom:3rem}.advantage-card{margin:0;max-width:100%;width:100%;box-sizing:border-box;transform:none!important}.advantage-card.featured{transform:none!important;box-shadow:0 4px 20px rgba(99,102,241,0.15)}.advantage-card:hover{transform:translateY(-3px)!important}.advantage-card.featured:hover{transform:translateY(-3px)!important}.card-content{padding:1.5rem;text-align:center}.advantage-icon{width:50px;height:50px;font-size:1.5rem;margin:0 auto 1rem;border-radius:14px}.advantage-stats{margin-bottom:1rem}.stat-number{font-size:2rem}.stat-label{font-size:0.8rem}.advantage-card h3{font-size:1.2rem;margin-bottom:0.75rem;line-height:1.3}.advantage-card p{font-size:0.9rem;line-height:1.5;margin-bottom:1rem}.advantage-features{justify-content:center;flex-wrap:wrap;gap:0.4rem}.feature-tag{margin:0.1rem;font-size:0.75rem;padding:0.2rem 0.6rem;border-radius:16px}.trust-indicators{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem;margin-top:2rem;border-radius:16px;max-width:320px;margin-left:auto;margin-right:auto}.trust-item{font-size:0.85rem;flex-direction:column;text-align:center;gap:0.75rem;padding:1rem 0.5rem;background:rgba(255,255,255,0.7);border-radius:12px;border:1px solid rgba(226,232,240,0.3);box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:all 0.3s ease}.trust-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.trust-icon{width:36px;height:36px;font-size:1rem;border-radius:12px;margin:0 auto}}@media (max-width:480px){.why-nitaq-section{padding:3rem 0}.why-nitaq-section .container{padding:0 1rem}.why-nitaq-section h2{font-size:2.5rem;line-height:1.2}.why-nitaq-section .section-description{font-size:1rem;padding:0 0.5rem}.advantages-grid{padding:0 0.5rem;gap:1rem}.advantage-card{max-width:100%;margin:0}.card-content{padding:1.25rem}.advantage-icon{width:50px;height:50px;font-size:1.5rem;margin-bottom:1rem}.stat-number{font-size:2rem}.stat-label{font-size:0.8rem}.advantage-card h3{font-size:1.2rem;margin-bottom:0.75rem}.advantage-card p{font-size:0.85rem;margin-bottom:1rem}.feature-tag{font-size:0.7rem;padding:0.2rem 0.6rem;margin:0.15rem}.trust-indicators{flex-direction:column;align-items:center;gap:1rem;padding:1rem}.trust-item{width:100%;max-width:200px;justify-content:center;font-size:0.8rem}.trust-icon{width:32px;height:32px;font-size:0.9rem}}.insights-hero{display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem 3rem;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);color:var(--secondary-color);width:100%;position:relative;overflow:hidden}.insights-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(79,70,229,0.03) 0%,transparent 60%);z-index:0}.insights-hero-content{max-width:800px;padding:2rem 0;position:relative;z-index:3}.insights-hero .hero-badge{display:inline-flex;align-items:center;gap:0.75rem;background:rgba(255,255,255,0.9);border:1px solid rgba(79,70,229,0.2);border-radius:50px;padding:1rem 2rem;margin-bottom:2rem;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.1)}.insights-hero h1{font-family:'Poppins',sans-serif;font-size:4rem;font-weight:800;margin-bottom:1.5rem;color:#1e293b;letter-spacing:-0.03em;line-height:1.1}.insights-hero p{font-size:1.2rem;color:#64748b;line-height:1.6;max-width:600px;margin:0 auto}.insights-categories{padding:3rem 0;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%)}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:0 auto;padding:0 2rem}.category-item{text-align:center;padding:2rem 1.5rem;background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(226,232,240,0.3);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;position:relative;overflow:hidden}.category-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);border-radius:16px 16px 0 0;transform:scaleX(0);transition:transform 0.3s ease}.category-item:hover::before,.category-item.active::before{transform:scaleX(1)}.category-item:hover,.category-item.active{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.12);background:rgba(255,255,255,0.95)}.category-item h3{font-family:'Poppins',sans-serif;font-size:1.3rem;font-weight:700;color:#1e293b;margin:0;display:flex;flex-direction:column;gap:0.5rem}.category-subtitle{font-family:'Inter',sans-serif;font-size:0.75rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:0.5px}.latest-insights-section{padding:6rem 0;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)}.latest-insights-section .container{max-width:1200px;margin:0 auto;padding:0 2rem}.latest-insights-section .section-header{text-align:center;margin-bottom:4rem}.latest-insights-section h2{font-family:'Poppins',sans-serif;font-size:3rem;font-weight:800;color:#1e293b;margin-bottom:1rem;letter-spacing:-0.02em}.section-subtitle{font-size:1.1rem;color:#64748b;margin:0}.insights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:4rem;padding:0 1rem;justify-items:center;align-items:start}.blog-card{background:#ffffff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08);overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(0,0,0,0.05);width:100%;max-width:100%;min-height:400px;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.12)}.card-header{height:120px;display:flex;align-items:flex-start;justify-content:flex-start;padding:20px;position:relative}.card-header.ai-tech{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%)}.card-header.voice-audio{background:linear-gradient(135deg,#059669 0%,#10b981 100%)}.card-header.global-strategy{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%)}.card-header.ai-future{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%)}.card-header.comprehensive{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}.card-header.technical{background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%)}.category-tag{background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);color:white;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;border:1px solid rgba(255,255,255,0.3)}.card-content{padding:24px}.card-title{font-family:'Poppins',sans-serif;font-size:20px;font-weight:700;color:#1e293b;line-height:1.3;margin-bottom:12px;letter-spacing:-0.02em}.card-description{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:20px;font-family:'Inter',sans-serif}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px;color:#94a3b8;font-weight:500}.read-more-btn{display:inline-flex;align-items:center;gap:8px;color:#3b82f6;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.3s ease;font-family:'Inter',sans-serif}.read-more-btn:hover{color:#1d4ed8;gap:12px}.read-more-btn i{font-size:12px;transition:transform 0.3s ease}.read-more-btn:hover i{transform:translateX(3px)}.insight-card{background:rgba(255,255,255,0.98);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:20px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:600px}.insight-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,0.1) 100%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:1}.insight-card:hover::before{opacity:1}.insight-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 60px rgba(0,0,0,0.12);border-color:rgba(255,255,255,0.5)}.card-visual{height:180px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center}.visual-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.4) 100%);z-index:2}.visual-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:1rem}.category-badge{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;border-radius:25px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.3);box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:4}.category-badge.premium{background:linear-gradient(135deg,rgba(138,43,226,0.9) 0%,rgba(75,0,130,0.9) 100%);color:white}.category-badge.featured{background:linear-gradient(135deg,rgba(0,191,255,0.9) 0%,rgba(0,123,255,0.9) 100%);color:white}.category-badge.expert{background:linear-gradient(135deg,rgba(255,140,0,0.9) 0%,rgba(255,69,0,0.9) 100%);color:white}.category-badge.innovative{background:linear-gradient(135deg,rgba(255,20,147,0.9) 0%,rgba(199,21,133,0.9) 100%);color:white}.category-badge.comprehensive{background:linear-gradient(135deg,rgba(34,193,195,0.9) 0%,rgba(45,253,176,0.9) 100%);color:white}.category-badge.technical{background:linear-gradient(135deg,rgba(106,90,205,0.9) 0%,rgba(72,61,139,0.9) 100%);color:white}.card-stats{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:0.5rem;z-index:4}.difficulty-level{padding:0.5rem 1rem;border-radius:16px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.3);text-align:center}.difficulty-level.advanced{background:linear-gradient(135deg,rgba(220,38,38,0.9) 0%,rgba(185,28,28,0.9) 100%);color:white}.difficulty-level.intermediate{background:linear-gradient(135deg,rgba(245,158,11,0.9) 0%,rgba(217,119,6,0.9) 100%);color:white}.difficulty-level.expert{background:linear-gradient(135deg,rgba(79,70,229,0.9) 0%,rgba(67,56,202,0.9) 100%);color:white}.difficulty-level.all-levels{background:linear-gradient(135deg,rgba(16,185,129,0.9) 0%,rgba(5,150,105,0.9) 100%);color:white}.reading-time{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(255,255,255,0.2);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:16px;color:white;font-size:0.7rem;font-weight:600;border:1px solid rgba(255,255,255,0.3)}.ai-icon-display,.voice-icon-display,.global-icon-display,.gso-icon-display,.comprehensive-icon-display,.technical-icon-display{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:white;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.3);box-shadow:0 8px 24px rgba(0,0,0,0.2);transition:transform 0.3s ease}.insight-card:hover .ai-icon-display,.insight-card:hover .voice-icon-display,.insight-card:hover .global-icon-display,.insight-card:hover .gso-icon-display,.insight-card:hover .comprehensive-icon-display,.insight-card:hover .technical-icon-display{transform:scale(1.1) rotate(5deg)}.trend-indicator,.completion-badge,.complexity-badge,.innovation-badge,.comprehensive-badge,.technical-badge{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(255,255,255,0.9);color:#1e293b;border-radius:16px;font-size:0.7rem;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.5)}.trend-indicator.rising{background:linear-gradient(135deg,#10b981 0%,#34d399 100%);color:white}.ai-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.voice-gradient{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}.global-gradient{background:linear-gradient(135deg,#fc466b 0%,#3f5efb 100%)}.gso-gradient{background:linear-gradient(135deg,#818cf8 0%,#feca57 100%)}.comprehensive-gradient{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.technical-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.category-badge{background:rgba(255,255,255,0.25);backdrop-filter:blur(15px);color:white;padding:0.75rem 1.5rem;border-radius:25px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;border:1px solid rgba(255,255,255,0.4);box-shadow:0 4px 12px rgba(0,0,0,0.15);position:relative;z-index:2}.blog-stats{display:flex;flex-direction:column;align-items:flex-end;gap:0.5rem;position:relative;z-index:2}.difficulty-badge{background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);color:white;padding:0.4rem 0.8rem;border-radius:16px;font-size:0.65rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;border:1px solid rgba(255,255,255,0.3)}.engagement-score{display:flex;align-items:center;gap:0.3rem;color:rgba(255,255,255,0.9);font-size:0.7rem;font-weight:500}.star-rating{display:flex;gap:1px}.star{color:#fbbf24;font-size:0.7rem}.card-content{padding:2rem;display:flex;flex-direction:column;flex-grow:1;position:relative;z-index:2}.content-header{margin-bottom:1.5rem}.content-header h3{font-family:'Poppins',sans-serif;font-size:1.3rem;font-weight:700;color:#1e293b;margin-bottom:1rem;line-height:1.3;letter-spacing:-0.01em}.author-info{display:flex;align-items:center;gap:1rem}.author-avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:1rem;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.author-avatar.ai-team{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.author-avatar.voice-team{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}.author-avatar.global-team{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.author-avatar.ai-research{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.author-avatar.strategy-team{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.author-avatar.technical-team{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.author-details{display:flex;flex-direction:column;gap:0.25rem}.author-name{font-size:0.85rem;font-weight:600;color:#374151}.publish-date{font-size:0.75rem;color:#94a3b8}.content-preview{flex-grow:1}.excerpt{color:#64748b;font-size:0.95rem;line-height:1.6;margin-bottom:1.5rem}.key-topics{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px;padding:1.25rem;margin:1.5rem 0;border:1px solid rgba(226,232,240,0.3)}.key-topics h4{font-size:0.9rem;font-weight:600;color:#374151;margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.5px}.topics-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.5rem}.topics-list li{display:flex;align-items:center;gap:0.75rem;font-size:0.85rem;color:#64748b;line-height:1.4}.topics-list li i{color:#10b981;font-size:0.8rem;flex-shrink:0}.content-metrics{margin:1.5rem 0}.metric-group{display:flex;gap:1rem;justify-content:space-between;background:rgba(255,255,255,0.8);border-radius:12px;padding:1rem;border:1px solid rgba(226,232,240,0.3)}.metric{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.metric i{color:#64748b;margin-bottom:0.5rem;font-size:1rem}.metric-value{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:700;color:#1e293b;line-height:1;margin-bottom:0.25rem}.metric-label{font-size:0.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:0.5px;font-weight:500}.card-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(226,232,240,0.3)}.skills-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.25rem}.skill-tag{padding:0.4rem 0.8rem;border-radius:12px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;border:1px solid rgba(226,232,240,0.5);transition:all 0.3s ease}.skill-tag.advanced{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626;border-color:rgba(220,38,38,0.3)}.skill-tag.intermediate{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#d97706;border-color:rgba(217,119,6,0.3)}.skill-tag.expert{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);color:#7c3aed;border-color:rgba(124,58,237,0.3)}.skill-tag.innovative{background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);color:#be185d;border-color:rgba(190,24,93,0.3)}.skill-tag.comprehensive{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);color:#059669;border-color:rgba(5,150,105,0.3)}.skill-tag.all-levels{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:#2563eb;border-color:rgba(37,99,235,0.3)}.skill-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.read-article-btn{display:flex;align-items:center;justify-content:center;gap:0.75rem;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:0.9rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;font-family:'Inter',sans-serif;box-shadow:0 4px 14px rgba(0,0,0,0.1)}.read-article-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease}.read-article-btn:hover::before{left:100%}.read-article-btn.premium{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:white}.read-article-btn.featured{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);color:white}.read-article-btn.expert{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white}.read-article-btn.innovative{background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);color:white}.read-article-btn.comprehensive{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white}.read-article-btn.technical{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:white}.read-article-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.read-article-btn i{transition:transform 0.3s ease}.read-article-btn:hover i{transform:translateX(4px)}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(226,232,240,0.3);gap:1rem}.card-meta{display:flex;flex-direction:column;gap:0.5rem}.meta-row{display:flex;gap:1rem;font-size:0.8rem;color:#94a3b8;font-weight:500}.author-info{display:flex;align-items:center;gap:0.5rem;font-size:0.8rem;color:#64748b;font-weight:500}.author-avatar{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:0.6rem;font-weight:600}.read-more-btn{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:white;text-decoration:none;font-weight:600;font-size:0.9rem;padding:0.75rem 1.5rem;border-radius:12px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;box-shadow:0 4px 12px rgba(59,130,246,0.3)}.read-more-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-2px);box-shadow:0 8px 20px rgba(59,130,246,0.4)}.read-more-btn i{transition:transform 0.3s ease}.read-more-btn:hover i{transform:translateX(4px)}.executive-summary{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-left:4px solid #3b82f6;padding:2rem;margin:2rem 0;border-radius:0 12px 12px 0;position:relative;overflow:hidden}.executive-summary::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 25%,rgba(59,130,246,0.02) 25%,rgba(59,130,246,0.02) 50%,transparent 50%);background-size:20px 20px;pointer-events:none}.executive-summary h2{color:#1e40af;margin-bottom:1rem;font-size:1.5rem}.table-of-contents{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid rgba(226,232,240,0.3);border-radius:16px;padding:2rem;margin:3rem 0;box-shadow:0 4px 15px rgba(0,0,0,0.05)}.table-of-contents h3{color:#1e293b;margin-bottom:1.5rem;font-size:1.3rem;display:flex;align-items:center;gap:0.5rem}.table-of-contents h3::before{content:'📋';font-size:1.2rem}.table-of-contents ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0.75rem}.table-of-contents li{margin:0}.table-of-contents a{display:block;padding:0.75rem 1rem;background:rgba(255,255,255,0.8);color:#64748b;text-decoration:none;border-radius:8px;border:1px solid rgba(226,232,240,0.3);transition:all 0.3s ease;font-weight:500}.table-of-contents a:hover,.table-of-contents a.active{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,0.3)}.highlight-box{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-left:4px solid #f59e0b;padding:2rem;margin:2rem 0;border-radius:0 12px 12px 0;position:relative}.highlight-box::before{content:'💡';position:absolute;top:1rem;right:1rem;font-size:1.5rem}.highlight-box h4{color:#92400e;margin-bottom:1rem;font-size:1.2rem}@media (max-width:768px){.executive-summary{padding:1.5rem;margin:1.5rem 0;border-radius:0 10px 10px 0}.executive-summary h2{font-size:1.3rem;margin-bottom:0.75rem}.table-of-contents{padding:1.5rem;margin:2rem 0;border-radius:12px}.table-of-contents h3{font-size:1.15rem;margin-bottom:1rem}.table-of-contents ul{grid-template-columns:1fr;gap:0.5rem}.table-of-contents a{padding:0.6rem 0.75rem;font-size:0.9rem;border-radius:6px}.highlight-box{padding:1.5rem;margin:1.5rem 0;border-radius:0 10px 10px 0}.highlight-box::before{top:0.75rem;right:0.75rem;font-size:1.25rem}.highlight-box h4{font-size:1.1rem;margin-bottom:0.75rem}.timeline-section{padding-left:1.5rem;margin:1.5rem 0}.timeline-item{padding:1.25rem;margin-left:1.5rem;margin-bottom:2rem;border-radius:10px}.timeline-item h5{font-size:1rem;margin-bottom:0.5rem}.intent-framework{grid-template-columns:1fr;gap:1rem;margin:1.5rem 0}.intent-category{padding:1.25rem;border-radius:10px}.intent-category h5{font-size:1rem;margin-bottom:0.75rem}.technical-section,.predictive-section{padding:1.5rem;margin:1.5rem 0;border-radius:10px}.technical-section h5,.predictive-section h5{font-size:1.1rem;margin-bottom:0.75rem}.tools-category{padding:1.5rem;margin:1.5rem 0;border-radius:10px}.tools-category h5{font-size:1.1rem;margin-bottom:1rem}.tools-category li{padding:0.75rem;margin-bottom:0.5rem;border-radius:6px}}@media (max-width:480px){.executive-summary{padding:1.25rem;margin:1rem 0;border-radius:0 8px 8px 0}.executive-summary h2{font-size:1.15rem;margin-bottom:0.5rem}.table-of-contents{padding:1.25rem;margin:1.5rem 0;border-radius:10px}.table-of-contents h3{font-size:1rem;margin-bottom:0.75rem;flex-direction:column;gap:0.25rem}.table-of-contents a{padding:0.5rem;font-size:0.85rem;border-radius:5px}.highlight-box{padding:1.25rem;margin:1rem 0;border-radius:0 8px 8px 0}.highlight-box::before{top:0.5rem;right:0.5rem;font-size:1rem}.highlight-box h4{font-size:1rem;margin-bottom:0.5rem}.timeline-section{padding-left:1.25rem;margin:1rem 0}.timeline-item{padding:1rem;margin-left:1.25rem;margin-bottom:1.5rem;border-radius:8px}.timeline-item::before{left:-2.5rem;top:1.5rem;width:10px;height:10px}.intent-framework{gap:0.75rem;margin:1rem 0}.intent-category{padding:1rem;border-radius:8px}.intent-category h5{font-size:0.95rem;margin-bottom:0.5rem}.technical-section,.predictive-section{padding:1.25rem;margin:1rem 0;border-radius:8px}.technical-section h5,.predictive-section h5{font-size:1rem;margin-bottom:0.5rem}.tools-category{padding:1.25rem;margin:1rem 0;border-radius:8px}.tools-category h5{font-size:1rem;margin-bottom:0.75rem}.tools-category li{padding:0.6rem;margin-bottom:0.4rem;border-radius:5px;font-size:0.9rem}}.timeline-section{margin:2rem 0;position:relative;padding-left:2rem}.timeline-section::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#3b82f6 0%,#60a5fa 100%);border-radius:1px}.timeline-item{position:relative;margin-bottom:3rem;padding:1.5rem;background:rgba(255,255,255,0.9);border-radius:12px;border:1px solid rgba(226,232,240,0.3);box-shadow:0 2px 8px rgba(0,0,0,0.05);margin-left:2rem}.timeline-item::before{content:'';position:absolute;left:-3rem;top:2rem;width:12px;height:12px;background:#3b82f6;border-radius:50%;border:3px solid white;box-shadow:0 0 0 3px rgba(59,130,246,0.2)}.timeline-item h5{color:#1e40af;margin-bottom:0.75rem;font-size:1.1rem;font-weight:600}.intent-framework{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.intent-category{background:rgba(255,255,255,0.9);border:1px solid rgba(226,232,240,0.3);border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,0.05);transition:all 0.3s ease}.intent-category:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}.intent-category h5{color:#1e293b;margin-bottom:1rem;font-size:1.1rem;padding-bottom:0.5rem;border-bottom:2px solid #e2e8f0}.technical-section,.predictive-section{background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border:1px solid rgba(226,232,240,0.3);border-radius:12px;padding:2rem;margin:2rem 0;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.technical-section h5,.predictive-section h5{color:#1e40af;margin-bottom:1rem;font-size:1.2rem;display:flex;align-items:center;gap:0.5rem}.technical-section h5::before{content:'⚙️'}.predictive-section h5::before{content:'🔮'}.tools-category{background:rgba(255,255,255,0.9);border:1px solid rgba(226,232,240,0.3);border-radius:12px;padding:2rem;margin:2rem 0;box-shadow:0 4px 15px rgba(0,0,0,0.05)}.tools-category h5{color:#059669;margin-bottom:1.5rem;font-size:1.2rem;display:flex;align-items:center;gap:0.5rem;border-bottom:2px solid #10b981;padding-bottom:0.5rem}.tools-category h5::before{content:'🛠️'}.tools-category ul{display:grid;grid-template-columns:1fr;gap:1rem}.tools-category li{background:rgba(248,250,252,0.8);border:1px solid rgba(226,232,240,0.3);border-radius:8px;padding:1rem;transition:all 0.3s ease}.tools-category li:hover{background:rgba(255,255,255,1);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.blog-post-section{padding:6rem 0;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);border-top:1px solid rgba(226,232,240,0.3)}.blog-post{max-width:900px;margin:0 auto;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.1);overflow:hidden;position:relative}.blog-post::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);border-radius:24px 24px 0 0}.blog-header{padding:3rem 3rem 2rem;text-align:center;background:linear-gradient(135deg,rgba(99,102,241,0.02) 0%,rgba(59,130,246,0.02) 100%);border-bottom:1px solid rgba(226,232,240,0.3)}.blog-header .category-badge{margin-bottom:1.5rem}.blog-header h1{font-family:'Poppins',sans-serif;font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:1.5rem;letter-spacing:-0.02em;line-height:1.2}.blog-meta{display:flex;justify-content:center;align-items:center;gap:2rem;font-size:0.9rem;color:#64748b}.blog-content{padding:3rem;line-height:1.8}@media (max-width:768px){.blog-post-hero{padding:1.5rem 0 1rem}.blog-hero-content{padding:0 1rem;max-width:100%;box-sizing:border-box}.blog-hero-content .category-badge{padding:0.6rem 1.2rem;font-size:0.75rem;margin-bottom:1.25rem;font-weight:700;letter-spacing:0.5px}.blog-hero-content h1{font-size:1.75rem;line-height:1.3;margin-bottom:1.25rem;padding:0 0.25rem;font-weight:700;letter-spacing:-0.02em;word-break:break-word;hyphens:auto}.blog-hero-content .blog-meta{flex-direction:column;gap:0.4rem;font-size:0.8rem;color:#64748b;align-items:center}.blog-content-section{padding:1.5rem 0}.blog-content-section .container{padding:0 0.5rem;max-width:100%}.blog-post{border-radius:16px;margin:0 0.125rem;box-shadow:0 4px 20px rgba(0,0,0,0.08)}.blog-header{padding:1.5rem 1rem 1rem}.blog-header h1{font-size:1.6rem;margin-bottom:1rem;line-height:1.3}.blog-content{padding:1.5rem 1rem;line-height:1.8;font-size:1rem;color:#374151}.blog-content h2{font-size:1.4rem;margin:2.5rem 0 1.25rem 0;line-height:1.4;color:#1e293b;font-weight:700;letter-spacing:-0.01em;word-break:break-word;hyphens:auto}.blog-content h3{font-size:1.25rem;margin:2rem 0 1rem 0;line-height:1.4;color:#1e293b;font-weight:600;word-break:break-word;hyphens:auto}.blog-content h4{font-size:1.1rem;margin:1.75rem 0 0.875rem 0;line-height:1.4;color:#374151;font-weight:600}.blog-content h5{font-size:1.05rem;margin:1.5rem 0 0.75rem 0;line-height:1.4;color:#374151;font-weight:600}.blog-content p{margin-bottom:1.5rem;font-size:1rem;line-height:1.8;color:#374151;text-align:left;word-spacing:0.05em}.blog-content ul,.blog-content ol{margin-bottom:1.5rem;padding-left:0;list-style:none}.blog-content li{margin-bottom:0.75rem;font-size:1rem;line-height:1.7;color:#374151;padding-left:0}.blog-content ul li::before,.blog-content ol li::before{display:none}.blog-content strong{color:#1e293b;font-weight:600}.strategy-box{margin:2rem 0;padding:1.5rem;border-radius:12px;border-left:4px solid #3b82f6;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);box-shadow:0 2px 8px rgba(0,0,0,0.05)}.strategy-box h5,.strategy-box h6{font-size:1.05rem;margin-bottom:1rem;color:#1e293b;font-weight:600;line-height:1.4}.strategy-box ul,.strategy-box ol{padding-left:0;margin-bottom:0;list-style:none}.strategy-box li{font-size:0.95rem;margin-bottom:0.75rem;line-height:1.6;color:#374151;padding-left:0}.strategy-box li:last-child{margin-bottom:0}.strategy-box li::before{display:none}.highlight-box{margin:2rem 0;padding:1.5rem;border-radius:12px;border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.highlight-box h4{color:#92400e;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.executive-summary{margin:2rem 0;padding:1.5rem;border-radius:12px;border-left:4px solid #3b82f6;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}.executive-summary h2{color:#1e40af;margin-bottom:1rem;font-size:1.3rem}.table-of-contents{margin:2rem 0;padding:1.5rem;border-radius:12px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid rgba(226,232,240,0.3)}.table-of-contents h3{font-size:1.15rem;margin-bottom:1rem;color:#1e293b;text-align:center}.table-of-contents ul{grid-template-columns:1fr;gap:0.5rem;list-style:none;padding-left:0}.table-of-contents li{padding-left:0}.table-of-contents li::before{display:none}.table-of-contents a{padding:0.75rem 1rem;font-size:0.9rem;border-radius:8px;display:block;text-decoration:none;color:#64748b;background:rgba(255,255,255,0.8);border:1px solid rgba(226,232,240,0.3);transition:all 0.3s ease}.table-of-contents a:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:white;transform:translateX(4px)}.conclusion{padding:1.75rem 1.5rem;margin-top:2.5rem;border-radius:16px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid rgba(59,130,246,0.2)}.conclusion h3{font-size:1.4rem;margin-bottom:1rem;color:#1e40af;text-align:center}.conclusion p{font-size:1rem;margin-bottom:1.25rem;line-height:1.8;text-align:left}.conclusion p:last-child{margin-bottom:0}.related-posts{margin-top:2.5rem;padding:2rem 1.5rem;border-radius:16px;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border:1px solid rgba(226,232,240,0.3)}.related-posts h3{font-size:1.5rem;margin-bottom:1.5rem;text-align:center;color:#1e293b}.related-posts-grid{grid-template-columns:1fr;gap:1.25rem}.related-post{padding:1.5rem;border-radius:12px;background:rgba(255,255,255,0.8);border:1px solid rgba(226,232,240,0.3);text-align:center;transition:all 0.3s ease}.related-post:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.1)}.related-post-icon{width:44px;height:44px;margin:0 auto 1rem;border-radius:12px}.related-post h4{font-size:1.1rem;margin-bottom:0.5rem;color:#1e293b;line-height:1.3}.related-post p{font-size:0.9rem;color:#64748b;margin:0;line-height:1.4}.back-to-insights{padding:2rem 0;background:#f8fafc}.back-link{padding:0.875rem 1.5rem;font-size:0.9rem;border-radius:10px;margin-left:1rem;background:rgba(255,255,255,0.8);border:1px solid rgba(226,232,240,0.3);color:#64748b;text-decoration:none;transition:all 0.3s ease}.back-link:hover{background:rgba(255,255,255,0.95);color:#1e293b;transform:translateX(-4px)}.blog-content table{font-size:0.85rem;margin:1.5rem 0;display:block;overflow-x:auto;white-space:nowrap;border-radius:8px;border:1px solid rgba(226,232,240,0.3)}.blog-content th,.blog-content td{padding:0.75rem 0.5rem;min-width:120px;text-align:left;border-bottom:1px solid rgba(226,232,240,0.3)}.blog-content th{background-color:#f8f9fa;font-weight:600;color:#1e293b}.blog-content pre{font-size:0.8rem;padding:1rem;overflow-x:auto;border-radius:8px;margin:1.5rem 0;background-color:#f8f9fa;border:1px solid rgba(226,232,240,0.3)}.blog-content code{font-size:0.85rem;padding:0.25rem 0.5rem;border-radius:4px;background-color:#f1f5f9;color:#374151;font-family:'Courier New',monospace}.blog-content ul ul,.blog-content ol ol,.blog-content ul ol,.blog-content ol ul{margin-top:0.5rem;margin-bottom:0.5rem;padding-left:1.5rem}}@media (max-width:480px){.blog-post-hero{padding:1rem 0 0.75rem}.blog-hero-content{padding:0 0.5rem;max-width:100%}.blog-hero-content .category-badge{padding:0.5rem 1rem;font-size:0.7rem;margin-bottom:1rem;font-weight:700;letter-spacing:0.5px}.blog-hero-content h1{font-size:1.5rem;line-height:1.35;margin-bottom:1rem;padding:0;font-weight:700;letter-spacing:-0.015em;word-break:break-word;hyphens:auto}.blog-hero-content .blog-meta{font-size:0.75rem;gap:0.35rem;color:#64748b;align-items:center}.blog-content-section{padding:1rem 0}.blog-content-section .container{padding:0 0.25rem;max-width:100%}.blog-post{margin:0;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.06)}.blog-header{padding:1.25rem 0.75rem 0.75rem}.blog-header h1{font-size:1.4rem;margin-bottom:0.75rem;line-height:1.35}.blog-content{padding:1.25rem 0.75rem;line-height:1.85;font-size:1rem;color:#374151}.blog-content h2{font-size:1.3rem;margin:2rem 0 1rem 0;line-height:1.45;color:#1e293b;font-weight:700;letter-spacing:-0.01em;word-break:break-word;hyphens:auto}.blog-content h3{font-size:1.15rem;margin:1.75rem 0 0.875rem 0;line-height:1.45;color:#1e293b;font-weight:600;word-break:break-word;hyphens:auto}.blog-content h4{font-size:1.05rem;margin:1.5rem 0 0.75rem 0;line-height:1.45;color:#374151;font-weight:600}.blog-content h5{font-size:1rem;margin:1.25rem 0 0.625rem 0;line-height:1.45;color:#374151;font-weight:600}.blog-content p{margin-bottom:1.375rem;font-size:1rem;line-height:1.85;color:#374151;text-align:left;word-spacing:0.05em}.blog-content ul,.blog-content ol{margin-bottom:1.375rem;padding-left:0;list-style:none}.blog-content li{margin-bottom:0.625rem;font-size:1rem;line-height:1.75;color:#374151;padding-left:0}.blog-content ul li::before,.blog-content ol li::before{display:none}.blog-content strong{color:#1e293b;font-weight:600}.strategy-box{margin:1.75rem 0;padding:1.25rem;border-radius:10px;border-left:4px solid #3b82f6;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);box-shadow:0 2px 8px rgba(0,0,0,0.05)}.strategy-box h5,.strategy-box h6{font-size:1rem;margin-bottom:0.875rem;color:#1e293b;font-weight:600;line-height:1.45}.strategy-box ul,.strategy-box ol{padding-left:0;margin-bottom:0;list-style:none}.strategy-box li{font-size:0.9rem;margin-bottom:0.625rem;line-height:1.7;color:#374151;padding-left:0}.strategy-box li::before{display:none}.strategy-box li:last-child{margin-bottom:0}.highlight-box{margin:1.75rem 0;padding:1.25rem;border-radius:10px;border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.highlight-box h4{color:#92400e;margin-bottom:0.875rem;font-size:1rem;font-weight:600}.executive-summary{margin:1.75rem 0;padding:1.25rem;border-radius:10px;border-left:4px solid #3b82f6;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}.executive-summary h2{color:#1e40af;margin-bottom:0.875rem;font-size:1.2rem}.table-of-contents{margin:1.75rem 0;padding:1.25rem;border-radius:10px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid rgba(226,232,240,0.3)}.table-of-contents h3{font-size:1.1rem;margin-bottom:0.875rem;color:#1e293b;text-align:center}.table-of-contents ul{grid-template-columns:1fr;gap:0.375rem;list-style:none;padding-left:0}.table-of-contents li{padding-left:0}.table-of-contents li::before{display:none}.table-of-contents a{padding:0.625rem 0.875rem;font-size:0.85rem;border-radius:6px;display:block;text-decoration:none;color:#64748b;background:rgba(255,255,255,0.8);border:1px solid rgba(226,232,240,0.3);transition:all 0.3s ease;line-height:1.4}.table-of-contents a:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:white;transform:translateX(3px)}.conclusion{padding:1.5rem 1.25rem;margin-top:2rem;border-radius:12px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid rgba(59,130,246,0.2)}.conclusion h3{font-size:1.3rem;margin-bottom:0.875rem;color:#1e40af;text-align:center;line-height:1.4}.conclusion p{font-size:1rem;margin-bottom:1.125rem;line-height:1.8;text-align:left}.conclusion p:last-child{margin-bottom:0}.related-posts{margin-top:2rem;padding:1.75rem 1.25rem;border-radius:12px;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border:1px solid rgba(226,232,240,0.3)}.related-posts h3{font-size:1.3rem;margin-bottom:1.25rem;text-align:center;color:#1e293b}.related-posts-grid{grid-template-columns:1fr;gap:1rem}.related-post{padding:1.25rem;border-radius:10px;background:rgba(255,255,255,0.8);border:1px solid rgba(226,232,240,0.3);text-align:center;transition:all 0.3s ease}.related-post:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.related-post-icon{width:40px;height:40px;margin:0 auto 0.875rem;border-radius:10px}.related-post h4{font-size:1rem;margin-bottom:0.375rem;color:#1e293b;line-height:1.4}.related-post p{font-size:0.85rem;color:#64748b;margin:0;line-height:1.5}.back-to-insights{padding:1.5rem 0;background:#f8fafc}.back-link{padding:0.75rem 1.25rem;font-size:0.85rem;border-radius:8px;margin-left:0.75rem;background:rgba(255,255,255,0.8);border:1px solid rgba(226,232,240,0.3);color:#64748b;text-decoration:none;transition:all 0.3s ease}.back-link:hover{background:rgba(255,255,255,0.95);color:#1e293b;transform:translateX(-3px)}.blog-content table{font-size:0.8rem;margin:1.375rem 0;display:block;overflow-x:auto;white-space:nowrap;border-radius:6px;border:1px solid rgba(226,232,240,0.3);box-shadow:0 2px 8px rgba(0,0,0,0.05)}.blog-content th,.blog-content td{padding:0.625rem 0.5rem;min-width:100px;text-align:left;border-bottom:1px solid rgba(226,232,240,0.3)}.blog-content th{background-color:#f8f9fa;font-weight:600;color:#1e293b;font-size:0.8rem}.blog-content pre{font-size:0.75rem;padding:0.875rem;overflow-x:auto;border-radius:6px;margin:1.375rem 0;background-color:#f8f9fa;border:1px solid rgba(226,232,240,0.3);line-height:1.5}.blog-content code{font-size:0.8rem;padding:0.25rem 0.4rem;border-radius:3px;background-color:#f1f5f9;color:#374151;font-family:'Courier New',monospace}.blog-content ul ul,.blog-content ol ol,.blog-content ul ol,.blog-content ol ul{margin-top:0.375rem;margin-bottom:0.375rem;padding-left:1.25rem}.blog-content blockquote{margin:1.375rem 0;padding:1rem 1.25rem;border-left:4px solid #e2e8f0;background:#f8fafc;border-radius:0 6px 6px 0;font-style:italic;color:#64748b;line-height:1.7}}.blog-content h2{font-family:'Poppins',sans-serif;font-size:2rem;font-weight:700;color:#1e293b;margin:2.5rem 0 1.5rem 0;letter-spacing:-0.01em}.blog-content h3{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:600;color:#1e293b;margin:2rem 0 1rem 0;letter-spacing:-0.01em}.blog-content h4{font-family:'Poppins',sans-serif;font-size:1.2rem;font-weight:600;color:#374151;margin:1.5rem 0 1rem 0}.blog-content h5{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:600;color:#374151;margin:1.25rem 0 0.75rem 0}.blog-content p{margin-bottom:1.5rem;color:#374151;font-size:1rem}.blog-content ul,.blog-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-content li{margin-bottom:0.75rem;color:#374151}.blog-content strong{color:#1e293b;font-weight:600}.comparison-table{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-radius:12px;padding:2rem;margin:2rem 0;border:1px solid rgba(226,232,240,0.5)}.comparison-table h5{color:#1e293b;font-weight:700;margin-bottom:0.75rem;font-family:'Poppins',sans-serif}.comparison-table p{margin-bottom:1rem;font-size:0.95rem}.conclusion{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-radius:16px;padding:2.5rem;margin-top:3rem;border:1px solid rgba(59,130,246,0.2);position:relative;overflow:hidden}.conclusion::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);border-radius:16px 16px 0 0}.conclusion h3{color:#1e40af;margin-bottom:1rem}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);color:white;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px rgba(99,102,241,0.3);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);opacity:0;visibility:hidden;transform:translateY(20px);z-index:1000}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,0.4)}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);z-index:1001;transition:width 0.3s ease}.blog-post-hero{padding:8rem 0 4rem;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);position:relative;overflow:hidden}.blog-post-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(79,70,229,0.03) 0%,transparent 60%);z-index:0}.blog-hero-content{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}.blog-hero-content .category-badge{display:inline-flex;align-items:center;gap:0.75rem;background:rgba(255,255,255,0.9);border:1px solid rgba(79,70,229,0.2);border-radius:50px;padding:0.75rem 1.5rem;margin-bottom:2rem;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.1);font-size:0.9rem;font-weight:600;color:#1e293b}.blog-hero-content h1{font-family:'Poppins',sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:2rem;color:#1e293b;letter-spacing:-0.03em;line-height:1.1}.blog-hero-content .blog-meta{display:flex;justify-content:center;align-items:center;gap:2rem;font-size:1rem;color:#64748b;margin-top:2rem}.blog-content-section{padding:4rem 0;background:#ffffff}.blog-content-section .container{max-width:900px;margin:0 auto;padding:0 2rem}.blog-post{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.1);overflow:hidden;position:relative}.blog-post::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);border-radius:24px 24px 0 0}.blog-content{padding:3rem;line-height:1.8}.blog-content h2{font-family:'Poppins',sans-serif;font-size:2rem;font-weight:700;color:#1e293b;margin:2.5rem 0 1.5rem 0;letter-spacing:-0.01em}.blog-content h3{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:600;color:#1e293b;margin:2rem 0 1rem 0;letter-spacing:-0.01em}.blog-content h4{font-family:'Poppins',sans-serif;font-size:1.2rem;font-weight:600;color:#374151;margin:1.5rem 0 1rem 0}.blog-content p{margin-bottom:1.5rem;color:#374151;font-size:1rem}.blog-content ul,.blog-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-content li{margin-bottom:0.75rem;color:#374151}.blog-content strong{color:#1e293b;font-weight:600}.conclusion{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-radius:16px;padding:2.5rem;margin-top:3rem;border:1px solid rgba(59,130,246,0.2);position:relative;overflow:hidden}.conclusion::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);border-radius:16px 16px 0 0}.conclusion h3{color:#1e40af;margin-bottom:1rem}.related-posts{margin-top:4rem;padding:3rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-radius:20px;border:1px solid rgba(226,232,240,0.3)}.related-posts h3{font-family:'Poppins',sans-serif;font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:2rem;text-align:center}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.related-post{display:block;padding:1.5rem;background:rgba(255,255,255,0.8);border-radius:16px;border:1px solid rgba(226,232,240,0.3);text-decoration:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);text-align:center}.related-post:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.12);background:rgba(255,255,255,0.95)}.related-post-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;transition:transform 0.3s ease}.related-post:hover .related-post-icon{transform:scale(1.1) rotate(5deg)}.related-post-icon.ai-tech{background:linear-gradient(135deg,#f0f4ff 0%,#e0e7ff 100%);color:#6366f1}.related-post-icon.voice-audio{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#10b981}.related-post-icon.comprehensive{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#8b5cf6}.related-post h4{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:0.5rem}.related-post p{color:#64748b;font-size:0.9rem;margin:0}.back-to-insights{padding:2rem 0;background:#f8fafc}.back-link{display:inline-flex;align-items:center;gap:0.75rem;color:#64748b;text-decoration:none;font-weight:500;transition:all 0.3s ease;padding:0.75rem 1.5rem;border-radius:10px;background:rgba(255,255,255,0.8);border:1px solid rgba(226,232,240,0.3)}.back-link:hover{color:#1e293b;background:rgba(255,255,255,0.95);transform:translateX(-4px)}.back-link i{transition:transform 0.3s ease}.back-link:hover i{transform:translateX(-2px)}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);z-index:1001;transition:width 0.3s ease}@media (max-width:1024px){.insights-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-width:none}.categories-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.card-header{height:100px;padding:16px}.card-content{padding:20px}.card-title{font-size:18px;margin-bottom:10px}.card-description{font-size:13px;margin-bottom:16px}.card-meta{margin-bottom:16px;font-size:11px}}@media (max-width:768px){.insights-hero{padding:3rem 1rem 2rem}.insights-hero h1{font-size:2.5rem}.insights-hero p{font-size:1rem}.latest-insights-section h2{font-size:2.2rem}.categories-grid{grid-template-columns:1fr;gap:0.75rem}.insights-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 0.5rem;max-width:100%;width:100%;justify-items:stretch}.card-header{height:80px;padding:12px}.category-tag{padding:6px 12px;font-size:10px}.card-content{padding:16px}.card-title{font-size:16px;margin-bottom:8px;line-height:1.3}.card-description{font-size:12px;margin-bottom:12px;line-height:1.5}.card-meta{margin-bottom:12px;font-size:10px;flex-direction:column;gap:4px;align-items:flex-start}.read-more-btn{font-size:12px;gap:6px}}@media (max-width:480px){.insights-hero{padding:2rem 0.5rem 1.5rem}.insights-hero h1{font-size:2rem}.latest-insights-section h2{font-size:1.8rem}.insights-grid{grid-template-columns:1fr;gap:1rem;padding:0 0.25rem;max-width:100%;width:100%;justify-items:stretch}.blog-card{border-radius:12px}.card-header{height:70px;padding:10px}.category-tag{padding:4px 10px;font-size:9px;border-radius:16px}.card-content{padding:14px}.card-title{font-size:14px;margin-bottom:6px;line-height:1.3}.card-description{font-size:11px;margin-bottom:10px;line-height:1.4}.card-meta{margin-bottom:10px;font-size:9px;gap:2px}.read-more-btn{font-size:11px;gap:4px}.read-more-btn i{font-size:10px}.back-to-top{bottom:1rem;right:1rem;width:45px;height:45px}}.faq-section{padding:8rem 0;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);position:relative;overflow:hidden}.faq-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(79,70,229,0.03) 0%,transparent 60%);z-index:0}.faq-section::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(0,31,63,0.02) 0%,transparent 70%);border-radius:50%;z-index:1;pointer-events:none}.faq-section .container{max-width:900px;margin:0 auto;padding:0 2rem;position:relative;z-index:3}.faq-section h2{text-align:center;font-family:'Poppins',sans-serif;font-size:4.5rem;font-weight:800;margin-bottom:1.5rem;color:#1e293b;letter-spacing:-0.03em;line-height:1.1;position:relative;z-index:3}.faq-section .highlight-text{color:#818cf8;display:inline}.faq-section .subheading{font-family:'Inter',sans-serif;font-size:1.25rem;margin-bottom:4rem;font-weight:400;color:#64748b;letter-spacing:-0.01em;line-height:1.6;position:relative;max-width:600px;margin-left:auto;margin-right:auto;text-align:center;z-index:3}.faq-list{display:flex;flex-direction:column;gap:1.5rem}.faq-item{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 4px 15px rgba(0,0,0,0.1);overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative}.faq-item::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#4f46e5 0%,#818cf8 100%);border-radius:20px 20px 0 0;transform:scaleX(0);transform-origin:left;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)}.faq-item:hover::before{transform:scaleX(1)}.faq-item:hover{transform:translateY(-5px);box-shadow:0 12px 35px rgba(0,0,0,0.15);background:rgba(255,255,255,0.98)}.faq-item.active{background:rgba(255,255,255,0.98);box-shadow:0 8px 25px rgba(99,102,241,0.2)}.faq-item.active::before{transform:scaleX(1)}.faq-question{padding:2.5rem 2rem;background:transparent;font-family:'Poppins',sans-serif;font-size:1.2rem;color:#1e293b;font-weight:600;cursor:pointer;transition:all 0.3s ease;position:relative;border:none;width:100%;text-align:left}.faq-question::after{content:'+';position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-size:2rem;color:#818cf8;font-weight:300;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(99,102,241,0.1)}.faq-item.active .faq-question::after{transform:translateY(-50%) rotate(45deg);background:rgba(99,102,241,0.2);color:#6366f1}.faq-question:hover{color:#818cf8}.faq-question:hover::after{background:rgba(99,102,241,0.15);transform:translateY(-50%) scale(1.1)}.faq-question span{display:block;padding-right:4rem;line-height:1.4}.faq-answer{max-height:0;overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);padding:0 2rem;background:rgba(248,250,252,0.5);backdrop-filter:blur(10px)}.faq-item.active .faq-answer{padding:0 2rem 2.5rem;border-top:1px solid rgba(99,102,241,0.1)}.faq-answer p{margin:0;color:#64748b;font-size:1rem;line-height:1.7;font-weight:400;padding-top:1.5rem;opacity:0;transform:translateY(-10px);transition:all 0.3s ease 0.1s}.faq-item.active .faq-answer p{opacity:1;transform:translateY(0)}.faq-item:hover .faq-question{color:#818cf8}.faq-item:hover .faq-question::after{transform:translateY(-50%) scale(1.05)}.faq-item.active .faq-question{color:#6366f1;background:linear-gradient(135deg,rgba(99,102,241,0.05) 0%,rgba(79,70,229,0.05) 100%);border-radius:20px 20px 0 0}@media (max-width:768px){.faq-section{padding:4rem 0}.faq-section h2{font-size:3rem}.faq-section .subheading{font-size:1.1rem;margin-bottom:3rem}.faq-question{padding:2rem 1.5rem;font-size:1.1rem}.faq-question::after{right:1.5rem;font-size:1.8rem;width:28px;height:28px}.faq-question span{padding-right:3.5rem}.faq-answer{padding:0 1.5rem}.faq-item.active .faq-answer{padding:0 1.5rem 2rem}.faq-answer p{padding-top:1rem;font-size:0.95rem}}@media (max-width:480px){.faq-section h2{font-size:2.5rem}.faq-section .subheading{font-size:1rem}.faq-question{padding:1.5rem 1rem;font-size:1rem}.faq-question::after{right:1rem;font-size:1.6rem;width:24px;height:24px}.faq-question span{padding-right:3rem}}.contact-section{max-width:1200px;margin:0 auto;padding:40px 20px}.contact-container{max-width:600px;margin:0 auto;background:#ffffff;border-radius:10px;padding:40px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.contact-title{color:#0f172a;font-size:28px;font-weight:600;margin-bottom:8px;text-align:left}.contact-subtitle{color:#666;font-size:16px;margin-bottom:32px}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:8px;color:#0f172a;font-weight:500;font-size:14px}.form-group i{color:#4f46e5;width:16px}.form-group input,.form-group textarea,.form-group select{padding:12px;border:2px solid #E5E5E5;border-radius:8px;font-size:16px;transition:border-color 0.3s ease;font-family:'Poppins',sans-serif;background-color:white}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(99,102,241,0.1)}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-group textarea{resize:vertical;min-height:120px}.submit-button{background-color:#4f46e5;color:white;border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease;margin-top:8px}.submit-button:hover{background-color:#6366f1}@media (max-width:768px){.contact-container{padding:24px}.contact-title{font-size:24px}.form-group input,.form-group textarea{padding:10px}}.footer{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border-top:1px solid rgba(226,232,240,0.8);padding:6rem 0 2rem 0;margin-top:auto;position:relative;overflow:hidden}.footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(79,70,229,0.02) 0%,transparent 60%);z-index:0}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.footer-main{display:grid;grid-template-columns:1fr auto auto;gap:4rem;align-items:start;margin-bottom:3rem}.footer-brand{max-width:400px}.footer-logo{font-family:'Poppins',sans-serif;font-weight:800;font-size:2rem;color:#818cf8;text-decoration:none;letter-spacing:-0.03em;display:inline-block;margin-bottom:1.5rem;transition:all 0.3s ease}.footer-logo:hover{transform:translateY(-2px)}.footer-logo .highlight{color:#1e293b}.footer-description{color:#64748b;font-size:1rem;line-height:1.7;margin:0;font-family:'Inter',sans-serif}.newsletter-signup{min-width:320px}.newsletter-signup h4{font-family:'Poppins',sans-serif;font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:1rem;letter-spacing:-0.01em}.newsletter-form{display:flex;gap:0.5rem;margin-top:1rem}.newsletter-input{flex:1;padding:0.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;color:#1e293b;font-size:0.9rem;font-family:'Inter',sans-serif;transition:all 0.3s ease}.newsletter-input::placeholder{color:#94a3b8}.newsletter-input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,0.1)}.newsletter-btn{padding:0.75rem 1.5rem;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;font-family:'Inter',sans-serif;box-shadow:0 2px 4px rgba(99,102,241,0.2)}.newsletter-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,0.3);background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.social-links{display:flex;gap:1rem;align-items:center}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#64748b;text-decoration:none;border-radius:12px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);background:rgba(255,255,255,0.8);border:1px solid #e2e8f0;backdrop-filter:blur(10px)}.social-link:hover{color:#818cf8;transform:translateY(-2px);background:rgba(255,255,255,0.95);box-shadow:0 8px 25px rgba(99,102,241,0.15);border-color:rgba(99,102,241,0.2)}.social-link i{font-size:1.2rem;transition:transform 0.3s ease}.social-link:hover i{transform:scale(1.1)}.footer-bottom{border-top:1px solid #e2e8f0;padding-top:2rem;position:relative;z-index:1}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.copyright{color:#64748b;font-size:0.9rem;margin:0;font-family:'Inter',sans-serif}.product-by{display:flex;align-items:center;gap:0.75rem;color:#64748b;text-decoration:none;font-size:0.9rem;font-weight:500;transition:all 0.3s ease;font-family:'Inter',sans-serif}.product-by:hover{color:#1e293b;transform:translateY(-1px)}.raqmi-logo{width:24px;height:24px;transition:transform 0.3s ease}.product-by:hover .raqmi-logo{transform:scale(1.1)}@media (max-width:1024px){.footer-main{grid-template-columns:1fr;gap:3rem;text-align:center}.footer-brand{max-width:none}.newsletter-signup{min-width:auto;max-width:400px;margin:0 auto}.social-links{justify-content:center}}@media (max-width:768px){.footer{padding:4rem 0 2rem 0}.footer-content{padding:0 1.5rem}.footer-main{gap:2rem}.footer-logo{font-size:1.75rem}.newsletter-form{flex-direction:column;gap:0.75rem}.newsletter-btn{padding:0.875rem}.footer-bottom-content{flex-direction:column;text-align:center;gap:1rem}.product-by{justify-content:center}}@media (max-width:480px){.footer{padding:3rem 0 1.5rem 0}.footer-content{padding:0 1rem}.footer-main{gap:1.5rem}.footer-logo{font-size:1.5rem}.newsletter-signup h4{font-size:1.1rem}}.seo-analysis-results{max-width:1200px;margin:0 auto;padding:0 2rem;background-color:transparent;box-shadow:none;font-family:Arial,sans-serif}.seo-analysis-results h1{color:#4a90e2;text-align:center;font-size:2.5rem;margin-bottom:4rem;padding-top:2rem}.seo-performance-overview{margin-bottom:4rem;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius:24px;border:1px solid rgba(226,232,240,0.3);box-shadow:0 8px 40px rgba(0,0,0,0.08);position:relative;overflow:hidden;padding:3rem}.seo-performance-overview::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#818cf8 0%,#3b82f6 50%,#10b981 100%);border-radius:24px 24px 0 0}.performance-header{text-align:center;margin-bottom:3rem}.header-badge{display:inline-flex;align-items:center;gap:0.75rem;background:rgba(255,255,255,0.9);border:1px solid rgba(99,102,241,0.2);border-radius:50px;padding:0.75rem 1.5rem;margin-bottom:1.5rem;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.1);font-size:0.9rem;font-weight:600;color:#1e293b}.header-badge svg{color:#818cf8}.performance-title{font-family:'Poppins',sans-serif;font-size:2.8rem;font-weight:800;margin-bottom:1rem;color:#1e293b;letter-spacing:-0.03em;line-height:1.1}.performance-subtitle{font-size:1.2rem;color:#64748b;font-weight:400;max-width:600px;margin:0 auto;line-height:1.6}.main-performance-card{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.1);padding:3rem;margin-bottom:3rem;position:relative;overflow:hidden}.main-performance-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,0.05),transparent);animation:shimmer 3s ease-in-out infinite}.score-section{display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:center}.score-circle-container{position:relative;display:flex;justify-content:center;align-items:center}.circular-progress{position:relative;display:flex;align-items:center;justify-content:center}.progress-ring{transform:rotate(-90deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,0.1))}.score-progress-circle{transition:stroke-dasharray 2s ease-in-out}.score-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{font-family:'Poppins',sans-serif;font-size:2.5rem;font-weight:800;color:#1e293b;line-height:1;margin-bottom:0.25rem}.score-label{font-family:'Inter',sans-serif;font-size:0.9rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.score-details{display:flex;flex-direction:column;gap:1.5rem}.score-status{display:flex;align-items:center;gap:0.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-radius:12px;border:1px solid rgba(226,232,240,0.3)}.status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.score-status.excellent .status-indicator{background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,0.2)}.score-status.good .status-indicator{background:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.2)}.score-status.fair .status-indicator{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,0.2)}.score-status.poor .status-indicator{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,0.2)}.score-status.critical .status-indicator{background:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,0.2)}.status-text{font-family:'Poppins',sans-serif;font-weight:600;font-size:1.1rem;color:#1e293b}.score-description{color:#64748b;font-size:1rem;line-height:1.6;margin:0}.performance-insights{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.insight-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;padding:2rem 1.5rem;background:rgba(255,255,255,0.98);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:20px;border:1px solid rgba(255,255,255,0.4);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 32px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);overflow:hidden;min-height:160px}.insight-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0;transition:all 0.3s ease}.insight-card.quick-wins::before{background:linear-gradient(90deg,#10b981 0%,#34d399 100%)}.insight-card.total-tasks::before{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%)}.insight-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.3);background:rgba(255,255,255,1)}.insight-card:hover::before{height:6px}.insight-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.5rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.insight-icon.quick-wins{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);color:#059669;box-shadow:0 4px 12px rgba(16,185,129,0.25)}.insight-icon.total-tasks{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,0.25)}.insight-card:hover .insight-icon{transform:scale(1.1) rotate(5deg)}.insight-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:0.5rem}.insight-number{font-family:'Poppins',sans-serif;font-size:2.25rem;font-weight:800;color:#1e293b;line-height:1;margin-bottom:0.25rem;letter-spacing:-0.02em}.insight-label{font-size:0.8rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;line-height:1.2;text-align:center}@media (max-width:768px){.performance-insights{grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}.insight-card{padding:1.5rem 1rem;min-height:140px;border-radius:16px}.insight-icon{width:40px;height:40px;font-size:1.25rem;border-radius:12px}.insight-number{font-size:1.8rem}.insight-label{font-size:0.75rem}}@media (max-width:480px){.performance-insights{gap:0.75rem;margin-top:1rem}.insight-card{padding:1.25rem 0.75rem;min-height:120px;border-radius:14px}.insight-icon{width:36px;height:36px;font-size:1.1rem;border-radius:10px}.insight-number{font-size:1.5rem}.insight-label{font-size:0.7rem}}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:white;border:none;border-radius:12px;font-size:1rem;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 14px rgba(59,130,246,0.25);align-self:flex-start}.download-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,0.4)}.breakdown-section{margin-top:3rem}.breakdown-title{font-family:'Poppins',sans-serif;font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:2rem;text-align:center}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.breakdown-card{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(226,232,240,0.3);box-shadow:0 4px 15px rgba(0,0,0,0.08);padding:1.5rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.breakdown-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--category-color);border-radius:16px 16px 0 0}.breakdown-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.12)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.category-icon{width:44px;height:44px;background:color-mix(in srgb,var(--category-color) 10%,transparent);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--category-color);flex-shrink:0;transition:transform 0.3s ease}.breakdown-card:hover .category-icon{transform:scale(1.1) rotate(5deg)}.category-info{flex:1}.category-name{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:600;color:#1e293b;margin:0;letter-spacing:-0.01em;display:flex;align-items:center;justify-content:space-between;width:100%}.category-name .score-value{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:700;color:#1e293b}.category-name .score-max{font-size:0.9rem;color:#94a3b8;font-weight:500}.category-score{display:flex;align-items:baseline;gap:0.25rem}.score-value{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:700;color:#1e293b}.score-max{font-size:0.9rem;color:#94a3b8;font-weight:500}.progress-container{display:flex;flex-direction:column;gap:0.75rem}.progress-bar{width:100%;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:4px;transition:width 2s ease-out;position:relative}.breakdown-card:nth-child(1) .progress-fill{background:linear-gradient(90deg,#8b5cf6 0%,#a78bfa 100%)}.breakdown-card:nth-child(2) .progress-fill{background:linear-gradient(90deg,#10b981 0%,#34d399 100%)}.breakdown-card:nth-child(3) .progress-fill{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%)}.breakdown-card:nth-child(4) .progress-fill{background:linear-gradient(90deg,#06b6d4 0%,#22d3ee 100%)}.breakdown-card:nth-child(5) .progress-fill{background:linear-gradient(90deg,#ef4444 0%,#f87171 100%)}.breakdown-card:nth-child(6) .progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%)}.progress-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 25%,rgba(255,255,255,0.2) 25%,rgba(255,255,255,0.2) 50%,transparent 50%,transparent 75%,rgba(255,255,255,0.2) 75%);background-size:12px 12px;animation:progressStripe 1.5s linear infinite}.status-badge{text-align:center}.status{display:inline-block;padding:0.35rem 0.75rem;border-radius:16px;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.status.excellent{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.status.good{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af}.status.needs-work{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.status.critical{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}.performance-section .section-icon{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#f59e0b}.performance-metrics-overview{padding:2rem}.performance-subsection{padding:1.5rem 2rem;border-top:1px solid rgba(226,232,240,0.3)}.vitals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.vital-item{background:rgba(248,250,252,0.5);border-radius:12px;padding:1.5rem;border:1px solid rgba(226,232,240,0.3);transition:all 0.3s ease}.vital-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,0.08)}.vital-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0f2fe 0%,#b3e5fc 100%);color:#0277bd;margin-bottom:1rem}.vital-name{font-weight:600;color:#1e293b;margin-bottom:0.5rem}.vital-value{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:0.5rem}.vital-status{font-size:0.875rem;font-weight:500;padding:0.25rem 0.75rem;border-radius:6px;display:inline-block}.vital-status:contains('Good'){background:rgba(16,185,129,0.1);color:#059669}.vital-status:contains('Needs Improvement'){background:rgba(239,68,68,0.1);color:#dc2626}.opportunities-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.opportunity-item{display:flex;align-items:flex-start;gap:1rem;background:rgba(248,250,252,0.5);border-radius:8px;padding:1rem;border:1px solid rgba(226,232,240,0.3)}.opportunity-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#f59e0b;flex-shrink:0}.opportunity-title{font-weight:600;color:#1e293b;margin-bottom:0.25rem}.opportunity-description{color:#64748b;font-size:0.875rem;line-height:1.5;margin-bottom:0.5rem}.opportunity-savings{font-size:0.75rem;font-weight:500;color:#059669;background:rgba(16,185,129,0.1);padding:0.25rem 0.5rem;border-radius:4px;display:inline-block}@media (max-width:1024px){.seo-performance-overview{padding:2rem}.score-section{grid-template-columns:1fr;gap:2rem;text-align:center}.breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}}@media (max-width:768px){.seo-performance-overview{padding:1.5rem;margin-bottom:2rem}.performance-title{font-size:2.2rem}.performance-subtitle{font-size:1rem}.main-performance-card{padding:2rem}.score-section{gap:1.5rem}.circular-progress svg{width:140px;height:140px}.score-number{font-size:2rem}.performance-insights{flex-direction:column;gap:0.75rem}.breakdown-grid{grid-template-columns:1fr;gap:1rem}.breakdown-card{padding:1.25rem}}@media (max-width:480px){.seo-performance-overview{padding:1rem;border-radius:16px}.performance-title{font-size:1.8rem}.header-badge{padding:0.5rem 1rem;font-size:0.8rem}.main-performance-card{padding:1.5rem;border-radius:16px}.circular-progress svg{width:120px;height:120px}.score-number{font-size:1.75rem}.insight-card{padding:0.875rem 1rem;flex-direction:column;text-align:center;gap:0.5rem}.insight-icon{width:36px;height:36px}.insight-number{font-size:1.25rem}.download-btn{width:100%;justify-content:center}}.enhanced-score-overview::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(135deg,#818cf8 0%,#3b82f6 50%,#10b981 100%);border-radius:32px 32px 0 0}.score-overview-header{padding:3rem 3rem 2rem;text-align:center;background:linear-gradient(135deg,rgba(99,102,241,0.02) 0%,rgba(59,130,246,0.02) 100%);border-bottom:1px solid rgba(226,232,240,0.3)}.header-badge{display:inline-flex;align-items:center;gap:0.75rem;background:rgba(255,255,255,0.9);border:1px solid rgba(99,102,241,0.2);border-radius:50px;padding:0.75rem 1.5rem;margin-bottom:2rem;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.1);font-size:0.9rem;font-weight:600;color:#1e293b}.header-badge svg{color:#818cf8}.main-title{font-family:'Poppins',sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:1rem;color:#1e293b;letter-spacing:-0.03em;line-height:1.1;background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-subtitle{font-size:1.2rem;color:#64748b;font-weight:400;max-width:600px;margin:0 auto;line-height:1.6}.dashboard-grid{display:grid;grid-template-columns:1fr 2fr;gap:3rem;padding:3rem;align-items:start}.overall-score-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.1);padding:2.5rem;position:relative;overflow:hidden}.overall-score-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,0.05),transparent);animation:shimmer 3s ease-in-out infinite}.score-circle-container{margin-bottom:2rem;position:relative;z-index:2}.score-circle{filter:drop-shadow(0 8px 16px rgba(0,0,0,0.1));transition:all 0.3s ease}.score-circle:hover{transform:scale(1.05)}.score-number{fill:#1e293b;font-family:'Poppins',sans-serif;font-size:2.5rem;font-weight:800;text-anchor:middle;dominant-baseline:central}.score-label-text{fill:#64748b;font-family:'Inter',sans-serif;font-size:0.9rem;font-weight:500;text-anchor:middle;dominant-baseline:central}.score-progress{transition:stroke-dasharray 2s ease-in-out}.score-details{margin-bottom:2rem;position:relative;z-index:2}.score-status-badge{display:inline-block;padding:0.75rem 1.5rem;border-radius:25px;font-size:0.9rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:1rem;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.score-status-badge.excellent{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.score-status-badge.good{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af}.score-status-badge.average{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.score-status-badge.below-average{background:linear-gradient(135deg,#fed7aa 0%,#fdba74 100%);color:#c2410c}.score-status-badge.poor{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}.score-description{color:#64748b;font-size:1rem;line-height:1.6;margin:0}.score-actions{position:relative;z-index:2}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;padding:1rem 2rem;border:none;border-radius:14px;font-size:1rem;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.action-btn.primary{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:white;box-shadow:0 6px 20px rgba(59,130,246,0.3)}.action-btn.primary:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:0 10px 30px rgba(59,130,246,0.4)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.metric-card{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 4px 20px rgba(0,0,0,0.08);padding:2rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.metric-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--metric-color);border-radius:20px 20px 0 0}.metric-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.12);background:rgba(255,255,255,0.98)}.metric-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.metric-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--metric-color) 10%,transparent);color:var(--metric-color);flex-shrink:0;transition:transform 0.3s ease;box-shadow:0 4px 12px color-mix(in srgb,var(--metric-color) 15%,transparent)}.metric-card:hover .metric-icon{transform:scale(1.1) rotate(5deg)}.metric-title h3{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:600;color:#1e293b;margin:0;letter-spacing:-0.01em}.metric-score{text-align:center}.score-value{font-family:'Poppins',sans-serif;font-size:2.5rem;font-weight:800;color:#1e293b;line-height:1;margin-bottom:1rem}.score-progress-bar{width:100%;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin-bottom:1rem;position:relative}.progress-fill{height:100%;background:var(--metric-color);border-radius:4px;transition:width 2s ease-out;position:relative}.progress-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 25%,rgba(255,255,255,0.2) 25%,rgba(255,255,255,0.2) 50%,transparent 50%,transparent 75%,rgba(255,255,255,0.2) 75%);background-size:12px 12px;animation:progressStripe 1.5s linear infinite}.status-label{padding:0.4rem 1rem;border-radius:16px;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.status-label.excellent{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.status-label.good{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af}.status-label.needs-work{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.status-label.critical{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr;gap:2rem;padding:2rem}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width:768px){.enhanced-score-overview{border-radius:24px}.score-overview-header{padding:2rem 1.5rem 1.5rem}.main-title{font-size:2.5rem}.main-subtitle{font-size:1rem}.dashboard-grid{padding:1.5rem;gap:1.5rem}.overall-score-card{padding:2rem}.score-circle{width:150px;height:150px}.score-number{font-size:2rem}.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-card{padding:1.5rem}.score-value{font-size:2rem}}@media (max-width:480px){.score-overview-header{padding:1.5rem 1rem 1rem}.main-title{font-size:2rem}.header-badge{padding:0.5rem 1rem;font-size:0.8rem}.dashboard-grid{padding:1rem}.overall-score-card{padding:1.5rem}.score-circle{width:120px;height:120px}.score-number{font-size:1.75rem}}.main-score-card{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.12);padding:2rem;display:flex;flex-direction:column;position:relative;overflow:hidden}.main-score-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,0.05),transparent);animation:shimmer 4s ease-in-out infinite}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;position:relative;z-index:2}.header-icon{width:48px;height:48px;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;box-shadow:0 4px 12px rgba(99,102,241,0.3)}.header-content h2{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 0.25rem 0;letter-spacing:-0.01em}.header-content p{font-family:'Inter',sans-serif;font-size:0.9rem;color:#64748b;margin:0;line-height:1.4;font-weight:400}.score-display{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;text-align:center;position:relative;z-index:2}.score-circle-modern{margin-bottom:1.5rem}.progress-ring{transform:rotate(-90deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,0.1))}.score-progress-circle{transition:stroke-dasharray 2s ease-in-out}.score-text{font-family:'Poppins',sans-serif;font-size:2.5rem;font-weight:800;fill:#1e293b;text-anchor:middle;dominant-baseline:central}.score-suffix{font-family:'Inter',sans-serif;font-size:1rem;fill:#64748b;text-anchor:middle;dominant-baseline:central;font-weight:500}.score-status{margin-bottom:2rem}.status-badge{padding:0.5rem 1.5rem;border-radius:20px;font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.status-badge.excellent{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.status-badge.good{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af}.status-badge.average{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.status-badge.below-average{background:linear-gradient(135deg,#fed7aa 0%,#fdba74 100%);color:#c2410c}.status-badge.poor{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}.card-actions{display:flex;justify-content:center;position:relative;z-index:2}.modern-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:1rem 2rem;border:none;border-radius:12px;font-size:0.95rem;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.modern-btn.primary{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:white;box-shadow:0 4px 14px rgba(59,130,246,0.25)}.modern-btn.primary:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,0.4)}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;text-align:center;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);font-family:'Inter',sans-serif;letter-spacing:-0.01em;position:relative;overflow:hidden;text-decoration:none;white-space:nowrap}.cta-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease}.cta-button:hover::before{left:100%}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.print-button{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:white;box-shadow:0 4px 14px rgba(59,130,246,0.25)}.print-button:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 8px 30px rgba(59,130,246,0.4)}.aspect-scores-modern{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1.5rem;min-height:400px}.aspect-card{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 4px 20px rgba(0,0,0,0.08);padding:1.5rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column}.aspect-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--icon-color,#64748b);border-radius:18px 18px 0 0}.aspect-card:hover{transform:translateY(-4px);background:rgba(255,255,255,0.98);box-shadow:0 8px 30px rgba(0,0,0,0.12)}.aspect-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.aspect-icon-modern{width:44px;height:44px;background:linear-gradient(135deg,color-mix(in srgb,var(--icon-color) 10%,transparent) 0%,color-mix(in srgb,var(--icon-color) 5%,transparent) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--icon-color);flex-shrink:0;transition:transform 0.3s ease;box-shadow:0 2px 8px color-mix(in srgb,var(--icon-color) 15%,transparent)}.aspect-card:hover .aspect-icon-modern{transform:scale(1.1) rotate(5deg)}.aspect-title h3{font-family:'Poppins',sans-serif;font-size:1rem;font-weight:600;color:#1e293b;margin:0;letter-spacing:-0.01em;line-height:1.3}.aspect-score-section{display:flex;flex-direction:column;align-items:center;text-align:center;flex-grow:1;justify-content:center}.score-number-large{font-family:'Poppins',sans-serif;font-size:2.5rem;font-weight:800;color:#1e293b;line-height:1;margin-bottom:1rem}.progress-bar-modern{width:100%;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin-bottom:1rem;position:relative}.progress-fill{height:100%;border-radius:4px;transition:width 2s ease-out;position:relative;background:var(--icon-color)}.progress-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 25%,rgba(255,255,255,0.2) 25%,rgba(255,255,255,0.2) 50%,transparent 50%,transparent 75%,rgba(255,255,255,0.2) 75%);background-size:12px 12px;animation:progressStripe 1.5s linear infinite}@keyframes progressStripe{0%{background-position:0 0}100%{background-position:12px 0}}.score-label{display:flex;justify-content:center}.label{padding:0.4rem 1rem;border-radius:16px;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.label.excellent{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.label.good{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af}.label.needs-work{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.label.critical{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}@media (max-width:1024px){.modern-score-overview{grid-template-columns:1fr;gap:2rem;padding:2rem}.aspect-scores-modern{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width:768px){.modern-score-overview{padding:1.5rem;margin-bottom:2rem;gap:1.5rem}.main-score-card{padding:1.5rem}.card-header{flex-direction:column;text-align:center;gap:1rem}.header-content h2{font-size:1.25rem}.score-text{font-size:2rem}.progress-ring{width:120px;height:120px}.aspect-scores-modern{grid-template-columns:1fr;gap:1rem;min-height:auto}.aspect-card{padding:1.25rem}.score-number-large{font-size:2rem}.modern-btn{width:100%;padding:0.875rem 1.5rem;font-size:0.9rem}}@media (max-width:480px){.modern-score-overview{padding:1rem;border-radius:18px;gap:1rem}.main-score-card{padding:1rem;border-radius:16px}.header-icon{width:40px;height:40px}.header-content h2{font-size:1.1rem}.header-content p{font-size:0.8rem}.progress-ring{width:100px;height:100px}.score-text{font-size:1.75rem}.score-suffix{font-size:0.9rem}.aspect-card{padding:1rem;border-radius:14px}.aspect-icon-modern{width:36px;height:36px}.aspect-title h3{font-size:0.9rem}.score-number-large{font-size:1.75rem}.progress-bar-modern{height:6px}.label{padding:0.3rem 0.8rem;font-size:0.7rem}}@media print{header,.footer,.cta-button,.filter-btn,.download-btn,.print-button,#print-report,.action-btn{display:none!important}body{font-family:Arial,sans-serif;font-size:12pt;line-height:1.4;color:#000;background:white;margin:0;padding:20pt}.seo-performance-overview{page-break-after:always;page-break-inside:avoid}.breakdown-section{page-break-before:always;page-break-after:always;page-break-inside:avoid}.detailed-analysis-container{page-break-before:always}.analysis-section{page-break-before:auto;page-break-inside:avoid;margin-bottom:20pt}.technology-detection-section,.ai-recommendations-section,.action-plan-section{page-break-before:always;page-break-inside:avoid}.seo-analysis-results{max-width:none;padding:0;box-shadow:none;background:white}.seo-analysis-results h1{font-size:24pt;color:#000;text-align:center;margin-bottom:30pt;page-break-after:avoid}.seo-performance-overview{display:block;background:white;border:none;border-radius:0;box-shadow:none;margin-bottom:0;padding:0;page-break-inside:avoid;page-break-after:always}.performance-header{text-align:center;margin-bottom:30pt;padding-bottom:20pt;border-bottom:2px solid #ccc}.performance-title{font-size:28pt;color:#000;margin-bottom:10pt;font-weight:bold}.performance-subtitle{font-size:14pt;color:#666;margin:0}.main-performance-card{display:block;background:white;border:1px solid #ccc;padding:30pt;margin-bottom:30pt;text-align:center}.score-section{display:block;text-align:center}.score-circle-container{margin-bottom:20pt}.circular-progress{display:inline-block;position:relative;margin-bottom:20pt}.score-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{font-size:36pt;font-weight:bold;color:#000;line-height:1}.score-label{font-size:14pt;color:#666;margin-top:5pt}.score-details{text-align:center}.score-status{font-size:16pt;font-weight:bold;margin-bottom:15pt;padding:10pt;border:1px solid #ccc;display:inline-block}.score-description{font-size:12pt;color:#333;margin-bottom:20pt;line-height:1.5}.performance-insights{display:flex;justify-content:center;gap:20pt;margin-top:20pt}.insight-card{text-align:center;border:1px solid #ccc;padding:15pt;flex:1;max-width:120pt}.insight-number{font-size:24pt;font-weight:bold;color:#000;margin-bottom:5pt}.insight-label{font-size:10pt;color:#666}.breakdown-section{padding:20pt 0;page-break-before:always;page-break-after:always;page-break-inside:avoid}.breakdown-title{font-size:24pt;color:#000;text-align:center;margin-bottom:30pt;font-weight:bold;border-bottom:2px solid #ccc;padding-bottom:15pt}.breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20pt;margin-top:20pt}.breakdown-card{background:white;border:2px solid #ccc;padding:20pt;page-break-inside:avoid}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15pt;padding-bottom:10pt;border-bottom:1px solid #ddd}.category-info h4{font-size:16pt;color:#000;margin:0;font-weight:bold}.score-value{font-size:18pt;font-weight:bold;color:#000}.score-max{font-size:12pt;color:#666}.progress-container{margin-top:15pt}.progress-bar{height:10pt;background-color:#ddd;border:1px solid #999;border-radius:0;margin-bottom:10pt;position:relative;overflow:hidden}.progress-fill{height:100%;background-color:#666;transition:none}.status-badge{text-align:center}.status{font-size:10pt;padding:5pt 10pt;border:1px solid #999;background:white;color:#000;border-radius:0;display:inline-block}.circular-chart{width:60pt;height:60pt}.circular-chart .percentage{font-size:16pt;font-weight:bold}.result-box{background:white;border:1px solid #ccc;border-radius:0;box-shadow:none;margin-bottom:20pt;padding:20pt;page-break-inside:avoid}.technology-detection-section,.ai-recommendations-section,.action-plan-section{page-break-before:always;page-break-inside:avoid;margin-bottom:0}.detailed-analysis-container{page-break-before:always}.detailed-analysis-header{text-align:center;margin-bottom:30pt;padding-bottom:20pt;border-bottom:2px solid #ccc}.detailed-analysis-title{font-size:24pt;color:#000;margin-bottom:10pt;font-weight:bold}.detailed-analysis-subtitle{font-size:14pt;color:#666}.result-box h3{font-size:16pt;color:#000;border-bottom:2px solid #ccc;padding-bottom:5pt;margin-bottom:10pt}.result-content p{margin-bottom:8pt;font-size:11pt}.result-content strong{font-weight:bold}.score-bar{height:8pt;background-color:#ddd;border:1px solid #999;border-radius:0;margin-bottom:10pt;position:relative}.score-bar::after{content:attr(data-score) '%';position:absolute;right:5pt;top:-15pt;font-size:10pt;color:#000}.practices-recommendations-wrapper,.practices-recommendations-grid{display:block;margin-top:10pt}.best-practice,.recommendations,.practices-section,.recommendations-section{background:#f8f8f8;border:1px solid #ccc;border-radius:0;padding:10pt;margin-bottom:10pt;page-break-inside:avoid}.best-practice h4,.recommendations h4,.practices-section h4,.recommendations-section h4{font-size:14pt;color:#000;margin-bottom:8pt}.dashed-list li,.practices-list li{font-size:10pt;margin-bottom:6pt;padding-left:15pt}.dashed-list li::before,.practices-list li::before{color:#000}.metrics-grid{display:block}.metric-item{background:white;border:1px solid #ccc;border-radius:0;padding:8pt;margin-bottom:8pt;page-break-inside:avoid}.metric-label{font-size:10pt;font-weight:bold;color:#000}.metric-value{font-size:12pt;color:#000}.status-banner{font-size:9pt;padding:2pt 6pt;border:1px solid #999;background:white;color:#000}.section-container{background:white;border:1px solid #ccc;border-radius:0;padding:10pt;margin-bottom:10pt;page-break-inside:avoid}.section-heading{font-size:13pt;color:#000;border-bottom:1px solid #ccc;padding-bottom:3pt;margin-bottom:8pt}.action-plan-section{background:white;border:1px solid #ccc;border-radius:0;box-shadow:none;page-break-inside:avoid}.summary-grid{display:block}.summary-item{background:white;border:1px solid #ccc;border-radius:0;margin-bottom:8pt;padding:8pt;page-break-inside:avoid}.summary-number{font-size:18pt;color:#000}.label-title{font-size:11pt;color:#000}.label-subtitle{font-size:9pt;color:#666}.task-section{margin-bottom:15pt;page-break-inside:avoid}.task-section h4{font-size:16pt;color:#000;margin-bottom:10pt;border-bottom:1px solid #ccc;padding-bottom:5pt}.task-cards{display:block}.task-card{background:white;border:1px solid #ccc;border-radius:0;padding:10pt;margin-bottom:10pt;page-break-inside:avoid}.task-header{margin-bottom:8pt}.task-category{font-size:9pt;padding:2pt 6pt;border:1px solid #999;background:white;color:#000;border-radius:0}.priority-score{font-size:9pt;color:#000}.task-card h5{font-size:13pt;color:#000;margin-bottom:5pt}.task-description{font-size:10pt;color:#333;margin-bottom:8pt}.task-metrics{display:block;margin-bottom:8pt}.metric{display:inline-block;font-size:8pt;color:#000;background:#f0f0f0;border:1px solid #ccc;padding:2pt 6pt;margin-right:6pt;margin-bottom:3pt}.rich-snippet-section{page-break-inside:avoid}.preview-content{display:block!important;background:white;border:1px solid #ccc;margin-bottom:10pt}.google-snippet,.facebook-snippet,.twitter-snippet{border:1px solid #ccc;padding:10pt;margin-bottom:8pt}.google-title,.fb-title,.twitter-title{font-size:12pt;font-weight:bold;color:#000;margin-bottom:3pt}.google-url,.fb-url,.twitter-url{font-size:10pt;color:#666;margin-bottom:3pt}.google-description,.fb-description,.twitter-description{font-size:10pt;color:#333}.summary-icon,.metric-icon,.overview-icon,.analysis-icon,.download-btn,.print-button,#print-report,.action-btn,.ai-recommendations-actions,.header-badge{display:none!important}.section-header{display:block;margin-bottom:15pt;padding-bottom:10pt;border-bottom:1px solid #ccc}.section-header h3{font-size:18pt;color:#000;margin:0;font-weight:bold}.section-status{font-size:10pt;padding:3pt 8pt;border:1px solid #999;background:white;color:#000;margin-top:5pt;display:inline-block}.detailed-analysis-section{page-break-before:always}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.aspect-scores{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.aspect-score{text-align:center;width:80px}.circular-chart{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.1));transition:all 0.3s ease}.circular-chart:hover{filter:drop-shadow(0 6px 12px rgba(0,0,0,0.15));transform:rotate(-90deg) scale(1.05)}.circular-chart.large{width:140px;height:140px}.circular-chart.small{width:70px;height:70px}.circle-bg{fill:none;stroke:#f1f5f9;stroke-width:4}.circle{fill:none;stroke-width:4;stroke-linecap:round;stroke-dashoffset:0;transition:stroke-dasharray 1.5s ease-in-out;transform:rotate(-90deg);transform-origin:50% 50%}.circular-chart .percentage{fill:#1e293b;font-family:'Poppins',sans-serif;font-size:0.45em;font-weight:700;text-anchor:middle;dominant-baseline:central;alignment-baseline:central}.circular-chart.large .percentage{font-size:0.55em;font-weight:800}.circular-chart.small .percentage{font-size:0.4em;font-weight:700}.circle[stroke="#4CAF50"]{filter:drop-shadow(0 0 4px rgba(76,175,80,0.3))}.circle[stroke="#2196F3"]{filter:drop-shadow(0 0 4px rgba(33,150,243,0.3))}.circle[stroke="#FFC107"]{filter:drop-shadow(0 0 4px rgba(255,193,7,0.3))}.circle[stroke="#9C27B0"]{filter:drop-shadow(0 0 4px rgba(156,39,176,0.3))}.circle[stroke="#FF5722"]{filter:drop-shadow(0 0 4px rgba(255,87,34,0.3))}.circle[stroke="#795548"]{filter:drop-shadow(0 0 4px rgba(121,85,72,0.3))}.overall-score h2,.aspect-score h3{margin-top:0.5rem;font-size:0.9rem;color:#666}.detailed-results{display:grid;grid-template-columns:1fr;gap:3rem;margin-top:2rem;position:relative;z-index:2}.result-box{background-color:#ffffff;padding:1.5rem;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);margin-bottom:2rem;overflow:visible}.result-box h3{color:#4a90e2;margin-bottom:1rem;font-size:1.1rem;border-bottom:2px solid #f0f0f0;padding-bottom:0.5rem}.result-content{position:relative;z-index:1;background-color:#ffffff;margin-bottom:1.5rem}.result-content p{margin:0 0 1rem 0;line-height:1.8}.result-content ul{margin:0;padding-left:20px}.result-content li{margin:0 0 1rem 0;line-height:1.8}.result-content p strong{display:inline-block;margin-right:0.5rem}.result-content h4{margin:2rem 0 1rem 0}.result-content h4:first-child{margin-top:0}.score-bar{height:5px;background-color:#4CAF50;margin-bottom:15px;border-radius:2.5px}.practices-recommendations-wrapper,.practices-recommendations-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;margin-bottom:1.5rem}.best-practice,.recommendations,.practices-section,.recommendations-section{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;height:100%}.best-practice h4,.recommendations h4,.practices-section h4,.recommendations-section h4,.section-heading{color:#4a90e2;font-size:1.1rem;margin-bottom:1.2rem}.dashed-list,.practices-list{list-style:none;padding-left:0;margin:0}.dashed-list li,.practices-list li{position:relative;padding-left:1.5rem;margin-bottom:1.2rem;line-height:1.8;font-size:0.9rem;color:#333}.best-practice .dashed-list li::before,.practices-section .practices-list li::before{content:"—";position:absolute;left:0;color:#4CAF50;font-weight:bold}.recommendations .dashed-list li::before,.recommendations-section .practices-list li::before{content:"—";position:absolute;left:0;color:#FF0000;font-weight:bold}.section-container{background:#f8fafc;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.result-box{background-color:#ffffff;padding:1.5rem;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);margin-bottom:2rem;overflow:visible;max-width:1000px;margin-left:auto;margin-right:auto;width:100%}.result-box h3{color:#4a90e2;margin-bottom:1rem;font-size:1.1rem;border-bottom:2px solid #f0f0f0;padding-bottom:0.5rem}@media (max-width:768px){.practices-recommendations-wrapper,.practices-recommendations-grid{grid-template-columns:1fr;gap:1rem}.best-practice,.recommendations,.practices-section,.recommendations-section{margin-bottom:1rem}.section-container{padding:1rem}}.technical-seo .practices-recommendations-wrapper,.performance .practices-recommendations-wrapper,.technical-seo .practices-recommendations-grid,.performance .practices-recommendations-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}.content-analysis-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.content-analysis-table th,.content-analysis-table td{padding:1rem;border:1px solid #dee2e6;font-size:0.9rem;line-height:1.6}.content-analysis-table th{background-color:#f8f9fa;font-weight:bold;color:#333}.section-content{margin-bottom:2rem}.metric-group{margin-bottom:2rem}.section-header-group{margin-bottom:2rem}.core-web-vitals{margin:2rem 0}.core-web-vitals li{margin-bottom:1rem}.image-optimization li{margin-bottom:1rem}.improvement-opportunities li{margin-bottom:1rem}.rich-snippet-section{margin-top:2rem}.preview-tabs{display:flex;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:0.5rem}.preview-tab{padding:0.5rem 1rem;border:none;background:none;color:#6b7280;cursor:pointer;font-weight:500;transition:all 0.2s ease}.preview-tab.active{color:#2563eb;border-bottom:2px solid #2563eb}.preview-content{background:#f8f9fa;padding:1.5rem;border-radius:8px}.preview-content.hidden{display:none}.google-snippet{max-width:600px;font-family:Arial,sans-serif}.google-title{color:#1a0dab;font-size:1.125rem;margin-bottom:0.25rem;cursor:pointer}.google-title:hover{text-decoration:underline}.google-url{color:#006621;font-size:0.875rem;margin-bottom:0.25rem}.google-description{color:#545454;font-size:0.875rem;line-height:1.4}.facebook-snippet{max-width:500px;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:white}.fb-image{height:261px;background:#e9ecef}.fb-content{padding:1rem}.fb-url{color:#65676B;font-size:0.75rem;text-transform:uppercase;margin-bottom:0.25rem}.fb-title{font-size:1rem;font-weight:600;color:#1c1e21;margin-bottom:0.5rem}.fb-description{font-size:0.875rem;color:#606770;line-height:1.4}.twitter-snippet{max-width:500px;border:1px solid #ddd;border-radius:12px;overflow:hidden;background:white}.twitter-image{height:261px;background:#e9ecef}.twitter-content{padding:1rem}.twitter-title{font-size:1rem;font-weight:600;color:#000;margin-bottom:0.25rem}.twitter-description{font-size:0.875rem;color:#536471;margin-bottom:0.25rem;line-height:1.4}.twitter-url{font-size:0.875rem;color:#536471}.preview-issues{margin-top:1rem;padding:1rem;background:#fff;border-radius:6px;border:1px solid #fee2e2}.preview-issues h4{color:#991b1b;font-size:0.875rem;margin-bottom:0.5rem}.preview-issues ul{margin:0;padding-left:1.5rem}.preview-issues li{color:#7f1d1d;font-size:0.875rem;margin-bottom:0.25rem}.action-plan-section{margin-top:2rem;padding:3rem;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.1);position:relative;overflow:hidden}.action-plan-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);border-radius:24px 24px 0 0}.action-plan-section::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,0.1),transparent);animation:shimmer 3s ease-in-out infinite}.action-plan-section .section-header{display:flex;align-items:center;gap:1rem;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid rgba(226,232,240,0.3);position:relative;z-index:2}.action-plan-section .section-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135d,#818cf8 0%,#6366f1 100%);color:white;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.action-plan-section .section-header h3{font-family:'Poppins',sans-serif;font-size:1.8rem;font-weight:700;margin:0;flex-grow:1;color:#1e293b;letter-spacing:-0.01em;line-height:1.1}.action-plan-section .summary-container{background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-radius:20px;padding:2rem;margin:2rem 0;border:1px solid rgba(226,232,240,0.3);position:relative;overflow:hidden}.action-plan-section .summary-container::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,0.05),transparent);animation:shimmer 4s ease-in-out infinite}.action-plan-section .summary-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;color:#1e293b;font-weight:700;font-size:1.4rem;font-family:'Poppins',sans-serif;text-align:center;position:relative;z-index:2}.action-plan-section .summary-header svg{color:#818cf8;flex-shrink:0;width:28px;height:28px;filter:drop-shadow(0 2px 4px rgba(99,102,241,0.3))}.action-plan-section .section-description{display:block;font-size:1.1rem;line-height:1.7;color:#64748b;font-family:'Inter',sans-serif;margin:0;padding:0;text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:2}.action-plan-summary{margin-top:3rem;position:relative;z-index:2}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:0.5rem}.summary-item{display:flex;align-items:center;gap:1.25rem;padding:2rem 1.5rem;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,0.2);box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.summary-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--item-color,#818cf8) 0%,var(--item-color-light,#6366f1) 100%);border-radius:20px 20px 0 0}.summary-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.12);background:rgba(255,255,255,0.95)}.summary-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;transition:transform 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.summary-item:hover .summary-icon{transform:scale(1.1) rotate(5deg)}.summary-icon.quick-wins{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);color:#059669;--item-color:#10b981;--item-color-light:#34d399}.summary-icon.short-term{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:#3b82f6;--item-color:#3b82f6;--item-color-light:#60a5fa}.summary-icon.long-term{background:linear-gradient(135deg,#fff7ed 0%,#fed7aa 100%);color:#f97316;--item-color:#f97316;--item-color-light:#fb923c}.summary-icon.total{background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);color:#9333ea;--item-color:#9333ea;--item-color-light:#a855f7}.summary-content{flex:1}.summary-number{font-size:2rem;font-weight:800;color:#1e293b;line-height:1;margin-bottom:0.5rem;font-family:'Poppins',sans-serif}.summary-label{display:flex;flex-direction:column;gap:0.25rem}.label-title{font-weight:600;color:#374151;font-size:1rem;font-family:'Inter',sans-serif}.label-subtitle{color:#94a3b8;font-size:0.85rem;font-family:'Inter',sans-serif}@media (max-width:1024px){.action-plan-section{padding:2.5rem 2rem}.summary-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.task-cards{grid-template-columns:1fr}}@media (max-width:768px){.action-plan-section{padding:2rem 1.5rem;margin-top:1rem}.action-plan-section .section-header h3{font-size:2rem}.action-plan-section .summary-container{padding:1.5rem;margin:1.5rem 0}.action-plan-section .summary-header{font-size:1.2rem;flex-direction:column;text-align:center;gap:0.75rem}.action-plan-section .section-description{font-size:1rem}.summary-item{padding:1.5rem 1.25rem;gap:1rem}.summary-icon{width:48px;height:48px}.summary-number{font-size:1.75rem}.task-filters{margin:2rem 0 1.5rem;gap:0.75rem}.filter-btn{padding:0.625rem 1.25rem;font-size:0.85rem}.task-section h4{font-size:1.5rem;flex-direction:column;gap:1rem}.task-card{padding:1.5rem}.task-header{flex-direction:column;align-items:flex-start;gap:0.75rem}.task-metrics{flex-direction:column;gap:0.5rem}.metric{justify-content:center}}@media (max-width:480px){.action-plan-section{padding:1.5rem 1rem;border-radius:16px}.action-plan-section .section-header h3{font-size:1.75rem}.summary-grid{grid-template-columns:1fr;gap:1rem}.summary-item{padding:1.25rem 1rem;text-align:center;flex-direction:column;gap:0.75rem}.summary-number{font-size:1.5rem}.task-filters{flex-direction:column;align-items:center}.filter-btn{width:100%;max-width:200px;text-align:center}.task-section h4{font-size:1.3rem}.task-card h5{font-size:1.1rem}.steps-content{padding:1rem}.step-details{flex-direction:column;gap:0.5rem}}.priority-score{display:flex;align-items:center;gap:0.375rem;font-size:0.875rem;color:#6b7280}.priority-flag{width:16px;height:16px;display:inline-flex}.priority-flag.high{color:#dc2626}.priority-flag.medium{color:#f59e0b}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;padding:0.5rem}.summary-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff;border-radius:1rem;border:1px solid #f1f5f9;transition:all 0.2s ease}.summary-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.05)}.summary-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px}.summary-icon.quick-wins{background-color:#ecfdf5;color:#059669}.summary-icon.short-term{background-color:#eff6ff;color:#3b82f6}.summary-icon.long-term{background-color:#fef3c7;color:#d97706}.summary-icon.total{background-color:#f3e8ff;color:#9333ea}.summary-content{display:flex;flex-direction:column;gap:0.25rem}.summary-number{font-size:1.875rem;font-weight:600;line-height:1;color:#1e293b}.summary-label{display:flex;flex-direction:column}.label-title{font-size:0.875rem;font-weight:500;color:#475569}.label-subtitle{font-size:0.75rem;color:#94a3b8}.task-filters{display:flex;gap:1rem;margin:3rem 0 2rem;flex-wrap:wrap;justify-content:center;padding:1rem;background:rgba(255,255,255,0.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,0.2);box-shadow:0 4px 15px rgba(0,0,0,0.05)}.filter-btn{padding:0.75rem 1.5rem;border:2px solid transparent;border-radius:12px;background:rgba(255,255,255,0.8);color:#64748b;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);font-weight:600;font-size:0.9rem;font-family:'Inter',sans-serif;position:relative;overflow:hidden;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.filter-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease}.filter-btn:hover::before{left:100%}.filter-btn:hover{background:rgba(255,255,255,0.9);color:#1e293b;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.1);border-color:rgba(99,102,241,0.2)}.filter-btn.active{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);color:white;border-color:transparent;box-shadow:0 4px 14px rgba(99,102,241,0.3);transform:translateY(-2px)}.filter-btn.active:hover{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 8px 25px rgba(99,102,241,0.4)}.task-section{margin-bottom:3rem;position:relative}.task-section h4{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem;font-family:'Poppins',sans-serif;font-size:1.8rem;font-weight:700;color:#1e293b;text-align:center}.timeframe{font-size:0.85rem;color:#64748b;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:0.5rem 1rem;border-radius:20px;font-weight:600;border:1px solid rgba(226,232,240,0.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.task-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding:0.5rem}.task-card{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.3);border-radius:20px;padding:2rem;animation:fadeIn 0.5s ease-out forwards;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 15px rgba(0,0,0,0.08);position:relative;overflow:hidden}.task-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--card-color,#818cf8) 0%,var(--card-color-light,#6366f1) 100%);border-radius:20px 20px 0 0}.task-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px rgba(0,0,0,0.15);background:rgba(255,255,255,0.98)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.task-category{padding:0.5rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 8px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.task-category.technical{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af;--card-color:#3b82f6;--card-color-light:#60a5fa}.task-category.content{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#166534;--card-color:#10b981;--card-color-light:#34d399}.task-category.on-page{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;--card-color:#f59e0b;--card-color-light:#fbbf24}.task-category.performance{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#6b21a8;--card-color:#8b5cf6;--card-color-light:#a78bfa}.task-category.rich-snippets{background:linear-gradient(135deg,#ffe4e6 0%,#fecdd3 100%);color:#be123c;--card-color:#e11d48;--card-color-light:#f43f5e}.task-card h5{margin:0 0 1rem 0;color:#1e293b;font-size:1.2rem;font-weight:700;font-family:'Poppins',sans-serif;line-height:1.3;letter-spacing:-0.01em}.task-description{color:#64748b;font-size:0.95rem;margin-bottom:1.5rem;line-height:1.6;font-family:'Inter',sans-serif}.task-metrics{display:flex;gap:0.75rem;margin:1.5rem 0;flex-wrap:wrap}.metric{font-size:0.8rem;color:#64748b;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);padding:0.5rem 1rem;border-radius:16px;display:flex;align-items:center;gap:0.5rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(226,232,240,0.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);font-weight:500;font-family:'Inter',sans-serif}.metric:hover{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);color:#1e293b}.metric-icon{width:12px;height:12px;flex-shrink:0}.impact-icon{color:#059669}.effort-icon{color:#3b82f6}.time-icon{color:#f97316}.task-metrics{display:flex;gap:0.75rem;margin:1rem 0;flex-wrap:wrap}@media (max-width:768px){.task-metrics{gap:0.5rem}.metric{padding:0.25rem 0.625rem;font-size:0.7rem}}.task-steps{margin-top:1rem}.toggle-steps{width:100%;padding:0.6rem 1rem;background:rgba(99,102,241,0.06);border:1px solid rgba(99,102,241,0.2);border-radius:8px;color:#818cf8;cursor:pointer;transition:all 0.2s ease;font-weight:600;font-family:'Inter',sans-serif;font-size:0.8rem;position:relative;overflow:hidden}.toggle-steps:hover{background:rgba(99,102,241,0.12);color:#a5b4fc;border-color:rgba(99,102,241,0.35)}.steps-content{margin-top:0.75rem;padding:1rem;background:rgba(15,23,42,0.4);border-radius:10px;border:1px solid rgba(148,163,184,0.12);animation:slideDown 0.3s ease-out}.steps-content.hidden{display:none}.step-details{display:flex;gap:0.5rem;margin-top:0.35rem;font-size:0.75rem;color:#94a3b8;flex-wrap:wrap}.step-details span{background:rgba(148,163,184,0.08);padding:0.2rem 0.55rem;border-radius:5px;border:1px solid rgba(148,163,184,0.12)}@media (max-width:1024px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.task-filters{justify-content:center}.task-cards{grid-template-columns:1fr}.task-metrics{flex-direction:column}.section-header h3{font-size:1.5rem}}@media (max-width:640px){.summary-grid{grid-template-columns:1fr}.summary-item{padding:1rem}.summary-icon{width:40px;height:40px}.summary-number{font-size:1.5rem}.task-header{flex-direction:column;align-items:flex-start;gap:0.5rem}.section-description{font-size:0.813rem}}.ai-recommendations-section{margin:3rem 0;padding:3rem;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.1);position:relative;overflow:hidden}.ai-recommendations-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);border-radius:24px 24px 0 0}.ai-recommendations-section::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.1),transparent);animation:shimmer 3s ease-in-out infinite}.ai-recommendations-section .section-header{display:flex;align-items:center;gap:1rem;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid rgba(226,232,240,0.3);position:relative;z-index:2}.ai-recommendations-section .section-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#7c3aed;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.ai-recommendations-section .section-header h3{font-family:'Poppins',sans-serif;font-size:1.8rem;font-weight:700;color:#1e293b;margin:0;flex-grow:1;letter-spacing:-0.01em}.recommendations-categories{display:flex;flex-direction:column;gap:3rem;position:relative;z-index:2}.category-section{background:rgba(255,255,255,0.8);backdrop-filter:blur(15px);border-radius:20px;border:1px solid rgba(226,232,240,0.3);overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 20px rgba(0,0,0,0.06)}.category-section:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.12)}.category-header{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-bottom:1px solid rgba(226,232,240,0.2)}.category-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.category-icon.technical{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8}.category-icon.content{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#059669}.category-icon.local{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#d97706}.category-section:hover .category-icon{transform:scale(1.05) rotate(3deg)}.category-info h4{font-family:'Poppins',sans-serif;font-size:1.3rem;font-weight:700;color:#1e293b;margin:0 0 0.5rem 0;letter-spacing:-0.01em}.category-info p{color:#64748b;font-size:1rem;margin:0;line-height:1.5}.category-recommendations{padding:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.recommendation-card.compact{background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(226,232,240,0.4);box-shadow:0 3px 15px rgba(0,0,0,0.06);overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative}.recommendation-card.compact:hover{transform:translateY(-3px);box-shadow:0 6px 25px rgba(0,0,0,0.1);background:rgba(255,255,255,0.95)}.recommendation-card.compact .card-header{display:flex;align-items:center;gap:0.75rem;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid rgba(226,232,240,0.15)}.recommendation-card.compact .card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#7c3aed;flex-shrink:0}.recommendation-card.compact h5{font-family:'Poppins',sans-serif;font-size:1rem;font-weight:600;color:#1e293b;margin:0;flex-grow:1;letter-spacing:-0.01em}.recommendations-list.compact{padding:0 1.25rem 1.25rem}.recommendations-list.compact .recommendation-item{display:flex;gap:0.75rem;margin-bottom:0.75rem;padding:0.875rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-radius:10px;border:1px solid rgba(226,232,240,0.25);transition:all 0.3s ease}.recommendations-list.compact .recommendation-item:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,0.08)}.recommendations-list.compact .recommendation-item:before{content:'•';color:#8b5cf6;font-weight:bold;font-size:1.2rem;margin-right:0.5rem;flex-shrink:0;line-height:1}.recommendations-list.compact .recommendation-text{flex-grow:1;color:#374151;font-size:0.9rem;line-height:1.5;font-family:'Inter',sans-serif}.recommendations-actions{display:flex;justify-content:center;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(226,232,240,0.3);position:relative;z-index:2}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;padding:1rem 2rem;border:none;border-radius:12px;font-size:0.95rem;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;text-decoration:none;white-space:nowrap}.action-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease}.action-btn:hover::before{left:100%}.action-btn.primary{background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);color:white;box-shadow:0 4px 14px rgba(139,92,246,0.25)}.action-btn.primary:hover{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,92,246,0.4)}.action-btn.secondary{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);color:#64748b;border:1px solid rgba(226,232,240,0.5);box-shadow:0 2px 8px rgba(0,0,0,0.04)}.action-btn.secondary:hover{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);color:#1e293b;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.1);border-color:rgba(139,92,246,0.3)}.recommendations-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;position:relative;z-index:2}.recommendation-card{background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(226,232,240,0.4);box-shadow:0 4px 20px rgba(0,0,0,0.08);overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative}.recommendation-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.12);background:rgba(255,255,255,0.95)}.recommendation-card .card-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(226,232,240,0.2)}.recommendation-card .card-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#7c3aed;flex-shrink:0}.recommendation-card h4{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:600;color:#1e293b;margin:0;flex-grow:1}.section-description{padding:0 1.5rem;margin:1rem 0;font-size:0.9rem;color:#64748b;font-style:italic;line-height:1.5}.recommendations-list{padding:0 1.5rem 1rem}.recommendation-item{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-radius:12px;border:1px solid rgba(226,232,240,0.3);transition:all 0.3s ease}.recommendation-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.recommendation-number{width:28px;height:28px;background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:0.9rem;flex-shrink:0}.recommendation-text{flex-grow:1;color:#374151;font-size:0.95rem;line-height:1.6;font-family:'Inter',sans-serif}.card-actions{padding:1rem 1.5rem;border-top:1px solid rgba(226,232,240,0.2)}.copy-recommendation{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid rgba(226,232,240,0.5);border-radius:8px;color:#64748b;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);font-size:0.85rem;font-weight:500;font-family:'Inter',sans-serif}.copy-recommendation:hover{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);color:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:rgba(139,92,246,0.3)}.no-recommendations{grid-column:1 / -1;text-align:center;padding:3rem;color:#64748b}.no-rec-icon{margin:0 auto 1.5rem;color:#94a3b8}.no-recommendations h4{font-family:'Poppins',sans-serif;font-size:1.2rem;font-weight:600;color:#475569;margin-bottom:0.5rem}.no-recommendations p{font-size:0.95rem;line-height:1.6;max-width:400px;margin:0 auto}@media (max-width:1024px){.recommendations-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.category-recommendations{grid-template-columns:1fr;gap:1rem}.recommendations-actions{flex-direction:column;align-items:center;gap:0.75rem}.action-btn{width:100%;max-width:280px}}@media (max-width:768px){.ai-recommendations-section{padding:2rem 1.5rem;margin:2rem 0}.ai-recommendations-section .section-header{flex-direction:column;text-align:center;gap:1rem}.ai-recommendations-section .section-header h3{font-size:1.5rem}.recommendations-container{grid-template-columns:1fr;gap:1rem}.recommendation-item{flex-direction:column;text-align:center;gap:0.75rem}.recommendation-number{width:24px;height:24px;font-size:0.8rem;align-self:center}.category-header{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem}.category-icon{width:48px;height:48px}.category-info h4{font-size:1.1rem}.category-info p{font-size:0.9rem}.category-recommendations{padding:1.5rem;grid-template-columns:1fr}.recommendations-list.compact .recommendation-item{padding:0.75rem;margin-bottom:0.5rem}.recommendations-list.compact .recommendation-text{font-size:0.85rem}}@media (max-width:480px){.ai-recommendations-section{padding:1.5rem 1rem;border-radius:16px}.recommendation-card .card-header,.recommendations-list,.card-actions{padding-left:1rem;padding-right:1rem}.section-description{padding:0 1rem}.category-header{padding:1rem;gap:0.75rem}.category-icon{width:40px;height:40px}.category-info h4{font-size:1rem}.category-info p{font-size:0.85rem}.category-recommendations{padding:1rem}.recommendation-card.compact .card-header{padding:1rem}.recommendations-list.compact{padding:0 1rem 1rem}.recommendations-list.compact .recommendation-item{padding:0.625rem;font-size:0.8rem}.action-btn{padding:0.875rem 1.5rem;font-size:0.9rem}}.ai-search-section{background:linear-gradient(135deg,#f0f4ff 0%,#ffffff 100%);border:1px solid rgba(59,130,246,0.1);border-radius:20px;padding:2rem;margin:2rem 0;box-shadow:0 10px 25px rgba(59,130,246,0.05)}.detected-features-summary{background:rgba(255,255,255,0.8);border-radius:12px;padding:1.5rem;margin:1.5rem 0;border:1px solid rgba(59,130,246,0.1)}.detected-features-summary h5{margin:0 0 1rem 0;color:#1e40af;font-size:1.1rem;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.feature-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;transition:all 0.2s ease}.feature-item.detected{background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border-color:#22c55e}.feature-item.detected .feature-icon{color:#22c55e}.feature-item.missing{background:linear-gradient(135deg,#fef2f2 0%,#fef3f2 100%);border-color:#ef4444}.feature-item.missing .feature-icon{color:#ef4444}.feature-item span{font-weight:500;flex:1;font-size:0.9rem}.feature-status{font-size:0.8rem;color:#64748b;font-weight:400}.feature-item.detected .feature-status{color:#16a34a;font-weight:500}.feature-item.missing .feature-status{color:#dc2626;font-weight:500}.feature-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.ai-search-overview{margin-bottom:2rem}.ai-readiness-summary{background:white;border-radius:16px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.readiness-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.readiness-header h4{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.readiness-badge{padding:0.5rem 1rem;border-radius:20px;font-weight:600;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em}.readiness-badge.excellent{background:linear-gradient(135deg,#10b981,#34d399);color:white}.readiness-badge.good{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:white}.readiness-badge.fair{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:white}.readiness-badge.needs-improvement{background:linear-gradient(135deg,#ef4444,#f87171);color:white}.readiness-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.readiness-metric{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.metric-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon.ai-content{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:white}.metric-icon.schema{background:linear-gradient(135deg,#06b6d4,#67e8f9);color:white}.metric-icon.quality{background:linear-gradient(135deg,#10b981,#34d399);color:white}.metric-details{flex:1}.metric-name{font-weight:600;color:#374151;margin-bottom:0.25rem}.metric-value{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:0.25rem}.metric-description{font-size:0.875rem;color:#6b7280}.compatibility-factors,.optimization-priorities{background:white;border-radius:16px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.compatibility-factors h4,.optimization-priorities h4{margin:0 0 1rem 0;color:#1e293b;font-size:1.25rem;font-weight:600}.factors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.factor-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.factor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.factor-name{font-weight:600;color:#374151;font-size:0.875rem}.factor-score{font-weight:700;color:#1e293b}.factor-progress{margin:0.75rem 0}.progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width 0.3s ease}.factor-status{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em}.factor-status.excellent{color:#10b981}.factor-status.good{color:#3b82f6}.factor-status.fair{color:#f59e0b}.factor-status.poor{color:#ef4444}.priorities-list{display:flex;flex-direction:column;gap:1rem}.priority-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.priority-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.priority-name{font-weight:600;color:#374151}.priority-score{font-weight:700;color:#1e293b}.priority-importance{font-size:0.875rem;color:#6b7280;margin-bottom:0.75rem}.priority-progress{margin-top:0.75rem}.ai-optimization-recommendations{background:white;border-radius:16px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.ai-optimization-recommendations h4{margin:0 0 1rem 0;color:#1e293b;font-size:1.25rem;font-weight:600}.recommendations-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:2rem;padding:1rem;background:#f8fafc;border-radius:12px}.summary-stat{text-align:center}.stat-number{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:0.25rem}.stat-label{font-size:0.875rem;color:#6b7280;font-weight:500}.recommendation-group{margin-bottom:2rem}.recommendation-group h5{margin:0 0 1rem 0;color:#1e293b;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:0.5rem}.ai-recommendation-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:box-shadow 0.3s ease}.ai-recommendation-card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.1)}.recommendation-header{display:flex;gap:1rem;margin-bottom:1rem}.rec-category{padding:0.25rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em}.rec-category.content-structure{background:#ddd6fe;color:#7c3aed}.rec-category.structured-data{background:#bfdbfe;color:#2563eb}.rec-category.content-organization{background:#a7f3d0;color:#059669}.rec-category.content-clarity{background:#fed7a1;color:#d97706}.rec-category.content-depth{background:#fecaca;color:#dc2626}.rec-category.content-authority{background:#e5e7eb;color:#374151}.rec-priority{padding:0.25rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em}.rec-priority.high{background:#fecaca;color:#dc2626}.rec-priority.medium{background:#fed7a1;color:#d97706}.rec-priority.low{background:#a7f3d0;color:#059669}.rec-title{margin:0 0 0.75rem 0;color:#1e293b;font-size:1.125rem;font-weight:600}.rec-description{margin:0 0 1rem 0;color:#374151;line-height:1.6}.rec-implementation,.rec-benefit{margin:0.75rem 0;padding:0.75rem;border-radius:8px;font-size:0.875rem;line-height:1.5}.rec-implementation{background:#f0f9ff;border-left:3px solid #3b82f6}.rec-benefit{background:#f0fdf4;border-left:3px solid #10b981}.rec-implementation strong,.rec-benefit strong{color:#1e293b}.ai-search-best-practices{background:white;border-radius:16px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.ai-search-best-practices h4{margin:0 0 1.5rem 0;color:#1e293b;font-size:1.25rem;font-weight:600}.best-practices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.practice-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center}.practice-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:white;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem auto}.practice-card h5{margin:0 0 0.75rem 0;color:#1e293b;font-size:1rem;font-weight:600}.practice-card p{margin:0;color:#6b7280;font-size:0.875rem;line-height:1.5}@media (max-width:768px){.ai-search-section{padding:1.5rem;margin:1.5rem 0}.readiness-metrics{grid-template-columns:1fr}.factors-grid{grid-template-columns:1fr}.recommendations-summary{grid-template-columns:repeat(2,1fr)}.best-practices-grid{grid-template-columns:1fr}.recommendation-header{flex-direction:column;gap:0.5rem;align-items:flex-start}}@media (max-width:480px){.ai-search-section{padding:1rem;margin:1rem 0;border-radius:16px}.readiness-summary,.compatibility-factors,.optimization-priorities,.ai-optimization-recommendations,.ai-search-best-practices{padding:1rem}.recommendations-summary{grid-template-columns:1fr}.ai-recommendation-card{padding:1rem}.rec-title{font-size:1rem}.stat-number{font-size:1.5rem}}.performance-analysis-section{position:relative;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border:1px solid rgba(226,232,240,0.3);border-radius:20px;padding:2rem;margin:2rem 0;box-shadow:0 10px 25px rgba(0,0,0,0.05)}.performance-overview{margin-bottom:2rem}.performance-summary{background:rgba(255,255,255,0.8);border-radius:16px;padding:1.5rem;border:1px solid rgba(226,232,240,0.3)}.device-comparison{display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;align-items:center}.device-score{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(248,250,252,0.6);border-radius:12px;border:1px solid rgba(226,232,240,0.2)}.device-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);color:#475569}.device-score.mobile .device-icon{background:linear-gradient(135deg,#ddd6fe 0%,#c4b5fd 100%);color:#7c3aed}.device-score.desktop .device-icon{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#2563eb}.device-details{flex:1}.device-label{font-size:0.875rem;color:#64748b;font-weight:500;margin-bottom:0.25rem}.device-score-value{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:0.25rem}.device-status{font-size:0.75rem;font-weight:600;padding:0.25rem 0.5rem;border-radius:6px;text-transform:uppercase;letter-spacing:0.5px}.device-status.good{background:#dcfce7;color:#166534}.device-status.moderate{background:#fef3c7;color:#92400e}.device-status.poor{background:#fee2e2;color:#991b1b}.performance-gap{text-align:center;padding:1rem;background:rgba(241,245,249,0.8);border-radius:12px;border:1px solid rgba(226,232,240,0.3)}.gap-label{font-size:0.75rem;color:#64748b;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.5px}.gap-value{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:0.25rem}.gap-focus{font-size:0.8rem;color:#7c3aed;font-weight:600}.core-web-vitals-section{margin:2rem 0}.vitals-device-section{margin-bottom:2rem}.device-title{display:flex;align-items:center;gap:0.5rem;font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid rgba(226,232,240,0.3)}.vitals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.vital-card{background:rgba(255,255,255,0.8);border:1px solid rgba(226,232,240,0.3);border-radius:12px;padding:1rem;transition:all 0.3s ease}.vital-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}.vital-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.vital-name{font-weight:700;color:#1e293b;font-size:0.875rem}.vital-status{font-size:0.75rem;font-weight:600;padding:0.25rem 0.5rem;border-radius:6px;text-transform:uppercase;letter-spacing:0.5px}.vital-status.good{background:#dcfce7;color:#166534}.vital-status.needs-improvement{background:#fef3c7;color:#92400e}.vital-status.poor{background:#fee2e2;color:#991b1b}.vital-value{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:0.5rem}.vital-score{font-size:0.875rem;color:#64748b;margin-bottom:0.5rem}.vital-description{font-size:0.75rem;color:#64748b;line-height:1.4}.performance-opportunities-section{margin:2rem 0}.opportunities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.opportunity-card{background:rgba(255,255,255,0.8);border:1px solid rgba(226,232,240,0.3);border-radius:12px;padding:1rem;transition:all 0.3s ease}.opportunity-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}.opportunity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0.75rem}.opportunity-title{font-weight:600;color:#1e293b;font-size:0.875rem;flex:1;margin-right:0.5rem}.opportunity-impact{font-size:0.75rem;font-weight:600;padding:0.25rem 0.5rem;border-radius:6px;text-transform:uppercase;letter-spacing:0.5px}.opportunity-impact.high{background:#fee2e2;color:#991b1b}.opportunity-impact.medium{background:#fef3c7;color:#92400e}.opportunity-impact.low{background:#dbeafe;color:#1d4ed8}.opportunity-description{font-size:0.875rem;color:#64748b;line-height:1.5;margin-bottom:0.75rem}.opportunity-savings{display:flex;flex-direction:column;gap:0.5rem}.savings-item{display:flex;align-items:center;gap:0.5rem;font-size:0.75rem;color:#059669}.savings-item svg{color:#059669}.resource-analysis-section{margin:2rem 0}.resource-comparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.resource-device{background:rgba(255,255,255,0.6);border-radius:12px;padding:1rem;border:1px solid rgba(226,232,240,0.3)}.resource-grid{display:flex;flex-direction:column;gap:0.75rem}.resource-item{display:flex;justify-content:space-between;align-items:center;padding:0.75rem;background:rgba(248,250,252,0.8);border-radius:8px;border:1px solid rgba(226,232,240,0.2)}.resource-type{font-weight:600;color:#374151;font-size:0.875rem}.resource-stats{text-align:right}.resource-requests{font-size:0.75rem;color:#64748b}.resource-size{font-size:0.875rem;font-weight:600;color:#1e293b}.performance-diagnostics-section{margin:2rem 0}.diagnostics-tabs{display:flex;gap:0.5rem;margin-bottom:1rem;background:rgba(241,245,249,0.8);border-radius:8px;padding:0.25rem}.diagnostic-tab{flex:1;padding:0.75rem 1rem;border:none;background:transparent;border-radius:6px;font-weight:500;color:#64748b;cursor:pointer;transition:all 0.3s ease}.diagnostic-tab.active{background:white;color:#1e293b;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.diagnostics-content{display:none}.diagnostics-content.active{display:block}.diagnostic-item{background:rgba(255,255,255,0.8);border:1px solid rgba(226,232,240,0.3);border-radius:12px;padding:1rem;margin-bottom:1rem}.diagnostic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.diagnostic-title{font-weight:600;color:#1e293b;font-size:0.875rem}.diagnostic-score{font-size:0.875rem;font-weight:600;color:#64748b}.diagnostic-description{font-size:0.875rem;color:#64748b;line-height:1.5}.performance-unavailable{text-align:center;padding:3rem 2rem;color:#64748b}.unavailable-icon{margin:0 auto 1rem;color:#cbd5e1}.performance-unavailable h4{color:#374151;margin-bottom:0.5rem}.performance-unavailable p{color:#64748b;max-width:400px;margin:0 auto}.guide-message-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);backdrop-filter:blur(3px);z-index:10001;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;opacity:0;animation:fadeInOverlay 0.5s ease-out forwards}.guide-message-box{position:relative;background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 20px 60px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.3);max-width:400px;text-align:center;transform:translateY(-30px) scale(0.9);animation:slideInGuideDown 0.6s ease-out 0.3s forwards;margin-bottom:2rem}.guide-message-box::after{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid rgba(255,255,255,0.98);filter:drop-shadow(0 4px 8px rgba(0,0,0,0.1))}.guide-icon{width:60px;height:60px;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:white;font-size:1.5rem;animation:pulseGuide 2s ease-in-out infinite;box-shadow:0 8px 25px rgba(99,102,241,0.3)}.guide-title{font-family:'Poppins',sans-serif;font-size:1.4rem;font-weight:700;color:#1e293b;margin-bottom:1rem;letter-spacing:-0.01em}.guide-description{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:2rem;font-family:'Inter',sans-serif}.guide-arrow{position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);width:4px;height:60px;background:linear-gradient(180deg,transparent 0%,#818cf8 100%);animation:pointDown 1.5s ease-in-out infinite;border-radius:2px}.guide-arrow::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid #818cf8;animation:bounceArrow 1.5s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(99,102,241,0.3))}.guide-close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:rgba(100,116,139,0.1);border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;font-size:1rem}.guide-close-btn:hover{background:rgba(100,116,139,0.2);color:#1e293b;transform:scale(1.1)}.guide-got-it-btn{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);color:white;border:none;padding:0.875rem 2rem;border-radius:12px;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 14px rgba(99,102,241,0.25)}.guide-got-it-btn:hover{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,0.4)}@keyframes fadeInOverlay{from{opacity:0}to{opacity:1}}@keyframes slideInGuide{from{transform:translateY(30px) scale(0.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slideInGuideDown{from{transform:translateY(-30px) scale(0.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pulseGuide{0%,100%{transform:scale(1);box-shadow:0 8px 25px rgba(99,102,241,0.3)}50%{transform:scale(1.05);box-shadow:0 12px 35px rgba(99,102,241,0.5)}}@keyframes pointDown{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}@keyframes bounceArrow{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(5px)}}@media (max-width:768px){.guide-message-box{margin:0 1rem;padding:1.5rem;max-width:calc(100% - 2rem)}.guide-title{font-size:1.2rem}.guide-description{font-size:0.9rem}.guide-icon{width:50px;height:50px;font-size:1.25rem}}.metrics-insights-section{position:relative;overflow:hidden}.metrics-insights-section .section-header{display:flex;align-items:center;gap:1rem;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid rgba(226,232,240,0.3);position:relative;z-index:2}.metrics-insights-section .section-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);color:white;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.metrics-insights-section .section-header h3{font-family:'Poppins',sans-serif;font-size:1.8rem;font-weight:700;color:#1e293b;margin:0;flex-grow:1;letter-spacing:-0.01em}.metrics-insights-section::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,0.1),transparent);animation:shimmer 3s ease-in-out infinite}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem}.category-card{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.1);padding:2rem;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.category-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);border-radius:20px 20px 0 0}.category-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,0.15);background:rgba(255,255,255,0.98)}.card-header{margin-bottom:2rem}.category-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.category-label{font-family:'Poppins',sans-serif;font-weight:600;font-size:1.2rem;color:#1e293b;letter-spacing:-0.01em}.priority-badge{font-size:0.8rem;font-weight:600;padding:0.5rem 1rem;border-radius:20px;color:white;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.priority-badge.high{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%)}.priority-badge.medium{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%)}.priority-badge.low{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}.category-metrics{display:flex;flex-direction:column;gap:1.5rem}.metric-item{padding:1rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-radius:12px;border:1px solid rgba(226,232,240,0.3);transition:all 0.3s ease}.metric-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.metric-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.metric-label{display:flex;align-items:center;gap:0.5rem;font-family:'Inter',sans-serif;font-weight:500;font-size:0.9rem;color:#64748b}.metric-label svg{flex-shrink:0}.metric-value{font-family:'Poppins',sans-serif;font-weight:700;font-size:1.1rem;color:#1e293b}.progress-bar{background:#e2e8f0;height:8px;border-radius:6px;overflow:hidden;position:relative}.progress-bar .progress{height:100%;border-radius:6px;transition:width 1.5s ease-out;position:relative}.progress-bar .progress::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 25%,rgba(255,255,255,0.2) 25%,rgba(255,255,255,0.2) 50%,transparent 50%,transparent 75%,rgba(255,255,255,0.2) 75%);background-size:16px 16px;animation:progressStripe 1s linear infinite}@keyframes progressStripe{0%{background-position:0 0}100%{background-position:16px 0}}.progress.impact{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}.progress.effort{background:linear-gradient(135deg,#f97316 0%,#fb923c 100%)}.progress.time{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%)}.insight-summary{display:flex;align-items:flex-start;gap:1rem;margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-radius:12px;border-left:4px solid #0ea5e9}.insight-icon{width:40px;height:40px;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.insight-text p{margin:0;color:#0c4a6e;font-family:'Inter',sans-serif;font-size:0.95rem;line-height:1.6;font-weight:500}.roi-analysis-section{position:relative;overflow:hidden}.roi-analysis-section .section-header{display:flex;align-items:center;gap:1rem;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid rgba(226,232,240,0.3);position:relative;z-index:2}.roi-analysis-section .section-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981 0%,#34d399 100%);color:white;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.roi-analysis-section .section-header h3{font-family:'Poppins',sans-serif;font-size:1.8rem;font-weight:700;color:#1e293b;margin:0;flex-grow:1;letter-spacing:-0.01em}.roi-analysis-section::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,0.1),transparent);animation:shimmer 3s ease-in-out infinite}.website-type-badge{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);color:#059669;font-size:0.875rem;font-weight:600;margin-bottom:1rem;padding:0.75rem 1.5rem;border-radius:20px;border:1px solid rgba(16,185,129,0.2);box-shadow:0 2px 8px rgba(16,185,129,0.1)}.roi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.roi-card{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.1);padding:2rem;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.roi-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0}.roi-card:nth-child(1)::before{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}.roi-card:nth-child(2)::before{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%)}.roi-card:nth-child(3)::before{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%)}.roi-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,0.15);background:rgba(255,255,255,0.98)}.roi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.roi-title{display:flex;align-items:center;gap:0.75rem}.roi-title svg{color:#64748b;flex-shrink:0}.roi-title h5{font-family:'Poppins',sans-serif;font-size:1.2rem;font-weight:600;color:#1e293b;margin:0;letter-spacing:-0.01em}.roi-badge{padding:0.5rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:white;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.roi-badge.immediate{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}.roi-badge.projected{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%)}.roi-badge.estimated{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%)}.roi-content{display:flex;flex-direction:column;gap:1.5rem}.roi-metric{padding:1rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-radius:12px;border:1px solid rgba(226,232,240,0.3);transition:all 0.3s ease}.roi-metric:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.roi-metric.highlight{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-left:4px solid #0ea5e9;border-color:rgba(14,165,233,0.3)}.roi-metric label{display:block;font-family:'Inter',sans-serif;font-size:0.85rem;font-weight:500;color:#64748b;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.5px}.roi-value{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:700;color:#1e293b;line-height:1.2}.roi-timeline,.roi-traffic,.roi-hours{font-family:'Inter',sans-serif;font-size:1rem;font-weight:600;color:#475569}.roi-summary{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:20px;border:1px solid rgba(226,232,240,0.3);position:relative;overflow:hidden}.roi-summary::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#10b981 0%,#34d399 100%);border-radius:20px 20px 0 0}.summary-info{display:flex;gap:1.5rem;align-items:flex-start}.summary-icon{width:48px;height:48px;background:linear-gradient(135deg,#10b981 0%,#34d399 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;box-shadow:0 4px 12px rgba(16,185,129,0.3)}.summary-text{flex:1}.summary-text p{margin:0 0 1rem 0;color:#475569;font-family:'Inter',sans-serif;font-size:1rem;line-height:1.6;font-weight:500}.confidence{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap}.confidence-label{font-family:'Inter',sans-serif;font-size:0.9rem;font-weight:500;color:#64748b}.confidence-value{font-family:'Poppins',sans-serif;font-size:1.2rem;font-weight:700;color:#10b981}.confidence-level{font-family:'Inter',sans-serif;font-size:0.85rem;font-weight:500;color:#94a3b8}@media (max-width:1024px){.roi-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.roi-grid{grid-template-columns:1fr;gap:1.5rem}.roi-card{padding:1.5rem}.roi-header{flex-direction:column;align-items:flex-start;gap:0.75rem}.summary-info{flex-direction:column;gap:1rem;text-align:center}.confidence{justify-content:center}}.detailed-analysis-container{margin-top:3rem;position:relative;overflow:hidden}.detailed-analysis-container::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:24px 24px 0 0}.detailed-analysis-container::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,0.1),transparent);animation:shimmer 3s ease-in-out infinite}.detailed-analysis-header{padding:3rem 3rem 2rem 3rem;background:linear-gradient(135deg,rgba(59,130,246,0.05) 0%,rgba(29,78,216,0.05) 100%);border-bottom:1px solid rgba(59,130,246,0.1)}.header-content{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.header-icon-wrapper{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:16px;padding:1rem;box-shadow:0 8px 32px rgba(59,130,246,0.3);position:relative;overflow:hidden}.header-icon-wrapper::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);animation:shimmer 2s ease-in-out infinite}.header-icon{color:white;position:relative;z-index:1}.header-text{flex:1}.detailed-analysis-title{font-size:2.5rem;font-weight:800;color:#1e293b;margin:0 0 0.5rem 0;background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detailed-analysis-subtitle{font-size:1.125rem;color:#64748b;margin:0;font-weight:500}.analysis-metrics-preview{display:flex;gap:2rem;flex-wrap:wrap}.metric-preview{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1.5rem;background:rgba(255,255,255,0.8);border-radius:12px;border:1px solid rgba(59,130,246,0.2);box-shadow:0 2px 8px rgba(59,130,246,0.1);transition:all 0.3s ease}.metric-preview:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(59,130,246,0.2)}.metric-preview .metric-icon{color:#3b82f6}.metric-preview .metric-label{font-size:0.875rem;font-weight:600;color:#334155}.detailed-analysis-description{padding:2rem 3rem 3rem 3rem}.description-content{max-width:100%}.primary-description{font-size:1.125rem;color:#475569;line-height:1.7;margin-bottom:2rem;font-weight:400}.analysis-categories{display:flex;gap:1rem;flex-wrap:wrap}.category-badge{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;background:linear-gradient(135deg,rgba(59,130,246,0.1) 0%,rgba(29,78,216,0.1) 100%);border:1px solid rgba(59,130,246,0.2);border-radius:12px;font-size:0.875rem;font-weight:600;color:#1d4ed8;transition:all 0.3s ease}.category-badge:hover{background:linear-gradient(135deg,rgba(59,130,246,0.15) 0%,rgba(29,78,216,0.15) 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,0.2)}.category-badge svg{color:#3b82f6}.analysis-sections{display:flex;flex-direction:column;gap:3rem;margin-top:3rem}.analysis-section{background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(226,232,240,0.4);box-shadow:0 4px 20px rgba(0,0,0,0.08);overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative}.analysis-section:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,0.12)}.analysis-section .section-header{display:flex;align-items:center;gap:1rem;padding:2rem 2rem 1.5rem;border-bottom:1px solid rgba(226,232,240,0.3);background:linear-gradient(135deg,rgba(248,250,252,0.8) 0%,rgba(255,255,255,0.9) 100%)}.section-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);color:#64748b;flex-shrink:0;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.rich-snippet-section .section-icon{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#d97706}.on-page-section .section-icon{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8}.links-section .section-icon{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#7c3aed}.content-section .section-icon{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#059669}.technical-section .section-icon{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626}.usability-section .section-icon{background:linear-gradient(135deg,#e0f2fe 0%,#b3e5fc 100%);color:#0284c7}.performance-section .section-icon{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);color:#0ea5e9}.analysis-section .section-header h3{font-family:'Poppins',sans-serif;font-size:1.8rem;font-weight:700;color:#1e293b;margin:0;flex-grow:1;letter-spacing:-0.01em}.section-status{padding:0.5rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.section-status.good{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.section-status.moderate{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.section-status.poor{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}.metrics-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:2rem}.metric-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius:16px;border:1px solid rgba(226,232,240,0.3);box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.metric-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);border-radius:16px 16px 0 0}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.1);background:linear-gradient(135deg,#ffffff 0%,#fafbfc 100%)}.metric-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.metric-card:hover .metric-icon{transform:scale(1.05) rotate(2deg)}.title-icon,.description-icon,.heading-icon,.content-icon,.image-icon{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8}.internal-icon,.external-icon,.robots-icon{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#7c3aed}.ssl-icon,.mobile-icon{background:linear-gradient(135deg,#e0f2fe 0%,#b3e5fc 100%);color:#0284c7}.metric-content{flex-grow:1}.metric-label{font-size:0.85rem;font-weight:600;color:#64748b;margin-bottom:0.25rem;text-transform:uppercase;letter-spacing:0.5px}.metric-value{font-size:1.2rem;font-weight:700;color:#1e293b;margin-bottom:0.25rem;font-family:'Poppins',sans-serif}.metric-status{font-size:0.75rem;font-weight:600;padding:0.25rem 0.75rem;border-radius:12px;display:inline-block}.metric-status.good{background:#d1fae5;color:#065f46}.metric-status.moderate{background:#fef3c7;color:#92400e}.metric-status.poor{background:#fee2e2;color:#991b1b}.best-practices-modern{padding:2rem;background:linear-gradient(135deg,#fafbfc 0%,#f1f5f9 100%)}.practices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.practices-card{background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(226,232,240,0.3);padding:2rem;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.practices-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:16px 16px 0 0}.best-practices::before{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}.recommendations::before{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%)}.practices-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.12)}.practices-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem}.practices-header svg{flex-shrink:0}.best-practices .practices-header svg{color:#10b981}.recommendations .practices-header svg{color:#f59e0b}.practices-header h4{font-family:'Poppins',sans-serif;font-size:1.2rem;font-weight:600;color:#1e293b;margin:0}.enhanced-list{list-style:none;padding:0;margin:0}.enhanced-list li{position:relative;padding-left:1.5rem;margin-bottom:1rem;line-height:1.6;font-size:0.9rem;color:#475569}.best-practices .enhanced-list li::before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:bold;font-size:1rem;top:0.1rem}.recommendations .enhanced-list li::before{content:"→";position:absolute;left:0;color:#f59e0b;font-weight:bold;font-size:1rem;top:0.1rem}.enhanced-list li strong{color:#1e293b;font-weight:600}.content-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:2rem}.keyword-analysis{padding:2rem;background:linear-gradient(135deg,#fafbfc 0%,#ffffff 100%);border-top:1px solid rgba(226,232,240,0.3)}.subsection-title{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem}.keywords-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.keyword-card{background:#ffffff;border:1px solid rgba(226,232,240,0.3);border-radius:12px;padding:1rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:all 0.3s ease}.keyword-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.keyword-name{font-weight:600;color:#1e293b;margin-bottom:0.5rem;font-size:0.9rem}.keyword-density{font-size:1.2rem;font-weight:700;color:#3b82f6;margin-bottom:0.5rem}.keyword-status{font-size:0.75rem;font-weight:600;padding:0.25rem 0.75rem;border-radius:12px;display:inline-block}.serp-features-section{background:linear-gradient(135deg,#fafbfc 0%,#ffffff 100%);border:1px solid rgba(226,232,240,0.3);border-radius:16px;overflow:hidden;margin-bottom:2rem}.serp-opportunities-overview{padding:2rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-bottom:1px solid rgba(226,232,240,0.3)}.opportunity-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.summary-card{background:#ffffff;border:1px solid rgba(226,232,240,0.3);border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:all 0.3s ease;position:relative;overflow:hidden}.summary-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.summary-card.featured-snippets::before{background:linear-gradient(90deg,#10b981,#34d399)}.summary-card.people-also-ask::before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.summary-card.local-pack::before{background:linear-gradient(90deg,#ef4444,#f87171)}.summary-card.rich-results::before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}.summary-icon{width:48px;height:48px;margin:0 auto 1rem;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#64748b}.summary-content h4{font-family:'Poppins',sans-serif;font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:0.5rem}.opportunity-score{font-size:1.5rem;font-weight:700;color:#3b82f6;margin-bottom:0.5rem}.opportunity-status{font-size:0.75rem;font-weight:600;padding:0.25rem 0.75rem;border-radius:12px;display:inline-block;text-transform:uppercase;letter-spacing:0.5px}.opportunity-status.high{background:#dcfce7;color:#166534}.opportunity-status.medium{background:#fef3c7;color:#92400e}.opportunity-status.low{background:#fee2e2;color:#991b1b}.serp-opportunities-detailed{padding:2rem}.opportunity-section{background:#ffffff;border:1px solid rgba(226,232,240,0.3);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.opportunity-title{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.opportunity-content{margin-top:1rem}.opportunity-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:0.75rem;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6}.metric-label{font-weight:500;color:#64748b;font-size:0.875rem}.metric-value{font-weight:600;color:#1e293b;font-size:0.875rem}.opportunity-recommendations{margin-top:1rem}.recommendation-item{display:flex;gap:0.75rem;margin-bottom:0.75rem;padding:1rem;background:#ffffff;border:1px solid #e2e8f0;border-radius:8px}.recommendation-priority{padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.recommendation-priority.high{background:#dcfce7;color:#166534}.recommendation-priority.medium{background:#fef3c7;color:#92400e}.recommendation-priority.low{background:#fee2e2;color:#991b1b}.recommendation-text{flex:1;color:#374151;line-height:1.5}.suggested-questions{margin-top:1rem}.suggested-questions h5{font-family:'Poppins',sans-serif;font-size:0.875rem;font-weight:600;color:#1e293b;margin-bottom:0.75rem}.question-list{list-style:none;padding:0;margin:0}.question-item{padding:0.75rem;background:#f8fafc;border-radius:6px;margin-bottom:0.5rem;border-left:3px solid #3b82f6;color:#374151;font-size:0.875rem}.local-optimization-tips{margin-top:1rem}.tip-item{display:flex;gap:0.75rem;margin-bottom:0.75rem;padding:1rem;background:#fffbeb;border-radius:8px;border-left:4px solid #f59e0b}.tip-icon{font-size:1.25rem;flex-shrink:0}.tip-text{color:#92400e;line-height:1.5}.schema-analysis h5,.recommended-schemas h5{font-family:'Poppins',sans-serif;font-size:0.875rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.schema-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0.75rem;margin-bottom:1.5rem}.schema-item{padding:0.75rem;background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;text-align:center}.schema-name{font-weight:500;color:#374151;font-size:0.875rem;margin-bottom:0.5rem}.schema-status{padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem;font-weight:600;text-transform:uppercase}.schema-status.implemented{background:#dcfce7;color:#166534}.schema-status.missing{background:#fee2e2;color:#991b1b}.schema-recommendation{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background:#ffffff;border:1px solid #e2e8f0;border-radius:8px}.schema-details{flex:1}.schema-title{font-weight:600;color:#1e293b;margin-bottom:0.5rem}.schema-description{color:#64748b;font-size:0.875rem;margin-bottom:0.5rem;line-height:1.5}.schema-benefit{color:#059669;font-size:0.75rem;font-weight:500}.serp-implementation-guide{margin-top:2rem;padding:1.5rem;background:#f8fafc;border-radius:12px}.guide-title{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem}.priority-sections{display:grid;gap:1rem}.priority-section{background:#ffffff;border-radius:8px;padding:1rem;border:1px solid #e2e8f0}.priority-section h5{font-family:'Poppins',sans-serif;font-size:0.875rem;font-weight:600;margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem}.priority-list{list-style:none;padding:0;margin:0}.priority-list li{padding:0.5rem 0;border-bottom:1px solid #f1f5f9;color:#374151;font-size:0.875rem;line-height:1.5}.priority-list li:last-child{border-bottom:none}.high-priority{border-left:4px solid #ef4444}.medium-priority{border-left:4px solid #f59e0b}.low-priority{border-left:4px solid #10b981}.opportunity-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:0.75rem;background:#f8fafc;border-radius:8px}.metric-label{font-weight:500;color:#64748b}.metric-value{font-weight:600;color:#1e293b}.opportunity-recommendations{margin-top:1rem}.recommendation-item{display:flex;align-items:flex-start;gap:0.75rem;padding:1rem;background:#f8fafc;border-radius:8px;margin-bottom:0.75rem}.recommendation-priority{font-size:0.7rem;font-weight:700;padding:0.25rem 0.5rem;border-radius:6px;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap}.recommendation-priority.high{background:#fecaca;color:#991b1b}.recommendation-priority.medium{background:#fed7aa;color:#9a3412}.recommendation-priority.low{background:#d1fae5;color:#065f46}.recommendation-text{flex:1;color:#374151;line-height:1.5}.suggested-questions h5{font-weight:600;color:#1e293b;margin-bottom:0.75rem}.question-list{list-style:none;padding:0}.question-item{padding:0.75rem;background:#ffffff;border:1px solid rgba(226,232,240,0.3);border-radius:8px;margin-bottom:0.5rem;color:#374151}.question-item::before{content:'❓';margin-right:0.5rem}.local-optimization-tips{margin-top:1rem}.tip-item{display:flex;align-items:flex-start;gap:0.75rem;padding:1rem;background:#fffbeb;border:1px solid rgba(251,191,36,0.2);border-radius:8px;margin-bottom:0.75rem}.tip-icon{font-size:1.2rem}.tip-text{color:#92400e;line-height:1.5}.schema-analysis h5{font-weight:600;color:#1e293b;margin-bottom:1rem}.schema-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0.75rem;margin-bottom:1.5rem}.schema-item{padding:0.75rem;background:#ffffff;border:1px solid rgba(226,232,240,0.3);border-radius:8px;text-align:center}.schema-name{font-weight:500;color:#1e293b;margin-bottom:0.5rem}.schema-status{font-size:0.75rem;font-weight:600;padding:0.25rem 0.5rem;border-radius:6px;text-transform:uppercase}.schema-status.implemented{background:#dcfce7;color:#166534}.schema-status.missing{background:#fee2e2;color:#991b1b}.recommended-schemas h5{font-weight:600;color:#1e293b;margin-bottom:1rem}.schema-recommendation{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#ffffff;border:1px solid rgba(226,232,240,0.3);border-radius:12px;margin-bottom:1rem}.schema-priority{font-size:0.7rem;font-weight:700;padding:0.25rem 0.5rem;border-radius:6px;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap}.schema-priority.high{background:#fecaca;color:#991b1b}.schema-priority.medium{background:#fed7aa;color:#9a3412}.schema-priority.low{background:#d1fae5;color:#065f46}.schema-details{flex:1}.schema-title{font-weight:600;color:#1e293b;margin-bottom:0.5rem}.schema-description{color:#64748b;margin-bottom:0.5rem;line-height:1.5}.schema-benefit{font-size:0.875rem;color:#059669;font-weight:500}.serp-implementation-guide{padding:2rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-top:1px solid rgba(226,232,240,0.3)}.guide-title{font-family:'Poppins',sans-serif;font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;text-align:center}.priority-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.priority-section{background:#ffffff;border:1px solid rgba(226,232,240,0.3);border-radius:12px;padding:1.5rem}.priority-section h5{font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.priority-section.high-priority h5{color:#dc2626}.priority-section.medium-priority h5{color:#d97706}.priority-section.low-priority h5{color:#059669}.priority-list{list-style:none;padding:0}.priority-list li{padding:0.75rem;background:#f8fafc;border-radius:8px;margin-bottom:0.5rem;color:#374151;line-height:1.5}.priority-list li::before{content:'✓';color:#059669;font-weight:bold;margin-right:0.5rem}.technical-subsections,.performance-subsections{padding:2rem}.tech-subsection,.perf-subsection{margin-bottom:2rem;background:rgba(255,255,255,0.7);border-radius:12px;padding:1.5rem;border:1px solid rgba(226,232,240,0.2)}.tech-metrics,.perf-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.tech-metric,.perf-metric{background:#ffffff;border:1px solid rgba(226,232,240,0.3);border-radius:8px;padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:all 0.3s ease}.tech-metric:hover,.perf-metric:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}@media (max-width:1024px){.detailed-analysis-container{padding:2rem;margin-top:2rem}.metrics-showcase{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1.5rem}.practices-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:768px){.detailed-analysis-container{padding:1.5rem;border-radius:16px}.analysis-sections{gap:2rem}.analysis-section .section-header{padding:1.5rem 1.5rem 1rem;flex-direction:column;text-align:center;gap:1rem}.section-icon{width:40px;height:40px}.metrics-showcase{grid-template-columns:1fr;gap:1rem;padding:1rem}.content-metrics-grid,.keywords-grid,.tech-metrics,.perf-metrics{grid-template-columns:1fr}.practices-card{padding:1.5rem}.best-practices-modern{padding:1rem}.technical-subsections,.performance-subsections{padding:1rem}.tech-subsection,.perf-subsection{padding:1rem;margin-bottom:1rem}}@media (max-width:480px){.detailed-analysis-container{padding:1rem;margin-top:1rem}.analysis-section .section-header h3{font-size:1.2rem}.metric-card{padding:1rem;flex-direction:column;text-align:center;gap:0.75rem}.metric-icon{width:48px;height:48px}.practices-header{flex-direction:column;text-align:center;gap:0.5rem}}.detailed-analysis-section{padding:3rem 0;margin-bottom:2rem;background:linear-gradient(135deg,#fafbfc 0%,#f1f5f9 100%);border-radius:20px;border:1px solid rgba(226,232,240,0.3);position:relative;z-index:2}.analysis-header{text-align:center;margin-bottom:2rem}.detailed-analysis-headline{font-family:'Outfit',sans-serif;font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:0.5rem;letter-spacing:-0.025em;line-height:1.2;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.analysis-subheader{display:flex;align-items:center;justify-content:center;gap:0.75rem;color:#64748b;font-size:1.125rem;margin-top:0.5rem}.analysis-icon{color:#ef4444}.analysis-description{max-width:800px;margin:0 auto;padding:0 2rem}.primary-desc{text-align:center;font-size:1.125rem;color:#475569;line-height:1.75;margin-bottom:2rem}.analysis-overview{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-top:2rem;padding:1.5rem;background:rgba(255,255,255,0.7);border-radius:8px;backdrop-filter:blur(8px)}.overview-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1.25rem;background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:transform 0.2s ease,box-shadow 0.2s ease}.overview-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}.overview-icon{color:#ef4444}.overview-item span{font-size:1rem;font-weight:500;color:#334155}@media (max-width:768px){.detailed-analysis-header{padding:2rem 1.5rem 1.5rem 1.5rem}.header-content{flex-direction:column;text-align:center;gap:1.5rem;margin-bottom:1.5rem}.detailed-analysis-title{font-size:2rem}.detailed-analysis-subtitle{font-size:1rem}.analysis-metrics-preview{justify-content:center;gap:1rem}.detailed-analysis-description{padding:1.5rem}.primary-description{font-size:1rem}.analysis-categories{justify-content:center;gap:0.75rem}}@media (max-width:480px){.detailed-analysis-header{padding:1.5rem 1rem 1rem 1rem}.detailed-analysis-title{font-size:1.75rem}.analysis-metrics-preview{flex-direction:column;align-items:center}.metric-preview{width:100%;justify-content:center}.analysis-categories{flex-direction:column;align-items:center}.category-badge{width:100%;justify-content:center}}.best-practice ul,.recommendations ul{list-style:none;padding-left:0;margin:0}.best-practice li,.recommendations li{position:relative;padding-left:1.5rem;margin-bottom:1.2rem;line-height:1.6;font-size:0.9rem;color:#333}.best-practice li::before{content:"—";position:absolute;left:0;color:#137333}.recommendations li::before{content:"—";position:absolute;left:0;color:#c5221f}.section-heading{color:#1f2937;font-size:0.95rem;font-weight:600;margin-bottom:0.75rem;padding-bottom:0.25rem;border-bottom:1px solid #e5e7eb}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric-item{background:white;padding:1rem;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.metric-label{color:#4a5568;font-size:0.8rem;margin-bottom:0.25rem}.metric-value{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:0.5rem}.status-banner{text-align:center;padding:0.25rem;border-radius:4px;font-size:0.75rem;width:100%}.status-good{background-color:#dcfce7;color:#166534}.status-moderate{background-color:#fef3c7;color:#92400e}.status-poor{background-color:#fee2e2;color:#991b1b}.score-bar{height:3px;border-radius:2px;margin-bottom:1rem;transition:width 1s ease-out,background-color 1s ease-out;max-width:200px}.section-container{background:#f8fafc;border-radius:6px;padding:1rem;margin-bottom:1rem}.keyword-item{background:white;padding:1rem;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.keyword-label{color:#4a5568;font-size:0.8rem;margin-bottom:0.25rem}.keyword-value{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:0.5rem}.result-box{max-width:1000px;margin:0 auto 1.5rem}.result-box h3{font-size:1rem;color:#1f2937;margin-bottom:0.75rem}.section-container + .section-container{margin-top:1rem}.seo-analysis-results{max-width:1000px;margin:0 auto;padding:1rem}@media (max-width:768px){.keyword-content{grid-template-columns:1fr}.related-keywords-section{grid-template-columns:1fr}.keyword-metrics{flex-direction:column}.intent-bar{flex-wrap:wrap}.intent-label{min-width:100%}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000}.modal-content{background-color:#ffffff;margin:15% auto;padding:20px;border-radius:10px;width:80%;max-width:800px;position:relative}.close{position:absolute;right:20px;top:10px;font-size:28px;font-weight:bold;cursor:pointer}@media (max-width:768px){.practices-recommendations-wrapper{grid-template-columns:1fr}.keyword-content{grid-template-columns:1fr}.score-overview{flex-direction:column}.content-analysis-table{display:block;overflow-x:auto}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.longtail-keywords{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem}.longtail-keyword-card{background:white;padding:1rem;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.keyword-text{font-size:0.95rem;color:#202124;margin-bottom:0.75rem;font-weight:500}.business-context{margin-top:0.5rem}.context-badge{display:inline-block;padding:2px 8px;background:#e8f0fe;color:#1a73e8;border-radius:12px;font-size:0.8rem;font-weight:500}.keyword-metrics{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem}.metric-badge.competition-low{background:#e6f4ea;color:#137333}.metric-badge.competition-medium{background:#fef7e0;color:#b06000}.metric-badge.competition-high{background:#fce8e6;color:#c5221f}@media (max-width:768px){.longtail-keywords{grid-template-columns:1fr}.keyword-metrics{flex-direction:column}}.section-description{margin:15px 0 25px 0;padding:0}.section-description-text{font-size:1rem;color:#64748b;line-height:1.6;margin:0;font-weight:400}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4)}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px 30px;border:1px solid #888;width:80%;max-width:800px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);font-family:'Arial',sans-serif}.modal-content h2{font-size:2.5rem;color:#002147;margin-bottom:5px;padding-bottom:0;border-bottom:none;font-weight:bold}.modal-content h2::after{content:'';display:block;width:100%;height:2px;background-color:#ff4444;margin-top:10px;margin-bottom:40px}.modal-content p{line-height:1.6;font-size:1rem;margin-bottom:25px}.close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer}.close:hover,.close:focus{color:#ff4444;text-decoration:none;cursor:pointer}.section-header{font-size:1.3rem;color:#333;margin-top:50px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #eee}.ai-suggestion{background-color:#f0f5ff;border-left:4px solid #ff4444;padding:15px 20px;margin-top:20px;margin-bottom:20px;position:relative;padding-right:120px;font-size:14px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.recommendation h4.section-description{color:#002147;font-size:16px;margin-bottom:15px;padding-bottom:5px;border-bottom:2px solid #ff4444;display:inline-block}.recommendation h4:not(.section-description){color:#002147;margin-bottom:8px}.ai-suggestion p{margin-bottom:8px;color:#002147}.ai-suggestion strong{color:#002147}.copy-button{background-color:#002147;color:white;border:none;padding:8px 16px;font-size:14px;border-radius:4px;cursor:pointer;position:absolute;right:10px;top:10px;transition:background-color 0.3s}.copy-button:hover{background-color:#001a38;opacity:0.9}.existing-tag{color:#002147;margin-bottom:20px;font-style:italic}h3.recommendation-section{color:#002147;font-size:1.4rem;margin-top:40px;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #eee}@media (max-width:600px){.modal-content{width:95%;margin:10% auto;padding:15px}.ai-suggestion{padding-right:15px;padding-bottom:60px}.copy-button{position:static;display:block;width:100%;margin-top:15px}}@media (max-width:768px){.modal-content{width:95%;margin:10% auto}.modal-content h2{font-size:1.5rem}.section-header{font-size:1.2rem}}.knowledge-hero{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);padding:6rem 2rem 4rem;text-align:center;position:relative;overflow:hidden}.knowledge-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(79,70,229,0.03) 0%,transparent 60%);z-index:0}.knowledge-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.knowledge-hero h1{font-family:'Poppins',sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;color:#1e293b;letter-spacing:-0.03em;line-height:1.1}.knowledge-hero p{font-size:1.2rem;color:#64748b;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.knowledge-stats{display:flex;justify-content:center;gap:3rem;margin-top:3rem}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:#818cf8;line-height:1;margin-bottom:0.5rem}.stat-label{font-size:0.9rem;color:#64748b;font-weight:500}.quick-nav-section{padding:4rem 0;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%)}.quick-nav-section h2{text-align:center;font-family:'Poppins',sans-serif;font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:3rem}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.nav-card{background:rgba(255,255,255,0.9);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;text-decoration:none;color:inherit;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(255,255,255,0.2);box-shadow:0 4px 15px rgba(0,0,0,0.1);text-align:center;position:relative;overflow:hidden}.nav-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:16px 16px 0 0}.nav-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px rgba(0,0,0,0.15)}.nav-card.active{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);color:white}.nav-icon{font-size:2.5rem;color:#818cf8;margin-bottom:1.5rem}.nav-card.active .nav-icon{color:white}.nav-card h3{font-family:'Poppins',sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:#1e293b}.nav-card.active h3{color:white}.nav-card p{color:#64748b;font-size:0.95rem;line-height:1.6;margin:0}.nav-card.active p{color:rgba(255,255,255,0.9)}.knowledge-section{padding:6rem 0;position:relative}.knowledge-section:nth-child(even){background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%)}.knowledge-section:nth-child(odd){background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%)}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-family:'Poppins',sans-serif;font-size:3rem;font-weight:700;color:#1e293b;margin-bottom:1rem;letter-spacing:-0.02em}.section-divider{width:80px;height:4px;background:var(--gradient-primary);margin:0 auto 1.5rem;border-radius:3px}.section-subtitle{font-size:1.2rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.knowledge-grid{display:grid;grid-template-columns:1fr;gap:3rem;max-width:1200px;margin:0 auto;padding:0 2rem}.knowledge-card{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.1);overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.knowledge-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,0.15)}.card-header{padding:2rem 2rem 1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.card-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.foundations-icon{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8}.technical-icon{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#7c3aed}.content-icon{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#059669}.analytics-icon{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#d97706}.card-header h3{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:600;color:#1e293b;margin:0;flex-grow:1}.difficulty-badge{padding:0.25rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.difficulty-badge.beginner{background:#dcfce7;color:#166534}.difficulty-badge.intermediate{background:#fef3c7;color:#92400e}.difficulty-badge.advanced{background:#fee2e2;color:#991b1b}.card-content{padding:0 2rem 2rem;color:#374151;line-height:1.7}.card-content h4{font-family:'Poppins',sans-serif;font-size:1.2rem;font-weight:600;color:#1e293b;margin:2rem 0 1rem}.card-content h5{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:600;color:#1e293b;margin:1.5rem 0 0.75rem}.insight-list{list-style:none;padding:0;margin:1rem 0}.insight-list li{position:relative;padding-left:1.5rem;margin-bottom:0.75rem;font-size:0.95rem}.insight-list li::before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:bold;font-size:1rem}.process-list{counter-reset:step-counter;list-style:none;padding:0;margin:1.5rem 0}.process-list li{counter-increment:step-counter;position:relative;padding-left:3rem;margin-bottom:1.5rem;font-size:0.95rem}.process-list li::before{content:counter(step-counter);position:absolute;left:0;top:0;width:2rem;height:2rem;background:var(--gradient-primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:0.9rem}.pro-tip{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-left:4px solid #0ea5e9;border-radius:8px;padding:1.5rem;margin:2rem 0}.pro-tip h5{color:#0c4a6e;margin:0 0 0.75rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:0.5rem}.pro-tip p{margin:0;color:#164e63;font-size:0.95rem}.keyword-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}.keyword-type{background:#f8fafc;padding:1rem;border-radius:8px;border-left:3px solid #818cf8}.keyword-type strong{display:block;color:#1e293b;margin-bottom:0.5rem}.example{font-style:italic;color:#64748b;font-size:0.9rem}.optimization-checklist{margin:1.5rem 0}.checklist-item{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border-left:3px solid #10b981}.checklist-item i{color:#10b981;font-size:1.2rem;margin-top:0.2rem;flex-shrink:0}.checklist-item strong{display:block;color:#1e293b;margin-bottom:0.5rem}.checklist-item p{margin:0;color:#64748b;font-size:0.95rem}.vitals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.vital-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.vital-card h4{color:#1e293b;margin-bottom:1rem;font-size:1.1rem;display:flex;align-items:center;gap:0.5rem}.target-score{background:#dcfce7;color:#166534;padding:0.5rem 1rem;border-radius:6px;font-weight:600;font-size:0.9rem;margin-bottom:1rem;display:inline-block}.vital-card ul{list-style:none;padding:0;margin:0}.vital-card li{position:relative;padding-left:1.2rem;margin-bottom:0.5rem;font-size:0.9rem;color:#4b5563}.vital-card li::before{content:"→";position:absolute;left:0;color:#818cf8;font-weight:bold}.tech-elements{margin:2rem 0}.tech-element{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.tech-element h5{color:#1e293b;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.code-example{background:#1f2937;border-radius:8px;padding:1rem;margin:1rem 0;overflow-x:auto}.code-example pre{margin:0;color:#f9fafb;font-family:'Monaco','Menlo',monospace;font-size:0.85rem;line-height:1.5}.mobile-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.checklist-category{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.checklist-category h5{color:#1e293b;margin-bottom:1rem;font-size:1.1rem}.content-framework{margin:2rem 0}.framework-step{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#ffffff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.step-number{width:3rem;height:3rem;background:var(--gradient-primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.step-content h5{color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.intent-types{margin:2rem 0}.intent-type{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.intent-type h5{color:#1e293b;margin-bottom:1rem;font-size:1.1rem;display:flex;align-items:center;gap:0.5rem}.intent-details p{margin:0.5rem 0;font-size:0.9rem}.intent-details strong{color:#374151}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.metric-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.metric-card h5{color:#1e293b;margin-bottom:0.5rem;font-size:0.95rem}.metric-card p{margin:0;color:#64748b;font-size:0.85rem}.optimization-techniques{list-style:none;padding:0;margin:1.5rem 0}.optimization-techniques li{position:relative;padding-left:1.5rem;margin-bottom:1rem;font-size:0.95rem;color:#374151}.optimization-techniques li::before{content:"⚡";position:absolute;left:0;color:#f59e0b;font-size:1rem}.tools-setup{margin:2rem 0}.tool-category{margin-bottom:2.5rem}.tool-category h5{color:#1e293b;margin-bottom:1.5rem;font-size:1.3rem;display:flex;align-items:center;gap:0.5rem}.tool-list{display:grid;gap:1.5rem}.tool-item{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.tool-item strong{color:#1e293b;font-size:1.1rem;display:block;margin-bottom:0.5rem}.tool-item>p{color:#64748b;margin-bottom:1rem;font-size:0.95rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.kpi-category{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.kpi-category h5{color:#1e293b;margin-bottom:1rem;font-size:1.1rem}.report-template{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:2rem 0}.report-section{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.report-section h6{color:#1e293b;margin-bottom:0.5rem;font-size:1rem}.report-section p{margin:0;color:#64748b;font-size:0.85rem}.advanced-strategies-section{padding:6rem 0;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);color:white;text-align:center}.advanced-strategies-section .section-header h2{color:white}.advanced-strategies-section .section-subtitle{color:rgba(255,255,255,0.8)}.strategies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.strategy-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.2);border-radius:16px;padding:2rem;text-align:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.strategy-card:hover{transform:translateY(-8px);background:rgba(255,255,255,0.15);box-shadow:0 12px 40px rgba(0,0,0,0.3)}.strategy-icon{font-size:3rem;color:#818cf8;margin-bottom:1.5rem}.strategy-card h3{font-family:'Poppins',sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:white}.strategy-card p{color:rgba(255,255,255,0.8);font-size:0.95rem;line-height:1.6;margin-bottom:1.5rem}.strategy-link{color:#818cf8;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:0.5rem;transition:all 0.3s ease}.strategy-link:hover{color:#6366f1;transform:translateX(5px)}@media (max-width:1024px){.knowledge-stats{gap:2rem}.nav-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.vitals-grid,.mobile-checklist,.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.knowledge-hero{padding:4rem 1rem 3rem}.knowledge-hero h1{font-size:2.5rem}.knowledge-hero p{font-size:1rem}.knowledge-stats{flex-direction:column;gap:1.5rem}.section-header h2{font-size:2rem}.knowledge-section{padding:4rem 0}.card-header{flex-direction:column;text-align:center;gap:1rem}.framework-step{flex-direction:column;text-align:center}.nav-grid,.strategies-grid{grid-template-columns:1fr}.keyword-types,.metrics-grid,.report-template{grid-template-columns:1fr}.vitals-grid,.mobile-checklist,.kpi-grid{grid-template-columns:1fr}}@media (max-width:480px){.knowledge-hero h1{font-size:2rem}.stat-number{font-size:2rem}.section-header h2{font-size:1.75rem}.card-content,.nav-card,.strategy-card{padding:1.5rem}.framework-step,.tool-item,.vital-card{padding:1rem}}.dashboard-container{display:flex;max-width:1200px;margin:2rem auto;background-color:white;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.dashboard-sidebar{width:250px;padding:2rem;background-color:#f5f5f5;border-radius:8px 0 0 8px}.dashboard-main{flex-grow:1;padding:2rem}.user-info{text-align:center;margin-bottom:2rem}.profile-picture{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:1rem}.dashboard-nav ul{list-style-type:none;padding:0}.dashboard-nav li{margin-bottom:0.5rem}.dashboard-nav a{display:block;padding:0.5rem;color:#333;text-decoration:none;border-radius:4px;transition:background-color 0.3s}.dashboard-nav a:hover{background-color:#e0e0e0}.dashboard-section{margin-bottom:2rem}.dashboard-main h1,.dashboard-main h2{margin-bottom:1rem;color:#333}.upload-form,.analysis-form{display:flex;flex-direction:column;gap:1rem;max-width:400px}.file-input-wrapper{position:relative;overflow:hidden;display:inline-block}.file-input-wrapper input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0}.file-input-wrapper label{display:inline-block;padding:0.5rem 1rem;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer}.analysis-list{list-style-type:none;padding:0}.analysis-item{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;border-bottom:1px solid #eee}.analysis-filename{font-weight:bold}.analysis-date{color:#666}.analysis-status{font-style:italic}.btn{display:inline-block;padding:0.75rem 1.5rem;font-size:1rem;text-align:center;text-decoration:none;border-radius:4px;transition:background-color 0.3s,color 0.3s;cursor:pointer}.btn-primary{background-color:#4f46e5;color:white;border:none}.btn-secondary{background-color:#f0f0f0;color:#333;border:1px solid #ddd}.btn:hover{opacity:0.9}.alert{padding:1rem;border-radius:4px;margin-bottom:1rem}.alert-info{background-color:#e6f3ff;border:1px solid #b8daff;color:#004085}@media (max-width:768px){nav{flex-wrap:wrap}.logo{flex:0 0 auto;margin-right:auto}.auth-buttons{flex:0 0 auto;margin-left:auto}.nav-links{flex-basis:100%;display:none;flex-direction:column;width:100%;margin-top:1rem}.nav-links.show{display:flex}header{position:relative}.logo{position:absolute;left:15px;top:50%;transform:translateY(-50%)}.auth-buttons{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.hero h1{font-size:2.5rem}.hero .subheading{font-size:1.2rem}.seo-analyzer{flex-direction:column}.seo-analyzer input,.seo-analyzer button{width:100%;border-radius:5px;margin-bottom:1rem}.description{font-size:1.1rem}.features{flex-direction:column;align-items:center}.feature-box{width:100%;margin-bottom:2rem}.seo-analysis-results{padding:1rem;margin:1rem}.score-overview{flex-direction:column;padding:1rem}.aspect-scores{flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin-top:2rem}.aspect-score{width:45%;margin-bottom:1rem}.detailed-results,.additional-results{grid-template-columns:1fr}.result-box{padding:1rem}.result-content{max-height:none}.content-analysis-table{font-size:0.8rem}.content-analysis-table th,.content-analysis-table td{padding:4px}}@media (max-width:480px){.seo-analysis-results{padding:0.5rem;margin:0.5rem}.result-box p,.result-box li,.best-practice li,.recommendations li{word-break:break-word}.circular-chart.small{width:50px;height:50px}.circular-chart.large{width:120px;height:120px}.aspect-score{width:100%}.best-practice,.recommendations{padding:10px}.best-practice h4,.recommendations h4{font-size:1rem}.best-practice li,.recommendations li{font-size:0.85rem}}.search-intent-section{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0}.intent-mapping-overview{margin-bottom:2rem}.intent-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.intent-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,0.1);border:1px solid #e2e8f0}.intent-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem}.intent-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.intent-header h4{margin:0;font-size:1.1rem;color:#334155}.intent-details{display:flex;flex-direction:column;gap:0.5rem}.intent-type,.journey-stage{font-size:1.25rem;font-weight:600;color:#1e293b}.intent-confidence,.journey-alignment{font-size:0.9rem;color:#64748b}.intent-distribution{background:white;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0}.intent-distribution h4{margin:0 0 1rem 0;color:#334155}.distribution-chart{margin-bottom:1rem}.distribution-bar{display:flex;height:40px;border-radius:20px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1);margin-bottom:1rem}.bar-segment{display:flex;align-items:center;justify-content:center;position:relative;min-width:20px}.bar-segment.informational{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%)}.bar-segment.commercial{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}.bar-segment.navigational{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%)}.segment-label{color:white;font-weight:600;font-size:0.85rem;text-shadow:0 1px 2px rgba(0,0,0,0.2)}.distribution-legend{display:flex;gap:1.5rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:0.5rem}.legend-color{width:16px;height:16px;border-radius:4px}.legend-color.informational{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%)}.legend-color.commercial{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}.legend-color.navigational{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%)}.serp-performance-analysis{background:white;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:1.5rem}.serp-performance-analysis h4{margin:0 0 1rem 0;color:#334155}.performance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.performance-metric{display:flex;justify-content:space-between;align-items:center;padding:0.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.metric-name{font-weight:500;color:#475569}.metric-status{padding:0.25rem 0.75rem;border-radius:16px;font-size:0.8rem;font-weight:600}.metric-status.good{background:#dcfce7;color:#166534}.metric-status.medium{background:#fef3c7;color:#92400e}.metric-status.poor{background:#fee2e2;color:#dc2626}.content-recommendations{background:white;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:1.5rem}.content-recommendations h4{margin:0 0 1rem 0;color:#334155}.recommendations-grid{display:flex;flex-direction:column;gap:1rem}.recommendation-item{display:flex;align-items:flex-start;gap:0.75rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.recommendation-icon{font-size:1.2rem;margin-top:0.1rem}.recommendation-text{flex:1;color:#475569;line-height:1.5}.optimization-suggestions{background:white;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0}.optimization-suggestions h4{margin:0 0 1rem 0;color:#334155}.suggestions-list{display:flex;flex-direction:column;gap:1rem}.suggestion-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.suggestion-priority{padding:0.25rem 0.75rem;border-radius:16px;font-size:0.8rem;font-weight:600;white-space:nowrap}.suggestion-priority.high{background:#fee2e2;color:#dc2626}.suggestion-priority.medium{background:#fef3c7;color:#92400e}.suggestion-priority.low{background:#dcfce7;color:#166534}.suggestion-content{flex:1}.suggestion-title{font-weight:500;color:#334155;margin-bottom:0.25rem}.suggestion-impact{font-size:0.9rem;color:#64748b;font-style:italic}@media (max-width:768px){.intent-summary-grid{grid-template-columns:1fr;gap:1rem}.performance-metrics{grid-template-columns:1fr}.distribution-legend{flex-direction:column;gap:0.75rem}.suggestion-item{flex-direction:column;gap:0.75rem}.suggestion-priority{align-self:flex-start}}@media (max-width:768px){.auth-buttons a[href*="analyze_seo"],.auth-buttons .btn-secondary:not(:last-child){display:none!important}}.brand-analysis-section{background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(226,232,240,0.3);box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;position:relative}.brand-analysis-section:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,0.12)}.brand-analysis-section .section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9;position:relative}.brand-analysis-section .section-status{padding:0.5rem 1rem;border-radius:25px;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.brand-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:25px 0}.brand-metric{background:#ffffff;border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:all 0.3s ease}.brand-metric:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.1);border-color:#cbd5e1}.brand-metric .metric-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:white}.brand-metric .metric-icon.sentiment{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.brand-metric .metric-icon.authority{background:linear-gradient(135deg,#10b981,#059669)}.brand-metric .metric-icon.accuracy{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.brand-metric .metric-icon.safety{background:linear-gradient(135deg,#f59e0b,#d97706)}.brand-metric .metric-name{font-size:14px;font-weight:500;color:#64748b;margin-bottom:8px}.brand-metric .metric-value{font-size:28px;font-weight:700;color:#1e293b;margin:8px 0}.brand-metric .metric-description{font-size:13px;color:#64748b;margin-top:4px}.brand-metric .metric-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;display:inline-block;margin-top:8px}.brand-metric .metric-status.positive{background:#dcfce7;color:#166534}.brand-metric .metric-status.neutral{background:#fef3c7;color:#92400e}.brand-metric .metric-status.negative{background:#fee2e2;color:#dc2626}.brand-metric .metric-status.verified{background:#dcfce7;color:#166534}.brand-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:32px}.insight-section{background:#ffffff;border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.insight-section h4{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:16px}.positioning-info{display:flex;align-items:center;gap:15px;margin:15px 0}.position-badge{padding:6px 16px;border-radius:25px;font-weight:600;font-size:14px;text-transform:capitalize}.position-badge.leader{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#333}.position-badge.challenger{background:linear-gradient(135deg,#818cf8,#ee5a52);color:white}.position-badge.follower{background:linear-gradient(135deg,#74b9ff,#0984e3);color:white}.position-badge.niche{background:linear-gradient(135deg,#a29bfe,#6c5ce7);color:white}.value-props{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.value-prop-tag{background:#f1f5f9;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;color:#475569;border:1px solid #e2e8f0}.ai-potential-info{text-align:center}.potential-score{font-size:36px;font-weight:700;margin:15px 0}.mention-potential{padding:6px 16px;border-radius:25px;font-weight:600;margin-top:10px;display:inline-block}.mention-potential.high{background:rgba(76,175,80,0.3);color:#4caf50}.mention-potential.medium{background:rgba(255,193,7,0.3);color:#ffc107}.mention-potential.low{background:rgba(244,67,54,0.3);color:#f44336}.prompt-trends-section{background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(226,232,240,0.3);box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;position:relative}.prompt-trends-section:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,0.12)}.prompt-trends-section .section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9;position:relative}.prompts-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.prompt-item{background:rgba(255,255,255,0.1);border-radius:12px;padding:20px;backdrop-filter:blur(10px)}.prompt-text{font-weight:600;font-size:16px;margin-bottom:10px}.prompt-metrics{display:flex;gap:15px;align-items:center}.volume-badge{padding:4px 12px;border-radius:15px;font-size:12px;font-weight:600;text-transform:uppercase}.volume-badge.high{background:rgba(76,175,80,0.3);color:#4caf50}.volume-badge.medium{background:rgba(255,193,7,0.3);color:#ffc107}.volume-badge.low{background:rgba(244,67,54,0.3);color:#f44336}.relevance-score{font-size:14px;font-weight:600}.industry-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin:30px 0}.insight-category{background:rgba(255,255,255,0.1);border-radius:12px;padding:20px;backdrop-filter:blur(10px)}.topics-grid,.themes-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.topic-tag,.theme-tag{background:rgba(255,255,255,0.2);padding:8px 16px;border-radius:20px;font-size:14px;border:1px solid rgba(255,255,255,0.3)}.opportunities-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.opportunity-item{background:rgba(255,255,255,0.1);border-radius:12px;padding:15px;display:flex;align-items:center;gap:15px}.opportunity-icon{font-size:20px}@media (max-width:768px){.brand-metrics-grid{grid-template-columns:1fr}.industry-insights{grid-template-columns:1fr}}.task-ai-section{margin-top:10px}.ask-ai-toggle{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 4px rgba(102,126,234,0.2);min-height:44px}.ask-ai-toggle:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(102,126,234,0.3)}.ask-ai-toggle:disabled{opacity:0.7;cursor:not-allowed;transform:none}.ask-ai-toggle svg{width:16px;height:16px;flex-shrink:0}.ai-content{margin-top:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:16px}.ai-content.hidden{display:none!important}.ai-loading-inline{display:flex;align-items:center;gap:12px;color:#6b7280;font-size:14px}.spinner-small{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.ai-recommendation-inline{font-size:14px;line-height:1.5}.ai-rec-section,.ai-exp-section,.ai-imp-section{margin-bottom:16px}.ai-rec-section:last-child,.ai-exp-section:last-child,.ai-imp-section:last-child{margin-bottom:0}.ai-rec-section h6,.ai-exp-section h6,.ai-imp-section h6{font-size:14px;font-weight:600;color:#374151;margin:0 0 8px 0;display:flex;align-items:center;gap:6px}.ai-rec-text,.ai-exp-text,.ai-imp-text{color:#4b5563;margin:0;padding:12px;background:white;border-radius:6px;border-left:3px solid #667eea}.ai-error-inline{color:#dc2626;font-size:14px;text-align:center;padding:20px}.ai-error-inline .error-message{margin:0}.ai-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.ai-modal-content{background:white;border-radius:16px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);animation:modalSlideIn 0.3s ease-out}@keyframes modalSlideIn{from{opacity:0;transform:scale(0.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ai-modal-header{padding:24px 24px 0 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.ai-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.ai-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all 0.2s ease}.ai-modal-close:hover{background:#f3f4f6;color:#374151}.ai-modal-body{padding:0 24px 24px 24px;min-height:200px}.ai-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.ai-loading p{color:#6b7280;font-size:16px;margin:0}.ai-recommendation-section,.ai-explanation-section,.ai-improvement-section{margin-bottom:24px}.ai-recommendation-section h4,.ai-explanation-section h4,.ai-improvement-section h4{font-size:16px;font-weight:600;color:#374151;margin:0 0 12px 0;display:flex;align-items:center;gap:8px}.ai-recommendation-section h4::before{content:"💡";font-size:18px}.ai-explanation-section h4::before{content:"🧠";font-size:18px}.ai-improvement-section h4::before{content:"📈";font-size:18px}.ai-recommendation-text,.ai-explanation-text,.ai-improvement-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;font-size:15px;line-height:1.6;color:#334155;margin:0}.ai-recommendation-text{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#0ea5e9;font-weight:500}.ai-error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.ai-error-message svg{color:#ef4444;margin-bottom:16px}.ai-error-message p{color:#6b7280;font-size:16px;margin:0}.ai-modal-footer{padding:16px 24px 24px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e5e7eb}.ai-btn-primary,.ai-btn-secondary{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all 0.2s ease;border:none}.ai-btn-primary{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;box-shadow:0 2px 4px rgba(16,185,129,0.2)}.ai-btn-primary:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(16,185,129,0.3)}.ai-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.ai-btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}@media (max-width:768px){.ai-modal{padding:10px}.ai-modal-content{max-height:90vh;border-radius:12px}.ai-modal-header,.ai-modal-body,.ai-modal-footer{padding-left:16px;padding-right:16px}.ai-modal-header h3{font-size:18px}.ai-modal-footer{flex-direction:column-reverse}.ai-btn-primary,.ai-btn-secondary{width:100%;justify-content:center}}header.site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0.75rem 1.5rem!important;box-shadow:none!important;border-bottom:none!important;margin:0!important;z-index:1000!important;transition:all 0.35s cubic-bezier(0.4,0,0.2,1)!important}header.site-header.scrolled{background:rgba(255,255,255,0.95)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;padding:0.35rem 1.5rem!important;box-shadow:0 4px 30px rgba(0,0,0,0.08)!important;border-bottom:1px solid rgba(241,245,249,0.8)!important}.site-nav{display:flex!important;justify-content:space-between!important;align-items:center!important;max-width:1200px!important;margin:0 auto!important;height:56px!important;transition:height 0.35s ease!important}header.site-header.scrolled .site-nav{height:52px!important}.site-logo{display:flex!important;align-items:center!important;gap:0.6rem!important;text-decoration:none!important}.site-logo-text{font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif!important;font-weight:700!important;font-size:30px!important;color:#0f172a!important;letter-spacing:0.02em!important;text-transform:uppercase!important}.site-nav .nav-links{display:flex;gap:2rem}.site-nav .nav-links .nav-link{font-size:0.9rem;font-weight:500;color:#475569;text-decoration:none;transition:color 0.2s ease}.site-nav .nav-links .nav-link:hover{color:#4f46e5}.site-nav .auth-buttons{display:flex;align-items:center;gap:0.75rem}.nav-btn{display:inline-flex;align-items:center;padding:0.5rem 1.1rem;font-size:0.875rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all 0.2s ease;font-family:'Inter',sans-serif}.nav-btn-ghost{color:#475569;background:transparent}.nav-btn-ghost:hover{color:#4f46e5;background:rgba(99,102,241,0.06)}.nav-btn-primary{color:#ffffff!important;background:#4f46e5!important}.nav-btn-primary:hover{background:#4338ca!important;box-shadow:0 2px 8px rgba(79,70,229,0.3)}.nav-btn-lang{font-size:0.82rem;padding:0.35rem 0.75rem;border:1px solid rgba(79,70,229,0.3);border-radius:6px;color:#4f46e5;background:transparent;transition:all 0.2s;display:inline-flex;align-items:center;gap:0.35rem;text-decoration:none;white-space:nowrap}.nav-btn-lang:hover{background:rgba(79,70,229,0.08);border-color:#4f46e5}.nav-btn-lang i{font-size:0.9rem}.site-nav .mobile-rank-now{display:none}@media (max-width:768px){.site-nav .nav-links,.site-nav .auth-buttons{display:none!important}.site-nav .mobile-rank-now{display:flex!important;align-items:center;gap:0.5rem}}.site-footer{background:#0f172a!important;color:#94a3b8;padding:0!important;margin-top:0;border-top:none!important;box-shadow:none!important}.footer-inner{max-width:1200px;margin:0 auto;padding:4rem 2rem 2rem}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,0.08)}.footer-brand{display:flex;flex-direction:column;align-items:flex-start}[dir="rtl"] .footer-brand{align-items:flex-end}.footer-brand .footer-logo-link{display:inline-block;text-decoration:none;margin-bottom:1rem}.footer-brand .footer-logo-link img{display:block}.footer-brand .footer-logo-link span{font-family:'Poppins',sans-serif;font-weight:700;font-size:1.2rem;color:#ffffff}.footer-desc{font-size:0.85rem;line-height:1.7;color:#64748b;max-width:280px;text-align:left}[dir="rtl"] .footer-desc{text-align:right}.footer-links-group h5,.footer-links-group .footer-heading{font-family:'Poppins',sans-serif;font-size:0.85rem;font-weight:600;color:#ffffff;margin-bottom:1rem;text-transform:uppercase;letter-spacing:0.05em}.footer-links-group a{display:block;font-size:0.85rem;color:#64748b;text-decoration:none;padding:0.3rem 0;transition:color 0.2s ease}.footer-links-group a:hover{color:#818cf8}.footer-newsletter h5,.footer-newsletter .footer-heading{font-family:'Poppins',sans-serif;font-size:0.85rem;font-weight:600;color:#ffffff;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.05em}.footer-newsletter>p{font-size:0.85rem;color:#64748b;margin-bottom:1rem;line-height:1.6}.footer-newsletter-form{display:flex;gap:0;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:8px;overflow:hidden}.footer-email-input{flex:1;background:transparent;border:none;outline:none;padding:0.6rem 0.85rem;color:#ffffff;font-size:0.85rem;font-family:'Inter',sans-serif}.footer-email-input::placeholder{color:#64748b}.footer-subscribe-btn{background:#4f46e5;color:#ffffff;border:none;padding:0.6rem 1rem;font-size:0.8rem;font-weight:600;cursor:pointer;transition:background 0.2s ease;font-family:'Inter',sans-serif}.footer-subscribe-btn:hover{background:#4338ca}.site-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0 0;font-size:0.8rem;color:#475569;border-top:none;background:transparent}.site-footer .footer-bottom p{margin:0;color:#475569}.footer-by{font-size:0.8rem;color:#475569}.footer-social{display:flex;align-items:center;gap:0.5rem}.footer-social-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-size:0.8rem;font-weight:700;text-decoration:none;transition:background 0.18s,color 0.18s,transform 0.15s}.footer-social-link--linkedin{background:rgba(10,102,194,0.1);color:#0a66c2;border:1px solid rgba(10,102,194,0.2)}.footer-social-link--linkedin:hover{background:#0a66c2;color:#fff;transform:translateY(-2px)}.footer-social-link--crunchbase{background:rgba(20,109,255,0.1);color:#146dff;border:1px solid rgba(20,109,255,0.2);font-size:0.65rem;letter-spacing:0.03em}.footer-social-link--crunchbase:hover{background:#146dff;color:#fff;transform:translateY(-2px)}.nav-user-menu{position:relative}.nav-user-btn{display:flex;align-items:center;gap:0.5rem;padding:0.3rem 0.6rem 0.3rem 0.3rem;background:rgba(79,70,229,0.06);border:1px solid rgba(79,70,229,0.15);border-radius:50px;cursor:pointer;transition:all 0.2s;font-family:'Inter',sans-serif}.nav-user-btn:hover{background:rgba(79,70,229,0.1);border-color:rgba(79,70,229,0.3)}.nav-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgba(79,70,229,0.2)}.nav-user-avatar--fallback{display:flex;align-items:center;justify-content:center;background:#4f46e5;color:#fff;font-size:0.75rem;font-weight:700}.nav-user-name{font-size:0.82rem;font-weight:500;color:#334155;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.12),0 0 0 1px rgba(0,0,0,0.04);padding:0.5rem 0;z-index:1000;animation:userMenuFadeIn 0.15s ease}.nav-user-dropdown.active{display:block}@keyframes userMenuFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-user-dropdown-header{padding:0.75rem 1rem}.nav-user-dropdown-header strong{display:block;font-size:0.85rem;color:#0f172a;font-weight:600}.nav-user-dropdown-header span{font-size:0.75rem;color:#94a3b8}.nav-user-dropdown-divider{height:1px;background:#f1f5f9;margin:0.25rem 0}.nav-user-dropdown-item{display:flex;align-items:center;gap:0.6rem;padding:0.55rem 1rem;font-size:0.82rem;color:#475569;text-decoration:none;transition:all 0.15s}.nav-user-dropdown-item:hover{background:#f8fafc;color:#4f46e5}.nav-user-dropdown-item i{width:16px;text-align:center;font-size:0.8rem}.nav-user-dropdown-item--danger{color:#ef4444}.nav-user-dropdown-item--danger:hover{background:#fef2f2;color:#dc2626}.nav-user-dropdown-item--upgrade{color:#4f46e5;font-weight:600}.nav-user-dropdown-item--upgrade:hover{background:#eef2ff;color:#4338ca}.nav-user-dropdown-item--upgrade i{color:#f59e0b}.nav-user-dropdown-name-row{display:flex;align-items:center;gap:0.5rem}.mobile-user-name-row{display:flex;align-items:center;gap:0.4rem}.nav-tier-badge{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.6rem;font-weight:700;padding:0.15rem 0.5rem;border-radius:20px;text-transform:uppercase;letter-spacing:0.04em;white-space:nowrap;line-height:1.4}.nav-tier-badge i{font-size:0.55rem}.nav-tier-badge--premium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.nav-tier-badge--premium i{color:#d97706}.nav-tier-badge--enterprise{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6;border:1px solid #c4b5fd}.nav-tier-badge--enterprise i{color:#7c3aed}.nav-tier-badge--free{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border:1px solid #6ee7b7}.nav-tier-badge--free i{color:#10b981}.mobile-nav-link--upgrade{color:#f59e0b!important;font-weight:600}.mobile-nav-link--upgrade i{color:#f59e0b!important}body.dark-page header.site-header{background:#0b0f1a!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid rgba(99,102,241,0.08)!important;box-shadow:none!important}body.dark-page header.site-header.scrolled{background:#0b0f1a!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-bottom:1px solid rgba(99,102,241,0.1)!important}body.dark-page .site-logo-text{color:#e2e8f0!important}body.dark-page .site-nav .nav-links .nav-link{color:#94a3b8}body.dark-page .site-nav .nav-links .nav-link:hover{color:#818cf8;background:rgba(99,102,241,0.1)}body.dark-page .nav-btn-ghost{color:#94a3b8}body.dark-page .nav-btn-ghost:hover{color:#818cf8;background:rgba(99,102,241,0.1)}body.dark-page .nav-btn-lang{color:#818cf8;border-color:rgba(99,102,241,0.3)}body.dark-page .nav-btn-lang:hover{background:rgba(99,102,241,0.12);border-color:#818cf8}body.dark-page .nav-user-btn{background:rgba(99,102,241,0.1);border-color:rgba(99,102,241,0.2)}body.dark-page .nav-user-btn:hover{background:rgba(99,102,241,0.18);border-color:rgba(99,102,241,0.35)}body.dark-page .nav-user-name{color:#e2e8f0}body.dark-page .nav-user-btn i{color:#94a3b8}.mobile-user-info{display:flex;align-items:center;gap:0.6rem;padding:0.75rem 1rem;border-bottom:1px solid #f1f5f9;margin-bottom:0.25rem;font-size:0.85rem;font-weight:600;color:#0f172a}.mobile-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}@media (max-width:768px){.footer-top{grid-template-columns:1fr;gap:2rem}.footer-desc{max-width:100%}.site-footer .footer-bottom{flex-direction:column;gap:0.5rem;text-align:center}}