.reading-progress{position:fixed;top:0;left:0;right:0;height:4px;background:var(--bg-secondary);z-index:1000;border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));width:0%;transition:width 0.3s ease-out;box-shadow:0 0 12px rgba(99,102,241,0.6)}.has-toc .table-of-contents{margin:var(--spacing-2xl) 0;padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.has-toc .table-of-contents h2{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);color:var(--text-primary)}.has-toc .table-of-contents ul{list-style:none;padding:0;margin:0}.has-toc .table-of-contents li{margin:0}.has-toc .table-of-contents a{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--primary-color);text-decoration:none;border-left:3px solid transparent;transition:all var(--transition-fast)}.has-toc .table-of-contents a:hover{border-left-color:var(--primary-color);padding-left:calc(var(--spacing-md) + var(--spacing-xs));background:rgba(99,102,241,0.05)}.has-toc .table-of-contents a.active{border-left-color:var(--primary-color);background:rgba(99,102,241,0.1);font-weight:600}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-on-scroll{opacity:0;animation:fadeInUp 0.6s ease-out forwards}.animate-on-scroll.animate-in{opacity:1}.animate-on-scroll:nth-child(1){animation-delay:0s}.animate-on-scroll:nth-child(2){animation-delay:0.1s}.animate-on-scroll:nth-child(3){animation-delay:0.2s}.animate-on-scroll:nth-child(4){animation-delay:0.3s}.animate-on-scroll:nth-child(5){animation-delay:0.4s}.faq-section,.faq-section h2,.faq-section h3,.faq-section p,.faq-section .faq-item{text-align:left;margin-left:0;margin-right:0}.grid-250{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin:var(--spacing-2xl) 0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin:var(--spacing-2xl) 0}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin:var(--spacing-2xl) 0}.feature-card{padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:white;transition:all var(--transition-fast);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-fast)}.feature-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card:hover::before{transform:scaleX(1)}.feature-card h3{margin-top:0;color:var(--text-primary);font-size:var(--font-size-lg)}.feature-card p{color:var(--text-secondary);margin-bottom:0}@media (width <= 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width <= 768px){.grid-250,.grid-3,.grid-2{grid-template-columns:1fr;gap:var(--spacing-lg)}}.hero-section{background:linear-gradient(135deg,rgba(99,102,241,0.05) 0%,rgba(139,92,246,0.03) 100%);padding:var(--spacing-3xl) 0;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,0.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.product-article .hero-content{position:relative;z-index:1}.product-article .hero-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:0.85rem;font-weight:600;white-space:nowrap;border:1px solid transparent;transition:all var(--transition-fast)}.badge--primary{background:rgba(99,102,241,0.1);color:var(--primary-color);border-color:rgba(99,102,241,0.3)}.badge--primary:hover{background:rgba(99,102,241,0.15);border-color:var(--primary-color);transform:translateY(-2px)}.badge--secondary{background:rgba(139,92,246,0.1);color:var(--accent-color);border-color:rgba(139,92,246,0.3)}.badge--secondary:hover{background:rgba(139,92,246,0.15);border-color:var(--accent-color);transform:translateY(-2px)}.badge--success{background:rgba(34,197,94,0.1);color:var(--success-color);border-color:rgba(34,197,94,0.3)}.badge--success:hover{background:rgba(34,197,94,0.15);border-color:var(--success-color);transform:translateY(-2px)}.hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-xl);margin:var(--spacing-2xl) 0}.metric-item{text-align:center;padding:var(--spacing-lg);border-radius:var(--radius-lg);background:rgba(255,255,255,0.5);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,0.2);transition:all var(--transition-fast)}.metric-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(99,102,241,0.15);border-color:rgba(99,102,241,0.5)}.metric-label{font-size:0.9rem;color:var(--text-secondary);margin-top:var(--spacing-sm)}.support-card{padding:var(--spacing-xl)}.support-icon{width:64px;height:64px;background:linear-gradient(135deg,rgba(99,102,241,0.15),rgba(139,92,246,0.15));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);font-size:2rem;transition:all var(--transition-fast)}.support-card:hover .support-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,rgba(99,102,241,0.25),rgba(139,92,246,0.25))}.support-card h3{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.support-card p{margin-bottom:var(--spacing-md);min-height:3em}@media (width <= 768px){.support-icon{margin:0 auto var(--spacing-md)}}.faq-accordion{max-width:800px;margin:var(--spacing-2xl) auto}.faq-item{margin-bottom:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.faq-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(99,102,241,0.1)}.faq-question{display:flex;align-items:center;padding:var(--spacing-lg);background:var(--bg-secondary);color:var(--text-primary);font-weight:600;cursor:pointer;user-select:none;transition:all var(--transition-fast)}.faq-question:hover{background:rgba(99,102,241,0.05);color:var(--primary-color)}.faq-question::marker{color:var(--primary-color)}.faq-question::before{content:'▶';display:inline-block;margin-right:var(--spacing-md);transition:transform var(--transition-fast);color:var(--primary-color)}.faq-item[open] .faq-question::before{transform:rotate(90deg)}.faq-answer{padding:var(--spacing-lg);background:var(--bg-primary);color:var(--text-secondary);animation:slideDown 0.3s ease-out}.faq-answer p{margin:0;line-height:1.6}.faq-answer a{color:var(--primary-color);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.faq-answer a:hover{border-bottom-color:var(--primary-color)}.faq-answer code{background:rgba(99,102,241,0.1);padding:2px 6px;border-radius:3px;font-family:'Courier New',monospace;color:var(--primary-color)}@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@media (prefers-reduced-motion:reduce){.faq-question::before,.faq-answer{animation:none;transition:none}}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:0.95rem;transition:all var(--transition-fast);border:2px solid transparent;cursor:pointer;text-align:center}.btn--primary{background:var(--primary-color);color:white}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(99,102,241,0.3)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:rgba(99,102,241,0.1);color:var(--primary-color);border-color:var(--primary-color)}.btn--secondary:hover{background:var(--primary-color);color:white;transform:translateY(-2px)}.btn--secondary:active{transform:translateY(0)}.btn--outline{background:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn--outline:hover{background:var(--primary-color);color:white}.btn--margin-left{margin-left:var(--spacing-md)}.btn--sm{padding:var(--spacing-xs) var(--spacing-md);font-size:0.85rem}.btn--lg{padding:var(--spacing-md) var(--spacing-2xl);font-size:1.05rem}.btn:disabled{opacity:0.5;cursor:not-allowed;transform:none !important}.metric-number{font-size:var(--font-size-4xl);font-weight:700;color:var(--primary-color);font-variant-numeric:tabular-nums}@keyframes countUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.metric-number.animated{animation:countUp 0.6s ease-out forwards}@media (prefers-reduced-motion:reduce){.animate-on-scroll{animation:none;opacity:1}.feature-card{transition:none}.metric-number.animated{animation:none}}.architecture{margin:1rem 0 1.25rem}.architecture .muted{color:var(--text-secondary);font-size:0.95rem;margin-top:0.5rem}.faq-list{margin:0;padding:0}.faq-list dt{font-weight:600;margin-top:1rem}.faq-list dd{margin:0.25rem 0 0;color:var(--text-secondary)}#clodo-toast{transition:opacity 0.2s ease-in-out;opacity:0}#wrangler-automation{padding:var(--spacing-3xl) 0;background:var(--color-gray-50);color:var(--color-gray-900)}#wrangler-automation .container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}#wrangler-automation h2{margin-bottom:var(--spacing-sm)}#wrangler-automation pre{background:var(--color-gray-100);padding:var(--spacing-lg);border-radius:var(--radius-lg);overflow:auto;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}#wrangler-automation code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,'Roboto Mono','Segoe UI Mono',monospace;font-size:var(--font-size-sm);color:var(--color-gray-900)}#wrangler-automation ul{margin-left:var(--spacing-lg)}#wrangler-automation .container p a{color:var(--color-primary)}@media (width >= 768px){#wrangler-automation .container{padding:0}}.demo-section{padding:var(--spacing-xl);background:linear-gradient(180deg,rgba(250,250,255,0.02),rgba(255,255,255,0.01));border-radius:var(--radius-lg);border:1px solid var(--border-color)}.demo-grid{display:flex;gap:var(--spacing-xl);align-items:stretch;flex-direction:column}.demo-visual{flex:1;display:flex;align-items:center;justify-content:center}.demo-visual img,.demo-visual video{width:100%;max-width:560px;height:auto;display:block;border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,0.04)}.demo-caption{margin-top:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.demo-actions{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:flex-start}@media (width >= 768px){.demo-grid{flex-direction:row}.demo-actions{flex:1}}.demo-transcript{margin-top:var(--spacing-lg);background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.rollback-walkthrough summary{cursor:pointer;font-weight:600;padding:var(--spacing-sm);border-radius:var(--radius-sm);background:transparent;border:1px solid transparent}.rollback-walkthrough[open] summary{border-color:var(--border-color);background:rgba(0,0,0,0.02)}.walkthrough-body{padding:0 var(--spacing-md);margin-top:var(--spacing-sm)}.walkthrough-body pre{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-lg);overflow:auto;border:1px solid var(--border-color)}.walkthrough-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,'Roboto Mono','Segoe UI Mono',monospace;font-size:var(--font-size-sm)}.callout{margin-top:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:rgba(250,250,255,0.01)}.copy-btn,.copy-button{transition:background 0.12s ease,border-color 0.12s ease;background:transparent;border:1px solid var(--border-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary)}.copy-btn:hover,.copy-button:hover{background:rgba(0,0,0,0.04);border-color:var(--border-light)}.copy-btn:focus-visible,.copy-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-color:var(--primary-color)}.copy-btn.copied,.copy-button.copied{background:var(--primary-color);color:var(--color-white);border-color:var(--primary-color)}.mt-small{margin-top:0.5rem}.mt-medium{margin-top:0.75rem}.hero-metrics{display:flex;justify-content:center;gap:var(--spacing-2xl);margin:var(--spacing-xl) 0}.metric-item{text-align:center}.metric-number{font-size:2.5rem;font-weight:bold;color:var(--primary-color);line-height:1}.metric-label{font-size:0.9rem;color:var(--text-secondary);margin-top:var(--spacing-xs);font-weight:500}.hero-trust{margin:var(--spacing-lg) 0;text-align:center}@media (width <= 768px){.hero-metrics{flex-direction:column;gap:var(--spacing-lg)}.metric-number{font-size:2rem}}.install-cta{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.install-cta code{white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,'Roboto Mono','Segoe UI Mono',monospace;font-size:var(--font-size-sm)}.install-cta .copy-btn,.install-cta .copy-button{padding:var(--spacing-xs) var(--spacing-sm)}#expert-assessment{padding:var(--spacing-2xl) 0;background:var(--bg-secondary);color:var(--text-primary)}.assessment-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}@media (width >= 768px){#expert-assessment{padding:var(--spacing-3xl) 0}.assessment-content{padding:0}}@media print{.mobile-menu-toggle,.nav-dropdown-menu,nav,form{display:none}body{background:var(--color-white);color:var(--color-black)}h1,h2,h3{break-after:avoid;color:var(--color-black)}.assessment-quote{border-left:4px solid var(--color-black);break-inside:avoid}ul{break-inside:avoid}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp 0.6s ease-out forwards}.animate-fade-in.delay-1{animation-delay:0.1s}.animate-fade-in.delay-2{animation-delay:0.2s}.animate-fade-in.delay-3{animation-delay:0.3s}.demo-visual img:hover,.demo-visual video:hover{transform:scale(1.02);transition:transform var(--transition-fast)}.card:hover{transform:translateY(-4px);transition:transform var(--transition-fast)}.btn--primary:active{transform:translateY(1px)}.btn--secondary:active{transform:translateY(1px)}.assessment-rating{text-align:center;margin-bottom:var(--spacing-2xl)}.rating-score{font-size:var(--font-size-5xl);font-weight:700;color:var(--primary-color);display:block}.rating-label{font-size:var(--font-size-xl);color:var(--text-secondary);display:block;margin-top:var(--spacing-sm)}.assessment-quote{font-style:italic;border-left:4px solid var(--primary-color);padding-left:var(--spacing-xl);margin:var(--spacing-2xl) 0;color:var(--text-secondary)}.assessment-quote p{margin-bottom:var(--spacing-lg);line-height:1.6}.assessment-strengths{margin:var(--spacing-2xl) 0}.assessment-strengths h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.assessment-strengths ul{list-style:none;padding:0}.assessment-strengths li{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl);position:relative}.assessment-strengths li::before{content:"✓";color:var(--success-color);font-weight:bold;position:absolute;left:0}.assessment-note{font-size:var(--font-size-lg);color:var(--text-secondary);text-align:center;margin-top:var(--spacing-2xl);font-style:italic}.release-panel{padding:var(--spacing-lg) 0;background:linear-gradient(180deg,rgba(246,252,255,0.6),rgba(255,255,255,0.02));border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0 var(--spacing-2xl)}.release-panel .release-meta{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.release-panel .version{font-weight:700;color:var(--primary-color);font-size:var(--font-size-lg)}.release-panel .release-bullets ul{margin:0;padding-left:1.2rem;color:var(--text-secondary)}.release-panel .release-links{margin-top:var(--spacing-md);color:var(--text-secondary)}.release-panel .release-links a{color:var(--primary-color);text-decoration:none}@media (width >= 768px){.release-panel .container{max-width:920px}}.hero-lead{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg);color:var(--text-secondary)}.hero-cta{margin:var(--spacing-lg) 0;display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero-quickstart{display:flex;gap:var(--spacing-lg);align-items:flex-start;margin-top:var(--spacing-md);flex-direction:column}.code-snippet{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.code-snippet code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,'Roboto Mono','Segoe UI Mono',monospace;font-size:var(--font-size-sm)}@media (width >= 768px){.hero-quickstart{flex-direction:row}}.mini-example pre{margin:0;padding:0.75rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.callout--info{display:flex;flex-direction:column;gap:0.75rem;align-items:flex-start}.callout--info h3{margin:0}.callout--info p{margin:0}.btn--margin-left{margin-left:0.5rem}.testimonials-section{background:var(--bg-secondary);padding:var(--spacing-3xl) 0}.testimonials-title{margin-bottom:var(--spacing-xl);font-size:var(--font-size-3xl);color:var(--text-primary);font-weight:700;letter-spacing:-0.5px}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.case-study-card{display:block;background:var(--bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);text-decoration:none;transition:all var(--transition-fast);border-top:4px solid transparent;opacity:0;animation:fadeInUp 0.6s ease-out forwards}.case-study-card:nth-child(1){animation-delay:0.1s}.case-study-card:nth-child(2){animation-delay:0.2s}.case-study-card:nth-child(3){animation-delay:0.3s}.case-study-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-top-color:var(--primary-color)}.case-study-card--healthcare{border-top-color:var(--success-color)}.case-study-card--healthcare:hover{border-top-color:var(--success-color)}.case-study-card--fintech{border-top-color:var(--primary-color)}.case-study-card--fintech:hover{border-top-color:var(--primary-color)}.case-study-badge{display:inline-block;padding:0.375rem 0.875rem;border-radius:var(--radius-sm);font-size:0.875rem;font-weight:600;margin-bottom:var(--spacing-md);color:white;text-transform:uppercase;letter-spacing:0.5px}.case-study-card--healthcare .case-study-badge{background:var(--success-color)}.case-study-card--fintech .case-study-badge{background:var(--primary-color)}.case-study-title{color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:700;line-height:1.3}.case-study-description{color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;line-height:1.6;font-size:var(--font-size-sm)}.case-study-link{color:var(--primary-color);font-weight:600;transition:all var(--transition-fast);display:inline-block}.case-study-card:hover .case-study-link{transform:translateX(4px)}.testimonial-card{display:flex;flex-direction:column;background:var(--bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-left:4px solid var(--warning-color);text-decoration:none;transition:all var(--transition-fast);opacity:0;animation:fadeInUp 0.6s ease-out forwards;animation-delay:0.3s}.testimonial-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.testimonial-card--featured{border-left-color:var(--warning-color);background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(251,191,36,0.03) 100%)}.testimonial-card--featured:hover{border-left-color:var(--warning-color)}.testimonial-quote{flex:1;margin-bottom:var(--spacing-lg)}.testimonial-quote p{color:var(--text-primary);font-style:italic;margin:0;line-height:1.7;font-size:var(--font-size-base)}.testimonial-quote p::before{content:'"';color:var(--warning-color);font-size:2rem;line-height:0;vertical-align:-0.45em;margin-right:0.25rem}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-md);border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.testimonial-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--warning-color));color:white;font-weight:700;font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.testimonial-info{text-align:left}.testimonial-name{color:var(--text-primary);font-weight:600;font-size:var(--font-size-sm)}.testimonial-company{color:var(--text-secondary);font-size:0.85rem;margin-top:0.25rem}.testimonial-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);font-size:0.8rem}.expertise-label{background:var(--primary-color);color:white;padding:0.25rem 0.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px}.publish-date{color:var(--text-secondary);font-size:0.8rem}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.comparison-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:10}.comparison-table th{padding:var(--spacing-lg);text-align:left;font-weight:700;color:var(--text-primary);border-right:1px solid var(--border-color)}.comparison-table th:last-child{border-right:none}.comparison-table td{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);color:var(--text-secondary)}.comparison-table td:last-child{border-right:none}.comparison-table tbody tr:nth-child(odd){background:var(--bg-secondary)}.comparison-table tbody tr:hover{background:rgba(99,102,241,0.05);transition:background var(--transition-fast)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table th:first-child,.comparison-table td:first-child{font-weight:500;color:var(--text-primary)}.rating-stars{letter-spacing:2px;display:inline-block}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--spacing-lg) 0}@media (width <= 768px){.comparison-table{font-size:0.9rem}.comparison-table th,.comparison-table td{padding:var(--spacing-md)}.table-responsive{margin:var(--spacing-lg) calc(var(--spacing-lg) * -1);padding:0 var(--spacing-lg)}.comparison-table th:first-child{min-width:120px}}@keyframes skeleton-loading{0%{background-position:-200% 0}100%{background-position:calc(200% + 200px) 0}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,rgba(99,102,241,0.1) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 2s infinite;border-radius:var(--radius-lg)}.skeleton-text{height:1rem;margin-bottom:var(--spacing-sm);width:100%}.skeleton-text.short{width:60%}.skeleton-heading{height:1.5rem;margin-bottom:var(--spacing-md);width:80%}.skeleton-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--bg-secondary)}.skeleton-card .skeleton{margin-bottom:var(--spacing-lg)}.skeleton-card .skeleton:last-child{margin-bottom:0}.skeleton-avatar{width:48px;height:48px;border-radius:50%;margin-bottom:var(--spacing-md)}.loading-spinner{border:3px solid var(--bg-secondary);border-top:3px solid var(--primary-color);border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-overlay{position:fixed;inset:0;background:rgba(255,255,255,0.7);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px)}.pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn:focus-visible{outline:2px solid white;outline-offset:2px}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}p,span,div{color:var(--text-primary)}.text-secondary,.muted{color:var(--text-secondary)}.skip-link{position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;overflow:hidden;z-index:-1}.skip-link:focus{position:fixed;top:0;left:0;width:auto;height:auto;padding:var(--spacing-md);background:var(--primary-color);color:white;text-decoration:none;z-index:9999;outline:2px solid white;outline-offset:2px}.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}button,.btn,a[role="button"]{min-height:44px;min-width:44px;padding:var(--spacing-md) var(--spacing-lg)}.feature-card:focus-visible,.testimonial-card:focus-visible,.support-card:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.faq-question{cursor:pointer;padding:var(--spacing-md)}.faq-question:hover,.faq-question:focus-visible{background:var(--bg-secondary);border-radius:var(--radius-lg)}.comparison-table{border:2px solid var(--border-color)}.comparison-table th{font-weight:700;color:var(--text-primary);background:var(--bg-secondary)}body{line-height:1.6;letter-spacing:0.5px}p{margin-bottom:var(--spacing-lg)}ul,ol{list-style-position:outside;margin-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-sm);line-height:1.7}a:not(.btn){text-decoration:none}a:not(.btn):hover,a:not(.btn):focus-visible{text-decoration:none}input[type="text"],input[type="email"],input[type="password"],textarea,select{font-size:16px;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);font-family:inherit}input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,0.1)}label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary)}h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-xl)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-2xl)}h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);font-weight:700}h5,h6{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);font-weight:700}img{display:block;max-width:100%;height:auto}.error-message{color:#dc2626;font-weight:600;margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}.error-field{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,0.1)}.success-message{color:var(--success-color);font-weight:600;margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}.success-field{border-color:var(--success-color);box-shadow:0 0 0 3px rgba(22,163,74,0.1)}.testimonials-stats{display:flex;justify-content:center;gap:var(--spacing-2xl);flex-wrap:wrap;margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--border-color)}.stat-item{display:flex;align-items:center;gap:var(--spacing-sm)}.stat-rating{color:#fbbf24;font-size:var(--font-size-base);letter-spacing:2px}.stat-badge{color:var(--success-color);font-size:1.5rem;line-height:1}.stat-text{color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap}@media (width <= 768px){.testimonials-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.testimonials-stats{gap:var(--spacing-lg)}.stat-item{flex-direction:column;align-items:flex-start;gap:0.25rem}.stat-text{white-space:normal}.testimonials-title{font-size:var(--font-size-2xl)}}@media (prefers-reduced-motion:reduce){.case-study-card,.testimonial-card{animation:none;opacity:1}.case-study-card:hover,.testimonial-card:hover{transform:none}.case-study-card:hover .case-study-link{transform:none}}.cta-section{position:relative;overflow:hidden}.cta-wrapper{background:linear-gradient(135deg,var(--primary-color) 0%,#5b63f5 50%,var(--accent-color) 100%);color:white;padding:var(--spacing-3xl) 0;position:relative;overflow:hidden}.cta-wrapper::before{content:'';position:absolute;top:-50%;right:-50%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,0.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 6s ease-in-out infinite}.cta-wrapper::after{content:'';position:absolute;bottom:-25%;left:-25%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(30px)}}.cta-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.cta-content h2{color:white;margin-bottom:var(--spacing-lg);font-size:var(--font-size-4xl);font-weight:800;line-height:1.2;letter-spacing:-1px}.cta-subtitle{color:rgba(255,255,255,0.95);margin-bottom:var(--spacing-xl);font-size:var(--font-size-lg);line-height:1.7}.cta-urgency{background:rgba(255,255,255,0.12);backdrop-filter:blur(10px);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);border:1px solid rgba(255,255,255,0.25);box-shadow:0 8px 32px rgba(0,0,0,0.1)}.cta-urgency-text{margin:0;font-weight:700;font-size:var(--font-size-base);color:white}.cta-urgency-note{margin:var(--spacing-sm) 0 0 0;opacity:0.9;font-size:var(--font-size-sm)}.cta-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.cta-primary-btn{background:white;color:var(--primary-color);font-weight:700;padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-base);box-shadow:0 8px 24px rgba(0,0,0,0.2);border:none;transition:all var(--transition-fast);transform:translateY(0)}.cta-primary-btn:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.3);background:rgba(255,255,255,0.95)}.cta-secondary-btn{color:white;border-color:rgba(255,255,255,0.4);padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-base);background:transparent;transition:all var(--transition-fast);font-weight:600}.cta-secondary-btn:hover{border-color:white;background:rgba(255,255,255,0.1)}.cta-footer{margin-top:var(--spacing-xl);opacity:0.85;font-size:var(--font-size-sm);letter-spacing:0.5px}.cta-footer p{margin:0}@media (width <= 768px){.cta-content h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.cta-subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.cta-actions{flex-direction:column;gap:var(--spacing-md)}.cta-primary-btn,.cta-secondary-btn{width:100%}.cta-wrapper::before{width:400px;height:400px}.cta-wrapper::after{width:350px;height:350px}}@media (prefers-reduced-motion:reduce){.cta-wrapper::before,.cta-wrapper::after{animation:none}.cta-primary-btn:hover,.cta-secondary-btn:hover{transform:none}}.code-snippet{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;font-family:Monaco,'Courier New',monospace;font-size:0.9rem;line-height:1.6;overflow-x:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.code-snippet code{color:var(--primary-color);font-weight:500;flex:1;white-space:nowrap;word-break:break-all}.copy-btn{flex-shrink:0;background:var(--primary-color);color:white;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:0.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-shadow:0 2px 8px rgba(99,102,241,0.2)}.copy-btn:hover{background:#5563e0;transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,0.35)}.copy-btn:active{transform:translateY(0)}.copy-btn.copied{background:var(--success-color)}pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);overflow-x:auto;margin:var(--spacing-lg) 0;position:relative}pre code{font-family:Monaco,'Courier New',monospace;font-size:0.9rem;line-height:1.7;color:var(--text-primary)}.code-block{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0;overflow:hidden}.code-block::before{content:attr(data-language);position:absolute;top:var(--spacing-sm);right:var(--spacing-lg);background:var(--primary-color);color:white;padding:0.25rem 0.75rem;border-radius:var(--radius-sm);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;z-index:1}.code-block pre{margin:0;border:none;border-radius:0;padding-top:var(--spacing-2xl)}.mini-example{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.mini-example pre{margin:0;border:none;background:transparent;padding:0}.mini-example code{font-size:0.85rem;color:var(--text-primary)}.install-cta{position:relative;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(99,102,241,0.05) 100%);border:1px solid var(--primary-color);border-left:4px solid var(--primary-color)}.install-cta code{color:var(--text-primary)}@media (width <= 768px){.code-snippet{flex-direction:column;align-items:flex-start}.code-snippet code{white-space:normal}.copy-btn{width:100%;text-align:center}pre{font-size:0.85rem}.code-block::before{top:var(--spacing-md);right:var(--spacing-md)}}.code-keyword{color:#d946ef;font-weight:600}.code-string{color:#16a34a}.code-function{color:#0ea5e9}.code-comment{color:var(--text-secondary);font-style:italic}.architecture{margin:var(--spacing-2xl) 0;padding:var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.architecture svg{width:100%;height:auto;display:block}.architecture rect{transition:all var(--transition-fast);filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1))}.architecture rect:hover{filter:drop-shadow(0 4px 12px rgba(99,102,241,0.3));opacity:0.9}.architecture line{stroke:#111827;stroke-width:2;transition:stroke var(--transition-fast)}.architecture:hover line{stroke:var(--primary-color)}.architecture text{font-size:12px;fill:#0b1220;transition:all var(--transition-fast)}.architecture rect:nth-child(1):hover + text,.architecture rect:nth-child(1) ~ text:nth-of-type(1){fill:var(--primary-color);font-weight:600}@media (width <= 768px){.architecture{padding:var(--spacing-lg)}.architecture svg{min-height:200px}}