:root{--brand-600:#2563EB;--brand-500:#3B82F6;--brand-400:#60A5FA;--ink-900:#0F172A;--ink-800:#1E293B;--ink-700:#334155;--cyan:#06B6D4;--violet:#8B5CF6;--bg:#F8FAFC;--bg-soft:#EEF2F8;--surface:#FFFFFF;--surface-2:#F1F5F9;--border:#E2E8F0;--border-strong:#CBD5E1;--text:#0F172A;--text-soft:#475569;--text-mute:#64748B;--text-faint:#94A3B8;--on-brand:#FFFFFF;--grad-brand:linear-gradient(135deg,#2563EB 0%,#3B82F6 50%,#06B6D4 100%);--grad-violet:linear-gradient(135deg,#8B5CF6 0%,#2563EB 100%);--grad-cyan:linear-gradient(135deg,#06B6D4 0%,#3B82F6 100%);--grad-hero:radial-gradient(1200px 600px at 80% -10%,rgba(139,92,246,.18),transparent 60%),radial-gradient(1000px 500px at 10% 0%,rgba(6,182,212,.16),transparent 55%),linear-gradient(180deg,#F8FAFC 0%,#EEF3FB 100%);--glass:rgba(255,255,255,.72);--glass-line:rgba(255,255,255,.55);--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-mono:ui-monospace,"SF Mono","JetBrains Mono","Fira Code",Menlo,Consolas,monospace;--fs-300:clamp(.8125rem,.78rem + .15vw,.875rem);--fs-400:clamp(.9375rem,.9rem + .2vw,1rem);--fs-500:clamp(1.0625rem,1rem + .35vw,1.1875rem);--fs-600:clamp(1.25rem,1.1rem + .6vw,1.5rem);--fs-700:clamp(1.6rem,1.3rem + 1.1vw,2.1rem);--fs-800:clamp(2.1rem,1.6rem + 2.2vw,3.25rem);--fs-900:clamp(2.6rem,1.9rem + 3.4vw,4.25rem);--lh-tight:1.12;--lh-snug:1.3;--lh-base:1.65;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--s-32:128px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-2xl:32px;--r-full:999px;--sh-xs:0 1px 2px rgba(15,23,42,.06);--sh-sm:0 2px 8px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);--sh-md:0 8px 24px rgba(15,23,42,.08),0 2px 6px rgba(15,23,42,.05);--sh-lg:0 18px 48px rgba(15,23,42,.12),0 6px 16px rgba(15,23,42,.06);--sh-brand:0 12px 32px rgba(37,99,235,.28);--ring:0 0 0 3px rgba(37,99,235,.35);--container:1200px;--container-narrow:820px;--header-h:68px;--ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.16,1,.3,1);--t-fast:.15s;--t:.25s;--t-slow:.45s;--ad-bg:#F1F5F9;--ad-line:#E2E8F0}@media (prefers-color-scheme:dark){:root[data-theme="auto"]{--bg:#0B1220;--bg-soft:#0F172A;--surface:#0F1B2D;--surface-2:#16243B;--border:#1E2C44;--border-strong:#2B3B57;--text:#E8EEF7;--text-soft:#AEBDD3;--text-mute:#8C9DB8;--text-faint:#64748B;--glass:rgba(15,27,45,.72);--glass-line:rgba(148,163,184,.14);--grad-hero:radial-gradient(1200px 600px at 80% -10%,rgba(139,92,246,.22),transparent 60%),radial-gradient(1000px 500px at 10% 0%,rgba(6,182,212,.18),transparent 55%),linear-gradient(180deg,#0B1220 0%,#0C1526 100%);--ad-bg:#0F1B2D;--ad-line:#1E2C44}}:root[data-theme="dark"]{--bg:#0B1220;--bg-soft:#0F172A;--surface:#0F1B2D;--surface-2:#16243B;--border:#1E2C44;--border-strong:#2B3B57;--text:#E8EEF7;--text-soft:#AEBDD3;--text-mute:#8C9DB8;--text-faint:#64748B;--glass:rgba(15,27,45,.72);--glass-line:rgba(148,163,184,.14);--grad-hero:radial-gradient(1200px 600px at 80% -10%,rgba(139,92,246,.22),transparent 60%),radial-gradient(1000px 500px at 10% 0%,rgba(6,182,212,.18),transparent 55%),linear-gradient(180deg,#0B1220 0%,#0C1526 100%);--ad-bg:#0F1B2D;--ad-line:#1E2C44}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;text-rendering:optimizeLegibility}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-400);line-height:var(--lh-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5{margin:0 0 .5em;line-height:var(--lh-tight);font-weight:800;letter-spacing:-.02em;color:var(--text)}h1{font-size:var(--fs-800)}h2{font-size:var(--fs-700)}h3{font-size:var(--fs-600)}h4{font-size:var(--fs-500)}p{margin:0 0 1rem}a{color:var(--brand-600);text-decoration:none;transition:color var(--t-fast) var(--ease)}a:hover{color:var(--brand-500)}img,svg,video,canvas{max-width:100%;height:auto;display:block}ul,ol{margin:0 0 1rem;padding-left:1.25rem}li{margin:.25rem 0}strong{font-weight:700;color:var(--text)}small{font-size:var(--fs-300)}code,kbd,pre{font-family:var(--font-mono);font-size:.9em}hr{border:0;border-top:1px solid var(--border);margin:var(--s-8) 0}table{border-collapse:collapse;width:100%}button{font:inherit;cursor:pointer;color:inherit}input,textarea,select,button{font:inherit}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}::selection{background:rgba(37,99,235,.18)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:3px solid var(--bg)}.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--brand-600);color:#fff;padding:10px 16px;border-radius:0 0 var(--r-md) 0;font-weight:600}.skip-link:focus{left:0}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--s-5)}.container-narrow{max-width:var(--container-narrow)}.section{padding-block:var(--s-20)}.section-sm{padding-block:var(--s-12)}.stack>*+*{margin-top:var(--s-4)}.grid{display:grid;gap:var(--s-5)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.wrap{flex-wrap:wrap}.text-center{text-align:center}.muted{color:var(--text-mute)}.eyebrow{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--fs-300);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-600)}.lead{font-size:var(--fs-500);color:var(--text-soft);line-height:var(--lh-snug)}.gradient-text{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.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}.visually-hidden{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}[data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}}.hide{display:none!important}@media (max-width:880px){.hide-mobile{display:none!important}}@media (min-width:881px){.only-mobile{display:none!important}}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.maxw-prose{max-width:68ch}html{overflow-x:hidden}.prose,.maxw-prose{overflow-wrap:break-word;word-break:break-word}pre{overflow:auto}.tool-app{overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.72em 1.25em;border-radius:var(--r-full);border:1px solid transparent;font-weight:650;font-size:var(--fs-400);line-height:1;text-align:center;transition:transform var(--t-fast) var(--ease),box-shadow var(--t) var(--ease),background var(--t) var(--ease),color var(--t) var(--ease);white-space:nowrap;cursor:pointer}.btn:active{transform:translateY(1px)}.btn svg{width:1.1em;height:1.1em}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:var(--sh-brand)}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 40px rgba(37,99,235,.36)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--sh-xs)}.btn-ghost:hover{color:var(--text);border-color:var(--brand-500);box-shadow:var(--sh-sm);transform:translateY(-2px)}.btn-soft{background:var(--surface-2);color:var(--text)}.btn-soft:hover{color:var(--text);background:var(--bg-soft)}.btn-lg{padding:.95em 1.6em;font-size:var(--fs-500)}.btn-sm{padding:.5em .9em;font-size:var(--fs-300)}.btn-block{width:100%}.share-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.6em 1em;margin:var(--s-5) 0;padding:.8em 1.1em;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-xs)}.share-bar-label{display:inline-flex;align-items:center;gap:.45em;font-weight:700;font-size:var(--fs-300);color:var(--text-soft)}.share-bar-label svg{width:1.15em;height:1.15em;color:var(--brand-600)}.share-bar-btns{display:flex;align-items:center;gap:.5em;flex-wrap:wrap;margin-left:auto}.sbtn{display:inline-flex;align-items:center;gap:.45em;padding:.5em .8em;border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);color:var(--text-soft);font-weight:650;font-size:var(--fs-300);line-height:1;cursor:pointer;transition:transform var(--t-fast) var(--ease),border-color var(--t),background var(--t),color var(--t)}.sbtn:hover{transform:translateY(-2px);border-color:var(--brand-400);color:var(--text)}.sbtn svg{width:1.05em;height:1.05em}.sbtn-wa{background:#25D366;border-color:#25D366;color:#fff}.sbtn-wa:hover{background:#20bd5a;border-color:#20bd5a;color:#fff}.sbtn-tg:hover{border-color:#229ED9;color:#229ED9}.sbtn-x:hover{border-color:var(--text);color:var(--text)}.sbtn-fb:hover{border-color:#1877F2;color:#1877F2}@media (max-width:560px){.share-bar-btns{margin-left:0;width:100%}.sbtn-wa{flex:1 1 auto;justify-content:center}}.badge{display:inline-flex;align-items:center;gap:.4em;padding:.32em .7em;border-radius:var(--r-full);font-size:.72rem;font-weight:700;letter-spacing:.02em;background:var(--surface-2);color:var(--text-soft);border:1px solid var(--border)}.badge--cat{background:rgba(37,99,235,.08);color:var(--brand-600);border-color:rgba(37,99,235,.18)}.badge--popular{background:rgba(245,158,11,.12);color:#B45309;border-color:rgba(245,158,11,.25)}.badge--trending{background:rgba(139,92,246,.12);color:#6D28D9;border-color:rgba(139,92,246,.22)}.badge--new{background:rgba(16,185,129,.12);color:#047857;border-color:rgba(16,185,129,.22)}.badge--hot{background:rgba(239,68,68,.12);color:#B91C1C;border-color:rgba(239,68,68,.22)}.badge--editors{background:rgba(6,182,212,.12);color:#0E7490;border-color:rgba(6,182,212,.22)}.badge--no-upload{background:rgba(15,23,42,.06);color:var(--text-soft)}.site-header{position:sticky;top:0;z-index:100;background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border);transition:box-shadow var(--t),background var(--t)}.site-header.is-scrolled{box-shadow:var(--sh-sm)}.header-inner{display:flex;align-items:center;gap:var(--s-5);height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:.6em;font-weight:800;letter-spacing:-.02em;font-size:var(--fs-500);color:var(--text);flex-shrink:0}.brand:hover{color:var(--text)}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--grad-brand);display:grid;place-items:center;box-shadow:var(--sh-brand);flex-shrink:0}.brand-mark svg{width:20px;height:20px;color:#fff}.brand b{font-weight:800}.brand span{color:var(--brand-600)}.main-nav{display:flex;align-items:center;gap:var(--s-1);margin-inline:auto}.nav-link{position:relative;padding:.55em .7em;border-radius:var(--r-md);color:var(--text-soft);font-weight:600;font-size:var(--fs-400)}.nav-link:hover,.nav-link[aria-current="page"]{color:var(--brand-600);background:rgba(37,99,235,.07)}.has-mega{position:static}.mega{position:absolute;left:0;right:0;top:calc(var(--header-h));margin-top:1px;background:var(--surface);border:1px solid var(--border);border-radius:0 0 var(--r-xl) var(--r-xl);box-shadow:var(--sh-lg);padding:var(--s-6);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--t),transform var(--t),visibility var(--t);z-index:90}.has-mega:hover .mega,.has-mega:focus-within .mega{opacity:1;visibility:visible;transform:none}.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3);max-width:var(--container);margin-inline:auto}.mega-item{display:flex;gap:.7em;padding:.7em;border-radius:var(--r-md);transition:background var(--t-fast)}.mega-item:hover{background:var(--surface-2)}.mega-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:#fff}.mega-ico svg{width:20px;height:20px}.mega-item b{display:block;color:var(--text);font-size:var(--fs-400)}.mega-item small{color:var(--text-mute)}.header-actions{display:flex;align-items:center;gap:var(--s-2);flex-shrink:0}.icon-btn{width:42px;height:42px;border-radius:var(--r-md);display:grid;place-items:center;background:transparent;border:1px solid transparent;color:var(--text-soft)}.icon-btn:hover{background:var(--surface-2);color:var(--brand-600)}.icon-btn svg{width:20px;height:20px}.search{position:relative;display:flex;align-items:center}.search-trigger{display:inline-flex;align-items:center;gap:.6em;padding:.55em .9em;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);color:var(--text-mute);font-size:var(--fs-300);min-width:200px}.search-trigger:hover{border-color:var(--brand-400);color:var(--text-soft)}.search-trigger kbd{margin-left:auto;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.1em .45em;font-size:.7rem;color:var(--text-mute)}.search-modal{position:fixed;inset:0;z-index:200;display:none;align-items:flex-start;justify-content:center;padding-top:12vh;background:rgba(15,23,42,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.search-modal.open{display:flex}.search-box{width:min(640px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);overflow:hidden}.search-box input{width:100%;border:0;padding:1.1em 1.2em;font-size:var(--fs-500);background:transparent;color:var(--text)}.search-box input:focus{outline:none;box-shadow:none}.search-results{max-height:52vh;overflow:auto;border-top:1px solid var(--border)}.search-result{display:flex;align-items:center;gap:.8em;padding:.8em 1.2em;border-bottom:1px solid var(--border)}.search-result:hover,.search-result.active{background:var(--surface-2)}.search-result .ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--surface-2);color:var(--brand-600);flex-shrink:0}.search-result b{display:block;font-size:var(--fs-400);color:var(--text)}.search-result small{color:var(--text-mute)}.search-empty{padding:1.4em 1.2em;color:var(--text-mute);text-align:center}.hamburger{display:none}.drawer{position:fixed;inset:0;z-index:150;visibility:hidden;pointer-events:none}.drawer .scrim{position:absolute;inset:0;background:rgba(15,23,42,.5);opacity:0;transition:opacity var(--t)}.drawer .panel{position:absolute;top:0;right:0;height:100%;width:min(360px,86vw);background:var(--surface);box-shadow:var(--sh-lg);transform:translateX(100%);transition:transform var(--t) var(--ease);padding:var(--s-5);overflow-y:auto;display:flex;flex-direction:column;gap:var(--s-1)}.drawer.open{visibility:visible;pointer-events:auto}.drawer.open .scrim{opacity:1}.drawer.open .panel{transform:none}.drawer .panel a{padding:.8em .9em;border-radius:var(--r-md);color:var(--text);font-weight:600}.drawer .panel a:hover{background:var(--surface-2);color:var(--brand-600)}.drawer .drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-3)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:var(--s-4)}.tool-card{position:relative;display:flex;flex-direction:column;gap:.6em;padding:var(--s-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease),border-color var(--t);overflow:hidden;height:100%}.tool-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--grad-brand);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--t)}.tool-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:transparent}.tool-card:hover::before{opacity:1}.tool-card:hover .tool-ico{transform:scale(1.08) rotate(-3deg)}.tool-card .top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5em}.tool-ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;box-shadow:var(--sh-sm);transition:transform var(--t) var(--ease);flex-shrink:0}.tool-ico svg{width:24px;height:24px}.tool-card h3{font-size:var(--fs-500);margin:0;letter-spacing:-.01em}.tool-card p{margin:0;color:var(--text-mute);font-size:var(--fs-300);line-height:1.55;flex:1}.tool-card .card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.4em}.tool-card .open-link{display:inline-flex;align-items:center;gap:.35em;font-weight:650;font-size:var(--fs-300);color:var(--brand-600)}.tool-card .open-link svg{width:1em;height:1em;transition:transform var(--t-fast)}.tool-card:hover .open-link svg{transform:translateX(3px)}.card-badges{display:flex;gap:.35em;flex-wrap:wrap}.stretched{position:absolute;inset:0;z-index:1}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s-4)}.cat-tile{position:relative;display:flex;gap:var(--s-4);padding:var(--s-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-xs);overflow:hidden;transition:transform var(--t) var(--ease),box-shadow var(--t)}.cat-tile:hover{transform:translateY(-5px);box-shadow:var(--sh-md)}.cat-tile .cat-ico{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#fff;flex-shrink:0;box-shadow:var(--sh-sm)}.cat-tile .cat-ico svg{width:27px;height:27px}.cat-tile h3{margin:0 0 .15em;font-size:var(--fs-500)}.cat-tile p{margin:0 0 .5em;color:var(--text-mute);font-size:var(--fs-300)}.cat-tile .count{font-size:var(--fs-300);font-weight:700;color:var(--brand-600)}.ad-slot{display:block;width:100%;margin-block:var(--s-6);background:var(--ad-bg);border:1px dashed var(--ad-line);border-radius:var(--r-lg);overflow:hidden;display:grid;place-items:center;position:relative}.ad-slot[data-format="horizontal"]{min-height:120px}.ad-slot[data-format="rectangle"]{min-height:280px;max-width:336px;margin-inline:auto}.ad-slot[data-format="leaderboard"]{min-height:100px}.ad-slot[data-format="in-article"]{min-height:250px}.ad-slot .ad-label{position:absolute;top:8px;left:12px;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-weight:700}.ad-slot .ad-ph{color:var(--text-faint);font-size:var(--fs-300);text-align:center;padding:1em}.ad-slot ins{display:block;width:100%}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.45em;font-size:var(--fs-300);color:var(--text-mute);margin-block:var(--s-4)}.breadcrumb a{color:var(--text-mute)}.breadcrumb a:hover{color:var(--brand-600)}.breadcrumb .sep{color:var(--text-faint)}.breadcrumb [aria-current]{color:var(--text-soft);font-weight:600}.prose{max-width:760px}.prose h2{margin-top:var(--s-12);scroll-margin-top:calc(var(--header-h) + 16px)}.prose h3{margin-top:var(--s-8)}.prose p,.prose li{color:var(--text-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--sh-xs)}.note{background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(6,182,212,.06));border:1px solid rgba(37,99,235,.16);border-radius:var(--r-lg);padding:var(--s-5)}.answer-box{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--brand-600);border-radius:var(--r-md);padding:var(--s-5) var(--s-6);box-shadow:var(--sh-xs)}.answer-box .eyebrow{margin-bottom:.4em}.feature-list{list-style:none;padding:0;display:grid;gap:.6em}.feature-list li{display:flex;gap:.6em;align-items:flex-start;color:var(--text-soft)}.feature-list li::before{content:"";width:20px;height:20px;border-radius:6px;flex-shrink:0;margin-top:2px;background:rgba(37,99,235,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/13px no-repeat}.steps{list-style:none;counter-reset:step;padding:0;display:grid;gap:var(--s-4)}.steps li{position:relative;padding-left:3.2em;color:var(--text-soft)}.steps li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:-2px;width:2.1em;height:2.1em;border-radius:50%;background:var(--grad-brand);color:#fff;font-weight:800;display:grid;place-items:center;box-shadow:var(--sh-sm)}.steps li b{color:var(--text)}.cmp-table{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-xs)}.cmp-table table{min-width:520px}.cmp-table th,.cmp-table td{padding:.85em 1em;text-align:left;border-bottom:1px solid var(--border);font-size:var(--fs-300)}.cmp-table thead th{background:var(--surface-2);font-weight:700;color:var(--text);position:sticky;top:0}.cmp-table tbody tr:last-child td{border-bottom:0}.cmp-table tbody tr:hover{background:var(--surface-2)}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.proscons .col{border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);background:var(--surface)}.proscons .col h4{display:flex;align-items:center;gap:.5em;margin-bottom:.6em}.proscons ul{list-style:none;padding:0;display:grid;gap:.5em}.proscons .pros li,.proscons .cons li{display:flex;gap:.5em;align-items:flex-start;color:var(--text-soft);font-size:var(--fs-300)}.proscons .pros li::before{content:"+";color:#059669;font-weight:800;flex-shrink:0}.proscons .cons li::before{content:"–";color:#DC2626;font-weight:800;flex-shrink:0}.faq{display:grid;gap:.6em}.faq details{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.faq summary{list-style:none;cursor:pointer;padding:1em 1.2em;font-weight:650;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:1em}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"";width:18px;height:18px;flex-shrink:0;transition:transform var(--t);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center/contain no-repeat}.faq details[open] summary::after{transform:rotate(180deg)}.faq details>div{padding:0 1.2em 1.2em;color:var(--text-soft)}.cluster{display:grid;gap:var(--s-2)}.cluster a{display:flex;align-items:center;gap:.6em;padding:.7em .9em;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text);transition:all var(--t-fast)}.cluster a:hover{border-color:var(--brand-400);background:var(--surface-2);transform:translateX(3px)}.cluster a .ico{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);color:var(--brand-600);flex-shrink:0}.cluster a .ico svg{width:16px;height:16px}.site-footer{background:var(--ink-900);color:#CBD5E1;margin-top:var(--s-24);padding-block:var(--s-16) var(--s-8)}.site-footer a{color:#CBD5E1}.site-footer a:hover{color:#fff}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:var(--s-8)}.footer-brand .brand{color:#fff}.footer-brand .brand b{color:#fff}.footer-brand p{color:#94A3B8;max-width:32ch;margin-top:.8em}.footer-col h4{color:#fff;font-size:var(--fs-300);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.9em}.footer-col ul{list-style:none;padding:0;display:grid;gap:.55em}.footer-col a{font-size:var(--fs-300);color:#94A3B8}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;margin-top:var(--s-12);padding-top:var(--s-6);border-top:1px solid rgba(148,163,184,.16);color:#64748B;font-size:var(--fs-300)}.footer-social{display:flex;gap:.5em}.footer-social a{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(148,163,184,.1)}.footer-social a:hover{background:var(--brand-600)}.footer-social svg{width:18px;height:18px}@media (max-width:1024px){.mega-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width:880px){.main-nav,.search-trigger .label{display:none}.hamburger{display:grid}.footer-grid{grid-template-columns:1fr 1fr}.proscons{grid-template-columns:1fr}.header-inner{gap:var(--s-3)}}@media (max-width:560px){.footer-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr 1fr;gap:var(--s-3)}.tool-card{padding:var(--s-4)}}@media (max-width:380px){.tool-grid{grid-template-columns:1fr}}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:var(--grad-brand);z-index:101;transition:transform .1s linear;pointer-events:none}.pill-row{display:flex;gap:.5em;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:.4em;padding:.45em .9em;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border);font-size:var(--fs-300);font-weight:600;color:var(--text-soft)}.pill[aria-pressed="true"],.pill.active{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.leena-toast.ok{background:#065F46}.leena-toast.err{background:#991B1B}.search-trigger svg{width:18px;height:18px}.eyebrow svg{width:1.05em;height:1.05em;vertical-align:-0.12em}.badge svg{width:1.02em;height:1.02em;vertical-align:-0.12em}.cat-tile .count svg{width:1em;height:1em;vertical-align:-0.1em}.sec-head .see-all svg{width:1em;height:1em}@media (max-width:880px){.search-trigger{min-width:0;padding:.55em .6em}.search-trigger kbd{display:none}.header-inner{gap:var(--s-2)}.brand{font-size:var(--fs-400)}}@media (max-width:640px){.section{padding-block:var(--s-12)}.section-sm{padding-block:var(--s-8)}.container{padding-inline:var(--s-4)}.sec-head{gap:var(--s-2)}.sec-head .see-all{order:3}}@media (max-width:480px){.tool-grid{grid-template-columns:1fr}.tool-card{padding:var(--s-4)}.proscons{grid-template-columns:1fr}.cmp-table table{min-width:480px}}