:root{--bg:#f7f4ef;--bg-soft:#ede9e1;--bg-subtle:#faf8f5;--surface:#ffffff;--surface-2:#f7f4ef;--surface-3:#ede9e1;--border:rgba(26,22,20,0.09);--border-mid:rgba(26,22,20,0.15);--border-dark:rgba(26,22,20,0.28);--text:#1a1614;--text-mid:#4a3f39;--text-muted:#8a7d76;--text-faint:#b5a89f;--accent:#c2410c;--accent-soft:rgba(194,65,12,0.07);--accent-mid:rgba(194,65,12,0.14);--green:#166534;--green-soft:rgba(22,101,52,0.08);--red:#991b1b;--amber:#92400e;--font-display:'Fraunces',Georgia,'Times New Roman',serif;--font:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;--r:6px;--r-lg:10px;--r-xl:16px;--r-sm:4px;--r-md:8px;--shadow-card:0 2px 12px rgba(26,22,20,0.07),0 1px 3px rgba(26,22,20,0.05);--shadow-raise:0 8px 32px rgba(26,22,20,0.10),0 2px 8px rgba(26,22,20,0.06);--container:1120px;--t:0.16s ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7;font-size:1rem;min-height:100vh;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration:none;transition:color var(--t)}a:hover{color:#9a3309}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.1;font-weight:900;color:var(--text);letter-spacing:-0.025em}p{color:var(--text-mid)}.container{max-width:var(--container);margin:0 auto;padding:0 28px}.section{padding:96px 0}.section-alt{background:var(--bg-soft)}.not-found-section{min-height:60vh;display:flex;align-items:center;padding:80px 0}.not-found-inner{text-align:center;max-width:540px;margin:0 auto}.not-found-code{font-family:var(--font-display);font-size:clamp(6rem,15vw,10rem);font-weight:900;line-height:1;color:var(--accent);opacity:0.15;margin-bottom:-16px;letter-spacing:-0.06em}.not-found-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900;color:var(--text);margin-bottom:16px}.not-found-desc{color:var(--text-muted);font-size:1rem;line-height:1.7;margin-bottom:36px;font-family:var(--font)}.not-found-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.section-label{font-size:0.70rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-family:var(--font)}.section-title{font-size:clamp(1.9rem,3.8vw,3rem);margin-bottom:14px;letter-spacing:-0.035em;line-height:1.05}.section-sub{font-size:1rem;color:var(--text-muted);max-width:520px;margin-bottom:48px;line-height:1.75;font-family:var(--font)}.section-cta{margin-top:52px;text-align:center}.divider{height:1px;background:var(--border-mid);margin:0}[data-rv]{opacity:0;transform:translateY(24px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1),transform 0.7s cubic-bezier(0.16,1,0.3,1)}[data-rv].rv{opacity:1;transform:none}[data-rv-d="1"]{transition-delay:0.08s}[data-rv-d="2"]{transition-delay:0.16s}[data-rv-d="3"]{transition-delay:0.24s}[data-rv-d="4"]{transition-delay:0.32s}[data-rv-d="5"]{transition-delay:0.40s}.btn{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;border-radius:var(--r-lg);font-size:0.875rem;font-weight:700;cursor:pointer;border:none;transition:all 0.18s ease;text-decoration:none;white-space:nowrap;font-family:var(--font);letter-spacing:0.01em}.btn:active{transform:translateY(1px) scale(0.99)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#9a3309;color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(194,65,12,0.28)}.btn-ghost{background:transparent;color:var(--text-mid);border:1px solid var(--border-dark)}.btn-ghost:hover{background:var(--surface-3);color:var(--text);border-color:var(--text-muted)}.btn-sm{padding:7px 16px;font-size:0.8rem}.btn-lg{padding:14px 30px;font-size:1rem}.btn-compare{background:var(--surface);color:var(--text-mid);border:1px solid var(--border-mid)}.btn-compare:hover{background:var(--surface-3);color:var(--text);border-color:var(--border-dark)}.btn-learn{background:transparent;color:var(--green);border:1px solid rgba(22,101,52,0.30)}.btn-learn:hover{background:var(--green-soft);border-color:var(--green)}.btn-block{display:block;width:100%;text-align:center}.site-header{position:sticky;top:0;z-index:200;background:rgba(247,244,239,0.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-mid)}.nav{display:flex;align-items:center;height:62px;max-width:var(--container);margin:0 auto;padding:0 28px}.nav-logo{margin-right:36px;flex-shrink:0;display:flex;align-items:center;text-decoration:none}.nav-logo-text{font-family:var(--font-display);font-weight:900;font-size:1.25rem;color:var(--text);letter-spacing:-0.04em;line-height:1}.nav-logo-accent{color:var(--accent)}.nav-links{display:flex;list-style:none;gap:2px;flex:1;align-items:center}.nav-links a{display:block;padding:5px 12px;border-radius:var(--r-md);color:var(--text-muted);font-size:0.875rem;font-weight:600;transition:all var(--t);font-family:var(--font)}.nav-links a:hover{color:var(--text);background:var(--surface-3)}.nav-links .nav-highlight a{color:var(--accent);font-weight:700}.nav-links .nav-highlight a:hover{background:var(--accent-soft);color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.nav-toggle{display:none;background:var(--surface-3);border:1px solid var(--border-mid);border-radius:var(--r-md);width:40px;height:38px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}.nav-toggle span{display:block;width:17px;height:1.5px;background:var(--text-muted);border-radius:2px;transition:all var(--t)}.hero{padding:80px 0 0;border-bottom:1px solid var(--border-mid);background:var(--bg);position:relative}.hero-top{display:grid;grid-template-columns:1.2fr 0.8fr;gap:72px;align-items:center;padding-bottom:72px}.hero-inner{max-width:580px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.70rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent);margin-bottom:24px;font-family:var(--font)}.hero-eyebrow::before{content:'';width:20px;height:1px;background:var(--accent);display:inline-block}.hero h1{font-family:var(--font-display);font-size:clamp(3rem,6.5vw,5.2rem);letter-spacing:-0.04em;line-height:0.95;margin-bottom:24px;font-weight:900;color:var(--text)}.hero h1 em{font-style:italic;color:var(--accent)}.hero-sub{font-size:1.05rem;color:var(--text-muted);max-width:440px;margin-bottom:36px;line-height:1.75;font-family:var(--font)}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-note{font-size:0.78rem;color:var(--text-faint);font-family:var(--font)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.hv-panel{position:relative;z-index:2;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-xl);box-shadow:var(--shadow-raise);width:100%;max-width:360px;overflow:hidden;animation:hv-slidein 0.7s cubic-bezier(0.22,1,0.36,1) 0.1s both}@keyframes hv-slidein{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.hv-panel-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.hv-panel-label{font-size:0.72rem;font-weight:700;letter-spacing:0.10em;text-transform:uppercase;color:var(--text-muted);font-family:var(--font)}.hv-live-tag{display:flex;align-items:center;gap:5px;font-size:0.70rem;font-weight:700;color:var(--green);font-family:var(--font)}.hv-live-dot{width:6px;height:6px;background:var(--green);border-radius:50%;flex-shrink:0;animation:ai-pulse 2s ease-in-out infinite}@keyframes ai-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.6;transform:scale(1.3)}}.hv-scores{padding:6px 0}.hv-score-row{display:grid;grid-template-columns:28px 90px 1fr 38px;align-items:center;gap:10px;padding:11px 18px;border-bottom:1px solid var(--border);animation:fade-slide 0.45s ease both}.hv-score-row:last-child{border-bottom:none}.hv-score-row:nth-child(1){animation-delay:0.22s}.hv-score-row:nth-child(2){animation-delay:0.30s}.hv-score-row:nth-child(3){animation-delay:0.38s}.hv-score-row:nth-child(4){animation-delay:0.46s}.hv-score-row:nth-child(5){animation-delay:0.54s}@keyframes fade-slide{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}.hvs-rank{font-size:0.68rem;font-weight:700;color:var(--text-faint);font-family:var(--font-mono);letter-spacing:0.05em}.hvs-name{font-size:0.84rem;font-weight:600;color:var(--text-mid);font-family:var(--font)}.hvs-track{height:5px;background:var(--bg-soft);border-radius:99px;overflow:hidden}.hvs-fill{height:100%;width:var(--w);background:var(--accent);border-radius:99px}.hvs-num{font-size:0.80rem;font-weight:800;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.hv-panel-footer{padding:12px 18px;font-size:0.72rem;font-weight:500;color:var(--text-faint);font-family:var(--font);border-top:1px solid var(--border);background:var(--bg-soft)}.hv-panel-dots,.hvp-d,.hv-badge,.hv-card,.hv-card-dot,.hv-dot-green,.hv-dot-blue,.hv-dot-amber,.hvs-fill--purple,.hvs-fill--green,.hvs-fill--amber{all:unset}.hvs-fill{height:100%;width:var(--w);background:var(--accent);border-radius:99px;display:block}.hero-stats{display:flex;gap:0;border-top:1px solid var(--border-mid);flex-wrap:wrap;position:relative;z-index:2}.stat-item{flex:1;min-width:120px;padding:22px 32px;border-right:1px solid var(--border-mid)}.stat-item:last-child{border-right:none}.stat-number{font-size:2rem;font-weight:900;letter-spacing:-0.05em;display:block;color:var(--text);font-family:var(--font-display)}.stat-label{font-size:0.78rem;color:var(--text-muted);margin-top:2px;font-weight:500;font-family:var(--font)}.hero-ai-search{margin:0;max-width:720px;position:relative;z-index:2;padding-bottom:60px}.hero-ai-label{display:flex;align-items:center;gap:8px;font-size:0.70rem;font-weight:700;text-transform:uppercase;letter-spacing:0.13em;color:var(--accent);margin-bottom:14px;font-family:var(--font)}.ai-pulse-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0;animation:ai-pulse 2s ease-in-out infinite}.hero-search-row{display:flex;gap:8px;align-items:stretch}.hero-search-box{flex:1;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-lg);padding:12px 18px;transition:border-color 0.2s,box-shadow 0.2s}.hero-search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(194,65,12,0.10)}.hero-search-icon{color:var(--text-muted);flex-shrink:0}.hero-input{flex:1;border:none;outline:none;font-size:1rem;font-family:var(--font);background:transparent;color:var(--text);min-width:0}.hero-input::placeholder{color:var(--text-faint)}.hero-search-submit{display:flex;align-items:center;gap:8px;padding:12px 22px;font-size:0.9rem;white-space:nowrap;flex-shrink:0}.hero-examples{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.hero-example-chip{font-size:0.76rem;font-weight:600;color:var(--text-muted);background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-md);padding:4px 12px;cursor:pointer;font-family:var(--font);transition:all 0.14s}.hero-example-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.hero-ai-loading{margin:24px 0 0;max-width:720px;text-align:center;padding:40px 24px;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-xl);box-shadow:var(--shadow-card)}.hero-loading-inner{display:flex;flex-direction:column;align-items:center;gap:18px}.hero-loading-msg{font-size:1rem;font-weight:600;color:var(--text);transition:opacity 0.25s ease;min-height:1.5em;font-family:var(--font)}.hero-ai-results{margin:24px 0 0;max-width:720px}.hero-results-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}.hero-results-title{font-size:1rem;font-weight:700;margin:0 0 4px;font-family:var(--font)}.hero-results-sub{font-size:0.82rem;color:var(--text-muted);margin:0;font-family:var(--font)}.hero-result-cards{display:flex;flex-direction:column;gap:8px}.hero-result-card{background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-xl);padding:16px 20px;transition:border-color 0.15s,box-shadow 0.15s}.hero-result-card:hover{border-color:var(--accent);box-shadow:0 2px 12px rgba(194,65,12,0.08)}.hero-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.hero-card-title{font-size:0.95rem;font-weight:700;margin:0;line-height:1.3;font-family:var(--font)}.hero-card-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:12px}.hero-tool-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 5px;background:var(--surface-2);border:1px solid var(--border-mid);border-radius:var(--r-md);font-size:0.78rem;font-weight:600;color:var(--text-muted);text-decoration:none;transition:all 0.14s;font-family:var(--font)}.hero-tool-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.mini-tool-logo{width:18px;height:18px;border-radius:3px;object-fit:contain;background:var(--surface-3)}.mini-arrow{color:var(--text-faint);font-size:0.8rem}.hero-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hero-card-meta{font-size:0.75rem;color:var(--text-faint);font-family:var(--font)}.hero-no-results{margin:24px 0 0;max-width:720px;padding:24px;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-xl);text-align:center;color:var(--text-muted);font-size:0.9rem;font-family:var(--font)}.hero-no-results .btn{margin-top:12px}@keyframes hero-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.hero-search-shake{animation:hero-shake 0.4s ease;border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(153,27,27,0.12)!important}.start-here{border:1px solid var(--border-mid);border-left:3px solid var(--accent);border-radius:var(--r-xl);background:var(--surface);padding:28px 32px;margin-bottom:48px}.start-here-label{font-size:0.70rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-family:var(--font)}.start-here h2{font-size:1.1rem;font-weight:700;margin-bottom:6px;font-family:var(--font-display)}.start-here p{font-size:0.9rem;margin-bottom:18px;font-family:var(--font)}.start-here-links{display:flex;gap:8px;flex-wrap:wrap}.start-link{font-size:0.84rem;font-weight:600;color:var(--text-mid);padding:6px 14px;background:var(--surface-2);border:1px solid var(--border-mid);border-radius:var(--r-md);transition:all var(--t);font-family:var(--font)}.start-link:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.category-grid{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;-webkit-overflow-scrolling:touch}.category-grid::-webkit-scrollbar{display:none}.category-card{display:block;background:var(--surface);padding:20px 20px;color:var(--text-mid);transition:all 0.2s ease;border:1px solid var(--border-mid);border-radius:var(--r-xl);text-decoration:none;flex:0 0 auto;min-width:180px}.category-card:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--text);transform:translateY(-2px);box-shadow:var(--shadow-card)}.category-card:hover .cat-name{color:var(--accent)}.cat-abbr{font-size:0.67rem;font-weight:700;letter-spacing:0.10em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;font-family:var(--font)}.cat-name{font-size:0.95rem;font-weight:700;color:var(--text);margin-bottom:6px;transition:color var(--t);font-family:var(--font)}.cat-count{font-size:0.76rem;color:var(--text-faint);line-height:1.5;font-family:var(--font)}.ranking-table{border:1px solid var(--border-mid);border-radius:var(--r-xl);overflow:hidden;background:var(--surface)}.ranking-row{display:grid;grid-template-columns:48px 1fr 160px 64px 80px;align-items:center;gap:16px;padding:13px 20px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text);transition:background var(--t)}.ranking-row:last-child{border-bottom:none}.ranking-row:hover{background:var(--surface-2)}.rank-num{font-family:var(--font-mono);font-size:0.75rem;font-weight:700;color:var(--text-faint);letter-spacing:0.04em}.rank-info{display:flex;flex-direction:column;gap:2px;min-width:0}.rank-name{font-weight:700;font-size:0.95rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font)}.rank-for{font-size:0.76rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font)}.rank-bar-wrap{min-width:0}.rank-bar{height:6px;background:var(--border-mid);border-radius:4px;overflow:hidden}.rank-bar-fill{height:100%;background:var(--accent);border-radius:4px}.rank-score{font-family:var(--font-mono);font-weight:700;font-size:1rem;color:var(--text);text-align:right;white-space:nowrap}.rank-score-denom{font-size:0.7rem;font-weight:400;color:var(--text-muted)}.rank-free-badge{display:inline-block;padding:2px 9px;background:rgba(22,101,52,0.09);color:var(--green);border:1px solid rgba(22,101,52,0.2);border-radius:20px;font-size:0.72rem;font-weight:700;font-family:var(--font);white-space:nowrap;text-align:center}.rank-price{font-size:0.78rem;color:var(--text-muted);font-family:var(--font);text-align:right;white-space:nowrap}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-xl);padding:26px;color:var(--text);transition:all 0.2s ease;text-decoration:none}.card:hover{border-color:var(--accent);box-shadow:var(--shadow-raise);transform:translateY(-2px);color:var(--text)}.card-tag{font-size:0.68rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-family:var(--font)}.card h3{font-size:0.97rem;font-weight:700;margin-bottom:8px;line-height:1.35;font-family:var(--font)}.card p{font-size:0.85rem;color:var(--text-muted);flex:1;line-height:1.6;font-family:var(--font)}.card-meta{margin-top:16px;padding-top:13px;border-top:1px solid var(--border);font-size:0.76rem;color:var(--text-faint);display:flex;justify-content:space-between;font-family:var(--font)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide-card{background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-xl);padding:26px 24px;display:flex;flex-direction:column;gap:10px;transition:all 0.2s ease}.guide-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-raise)}.guide-level{font-size:0.67rem;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;padding:3px 10px;border-radius:var(--r-md);width:fit-content;font-family:var(--font)}.level-beginner{background:rgba(22,101,52,0.10);color:var(--green)}.level-intermediate{background:rgba(146,64,14,0.10);color:var(--amber)}.level-advanced{background:rgba(153,27,27,0.10);color:var(--red)}.guide-card h3{font-size:0.97rem;font-weight:700;line-height:1.35;font-family:var(--font)}.guide-card p{font-size:0.84rem;color:var(--text-muted);line-height:1.6;font-family:var(--font)}.guide-link{margin-top:auto;font-size:0.84rem;font-weight:700;color:var(--accent);transition:color var(--t);font-family:var(--font)}.guide-link:hover{color:#9a3309}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:why-count;border:1px solid var(--border-mid);border-radius:var(--r-xl);overflow:hidden;background:var(--border)}.why-item{background:var(--surface);padding:40px 32px;transition:background 0.18s ease;counter-increment:why-count}.why-item:not(:last-child){border-right:1px solid var(--border-mid)}.why-item:hover{background:var(--bg-soft)}.why-item::before{content:counter(why-count,decimal-leading-zero);display:block;font-family:var(--font-display);font-size:3.5rem;font-weight:900;letter-spacing:-0.06em;line-height:1;color:rgba(194,65,12,0.15);margin-bottom:20px}.why-label{font-size:0.67rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-family:var(--font)}.why-item h3{font-size:1rem;font-weight:700;margin-bottom:10px;line-height:1.3;font-family:var(--font)}.why-item p{font-size:0.85rem;color:var(--text-muted);line-height:1.65;font-family:var(--font)}.breadcrumb{font-size:0.82rem;color:var(--text-faint);margin-bottom:20px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-family:var(--font)}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb-sep{color:var(--border-dark)}.article-page{padding:48px 0 80px}.article-layout{display:grid;grid-template-columns:1fr 280px;gap:56px;align-items:start}.article-main{min-width:0}.article-aside{position:sticky;top:84px}.article-updated{font-size:0.78rem;color:var(--text-faint);margin-bottom:12px;font-family:var(--font)}.article-main>h1{font-size:clamp(1.5rem,3.5vw,2.1rem);margin-bottom:28px}.verdict-box{background:var(--accent-soft);border:1px solid var(--accent-mid);border-left:4px solid var(--accent);border-radius:var(--r-xl);padding:24px 26px;margin-bottom:36px}.verdict-label{font-size:0.70rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-family:var(--font)}.verdict-box p{color:var(--text-mid);margin:0;font-size:0.95rem;font-family:var(--font)}.compare-table{width:100%;border-collapse:collapse;margin-bottom:36px;font-size:0.88rem}.compare-table th,.compare-table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--border)}.compare-table thead th{background:var(--surface-2);font-weight:700;font-size:0.80rem;border-bottom:2px solid var(--border-mid);color:var(--text);font-family:var(--font)}.compare-table td:first-child{color:var(--text-muted);font-weight:500;width:35%}.compare-table tr:last-child td{border-bottom:none}.compare-table tr:hover td{background:var(--surface-2)}.cta-box{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:1px solid var(--border-mid);border-radius:var(--r-xl);overflow:hidden;margin:36px 0}.cta-item{padding:26px 22px;background:var(--surface);display:flex;flex-direction:column;gap:8px}.cta-item h3{font-size:0.9rem;font-weight:700;font-family:var(--font)}.cta-item p{font-size:0.83rem;color:var(--text-muted);flex:1;font-family:var(--font)}.cta-item .btn{margin-top:4px;align-self:flex-start}.pricing-table-wrapper{overflow-x:auto;margin-bottom:36px;border:1px solid var(--border-mid);border-radius:var(--r-xl)}.pricing-table{width:100%;border-collapse:collapse;font-size:0.87rem;min-width:460px}.pricing-table th{background:var(--surface-2);padding:10px 14px;text-align:left;font-size:0.70rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);font-family:var(--font)}.pricing-table td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text-mid);font-family:var(--font)}.pricing-table tr:last-child td{border-bottom:none}.pricing-table .free-plan td{background:rgba(22,101,52,0.04)}.pricing-table td strong{color:var(--text);font-weight:700}.badge-free{display:inline-block;background:var(--green-soft);color:var(--green);font-size:0.72rem;font-weight:700;padding:2px 8px;border-radius:4px}.article-body{font-size:0.95rem;font-family:var(--font)}.article-body h2{font-size:1.2rem;font-weight:700;margin:40px 0 14px;padding-top:40px;border-top:1px solid var(--border);font-family:var(--font-display)}.article-body h2:first-child{border-top:none;padding-top:0;margin-top:0}.article-body h3{font-size:1rem;font-weight:700;margin:24px 0 10px;font-family:var(--font)}.article-body p{margin-bottom:16px;color:var(--text-mid)}.article-body ul,.article-body ol{margin:0 0 16px 20px}.article-body li{margin-bottom:6px;color:var(--text-mid)}.article-body strong{color:var(--text);font-weight:700}.article-body a{color:var(--accent)}.article-body a:hover{color:#9a3309}.article-body table{width:100%;border-collapse:collapse;margin-bottom:24px;font-size:0.87rem;border:1px solid var(--border-mid);border-radius:var(--r-lg);overflow:hidden}.article-body th,.article-body td{padding:10px 14px;border-bottom:1px solid var(--border);text-align:left}.article-body th{background:var(--surface-2);font-size:0.8rem;font-weight:700}.article-body tr:last-child td{border-bottom:none}.rating-breakdown{background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-xl);padding:22px 26px;margin:30px 0}.rating-breakdown h2{font-size:1rem;font-weight:700;margin:0 0 16px;font-family:var(--font)}.rating-bars{display:flex;flex-direction:column;gap:12px}.rating-bar-row{display:grid;grid-template-columns:130px 1fr 50px;align-items:center;gap:12px}.rating-bar-label{font-size:0.85rem;color:var(--text-mid);font-weight:500;font-family:var(--font)}.rating-bar-track{height:5px;background:var(--surface-3);border-radius:4px;overflow:hidden}.rating-bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width 0.6s ease}.rating-bar-fill.rating-bar-green{background:var(--green)}.rating-bar-fill.rating-bar-muted{background:var(--border-mid)}.rating-bar-val{font-size:0.82rem;font-weight:700;text-align:right;font-family:var(--font-mono)}.rating-bar-val-no{color:var(--text-faint);font-weight:400}.toc{background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-xl);padding:20px;font-size:0.84rem}.toc-label{font-size:0.70rem;font-weight:700;letter-spacing:0.10em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-family:var(--font)}.toc ol{margin:0;padding-left:16px}.toc li{margin-bottom:8px;color:var(--text-muted);line-height:1.4}.toc a{color:var(--text-muted)}.toc a:hover{color:var(--accent)}.quick-picks{background:var(--accent-soft);border:1px solid var(--accent-mid);border-left:4px solid var(--accent);border-radius:var(--r-xl);padding:24px 26px;margin-bottom:36px}.quick-picks-label{font-size:0.70rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-family:var(--font)}.quick-picks ol{margin:0;padding-left:18px}.quick-picks li{margin-bottom:8px;font-size:0.9rem;color:var(--text-mid);font-family:var(--font)}.quick-picks li strong{color:var(--text)}.info-box{background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-xl);overflow:hidden;margin-bottom:36px}.info-box-header{padding:16px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.info-box-header h2{font-size:1rem;font-weight:700;font-family:var(--font)}.info-box-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0;border-bottom:1px solid var(--border);background:var(--border)}.info-item{background:var(--surface);padding:13px 16px}.info-item-label{font-size:0.68rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px;font-family:var(--font)}.info-item-value{font-size:0.9rem;font-weight:700;font-family:var(--font)}.tool-list{display:flex;flex-direction:column;gap:6px;margin-bottom:48px}.tool-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-xl);padding:16px 20px;transition:all 0.18s ease}.tool-row:hover{border-color:var(--accent);box-shadow:var(--shadow-card);transform:translateX(3px)}.tool-row-name{font-size:0.95rem;font-weight:700;margin-bottom:4px;font-family:var(--font);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-row-name a{color:var(--text)}.tool-row-name a:hover{color:var(--accent)}.tool-row-score{font-family:var(--font-mono);font-size:0.82rem;font-weight:700;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-mid);border-radius:var(--r-md);padding:1px 7px;flex-shrink:0}.tool-row-score-denom{font-weight:400;color:var(--text-muted);font-size:0.72rem}.tool-row-rating-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin-top:6px;max-width:280px}.tool-row-rating-fill{height:100%;background:var(--accent);border-radius:2px}.tool-row-desc{font-size:0.84rem;color:var(--text-muted);max-width:600px;font-family:var(--font)}.tool-row-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.tool-row-badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.badge{font-size:0.68rem;font-weight:700;padding:3px 9px;border-radius:var(--r-md);white-space:nowrap;font-family:var(--font)}.badge-price{background:var(--surface-3);color:var(--text-mid);border:1px solid var(--border-mid)}.badge-free{background:var(--green-soft);color:var(--green)}.badge-editor-choice{background:rgba(146,64,14,0.10);color:var(--amber);border:1px solid rgba(146,64,14,0.20);font-size:0.66rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:2px 8px;border-radius:var(--r-md)}.badge-best-value{background:var(--green-soft);color:var(--green);border:1px solid rgba(22,101,52,0.20);font-size:0.66rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:2px 8px;border-radius:var(--r-md)}.badge-popular{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-mid);font-size:0.66rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:2px 8px;border-radius:var(--r-md)}.comparison-list{list-style:none;display:flex;flex-direction:column;gap:6px}.comparison-list li{border:1px solid var(--border-mid);border-radius:var(--r-xl);padding:13px 18px;font-size:0.9rem;transition:all 0.18s ease;background:var(--surface)}.comparison-list li:hover{border-color:var(--accent);transform:translateX(4px);box-shadow:var(--shadow-card)}.comparison-list a{color:var(--text-mid);font-weight:600;font-family:var(--font)}.comparison-list a:hover{color:var(--accent)}.glossary-box{background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-xl);padding:18px 22px;margin:26px 0;font-size:0.87rem}.glossary-box-label{font-size:0.68rem;font-weight:700;letter-spacing:0.10em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-family:var(--font)}.glossary-box p{color:var(--text-muted);margin:0;font-family:var(--font)}.disclaimer-text{font-size:0.78rem;color:var(--text-faint);border-top:1px solid var(--border);padding-top:20px;margin-top:40px;line-height:1.6;font-family:var(--font)}.site-footer{background:var(--text);color:rgba(247,244,239,0.7);border-top:1px solid var(--border-mid);padding:60px 0 36px}.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}.footer-logo-link{text-decoration:none;display:block;margin-bottom:12px}.footer-logo-text{font-family:var(--font-display);font-weight:900;font-size:1.4rem;color:#f7f4ef;letter-spacing:-0.04em;line-height:1}.footer-logo-accent{color:rgba(247,130,80,0.9)}.footer-brand p{font-size:0.85rem;color:rgba(247,244,239,0.55);max-width:260px;line-height:1.65;font-family:var(--font)}.footer-col h4{font-size:0.67rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(247,244,239,0.40);margin-bottom:16px;font-family:var(--font)}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}.footer-col a{font-size:0.875rem;color:rgba(247,244,239,0.55);font-weight:500;transition:color var(--t);font-family:var(--font)}.footer-col a:hover{color:rgba(247,244,239,0.90)}.footer-bottom{border-top:1px solid rgba(247,244,239,0.10);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-disclaimer{font-size:0.76rem;color:rgba(247,244,239,0.35);max-width:640px;line-height:1.55;font-family:var(--font)}.footer-copy{font-size:0.76rem;color:rgba(247,244,239,0.35);font-family:var(--font)}.page-intro{font-size:1rem;color:var(--text-muted);margin-bottom:32px;max-width:640px;line-height:1.65;font-family:var(--font)}.page-header{margin-bottom:48px}.page-header h1{font-size:clamp(1.4rem,3vw,2rem);margin-bottom:12px}.lang-switcher{position:relative;margin-left:8px}.lang-current{display:flex;align-items:center;gap:4px;padding:5px 11px;background:var(--surface-3);border:1px solid var(--border-mid);border-radius:var(--r-md);font-size:0.78rem;font-weight:700;color:var(--text-muted);cursor:pointer;font-family:var(--font);letter-spacing:0.03em;transition:all var(--t)}.lang-current:hover{border-color:var(--accent);color:var(--accent)}.lang-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-xl);box-shadow:var(--shadow-raise);min-width:155px;z-index:300;list-style:none;padding:8px 0;margin:0;animation:dropdown-in 0.16s ease both}@keyframes dropdown-in{from{opacity:0;transform:translateY(-5px) scale(0.98)}to{opacity:1;transform:none}}.lang-dropdown.open{display:block}.lang-dropdown li a{display:block;padding:8px 16px;font-size:0.85rem;font-weight:500;color:var(--text-muted);text-decoration:none;transition:background var(--t);font-family:var(--font)}.lang-dropdown li a:hover{background:var(--surface-2);color:var(--text)}.lang-dropdown li.active a{color:var(--accent);font-weight:700}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:36px}.pricing-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-xl);padding:26px 22px 22px;position:relative;transition:all 0.2s ease}.pricing-card:hover{border-color:var(--border-dark);box-shadow:var(--shadow-raise);transform:translateY(-2px)}.pricing-card.highlighted{border-color:var(--accent);border-width:2px}.pricing-popular{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;padding:3px 14px;border-radius:var(--r-md);white-space:nowrap;font-family:var(--font)}.pricing-card-header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.pricing-plan-name{font-size:1rem;font-weight:800;font-family:var(--font)}.pricing-badge{display:inline-block;font-size:0.65rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-md);white-space:nowrap;font-family:var(--font)}.pricing-badge--free{background:var(--green-soft);color:var(--green)}.pricing-badge--starter{background:var(--accent-soft);color:var(--accent)}.pricing-badge--pro{background:rgba(146,64,14,0.10);color:var(--amber)}.pricing-badge--enterprise{background:var(--surface-3);color:var(--text-muted)}.pricing-price-block{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border)}.pricing-price{font-size:2rem;font-weight:900;letter-spacing:-0.03em;line-height:1.1;font-family:var(--font-display)}.pricing-period{font-size:0.9rem;font-weight:500;color:var(--text-muted);font-family:var(--font)}.pricing-yearly{margin-top:6px;font-size:0.8rem;color:var(--text-muted);font-family:var(--font)}.pricing-savings{display:inline-block;background:var(--green-soft);color:var(--green);font-size:0.72rem;font-weight:700;padding:1px 7px;border-radius:4px;margin-left:4px}.pricing-details{list-style:none;margin-bottom:18px}.pricing-details li{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;font-size:0.85rem;border-bottom:1px solid var(--border);font-family:var(--font)}.pricing-details li:last-child{border-bottom:none}.pricing-detail-label{color:var(--text-muted);font-weight:500}.pricing-detail-value{color:var(--text);font-weight:700}.pricing-features{list-style:none;margin-bottom:18px;flex:1}.pricing-features li{position:relative;padding:4px 0 4px 20px;font-size:0.84rem;color:var(--text-mid);line-height:1.5;font-family:var(--font)}.pricing-features li::before{content:"\2713";position:absolute;left:0;color:var(--green);font-weight:700}.pricing-limits{background:var(--surface-2);border-radius:var(--r-lg);padding:10px 13px;margin-bottom:16px}.pricing-limits-label{font-size:0.66rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px;font-family:var(--font)}.pricing-limits ul{list-style:none}.pricing-limits li{font-size:0.8rem;color:var(--text-muted);padding:2px 0;font-family:var(--font)}.pricing-card-footer{margin-top:auto}.stats-bar{display:flex;gap:10px;margin-bottom:36px;flex-wrap:wrap}.stat-box{flex:1 1 0;min-width:140px;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-xl);padding:16px}.stat-box-label{font-size:0.68rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px;font-family:var(--font)}.stat-box-row{display:flex;justify-content:space-between;gap:8px}.stat-box-val{font-size:1.15rem;font-weight:800;font-family:var(--font-display)}.stat-box-unit{font-size:0.78rem;font-weight:500;color:var(--text-faint);font-family:var(--font)}.stat-box-names{display:flex;justify-content:space-between;margin-top:6px;font-size:0.72rem;color:var(--text-faint);font-family:var(--font)}.compare-tags{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px}.compare-tags-col strong{display:block;font-size:0.85rem;font-weight:700;margin-bottom:10px;font-family:var(--font)}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-badge{display:inline-block;font-size:0.72rem;font-weight:600;padding:4px 11px;border-radius:var(--r-md);background:var(--surface-2);color:var(--text-mid);border:1px solid var(--border-mid);white-space:nowrap;font-family:var(--font)}.pricing-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px}.pricing-comparison-col h3{font-size:1rem;font-weight:700;margin-bottom:16px;font-family:var(--font)}.compare-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:36px}.compare-table-wrap .compare-table{margin-bottom:0;min-width:560px}.recommend-hero{padding:80px 0 60px;text-align:center}.recommend-hero-inner{max-width:680px;margin:0 auto}.recommend-hero h1{font-size:clamp(1.6rem,3.5vw,2.4rem);margin-bottom:12px}.recommend-hero-sub{font-size:1.05rem;color:var(--text-muted);margin-bottom:32px;font-family:var(--font)}.recommend-search{display:flex;flex-direction:column;gap:12px}.recommend-input{width:100%;padding:14px 18px;border:1px solid var(--border-mid);border-radius:var(--r-xl);font-family:var(--font);font-size:1rem;line-height:1.6;color:var(--text);background:var(--surface);resize:vertical;transition:border-color var(--t),box-shadow var(--t)}.recommend-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.recommend-btn{align-self:center}.recommend-results-section{padding-top:48px}.recommend-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:24px}.recommend-card{border:1px solid var(--border-mid);border-radius:var(--r-xl);padding:24px;background:var(--surface);display:flex;flex-direction:column;gap:12px;transition:all 0.2s ease}.recommend-card:hover{border-color:var(--accent);box-shadow:var(--shadow-raise);transform:translateY(-2px)}.recommend-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.recommend-card-name{font-size:1.1rem;font-weight:800;margin:0;font-family:var(--font-display)}.recommend-card-cat{font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--accent);background:var(--accent-soft);padding:3px 9px;border-radius:var(--r-md);white-space:nowrap;font-family:var(--font)}.recommend-card-desc{font-size:0.87rem;color:var(--text-muted);line-height:1.55;font-family:var(--font)}.recommend-card-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:0.82rem;color:var(--text-mid);font-family:var(--font)}.recommend-card-meta-item{display:flex;align-items:center;gap:4px}.meta-label{font-weight:700;color:var(--text-muted)}.recommend-card-free{color:var(--green);font-weight:700}.recommend-card-why{font-size:0.82rem;color:var(--accent);background:var(--accent-soft);padding:8px 12px;border-radius:var(--r-lg);line-height:1.5;font-family:var(--font)}.recommend-card-why-label{font-weight:700}.recommend-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:8px}.recommend-workflow{margin-bottom:48px}.workflow-steps{display:flex;align-items:flex-start;gap:0;flex-wrap:wrap;margin-top:24px}.workflow-step{flex:1;min-width:260px}.workflow-step .recommend-card{height:100%}.workflow-step-number{font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.10em;color:var(--accent);margin-bottom:8px;font-family:var(--font)}.workflow-arrow{display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:1.2rem;font-weight:700;color:var(--border-dark);align-self:center;min-height:60px}.recommend-empty{text-align:center;padding:48px 20px;color:var(--text-muted);font-size:1rem;font-family:var(--font)}.cb-hero{padding:80px 0 60px;text-align:center}.cb-hero-inner{max-width:680px;margin:0 auto}.cb-hero h1{font-size:clamp(1.6rem,3.5vw,2.4rem);margin-bottom:12px}.cb-hero-sub{font-size:1.05rem;color:var(--text-muted);font-family:var(--font)}.cb-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:32px}.cb-tab{padding:7px 16px;border-radius:var(--r-lg);border:1px solid var(--border-mid);background:var(--surface);color:var(--text-muted);font-size:0.82rem;font-weight:700;cursor:pointer;transition:all var(--t);font-family:var(--font)}.cb-tab:hover{border-color:var(--accent);color:var(--accent)}.cb-tab.active{background:var(--accent);color:#fff;border-color:transparent}.cb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.cb-card{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;border:1px solid var(--border-mid);border-radius:var(--r-xl);background:var(--surface);cursor:pointer;transition:all 0.2s ease;user-select:none}.cb-card:hover{border-color:var(--border-dark);box-shadow:var(--shadow-card)}.cb-card-selected{border-color:var(--accent);background:var(--accent-soft)}.cb-card-selected:hover{border-color:var(--accent)}.cb-card-check{width:22px;height:22px;min-width:22px;border-radius:50%;border:1.5px solid var(--border-mid);display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:700;color:#fff;margin-top:2px;transition:all var(--t)}.cb-card-selected .cb-card-check{background:var(--accent);border-color:transparent}.cb-card-body{flex:1;min-width:0}.cb-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.cb-card-name-row{display:flex;align-items:center;gap:7px;min-width:0}.cb-tool-logo{width:22px;height:22px;border-radius:5px;object-fit:contain;flex-shrink:0;background:var(--surface-3)}.cb-logo-fallback{display:flex;align-items:center;justify-content:center;border-radius:5px;background:var(--accent);color:#fff;font-weight:800;flex-shrink:0}.cb-th-inner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0}.cb-th-inner .cb-tool-logo,.cb-th-inner .cb-logo-fallback{width:34px;height:34px;border-radius:9px;font-size:15px}.cb-chip .cb-tool-logo,.cb-chip .cb-logo-fallback{width:14px;height:14px;border-radius:3px;font-size:7px;vertical-align:middle}.cb-card-name{font-size:0.95rem;color:var(--text);font-weight:700;font-family:var(--font)}.cb-card-cat{font-size:0.66rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--accent);background:var(--accent-soft);padding:2px 7px;border-radius:var(--r-md);white-space:nowrap;font-family:var(--font)}.cb-card-desc{font-size:0.82rem;color:var(--text-muted);line-height:1.5;margin-bottom:8px;font-family:var(--font)}.cb-card-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:0.77rem;color:var(--text-mid);font-family:var(--font)}.cb-card-rating{font-weight:700}.cb-card-free{color:var(--green);font-weight:700}.cb-bar{position:fixed;bottom:0;left:0;right:0;z-index:150;background:rgba(247,244,239,0.97);backdrop-filter:blur(16px);border-top:1px solid var(--border-mid);padding:14px 0;transform:translateY(100%);transition:transform 0.26s cubic-bezier(0.22,1,0.36,1);box-shadow:0 -4px 24px rgba(26,22,20,0.10)}.cb-bar-visible{transform:translateY(0)}.cb-bar-inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cb-bar-chips{display:flex;gap:8px;flex-wrap:wrap;flex:1}.cb-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;background:var(--accent-soft);border:1px solid var(--accent-mid);border-radius:var(--r-md);font-size:0.8rem;font-weight:700;color:var(--accent);font-family:var(--font)}.cb-chip-x{background:none;border:none;color:var(--accent);font-size:1rem;cursor:pointer;padding:0 2px;line-height:1;font-family:var(--font)}.cb-chip-x:hover{color:var(--red)}.cb-bar-actions{display:flex;align-items:center;gap:10px}.cb-bar-count{font-size:0.82rem;font-weight:700;color:var(--text-muted);white-space:nowrap;font-family:var(--font)}.cb-results{padding-top:32px}.cb-back{margin-bottom:32px}.cb-section{margin-bottom:48px}.cb-section-title{font-size:1.1rem;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--border-mid);font-family:var(--font)}.cb-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.cb-table{width:auto;min-width:100%;border-collapse:collapse;font-size:0.87rem;table-layout:fixed}.cb-table th,.cb-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;word-break:break-word;font-family:var(--font)}.cb-table thead th{font-weight:700;font-size:0.9rem;background:var(--surface-2);text-align:center;color:var(--text)}.cb-table thead th:first-child{text-align:left}.cb-table td:not(:first-child){text-align:center}.cb-row-label{font-weight:600;color:var(--text-mid);white-space:nowrap}.cb-table tr:hover td{background:var(--surface-2)}.cb-table tr:last-child td{border-bottom:none}.cb-yes{color:var(--green);font-weight:700}.cb-no{color:var(--text-faint)}.cb-cell-na{color:var(--text-faint);font-size:0.85rem}.cb-free-badge{display:inline-block;background:var(--green-soft);color:var(--green);font-weight:700;font-size:0.77rem;padding:2px 8px;border-radius:var(--r-md)}.cb-custom-badge{display:inline-block;background:var(--surface-3);color:var(--text-muted);font-weight:600;font-size:0.77rem;padding:2px 8px;border-radius:var(--r-md);font-style:italic}.cb-tags-wrap{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.cb-tag{display:inline-block;padding:3px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);font-size:0.77rem;color:var(--text-mid);font-family:var(--font)}.cb-uc-wrap{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:2px 0}.cb-uc-tag{display:inline-flex;align-items:center;padding:4px 11px;border-radius:20px;font-size:0.78rem;font-weight:600;line-height:1.3;font-family:var(--font)}.cb-uc-tag.uc-a{background:rgba(194,65,12,0.09);color:#b83a08;border:1px solid rgba(194,65,12,0.22)}.cb-uc-tag.uc-b{background:rgba(22,101,52,0.09);color:#155c30;border:1px solid rgba(22,101,52,0.22)}.cb-uc-tag.uc-c{background:rgba(120,53,15,0.09);color:#7c3610;border:1px solid rgba(120,53,15,0.22)}.cb-uc-tag.uc-d{background:rgba(30,58,138,0.08);color:#1e3a8a;border:1px solid rgba(30,58,138,0.18)}.cb-uc-tag.uc-e{background:rgba(88,28,135,0.08);color:#581c87;border:1px solid rgba(88,28,135,0.18)}.cb-btns-row td{padding-top:14px;padding-bottom:14px;border-top:2px solid var(--border-mid)}.cb-inline-btns{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.cbr-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0}.cbr-score{font-size:1.25rem;font-weight:700;font-family:var(--font-mono);color:var(--text);line-height:1;white-space:nowrap}.cbr-denom{font-size:0.72rem;font-weight:400;color:var(--text-muted);font-family:var(--font);margin-left:1px}.cbr-track{width:80%;height:6px;background:var(--border-mid);border-radius:6px;overflow:hidden;flex-shrink:0}.cbr-fill{height:100%;background:var(--accent);border-radius:6px}.cb-pricing-tier{margin-bottom:36px;border-radius:var(--r-xl);border:1px solid var(--border-mid)}.cb-pricing-tier .cb-table-wrap{border-radius:0 0 var(--r-xl) var(--r-xl);overflow:hidden}.cb-tier-header{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--border);background:var(--surface-2)}.cb-tier-badge{display:inline-block;padding:3px 12px;border-radius:var(--r-md);font-size:0.77rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:#fff;font-family:var(--font)}.cb-tier-desc{font-size:0.82rem;color:var(--text-muted);font-family:var(--font)}.cb-pricing-tier[data-tier="free"]{border-color:rgba(22,101,52,0.20)}.cb-pricing-tier[data-tier="free"] .cb-tier-header{background:rgba(22,101,52,0.04)}.cb-pricing-tier[data-tier="free"] .cb-tier-badge{background:var(--green)}.cb-pricing-tier[data-tier="starter"]{border-color:var(--accent-mid)}.cb-pricing-tier[data-tier="starter"] .cb-tier-header{background:var(--accent-soft)}.cb-pricing-tier[data-tier="starter"] .cb-tier-badge{background:var(--accent)}.cb-pricing-tier[data-tier="pro"]{border-color:rgba(146,64,14,0.20)}.cb-pricing-tier[data-tier="pro"] .cb-tier-header{background:rgba(146,64,14,0.05)}.cb-pricing-tier[data-tier="pro"] .cb-tier-badge{background:var(--amber)}.cb-pricing-tier[data-tier="enterprise"]{border-color:rgba(26,22,20,0.20)}.cb-pricing-tier[data-tier="enterprise"] .cb-tier-header{background:var(--surface-3)}.cb-pricing-tier[data-tier="enterprise"] .cb-tier-badge{background:var(--text-mid)}.cb-share{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.cb-copied{font-size:0.82rem;color:var(--green);font-weight:700;opacity:0;transition:opacity 0.3s ease;margin-left:8px;font-family:var(--font)}.cb-copied-show{opacity:1}.courses-section{margin:48px 0;padding-top:40px;border-top:1px solid var(--border)}.courses-intro{color:var(--text-muted);margin-bottom:24px;font-family:var(--font)}.courses-subhead{font-size:1rem;font-weight:700;color:var(--text-mid);margin:28px 0 16px;display:flex;align-items:center;gap:8px;font-family:var(--font)}.courses-subhead::after{content:"";flex:1;height:1px;background:var(--border)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.course-card{border:1px solid var(--border-mid);border-radius:var(--r-xl);padding:18px 20px;background:var(--surface);display:flex;flex-direction:column;gap:10px;transition:all 0.2s ease}.course-card:hover{border-color:var(--accent);box-shadow:var(--shadow-card);transform:translateY(-2px)}.course-card-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.course-platform{font-size:0.67rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-md);background:var(--surface-3);color:var(--text-mid);font-family:var(--font)}.course-platform--udemy{background:#a435f0;color:#fff}.course-platform--coursera{background:#0056d2;color:#fff}.course-platform--youtube{background:#ff0000;color:#fff}.course-platform--semrush{background:#ff6424;color:#fff}.course-platform--ahrefs{background:#1f6feb;color:#fff}.course-platform--adobe{background:#ff0000;color:#fff}.course-platform--synthesia{background:#5b21b6;color:#fff}.course-platform--runway{background:#333;color:#fff}.course-card-title{font-size:0.95rem;font-weight:700;color:var(--text);line-height:1.35;font-family:var(--font)}.course-card-instructor{font-size:0.82rem;color:var(--text-muted);font-family:var(--font)}.course-card-meta{display:flex;gap:12px;font-size:0.78rem;color:var(--text-faint);flex-wrap:wrap;font-family:var(--font)}.course-card-meta-item{display:flex;align-items:center;gap:4px}.course-card-price{font-size:1rem;font-weight:800;color:var(--text);margin-top:4px;font-family:var(--font-display)}.course-card-free-badge{display:inline-block;background:var(--green-soft);color:var(--green);font-size:0.72rem;font-weight:700;padding:2px 8px;border-radius:var(--r-md);font-family:var(--font)}.wf-hero{padding:80px 0 60px;text-align:center}.wf-hero-inner{max-width:680px;margin:0 auto}.wf-hero h1{font-size:clamp(1.6rem,3.5vw,2.4rem);margin-bottom:12px}.wf-hero-sub{font-size:1.05rem;color:var(--text-muted);margin-bottom:32px;font-family:var(--font)}.wf-search-wrap{display:flex;gap:8px;max-width:560px;margin:0 auto 24px}.wf-search-box{flex:1;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-lg);padding:11px 16px;transition:border-color 0.2s,box-shadow 0.2s}.wf-search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.wf-search-icon{color:var(--text-muted);flex-shrink:0}.wf-search-input{flex:1;border:none;outline:none;font-size:0.95rem;font-family:var(--font);background:transparent;color:var(--text)}.wf-search-input::placeholder{color:var(--text-faint)}.wf-filter-chips{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-bottom:36px}.wf-chip{font-size:0.77rem;font-weight:600;padding:5px 13px;border-radius:var(--r-lg);border:1px solid var(--border-mid);background:var(--surface);color:var(--text-muted);cursor:pointer;font-family:var(--font);transition:all var(--t)}.wf-chip:hover{border-color:var(--accent);color:var(--accent)}.wf-chip.active{background:var(--accent);color:#fff;border-color:transparent}.wf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:13px}.wf-card{background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-xl);padding:22px;display:flex;flex-direction:column;gap:13px;transition:all 0.2s ease}.wf-card:hover{border-color:var(--accent);box-shadow:var(--shadow-raise);transform:translateY(-2px)}.wf-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.wf-card-title{font-size:1rem;font-weight:700;line-height:1.3;margin:0;font-family:var(--font)}.wf-diff{font-size:0.66rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-md);white-space:nowrap;flex-shrink:0;font-family:var(--font)}.wf-diff--beginner{background:rgba(22,101,52,0.10);color:var(--green)}.wf-diff--intermediate{background:rgba(146,64,14,0.10);color:var(--amber)}.wf-diff--advanced{background:rgba(153,27,27,0.10);color:var(--red)}.wf-tools-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.wf-tool-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 5px;background:var(--surface-2);border:1px solid var(--border-mid);border-radius:var(--r-md);font-size:0.77rem;font-weight:600;color:var(--text-muted);text-decoration:none;transition:all 0.14s;font-family:var(--font)}.wf-tool-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.wf-tool-logo{width:15px;height:15px;border-radius:3px;object-fit:contain;background:var(--surface-3)}.wf-arrow{color:var(--text-faint);font-size:0.8rem}.wf-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.wf-card-meta{font-size:0.74rem;color:var(--text-faint);font-family:var(--font)}.wf-empty{text-align:center;padding:64px 20px;color:var(--text-muted);font-family:var(--font)}.wf-modal{position:fixed;inset:0;z-index:500;display:flex;align-items:flex-end;justify-content:center;background:rgba(26,22,20,0.55);backdrop-filter:blur(4px);animation:modal-bg 0.2s ease both;padding:0}@keyframes modal-bg{from{opacity:0}to{opacity:1}}.wf-modal-panel{background:var(--bg-soft);border:1px solid var(--border-mid);border-radius:20px 20px 0 0;width:100%;max-width:680px;max-height:88vh;overflow-y:auto;padding:30px 26px 40px;animation:modal-up 0.28s cubic-bezier(0.22,1,0.36,1) both}@keyframes modal-up{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}.wf-modal-close{background:var(--surface-3);border:1px solid var(--border-mid);border-radius:var(--r-md);width:32px;height:32px;cursor:pointer;font-size:1.1rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-family:var(--font);transition:all var(--t);float:right;margin-left:12px}.wf-modal-close:hover{background:var(--surface-2);color:var(--text)}.wf-modal-title{font-size:1.2rem;font-weight:800;margin-bottom:6px;line-height:1.25;font-family:var(--font-display)}.wf-modal-meta{font-size:0.82rem;color:var(--text-muted);margin-bottom:20px;display:flex;gap:16px;flex-wrap:wrap;font-family:var(--font)}.wf-steps{display:flex;flex-direction:column;gap:0;position:relative;margin-bottom:24px}.wf-step{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:14px 0}.wf-step:not(:last-child){border-bottom:1px solid var(--border)}.wf-step-num{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;font-size:0.84rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wf-step-content{padding-top:4px}.wf-step-title{font-weight:700;margin-bottom:5px;font-size:0.95rem;font-family:var(--font)}.wf-step-tool{display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;color:var(--accent);font-weight:600;margin-bottom:4px;font-family:var(--font)}.wf-step-desc{font-size:0.84rem;color:var(--text-muted);line-height:1.55;font-family:var(--font)}.wf-modal-tools-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.wf-modal-tools-label{font-size:0.68rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-family:var(--font)}.wf-modal-tools-grid{display:flex;gap:8px;flex-wrap:wrap}.wf-loading-orb{position:relative;width:56px;height:56px}.wf-orb-ring{position:absolute;inset:0;border-radius:50%;border:2px solid transparent}.wf-orb-ring--1{border-top-color:var(--accent);animation:orb-spin 1.2s linear infinite}.wf-orb-ring--2{inset:5px;border-top-color:var(--accent-mid);animation:orb-spin 1.8s linear infinite reverse}.wf-orb-ring--3{inset:10px;border-top-color:rgba(194,65,12,0.15);animation:orb-spin 2.4s linear infinite}@keyframes orb-spin{to{transform:rotate(360deg)}}.wf-orb-icon{position:absolute;inset:0;margin:auto;opacity:0.5}.wf-loading-bar{height:3px;background:var(--surface-3);border-radius:4px;overflow:hidden;margin-top:4px}.wf-loading-bar-fill{height:100%;background:var(--accent);border-radius:4px;width:0;transition:width 8s cubic-bezier(0.25,0.46,0.45,0.94)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.blog-card{display:flex;flex-direction:column;border:1px solid var(--border-mid);border-radius:var(--r-xl);overflow:hidden;background:var(--surface);transition:all 0.2s ease}.blog-card:hover{border-color:var(--accent);box-shadow:var(--shadow-raise);transform:translateY(-2px)}.blog-card-img{width:100%;height:180px;object-fit:cover;background:var(--surface-3)}.blog-card-body{padding:20px 20px 22px;flex:1;display:flex;flex-direction:column;gap:8px}.blog-card-tag{font-size:0.68rem;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;color:var(--accent);font-family:var(--font)}.blog-card-title{font-size:1rem;font-weight:700;color:var(--text);line-height:1.35;flex:1;font-family:var(--font)}.blog-card-meta{font-size:0.77rem;color:var(--text-faint);margin-top:auto;font-family:var(--font)}.blog-card:hover .blog-card-title{color:var(--accent)}.blog-post-header{padding:56px 0 40px}.blog-post-header h1{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:16px}.blog-post-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:0.82rem;color:var(--text-muted);font-family:var(--font)}.back-top{position:fixed;bottom:28px;right:28px;width:42px;height:42px;border-radius:50%;background:var(--surface);border:1px solid var(--border-mid);box-shadow:var(--shadow-raise);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-mid);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 0.22s ease,visibility 0.22s ease,transform 0.22s ease,background 0.15s ease;z-index:190}.back-top.back-top-visible{opacity:1;visibility:visible;transform:none}.back-top:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.cat-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.cat-filter-btn{padding:7px 18px;border-radius:var(--r-xl);border:1px solid var(--border-mid);background:var(--surface);color:var(--text-mid);font-size:0.82rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:all 0.15s ease}.cat-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.cat-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}@media(max-width:900px){.hero-top{grid-template-columns:1fr;gap:48px;padding-bottom:48px}.hero-inner{max-width:100%}.hero-visual{justify-content:flex-start}.hv-panel{max-width:100%}.card-grid{grid-template-columns:1fr}.ranking-row{grid-template-columns:36px 1fr 80px 48px;gap:10px;padding:11px 14px}.rank-bar-wrap{display:none}.rank-free-badge,.rank-price{display:none}.guide-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr;border-radius:var(--r-xl)}.why-item:not(:last-child){border-right:none;border-bottom:1px solid var(--border-mid)}.article-layout{grid-template-columns:1fr}.article-aside{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.cta-box{grid-template-columns:1fr}.hero-search-row{flex-direction:column}.hero-search-submit{width:100%;justify-content:center}}@media(max-width:640px){.hero{padding:48px 0 0}.hero h1{font-size:2.6rem}.section{padding:60px 0}.container{padding:0 18px}.nav{padding:0 18px}.nav-links{display:none}.tool-row{flex-direction:column;align-items:flex-start;gap:12px}.tool-row-meta{flex-wrap:wrap;gap:8px}.nav-links.open{display:flex;flex-direction:column;position:fixed;inset:0;top:64px;background:rgba(247,244,239,0.98);backdrop-filter:blur(16px);padding:22px 18px;gap:4px;z-index:199;border-top:1px solid var(--border-mid)}.nav-toggle{display:flex}.nav-actions .btn-compare,.nav-actions .btn-learn{display:none}.footer-grid{grid-template-columns:1fr}.hero-top{gap:32px;padding-bottom:32px}.cb-hero{padding:48px 0 36px}.pricing-cards{grid-template-columns:1fr}.wf-grid{grid-template-columns:1fr}.compare-tags{grid-template-columns:1fr}.stat-item{padding:18px 24px}}@media(min-width:901px){.nav-toggle{display:none}}