:root{--ts-primary:#2563eb;--ts-gray-50:#f8fafc;--ts-gray-100:#f1f5f9;--ts-gray-200:#e2e8f0;--ts-gray-300:#cbd5e1;--ts-gray-400:#94a3b8;--ts-gray-500:#64748b;--ts-gray-600:#475569;--ts-gray-700:#334155;--ts-gray-800:#1e293b;--ts-gray-900:#0f172a;--ts-surface:#fff;--ts-border-color:#e2e8f0;--ts-radius-md:8px;--ts-radius-lg:12px;--ts-radius-xl:16px;--ts-shadow-sm:0 1px 2px rgba(0,0,0,0.05);--ts-space-2:0.5rem;--ts-space-4:1rem;--ts-space-8:2rem;--ts-text-sm:0.875rem;--ts-text-base:1rem;--ts-ease-out:cubic-bezier(0.4,0,0.2,1);--ts-gradient-primary:linear-gradient(135deg,#2563eb,#7c3aed)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:"Inter",system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--ts-gray-700);background:#f8fafc;-webkit-font-smoothing:antialiased}.ts-container{max-width:1200px;margin:0 auto;padding:0 1rem}.ts-header{background:#fff;border-bottom:1px solid var(--ts-border-color);position:sticky;top:0;z-index:100}.ts-header-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;max-width:1200px;margin:0 auto}.ts-logo img{height:40px;width:auto}.ts-nav-primary{display:flex;align-items:center;gap:.25rem}.ts-skip-link{position:absolute;top:-100%;left:0;z-index:9999;padding:1rem;background:#2563eb;color:#fff}.ts-skip-link:focus{top:0}h1,h2,h3{color:var(--ts-gray-900);font-weight:700;line-height:1.3}a{color:var(--ts-primary);text-decoration:none}img{max-width:100%;height:auto}.ts-breadcrumb{font-size:.8rem;color:var(--ts-gray-500);padding:.75rem 0}@media(max-width:768px){.ts-nav-primary{display:none}.ts-mobile-toggle{display:flex}}.ts-py{padding:2rem 0}.ts-profile-hero{background:var(--ts-surface,#fff);border:1px solid var(--ts-border-color,#e2e8f0);border-radius:16px;padding:2rem;margin-bottom:1.5rem}.ts-provider-layout{display:flex;gap:2rem}.ts-sticky-nav{width:220px;flex-shrink:0}.ts-provider-content{flex:1;min-width:0}.ts-section{margin-bottom:2rem}.ts-section h2{font-size:1.4rem;font-weight:700;margin-bottom:1rem;position:relative;padding-bottom:.75rem}.ts-editorial-block{padding:2rem;margin:1.5rem 0;background:var(--ts-surface,#fff);border-radius:16px;border:1px solid var(--ts-border-color,#e2e8f0);position:relative}@media(max-width:768px){.ts-provider-layout{flex-direction:column}.ts-sticky-nav{display:none}}.ts-profile-hero{background:var(--ts-surface,#fff);border:1px solid var(--ts-border-color,#e2e8f0);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:2rem}.ts-hero-logo{width:100px;height:100px;border-radius:16px;object-fit:contain}.ts-hero-info{flex:1}.ts-hero-name{font-size:1.8rem;font-weight:800;color:var(--ts-gray-900,#0f172a);margin-bottom:.25rem}.ts-hero-tier{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;background:#dcfce7;color:#15803d}.ts-hero-desc{font-size:.9rem;color:var(--ts-gray-600,#475569);margin:.5rem 0}.ts-hero-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--ts-gray-500,#64748b);margin:.5rem 0}.ts-hero-actions{display:flex;gap:.75rem;margin-top:1rem}.ts-hero-score{text-align:center}.ts-score-circle-lg{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800}.ts-cta-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-size:.9rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:12px;text-decoration:none;cursor:pointer}.ts-btn-outline{display:inline-flex;align-items:center;padding:10px 20px;font-size:.875rem;font-weight:600;border:2px solid var(--ts-primary,#2563eb);border-radius:8px;color:var(--ts-primary);background:#fff0;text-decoration:none}.ts-update-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#dcfce7;border-radius:8px;font-size:.8rem;color:#15803d;margin-bottom:1rem}@media(max-width:768px){.ts-profile-hero{flex-direction:column;text-align:center;padding:1.5rem}.ts-hero-meta{justify-content:center;flex-wrap:wrap}.ts-hero-actions{justify-content:center}}.ts-profile-hero.ts-animate-on-scroll{opacity:1!important;transform:none!important;animation:none!important}.ts-animate-on-scroll.ts-visible{opacity:1}.etr-related-posts,.ts-quote-modal,.ts-exit-popup,footer.ts-footer,.ts-newsletter-section{content-visibility:auto;contain-intrinsic-size:auto 500px}.adsbygoogle{min-height:280px;display:block}ins.adsbygoogle[data-ad-format="auto"]{min-height:250px}.gscsm-tldr{min-height:80px}.gscsm-author-meta{min-height:74px}.gscsm-decision-grid{min-height:100px}.gscsm-methodology{min-height:80px}.gscsm-citation-facts{min-height:120px}.gscsm-related{min-height:120px}.etr-trust-banner{min-height:48px}img{height:auto}.ts-faq,.ts-related,.ts-blog-sidebar,.ts-footer-widgets,.ts-provider-features,.ts-provider-pricing,.ts-provider-alternatives,.ts-provider-reviews,.ts-provider-faq,.ts-provider-editorial,.ts-blog-related,.ts-blog-comments{content-visibility:auto;contain-intrinsic-size:auto 500px}:root{--gscsm-primary:#0ea5e9;--gscsm-primary-dark:#0284c7;--gscsm-primary-light:#38bdf8;--gscsm-primary-50:#f0f9ff;--gscsm-primary-100:#e0f2fe;--gscsm-accent:#8b5cf6;--gscsm-accent-dark:#7c3aed;--gscsm-success:#10b981;--gscsm-warning:#f59e0b;--gscsm-danger:#ef4444;--gscsm-bg:#fff;--gscsm-surface:#f8fafc;--gscsm-surface-2:#f1f5f9;--gscsm-border:#e2e8f0;--gscsm-border-strong:#cbd5e1;--gscsm-text-1:#0f172a;--gscsm-text-2:#334155;--gscsm-text-3:#64748b;--gscsm-text-muted:#94a3b8;--gscsm-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--gscsm-font-display:'Inter', sans-serif;--gscsm-s-1:4px;--gscsm-s-2:8px;--gscsm-s-3:12px;--gscsm-s-4:16px;--gscsm-s-5:20px;--gscsm-s-6:24px;--gscsm-s-8:32px;--gscsm-s-10:40px;--gscsm-s-12:48px;--gscsm-s-16:64px;--gscsm-r-sm:6px;--gscsm-r:10px;--gscsm-r-lg:14px;--gscsm-r-xl:20px;--gscsm-r-2xl:24px;--gscsm-shadow-sm:0 1px 2px rgb(15 23 42 / .04);--gscsm-shadow:0 2px 8px rgba(15, 23, 42, 0.06), 0 0 0 1px rgba(15, 23, 42, 0.04);--gscsm-shadow-lg:0 12px 24px -8px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.04);--gscsm-shadow-xl:0 24px 48px -12px rgba(15, 23, 42, 0.18);--gscsm-t-fast:150ms cubic-bezier(.4,0,.2,1);--gscsm-t:250ms cubic-bezier(0.4, 0, 0.2, 1);--gscsm-t-slow:400ms cubic-bezier(0.4, 0, 0.2, 1)}body.single-provider .ts-quickfacts,body.single-provider .ts-quickfacts-grid,body.single-provider .ts-pros-cons-section,body.single-provider .ts-faq-section,body.single-provider .ts-pros-cons,body.single-provider [class*="ts-faq"],body.single-provider .ts-tab-pros-cons,body.single-provider section.ts-section-pros-cons,body.single-provider section.ts-section-faq,body.single-provider section.ts-section-fast-facts{display:none!important}.gscsm-provider-deep-block{font-family:var(--gscsm-font);color:var(--gscsm-text-1);line-height:1.6}.gscsm-provider-deep-block *,.gscsm-provider-deep-block *::before,.gscsm-provider-deep-block *::after{box-sizing:border-box}.gscsm-provider-deep-block h1,.gscsm-provider-deep-block h2,.gscsm-provider-deep-block h3,.gscsm-provider-deep-block h4{font-family:var(--gscsm-font-display);font-weight:700;letter-spacing:-.02em;color:var(--gscsm-text-1);line-height:1.25}.gscsm-deep-hero{background:linear-gradient(135deg,var(--gscsm-primary-50) 0%,#eef2ff 50%,#fdf4ff 100%)!important;border:1px solid var(--gscsm-primary-100)!important;border-radius:var(--gscsm-r-2xl)!important;padding:var(--gscsm-s-8)!important;margin-bottom:var(--gscsm-s-8)!important;position:relative;overflow:hidden}.gscsm-deep-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgb(139 92 246 / .08),transparent 70%);z-index:0}.gscsm-deep-hero>*{position:relative;z-index:1}.gscsm-deep-hero h2{font-size:1.55rem!important;background:linear-gradient(135deg,#0c4a6e,#6b21a8);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.gscsm-deep-hero>div[style*="grid-template-columns"]>div{background:#ffffff!important;padding:var(--gscsm-s-4)!important;border-radius:var(--gscsm-r-lg)!important;border:1px solid var(--gscsm-border)!important;transition:all var(--gscsm-t)}.gscsm-deep-hero>div[style*="grid-template-columns"]>div:hover{transform:translateY(-2px);box-shadow:var(--gscsm-shadow-lg);border-color:var(--gscsm-primary-light)}.gscsm-pros-cons-grid{gap:var(--gscsm-s-6)!important;margin-bottom:var(--gscsm-s-8)!important}.gscsm-pros-cons-grid>div{padding:var(--gscsm-s-6)!important;border-radius:var(--gscsm-r-xl)!important;box-shadow:var(--gscsm-shadow);transition:all var(--gscsm-t)}.gscsm-pros-cons-grid>div:hover{box-shadow:var(--gscsm-shadow-lg)}.gscsm-pros-cons-grid>div:first-child{background:linear-gradient(135deg,#ecfdf5,#d1fae5)!important;border:1px solid #6ee7b7!important}.gscsm-pros-cons-grid>div:last-child{background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;border:1px solid #fca5a5!important}.gscsm-pros-cons-grid h3{font-size:1.2rem!important;margin-bottom:var(--gscsm-s-3)!important;display:flex;align-items:center;gap:var(--gscsm-s-2)}.gscsm-pros-cons-grid ul{margin:0!important;padding-left:var(--gscsm-s-5)!important}.gscsm-pros-cons-grid li{padding:var(--gscsm-s-1) 0;line-height:1.7}.gscsm-provider-deep-block>div:nth-of-type(3){background:#ffffff!important;border-radius:var(--gscsm-r-xl)!important;border:1px solid var(--gscsm-border)!important;padding:var(--gscsm-s-6)!important;margin-bottom:var(--gscsm-s-8)!important;box-shadow:var(--gscsm-shadow-sm)}.gscsm-provider-deep-block>div:nth-of-type(3)>div{gap:var(--gscsm-s-3)!important}.gscsm-provider-deep-block>div:nth-of-type(3)>div>div{background:var(--gscsm-surface)!important;border:1px solid var(--gscsm-border)!important;padding:var(--gscsm-s-3) var(--gscsm-s-4)!important;border-radius:var(--gscsm-r)!important;font-weight:500;transition:all var(--gscsm-t-fast)}.gscsm-provider-deep-block>div:nth-of-type(3)>div>div:hover{background:var(--gscsm-primary-50)!important;border-color:var(--gscsm-primary-light)!important;color:var(--gscsm-primary-dark)!important;transform:translateX(2px)}.gscsm-deep-faq{background:#ffffff!important;border-radius:var(--gscsm-r-xl)!important;border:1px solid var(--gscsm-border)!important;padding:var(--gscsm-s-8)!important;margin-bottom:var(--gscsm-s-8)!important;box-shadow:var(--gscsm-shadow)}.gscsm-deep-faq h3{font-size:1.4rem!important;margin-bottom:var(--gscsm-s-5)!important}.gscsm-deep-faq details{background:var(--gscsm-surface)!important;border:1px solid var(--gscsm-border)!important;border-radius:var(--gscsm-r-lg)!important;padding:var(--gscsm-s-4) var(--gscsm-s-5)!important;margin-bottom:var(--gscsm-s-3)!important;transition:all var(--gscsm-t)}.gscsm-deep-faq details:hover{border-color:var(--gscsm-primary-light)!important;background:var(--gscsm-primary-50)!important}.gscsm-deep-faq details[open]{background:var(--gscsm-primary-50)!important;border-color:var(--gscsm-primary)!important;box-shadow:var(--gscsm-shadow)}.gscsm-deep-faq summary{font-weight:600;cursor:pointer;font-size:1.02rem;color:var(--gscsm-text-1);list-style:none;position:relative;padding-right:var(--gscsm-s-6)}.gscsm-deep-faq summary::-webkit-details-marker{display:none}.gscsm-deep-faq summary::after{content:'+';position:absolute;right:0;top:0;font-size:1.5rem;font-weight:300;color:var(--gscsm-primary);transition:transform var(--gscsm-t)}.gscsm-deep-faq details[open] summary::after{content:'−';transform:rotate(0deg)}.gscsm-deep-faq details p{margin-top:var(--gscsm-s-4)!important;padding-top:var(--gscsm-s-4)!important;border-top:1px solid var(--gscsm-border);color:var(--gscsm-text-2)!important;line-height:1.75!important}.gscsm-provider-deep-block>div:last-child{background:linear-gradient(135deg,#0c0a09 0%,#1c1917 60%,#292524 100%)!important;padding:var(--gscsm-s-8)!important;border-radius:var(--gscsm-r-2xl)!important;position:relative;overflow:hidden}.gscsm-provider-deep-block>div:last-child::before{content:'';position:absolute;inset:-50%;background:radial-gradient(circle at 30% 50%,rgb(14 165 233 / .15),transparent 50%),radial-gradient(circle at 70% 50%,rgb(139 92 246 / .15),transparent 50%)}.gscsm-provider-deep-block>div:last-child>*{position:relative;z-index:1}.gscsm-provider-deep-block>div:last-child h3{font-size:1.4rem!important;color:#ffffff!important;margin-bottom:var(--gscsm-s-3)!important}.gscsm-provider-deep-block>div:last-child p{color:#cbd5e1!important;font-size:1rem;margin-bottom:var(--gscsm-s-5)!important}.gscsm-provider-deep-block>div:last-child a{padding:var(--gscsm-s-3) var(--gscsm-s-6)!important;border-radius:var(--gscsm-r-lg)!important;font-weight:600!important;font-size:.95rem;transition:all var(--gscsm-t);display:inline-flex;align-items:center;gap:var(--gscsm-s-2)}.gscsm-provider-deep-block>div:last-child a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgb(0 0 0 / .4)}.gscsm-footer-links{background:var(--gscsm-surface)!important;border-top:1px solid var(--gscsm-border)!important;font-family:var(--gscsm-font)!important}.gscsm-footer-links h3{font-size:1.25rem!important;color:var(--gscsm-text-1)!important;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--gscsm-s-6)!important}.gscsm-footer-links strong{color:var(--gscsm-text-1)!important;font-weight:600;display:block;margin-bottom:var(--gscsm-s-3)!important;font-size:.92rem!important}.gscsm-footer-links a{color:var(--gscsm-text-2)!important;font-size:.9rem!important;transition:color var(--gscsm-t-fast);text-decoration:none}.gscsm-footer-links a:hover{color:var(--gscsm-primary)!important;text-decoration:underline}.gscsm-toc{background:var(--gscsm-surface)!important;border:1px solid var(--gscsm-border)!important;border-radius:var(--gscsm-r-lg)!important;padding:var(--gscsm-s-5) var(--gscsm-s-6)!important;margin:0 0 var(--gscsm-s-6)!important;font-family:var(--gscsm-font)!important}.gscsm-toc strong{font-size:1rem!important;color:var(--gscsm-text-1)!important;margin-bottom:var(--gscsm-s-3)!important;display:block}.gscsm-toc a{color:var(--gscsm-primary)!important;text-decoration:none;transition:color var(--gscsm-t-fast)}.gscsm-toc a:hover{color:var(--gscsm-primary-dark)!important;text-decoration:underline}.gscsm-meta-bar{background:var(--gscsm-surface)!important;border:1px solid var(--gscsm-border)!important;border-radius:var(--gscsm-r)!important;padding:var(--gscsm-s-3) var(--gscsm-s-4)!important;font-family:var(--gscsm-font)!important;font-size:.85rem!important}.gscsm-frw-btn{background:linear-gradient(135deg,var(--gscsm-primary),var(--gscsm-accent))!important;font-family:var(--gscsm-font)!important;box-shadow:0 8px 24px rgb(14 165 233 / .35)!important;transition:all var(--gscsm-t)!important;border-radius:100px!important;padding:var(--gscsm-s-3) var(--gscsm-s-6)!important;font-weight:600!important}.gscsm-frw-btn:hover{transform:translateY(-3px)!important;box-shadow:0 12px 28px rgb(14 165 233 / .45)!important}.gscsm-aeo-block{background:linear-gradient(135deg,var(--gscsm-primary-50),#ede9fe)!important;border-left:4px solid var(--gscsm-primary)!important;border-radius:var(--gscsm-r-lg)!important;padding:var(--gscsm-s-5) var(--gscsm-s-6)!important;font-family:var(--gscsm-font)!important;box-shadow:var(--gscsm-shadow-sm)}.gscsm-aeo-block strong{color:var(--gscsm-primary-dark)!important;font-weight:700!important}.gscsm-snippet-target{background:linear-gradient(135deg,#fffbeb,#fef3c7)!important;border-left:4px solid var(--gscsm-warning)!important;border-radius:var(--gscsm-r-lg)!important;padding:var(--gscsm-s-5) var(--gscsm-s-6)!important;font-family:var(--gscsm-font)!important;box-shadow:var(--gscsm-shadow-sm)}.gscsm-key-facts{background:#ffffff!important;border:2px solid var(--gscsm-primary)!important;border-radius:var(--gscsm-r-lg)!important;padding:var(--gscsm-s-5) var(--gscsm-s-6)!important;font-family:var(--gscsm-font)!important;box-shadow:var(--gscsm-shadow)}.gscsm-key-facts strong:first-child{color:var(--gscsm-primary-dark)!important;font-weight:700!important;font-size:1.05rem!important}.gscsm-multi-intent{background:var(--gscsm-surface)!important;border:1px solid var(--gscsm-border)!important;border-radius:var(--gscsm-r-lg)!important;padding:var(--gscsm-s-5) var(--gscsm-s-6)!important;font-family:var(--gscsm-font)!important}.gscsm-semantic-link,.gscsm-pillar-link,.gscsm-silo-link{background:var(--gscsm-primary-50)!important;border-left:3px solid var(--gscsm-primary)!important;border-radius:var(--gscsm-r)!important;padding:var(--gscsm-s-3) var(--gscsm-s-4)!important;margin:var(--gscsm-s-4) 0!important;font-family:var(--gscsm-font)!important;font-size:.92rem!important}.gscsm-semantic-link a,.gscsm-pillar-link a,.gscsm-silo-link a{color:var(--gscsm-primary-dark)!important;font-weight:600!important}.gscsm-provider-deep-block table,.gscsm-cat-compare table{border-radius:var(--gscsm-r-lg);overflow:hidden;box-shadow:var(--gscsm-shadow);border:1px solid var(--gscsm-border)}.gscsm-provider-deep-block table thead,.gscsm-cat-compare table thead{background:var(--gscsm-surface)!important}.gscsm-provider-deep-block table th,.gscsm-cat-compare table th{text-align:left;padding:var(--gscsm-s-3) var(--gscsm-s-4)!important;font-weight:700;color:var(--gscsm-text-1)!important;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.gscsm-provider-deep-block table td,.gscsm-cat-compare table td{padding:var(--gscsm-s-3) var(--gscsm-s-4)!important;border-top:1px solid var(--gscsm-border)!important}.gscsm-stats-grid>div>div[data-counter]{font-family:var(--gscsm-font-display)!important;font-weight:800!important;letter-spacing:-0.03em!important}@media (max-width:768px){.gscsm-provider-deep-block{padding:var(--gscsm-s-4)!important;margin:var(--gscsm-s-5) 0!important}.gscsm-deep-hero{padding:var(--gscsm-s-5)!important}.gscsm-deep-hero h2{font-size:1.3rem!important}.gscsm-pros-cons-grid{grid-template-columns:1fr!important}}html{scroll-behavior:smooth}.gscsm-deep-faq summary:focus-visible,.gscsm-footer-links a:focus-visible,.gscsm-provider-deep-block a:focus-visible,.gscsm-tab:focus-visible,.gscsm-alt-card:focus-visible{outline:2px solid var(--gscsm-primary);outline-offset:2px;border-radius:var(--gscsm-r)}.gscsm-premium-deep{max-width:1180px;margin:40px auto;padding:0 20px;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#0f172a;font-size:16px;line-height:1.65}.gscsm-premium-deep *{box-sizing:border-box}.gscsm-premium-deep h2,.gscsm-premium-deep h3,.gscsm-premium-deep h4{font-family:inherit;letter-spacing:-.01em}.gscsm-meta-bar{position:sticky;top:0;z-index:40;background:rgb(255 255 255 / .96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgb(15 23 42 / .08);margin:-40px -20px 24px;padding:10px 20px}.gscsm-meta-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1180px;margin:0 auto}.gscsm-meta-left,.gscsm-meta-right{display:flex;align-items:center;gap:14px}.gscsm-meta-score{width:54px;height:54px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;line-height:1}.gscsm-meta-score strong{font-size:1.2rem}.gscsm-meta-score span{font-size:.65rem;opacity:.7}.gscsm-meta-name{font-weight:700;font-size:1.05rem;color:#0f172a}.gscsm-meta-cat{font-size:.8rem;color:#64748b}.gscsm-meta-price{text-align:right}.gscsm-meta-label{font-size:.68rem;color:#64748b;text-transform:uppercase;letter-spacing:.06em;display:block}.gscsm-meta-price strong{font-weight:700;font-size:1rem;color:#0f172a}.gscsm-meta-price small{font-weight:400;color:#64748b}.gscsm-cta-primary{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff!important;padding:10px 18px;border-radius:10px;font-weight:700;text-decoration:none;font-size:.92rem;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px rgb(14 165 233 / .28);border:0;cursor:pointer;white-space:nowrap}.gscsm-cta-primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgb(14 165 233 / .35);color:#fff!important}.gscsm-cta-secondary{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;color:#0f172a!important;padding:10px 18px;border-radius:10px;font-weight:600;text-decoration:none;font-size:.92rem;border:1px solid #e2e8f0;transition:background .15s;cursor:pointer;white-space:nowrap}.gscsm-cta-secondary:hover{background:#e2e8f0;color:#0f172a!important}.gscsm-deep-hero{background:linear-gradient(135deg,#f0f9ff 0%,#ede9fe 100%);border:1px solid rgb(14 165 233 / .18);border-radius:22px;padding:36px;margin-bottom:36px;position:relative;overflow:hidden}.gscsm-deep-hero::before{content:'';position:absolute;top:-80px;right:-80px;width:280px;height:280px;background:radial-gradient(circle,rgb(139 92 246 / .18),transparent 70%);pointer-events:none}.gscsm-hero-grid{display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:center;position:relative;z-index:1}.gscsm-hero-eyebrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.gscsm-badge-cat{background:#0ea5e9;color:#fff;padding:5px 12px;border-radius:999px;font-size:.78rem;font-weight:600}.gscsm-badge-verified{background:#dcfce7;color:#166534;padding:5px 12px;border-radius:999px;font-size:.78rem;font-weight:600}.gscsm-hero-title{font-size:clamp(1.6rem, 3vw, 2.2rem)!important;font-weight:800!important;color:#0f172a!important;margin:0 0 16px!important;line-height:1.2!important}.gscsm-hero-tagline{font-size:1.05rem;color:#334155;line-height:1.7;margin:0 0 20px}.gscsm-snippet-target{background:rgb(255 255 255 / .65);border-left:3px solid #0ea5e9;padding:14px 18px;border-radius:0 12px 12px 0}.gscsm-hero-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.gscsm-hero-fact{background:rgb(255 255 255 / .7);padding:10px 14px;border-radius:10px;backdrop-filter:blur(8px)}.gscsm-hero-fact-label{font-size:.68rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:4px}.gscsm-hero-fact strong{color:#0f172a;font-size:.95rem;font-weight:700}.gscsm-hero-score{text-align:center;padding:14px;background:rgb(255 255 255 / .85);border-radius:18px;border:1px solid rgb(14 165 233 / .15)}.gscsm-score-gauge{position:relative;width:160px;height:160px;margin:0 auto 12px}.gscsm-score-gauge svg{width:100%;height:100%;transform:rotate(0deg)}.gscsm-score-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.gscsm-score-num strong{font-size:2.4rem;font-weight:800;color:#0f172a;line-height:1}.gscsm-score-num small{font-size:.8rem;color:#64748b;margin-top:4px}.gscsm-score-verdict{font-weight:700;font-size:1rem;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0}.gscsm-score-meta{font-size:.78rem;color:#64748b;margin:6px 0 0}.gscsm-key-facts{margin:32px 0}.gscsm-section-h2{font-size:1.5rem!important;font-weight:700!important;color:#0f172a!important;margin:0 0 20px!important;letter-spacing:-0.01em!important}.gscsm-section-h3{font-size:1.2rem;font-weight:700;color:#0f172a;margin:24px 0 14px}.gscsm-facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.gscsm-fact-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;transition:transform .15s,box-shadow .15s}.gscsm-fact-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgb(15 23 42 / .08)}.gscsm-fact-positive{background:#ecfdf5;border-color:#a7f3d0}.gscsm-fact-label{font-size:.72rem;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.gscsm-fact-value{font-size:1.05rem;font-weight:700;color:#0f172a}.gscsm-fact-value small{font-size:.78rem;color:#64748b;font-weight:400;margin-left:2px}.gscsm-fact-muted{color:#94a3b8!important}.gscsm-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:2px solid #e2e8f0;padding:0;margin:32px 0 0}.gscsm-tabs::-webkit-scrollbar{display:none}.gscsm-tab{background:#fff0;border:0;border-bottom:3px solid #fff0;padding:14px 20px;font-weight:600;font-size:.95rem;color:#64748b;cursor:pointer;white-space:nowrap;margin-bottom:-2px;transition:color .15s,border-color .15s;font-family:inherit}.gscsm-tab:hover{color:#0ea5e9}.gscsm-tab-active{color:#0f172a;border-bottom-color:#0ea5e9}.gscsm-tab-panel{padding:32px 0;animation:gscsm-fade-in .35s ease}.gscsm-tab-panel[hidden]{display:none}@keyframes gscsm-fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.gscsm-aeo-block{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;padding:16px 20px;border-radius:0 12px 12px 0;font-size:1rem;line-height:1.7;margin-bottom:20px}.gscsm-verdict-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:14px;padding:20px 24px;margin:20px 0}.gscsm-verdict-box strong{color:#0c4a6e;display:block;margin-bottom:8px}.gscsm-verdict-box p{margin:0;color:#1e293b}.gscsm-prose{font-size:1rem;line-height:1.75;color:#334155;margin:0 0 16px}.gscsm-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:18px 0}.gscsm-feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px;font-size:.92rem;color:#0f172a;transition:background .15s}.gscsm-feature-card:hover{background:#eff6ff;border-color:#bfdbfe}.gscsm-feature-check{width:22px;height:22px;border-radius:50%;background:#10b981;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.gscsm-caps-grid{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;margin:24px 0}.gscsm-caps-grid dl{margin:0}.gscsm-cap-row{display:grid;grid-template-columns:220px 1fr;padding:10px 0;border-bottom:1px solid #f1f5f9;gap:14px}.gscsm-cap-row:last-child{border-bottom:0}.gscsm-cap-row dt{font-weight:600;color:#475569;font-size:.92rem}.gscsm-cap-row dd{margin:0;color:#0f172a;font-size:.95rem}.gscsm-pricing-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;margin:18px 0}.gscsm-pricing-table th{background:#f8fafc;padding:14px 18px;text-align:left;font-size:.85rem;color:#475569;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.gscsm-pricing-table td{padding:14px 18px;border-top:1px solid #f1f5f9;color:#0f172a}.gscsm-pricing-simple{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:16px 0}.gscsm-price-tier{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px}.gscsm-price-tier h4{margin:0 0 6px;font-size:1rem;color:#0f172a;font-weight:700}.gscsm-price-tier p{margin:0;color:#475569;font-size:.92rem;line-height:1.6}.gscsm-price-free{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#6ee7b7}.gscsm-price-starter{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.gscsm-pricing-disclaimer{background:#fff7ed;border-left:3px solid #f59e0b;padding:12px 16px;border-radius:0 10px 10px 0;color:#78350f;font-size:.88rem;margin:16px 0 0}.gscsm-premium-deep .gscsm-pros-cons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin:18px 0}.gscsm-pros-card,.gscsm-cons-card{border-radius:16px;padding:22px 24px}.gscsm-pros-card{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7}.gscsm-pros-card h3{color:#065f46;margin:0 0 12px;font-size:1.1rem}.gscsm-pros-card ul{margin:0;padding-left:22px;color:#064e3b;line-height:1.85}.gscsm-cons-card{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5}.gscsm-cons-card h3{color:#991b1b;margin:0 0 12px;font-size:1.1rem}.gscsm-cons-card ul{margin:0;padding-left:22px;color:#7f1d1d;line-height:1.85}.gscsm-deep-faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:0;margin-bottom:10px;transition:border-color .15s,box-shadow .15s}.gscsm-deep-faq-item[open]{border-color:#bae6fd;box-shadow:0 4px 16px rgb(14 165 233 / .08)}.gscsm-deep-faq-item summary{font-weight:600;color:#0f172a;cursor:pointer;padding:16px 20px;font-size:1rem;list-style:none}.gscsm-deep-faq-item summary::-webkit-details-marker{display:none}.gscsm-deep-faq-item summary::before{content:'+';display:inline-flex;width:22px;height:22px;border-radius:50%;background:#f1f5f9;color:#0ea5e9;align-items:center;justify-content:center;font-weight:700;margin-right:10px;transition:transform .25s}.gscsm-deep-faq-item[open] summary::before{content:'−';transform:rotate(180deg);background:#0ea5e9;color:#fff}.gscsm-faq-answer{padding:0 20px 18px;color:#334155;line-height:1.75;font-size:.95rem}.gscsm-alts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:16px 0}.gscsm-alt-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;text-decoration:none;color:#0f172a;transition:transform .15s,border-color .15s,box-shadow .15s}.gscsm-alt-card:hover{transform:translateY(-2px);border-color:#0ea5e9;box-shadow:0 12px 28px rgb(14 165 233 / .12);color:#0f172a}.gscsm-alt-score{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.gscsm-alt-card strong{display:block;font-size:1rem;color:#0f172a}.gscsm-alt-meta{font-size:.82rem;color:#64748b;margin-top:2px}.gscsm-alt-arrow{margin-left:auto;color:#94a3b8;font-size:1.2rem;transition:transform .15s,color .15s}.gscsm-alt-card:hover .gscsm-alt-arrow{transform:translateX(4px);color:#0ea5e9}.gscsm-deep-cta{display:grid;grid-template-columns:1fr auto;gap:24px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:28px 32px;border-radius:18px;align-items:center;margin:32px 0 20px}.gscsm-deep-cta h3{color:#fff!important;margin:0 0 6px!important;font-size:1.25rem!important}.gscsm-deep-cta p{color:#cbd5e1;margin:0}.gscsm-cta-actions{display:flex;gap:10px;flex-wrap:wrap}.gscsm-deep-cta .gscsm-cta-secondary{background:rgb(255 255 255 / .12);color:#fff!important;border-color:rgb(255 255 255 / .18)}.gscsm-deep-cta .gscsm-cta-secondary:hover{background:rgb(255 255 255 / .22);color:#fff!important}.gscsm-eeat-strip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:20px 24px;margin:0 0 30px}.gscsm-eeat-strip strong{display:block;margin-bottom:6px;color:#0f172a;font-size:.95rem}.gscsm-eeat-strip p{margin:0;color:#475569;font-size:.9rem;line-height:1.7}.gscsm-eeat-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}.gscsm-eeat-meta span{font-size:.8rem;color:#64748b}@media (max-width:900px){.gscsm-hero-grid{grid-template-columns:1fr}.gscsm-hero-score{order:-1;max-width:280px;margin:0 auto}.gscsm-deep-hero{padding:24px}.gscsm-hero-title{font-size:1.6rem!important}.gscsm-cap-row{grid-template-columns:1fr;gap:2px}.gscsm-deep-cta{grid-template-columns:1fr;padding:22px 20px}.gscsm-meta-bar{margin:-40px -20px 16px;padding:10px 14px}.gscsm-meta-inner{gap:10px}.gscsm-meta-name{font-size:.92rem}.gscsm-meta-cat{display:none}.gscsm-meta-price{display:none}.gscsm-premium-deep .gscsm-pros-cons-grid{grid-template-columns:1fr}}@media (max-width:600px){.gscsm-premium-deep{padding:0 14px}.gscsm-section-h2{font-size:1.25rem!important}.gscsm-tab{padding:12px 14px;font-size:.88rem}.gscsm-meta-right .gscsm-cta-secondary{display:none}}.gscsm-home-hero{background:linear-gradient(135deg,#0c1226 0%,#1e1b4b 45%,#312e81 100%);color:#fff;padding:80px 24px 70px;margin:0 0 40px;position:relative;overflow:hidden;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.gscsm-home-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgb(139 92 246 / .35),transparent 50%),radial-gradient(circle at 80% 70%,rgb(14 165 233 / .35),transparent 50%);pointer-events:none}.gscsm-home-hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center;position:relative;z-index:1}.gscsm-home-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgb(255 255 255 / .08);backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .14);padding:6px 14px;border-radius:999px;font-size:.82rem;font-weight:600;color:#c7d2fe;margin-bottom:22px}.gscsm-home-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgb(16 185 129 / .25);animation:gscsm-pulse 2s ease infinite}@keyframes gscsm-pulse{0%,100%{box-shadow:0 0 0 4px rgb(16 185 129 / .25)}50%{box-shadow:0 0 0 10px #fff0}}.gscsm-home-h1{font-size:clamp(2rem, 5vw, 3.5rem)!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-0.025em!important;color:#fff!important;margin:0 0 22px!important}.gscsm-home-grad{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0}.gscsm-home-lede{font-size:1.15rem;color:#cbd5e1;line-height:1.65;margin:0 0 30px;max-width:580px}.gscsm-home-lede strong{color:#fff;font-weight:700}.gscsm-home-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}.gscsm-home-cta-xl{padding:14px 24px!important;font-size:1rem!important}.gscsm-home-hero .gscsm-cta-secondary{background:rgb(255 255 255 / .10);color:#fff!important;border-color:rgb(255 255 255 / .20)}.gscsm-home-hero .gscsm-cta-secondary:hover{background:rgb(255 255 255 / .18);color:#fff!important}.gscsm-home-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:28px;border-top:1px solid rgb(255 255 255 / .12)}.gscsm-home-trust-item strong{display:block;font-size:1.7rem;font-weight:800;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;line-height:1}.gscsm-home-trust-item span{display:block;font-size:.8rem;color:#94a3b8;margin-top:4px}.gscsm-home-hero-card{background:rgb(255 255 255 / .06);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .14);border-radius:24px;padding:28px}.gscsm-home-hero-card-h3{color:#fff;margin:0 0 16px;font-size:1.15rem;font-weight:700}.gscsm-home-steps{margin:0 0 22px;padding-left:22px;color:#c7d2fe;line-height:1.9;font-size:.95rem}.gscsm-home-steps li{padding:2px 0}.gscsm-home-section-inner{max-width:1200px;margin:0 auto;padding:0 24px}.gscsm-home-h2{font-size:clamp(1.5rem, 3vw, 2.1rem)!important;font-weight:800!important;color:#0f172a!important;text-align:center;margin:0 0 8px!important;letter-spacing:-0.015em!important}.gscsm-home-h2-sub{text-align:center;color:#64748b;font-size:1rem;margin:0 0 32px}.gscsm-home-cats{padding:50px 0}.gscsm-home-cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.gscsm-home-cat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;text-decoration:none;color:#0f172a;transition:transform .2s,box-shadow .2s,border-color .2s}.gscsm-home-cat-card:hover{transform:translateY(-4px);border-color:#0ea5e9;box-shadow:0 16px 40px rgb(14 165 233 / .18);color:#0f172a}.gscsm-home-cat-emoji{font-size:2.2rem;margin-bottom:10px}.gscsm-home-cat-card strong{font-size:1rem;color:#0f172a;margin-bottom:4px;display:block}.gscsm-home-cat-count{font-size:.82rem;color:#64748b}.gscsm-home-top{background:#f8fafc;padding:60px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;margin:40px 0}.gscsm-home-top-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.gscsm-home-top-card{display:block;padding:22px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;text-decoration:none;color:#0f172a;transition:transform .15s,border-color .15s,box-shadow .15s}.gscsm-home-top-card:hover{transform:translateY(-3px);border-color:#0ea5e9;box-shadow:0 16px 36px rgb(14 165 233 / .14);color:#0f172a}.gscsm-home-top-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.gscsm-home-top-head strong{font-size:1.1rem;color:#0f172a;display:block}.gscsm-home-top-cat{font-size:.82rem;color:#64748b;margin-top:2px}.gscsm-home-top-score{font-size:1.05rem;font-weight:800;padding:8px 12px;border-radius:10px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:50px}.gscsm-home-top-meta{font-size:.9rem;color:#475569;padding:10px 0;border-top:1px solid #f1f5f9;margin-top:6px}.gscsm-home-top-arrow{display:inline-block;margin-top:6px;color:#0ea5e9;font-weight:600;font-size:.9rem}.gscsm-home-why{padding:60px 0 70px}.gscsm-home-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.gscsm-home-why-card{text-align:center;padding:28px 22px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px}.gscsm-home-why-icon{font-size:2rem;display:block;margin-bottom:12px}.gscsm-home-why-card strong{display:block;color:#0f172a;font-size:1.05rem;margin-bottom:8px}.gscsm-home-why-card p{margin:0;color:#475569;font-size:.9rem;line-height:1.65}@media (max-width:900px){.gscsm-home-hero{padding:60px 22px 50px}.gscsm-home-hero-inner{grid-template-columns:1fr;gap:36px}.gscsm-home-hero-card{order:-1}.gscsm-home-trust{grid-template-columns:repeat(2,1fr);gap:16px}.gscsm-home-trust-item strong{font-size:1.35rem}.gscsm-home-cats,.gscsm-home-top,.gscsm-home-why{padding-left:12px;padding-right:12px}}@media (max-width:480px){.gscsm-home-cat-grid{grid-template-columns:repeat(2,1fr)}}body.gscsm-home-premium .ts-home-old-hero,body.gscsm-home-premium .ts-homepage-hero,body.gscsm-home-premium .ts-fallback-hero{display:none!important}.gscsm-cat-hero{background:linear-gradient(135deg,#0f172a 0%,#0c4a6e 100%);color:#fff;padding:60px 24px 50px;margin:0 0 30px;position:relative;overflow:hidden;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}.gscsm-cat-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgb(14 165 233 / .3),transparent 50%);pointer-events:none}.gscsm-cat-hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center;position:relative;z-index:1}.gscsm-cat-eyebrow{display:inline-block;padding:5px 12px;background:rgb(14 165 233 / .18);border:1px solid rgb(14 165 233 / .32);border-radius:999px;font-size:.82rem;color:#38bdf8;font-weight:600;margin-bottom:16px}.gscsm-cat-h1{font-size:clamp(1.8rem, 4vw, 2.8rem)!important;font-weight:800!important;color:#fff!important;line-height:1.1!important;margin:0 0 16px!important;letter-spacing:-0.02em!important;display:flex;align-items:center;gap:14px}.gscsm-cat-emoji{font-size:1.2em}.gscsm-cat-lede{font-size:1.05rem;color:#cbd5e1;line-height:1.65;margin:0 0 26px;max-width:640px}.gscsm-cat-lede strong{color:#fff;font-weight:700}.gscsm-cat-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.gscsm-cat-hero .gscsm-cta-secondary{background:rgb(255 255 255 / .10);color:#fff!important;border-color:rgb(255 255 255 / .20)}.gscsm-cat-hero .gscsm-cta-secondary:hover{background:rgb(255 255 255 / .18);color:#fff!important}.gscsm-cat-hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.gscsm-cat-stat{background:rgb(255 255 255 / .08);backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .14);padding:16px 18px;border-radius:14px}.gscsm-cat-stat strong{display:block;font-size:1.55rem;font-weight:800;color:#fbbf24;line-height:1}.gscsm-cat-stat span{display:block;font-size:.78rem;color:#94a3b8;margin-top:6px;text-transform:uppercase;letter-spacing:.05em}.gscsm-cat-section-inner{max-width:1200px;margin:0 auto;padding:0 24px}.gscsm-cat-h2{font-size:clamp(1.4rem, 2.6vw, 1.9rem)!important;font-weight:800!important;color:#0f172a!important;margin:0 0 6px!important;letter-spacing:-0.01em!important}.gscsm-cat-h2-sub{color:#64748b;font-size:.95rem;margin:0 0 24px}.gscsm-cat-table-section{padding:40px 0 50px}.gscsm-cat-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px rgb(15 23 42 / .04);overflow-x:auto}.gscsm-cat-table{width:100%;border-collapse:collapse;font-family:inherit}.gscsm-cat-table thead th{background:#f8fafc;padding:14px 16px;text-align:left;font-size:.8rem;color:#475569;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.gscsm-cat-table tbody td{padding:14px 16px;border-top:1px solid #f1f5f9;color:#0f172a;font-size:.94rem;vertical-align:middle}.gscsm-cat-table tbody tr:hover{background:#fafbfc}.gscsm-cat-rank{font-weight:800;font-size:1.1rem;color:#64748b;width:60px;text-align:center}.gscsm-cat-vname a{color:#0f172a;text-decoration:none;font-weight:700}.gscsm-cat-vname a:hover{color:#0ea5e9}.gscsm-cat-vmeta{font-size:.75rem;color:#94a3b8;margin-top:2px}.gscsm-cat-score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:50px;padding:6px 12px;border-radius:10px;font-weight:800;font-size:.98rem}.gscsm-cat-segment{color:#475569;font-size:.85rem;max-width:220px}.gscsm-cat-go{display:inline-block;padding:7px 14px;background:#f1f5f9;color:#0f172a!important;border-radius:8px;font-size:.85rem;text-decoration:none;font-weight:600;transition:background .15s}.gscsm-cat-go:hover{background:#e0f2fe;color:#0c4a6e!important}.gscsm-cat-guide{padding:40px 0 60px;background:#f8fafc}.gscsm-cat-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.gscsm-cat-guide-card{background:#fff;padding:22px 24px;border:1px solid #e2e8f0;border-radius:14px;transition:transform .15s,box-shadow .15s}.gscsm-cat-guide-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgb(15 23 42 / .06)}.gscsm-cat-guide-card h3{margin:0 0 8px;font-size:1rem;color:#0c4a6e}.gscsm-cat-guide-card p{margin:0;color:#475569;font-size:.92rem;line-height:1.65}@media (max-width:900px){.gscsm-cat-hero-inner{grid-template-columns:1fr;gap:28px}.gscsm-cat-hero{padding:50px 22px 40px}}@media (max-width:720px){.gscsm-cat-table tbody td,.gscsm-cat-table thead th{padding:10px 12px;font-size:.85rem}.gscsm-cat-segment{display:none}.gscsm-cat-table thead th:nth-child(6){display:none}.gscsm-cat-table tbody td:nth-child(6){display:none}}.gscsm-cmp-hero{background:linear-gradient(135deg,#4c1d95 0%,#6d28d9 50%,#db2777 100%);color:#fff;padding:70px 24px 60px;margin:0 0 36px;text-align:center;position:relative;overflow:hidden;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}.gscsm-cmp-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgb(251 191 36 / .18),transparent 40%),radial-gradient(circle at 70% 50%,rgb(14 165 233 / .18),transparent 40%)}.gscsm-cmp-hero-inner{max-width:920px;margin:0 auto;position:relative;z-index:1}.gscsm-cmp-eyebrow{display:inline-block;padding:5px 14px;background:rgb(255 255 255 / .10);border:1px solid rgb(255 255 255 / .18);border-radius:999px;font-size:.8rem;color:#fde68a;font-weight:600;margin-bottom:18px;backdrop-filter:blur(8px)}.gscsm-cmp-h1{font-size:clamp(2rem, 4.5vw, 3.2rem)!important;font-weight:800!important;color:#fff!important;line-height:1.1!important;margin:0 0 18px!important;letter-spacing:-0.025em!important}.gscsm-cmp-grad{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0}.gscsm-cmp-lede{font-size:1.1rem;color:#e9d5ff;line-height:1.6;margin:0 auto 28px;max-width:720px}.gscsm-cmp-lede strong{color:#fff}.gscsm-cmp-hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.gscsm-cmp-hero .gscsm-cta-secondary{background:rgb(255 255 255 / .10);color:#fff!important;border-color:rgb(255 255 255 / .20)}.gscsm-cmp-hero .gscsm-cta-secondary:hover{background:rgb(255 255 255 / .18);color:#fff!important}.gscsm-cmp-section{padding:50px 0}.gscsm-cmp-section-inner{max-width:1200px;margin:0 auto;padding:0 24px}.gscsm-cmp-h2{font-size:clamp(1.5rem, 3vw, 2rem)!important;font-weight:800!important;color:#0f172a!important;margin:0 0 6px!important;letter-spacing:-0.015em!important}.gscsm-cmp-h2-sub{color:#64748b;font-size:.95rem;margin:0 0 28px}.gscsm-cmp-picks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.gscsm-cmp-pick-block{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;transition:transform .15s,box-shadow .15s}.gscsm-cmp-pick-block:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgb(15 23 42 / .08)}.gscsm-cmp-pick-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #f1f5f9}.gscsm-cmp-pick-emoji{font-size:1.8rem}.gscsm-cmp-pick-head h3{margin:0;font-size:1rem;color:#0f172a;font-weight:700}.gscsm-cmp-pick-all{font-size:.82rem;color:#0ea5e9;text-decoration:none;font-weight:600}.gscsm-cmp-pick-list{margin:0;padding:0;list-style:none}.gscsm-cmp-pick-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f8fafc}.gscsm-cmp-pick-list li:first-child{border-top:0}.gscsm-cmp-medal{font-size:1.15rem;flex-shrink:0}.gscsm-cmp-pick-name{flex:1;color:#0f172a;text-decoration:none;font-weight:600}.gscsm-cmp-pick-name:hover{color:#0ea5e9}.gscsm-cmp-pick-score{padding:4px 10px;border-radius:8px;font-weight:800;font-size:.85rem}.gscsm-cmp-h2h{background:#f8fafc}.gscsm-cmp-h2h-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.gscsm-cmp-h2h-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px}.gscsm-cmp-h2h-cat{font-size:.72rem;color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:14px}.gscsm-cmp-h2h-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:16px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.gscsm-cmp-h2h-side{text-align:center;padding:8px;border-radius:10px;transition:background .15s}.gscsm-cmp-h2h-side strong{display:block;font-size:1.05rem;color:#0f172a;margin-bottom:6px}.gscsm-cmp-h2h-score{display:inline-block;padding:3px 9px;background:#f1f5f9;color:#475569;border-radius:8px;font-size:.82rem;font-weight:700;margin-bottom:4px}.gscsm-cmp-h2h-price{display:block;font-size:.78rem;color:#64748b}.gscsm-cmp-winner{background:linear-gradient(135deg,#ecfdf5,#d1fae5);position:relative}.gscsm-cmp-winner::before{content:'👑';position:absolute;top:-10px;right:10px;font-size:1.1rem}.gscsm-cmp-winner .gscsm-cmp-h2h-score{background:#10b981;color:#fff}.gscsm-cmp-h2h-vs{font-weight:800;color:#cbd5e1;font-size:1.1rem;background:#f8fafc;padding:6px 12px;border-radius:999px}.gscsm-cmp-h2h-cta{display:block;text-align:center;margin-top:16px;padding:10px;background:#f8fafc;color:#0f172a!important;border-radius:10px;font-weight:600;text-decoration:none;transition:background .15s;font-size:.9rem}.gscsm-cmp-h2h-cta:hover{background:#e0f2fe;color:#0c4a6e!important}.gscsm-cmp-final{padding:60px 24px 70px;background:linear-gradient(135deg,#fff,#f0f9ff)}.gscsm-cmp-final-lede{text-align:center;color:#475569;font-size:1.05rem;line-height:1.65;max-width:720px;margin:12px auto 0}@media (max-width:720px){.gscsm-cmp-h2h-versus{grid-template-columns:1fr;gap:10px}.gscsm-cmp-h2h-vs{justify-self:center}}.gscsm-util-hero,.gscsm-tool-hero,.gscsm-wiz-hero,.gscsm-vs-hero,.gscsm-blog-hero,.gscsm-blog-single-hero{color:#fff;padding:60px 24px 50px;margin:0 0 30px;position:relative;overflow:hidden;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;text-align:center}.gscsm-util-hero::before,.gscsm-tool-hero::before,.gscsm-wiz-hero::before,.gscsm-vs-hero::before,.gscsm-blog-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgb(255 255 255 / .08),transparent 60%);pointer-events:none}.gscsm-util-hero-inner,.gscsm-tool-hero-inner,.gscsm-wiz-hero-inner,.gscsm-vs-hero-inner,.gscsm-blog-hero-inner{max-width:920px;margin:0 auto;position:relative;z-index:1}.gscsm-util-eyebrow{display:inline-block;padding:5px 14px;background:rgb(255 255 255 / .12);border:1px solid rgb(255 255 255 / .20);border-radius:999px;font-size:.8rem;font-weight:600;margin-bottom:16px;backdrop-filter:blur(8px);color:#fff}.gscsm-util-h1{font-size:clamp(1.7rem, 4vw, 2.6rem)!important;font-weight:800!important;color:#fff!important;line-height:1.1!important;margin:0 0 14px!important;letter-spacing:-0.02em!important;display:inline-flex;align-items:center;gap:12px}.gscsm-util-emoji{font-size:1.1em}.gscsm-util-lede{font-size:1.05rem;color:rgb(255 255 255 / .85);line-height:1.65;margin:0 auto;max-width:680px}.gscsm-util-lede strong{color:#fff}.gscsm-util-stats{display:flex;justify-content:center;gap:30px;margin-top:26px;flex-wrap:wrap}.gscsm-util-stat strong{display:block;font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;line-height:1}.gscsm-util-stat span{display:block;font-size:.75rem;color:rgb(255 255 255 / .7);margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.gscsm-util-cards-section,.gscsm-tool-steps,.gscsm-tool-faq,.gscsm-tool-related,.gscsm-wiz-section,.gscsm-vs-section{padding:40px 0 50px}.gscsm-vs-bg{background:#f8fafc}.gscsm-util-section-inner,.gscsm-wiz-inner{max-width:1200px;margin:0 auto;padding:0 24px}.gscsm-wiz-inner{max-width:760px}.gscsm-util-h2{font-size:clamp(1.4rem, 2.6vw, 1.85rem)!important;font-weight:800!important;color:#0f172a!important;margin:0 0 6px!important;letter-spacing:-0.01em!important}.gscsm-util-h2-sub{color:#64748b;font-size:.95rem;margin:0 0 24px}.gscsm-util-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.gscsm-util-tool-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;text-decoration:none;color:#0f172a;transition:transform .15s,box-shadow .15s,border-color .15s}.gscsm-util-tool-card:hover{transform:translateY(-3px);border-color:#0ea5e9;box-shadow:0 14px 30px rgb(14 165 233 / .14);color:#0f172a}.gscsm-util-tool-emoji{font-size:2rem;flex-shrink:0}.gscsm-util-tool-card strong{display:block;color:#0f172a;font-size:1rem}.gscsm-util-tool-card p{margin:4px 0 0;font-size:.85rem;color:#64748b;line-height:1.5}.gscsm-util-tool-arrow{margin-left:auto;color:#94a3b8;font-size:1.3rem;flex-shrink:0;transition:transform .15s,color .15s}.gscsm-util-tool-card:hover .gscsm-util-tool-arrow{transform:translateX(4px);color:#0ea5e9}.gscsm-util-cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.gscsm-util-cat-card{display:block;text-align:center;padding:24px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;text-decoration:none;color:#0f172a;transition:transform .15s,box-shadow .15s,border-color .15s}.gscsm-util-cat-card:hover{transform:translateY(-3px);border-color:#0ea5e9;box-shadow:0 12px 28px rgb(14 165 233 / .12);color:#0f172a}.gscsm-util-cat-emoji{font-size:2.2rem;display:block;margin-bottom:10px}.gscsm-util-cat-card strong{display:block;font-size:1rem;margin-bottom:4px}.gscsm-util-cat-card p{margin:0;font-size:.85rem;color:#64748b;line-height:1.5}.gscsm-util-alpha-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:8px;max-width:720px;margin:0 auto}.gscsm-util-alpha{display:flex;align-items:center;justify-content:center;width:100%;height:46px;font-weight:700;font-size:1rem;background:#f1f5f9;color:#0f172a;text-decoration:none;border-radius:10px;transition:background .15s,color .15s,transform .12s}.gscsm-util-alpha:hover{background:#0ea5e9;color:#fff;transform:scale(1.08)}.gscsm-util-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.gscsm-util-tpl-card{position:relative;display:block;padding:22px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;text-decoration:none;color:#0f172a;transition:transform .15s,box-shadow .15s,border-color .15s}.gscsm-util-tpl-card:hover{transform:translateY(-3px);border-color:#f59e0b;box-shadow:0 14px 30px rgb(245 158 11 / .16)}.gscsm-util-tpl-emoji{font-size:2rem;display:block;margin-bottom:10px}.gscsm-util-tpl-card strong{display:block;font-size:1rem;color:#0f172a;margin-bottom:6px}.gscsm-util-tpl-card p{margin:0 0 10px;font-size:.85rem;color:#64748b;line-height:1.5}.gscsm-util-tpl-tag{display:inline-block;padding:3px 10px;background:#f1f5f9;color:#475569;border-radius:999px;font-size:.72rem;font-weight:600}.gscsm-util-tpl-required{background:#fef2f2;color:#b91c1c}.gscsm-tool-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.gscsm-tool-step{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px 24px;text-align:center}.gscsm-tool-step-num{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;font-size:1.2rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.gscsm-tool-step strong{display:block;font-size:1rem;color:#0f172a;margin-bottom:6px}.gscsm-tool-step p{margin:0;color:#64748b;font-size:.9rem;line-height:1.6}.gscsm-tool-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.gscsm-tool-related-card{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;color:#0f172a;transition:border-color .15s,background .15s}.gscsm-tool-related-card:hover{border-color:#0ea5e9;background:#f0f9ff;color:#0f172a}.gscsm-tool-related-card span{font-size:1.3rem}.gscsm-wiz-progress{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:8px}.gscsm-wiz-progress-fill{height:100%;width:25%;background:linear-gradient(90deg,#0ea5e9,#8b5cf6);transition:width .35s ease}.gscsm-wiz-progress-label{text-align:right;font-size:.82rem;color:#64748b;font-weight:600;margin-bottom:28px}.gscsm-wiz-step{display:none;animation:gscsm-fade-in .35s ease}.gscsm-wiz-active{display:block}.gscsm-wiz-q{text-align:center;font-size:1.4rem!important;font-weight:700!important;color:#0f172a!important;margin:0 0 26px!important}.gscsm-wiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.gscsm-wiz-opt{background:#fff;border:2px solid #e2e8f0;padding:22px 18px;border-radius:14px;cursor:pointer;text-align:center;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;font-family:inherit}.gscsm-wiz-opt:hover{transform:translateY(-2px);border-color:#0ea5e9;box-shadow:0 10px 24px rgb(14 165 233 / .12)}.gscsm-wiz-opt-active{border-color:#0ea5e9;background:#f0f9ff}.gscsm-wiz-opt-emoji{font-size:2.2rem;display:block;margin-bottom:10px}.gscsm-wiz-opt strong{display:block;color:#0f172a;font-size:.98rem;margin-bottom:4px}.gscsm-wiz-opt-sub{display:block;font-size:.8rem;color:#64748b}.gscsm-wiz-loading{text-align:center;padding:40px}.gscsm-wiz-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#0ea5e9;border-radius:50%;animation:gscsm-spin 1s linear infinite;margin:0 auto 16px}@keyframes gscsm-spin{to{transform:rotate(360deg)}}.gscsm-wiz-result-h{text-align:center;font-size:1.6rem!important;font-weight:800!important;color:#0f172a!important;margin:0 0 6px!important}.gscsm-wiz-result-sub{text-align:center;color:#64748b;margin:0 0 26px}.gscsm-wiz-result-grid{display:grid;gap:14px}.gscsm-wiz-rec{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 22px;text-decoration:none;color:#0f172a;transition:transform .15s,border-color .15s,box-shadow .15s}.gscsm-wiz-rec:hover{transform:translateY(-2px);border-color:#0ea5e9;box-shadow:0 12px 28px rgb(14 165 233 / .12);color:#0f172a}.gscsm-wiz-rec-rank{font-size:1.4rem}.gscsm-wiz-rec strong{display:block;font-size:1.05rem;color:#0f172a}.gscsm-wiz-rec-meta{font-size:.82rem;color:#64748b;margin-top:2px}.gscsm-wiz-rec-score{margin-left:auto;background:#ecfdf5;color:#065f46;font-weight:800;padding:8px 14px;border-radius:10px;font-size:1rem}.gscsm-vs-h1{font-size:clamp(1.6rem, 4vw, 2.4rem)!important;display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap}.gscsm-vs-name{background:rgb(255 255 255 / .10);padding:6px 18px;border-radius:14px;border:1px solid rgb(255 255 255 / .18);transition:all .25s}.gscsm-vs-winner{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a!important;border-color:#fbbf24;box-shadow:0 8px 24px rgb(251 191 36 / .4)}.gscsm-vs-x{font-size:.8em;color:#cbd5e1;font-weight:600;background:rgb(0 0 0 / .18);padding:4px 12px;border-radius:999px}.gscsm-vs-lede{color:rgb(255 255 255 / .85)}.gscsm-vs-verdict{background:linear-gradient(135deg,#fff7ed,#fef3c7);border-left:4px solid #f59e0b;padding:18px 24px;border-radius:0 14px 14px 0;margin:0 0 24px}.gscsm-vs-verdict p{margin:0;color:#78350f;font-size:1rem;line-height:1.65}.gscsm-vs-verdict strong{color:#b45309}.gscsm-vs-gauges{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}.gscsm-vs-gauge-card{text-align:center;padding:22px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;position:relative}.gscsm-vs-winner-card{border-color:#fbbf24;background:linear-gradient(135deg,#fffbeb,#fef3c7);box-shadow:0 10px 28px rgb(251 191 36 / .18)}.gscsm-vs-gauge-card .gscsm-score-gauge{width:130px;height:130px;margin:0 auto 12px}.gscsm-vs-gauge-card .gscsm-score-num strong{font-size:2rem}.gscsm-vs-gauge-name{display:block;font-size:1.1rem;color:#0f172a;margin-top:8px}.gscsm-vs-gauge-medal{display:inline-block;margin-top:8px;background:#fbbf24;color:#0f172a;padding:4px 12px;border-radius:999px;font-size:.85rem;font-weight:700}.gscsm-vs-matrix-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;overflow-x:auto;box-shadow:0 4px 18px rgb(15 23 42 / .04)}.gscsm-vs-matrix{width:100%;border-collapse:collapse}.gscsm-vs-matrix thead th{background:#f8fafc;padding:14px 18px;text-align:left;font-weight:700;color:#0f172a;border-bottom:2px solid #e2e8f0;font-size:.92rem}.gscsm-vs-matrix tbody td{padding:12px 18px;border-top:1px solid #f1f5f9;color:#334155;font-size:.92rem}.gscsm-vs-crit{font-weight:600;color:#475569;background:#fafbfc;min-width:160px}.gscsm-vs-matrix tbody tr:hover td{background:#fafbfc}.gscsm-vs-pros-cons{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gscsm-vs-pc-col h3{font-size:1.15rem;color:#0f172a;margin:0 0 12px;text-align:center}.gscsm-vs-pc-col .gscsm-pros-card,.gscsm-vs-pc-col .gscsm-cons-card{margin-bottom:12px;padding:16px 18px}.gscsm-vs-pc-col h4{margin:0 0 8px;font-size:1rem}.gscsm-vs-reco-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gscsm-vs-reco{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px 26px}.gscsm-vs-reco h3{margin:0 0 14px;font-size:1.1rem;color:#0c4a6e}.gscsm-vs-reco ul{margin:0 0 18px;padding-left:22px;color:#334155;line-height:1.85}.gscsm-blog-hero{background:linear-gradient(135deg,#581c87 0%,#be185d 100%)}.gscsm-blog-single-hero{background:#f8fafc;padding:28px 24px 18px;margin:0 0 20px;color:#0f172a;text-align:left;border-bottom:1px solid #e2e8f0}.gscsm-blog-single-inner{max-width:800px;margin:0 auto}.gscsm-blog-breadcrumb{font-size:.85rem;color:#64748b;margin-bottom:12px}.gscsm-blog-breadcrumb a{color:#0ea5e9;text-decoration:none}.gscsm-blog-breadcrumb span{margin:0 6px}.gscsm-blog-meta{display:flex;gap:18px;color:#475569;font-size:.85rem;flex-wrap:wrap}.gscsm-blog-cats-strip{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:24px}.gscsm-blog-cats-strip a{background:rgb(255 255 255 / .12);border:1px solid rgb(255 255 255 / .18);color:#fff!important;padding:6px 14px;border-radius:999px;text-decoration:none;font-size:.85rem;font-weight:600;transition:background .15s}.gscsm-blog-cats-strip a:hover{background:rgb(255 255 255 / .22);color:#fff!important}@media (max-width:720px){.gscsm-vs-gauges{grid-template-columns:1fr}.gscsm-vs-pros-cons{grid-template-columns:1fr}.gscsm-vs-reco-grid{grid-template-columns:1fr}.gscsm-util-stats{gap:16px}.gscsm-util-stat strong{font-size:1.3rem}.gscsm-wiz-q{font-size:1.15rem!important}.gscsm-wiz-opt-emoji{font-size:1.8rem}}@media print{.ts-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:1rem}.ts-modal__overlay{position:absolute;inset:0;background:rgb(0 0 0 / .6);backdrop-filter:blur(4px)}.ts-modal__container{position:relative;background:var(--ts-bg,#fff);border-radius:16px;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem;box-shadow:0 25px 50px -12px rgb(0 0 0 / .25);animation:tsModalIn 0.3s ease}html.ts-dark .ts-modal__container{background:#1a1a2e;color:#e0e0e0}@keyframes tsModalIn{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ts-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.2s}.ts-modal__close:hover{background:rgb(0 0 0 / .08)}html.ts-dark .ts-modal__close{color:#aaa}html.ts-dark .ts-modal__close:hover{background:rgb(255 255 255 / .1)}.ts-quote-progress{height:4px;background:#e5e7eb;border-radius:2px;margin-bottom:1.5rem;overflow:hidden}.ts-quote-progress__bar{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;transition:width 0.4s ease}html.ts-dark .ts-quote-progress{background:#333}.ts-quote-form__title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#111}.ts-quote-form__subtitle{font-size:.95rem;color:#666;margin:0 0 1.5rem}html.ts-dark .ts-quote-form__title{color:#f0f0f0}html.ts-dark .ts-quote-form__subtitle{color:#aaa}.ts-quote-step__title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.ts-quote-step__hint{font-size:.85rem;color:#888;margin:0 0 1rem}.ts-quote-providers{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;max-height:340px;overflow-y:auto}@media (max-width:480px){.ts-quote-providers{grid-template-columns:1fr}}.ts-quote-provider{cursor:pointer}.ts-quote-provider input{display:none}.ts-quote-provider__card{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:2px solid #e5e7eb;border-radius:12px;transition:all 0.2s;background:#fafafa}html.ts-dark .ts-quote-provider__card{border-color:#333;background:#1e1e30}.ts-quote-provider__card:hover{border-color:#a5b4fc;background:#f0f0ff}html.ts-dark .ts-quote-provider__card:hover{border-color:#6366f1;background:#25254a}.ts-quote-provider--selected .ts-quote-provider__card{border-color:#6366f1;background:#eef2ff;box-shadow:0 0 0 1px #6366f1}html.ts-dark .ts-quote-provider--selected .ts-quote-provider__card{border-color:#818cf8;background:#2d2d5e}.ts-quote-provider__logo{width:40px;height:40px;border-radius:8px;object-fit:contain;flex-shrink:0}.ts-quote-provider__info{flex:1;min-width:0}.ts-quote-provider__info strong{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-quote-provider__meta{font-size:.78rem;color:#888}.ts-quote-provider__check-icon{width:22px;height:22px;border:2px solid #d1d5db;border-radius:6px;flex-shrink:0;position:relative;transition:all 0.2s}.ts-quote-provider--selected .ts-quote-provider__check-icon{background:#6366f1;border-color:#6366f1}.ts-quote-provider--selected .ts-quote-provider__check-icon::after{content:'';position:absolute;top:3px;left:6px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.ts-quote-providers__loading{grid-column:1 / -1;text-align:center;padding:2rem;color:#888}.ts-form-chips{display:flex;flex-wrap:wrap;gap:.5rem}.ts-chip{padding:.5rem 1rem;border:1.5px solid #d1d5db;border-radius:999px;background:#fff0;font-size:.88rem;cursor:pointer;transition:all 0.2s;color:#374151}html.ts-dark .ts-chip{border-color:#444;color:#ccc}.ts-chip:hover{border-color:#6366f1;color:#6366f1}.ts-chip--active{background:#6366f1;border-color:#6366f1;color:#fff!important}.ts-form-row{margin-bottom:1rem}.ts-form-label{display:block;font-size:.88rem;font-weight:600;margin-bottom:.4rem;color:#374151}html.ts-dark .ts-form-label{color:#d1d5db}.ts-form-input,.ts-form-select,.ts-form-textarea{width:100%;padding:.65rem .9rem;border:1.5px solid #d1d5db;border-radius:10px;font-size:.9rem;transition:border-color 0.2s;background:#fff;color:#111;box-sizing:border-box}html.ts-dark .ts-form-input,html.ts-dark .ts-form-select,html.ts-dark .ts-form-textarea{background:#1e1e30;border-color:#444;color:#e0e0e0}.ts-form-input:focus,.ts-form-select:focus,.ts-form-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgb(99 102 241 / .15)}.ts-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}@media (max-width:480px){.ts-form-grid{grid-template-columns:1fr}}.ts-form-checkbox{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:#666;cursor:pointer}html.ts-dark .ts-form-checkbox{color:#aaa}.ts-form-checkbox input{margin-top:3px}.ts-form-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;gap:1rem}.ts-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.5rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all 0.2s;text-decoration:none}.ts-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.ts-btn--primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px rgb(99 102 241 / .3)}.ts-btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.ts-btn--ghost{background:#fff0;color:#6366f1;border:1.5px solid #d1d5db}html.ts-dark .ts-btn--ghost{border-color:#444;color:#a5b4fc}.ts-btn--ghost:hover{background:rgb(99 102 241 / .08);border-color:#6366f1}.ts-btn--lg{padding:.8rem 2rem;font-size:1rem}.ts-btn--sm{padding:.45rem 1rem;font-size:.82rem}.ts-quote-success{text-align:center;padding:2rem 1rem}.ts-quote-success__icon{width:64px;height:64px;margin:0 auto 1rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.ts-quote-success h3{font-size:1.3rem;margin:0 0 .5rem}.ts-quote-success p{color:#666;margin:0 0 .5rem}html.ts-dark .ts-quote-success p{color:#aaa}.ts-quote-success__tip{font-size:.85rem;margin-bottom:1.5rem!important}.ts-quote-success__tip a{color:#6366f1;text-decoration:underline}.ts-sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:9998;background:rgb(255 255 255 / .95);backdrop-filter:blur(10px);border-top:1px solid #e5e7eb;padding:.75rem 1rem;animation:tsSlideUp 0.4s ease}html.ts-dark .ts-sticky-cta{background:rgb(26 26 46 / .95);border-color:#333}@keyframes tsSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.ts-sticky-cta__inner{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.ts-sticky-cta__text{font-size:.9rem;font-weight:500;color:#374151}html.ts-dark .ts-sticky-cta__text{color:#d1d5db}.ts-quote-inline-cta{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1.5px solid #c7d2fe;border-radius:14px;margin:1.5rem 0}html.ts-dark .ts-quote-inline-cta{background:linear-gradient(135deg,#1e1e40,#25254a);border-color:#4338ca}.ts-quote-inline-cta__text{flex:1}.ts-quote-inline-cta__text strong{display:block;font-size:1rem;margin-bottom:.25rem}.ts-quote-inline-cta__text span{font-size:.85rem;color:#666}html.ts-dark .ts-quote-inline-cta__text span{color:#aaa}@media (max-width:480px){.ts-modal__container{padding:1.25rem;border-radius:12px;max-height:95vh}.ts-quote-inline-cta{flex-direction:column;text-align:center}}}@media print{.ts-exit-popup{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;padding:1rem}.ts-exit-popup__overlay{position:absolute;inset:0;background:rgb(0 0 0 / .65);backdrop-filter:blur(4px)}.ts-exit-popup__container{position:relative;background:linear-gradient(135deg,#eef2ff 0%,#fff 50%,#f0fdf4 100%);border-radius:20px;max-width:460px;width:100%;padding:2.5rem 2rem;box-shadow:0 25px 50px -12px rgb(0 0 0 / .25);animation:tsPopIn 0.4s cubic-bezier(.34,1.56,.64,1);text-align:center}html.ts-dark .ts-exit-popup__container{background:linear-gradient(135deg,#1e1e40 0%,#1a1a2e 50%,#1e2e1e 100%)}@keyframes tsPopIn{from{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ts-exit-popup__close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#888;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ts-exit-popup__close:hover{background:rgb(0 0 0 / .08)}.ts-exit-popup__icon{font-size:3rem;margin-bottom:.75rem}.ts-exit-popup__title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#111}html.ts-dark .ts-exit-popup__title{color:#f0f0f0}.ts-exit-popup__text{font-size:.95rem;color:#555;margin:0 0 1.25rem;line-height:1.5}html.ts-dark .ts-exit-popup__text{color:#aaa}.ts-exit-popup__form{display:flex;gap:.5rem;max-width:380px;margin:0 auto}.ts-exit-popup__input{flex:1;padding:.7rem 1rem;border:2px solid #d1d5db;border-radius:12px;font-size:.9rem;transition:border-color 0.2s}html.ts-dark .ts-exit-popup__input{background:#1e1e30;border-color:#444;color:#e0e0e0}.ts-exit-popup__input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgb(99 102 241 / .15)}.ts-exit-popup__btn{padding:.7rem 1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform 0.2s,box-shadow 0.2s}.ts-exit-popup__btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(99 102 241 / .3)}.ts-exit-popup__privacy{font-size:.78rem;color:#999;margin-top:.75rem}.ts-exit-popup__success{padding:1rem 0}.ts-exit-popup__check{width:48px;height:48px;background:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto .5rem}.ts-inline-email{margin:2rem 0;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1.5px solid #c7d2fe;overflow:hidden}html.ts-dark .ts-inline-email{background:linear-gradient(135deg,#1e1e40,#25254a);border-color:#4338ca}.ts-inline-email__inner{padding:1.5rem 2rem}.ts-inline-email__text{margin-bottom:1rem}.ts-inline-email__text strong{display:block;font-size:1.05rem;margin-bottom:.25rem;color:#111}html.ts-dark .ts-inline-email__text strong{color:#f0f0f0}.ts-inline-email__text span{font-size:.88rem;color:#666}html.ts-dark .ts-inline-email__text span{color:#aaa}.ts-inline-email__form{display:flex;gap:.5rem;max-width:440px}.ts-inline-email__input{flex:1;padding:.6rem .9rem;border:1.5px solid #d1d5db;border-radius:10px;font-size:.88rem}html.ts-dark .ts-inline-email__input{background:#1e1e30;border-color:#444;color:#e0e0e0}.ts-inline-email__input:focus{outline:none;border-color:#6366f1}.ts-inline-email__btn{padding:.6rem 1.25rem;background:#6366f1;color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap}.ts-inline-email__btn:hover{background:#4f46e5}.ts-inline-email__success{color:#16a34a;font-weight:600;padding:.5rem 0}@media (max-width:480px){.ts-exit-popup__container{padding:1.5rem 1.25rem}.ts-exit-popup__form{flex-direction:column}.ts-inline-email__form{flex-direction:column}.ts-inline-email__inner{padding:1.25rem}}}@media print{.ts-dashboard{display:grid;grid-template-columns:260px 1fr;gap:2rem;min-height:60vh}@media (max-width:768px){.ts-dashboard{grid-template-columns:1fr}}.ts-dash-sidebar{background:var(--ts-card-bg,#fff);border-radius:16px;padding:1.5rem;border:1px solid #e5e7eb;height:fit-content;position:sticky;top:100px}html.ts-dark .ts-dash-sidebar{background:#1e1e30;border-color:#333}.ts-dash-user{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}html.ts-dark .ts-dash-user{border-color:#333}.ts-dash-user img{border-radius:50%;width:48px;height:48px}.ts-dash-user strong{display:block;font-size:.95rem}.ts-dash-user span{font-size:.8rem;color:#888}.ts-dash-nav{display:flex;flex-direction:column;gap:.25rem}.ts-dash-nav__item{padding:.6rem .9rem;border-radius:10px;font-size:.9rem;color:#555;text-decoration:none;transition:all 0.15s}html.ts-dark .ts-dash-nav__item{color:#aaa}.ts-dash-nav__item:hover{background:#f3f4f6;color:#111}html.ts-dark .ts-dash-nav__item:hover{background:#25254a;color:#f0f0f0}.ts-dash-nav__item--active{background:#eef2ff;color:#6366f1;font-weight:600}html.ts-dark .ts-dash-nav__item--active{background:#2d2d5e;color:#a5b4fc}.ts-dash-nav__item--logout{color:#ef4444}.ts-dash-main{background:var(--ts-card-bg,#fff);border-radius:16px;padding:2rem;border:1px solid #e5e7eb}html.ts-dark .ts-dash-main{background:#1e1e30;border-color:#333}.ts-dash-main h2{font-size:1.4rem;margin:0 0 1.5rem}.ts-dash-stats{display:flex;gap:1.5rem;margin-bottom:2rem}.ts-dash-stat{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:14px;padding:1.5rem 2rem;text-align:center;flex:1}html.ts-dark .ts-dash-stat{background:linear-gradient(135deg,#25254a,#2d2d5e)}.ts-dash-stat__num{display:block;font-size:2rem;font-weight:700;color:#6366f1}.ts-dash-stat__label{font-size:.85rem;color:#666;margin-top:.25rem}html.ts-dark .ts-dash-stat__label{color:#aaa}.ts-dash-actions{display:flex;gap:1rem}.ts-dash-shortlist{display:flex;flex-direction:column;gap:.75rem}.ts-dash-shortlist__item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:12px;transition:box-shadow 0.2s}html.ts-dark .ts-dash-shortlist__item{border-color:#333}.ts-dash-shortlist__item:hover{box-shadow:0 2px 8px rgb(0 0 0 / .08)}.ts-dash-shortlist__logo{width:40px;height:40px;border-radius:8px;object-fit:contain}.ts-dash-shortlist__info{flex:1}.ts-dash-shortlist__info strong{display:block;font-size:.95rem}.ts-dash-shortlist__info span{font-size:.82rem;color:#888}.ts-dash-shortlist__score{font-size:1.1rem;font-weight:700;color:#6366f1}.ts-dash-quotes{display:flex;flex-direction:column;gap:.75rem}.ts-dash-quote{padding:1rem;border:1px solid #e5e7eb;border-radius:12px}html.ts-dark .ts-dash-quote{border-color:#333}.ts-dash-quote__header{display:flex;justify-content:space-between;margin-bottom:.5rem}.ts-dash-quote__date{font-size:.82rem;color:#888}.ts-dash-quote__status{font-size:.78rem;padding:.2rem .6rem;border-radius:999px;font-weight:600}.ts-dash-quote__status--new{background:#dbeafe;color:#2563eb}.ts-dash-quote__status--contacted{background:#d1fae5;color:#059669}.ts-dash-quote__status--closed{background:#f3f4f6;color:#6b7280}.ts-dash-quote__providers{font-size:.88rem}.ts-dash-quote__req{font-size:.82rem;color:#888;margin-top:.25rem}.ts-dash-empty{color:#888;font-size:.95rem}.ts-dash-empty a{color:#6366f1}[data-shortlist]{width:36px;height:36px;border-radius:50%;border:1.5px solid #d1d5db;background:#fff0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;font-size:1.1rem;color:#999}[data-shortlist]:hover{border-color:#ef4444;color:#ef4444}[data-shortlist].ts-shortlisted{background:#fef2f2;border-color:#ef4444;color:#ef4444}[data-shortlist]::before{content:'\2661'}[data-shortlist].ts-shortlisted::before{content:'\2665'}.ts-nav-login{text-decoration:none!important}}@media print{.ts-brief-wizard{max-width:720px;margin:0 auto}.ts-brief-header{text-align:center;margin-bottom:2rem}.ts-brief-header h1{font-size:1.8rem;margin-bottom:.5rem}.ts-brief-header p{color:#666;font-size:1rem}html.ts-dark .ts-brief-header p{color:#aaa}.ts-brief-progress{height:4px;background:#e5e7eb;border-radius:2px;margin-bottom:1rem;overflow:hidden}.ts-brief-progress__bar{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width 0.4s}html.ts-dark .ts-brief-progress{background:#333}.ts-brief-steps-indicator{display:flex;justify-content:center;gap:.75rem;margin-bottom:2rem}.ts-step-dot{width:32px;height:32px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:600;color:#999;transition:all 0.3s}.ts-step-dot--active{background:#6366f1;border-color:#6366f1;color:#fff}html.ts-dark .ts-step-dot{border-color:#444;color:#666}.ts-brief-step{background:var(--ts-card-bg,#fff);border-radius:16px;padding:2rem;border:1px solid #e5e7eb}html.ts-dark .ts-brief-step{background:#1e1e30;border-color:#333}.ts-brief-step h2{font-size:1.3rem;margin:0 0 1.5rem}.ts-brief-loading{text-align:center;padding:4rem 1rem}.ts-brief-loading__spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:tsSpin 0.8s linear infinite;margin:0 auto 1rem}@keyframes tsSpin{to{transform:rotate(360deg)}}.ts-brief-result{max-width:720px;margin:0 auto}.ts-brief-result__header{text-align:center;margin-bottom:2rem}.ts-brief-result__header h2{font-size:1.6rem}.ts-brief-result__date{color:#888;font-size:.85rem}.ts-brief-result__summary{background:#f9fafb;border-radius:12px;padding:1.5rem;margin:1.5rem 0}html.ts-dark .ts-brief-result__summary{background:#1e1e30}.ts-brief-table{width:100%;border-collapse:collapse}.ts-brief-table td{padding:.5rem 0;border-bottom:1px solid #e5e7eb;font-size:.9rem}html.ts-dark .ts-brief-table td{border-color:#333}.ts-brief-table td:first-child{width:40%;color:#666}html.ts-dark .ts-brief-table td:first-child{color:#aaa}.ts-brief-result__recommendations{margin:2rem 0}.ts-brief-result__recommendations h3{margin-bottom:1rem}.ts-brief-vendor-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:1.5px solid #e5e7eb;border-radius:14px;margin-bottom:.75rem;transition:box-shadow 0.2s}html.ts-dark .ts-brief-vendor-card{border-color:#333}.ts-brief-vendor-card:hover{box-shadow:0 4px 12px rgb(0 0 0 / .08)}.ts-brief-vendor-rank{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.ts-brief-vendor-logo{width:48px;height:48px;border-radius:10px;object-fit:contain;flex-shrink:0}.ts-brief-vendor-info{flex:1}.ts-brief-vendor-info strong{display:block;font-size:1rem}.ts-brief-vendor-info span{display:block;font-size:.82rem;color:#888}html.ts-dark .ts-brief-vendor-info span{color:#aaa}.ts-brief-result__cta{text-align:center;padding:2rem;margin:2rem 0;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:16px}html.ts-dark .ts-brief-result__cta{background:linear-gradient(135deg,#1e1e40,#25254a)}.ts-brief-result__cta p{margin-bottom:1rem;font-size:1.05rem;font-weight:500}.ts-brief-result__footer{text-align:center;font-size:.82rem;color:#999;margin-top:2rem}.ts-brief-result__footer a{color:#6366f1}@media (max-width:480px){.ts-brief-step{padding:1.25rem}.ts-brief-vendor-card{flex-wrap:wrap}}}@media print{.ts-shortlist-badge{position:fixed;bottom:24px;right:24px;z-index:9990;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgb(99 102 241 / .4);transition:transform 0.2s,box-shadow 0.2s}.ts-shortlist-badge:hover{transform:scale(1.08);box-shadow:0 6px 28px rgb(99 102 241 / .5)}.ts-shortlist-badge svg{width:22px;height:22px;fill:rgb(255 255 255 / .3)}#ts-shortlist-count{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:#ef4444;color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgb(0 0 0 / .2)}@media (max-width:768px){.ts-shortlist-badge{bottom:16px;right:16px;width:50px;height:50px}}.ts-shortlist-drawer{position:fixed;inset:0;z-index:99999;display:flex;justify-content:flex-end}.ts-shortlist-drawer__overlay{position:absolute;inset:0;background:rgb(0 0 0 / .4);backdrop-filter:blur(2px);cursor:pointer}.ts-shortlist-drawer__panel{position:relative;width:400px;max-width:90vw;height:100%;background:var(--ts-card-bg,#fff);display:flex;flex-direction:column;box-shadow:-4px 0 30px rgb(0 0 0 / .15);animation:ts-slide-in 0.25s ease-out}html.ts-dark .ts-shortlist-drawer__panel{background:#1a1a2e}@keyframes ts-slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}.ts-shortlist-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}html.ts-dark .ts-shortlist-drawer__header{border-color:#333}.ts-shortlist-drawer__header h3{margin:0;font-size:1.15rem;font-weight:700}.ts-shortlist-drawer__close{background:none;border:none;font-size:1.6rem;cursor:pointer;color:#888;line-height:1;padding:0 .25rem}.ts-shortlist-drawer__close:hover{color:#333}html.ts-dark .ts-shortlist-drawer__close:hover{color:#eee}.ts-shortlist-drawer__items{flex:1;overflow-y:auto;padding:.75rem 1rem}.ts-shortlist-drawer__item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;transition:opacity 0.2s,transform 0.2s,background 0.15s;margin-bottom:.25rem}.ts-shortlist-drawer__item:hover{background:#f8f9fa}html.ts-dark .ts-shortlist-drawer__item:hover{background:#25254a}.ts-shortlist-drawer__logo{width:40px;height:40px;border-radius:8px;object-fit:contain;background:#f3f4f6;flex-shrink:0}html.ts-dark .ts-shortlist-drawer__logo{background:#2a2a4a}.ts-shortlist-drawer__logo-placeholder{width:40px;height:40px;border-radius:8px;background:#e5e7eb;flex-shrink:0}html.ts-dark .ts-shortlist-drawer__logo-placeholder{background:#333}.ts-shortlist-drawer__info{flex:1;min-width:0}.ts-shortlist-drawer__info strong{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-shortlist-drawer__info span{font-size:.78rem;color:#888}.ts-shortlist-drawer__score{font-size:.85rem;font-weight:700;color:#6366f1;flex-shrink:0}.ts-shortlist-drawer__remove{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#ccc;padding:.25rem;line-height:1;flex-shrink:0;transition:color 0.15s}.ts-shortlist-drawer__remove:hover{color:#ef4444}.ts-shortlist-drawer__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;color:#999}.ts-shortlist-drawer__empty p{margin:0;font-size:.9rem}.ts-shortlist-drawer__footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem}html.ts-dark .ts-shortlist-drawer__footer{border-color:#333}.ts-shortlist-drawer__save-label{font-size:.82rem;color:#666;margin:0 0 .25rem}html.ts-dark .ts-shortlist-drawer__save-label{color:#aaa}.ts-shortlist-drawer__save-row{display:flex;gap:.5rem}.ts-shortlist-drawer__save-row .ts-form-input{flex:1;font-size:.88rem}.ts-shortlist-drawer__actions{display:flex;gap:.5rem;justify-content:flex-end}.ts-shortlist-drawer__share-result{display:flex;gap:.5rem;align-items:center}.ts-shortlist-drawer__share-result .ts-form-input{flex:1;font-size:.82rem;background:#f3f4f6}html.ts-dark .ts-shortlist-drawer__share-result .ts-form-input{background:#25254a}.ts-shortlist-toast{position:fixed;bottom:90px;right:24px;z-index:999999;background:#1e1e30;color:#fff;padding:.65rem 1.25rem;border-radius:10px;font-size:.88rem;font-weight:500;box-shadow:0 4px 20px rgb(0 0 0 / .25);opacity:0;transform:translateY(10px);transition:opacity 0.25s,transform 0.25s;pointer-events:none}.ts-shortlist-toast--visible{opacity:1;transform:translateY(0)}.ts-shortlist-toast--error{background:#ef4444}@media (max-width:768px){.ts-shortlist-toast{bottom:80px;right:16px;left:16px;text-align:center}}.ts-shared-list{max-width:800px;margin:0 auto}.ts-shared-list__title{font-size:1.6rem;margin:0 0 .5rem}.ts-shared-list__notes{color:#666;font-size:.95rem;margin:0 0 .5rem}html.ts-dark .ts-shared-list__notes{color:#aaa}.ts-shared-list__meta{color:#999;font-size:.82rem;margin:0 0 1.5rem}.ts-shortlist-grid{display:flex;flex-direction:column;gap:.75rem}.ts-shortlist-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--ts-card-bg,#fff);border:1px solid #e5e7eb;border-radius:14px;transition:box-shadow 0.2s}html.ts-dark .ts-shortlist-card{background:#1e1e30;border-color:#333}.ts-shortlist-card:hover{box-shadow:0 2px 12px rgb(0 0 0 / .08)}.ts-shortlist-card__logo{width:44px;height:44px;border-radius:10px;object-fit:contain}.ts-shortlist-card__body{flex:1}.ts-shortlist-card__body strong{display:block;font-size:.95rem}.ts-shortlist-card__price{font-size:.82rem;color:#888}.ts-shortlist-card__score{font-size:1.05rem;font-weight:700;color:#6366f1}.ts-shared-list__cta{margin-top:2rem;text-align:center}}@media print{.ts-reco-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:24px}.ts-reco-sidebar__title{font-size:15px;font-weight:700;color:#1e293b;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.ts-reco-sidebar__list{display:flex;flex-direction:column;gap:12px}.ts-reco-sidebar__item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;text-decoration:none;color:inherit;transition:background-color .15s,box-shadow .15s}.ts-reco-sidebar__item:hover{background:#f8fafc;box-shadow:0 1px 4px rgb(0 0 0 / .06)}.ts-reco-sidebar__thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.ts-reco-sidebar__icon{width:48px;height:48px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.ts-reco-sidebar__icon--provider{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.ts-reco-sidebar__icon--provider::after{content:'P'}.ts-reco-sidebar__icon--comparison{background:linear-gradient(135deg,#f59e0b,#f97316)}.ts-reco-sidebar__icon--comparison::after{content:'VS';font-size:14px}.ts-reco-sidebar__icon--blog{background:linear-gradient(135deg,#10b981,#059669)}.ts-reco-sidebar__icon--blog::after{content:'R'}.ts-reco-sidebar__icon--tool{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ts-reco-sidebar__icon--tool::after{content:'A'}.ts-reco-sidebar__info{display:flex;flex-direction:column;gap:4px;min-width:0}.ts-reco-sidebar__item-title{font-size:13px;font-weight:600;color:#1e293b;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ts-reco-sidebar__badge{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;width:fit-content}.ts-reco-sidebar__badge--provider{background:#ede9fe;color:#6366f1}.ts-reco-sidebar__badge--comparison{background:#fef3c7;color:#d97706}.ts-reco-sidebar__badge--blog{background:#d1fae5;color:#059669}.ts-reco-sidebar__badge--tool{background:#dbeafe;color:#2563eb}.ts-reco-bottom{margin-top:48px;padding-top:32px;border-top:2px solid #f1f5f9}.ts-reco-bottom__title{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 24px}.ts-reco-bottom__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width:768px){.ts-reco-bottom__grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:480px){.ts-reco-bottom__grid{grid-template-columns:1fr}}.ts-reco-bottom__card{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.ts-reco-bottom__card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgb(0 0 0 / .08)}.ts-reco-bottom__card-img{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#f8fafc}.ts-reco-bottom__card-img img{width:100%;height:100%;object-fit:cover}.ts-reco-bottom__card-img--placeholder{display:flex;align-items:center;justify-content:center}.ts-reco-bottom__card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.ts-reco-bottom__card-icon--provider{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.ts-reco-bottom__card-icon--provider::after{content:'P'}.ts-reco-bottom__card-icon--comparison{background:linear-gradient(135deg,#f59e0b,#f97316)}.ts-reco-bottom__card-icon--comparison::after{content:'VS';font-size:14px}.ts-reco-bottom__card-icon--blog{background:linear-gradient(135deg,#10b981,#059669)}.ts-reco-bottom__card-icon--blog::after{content:'R'}.ts-reco-bottom__card-icon--tool{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ts-reco-bottom__card-icon--tool::after{content:'A'}.ts-reco-bottom__card-body{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.ts-reco-bottom__card-badge{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:4px;width:fit-content}.ts-reco-bottom__card-badge--provider{background:#ede9fe;color:#6366f1}.ts-reco-bottom__card-badge--comparison{background:#fef3c7;color:#d97706}.ts-reco-bottom__card-badge--blog{background:#d1fae5;color:#059669}.ts-reco-bottom__card-badge--tool{background:#dbeafe;color:#2563eb}.ts-reco-bottom__card-title{font-size:14px;font-weight:600;color:#1e293b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ts-recent-bar{position:fixed;bottom:0;left:0;right:0;z-index:9990;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 16px rgb(0 0 0 / .08)}.ts-recent-bar__inner{max-width:1200px;margin:0 auto;padding:12px 20px;position:relative}.ts-recent-bar__title{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.ts-recent-bar__close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:20px;color:#94a3b8;cursor:pointer;padding:4px 8px;line-height:1}.ts-recent-bar__close:hover{color:#475569}.ts-recent-bar__scroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-bottom:4px}.ts-recent-bar__scroll::-webkit-scrollbar{height:4px}.ts-recent-bar__scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.ts-recent-bar__scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.ts-recent-bar__item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;color:inherit;white-space:nowrap;flex-shrink:0;transition:background-color .15s,border-color .15s}.ts-recent-bar__item:hover{background:#eff6ff;border-color:#93c5fd}.ts-recent-bar__item-thumb{width:32px;height:32px;border-radius:6px;object-fit:cover;flex-shrink:0}.ts-recent-bar__item-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.ts-recent-bar__item-icon--provider{background:#6366f1}.ts-recent-bar__item-icon--provider::after{content:'P'}.ts-recent-bar__item-icon--comparison{background:#f59e0b}.ts-recent-bar__item-icon--comparison::after{content:'VS';font-size:10px}.ts-recent-bar__item-icon--blog{background:#10b981}.ts-recent-bar__item-icon--blog::after{content:'R'}.ts-recent-bar__item-icon--tool{background:#3b82f6}.ts-recent-bar__item-icon--tool::after{content:'A'}.ts-recent-bar__item-info{display:flex;flex-direction:column;gap:2px}.ts-recent-bar__item-title{font-size:12px;font-weight:600;color:#1e293b;line-height:1.2}.ts-recent-bar__item-badge{font-size:9px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.ts-coview{margin:32px 0;padding:24px;background:#fafbff;border:1px solid #e5e7eb;border-radius:12px}.ts-coview__inner{max-width:1200px;margin:0 auto}.ts-coview__title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 20px}.ts-coview__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:768px){.ts-coview__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.ts-coview__grid{grid-template-columns:1fr}}.ts-coview__card{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}.ts-coview__card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(0 0 0 / .06)}.ts-coview__card-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.ts-coview__card-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.ts-coview__card-icon--provider{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.ts-coview__card-icon--provider::after{content:'P'}.ts-coview__card-icon--comparison{background:linear-gradient(135deg,#f59e0b,#f97316)}.ts-coview__card-icon--comparison::after{content:'VS';font-size:13px}.ts-coview__card-icon--blog{background:linear-gradient(135deg,#10b981,#059669)}.ts-coview__card-icon--blog::after{content:'R'}.ts-coview__card-icon--tool{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ts-coview__card-icon--tool::after{content:'A'}.ts-coview__card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.ts-coview__card-title{font-size:13px;font-weight:600;color:#1e293b;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ts-coview__card-badge{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;width:fit-content}.ts-coview__card-badge--provider{background:#ede9fe;color:#6366f1}.ts-coview__card-badge--comparison{background:#fef3c7;color:#d97706}.ts-coview__card-badge--blog{background:#d1fae5;color:#059669}.ts-coview__card-badge--tool{background:#dbeafe;color:#2563eb}}@media print{@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/themes/karsilastir/assets/fonts/inter-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+011E-011F,U+0130-0131,U+015E-015F,U+00C7,U+00E7,U+00D6,U+00F6,U+00DC,U+00FC}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/wp-content/themes/karsilastir/assets/fonts/inter-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+011E-011F,U+0130-0131,U+015E-015F,U+00C7,U+00E7,U+00D6,U+00F6,U+00DC,U+00FC}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/themes/karsilastir/assets/fonts/inter-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+011E-011F,U+0130-0131,U+015E-015F,U+00C7,U+00E7,U+00D6,U+00F6,U+00DC,U+00FC}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/themes/karsilastir/assets/fonts/inter-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+011E-011F,U+0130-0131,U+015E-015F,U+00C7,U+00E7,U+00D6,U+00F6,U+00DC,U+00FC}@font-face{font-family:'Inter';font-style:normal;font-weight:800 900;font-display:swap;src:url(/wp-content/themes/karsilastir/assets/fonts/inter-800.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+011E-011F,U+0130-0131,U+015E-015F,U+00C7,U+00E7,U+00D6,U+00F6,U+00DC,U+00FC}}/**
 * CSS Custom Properties (Degiskenler)
 * Premium Design System v3.0
 */

:root {
    /* ── Renkler — Ana Palet ── */
    --ts-primary:       #2563eb;
    --ts-primary-dark:  #1d4ed8;
    --ts-primary-light: #dbeafe;
    --ts-primary-50:    #eff6ff;
    --ts-secondary:     #0f172a;
    --ts-accent:        #f59e0b;

    /* Ek Renkler (gradient destegi) */
    --ts-purple-400:  #a78bfa;
    --ts-purple-500:  #8b5cf6;
    --ts-purple-600:  #7c3aed;
    --ts-emerald-400: #34d399;
    --ts-emerald-500: #10b981;
    --ts-rose-400:    #fb7185;
    --ts-rose-500:    #f43f5e;
    --ts-cyan-400:    #22d3ee;
    --ts-indigo-500:  #6366f1;

    /* Gri Tonlari */
    --ts-gray-50:  #f8fafc;
    --ts-gray-100: #f1f5f9;
    --ts-gray-200: #e2e8f0;
    --ts-gray-300: #cbd5e1;
    --ts-gray-400: #94a3b8;
    --ts-gray-500: #64748b;
    --ts-gray-600: #475569;
    --ts-gray-700: #334155;
    --ts-gray-800: #1e293b;
    --ts-gray-900: #0f172a;
    --ts-gray-950: #020617;

    /* Durum Renkleri */
    --ts-success:   #22c55e;
    --ts-success-bg:#dcfce7;
    --ts-warning:   #eab308;
    --ts-warning-bg:#fef9c3;
    --ts-danger:    #ef4444;
    --ts-danger-bg: #fee2e2;
    --ts-info:      #3b82f6;
    --ts-info-bg:   #dbeafe;

    /* Tier Renkleri */
    --ts-tier-1: #22c55e;
    --ts-tier-2: #3b82f6;
    --ts-tier-3: #f59e0b;
    --ts-tier-4: #8b5cf6;

    /* Grid Kadran Renkleri */
    --ts-quadrant-leader:    #22c55e;
    --ts-quadrant-rising:    #3b82f6;
    --ts-quadrant-contender: #f59e0b;
    --ts-quadrant-niche:     #8b5cf6;

    /* ── Premium Gradient Tokenleri ── */
    --ts-gradient-primary:  linear-gradient(135deg, #2563eb, #7c3aed);
    --ts-gradient-hero:     linear-gradient(135deg, #0f172a 0%, #1e3a5f 25%, #2563eb 50%, #7c3aed 75%, #1e293b 100%);
    --ts-gradient-hero-light: linear-gradient(135deg, #eff6ff 0%, #f8fafc 25%, #dbeafe 50%, #ede9fe 75%, #f8fafc 100%);
    --ts-gradient-card:     linear-gradient(135deg, rgba(37,99,235,0.03), rgba(124,58,237,0.03));
    --ts-gradient-accent:   linear-gradient(135deg, #f59e0b, #f43f5e);
    --ts-gradient-success:  linear-gradient(135deg, #22c55e, #10b981);
    --ts-gradient-text:     linear-gradient(135deg, #2563eb, #7c3aed, #2563eb);
    --ts-gradient-border:   linear-gradient(135deg, #2563eb, #7c3aed, #f59e0b);
    --ts-gradient-shine:    linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.4) 50%, transparent 70%);
    --ts-gradient-mesh:     radial-gradient(at 20% 80%, rgba(37,99,235,0.15) 0%, transparent 50%),
                            radial-gradient(at 80% 20%, rgba(124,58,237,0.15) 0%, transparent 50%),
                            radial-gradient(at 50% 50%, rgba(245,158,11,0.08) 0%, transparent 50%);

    /* ── Glass Morphism Tokenleri ── */
    --ts-glass-bg:       rgba(255,255,255,0.7);
    --ts-glass-bg-heavy: rgba(255,255,255,0.85);
    --ts-glass-border:   rgba(255,255,255,0.3);
    --ts-glass-shadow:   0 8px 32px rgba(0,0,0,0.08);
    --ts-blur-sm:  4px;
    --ts-blur-md:  12px;
    --ts-blur-lg:  24px;
    --ts-blur-xl:  40px;

    /* ── Tipografi ── */
    --ts-font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --ts-font-mono:  'JetBrains Mono', Consolas, monospace;
    --ts-font-display: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    --ts-text-xs:   0.75rem;    /* 12px */
    --ts-text-sm:   0.875rem;   /* 14px */
    --ts-text-base: 1rem;       /* 16px */
    --ts-text-lg:   1.125rem;   /* 18px */
    --ts-text-xl:   1.25rem;    /* 20px */
    --ts-text-2xl:  1.5rem;     /* 24px */
    --ts-text-3xl:  1.875rem;   /* 30px */
    --ts-text-4xl:  2.25rem;    /* 36px */
    --ts-text-5xl:  3rem;       /* 48px */
    --ts-text-6xl:  3.75rem;    /* 60px */

    --ts-line-tight:  1.25;
    --ts-line-snug:   1.375;
    --ts-line-normal: 1.5;
    --ts-line-relaxed:1.625;

    /* ── Spacing ── */
    --ts-space-1:  0.25rem;   /* 4px */
    --ts-space-2:  0.5rem;    /* 8px */
    --ts-space-3:  0.75rem;   /* 12px */
    --ts-space-4:  1rem;      /* 16px */
    --ts-space-5:  1.25rem;   /* 20px */
    --ts-space-6:  1.5rem;    /* 24px */
    --ts-space-8:  2rem;      /* 32px */
    --ts-space-10: 2.5rem;    /* 40px */
    --ts-space-12: 3rem;      /* 48px */
    --ts-space-16: 4rem;      /* 64px */
    --ts-space-20: 5rem;      /* 80px */
    --ts-space-24: 6rem;      /* 96px */

    /* ── Border ── */
    --ts-radius-sm:  4px;
    --ts-radius-md:  8px;
    --ts-radius-lg:  12px;
    --ts-radius-xl:  16px;
    --ts-radius-2xl: 24px;
    --ts-radius-full:9999px;

    --ts-border-color: var(--ts-gray-200);

    /* ── Golge (Temel) ── */
    --ts-shadow-sm:  0 1px 2px 0 rgba(0,0,0,0.05);
    --ts-shadow-md:  0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    --ts-shadow-lg:  0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
    --ts-shadow-xl:  0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
    --ts-shadow-2xl: 0 25px 50px -12px rgba(0,0,0,0.25);

    /* Premium Golgeler */
    --ts-shadow-glow:      0 0 20px rgba(37,99,235,0.3), 0 0 60px rgba(37,99,235,0.1);
    --ts-shadow-glow-sm:   0 0 10px rgba(37,99,235,0.2);
    --ts-shadow-glow-lg:   0 0 40px rgba(37,99,235,0.4), 0 0 80px rgba(124,58,237,0.15);
    --ts-shadow-colored:   0 10px 40px -10px rgba(37,99,235,0.3);
    --ts-shadow-colored-lg:0 20px 60px -15px rgba(37,99,235,0.35);
    --ts-shadow-inner:     inset 0 2px 4px rgba(0,0,0,0.06);
    --ts-shadow-card-hover:0 20px 40px -15px rgba(37,99,235,0.2), 0 8px 16px -8px rgba(0,0,0,0.1);
    --ts-shadow-float:     0 30px 60px -20px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.05);

    /* ── Gecisler & Easing (Premium) ── */
    --ts-transition:    0.2s ease;
    --ts-transition-md: 0.3s ease;
    --ts-transition-lg: 0.5s ease;
    --ts-ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
    --ts-ease-in-out:   cubic-bezier(0.45, 0, 0.55, 1);
    --ts-ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1);
    --ts-ease-bounce:   cubic-bezier(0.68, -0.6, 0.32, 1.6);
    --ts-ease-smooth:   cubic-bezier(0.25, 0.1, 0.25, 1);
    --ts-ease-elastic:  cubic-bezier(0.68, -0.55, 0.265, 1.55);

    /* ── Z-Index Layers ── */
    --ts-z-base:     1;
    --ts-z-dropdown: 50;
    --ts-z-sticky:   100;
    --ts-z-fixed:    200;
    --ts-z-overlay:  500;
    --ts-z-modal:    9998;
    --ts-z-toast:    10000;
    --ts-z-max:      99999;

    /* ── Layout ── */
    --ts-container:  1200px;
    --ts-container-lg: 1400px;
    --ts-sidebar:    300px;
}
/**
 * CSS Reset — Modern minimal reset
 */

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    font-family: var(--ts-font-sans);
    font-size: var(--ts-text-base);
    line-height: var(--ts-line-normal);
    color: var(--ts-gray-800);
    background: #fff;
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
    height: auto;
}

input,
button,
textarea,
select {
    font: inherit;
    color: inherit;
}

button {
    cursor: pointer;
    border: none;
    background: none;
}

a {
    color: var(--ts-primary);
    text-decoration: none;
    transition: color var(--ts-transition);
}

a:hover {
    color: var(--ts-primary-dark);
}

ul, ol {
    list-style: none;
}

table {
    border-collapse: collapse;
    width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    line-height: var(--ts-line-tight);
    font-weight: 700;
    color: var(--ts-gray-900);
}

p {
    margin-bottom: var(--ts-space-4);
}

p:last-child {
    margin-bottom: 0;
}

/* WordPress spesifik */
.alignleft { float: left; margin-right: var(--ts-space-4); }
.alignright { float: right; margin-left: var(--ts-space-4); }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    clip-path: inset(50%);
    white-space: nowrap;
}
/**
 * Tipografi stilleri
 */

/* Google Fonts — Inter */
body {
    font-family: var(--ts-font-sans);
}

h1 { font-size: var(--ts-text-4xl); margin-bottom: var(--ts-space-6); }
h2 { font-size: var(--ts-text-2xl); margin-bottom: var(--ts-space-4); }
h3 { font-size: var(--ts-text-xl); margin-bottom: var(--ts-space-3); }
h4 { font-size: var(--ts-text-lg); margin-bottom: var(--ts-space-2); }
h5 { font-size: var(--ts-text-base); margin-bottom: var(--ts-space-2); }
h6 { font-size: var(--ts-text-sm); margin-bottom: var(--ts-space-2); }

/* Icerik alani */
.ts-content h2 { margin-top: var(--ts-space-8); }
.ts-content h3 { margin-top: var(--ts-space-6); }
.ts-content p { margin-bottom: var(--ts-space-4); color: var(--ts-gray-700); }
.ts-content ul,
.ts-content ol {
    margin-bottom: var(--ts-space-4);
    padding-left: var(--ts-space-6);
}
.ts-content ul { list-style: disc; }
.ts-content ol { list-style: decimal; }
.ts-content li { margin-bottom: var(--ts-space-2); }
.ts-content blockquote {
    border-left: 4px solid var(--ts-primary);
    padding: var(--ts-space-4) var(--ts-space-6);
    background: var(--ts-gray-50);
    margin: var(--ts-space-6) 0;
    border-radius: 0 var(--ts-radius-md) var(--ts-radius-md) 0;
}
.ts-content code {
    font-family: var(--ts-font-mono);
    background: var(--ts-gray-100);
    padding: 2px 6px;
    border-radius: var(--ts-radius-sm);
    font-size: var(--ts-text-sm);
}
.ts-content strong { font-weight: 600; }

/* Section */
.ts-section {
    margin-bottom: var(--ts-space-12);
}

.ts-section-desc {
    color: var(--ts-gray-500);
    font-size: var(--ts-text-sm);
    margin-bottom: var(--ts-space-6);
}

.ts-no-data {
    color: var(--ts-gray-400);
    font-style: italic;
    padding: var(--ts-space-6);
    text-align: center;
    background: var(--ts-gray-50);
    border-radius: var(--ts-radius-md);
}

@media (max-width: 768px) {
    h1 { font-size: var(--ts-text-2xl); }
    h2 { font-size: var(--ts-text-xl); }
    h3 { font-size: var(--ts-text-lg); }
}
/**
 * Utility class'lari
 */

/* Container */
.ts-container {
    width: 100%;
    max-width: var(--ts-container);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--ts-space-4);
    padding-right: var(--ts-space-4);
}

/* Padding Y */
.ts-py {
    padding-top: var(--ts-space-8);
    padding-bottom: var(--ts-space-8);
}

/* Text Align */
.ts-text-center { text-align: center; }
.ts-text-right  { text-align: right; }

/* Flex */
.ts-flex       { display: flex; }
.ts-flex-wrap  { flex-wrap: wrap; }
.ts-flex-col   { flex-direction: column; }
.ts-items-center   { align-items: center; }
.ts-justify-between { justify-content: space-between; }
.ts-justify-center  { justify-content: center; }
.ts-gap-2 { gap: var(--ts-space-2); }
.ts-gap-4 { gap: var(--ts-space-4); }
.ts-gap-6 { gap: var(--ts-space-6); }
.ts-gap-8 { gap: var(--ts-space-8); }

/* Grid */
.ts-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--ts-space-6);
}
.ts-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ts-space-6);
}
.ts-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--ts-space-6);
}

/* Margin */
.ts-mt-4 { margin-top: var(--ts-space-4); }
.ts-mt-6 { margin-top: var(--ts-space-6); }
.ts-mt-8 { margin-top: var(--ts-space-8); }
.ts-mb-4 { margin-bottom: var(--ts-space-4); }
.ts-mb-6 { margin-bottom: var(--ts-space-6); }
.ts-mb-8 { margin-bottom: var(--ts-space-8); }

/* Display */
.ts-hidden { display: none !important; }

/* Responsive */
@media (max-width: 992px) {
    .ts-grid-4 { grid-template-columns: repeat(2, 1fr); }
    .ts-grid-3 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .ts-grid-4,
    .ts-grid-3,
    .ts-grid-2 { grid-template-columns: 1fr; }

    .ts-py {
        padding-top: var(--ts-space-6);
        padding-bottom: var(--ts-space-6);
    }
}
/**
 * Erisilebilirlik (WCAG 2.1 AA)
 */

/* Skip to content */
.ts-skip-link {
    position: absolute;
    top: -100%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--ts-primary);
    color: #fff;
    padding: 12px 24px;
    border-radius: 0 0 var(--ts-radius-md) var(--ts-radius-md);
    font-weight: 700;
    font-size: var(--ts-text-sm);
    z-index: 10000;
    transition: top 0.2s ease;
}

.ts-skip-link:focus {
    top: 0;
    color: #fff;
}

/* Focus Visible — klavye navigasyonu */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid var(--ts-primary);
    outline-offset: 2px;
    border-radius: 2px;
}

/* Mouse kullanicilari icin focus'u gizle */
:focus:not(:focus-visible) {
    outline: none;
}

/* Touch target minimum 44x44px */
.ts-btn,
.ts-cta-button,
.ts-faq-question,
.ts-wizard-option,
.ts-mobile-toggle,
.ts-back-to-top,
.ts-dark-toggle {
    min-height: 44px;
    min-width: 44px;
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .ts-animate-on-scroll {
        opacity: 1 !important;
        transform: none !important;
    }

    .ts-score-fill {
        transition: none !important;
    }
}

/* High Contrast */
@media (prefers-contrast: more) {
    :root {
        --ts-border-color: #000;
    }

    .ts-provider-card,
    .ts-plan-card,
    .ts-vs-column,
    .ts-faq-item {
        border-width: 2px;
    }

    .ts-btn {
        border-width: 2px;
    }

    .ts-score-track {
        border: 1px solid var(--ts-gray-400);
    }
}

/* Screen reader only (ek) */
.ts-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;
}
/**
 * Dark Mode — Premium v3.0
 * Sistem tercihi + .ts-dark class toggle
 * Tum premium gradient/glass/glow tokenlerinin dark versiyonlari
 */

/* ══════════════════════════════════════
   SYSTEM PREFERENCE (auto)
   ══════════════════════════════════════ */

@media (prefers-color-scheme: dark) {
    :root:not(.ts-light) {
        --ts-primary:       #60a5fa;
        --ts-primary-dark:  #93bbfd;
        --ts-primary-light: #1e3a5f;
        --ts-primary-50:    rgba(96,165,250,0.1);
        --ts-secondary:     #e2e8f0;
        --ts-accent:        #fbbf24;

        --ts-gray-50:  #0f172a;
        --ts-gray-100: #1e293b;
        --ts-gray-200: #334155;
        --ts-gray-300: #475569;
        --ts-gray-400: #64748b;
        --ts-gray-500: #94a3b8;
        --ts-gray-600: #cbd5e1;
        --ts-gray-700: #e2e8f0;
        --ts-gray-800: #f1f5f9;
        --ts-gray-900: #f8fafc;
        --ts-gray-950: #ffffff;

        --ts-success:    #4ade80;
        --ts-success-bg: #14532d;
        --ts-warning:    #facc15;
        --ts-warning-bg: #422006;
        --ts-danger:     #f87171;
        --ts-danger-bg:  #450a0a;
        --ts-info:       #60a5fa;
        --ts-info-bg:    #172554;

        --ts-border-color: #334155;

        --ts-shadow-sm:  0 1px 2px 0 rgba(0,0,0,0.4);
        --ts-shadow-md:  0 4px 6px -1px rgba(0,0,0,0.5);
        --ts-shadow-lg:  0 10px 15px -3px rgba(0,0,0,0.5);
        --ts-shadow-xl:  0 20px 25px -5px rgba(0,0,0,0.6);
        --ts-shadow-2xl: 0 25px 50px -12px rgba(0,0,0,0.7);

        --ts-gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #6366f1 100%);
        --ts-gradient-hero: radial-gradient(ellipse at 20% 50%, rgba(59,130,246,0.2) 0%, transparent 50%),
                            radial-gradient(ellipse at 80% 20%, rgba(139,92,246,0.15) 0%, transparent 50%),
                            radial-gradient(ellipse at 50% 100%, rgba(6,182,212,0.1) 0%, transparent 50%),
                            linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
        --ts-gradient-card: linear-gradient(135deg, rgba(96,165,250,0.06) 0%, rgba(139,92,246,0.04) 100%);
        --ts-gradient-accent: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
        --ts-gradient-success: linear-gradient(135deg, #22c55e 0%, #10b981 100%);
        --ts-gradient-text: linear-gradient(135deg, #60a5fa 0%, #a78bfa 50%, #c084fc 100%);
        --ts-gradient-mesh: radial-gradient(at 40% 20%, rgba(59,130,246,0.08) 0%, transparent 50%),
                            radial-gradient(at 80% 80%, rgba(139,92,246,0.06) 0%, transparent 50%);

        --ts-glass-bg: rgba(30,41,59,0.8);
        --ts-glass-bg-heavy: rgba(15,23,42,0.9);
        --ts-glass-border: rgba(255,255,255,0.08);
        --ts-glass-shadow: 0 8px 32px rgba(0,0,0,0.4);

        --ts-shadow-glow:        0 0 20px rgba(96,165,250,0.25);
        --ts-shadow-glow-sm:     0 0 10px rgba(96,165,250,0.2);
        --ts-shadow-glow-lg:     0 0 40px rgba(96,165,250,0.3);
        --ts-shadow-colored:     0 4px 14px -3px rgba(96,165,250,0.4);
        --ts-shadow-colored-lg:  0 8px 25px -5px rgba(96,165,250,0.45);
        --ts-shadow-card-hover:  0 20px 40px -15px rgba(0,0,0,0.5), 0 0 20px rgba(96,165,250,0.1);
        --ts-shadow-float:       0 20px 60px -15px rgba(0,0,0,0.5);
        --ts-shadow-inner:       inset 0 2px 4px rgba(0,0,0,0.3);
    }

    body { background: #0f172a; color: #e2e8f0; }
    img { filter: brightness(0.9); }
}

/* ══════════════════════════════════════
   MANUAL TOGGLE (.ts-dark)
   ══════════════════════════════════════ */

.ts-dark {
    --ts-primary:       #60a5fa;
    --ts-primary-dark:  #93bbfd;
    --ts-primary-light: #1e3a5f;
    --ts-primary-50:    rgba(96,165,250,0.1);
    --ts-secondary:     #e2e8f0;
    --ts-accent:        #fbbf24;

    --ts-gray-50:  #0f172a;
    --ts-gray-100: #1e293b;
    --ts-gray-200: #334155;
    --ts-gray-300: #475569;
    --ts-gray-400: #64748b;
    --ts-gray-500: #94a3b8;
    --ts-gray-600: #cbd5e1;
    --ts-gray-700: #e2e8f0;
    --ts-gray-800: #f1f5f9;
    --ts-gray-900: #f8fafc;
    --ts-gray-950: #ffffff;

    --ts-success:    #4ade80;
    --ts-success-bg: #14532d;
    --ts-warning:    #facc15;
    --ts-warning-bg: #422006;
    --ts-danger:     #f87171;
    --ts-danger-bg:  #450a0a;
    --ts-info:       #60a5fa;
    --ts-info-bg:    #172554;

    --ts-border-color: #334155;

    --ts-shadow-sm:  0 1px 2px 0 rgba(0,0,0,0.4);
    --ts-shadow-md:  0 4px 6px -1px rgba(0,0,0,0.5);
    --ts-shadow-lg:  0 10px 15px -3px rgba(0,0,0,0.5);
    --ts-shadow-xl:  0 20px 25px -5px rgba(0,0,0,0.6);
    --ts-shadow-2xl: 0 25px 50px -12px rgba(0,0,0,0.7);

    --ts-gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #6366f1 100%);
    --ts-gradient-hero: radial-gradient(ellipse at 20% 50%, rgba(59,130,246,0.2) 0%, transparent 50%),
                        radial-gradient(ellipse at 80% 20%, rgba(139,92,246,0.15) 0%, transparent 50%),
                        radial-gradient(ellipse at 50% 100%, rgba(6,182,212,0.1) 0%, transparent 50%),
                        linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    --ts-gradient-card: linear-gradient(135deg, rgba(96,165,250,0.06) 0%, rgba(139,92,246,0.04) 100%);
    --ts-gradient-accent: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
    --ts-gradient-success: linear-gradient(135deg, #22c55e 0%, #10b981 100%);
    --ts-gradient-text: linear-gradient(135deg, #60a5fa 0%, #a78bfa 50%, #c084fc 100%);
    --ts-gradient-mesh: radial-gradient(at 40% 20%, rgba(59,130,246,0.08) 0%, transparent 50%),
                        radial-gradient(at 80% 80%, rgba(139,92,246,0.06) 0%, transparent 50%);

    --ts-glass-bg: rgba(30,41,59,0.8);
    --ts-glass-bg-heavy: rgba(15,23,42,0.9);
    --ts-glass-border: rgba(255,255,255,0.08);
    --ts-glass-shadow: 0 8px 32px rgba(0,0,0,0.4);

    --ts-shadow-glow:        0 0 20px rgba(96,165,250,0.25);
    --ts-shadow-glow-sm:     0 0 10px rgba(96,165,250,0.2);
    --ts-shadow-glow-lg:     0 0 40px rgba(96,165,250,0.3);
    --ts-shadow-colored:     0 4px 14px -3px rgba(96,165,250,0.4);
    --ts-shadow-colored-lg:  0 8px 25px -5px rgba(96,165,250,0.45);
    --ts-shadow-card-hover:  0 20px 40px -15px rgba(0,0,0,0.5), 0 0 20px rgba(96,165,250,0.1);
    --ts-shadow-float:       0 20px 60px -15px rgba(0,0,0,0.5);
    --ts-shadow-inner:       inset 0 2px 4px rgba(0,0,0,0.3);

    background: #0f172a;
    color: #e2e8f0;
}

.ts-dark body { background: #0f172a; color: #e2e8f0; }
.ts-dark img { filter: brightness(0.9); }

/* ══════════════════════════════════════
   COMPONENT OVERRIDES
   ══════════════════════════════════════ */

/* Header */
.ts-dark .ts-header {
    background: rgba(15,23,42,0.9);
    border-color: #334155;
}

.ts-dark .ts-header.ts-scrolled {
    background: rgba(15,23,42,0.85);
    border-bottom-color: rgba(255,255,255,0.06);
}

.ts-dark .ts-logo a { color: #f8fafc; }
.ts-dark .ts-nav a { color: #94a3b8; }
.ts-dark .ts-nav a:hover { color: #60a5fa; }
.ts-dark .ts-nav .current-menu-item > a { color: #60a5fa; }
.ts-dark .ts-categories-nav { background: #0f172a; border-color: #334155; }
.ts-dark .ts-mobile-toggle span { background: #e2e8f0; }

/* Footer */
.ts-dark .ts-footer { background: #020617; }
.ts-dark .ts-footer-col h4 { color: #f1f5f9; }

/* Cards */
.ts-dark .ts-provider-card,
.ts-dark .ts-plan-card,
.ts-dark .ts-tool-card,
.ts-dark .ts-category-card,
.ts-dark .ts-wizard-option,
.ts-dark .ts-wizard-result-card {
    background: #1e293b;
    border-color: #334155;
}

.ts-dark .ts-provider-card:hover,
.ts-dark .ts-tool-card:hover {
    border-color: rgba(96,165,250,0.3);
}

.ts-dark .ts-summary-card {
    background: #1e293b;
    border-color: #334155;
}

/* Inputs & Forms */
.ts-dark input,
.ts-dark select,
.ts-dark textarea,
.ts-dark .ts-input {
    background: #1e293b;
    border-color: #475569;
    color: #e2e8f0;
}

.ts-dark input:focus,
.ts-dark select:focus,
.ts-dark textarea:focus {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96,165,250,0.15);
}

/* Hero */
.ts-dark .ts-hero {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
}

.ts-dark .ts-hero::before { opacity: 0.5; }
.ts-dark .ts-hero-orb--1 { background: radial-gradient(circle, rgba(59,130,246,0.2) 0%, transparent 70%); }
.ts-dark .ts-hero-orb--2 { background: radial-gradient(circle, rgba(139,92,246,0.15) 0%, transparent 70%); }
.ts-dark .ts-hero-orb--3 { background: radial-gradient(circle, rgba(6,182,212,0.12) 0%, transparent 70%); }

/* Stats */
.ts-dark .ts-stats-section { background: linear-gradient(135deg, #0f172a, #1e293b); }
.ts-dark .ts-stat-item { background: rgba(30,41,59,0.6); border-color: rgba(255,255,255,0.06); }
.ts-dark .ts-trust-badge { background: rgba(30,41,59,0.5); }

/* Tables */
.ts-dark .ts-table thead { background: #1e293b; }
.ts-dark .ts-table th { color: #94a3b8; border-bottom-color: #334155; }
.ts-dark .ts-table td { border-bottom-color: rgba(255,255,255,0.05); color: #cbd5e1; }
.ts-dark .ts-table tbody tr:hover { background: rgba(255,255,255,0.03); }
.ts-dark .ts-compare-group-title { background: rgba(96,165,250,0.1); color: #60a5fa; }
.ts-dark .ts-winner { background: rgba(34,197,94,0.1) !important; }

/* Score bars */
.ts-dark .ts-score-track { background: #334155; }
.ts-dark .ts-score-value { color: #e2e8f0; }
.ts-dark .ts-score-circle { background: rgba(96,165,250,0.1); border-color: #60a5fa; }

/* Wizard */
.ts-dark .ts-wizard-option.selected { background: rgba(96,165,250,0.1); border-color: #60a5fa; }
.ts-dark .ts-wizard-lead { background: #1e293b; }
.ts-dark .ts-wizard-recommend-badge { box-shadow: 0 0 15px rgba(96,165,250,0.3); }

/* Grid chart */
.ts-dark .ts-grid-container { border-color: #475569; }
.ts-dark .ts-quadrant-rising    { background: rgba(59,130,246,0.08); }
.ts-dark .ts-quadrant-leader    { background: rgba(34,197,94,0.08); }
.ts-dark .ts-quadrant-niche     { background: rgba(139,92,246,0.08); }
.ts-dark .ts-quadrant-contender { background: rgba(245,158,11,0.08); }
.ts-dark .ts-grid-tooltip { background: rgba(15,23,42,0.95); border: 1px solid rgba(255,255,255,0.1); backdrop-filter: blur(12px); }
.ts-dark .ts-grid-legend { background: #1e293b; }

/* Pricing */
.ts-dark .ts-plan-popular { border-color: #60a5fa; box-shadow: 0 0 30px rgba(96,165,250,0.15); }
.ts-dark .ts-plan-amount { color: #f1f5f9; }
.ts-dark .ts-plan-details { border-top-color: #334155; }
.ts-dark .ts-discount-badge { background: rgba(34,197,94,0.15); color: #4ade80; }
.ts-dark .ts-pricing-toggle-switch { background: #475569; }

/* FAQ */
.ts-dark .ts-faq-question { color: #e2e8f0; }
.ts-dark .ts-faq-question:hover { background: rgba(255,255,255,0.03); }
.ts-dark .ts-faq-item { border-color: #334155; }

/* Misc */
.ts-dark .ts-score-verdict,
.ts-dark .ts-price-verdict { background: rgba(96,165,250,0.08); }
.ts-dark .ts-compare-summary { background: #1e293b; }

.ts-dark .ts-btn-outline { border-color: rgba(96,165,250,0.4); color: #60a5fa; }
.ts-dark .ts-btn-outline:hover { background: #60a5fa; color: #0f172a; }
.ts-dark .ts-btn-ghost:hover { background: rgba(255,255,255,0.06); color: #e2e8f0; }

.ts-dark .ts-scroll-progress { background: linear-gradient(90deg, #3b82f6, #8b5cf6, #a78bfa); }
.ts-dark .ts-toast { background: rgba(30,41,59,0.95); border-color: #475569; color: #e2e8f0; }
.ts-dark .ts-cookie-banner { background: rgba(15,23,42,0.95); border-color: #334155; }

.ts-dark .ts-share-btn,
.ts-dark .ts-print-btn { border-color: #475569; color: #94a3b8; }
.ts-dark .ts-share-btn:hover,
.ts-dark .ts-print-btn:hover { border-color: #60a5fa; color: #60a5fa; background: rgba(96,165,250,0.08); }

.ts-dark .ts-logo-placeholder { background: rgba(96,165,250,0.1); border-color: rgba(96,165,250,0.3); color: #60a5fa; }

/* Page Header */
.ts-dark .ts-page-header h1 { color: #f1f5f9; }
.ts-dark .ts-page-header p { color: #94a3b8; }

/* Grid Chart Container */
.ts-dark .ts-grid-container { background: #1e293b; }
.ts-dark .ts-grid-dot { border-color: #475569; }
.ts-dark .ts-dot-name { background: rgba(15,23,42,0.95); color: #e2e8f0; }
.ts-dark .ts-grid-single-info { color: #94a3b8; }

/* Provider card text */
.ts-dark .ts-provider-card-desc { color: #94a3b8; }
.ts-dark .ts-provider-card-price { color: #cbd5e1; }
.ts-dark .ts-provider-card-name { color: #f1f5f9; }

/* Hero badge */
.ts-dark .ts-hero-badge { background: rgba(30,41,59,0.8); border-color: #334155; color: #94a3b8; }
.ts-dark .ts-hero-subtext { color: #64748b !important; }

/* Popular VS section */
.ts-dark .ts-popular-vs-section { background: #0f172a; }
.ts-dark .ts-vs-card { background: #1e293b; border-color: #334155; }
.ts-dark .ts-vs-card:hover { border-color: rgba(96,165,250,0.4); }
.ts-dark .ts-vs-card-label { color: #e2e8f0; }

/* Why section */
.ts-dark .ts-why-section { background: #0f172a; }
.ts-dark .ts-why-card { background: #1e293b; border-color: #334155; }
.ts-dark .ts-why-card:hover { border-color: rgba(96,165,250,0.3); }
.ts-dark .ts-why-card-icon { background: rgba(96,165,250,0.1); color: #60a5fa; }
.ts-dark .ts-why-card h3 { color: #f1f5f9; }
.ts-dark .ts-why-card p { color: #94a3b8; }

/* Tool card icon */
.ts-dark .ts-tool-card-icon { background: rgba(96,165,250,0.1); color: #60a5fa; }

/* Category card desc */
.ts-dark .ts-category-desc { color: #64748b; }
.ts-dark .ts-category-card--soon { opacity: 0.4; }

/* Tools section */
.ts-dark .ts-tools-section { background: #0f172a; }

/* Breadcrumbs */
.ts-dark .ts-breadcrumbs { color: #64748b; }
.ts-dark .ts-breadcrumbs a { color: #64748b; }
.ts-dark .ts-breadcrumbs a:hover { color: #60a5fa; }

/* Section titles */
.ts-dark .ts-section h2 { color: #f1f5f9; }

/* Content text */
.ts-dark .ts-content { color: #cbd5e1; }
.ts-dark .ts-content p { color: #cbd5e1; }

/* Scrollbar */
.ts-dark ::-webkit-scrollbar { width: 8px; }
.ts-dark ::-webkit-scrollbar-track { background: #0f172a; }
.ts-dark ::-webkit-scrollbar-thumb { background: #475569; border-radius: 4px; }
.ts-dark ::-webkit-scrollbar-thumb:hover { background: #64748b; }

.ts-dark .ts-back-to-top { background: rgba(30,41,59,0.9); border: 1px solid #475569; color: #94a3b8; }
.ts-dark .ts-back-to-top:hover { background: #60a5fa; border-color: #60a5fa; color: #fff; }
/**
 * Print Stilleri — Premium v3.0
 * Gradient/glow/animasyon devre disi + temiz baski
 */

@media print {
    /* Gereksiz elemanlari gizle */
    .ts-header,
    .ts-categories-nav,
    .ts-footer,
    .ts-mobile-toggle,
    .ts-cta-button,
    .ts-cta-section,
    .ts-btn,
    .ts-back-to-top,
    .ts-cookie-banner,
    .ts-toast-container,
    .ts-dark-toggle,
    .ts-skip-link,
    .ts-wizard-nav,
    .ts-tools-cta,
    .ts-share-btn,
    .ts-print-btn,
    .ts-filter-bar,
    .ts-scroll-progress,
    .ts-hero-orb,
    nav {
        display: none !important;
    }

    /* Beyaz arka plan */
    body {
        background: #fff !important;
        color: #000 !important;
        font-size: 12pt;
        line-height: 1.5;
    }

    /* Tum animasyonlari durdur */
    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
        border-radius: 0 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
    }

    /* Gradient text'i duz renge cevir */
    .ts-hero-title-gradient,
    .ts-gradient-text,
    .ts-gradient-text-static,
    .ts-score-number,
    .ts-score-big,
    .ts-logo-gradient {
        background: none !important;
        -webkit-background-clip: unset !important;
        background-clip: unset !important;
        -webkit-text-fill-color: #000 !important;
        color: #000 !important;
    }

    /* Gradient arka planlari kaldir */
    .ts-hero,
    .ts-stats-section,
    .ts-summary-card::before,
    .ts-hero::before,
    .ts-tool-card::before,
    .ts-gradient-border::before {
        background: none !important;
    }

    /* Glass morphism kaldir */
    .ts-glass,
    .ts-glass-heavy {
        background: #fff !important;
        backdrop-filter: none !important;
    }

    /* Linkler — URL yazdir */
    a[href]:after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
        color: #666;
    }

    a[href^="#"]:after,
    a[href^="javascript"]:after,
    .ts-cta-button:after {
        content: "";
    }

    /* Container tam genislik */
    .ts-container {
        max-width: 100%;
        padding: 0;
    }

    /* Sayfa kirilma kontrolleri */
    .ts-provider-card,
    .ts-plan-card,
    .ts-faq-item,
    .ts-section,
    .ts-vs-column,
    table,
    tr {
        page-break-inside: avoid;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    /* Tablo — border goster */
    .ts-table th,
    .ts-table td {
        border: 1px solid #ccc !important;
    }

    /* Skor cubugu basitlestir */
    .ts-score-fill {
        background: #333 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .ts-score-track {
        background: #eee !important;
    }

    /* Resimler */
    img {
        max-width: 100% !important;
        filter: none !important;
    }

    /* Grid → tek kolon */
    .ts-vs-grid,
    .ts-pros-cons-grid,
    .ts-pricing-grid,
    .ts-category-grid,
    .ts-tools-grid {
        display: block !important;
    }

    .ts-vs-column,
    .ts-pros,
    .ts-cons,
    .ts-plan-card,
    .ts-category-card,
    .ts-tool-card {
        margin-bottom: 20px;
    }

    /* Pseudo-element gradient borderlari kaldir */
    .ts-footer::before,
    .ts-categories-nav::after {
        display: none !important;
    }
}
/**
 * Header Stilleri — Premium v4.1
 */

.ts-header {
    background: rgba(255, 255, 255, 0.92);
    position: sticky;
    top: 0;
    z-index: var(--ts-z-sticky);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.ts-header.ts-scrolled {
    background: rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04), 0 4px 24px rgba(0, 0, 0, 0.06);
}

.ts-header-border {
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, #2563eb 15%, #7c3aed 35%, #2563eb 55%, #06b6d4 75%, transparent 100%);
    opacity: 0.5;
    transition: opacity 0.4s ease;
}

.ts-header.ts-scrolled .ts-header-border {
    opacity: 0.8;
}

.ts-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    gap: var(--ts-space-6);
}

/* LOGO */
.ts-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    flex-shrink: 0;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    max-width: 200px;
    overflow: hidden;
}

.ts-logo:hover {
    transform: translateY(-1px);
}

.ts-logo .ts-logo-img,
.ts-logo img {
    height: 40px;
    width: auto;
    max-width: 180px;
    object-fit: contain;
    display: block;
    transition: all 0.3s ease;
}

.ts-logo-mark {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    filter: drop-shadow(0 2px 4px rgba(37, 99, 235, 0.2));
    transition: filter 0.3s ease;
}

.ts-logo:hover .ts-logo-mark {
    filter: drop-shadow(0 4px 8px rgba(37, 99, 235, 0.3));
}

.ts-logo-mark svg {
    width: 30px;
    height: 30px;
}

.ts-logo-text-wrap {
    display: flex;
    align-items: baseline;
    gap: 0;
}

.ts-logo-text {
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease;
}

.ts-logo:hover .ts-logo-text {
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ts-logo-dot {
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* NAVIGATION */
.ts-nav ul,
.ts-menu {
    display: flex;
    align-items: center;
    gap: var(--ts-space-1);
    list-style: none;
    margin: 0;
    padding: 0;
}

.ts-nav a,
.ts-menu a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--ts-gray-600);
    border-radius: 10px;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.ts-nav a svg,
.ts-menu a svg {
    opacity: 0.5;
    transition: all 0.25s ease;
    flex-shrink: 0;
}

.ts-nav a:hover,
.ts-menu a:hover {
    color: var(--ts-primary);
    background: rgba(37, 99, 235, 0.06);
}

.ts-nav a:hover svg,
.ts-menu a:hover svg {
    opacity: 0.9;
    color: var(--ts-primary);
}

.ts-nav .current-menu-item > a,
.ts-menu .current-menu-item > a {
    color: var(--ts-primary);
    background: rgba(37, 99, 235, 0.08);
    font-weight: 600;
}

.ts-nav .current-menu-item > a svg,
.ts-menu .current-menu-item > a svg {
    opacity: 1;
    color: var(--ts-primary);
}

.ts-nav .current-menu-item > a::after,
.ts-menu .current-menu-item > a::after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    background: var(--ts-primary);
    border-radius: 50%;
}

/* HEADER ACTIONS */
.ts-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.ts-header-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 10px;
    background: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);
    color: white;
    border: none;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(37, 99, 235, 0.2), 0 4px 12px rgba(37, 99, 235, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    overflow: hidden;
}

.ts-header-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 50%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.ts-header-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(37, 99, 235, 0.25), 0 8px 24px rgba(37, 99, 235, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    color: white;
}

.ts-header-cta:hover::before {
    opacity: 1;
}

.ts-header-cta svg {
    width: 14px;
    height: 14px;
    opacity: 0.9;
}

@media (max-width: 768px) {
    .ts-header-cta {
        display: none;
    }
}

/* DARK MODE TOGGLE */
.ts-dark-toggle {
    background: none;
    border: 1px solid transparent;
    padding: 0;
    cursor: pointer;
    color: var(--ts-gray-400);
    border-radius: 10px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
}

.ts-dark-toggle:hover {
    background: var(--ts-gray-100);
    border-color: var(--ts-gray-200);
    color: var(--ts-gray-600);
}

.ts-dark-toggle svg {
    width: 18px;
    height: 18px;
    transition: transform 0.4s var(--ts-ease-spring);
}

.ts-dark-toggle:hover svg {
    transform: rotate(15deg) scale(1.1);
}

.ts-dark-toggle .ts-icon-moon { display: none; }
.ts-dark .ts-dark-toggle .ts-icon-sun { display: none; }
.ts-dark .ts-dark-toggle .ts-icon-moon { display: block; }

/* MOBILE TOGGLE */
.ts-mobile-toggle {
    display: none;
    background: none;
    border: none;
    padding: var(--ts-space-2);
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    transition: background 0.2s ease;
}

.ts-mobile-toggle:hover {
    background: var(--ts-gray-100);
}

.ts-mobile-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    background: var(--ts-gray-600);
    margin: 4px auto;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    transform-origin: center;
    border-radius: 2px;
}

.ts-mobile-toggle.ts-active span:nth-child(1) {
    transform: rotate(45deg) translate(4px, 4px);
}

.ts-mobile-toggle.ts-active span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

.ts-mobile-toggle.ts-active span:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -4px);
}

/* WP ADMIN BAR */
.admin-bar .ts-header {
    top: 32px;
}

@media (max-width: 782px) {
    .admin-bar .ts-header {
        top: 46px;
    }
}

/* DARK MODE */
.ts-dark .ts-header {
    background: rgba(15, 23, 42, 0.92);
}

.ts-dark .ts-header.ts-scrolled {
    background: rgba(15, 23, 42, 0.82);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04), 0 4px 24px rgba(0, 0, 0, 0.3);
}

.ts-dark .ts-header-border {
    opacity: 0.35;
}

.ts-dark .ts-header.ts-scrolled .ts-header-border {
    opacity: 0.6;
}

.ts-dark .ts-logo-text {
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.ts-dark .ts-logo:hover .ts-logo-text {
    background: linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.ts-dark .ts-logo-dot {
    background: linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.ts-dark .ts-logo .ts-logo-img {
    filter: brightness(0) invert(1);
}

.ts-dark .ts-nav a,
.ts-dark .ts-menu a {
    color: var(--ts-gray-400);
}

.ts-dark .ts-nav a:hover,
.ts-dark .ts-menu a:hover {
    color: #93c5fd;
    background: rgba(96, 165, 250, 0.08);
}

.ts-dark .ts-nav .current-menu-item > a,
.ts-dark .ts-menu .current-menu-item > a {
    color: #93c5fd;
    background: rgba(96, 165, 250, 0.1);
}

.ts-dark .ts-dark-toggle {
    color: var(--ts-gray-500);
}

.ts-dark .ts-dark-toggle:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.08);
    color: var(--ts-gray-300);
}

.ts-dark .ts-mobile-toggle span {
    background: var(--ts-gray-400);
}

/* RESPONSIVE — TABLET */
@media (max-width: 992px) {
    .ts-header-inner {
        height: 56px;
    }

    .ts-logo .ts-logo-img,
    .ts-logo img {
        height: 34px;
        max-width: 160px;
    }

    .ts-mobile-toggle {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .ts-nav-primary {
        display: none;
        position: absolute;
        top: 58px;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(20px) saturate(180%);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        border-bottom: 2px solid;
        border-image: linear-gradient(90deg, #2563eb, #7c3aed, #06b6d4) 1;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
        padding: 12px 16px;
        z-index: 99;
        animation: tsSlideDown 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .ts-dark .ts-nav-primary {
        background: rgba(15, 23, 42, 0.98);
    }

    @keyframes tsSlideDown {
        from { opacity: 0; transform: translateY(-8px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .ts-nav-primary.active {
        display: block;
    }

    .ts-nav ul,
    .ts-menu {
        flex-direction: column;
        gap: 2px;
    }

    .ts-nav a,
    .ts-menu a {
        padding: 12px 16px;
        border-radius: 10px;
        width: 100%;
        font-size: 0.9375rem;
    }

    .ts-nav a::after,
    .ts-menu a::after,
    .ts-nav .current-menu-item > a::after,
    .ts-menu .current-menu-item > a::after {
        display: none;
    }
}

/* RESPONSIVE — MOBILE */
@media (max-width: 480px) {
    .ts-header-inner {
        height: 52px;
        gap: var(--ts-space-2);
        padding: 0;
    }

    .ts-logo {
        max-width: 160px;
    }

    .ts-logo .ts-logo-img,
    .ts-logo img {
        height: 28px;
        max-width: 140px;
    }

    .ts-logo-mark svg {
        width: 26px;
        height: 26px;
    }

    .ts-logo-text,
    .ts-logo-dot {
        font-size: 1.1rem;
    }

    .ts-dark-toggle {
        width: 32px;
        height: 32px;
    }

    .ts-dark-toggle svg {
        width: 16px;
        height: 16px;
    }

    .ts-mobile-toggle {
        width: 36px;
        height: 36px;
        padding: 6px;
    }

    .ts-nav-primary {
        top: 54px;
        padding: 8px 12px;
    }
}
/**
 * Footer Stilleri — Premium v3.0
 */

.ts-footer {
    background: var(--ts-gray-900);
    color: var(--ts-gray-300);
    padding: var(--ts-space-16) 0 var(--ts-space-8);
    position: relative;
}

/* Gradient top border */
.ts-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--ts-gradient-primary);
}

.ts-footer-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--ts-space-8);
    margin-bottom: var(--ts-space-12);
}

.ts-footer-grid--5col {
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
}

/* Social icons */
.ts-footer-social {
    display: flex;
    gap: var(--ts-space-3);
    margin-top: var(--ts-space-4);
}

.ts-footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--ts-radius-lg);
    background: rgba(255,255,255,0.08);
    color: var(--ts-gray-400);
    transition: all 0.3s ease;
}

.ts-footer-social a:hover {
    background: var(--ts-primary);
    color: #fff;
    transform: translateY(-2px);
}

.ts-footer-social a::after {
    display: none;
}

/* Newsletter Section */
.ts-newsletter-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ts-space-8);
    padding: var(--ts-space-8);
    margin-bottom: var(--ts-space-8);
    border-radius: var(--ts-radius-xl);
    background: linear-gradient(135deg, rgba(37,99,235,0.12), rgba(124,58,237,0.08));
    border: 1px solid rgba(37,99,235,0.2);
}

.ts-newsletter-content h4 {
    color: #fff;
    font-size: var(--ts-text-lg);
    margin-bottom: var(--ts-space-2);
}

.ts-newsletter-content p {
    color: var(--ts-gray-400);
    font-size: var(--ts-text-sm);
    margin: 0;
}

.ts-newsletter-form {
    flex-shrink: 0;
}

.ts-newsletter-input-group {
    display: flex;
    gap: var(--ts-space-2);
}

.ts-newsletter-input {
    padding: 10px 16px;
    border-radius: var(--ts-radius-md);
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(255,255,255,0.08);
    color: #fff;
    font-size: var(--ts-text-sm);
    min-width: 260px;
    outline: none;
    transition: all 0.3s ease;
}

.ts-newsletter-input::placeholder {
    color: var(--ts-gray-500);
}

.ts-newsletter-input:focus {
    border-color: var(--ts-primary);
    box-shadow: 0 0 0 3px rgba(37,99,235,0.15);
}

.ts-newsletter-btn {
    white-space: nowrap;
    padding: 10px 24px;
}

.ts-newsletter-note {
    font-size: 11px;
    color: var(--ts-gray-600);
    margin-top: var(--ts-space-2);
    text-align: right;
}

.ts-newsletter-success {
    color: var(--ts-success);
    font-size: var(--ts-text-sm);
    font-weight: 600;
}

@media (max-width: 768px) {
    .ts-newsletter-section {
        flex-direction: column;
        text-align: center;
    }
    .ts-newsletter-input-group {
        flex-direction: column;
    }
    .ts-newsletter-input {
        min-width: auto;
        width: 100%;
    }
    .ts-newsletter-note {
        text-align: center;
    }
}

/* Affiliate disclosure */
.ts-footer-affiliate-disclosure {
    padding: var(--ts-space-5);
    margin-bottom: var(--ts-space-6);
    border-radius: var(--ts-radius-lg);
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
}

.ts-footer-affiliate-disclosure p {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-500);
    line-height: var(--ts-line-relaxed);
    margin: 0;
}

.ts-footer-affiliate-disclosure a {
    color: var(--ts-primary-light);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ts-footer-col h4 {
    color: #fff;
    font-size: var(--ts-text-sm);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: var(--ts-space-5);
    font-weight: 600;
}

.ts-footer-col ul {
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-3);
}

.ts-footer-col a {
    color: var(--ts-gray-400);
    font-size: var(--ts-text-sm);
    transition: all 0.2s ease;
    position: relative;
    display: inline-block;
}

/* Animated underline on hover */
.ts-footer-col a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--ts-primary);
    transition: width 0.3s var(--ts-ease-out);
}

.ts-footer-col a:hover {
    color: #fff;
}

.ts-footer-col a:hover::after {
    width: 100%;
}

.ts-footer-col p {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-400);
    line-height: var(--ts-line-relaxed);
}

/* Disclaimer */
.ts-footer-disclaimer {
    padding: var(--ts-space-6) 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.ts-footer-disclaimer p {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-500);
    line-height: var(--ts-line-relaxed);
    margin-bottom: var(--ts-space-2);
}

.ts-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--ts-space-6);
    border-top: 1px solid rgba(255,255,255,0.08);
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-500);
}

.ts-footer-bottom a {
    color: var(--ts-gray-400);
    transition: color 0.2s ease;
}

.ts-footer-bottom a:hover {
    color: var(--ts-primary-light);
}

/* ══════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════ */

@media (max-width: 992px) {
    .ts-footer-grid,
    .ts-footer-grid--5col {
        grid-template-columns: repeat(2, 1fr);
    }

    .ts-footer-col--brand {
        grid-column: 1 / -1;
    }
}

@media (max-width: 576px) {
    .ts-footer-grid,
    .ts-footer-grid--5col {
        grid-template-columns: 1fr;
    }

    .ts-footer-bottom {
        flex-direction: column;
        gap: var(--ts-space-2);
        text-align: center;
    }
}
/**
 * Grid Sistem & Layout — Premium v3.0
 */

/* Provider kartlari icin grid */
.ts-provider-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--ts-space-6);
}

/* VS iki kolon */
.ts-vs-grid {
    display: grid;
    gap: var(--ts-space-6);
}

.ts-vs-grid-2 {
    grid-template-columns: 1fr 1fr;
}

.ts-vs-grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.ts-vs-column {
    background: var(--ts-gray-50);
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-lg);
    padding: var(--ts-space-6);
    transition: all 0.3s var(--ts-ease-smooth);
}

.ts-vs-column:hover {
    box-shadow: var(--ts-shadow-md);
    transform: translateY(-2px);
}

/* Tools grid */
.ts-tools-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ts-space-6);
}

/* Alternatives grid */
.ts-alternatives-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--ts-space-4);
    margin-bottom: var(--ts-space-6);
}

.ts-alternatives-more {
    text-align: center;
}

/* ── Premium Page Header ── */
.ts-page-header {
    margin-bottom: var(--ts-space-8);
    position: relative;
    padding-bottom: var(--ts-space-6);
}

.ts-page-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 4px;
    background: var(--ts-gradient-primary);
    border-radius: 2px;
}

.ts-page-header.ts-text-center::after {
    left: 50%;
    transform: translateX(-50%);
}

.ts-page-header h1 {
    margin-bottom: var(--ts-space-3);
    font-weight: 800;
    letter-spacing: -0.02em;
}

.ts-page-header p {
    font-size: var(--ts-text-lg);
    color: var(--ts-gray-500);
    max-width: 600px;
}

.ts-page-header.ts-text-center p {
    margin-left: auto;
    margin-right: auto;
}

/* ── Premium CTA section ── */
.ts-cta-section {
    text-align: center;
    padding: var(--ts-space-12) 0;
    margin-top: var(--ts-space-8);
    border-top: none;
    position: relative;
}

.ts-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--ts-gradient-primary);
}

/* ── Premium Section Title ── */
.ts-section h2 {
    position: relative;
    padding-bottom: var(--ts-space-3);
    margin-bottom: var(--ts-space-6);
}

.ts-section h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: var(--ts-gradient-primary);
    border-radius: 2px;
}

/* ── Filter Bar Premium ── */
.ts-filter-bar {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: var(--ts-radius-lg);
    padding: var(--ts-space-4);
    margin-bottom: var(--ts-space-6);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--ts-space-4);
    flex-wrap: wrap;
}

.ts-filter-bar-left {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
    flex-wrap: wrap;
}

.ts-filter-bar-right {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
}

/* Tier Filter Buttons */
.ts-tier-filter-btn {
    padding: 6px 16px;
    border-radius: var(--ts-radius-full);
    font-size: var(--ts-text-sm);
    font-weight: 500;
    border: 1px solid var(--ts-border-color);
    background: transparent;
    color: var(--ts-gray-600);
    cursor: pointer;
    transition: all 0.25s var(--ts-ease-smooth);
}

.ts-tier-filter-btn:hover {
    border-color: var(--ts-primary);
    color: var(--ts-primary);
    background: rgba(37, 99, 235, 0.04);
}

.ts-tier-filter-btn.active {
    background: var(--ts-gradient-primary);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);
}

/* Search Input */
.ts-filter-search {
    position: relative;
}

.ts-search-input {
    padding: 8px 16px 8px 40px;
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-full);
    font-size: var(--ts-text-sm);
    background: rgba(255, 255, 255, 0.8);
    transition: all 0.3s var(--ts-ease-smooth);
    min-width: 200px;
}

.ts-search-input:focus {
    outline: none;
    border-color: var(--ts-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1), 0 0 12px rgba(37, 99, 235, 0.06);
    background: #fff;
}

.ts-search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    color: var(--ts-gray-400);
    pointer-events: none;
}

/* Filter Chips */
.ts-filter-chips {
    display: flex;
    gap: var(--ts-space-2);
    flex-wrap: wrap;
    margin-bottom: var(--ts-space-4);
}

.ts-filter-chip {
    display: inline-flex;
    align-items: center;
    gap: var(--ts-space-1);
    padding: 4px 12px;
    font-size: var(--ts-text-xs);
    font-weight: 500;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.06), rgba(139, 92, 246, 0.04));
    color: var(--ts-primary);
    border: 1px solid rgba(37, 99, 235, 0.15);
    border-radius: var(--ts-radius-full);
    transition: all 0.2s var(--ts-ease-smooth);
}

.ts-filter-chip:hover {
    background: rgba(37, 99, 235, 0.1);
    border-color: rgba(37, 99, 235, 0.25);
}

.ts-filter-chip-remove {
    background: none;
    border: none;
    color: var(--ts-gray-400);
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    padding: 0 2px;
    min-height: auto;
    min-width: auto;
    transition: color 0.2s ease;
}

.ts-filter-chip-remove:hover {
    color: var(--ts-danger);
}

.ts-filter-chip-clear {
    background: transparent;
    color: var(--ts-gray-500);
    border: 1px dashed var(--ts-gray-300);
    cursor: pointer;
}

.ts-filter-chip-clear:hover {
    color: var(--ts-danger);
    border-color: var(--ts-danger);
    background: rgba(239, 68, 68, 0.04);
}

/* Compare Selector Premium */
.ts-compare-selector {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: var(--ts-radius-lg);
    padding: var(--ts-space-6);
    margin-bottom: var(--ts-space-6);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ts-space-4);
}

.ts-compare-selector label {
    font-weight: 600;
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-700);
}

.ts-compare-select {
    flex: 1;
    min-width: 200px;
    padding: var(--ts-space-2) var(--ts-space-3);
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-md);
    font-size: var(--ts-text-sm);
    background: rgba(255, 255, 255, 0.8);
    transition: all 0.3s var(--ts-ease-smooth);
}

.ts-compare-select:focus {
    outline: none;
    border-color: var(--ts-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1), 0 0 12px rgba(37, 99, 235, 0.06);
    background: #fff;
}

/* Compare Result Table */
.ts-compare-result-table {
    background: #fff;
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-lg);
    overflow: hidden;
}

.ts-compare-result-header {
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37, 99, 235, 0.03));
    border-bottom: 2px solid var(--ts-border-color);
}

.ts-compare-result-row:hover {
    background: rgba(37, 99, 235, 0.015);
}

/* No Data */
.ts-no-data {
    text-align: center;
    color: var(--ts-gray-400);
    padding: var(--ts-space-8) 0;
    font-size: var(--ts-text-lg);
}

/* Text Center utility */
.ts-text-center {
    text-align: center;
}

/* Empty State */
.ts-empty-state {
    text-align: center;
    padding: var(--ts-space-12) 0;
    color: var(--ts-gray-400);
}

.ts-empty-state svg {
    color: var(--ts-gray-300);
    margin-bottom: var(--ts-space-4);
}

/* Section */
.ts-section {
    margin-bottom: var(--ts-space-10, 2.5rem);
}

/* ── Dark Mode ── */
.ts-dark .ts-filter-bar {
    background: rgba(30, 41, 59, 0.7);
    border-color: rgba(51, 65, 85, 0.6);
}

.ts-dark .ts-search-input {
    background: rgba(30, 41, 59, 0.6);
    border-color: #334155;
    color: var(--ts-gray-200);
}

.ts-dark .ts-search-input:focus {
    background: #1e293b;
}

.ts-dark .ts-tier-filter-btn {
    border-color: #334155;
    color: var(--ts-gray-300);
}

.ts-dark .ts-tier-filter-btn:hover {
    border-color: var(--ts-primary);
    background: rgba(37, 99, 235, 0.1);
}

.ts-dark .ts-vs-column {
    background: rgba(30, 41, 59, 0.5);
    border-color: #334155;
}

.ts-dark .ts-filter-chip {
    background: rgba(37, 99, 235, 0.12);
    border-color: rgba(37, 99, 235, 0.25);
}

.ts-dark .ts-filter-chip-clear {
    border-color: #475569;
    color: var(--ts-gray-400);
}

.ts-dark .ts-compare-selector {
    background: rgba(30, 41, 59, 0.7);
    border-color: #334155;
}

.ts-dark .ts-compare-select {
    background: rgba(30, 41, 59, 0.6);
    border-color: #334155;
    color: #e2e8f0;
}

.ts-dark .ts-compare-select option {
    background: #1e293b;
    color: #e2e8f0;
}

.ts-dark .ts-compare-result-table {
    background: rgba(30, 41, 59, 0.5);
    border-color: #334155;
}

.ts-dark .ts-compare-result-header {
    background: rgba(30, 41, 59, 0.6);
    border-color: #334155;
}

/* ── Utility Classes ── */
.ts-gradient-text {
    background: var(--ts-gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.ts-btn-glow {
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
}

.ts-btn-glow:hover {
    box-shadow: 0 6px 25px rgba(37, 99, 235, 0.45);
}

.ts-btn-icon {
    display: inline-flex;
    align-items: center;
    gap: var(--ts-space-2);
    padding: 8px 16px;
    background: transparent;
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-md);
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-600);
    cursor: pointer;
    transition: all 0.25s var(--ts-ease-smooth);
}

.ts-btn-icon:hover {
    border-color: var(--ts-primary);
    color: var(--ts-primary);
    background: rgba(37, 99, 235, 0.04);
    transform: translateY(-1px);
}

.ts-btn-icon svg {
    width: 16px;
    height: 16px;
}

.ts-vs-text {
    background: var(--ts-gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 400;
    font-style: italic;
}

.ts-404-link {
    color: var(--ts-primary);
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: var(--ts-text-sm);
}

.ts-404-link:hover {
    color: var(--ts-secondary, #7c3aed);
    text-decoration: underline;
}

/* ── Dark Utilities ── */
.ts-dark .ts-btn-icon {
    border-color: #334155;
    color: var(--ts-gray-300);
}

.ts-dark .ts-btn-icon:hover {
    border-color: var(--ts-primary);
    background: rgba(37, 99, 235, 0.1);
}

.ts-dark .ts-404-link {
    color: #93c5fd;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .ts-provider-grid {
        grid-template-columns: 1fr;
    }

    .ts-vs-grid-2,
    .ts-vs-grid-3 {
        grid-template-columns: 1fr;
    }

    .ts-tools-grid {
        grid-template-columns: 1fr;
    }

    .ts-filter-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .ts-filter-bar-left,
    .ts-filter-bar-right {
        width: 100%;
    }

    .ts-compare-selector {
        flex-direction: column;
        align-items: stretch;
    }

    .ts-compare-select {
        min-width: auto;
    }
}
/**
 * Buton Stilleri — Premium v3.0
 */

.ts-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--ts-space-2);
    padding: 10px 20px;
    font-size: var(--ts-text-sm);
    font-weight: 600;
    line-height: 1;
    border-radius: var(--ts-radius-md);
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 0.3s var(--ts-ease-out);
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.ts-btn:hover {
    transform: translateY(-2px);
}

.ts-btn:active {
    transform: translateY(0) scale(0.98);
    transition-duration: 0.1s;
}

/* ── Primary (Gradient) ── */
.ts-btn-primary,
.ts-cta-button {
    background: var(--ts-gradient-primary);
    background-size: 150% 150%;
    color: #fff;
    border-color: transparent;
    box-shadow: var(--ts-shadow-colored);
}

.ts-btn-primary:hover,
.ts-cta-button:hover {
    background-position: 100% 50%;
    box-shadow: var(--ts-shadow-colored-lg);
    color: #fff;
}

/* Shine overlay on primary */
.ts-btn-primary::after,
.ts-cta-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.25) 50%, transparent 70%);
    transform: skewX(-15deg);
    pointer-events: none;
    z-index: 1;
}

.ts-btn-primary:hover::after,
.ts-cta-button:hover::after {
    animation: shineSlide 0.6s ease forwards;
}

/* ── Outline ── */
.ts-btn-outline {
    background: transparent;
    color: var(--ts-primary);
    border-color: var(--ts-primary);
}

.ts-btn-outline:hover {
    background: var(--ts-primary);
    color: #fff;
    box-shadow: var(--ts-shadow-colored);
}

/* ── Ghost ── */
.ts-btn-ghost {
    background: transparent;
    color: var(--ts-gray-600);
    border-color: transparent;
}

.ts-btn-ghost:hover {
    background: var(--ts-gray-100);
    color: var(--ts-gray-800);
    box-shadow: var(--ts-shadow-sm);
}

/* ── Success ── */
.ts-btn-success {
    background: var(--ts-gradient-success);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 4px 14px -3px rgba(34,197,94,0.4);
}

.ts-btn-success:hover {
    box-shadow: 0 8px 25px -5px rgba(34,197,94,0.5);
}

/* ── Danger ── */
.ts-btn-danger {
    background: var(--ts-danger);
    color: #fff;
    border-color: var(--ts-danger);
}

.ts-btn-danger:hover {
    box-shadow: 0 8px 25px -5px rgba(239,68,68,0.4);
}

/* ── Sizes ── */
.ts-btn-sm {
    padding: 6px 14px;
    font-size: var(--ts-text-xs);
    border-radius: var(--ts-radius-sm);
}

.ts-btn-lg {
    padding: 14px 32px;
    font-size: var(--ts-text-base);
    border-radius: var(--ts-radius-lg);
}

.ts-btn-xl {
    padding: 16px 40px;
    font-size: var(--ts-text-lg);
    border-radius: var(--ts-radius-lg);
}

/* Full width */
.ts-btn-full {
    width: 100%;
}

/* ── Loading State ── */
.ts-btn.ts-loading {
    color: transparent;
    pointer-events: none;
    position: relative;
}

.ts-btn.ts-loading::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

.ts-btn-outline.ts-loading::before {
    border-color: rgba(37,99,235,0.2);
    border-top-color: var(--ts-primary);
}

/* ── Disabled ── */
.ts-btn:disabled,
.ts-btn.disabled {
    opacity: 0.5;
    pointer-events: none;
    box-shadow: none;
}

/* ── Icon Button ── */
.ts-btn-icon {
    padding: var(--ts-space-2);
    min-width: 40px;
    min-height: 40px;
    border-radius: var(--ts-radius-md);
}

.ts-btn-icon svg,
.ts-btn-icon img {
    width: 18px;
    height: 18px;
    transition: transform 0.3s var(--ts-ease-spring);
}

.ts-btn-icon:hover svg,
.ts-btn-icon:hover img {
    transform: scale(1.1);
}

/* ── Glow variant ── */
.ts-btn-glow {
    animation: glowPulse 2.5s ease-in-out 3;
}

.ts-btn-glow:hover {
    animation: none;
    box-shadow: var(--ts-shadow-glow-lg);
}
/**
 * Kart Stilleri — Premium v3.0
 */

/* ══════════════════════════════════════
   PROVIDER KART
   ══════════════════════════════════════ */

.ts-provider-card {
    background: #fff;
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-xl);
    overflow: hidden;
    transition: all 0.35s var(--ts-ease-out);
    position: relative;
}

/* Gradient top border line — always visible */
.ts-provider-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--ts-gradient-primary);
    z-index: 2;
    transform: scaleX(0.3);
    transform-origin: left;
    transition: transform 0.4s var(--ts-ease-out);
}

.ts-provider-card:hover::before {
    transform: scaleX(1);
}

/* Subtle gradient overlay on hover */
.ts-provider-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--ts-gradient-card);
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    border-radius: inherit;
}

.ts-provider-card:hover {
    box-shadow: var(--ts-shadow-card-hover);
    border-color: rgba(37,99,235,0.15);
    transform: translateY(-4px);
}

.ts-provider-card:hover::after {
    opacity: 1;
}

.ts-provider-card-link {
    display: flex;
    padding: var(--ts-space-6);
    gap: var(--ts-space-4);
    color: inherit;
    text-decoration: none;
    position: relative;
    z-index: 1;
}

.ts-provider-card-logo {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ts-provider-card-logo img {
    border-radius: var(--ts-radius-md);
    transition: transform 0.3s var(--ts-ease-spring);
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.ts-provider-card:hover .ts-provider-card-logo img {
    transform: scale(1.05);
}

.ts-logo-placeholder {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, var(--ts-primary-50), var(--ts-primary-light));
    color: var(--ts-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-weight: 800;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    border: 2px solid rgba(37,99,235,0.1);
    transition: all 0.3s var(--ts-ease-out);
    position: relative;
    overflow: hidden;
}

/* Subtle shine effect */
.ts-logo-placeholder::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(120deg, transparent 40%, rgba(255,255,255,0.4) 50%, transparent 60%);
    transform: rotate(25deg) translateX(-100%);
    transition: transform 0.6s ease;
}

.ts-provider-card:hover .ts-logo-placeholder::after {
    transform: rotate(25deg) translateX(30%);
}

.ts-provider-card:hover .ts-logo-placeholder {
    box-shadow: 0 0 16px rgba(37,99,235,0.2);
    border-color: rgba(37,99,235,0.25);
    transform: scale(1.05);
}

.ts-logo-placeholder.ts-logo-lg {
    width: 100px;
    height: 100px;
    font-size: 1.75rem;
    border-radius: 20px;
}

.ts-provider-card-body {
    flex: 1;
    min-width: 0;
}

.ts-provider-card-name {
    font-size: var(--ts-text-lg);
    font-weight: 600;
    margin-bottom: var(--ts-space-1);
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
}

.ts-provider-card-desc {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-500);
    margin-bottom: var(--ts-space-3);
    line-height: var(--ts-line-normal);
}

.ts-provider-card-meta {
    display: flex;
    align-items: center;
    gap: var(--ts-space-6);
}

.ts-provider-card-score {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

.ts-score-number {
    font-size: var(--ts-text-xl);
    font-weight: 700;
    background: var(--ts-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ts-score-max {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-400);
}

.ts-provider-card-price {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-600);
    font-weight: 500;
}

.ts-provider-card-actions {
    display: flex;
    gap: var(--ts-space-2);
    padding: 0 var(--ts-space-6) var(--ts-space-6);
    position: relative;
    z-index: 1;
}

/* ══════════════════════════════════════
   OZET KARTI (Provider Profile)
   ══════════════════════════════════════ */

.ts-summary-card {
    background: #fff;
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-2xl);
    padding: var(--ts-space-8);
    margin-bottom: var(--ts-space-8);
    position: relative;
    overflow: hidden;
}

/* Subtle gradient mesh background */
.ts-summary-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--ts-gradient-mesh);
    opacity: 0.5;
    pointer-events: none;
}

.ts-summary-card-inner {
    display: flex;
    gap: var(--ts-space-8);
    position: relative;
    z-index: 1;
}

.ts-summary-left {
    display: flex;
    gap: var(--ts-space-6);
    flex: 1;
}

.ts-summary-logo img {
    border-radius: var(--ts-radius-lg);
    border: 1px solid var(--ts-border-color);
    box-shadow: var(--ts-shadow-md);
}

.ts-summary-name {
    font-size: var(--ts-text-3xl);
    font-weight: 700;
    margin-bottom: var(--ts-space-2);
}

.ts-summary-desc {
    font-size: var(--ts-text-base);
    color: var(--ts-gray-600);
    margin-bottom: var(--ts-space-4);
    line-height: var(--ts-line-relaxed);
}

.ts-summary-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ts-space-4);
}

.ts-meta-item {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-500);
}

.ts-summary-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ts-space-4);
    flex-shrink: 0;
    min-width: 200px;
}

.ts-summary-score {
    text-align: center;
}

.ts-score-circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--ts-primary-50);
    border: 3px solid var(--ts-primary);
    margin: 0 auto var(--ts-space-2);
    position: relative;
    box-shadow: var(--ts-shadow-glow-sm);
    transition: all 0.3s ease;
}

.ts-score-circle:hover {
    box-shadow: var(--ts-shadow-glow);
    transform: scale(1.05);
}

.ts-score-circle.ts-score-circle-lg {
    width: 100px;
    height: 100px;
}

.ts-score-big {
    font-size: var(--ts-text-2xl);
    font-weight: 700;
    line-height: 1;
    background: var(--ts-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ts-score-text {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-500);
}

.ts-summary-price {
    font-size: var(--ts-text-lg);
    font-weight: 600;
    color: var(--ts-gray-800);
}

.ts-summary-badge {
    background: var(--ts-gradient-success);
    color: #fff;
    font-size: var(--ts-text-xs);
    font-weight: 600;
    padding: var(--ts-space-1) var(--ts-space-3);
    border-radius: var(--ts-radius-full);
}

.ts-summary-cta {
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-2);
    width: 100%;
}

/* ══════════════════════════════════════
   TOOL CARDS
   ══════════════════════════════════════ */

.ts-tool-card {
    background: #fff;
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-xl);
    padding: var(--ts-space-8) var(--ts-space-6);
    text-align: center;
    color: inherit;
    transition: all 0.35s var(--ts-ease-out);
    position: relative;
    overflow: hidden;
}

/* Gradient top border line */
.ts-tool-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--ts-gradient-primary);
    transform: scaleX(0);
    transition: transform 0.35s var(--ts-ease-out);
    transform-origin: left;
}

.ts-tool-card:hover::before {
    transform: scaleX(1);
}

.ts-tool-card:hover {
    border-color: rgba(37,99,235,0.15);
    box-shadow: var(--ts-shadow-card-hover);
    transform: translateY(-4px);
}

.ts-tool-card-icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ts-radius-xl);
    background: var(--ts-primary-50);
    color: var(--ts-primary);
    margin: 0 auto var(--ts-space-5);
    transition: all 0.3s var(--ts-ease-out);
}

.ts-tool-card:hover .ts-tool-card-icon {
    background: var(--ts-gradient-primary);
    color: #fff;
    transform: scale(1.05);
}

.ts-tool-card h3 {
    font-size: var(--ts-text-lg);
    font-weight: 600;
    margin-bottom: var(--ts-space-3);
    transition: color 0.2s ease;
}

.ts-tool-card:hover h3 {
    color: var(--ts-primary);
}

.ts-tool-card p {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-500);
    margin-bottom: var(--ts-space-4);
    line-height: var(--ts-line-normal);
}

/* ══════════════════════════════════════
   SHARE / PRINT BUTTONS
   ══════════════════════════════════════ */

.ts-summary-actions {
    display: flex;
    gap: var(--ts-space-2);
    margin-top: var(--ts-space-3);
}

.ts-share-btn,
.ts-print-btn {
    background: none;
    border: 1px solid var(--ts-gray-200);
    color: var(--ts-gray-500);
    padding: var(--ts-space-2);
    border-radius: var(--ts-radius-md);
    cursor: pointer;
    transition: all 0.3s var(--ts-ease-out);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    min-width: 36px;
}

.ts-share-btn:hover,
.ts-print-btn:hover {
    border-color: var(--ts-primary);
    color: var(--ts-primary);
    background: var(--ts-primary-50);
    box-shadow: var(--ts-shadow-glow-sm);
    transform: translateY(-1px);
}

.ts-share-btn svg,
.ts-print-btn svg {
    width: 16px;
    height: 16px;
    transition: transform 0.3s var(--ts-ease-spring);
}

.ts-share-btn:hover svg,
.ts-print-btn:hover svg {
    transform: scale(1.1);
}

/* ══════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════ */

@media (max-width: 768px) {
    .ts-summary-card-inner {
        flex-direction: column;
    }

    .ts-summary-left {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .ts-summary-meta {
        justify-content: center;
    }

    .ts-summary-right {
        min-width: auto;
    }

    .ts-provider-card-link {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}
/**
 * Tablo Stilleri — Premium v3.0
 * Gradient header, winner glow, sticky header, hover overlays
 */

.ts-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--ts-text-sm);
}

.ts-table thead {
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37,99,235,0.03));
}

.ts-table th {
    padding: var(--ts-space-3) var(--ts-space-4);
    text-align: left;
    font-weight: 600;
    color: var(--ts-gray-700);
    border-bottom: 2px solid var(--ts-border-color);
    font-size: var(--ts-text-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    position: relative;
}

/* Sticky table header */
.ts-table-responsive .ts-table thead {
    position: sticky;
    top: 0;
    z-index: 5;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.ts-table td {
    padding: var(--ts-space-3) var(--ts-space-4);
    border-bottom: 1px solid var(--ts-gray-100);
    color: var(--ts-gray-700);
    vertical-align: middle;
    transition: background 0.2s ease;
}

.ts-table tbody tr {
    transition: background 0.2s ease;
}

.ts-table tbody tr:hover {
    background: rgba(37,99,235,0.02);
}

.ts-table tbody tr:last-child td {
    border-bottom: none;
}

/* Compare Table */
.ts-compare-table th:not(:first-child),
.ts-compare-table td:not(:first-child) {
    text-align: center;
    width: 30%;
}

.ts-compare-group {
    margin-bottom: var(--ts-space-8);
}

.ts-compare-group-title {
    font-size: var(--ts-text-base);
    padding: var(--ts-space-3) var(--ts-space-4);
    background: linear-gradient(135deg, var(--ts-primary-light), rgba(37,99,235,0.08));
    color: var(--ts-primary-dark);
    border-radius: var(--ts-radius-md) var(--ts-radius-md) 0 0;
    margin-bottom: 0;
    font-weight: 600;
}

/* Winner highlight with glow */
.ts-winner {
    background: var(--ts-success-bg) !important;
    position: relative;
}

.ts-winner::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px solid rgba(34,197,94,0.15);
    border-radius: 2px;
    pointer-events: none;
}

/* Check / Cross icons */
.ts-has,
.ts-check {
    color: var(--ts-success);
    font-weight: 700;
}

.ts-hasnt,
.ts-cross {
    color: var(--ts-gray-300);
    font-weight: 700;
}

/* Match Table */
.ts-match-table-wrapper {
    overflow-x: auto;
}

.ts-match-table td,
.ts-match-table th {
    width: 45%;
    vertical-align: top;
}

.ts-match-table .ts-match-vs,
.ts-match-table .ts-match-vs-cell {
    width: 10%;
    text-align: center;
    color: var(--ts-gray-400);
    font-weight: 600;
}

.ts-match-plan-name {
    font-weight: 600;
    margin-bottom: var(--ts-space-1);
}

.ts-match-plan-price {
    font-size: var(--ts-text-lg);
    font-weight: 700;
    color: var(--ts-gray-900);
}

.ts-match-plan-limit,
.ts-match-plan-commission {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-500);
    margin-top: var(--ts-space-1);
}

.ts-match-dim {
    opacity: 0.5;
}

.ts-match-repeat-badge {
    font-size: var(--ts-text-xs);
    color: var(--ts-warning);
    margin-left: var(--ts-space-1);
}

.ts-match-repeated {
    background: var(--ts-gray-50);
}

/* Compare Summary */
.ts-compare-summary {
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37,99,235,0.02));
    border-radius: var(--ts-radius-md);
    padding: var(--ts-space-4);
    margin-top: var(--ts-space-6);
    border: 1px solid var(--ts-border-color);
}

.ts-compare-score-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: var(--ts-text-sm);
}

.ts-compare-winner {
    color: var(--ts-primary);
}

.ts-compare-tie {
    color: var(--ts-gray-400);
}

/* Compare Header */
.ts-compare-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--ts-space-4) var(--ts-space-6);
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37,99,235,0.02));
    border-radius: var(--ts-radius-md);
    margin-bottom: var(--ts-space-6);
    font-weight: 600;
    border: 1px solid var(--ts-border-color);
}

/* Responsive Table Wrapper */
.ts-table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-md);
}

.ts-table-responsive .ts-table {
    margin: 0;
    min-width: 600px;
}

@media (max-width: 768px) {
    .ts-table {
        font-size: var(--ts-text-xs);
    }

    .ts-table th,
    .ts-table td {
        padding: var(--ts-space-2) var(--ts-space-3);
    }
}
/**
 * Puan Cubugu Stilleri — Premium v3.0
 * Gradient fill, animated, hover tooltip
 */

.ts-score-bar {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
    margin-bottom: var(--ts-space-2);
}

.ts-score-label {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-600);
    min-width: 120px;
    flex-shrink: 0;
}

.ts-score-track {
    flex: 1;
    height: 8px;
    background: var(--ts-gray-200);
    border-radius: var(--ts-radius-full);
    overflow: hidden;
    position: relative;
}

.ts-score-fill {
    height: 100%;
    border-radius: var(--ts-radius-full);
    transition: width 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

/* Gradient fill — color by score level */
.ts-score-fill {
    background: linear-gradient(90deg, var(--ts-primary) 0%, #8b5cf6 100%);
}

.ts-score-fill.ts-score-high {
    background: linear-gradient(90deg, #22c55e 0%, #10b981 100%);
}

.ts-score-fill.ts-score-mid {
    background: linear-gradient(90deg, #f59e0b 0%, #eab308 100%);
}

.ts-score-fill.ts-score-low {
    background: linear-gradient(90deg, #ef4444 0%, #f97316 100%);
}

/* Animated shimmer on fill */
.ts-score-fill.ts-animated::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.3) 50%, transparent 100%);
    animation: shineSlide 1.5s ease forwards;
    animation-delay: 0.5s;
}

/* Scroll animasyonu: baslangicta width 0, JS ile data-width set edilir */
.ts-score-fill[data-width] {
    width: 0;
}

.ts-score-value {
    font-size: var(--ts-text-sm);
    font-weight: 700;
    color: var(--ts-gray-800);
    min-width: 36px;
    text-align: right;
}

/* Score Card */
.ts-score-card {
    display: flex;
    gap: var(--ts-space-8);
    align-items: flex-start;
}

.ts-score-overall {
    flex-shrink: 0;
    text-align: center;
}

.ts-score-criteria {
    flex: 1;
}

.ts-criteria-row {
    margin-bottom: var(--ts-space-3);
}

.ts-criteria-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--ts-space-1);
}

.ts-criteria-label {
    font-size: var(--ts-text-sm);
    font-weight: 500;
    color: var(--ts-gray-700);
}

.ts-criteria-weight {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
}

.ts-score-note {
    margin-top: var(--ts-space-4);
    color: var(--ts-gray-400);
    font-size: var(--ts-text-xs);
}

/* VS Score Compare */
.ts-score-overall-compare .ts-score-circle {
    margin: 0 auto var(--ts-space-3);
}

.ts-score-winner {
    border-color: var(--ts-success);
    background: var(--ts-success-bg);
    box-shadow: 0 0 15px rgba(34,197,94,0.15);
}

.ts-score-winner .ts-score-big {
    background: linear-gradient(135deg, #22c55e, #10b981);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ts-score-criteria-compare {
    margin-top: var(--ts-space-8);
}

.ts-criteria-compare-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: var(--ts-space-4);
    align-items: center;
    margin-bottom: var(--ts-space-4);
    padding: var(--ts-space-2) 0;
    border-bottom: 1px solid var(--ts-gray-100);
    transition: background 0.2s ease;
}

.ts-criteria-compare-row:hover {
    background: rgba(37,99,235,0.02);
}

.ts-criteria-center {
    text-align: center;
    min-width: 140px;
}

.ts-criteria-left {
    direction: rtl;
}

.ts-criteria-left .ts-score-bar {
    direction: ltr;
}

.ts-score-verdict,
.ts-price-verdict {
    text-align: center;
    padding: var(--ts-space-4);
    background: var(--ts-info-bg);
    border-radius: var(--ts-radius-md);
    margin-top: var(--ts-space-6);
    font-size: var(--ts-text-sm);
    border: 1px solid rgba(37,99,235,0.1);
}

.ts-verdict-tie {
    color: var(--ts-gray-600);
}

@media (max-width: 768px) {
    .ts-score-card {
        flex-direction: column;
        align-items: center;
    }

    .ts-criteria-compare-row {
        grid-template-columns: 1fr;
        gap: var(--ts-space-2);
    }

    .ts-criteria-center {
        order: -1;
    }
}
/**
 * Fiyatlandirma Stilleri — Premium v3.0
 * Gradient shadows, animated border, toggle morph
 */

.ts-pricing-badges {
    display: flex;
    gap: var(--ts-space-2);
    margin-bottom: var(--ts-space-6);
}

.ts-pricing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--ts-space-6);
}

/* ══════════════════════════════════════
   PLAN KARTI
   ══════════════════════════════════════ */

.ts-plan-card {
    background: #fff;
    border: 2px solid var(--ts-border-color);
    border-radius: var(--ts-radius-lg);
    padding: var(--ts-space-6);
    text-align: center;
    position: relative;
    transition: all 0.35s var(--ts-ease-out);
}

.ts-plan-card:hover {
    border-color: rgba(37,99,235,0.2);
    box-shadow: var(--ts-shadow-card-hover);
    transform: translateY(-4px);
}

/* Populer plan — gradient border + glow */
.ts-plan-popular {
    border-color: var(--ts-primary);
    box-shadow: var(--ts-shadow-glow-sm);
}

.ts-plan-popular:hover {
    box-shadow: var(--ts-shadow-glow);
}

/* Animated gradient top accent for popular */
.ts-plan-popular::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    height: 4px;
    background: var(--ts-gradient-primary);
    border-radius: var(--ts-radius-lg) var(--ts-radius-lg) 0 0;
}

.ts-plan-ribbon {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--ts-gradient-primary);
    color: #fff;
    font-size: var(--ts-text-xs);
    font-weight: 700;
    padding: var(--ts-space-1) var(--ts-space-4);
    border-radius: 0 0 var(--ts-radius-md) var(--ts-radius-md);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: var(--ts-shadow-colored);
}

.ts-plan-header {
    margin-bottom: var(--ts-space-4);
}

.ts-plan-name {
    font-size: var(--ts-text-lg);
    font-weight: 600;
    margin-bottom: 0;
}

.ts-plan-price {
    margin-bottom: var(--ts-space-4);
}

.ts-plan-amount {
    font-size: var(--ts-text-3xl);
    font-weight: 700;
    color: var(--ts-gray-900);
    transition: color 0.2s ease;
}

.ts-plan-card:hover .ts-plan-amount {
    background: var(--ts-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ts-plan-free {
    color: var(--ts-success);
}

.ts-plan-period {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-500);
}

.ts-plan-annual {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-500);
    margin-bottom: var(--ts-space-4);
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-1);
}

.ts-discount-badge {
    display: inline-block;
    background: linear-gradient(135deg, rgba(34,197,94,0.1), rgba(16,185,129,0.1));
    color: #166534;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: var(--ts-radius-full);
    border: 1px solid rgba(34,197,94,0.2);
}

.ts-plan-details {
    text-align: left;
    border-top: 1px solid var(--ts-gray-100);
    padding-top: var(--ts-space-4);
    margin-bottom: var(--ts-space-4);
}

.ts-plan-detail {
    display: flex;
    justify-content: space-between;
    padding: var(--ts-space-2) 0;
    font-size: var(--ts-text-sm);
    transition: background 0.15s ease;
}

.ts-plan-detail:hover {
    background: rgba(37,99,235,0.02);
    margin: 0 calc(-1 * var(--ts-space-2));
    padding-left: var(--ts-space-2);
    padding-right: var(--ts-space-2);
    border-radius: var(--ts-radius-sm);
}

.ts-detail-label {
    color: var(--ts-gray-500);
}

.ts-detail-value {
    font-weight: 600;
    color: var(--ts-gray-800);
}

.ts-plan-note {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
    margin-top: var(--ts-space-2);
    font-style: italic;
}

.ts-plan-cta {
    margin-top: var(--ts-space-4);
}

/* ══════════════════════════════════════
   PRICE RANGE (VS)
   ══════════════════════════════════════ */

.ts-price-range {
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-3);
    margin-bottom: var(--ts-space-4);
}

.ts-price-item {
    display: flex;
    justify-content: space-between;
    padding: var(--ts-space-2) 0;
    border-bottom: 1px solid var(--ts-gray-100);
    font-size: var(--ts-text-sm);
}

.ts-price-label {
    color: var(--ts-gray-500);
}

.ts-price-value {
    font-weight: 600;
}

.ts-price-pp {
    margin-top: var(--ts-space-4);
}

/* ══════════════════════════════════════
   MONTHLY / ANNUAL TOGGLE
   ══════════════════════════════════════ */

.ts-pricing-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--ts-space-3);
    margin-bottom: var(--ts-space-6);
}

.ts-pricing-toggle-label {
    font-size: var(--ts-text-sm);
    font-weight: 500;
    color: var(--ts-gray-500);
    cursor: pointer;
    transition: color 0.2s ease;
}

.ts-pricing-toggle-label.ts-active {
    color: var(--ts-gray-900);
    font-weight: 600;
}

.ts-pricing-toggle-switch {
    position: relative;
    width: 48px;
    height: 26px;
    background: var(--ts-gray-300);
    border-radius: var(--ts-radius-full);
    cursor: pointer;
    transition: background 0.3s var(--ts-ease-out);
    border: none;
    padding: 0;
}

.ts-pricing-toggle-switch::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.3s var(--ts-ease-spring);
    box-shadow: var(--ts-shadow-sm);
}

.ts-pricing-toggle-switch.ts-active {
    background: var(--ts-gradient-primary);
    background-size: 150% 100%;
}

.ts-pricing-toggle-switch.ts-active::after {
    transform: translateX(22px);
}

.ts-plan-annual-price {
    display: none;
}

.ts-pricing-annual .ts-plan-monthly-price { display: none; }
.ts-pricing-annual .ts-plan-annual-price { display: block; }
/**
 * Ozellik & Entegrasyon — Premium v3.0
 */

/* ── Feature Table ── */
.ts-features-table {
    margin-bottom: var(--ts-space-6);
}

.ts-feature-group {
    margin-bottom: var(--ts-space-6);
}

.ts-feature-group-title {
    font-size: var(--ts-text-base);
    font-weight: 700;
    padding: var(--ts-space-3) var(--ts-space-4);
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37, 99, 235, 0.03));
    border: 1px solid var(--ts-border-color);
    border-bottom: none;
    border-radius: var(--ts-radius-md) var(--ts-radius-md) 0 0;
    margin-bottom: 0;
}

.ts-feature-row {
    transition: background 0.2s ease;
}

.ts-feature-row:hover {
    background: rgba(37, 99, 235, 0.02);
}

.ts-feature-name {
    font-weight: 500;
}

.ts-feature-status {
    text-align: center;
    width: 80px;
}

.ts-feature-plan {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-500);
}

.ts-feature-note {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
}

.ts-feature-icon {
    font-size: var(--ts-text-base);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.ts-feature-icon-yes {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.1), rgba(16, 185, 129, 0.08));
    color: #16a34a;
}

.ts-feature-icon-no {
    background: rgba(239, 68, 68, 0.08);
    color: #dc2626;
}

.ts-feature-icon-partial {
    background: rgba(245, 158, 11, 0.08);
    color: #d97706;
}

/* Feature Legend */
.ts-feature-legend {
    display: flex;
    gap: var(--ts-space-6);
    padding: var(--ts-space-4);
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37, 99, 235, 0.02));
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-md);
    margin-top: var(--ts-space-4);
    font-size: var(--ts-text-sm);
}

.ts-feature-legend span {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
}

/* ── Entegrasyonlar Premium ── */
.ts-integrations {
    margin-bottom: var(--ts-space-6);
}

.ts-integration-count {
    margin-bottom: var(--ts-space-6);
    font-size: var(--ts-text-lg);
    color: var(--ts-gray-600);
}

.ts-integration-count strong {
    font-size: var(--ts-text-2xl);
    font-weight: 800;
    background: var(--ts-gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.ts-integration-group {
    margin-bottom: var(--ts-space-6);
}

.ts-integration-category {
    font-size: var(--ts-text-sm);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ts-gray-500);
    margin-bottom: var(--ts-space-3);
    padding-bottom: var(--ts-space-2);
    border-bottom: 1px solid var(--ts-border-color);
}

.ts-integration-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: var(--ts-space-2);
}

.ts-integration-item {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
    padding: var(--ts-space-2) var(--ts-space-3);
    background: var(--ts-gray-50);
    border: 1px solid transparent;
    border-radius: var(--ts-radius-md);
    font-size: var(--ts-text-sm);
    transition: all 0.25s var(--ts-ease-smooth);
}

.ts-integration-item:hover {
    background: rgba(37, 99, 235, 0.03);
    border-color: rgba(37, 99, 235, 0.1);
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.06);
}

.ts-integration-name {
    flex: 1;
    font-weight: 500;
}

.ts-integration-level {
    font-size: var(--ts-text-xs);
    padding: 2px 8px;
    border-radius: var(--ts-radius-full);
    font-weight: 600;
    transition: all 0.2s ease;
}

.ts-integration-level.level-native      { background: linear-gradient(135deg, rgba(22,163,74,0.1), rgba(16,185,129,0.08)); color: #166534; }
.ts-integration-level.level-official    { background: linear-gradient(135deg, rgba(37,99,235,0.1), rgba(59,130,246,0.08)); color: #1e40af; }
.ts-integration-level.level-api         { background: linear-gradient(135deg, rgba(245,158,11,0.1), rgba(251,191,36,0.08)); color: #92400e; }
.ts-integration-level.level-third_party { background: var(--ts-gray-100); color: var(--ts-gray-600); }

.ts-integration-note {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
}

/* ── Dark Mode ── */
.ts-dark .ts-feature-group-title {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.6), rgba(37, 99, 235, 0.06));
    border-color: #334155;
}

.ts-dark .ts-feature-row:hover {
    background: rgba(37, 99, 235, 0.04);
}

.ts-dark .ts-feature-legend {
    background: rgba(30, 41, 59, 0.4);
    border-color: #334155;
}

.ts-dark .ts-integration-item {
    background: rgba(30, 41, 59, 0.4);
}

.ts-dark .ts-integration-item:hover {
    background: rgba(37, 99, 235, 0.08);
    border-color: rgba(37, 99, 235, 0.2);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .ts-feature-legend {
        flex-wrap: wrap;
        gap: var(--ts-space-3);
    }

    .ts-integration-list {
        grid-template-columns: 1fr;
    }
}
/**
 * Artilar & Eksiler — Premium v3.0
 */

.ts-pros-cons {
    margin-bottom: var(--ts-space-8);
}

.ts-pros-cons-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--ts-space-6);
}

.ts-pros-title {
    color: #166534;
    font-size: var(--ts-text-base);
    margin-bottom: var(--ts-space-4);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
}

.ts-cons-title {
    color: var(--ts-danger);
    font-size: var(--ts-text-base);
    margin-bottom: var(--ts-space-4);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
}

.ts-pros-list,
.ts-cons-list {
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-3);
}

.ts-pros-list li,
.ts-cons-list li {
    display: flex;
    gap: var(--ts-space-3);
    padding: var(--ts-space-3) var(--ts-space-4);
    border-radius: var(--ts-radius-md);
    font-size: var(--ts-text-sm);
    line-height: var(--ts-line-relaxed);
    transition: all 0.25s var(--ts-ease-smooth);
}

.ts-pros-list li {
    background: var(--ts-success-bg);
    border: 1px solid transparent;
}

.ts-pros-list li:hover {
    background: rgba(22, 163, 74, 0.1);
    border-color: rgba(22, 163, 74, 0.15);
    box-shadow: 0 2px 8px rgba(22, 163, 74, 0.08);
}

.ts-cons-list li {
    background: var(--ts-danger-bg);
    border: 1px solid transparent;
}

.ts-cons-list li:hover {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.15);
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.08);
}

.ts-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: var(--ts-text-xs);
    font-weight: 700;
}

.ts-icon-pro {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #fff;
    box-shadow: 0 1px 4px rgba(22, 163, 74, 0.2);
}

.ts-icon-con {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #fff;
    box-shadow: 0 1px 4px rgba(239, 68, 68, 0.2);
}

/* ── Dark Mode ── */
.ts-dark .ts-pros-list li {
    background: rgba(22, 163, 74, 0.1);
}

.ts-dark .ts-pros-list li:hover {
    background: rgba(22, 163, 74, 0.15);
    border-color: rgba(22, 163, 74, 0.25);
}

.ts-dark .ts-cons-list li {
    background: rgba(239, 68, 68, 0.1);
}

.ts-dark .ts-cons-list li:hover {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.25);
}

.ts-dark .ts-pros-title { color: #86efac; }
.ts-dark .ts-cons-title { color: #fca5a5; }

@media (max-width: 768px) {
    .ts-pros-cons-grid {
        grid-template-columns: 1fr;
    }
}
/**
 * FAQ Accordion — Premium v3.0
 */

.ts-faq {
    max-width: 800px;
    margin: 0 auto;
}

.ts-faq-item {
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-lg);
    margin-bottom: var(--ts-space-2);
    overflow: hidden;
    transition: all 0.3s var(--ts-ease-smooth);
}

.ts-faq-item:hover {
    border-color: rgba(37, 99, 235, 0.15);
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.04);
}

.ts-faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: var(--ts-space-4) var(--ts-space-5);
    background: #fff;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: var(--ts-text-base);
    font-weight: 600;
    color: var(--ts-gray-800);
    transition: all 0.25s var(--ts-ease-smooth);
}

.ts-faq-question:hover {
    background: rgba(37, 99, 235, 0.02);
}

.ts-faq-question[aria-expanded="true"] {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.03), rgba(139, 92, 246, 0.02));
    color: var(--ts-primary);
}

.ts-faq-icon {
    flex-shrink: 0;
    transition: transform 0.35s var(--ts-ease-spring);
    color: var(--ts-gray-400);
}

.ts-faq-question[aria-expanded="true"] .ts-faq-icon {
    transform: rotate(180deg);
    color: var(--ts-primary);
}

.ts-faq-answer {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease-out;
}

.ts-faq-answer[hidden] {
    display: block;
    max-height: 0;
}

.ts-faq-answer.active {
    max-height: 2000px;
}

.ts-faq-answer-content {
    padding: 0 var(--ts-space-5) var(--ts-space-5);
    color: var(--ts-gray-600);
    font-size: var(--ts-text-sm);
    line-height: var(--ts-line-relaxed);
}

.ts-faq-answer-content p {
    margin-bottom: var(--ts-space-3);
}

/* ── Dark Mode ── */
.ts-dark .ts-faq-item {
    border-color: #334155;
}

.ts-dark .ts-faq-item:hover {
    border-color: rgba(37, 99, 235, 0.25);
}

.ts-dark .ts-faq-question {
    background: rgba(30, 41, 59, 0.4);
    color: var(--ts-gray-200);
}

.ts-dark .ts-faq-question:hover {
    background: rgba(37, 99, 235, 0.06);
}

.ts-dark .ts-faq-question[aria-expanded="true"] {
    background: rgba(37, 99, 235, 0.1);
}

.ts-dark .ts-faq-answer-content {
    color: var(--ts-gray-400);
}
/**
 * Rozet & Badge Stilleri — Premium v3.0
 */

/* ── Genel Badge ── */
.ts-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--ts-space-1);
    padding: 4px 12px;
    font-size: var(--ts-text-xs);
    font-weight: 600;
    border-radius: var(--ts-radius-full);
    line-height: 1;
    transition: all 0.25s var(--ts-ease-smooth);
}

.ts-badge-success { background: var(--ts-success-bg); color: #166534; }
.ts-badge-info    { background: var(--ts-info-bg); color: #1e40af; }
.ts-badge-warning { background: var(--ts-warning-bg); color: #92400e; }
.ts-badge-danger  { background: var(--ts-danger-bg); color: #991b1b; }

/* ── Tier Badge Premium ── */
.ts-tier-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    font-size: var(--ts-text-xs);
    font-weight: 600;
    border-radius: var(--ts-radius-full);
    line-height: 1;
    transition: all 0.25s var(--ts-ease-smooth);
}

.tier-1 { background: linear-gradient(135deg, #dcfce7, #bbf7d0); color: #166534; box-shadow: 0 1px 4px rgba(22,101,52,0.1); }
.tier-2 { background: linear-gradient(135deg, #dbeafe, #bfdbfe); color: #1e40af; box-shadow: 0 1px 4px rgba(30,64,175,0.1); }
.tier-3 { background: linear-gradient(135deg, #fef3c7, #fde68a); color: #92400e; box-shadow: 0 1px 4px rgba(146,64,14,0.1); }
.tier-4 { background: linear-gradient(135deg, #ede9fe, #ddd6fe); color: #5b21b6; box-shadow: 0 1px 4px rgba(91,33,182,0.1); }

/* ── Update Badge Premium ── */
.ts-update-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--ts-space-2);
    padding: var(--ts-space-2) var(--ts-space-4);
    border-radius: var(--ts-radius-md);
    font-size: var(--ts-text-sm);
    margin-bottom: var(--ts-space-6);
}

.badge-fresh { background: linear-gradient(135deg, rgba(22,163,74,0.08), rgba(16,185,129,0.06)); color: #166534; border: 1px solid rgba(22,163,74,0.15); }
.badge-stale { background: linear-gradient(135deg, rgba(245,158,11,0.08), rgba(251,191,36,0.06)); color: #92400e; border: 1px solid rgba(245,158,11,0.15); }
.badge-old   { background: linear-gradient(135deg, rgba(239,68,68,0.08), rgba(248,113,113,0.06)); color: #991b1b; border: 1px solid rgba(239,68,68,0.15); }

.badge-icon { font-size: var(--ts-text-base); }

/* ── VS Link Cards Premium ── */
.ts-popular-vs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: var(--ts-space-3);
}

.ts-vs-link-card {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
    padding: var(--ts-space-3) var(--ts-space-4);
    background: var(--ts-gray-50);
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-md);
    color: var(--ts-gray-700);
    font-size: var(--ts-text-sm);
    font-weight: 500;
    transition: all 0.3s var(--ts-ease-spring);
}

.ts-vs-link-card:hover {
    border-color: var(--ts-primary);
    background: rgba(37,99,235,0.04);
    color: var(--ts-primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37,99,235,0.1);
}

.ts-vs-link-logos { display: flex; align-items: center; gap: var(--ts-space-2); flex-shrink: 0; }
.ts-vs-link-logos img { border-radius: var(--ts-radius-sm); transition: transform 0.3s var(--ts-ease-spring); }
.ts-vs-link-card:hover .ts-vs-link-logos img { transform: scale(1.08); }
.ts-vs-separator { font-weight: 700; color: var(--ts-gray-400); font-size: var(--ts-text-xs); }

/* ── Target Audience Premium ── */
.ts-audience-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: var(--ts-space-4);
}

.ts-audience-card {
    background: var(--ts-gray-50);
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-lg);
    padding: var(--ts-space-5);
    text-align: center;
    transition: all 0.3s var(--ts-ease-spring);
}

.ts-audience-card:hover {
    border-color: rgba(37,99,235,0.2);
    background: rgba(37,99,235,0.03);
    transform: translateY(-3px);
    box-shadow: var(--ts-shadow-md);
}

.ts-audience-icon { font-size: 2rem; display: block; margin-bottom: var(--ts-space-3); transition: transform 0.3s var(--ts-ease-spring); }
.ts-audience-card:hover .ts-audience-icon { transform: scale(1.15); }
.ts-audience-label { font-size: var(--ts-text-sm); font-weight: 600; margin-bottom: var(--ts-space-1); }
.ts-audience-desc { font-size: var(--ts-text-xs); color: var(--ts-gray-500); }

/* ── Dark Mode ── */
.ts-dark .ts-vs-link-card { background: rgba(30,41,59,0.5); border-color: #334155; color: #cbd5e1; }
.ts-dark .ts-vs-link-card:hover { background: rgba(37,99,235,0.1); border-color: var(--ts-primary); }
.ts-dark .ts-audience-card { background: rgba(30,41,59,0.4); border-color: #334155; }
.ts-dark .ts-audience-card:hover { background: rgba(37,99,235,0.08); border-color: rgba(37,99,235,0.3); }
.ts-dark .tier-1 { background: linear-gradient(135deg, rgba(22,163,74,0.2), rgba(16,185,129,0.15)); }
.ts-dark .tier-2 { background: linear-gradient(135deg, rgba(37,99,235,0.2), rgba(59,130,246,0.15)); }
.ts-dark .tier-3 { background: linear-gradient(135deg, rgba(245,158,11,0.2), rgba(251,191,36,0.15)); }
.ts-dark .tier-4 { background: linear-gradient(135deg, rgba(139,92,246,0.2), rgba(167,139,250,0.15)); }
/**
 * Sihirbaz (Wizard) Stilleri — Premium v3.0
 * Gradient progress, slide transitions, animated checkmark
 */

/* ══════════════════════════════════════
   PROGRESS BAR
   ══════════════════════════════════════ */

.ts-wizard-progress {
    margin-bottom: var(--ts-space-8);
}

.ts-wizard-progress-bar {
    height: 6px;
    background: var(--ts-gray-200);
    border-radius: var(--ts-radius-full);
    overflow: hidden;
    margin-bottom: var(--ts-space-3);
    position: relative;
}

.ts-wizard-progress-fill {
    height: 100%;
    background: var(--ts-gradient-primary);
    background-size: 200% 100%;
    border-radius: var(--ts-radius-full);
    transition: width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

/* Animated stripes on progress */
.ts-wizard-progress-fill::after {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 6px,
        rgba(255,255,255,0.1) 6px,
        rgba(255,255,255,0.1) 12px
    );
    animation: progressStripe 1s linear infinite;
}

.ts-wizard-progress-text {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-500);
    text-align: center;
}

/* ══════════════════════════════════════
   STEP CONTAINER
   ══════════════════════════════════════ */

.ts-wizard-step-container {
    min-height: 300px;
    position: relative;
    overflow: hidden;
}

/* Step slide transition */
.ts-wizard-step {
    transition: transform 0.4s var(--ts-ease-out), opacity 0.3s ease;
}

.ts-wizard-step.ts-step-exit {
    transform: translateX(-30px);
    opacity: 0;
}

.ts-wizard-step.ts-step-enter {
    transform: translateX(30px);
    opacity: 0;
}

.ts-wizard-step.ts-step-active {
    transform: translateX(0);
    opacity: 1;
}

.ts-wizard-question {
    font-size: var(--ts-text-2xl);
    font-weight: 700;
    text-align: center;
    margin-bottom: var(--ts-space-8);
    color: var(--ts-gray-900);
}

/* ══════════════════════════════════════
   OPTIONS
   ══════════════════════════════════════ */

.ts-wizard-options {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--ts-space-4);
    max-width: 800px;
    margin: 0 auto;
}

.ts-wizard-option {
    background: #fff;
    border: 2px solid var(--ts-border-color);
    border-radius: var(--ts-radius-lg);
    padding: var(--ts-space-6);
    text-align: center;
    cursor: pointer;
    transition: all 0.3s var(--ts-ease-out);
    position: relative;
    overflow: hidden;
}

.ts-wizard-option:hover {
    border-color: var(--ts-primary);
    box-shadow: var(--ts-shadow-md);
    transform: translateY(-2px);
}

/* Selected state with gradient border */
.ts-wizard-option.selected {
    border-color: var(--ts-primary);
    background: var(--ts-primary-50);
    box-shadow: var(--ts-shadow-glow-sm);
}

/* Animated checkmark on selected */
.ts-wizard-option.selected::after {
    content: '\2713';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    background: var(--ts-gradient-primary);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    animation: scaleIn 0.3s var(--ts-ease-spring);
}

.ts-wizard-option-icon {
    font-size: 2rem;
    margin-bottom: var(--ts-space-3);
    display: block;
    transition: transform 0.3s var(--ts-ease-spring);
}

.ts-wizard-option:hover .ts-wizard-option-icon {
    transform: scale(1.15);
}

.ts-wizard-option-label {
    font-size: var(--ts-text-base);
    font-weight: 600;
    color: var(--ts-gray-800);
}

/* ══════════════════════════════════════
   NAVIGATION
   ══════════════════════════════════════ */

.ts-wizard-nav {
    display: flex;
    justify-content: center;
    gap: var(--ts-space-4);
    margin-top: var(--ts-space-8);
}

/* ══════════════════════════════════════
   RESULTS
   ══════════════════════════════════════ */

.ts-wizard-results {
    margin-top: var(--ts-space-8);
}

.ts-wizard-results-header {
    text-align: center;
    margin-bottom: var(--ts-space-8);
}

.ts-wizard-results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--ts-space-6);
}

.ts-wizard-result-card {
    background: #fff;
    border: 2px solid var(--ts-border-color);
    border-radius: var(--ts-radius-lg);
    padding: var(--ts-space-6);
    position: relative;
    transition: all 0.3s var(--ts-ease-out);
}

.ts-wizard-result-card:hover {
    box-shadow: var(--ts-shadow-card-hover);
    transform: translateY(-2px);
}

/* Staggered reveal animation for results */
.ts-wizard-result-card:nth-child(1) { animation-delay: 0ms; }
.ts-wizard-result-card:nth-child(2) { animation-delay: 150ms; }
.ts-wizard-result-card:nth-child(3) { animation-delay: 300ms; }
.ts-wizard-result-card:nth-child(4) { animation-delay: 450ms; }

.ts-wizard-result-card.ts-recommended {
    border-color: var(--ts-primary);
    box-shadow: var(--ts-shadow-glow-sm);
}

.ts-wizard-recommend-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--ts-gradient-primary);
    color: #fff;
    font-size: var(--ts-text-xs);
    font-weight: 700;
    padding: 4px 16px;
    border-radius: var(--ts-radius-full);
    white-space: nowrap;
    box-shadow: var(--ts-shadow-colored);
}

.ts-wizard-match {
    margin-top: var(--ts-space-4);
    text-align: center;
}

.ts-wizard-match-score {
    font-size: var(--ts-text-3xl);
    font-weight: 700;
    background: var(--ts-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ts-wizard-match-label {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-500);
}

/* ══════════════════════════════════════
   LEAD FORM
   ══════════════════════════════════════ */

.ts-wizard-lead {
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37,99,235,0.03));
    border-radius: var(--ts-radius-lg);
    padding: var(--ts-space-8);
    margin-top: var(--ts-space-8);
    text-align: center;
    border: 1px solid var(--ts-border-color);
}

.ts-wizard-lead h3 {
    margin-bottom: var(--ts-space-2);
}

.ts-wizard-lead p {
    color: var(--ts-gray-500);
    margin-bottom: var(--ts-space-6);
}

.ts-wizard-lead-form {
    display: flex;
    gap: var(--ts-space-3);
    max-width: 500px;
    margin: 0 auto;
}

.ts-wizard-lead-form input {
    flex: 1;
    padding: var(--ts-space-3) var(--ts-space-4);
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-md);
    font-size: var(--ts-text-sm);
}

/* ══════════════════════════════════════
   STEP DOTS — Premium indicator
   ══════════════════════════════════════ */

.ts-wizard-dots {
    display: flex;
    justify-content: center;
    gap: var(--ts-space-2);
    margin-bottom: var(--ts-space-6);
}

.ts-wizard-dot {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid var(--ts-gray-200);
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s var(--ts-ease-spring);
    position: relative;
    padding: 0;
    min-height: auto;
    min-width: auto;
}

.ts-wizard-dot:hover {
    border-color: var(--ts-primary);
    transform: scale(1.1);
}

.ts-wizard-dot-inner {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--ts-gray-200);
    transition: all 0.3s var(--ts-ease-spring);
}

.ts-wizard-dot-active {
    border-color: var(--ts-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.ts-wizard-dot-active .ts-wizard-dot-inner {
    background: var(--ts-gradient-primary);
    width: 12px;
    height: 12px;
    box-shadow: 0 0 8px rgba(37, 99, 235, 0.4);
}

.ts-wizard-dot-completed {
    border-color: var(--ts-success);
    background: var(--ts-success);
}

.ts-wizard-dot-completed .ts-wizard-dot-inner {
    background: #fff;
    width: 8px;
    height: 8px;
}

/* Connecting line between dots */
.ts-wizard-dot:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: var(--ts-space-2);
    height: 2px;
    background: var(--ts-gray-200);
    pointer-events: none;
}

.ts-wizard-dot-completed:not(:last-child)::after {
    background: var(--ts-success);
}

/* ══════════════════════════════════════
   SKELETON LOADING
   ══════════════════════════════════════ */

.ts-wizard-skeleton {
    background: var(--ts-gray-100);
    border-radius: var(--ts-radius-md);
    animation: glowPulse 1.5s ease-in-out infinite;
}

.ts-skeleton-container {
    padding: var(--ts-space-6);
}

/* ══════════════════════════════════════
   DARK MODE
   ══════════════════════════════════════ */

.ts-dark .ts-wizard-option {
    background: rgba(30, 41, 59, 0.5);
    border-color: #334155;
}

.ts-dark .ts-wizard-option:hover {
    border-color: var(--ts-primary);
}

.ts-dark .ts-wizard-option.selected {
    background: rgba(37, 99, 235, 0.1);
    border-color: var(--ts-primary);
}

.ts-dark .ts-wizard-question {
    color: var(--ts-gray-100);
}

.ts-dark .ts-wizard-dot {
    background: rgba(30, 41, 59, 0.6);
    border-color: #334155;
}

.ts-dark .ts-wizard-dot-active {
    border-color: var(--ts-primary);
}

.ts-dark .ts-wizard-dot-inner {
    background: #475569;
}

.ts-dark .ts-wizard-result-card {
    background: rgba(30, 41, 59, 0.5);
    border-color: #334155;
}

.ts-dark .ts-wizard-lead {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.6), rgba(37, 99, 235, 0.06));
    border-color: #334155;
}

/* ══════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════ */

@media (max-width: 768px) {
    .ts-wizard-options {
        grid-template-columns: 1fr 1fr;
    }

    .ts-wizard-lead-form {
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .ts-wizard-options {
        grid-template-columns: 1fr;
    }
}
/**
 * TurkSoft Grid (Kadran Grafik) Stilleri — Premium v3.0
 * Gradient quadrants, glow dots, glass tooltip
 */

/* ══════════════════════════════════════
   GRID CONTAINER
   ══════════════════════════════════════ */

.ts-grid-container {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    max-width: 650px;
    margin: 0 auto;
    border: 2px solid var(--ts-gray-300);
    border-radius: var(--ts-radius-lg);
    overflow: hidden;
    box-shadow: var(--ts-shadow-sm);
}

.ts-grid-container-lg {
    max-width: 700px;
}

.ts-grid-container-sm {
    max-width: 400px;
}

/* ══════════════════════════════════════
   QUADRANTS — Gradient backgrounds
   ══════════════════════════════════════ */

.ts-grid-quadrants {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    width: 100%;
    height: 100%;
}

.ts-quadrant {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--ts-space-4);
    transition: background 0.3s ease;
}

.ts-quadrant-rising    { background: linear-gradient(135deg, rgba(59,130,246,0.10), rgba(59,130,246,0.04)); }
.ts-quadrant-leader    { background: linear-gradient(135deg, rgba(34,197,94,0.10), rgba(34,197,94,0.04)); }
.ts-quadrant-niche     { background: linear-gradient(135deg, rgba(139,92,246,0.10), rgba(139,92,246,0.04)); }
.ts-quadrant-contender { background: linear-gradient(135deg, rgba(245,158,11,0.10), rgba(245,158,11,0.04)); }

.ts-quadrant-label {
    font-size: var(--ts-text-sm);
    font-weight: 700;
    color: var(--ts-gray-400);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.ts-quadrant-desc {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
    text-align: center;
    margin-top: var(--ts-space-1);
}

/* ══════════════════════════════════════
   AXES
   ══════════════════════════════════════ */

.ts-grid-axis {
    position: absolute;
    z-index: 2;
}

.ts-grid-x-axis {
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.ts-grid-y-axis {
    left: 4px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    white-space: nowrap;
}

.ts-axis-label {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
    font-weight: 600;
}

.ts-axis-start,
.ts-axis-end {
    font-size: 10px;
    color: var(--ts-gray-300);
}

/* ══════════════════════════════════════
   DOTS (JS ile olusturulur)
   ══════════════════════════════════════ */

.ts-grid-dots {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    pointer-events: none;
}

.ts-grid-dot {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: var(--ts-shadow-md);
    overflow: hidden;
    cursor: pointer;
    pointer-events: auto;
    transition: all 0.3s var(--ts-ease-spring);
    transform: translate(-50%, -50%);
}

/* Glow on hover */
.ts-grid-dot:hover {
    transform: translate(-50%, -50%) scale(1.3);
    z-index: 10;
    box-shadow: var(--ts-shadow-md), 0 0 15px rgba(37,99,235,0.3);
}

.ts-grid-dot img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ts-grid-dot-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
}

/* Dot label (initials inside dot) */
.ts-dot-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}

/* Dot name (shown on hover) */
.ts-dot-name {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font-size: 11px;
    font-weight: 600;
    color: var(--ts-gray-800);
    background: rgba(255,255,255,0.95);
    padding: 2px 8px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

.ts-grid-dot:hover .ts-dot-name {
    opacity: 1;
}

/* rising_star alias for rising */
.ts-grid-dot.quadrant-rising-star { background: #3b82f6; }

/* Kadran renkleri dot'lar icin */
.ts-grid-dot.quadrant-leader    { background: #22c55e; }
.ts-grid-dot.quadrant-rising    { background: #3b82f6; }
.ts-grid-dot.quadrant-contender { background: #f59e0b; }
.ts-grid-dot.quadrant-niche     { background: #8b5cf6; }

/* Highlight dot (single grid) — pulsating glow */
.ts-grid-dot.ts-dot-highlight {
    width: 48px;
    height: 48px;
    border: 3px solid var(--ts-primary);
    box-shadow: 0 0 0 4px rgba(37,99,235,0.2);
    z-index: 8;
    animation: glowPulse 2s ease-in-out infinite;
}

.ts-grid-dot.ts-dot-other {
    opacity: 0.4;
    width: 28px;
    height: 28px;
    transition: opacity 0.3s ease;
}

.ts-grid-dot.ts-dot-other:hover {
    opacity: 1;
}

/* ══════════════════════════════════════
   TOOLTIP — Glass morphism
   ══════════════════════════════════════ */

.ts-grid-tooltip {
    position: absolute;
    background: var(--ts-glass-bg-heavy);
    backdrop-filter: blur(var(--ts-blur-md));
    -webkit-backdrop-filter: blur(var(--ts-blur-md));
    color: #fff;
    padding: var(--ts-space-3) var(--ts-space-4);
    border-radius: var(--ts-radius-md);
    font-size: var(--ts-text-sm);
    z-index: 20;
    pointer-events: none;
    box-shadow: var(--ts-shadow-xl);
    border: 1px solid var(--ts-glass-border);
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
    animation: scaleIn 0.15s ease;
}

.ts-tooltip-logo img {
    width: 32px;
    height: 32px;
    border-radius: var(--ts-radius-sm);
}

.ts-tooltip-name {
    font-weight: 600;
    font-size: var(--ts-text-sm);
    margin-bottom: 2px;
}

.ts-tooltip-score,
.ts-tooltip-price {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
}

/* ══════════════════════════════════════
   LEGEND & LINKS
   ══════════════════════════════════════ */

.ts-grid-link {
    text-align: center;
    margin-top: var(--ts-space-4);
}

.ts-grid-single-info {
    text-align: center;
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-600);
    margin-top: var(--ts-space-4);
}

.ts-grid-legend {
    margin-top: var(--ts-space-8);
    padding: var(--ts-space-6);
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37,99,235,0.02));
    border-radius: var(--ts-radius-lg);
    border: 1px solid var(--ts-border-color);
}

.ts-grid-legend h3 {
    font-size: var(--ts-text-base);
    margin-bottom: var(--ts-space-4);
}

.ts-legend-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--ts-space-3);
    margin-bottom: var(--ts-space-4);
}

.ts-legend-item {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
    font-size: var(--ts-text-sm);
    padding: var(--ts-space-2);
    border-radius: var(--ts-radius-md);
    transition: background 0.2s ease;
    cursor: default;
}

.ts-legend-item:hover {
    background: rgba(37,99,235,0.04);
}

.ts-legend-color {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 6px rgba(0,0,0,0.1);
}

.ts-legend-note {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-500);
}

/* ══════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════ */

@media (max-width: 768px) {
    .ts-grid-container-lg {
        max-width: 100%;
    }

    .ts-grid-dot {
        width: 28px;
        height: 28px;
    }

    .ts-grid-dot.ts-dot-highlight {
        width: 40px;
        height: 40px;
    }
}
/**
 * TCO (Toplam Sahip Olma Maliyeti) — Premium v3.0
 */

/* ── TCO Form Premium ── */
.ts-tco-calculator {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.6);
    border-radius: var(--ts-radius-xl);
    padding: var(--ts-space-6);
}

.ts-tco-form {
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-4);
    margin-bottom: var(--ts-space-6);
}

.ts-tco-row {
    display: flex;
    align-items: center;
    gap: var(--ts-space-4);
}

.ts-tco-row label {
    font-size: var(--ts-text-sm);
    font-weight: 500;
    color: var(--ts-gray-700);
    min-width: 150px;
    flex-shrink: 0;
}

.ts-tco-row select,
.ts-tco-row input[type="number"] {
    flex: 1;
    padding: var(--ts-space-2) var(--ts-space-3);
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-md);
    font-size: var(--ts-text-sm);
    background: rgba(255, 255, 255, 0.8);
    transition: all 0.3s var(--ts-ease-smooth);
}

.ts-tco-row select:focus,
.ts-tco-row input:focus {
    outline: none;
    border-color: var(--ts-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1), 0 0 12px rgba(37, 99, 235, 0.06);
    background: #fff;
}

/* ── TCO Result Premium ── */
.ts-tco-result,
.ts-tco-result-compare {
    background: var(--ts-gray-50);
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-lg);
    padding: var(--ts-space-5);
    margin-top: var(--ts-space-4);
    position: relative;
    overflow: hidden;
}

.ts-tco-result::before,
.ts-tco-result-compare::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--ts-gradient-primary);
}

.ts-tco-result h4 {
    font-size: var(--ts-text-base);
    margin-bottom: var(--ts-space-4);
    font-weight: 700;
}

.ts-tco-breakdown {
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-2);
}

.ts-tco-line {
    display: flex;
    justify-content: space-between;
    padding: var(--ts-space-2) 0;
    border-bottom: 1px solid var(--ts-gray-100);
    font-size: var(--ts-text-sm);
    transition: background 0.2s ease;
}

.ts-tco-line:hover {
    background: rgba(37, 99, 235, 0.02);
}

.ts-tco-line:last-child {
    border-bottom: none;
}

.ts-tco-total {
    font-weight: 700;
    font-size: var(--ts-text-lg);
    background: var(--ts-gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    border-top: 2px solid var(--ts-gray-300);
    padding-top: var(--ts-space-3);
    margin-top: var(--ts-space-2);
}

.ts-tco-annual {
    text-align: center;
    margin-top: var(--ts-space-4);
    padding: var(--ts-space-3);
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.04), rgba(139, 92, 246, 0.03));
    border-radius: var(--ts-radius-md);
    font-size: var(--ts-text-sm);
    border: 1px solid rgba(37, 99, 235, 0.08);
}

/* TCO Common Params */
.ts-tco-common-params {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.04), rgba(139, 92, 246, 0.03));
    border: 1px solid rgba(37, 99, 235, 0.08);
    border-radius: var(--ts-radius-md);
    padding: var(--ts-space-4);
    margin-bottom: var(--ts-space-6);
}

.ts-tco-actions {
    text-align: center;
    margin: var(--ts-space-6) 0;
}

/* TCO Diff */
.ts-tco-diff {
    text-align: center;
    padding: var(--ts-space-4);
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.06), rgba(16, 185, 129, 0.04));
    border: 1px solid rgba(22, 163, 74, 0.12);
    border-radius: var(--ts-radius-md);
    margin-top: var(--ts-space-4);
}

.ts-tco-diff-text {
    font-size: var(--ts-text-sm);
    font-weight: 600;
}

/* Notes & Disclaimer */
.ts-tco-note {
    margin-top: var(--ts-space-4);
    color: var(--ts-gray-500);
    font-size: var(--ts-text-xs);
}

.ts-tco-warning,
.ts-tco-disclaimer {
    margin-top: var(--ts-space-4);
    padding: var(--ts-space-3) var(--ts-space-4);
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.06), rgba(251, 191, 36, 0.04));
    border: 1px solid rgba(245, 158, 11, 0.12);
    border-radius: var(--ts-radius-md);
    text-align: center;
    font-size: var(--ts-text-sm);
    color: #92400e;
}

/* ── Dark Mode ── */
.ts-dark .ts-tco-calculator {
    background: rgba(30, 41, 59, 0.6);
    border-color: #334155;
}

.ts-dark .ts-tco-row select,
.ts-dark .ts-tco-row input {
    background: rgba(30, 41, 59, 0.6);
    border-color: #334155;
    color: #e2e8f0;
}

.ts-dark .ts-tco-row select option {
    background: #1e293b;
    color: #e2e8f0;
}

.ts-dark .ts-tco-result,
.ts-dark .ts-tco-result-compare {
    background: rgba(30, 41, 59, 0.4);
    border-color: #334155;
}

.ts-dark .ts-tco-line {
    border-bottom-color: #334155;
}

.ts-dark .ts-tco-warning,
.ts-dark .ts-tco-disclaimer {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.2);
    color: #fcd34d;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .ts-tco-row {
        flex-direction: column;
        align-items: stretch;
    }

    .ts-tco-row label {
        min-width: auto;
    }

    .ts-tco-calculator {
        padding: var(--ts-space-4);
    }
}
/**
 * VS Karsilastirma Genel Stilleri — Premium v3.0
 */

/* ── VS Intro & Conclusion — Premium ── */
.ts-vs-intro {
    margin-bottom: var(--ts-space-4);
}

.ts-vs-intro-content {
    position: relative;
    padding: var(--ts-space-5) var(--ts-space-6);
    background: linear-gradient(135deg, rgba(37,99,235,0.03), rgba(139,92,246,0.03));
    border-radius: var(--ts-radius-xl);
    border: 1px solid rgba(37,99,235,0.08);
    border-left: 4px solid var(--ts-primary);
}

.ts-vs-intro-content p {
    font-size: var(--ts-text-base);
    line-height: 1.75;
    color: var(--ts-gray-600);
    margin: 0;
}

.ts-vs-conclusion .ts-conclusion {
    position: relative;
    padding: var(--ts-space-5) var(--ts-space-6);
    background: linear-gradient(135deg, rgba(22,163,74,0.03), rgba(16,185,129,0.03));
    border-radius: var(--ts-radius-xl);
    border: 1px solid rgba(22,163,74,0.08);
    border-left: 4px solid #16a34a;
}

.ts-vs-conclusion .ts-conclusion p {
    font-size: var(--ts-text-base);
    line-height: 1.75;
    color: var(--ts-gray-600);
    margin: 0;
}

.ts-vs-conclusion .ts-conclusion p + p {
    margin-top: var(--ts-space-3);
}

/* Dark mode */
.ts-dark .ts-vs-intro-content {
    background: linear-gradient(135deg, rgba(37,99,235,0.08), rgba(139,92,246,0.06));
    border-color: rgba(37,99,235,0.15);
    border-left-color: #3b82f6;
}

.ts-dark .ts-vs-intro-content p {
    color: var(--ts-gray-300);
}

.ts-dark .ts-vs-conclusion .ts-conclusion {
    background: linear-gradient(135deg, rgba(22,163,74,0.08), rgba(16,185,129,0.06));
    border-color: rgba(22,163,74,0.15);
    border-left-color: #22c55e;
}

.ts-dark .ts-vs-conclusion .ts-conclusion p {
    color: var(--ts-gray-300);
}

@media (max-width: 768px) {
    .ts-vs-intro-content,
    .ts-vs-conclusion .ts-conclusion {
        padding: var(--ts-space-4);
    }
}

/* ── VS Header Premium ── */
.ts-vs-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ts-space-4);
    text-align: center;
    margin-bottom: var(--ts-space-6);
    padding: var(--ts-space-8) var(--ts-space-6);
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.03), rgba(139, 92, 246, 0.03));
    border-radius: var(--ts-radius-xl);
    border: 1px solid rgba(37, 99, 235, 0.06);
    position: relative;
    overflow: hidden;
}

.ts-vs-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--ts-gradient-primary);
}

.ts-vs-header h1 {
    font-weight: 800;
    letter-spacing: -0.02em;
}

.ts-vs-logo {
    border-radius: var(--ts-radius-md);
    border: 1px solid var(--ts-border-color);
    transition: transform 0.3s var(--ts-ease-spring);
}

.ts-vs-logo:hover {
    transform: scale(1.05);
}

.ts-vs-header h3 {
    font-size: var(--ts-text-lg);
    margin-bottom: 0;
}

/* VS Actions */
.ts-vs-actions {
    display: flex;
    gap: var(--ts-space-2);
    margin-top: var(--ts-space-2);
}

.ts-vs-actions button {
    display: inline-flex;
    align-items: center;
    gap: var(--ts-space-2);
    padding: 8px 16px;
    border-radius: var(--ts-radius-md);
    font-size: var(--ts-text-sm);
    font-weight: 500;
    border: 1px solid var(--ts-border-color);
    background: rgba(255, 255, 255, 0.8);
    color: var(--ts-gray-600);
    cursor: pointer;
    transition: all 0.25s var(--ts-ease-smooth);
}

.ts-vs-actions button:hover {
    border-color: var(--ts-primary);
    color: var(--ts-primary);
    background: rgba(37, 99, 235, 0.04);
    transform: translateY(-1px);
}

.ts-vs-actions button svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* ── VS Stats Premium ── */
.ts-vs-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--ts-space-3);
    margin-bottom: var(--ts-space-4);
}

.ts-vs-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--ts-space-3);
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(4px);
    border-radius: var(--ts-radius-md);
    border: 1px solid rgba(226, 232, 240, 0.6);
    transition: all 0.25s var(--ts-ease-smooth);
}

.ts-vs-stat:hover {
    background: rgba(37, 99, 235, 0.03);
    border-color: rgba(37, 99, 235, 0.1);
}

.ts-vs-stat-label {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-500);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.ts-vs-stat-value {
    font-size: var(--ts-text-base);
    font-weight: 700;
    color: var(--ts-gray-800);
}

.ts-vs-desc {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-500);
    text-align: center;
    margin-bottom: var(--ts-space-4);
}

.ts-vs-cta {
    text-align: center;
}

/* ── Conclusion Premium ── */
.ts-conclusion {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.04), rgba(139, 92, 246, 0.03));
    border: 1px solid rgba(37, 99, 235, 0.12);
    border-radius: var(--ts-radius-lg);
    padding: var(--ts-space-6);
    position: relative;
}

.ts-conclusion::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px;
    background: var(--ts-gradient-primary);
    border-radius: 2px 0 0 2px;
}

/* ── Winner Highlight ── */
.ts-winner-glow {
    position: relative;
}

.ts-winner-glow::after {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--ts-gradient-primary) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0.6;
    animation: glowPulse 2s ease-in-out infinite;
}

/* ── Breadcrumbs ── */
.ts-breadcrumbs {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-500);
    margin-bottom: var(--ts-space-6);
}

.ts-breadcrumbs a {
    color: var(--ts-gray-500);
    transition: color 0.2s ease;
}

.ts-breadcrumbs a:hover {
    color: var(--ts-primary);
}

.ts-breadcrumbs .ts-breadcrumb-separator {
    margin: 0 var(--ts-space-2);
    color: var(--ts-gray-300);
}

/* ── Compare Verdict ── */
.ts-compare-verdict {
    text-align: center;
    padding: var(--ts-space-4) var(--ts-space-6);
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.04), rgba(16, 185, 129, 0.04));
    border-radius: var(--ts-radius-lg);
    border: 1px solid rgba(37, 99, 235, 0.08);
    margin-top: var(--ts-space-6);
}

/* ── Dark Mode ── */
.ts-dark .ts-vs-header {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(139, 92, 246, 0.06));
    border-color: rgba(37, 99, 235, 0.15);
}

.ts-dark .ts-vs-actions button {
    background: rgba(30, 41, 59, 0.6);
    border-color: #334155;
    color: var(--ts-gray-300);
}

.ts-dark .ts-vs-actions button:hover {
    background: rgba(37, 99, 235, 0.15);
}

.ts-dark .ts-vs-stat {
    background: rgba(30, 41, 59, 0.5);
    border-color: #334155;
}

.ts-dark .ts-conclusion {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(139, 92, 246, 0.08));
    border-color: rgba(37, 99, 235, 0.2);
}

/* ═══════════════════════════════════════════════════════════
   3'LU KARSILASTIRMA (VS3) STILLER — Ultra Premium v2.0
   Glassmorphism, tam simetri, center-aligned everything
   ═══════════════════════════════════════════════════════════ */

/* ── VS Header ── */
.ts-vs3-header h1 {
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    line-height: 1.3;
}

.ts-vs-text {
    display: inline-block;
    color: var(--ts-primary);
    font-weight: 600;
    font-size: 0.55em;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    background: linear-gradient(135deg, rgba(37,99,235,0.08), rgba(139,92,246,0.08));
    padding: 2px 10px;
    border-radius: 20px;
    vertical-align: middle;
    margin: 0 4px;
}

/* ═══ QUICK SUMMARY VS3 — 3 Fighter Cards Ultra Premium ═══ */
.ts-quick-summary-vs3 {
    margin-bottom: var(--ts-space-6);
}

.ts-vs3-battle {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 0;
    align-items: stretch;
}

.ts-quick-summary-vs3 .ts-vs-fighter {
    flex: 1;
    background: rgba(255,255,255,0.88);
    backdrop-filter: blur(20px) saturate(1.5);
    border: 1.5px solid rgba(226,232,240,0.6);
    border-radius: var(--ts-radius-2xl);
    padding: var(--ts-space-5) var(--ts-space-4);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ts-space-3);
    position: relative;
    transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
}

.ts-quick-summary-vs3 .ts-vs-fighter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, rgba(37,99,235,0.3), transparent);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.ts-quick-summary-vs3 .ts-vs-fighter:hover::before {
    opacity: 1;
}

.ts-quick-summary-vs3 .ts-vs-fighter:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 48px rgba(37,99,235,0.1), 0 4px 12px rgba(0,0,0,0.04);
    border-color: rgba(37,99,235,0.15);
}

.ts-quick-summary-vs3 .ts-vs-fighter--winner {
    border-color: rgba(22,163,74,0.25);
    box-shadow: 0 0 0 1px rgba(22,163,74,0.06), 0 8px 30px rgba(22,163,74,0.06);
    background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(22,163,74,0.02));
}

.ts-quick-summary-vs3 .ts-vs-fighter--winner::before {
    background: linear-gradient(90deg, transparent, rgba(22,163,74,0.5), transparent);
    opacity: 1;
}

.ts-quick-summary-vs3 .ts-vs-fighter-name {
    font-size: var(--ts-text-lg);
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0;
}

.ts-quick-summary-vs3 .ts-vs-fighter-logo img {
    border-radius: var(--ts-radius-xl);
    border: 2px solid rgba(226,232,240,0.6);
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
    transition: transform 0.3s ease;
}

.ts-quick-summary-vs3 .ts-vs-fighter:hover .ts-vs-fighter-logo img {
    transform: scale(1.04);
}

.ts-quick-summary-vs3 .ts-vs-fighter-desc {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-500);
    line-height: 1.5;
    margin: 0;
    min-height: 3em;
}

.ts-quick-summary-vs3 .ts-vs-fighter-cta {
    margin-top: auto;
    width: 100%;
    display: flex;
    justify-content: center;
}

.ts-quick-summary-vs3 .ts-vs-quick-stats {
    width: 100%;
}

/* VS Badge between fighters */
.ts-vs3-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin: 0 -14px;
    align-self: center;
}

.ts-vs3-badge span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--ts-gradient-primary);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    border-radius: 50%;
    box-shadow: 0 4px 16px rgba(37,99,235,0.35);
    letter-spacing: -0.02em;
}

/* ═══ PRICE COMPARE VS3 — Ultra Premium ═══ */
.ts-price-compare-vs3 .ts-price-battle,
.ts-price-battle-vs3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ts-space-3);
    margin-bottom: var(--ts-space-4);
    align-items: stretch;
}

.ts-price-compare-vs3 .ts-price-fighter,
.ts-price-battle-vs3 .ts-price-fighter {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--ts-space-5) var(--ts-space-3) var(--ts-space-4);
    gap: var(--ts-space-3);
    background: rgba(255,255,255,0.88);
    backdrop-filter: blur(16px) saturate(1.4);
    border: 1.5px solid rgba(226,232,240,0.6);
    border-radius: var(--ts-radius-xl);
    transition: all 0.35s var(--ts-ease-out);
    position: relative;
    overflow: visible;
}

.ts-price-compare-vs3 .ts-price-fighter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--ts-primary), #8b5cf6);
    border-radius: var(--ts-radius-xl) var(--ts-radius-xl) 0 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.ts-price-compare-vs3 .ts-price-fighter:hover::before {
    opacity: 1;
}

.ts-price-compare-vs3 .ts-price-fighter:hover,
.ts-price-battle-vs3 .ts-price-fighter:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 32px rgba(37,99,235,0.08);
    border-color: rgba(37,99,235,0.15);
}

.ts-price-compare-vs3 .ts-price-fighter--cheaper,
.ts-price-battle-vs3 .ts-price-fighter--cheaper {
    border-color: rgba(22,163,74,0.2);
    background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(22,163,74,0.03));
    box-shadow: 0 0 0 1px rgba(22,163,74,0.05);
}

.ts-price-compare-vs3 .ts-price-fighter--cheaper::before {
    background: linear-gradient(90deg, #22c55e, #10b981);
    opacity: 1;
}

/* En Uygun badge — negative top, sits on card edge */
.ts-price-compare-vs3 .ts-price-cheapest-badge,
.ts-price-cheapest-badge {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: linear-gradient(135deg, #22c55e, #10b981);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 4px 14px;
    border-radius: 20px;
    margin: 0;
    box-shadow: 0 3px 12px rgba(22,163,74,0.35);
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* No extra top padding needed — badge is outside */
.ts-price-compare-vs3 .ts-price-fighter--cheaper {
    padding-top: var(--ts-space-5);
}

.ts-price-compare-vs3 .ts-price-fighter-head {
    width: 100%;
    text-align: center;
    padding-bottom: var(--ts-space-2);
    border-bottom: 1px solid rgba(226,232,240,0.5);
}

.ts-price-compare-vs3 .ts-price-fighter-name {
    font-size: var(--ts-text-base);
    font-weight: 700;
    margin: 0 0 2px 0;
}

.ts-price-compare-vs3 .ts-price-fighter-subtitle {
    font-size: 11px;
    color: var(--ts-gray-400);
}

.ts-price-compare-vs3 .ts-price-range-v2 {
    width: 100%;
    gap: var(--ts-space-2);
    flex: 1;
}

.ts-price-compare-vs3 .ts-price-row {
    padding: 8px 10px;
    font-size: var(--ts-text-xs);
    border-radius: 8px;
    gap: var(--ts-space-2);
}

.ts-price-compare-vs3 .ts-price-row-icon {
    font-size: 12px;
    gap: 5px;
}

.ts-price-compare-vs3 .ts-price-row-icon svg {
    width: 14px;
    height: 14px;
}

.ts-price-compare-vs3 .ts-price-row-val {
    font-size: var(--ts-text-sm);
    font-weight: 700;
}

.ts-price-compare-vs3 .ts-price-pp-bar {
    width: 100%;
    padding: 8px 10px;
    border-radius: 8px;
    margin-top: auto;
}

.ts-price-compare-vs3 .ts-price-pp-label {
    font-size: 11px;
}

.ts-price-compare-vs3 .ts-price-pp-track {
    height: 6px;
}

/* ═══ FEATURE COMPARE VS3 — Ultra Premium ═══ */

/* Summary Bar — 3 equal columns */
.ts-fc-summary-vs3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ts-space-3);
    margin-bottom: var(--ts-space-4);
}

.ts-fc-summary-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: var(--ts-space-4) var(--ts-space-3);
    background: rgba(255,255,255,0.88);
    backdrop-filter: blur(16px) saturate(1.4);
    border-radius: var(--ts-radius-xl);
    border: 1.5px solid rgba(226,232,240,0.6);
    transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    position: relative;
    overflow: hidden;
}

.ts-fc-summary-side::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--ts-primary), #8b5cf6);
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.ts-fc-summary-side:hover {
    border-color: rgba(37,99,235,0.2);
    box-shadow: 0 6px 24px rgba(37,99,235,0.08);
    transform: translateY(-2px);
}

.ts-fc-summary-side:hover::before {
    opacity: 1;
}

.ts-fc-summary-name {
    font-weight: 700;
    font-size: var(--ts-text-base);
    color: var(--ts-gray-800);
    letter-spacing: -0.01em;
}

.ts-fc-summary-count {
    font-size: var(--ts-text-xs);
    color: var(--ts-primary);
    font-weight: 700;
    background: linear-gradient(135deg, rgba(37,99,235,0.08), rgba(139,92,246,0.06));
    padding: 4px 14px;
    border-radius: 20px;
}

/* Win Bar */
.ts-fc-winbar,
.ts-fc-winbar-vs3 {
    display: flex;
    height: 10px;
    border-radius: 5px;
    overflow: hidden;
    gap: 2px;
    margin-bottom: var(--ts-space-4);
    background: var(--ts-gray-100);
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.06);
}

.ts-fc-winbar-segment {
    border-radius: 5px;
    transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    min-width: 4px;
}

.ts-fc-winbar-p0 { background: linear-gradient(135deg, #2563eb, #8b5cf6); }
.ts-fc-winbar-p1 { background: linear-gradient(135deg, #f59e0b, #ef4444); }
.ts-fc-winbar-p2 { background: linear-gradient(135deg, #10b981, #06b6d4); }
.ts-fc-winbar-tie { background: var(--ts-gray-200); border-radius: 5px; }

/* Feature Table VS3 */
.ts-compare-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: var(--ts-radius-xl);
    border: 1px solid rgba(226,232,240,0.6);
    box-shadow: 0 2px 12px rgba(0,0,0,0.03);
}

.ts-compare-table-vs3 {
    width: 100%;
    border-collapse: collapse;
}

.ts-compare-table-vs3 thead th {
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37,99,235,0.03));
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ts-gray-500);
    padding: 12px 12px;
    text-align: center;
    border-bottom: 2px solid rgba(226,232,240,0.6);
    position: sticky;
    top: 0;
    z-index: 1;
    backdrop-filter: blur(8px);
}

.ts-compare-table-vs3 thead th:first-child {
    text-align: left;
    min-width: 160px;
}

.ts-compare-table-vs3 th,
.ts-compare-table-vs3 td {
    font-size: var(--ts-text-sm);
    padding: 10px 12px;
    border-bottom: 1px solid rgba(226,232,240,0.4);
}

.ts-compare-table-vs3 td.ts-th-center {
    text-align: center;
}

.ts-compare-table-vs3 td.ts-feature-name {
    font-weight: 500;
    color: var(--ts-gray-700);
    font-size: 13px;
}

.ts-compare-table-vs3 td.ts-winner {
    background: rgba(22,163,74,0.04);
}

.ts-compare-table-vs3 tbody tr {
    transition: background 0.2s ease;
}

.ts-compare-table-vs3 tbody tr:hover {
    background: rgba(37,99,235,0.03);
}

/* Group separator row */
.ts-compare-table-vs3 .ts-group-header td {
    background: linear-gradient(135deg, rgba(37,99,235,0.04), rgba(139,92,246,0.03));
    font-weight: 700;
    font-size: var(--ts-text-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ts-gray-600);
    border-bottom: 2px solid rgba(37,99,235,0.08);
}

/* Winner per group for VS3 */
.ts-fc-group-winner--p0 { color: #2563eb; font-weight: 600; }
.ts-fc-group-winner--p1 { color: #f59e0b; font-weight: 600; }
.ts-fc-group-winner--p2 { color: #10b981; font-weight: 600; }
.ts-fc-group-winner--tie { color: var(--ts-gray-400); }

/* ═══ INTEGRATION COMPARE VS3 — Ultra Premium ═══ */

.ts-intcomp-summary-vs3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ts-space-3);
    align-items: center;
    margin-bottom: var(--ts-space-5);
    position: relative;
}

.ts-intcomp-summary-vs3 .ts-intcomp-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
    padding: var(--ts-space-4) var(--ts-space-3);
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(12px) saturate(1.3);
    border-radius: var(--ts-radius-lg);
    border: 1px solid rgba(226,232,240,0.5);
    transition: all 0.3s ease;
}

.ts-intcomp-summary-vs3 .ts-intcomp-side:hover {
    border-color: rgba(37,99,235,0.15);
    box-shadow: 0 4px 16px rgba(37,99,235,0.06);
}

.ts-intcomp-summary-vs3 .ts-intcomp-vs {
    position: absolute;
    z-index: 2;
    font-weight: 800;
    font-size: var(--ts-text-xs);
    color: var(--ts-primary);
    background: rgba(255,255,255,0.95);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(37,99,235,0.2);
    box-shadow: 0 2px 8px rgba(37,99,235,0.1);
}

.ts-intcomp-summary-vs3 .ts-intcomp-vs:first-of-type {
    left: calc(33.33% - 14px);
    top: 50%;
    transform: translateY(-50%);
}

.ts-intcomp-summary-vs3 .ts-intcomp-vs:last-of-type {
    left: calc(66.66% - 14px);
    top: 50%;
    transform: translateY(-50%);
}

.ts-intcomp-summary-vs3 .ts-intcomp-count {
    font-size: 1.5rem;
    font-weight: 800;
    background: var(--ts-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Integration Rows VS3 */
.ts-intcomp-row-vs3 {
    display: grid;
    grid-template-columns: 2fr repeat(3, 1fr);
    gap: 0;
    align-items: center;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(226,232,240,0.4);
    transition: background 0.2s ease;
}

.ts-intcomp-row-vs3:hover {
    background: rgba(37,99,235,0.03);
}

.ts-intcomp-row-vs3 .ts-intcomp-cell--name {
    font-size: 13px;
    font-weight: 500;
    color: var(--ts-gray-700);
}

.ts-intcomp-row-vs3 .ts-intcomp-cell--center {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.ts-integration-compare-vs3 .ts-intcomp-group-title {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
    font-size: var(--ts-text-sm);
    font-weight: 700;
    color: var(--ts-gray-700);
    padding: var(--ts-space-3) 0;
    margin: 0;
}

.ts-integration-compare-vs3 .ts-intcomp-group-title svg {
    color: var(--ts-primary);
}

.ts-integration-compare-vs3 .ts-compare-table-wrapper {
    margin-bottom: var(--ts-space-4);
}

/* ═══ SCORE COMPARE VS3 — Ultra Premium ═══ */

.ts-score-compare-vs3 .ts-score-duel,
.ts-score-triple {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ts-space-3);
    padding: var(--ts-space-5);
    background: linear-gradient(135deg, rgba(248,250,252,0.9), rgba(37,99,235,0.03));
    backdrop-filter: blur(8px);
    border-radius: var(--ts-radius-xl);
    border: 1px solid rgba(226,232,240,0.5);
    margin-bottom: var(--ts-space-5);
    box-shadow: 0 2px 12px rgba(0,0,0,0.02);
}

.ts-score-compare-vs3 .ts-score-duel-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--ts-space-2);
    padding: var(--ts-space-3);
    background: rgba(255,255,255,0.6);
    border-radius: var(--ts-radius-lg);
    transition: all 0.3s ease;
}

.ts-score-compare-vs3 .ts-score-duel-side:hover {
    background: rgba(255,255,255,0.85);
    box-shadow: 0 4px 16px rgba(0,0,0,0.04);
}

.ts-score-compare-vs3 .ts-score-duel-vs {
    display: none;
}

/* Criteria Triple Bars — Premium Layout */
.ts-score-criteria-triple {
    margin-top: var(--ts-space-4);
}

.ts-criteria-triple-row {
    margin-bottom: 6px;
    padding: var(--ts-space-3) var(--ts-space-3);
    border-bottom: 1px solid rgba(226,232,240,0.3);
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(4px);
    border-radius: var(--ts-radius-md);
    transition: all 0.25s ease;
}

.ts-criteria-triple-row:hover {
    background: rgba(37,99,235,0.03);
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}

.ts-criteria-triple-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--ts-space-2);
    margin-bottom: var(--ts-space-2);
    padding-bottom: var(--ts-space-2);
    border-bottom: 1px dashed rgba(226,232,240,0.5);
}

.ts-criteria-duel-icon {
    color: var(--ts-primary);
    display: flex;
    flex-shrink: 0;
}

.ts-criteria-duel-label {
    font-weight: 600;
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-700);
}

.ts-criteria-duel-weight {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
    font-weight: 500;
    margin-left: auto;
    background: var(--ts-gray-50);
    padding: 2px 8px;
    border-radius: 10px;
}

.ts-criteria-triple-bars {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ts-space-3);
}

.ts-criteria-triple-bar-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.ts-criteria-triple-bar-name {
    font-size: 11px;
    font-weight: 600;
    color: var(--ts-gray-500);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    text-align: center;
}

.ts-criteria-triple-track {
    width: 100%;
    height: 10px;
    background: var(--ts-gray-100);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.ts-criteria-triple-fill {
    height: 100%;
    border-radius: 5px;
    transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.ts-criteria-triple-fill--p0 { background: linear-gradient(135deg, #2563eb, #8b5cf6); }
.ts-criteria-triple-fill--p1 { background: linear-gradient(135deg, #f59e0b, #ef4444); }
.ts-criteria-triple-fill--p2 { background: linear-gradient(135deg, #10b981, #06b6d4); }
.ts-criteria-triple-fill--winner {
    box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);
}

.ts-criteria-triple-val {
    font-size: 13px;
    font-weight: 700;
    color: var(--ts-gray-600);
    text-align: center;
}

.ts-criteria-triple-val--winner {
    color: #16a34a;
    font-weight: 800;
}

/* ═══ TCO VS3 — Ultra Premium ═══ */
.ts-vs-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ts-space-3);
}

.ts-tco-compare-vs3 .ts-tco-column {
    text-align: center;
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(12px) saturate(1.3);
    border: 1px solid rgba(226,232,240,0.5);
    border-radius: var(--ts-radius-xl);
    padding: var(--ts-space-4);
    transition: all 0.3s ease;
}

.ts-tco-compare-vs3 .ts-tco-column:hover {
    box-shadow: 0 6px 24px rgba(0,0,0,0.04);
    border-color: rgba(37,99,235,0.12);
}

.ts-tco-compare-vs3 .ts-tco-column h4 {
    text-align: center;
    font-size: var(--ts-text-base);
    font-weight: 700;
}

/* ═══ VS3 PAIR CARDS — Ultra Premium ═══ */
.ts-vs3-pairs {
    text-align: center;
}

.ts-vs3-pair-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ts-space-3);
}

.ts-vs3-pair-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--ts-space-2);
    padding: var(--ts-space-4) var(--ts-space-3);
    background: rgba(255,255,255,0.88);
    backdrop-filter: blur(12px) saturate(1.3);
    border: 1px solid rgba(226,232,240,0.5);
    border-radius: var(--ts-radius-lg);
    text-decoration: none;
    color: var(--ts-gray-700);
    text-align: center;
    transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    min-height: 80px;
}

.ts-vs3-pair-card:hover {
    border-color: rgba(37,99,235,0.2);
    background: linear-gradient(135deg, rgba(37,99,235,0.03), rgba(139,92,246,0.03));
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(37,99,235,0.1);
}

.ts-vs3-pair-names {
    font-weight: 600;
    font-size: var(--ts-text-sm);
    text-align: center;
    line-height: 1.4;
}

.ts-vs3-pair-scores {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
    font-weight: 600;
    background: var(--ts-gray-50);
    padding: 2px 10px;
    border-radius: 12px;
}

.ts-vs3-pair-card svg {
    color: var(--ts-primary);
    opacity: 0.4;
    transition: all 0.3s ease;
}

.ts-vs3-pair-card:hover svg {
    opacity: 1;
    transform: translateX(3px);
}

/* ═══ RESPONSIVE VS3 ═══ */
@media (max-width: 992px) {
    .ts-vs3-battle {
        grid-template-columns: 1fr;
        gap: var(--ts-space-3);
    }
    .ts-vs3-badge { display: none; }
    .ts-price-battle-vs3,
    .ts-price-compare-vs3 .ts-price-battle,
    .ts-score-compare-vs3 .ts-score-duel,
    .ts-score-triple,
    .ts-vs-grid-3 {
        grid-template-columns: 1fr;
    }
    .ts-price-compare-vs3 .ts-price-fighter {
        padding: var(--ts-space-5) var(--ts-space-4);
    }
    .ts-price-compare-vs3 .ts-price-fighter--cheaper {
        padding-top: var(--ts-space-5);
    }
    .ts-price-compare-vs3 .ts-price-fighter-name {
        font-size: var(--ts-text-lg);
    }
    .ts-price-compare-vs3 .ts-price-row {
        padding: var(--ts-space-3) var(--ts-space-4);
    }
    .ts-price-compare-vs3 .ts-price-row-val {
        font-size: var(--ts-text-base);
    }
    .ts-fc-summary-vs3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .ts-vs3-pair-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .ts-criteria-triple-bars {
        grid-template-columns: 1fr;
    }
    .ts-criteria-triple-bar-row {
        flex-direction: row;
        gap: var(--ts-space-2);
    }
    .ts-criteria-triple-bar-name {
        width: 80px;
        text-align: left;
    }
    .ts-criteria-triple-track {
        flex: 1;
    }
    .ts-criteria-triple-val {
        width: 40px;
        text-align: right;
    }
    .ts-intcomp-summary-vs3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .ts-intcomp-summary-vs3 .ts-intcomp-vs { display: none; }
    .ts-tco-compare-vs3 .ts-tco-column {
        padding: var(--ts-space-5);
    }
}

@media (max-width: 768px) {
    .ts-vs3-header h1 { font-size: var(--ts-text-lg); }
    .ts-intcomp-row-vs3 {
        grid-template-columns: 1.5fr repeat(3, 1fr);
        font-size: var(--ts-text-xs);
        padding: 8px 8px;
    }
    .ts-fc-summary-vs3 {
        grid-template-columns: 1fr;
    }
    .ts-vs3-pair-grid {
        grid-template-columns: 1fr;
    }
    .ts-intcomp-summary-vs3 {
        grid-template-columns: 1fr;
    }
    .ts-price-compare-vs3 .ts-price-row-icon {
        font-size: 11px;
    }
}

/* ═══ DARK MODE VS3 ═══ */
.ts-dark .ts-quick-summary-vs3 .ts-vs-fighter {
    background: rgba(30,41,59,0.75);
    backdrop-filter: blur(20px);
    border-color: #334155;
}

.ts-dark .ts-quick-summary-vs3 .ts-vs-fighter::before {
    background: linear-gradient(90deg, transparent, rgba(96,165,250,0.3), transparent);
}

.ts-dark .ts-quick-summary-vs3 .ts-vs-fighter--winner {
    border-color: rgba(22,163,74,0.3);
    background: linear-gradient(180deg, rgba(30,41,59,0.8), rgba(22,163,74,0.05));
}

.ts-dark .ts-quick-summary-vs3 .ts-vs-fighter--winner::before {
    background: linear-gradient(90deg, transparent, rgba(22,163,74,0.5), transparent);
}

.ts-dark .ts-vs3-badge span {
    box-shadow: 0 4px 16px rgba(37,99,235,0.5);
}

.ts-dark .ts-price-compare-vs3 .ts-price-fighter {
    background: rgba(30,41,59,0.75);
    backdrop-filter: blur(12px);
    border-color: #334155;
}

.ts-dark .ts-price-compare-vs3 .ts-price-fighter--cheaper {
    border-color: rgba(22,163,74,0.25);
    background: linear-gradient(180deg, rgba(30,41,59,0.8), rgba(22,163,74,0.04));
}

.ts-dark .ts-price-compare-vs3 .ts-price-fighter-head {
    border-bottom-color: rgba(51,65,85,0.5);
}

.ts-dark .ts-vs3-pair-card {
    background: rgba(30,41,59,0.75);
    backdrop-filter: blur(12px);
    border-color: #334155;
    color: var(--ts-gray-200);
}

.ts-dark .ts-vs3-pair-card:hover {
    background: rgba(37,99,235,0.12);
    border-color: var(--ts-primary);
}

.ts-dark .ts-criteria-triple-row {
    background: rgba(30,41,59,0.5);
}

.ts-dark .ts-criteria-triple-track {
    background: rgba(51,65,85,0.5);
}

.ts-dark .ts-fc-winbar-tie,
.ts-dark .ts-fc-winbar-vs3 {
    background: #1e293b;
}

.ts-dark .ts-fc-summary-side {
    background: rgba(30,41,59,0.7);
    border-color: #334155;
}

.ts-dark .ts-fc-summary-side::before {
    background: linear-gradient(90deg, #3b82f6, #a78bfa);
}

.ts-dark .ts-fc-summary-name {
    color: var(--ts-gray-200);
}

.ts-dark .ts-fc-summary-count {
    background: rgba(59,130,246,0.15);
}

.ts-dark .ts-intcomp-summary-vs3 .ts-intcomp-side {
    background: rgba(30,41,59,0.6);
    border-color: #334155;
}

.ts-dark .ts-score-compare-vs3 .ts-score-duel,
.ts-dark .ts-score-triple {
    background: linear-gradient(135deg, rgba(30,41,59,0.6), rgba(37,99,235,0.05));
    border-color: #334155;
}

.ts-dark .ts-score-compare-vs3 .ts-score-duel-side {
    background: rgba(30,41,59,0.4);
}

.ts-dark .ts-criteria-duel-weight {
    background: rgba(51,65,85,0.5);
    color: var(--ts-gray-400);
}

.ts-dark .ts-vs3-pair-scores {
    background: rgba(51,65,85,0.5);
}

.ts-dark .ts-tco-compare-vs3 .ts-tco-column {
    background: rgba(30,41,59,0.75);
    border-color: #334155;
}

.ts-dark .ts-compare-table-wrapper {
    border-color: #334155;
}

/* ═══════════════════════════════════════════════════
   RELATED COMPARISONS — Internal Linking
   ═══════════════════════════════════════════════════ */

.ts-related-comparisons {
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-4);
}

.ts-related-title {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
    font-size: var(--ts-text-base);
    font-weight: 600;
    margin-bottom: var(--ts-space-3);
    color: var(--ts-gray-700);
}

.ts-related-title svg {
    color: var(--ts-primary);
    flex-shrink: 0;
}

.ts-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ts-space-3);
}

.ts-related-card {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-md);
    text-decoration: none;
    color: var(--ts-gray-700);
    font-size: var(--ts-text-sm);
    transition: all 0.25s var(--ts-ease-smooth);
}

.ts-related-card:hover {
    border-color: var(--ts-primary);
    background: rgba(37, 99, 235, 0.03);
    transform: translateX(4px);
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08);
}

.ts-related-card-title {
    flex: 1;
    font-weight: 500;
    line-height: 1.3;
}

.ts-related-card-score {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
    font-weight: 600;
    white-space: nowrap;
}

.ts-related-card svg {
    color: var(--ts-primary);
    opacity: 0.4;
    flex-shrink: 0;
    transition: opacity 0.25s ease;
}

.ts-related-card:hover svg {
    opacity: 1;
}

@media (max-width: 768px) {
    .ts-related-grid {
        grid-template-columns: 1fr;
    }
}

/* Dark mode */
.ts-dark .ts-related-card {
    background: rgba(30, 41, 59, 0.6);
    border-color: #334155;
    color: var(--ts-gray-200);
}

.ts-dark .ts-related-card:hover {
    background: rgba(37, 99, 235, 0.12);
    border-color: var(--ts-primary);
}

.ts-dark .ts-related-title {
    color: var(--ts-gray-200);
}
/**
 * Hero & Anasayfa Stilleri — Premium v4.0
 * G2/Capterra/TrustRadius inspired professional design
 */

/* ══════════════════════════════════════
   SECTION HEADER — Unified Section Design
   ══════════════════════════════════════ */

.ts-section-header {
    text-align: center;
    margin-bottom: var(--ts-space-10);
}

.ts-section-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: var(--ts-radius-full);
    background: var(--ts-primary-50);
    color: var(--ts-primary);
    font-size: var(--ts-text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--ts-space-4);
}

.ts-section-badge svg {
    flex-shrink: 0;
}

.ts-section-header h2 {
    font-size: var(--ts-text-3xl);
    font-weight: 800;
    margin-bottom: var(--ts-space-3);
    letter-spacing: -0.02em;
    color: var(--ts-gray-900);
}

.ts-section-header p {
    color: var(--ts-gray-500);
    font-size: var(--ts-text-lg);
    max-width: 560px;
    margin: 0 auto;
    line-height: var(--ts-line-relaxed);
}

/* ══════════════════════════════════════
   HERO SECTION
   ══════════════════════════════════════ */

.ts-hero {
    text-align: center;
    padding: var(--ts-space-20) 0 var(--ts-space-16);
    background: var(--ts-gradient-hero-light);
    position: relative;
    overflow: hidden;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ts-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--ts-gradient-mesh);
    animation: gradientShift 8s ease infinite;
    background-size: 200% 200%;
    pointer-events: none;
}

.ts-hero-grid-pattern {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(37,99,235,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(37,99,235,0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    pointer-events: none;
    mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black, transparent);
    -webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black, transparent);
}

.ts-hero-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    pointer-events: none;
    will-change: transform;
}

.ts-hero-orb--1 {
    width: 400px;
    height: 400px;
    background: rgba(37,99,235,0.12);
    top: -100px;
    right: -50px;
    animation: floatOrb 12s ease-in-out infinite;
}

.ts-hero-orb--2 {
    width: 300px;
    height: 300px;
    background: rgba(124,58,237,0.1);
    bottom: -80px;
    left: -60px;
    animation: floatOrbReverse 14s ease-in-out infinite;
}

.ts-hero-orb--3 {
    width: 200px;
    height: 200px;
    background: rgba(245,158,11,0.08);
    top: 40%;
    left: 50%;
    animation: floatOrb 10s ease-in-out infinite reverse;
}

.ts-hero-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 var(--ts-space-4);
}

.ts-hero h1 {
    font-size: clamp(2rem, 5vw, 3.25rem);
    font-weight: 800;
    max-width: 850px;
    margin: 0 auto var(--ts-space-5);
    line-height: 1.15;
    letter-spacing: -0.025em;
    color: var(--ts-gray-900);
}

.ts-hero-title-gradient {
    background: var(--ts-gradient-text);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientShift 4s ease infinite;
}

.ts-typed-wrapper { display: inline; }

.ts-typed-cursor {
    display: inline-block;
    width: 3px;
    margin-left: 2px;
    color: var(--ts-primary);
    animation: cursorBlink 0.8s step-end infinite;
    font-weight: 400;
}

@keyframes cursorBlink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

.ts-hero-subtitle {
    font-size: var(--ts-text-lg);
    color: var(--ts-gray-600);
    max-width: 620px;
    margin: 0 auto var(--ts-space-8);
    line-height: var(--ts-line-relaxed);
}

.ts-hero-subtitle strong {
    color: var(--ts-gray-800);
    font-weight: 600;
}

.ts-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: var(--ts-radius-full);
    background: var(--ts-glass-bg);
    backdrop-filter: blur(8px);
    border: 1px solid var(--ts-border-color);
    font-size: var(--ts-text-sm);
    font-weight: 500;
    color: var(--ts-gray-600);
    margin-bottom: var(--ts-space-5);
}

.ts-hero-badge-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ts-success);
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/* Hero Search */
.ts-hero-search {
    max-width: 540px;
    margin: 0 auto var(--ts-space-6);
    position: relative;
}

.ts-hero-search input {
    width: 100%;
    padding: 14px 20px 14px 48px;
    border: 2px solid var(--ts-border-color);
    border-radius: var(--ts-radius-full);
    font-size: var(--ts-text-base);
    background: var(--ts-glass-bg-heavy);
    backdrop-filter: blur(var(--ts-blur-sm));
    box-shadow: var(--ts-shadow-lg);
    transition: all 0.3s var(--ts-ease-out);
    font-family: var(--ts-font-sans);
    color: var(--ts-gray-800);
}

.ts-hero-search input::placeholder { color: var(--ts-gray-400); }

.ts-hero-search input:focus {
    outline: none;
    border-color: var(--ts-primary);
    box-shadow: var(--ts-shadow-glow-sm), var(--ts-shadow-lg);
    transform: scale(1.01);
}

.ts-hero-search-icon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ts-gray-400);
    transition: color 0.2s ease;
    pointer-events: none;
}

.ts-hero-search input:focus ~ .ts-hero-search-icon { color: var(--ts-primary); }

/* Search Results Dropdown */
.ts-hero-search-results {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-xl);
    box-shadow: var(--ts-shadow-lg);
    z-index: 50;
    overflow: hidden;
    max-height: 320px;
    overflow-y: auto;
}

.ts-hero-search-results.ts-active {
    display: block;
    animation: slideDown 0.2s var(--ts-ease-out);
}

.ts-search-item {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
    padding: var(--ts-space-3) var(--ts-space-4);
    text-decoration: none;
    color: var(--ts-gray-700);
    transition: background 0.15s ease;
    border-bottom: 1px solid var(--ts-gray-100);
}

.ts-search-item:last-child { border-bottom: none; }

.ts-search-item:hover {
    background: var(--ts-primary-50);
    color: var(--ts-primary);
}

.ts-search-item-logo {
    width: 32px;
    height: 32px;
    border-radius: var(--ts-radius-md);
    flex-shrink: 0;
}

.ts-search-item-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: inherit;
}

.ts-search-item-info { flex: 1; min-width: 0; }
.ts-search-item-name { font-weight: 600; font-size: var(--ts-text-sm); }
.ts-search-item-score { font-size: var(--ts-text-xs); color: var(--ts-gray-500); }

/* Glass Button */
.ts-btn-glass {
    background: var(--ts-glass-bg);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 2px solid var(--ts-border-color);
    color: var(--ts-gray-700);
    padding: 14px 28px;
    font-size: var(--ts-text-base);
    border-radius: var(--ts-radius-lg);
    font-weight: 600;
    transition: all 0.3s var(--ts-ease-out);
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
}

.ts-btn-glass:hover {
    background: rgba(255,255,255,0.95);
    border-color: var(--ts-primary);
    color: var(--ts-primary);
    box-shadow: var(--ts-shadow-glow-sm);
    transform: translateY(-2px);
}

/* Hero Logo Ticker */
.ts-hero-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--ts-space-2);
    margin-top: var(--ts-space-4);
    flex-wrap: wrap;
}

.ts-hero-logo-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--ts-radius-lg);
    background: var(--ts-glass-bg);
    border: 1px solid var(--ts-border-color);
    transition: all 0.3s var(--ts-ease-spring);
    overflow: hidden;
    text-decoration: none;
}

.ts-hero-logo-item:hover {
    transform: scale(1.15) translateY(-2px);
    box-shadow: var(--ts-shadow-md);
    border-color: var(--ts-primary);
}

.ts-hero-logo-item img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    border-radius: 4px;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.ts-hero-logo-placeholder {
    font-size: 11px;
    font-weight: 700;
    color: var(--ts-primary);
    text-transform: uppercase;
}

/* CTA */
.ts-hero-actions {
    display: flex;
    justify-content: center;
    gap: var(--ts-space-3);
    flex-wrap: wrap;
    margin-bottom: var(--ts-space-2);
}

.ts-hero-actions .ts-btn { display: inline-flex; align-items: center; }

.ts-hero-actions .ts-btn-primary {
    background: var(--ts-gradient-primary);
    border: none;
    padding: 14px 28px;
    font-size: var(--ts-text-base);
    box-shadow: var(--ts-shadow-colored);
    transition: all 0.3s var(--ts-ease-out);
}

.ts-hero-actions .ts-btn-primary:hover {
    box-shadow: var(--ts-shadow-colored-lg);
    transform: translateY(-2px);
}

/* ══════════════════════════════════════
   TOP PROVIDERS — Leaderboard
   ══════════════════════════════════════ */

.ts-top-providers {
    padding: var(--ts-space-16) 0;
    background: #fff;
    position: relative;
}

.ts-top-providers::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 3px;
    background: var(--ts-gradient-primary);
    border-radius: var(--ts-radius-full);
}

.ts-top-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ts-space-6);
    margin-bottom: var(--ts-space-8);
}

.ts-top-card {
    background: #fff;
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-2xl);
    padding: var(--ts-space-6);
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.35s var(--ts-ease-out);
}

.ts-top-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--ts-gradient-primary);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s var(--ts-ease-out);
}

.ts-top-card:hover::before { transform: scaleX(1); }

.ts-top-card:hover {
    border-color: rgba(37,99,235,0.15);
    box-shadow: var(--ts-shadow-card-hover);
    transform: translateY(-6px);
}

.ts-top-rank {
    position: absolute;
    top: var(--ts-space-4);
    right: var(--ts-space-4);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 800;
    font-size: var(--ts-text-sm);
    z-index: 1;
}

.ts-top-rank--1 { background: linear-gradient(135deg, #fbbf24, #f59e0b); color: #78350f; box-shadow: 0 2px 8px rgba(245,158,11,0.3); }
.ts-top-rank--2 { background: linear-gradient(135deg, #cbd5e1, #94a3b8); color: #1e293b; box-shadow: 0 2px 8px rgba(148,163,184,0.3); }
.ts-top-rank--3 { background: linear-gradient(135deg, #fdba74, #f97316); color: #7c2d12; box-shadow: 0 2px 8px rgba(249,115,22,0.3); }

.ts-top-card-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ts-space-3);
    margin-bottom: var(--ts-space-4);
}

.ts-top-logo img {
    border-radius: var(--ts-radius-xl);
    border: 2px solid var(--ts-gray-100);
    transition: transform 0.3s var(--ts-ease-spring);
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.ts-top-card:hover .ts-top-logo img { transform: scale(1.08); }

.ts-top-info h3 {
    font-size: var(--ts-text-lg);
    font-weight: 700;
    margin-bottom: var(--ts-space-1);
    color: var(--ts-gray-900);
}

.ts-top-score {
    position: relative;
    width: 72px;
    height: 72px;
    margin: 0 auto var(--ts-space-4);
}

.ts-score-ring { width: 72px; height: 72px; }
.ts-score-ring circle:last-of-type { transition: stroke-dasharray 1.5s var(--ts-ease-out); }

.ts-top-score-value {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--ts-text-xl);
    font-weight: 800;
    background: var(--ts-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ts-top-card-footer {
    border-top: 1px solid var(--ts-gray-100);
    padding-top: var(--ts-space-4);
}

.ts-top-price {
    display: block;
    font-size: var(--ts-text-sm);
    font-weight: 600;
    color: var(--ts-gray-600);
    margin-bottom: var(--ts-space-3);
}

.ts-top-actions {
    display: flex;
    gap: var(--ts-space-2);
    justify-content: center;
}

.ts-top-see-all { text-align: center; }

/* ══════════════════════════════════════
   VS CARDS
   ══════════════════════════════════════ */

.ts-popular-vs-section {
    padding: var(--ts-space-16) 0;
    background: var(--ts-gray-50);
}

.ts-popular-vs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ts-space-4);
    margin-bottom: var(--ts-space-8);
}

.ts-vs-card {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--ts-space-3);
    padding: var(--ts-space-4) var(--ts-space-5);
    background: #fff;
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-xl);
    text-decoration: none;
    color: inherit;
    font-weight: 600;
    font-size: var(--ts-text-sm);
    transition: all 0.3s var(--ts-ease-out);
    position: relative;
}

.ts-vs-card:hover {
    border-color: var(--ts-primary);
    box-shadow: var(--ts-shadow-card-hover);
    transform: translateY(-3px);
}

.ts-vs-card-side { flex: 1; text-align: center; }
.ts-vs-card-name { color: var(--ts-gray-700); font-weight: 600; }
.ts-vs-card-label { color: var(--ts-gray-700); }

.ts-vs-card-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--ts-gradient-primary);
    color: #fff;
    font-size: var(--ts-text-xs);
    font-weight: 800;
    flex-shrink: 0;
}

.ts-vs-card-arrow {
    position: absolute;
    right: var(--ts-space-3);
    color: var(--ts-gray-300);
    transition: all 0.3s var(--ts-ease-out);
    opacity: 0;
}

.ts-vs-card:hover .ts-vs-card-arrow {
    opacity: 1;
    color: var(--ts-primary);
    transform: translateX(2px);
}

/* ══════════════════════════════════════
   CATEGORIES
   ══════════════════════════════════════ */

.ts-categories-section { padding: var(--ts-space-16) 0; }

.ts-category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--ts-space-5);
}

.ts-category-card {
    background: #fff;
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-xl);
    padding: var(--ts-space-6) var(--ts-space-5);
    text-align: center;
    color: inherit;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: all 0.35s var(--ts-ease-out);
}

.ts-category-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
    background: var(--ts-gradient-primary);
    -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;
    opacity: 0;
    transition: opacity 0.35s ease;
}

.ts-category-card:hover::before { opacity: 1; }

.ts-category-card:hover {
    border-color: transparent;
    box-shadow: var(--ts-shadow-card-hover);
    transform: translateY(-4px);
}

.ts-category-icon-wrap {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ts-radius-xl);
    background: var(--ts-primary-50);
    color: var(--ts-primary);
    margin: 0 auto var(--ts-space-4);
    transition: all 0.35s var(--ts-ease-spring);
}

.ts-category-card:hover .ts-category-icon-wrap {
    background: var(--ts-gradient-primary);
    color: #fff;
    transform: scale(1.08);
}

.ts-category-icon {
    font-size: 2.5rem;
    margin-bottom: var(--ts-space-3);
    display: block;
    transition: transform 0.35s var(--ts-ease-spring);
}

.ts-category-card:hover .ts-category-icon { transform: scale(1.15) translateY(-2px); }

.ts-category-card h3 {
    font-size: var(--ts-text-base);
    font-weight: 600;
    margin-bottom: var(--ts-space-1);
    color: var(--ts-gray-800);
}

.ts-category-desc {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
    margin-bottom: var(--ts-space-3);
    line-height: var(--ts-line-relaxed);
}

.ts-category-count {
    display: inline-block;
    font-size: var(--ts-text-xs);
    font-weight: 600;
    padding: 3px 10px;
    border-radius: var(--ts-radius-full);
}

.ts-category-count--active { background: var(--ts-success-bg); color: #166534; }
.ts-category-count--soon { background: var(--ts-warning-bg); color: #92400e; }

.ts-category-card--soon { opacity: 0.7; pointer-events: none; }

/* ══════════════════════════════════════
   WHY SECTION
   ══════════════════════════════════════ */

.ts-why-section { padding: var(--ts-space-16) 0; background: #fff; }

.ts-why-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--ts-space-5);
}

.ts-why-card {
    padding: var(--ts-space-6);
    border-radius: var(--ts-radius-xl);
    border: 1px solid var(--ts-border-color);
    background: #fff;
    transition: all 0.3s var(--ts-ease-out);
    display: flex;
    gap: var(--ts-space-4);
    align-items: flex-start;
}

.ts-why-card:hover {
    border-color: transparent;
    box-shadow: var(--ts-shadow-card-hover);
    transform: translateY(-3px);
}

.ts-why-card-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ts-radius-lg);
    background: var(--ts-primary-50);
    color: var(--ts-primary);
    transition: all 0.3s var(--ts-ease-out);
}

.ts-why-card:hover .ts-why-card-icon {
    background: var(--ts-gradient-primary);
    color: #fff;
}

.ts-why-card-content { flex: 1; }

.ts-why-card h3,
.ts-why-card-content h3 {
    font-size: var(--ts-text-base);
    font-weight: 700;
    margin-bottom: var(--ts-space-2);
    color: var(--ts-gray-800);
}

.ts-why-card p,
.ts-why-card-content p {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-500);
    line-height: var(--ts-line-relaxed);
}

/* ══════════════════════════════════════
   TOOLS SECTION
   ══════════════════════════════════════ */

.ts-tools-section {
    padding: var(--ts-space-16) 0;
    background: var(--ts-gray-50);
    position: relative;
}

.ts-tools-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--ts-gradient-primary);
    opacity: 0.3;
}

/* ══════════════════════════════════════
   STATS
   ══════════════════════════════════════ */

.ts-stats-section {
    padding: var(--ts-space-12) 0;
    background: var(--ts-gradient-primary);
    position: relative;
    overflow: hidden;
}

.ts-stats-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 20% 50%, rgba(255,255,255,0.1) 0%, transparent 50%),
                radial-gradient(ellipse at 80% 50%, rgba(124,58,237,0.15) 0%, transparent 50%);
    pointer-events: none;
}

.ts-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--ts-space-6);
    text-align: center;
    position: relative;
    z-index: 1;
}

.ts-stat-item {
    padding: var(--ts-space-6);
    border-radius: var(--ts-radius-xl);
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.12);
    transition: all 0.3s ease;
}

.ts-stat-item:hover {
    background: rgba(255,255,255,0.14);
    transform: translateY(-2px);
}

.ts-stat-number {
    font-size: var(--ts-text-4xl);
    font-weight: 800;
    display: block;
    margin-bottom: var(--ts-space-1);
    color: #fff;
    letter-spacing: -0.02em;
}

.ts-stat-label {
    font-size: var(--ts-text-sm);
    color: rgba(255,255,255,0.8);
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

/* ══════════════════════════════════════
   TRUST BADGES
   ══════════════════════════════════════ */

.ts-trust-section {
    padding: var(--ts-space-12) 0;
    text-align: center;
    background: linear-gradient(to bottom, var(--ts-gray-50), #fff);
}

.ts-trust-badges {
    display: flex;
    justify-content: center;
    gap: var(--ts-space-8);
    flex-wrap: wrap;
}

.ts-trust-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ts-space-3);
    padding: var(--ts-space-5);
    border-radius: var(--ts-radius-xl);
    transition: all 0.3s ease;
    min-width: 140px;
}

.ts-trust-badge:hover {
    background: var(--ts-glass-bg);
    box-shadow: var(--ts-shadow-md);
    transform: translateY(-2px);
}

.ts-trust-badge-icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ts-primary-50);
    color: var(--ts-primary);
    border-radius: var(--ts-radius-xl);
    transition: all 0.3s var(--ts-ease-spring);
}

.ts-trust-badge:hover .ts-trust-badge-icon {
    background: var(--ts-gradient-primary);
    color: #fff;
    transform: scale(1.08);
}

.ts-trust-badge-text {
    font-size: var(--ts-text-sm);
    font-weight: 600;
    color: var(--ts-gray-700);
}

/* ══════════════════════════════════════
   404
   ══════════════════════════════════════ */

.ts-404 { text-align: center; padding: var(--ts-space-16) 0; }

.ts-404-code {
    font-size: 8rem;
    font-weight: 900;
    line-height: 1;
    margin-bottom: var(--ts-space-4);
    background: var(--ts-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.2;
}

/* ══════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════ */

@media (max-width: 992px) {
    .ts-category-grid { grid-template-columns: repeat(2, 1fr); }
    .ts-popular-vs-grid { grid-template-columns: repeat(2, 1fr); }
    .ts-why-grid { grid-template-columns: repeat(2, 1fr); }
    .ts-top-grid { grid-template-columns: repeat(3, 1fr); gap: var(--ts-space-4); }
    .ts-hero h1 { font-size: var(--ts-text-4xl); }
    .ts-hero { min-height: 520px; padding: var(--ts-space-16) 0 var(--ts-space-12); }
    .ts-hero-orb--1 { width: 250px; height: 250px; }
    .ts-hero-orb--2 { width: 200px; height: 200px; }
    .ts-hero-orb--3 { display: none; }
}

@media (max-width: 768px) {
    .ts-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .ts-popular-vs-grid { grid-template-columns: repeat(2, 1fr); }
    .ts-why-grid { grid-template-columns: 1fr; }
    .ts-top-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto var(--ts-space-8); }
    .ts-trust-badges { gap: var(--ts-space-4); }
    .ts-trust-badge { min-width: 120px; }
    .ts-hero-badge { font-size: var(--ts-text-xs); padding: 5px 12px; }
    .ts-section-header h2 { font-size: var(--ts-text-2xl); }
    .ts-why-card { flex-direction: column; text-align: center; align-items: center; }
}

@media (max-width: 576px) {
    .ts-category-grid { grid-template-columns: 1fr; }
    .ts-popular-vs-grid { grid-template-columns: 1fr; }
    .ts-hero h1 { font-size: var(--ts-text-2xl); }
    .ts-hero { padding: var(--ts-space-10) 0 var(--ts-space-8); min-height: auto; }
    .ts-hero-subtitle { font-size: var(--ts-text-base); }
    .ts-stats-grid { grid-template-columns: 1fr; }
    .ts-stat-number { font-size: var(--ts-text-3xl); }
    .ts-hero-actions { flex-direction: column; align-items: center; }
    .ts-hero-actions .ts-btn-primary,
    .ts-hero-actions .ts-btn-glass { width: 100%; justify-content: center; }
    .ts-hero-search input { font-size: var(--ts-text-sm); padding: 12px 16px 12px 40px; }
}
/**
 * Form Stilleri — Premium v3.0
 * Gradient focus, glow ring, floating label, validation animations
 */

/* ══════════════════════════════════════
   GENEL FORM
   ══════════════════════════════════════ */

.ts-form-group {
    margin-bottom: var(--ts-space-4);
    position: relative;
}

.ts-form-label {
    display: block;
    font-size: var(--ts-text-sm);
    font-weight: 600;
    color: var(--ts-gray-700);
    margin-bottom: var(--ts-space-1);
    transition: color 0.2s ease;
}

.ts-form-hint {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
    margin-top: var(--ts-space-1);
}

/* ══════════════════════════════════════
   INPUT / SELECT / TEXTAREA
   ══════════════════════════════════════ */

.ts-input,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="tel"],
select,
textarea {
    width: 100%;
    padding: 10px var(--ts-space-4);
    font-size: var(--ts-text-sm);
    font-family: inherit;
    color: var(--ts-gray-800);
    background: #fff;
    border: 1px solid var(--ts-gray-300);
    border-radius: var(--ts-radius-md);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

/* Focus — gradient glow ring */
.ts-input:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: var(--ts-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1), 0 0 12px rgba(37, 99, 235, 0.06);
}

textarea {
    min-height: 100px;
    resize: vertical;
}

/* ══════════════════════════════════════
   FLOATING LABEL
   ══════════════════════════════════════ */

.ts-float-group {
    position: relative;
}

.ts-float-group .ts-float-label {
    position: absolute;
    top: 50%;
    left: var(--ts-space-4);
    transform: translateY(-50%);
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-400);
    pointer-events: none;
    transition: all 0.2s ease;
    background: transparent;
    padding: 0 4px;
}

.ts-float-group input:focus ~ .ts-float-label,
.ts-float-group input:not(:placeholder-shown) ~ .ts-float-label,
.ts-float-group textarea:focus ~ .ts-float-label,
.ts-float-group textarea:not(:placeholder-shown) ~ .ts-float-label {
    top: 0;
    font-size: var(--ts-text-xs);
    color: var(--ts-primary);
    background: #fff;
}

/* ══════════════════════════════════════
   VALIDATION STATES
   ══════════════════════════════════════ */

.ts-input-error,
.ts-form-group.has-error input,
.ts-form-group.has-error select,
.ts-form-group.has-error textarea {
    border-color: var(--ts-danger);
}

.ts-input-error:focus,
.ts-form-group.has-error input:focus {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1), 0 0 12px rgba(239, 68, 68, 0.06);
}

.ts-form-group.has-error .ts-form-label {
    color: var(--ts-danger);
}

.ts-input-success,
.ts-form-group.has-success input,
.ts-form-group.has-success select {
    border-color: var(--ts-success);
}

.ts-input-success:focus,
.ts-form-group.has-success input:focus {
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.1), 0 0 12px rgba(34, 197, 94, 0.06);
}

.ts-form-group.has-success .ts-form-label {
    color: var(--ts-success);
}

.ts-error-message {
    font-size: var(--ts-text-xs);
    color: var(--ts-danger);
    margin-top: var(--ts-space-1);
    display: none;
    animation: fadeInUp 0.2s ease;
}

.ts-form-group.has-error .ts-error-message {
    display: block;
}

/* ══════════════════════════════════════
   CHECKBOX / RADIO
   ══════════════════════════════════════ */

.ts-checkbox-group,
.ts-radio-group {
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-2);
}

.ts-checkbox-label,
.ts-radio-label {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-700);
    cursor: pointer;
    padding: var(--ts-space-1) 0;
    transition: color 0.2s ease;
}

.ts-checkbox-label:hover,
.ts-radio-label:hover {
    color: var(--ts-primary);
}

.ts-checkbox-label input[type="checkbox"],
.ts-radio-label input[type="radio"] {
    width: 18px;
    height: 18px;
    accent-color: var(--ts-primary);
    cursor: pointer;
    flex-shrink: 0;
}

/* ══════════════════════════════════════
   SELECT WRAPPER
   ══════════════════════════════════════ */

.ts-select-wrapper {
    position: relative;
}

.ts-select-wrapper select {
    appearance: none;
    padding-right: 36px;
}

.ts-select-wrapper::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--ts-gray-400);
    pointer-events: none;
    transition: transform 0.2s ease;
}

.ts-select-wrapper:focus-within::after {
    transform: translateY(-50%) rotate(180deg);
}

/* ══════════════════════════════════════
   LOADING BUTTON STATE
   ══════════════════════════════════════ */

.ts-btn.ts-loading {
    position: relative;
    color: transparent;
    pointer-events: none;
}

.ts-btn.ts-loading::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ts-btn-outline.ts-loading::after,
.ts-btn-ghost.ts-loading::after {
    border-color: rgba(37, 99, 235, 0.3);
    border-top-color: var(--ts-primary);
}

/* ══════════════════════════════════════
   INLINE FORM (search)
   ══════════════════════════════════════ */

.ts-inline-form {
    display: flex;
    gap: var(--ts-space-2);
}

.ts-inline-form input {
    flex: 1;
}

.ts-inline-form .ts-btn {
    flex-shrink: 0;
}

/* ══════════════════════════════════════
   INPUT GROUP (icon prefix)
   ══════════════════════════════════════ */

.ts-input-group {
    position: relative;
}

.ts-input-group .ts-input-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ts-gray-400);
    pointer-events: none;
    transition: color 0.2s ease;
}

.ts-input-group:focus-within .ts-input-icon {
    color: var(--ts-primary);
}

.ts-input-group input {
    padding-left: 36px;
}

/* ══════════════════════════════════════
   RANGE SLIDER
   ══════════════════════════════════════ */

.ts-range-slider {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    height: 6px;
    background: var(--ts-gray-200);
    border-radius: var(--ts-radius-full);
    outline: none;
}

.ts-range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: var(--ts-gradient-primary);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: var(--ts-shadow-colored);
    transition: box-shadow 0.2s ease;
}

.ts-range-slider::-webkit-slider-thumb:hover {
    box-shadow: var(--ts-shadow-colored-lg);
}

.ts-range-slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: var(--ts-gradient-primary);
    border-radius: 50%;
    cursor: pointer;
    border: none;
    box-shadow: var(--ts-shadow-colored);
}

@media (max-width: 576px) {
    .ts-inline-form {
        flex-direction: column;
    }
}
/**
 * Animasyon & Loading Stilleri — Premium v3.0
 */

/* ══════════════════════════════════════
   KEYFRAMES
   ══════════════════════════════════════ */

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@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); }
}

@keyframes shimmer {
    0%   { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.05); }
}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25%      { transform: translateX(-5px); }
    75%      { transform: translateX(5px); }
}

@keyframes countUp {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Premium Keyframes ── */

@keyframes gradientShift {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes floatOrb {
    0%, 100% { transform: translate(0, 0) scale(1); }
    25%      { transform: translate(30px, -40px) scale(1.1); }
    50%      { transform: translate(-20px, -60px) scale(0.95); }
    75%      { transform: translate(-40px, -20px) scale(1.05); }
}

@keyframes floatOrbReverse {
    0%, 100% { transform: translate(0, 0) scale(1); }
    25%      { transform: translate(-25px, 35px) scale(1.08); }
    50%      { transform: translate(30px, 50px) scale(0.92); }
    75%      { transform: translate(20px, 15px) scale(1.04); }
}

@keyframes glowPulse {
    0%, 100% { box-shadow: 0 0 20px rgba(37,99,235,0.3); }
    50%      { box-shadow: 0 0 40px rgba(37,99,235,0.5), 0 0 80px rgba(124,58,237,0.2); }
}

@keyframes borderGradient {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes clipReveal {
    from { clip-path: inset(0 100% 0 0); opacity: 0; }
    to   { clip-path: inset(0 0 0 0); opacity: 1; }
}

@keyframes blurIn {
    from { opacity: 0; filter: blur(12px); transform: scale(0.95); }
    to   { opacity: 1; filter: blur(0); transform: scale(1); }
}

@keyframes scaleIn {
    from { opacity: 0; transform: scale(0.8); }
    to   { opacity: 1; transform: scale(1); }
}

@keyframes scaleInSpring {
    0%   { opacity: 0; transform: scale(0.6); }
    60%  { transform: scale(1.04); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes shineSlide {
    from { transform: translateX(-100%) skewX(-15deg); }
    to   { transform: translateX(200%) skewX(-15deg); }
}

@keyframes rippleEffect {
    from { transform: scale(0); opacity: 0.6; }
    to   { transform: scale(4); opacity: 0; }
}

@keyframes progressStripe {
    from { background-position: 1rem 0; }
    to   { background-position: 0 0; }
}

@keyframes floatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-8px); }
}

@keyframes rotateIn {
    from { opacity: 0; transform: rotate(-180deg) scale(0.5); }
    to   { opacity: 1; transform: rotate(0deg) scale(1); }
}

@keyframes checkDraw {
    0%   { stroke-dashoffset: 24; }
    100% { stroke-dashoffset: 0; }
}

@keyframes scrollDown {
    0%   { transform: translateY(0); opacity: 0; }
    30%  { opacity: 1; }
    60%  { opacity: 1; }
    100% { transform: translateY(8px); opacity: 0; }
}

/* ══════════════════════════════════════
   SCROLL ANIMASYONLARI
   ══════════════════════════════════════ */

.ts-animate-on-scroll {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.45s var(--ts-ease-out), transform 0.45s var(--ts-ease-out);
}

.ts-animate-on-scroll.ts-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Premium yonler */
.ts-animate-left {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 0.7s var(--ts-ease-out), transform 0.7s var(--ts-ease-out);
}
.ts-animate-left.ts-visible {
    opacity: 1;
    transform: translateX(0);
}

.ts-animate-right {
    opacity: 0;
    transform: translateX(30px);
    transition: opacity 0.7s var(--ts-ease-out), transform 0.7s var(--ts-ease-out);
}
.ts-animate-right.ts-visible {
    opacity: 1;
    transform: translateX(0);
}

/* Premium: Scale-in */
.ts-animate-scale {
    opacity: 0;
    transform: scale(0.85);
    transition: opacity 0.6s var(--ts-ease-out), transform 0.6s var(--ts-ease-spring);
}
.ts-animate-scale.ts-visible {
    opacity: 1;
    transform: scale(1);
}

/* Premium: Blur-in */
.ts-animate-blur {
    opacity: 0;
    filter: blur(10px);
    transform: scale(0.96);
    transition: opacity 0.6s ease, filter 0.6s ease, transform 0.6s ease;
}
.ts-animate-blur.ts-visible {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
}

/* Premium: Clip-path reveal */
.ts-animate-clip {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
    transition: clip-path 0.8s var(--ts-ease-out), opacity 0.4s ease;
}
.ts-animate-clip.ts-visible {
    clip-path: inset(0 0 0 0);
    opacity: 1;
}

/* ══════════════════════════════════════
   STAGGER SİSTEMİ (kademeli gecikmeler)
   ══════════════════════════════════════ */

.ts-stagger-1  { transition-delay: 0.04s; }
.ts-stagger-2  { transition-delay: 0.08s; }
.ts-stagger-3  { transition-delay: 0.12s; }
.ts-stagger-4  { transition-delay: 0.16s; }
.ts-stagger-5  { transition-delay: 0.20s; }
.ts-stagger-6  { transition-delay: 0.24s; }
.ts-stagger-7  { transition-delay: 0.28s; }
.ts-stagger-8  { transition-delay: 0.32s; }
.ts-stagger-9  { transition-delay: 0.36s; }
.ts-stagger-10 { transition-delay: 0.40s; }
.ts-stagger-11 { transition-delay: 0.44s; }
.ts-stagger-12 { transition-delay: 0.48s; }

/* Eski delay'ler (geriye uyumluluk) */
.ts-delay-1 { transition-delay: 0.1s; }
.ts-delay-2 { transition-delay: 0.2s; }
.ts-delay-3 { transition-delay: 0.3s; }
.ts-delay-4 { transition-delay: 0.4s; }

/* ══════════════════════════════════════
   PREMIUM UTILITY CLASS'LAR
   ══════════════════════════════════════ */

/* Glass Morphism */
.ts-glass {
    background: var(--ts-glass-bg);
    backdrop-filter: blur(var(--ts-blur-md));
    -webkit-backdrop-filter: blur(var(--ts-blur-md));
    border: 1px solid var(--ts-glass-border);
    box-shadow: var(--ts-glass-shadow);
}

.ts-glass-heavy {
    background: var(--ts-glass-bg-heavy);
    backdrop-filter: blur(var(--ts-blur-lg));
    -webkit-backdrop-filter: blur(var(--ts-blur-lg));
    border: 1px solid var(--ts-glass-border);
    box-shadow: var(--ts-glass-shadow);
}

/* Gradient Text */
.ts-gradient-text {
    background: var(--ts-gradient-text);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientShift 4s ease infinite;
}

.ts-gradient-text-static {
    background: var(--ts-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Glow Effect */
.ts-glow {
    box-shadow: var(--ts-shadow-glow);
}

.ts-glow-hover:hover {
    box-shadow: var(--ts-shadow-glow);
}

.ts-glow-pulse {
    animation: glowPulse 2.5s ease-in-out infinite;
}

/* Animated Gradient Border */
.ts-gradient-border {
    position: relative;
    background: #fff;
    border-radius: var(--ts-radius-lg);
    z-index: 1;
}

.ts-gradient-border::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    background: var(--ts-gradient-border);
    background-size: 200% 200%;
    animation: borderGradient 4s ease infinite;
    z-index: -1;
}

/* Shine overlay on hover */
.ts-shine {
    position: relative;
    overflow: hidden;
}

.ts-shine::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: var(--ts-gradient-shine);
    transform: skewX(-15deg);
    transition: none;
    pointer-events: none;
}

.ts-shine:hover::after {
    animation: shineSlide 0.6s ease forwards;
}

/* Float animation */
.ts-float {
    animation: floatY 3s ease-in-out infinite;
}

/* ══════════════════════════════════════
   RIPPLE EFEKTI (JS ile birlikte)
   ══════════════════════════════════════ */

.ts-ripple-container {
    position: relative;
    overflow: hidden;
}

.ts-ripple {
    position: absolute;
    border-radius: 50%;
    background: rgba(255,255,255,0.35);
    transform: scale(0);
    animation: rippleEffect 0.6s ease-out forwards;
    pointer-events: none;
}

/* ══════════════════════════════════════
   SKELETON LOADING (Gelistirilmis)
   ══════════════════════════════════════ */

.ts-skeleton {
    background: linear-gradient(90deg, var(--ts-gray-200) 25%, var(--ts-gray-100) 50%, var(--ts-gray-200) 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s ease-in-out infinite;
    border-radius: var(--ts-radius-md);
}

.ts-skeleton-text {
    height: 14px;
    margin-bottom: 8px;
    border-radius: var(--ts-radius-sm);
}

.ts-skeleton-text.short { width: 60%; }
.ts-skeleton-text.medium { width: 80%; }

.ts-skeleton-card {
    height: 200px;
    border-radius: var(--ts-radius-lg);
}

.ts-skeleton-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.ts-skeleton-bar {
    height: 8px;
    border-radius: var(--ts-radius-full);
}

/* ══════════════════════════════════════
   LOADING SPINNER (Gelistirilmis)
   ══════════════════════════════════════ */

.ts-spinner {
    width: 24px;
    height: 24px;
    border: 3px solid var(--ts-gray-200);
    border-top-color: var(--ts-primary);
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
    display: inline-block;
}

.ts-spinner-sm { width: 16px; height: 16px; border-width: 2px; }
.ts-spinner-lg { width: 40px; height: 40px; border-width: 4px; }

/* Gradient spinner */
.ts-spinner-gradient {
    width: 24px;
    height: 24px;
    border: 3px solid transparent;
    border-top-color: var(--ts-primary);
    border-right-color: var(--ts-purple-500);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    display: inline-block;
}

/* Loading overlay */
.ts-loading-overlay {
    position: relative;
}

.ts-loading-overlay::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border-radius: inherit;
}

/* ══════════════════════════════════════
   NUMBER COUNTER
   ══════════════════════════════════════ */

.ts-counter {
    display: inline-block;
}

.ts-counter.ts-counted {
    animation: countUp 0.4s ease;
}

/* ══════════════════════════════════════
   SCORE BAR ANIMATE
   ══════════════════════════════════════ */

.ts-score-fill[data-width] {
    width: 0;
    transition: width 1.2s var(--ts-ease-out);
}

.ts-score-fill[data-width].ts-animated {
    /* width set by JS */
}

/* ══════════════════════════════════════
   IMAGE BLUR-UP LOADING
   ══════════════════════════════════════ */

.ts-blur-up {
    filter: blur(12px);
    transform: scale(1.02);
    transition: filter 0.5s ease, transform 0.5s ease;
}

.ts-blur-up.ts-loaded {
    filter: blur(0);
    transform: scale(1);
}

/* ══════════════════════════════════════
   SCROLL PROGRESS BAR
   ══════════════════════════════════════ */

.ts-scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    background: var(--ts-gradient-primary);
    z-index: var(--ts-z-max);
    transition: width 0.1s linear;
    border-radius: 0 2px 2px 0;
    box-shadow: 0 0 8px rgba(37,99,235,0.4);
}
/**
 * Toast, Cookie Banner, Back-to-Top, Modal — Premium v3.0
 */

/* ── Toast Premium ── */
.ts-toast-container { position: fixed; top: 80px; right: 20px; z-index: 10000; display: flex; flex-direction: column; gap: var(--ts-space-3); pointer-events: none; }

.ts-toast {
    pointer-events: auto;
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
    padding: var(--ts-space-3) var(--ts-space-5);
    border-radius: var(--ts-radius-lg);
    font-size: var(--ts-text-sm);
    font-weight: 500;
    box-shadow: var(--ts-shadow-lg);
    animation: slideDown 0.3s var(--ts-ease-spring);
    min-width: 280px;
    max-width: 400px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.ts-toast-icon { flex-shrink: 0; font-size: var(--ts-text-lg); }
.ts-toast-message { flex: 1; }
.ts-toast-close { flex-shrink: 0; background: none; border: none; cursor: pointer; opacity: 0.6; font-size: var(--ts-text-lg); padding: 0; line-height: 1; min-height: auto; min-width: auto; transition: opacity 0.2s ease; }
.ts-toast-close:hover { opacity: 1; }

.ts-toast-success { background: rgba(220,252,231,0.9); color: #166534; border-left: 4px solid var(--ts-success); }
.ts-toast-error   { background: rgba(254,226,226,0.9); color: #991b1b; border-left: 4px solid var(--ts-danger); }
.ts-toast-info    { background: rgba(219,234,254,0.9); color: #1e40af; border-left: 4px solid var(--ts-info); }
.ts-toast-warning { background: rgba(254,243,199,0.9); color: #92400e; border-left: 4px solid var(--ts-warning); }

.ts-toast.ts-toast-exit { animation: slideOutRight 0.3s ease forwards; }
@keyframes slideOutRight { to { opacity: 0; transform: translateX(100%); } }

/* ── Cookie Banner Premium ── */
.ts-cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgba(15, 23, 42, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: var(--ts-gray-300);
    padding: var(--ts-space-4) var(--ts-space-6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ts-space-4);
    box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
    animation: slideUp 0.4s var(--ts-ease-spring);
}

.ts-cookie-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--ts-gradient-primary);
}

@keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }

.ts-cookie-text { font-size: var(--ts-text-sm); flex: 1; }
.ts-cookie-text a { color: var(--ts-primary); text-decoration: underline; }
.ts-cookie-actions { display: flex; gap: var(--ts-space-2); flex-shrink: 0; }

.ts-cookie-accept {
    background: var(--ts-gradient-primary);
    color: #fff;
    padding: 8px 20px;
    border-radius: var(--ts-radius-md);
    font-size: var(--ts-text-sm);
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all 0.25s var(--ts-ease-smooth);
}
.ts-cookie-accept:hover { box-shadow: 0 4px 12px rgba(37,99,235,0.4); transform: translateY(-1px); }

.ts-cookie-decline {
    background: transparent;
    color: var(--ts-gray-400);
    padding: 8px 16px;
    border-radius: var(--ts-radius-md);
    font-size: var(--ts-text-sm);
    cursor: pointer;
    border: 1px solid var(--ts-gray-600);
    transition: all 0.25s ease;
}
.ts-cookie-decline:hover { color: var(--ts-gray-200); border-color: var(--ts-gray-400); }

.ts-cookie-banner.ts-hidden { display: none; }

/* ── Back to Top Premium ── */
.ts-back-to-top {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 999;
    width: 44px;
    height: 44px;
    background: var(--ts-gradient-primary);
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(37,99,235,0.3);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s var(--ts-ease-spring);
}

.ts-back-to-top.ts-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.ts-back-to-top:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37,99,235,0.4); }
.ts-back-to-top svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.5; }

/* ── Modal Premium ── */
.ts-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 9998;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.ts-modal-overlay.ts-active { opacity: 1; visibility: visible; }

.ts-modal {
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(226,232,240,0.6);
    border-radius: var(--ts-radius-xl);
    padding: var(--ts-space-8);
    max-width: 600px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: var(--ts-shadow-xl);
    transform: scale(0.95);
    transition: transform 0.3s var(--ts-ease-spring);
}

.ts-modal-overlay.ts-active .ts-modal { transform: scale(1); }
.ts-modal-close { position: absolute; top: var(--ts-space-4); right: var(--ts-space-4); background: none; border: none; font-size: var(--ts-text-xl); cursor: pointer; color: var(--ts-gray-400); min-height: auto; min-width: auto; transition: color 0.2s ease; }
.ts-modal-close:hover { color: var(--ts-gray-700); }

/* ── Dark Mode ── */
.ts-dark .ts-toast-success { background: rgba(22,163,74,0.15); color: #86efac; }
.ts-dark .ts-toast-error   { background: rgba(239,68,68,0.15); color: #fca5a5; }
.ts-dark .ts-toast-info    { background: rgba(37,99,235,0.15); color: #93c5fd; }
.ts-dark .ts-toast-warning { background: rgba(245,158,11,0.15); color: #fcd34d; }
.ts-dark .ts-modal { background: rgba(30,41,59,0.95); border-color: #334155; }
.ts-dark .ts-back-to-top { box-shadow: 0 4px 15px rgba(37,99,235,0.4); }

/* ── Responsive ── */
@media (max-width: 768px) {
    .ts-cookie-banner { flex-direction: column; text-align: center; }
    .ts-toast-container { left: 10px; right: 10px; top: auto; bottom: 70px; }
    .ts-toast { min-width: auto; max-width: none; }
}
/**
 * Sticky Elementler — Premium v3.0
 */

/* ── Sticky Header (scrolled state) ── */
.ts-header.ts-scrolled {
    box-shadow: var(--ts-shadow-md);
}

.ts-header.ts-scrolled .ts-header-inner {
    height: 52px;
}

.ts-header.ts-scrolled .ts-logo img {
    height: 26px;
}

/* Hamburger X animation */
.ts-mobile-toggle.ts-active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.ts-mobile-toggle.ts-active span:nth-child(2) { opacity: 0; }
.ts-mobile-toggle.ts-active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

/* ── Sticky Section Nav (Provider TOC) Premium ── */
.ts-sticky-nav {
    position: sticky;
    top: 72px;
    align-self: flex-start;
    width: 220px;
    flex-shrink: 0;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

.ts-toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ts-toc-link {
    display: block;
    padding: var(--ts-space-2) var(--ts-space-3);
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-500);
    border-left: 2px solid var(--ts-gray-200);
    transition: all 0.3s var(--ts-ease-smooth);
}

.ts-toc-link:hover {
    color: var(--ts-primary);
    border-left-color: var(--ts-primary);
    background: rgba(37, 99, 235, 0.04);
    border-radius: 0 var(--ts-radius-md) var(--ts-radius-md) 0;
}

.ts-toc-link.ts-active {
    color: var(--ts-primary);
    font-weight: 600;
    border-left: 3px solid transparent;
    border-image: var(--ts-gradient-primary) 1;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.06), rgba(139, 92, 246, 0.03));
    border-radius: 0 var(--ts-radius-md) var(--ts-radius-md) 0;
}

/* Provider page layout */
.ts-provider-layout {
    display: flex;
    gap: var(--ts-space-8);
}

.ts-provider-content {
    flex: 1;
    min-width: 0;
}

/* ── Mobile Sticky CTA Premium ── */
.ts-sticky-cta {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 998;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: var(--ts-space-3) var(--ts-space-4);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
}

.ts-sticky-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--ts-gradient-primary);
}

.ts-sticky-cta-inner { display: flex; align-items: center; gap: var(--ts-space-3); max-width: var(--ts-container); margin: 0 auto; }
.ts-sticky-cta-info { flex: 1; min-width: 0; }
.ts-sticky-cta-name { font-weight: 600; font-size: var(--ts-text-sm); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ts-sticky-cta-price { font-size: var(--ts-text-xs); color: var(--ts-gray-500); }
.ts-sticky-cta .ts-btn { flex-shrink: 0; }

/* ── Sticky Compare Header Premium ── */
.ts-sticky-compare {
    display: none;
    position: sticky;
    top: 64px;
    z-index: 50;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(226, 232, 240, 0.6);
    padding: var(--ts-space-2) var(--ts-space-4);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.ts-sticky-compare-inner { display: flex; align-items: center; justify-content: center; gap: var(--ts-space-4); font-weight: 600; font-size: var(--ts-text-sm); }
.ts-sticky-compare-vs { color: var(--ts-gray-400); font-size: var(--ts-text-xs); }

/* ── Dark Mode ── */
.ts-dark .ts-sticky-cta { background: rgba(15, 23, 42, 0.9); }
.ts-dark .ts-sticky-compare { background: rgba(15, 23, 42, 0.9); border-color: #334155; }
.ts-dark .ts-toc-link { border-left-color: #334155; }
.ts-dark .ts-toc-link:hover { background: rgba(37, 99, 235, 0.08); }
.ts-dark .ts-toc-link.ts-active { background: rgba(37, 99, 235, 0.12); }

/* ── Responsive ── */
@media (max-width: 992px) {
    .ts-sticky-nav { display: none; }
    .ts-provider-layout { display: block; }
}

@media (max-width: 768px) {
    .ts-sticky-cta { display: block; }
    .ts-sticky-compare { display: block; }
    .ts-header.ts-scrolled .ts-header-inner { height: 48px; }
}
/**
 * Profile & Comparison v2.0 — Complete Redesign Styles
 * Profile Hero, Score Card v2, Pricing v2, Features v2,
 * Pros/Cons v2, Target Audience v2, VS Battle, Score Duel
 */

/* ══════════════════════════════════════════════════════════
   1. PROFILE HERO (summary-card.php v2)
   ══════════════════════════════════════════════════════════ */

.ts-profile-hero {
    position: relative;
    background: #fff;
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-2xl);
    padding: var(--ts-space-10) var(--ts-space-8);
    margin-bottom: var(--ts-space-8);
    overflow: hidden;
}

.ts-profile-hero-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.ts-profile-hero-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.15;
}

.ts-profile-hero-orb--1 {
    width: 300px;
    height: 300px;
    background: var(--ts-primary);
    top: -80px;
    right: -60px;
}

.ts-profile-hero-orb--2 {
    width: 200px;
    height: 200px;
    background: #8b5cf6;
    bottom: -50px;
    left: -40px;
}

.ts-profile-hero-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(37,99,235,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(37,99,235,0.03) 1px, transparent 1px);
    background-size: 40px 40px;
}

.ts-profile-hero-inner {
    display: flex;
    align-items: flex-start;
    gap: var(--ts-space-8);
    position: relative;
    z-index: 1;
}

/* Left side */
.ts-profile-hero-left {
    display: flex;
    gap: var(--ts-space-6);
    flex: 1;
}

.ts-profile-logo img {
    border-radius: var(--ts-radius-xl);
    border: 2px solid var(--ts-border-color);
    box-shadow: var(--ts-shadow-md);
    transition: transform 0.3s var(--ts-ease-spring);
}

.ts-profile-logo img:hover {
    transform: scale(1.05);
}

.ts-profile-info {
    flex: 1;
    min-width: 0;
}

.ts-profile-name-row {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
    flex-wrap: wrap;
    margin-bottom: var(--ts-space-2);
}

.ts-profile-name {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0;
    line-height: 1.2;
}

.ts-profile-desc {
    font-size: var(--ts-text-base);
    color: var(--ts-gray-600);
    line-height: var(--ts-line-relaxed);
    margin-bottom: var(--ts-space-4);
    max-width: 560px;
}

.ts-profile-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ts-space-4);
    margin-bottom: var(--ts-space-5);
}

.ts-profile-meta-item {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-500);
}

.ts-profile-meta-item svg {
    color: var(--ts-primary);
    flex-shrink: 0;
}

.ts-profile-cta {
    display: flex;
    gap: var(--ts-space-3);
    flex-wrap: wrap;
}

/* Right side */
.ts-profile-hero-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ts-space-4);
    flex-shrink: 0;
    min-width: 180px;
}

.ts-profile-score-ring {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ts-score-ring-progress {
    transition: stroke-dasharray 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ts-profile-score-inner {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ts-profile-score-value {
    font-size: 2rem;
    font-weight: 800;
    background: var(--ts-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
}

.ts-profile-score-max {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-400);
    font-weight: 500;
}

.ts-profile-score-label {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-500);
    font-weight: 600;
}

.ts-profile-price-tag {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
    padding: var(--ts-space-2) var(--ts-space-4);
    background: var(--ts-gray-50);
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-full);
    font-size: var(--ts-text-sm);
    font-weight: 600;
    color: var(--ts-gray-700);
}

.ts-profile-price-tag svg {
    color: var(--ts-primary);
}

.ts-profile-badges {
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-2);
    align-items: center;
}

.ts-profile-badge {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
    padding: var(--ts-space-1) var(--ts-space-3);
    border-radius: var(--ts-radius-full);
    font-size: var(--ts-text-xs);
    font-weight: 600;
}

.ts-profile-badge--trial {
    background: linear-gradient(135deg, rgba(37,99,235,0.08), rgba(59,130,246,0.06));
    color: #1e40af;
    border: 1px solid rgba(37,99,235,0.15);
}

.ts-profile-badge--free {
    background: linear-gradient(135deg, rgba(22,163,74,0.08), rgba(16,185,129,0.06));
    color: #166534;
    border: 1px solid rgba(22,163,74,0.15);
}

/* Actions Bar */
.ts-profile-actions-bar {
    display: flex;
    gap: var(--ts-space-2);
    margin-top: var(--ts-space-6);
    padding-top: var(--ts-space-4);
    border-top: 1px solid var(--ts-gray-100);
    position: relative;
    z-index: 1;
}

.ts-profile-action-btn {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
    padding: var(--ts-space-2) var(--ts-space-4);
    background: none;
    border: 1px solid var(--ts-gray-200);
    border-radius: var(--ts-radius-md);
    color: var(--ts-gray-500);
    font-size: var(--ts-text-sm);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.25s var(--ts-ease-out);
}

.ts-profile-action-btn:hover {
    border-color: var(--ts-primary);
    color: var(--ts-primary);
    background: rgba(37,99,235,0.04);
    transform: translateY(-1px);
}

.ts-profile-action-btn svg {
    flex-shrink: 0;
}


/* ══════════════════════════════════════════════════════════
   2. SCORE CARD v2 (score-card.php v2)
   ══════════════════════════════════════════════════════════ */

.ts-score-card-v2 {
    display: flex;
    gap: var(--ts-space-8);
    align-items: flex-start;
}

.ts-score-overview {
    flex-shrink: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ts-space-2);
}

.ts-score-ring-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ts-score-ring-center {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ts-score-ring-number {
    font-size: 2.5rem;
    font-weight: 800;
    background: var(--ts-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
}

.ts-score-ring-max {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-400);
}

.ts-score-overview-label {
    font-size: var(--ts-text-base);
    font-weight: 700;
    color: var(--ts-gray-800);
}

.ts-score-overview-note {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
}

/* Criteria Items */
.ts-score-criteria-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-3);
}

.ts-criteria-item {
    padding: var(--ts-space-2) var(--ts-space-3);
    border-radius: var(--ts-radius-md);
    transition: background 0.2s ease;
}

.ts-criteria-item:hover {
    background: rgba(37,99,235,0.02);
}

.ts-criteria-header {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
    margin-bottom: var(--ts-space-2);
}

.ts-criteria-icon-wrap {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ts-primary-50);
    color: var(--ts-primary);
    border-radius: var(--ts-radius-md);
    flex-shrink: 0;
}

.ts-criteria-name {
    flex: 1;
    font-size: var(--ts-text-sm);
    font-weight: 500;
    color: var(--ts-gray-700);
}

.ts-criteria-weight-badge {
    font-size: 10px;
    font-weight: 600;
    color: var(--ts-gray-400);
    background: var(--ts-gray-100);
    padding: 1px 6px;
    border-radius: var(--ts-radius-full);
}

.ts-criteria-score-num {
    font-size: var(--ts-text-sm);
    font-weight: 700;
    color: var(--ts-gray-800);
    min-width: 28px;
    text-align: right;
}

/* Criteria Bars */
.ts-criteria-bar-track {
    height: 8px;
    background: var(--ts-gray-100);
    border-radius: var(--ts-radius-full);
    overflow: hidden;
}

.ts-criteria-bar-fill {
    height: 100%;
    border-radius: var(--ts-radius-full);
    transition: width 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
}

.ts-bar-primary { background: linear-gradient(90deg, #2563eb, #8b5cf6); }
.ts-bar-high    { background: linear-gradient(90deg, #22c55e, #10b981); }
.ts-bar-mid     { background: linear-gradient(90deg, #f59e0b, #eab308); }
.ts-bar-low     { background: linear-gradient(90deg, #ef4444, #f97316); }

.ts-score-card-note {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
    margin-top: var(--ts-space-4);
    padding: var(--ts-space-3) var(--ts-space-4);
    background: var(--ts-gray-50);
    border-radius: var(--ts-radius-md);
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
    border: 1px solid var(--ts-gray-100);
}

.ts-score-card-note svg {
    flex-shrink: 0;
    color: var(--ts-gray-300);
}


/* ══════════════════════════════════════════════════════════
   3. PROS/CONS v2
   ══════════════════════════════════════════════════════════ */

.ts-pros-cons-v2 .ts-pros-cons-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--ts-space-6);
}

.ts-pros-header,
.ts-cons-header {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
    margin-bottom: var(--ts-space-4);
    padding-bottom: var(--ts-space-3);
    border-bottom: 2px solid transparent;
}

.ts-pros-header { border-bottom-color: rgba(22,163,74,0.2); }
.ts-cons-header { border-bottom-color: rgba(239,68,68,0.2); }

.ts-pros-icon-wrap,
.ts-cons-icon-wrap {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ts-radius-md);
    flex-shrink: 0;
}

.ts-pros-icon-wrap {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #fff;
    box-shadow: 0 2px 8px rgba(22,163,74,0.2);
}

.ts-cons-icon-wrap {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #fff;
    box-shadow: 0 2px 8px rgba(239,68,68,0.2);
}

.ts-pros-header h3,
.ts-cons-header h3 {
    flex: 1;
    font-size: var(--ts-text-base);
    font-weight: 700;
    margin: 0;
}

.ts-pros-header h3 { color: #166534; }
.ts-cons-header h3 { color: var(--ts-danger); }

.ts-pros-count,
.ts-cons-count {
    font-size: var(--ts-text-xs);
    font-weight: 700;
    padding: 2px 8px;
    border-radius: var(--ts-radius-full);
}

.ts-pros-count { background: rgba(22,163,74,0.1); color: #166534; }
.ts-cons-count { background: rgba(239,68,68,0.1); color: #dc2626; }

.ts-pros-cons-v2 .ts-pros-list,
.ts-pros-cons-v2 .ts-cons-list {
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.ts-pros-cons-v2 .ts-pros-list li,
.ts-pros-cons-v2 .ts-cons-list li {
    display: flex;
    gap: var(--ts-space-3);
    align-items: flex-start;
    padding: var(--ts-space-3) var(--ts-space-4);
    border-radius: var(--ts-radius-md);
    font-size: var(--ts-text-sm);
    line-height: var(--ts-line-relaxed);
    transition: all 0.25s var(--ts-ease-out);
    border: 1px solid transparent;
}

.ts-pros-cons-v2 .ts-pros-list li {
    background: rgba(22,163,74,0.04);
}

.ts-pros-cons-v2 .ts-pros-list li:hover {
    background: rgba(22,163,74,0.08);
    border-color: rgba(22,163,74,0.12);
    transform: translateX(4px);
}

.ts-pros-cons-v2 .ts-cons-list li {
    background: rgba(239,68,68,0.04);
}

.ts-pros-cons-v2 .ts-cons-list li:hover {
    background: rgba(239,68,68,0.08);
    border-color: rgba(239,68,68,0.12);
    transform: translateX(4px);
}

.ts-pro-bullet,
.ts-con-bullet {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-top: 1px;
}

.ts-pro-bullet {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #fff;
}

.ts-con-bullet {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #fff;
}


/* ══════════════════════════════════════════════════════════
   4. FEATURES TABLE v2
   ══════════════════════════════════════════════════════════ */

.ts-features-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--ts-space-4);
    margin-bottom: var(--ts-space-6);
    padding: var(--ts-space-5);
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37,99,235,0.02));
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-xl);
}

.ts-features-stat {
    text-align: center;
}

.ts-features-stat-num {
    display: block;
    font-size: var(--ts-text-2xl);
    font-weight: 800;
}

.ts-features-stat-label {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-500);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.ts-text-success { color: #16a34a; }
.ts-text-warning { color: #d97706; }
.ts-text-danger  { color: #dc2626; }

/* Feature Group */
.ts-feature-group-v2 {
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-lg);
    margin-bottom: var(--ts-space-3);
    overflow: hidden;
    transition: border-color 0.3s ease;
}

.ts-feature-group-v2:hover {
    border-color: rgba(37,99,235,0.15);
}

.ts-feature-group-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: var(--ts-space-4) var(--ts-space-5);
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37,99,235,0.02));
    border: none;
    cursor: pointer;
    transition: background 0.2s ease;
}

.ts-feature-group-toggle:hover {
    background: linear-gradient(135deg, rgba(37,99,235,0.04), rgba(37,99,235,0.02));
}

.ts-feature-group-left {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
}

.ts-feature-group-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ts-primary-50);
    color: var(--ts-primary);
    border-radius: var(--ts-radius-md);
}

.ts-feature-group-name {
    font-size: var(--ts-text-base);
    font-weight: 700;
    color: var(--ts-gray-800);
}

.ts-feature-group-count {
    font-size: var(--ts-text-xs);
    font-weight: 600;
    padding: 2px 8px;
    background: var(--ts-gray-100);
    border-radius: var(--ts-radius-full);
    color: var(--ts-gray-500);
}

.ts-feature-group-right {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
}

.ts-feature-group-mini-bar {
    width: 60px;
    height: 6px;
    background: var(--ts-gray-200);
    border-radius: var(--ts-radius-full);
    overflow: hidden;
}

.ts-feature-group-mini-fill {
    height: 100%;
    background: var(--ts-gradient-primary);
    border-radius: var(--ts-radius-full);
    transition: width 0.8s ease;
}

.ts-feature-group-pct {
    font-size: var(--ts-text-xs);
    font-weight: 700;
    color: var(--ts-gray-600);
    min-width: 32px;
    text-align: right;
}

.ts-feature-group-chevron {
    color: var(--ts-gray-400);
    transition: transform 0.3s ease;
}

.ts-feature-group-toggle[aria-expanded="false"] .ts-feature-group-chevron {
    transform: rotate(-90deg);
}

.ts-feature-group-toggle[aria-expanded="false"] + .ts-feature-group-body {
    display: none;
}

/* Feature table inside group */
.ts-feature-table-v2 {
    margin: 0;
}

.ts-feature-table-v2 thead {
    background: rgba(37,99,235,0.02);
}

.ts-feature-row-v2 {
    transition: background 0.2s ease;
}

.ts-feature-row-v2:hover {
    background: rgba(37,99,235,0.03);
}

.ts-th-center {
    text-align: center;
}

.ts-feature-legend-v2 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ts-space-5);
    padding: var(--ts-space-4) var(--ts-space-5);
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37,99,235,0.02));
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-lg);
    margin-top: var(--ts-space-4);
    font-size: var(--ts-text-sm);
}

.ts-feature-legend-v2 span {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
}


/* ══════════════════════════════════════════════════════════
   5. PRICING v2
   ══════════════════════════════════════════════════════════ */

.ts-pricing-badges-v2 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ts-space-3);
    margin-bottom: var(--ts-space-6);
}

.ts-pricing-badge {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
    padding: var(--ts-space-2) var(--ts-space-4);
    border-radius: var(--ts-radius-full);
    font-size: var(--ts-text-sm);
    font-weight: 600;
}

.ts-pricing-badge--free {
    background: linear-gradient(135deg, rgba(22,163,74,0.08), rgba(16,185,129,0.06));
    color: #166534;
    border: 1px solid rgba(22,163,74,0.15);
}

.ts-pricing-badge--trial {
    background: linear-gradient(135deg, rgba(37,99,235,0.08), rgba(59,130,246,0.06));
    color: #1e40af;
    border: 1px solid rgba(37,99,235,0.15);
}

.ts-pricing-badge svg { flex-shrink: 0; }

.ts-pricing-grid-v2 {
    display: grid;
    gap: var(--ts-space-5);
}

.ts-pricing-cols-1 { grid-template-columns: 1fr; max-width: 360px; }
.ts-pricing-cols-2 { grid-template-columns: repeat(2, 1fr); }
.ts-pricing-cols-3 { grid-template-columns: repeat(3, 1fr); }
.ts-pricing-cols-4 { grid-template-columns: repeat(4, 1fr); }

.ts-plan-card-v2 {
    background: #fff;
    border: 2px solid var(--ts-border-color);
    border-radius: var(--ts-radius-xl);
    padding: var(--ts-space-7) var(--ts-space-6);
    text-align: center;
    position: relative;
    transition: all 0.35s var(--ts-ease-out);
    display: flex;
    flex-direction: column;
}

.ts-plan-card-v2:hover {
    border-color: rgba(37,99,235,0.2);
    box-shadow: 0 8px 30px rgba(37,99,235,0.08);
    transform: translateY(-6px);
}

/* Popular plan gradient border */
.ts-plan-popular-v2 {
    border-color: var(--ts-primary);
    box-shadow: 0 0 0 1px rgba(37,99,235,0.1), 0 4px 20px rgba(37,99,235,0.1);
}

.ts-plan-popular-v2::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    height: 4px;
    background: var(--ts-gradient-primary);
    border-radius: var(--ts-radius-xl) var(--ts-radius-xl) 0 0;
}

.ts-plan-popular-v2:hover {
    box-shadow: 0 0 0 1px rgba(37,99,235,0.15), 0 12px 40px rgba(37,99,235,0.15);
}

.ts-plan-ribbon-v2 {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 4px;
    background: var(--ts-gradient-primary);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 16px;
    border-radius: 0 0 var(--ts-radius-md) var(--ts-radius-md);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 2px 8px rgba(37,99,235,0.3);
}

.ts-plan-name-v2 {
    font-size: var(--ts-text-lg);
    font-weight: 600;
    margin-bottom: var(--ts-space-2);
    color: var(--ts-gray-700);
}

.ts-plan-price-v2 {
    margin-bottom: var(--ts-space-3);
}

.ts-plan-amount-v2 {
    font-size: var(--ts-text-3xl);
    font-weight: 800;
    color: var(--ts-gray-900);
    letter-spacing: -0.02em;
    transition: all 0.3s ease;
}

.ts-plan-card-v2:hover .ts-plan-amount-v2 {
    background: var(--ts-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ts-plan-free-v2 {
    color: #16a34a !important;
    -webkit-text-fill-color: #16a34a !important;
}

.ts-plan-period-v2 {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-500);
    font-weight: 500;
}

.ts-plan-annual-v2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ts-space-1);
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-500);
    margin-bottom: var(--ts-space-4);
}

.ts-discount-badge-v2 {
    display: inline-block;
    background: linear-gradient(135deg, rgba(22,163,74,0.08), rgba(16,185,129,0.06));
    color: #166534;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: var(--ts-radius-full);
    border: 1px solid rgba(22,163,74,0.15);
    font-size: 11px;
}

.ts-plan-divider {
    height: 1px;
    background: var(--ts-gray-100);
    margin: 0 calc(-1 * var(--ts-space-2)) var(--ts-space-4);
}

.ts-plan-features-v2 {
    flex: 1;
    text-align: left;
    margin-bottom: var(--ts-space-5);
}

.ts-plan-feature-item {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
    padding: var(--ts-space-2) 0;
    font-size: var(--ts-text-sm);
    border-bottom: 1px solid var(--ts-gray-50);
}

.ts-plan-feature-item svg {
    color: var(--ts-primary);
    flex-shrink: 0;
}

.ts-plan-feature-label {
    flex: 1;
    color: var(--ts-gray-500);
}

.ts-plan-feature-value {
    font-weight: 600;
    color: var(--ts-gray-800);
}

.ts-plan-note-v2 {
    display: flex;
    align-items: flex-start;
    gap: var(--ts-space-2);
    padding: var(--ts-space-2) 0;
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
    font-style: italic;
}

.ts-plan-note-v2 svg {
    flex-shrink: 0;
    margin-top: 1px;
}

.ts-plan-cta-v2 {
    margin-top: auto;
}


/* ══════════════════════════════════════════════════════════
   6. TARGET AUDIENCE v2
   ══════════════════════════════════════════════════════════ */

.ts-audience-grid-v2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--ts-space-4);
}

.ts-audience-card-v2 {
    text-align: center;
    padding: var(--ts-space-6) var(--ts-space-4);
    background: #fff;
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-xl);
    transition: all 0.35s var(--ts-ease-out);
    position: relative;
    overflow: hidden;
}

.ts-audience-card-v2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--ts-gradient-primary);
    transform: scaleX(0);
    transition: transform 0.35s var(--ts-ease-out);
    transform-origin: left;
}

.ts-audience-card-v2:hover::before {
    transform: scaleX(1);
}

.ts-audience-card-v2:hover {
    border-color: rgba(37,99,235,0.15);
    box-shadow: 0 6px 20px rgba(37,99,235,0.08);
    transform: translateY(-4px);
}

.ts-audience-icon-wrap {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ts-primary-50);
    color: var(--ts-primary);
    border-radius: var(--ts-radius-lg);
    margin: 0 auto var(--ts-space-3);
    transition: all 0.3s var(--ts-ease-out);
}

.ts-audience-card-v2:hover .ts-audience-icon-wrap {
    background: var(--ts-gradient-primary);
    color: #fff;
    transform: scale(1.05);
}

.ts-audience-card-v2 .ts-audience-label {
    font-size: var(--ts-text-sm);
    font-weight: 700;
    margin-bottom: var(--ts-space-1);
    color: var(--ts-gray-800);
}

.ts-audience-card-v2 .ts-audience-desc {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-500);
    margin: 0;
    line-height: 1.5;
}


/* ══════════════════════════════════════════════════════════
   7. VS BATTLE (quick-summary v2)
   ══════════════════════════════════════════════════════════ */

.ts-quick-summary-v2 {
    margin-bottom: var(--ts-space-8);
}

.ts-vs-battle {
    display: flex;
    align-items: stretch;
    gap: 0;
    position: relative;
}

.ts-vs-fighter {
    flex: 1;
    background: #fff;
    border: 2px solid var(--ts-border-color);
    border-radius: var(--ts-radius-2xl);
    padding: var(--ts-space-8) var(--ts-space-6);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ts-space-4);
    position: relative;
    transition: all 0.35s var(--ts-ease-out);
}

.ts-vs-fighter:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.06);
    transform: translateY(-4px);
}

.ts-vs-fighter--winner {
    border-color: rgba(22,163,74,0.3);
    box-shadow: 0 0 0 1px rgba(22,163,74,0.05), 0 4px 20px rgba(22,163,74,0.06);
}

.ts-vs-winner-badge {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 4px;
    background: linear-gradient(135deg, #22c55e, #10b981);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 14px;
    border-radius: 0 0 var(--ts-radius-md) var(--ts-radius-md);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 2px 8px rgba(22,163,74,0.3);
}

.ts-vs-fighter-logo img {
    border-radius: var(--ts-radius-xl);
    border: 2px solid var(--ts-border-color);
    box-shadow: var(--ts-shadow-md);
}

.ts-vs-fighter-name {
    font-size: var(--ts-text-xl);
    font-weight: 800;
    margin: 0;
    letter-spacing: -0.02em;
}

.ts-vs-score-ring {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ts-vs-score-num {
    position: absolute;
    font-size: 1.25rem;
    font-weight: 800;
    background: var(--ts-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ts-vs-quick-stats {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--ts-space-2);
    width: 100%;
}

.ts-vs-qstat {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--ts-space-2);
    background: var(--ts-gray-50);
    border-radius: var(--ts-radius-md);
}

.ts-vs-qstat-label {
    font-size: 10px;
    font-weight: 600;
    color: var(--ts-gray-400);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.ts-vs-qstat-value {
    font-size: var(--ts-text-sm);
    font-weight: 700;
    color: var(--ts-gray-800);
}

.ts-vs-fighter-desc {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-500);
    line-height: var(--ts-line-relaxed);
    margin: 0;
}

.ts-vs-fighter-cta {
    margin-top: auto;
}

/* VS Badge Center */
.ts-vs-badge-center {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin: 0 calc(-1 * var(--ts-space-5));
    align-self: center;
}

.ts-vs-badge-center span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background: var(--ts-gradient-primary);
    color: #fff;
    font-size: var(--ts-text-lg);
    font-weight: 900;
    border-radius: 50%;
    box-shadow: 0 4px 20px rgba(37,99,235,0.3);
    letter-spacing: -0.02em;
}


/* ══════════════════════════════════════════════════════════
   8. SCORE DUEL (score-compare v2)
   ══════════════════════════════════════════════════════════ */

.ts-score-duel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--ts-space-6);
    margin-bottom: var(--ts-space-8);
    padding: var(--ts-space-8) var(--ts-space-6);
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37,99,235,0.02));
    border-radius: var(--ts-radius-2xl);
    border: 1px solid var(--ts-border-color);
}

.ts-score-duel-side {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ts-space-3);
}

.ts-score-duel-ring {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ts-score-duel-num {
    position: absolute;
    font-size: 1.75rem;
    font-weight: 800;
    background: var(--ts-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ts-score-duel--winner .ts-score-duel-num {
    background: linear-gradient(135deg, #22c55e, #10b981);
    -webkit-background-clip: text;
    background-clip: text;
}

.ts-score-duel-name {
    font-size: var(--ts-text-lg);
    font-weight: 700;
    margin: 0;
}

.ts-score-duel-wins {
    font-size: var(--ts-text-xs);
    font-weight: 600;
    color: var(--ts-gray-500);
    background: var(--ts-gray-100);
    padding: 2px 10px;
    border-radius: var(--ts-radius-full);
}

.ts-score-duel-vs {
    font-size: var(--ts-text-2xl);
    font-weight: 900;
    color: var(--ts-gray-300);
    letter-spacing: -0.02em;
}

/* Criteria Duel Rows */
.ts-score-criteria-duel {
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-3);
}

.ts-criteria-duel-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: var(--ts-space-4);
    align-items: center;
    padding: var(--ts-space-2) 0;
    border-bottom: 1px solid var(--ts-gray-50);
    transition: background 0.2s ease;
}

.ts-criteria-duel-row:hover {
    background: rgba(37,99,235,0.02);
    margin: 0 calc(-1 * var(--ts-space-3));
    padding-left: var(--ts-space-3);
    padding-right: var(--ts-space-3);
    border-radius: var(--ts-radius-md);
}

.ts-criteria-duel-bar {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
}

.ts-criteria-duel-left {
    justify-content: flex-end;
}

.ts-criteria-duel-right {
    justify-content: flex-start;
}

.ts-criteria-duel-track {
    flex: 1;
    height: 8px;
    background: var(--ts-gray-100);
    border-radius: var(--ts-radius-full);
    overflow: hidden;
}

.ts-criteria-duel-track--left {
    direction: rtl;
}

.ts-criteria-duel-fill {
    height: 100%;
    background: linear-gradient(90deg, #94a3b8, #64748b);
    border-radius: var(--ts-radius-full);
    transition: width 1s ease;
}

.ts-criteria-duel-fill--winner {
    background: linear-gradient(90deg, #22c55e, #10b981);
}

.ts-criteria-duel-val {
    font-size: var(--ts-text-sm);
    font-weight: 700;
    color: var(--ts-gray-500);
    min-width: 28px;
}

.ts-criteria-duel-val--winner {
    color: #16a34a;
    font-weight: 800;
}

.ts-criteria-duel-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 120px;
    gap: 2px;
}

.ts-criteria-duel-icon {
    color: var(--ts-primary);
}

.ts-criteria-duel-label {
    font-size: var(--ts-text-xs);
    font-weight: 600;
    color: var(--ts-gray-700);
    white-space: nowrap;
}

.ts-criteria-duel-weight {
    font-size: 10px;
    color: var(--ts-gray-400);
}

/* Score Verdict */
.ts-score-verdict-v2 {
    display: flex;
    align-items: center;
    gap: var(--ts-space-4);
    padding: var(--ts-space-4) var(--ts-space-6);
    background: linear-gradient(135deg, rgba(37,99,235,0.04), rgba(16,185,129,0.04));
    border: 1px solid rgba(37,99,235,0.08);
    border-radius: var(--ts-radius-lg);
    margin-top: var(--ts-space-6);
    font-size: var(--ts-text-sm);
}

.ts-verdict-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
}

.ts-verdict-icon--winner {
    background: linear-gradient(135deg, #22c55e, #10b981);
    color: #fff;
}

.ts-verdict-icon--tie {
    background: var(--ts-gray-100);
    color: var(--ts-gray-500);
}


/* ══════════════════════════════════════════════════════════
   9. FEATURE COMPARE v2 (feature-compare.php v2)
   ══════════════════════════════════════════════════════════ */

.ts-feature-compare-v2 {
    margin-bottom: var(--ts-space-8);
}

/* Summary Bar */
.ts-fc-summary {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: var(--ts-space-4);
    align-items: center;
    padding: var(--ts-space-5) var(--ts-space-6);
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37,99,235,0.02));
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-xl);
    margin-bottom: var(--ts-space-4);
}

.ts-fc-summary-side {
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-1);
}

.ts-fc-summary-a { text-align: left; }
.ts-fc-summary-b { text-align: right; }

.ts-fc-summary-name {
    font-size: var(--ts-text-base);
    font-weight: 700;
    color: var(--ts-gray-800);
}

.ts-fc-summary-count {
    font-size: var(--ts-text-2xl);
    font-weight: 800;
    background: var(--ts-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ts-fc-summary-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ts-space-1);
}

.ts-fc-summary-tie {
    font-size: var(--ts-text-sm);
    font-weight: 600;
    color: var(--ts-gray-500);
}

.ts-fc-summary-total {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
}

/* Win Bar */
.ts-fc-winbar {
    display: flex;
    height: 8px;
    border-radius: var(--ts-radius-full);
    overflow: hidden;
    margin-bottom: var(--ts-space-6);
}

.ts-fc-winbar-a {
    background: linear-gradient(90deg, #2563eb, #3b82f6);
    transition: width 1s ease;
}

.ts-fc-winbar-tie {
    background: var(--ts-gray-200);
    transition: width 1s ease;
}

.ts-fc-winbar-b {
    background: linear-gradient(90deg, #8b5cf6, #a855f7);
    transition: width 1s ease;
}

/* Feature Compare Group */
.ts-fc-group {
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-lg);
    margin-bottom: var(--ts-space-3);
    overflow: hidden;
    transition: border-color 0.3s ease;
}

.ts-fc-group:hover {
    border-color: rgba(37,99,235,0.15);
}

.ts-fc-group .ts-fc-group-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: var(--ts-space-4) var(--ts-space-5);
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37,99,235,0.02));
    border: none;
    cursor: pointer;
    transition: background 0.2s ease;
}

.ts-fc-group .ts-fc-group-toggle:hover {
    background: linear-gradient(135deg, rgba(37,99,235,0.04), rgba(37,99,235,0.02));
}

.ts-fc-group-name {
    font-size: var(--ts-text-base);
    font-weight: 700;
    color: var(--ts-gray-800);
}

.ts-fc-group-meta {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
}

.ts-fc-group-count {
    font-size: var(--ts-text-xs);
    font-weight: 600;
    padding: 2px 8px;
    background: var(--ts-gray-100);
    border-radius: var(--ts-radius-full);
    color: var(--ts-gray-500);
}

.ts-fc-group-winner {
    font-size: var(--ts-text-xs);
    font-weight: 700;
    padding: 2px 10px;
    border-radius: var(--ts-radius-full);
}

.ts-fc-group-winner--a {
    background: linear-gradient(135deg, rgba(37,99,235,0.08), rgba(59,130,246,0.06));
    color: #1e40af;
    border: 1px solid rgba(37,99,235,0.15);
}

.ts-fc-group-winner--b {
    background: linear-gradient(135deg, rgba(139,92,246,0.08), rgba(168,85,247,0.06));
    color: #6d28d9;
    border: 1px solid rgba(139,92,246,0.15);
}

.ts-fc-group-winner--tie {
    background: var(--ts-gray-100);
    color: var(--ts-gray-500);
}

/* Winner highlight in compare table */
.ts-compare-table .ts-winner {
    background: rgba(22,163,74,0.06);
    font-weight: 600;
}


/* ══════════════════════════════════════════════════════════
   10. PRICE COMPARE v2 (price-compare.php v2)
   ══════════════════════════════════════════════════════════ */

.ts-price-compare-v2 {
    margin-bottom: var(--ts-space-8);
}

.ts-price-battle {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0;
    align-items: stretch;
    margin-bottom: var(--ts-space-6);
}

.ts-price-fighter {
    background: #fff;
    border: 2px solid var(--ts-border-color);
    border-radius: var(--ts-radius-xl);
    padding: var(--ts-space-6);
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-5);
    transition: all 0.35s var(--ts-ease-out);
}

.ts-price-fighter:hover {
    border-color: rgba(37,99,235,0.15);
    box-shadow: 0 6px 24px rgba(37,99,235,0.06);
}

.ts-price-fighter--cheaper {
    border-color: rgba(22,163,74,0.3);
    box-shadow: 0 0 0 1px rgba(22,163,74,0.05);
}

.ts-price-fighter-head {
    text-align: center;
}

.ts-price-fighter-name {
    font-size: var(--ts-text-lg);
    font-weight: 700;
    margin: 0 0 var(--ts-space-1) 0;
    color: var(--ts-gray-800);
}

.ts-price-fighter-subtitle {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
}

.ts-price-range-v2 {
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-3);
}

.ts-price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--ts-space-3) var(--ts-space-4);
    background: var(--ts-gray-50);
    border-radius: var(--ts-radius-md);
    transition: background 0.2s ease;
}

.ts-price-row:hover {
    background: rgba(37,99,235,0.04);
}

.ts-price-row-icon {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
    color: var(--ts-gray-500);
    font-size: var(--ts-text-sm);
}

.ts-price-row-icon svg {
    color: var(--ts-primary);
    flex-shrink: 0;
}

.ts-price-row-val {
    font-size: var(--ts-text-base);
    font-weight: 700;
    color: var(--ts-gray-800);
}

.ts-price-row-val--free {
    color: #16a34a;
}

.ts-price-pp-bar {
    padding: var(--ts-space-3) var(--ts-space-4);
    background: var(--ts-gray-50);
    border-radius: var(--ts-radius-md);
}

.ts-price-pp-label {
    display: flex;
    justify-content: space-between;
    font-size: var(--ts-text-xs);
    font-weight: 600;
    color: var(--ts-gray-500);
    margin-bottom: var(--ts-space-2);
}

.ts-price-pp-track {
    height: 8px;
    background: var(--ts-gray-200);
    border-radius: var(--ts-radius-full);
    overflow: hidden;
}

.ts-price-pp-fill {
    height: 100%;
    border-radius: var(--ts-radius-full);
    transition: width 1.2s ease;
}

.ts-price-pp-fill--high { background: linear-gradient(90deg, #22c55e, #10b981); }
.ts-price-pp-fill--mid  { background: linear-gradient(90deg, #f59e0b, #eab308); }
.ts-price-pp-fill--low  { background: linear-gradient(90deg, #ef4444, #f97316); }

.ts-price-vs-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin: 0 calc(-1 * var(--ts-space-4));
}

.ts-price-vs-badge {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ts-gray-100);
    color: var(--ts-gray-500);
    font-size: var(--ts-text-sm);
    font-weight: 800;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Price Verdict */
.ts-price-verdict-v2 {
    display: flex;
    align-items: center;
    gap: var(--ts-space-4);
    padding: var(--ts-space-4) var(--ts-space-6);
    background: linear-gradient(135deg, rgba(22,163,74,0.04), rgba(16,185,129,0.02));
    border: 1px solid rgba(22,163,74,0.12);
    border-radius: var(--ts-radius-lg);
    font-size: var(--ts-text-sm);
}

.ts-price-verdict-v2 .ts-verdict-icon {
    background: linear-gradient(135deg, #22c55e, #10b981);
    color: #fff;
}

/* Plan Match Table v2 */
.ts-plan-match-v2 {
    margin-bottom: var(--ts-space-8);
}

.ts-match-cards {
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-3);
}

.ts-match-row-v2 {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: var(--ts-space-4);
    align-items: center;
    padding: var(--ts-space-4) var(--ts-space-5);
    background: #fff;
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-lg);
    transition: all 0.25s ease;
}

.ts-match-row-v2:hover {
    border-color: rgba(37,99,235,0.15);
    box-shadow: 0 4px 16px rgba(0,0,0,0.04);
}

.ts-match-row-v2--repeated {
    opacity: 0.5;
}

.ts-match-plan-v2 {
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-1);
}

.ts-match-plan-v2--left { text-align: left; }
.ts-match-plan-v2--right { text-align: right; }

.ts-match-plan-name-v2 {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
    font-size: var(--ts-text-base);
    font-weight: 700;
    color: var(--ts-gray-800);
}

.ts-match-plan-v2--right .ts-match-plan-name-v2 {
    justify-content: flex-end;
}

.ts-match-repeat-badge-v2 {
    font-size: 9px;
    font-weight: 600;
    padding: 1px 6px;
    background: var(--ts-gray-100);
    border-radius: var(--ts-radius-full);
    color: var(--ts-gray-400);
}

.ts-match-plan-price-v2 {
    font-size: var(--ts-text-lg);
    font-weight: 800;
    color: var(--ts-gray-900);
}

.ts-match-plan-price-v2--cheaper {
    color: #16a34a;
}

.ts-match-plan-detail {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-500);
}

.ts-match-plan-v2--right .ts-match-plan-detail {
    justify-content: flex-end;
}

.ts-match-plan-detail svg {
    color: var(--ts-gray-400);
    flex-shrink: 0;
}

.ts-match-vs-cell-v2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ts-match-vs-pill {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ts-gray-100);
    border-radius: 50%;
    font-size: var(--ts-text-xs);
    font-weight: 800;
    color: var(--ts-gray-400);
}

.ts-match-empty {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-300);
    font-style: italic;
}


/* ══════════════════════════════════════════════════════════
   11. INTEGRATION COMPARE v2
   ══════════════════════════════════════════════════════════ */

.ts-integration-compare-v2 {
    margin-bottom: var(--ts-space-8);
}

.ts-intcomp-summary {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: var(--ts-space-4);
    align-items: center;
    padding: var(--ts-space-4) var(--ts-space-6);
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37,99,235,0.02));
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-xl);
    margin-bottom: var(--ts-space-6);
}

.ts-intcomp-side {
    display: flex;
    flex-direction: column;
    gap: var(--ts-space-1);
}

.ts-intcomp-side--left { text-align: left; }
.ts-intcomp-side--right { text-align: right; }

.ts-intcomp-name {
    font-size: var(--ts-text-sm);
    font-weight: 600;
    color: var(--ts-gray-600);
}

.ts-intcomp-count {
    font-size: var(--ts-text-2xl);
    font-weight: 800;
    background: var(--ts-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ts-intcomp-vs {
    font-size: var(--ts-text-lg);
    font-weight: 900;
    color: var(--ts-gray-300);
}

.ts-intcomp-group {
    margin-bottom: var(--ts-space-4);
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-lg);
    overflow: hidden;
}

.ts-intcomp-group-title {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
    margin: 0;
    padding: var(--ts-space-3) var(--ts-space-5);
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37,99,235,0.02));
    font-size: var(--ts-text-sm);
    font-weight: 700;
    color: var(--ts-gray-700);
}

.ts-intcomp-group-title svg {
    color: var(--ts-primary);
    flex-shrink: 0;
}

.ts-intcomp-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-bottom: 1px solid var(--ts-gray-50);
    transition: background 0.2s ease;
}

.ts-intcomp-row:last-child {
    border-bottom: none;
}

.ts-intcomp-row:hover {
    background: rgba(37,99,235,0.02);
}

.ts-intcomp-cell {
    padding: var(--ts-space-3) var(--ts-space-5);
    font-size: var(--ts-text-sm);
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
}

.ts-intcomp-cell--name {
    font-weight: 600;
    color: var(--ts-gray-700);
}

.ts-intcomp-cell--center {
    justify-content: center;
}

.ts-intcomp-check {
    display: inline-flex;
    align-items: center;
    gap: var(--ts-space-2);
}

.ts-intcomp-check svg {
    flex-shrink: 0;
}

.ts-intcomp-check--has svg {
    color: #16a34a;
}

.ts-intcomp-check--no svg {
    color: var(--ts-gray-300);
}

.ts-intcomp-level {
    font-size: 10px;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: var(--ts-radius-full);
    background: var(--ts-gray-100);
    color: var(--ts-gray-500);
}

.ts-intcomp-level--native  { background: rgba(22,163,74,0.08); color: #166534; }
.ts-intcomp-level--official { background: rgba(37,99,235,0.08); color: #1e40af; }


/* ══════════════════════════════════════════════════════════
   12. INTEGRATIONS LIST v2 (provider/integrations.php)
   ══════════════════════════════════════════════════════════ */

.ts-integrations-v2 {
    margin-bottom: var(--ts-space-8);
}

.ts-int-stats-v2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: var(--ts-space-3);
    margin-bottom: var(--ts-space-6);
    padding: var(--ts-space-5);
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37,99,235,0.02));
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-xl);
}

.ts-int-stat-v2 {
    text-align: center;
}

.ts-int-stat-num {
    display: block;
    font-size: var(--ts-text-2xl);
    font-weight: 800;
    background: var(--ts-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ts-int-stat-label {
    font-size: var(--ts-text-xs);
    font-weight: 600;
    color: var(--ts-gray-500);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.ts-int-group-v2 {
    margin-bottom: var(--ts-space-4);
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-lg);
    overflow: hidden;
}

.ts-int-group-header-v2 {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
    padding: var(--ts-space-3) var(--ts-space-5);
    background: linear-gradient(135deg, var(--ts-gray-50), rgba(37,99,235,0.02));
}

.ts-int-group-icon-v2 {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ts-primary-50);
    color: var(--ts-primary);
    border-radius: var(--ts-radius-md);
}

.ts-int-group-name-v2 {
    flex: 1;
    font-size: var(--ts-text-sm);
    font-weight: 700;
    color: var(--ts-gray-700);
    margin: 0;
}

.ts-int-group-badge-v2 {
    font-size: var(--ts-text-xs);
    font-weight: 600;
    padding: 2px 8px;
    background: var(--ts-gray-100);
    border-radius: var(--ts-radius-full);
    color: var(--ts-gray-500);
}

.ts-int-items-v2 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.ts-int-item-v2 {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3);
    padding: var(--ts-space-3) var(--ts-space-5);
    border-bottom: 1px solid var(--ts-gray-50);
    transition: background 0.2s ease;
}

.ts-int-item-v2:hover {
    background: rgba(37,99,235,0.02);
}

.ts-int-item-name {
    flex: 1;
    font-size: var(--ts-text-sm);
    font-weight: 500;
    color: var(--ts-gray-700);
}

.ts-int-item-level {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: var(--ts-radius-full);
}

.ts-int-item-level--native   { background: rgba(22,163,74,0.08); color: #166534; }
.ts-int-item-level--official  { background: rgba(37,99,235,0.08); color: #1e40af; }
.ts-int-item-level--api       { background: rgba(245,158,11,0.08); color: #b45309; }
.ts-int-item-level--third_party { background: var(--ts-gray-100); color: var(--ts-gray-500); }

.ts-int-item-note {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
    font-style: italic;
}


/* ══════════════════════════════════════════════════════════
   13. PROVIDER CARD v2 (card.php)
   ══════════════════════════════════════════════════════════ */

.ts-provider-card-v2 {
    background: #fff;
    border: 1px solid var(--ts-border-color);
    border-radius: var(--ts-radius-xl);
    overflow: hidden;
    transition: all 0.35s var(--ts-ease-out);
    position: relative;
}

.ts-provider-card-v2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--ts-gradient-primary);
    transform: scaleX(0);
    transition: transform 0.35s var(--ts-ease-out);
    transform-origin: left;
}

.ts-provider-card-v2:hover::before {
    transform: scaleX(1);
}

.ts-provider-card-v2:hover {
    border-color: rgba(37,99,235,0.15);
    box-shadow: 0 8px 30px rgba(37,99,235,0.08);
    transform: translateY(-6px);
}

.ts-provider-card-v2 .ts-provider-card-link {
    display: flex;
    padding: var(--ts-space-5);
    gap: var(--ts-space-4);
    text-decoration: none;
    color: inherit;
}

.ts-provider-card-v2 .ts-provider-card-logo img {
    width: 64px;
    height: 64px;
    border-radius: var(--ts-radius-lg);
    border: 2px solid var(--ts-border-color);
    object-fit: contain;
    transition: transform 0.3s var(--ts-ease-spring);
    image-rendering: -webkit-optimize-contrast;\n    image-rendering: crisp-edges;\n}

.ts-provider-card-v2:hover .ts-provider-card-logo img {
    transform: scale(1.05);
}

.ts-provider-card-v2 .ts-logo-placeholder {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ts-gradient-primary);
    color: #fff;
    font-size: var(--ts-text-xl);
    font-weight: 800;
    border-radius: var(--ts-radius-lg);
}

.ts-provider-card-v2 .ts-provider-card-body {
    flex: 1;
    min-width: 0;
}

.ts-provider-card-v2 .ts-provider-card-name {
    font-size: var(--ts-text-base);
    font-weight: 700;
    margin: 0 0 var(--ts-space-1) 0;
    display: flex;
    align-items: center;
    gap: var(--ts-space-2);
}

.ts-provider-card-v2 .ts-provider-card-desc {
    font-size: var(--ts-text-sm);
    color: var(--ts-gray-500);
    margin: 0 0 var(--ts-space-3) 0;
    line-height: var(--ts-line-relaxed);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ts-provider-card-v2 .ts-provider-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ts-provider-card-v2 .ts-provider-card-score {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

.ts-provider-card-v2 .ts-score-number {
    font-size: var(--ts-text-xl);
    font-weight: 800;
}

.ts-provider-card-v2 .ts-score-max {
    font-size: var(--ts-text-xs);
    color: var(--ts-gray-400);
}

.ts-provider-card-v2 .ts-provider-card-price {
    font-size: var(--ts-text-sm);
    font-weight: 600;
    color: var(--ts-gray-600);
    background: var(--ts-gray-50);
    padding: 2px 10px;
    border-radius: var(--ts-radius-full);
}

.ts-provider-card-v2 .ts-provider-card-actions {
    display: flex;
    gap: var(--ts-space-2);
    padding: 0 var(--ts-space-5) var(--ts-space-5);
}

.ts-provider-card-v2 .ts-provider-card-actions .ts-btn {
    flex: 1;
    text-align: center;
    font-size: var(--ts-text-sm);
}


/* ══════════════════════════════════════════════════════════
   14. ALTERNATIVES v2
   ══════════════════════════════════════════════════════════ */

.ts-alternatives-v2 {
    margin-bottom: var(--ts-space-8);
}

.ts-alternatives-grid-v2 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--ts-space-5);
    margin-bottom: var(--ts-space-6);
}

.ts-alternatives-more-v2 {
    text-align: center;
}


/* ══════════════════════════════════════════════════════════
   15. RESPONSIVE (extended)
   ══════════════════════════════════════════════════════════ */

@media (max-width: 992px) {
    .ts-profile-hero-inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .ts-profile-hero-left {
        flex-direction: column;
        align-items: center;
    }

    .ts-profile-meta {
        justify-content: center;
    }

    .ts-profile-cta {
        justify-content: center;
    }

    .ts-profile-desc {
        max-width: 100%;
    }

    .ts-score-card-v2 {
        flex-direction: column;
        align-items: center;
    }

    .ts-vs-battle {
        flex-direction: column;
        gap: var(--ts-space-4);
    }

    .ts-vs-badge-center {
        margin: calc(-1 * var(--ts-space-3)) 0;
    }

    .ts-score-duel {
        flex-direction: column;
    }

    .ts-price-battle {
        grid-template-columns: 1fr;
        gap: var(--ts-space-4);
    }

    .ts-price-vs-divider {
        margin: 0;
    }

    .ts-match-row-v2 {
        grid-template-columns: 1fr;
        gap: var(--ts-space-2);
    }

    .ts-match-plan-v2--right {
        text-align: left;
    }

    .ts-match-plan-v2--right .ts-match-plan-name-v2,
    .ts-match-plan-v2--right .ts-match-plan-detail {
        justify-content: flex-start;
    }

    .ts-match-vs-cell-v2 {
        display: none;
    }

    .ts-intcomp-summary {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .ts-intcomp-side--left,
    .ts-intcomp-side--right {
        text-align: center;
    }

    .ts-intcomp-row {
        grid-template-columns: 1fr;
    }

    .ts-intcomp-cell--center {
        justify-content: flex-start;
    }

    .ts-fc-summary {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .ts-fc-summary-a,
    .ts-fc-summary-b {
        text-align: center;
    }

    .ts-alternatives-grid-v2 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .ts-profile-hero {
        padding: var(--ts-space-6) var(--ts-space-5);
    }

    .ts-pros-cons-v2 .ts-pros-cons-grid {
        grid-template-columns: 1fr;
    }

    .ts-features-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .ts-pricing-grid-v2 {
        grid-template-columns: 1fr !important;
    }

    .ts-audience-grid-v2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .ts-criteria-duel-row {
        grid-template-columns: 1fr;
        gap: var(--ts-space-2);
    }

    .ts-criteria-duel-center {
        order: -1;
        flex-direction: row;
        gap: var(--ts-space-2);
    }

    .ts-criteria-duel-left {
        justify-content: flex-start;
    }

    .ts-criteria-duel-track--left {
        direction: ltr;
    }

    .ts-profile-actions-bar {
        flex-wrap: wrap;
    }

    .ts-profile-action-btn span {
        display: none;
    }
}

@media (max-width: 576px) {
    .ts-audience-grid-v2 {
        grid-template-columns: 1fr;
    }

    .ts-features-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* ═══════════════════════════════════════
   Sikayetvar Badge — score-card ile uyumlu
   ═══════════════════════════════════════ */

.ts-sv-card {
    margin-top: var(--ts-space-6, 1.5rem);
    padding: var(--ts-space-5, 1.25rem) var(--ts-space-6, 1.5rem);
    background: var(--ts-white, #fff);
    border: 1px solid var(--ts-gray-100, #f1f5f9);
    border-radius: var(--ts-radius-lg, 12px);
    border-left: 3px solid var(--sv-color, #16a34a);
}

/* ── Header ── */
.ts-sv-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--ts-space-4, 1rem);
    padding-bottom: var(--ts-space-3, 0.75rem);
    border-bottom: 1px solid var(--ts-gray-100, #f1f5f9);
}

.ts-sv-brand {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2, 0.5rem);
    font-size: var(--ts-text-sm, 0.875rem);
    font-weight: 600;
    color: var(--ts-gray-500, #64748b);
}

.ts-sv-ext {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--ts-text-xs, 0.75rem);
    font-weight: 500;
    color: var(--ts-primary, #2563eb);
    text-decoration: none;
    transition: opacity 0.2s;
}

.ts-sv-ext:hover {
    opacity: 0.7;
}

/* ── Content Row ── */
.ts-sv-content {
    display: flex;
    align-items: center;
    gap: var(--ts-space-8, 2rem);
}

/* ── Score Circle ── */
.ts-sv-score {
    display: flex;
    align-items: center;
    gap: var(--ts-space-3, 0.75rem);
    flex-shrink: 0;
}

.ts-sv-ring {
    position: relative;
    width: 72px;
    height: 72px;
    flex-shrink: 0;
}

.ts-sv-ring svg {
    display: block;
}

.ts-sv-num {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.375rem;
    font-weight: 800;
    color: var(--sv-color);
    line-height: 1;
}

.ts-sv-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ts-sv-label {
    font-size: var(--ts-text-sm, 0.875rem);
    font-weight: 700;
    color: var(--sv-color);
}

.ts-sv-of {
    font-size: var(--ts-text-xs, 0.75rem);
    color: var(--ts-gray-400, #94a3b8);
}

/* ── Stats ── */
.ts-sv-stats {
    display: flex;
    gap: var(--ts-space-6, 1.5rem);
    flex: 1;
}

.ts-sv-stat {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ts-sv-val {
    font-size: var(--ts-text-lg, 1.125rem);
    font-weight: 700;
    color: var(--ts-gray-800, #1e293b);
    line-height: 1.2;
}

.ts-sv-desc {
    font-size: var(--ts-text-xs, 0.75rem);
    color: var(--ts-gray-400, #94a3b8);
}

/* ── Warning Note ── */
.ts-sv-warn {
    display: flex;
    align-items: center;
    gap: var(--ts-space-2, 0.5rem);
    margin-top: var(--ts-space-3, 0.75rem);
    padding-top: var(--ts-space-3, 0.75rem);
    border-top: 1px solid var(--ts-gray-100, #f1f5f9);
    font-size: var(--ts-text-xs, 0.75rem);
    color: var(--ts-gray-400, #94a3b8);
}

.ts-sv-warn svg {
    flex-shrink: 0;
    color: var(--ts-gray-300, #cbd5e1);
}

/* ── Dark Mode ── */
.ts-dark .ts-sv-card {
    background: var(--ts-gray-800, #1e293b);
    border-color: var(--ts-gray-700, #334155);
    border-left-color: var(--sv-color);
}

.ts-dark .ts-sv-top {
    border-bottom-color: var(--ts-gray-700, #334155);
}

.ts-dark .ts-sv-val {
    color: var(--ts-gray-100, #f1f5f9);
}

.ts-dark .ts-sv-warn {
    border-top-color: var(--ts-gray-700, #334155);
}

/* ── Responsive ── */
@media (max-width: 640px) {
    .ts-sv-content {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--ts-space-4, 1rem);
    }

    .ts-sv-stats {
        width: 100%;
        justify-content: space-between;
    }

    .ts-sv-card {
        padding: var(--ts-space-4, 1rem);
    }
}
/**
 * Legal Pages Stilleri
 * Gizlilik, KVKK, Cerez, Kullanim Kosullari sayfalari
 */

.ts-legal-content {
    max-width: 800px;
    margin: 0 auto;
    padding: var(--ts-space-6) 0;
    line-height: 1.8;
    color: var(--ts-gray-700);
}

.ts-legal-content h2 {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--ts-gray-900);
    margin-top: var(--ts-space-8);
    margin-bottom: var(--ts-space-3);
    padding-bottom: var(--ts-space-2);
    border-bottom: 2px solid var(--ts-gray-100);
}

.ts-legal-content h2:first-of-type {
    margin-top: var(--ts-space-4);
}

.ts-legal-content h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--ts-gray-800);
    margin-top: var(--ts-space-5);
    margin-bottom: var(--ts-space-2);
}

.ts-legal-content p {
    margin-bottom: var(--ts-space-3);
    font-size: 0.9375rem;
}

.ts-legal-content ul,
.ts-legal-content ol {
    margin-bottom: var(--ts-space-4);
    padding-left: var(--ts-space-5);
}

.ts-legal-content li {
    margin-bottom: var(--ts-space-1);
    font-size: 0.9375rem;
}

.ts-legal-content strong {
    color: var(--ts-gray-800);
    font-weight: 600;
}

.ts-legal-content a {
    color: var(--ts-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ts-legal-content a:hover {
    color: var(--ts-primary-700);
}

.ts-legal-content code {
    background: var(--ts-gray-100);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.875rem;
    font-family: 'SF Mono', 'Fira Code', monospace;
}

/* Son guncelleme bilgisi */
.ts-legal-updated {
    display: inline-block;
    padding: 6px 14px;
    background: linear-gradient(135deg, rgba(37,99,235,0.06), rgba(139,92,246,0.06));
    border: 1px solid rgba(37,99,235,0.1);
    border-radius: 8px;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--ts-gray-500);
    margin-bottom: var(--ts-space-4);
}

/* Yasal tablolar */
.ts-legal-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--ts-space-5);
    font-size: 0.875rem;
    border-radius: var(--ts-radius-lg);
    overflow: hidden;
    border: 1px solid var(--ts-gray-200);
}

.ts-legal-table thead {
    background: var(--ts-gray-50);
}

.ts-legal-table th {
    text-align: left;
    padding: 10px 14px;
    font-weight: 600;
    color: var(--ts-gray-700);
    border-bottom: 2px solid var(--ts-gray-200);
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ts-legal-table td {
    padding: 10px 14px;
    border-bottom: 1px solid var(--ts-gray-100);
    color: var(--ts-gray-600);
}

.ts-legal-table tbody tr:last-child td {
    border-bottom: none;
}

.ts-legal-table tbody tr:hover {
    background: rgba(37, 99, 235, 0.02);
}

/* ── Dark Mode ── */
.ts-dark .ts-legal-content {
    color: var(--ts-gray-300);
}

.ts-dark .ts-legal-content h2 {
    color: var(--ts-gray-100);
    border-bottom-color: var(--ts-gray-700);
}

.ts-dark .ts-legal-content h3 {
    color: var(--ts-gray-200);
}

.ts-dark .ts-legal-content strong {
    color: var(--ts-gray-200);
}

.ts-dark .ts-legal-updated {
    background: rgba(96, 165, 250, 0.08);
    border-color: rgba(96, 165, 250, 0.15);
    color: var(--ts-gray-400);
}

.ts-dark .ts-legal-table {
    border-color: var(--ts-gray-700);
}

.ts-dark .ts-legal-table thead {
    background: rgba(255, 255, 255, 0.03);
}

.ts-dark .ts-legal-table th {
    color: var(--ts-gray-300);
    border-bottom-color: var(--ts-gray-700);
}

.ts-dark .ts-legal-table td {
    border-bottom-color: var(--ts-gray-800);
    color: var(--ts-gray-400);
}

.ts-dark .ts-legal-content code {
    background: rgba(255, 255, 255, 0.06);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .ts-legal-content {
        padding: var(--ts-space-4) var(--ts-space-3);
    }

    .ts-legal-content h2 {
        font-size: 1.25rem;
    }

    .ts-legal-table {
        font-size: 0.8125rem;
    }

    .ts-legal-table th,
    .ts-legal-table td {
        padding: 8px 10px;
    }
}


/* ============================================================
   PREMIUM FOOTER v2
   ============================================================ */
.ts-footer{background:linear-gradient(180deg,#0f172a 0%,#020617 100%);color:#94a3b8;padding:0;border-top:1px solid rgba(59,130,246,0.1)}

/* Footer üst gradient accent */
.ts-footer::before{content:"";display:block;height:3px;background:linear-gradient(90deg,#2563eb,#7c3aed,#ec4899,#f59e0b);opacity:0.8}

.ts-footer .ts-container{padding-top:3rem;padding-bottom:1rem}

/* Grid */
.ts-footer-grid--5col{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:2rem}

/* Brand sütunu */
.ts-footer-col--brand .ts-footer-heading{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0.75rem}
.ts-footer-desc{font-size:0.82rem;line-height:1.7;color:#64748b;margin:0 0 1rem}
.ts-footer-trust{display:flex;flex-direction:column;gap:0.35rem;margin-bottom:1rem}
.ts-footer-trust span{font-size:0.78rem;color:#94a3b8;display:flex;align-items:center;gap:0.4rem}

/* Diğer sütunlar */
.ts-footer-col .ts-footer-heading{font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#e2e8f0;margin-bottom:1rem;position:relative;padding-bottom:0.5rem}
.ts-footer-col .ts-footer-heading::after{content:"";position:absolute;bottom:0;left:0;width:24px;height:2px;border-radius:2px;background:linear-gradient(90deg,#2563eb,#7c3aed)}
.ts-footer-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.4rem}
.ts-footer-menu li a{font-size:0.82rem;color:#64748b;text-decoration:none;transition:color 0.2s,transform 0.2s;display:inline-block}
.ts-footer-menu li a:hover{color:#60a5fa;transform:translateX(3px)}

/* Social */
.ts-footer-social{display:flex;gap:0.75rem;margin-top:0.75rem}
.ts-footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,0.05);color:#94a3b8;transition:all 0.2s;border:1px solid rgba(255,255,255,0.06)}
.ts-footer-social a:hover{background:rgba(59,130,246,0.15);color:#60a5fa;border-color:rgba(59,130,246,0.3);transform:translateY(-2px)}

/* Newsletter */
.ts-newsletter-section{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem 0;margin-top:2rem;border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06)}
.ts-newsletter-content .ts-footer-heading{color:#e2e8f0;font-size:1rem;font-weight:700;margin-bottom:0.25rem}
.ts-newsletter-content p{font-size:0.82rem;color:#64748b;margin:0}
.ts-newsletter-input-group{display:flex;gap:0}
.ts-newsletter-input{padding:0.65rem 1rem;font-size:0.85rem;border:1px solid rgba(255,255,255,0.1);border-right:0;border-radius:10px 0 0 10px;background:rgba(255,255,255,0.05);color:#e2e8f0;width:260px;transition:border-color 0.2s}
.ts-newsletter-input:focus{outline:none;border-color:rgba(59,130,246,0.5);background:rgba(255,255,255,0.08)}
.ts-newsletter-input::placeholder{color:#475569}
.ts-newsletter-btn{border-radius:0 10px 10px 0 !important;padding:0.65rem 1.25rem !important;font-size:0.82rem !important;white-space:nowrap}
.ts-newsletter-note{font-size:0.7rem;color:#475569;margin-top:0.35rem}

/* Güven Barı */
.ts-trust-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:1.5rem 0;margin:0.5rem 0}
.ts-trust-item{display:flex;align-items:center;gap:0.5rem;font-size:0.8rem;font-weight:600;color:#cbd5e1}
.ts-trust-item svg{color:#3b82f6;flex-shrink:0}

/* Affiliate */
.ts-footer-affiliate-disclosure{padding:1rem 1.5rem;background:rgba(255,255,255,0.02);border-radius:10px;border:1px solid rgba(255,255,255,0.04);margin:1rem 0}
.ts-footer-affiliate-disclosure p{font-size:0.75rem;color:#475569;line-height:1.6;margin:0}
.ts-footer-affiliate-disclosure a{color:#60a5fa}

/* Bottom */
.ts-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0 0;border-top:1px solid rgba(255,255,255,0.04);margin-top:1rem}
.ts-footer-bottom p{font-size:0.75rem;color:#475569;margin:0}
.ts-disclaimer{max-width:600px;text-align:right;line-height:1.5}

/* Footer Mobile */
@media(max-width:992px){
.ts-footer-grid--5col{grid-template-columns:1fr 1fr}
.ts-footer-col--brand{grid-column:1/-1}
}
@media(max-width:640px){
.ts-footer-grid--5col{grid-template-columns:1fr}
.ts-newsletter-section{flex-direction:column;text-align:center}
.ts-newsletter-input{width:100%}
.ts-newsletter-input-group{width:100%}
.ts-trust-bar{gap:1rem}
.ts-trust-item{font-size:0.75rem}
.ts-footer-bottom{flex-direction:column;gap:0.5rem;text-align:center}
.ts-disclaimer{text-align:center;max-width:100%}
}

/* ============================================================
   ROZET SAYFASI PREMIUM v2
   ============================================================ */
.ts-badge-hero{text-align:center;padding:3rem 2rem;margin-bottom:2.5rem;background:linear-gradient(135deg,rgba(37,99,235,0.08),rgba(124,58,237,0.05));border-radius:20px;border:1px solid var(--ts-border-color,#e2e8f0)}
.ts-badge-hero h1{font-size:2.2rem;font-weight:800;margin-bottom:0.75rem;background:linear-gradient(135deg,#1e293b,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ts-badge-subtitle{font-size:1.05rem;color:var(--ts-gray-500,#64748b);max-width:640px;margin:0 auto;line-height:1.7}

/* Badge type cards — 5 sütun grid */
.ts-badge-types-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin:2rem 0}
.ts-badge-type-card{background:var(--ts-surface,#fff);border:1px solid var(--ts-border-color,#e2e8f0);border-radius:16px;padding:1.75rem 1.25rem;text-align:center;transition:all 0.25s;position:relative;overflow:hidden}
.ts-badge-type-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--ts-primary,#2563eb);opacity:0;transition:opacity 0.25s}
.ts-badge-type-card:hover{border-color:var(--ts-primary,#2563eb);box-shadow:0 8px 30px rgba(37,99,235,0.12);transform:translateY(-3px)}
.ts-badge-type-card:hover::before{opacity:1}
.ts-badge-type-card:nth-child(2):hover{border-color:#f59e0b}.ts-badge-type-card:nth-child(2)::before{background:#f59e0b}
.ts-badge-type-card:nth-child(3):hover{border-color:#10b981}.ts-badge-type-card:nth-child(3)::before{background:#10b981}
.ts-badge-type-card:nth-child(4):hover{border-color:#ec4899}.ts-badge-type-card:nth-child(4)::before{background:#ec4899}
.ts-badge-type-card:nth-child(5):hover{border-color:#8b5cf6}.ts-badge-type-card:nth-child(5)::before{background:#8b5cf6}
.ts-badge-type-icon{font-size:2.5rem;display:block;margin-bottom:0.75rem}
.ts-badge-type-card h3{font-size:0.9rem;font-weight:700;margin-bottom:0.35rem;color:var(--ts-gray-900,#0f172a)}
.ts-badge-type-card p{font-size:0.78rem;color:var(--ts-gray-500,#64748b);line-height:1.55;margin:0}

/* Provider Badge Satırları */
.ts-badge-providers{margin-top:1.5rem}
.ts-badge-provider-row{display:flex;gap:2rem;align-items:flex-start;padding:2rem;margin-bottom:1rem;background:var(--ts-surface,#fff);border:1px solid var(--ts-border-color,#e2e8f0);border-radius:16px;transition:all 0.2s}
.ts-badge-provider-row:hover{border-color:var(--ts-primary,#2563eb);box-shadow:0 4px 20px rgba(0,0,0,0.05)}
.ts-badge-provider-info{display:flex;align-items:center;gap:1rem;min-width:200px}
.ts-badge-provider-info img{border-radius:12px;object-fit:contain;background:var(--ts-gray-50,#f8fafc);padding:6px;border:1px solid var(--ts-border-color,#e2e8f0)}
.ts-badge-provider-info h3{font-size:1.1rem;font-weight:700;margin:0 0 0.15rem;color:var(--ts-gray-900,#0f172a)}
.ts-badge-score{font-size:0.9rem;color:var(--ts-primary,#2563eb);font-weight:800}
.ts-badge-previews{display:flex;gap:1.25rem;flex-wrap:wrap;flex:1}
.ts-badge-preview-item{display:flex;flex-direction:column;align-items:center;gap:0.5rem;width:180px}
.ts-badge-preview-item img{border-radius:14px;box-shadow:0 4px 15px rgba(0,0,0,0.12);transition:transform 0.2s}
.ts-badge-preview-item img:hover{transform:scale(1.03)}
.ts-badge-type-label{font-size:0.7rem;font-weight:700;color:var(--ts-gray-500,#64748b);text-transform:uppercase;letter-spacing:0.06em}
.ts-badge-embed-wrap{width:100%}
.ts-badge-embed-code{width:100%;font-size:0.68rem;font-family:"SF Mono","Fira Code",monospace;padding:0.6rem;border:1px solid var(--ts-border-color,#e2e8f0);border-radius:10px;resize:none;background:var(--ts-gray-50,#f8fafc);color:var(--ts-gray-700,#334155);line-height:1.4}
.ts-copy-embed{margin-top:0.35rem;width:100%;font-size:0.78rem !important;padding:8px !important}

/* Steps */
.ts-badge-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0}
.ts-badge-step{text-align:center;padding:2rem 1.5rem;background:var(--ts-surface,#fff);border:1px solid var(--ts-border-color,#e2e8f0);border-radius:16px;transition:all 0.2s}
.ts-badge-step:hover{border-color:var(--ts-primary,#2563eb);box-shadow:0 4px 15px rgba(37,99,235,0.08)}
.ts-badge-step-num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:800;font-size:1.1rem;margin-bottom:1rem}
.ts-badge-step h3{font-size:1rem;font-weight:700;margin-bottom:0.35rem;color:var(--ts-gray-900,#0f172a)}
.ts-badge-step p{font-size:0.85rem;color:var(--ts-gray-500,#64748b);line-height:1.6;margin:0}

/* Badge sayfası mobile */
@media(max-width:768px){
.ts-badge-types-grid{grid-template-columns:repeat(2,1fr)}
.ts-badge-provider-row{flex-direction:column;padding:1.5rem}
.ts-badge-previews{justify-content:center}
.ts-badge-steps{grid-template-columns:1fr}
.ts-badge-hero{padding:2rem 1rem}
.ts-badge-hero h1{font-size:1.6rem}
}
@media(max-width:480px){
.ts-badge-types-grid{grid-template-columns:1fr}
}

/* Dark Mode — Badge + Footer */
.ts-dark .ts-badge-hero{background:linear-gradient(135deg,rgba(37,99,235,0.12),rgba(124,58,237,0.08));border-color:var(--ts-border-color,#334155)}
.ts-dark .ts-badge-hero h1{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}
.ts-dark .ts-badge-type-card{background:var(--ts-surface,#1e293b);border-color:var(--ts-border-color,#334155)}
.ts-dark .ts-badge-type-card h3{color:var(--ts-gray-100,#f1f5f9)}
.ts-dark .ts-badge-provider-row{background:var(--ts-surface,#1e293b);border-color:var(--ts-border-color,#334155)}
.ts-dark .ts-badge-provider-info h3{color:var(--ts-gray-100,#f1f5f9)}
.ts-dark .ts-badge-embed-code{background:var(--ts-gray-800,#0f172a);color:var(--ts-gray-300,#cbd5e1);border-color:#334155}
.ts-dark .ts-badge-step{background:var(--ts-surface,#1e293b);border-color:var(--ts-border-color,#334155)}
.ts-dark .ts-badge-step h3{color:var(--ts-gray-100,#f1f5f9)}
@media print{.ts-faq{max-width:800px;margin:2rem auto}.ts-faq-item{border:1px solid var(--ts-border-color,#e2e8f0)!important;border-radius:14px!important;margin-bottom:12px!important;overflow:hidden;background:var(--ts-surface,#fff);box-shadow:0 1px 3px rgb(0 0 0 / .04);transition:border-color .2s,box-shadow .2s!important}.ts-faq-item:hover{border-color:rgb(37 99 235 / .25)!important;box-shadow:0 4px 12px rgb(37 99 235 / .08)!important}.ts-faq-question{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:18px 24px!important;background:transparent!important;border:none!important;cursor:pointer!important;text-align:left!important;font-size:.95rem!important;font-weight:700!important;color:var(--ts-gray-800,#1e293b)!important;line-height:1.5!important;gap:16px}.ts-faq-question:hover{background:var(--ts-gray-50,#f8fafc)!important}.ts-faq-question[aria-expanded="true"]{background:linear-gradient(135deg,rgb(37 99 235 / .04),rgb(124 58 237 / .02))!important;color:var(--ts-primary,#2563eb)!important;border-bottom:1px solid var(--ts-border-color,#e2e8f0)}.ts-faq-icon{flex-shrink:0!important;width:24px!important;height:24px!important;color:var(--ts-gray-400,#94a3b8)!important;transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s!important}.ts-faq-question[aria-expanded="true"] .ts-faq-icon{transform:rotate(180deg)!important;color:var(--ts-primary,#2563eb)!important}.ts-faq-question::after{display:none!important;content:none!important}.ts-faq-answer-content{padding:20px 24px 24px!important;color:var(--ts-gray-600,#475569)!important;font-size:.9rem!important;line-height:1.85!important;background:var(--ts-gray-50,#f8fafc);border-top:1px solid var(--ts-border-color,#e2e8f0)}.ts-faq-answer-content p{margin-bottom:12px!important}.ts-faq-answer-content p:last-child{margin-bottom:0!important}a.ts-cta-button,.ts-cta-button{display:inline-flex!important;align-items:center;justify-content:center;gap:.5rem;padding:12px 28px;font-size:.9rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);border:none;border-radius:12px;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgb(37 99 235 / .35);letter-spacing:.01em}a.ts-cta-button:hover,.ts-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgb(37 99 235 / .45);color:#fff}a.ts-cta-button::after,.ts-cta-button::after{content:"→";display:inline-block;margin-left:4px;font-size:1rem;transition:transform .3s}a.ts-cta-button:hover::after,.ts-cta-button:hover::after{transform:translateX(3px)}a.ts-cta-button.ts-btn-sm,.ts-cta-button.ts-btn-sm{padding:10px 24px;font-size:.85rem;border-radius:10px}@media(max-width:768px){.ts-animate-on-scroll,.ts-animate-scale,.ts-animate-blur,.ts-animate-clip{opacity:1!important;transform:none!important;animation:none!important;transition:none!important;will-change:auto!important}.ts-visible{opacity:1!important;transform:none!important}.ts-stagger-1,.ts-stagger-2,.ts-stagger-3,.ts-stagger-4,.ts-stagger-5,.ts-stagger-6,.ts-stagger-7,.ts-stagger-8{animation-delay:0s!important;transition-delay:0s!important}.ts-faq-question{padding:14px 16px!important;font-size:.88rem!important}.ts-faq-answer-content{padding:14px 16px 18px!important;font-size:.85rem!important}.ts-faq-icon{width:20px!important;height:20px!important}.ts-faq-item{border-radius:12px!important;margin-bottom:8px!important}a.ts-cta-button,.ts-cta-button{padding:10px 20px;font-size:.8rem;border-radius:10px}}.ts-dark .ts-faq-item{background:var(--ts-surface,#1e293b)!important;border-color:var(--ts-border-color,#334155)!important}.ts-dark .ts-faq-item:hover{border-color:rgb(96 165 250 / .3)!important}.ts-dark .ts-faq-question{color:var(--ts-gray-200,#e2e8f0)!important}.ts-dark .ts-faq-question[aria-expanded="true"]{background:rgb(96 165 250 / .06)!important;color:#60a5fa!important}.ts-dark .ts-faq-answer-content{background:rgb(0 0 0 / .15);color:var(--ts-gray-400,#94a3b8)!important;border-color:var(--ts-border-color,#334155)}.ts-dark a.ts-cta-button,.ts-dark .ts-cta-button{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}@media(prefers-reduced-motion:reduce){.ts-animate-on-scroll,.ts-animate-scale,.ts-animate-blur,.ts-animate-clip{opacity:1!important;transform:none!important;animation:none!important;transition:none!important;will-change:auto!important}}.ts-footer-desc{color:#94a3b8!important}.ts-footer-trust span{color:#cbd5e1!important}.ts-footer-menu li a{color:#94a3b8}.ts-footer-menu li a:hover{color:#60a5fa}.ts-footer-bottom{padding:1.5rem 0;border-top:1px solid rgb(255 255 255 / .06);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem}.ts-footer-bottom p{font-size:.78rem;color:#64748b;margin:0}.ts-disclaimer{max-width:600px;line-height:1.6;color:#475569!important}.ts-contact-section{display:grid;grid-template-columns:1fr 1.2fr;gap:2.5rem;padding:2.5rem 0;margin-top:2rem;border-top:1px solid rgb(255 255 255 / .08);border-bottom:1px solid rgb(255 255 255 / .08)}.ts-contact-heading{font-size:1.2rem;font-weight:800;color:#f1f5f9;margin-bottom:.5rem}.ts-contact-desc{font-size:.85rem;color:#94a3b8;line-height:1.7;margin-bottom:1.25rem}.ts-contact-info-items{display:flex;flex-direction:column;gap:.6rem}.ts-contact-info-item{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#cbd5e1}.ts-contact-info-item svg{color:#60a5fa;flex-shrink:0}.ts-contact-form{display:flex;flex-direction:column;gap:.75rem}.ts-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ts-contact-field{width:100%}.ts-contact-input{width:100%;padding:.7rem 1rem;font-size:.85rem;border:1px solid rgb(255 255 255 / .1);border-radius:10px;background:rgb(255 255 255 / .05);color:#e2e8f0;transition:all 0.2s;font-family:inherit;box-sizing:border-box}.ts-contact-input::placeholder{color:#64748b}.ts-contact-input:focus{outline:none;border-color:rgb(59 130 246 / .5);background:rgb(255 255 255 / .08);box-shadow:0 0 0 3px rgb(59 130 246 / .1)}.ts-contact-textarea{resize:vertical;min-height:100px;line-height:1.6}.ts-contact-submit-row{display:flex;align-items:center;gap:1rem;margin-top:.25rem}.ts-contact-btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:10px!important;padding:.7rem 1.5rem!important;font-size:0.85rem!important;white-space:nowrap;transition:all 0.2s}.ts-contact-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgb(37 99 235 / .3)}.ts-contact-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ts-contact-note{font-size:.7rem;color:#64748b;margin:0;flex:1}.ts-contact-success{background:rgb(16 185 129 / .1);border:1px solid rgb(16 185 129 / .3);color:#6ee7b7;padding:.75rem 1rem;border-radius:10px;font-size:.85rem;margin-bottom:.75rem;animation:fadeIn 0.3s}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ts-trust-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:1.5rem 0;border-top:1px solid rgb(255 255 255 / .06);border-bottom:1px solid rgb(255 255 255 / .06);margin:1rem 0}.ts-trust-item{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;color:#e2e8f0}.ts-trust-item svg{color:#60a5fa;flex-shrink:0}.ts-footer-affiliate-disclosure{padding:1rem 1.25rem;border-radius:10px;background:rgb(59 130 246 / .06);border:1px solid rgb(59 130 246 / .1);margin:.75rem 0}.ts-footer-affiliate-disclosure p{font-size:.78rem;color:#94a3b8;line-height:1.7;margin:0}.ts-footer-affiliate-disclosure a{color:#60a5fa;text-decoration:underline;text-underline-offset:2px}@media(max-width:768px){.ts-contact-section{grid-template-columns:1fr;gap:1.5rem;padding:2rem 0}.ts-contact-row{grid-template-columns:1fr}.ts-contact-submit-row{flex-direction:column;align-items:flex-start}.ts-trust-bar{gap:1rem;padding:1rem 0}.ts-trust-item{font-size:.75rem}.ts-footer-bottom{flex-direction:column;text-align:center}}}@media print{:root{--etr-ink:#101827;--etr-text:#243044;--etr-muted:#5b6472;--etr-soft:#f7f9fc;--etr-soft-2:#eef4f8;--etr-surface:#ffffff;--etr-border:#dfe6ef;--etr-border-strong:#cbd5e1;--etr-accent:#2563eb;--etr-accent-dark:#1d4ed8;--etr-accent-2:#0f766e;--etr-warm:#b45309;--etr-success:#15803d;--etr-shadow-xs:0 1px 2px rgba(15, 23, 42, .05);--etr-shadow-sm:0 8px 18px rgba(15, 23, 42, .06);--etr-shadow-md:0 16px 36px rgba(15, 23, 42, .09);--etr-shadow-lg:0 24px 58px rgba(15, 23, 42, .12);--etr-radius:8px}html{text-rendering:optimizeLegibility}body:not(.wp-admin){color:var(--etr-text);background:var(--etr-soft)}:where(h1,h2,h3,h4,h5,h6,.h-h1,.h-section-h,.gv-h2,.ts-page-title,.ts-section-title,.ts-hero-title){letter-spacing:0!important}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgb(37 99 235 / .28);outline-offset:3px}:where(.gv-wrap,.ts-container,.ts-blog-container,.ts-content-wrap){max-width:1180px}:where(.gv-section,.ts-section){padding-top:48px;padding-bottom:48px}:where(.gv-section,.ts-section,.h-cats,.h-top,.h-why,.ts-blog-main,.ts-page-content){position:relative}:where(.gv-section,.ts-section):empty{display:none}.gv-site-header{background:rgb(255 255 255 / .94)!important;border-bottom:1px solid rgb(203 213 225 / .78)!important;box-shadow:0 1px 0 rgb(15 23 42 / .04),0 16px 36px rgb(15 23 42 / .06)!important}@supports (backdrop-filter:blur(12px)){.gv-site-header{backdrop-filter:saturate(170%) blur(16px)!important}}.gv-site-header-in{min-height:64px}.gv-site-header .gv-brand,.gv-site-header a[aria-label*="Eticaret"]{color:var(--etr-ink)!important;gap:11px!important;letter-spacing:0!important}.gv-site-header .gv-brand-mark,.gv-site-header a[aria-label*="Eticaret"]>span:first-child{width:34px!important;height:34px!important;line-height:34px!important;border-radius:var(--etr-radius)!important;background:linear-gradient(135deg,var(--etr-accent-dark),var(--etr-accent-2))!important;box-shadow:0 10px 22px rgb(15 118 110 / .20)!important}.gv-nav{gap:8px!important}.gv-nav a{color:#334155!important;border-radius:var(--etr-radius);padding:8px 10px;line-height:1.2;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.gv-nav a:hover{background:#eef4ff;color:var(--etr-accent-dark)!important}.gv-nav .gv-nav-cta,.gv-nav>a:last-child{color:#fff!important;background:linear-gradient(135deg,var(--etr-accent-dark),var(--etr-accent-2))!important;border-radius:var(--etr-radius)!important;box-shadow:var(--etr-shadow-sm)}.gv-nav .gv-nav-cta:hover,.gv-nav>a:last-child:hover{transform:translateY(-1px);box-shadow:var(--etr-shadow-md)}.gv-menu-btn{border-radius:var(--etr-radius)!important;min-width:42px;min-height:42px}:where(.gv-btn,.ts-btn,.hc-btn,.ix-btn,.mt-btn,.gscsm-btn){border-radius:var(--etr-radius)!important;box-shadow:none;letter-spacing:0!important;min-height:38px;text-wrap:balance}:where(.gv-btn-p,.ts-btn-primary,.ts-btn-glow,.h-cta .gv-btn-p,.gscsm-btn-primary){background:linear-gradient(135deg,var(--etr-accent-dark),var(--etr-accent-2))!important;color:#fff!important;box-shadow:0 10px 22px rgb(37 99 235 / .16)!important}:where(.gv-btn-p,.ts-btn-primary,.ts-btn-glow,.gscsm-btn-primary):hover{transform:translateY(-1px);box-shadow:0 16px 34px rgb(37 99 235 / .22)!important}:where(.gv-btn-s,.ts-btn-outline,.ts-btn-ghost,.gscsm-btn-secondary){background:#fff!important;color:var(--etr-accent-dark)!important;border:1px solid rgb(37 99 235 / .28)!important}:where(.gv-btn-s,.ts-btn-outline,.ts-btn-ghost,.gscsm-btn-secondary):hover{background:#eef4ff!important;color:var(--etr-accent-dark)!important;border-color:rgb(37 99 235 / .45)!important}.ts-btn-icon{width:40px;height:40px;border-radius:var(--etr-radius)!important}.h-hero{background:linear-gradient(135deg,rgb(15 24 39 / .96) 0%,rgb(16 40 63 / .96) 54%,rgb(12 73 69 / .96) 100%),linear-gradient(90deg,rgb(255 255 255 / .06) 1px,transparent 1px),linear-gradient(0deg,rgb(255 255 255 / .05) 1px,transparent 1px)!important;background-size:auto,48px 48px,48px 48px!important;color:#fff;padding:70px 0 64px!important}.h-hero::before,.h-hero::after,.h-cta::before{display:none!important}.h-eyebrow{background:rgb(255 255 255 / .10)!important;border-color:rgb(255 255 255 / .18)!important;border-radius:var(--etr-radius)!important;color:#dbeafe!important}.h-h1{max-width:860px;font-size:3.75rem!important;line-height:1.04!important;margin-bottom:22px!important}.h-h1 span{background:linear-gradient(135deg,#fde68a,#f59e0b)!important;-webkit-background-clip:text!important;background-clip:text!important}.h-lede{color:#d4dde9!important;font-size:1.14rem!important;max-width:720px!important}.h-actions{gap:12px!important}.h-hero .gv-btn-s{background:rgb(255 255 255 / .10)!important;border-color:rgb(255 255 255 / .24)!important;color:#fff!important}.h-trust{max-width:920px;border-top-color:rgb(255 255 255 / .14)!important}.h-trust-i{min-width:0}.h-trust-i strong{background:none!important;-webkit-text-fill-color:currentColor!important;color:#fde68a!important}.h-cats,.h-top{background:var(--etr-soft)!important}.h-section-head{margin-bottom:30px!important}.h-section-h{font-size:2.15rem!important;color:var(--etr-ink)!important;line-height:1.16!important}.h-section-sub{color:var(--etr-muted)!important;font-size:1rem!important}.h-cats-grid,.h-top-grid,.h-why-grid{gap:16px!important}.h-cat,.h-top-card,.h-why-c{border-radius:var(--etr-radius)!important;border:1px solid var(--etr-border)!important;box-shadow:var(--etr-shadow-xs)!important}.h-cat{padding:24px!important;background:#fff!important}.h-cat::before{height:3px!important;background:linear-gradient(90deg,var(--etr-accent-dark),var(--etr-accent-2))!important}.h-cat:hover,.h-top-card:hover{transform:translateY(-3px)!important;border-color:rgb(37 99 235 / .42)!important;box-shadow:var(--etr-shadow-md)!important}.h-cat-em,.h-why-c span{font-size:2rem!important;margin-bottom:12px!important}.h-cat-stat,.h-top-score,.ts-score-badge,.gscsm-score-badge{border-radius:var(--etr-radius)!important}.h-cat-stat{background:#eef4ff!important;color:var(--etr-accent-dark)!important}.h-top-card{padding:22px!important}.h-top-score{background:#e8f5ee!important;color:var(--etr-success)!important}.h-why{background:#111827!important}.h-why-c{background:rgb(255 255 255 / .055)!important;border-color:rgb(255 255 255 / .14)!important;text-align:left!important}.h-cta{background:linear-gradient(135deg,#10233f,#0f766e)!important}.h-cta .gv-btn-p{background:#fff!important;color:var(--etr-ink)!important}.ts-page-header,.ts-hero,.ts-blog-hero{border-radius:var(--etr-radius)!important;overflow:hidden}.ts-page-header{background:linear-gradient(135deg,rgb(16 24 39 / .96),rgb(21 64 92 / .96)),linear-gradient(90deg,rgb(255 255 255 / .06) 1px,transparent 1px)!important;background-size:auto,42px 42px!important;color:#fff;padding:42px 34px!important;margin-bottom:30px!important;box-shadow:var(--etr-shadow-sm)}.ts-page-header h1,.ts-page-header .ts-page-title{color:#fff!important;font-size:2.35rem!important;line-height:1.12!important;max-width:920px}.ts-page-header p,.ts-page-header .ts-page-subtitle,.ts-page-header .ts-page-description{color:#dbe4ef!important;max-width:820px}.ts-section{background:#fff0}.ts-section>h2,.ts-section-title,.ts-blog-section-title{color:var(--etr-ink)!important;line-height:1.18!important}:where(.ts-card,.ts-provider-card,.ts-provider-card-v2,.ts-best-podium-card,.ts-best-segment-link,.ts-ct-provider-card,.ts-blog-card,.ts-blog-featured-card,.ts-blog-provider-card,.ts-vs-alt-card,.ts-alt-card,.ts-cat-card,.ts-category-card,.ts-tool-card,.ts-report-card,.ts-pm-card,.ts-rl,.ts-decision-summary,.gscsm-card,.gscsm-alt-card,.gscsm-meta-item,.gscsm-tabs,.gscsm-provider-block,.gscsm-cmp-card,.ix-find-card,.ix-card,.hc-card,.mg-card,.mig-step,.mt-card){border-radius:var(--etr-radius)!important;border-color:var(--etr-border)!important;box-shadow:var(--etr-shadow-xs)!important}:where(.ts-card,.ts-provider-card,.ts-provider-card-v2,.ts-best-podium-card,.ts-ct-provider-card,.ts-blog-card,.ts-blog-featured-card,.ts-blog-provider-card,.ts-vs-alt-card,.ts-alt-card,.ts-cat-card,.ts-category-card,.ts-tool-card,.ts-report-card,.ts-pm-card,.gscsm-card,.gscsm-alt-card,.gscsm-provider-block,.gscsm-cmp-card,.ix-find-card,.ix-card,.hc-card,.mg-card,.mig-step,.mt-card):hover{box-shadow:var(--etr-shadow-md)!important;border-color:rgb(37 99 235 / .32)!important}.ts-provider-card-v2,.ts-provider-card,.ts-ct-provider-card{background:#fff!important}.ts-provider-card-v2::before,.ts-provider-card::before,.ts-best-podium-card::before{background:linear-gradient(90deg,var(--etr-accent-dark),var(--etr-accent-2))!important}.ts-provider-card-name,.ts-best-name,.ts-blog-card-title,.ts-blog-featured-title,.gscsm-card-title{color:var(--etr-ink)!important;letter-spacing:0!important}.ts-provider-card-desc,.ts-blog-card-excerpt,.ts-blog-featured-excerpt,.gscsm-card-desc{color:var(--etr-muted)!important}.ts-provider-card-logo,.ts-logo-placeholder,.ts-best-logo,.gscsm-logo-box{border-radius:var(--etr-radius)!important;background:#f8fafc!important;border:1px solid var(--etr-border)!important}.ts-provider-card-actions,.ts-best-actions,.ts-ct-action,.gscsm-card-actions{gap:10px!important}.ts-best-podium{gap:18px!important}.ts-best-podium-card{padding:22px!important;background:#fff!important}.ts-best-rank{border-radius:var(--etr-radius)!important;background:#eef4ff!important;color:var(--etr-accent-dark)!important}.ts-best-decision{border-radius:var(--etr-radius)!important;background:linear-gradient(135deg,#111827,#17324a)!important;box-shadow:var(--etr-shadow-md)}.ts-best-decision-card{border-radius:var(--etr-radius)!important}.ts-best-table-wrap,.ts-table-wrap,.gscsm-table-wrap{border-radius:var(--etr-radius)!important;border:1px solid var(--etr-border)!important;box-shadow:var(--etr-shadow-xs)!important;overflow:auto;background:#fff}:where(.ts-best-table,.ts-table,.gscsm-table){border-collapse:separate;border-spacing:0;width:100%}:where(.ts-best-table,.ts-table,.gscsm-table) th{background:#f1f5f9!important;color:#334155!important;font-weight:800!important;border-bottom:1px solid var(--etr-border)!important}:where(.ts-best-table,.ts-table,.gscsm-table) td{border-bottom:1px solid #eef2f7!important}:where(.ts-best-table,.ts-table,.gscsm-table) tr:last-child td{border-bottom:0!important}.ts-ct-provider-card.ts-ct-selected-card{border-color:var(--etr-accent-dark)!important;background:#eef4ff!important;box-shadow:0 0 0 3px rgb(37 99 235 / .10)!important}.ts-vs-alt-card,.gscsm-alt-card{text-decoration:none}.gscsm-meta-bar,.gscsm-tabs,.gv-money-strip,.gv-feature-snapshot,.gv-provider-verdict,.gv-toc{border-radius:var(--etr-radius)!important}.gscsm-tabs a,.gv-toc a{border-radius:var(--etr-radius)!important}.gv-provider-verdict{background:#f8fafc!important;border-color:var(--etr-border)!important}.gscsm-warning,.ts-warning,.ts-note-box,.ts-info-box{border-radius:var(--etr-radius)!important}.ts-blog-card,.ts-blog-featured-card{background:#fff!important}.ts-blog-card-meta,.ts-blog-featured-meta,.ts-post-meta{color:var(--etr-muted)!important}.ts-blog-filter,.ts-blog-search,.ts-search-form,.ts-filter-panel,.ts-filter-bar{border-radius:var(--etr-radius)!important;border-color:var(--etr-border)!important;box-shadow:var(--etr-shadow-xs)!important;background:#fff!important}:where(input[type="search"],input[type="text"],input[type="email"],input[type="number"],select,textarea){border-radius:var(--etr-radius)!important;border-color:var(--etr-border-strong)!important}:where(input[type="search"],input[type="text"],input[type="email"],input[type="number"],select,textarea):focus{border-color:var(--etr-accent)!important;box-shadow:0 0 0 3px rgb(37 99 235 / .12)!important}.ix-hero,.mt-hero,.hc-hero,.mg-hero,.rh-hero{background:linear-gradient(135deg,rgb(16 24 39 / .97),rgb(15 118 110 / .92)),linear-gradient(90deg,rgb(255 255 255 / .06) 1px,transparent 1px)!important;background-size:auto,44px 44px!important}.ix-hero h1,.mt-hero h1,.hc-hero h1,.mg-hero h1,.rh-hero h1{letter-spacing:0!important}.ix-find-card,.hc-card,.mg-card,.mig-step,.mt-card{background:#fff!important}.ts-footer,footer{border-top:1px solid rgb(255 255 255 / .06)}.ts-breadcrumbs,.gscsm-breadcrumbs{color:var(--etr-muted)!important}.ts-badge,.ts-pill,.gscsm-pill,.gscsm-badge,.ts-tag{border-radius:var(--etr-radius)!important}.ts-floating-cta,.gscsm-floating-cta{border-radius:var(--etr-radius)!important;box-shadow:var(--etr-shadow-lg)!important}@media (max-width:900px){.h-h1,.ts-page-header h1,.ts-page-header .ts-page-title{font-size:2.2rem!important}.h-section-h{font-size:1.8rem!important}.ts-page-header{padding:34px 24px!important}}@media (max-width:760px){:where(.gv-section,.ts-section){padding-top:34px;padding-bottom:34px}.gv-site-header-in{min-height:58px;padding:10px 16px!important}.gv-nav.gv-nav-open{top:58px!important;gap:8px!important;padding:12px 16px!important}.gv-nav.gv-nav-open a{width:100%;justify-content:flex-start;padding:10px 12px}.h-hero{padding:46px 0 44px!important}.h-h1,.ts-page-header h1,.ts-page-header .ts-page-title{font-size:2rem!important;line-height:1.12!important}.h-lede,.ts-page-header p,.ts-page-header .ts-page-subtitle,.ts-page-header .ts-page-description{font-size:.98rem!important}.h-trust{grid-template-columns:repeat(2,minmax(0,1fr))!important}.h-actions,.ts-hero-actions,.ts-provider-card-actions,.ts-best-actions,.ts-ct-action,.gscsm-card-actions{align-items:stretch}.h-actions .gv-btn,.ts-hero-actions .ts-btn,.ts-provider-card-actions .ts-btn,.ts-best-actions .ts-btn,.ts-ct-action .ts-btn,.gscsm-card-actions .gscsm-btn{width:100%;justify-content:center;white-space:normal!important}.h-cat,.h-top-card,.ts-provider-card,.ts-provider-card-v2,.ts-best-podium-card,.ts-ct-provider-card,.ts-blog-card,.ts-blog-featured-card{padding:18px!important}.ts-best-table-wrap,.ts-table-wrap,.gscsm-table-wrap{margin-left:-4px;margin-right:-4px}}@media (max-width:520px){.h-trust{grid-template-columns:1fr!important}.h-h1,.ts-page-header h1,.ts-page-header .ts-page-title{font-size:1.75rem!important}.h-section-h{font-size:1.55rem!important}.ts-page-header{padding:28px 18px!important}}}@media print{:root{--etr-page:#f6f8fb;--etr-ink:#101827;--etr-text:#243044;--etr-muted:#5b6472;--etr-line:#dfe6ef;--etr-line-strong:#cbd5e1;--etr-card:#ffffff;--etr-card-soft:#f8fafc;--etr-blue:#1d4ed8;--etr-blue-soft:#eef4ff;--etr-teal:#0f766e;--etr-teal-soft:#e8f5f2;--etr-gold:#b45309;--etr-gold-soft:#fff7ed;--etr-green:#15803d;--etr-green-soft:#ecfdf5;--etr-red:#b91c1c;--etr-red-soft:#fef2f2;--etr-r:8px;--etr-shadow-1:0 1px 2px rgba(15, 23, 42, .05);--etr-shadow-2:0 14px 34px rgba(15, 23, 42, .08);--etr-shadow-3:0 24px 60px rgba(15, 23, 42, .12)}body:not(.wp-admin){background:linear-gradient(180deg,#fff 0,var(--etr-page) 420px),var(--etr-page)}.gv-wrap,.ts-container,.ts-blog-container{width:min(1180px, calc(100% - 40px));padding-left:0!important;padding-right:0!important}.gv-h2,.x-h2,.m-section h2,.ts-section-title,.ts-blog-section-title{letter-spacing:0!important;color:var(--etr-ink)!important}.gv-h2{gap:8px}.etr-band,.x-decision-lab,.x-compare-map,.v-decision-panel,.v-scenario-panel,.m-decision-strip,.m-compare-flow{padding:42px 0;background:var(--etr-page)}.etr-card,.x-lab-card,.x-map-card,.v-decision-card,.v-scenario-card,.m-rank-item,.m-flow-card{background:var(--etr-card);border:1px solid var(--etr-line);border-radius:var(--etr-r);box-shadow:var(--etr-shadow-1)}.etr-card:hover,.x-lab-card:hover,.x-map-card:hover,.v-decision-card:hover,.v-scenario-card:hover,.m-rank-item:hover,.m-flow-card:hover{border-color:rgb(29 78 216 / .32);box-shadow:var(--etr-shadow-2)}.etr-kicker,.x-kicker,.v-kicker,.m-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgb(29 78 216 / .18);border-radius:var(--etr-r);background:var(--etr-blue-soft);color:var(--etr-blue);font-size:.78rem;font-weight:800;line-height:1.2}.etr-section-head,.x-section-head,.v-section-head,.m-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.etr-section-head p,.x-section-head p,.v-section-head p,.m-section-head p{color:var(--etr-muted);margin:8px 0 0;line-height:1.65;max-width:680px}.x-hero,.v-hero,.m-hero,.ts-vs-header,.ts-page-header,.ix-hero,.mt-hero,.hc-hero,.mg-hero,.rh-hero{background:linear-gradient(135deg,rgb(16 24 39 / .98),rgb(21 64 92 / .96) 58%,rgb(15 118 110 / .92)),linear-gradient(90deg,rgb(255 255 255 / .055) 1px,transparent 1px),linear-gradient(0deg,rgb(255 255 255 / .045) 1px,transparent 1px)!important;background-size:auto,44px 44px,44px 44px!important;border-radius:0!important}.x-hero::before,.v-hero::before,.m-hero::before,.m-final::before,.ts-vs-header::before{display:none!important}.x-hero,.v-hero,.m-hero{text-align:left!important}.x-hero-in,.v-hero-in,.m-hero-in{max-width:1180px!important}.x-h1,.v-h1,.m-h1{letter-spacing:0!important;max-width:940px}.x-lede,.v-lede,.m-lede{color:#dbe4ef!important;margin-left:0!important;margin-right:0!important;max-width:780px!important}.x-cta{justify-content:flex-start!important}.x-hero .gv-btn-s,.v-hero .gv-btn-s,.m-hero .gv-btn-s{background:rgb(255 255 255 / .10)!important;color:#fff!important;border-color:rgb(255 255 255 / .24)!important}.x-hero .gv-btn-s:hover,.v-hero .gv-btn-s:hover,.m-hero .gv-btn-s:hover{background:rgb(255 255 255 / .18)!important;color:#fff!important}.v-h1{justify-content:flex-start!important}.v-name,.m-h1 span{border-radius:var(--etr-r)!important;background:rgb(255 255 255 / .10)!important;border-color:rgb(255 255 255 / .20)!important}.v-name-w,.m-h1 .winner{background:#fff!important;color:var(--etr-ink)!important;box-shadow:0 14px 32px rgb(255 255 255 / .14)!important;transform:none!important}.v-vs,.x-h2h-vs{border-radius:var(--etr-r)!important}.x-decision-lab{background:#fff}.x-lab-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:18px;align-items:stretch}.x-lab-primary{padding:28px;background:linear-gradient(135deg,#ffffff,#f8fbff)}.x-lab-primary h2{margin:12px 0 10px;font-size:clamp(1.55rem, 3vw, 2.15rem);line-height:1.14}.x-lab-primary p{color:var(--etr-muted);line-height:1.72;margin:0 0 22px}.x-lab-actions{display:flex;gap:10px;flex-wrap:wrap}.x-lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.x-lab-card{padding:18px}.x-lab-card strong{display:block;color:var(--etr-ink);font-size:1rem;margin:10px 0 6px}.x-lab-card p{margin:0;color:var(--etr-muted);font-size:.9rem;line-height:1.6}.x-lab-icon,.v-decision-icon,.m-flow-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--etr-r);background:linear-gradient(135deg,var(--etr-blue),var(--etr-teal));color:#fff;font-weight:900}.x-compare-map{background:var(--etr-page);padding-top:34px}.x-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.x-map-card{padding:18px;min-height:138px}.x-map-card span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:var(--etr-r);background:var(--etr-blue-soft);color:var(--etr-blue);font-weight:900;margin-bottom:12px}.x-map-card strong{display:block;color:var(--etr-ink);margin-bottom:6px}.x-map-card p{margin:0;color:var(--etr-muted);font-size:.88rem;line-height:1.55}.x-picks,.x-faq,.v-gauges,.v-pc,.v-feat-hl-section{background:#fff!important}.x-h2h,.v-matrix,.v-reco,.v-feat-all-section,.m-section{background:var(--etr-page)!important}.x-pick,.x-h2h-card,.x-faq-item,.v-gauge-card,.v-verdict-card,.v-reco-card,.v-feat-col,.m-card,.m-table,.m-persona-cell{border-radius:var(--etr-r)!important;border-color:var(--etr-line)!important;box-shadow:var(--etr-shadow-1)!important}.x-pick:hover,.x-h2h-card:hover,.v-gauge-card:hover,.v-reco-card:hover,.m-card:hover{border-color:rgb(29 78 216 / .32)!important;box-shadow:var(--etr-shadow-2)!important;transform:translateY(-2px)!important}.x-h2h-card:hover{border-color:rgb(15 118 110 / .36)!important}.x-h2h-side-w,.v-gauge-card.w,.m-card.m-winner{background:var(--etr-gold-soft)!important;border-color:#f5c97b!important;box-shadow:0 14px 30px rgb(180 83 9 / .10)!important;transform:none!important}.x-h2h-side-w::before,.m-card.m-winner::before{display:none!important}.v-verdict{background:#fff!important;padding:40px 0!important}.v-verdict-card{text-align:left!important;background:#fff!important;border:1px solid var(--etr-line)!important;padding:26px!important}.v-verdict-card h2{color:var(--etr-ink)!important}.v-verdict-card p{color:var(--etr-text)!important;max-width:920px!important;margin-left:0!important}section.v-verdict[style*="padding-top:0"]{display:none!important}.v-decision-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v-decision-card{padding:18px;min-height:166px}.v-decision-card.is-primary{background:linear-gradient(135deg,#fff,var(--etr-green-soft));border-color:#a7f3d0}.v-decision-card.is-warning{background:linear-gradient(135deg,#fff,var(--etr-gold-soft))}.v-decision-card strong{display:block;margin:12px 0 6px;color:var(--etr-ink);font-size:1rem}.v-decision-card p{margin:0;color:var(--etr-muted);font-size:.9rem;line-height:1.58}.v-sticky-nav{position:sticky;top:64px;z-index:80;background:rgb(255 255 255 / .94);border-top:1px solid var(--etr-line);border-bottom:1px solid var(--etr-line);backdrop-filter:blur(14px)}.v-sticky-nav .gv-wrap{display:flex;gap:8px;overflow-x:auto;padding-top:10px!important;padding-bottom:10px!important;scrollbar-width:none}.v-sticky-nav .gv-wrap::-webkit-scrollbar{display:none}.v-sticky-nav a{flex:0 0 auto;border:1px solid var(--etr-line);border-radius:var(--etr-r);padding:8px 11px;background:#fff;color:#334155;font-size:.84rem;font-weight:800;text-decoration:none}.v-sticky-nav a:hover{background:var(--etr-blue-soft);color:var(--etr-blue)}.v-scenario-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v-scenario-card{padding:18px}.v-scenario-card small{display:inline-flex;padding:4px 8px;border-radius:var(--etr-r);background:var(--etr-blue-soft);color:var(--etr-blue);font-weight:850;margin-bottom:12px}.v-scenario-card strong{display:block;color:var(--etr-ink);font-size:1.05rem;margin-bottom:6px}.v-scenario-card p{margin:0;color:var(--etr-muted);line-height:1.6;font-size:.9rem}.v-matrix-table,.m-table-wrap{border-radius:var(--etr-r)!important;box-shadow:var(--etr-shadow-1)!important}.v-matrix-table th,.m-table th{background:#f1f5f9!important}.v-better,.m-better{background:var(--etr-green-soft)!important;color:#065f46!important}.v-pros-b,.v-cons-b{background:#fff!important;border-width:1px!important;border-radius:var(--etr-r)!important}.v-pros-b{border-color:#a7f3d0!important;border-left:4px solid #10b981!important}.v-cons-b{border-color:#fecaca!important;border-left:4px solid #ef4444!important}.v-reco-card{border-width:1px!important}.m-decision-strip{background:#fff}.m-rank-ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.m-rank-item{padding:18px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.m-rank-no{width:34px;height:34px;border-radius:var(--etr-r);display:inline-flex;align-items:center;justify-content:center;background:var(--etr-blue-soft);color:var(--etr-blue);font-weight:900}.m-rank-item.is-winner .m-rank-no{background:var(--etr-gold-soft);color:var(--etr-gold)}.m-rank-item strong{display:block;color:var(--etr-ink)}.m-rank-item small{color:var(--etr-muted)}.m-compare-flow{padding-top:24px}.m-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.m-flow-card{padding:18px}.m-flow-card strong{display:block;color:var(--etr-ink);margin:12px 0 6px}.m-flow-card p{margin:0;color:var(--etr-muted);font-size:.88rem;line-height:1.55}.m-card-score{border-radius:var(--etr-r)!important}.m-table{border-radius:var(--etr-r)!important}.m-final,.x-final-cta{border-radius:0!important;background:linear-gradient(135deg,#10233f,var(--etr-teal))!important}.ts-vs-intro-content,.ts-vs-conclusion .ts-conclusion,.ts-compare-summary,.ts-compare-verdict,.ts-compare-table-wrapper,.ts-score-overall-compare,.ts-score-criteria-compare,.ts-quick-summary-vs3 .ts-vs-fighter,.ts-price-compare-vs3 .ts-price-fighter,.ts-score-compare-vs3 .ts-score-duel-side,.ts-integration-compare-vs3 .ts-compare-table-wrapper,.ts-vs-link-card{border-radius:var(--etr-r)!important;border-color:var(--etr-line)!important;box-shadow:var(--etr-shadow-1)!important}.ts-vs-intro-content,.ts-vs-conclusion .ts-conclusion,.ts-compare-summary,.ts-compare-verdict{background:#fff!important}.ts-compare-table,.ts-compare-table-vs3{border-collapse:separate!important;border-spacing:0!important}.ts-compare-table th,.ts-compare-table-vs3 th,.ts-compare-result-header{background:#f1f5f9!important;color:#334155!important}.ts-compare-group-title,.ts-compare-table-vs3 .ts-group-header td{background:#111827!important;color:#fff!important}.ts-quick-summary-vs3 .ts-vs-fighter--winner,.ts-price-compare-vs3 .ts-price-fighter--cheaper{background:var(--etr-gold-soft)!important;border-color:#f5c97b!important}.ts-vs-cta,.ts-floating-cta{border-radius:var(--etr-r)!important}.ts-header,.ts-footer,.ts-filter-panel,.ts-filter-bar,.ts-blog-sidebar,.ts-sidebar-widget,.ts-tco-calculator,.ts-wizard-container,.ts-grid-card,.ts-profile-section,.ts-price-table,.ts-faq-item,.ts-related-links,.gscsm-meta-bar,.gscsm-provider-section,.gscsm-source-box{border-radius:var(--etr-r)!important}.ts-filter-panel,.ts-filter-bar,.ts-blog-sidebar,.ts-sidebar-widget,.ts-wizard-container,.ts-grid-card,.ts-profile-section,.ts-price-table,.ts-faq-item,.gscsm-source-box{border-color:var(--etr-line)!important;box-shadow:var(--etr-shadow-1)!important}.ts-provider-card-v2,.ts-blog-card,.ts-best-podium-card,.ts-cat-card,.ts-vs-link-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ts-provider-card-v2:hover,.ts-blog-card:hover,.ts-best-podium-card:hover,.ts-cat-card:hover,.ts-vs-link-card:hover{transform:translateY(-2px)!important;box-shadow:var(--etr-shadow-2)!important}@media (max-width:980px){.x-lab-layout,.v-decision-grid,.v-scenario-grid,.m-flow-grid,.x-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.gv-wrap,.ts-container,.ts-blog-container{width:min(100% - 32px, 1180px)}.etr-section-head,.x-section-head,.v-section-head,.m-section-head{display:block}.x-hero,.v-hero,.m-hero{padding:44px 0!important}.x-h1,.v-h1,.m-h1{font-size:1.85rem!important}.x-lab-layout,.x-lab-grid,.v-decision-grid,.v-scenario-grid,.m-flow-grid,.x-map-grid{grid-template-columns:1fr}.x-lab-primary,.x-lab-card,.x-map-card,.v-decision-card,.v-scenario-card,.m-flow-card,.m-rank-item{padding:16px}.v-sticky-nav{top:58px}.v-sticky-nav .gv-wrap{width:100%;padding-left:16px!important;padding-right:16px!important}.m-table-wrap{position:relative;-webkit-overflow-scrolling:touch;padding-bottom:26px!important}.m-table-wrap::after{content:"Yana kaydir";position:sticky;left:16px;bottom:0;display:inline-flex;margin-top:8px;padding:5px 9px;border:1px solid var(--etr-line);border-radius:999px;background:rgb(255 255 255 / .94);color:var(--etr-muted);font-size:.76rem;font-weight:800}.m-table th:first-child,.m-table td:first-child{position:sticky;left:0;z-index:2;background:#fff!important;box-shadow:1px 0 0 var(--etr-line)}.m-table thead th:first-child{z-index:3;background:#f1f5f9!important}}}@media print{@media (max-width:992px){.ts-dark-toggle{width:44px;height:44px;min-width:44px;min-height:44px}.ts-mobile-toggle{width:44px;height:44px;min-width:44px;min-height:44px}.ts-share-btn,.ts-print-btn{min-height:44px;min-width:44px;padding:10px}.ts-nav-primary .ts-menu a{padding:12px 16px;min-height:44px;display:flex;align-items:center}}@media (max-width:480px){.ts-dark-toggle{width:44px;height:44px;min-width:44px;min-height:44px}.ts-mobile-toggle{width:44px;height:44px;min-width:44px;min-height:44px;padding:8px}}.ts-blog-card-cat,.ts-blog-related-card-cat{font-size:.75rem}.ts-crit-weight{font-size:11px}@media (max-width:768px){.ts-table-responsive .ts-table{min-width:auto}.ts-table th,.ts-table td{padding:8px 10px;word-break:break-word}.ts-compare-table th:not(:first-child),.ts-compare-table td:not(:first-child){width:auto;min-width:100px}.ts-match-table td,.ts-match-table th{width:auto}}.ts-blog-content table,.entry-content table,.ts-post-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}html{overflow-x:hidden}body{overflow-x:hidden;max-width:100vw}@media (max-width:768px){pre,code{word-break:break-all;white-space:pre-wrap}img,video,iframe,embed,object{max-width:100%;height:auto}}@media (max-width:768px){.ts-sticky-active body{padding-bottom:72px}}.etr-aff-bar,.c-vname span[title],.c-vmeta span[style*="font-size:.72rem"]{font-size:0.75rem!important}@media (max-width:992px){.ts-nav-primary{max-height:calc(100vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch}}.ts-logo-img,.ts-logo img{width:auto;aspect-ratio:attr(width) / attr(height)}.ts-score-circle{min-width:80px;min-height:80px}.ts-provider-logo img{width:100px;height:100px;object-fit:contain}@media (max-width:768px){.ts-hero{min-height:400px;padding:48px 16px}.ts-hero h1{font-size:1.75rem;line-height:1.2}}@media (max-width:480px){.ts-hero{min-height:360px;padding:32px 16px}.ts-hero h1{font-size:1.5rem}}@media (max-width:768px){.ts-compare-header{flex-direction:column;gap:12px;padding:16px;text-align:center}}@media (max-width:768px){.ts-provider-summary{flex-direction:column;text-align:center}.ts-provider-actions{flex-direction:column;width:100%}.ts-provider-actions .ts-btn{width:100%;justify-content:center;min-height:48px}}}a.ts-auto-link{color:#1a56db;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease}a.ts-auto-link:hover{color:#1e40af;text-decoration-style:solid}.ts-related-content{margin-top:48px;padding:32px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.ts-related-section{margin-bottom:24px}.ts-related-section:last-child{margin-bottom:0}.ts-related-section h3{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.ts-related-section ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.ts-related-section li{margin:0}.ts-related-section a{display:inline-block;padding:6px 14px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;font-size:14px;text-decoration:none;transition:all .2s ease}.ts-related-section a:hover{background:#1a56db;color:#fff;border-color:#1a56db}.ts-related-cta a{background:#eff6ff;border-color:#93c5fd;color:#1e40af;font-weight:600}.ts-related-cta a:hover{background:#1a56db;color:#fff;border-color:#1a56db}.ts-breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:13px;color:#64748b}.ts-breadcrumbs li:not(:last-child)::after{content:'\203A';margin:0 8px;color:#94a3b8}.ts-breadcrumbs a{color:#475569;text-decoration:none}.ts-breadcrumbs a:hover{color:#1a56db;text-decoration:underline}.ts-author-box{display:flex;gap:16px;align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-top:32px;margin-bottom:16px}.ts-author-box img{border-radius:50%;flex-shrink:0;width:64px;height:64px;object-fit:cover}.ts-author-box__info{display:flex;flex-direction:column;gap:4px}.ts-author-box__info strong{font-size:1.05rem;color:#1e293b}.ts-author-box__info p{margin:0;font-size:.9rem;color:#475569;line-height:1.5}.ts-author-box__date{font-size:.82rem;color:#64748b}.ts-author-box__links{font-size:.85rem}.ts-author-box__links a{color:#2563eb;text-decoration:none}.ts-author-box__links a:hover{text-decoration:underline}.ts-last-updated{display:inline-flex;align-items:center;gap:8px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:8px 14px;margin-bottom:16px;font-size:.85rem;color:#166534}.ts-last-updated a{color:#15803d;font-weight:500;text-decoration:none}.ts-last-updated a:hover{text-decoration:underline}.ts-editorial-badge{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:8px 14px;margin-bottom:16px;font-size:.85rem;color:#1e40af}.ts-editorial-badge__check{color:#16a34a;font-weight:700;font-size:1rem}.ts-editorial-badge a{color:#2563eb;font-weight:500;text-decoration:none}.ts-editorial-badge a:hover{text-decoration:underline}.ts-trust-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 28px;background:#1e293b;color:#e2e8f0;padding:16px 20px;font-size:.88rem;text-align:center;border-top:1px solid #334155}.ts-trust-footer span{white-space:nowrap}@media(max-width:640px){.ts-author-box{flex-direction:column;align-items:center;text-align:center}.ts-trust-footer{flex-direction:column;gap:8px;font-size:.82rem}}.ts-exit-overlay{position:fixed;inset:0;z-index:999999;background:rgb(0 0 0 / .55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.ts-exit-overlay.ts-show{opacity:1;pointer-events:auto}.ts-exit-popup{position:relative;width:90%;max-width:480px;background:rgb(255 255 255 / .92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:36px 32px 28px;text-align:center;box-shadow:0 25px 60px rgb(0 0 0 / .18),0 0 0 1px rgb(255 255 255 / .3) inset;transform:translateY(40px) scale(.95);opacity:0;transition:all .4s cubic-bezier(.22,1,.36,1)}.ts-exit-popup.ts-popup-visible{transform:translateY(0) scale(1);opacity:1}.ts-exit-anim-fade-in{transform:scale(.95)}.ts-exit-anim-fade-in.ts-popup-visible{transform:scale(1)}.ts-exit-anim-slide-up{transform:translateY(40px) scale(.95)}.ts-exit-anim-slide-up.ts-popup-visible{transform:translateY(0) scale(1)}.ts-exit-close{position:absolute;top:12px;right:14px;background:rgb(0 0 0 / .06);border:none;font-size:22px;width:36px;height:36px;border-radius:50%;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s}.ts-exit-close:hover{background:rgb(0 0 0 / .12);color:#333}.ts-exit-theme-purple .ts-exit-title{background:linear-gradient(135deg,#7c3aed,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.ts-exit-theme-purple .ts-exit-cta-btn{background:linear-gradient(135deg,#7c3aed,#6366f1)}.ts-exit-theme-blue .ts-exit-title{background:linear-gradient(135deg,#2563eb,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.ts-exit-theme-blue .ts-exit-cta-btn{background:linear-gradient(135deg,#2563eb,#0ea5e9)}.ts-exit-theme-gradient .ts-exit-title{background:linear-gradient(135deg,#7c3aed,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.ts-exit-theme-gradient .ts-exit-cta-btn{background:linear-gradient(135deg,#7c3aed,#ec4899)}.ts-exit-title{font-size:1.5rem;font-weight:800;margin:0 0 10px;line-height:1.3}.ts-exit-body{font-size:.95rem;color:#555;line-height:1.6;margin:0 0 20px}.ts-exit-cta-btn{display:inline-block;color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none;letter-spacing:.3px}.ts-exit-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgb(124 58 237 / .35);filter:brightness(1.08)}a.ts-exit-cta-link{display:inline-block;margin-top:4px}.ts-exit-form-row{display:flex;gap:8px;margin-bottom:10px}.ts-exit-email{flex:1;padding:13px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;outline:none;transition:border-color .2s}.ts-exit-email:focus{border-color:#7c3aed}.ts-exit-privacy{font-size:.75rem;color:#999;margin:0}.ts-exit-success{padding:20px 0}.ts-exit-success-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.ts-exit-success h4{font-size:1.2rem;color:#333;margin:0 0 6px}.ts-exit-success p{font-size:.9rem;color:#666;margin:0}.ts-exit-image{margin:-10px auto 16px;max-width:200px}.ts-exit-image img{width:100%;height:auto;border-radius:12px}@media(max-width:640px){.ts-exit-overlay{align-items:flex-end}.ts-exit-popup{width:100%;max-width:100%;border-radius:20px 20px 0 0;padding:28px 20px 24px;margin:0;transform:translateY(100%);opacity:1}.ts-exit-popup.ts-popup-visible{transform:translateY(0)}.ts-exit-form-row{flex-direction:column}.ts-exit-title{font-size:1.25rem}}.ts-exit-pos-bottom-right{position:fixed;bottom:24px;right:24px;max-width:380px}@media(max-width:640px){.ts-exit-pos-bottom-right{position:relative;bottom:auto;right:auto;max-width:100%}}@media (max-width:760px){.etr-shell-header .etr-shell-nav{display:none!important}.etr-shell-header .etr-shell-menu-btn{display:inline-flex!important}.etr-shell-header .etr-shell-nav.etr-nav-open{display:flex!important;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:#fff;border-bottom:1px solid #e2e8f0;padding:14px 20px;gap:14px;box-shadow:0 8px 28px rgb(0 0 0 / .08);z-index:100;align-items:flex-start}}.ts-footer-heading{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem;position:relative;padding-bottom:.6rem}.ts-footer-col:not(.ts-footer-col--brand) .ts-footer-heading::after{content:"";position:absolute;bottom:0;left:0;width:28px;height:2px;border-radius:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.ts-footer-col--brand .ts-footer-heading{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;padding-bottom:0}.ts-footer-desc{color:#94a3b8!important;font-size:.88rem;line-height:1.6}.ts-footer-trust span{color:#cbd5e1!important;font-size:.82rem}.ts-footer-menu li a{color:#94a3b8!important;font-size:.82rem;transition:color .2s,padding-left .2s}.ts-footer-menu li a:hover{color:#ffffff!important;padding-left:4px}.ts-trust-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:1.5rem 0;border-top:1px solid rgb(255 255 255 / .08);border-bottom:1px solid rgb(255 255 255 / .08);margin:1.5rem 0}.ts-trust-item{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;color:#e2e8f0!important}.ts-trust-item svg{color:#60a5fa}.ts-footer-affiliate-disclosure{padding:1rem 0;border-top:1px solid rgb(255 255 255 / .05)}.ts-footer-affiliate-disclosure p{color:#94a3b8!important;font-size:.78rem;line-height:1.5;text-align:center}.ts-footer-affiliate-disclosure a{color:#60a5fa!important}.ts-footer-bottom{padding-top:1rem;border-top:1px solid rgb(255 255 255 / .06)}.ts-footer-bottom p{color:#94a3b8!important;font-size:.78rem}.ts-disclaimer{color:#94a3b8!important;font-size:.72rem!important}.ts-footer-social a{color:#94a3b8;transition:color .2s,transform .2s}.ts-footer-social a:hover{color:#60a5fa;transform:translateY(-2px)}.ts-login-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center}.ts-login-modal__overlay{position:absolute;inset:0;background:rgb(0 0 0 / .5);backdrop-filter:blur(4px)}.ts-login-modal__container{position:relative;background:#fff;border-radius:16px;padding:40px;max-width:420px;width:90%;box-shadow:0 20px 60px rgb(0 0 0 / .15)}.ts-login-modal__close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#64748b}.ts-login-modal__title{font-size:22px;margin:0 0 8px;color:#1e293b}.ts-login-modal__text{font-size:14px;color:#64748b;margin:0 0 20px;line-height:1.5}.ts-login-modal__input{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;outline:none;box-sizing:border-box;transition:border 0.2s}.ts-login-modal__input:focus{border-color:#2563eb}.ts-login-modal__btn{width:100%;padding:14px;margin-top:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity 0.2s}.ts-login-modal__btn:hover{opacity:.9}.ts-login-modal__btn:disabled{opacity:.6;cursor:not-allowed}.ts-login-modal__success{text-align:center;padding:20px 0}.ts-login-modal__check{font-size:40px;margin-bottom:10px}.ts-login-modal__error{color:#dc2626;font-size:14px;margin-top:12px;text-align:center}.ts-teklif-floating-cta{position:fixed;bottom:0;left:0;right:0;z-index:9995;background:rgb(255 255 255 / .97);backdrop-filter:blur(10px);border-top:2px solid #c7d2fe;padding:.75rem 1rem;animation:tsTeklifFadeUp .4s ease}html.ts-dark .ts-teklif-floating-cta{background:rgb(26 26 46 / .97);border-color:#4338ca}@keyframes tsTeklifFadeUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.ts-teklif-floating-cta__inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.ts-teklif-floating-cta__text strong{display:block;font-size:.95rem;color:#111}html.ts-dark .ts-teklif-floating-cta__text strong{color:#f0f0f0}.ts-teklif-floating-cta__text span{font-size:.82rem;color:#666}html.ts-dark .ts-teklif-floating-cta__text span{color:#aaa}.ts-teklif-floating-cta__btn{white-space:nowrap}@media(max-width:600px){.ts-teklif-floating-cta__inner{flex-direction:column;text-align:center;gap:.5rem}.ts-teklif-floating-cta__text span{display:none}}.ts-toast-wrap{position:fixed;bottom:80px;left:24px;z-index:9991;pointer-events:none;max-width:360px;width:calc(100% - 48px)}.ts-toast{background:#fff;border-radius:10px;box-shadow:0 4px 24px rgb(0 0 0 / .12);padding:14px 18px;display:flex;align-items:flex-start;gap:10px;opacity:0;transform:translateY(20px) scale(.96);transition:opacity .35s,transform .35s;pointer-events:auto;border-left:3px solid #3b82f6}.ts-toast.ts-show{opacity:1;transform:translateY(0) scale(1)}.ts-toast-icon{font-size:20px;flex-shrink:0;margin-top:1px}.ts-toast-body{flex:1;min-width:0}.ts-toast-text{font-size:13px;color:#1e293b;line-height:1.45;margin:0}.ts-toast-time{font-size:11px;color:#94a3b8;margin-top:3px}.ts-toast-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:16px;padding:0 0 0 6px;line-height:1;flex-shrink:0}.ts-toast-close:hover{color:#475569}@media(max-width:480px){.ts-toast-wrap{bottom:12px;left:12px;width:calc(100% - 24px);max-width:none}}.gscsm-frw-btn{position:fixed;bottom:24px;right:24px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:0;padding:14px 22px;border-radius:99px;cursor:pointer;font-weight:700;font-size:.95rem;box-shadow:0 8px 24px rgb(37 99 235 / .3);z-index:9990;display:flex;align-items:center;gap:8px;font-family:inherit}.gscsm-frw-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgb(37 99 235 / .4)}.gscsm-frw-modal{position:fixed;inset:0;background:rgb(15 23 42 / .7);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.gscsm-frw-modal.open{display:flex}.gscsm-frw-inner{background:#fff;border-radius:14px;padding:28px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;font-family:inherit}.gscsm-frw-inner h3{margin:0 0 12px;font-size:1.3rem;color:#0f172a}.gscsm-frw-inner p{margin:0 0 16px;color:#475569;font-size:.95rem}.gscsm-frw-inner input,.gscsm-frw-inner textarea,.gscsm-frw-inner select{width:100%;padding:10px;border:1px solid #d0d7de;border-radius:6px;font-size:.95rem;margin-bottom:10px;font-family:inherit;box-sizing:border-box}.gscsm-frw-stars{display:flex;gap:6px;margin-bottom:14px}.gscsm-frw-stars label{cursor:pointer;font-size:1.8rem;color:#d1d5db}.gscsm-frw-stars input{display:none}.gscsm-frw-stars input:checked~label,.gscsm-frw-stars label:hover,.gscsm-frw-stars label:hover~label{color:#fbbf24}.gscsm-frw-actions{display:flex;gap:10px;margin-top:8px}.gscsm-frw-actions button{flex:1;padding:12px;border-radius:6px;border:0;cursor:pointer;font-weight:700}.gscsm-frw-actions .save{background:#2563eb;color:#fff}.gscsm-frw-actions .cancel{background:#f1f5f9;color:#475569}.gscsm-frw-msg{margin-top:10px;font-size:.9rem}@media (max-width:768px){body,p,li,td,th{font-size:max(16px, 1rem);line-height:1.55}a,button,[role='button']{min-height:44px;min-width:44px;display:inline-flex;align-items:center}input,select,textarea{font-size:16px}.gscsm-tldr,.gscsm-direct-answer,.gscsm-citation-facts{padding:14px;font-size:1rem}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}