.ph-svg{display:inline-block;width:1em;height:1em;vertical-align:middle;flex-shrink:0}:root{--clr-bg-base:#f8fafc;--clr-bg-surface:#ffffff;--clr-bg-panel:rgba(248,250,252,0.9);--clr-text-main:#0f172a;--clr-text-muted:#64748b;--clr-text-inverse:#ffffff;--clr-primary-start:#6366f1;--clr-primary-end:#8b5cf6;--clr-secondary-start:#3b82f6;--clr-secondary-end:#06b6d4;--clr-accent-blue:#3b82f6;--clr-accent-purple:#8b5cf6;--clr-accent-green:#10b981;--clr-accent-orange:#f59e0b;--clr-accent-red:#ef4444;--clr-border:rgba(0,0,0,0.1);--clr-border-highlight:rgba(0,0,0,0.15);--font-heading:'Outfit',system-ui,-apple-system,sans-serif;--font-body:'Inter',system-ui,-apple-system,sans-serif;--max-width:1200px;--container-px:2rem;--section-py:6rem;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-smooth:0.4s cubic-bezier(0.16,1,0.3,1);--shadow-sm:0 4px 6px -1px rgba(0,0,0,0.07);--shadow-md:0 10px 25px -5px rgba(0,0,0,0.1);--shadow-glow-primary:0 0 20px rgba(99,102,241,0.4);--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-full:9999px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--clr-bg-base);color:var(--clr-text-main);line-height:1.6;overflow-x:clip;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;font-weight:700}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}ul{list-style:none}img,svg{display:block;max-width:100%}button{cursor:pointer;font-family:inherit;border:none;background:none}.text-gradient{background:linear-gradient(135deg,var(--clr-primary-start),var(--clr-secondary-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}.glass-panel{background:var(--clr-bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.highlight-border{position:relative}.highlight-border::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,0,0,0.08),rgba(0,0,0,0.0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.badge{display:inline-flex;align-items:center;padding:0.35rem 0.8rem;background:rgba(0,0,0,0.05);border:1px solid var(--clr-border);border-radius:var(--radius-full);font-size:0.875rem;font-weight:500;margin-bottom:1rem;backdrop-filter:blur(4px)}.badge-purple{background:rgba(139,92,246,0.1);color:#7c3aed;border-color:rgba(139,92,246,0.3)}.bg-shape{position:absolute;border-radius:50%;filter:blur(100px);z-index:-1;opacity:0.15;animation:float-slow 20s ease-in-out infinite alternate}.bg-shape-1{top:-10%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,var(--clr-primary-start) 0%,transparent 70%)}.bg-shape-2{bottom:20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,var(--clr-secondary-start) 0%,transparent 70%);animation-delay:-5s}.bg-noise{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:0.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.text-blue{color:var(--clr-accent-blue)}.text-green{color:var(--clr-accent-green)}.text-orange{color:var(--clr-accent-orange)}.text-purple{color:var(--clr-accent-purple)}.text-red{color:var(--clr-accent-red)}.w-100{width:100%}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-3{margin-bottom:1rem}.center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.6rem 1.5rem;border-radius:var(--radius-full);font-weight:600;transition:all var(--transition-fast);text-align:center;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--clr-primary-start),var(--clr-primary-end));color:white;box-shadow:0 4px 15px rgba(99,102,241,0.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-primary)}.btn-secondary{background:rgba(0,0,0,0.05);color:var(--clr-text-main);border:1px solid var(--clr-border)}.btn-secondary:hover{background:rgba(0,0,0,0.07);border-color:var(--clr-border-highlight);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--clr-text-main);border:1px solid var(--clr-border)}.btn-outline:hover{background:rgba(0,0,0,0.05);border-color:var(--clr-border-highlight)}.btn-sm{padding:0.4rem 1rem;font-size:0.875rem}.btn-lg{padding:0.8rem 2rem;font-size:1.125rem}.shine-effect::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,0.3),transparent);transform:skewX(-20deg);animation:shine 3s infinite}main{max-width:var(--max-width);margin:0 auto;padding:0 var(--container-px);padding-top:80px}.section{padding:var(--section-py) 0}.section-header{margin-bottom:3rem}.section-header.center{display:flex;flex-direction:column;align-items:center}.section-title{font-size:2.5rem;margin-bottom:1rem}.section-desc{color:var(--clr-text-muted);font-size:1.125rem;max-width:600px}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(248,250,252,0.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--clr-border);transition:all var(--transition-smooth)}.navbar.scrolled{background:rgba(248,250,252,0.97);box-shadow:0 4px 20px rgba(0,0,0,0.1)}.nav-container{max-width:var(--max-width);margin:0 auto;padding:1rem var(--container-px);display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:0.5rem;font-family:var(--font-heading);font-size:1.5rem;font-weight:800;letter-spacing:-0.5px}.logo-icon{font-size:1.8rem;color:var(--clr-primary-start)}.nav-links{display:flex;gap:2rem}.nav-link{font-size:0.95rem;font-weight:500;color:var(--clr-text-muted);position:relative;padding:0.5rem 0}.nav-link:hover{color:var(--clr-text-main)}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--clr-primary-start);transition:width var(--transition-fast)}.nav-link:hover::after{width:100%}.mobile-menu-btn{display:none;font-size:1.5rem;color:var(--clr-text-main)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--clr-bg-surface);z-index:99;padding:80px 2rem 2rem;transform:translateX(100%);transition:transform var(--transition-smooth);display:flex;flex-direction:column}.mobile-menu-overlay.active{transform:translateX(0)}.mobile-nav-link{font-size:1.5rem;font-family:var(--font-heading);font-weight:600;padding:1rem 0;border-bottom:1px solid var(--clr-border)}.hero{margin-top:4rem;padding:4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-title{font-size:3.5rem;letter-spacing:-1px;margin-bottom:1.5rem}.hero-description{font-size:1.25rem;color:var(--clr-text-muted);margin-bottom:2.5rem;max-width:500px}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.hero-stats{display:flex;gap:3rem;padding-top:2rem;border-top:1px solid var(--clr-border)}.stat-item{display:flex;flex-direction:column}.stat-value{font-family:var(--font-heading);font-size:1.8rem;font-weight:800;color:var(--clr-text-main)}.stat-label{font-size:0.875rem;color:var(--clr-text-muted)}.hero-visual{position:relative;height:400px}.visual-card{position:absolute;background:rgba(255,255,255,0.85);padding:1.5rem}.top-card{top:0;right:0;width:320px;z-index:2}.bottom-card{bottom:0;left:0;width:280px;z-index:1}.card-header{display:flex;gap:6px;margin-bottom:1.5rem}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.skeleton{background:var(--clr-border-highlight);border-radius:4px}.line{height:8px;margin-bottom:8px;width:100%}.line.short{width:40%}.line.tiny{width:25%;height:6px}.w-70{width:70%}.w-50{width:50%}.chart-mockup{display:flex;align-items:flex-end;gap:10px;height:100px;margin-top:1rem;padding-bottom:5px;border-bottom:1px solid var(--clr-border)}.bar{width:20px;background:linear-gradient(to top,var(--clr-primary-start),rgba(99,102,241,0.2));border-radius:4px 4px 0 0}.h-60{height:60%}.h-80{height:80%}.h-40{height:40%}.h-100{height:100%}.h-70{height:70%}.user-profile-mock{display:flex;align-items:center;gap:12px}.avatar-skeleton{width:40px;height:40px;border-radius:50%}.user-info{flex:1}.status-badge{width:30px;height:12px;border-radius:10px}.float-anim-1{animation:float 6s ease-in-out infinite}.float-anim-2{animation:float 8s ease-in-out infinite alternate-reverse}@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-15px)}100%{transform:translateY(0px)}}@keyframes float-slow{0%{transform:translate(0,0) scale(1)}100%{transform:translate(50px,20px) scale(1.1)}}@keyframes shine{0%{left:-100%}20%{left:200%}100%{left:200%}}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.tool-card{padding:2rem;display:flex;flex-direction:column;height:100%}.tool-card.interactive{transition:transform var(--transition-smooth),border-color var(--transition-fast),box-shadow var(--transition-smooth)}.tool-card.interactive:hover{transform:translateY(-8px);border-color:rgba(139,92,246,0.4);box-shadow:0 15px 30px -10px rgba(99,102,241,0.2)}.tool-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.tool-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:white}.bg-gradient-1{background:linear-gradient(135deg,#FF6B6B,#FF8E53)}.bg-gradient-2{background:linear-gradient(135deg,#4facfe,#00f2fe)}.bg-gradient-3{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.tool-tag{font-size:0.75rem;padding:0.25rem 0.75rem;background:rgba(0,0,0,0.05);border:1px solid var(--clr-border);border-radius:var(--radius-full)}.tool-name{font-size:1.5rem;margin-bottom:0.75rem}.tool-summary{color:var(--clr-text-muted);font-size:0.95rem;margin-bottom:2rem;flex-grow:1}.tool-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--clr-border)}.tool-rating{display:flex;align-items:center;gap:4px;font-weight:600;color:#fbbf24}.get-offer-text{font-size:0.875rem;font-weight:600;color:var(--clr-primary-start);display:flex;align-items:center;gap:4px;transition:gap var(--transition-fast)}.tool-card:hover .get-offer-text{gap:8px}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.category-card{padding:2rem}.hover-glow{transition:background var(--transition-fast),border-color var(--transition-fast)}.hover-glow:hover{background:rgba(0,0,0,0.04);border-color:var(--clr-border-highlight)}.cat-icon-wrapper{font-size:2.5rem;margin-bottom:1rem}.cat-title{font-size:1.25rem;margin-bottom:0.5rem}.cat-desc{color:var(--clr-text-muted);font-size:0.9rem;margin-bottom:1.5rem}.cat-list li{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem;font-size:0.9rem;color:#1e293b}.cat-list i{color:var(--clr-accent-green)}.cta-section{padding:4rem;display:flex;justify-content:space-between;align-items:center;margin:4rem 0;overflow:hidden}.cta-content{max-width:600px}.cta-title{font-size:2.5rem;margin-bottom:1rem}.cta-desc{color:var(--clr-text-muted);font-size:1.1rem;margin-bottom:2rem}.cta-action{display:flex;align-items:center;gap:1.5rem}.cta-subtext{font-size:0.875rem;color:var(--clr-text-muted)}.cta-graphic{font-size:12rem;color:rgba(0,0,0,0.05);position:absolute;right:2rem;transform:rotate(15deg);pointer-events:none}.trusted-by{padding:3rem 0;border-top:1px solid var(--clr-border);border-bottom:1px solid var(--clr-border);text-align:center;overflow:hidden}.trusted-label{color:var(--clr-text-muted);font-size:0.875rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem}.logo-marquee{width:100%;overflow:hidden;position:relative}.logo-marquee::before,.logo-marquee::after{content:'';position:absolute;top:0;width:150px;height:100%;z-index:2}.logo-marquee::before{left:0;background:linear-gradient(to right,var(--clr-bg-base) 0%,transparent 100%)}.logo-marquee::after{right:0;background:linear-gradient(to left,var(--clr-bg-base) 0%,transparent 100%)}.logo-track{display:flex;gap:4rem;width:max-content;animation:marquee 30s linear infinite}.partner-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:rgba(0,0,0,0.3);transition:color var(--transition-fast)}.partner-logo:hover{color:rgba(0,0,0,0.7)}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 2rem))}}.footer{border-top:1px solid var(--clr-border);padding-top:5rem;background:rgba(248,250,252,0.9)}.footer-grid{max-width:var(--max-width);margin:0 auto;padding:0 var(--container-px);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem}.footer-desc{color:var(--clr-text-muted);font-size:0.95rem;max-width:300px}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.05);border:1px solid var(--clr-border);transition:all var(--transition-fast)}.social-link:hover{background:var(--clr-primary-start);border-color:var(--clr-primary-start);color:white;transform:translateY(-2px)}.footer-contact{margin-top:0.75rem;font-size:0.875rem;color:var(--clr-text-muted)}.footer-heading{font-size:1.1rem;margin-bottom:1.5rem;color:var(--clr-text-main)}.footer-links ul li{margin-bottom:0.8rem}.footer-links ul li a{color:var(--clr-text-muted);font-size:0.95rem}.footer-links ul li a:hover{color:var(--clr-primary-start)}.footer-bottom{max-width:var(--max-width);margin:0 auto;padding:1.5rem var(--container-px);border-top:1px solid var(--clr-border);display:flex;justify-content:space-between;align-items:center;color:var(--clr-text-muted);font-size:0.875rem}.made-with{display:flex;align-items:center;gap:4px}@media (max-width: 992px){.hero{grid-template-columns:1fr;padding:2rem;text-align:center}.hero-title{font-size:3rem}.hero-description{margin:0 auto 2.5rem}.hero-buttons{justify-content:center}.hero-stats{justify-content:center}.hero-visual{max-width:500px;margin:0 auto}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.nav-links,.nav-actions .btn{display:none}.mobile-menu-btn{display:block}.cta-section{flex-direction:column;padding:2rem;text-align:center}.cta-action{flex-direction:column}.cta-graphic{display:none}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.article-hero{padding:3rem 0 2.5rem;border-bottom:1px solid var(--clr-border);margin-bottom:3rem}.article-breadcrumb{display:flex;align-items:center;gap:0.4rem;font-size:0.82rem;color:var(--clr-text-muted);margin-bottom:1.25rem}.article-breadcrumb a:hover{color:var(--clr-primary-start)}.article-breadcrumb i{font-size:0.75rem}.article-category{display:inline-block;padding:0.25rem 0.75rem;background:rgba(99,102,241,0.1);color:#4f46e5;border:1px solid rgba(99,102,241,0.3);border-radius:var(--radius-full);font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.25rem}.article-title{font-size:2.6rem;letter-spacing:-1px;line-height:1.15;margin-bottom:1.5rem;max-width:820px}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;color:var(--clr-text-muted);font-size:0.875rem}.article-meta-item{display:flex;align-items:center;gap:0.35rem}.article-layout{display:grid;grid-template-columns:1fr 240px;gap:2.5rem;align-items:start;margin-bottom:6rem}.article-toc{position:sticky;top:96px;background:var(--clr-bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:1.5rem}.toc-title{font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--clr-text-main);margin-bottom:1rem;padding-bottom:0.625rem;border-bottom:1px solid var(--clr-border);cursor:default}.toc-list{list-style:none}.toc-list > li{margin-bottom:0.5rem}.toc-list a{font-size:0.85rem;color:var(--clr-text-muted);display:block;padding:0.2rem 0;transition:color var(--transition-fast);line-height:1.4;white-space:normal;text-align:left}.toc-list a:hover,.toc-list a.active{color:var(--clr-primary-start)}.toc-list a.active{font-weight:600}.toc-sub{list-style:none;padding-left:0.875rem;border-left:1px solid var(--clr-border);margin-top:0.3rem;margin-bottom:0.3rem}.toc-sub li{margin-bottom:0.3rem}.prose{font-size:1.05rem;line-height:1.8;color:#334155;min-width:0}.prose > * + *{margin-top:1.25rem}.prose > h2 + *,.prose > h3 + *{margin-top:0.75rem}.prose h2{font-size:1.65rem;color:var(--clr-text-main);margin-top:3rem;padding-top:2rem;border-top:1px solid var(--clr-border);margin-bottom:0.25rem}.prose h2:first-child{margin-top:0;padding-top:0;border-top:none}.prose p{margin-bottom:0}.prose strong{color:var(--clr-text-main);font-weight:600}.article-body{min-width:0;font-size:1.05rem;line-height:1.85;color:#334155}.article-body > * + *{margin-top:1.5rem}.article-body > h2 + *,.article-body > h3 + *{margin-top:0.75rem}.article-body h2,.article-body h3{scroll-margin-top:100px}.article-body h2{font-size:1.65rem;font-weight:700;font-family:var(--font-heading);color:var(--clr-text-main);margin-top:3rem;padding-top:2rem;border-top:1px solid var(--clr-border)}.article-body h3{font-size:1.15rem;font-weight:700;font-family:var(--font-heading);color:var(--clr-text-main);margin-top:2rem}.article-body p{margin-bottom:0}.article-body strong{color:var(--clr-text-main);font-weight:600}.article-body ul{padding-left:1.5rem;list-style:disc}.article-body li{margin-bottom:0.75rem;line-height:1.7;color:#334155}.article-body a:not(.product-cta){color:#4f46e5;text-underline-offset:2px}.article-body a:not(.product-cta):hover{color:var(--clr-primary-start)}.article-callout{background:rgba(99,102,241,0.06);border-radius:var(--radius-md);padding:1.5rem 1.75rem;font-size:0.97rem;line-height:1.8;color:#334155}.article-callout p + p{margin-top:0.875rem}.article-callout strong{color:var(--clr-text-main)}.table-wrap{overflow-x:auto;margin:1.5rem 0 0.5rem;border-radius:var(--radius-md);border:1px solid var(--clr-border)}.quick-picks-table,.comparison-table{width:100%;border-collapse:collapse;font-size:0.9rem}.comparison-table{font-size:0.82rem}.comparison-table th,.comparison-table td{padding:0.7rem 0.75rem}.comparison-table{white-space:normal;table-layout:fixed}.comparison-table th:nth-child(1),.comparison-table td:nth-child(1){width:11%}.comparison-table th:nth-child(2),.comparison-table td:nth-child(2){width:18%}.comparison-table th:nth-child(3),.comparison-table td:nth-child(3){width:13%}.comparison-table th:nth-child(4),.comparison-table td:nth-child(4){width:14%}.comparison-table th:nth-child(5),.comparison-table td:nth-child(5){width:14%}.comparison-table th:nth-child(6),.comparison-table td:nth-child(6){width:17%}.comparison-table th:nth-child(7),.comparison-table td:nth-child(7){width:13%}.quick-picks-table td:nth-child(2){white-space:normal;min-width:140px}.quick-picks-table td:nth-child(4){white-space:nowrap}.quick-picks-table th,.comparison-table th{background:rgba(99,102,241,0.08);color:var(--clr-text-main);font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:0.875rem 1.125rem;text-align:left;border-bottom:1px solid var(--clr-border)}.quick-picks-table td,.comparison-table td{padding:0.8rem 1.125rem;color:#334155;border-bottom:1px solid rgba(0,0,0,0.06)}.quick-picks-table tr:last-child td,.comparison-table tr:last-child td{border-bottom:none}.quick-picks-table tbody tr:hover td,.comparison-table tbody tr:hover td{background:rgba(0,0,0,0.02)}.quick-picks-table td:first-child,.comparison-table td:first-child{font-weight:600;color:var(--clr-text-main)}.table-note{font-size:0.78rem;color:var(--clr-text-muted);margin-top:0.5rem;margin-bottom:1.5rem}.badge-yes{color:var(--clr-accent-green);font-weight:600}.badge-no{color:var(--clr-text-muted)}.badge-part{color:var(--clr-accent-orange);font-weight:600}.comparison-cta{color:#4f46e5;font-weight:600;font-size:0.82rem;white-space:nowrap;transition:color var(--transition-fast)}.comparison-cta:hover{color:var(--clr-primary-end)}.quick-pick-link{display:inline-flex;align-items:center;gap:0.2rem;color:#4f46e5;font-weight:600;font-size:0.85rem;white-space:nowrap;transition:color var(--transition-fast),gap var(--transition-fast)}.quick-pick-link:hover{color:var(--clr-primary-end);gap:0.35rem}.product-card{background:var(--clr-bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:2rem;margin-top:2rem;transition:border-color var(--transition-fast);scroll-margin-top:100px}.product-card:hover{border-color:var(--clr-border-highlight)}.product-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.product-name{font-size:1.5rem;font-family:var(--font-heading);font-weight:800;color:var(--clr-text-main);margin-bottom:0.3rem}.product-tagline{color:var(--clr-text-muted);font-size:0.9rem;line-height:1.5;max-width:480px}.pricing-badge{flex-shrink:0;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.25);color:#34d399;padding:0.4rem 0.875rem;border-radius:var(--radius-full);font-size:0.8rem;font-weight:700;white-space:nowrap}.section-label{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--clr-text-muted);margin-bottom:0.75rem;margin-top:1.5rem}.pros-list,.cons-list{list-style:none;margin:0}.pros-list li,.cons-list li{display:flex;gap:0.75rem;align-items:flex-start;margin-bottom:0.75rem;font-size:0.93rem;color:#334155;line-height:1.65}.pros-list li::before{content:'';flex-shrink:0;width:18px;height:18px;border-radius:50%;background:rgba(16,185,129,0.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2310b981'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") center/12px no-repeat;border:1px solid rgba(16,185,129,0.3);margin-top:3px}.cons-list li::before{content:'';flex-shrink:0;width:18px;height:18px;border-radius:50%;background:rgba(239,68,68,0.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ef4444'%3E%3Cpath d='M19 13H5v-2h14v2z'/%3E%3C/svg%3E") center/12px no-repeat;border:1px solid rgba(239,68,68,0.25);margin-top:3px}.product-best-for{background:rgba(99,102,241,0.07);border:1px solid rgba(99,102,241,0.18);border-radius:var(--radius-sm);padding:0.875rem 1.125rem;margin-top:1.5rem;font-size:0.9rem;color:#334155;line-height:1.6}.product-best-for strong{color:#4f46e5}.product-footnote{font-size:0.78rem;color:var(--clr-text-muted);margin-top:1rem}.product-cta{display:inline-flex;align-items:center;gap:0.4rem;margin-top:1.25rem;padding:0.6rem 1.4rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--clr-primary-start),var(--clr-primary-end));color:white;font-weight:600;font-size:0.875rem;transition:all var(--transition-fast);box-shadow:0 4px 15px rgba(99,102,241,0.3)}.product-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-primary);color:white}.choose-callout{background:rgba(99,102,241,0.05);border-left:3px solid var(--clr-primary-start);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:1rem 1.25rem;margin-bottom:1rem;font-size:0.93rem;line-height:1.7;color:#334155}.choose-callout strong{color:var(--clr-text-main);display:block;margin-bottom:0.3rem}.recommendation-box{background:linear-gradient(135deg,rgba(99,102,241,0.1),rgba(139,92,246,0.08));border:1px solid rgba(139,92,246,0.3);border-radius:var(--radius-md);padding:1.75rem 2rem;font-size:0.95rem;line-height:1.75;color:#334155}.recommendation-box p + p{margin-top:1rem}.recommendation-box strong{color:var(--clr-text-main)}.affiliate-disclosure{display:flex;align-items:flex-start;gap:0.625rem;padding:0.875rem 1.125rem;background:rgba(99,102,241,0.07);border:1px solid rgba(99,102,241,0.25);border-radius:var(--radius-md);font-size:0.8rem;color:var(--clr-text-muted);margin-bottom:2rem;line-height:1.55}.affiliate-disclosure i{font-size:1rem;color:#4f46e5;flex-shrink:0;margin-top:0.1rem}.affiliate-disclosure a{color:#4f46e5;text-decoration:underline}.affiliate-disclosure strong{color:var(--clr-text-primary)}.faq-item h3{margin:0;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit}.faq-list{margin-top:0.5rem}.faq-item{border:1px solid var(--clr-border);border-radius:var(--radius-md);margin-bottom:0.75rem;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.125rem 1.375rem;background:var(--clr-bg-panel);cursor:pointer;font-weight:600;font-size:0.95rem;color:var(--clr-text-main);text-align:left;transition:background var(--transition-fast);font-family:var(--font-body)}.faq-question:hover{background:rgba(0,0,0,0.04)}.faq-icon{font-size:1.1rem;color:var(--clr-primary-start);flex-shrink:0;transition:transform var(--transition-fast)}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.35s ease,padding 0.2s ease;padding:0 1.375rem}.faq-item.open .faq-answer{max-height:400px;padding:1.125rem 1.375rem}.faq-answer p{color:#334155;font-size:0.93rem;line-height:1.75}.blog-hero{padding:3.5rem 3rem;border:1px solid var(--clr-border);border-radius:var(--radius-lg);background:var(--clr-bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);text-align:center;margin:0 auto 4rem;display:flex;flex-direction:column;align-items:center}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;margin-bottom:6rem}.blog-card{background:var(--clr-bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;gap:0.875rem;transition:transform var(--transition-smooth),border-color var(--transition-fast),box-shadow var(--transition-smooth);color:inherit}.blog-card:hover{transform:translateY(-6px);border-color:rgba(139,92,246,0.4);box-shadow:0 15px 30px -10px rgba(99,102,241,0.2)}.blog-card-tag{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#4f46e5}.blog-card-title{font-size:1.2rem;font-family:var(--font-heading);font-weight:700;color:var(--clr-text-main);line-height:1.4}.blog-card-excerpt{font-size:0.88rem;color:var(--clr-text-muted);line-height:1.65;flex-grow:1}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--clr-border);font-size:0.78rem;color:var(--clr-text-muted);margin-top:auto}.blog-card-read-more{color:#4f46e5;font-weight:600;display:flex;align-items:center;gap:3px;font-size:0.82rem}@media (max-width: 1024px){.article-layout{grid-template-columns:1fr}.article-toc{display:none}}@media (max-width: 768px){.article-title{font-size:1.85rem}.product-card-header{flex-direction:column}.table-wrap{margin-left:-1rem;margin-right:-1rem;border-radius:0;border-left:none;border-right:none}.quick-picks-table th,.comparison-table th,.quick-picks-table td,.comparison-table td{padding:0.65rem 0.875rem;font-size:0.82rem}}
    .nav-links{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:center}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;border-radius:var(--radius-full);border:1px solid var(--clr-border);font-size:.9rem;font-weight:500;color:var(--clr-text-muted);transition:all var(--transition-fast)}
