:root{--color-primary:#f97316;--color-primary-dark:#ea580c;--color-primary-light:#fb923c;--color-secondary:#3b82f6;--color-secondary-dark:#2563eb;--color-secondary-light:#60a5fa;--color-accent-green:#10b981;--color-accent-purple:#8b5cf6;--color-accent-pink:#ec4899;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--bg-light:#f0f9ff;--bg-gradient-start:#eff6ff;--bg-gradient-end:#fff;--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-heading:'Plus Jakarta Sans',var(--font-primary);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--container-max:1280px;--container-padding:1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-gray-700);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--leading-tight);color:var(--color-gray-900)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--spacing-md)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-muted{color:var(--color-gray-500)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-light{background-color:var(--bg-light)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.875rem 1.75rem;font-family:var(--font-primary);font-size:var(--text-base);font-weight:600;line-height:1;text-align:center;white-space:nowrap;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(249,115,22,.3)}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.btn-secondary:hover{background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.btn-white{background-color:var(--color-white);color:var(--color-gray-900);border-color:var(--color-white)}.btn-white:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-100);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-lg{padding:1rem 2rem;font-size:var(--text-lg)}.btn-sm{padding:.625rem 1.25rem;font-size:var(--text-sm)}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-gray-100);transition:all var(--transition-normal)}.site-header.scrolled{box-shadow:var(--shadow-md)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:80px}.site-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.site-logo img{height:45px;width:auto;border-radius:var(--radius-md)}.site-logo-text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900)}.site-logo-text span{color:var(--color-primary)}.site-logo-content{display:flex;flex-direction:column;line-height:1.2}.site-logo-subtitle{font-size:.7rem;color:var(--color-gray-500);font-weight:400;letter-spacing:.02em}.main-nav{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-menu{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-menu a{font-size:var(--text-base);font-weight:500;color:var(--color-gray-600);transition:color var(--transition-fast);position:relative}.nav-menu a:hover,.nav-menu a.active{color:var(--color-primary)}.nav-badge-new{display:inline-block;padding:1px 6px;background:var(--color-primary);color:var(--color-white);font-size:.625rem;font-weight:700;line-height:1.4;letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-full);vertical-align:top;position:relative;top:-1px;margin-left:2px}.nav-menu a:after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-normal)}.nav-menu a:hover:after,.nav-menu a.active:after{width:100%}.nav-cta{display:flex;align-items:center;gap:var(--spacing-md)}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;padding:10px;background:0 0;border:none;cursor:pointer}.mobile-menu-toggle span{width:24px;height:2px;background-color:var(--color-gray-900);transition:all var(--transition-fast)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);overflow:hidden}.hero-section:before{content:'';position:absolute;top:-50%;right:-20%;width:70%;height:140%;background:radial-gradient(circle,rgba(249,115,22,.08) 0%,transparent 70%);pointer-events:none}.hero-section:after{content:'';position:absolute;bottom:-30%;left:-10%;width:50%;height:80%;background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 70%);pointer-events:none}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center;position:relative;z-index:1}.hero-content{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.5rem 1rem;background-color:rgba(249,115,22,.1);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-lg)}.hero-badge svg{width:16px;height:16px}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg);color:var(--color-gray-900)}.hero-title .highlight{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--text-xl);color:var(--color-gray-600);margin-bottom:var(--spacing-2xl);line-height:var(--leading-relaxed)}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.hero-platforms{display:flex;align-items:center;gap:var(--spacing-lg)}.hero-platforms-label{font-size:var(--text-sm);color:var(--color-gray-500);font-weight:500}.hero-platforms-icons{display:flex;gap:var(--spacing-md)}.hero-platforms-icons a{display:flex;align-items:center;gap:6px;padding:.375rem .75rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--color-gray-600);transition:all var(--transition-fast)}.hero-platforms-icons a:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(249,115,22,.05)}.hero-platforms-icons a svg{width:16px;height:16px}.stats-bar{padding:var(--spacing-2xl) 0;background:var(--color-white);border-bottom:1px solid var(--color-gray-100)}.stats-bar-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);text-align:center}.stats-bar-item{padding:var(--spacing-md)}.stats-bar-value{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;color:var(--color-gray-900);line-height:1;margin-bottom:var(--spacing-xs)}.stats-bar-label{font-size:var(--text-sm);color:var(--color-gray-500);font-weight:500}.hero-image{position:relative;display:flex;justify-content:center;align-items:center}.hero-mockup-stack{position:relative;width:100%;max-width:560px;aspect-ratio:4/3}.hero-landscape-mockup{position:absolute;top:0;right:0;width:85%;z-index:1;transform:perspective(1000px) rotateY(-3deg);transition:transform var(--transition-slow)}.hero-landscape-mockup img{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:2px solid var(--color-gray-200)}.hero-phone-mockup{position:absolute;bottom:-5%;left:0;width:40%;max-width:200px;z-index:2;transform:perspective(1000px) rotateY(5deg) rotateX(2deg);transition:transform var(--transition-slow)}.hero-mockup-stack:hover .hero-landscape-mockup{transform:perspective(1000px) rotateY(0deg)}.hero-mockup-stack:hover .hero-phone-mockup{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.hero-phone-mockup img{width:100%;height:auto;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl)}.hero-floating-card{position:absolute;background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-md);box-shadow:var(--shadow-xl);z-index:3;opacity:0;transform:translateY(20px) scale(.9);transition:opacity .6s ease .8s,transform .6s ease .8s}.hero-floating-card.card-1{top:5%;left:-10%}.hero-floating-card.card-2{bottom:10%;right:-5%;transition-delay:1.2s}.features-section{padding:var(--spacing-4xl) 0;background-color:var(--color-white)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-3xl)}.section-label{display:inline-block;font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--spacing-md)}.section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-lg)}.section-description{font-size:var(--text-lg);color:var(--color-gray-600)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.feature-card{position:relative;padding:var(--spacing-xl);background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.feature-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-5px)}.feature-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.feature-icon svg{width:28px;height:28px;color:var(--color-white)}.feature-icon.blue{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%)}.feature-icon.green{background:linear-gradient(135deg,var(--color-accent-green) 0%,#34d399 100%)}.feature-icon.purple{background:linear-gradient(135deg,var(--color-accent-purple) 0%,#a78bfa 100%)}.feature-card h3{font-size:var(--text-xl);margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--color-gray-600);margin-bottom:var(--spacing-md)}.feature-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-weight:600;color:var(--color-primary);transition:gap var(--transition-fast)}.feature-link:hover{gap:var(--spacing-sm)}.feature-link svg{width:16px;height:16px}.extension-banner{padding:var(--spacing-4xl) 0;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);position:relative;overflow:hidden}.extension-banner:before{content:'';position:absolute;top:-40%;right:-15%;width:50%;height:140%;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);pointer-events:none}.extension-banner-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center;position:relative;z-index:1}.extension-banner-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.375rem .875rem;background:var(--color-secondary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-white);margin-bottom:var(--spacing-lg)}.extension-banner-badge svg{width:16px;height:16px}.extension-banner-content h2{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:var(--spacing-md);color:var(--color-gray-900)}.extension-banner-content>p{font-size:var(--text-lg);color:var(--color-gray-600);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-lg)}.extension-banner-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.extension-banner-feature{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-700)}.extension-banner-feature svg{width:20px;height:20px;color:var(--color-accent-green);flex-shrink:0}.extension-banner-cta{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.extension-banner-image img{max-width:100%;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl)}.pricing-section{padding:var(--spacing-4xl) 0;background:linear-gradient(180deg,var(--bg-light) 0%,var(--color-white) 100%)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.pricing-card{position:relative;padding:var(--spacing-2xl);background:var(--color-white);border:2px solid var(--color-gray-100);border-radius:var(--radius-2xl);transition:all var(--transition-normal)}.pricing-card.featured{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:scale(1.02)}.pricing-card.featured:before{content:'Most Popular';position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:.5rem 1rem;background:var(--color-primary);color:var(--color-white);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full)}.pricing-header{text-align:center;padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-gray-100);margin-bottom:var(--spacing-xl)}.pricing-name{font-size:var(--text-xl);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-xs)}.pricing-currency{font-size:var(--text-xl);font-weight:600;color:var(--color-gray-500)}.pricing-amount{font-size:var(--text-5xl);font-weight:800;color:var(--color-gray-900)}.pricing-period{font-size:var(--text-base);color:var(--color-gray-500)}.pricing-features{margin-bottom:var(--spacing-xl)}.pricing-features li{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;color:var(--color-gray-600)}.pricing-features li svg{width:20px;height:20px;color:var(--color-accent-green);flex-shrink:0}.pricing-cta{width:100%}.testimonials-section{padding:var(--spacing-4xl) 0;background-color:var(--color-white)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.testimonial-card{padding:var(--spacing-xl);background:var(--color-gray-50);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.testimonial-card:hover{background:var(--color-white);box-shadow:var(--shadow-lg)}.testimonial-stars{display:flex;gap:4px;margin-bottom:var(--spacing-md)}.testimonial-stars svg{width:20px;height:20px;color:#fbbf24;fill:#fbbf24}.testimonial-content{font-size:var(--text-lg);color:var(--color-gray-700);margin-bottom:var(--spacing-lg);line-height:var(--leading-relaxed)}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-md)}.testimonial-avatar{width:50px;height:50px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:700;font-size:var(--text-lg)}.testimonial-info h4{font-size:var(--text-base);font-weight:600;color:var(--color-gray-900)}.testimonial-info p{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:0}.faq-section{padding:var(--spacing-4xl) 0;background:var(--bg-light)}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:var(--color-white);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);overflow:hidden;box-shadow:var(--shadow-sm)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:0 0;border:none;cursor:pointer;text-align:left;font-size:var(--text-lg);font-weight:600;color:var(--color-gray-900);transition:color var(--transition-fast)}.faq-question:hover{color:var(--color-primary)}.faq-question svg{width:24px;height:24px;color:var(--color-gray-400);transition:transform var(--transition-normal)}.faq-item.active .faq-question svg{transform:rotate(180deg);color:var(--color-primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.faq-item.active .faq-answer{max-height:500px}.faq-answer-inner{padding:0 var(--spacing-lg) var(--spacing-lg);color:var(--color-gray-600);line-height:var(--leading-relaxed)}.cta-section{padding:var(--spacing-4xl) 0;background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%);position:relative;overflow:hidden}.cta-section:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center;position:relative;z-index:1}.cta-content{color:var(--color-white)}.cta-content h2{font-size:clamp(2rem,4vw,3rem);color:var(--color-white);margin-bottom:var(--spacing-lg)}.cta-content p{font-size:var(--text-xl);color:var(--color-gray-300);margin-bottom:var(--spacing-2xl)}.app-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.app-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.875rem 1.5rem;background:var(--color-white);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.app-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.app-button svg{width:28px;height:28px}.app-button-text{text-align:left}.app-button-text span{display:block;font-size:var(--text-xs);color:var(--color-gray-500)}.app-button-text strong{display:block;font-size:var(--text-base);color:var(--color-gray-900)}.cta-image{display:flex;justify-content:center}.cta-phone-mockup{max-width:280px;transform:rotate(5deg)}.cta-phone-mockup img{border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl)}.cta-extension-link{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.15)}.cta-extension-link a{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-gray-300);font-size:var(--text-sm);transition:color var(--transition-fast)}.cta-extension-link a:hover{color:var(--color-white)}.cta-extension-link a svg{width:20px;height:20px}.cta-extension-link a strong{color:var(--color-white)}.site-footer{background-color:var(--color-gray-900);color:var(--color-gray-400);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-top{padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-gray-800);margin-bottom:var(--spacing-2xl)}.footer-brand{max-width:480px}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.footer-logo img{height:40px;width:auto;border-radius:var(--radius-md)}.footer-logo-text{font-size:var(--text-xl);font-weight:700;color:var(--color-white)}.footer-logo-text span{color:var(--color-primary)}.footer-brand p{color:var(--color-gray-400);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-lg);font-size:var(--text-sm)}.footer-app-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.footer-app-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;background:var(--color-gray-800);border-radius:var(--radius-lg);color:var(--color-white);font-weight:500;font-size:var(--text-sm);transition:all var(--transition-fast)}.footer-app-btn:hover{background:var(--color-primary);color:var(--color-white)}.footer-app-btn svg{width:18px;height:18px;flex-shrink:0}.footer-social{display:flex;gap:var(--spacing-md)}.footer-social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-800);border-radius:var(--radius-md);color:var(--color-gray-400);transition:all var(--transition-fast)}.footer-social a:hover{background:var(--color-primary);color:var(--color-white)}.footer-social svg{width:18px;height:18px}.footer-links-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-xl) var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-gray-800)}.footer-column h4{font-size:var(--text-sm);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.04em}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:.45rem}.footer-column ul a{color:var(--color-gray-400);font-size:var(--text-sm);transition:color var(--transition-fast);line-height:1.6}.footer-column ul a:hover{color:var(--color-white)}.footer-bottom{display:flex;align-items:center;justify-content:center;padding-top:var(--spacing-xl)}.footer-copyright{font-size:var(--text-sm);color:var(--color-gray-500)}@media (max-width:1024px){.footer-links-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.footer-links-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.footer-app-buttons{flex-direction:column}.footer-app-btn{justify-content:center}}.blog-section{padding:var(--spacing-4xl) 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:all var(--transition-normal)}.blog-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}.blog-card-link-wrapper{display:block;text-decoration:none;color:inherit}.blog-card-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--bg-light)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-image img{transform:scale(1.03)}.blog-card-content{padding:var(--spacing-lg) var(--spacing-md);display:flex;flex-direction:column;min-height:140px}.blog-card h3{font-size:1.125rem;font-weight:600;line-height:1.4;color:var(--color-gray-800);margin-bottom:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card:hover h3{color:var(--color-gray-900)}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);font-size:.8125rem;color:var(--color-gray-500);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-100)}.blog-card-category{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-gray-500);font-weight:400}.blog-card-category svg{width:14px;height:14px;opacity:.7}.blog-card-featured{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-gray-500);font-weight:400}.blog-card-featured svg{width:14px;height:14px;opacity:.7}.breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-gray-500);margin-bottom:1rem}.breadcrumbs a{color:var(--color-gray-500);text-decoration:none;transition:color var(--transition-fast)}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumbs .separator{color:var(--color-gray-400);margin:0 .25rem}.breadcrumbs .current{color:var(--color-gray-700);font-weight:500;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-share{display:flex;align-items:center;gap:.75rem;padding:1rem 0;border-top:1px solid var(--color-gray-100);margin-bottom:1.5rem}.social-share .share-label{font-size:.875rem;font-weight:500;color:var(--color-gray-600)}.social-share a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-gray-100);color:var(--color-gray-600);transition:all var(--transition-fast)}.social-share a:hover{background:var(--color-primary);color:var(--color-white)}.social-share svg{width:18px;height:18px}.single-post-header{padding:160px 0 var(--spacing-3xl);background:linear-gradient(180deg,var(--bg-light) 0%,var(--color-white) 100%)}.single-post-meta{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);font-size:var(--text-sm);color:var(--color-gray-500)}.single-post-title{font-size:clamp(2rem,4vw,3rem);max-width:800px}.single-post-content{max-width:800px;margin:0 auto;padding:var(--spacing-3xl) var(--container-padding)}.single-post-content h2{font-size:var(--text-2xl);margin:var(--spacing-2xl) 0 var(--spacing-md)}.single-post-content h3{font-size:var(--text-xl);margin:var(--spacing-xl) 0 var(--spacing-md)}.single-post-content p{margin-bottom:var(--spacing-lg);line-height:var(--leading-relaxed)}.single-post-content ul,.single-post-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.single-post-content li{margin-bottom:var(--spacing-sm);list-style:disc}.single-post-content ol li{list-style:decimal}.single-post-content a{color:var(--color-primary);text-decoration:underline}.single-post-content img{border-radius:var(--radius-lg);margin:var(--spacing-xl) 0}.single-post-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-lg);margin:var(--spacing-xl) 0;font-style:italic;color:var(--color-gray-600)}.single-post-content code{background:var(--color-gray-100);padding:.2em .4em;border-radius:var(--radius-sm);font-family:'Fira Code',monospace;font-size:.9em}.single-post-content pre{background:var(--color-gray-900);color:var(--color-gray-100);padding:var(--spacing-lg);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--spacing-xl) 0}.single-post-content pre code{background:0 0;padding:0}.feature-page-hero{padding:140px 0 var(--spacing-4xl);background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);position:relative;overflow:hidden}.feature-page-hero:before{content:'';position:absolute;top:-50%;right:-20%;width:70%;height:140%;background:radial-gradient(circle,rgba(249,115,22,.08) 0%,transparent 70%);pointer-events:none}.feature-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.feature-hero-content{position:relative;z-index:1}.feature-hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.5rem 1rem;background:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-white);margin-bottom:var(--spacing-lg)}.feature-hero-title{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:var(--spacing-lg)}.feature-hero-description{font-size:var(--text-xl);color:var(--color-gray-600);margin-bottom:var(--spacing-2xl);line-height:var(--leading-relaxed)}.feature-hero-image{position:relative;display:flex;justify-content:center}.feature-hero-image img{max-width:100%;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl)}.feature-content-section{padding:var(--spacing-4xl) 0}.feature-content-section:nth-child(even){background:var(--bg-light)}.feature-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.feature-content-grid.reverse{direction:rtl}.feature-content-grid.reverse>*{direction:ltr}.feature-content-text h2{font-size:var(--text-3xl);margin-bottom:var(--spacing-lg)}.feature-content-text p{color:var(--color-gray-600);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-lg)}.feature-list{margin-top:var(--spacing-lg)}.feature-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;color:var(--color-gray-700)}.feature-list li svg{width:24px;height:24px;color:var(--color-accent-green);flex-shrink:0;margin-top:2px}.feature-content-image img{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}@media (max-width:1024px){.hero-inner,.cta-inner,.extension-banner-inner,.feature-hero-inner,.feature-content-grid{grid-template-columns:1fr;gap:var(--spacing-2xl)}.hero-content,.feature-hero-content{max-width:100%;text-align:center}.hero-cta{justify-content:center}.hero-platforms{justify-content:center;flex-wrap:wrap}.extension-banner-content{text-align:center}.extension-banner-features{justify-items:center}.extension-banner-cta{justify-content:center}.stats-bar-inner{grid-template-columns:repeat(2,1fr)}.hero-image,.feature-hero-image{order:-1}.hero-mockup-stack{max-width:480px;margin:0 auto}.hero-phone-mockup{transform:none}.hero-landscape-mockup{transform:none}.cta-inner{text-align:center}.cta-content{order:2}.cta-image{order:1}.app-buttons{justify-content:center}.feature-content-grid.reverse{direction:ltr}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2;max-width:100%;margin-bottom:var(--spacing-lg)}}@media (max-width:768px){:root{--container-padding:1rem}.header-inner{height:70px}.main-nav{display:none}.mobile-menu-toggle{display:flex}.main-nav.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--color-white);padding:var(--spacing-lg);box-shadow:var(--shadow-lg)}.main-nav.active .nav-menu{flex-direction:column;width:100%}.main-nav.active .nav-menu a{padding:var(--spacing-md);width:100%;text-align:center}.main-nav.active .nav-cta{flex-direction:column;width:100%;margin-top:var(--spacing-md)}.main-nav.active .nav-cta .btn{width:100%}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.hero-section{padding:100px 0 60px;min-height:auto}.hero-platforms{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.hero-platforms-icons{flex-wrap:wrap;justify-content:center}.stats-bar-inner{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stats-bar-value{font-size:var(--text-2xl)}.extension-banner-features{grid-template-columns:1fr}.extension-banner-cta{flex-direction:column}.extension-banner-cta .btn{width:100%}.hero-mockup-stack{max-width:400px;margin:0 auto}.hero-floating-card{display:none}.features-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.testimonials-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:span 1}.footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}.blog-grid{grid-template-columns:1fr}}@media (max-width:480px){.btn{padding:.75rem 1.25rem;font-size:var(--text-sm)}.btn-lg{padding:.875rem 1.5rem;font-size:var(--text-base)}.app-buttons{flex-direction:column}.app-button{width:100%;justify-content:center}}.features-section,.extension-banner,.pricing-section,.testimonials-section,.faq-section,.cta-section,.feature-content-section{content-visibility:auto;contain-intrinsic-size:0 500px}img{content-visibility:auto}.blog-card,.feature-card,.pricing-card,.testimonial-card{will-change:transform;transform:translateZ(0)}.hero-floating-card,.hero-phone-mockup img{transform:translateZ(0);backface-visibility:hidden}@media print{.site-header,.site-footer,.cta-section{display:none}body{font-size:12pt;line-height:1.5}a{text-decoration:underline}.container{max-width:100%;padding:0}}[data-animate]{opacity:0;transition-property:opacity,transform;transition-duration:.7s;transition-timing-function:cubic-bezier(.22,1,.36,1);will-change:opacity,transform}[data-animate=fade-up]{transform:translateY(30px)}[data-animate=fade-down]{transform:translateY(-30px)}[data-animate=fade-left]{transform:translateX(40px)}[data-animate=fade-right]{transform:translateX(-40px)}[data-animate=scale-up]{transform:scale(.9)}[data-animate].is-visible{opacity:1;transform:none}.hero-floating-card.is-visible{opacity:1;transform:none}.hero-floating-card.card-1.is-visible{animation:floatY 3s ease-in-out 1s infinite}.hero-floating-card.card-2.is-visible{animation:floatY 3s ease-in-out 1.6s infinite}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.feature-card:hover{transform:translateY(-6px) !important;box-shadow:0 20px 40px rgba(0,0,0,.1)}.pricing-card:hover{transform:translateY(-8px) !important;box-shadow:0 25px 50px rgba(0,0,0,.12)}.testimonial-card:hover{transform:translateY(-4px) !important;box-shadow:0 15px 30px rgba(0,0,0,.08)}@media (prefers-reduced-motion:reduce){[data-animate],.hero-floating-card{opacity:1 !important;transform:none !important;transition:none !important;animation:none !important}}.sticky-cta-bar{position:fixed;top:0;left:0;right:0;z-index:1100;background:var(--color-gray-900);color:var(--color-white);transform:translateY(-100%);transition:transform .35s ease;font-size:var(--text-sm)}.sticky-cta-bar.visible{transform:translateY(0)}.sticky-cta-bar.dismissed{transform:translateY(-100%) !important}.sticky-cta-inner{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.6rem 0;flex-wrap:wrap}.sticky-cta-text{display:flex;align-items:center;gap:.5rem;margin:0}.sticky-cta-text svg{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.sticky-cta-actions{display:flex;gap:.5rem}.btn-xs{padding:.35rem .85rem;font-size:.8rem;border-radius:var(--radius-full)}.sticky-cta-close{background:0 0;border:none;color:var(--color-gray-400);font-size:1.3rem;cursor:pointer;padding:0 .25rem;line-height:1;transition:color var(--transition-fast)}.sticky-cta-close:hover{color:var(--color-white)}.sticky-cta-bar.visible~.site-header{top:38px}@media (max-width:768px){.sticky-cta-text span{display:none}.sticky-cta-text strong{display:inline}.sticky-cta-text svg+span{display:none}.sticky-cta-inner{gap:.5rem}}.trust-bar{display:flex;align-items:center;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.trust-bar-item{display:flex;align-items:center;gap:.4rem;font-size:var(--text-sm);color:var(--color-gray-500)}.trust-bar-item strong{color:var(--color-gray-800)}.trust-bar-stars{display:flex;gap:1px}.trust-bar-stars svg{width:14px;height:14px;color:#fbbf24}.trust-bar-item svg{width:16px;height:16px}@media (max-width:640px){.trust-bar{gap:1rem}}.blog-inline-cta{margin:2.5rem 0;border-radius:var(--radius-xl);overflow:hidden}.blog-inline-cta-inner{background:linear-gradient(135deg,var(--bg-gradient-start) 0%,#fff7ed 100%);border:1px solid var(--color-gray-200);border-left:4px solid var(--color-primary);padding:1.5rem 2rem;border-radius:var(--radius-xl)}.blog-inline-cta h4{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900);margin-bottom:.5rem}.blog-inline-cta p{color:var(--color-gray-600);margin-bottom:1rem;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.blog-inline-cta-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.exit-popup-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .3s ease}.exit-popup-overlay.visible{opacity:1}.exit-popup{background:var(--color-white);border-radius:var(--radius-2xl);padding:2.5rem;max-width:480px;width:100%;position:relative;text-align:center;box-shadow:var(--shadow-2xl);transform:translateY(20px);transition:transform .3s ease}.exit-popup-overlay.visible .exit-popup{transform:translateY(0)}.exit-popup-close{position:absolute;top:1rem;right:1rem;background:0 0;border:none;font-size:1.5rem;color:var(--color-gray-400);cursor:pointer;line-height:1;padding:.25rem}.exit-popup-close:hover{color:var(--color-gray-700)}.exit-popup h3{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:.75rem}.exit-popup p{color:var(--color-gray-600);line-height:var(--leading-relaxed);margin-bottom:1.25rem}.exit-popup-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.exit-popup-note{font-size:var(--text-sm);color:var(--color-gray-400);margin-bottom:0 !important}.comparison-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 auto;max-width:900px}.comparison-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.comparison-table th,.comparison-table td{padding:.85rem 1rem;text-align:center;border-bottom:1px solid var(--color-gray-100)}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left;font-weight:500}.comparison-table thead th{font-weight:700;font-size:var(--text-sm);color:var(--color-gray-600);padding-bottom:1rem;border-bottom:2px solid var(--color-gray-200)}.comparison-table .highlight-col{background:#fff7ed}.comparison-table thead .highlight-col{color:var(--color-primary);font-weight:800;font-size:var(--text-base)}.comparison-table tbody td svg{width:20px;height:20px;margin:0 auto;display:block;color:var(--color-accent-green)}.comparison-table tbody .highlight-col svg{color:var(--color-primary)}.comparison-table tbody tr:hover{background:var(--color-gray-50)}.comparison-table tbody tr:hover .highlight-col{background:#fff1e0}.audit-form-wrapper{max-width:680px;margin:2rem auto 0}.audit-form{position:relative}.audit-input-group{display:flex;gap:0;background:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-xl);border:2px solid var(--color-gray-200);overflow:hidden;transition:border-color var(--transition-fast)}.audit-input-group:focus-within{border-color:var(--color-primary)}.audit-url-input{flex:1;padding:1rem 1.5rem;border:none;outline:none;font-size:var(--text-base);background:0 0;min-width:0}.audit-url-input::placeholder{color:var(--color-gray-400)}.audit-submit-btn{border-radius:0 var(--radius-full) var(--radius-full) 0 !important;padding-left:2rem;padding-right:2rem;white-space:nowrap;flex-shrink:0}.audit-form-note{text-align:center;font-size:var(--text-sm);color:var(--color-gray-400);margin-top:.75rem}.audit-spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.audit-results-inner{max-width:800px;margin:3rem auto 0}.audit-score-section{text-align:center;margin-bottom:2.5rem}.audit-score-circle{width:120px;height:120px;border-radius:50%;border:6px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1rem}.audit-score-number{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;line-height:1}.audit-score-label{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-500)}.audit-url-display{font-size:var(--text-sm);color:var(--color-gray-500);word-break:break-all}.audit-group{margin-bottom:2rem}.audit-group h4{font-family:var(--font-heading);font-weight:700;margin-bottom:.75rem;font-size:var(--text-base)}.audit-item{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:.5rem}.audit-item--critical{border-left:4px solid #ef4444}.audit-item--warning{border-left:4px solid #f59e0b}.audit-item--suggestion{border-left:4px solid #3b82f6}.audit-item--pass{border-left:4px solid #10b981}.audit-item-label{font-weight:600;font-size:var(--text-sm);color:var(--color-gray-900);margin-bottom:.25rem}.audit-item-detail{font-size:var(--text-sm);color:var(--color-gray-500);line-height:var(--leading-relaxed);word-break:break-word}.audit-upsell{background:linear-gradient(135deg,#fff7ed 0%,#eff6ff 100%);border-radius:var(--radius-xl);padding:2.5rem;text-align:center;margin-top:2.5rem}.audit-upsell h3{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:.75rem}.audit-upsell p{color:var(--color-gray-600);max-width:500px;margin:0 auto 1.5rem;line-height:var(--leading-relaxed)}.audit-error{text-align:center;padding:3rem 2rem;max-width:500px;margin:0 auto}.audit-error h3{font-family:var(--font-heading);font-weight:700;margin-bottom:.75rem}.audit-error p{color:var(--color-gray-600);margin-bottom:1.5rem}@media (max-width:640px){.audit-input-group{flex-direction:column;border-radius:var(--radius-xl)}.audit-url-input{border-bottom:1px solid var(--color-gray-200)}.audit-submit-btn{border-radius:0 0 var(--radius-xl) var(--radius-xl) !important}}a.nav-highlight{color:var(--color-primary) !important;font-weight:600}.tool-container{max-width:900px;margin:2rem auto 0;background:var(--color-white);border-radius:var(--radius-2xl);border:1px solid var(--color-gray-200);padding:2rem;box-shadow:var(--shadow-lg)}.tool-field{margin-bottom:1rem}.tool-field label{display:flex;justify-content:space-between;font-weight:600;font-size:var(--text-sm);color:var(--color-gray-700);margin-bottom:.4rem}.tool-counter{font-weight:400;color:var(--color-gray-400)}.tool-field input,.tool-field textarea,.tool-field select{width:100%;padding:.7rem 1rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--text-sm);transition:border-color var(--transition-fast);background:var(--color-white)}.tool-field input:focus,.tool-field textarea:focus,.tool-field select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(249,115,22,.1)}.tool-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:640px){.tool-row{grid-template-columns:1fr}.tool-container{padding:1.25rem}}.tool-output{margin-top:2rem;border-top:1px solid var(--color-gray-200);padding-top:1.5rem}.tool-output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tool-output-header h3{margin:0}.tool-code{background:var(--color-gray-900);color:#e5e7eb;padding:1.25rem;border-radius:var(--radius-lg);overflow-x:auto;font-size:.82rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.tool-tips{margin-top:1.5rem;border-top:1px solid var(--color-gray-200);padding-top:1.5rem}.tool-tips h3{margin-bottom:.75rem}.tool-tip-item{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem 0;font-size:var(--text-sm);color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-100)}.tool-tip-item:last-child{border-bottom:none}.tool-tip-item svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.tool-tip--pass svg{color:var(--color-accent-green)}.tool-tip--warning svg{color:#f59e0b}.tool-tip--critical svg{color:#ef4444}.tool-tip--suggestion svg{color:var(--color-secondary)}.tool-checkbox{display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm);cursor:pointer}.tool-checkbox input{width:auto;margin:0}.serp-preview-box{margin-top:2rem;border-top:1px solid var(--color-gray-200);padding-top:1.5rem}.serp-result{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1.25rem;margin-top:.75rem}.serp-breadcrumb{font-size:.82rem;color:#202124;margin-bottom:.25rem;display:flex;align-items:center;gap:.25rem}.serp-title{font-size:1.2rem;color:#1a0dab;line-height:1.3;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.serp-title:hover{text-decoration:underline}.serp-description{font-size:.87rem;color:#4d5156;line-height:1.58;margin-top:.35rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.serp-mobile{max-width:400px}.serp-mobile .serp-title{font-size:1.05rem}.serp-mobile .serp-description{font-size:.82rem;-webkit-line-clamp:2}.wc-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1.5rem}.wc-stat-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1rem;text-align:center}.wc-stat-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900)}.wc-stat-label{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:.2rem}@media (max-width:768px){.wc-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.wc-stats-grid{grid-template-columns:1fr 1fr}}.wc-keywords-section{margin-top:1.5rem;border-top:1px solid var(--color-gray-200);padding-top:1.5rem}.wc-keywords-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.wc-keyword-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--color-gray-100);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-gray-700)}.wc-keyword-count{font-weight:700;color:var(--color-primary)}.robots-bots-section{margin-top:1.5rem;border-top:1px solid var(--color-gray-200);padding-top:1rem}.robots-bot{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1rem;margin-bottom:.75rem}.robots-custom-rules{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--color-gray-300)}.og-previews{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}@media (max-width:768px){.og-previews{grid-template-columns:1fr}}.og-preview-section h3{margin-bottom:.75rem}.og-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-white)}.og-card-image{background:var(--color-gray-100);height:180px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);font-size:var(--text-sm);overflow:hidden}.og-card-image img{width:100%;height:100%;object-fit:cover}.og-card-body{padding:.75rem}.og-card-site{font-size:var(--text-xs);color:var(--color-gray-500);text-transform:uppercase}.og-card-title{font-weight:600;font-size:var(--text-sm);color:var(--color-gray-900);margin:.15rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.og-card-desc{font-size:var(--text-xs);color:var(--color-gray-500);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kd-tables .comparison-table th:first-child,.kd-tables .comparison-table td:first-child{text-align:left}.kd-tables .comparison-table td:nth-child(2),.kd-tables .comparison-table td:nth-child(3){text-align:center;font-weight:600}.best-tool-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:2rem;margin-bottom:1.5rem;transition:box-shadow var(--transition-fast)}.best-tool-card:hover{box-shadow:var(--shadow-lg)}.best-tool-card--highlight{border-color:var(--color-primary);border-width:2px;background:linear-gradient(135deg,#fffbf5 0%,var(--color-white) 100%);position:relative}.best-tool-card--highlight:before{content:"Our Pick";position:absolute;top:-.7rem;right:1.5rem;background:var(--color-primary);color:var(--color-white);font-size:var(--text-xs);font-weight:700;padding:.2rem .75rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.best-tool-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.best-tool-header div{display:flex;align-items:center;gap:.75rem}.best-tool-rank{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:800;color:var(--color-primary)}.best-tool-header h2{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;margin:0}.best-tool-category{font-size:var(--text-sm);color:var(--color-gray-500);background:var(--color-gray-100);padding:.25rem .75rem;border-radius:var(--radius-full)}.best-tool-card>p{color:var(--color-gray-600);line-height:var(--leading-relaxed);margin-bottom:1rem}.best-tool-details{font-size:var(--text-sm);color:var(--color-gray-600)}.best-tool-details>div{margin-bottom:.75rem}.best-tool-details strong{color:var(--color-gray-800)}.best-tool-details ul{list-style:none;padding:0;margin:.35rem 0 0;display:flex;flex-wrap:wrap;gap:.25rem 1rem}.best-tool-details ul li{display:flex;align-items:center;gap:.3rem}.best-tool-details ul li svg{width:14px;height:14px;color:var(--color-accent-green);flex-shrink:0}.best-tool-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--color-gray-100);margin-top:.5rem}.best-tool-price{color:var(--color-gray-400);font-size:var(--text-sm)}.usecase-pain-points{display:flex;flex-direction:column;gap:.75rem}.usecase-pain{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-gray-600);line-height:var(--leading-relaxed)}.usecase-pain-num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:var(--color-white);font-weight:700;font-size:var(--text-xs);flex-shrink:0}.usecase-testimonial{padding:2.5rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.usecase-testimonial .testimonial-stars{justify-content:center;margin-bottom:1rem}.usecase-testimonial blockquote{font-size:var(--text-lg);color:var(--color-gray-700);line-height:var(--leading-relaxed);font-style:italic;margin-bottom:1rem}.usecase-testimonial cite{font-style:normal;font-size:var(--text-sm);color:var(--color-gray-500)}.glossary-alpha-nav{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;padding:1rem 0;margin-bottom:1rem}.glossary-alpha-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);font-weight:700;font-size:var(--text-sm);color:var(--color-gray-400);background:var(--color-gray-100);text-decoration:none;transition:all var(--transition-fast)}a.glossary-alpha-link.active{color:var(--color-primary);background:#fff7ed}a.glossary-alpha-link.active:hover{background:var(--color-primary);color:var(--color-white)}.glossary-letter-group{margin-bottom:2.5rem}.glossary-letter{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:800;color:var(--color-primary);padding-bottom:.5rem;border-bottom:3px solid var(--color-primary);margin-bottom:1rem;display:inline-block}.glossary-term{padding:1.25rem 0;border-bottom:1px solid var(--color-gray-100)}.glossary-term:last-child{border-bottom:none}.glossary-term-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900);margin-bottom:.4rem}.glossary-term-def{font-size:var(--text-sm);color:var(--color-gray-600);line-height:var(--leading-relaxed);margin-bottom:.5rem}.glossary-term-link{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--text-sm);font-weight:600;color:var(--color-primary);text-decoration:none}.glossary-term-link:hover{text-decoration:underline}.glossary-term-link svg{width:14px;height:14px}.llm-progress-bar{width:100%;max-width:400px;height:6px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;margin:0 auto}.llm-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent-purple));border-radius:var(--radius-full);transition:width .3s ease}.llm-stats{margin-bottom:1rem}.powered-by-badge{text-align:center;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid var(--color-gray-100)}.powered-by-badge p{font-size:var(--text-sm);color:var(--color-gray-400)}.powered-by-badge a{color:var(--color-primary);font-weight:600;text-decoration:none}.powered-by-badge a:hover{text-decoration:underline}.embed-badge-section{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:1.5rem;margin-top:2rem}.embed-badge-section h3{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900);margin-bottom:.4rem}.embed-badge-section>p{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:1rem}.embed-badge-preview{display:flex;justify-content:center;padding:1.5rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.embed-code-textarea{font-family:monospace;font-size:.78rem;background:var(--color-gray-900);color:#e5e7eb;border:none;border-radius:var(--radius-lg);padding:.75rem;resize:vertical}.title-results-list{display:flex;flex-direction:column;gap:.5rem}.title-result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.title-result-item:hover{border-color:var(--color-primary)}.title-result-text{flex:1;color:var(--color-gray-800);font-weight:500}.title-result-len{font-size:var(--text-xs);font-weight:600;white-space:nowrap;padding:.15rem .5rem;border-radius:var(--radius-full);background:var(--color-gray-100)}.title-result-len.tool-tip--pass{color:#10b981;background:#ecfdf5}.title-result-len.tool-tip--warning{color:#f59e0b;background:#fffbeb}.schema-faq-item,.schema-bc-item,.schema-step{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:.75rem;margin-bottom:.5rem}.single-post-layout{display:grid;grid-template-columns:1fr 280px;gap:3rem;max-width:1100px;margin:0 auto;padding:0 var(--container-padding);align-items:start}.single-post-layout .single-post-content{min-width:0}.single-post-sidebar{position:relative}.sidebar-sticky{position:sticky;top:100px;display:flex;flex-direction:column;gap:1.25rem}.sidebar-cta-card{background:linear-gradient(135deg,#fff7ed 0%,#eff6ff 100%);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:1.25rem}.sidebar-cta-card h4{font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;color:var(--color-gray-900);margin-bottom:.35rem}.sidebar-cta-card p{font-size:var(--text-sm);color:var(--color-gray-500);line-height:var(--leading-relaxed);margin-bottom:.75rem}.sidebar-tools{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:1.25rem}.sidebar-tools h4{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-700);margin-bottom:.5rem}.sidebar-tools ul{list-style:none;padding:0;margin:0}.sidebar-tools ul li{margin-bottom:.3rem}.sidebar-tools ul a{font-size:var(--text-sm);color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.sidebar-tools ul a:hover{color:var(--color-primary-dark);text-decoration:underline}.sidebar-share{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:1.25rem}.sidebar-share h4{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-700);margin-bottom:.5rem}.sidebar-share-btns{display:flex;gap:.5rem}.sidebar-share-btns a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-gray-500);transition:all var(--transition-fast)}.sidebar-share-btns a:hover{background:var(--color-primary);color:var(--color-white)}.sidebar-share-btns svg{width:18px;height:18px}.mobile-share{display:none}@media (max-width:900px){.single-post-layout{grid-template-columns:1fr}.single-post-sidebar{display:none}.mobile-share{display:block}}.blog-tools-section{padding:3rem 0;border-top:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100)}.blog-tools-section h2{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900)}@media (max-width:768px){.blog-tools-section .features-grid{grid-template-columns:1fr !important}}.blog-inline-cta--alt .blog-inline-cta-inner{background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-left-color:var(--color-secondary)}