:root{--bg:#fff;--ink:#17142a;--ink-soft:#37324f;--muted:#6f6a86;--line:#ece9f5;--line-strong:#dcd6ec;--orange:#f97316;--orange-dark:#c2410c;--orange-soft:#fff2e8;--purple:#7c3aed;--purple-dark:#5b21b6;--purple-soft:#f2ecff;--blue:#0ea5e9;--blue-soft:#e8f6fe;--green:#10b981;--green-soft:#e7faf2;--pink:#db2777;--pink-soft:#fdeef6;--yellow-soft:#fff8e1;--radius:16px;--radius-lg:24px;--shadow:0 10px 30px #23165014;--shadow-hover:0 18px 40px #23165024;--container:1200px;--font:"Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%}a{color:var(--purple);overflow-wrap:anywhere;text-decoration:none}a:hover{color:var(--orange-dark);text-underline-offset:3px;text-decoration:underline}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.02em;margin:0 0 12px;line-height:1.18}h1{font-size:clamp(28px,4.6vw,44px);font-weight:800}h2{font-size:clamp(22px,3vw,30px);font-weight:800}h3{font-size:18px;font-weight:700}p{margin:0 0 12px}ul,ol{margin:0 0 12px;padding-left:22px}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px}.skip-link{background:var(--purple);color:#fff;z-index:100;border-radius:0 0 12px;padding:10px 16px;position:absolute;top:0;left:-9999px}.skip-link:focus{color:#fff;left:0}:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:6px}.site-header{z-index:40;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding-top:10px;padding-bottom:10px;display:flex}.logo{color:var(--ink);align-items:center;gap:10px;font-size:17px;font-weight:800;line-height:1.2;display:inline-flex}.logo:hover{color:var(--ink);text-decoration:none}.logo-mark{background:linear-gradient(135deg, var(--orange), var(--purple));color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:19px;font-weight:800;display:grid;box-shadow:0 6px 14px #7c3aed40}.logo-text span{color:var(--muted);letter-spacing:0;font-size:11px;font-weight:600;display:block}.main-nav{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.main-nav a{color:var(--ink-soft);border-radius:10px;padding:8px 11px;font-size:14px;font-weight:600}.main-nav a:hover{background:var(--orange-soft);color:var(--orange-dark);text-decoration:none}.main-nav a[aria-current=page]{background:var(--purple-soft);color:var(--purple-dark)}.header-cta{background:var(--purple);color:#fff;border-radius:12px;align-items:center;gap:6px;padding:10px 15px;font-size:14px;font-weight:700;display:inline-flex}.header-cta:hover{background:var(--purple-dark);color:#fff;text-decoration:none}.main{min-height:60vh;padding:22px 0 56px}.breadcrumbs{margin:0 0 18px}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:7px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.breadcrumbs li{align-items:center;gap:7px;display:inline-flex}.breadcrumbs li+li:before{content:"›";color:#b4aecb;font-size:15px}.breadcrumbs a{color:var(--muted)}.breadcrumbs a:hover{color:var(--orange-dark)}.hero{border-radius:var(--radius-lg);background:radial-gradient(circle at 88% 12%,#f9731638,#0000 32%),radial-gradient(circle at 12% 90%,#7c3aed2e,#0000 36%),linear-gradient(125deg,#fff8f1 0%,#fbf8ff 52%,#f6f1ff 100%);border:1px solid #f0e8fb;margin-bottom:30px;padding:clamp(24px,5vw,52px);position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;border:26px solid #f973161a;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-90px;right:-70px}.hero-inner{z-index:1;max-width:820px;position:relative}.eyebrow{border:1px solid var(--line);color:var(--purple-dark);background:#fff;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:7px 13px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #2316500d}.eyebrow .dot{background:var(--orange);border-radius:50%;width:8px;height:8px}.hero h1{margin-bottom:14px}.hero-lead{color:var(--ink-soft);max-width:700px;margin-bottom:22px;font-size:clamp(16px,2vw,19px)}.hero-actions{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.hero-stats{flex-wrap:wrap;gap:10px;display:flex}.stat{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:108px;padding:10px 14px}.stat strong{color:var(--purple-dark);font-size:21px;line-height:1.15;display:block}.stat span{color:var(--muted);font-size:12px}.btn{border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;text-align:center;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:11px 18px;font-size:15px;font-weight:700;line-height:1.2;display:inline-flex}.btn:hover{border-color:var(--purple);color:var(--purple-dark);text-decoration:none}.btn-primary{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 8px 18px #f9731640}.btn-primary:hover{color:#fff;background:#ea580c;border-color:#ea580c}.btn-purple{background:var(--purple);border-color:var(--purple);color:#fff}.btn-purple:hover{background:var(--purple-dark);border-color:var(--purple-dark);color:#fff}.btn-sm{border-radius:10px;padding:8px 12px;font-size:13px}.btn[aria-disabled=true],.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.section{margin:38px 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:14px;display:flex}.section-head h2{margin:0}.section-head .link-all{font-size:14px;font-weight:700}.section-note{color:var(--muted);max-width:760px;margin-bottom:16px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:8px;min-width:0;padding:18px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;box-shadow:0 3px 14px #2316500a}.card:hover{box-shadow:var(--shadow-hover);border-color:#e4dcf7;transform:translateY(-3px)}.card p{color:var(--ink-soft);margin:0;font-size:14.5px}.card-title{margin:0;font-size:18px}.card-title a{color:var(--ink)}.card-title a:hover{color:var(--purple-dark)}.card-meta{color:var(--muted);font-size:13.5px}.card-actions{margin-top:auto;padding-top:8px}.tool-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:11px;min-width:0;padding:18px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;box-shadow:0 3px 14px #2316500a}.tool-card:hover{box-shadow:var(--shadow-hover);border-color:#e4dcf7;transform:translateY(-3px)}.tool-head{align-items:flex-start;gap:12px;min-width:0;display:flex}.logo-circle{color:#fff;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:20px;font-weight:800;display:grid;box-shadow:inset 0 -2px 6px #0000001f}.logo-img{object-fit:cover;border-radius:50%;flex:none;width:46px;height:46px;box-shadow:inset 0 -2px 6px #0000001f}.tool-head-main{flex:auto;min-width:0}.tool-head-main h3{margin:0 0 3px;font-size:18px;line-height:1.25}.tool-head-main h3 a{color:var(--ink)}.tool-sub{color:var(--muted);font-size:12.5px}.score{background:var(--orange-soft);color:var(--orange-dark);white-space:nowrap;border-radius:9px;flex:none;padding:5px 9px;font-size:13px;font-weight:800}.tool-short{color:var(--ink-soft);margin:0;font-size:14.5px}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge{color:var(--ink-soft);background:#f4f2fa;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}a.badge:hover{filter:brightness(.97);text-decoration:none}.badge-orange{background:var(--orange-soft);color:var(--orange-dark);border-color:#ffe0c7}.badge-purple{background:var(--purple-soft);color:var(--purple-dark);border-color:#e6d9ff}.badge-green{background:var(--green-soft);color:#047857;border-color:#c9f3e2}.badge-blue{background:var(--blue-soft);color:#0369a1;border-color:#c9ebfa}.badge-pink{background:var(--pink-soft);color:#9d174d;border-color:#fbd0e5}.badge-gray{color:#4b4566;border-color:var(--line);background:#f5f4f9}.tool-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:4px;display:flex}.price-line{color:var(--muted);font-size:12.5px;line-height:1.35}.price-line strong{color:var(--purple-dark);font-size:14px;font-weight:800;display:block}.filters{flex-wrap:wrap;gap:8px;margin:4px 0 18px;display:flex}.filters a{border:1px solid var(--line-strong);color:var(--ink-soft);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:650;display:inline-flex}.filters a:hover{border-color:var(--orange);background:var(--orange-soft);color:var(--orange-dark);text-decoration:none}.filters .count{color:var(--muted);font-size:12px;font-weight:700}.intro{max-width:900px;color:var(--ink-soft);font-size:16.5px}.page-head{margin-bottom:22px}.page-head h1{margin-bottom:10px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:20px}.panel-soft{background:linear-gradient(120deg,#fff8f1,#f7f2ff);border-color:#f0e6fa}.info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.info-box{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px}.info-box .label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.info-box .value{color:var(--ink);font-size:15px;font-weight:700}.tool-hero{border-radius:var(--radius-lg);background:radial-gradient(circle at 92% 8%,#f9731626,#0000 36%),linear-gradient(120deg,#fffaf5,#f8f3ff);border:1px solid #f0e8fb;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:22px;margin-bottom:26px;padding:24px;display:grid}.tool-hero-main{min-width:0}.tool-hero .tool-head{align-items:center;margin-bottom:12px}.tool-hero .logo-circle{width:62px;height:62px;font-size:27px}.tool-hero .logo-img{width:62px;height:62px}.tool-hero h1{margin:0 0 4px;font-size:clamp(27px,4vw,40px)}.tool-hero .tool-short{font-size:16.5px}.tool-hero-side{flex-direction:column;align-self:center;gap:10px;display:flex}.big-score{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.big-score .num{color:var(--orange-dark);font-size:28px;font-weight:800;line-height:1}.big-score .cap{color:var(--muted);font-size:12px}.price-box{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px}.price-box .cap{color:var(--muted);font-size:12px}.price-box strong{color:var(--purple-dark);font-size:15px;display:block}.feature-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.feature-list li{color:var(--ink-soft);padding-left:26px;font-size:15px;position:relative}.feature-list li:before{content:"✓";color:var(--green);font-weight:800;position:absolute;top:0;left:0}.pros-cons{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.pros-cons .card ul{margin-bottom:0}.pros-cons .pros{border-top:4px solid var(--green)}.pros-cons .cons{border-top:4px solid var(--orange)}.clean{margin:0;padding:0;list-style:none}.clean li{border-bottom:1px solid var(--line);padding:8px 0}.clean li:last-child{border-bottom:0}.split-lists{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);-webkit-overflow-scrolling:touch;background:#fff;width:100%;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px;font-size:13.5px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:11px 12px}th{color:var(--ink);white-space:nowrap;background:#faf8fe;font-weight:800}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fffbf6}.table-tool{color:var(--ink);align-items:center;gap:8px;font-weight:700;display:inline-flex}.table-tool .logo-circle{width:26px;height:26px;box-shadow:none;font-size:12px}.table-tool .logo-img{width:26px;height:26px;box-shadow:none}.compare-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:22px;display:grid}.compare-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:18px;box-shadow:0 3px 14px #2316500a}.compare-card h3{margin-bottom:4px}.compare-card .vs{background:var(--purple-soft);color:var(--purple-dark);border-radius:999px;margin-bottom:10px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.faq{margin-top:36px}.faq-list{gap:10px;display:grid}.faq-item{border:1px solid var(--line);background:#fff;border-radius:14px;padding:0;overflow:hidden}.faq-item summary{cursor:pointer;color:var(--ink);padding:14px 42px 14px 18px;font-weight:700;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--orange);font-size:22px;font-weight:700;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.faq-item[open] summary:after{content:"−"}.faq-a{color:var(--ink-soft);padding:0 18px 16px;font-size:15px}.review-empty{border:1px dashed var(--line-strong);border-radius:var(--radius);background:#fdfcff;padding:24px}.review-empty h2{margin-bottom:6px;font-size:22px}.review-form{opacity:.75;gap:10px;margin-top:16px;display:grid}.review-form label{color:var(--ink-soft);font-size:13px;font-weight:700}.review-form textarea,.review-form input{border:1px solid var(--line-strong);width:100%;font:inherit;color:var(--muted);resize:vertical;background:#faf9fd;border-radius:10px;padding:10px 12px;font-size:14px}.review-form .hint{color:var(--muted);font-size:12.5px}.article-card{flex-direction:column;gap:8px;display:flex}.article-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.article-meta .dot{background:#c7c1d8;border-radius:50%;width:4px;height:4px}.prose{max-width:820px;color:var(--ink-soft);font-size:16.5px}.prose h2{color:var(--ink);margin-top:34px;font-size:clamp(22px,3vw,28px)}.prose h3{color:var(--ink);margin-top:26px;font-size:20px}.prose p{margin-bottom:16px}.prose ul,.prose ol{margin-bottom:18px}.prose li{margin-bottom:6px}.prose a{font-weight:650}.prose blockquote{border-left:4px solid var(--orange);background:var(--orange-soft);color:var(--ink-soft);border-radius:0 12px 12px 0;margin:22px 0;padding:14px 18px}.prose table{min-width:540px}.article-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.article-aside{gap:16px;display:grid;position:sticky;top:88px}.article-aside .card{box-shadow:none}.lead{color:var(--ink);border-left:4px solid var(--purple);margin:0 0 22px;padding-left:16px;font-size:18.5px;font-weight:500}.cta-strip{border-radius:var(--radius);background:linear-gradient(120deg, var(--purple), #4c1d95);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:32px 0;padding:22px;display:flex}.cta-strip h2{color:#fff;margin:0 0 4px;font-size:22px}.cta-strip p{color:#e9e2ff;margin:0}.cta-strip .btn{color:var(--purple-dark);background:#fff;border-color:#fff}.cta-strip .btn:hover{color:var(--purple-dark);background:#f8f5ff}.map-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.map-col h2{margin-bottom:10px;font-size:20px}.map-col ul{margin:0;padding:0;list-style:none}.map-col li{padding:4px 0;font-size:14px}.tool-links{flex-wrap:wrap;gap:8px;display:flex}.site-footer{color:#ded8f0;background:#1c1533;margin-top:56px;padding:38px 0 22px}.footer-grid{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(150px,1fr));gap:28px;display:grid}.footer-brand .logo{color:#fff;margin-bottom:12px}.footer-brand p{color:#b8b0d3;max-width:320px;font-size:14px}.footer-title{color:#fff;margin-bottom:10px;font-size:14px;font-weight:800}.site-footer ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:#c9c2e2;font-size:13.5px}.site-footer a:hover{color:#ffb27a}.footer-bottom{color:#a9a1c6;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:30px;padding-top:18px;font-size:12.5px;display:flex}.footer-bottom a{color:#cfc8e8;font-size:12.5px}.notfound{text-align:center;max-width:640px;margin:0 auto;padding:54px 16px}.notfound .code{color:var(--orange);margin-bottom:10px;font-size:clamp(64px,16vw,120px);font-weight:800;line-height:1}.muted{color:var(--muted)}.small{font-size:13px}.mt-0{margin-top:0}.mb-0{margin-bottom:0}@media (width<=900px){.tool-hero,.article-layout{grid-template-columns:1fr}.article-aside{position:static}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.container{padding:0 14px}.header-inner{gap:8px}.logo{font-size:15px}.logo-mark{width:36px;height:36px}.main-nav{flex-wrap:nowrap;order:3;gap:2px;width:100%;padding-bottom:4px;overflow-x:auto}.main-nav a{white-space:nowrap;padding:7px 9px;font-size:13px}.header-cta{padding:8px 12px;font-size:13px}.hero{border-radius:18px}.hero-stats{gap:8px}.stat{flex:100px;min-width:0;padding:9px 11px}.tool-hero{border-radius:18px;padding:18px}.section{margin:30px 0}.footer-grid{grid-template-columns:1fr;gap:22px}.cta-strip{padding:18px}}@media (width<=400px){body{font-size:15.5px}.tool-card,.card{padding:15px}.logo-text{max-width:160px}.score{padding:4px 7px;font-size:12px}}