.page-numbers:hover{border-color:var(--clr-primary-start);color:var(--clr-primary-start)}
.page-numbers.current{background:linear-gradient(135deg,var(--clr-primary-start),var(--clr-primary-end));color:#fff;border-color:transparent;font-weight:700}
.page-numbers.dots{border:none;pointer-events:none}
/* TOC width override */
.article-layout{grid-template-columns:1fr 220px !important}
.article-toc{width:220px;min-width:0}
.toc-list a{white-space:normal !important;word-break:break-word;font-size:0.82rem}
/* Generic table styles for article-body plain <table> elements */
.article-body table{width:100%;border-collapse:collapse;font-size:0.9rem;margin:1.5rem 0;border:1px solid var(--clr-border);border-radius:var(--radius-md);overflow:hidden}
.article-body thead th{background:rgba(99,102,241,0.08);color:var(--clr-text-main);font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:0.875rem 1rem;text-align:left;border-bottom:2px solid var(--clr-border);border-right:1px solid var(--clr-border)}
.article-body thead th:last-child{border-right:none}
.article-body tbody td{padding:0.75rem 1rem;color:#334155;border-bottom:1px solid rgba(0,0,0,0.08);border-right:1px solid rgba(0,0,0,0.06);vertical-align:middle}
.article-body tbody td:last-child{border-right:none}
.article-body tbody tr:last-child td{border-bottom:none}
.article-body tbody tr:hover td{background:rgba(0,0,0,0.02)}
.article-body tbody td:first-child{font-weight:600;color:var(--clr-text-main)}
@media(max-width:768px){.article-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-body thead th,.article-body tbody td{padding:0.6rem 0.75rem;font-size:0.82rem}}