.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--space-5);padding-right:var(--space-5)}.container-narrow{max-width:var(--container-narrow)}.site-header{position:sticky;top:0;z-index:1000;background-color:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.85);transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),backdrop-filter var(--transition-base);box-shadow:0 1px 3px 0 rgba(15,23,42,.03)}.site-header.scrolled{background-color:rgba(255,255,255,.96);border-bottom-color:rgba(203,213,225,.95);box-shadow:0 4px 20px -2px rgba(15,23,42,.08),0 2px 6px -1px rgba(15,23,42,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=dark] .site-header{background-color:rgba(15,23,42,.9);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px 0 rgba(0,0,0,.3)}[data-theme=dark] .site-header.scrolled{background-color:rgba(15,23,42,.96);border-bottom-color:rgba(255,255,255,.14);box-shadow:0 4px 24px 0 rgba(0,0,0,.45)}.header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:72px;gap:var(--space-4)}.brand-link{display:flex;align-items:center;text-decoration:none;color:var(--text-primary);flex-shrink:0;justify-self:start;transition:transform var(--transition-fast),opacity var(--transition-fast);transform-origin:left center}.brand-link:hover{text-decoration:none;transform:scale(1.025);opacity:.98}.brand-link:hover rect{filter:brightness(1.06)}.brand-link svg{height:44px;width:auto}.nav-desktop{display:flex;align-items:center;justify-self:center;gap:var(--space-1)}.nav-link{position:relative;display:inline-flex;align-items:center;padding:.45rem .9rem;font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast);border:1px solid transparent}.nav-link::after{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%) scaleX(0);width:60%;height:2px;border-radius:2px;background:var(--gradient-primary);transition:transform .2s}.nav-link.active::after,.nav-link:hover::after{transform:translateX(-50%) scaleX(1)}.nav-link:hover{color:var(--primary-600);background-color:rgba(37,99,235,.06);text-decoration:none}.nav-link.active{color:var(--primary-700);background-color:rgba(37,99,235,.1);border-color:rgba(37,99,235,.15);font-weight:600;text-decoration:none}[data-theme=dark] .nav-link:hover{color:var(--accent-400);background-color:rgba(59,130,246,.12)}[data-theme=dark] .nav-link.active{color:#fff;background-color:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3)}.header-right{display:flex;align-items:center;gap:var(--space-3);justify-self:end}.header-search-trigger{display:inline-flex;align-items:center;gap:var(--space-2);padding:.38rem .75rem .38rem .85rem;background:rgba(241,245,249,.75);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast);line-height:1;font-family:inherit}.header-search-trigger:hover{background:var(--bg-surface);border-color:var(--primary-400);color:var(--text-primary);box-shadow:0 2px 8px rgba(37,99,235,.08)}.header-search-trigger svg{color:var(--text-muted);transition:color var(--transition-fast);flex-shrink:0}.header-search-trigger:hover svg{color:var(--primary-600)}.header-search-trigger kbd,.search-trigger-kbd{display:inline-flex;align-items:center;padding:.15rem .4rem;font-family:inherit;font-size:10px;font-weight:600;line-height:1;color:var(--text-muted);background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.08);border-radius:4px}.search-trigger-text{display:inline}[data-theme=dark] .header-search-trigger{background:rgba(30,41,59,.7);border-color:rgba(255,255,255,.1);color:#94a3b8}[data-theme=dark] .header-search-trigger:hover{background:#1e293b;border-color:#38bdf8;color:#f8fafc}[data-theme=dark] .header-search-trigger kbd{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#94a3b8}.header-actions{display:flex;align-items:center;gap:2px;padding:3px;border-radius:var(--radius-full);background:rgba(37,99,235,.04);border:1px solid rgba(37,99,235,.08)}[data-theme=dark] .header-actions{background:rgba(56,189,248,.06);border-color:rgba(56,189,248,.12)}.header-actions .btn-icon{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid transparent;background:0 0;color:var(--text-secondary);box-shadow:none}.header-actions .btn-icon:hover{background:rgba(37,99,235,.09);color:var(--primary-600);border-color:rgba(37,99,235,.12);transform:none}[data-theme=dark] .header-actions .btn-icon:hover{background:rgba(56,189,248,.12);color:#38bdf8;border-color:rgba(56,189,248,.2)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.btn-icon:hover{background:var(--bg-surface-subtle);color:var(--text-primary);border-color:var(--border-medium);transform:translateY(-1px)}.btn-icon svg{width:20px;height:20px}.btn-mobile-toggle{display:none}@media (max-width:1060px) and (min-width:961px){.header-search-trigger kbd{display:none}}@media (max-width:960px){.header-inner{display:flex;justify-content:space-between}.nav-desktop{display:none}.btn-mobile-toggle{display:inline-flex}.header-right{margin-left:auto}}@media (max-width:540px){.header-search-trigger kbd,.header-search-trigger span{display:none}.header-search-trigger{padding:.45rem}}.mobile-nav-drawer{position:fixed;top:0;right:-340px;width:320px;max-width:85vw;height:100vh;background-color:var(--bg-surface);border-left:1px solid var(--border-subtle);z-index:1050;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;transition:right var(--transition-slow);padding:var(--space-6) var(--space-5)}.mobile-nav-drawer.open{right:0}.mobile-nav-overlay{position:fixed;inset:0;background:rgba(10,19,41,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1040;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.mobile-nav-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;padding:0}.mobile-nav-links .nav-link{font-size:var(--text-base);padding:.75rem 1rem;border-radius:var(--radius-lg);width:100%}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;padding:var(--space-4) 0;margin:0;font-size:var(--text-sm)}.breadcrumbs li{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:0;color:var(--text-muted)}.breadcrumbs a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumbs a:hover{color:var(--primary-600);text-decoration:underline}.breadcrumbs [aria-current=page]{color:var(--text-primary);font-weight:600}.breadcrumb-separator{color:var(--border-medium);font-size:.75rem}.page-main{flex:1 0 auto;padding-top:var(--space-4);padding-bottom:var(--space-12)}.tool-layout,.tool-layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-8);align-items:start}@media (max-width:1024px){.tool-layout,.tool-layout-grid{grid-template-columns:1fr}}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-5);margin-top:var(--space-6)}.hero-section{position:relative;padding:var(--space-16) 0 var(--space-12);text-align:center;background-image:var(--gradient-hero-light);overflow:hidden}.hero-section::before{content:"";position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:900px;height:450px;background:radial-gradient(circle at 50% 20%,rgba(37,99,235,.08) 0,rgba(14,165,233,.04) 40%,transparent 70%);pointer-events:none;z-index:0}[data-theme=dark] .hero-section::before{background:radial-gradient(circle at 50% 20%,rgba(56,189,248,.12) 0,rgba(37,99,235,.05) 50%,transparent 75%)}.hero-content,.hero-section>.container{position:relative;z-index:1}.hero-badge,.hero-trust-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:.4rem 1rem;font-size:var(--text-xs);font-weight:600;color:var(--primary-700);background:rgba(37,99,235,.07);border:1px solid rgba(37,99,235,.18);border-radius:var(--radius-full);margin-bottom:var(--space-5);box-shadow:0 1px 3px rgba(37,99,235,.08)}[data-theme=dark] .hero-badge,[data-theme=dark] .hero-trust-pill{color:var(--accent-400);background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.25);box-shadow:0 1px 8px rgba(0,0,0,.2)}.hero-badge-dot,.hero-pulse-dot{width:7px;height:7px;border-radius:50%;background-color:var(--emerald-500);box-shadow:0 0 0 0 rgba(16,185,129,.7);animation:2s infinite pulse-green}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(16,185,129,0)}100%{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,0)}}.pill-divider{opacity:.35}.hero-title{font-size:clamp(2rem, 5vw, 3.25rem);font-weight:800;letter-spacing:-.035em;line-height:1.15;margin-bottom:var(--space-4);color:var(--text-primary)}.gradient-text,.hero-title-accent{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description,.hero-lead{font-size:clamp(1rem, 2.5vw, 1.25rem);color:var(--text-secondary);max-width:680px;margin:0 auto var(--space-8);line-height:1.6}.hero-trust-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-3);margin-bottom:var(--space-5);line-height:1.4}.hero-trust-line span{display:inline-flex;align-items:center;white-space:nowrap}.hero-trust-line .trust-sep{opacity:.4;user-select:none}@media (max-width:480px){.hero-trust-line{gap:var(--space-1) var(--space-2);font-size:.72rem}}.pre-footer-cta{background:linear-gradient(135deg,#1d4ed8 0,#4f46e5 50%,#0ea5e9 100%);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-8);text-align:center;color:#fff;margin:var(--space-16) 0 var(--space-12);position:relative;overflow:hidden;box-shadow:0 16px 36px -8px rgba(37,99,235,.35),0 6px 16px -4px rgba(15,23,42,.12)}.pre-footer-cta::before{content:"";position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:650px;height:350px;background:radial-gradient(circle,rgba(255,255,255,.16) 0,transparent 70%);pointer-events:none}[data-theme=dark] .pre-footer-cta{background:linear-gradient(180deg,#131c31 0,#0f172a 100%);border-color:rgba(255,255,255,.1);box-shadow:0 20px 40px -15px rgba(0,0,0,.5);color:var(--text-primary)}[data-theme=dark] .pre-footer-cta::before{background:radial-gradient(circle,rgba(59,130,246,.12) 0,transparent 70%)}.pre-footer-cta-badge{margin-bottom:var(--space-3);background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:600;font-size:var(--text-xs);padding:.35rem .85rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:6px;backdrop-filter:blur(8px)}[data-theme=dark] .pre-footer-cta-badge{background:rgba(37,99,235,.15);border-color:rgba(37,99,235,.3);color:var(--primary-400)}.pre-footer-cta-title{font-size:clamp(1.6rem, 3vw, 2.25rem);font-weight:800;margin-bottom:var(--space-3);color:#fff;letter-spacing:-.025em;position:relative;text-shadow:0 2px 8px rgba(0,0,0,.15)}[data-theme=dark] .pre-footer-cta-title{color:var(--text-primary);text-shadow:none}.pre-footer-cta-desc{color:rgba(255,255,255,.88);font-size:var(--text-base);max-width:580px;margin:0 auto var(--space-8);line-height:1.65;position:relative;text-shadow:0 1px 4px rgba(0,0,0,.1)}[data-theme=dark] .pre-footer-cta-desc{color:var(--text-secondary);text-shadow:none}.btn-cta-light{background:#fff!important;color:var(--primary-700)!important;border:1px solid #fff!important;box-shadow:0 8px 24px -4px rgba(15,23,42,.25),0 2px 6px -1px rgba(15,23,42,.15);font-weight:700;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center}.btn-cta-light:hover{background:#f8fafc!important;color:var(--primary-800)!important;transform:translateY(-2px);box-shadow:0 12px 28px -4px rgba(15,23,42,.3),0 4px 8px -2px rgba(15,23,42,.15)}[data-theme=dark] .btn-cta-light{background:var(--primary-600)!important;color:#fff!important;border-color:var(--primary-500)!important;box-shadow:0 10px 24px -4px rgba(37,99,235,.4)}[data-theme=dark] .btn-cta-light:hover{background:var(--primary-500)!important;color:#fff!important;border-color:var(--primary-400)!important}.ad-slot{display:none;box-sizing:border-box;overflow:hidden;text-align:center}.ad-slot--leaderboard{min-height:90px;max-width:728px;width:100%;margin:var(--space-4) auto}.ad-slot--sidebar{min-height:250px;max-width:300px;width:100%;margin:var(--space-4) auto}.ad-slot-container{display:none}.site-footer{background-color:var(--bg-footer);border-top:1px solid var(--border-footer);padding-top:var(--space-16);padding-bottom:var(--space-8);margin-top:auto;color:var(--text-footer-secondary);position:relative;overflow:hidden}.site-footer::before{content:"";position:absolute;top:0;left:10%;width:500px;height:300px;background:radial-gradient(circle,rgba(37,99,235,.08) 0,transparent 70%);pointer-events:none}.footer-grid{display:grid;grid-template-columns:2.2fr repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-12);position:relative}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}.footer-brand{grid-column:span 2}}@media (max-width:540px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:span 1}}.footer-brand-title{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:800;font-size:1.35rem;color:var(--text-footer-primary);margin-bottom:var(--space-3);text-decoration:none}.footer-brand-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--gradient-primary);border-radius:8px;font-size:13px;color:#fff;font-weight:800;box-shadow:0 2px 8px rgba(37,99,235,.4)}.footer-brand-desc{font-size:var(--text-sm);color:var(--text-footer-secondary);line-height:1.65;max-width:360px;margin-bottom:var(--space-4)}.footer-privacy-pill{display:inline-flex;align-items:center;gap:var(--space-2);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:.38rem .85rem;border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-footer-secondary);box-shadow:none}[data-theme=dark] .footer-privacy-pill{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#cbd5e1;box-shadow:none}.footer-social{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}.footer-social-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:rgba(255,255,255,.06);border:1px solid var(--border-footer);color:var(--text-footer-secondary);transition:all var(--transition-fast);text-decoration:none}.footer-social-icon:hover{background:var(--primary-600);border-color:var(--primary-600);color:#fff;transform:translateY(-2px);text-decoration:none}.footer-heading{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-footer-primary);margin-bottom:var(--space-4)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-3)}.footer-links a{color:var(--text-footer-secondary);font-size:var(--text-sm);text-decoration:none;display:inline-block;transition:all var(--transition-fast)}.footer-links a:hover{color:#fff;transform:translateX(3px);text-decoration:none}[data-theme=dark] .footer-links a:hover{color:#fff}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--border-footer);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-footer-secondary);position:relative}.footer-bottom a,.footer-bottom p,.footer-bottom span{color:var(--text-footer-secondary)}.footer-bottom a:hover{color:#fff}.legal-page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle)}.legal-date-pill{display:inline-flex;align-items:center;gap:6px;background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);padding:.35rem .85rem;border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-muted);font-weight:500;margin-top:var(--space-2)}.legal-section{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-subtle)}.legal-section:last-of-type{border-bottom:none;margin-bottom:var(--space-4);padding-bottom:0}.legal-section h2{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-top:0;margin-bottom:var(--space-3);letter-spacing:-.015em}.legal-section p,.legal-section ul{line-height:1.7;color:var(--text-secondary);font-size:.95rem}.legal-section ul{padding-left:var(--space-5);margin-top:var(--space-3);margin-bottom:var(--space-3)}.legal-section li{margin-bottom:var(--space-2)}.legal-section a{color:var(--primary-600);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.legal-section a:hover{color:var(--primary-800)}[data-theme=dark] .legal-section a{color:var(--accent-400)}[data-theme=dark] .legal-section a:hover{color:#fff}.search-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-16) var(--space-4) var(--space-4);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 150ms,visibility 150ms}.search-modal.active{opacity:1;visibility:visible;pointer-events:auto}.search-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.search-modal-dialog{position:relative;width:100%;max-width:620px;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.05);overflow:hidden;transform:translateY(-12px) scale(.98);transition:transform 180ms cubic-bezier(.16, 1, .3, 1);z-index:1}.search-modal.active .search-modal-dialog{transform:translateY(0) scale(1)}.search-palette-container{width:100%;max-width:100%;position:relative}.search-palette-input-wrap{display:flex;align-items:center;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);gap:var(--space-3);background:var(--bg-surface)}.search-palette-input-wrap .search-icon{position:static;color:var(--primary-600);flex-shrink:0;width:20px;height:20px}[data-theme=dark] .search-palette-input-wrap .search-icon{color:var(--accent-400)}.search-palette-input.search-input{flex:1;height:auto;border:none;outline:0;background:0 0;font-size:var(--text-base);color:var(--text-primary);font-family:inherit;padding:var(--space-2) 0;box-shadow:none;border-radius:0}.search-palette-input.search-input:focus{box-shadow:none;border-color:transparent}.search-palette-input::placeholder{color:var(--text-muted)}.search-palette-close{background:0 0;border:none;cursor:pointer;padding:0;color:var(--text-muted);line-height:1}.search-palette-close kbd{display:inline-flex;padding:.2rem .45rem;font-size:11px;font-weight:600;background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:inherit;line-height:1}.search-modal .search-results-dropdown{position:static;box-shadow:none;border:none;border-radius:0;max-height:380px;overflow-y:auto;display:none}.search-modal .search-results-dropdown.visible{display:block}.search-palette-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);padding:var(--space-2) var(--space-5);background:var(--bg-surface-subtle);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted)}.search-palette-footer kbd{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:3px;padding:1px 4px;font-size:10px;font-weight:600;color:var(--text-secondary);font-family:inherit}