:root{--bg:#f7f7fb;--surface:#fff;--surface-2:#f0f0f6;--ink:#17171c;--muted:#6d6d78;--line:#e6e5ed;--purple:#695cff;--purple-dark:#5143e8;--lime:#c9f36b;--pink:#ffdbf2;--blue:#d8e9ff;--shadow:0 14px 45px rgba(30,24,70,.08);--font:"DM Sans",sans-serif;--display:"Manrope",sans-serif}
[data-theme="dark"]{--bg:#111116;--surface:#19191f;--surface-2:#222229;--ink:#f7f6fa;--muted:#aaa8b3;--line:#2c2b34;--shadow:0 18px 55px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5}button,input,select{font:inherit;color:inherit}button,a{tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.skip-link{position:fixed;z-index:100;left:12px;top:-60px;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px}.skip-link:focus{top:12px}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px)}.header-inner{height:72px;width:min(1240px,calc(100% - 40px));margin:auto;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.04em}.brand>span:last-child>span{color:var(--purple)}.brand-symbol{position:relative;width:29px;height:29px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-7deg)}.brand-symbol i{display:block;border-radius:6px;background:var(--purple)}.brand-symbol i:first-child{grid-row:span 2}.brand-symbol i:nth-child(2){background:var(--lime)}.brand-symbol i:nth-child(3){background:#ff8a74}.main-nav{display:flex;gap:28px;align-items:center}.main-nav a,.main-nav button{border:0;background:none;padding:7px 0;color:var(--muted);font-weight:600}.main-nav .active,.main-nav a:hover,.main-nav button:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.quick-search{height:40px;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:flex;align-items:center;gap:8px;color:var(--muted)}kbd{font-size:10px;line-height:1;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);padding:5px 6px;color:var(--muted);box-shadow:0 1px 0 var(--line)}.search-icon{width:16px;height:16px;border:2px solid currentColor;border-radius:50%;display:inline-block;position:relative;flex:0 0 auto}.search-icon:after{content:"";position:absolute;width:6px;height:2px;background:currentColor;right:-5px;bottom:-2px;transform:rotate(45deg);border-radius:2px}.theme-toggle{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;place-items:center}.theme-toggle span{width:16px;height:16px;border:2px solid var(--ink);border-radius:50%;box-shadow:6px -5px 0 -3px var(--surface),7px -6px 0 -3px var(--ink)}.submit-button{height:40px;padding:0 16px;border-radius:12px;background:var(--ink);color:var(--bg);display:flex;align-items:center;gap:8px;font-weight:700}.submit-button span,.text-button span,.newsletter button span{transition:transform .18s ease}.submit-button:hover span,.text-button:hover span,.newsletter button:hover span{transform:translateX(3px)}
.hero{position:relative;overflow:hidden;min-height:610px;padding:105px 24px 44px;background:radial-gradient(circle at 50% 16%,color-mix(in srgb,var(--purple) 12%,transparent),transparent 42%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--line)}.hero-content{position:relative;z-index:2;width:min(890px,100%);margin:auto;text-align:center}.hero-note{display:inline-flex;align-items:center;gap:9px;padding:6px 12px 6px 7px;border:1px solid var(--line);background:var(--surface);border-radius:99px;color:var(--muted);font-size:13px;font-weight:600;box-shadow:0 5px 20px rgba(40,30,100,.05)}.hero-note span{background:var(--lime);color:#1b2312;padding:4px 9px;border-radius:99px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.hero-note b{color:var(--purple)}h1,h2,h3,p{margin-top:0}.hero h1{margin:25px 0 20px;font-family:var(--display);font-size:clamp(46px,7vw,78px);line-height:1.02;letter-spacing:-.064em}.hero h1 em{font-style:normal;color:var(--purple)}.hero-content>p{max-width:670px;margin:0 auto 30px;color:var(--muted);font-size:18px;line-height:1.65}.hero-search{height:68px;max-width:820px;margin:auto;display:flex;align-items:center;padding:8px 8px 8px 21px;border:1px solid var(--line);background:var(--surface);border-radius:18px;box-shadow:0 22px 70px rgba(73,55,170,.13);text-align:left}.hero-search .search-icon{color:var(--purple);margin-right:14px}.hero-search input{height:100%;min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:16px}.hero-search select{height:38px;max-width:145px;border:0;border-left:1px solid var(--line);padding:0 12px;background:transparent;color:var(--muted);outline:0}.hero-search button{height:50px;border:0;border-radius:12px;padding:0 25px;background:var(--purple);color:#fff;font-weight:700}.hero-search button:hover{background:var(--purple-dark)}.popular-searches{margin-top:18px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.popular-searches button{border:0;border-bottom:1px solid var(--line);background:none;padding:1px 2px;color:var(--muted)}.popular-searches button:hover{color:var(--purple);border-color:var(--purple)}.trust-row{position:absolute;z-index:2;left:50%;bottom:36px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:38px;width:min(880px,calc(100% - 40px))}.trust-row div{text-align:center}.trust-row strong,.trust-row span{display:block}.trust-row strong{font-family:var(--display);font-size:18px}.trust-row span{font-size:12px;color:var(--muted)}.trust-row i{width:1px;height:26px;background:var(--line)}.hero-orb{position:absolute;border-radius:38% 62% 63% 37%;filter:blur(.2px);opacity:.75;animation:float 8s ease-in-out infinite}.orb-one{left:-70px;top:110px;width:170px;height:190px;background:linear-gradient(135deg,var(--pink),#f1c8ff);transform:rotate(24deg)}.orb-two{right:-55px;top:185px;width:150px;height:150px;background:linear-gradient(135deg,var(--blue),var(--lime));animation-delay:-3s}.reveal-item{opacity:0;transform:translateY(16px);animation:reveal .6s cubic-bezier(.2,.8,.2,1) forwards}.reveal-item:nth-child(2){animation-delay:.08s}.reveal-item:nth-child(3){animation-delay:.16s}.reveal-item:nth-child(4){animation-delay:.24s}.reveal-item:nth-child(5){animation-delay:.32s}@keyframes reveal{to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-15px) rotate(12deg)}}
.section{padding-block:92px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading.compact{align-items:center}.kicker{display:block;margin-bottom:8px;color:var(--purple);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.section-heading h2,.newsletter h2{margin-bottom:8px;font-family:var(--display);font-size:clamp(28px,4vw,42px);line-height:1.1;letter-spacing:-.045em}.section-heading p{margin:0;color:var(--muted)}.text-button{border:0;background:transparent;padding:8px 0;color:var(--purple);font-weight:700;white-space:nowrap}.featured-grid,.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-card{min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden;box-shadow:0 2px 0 rgba(20,15,60,.02);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.tool-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--purple) 28%,var(--line))}.card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--card-tint,#e8e6ff),var(--surface-2))}.card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.tool-card:hover .card-media img{transform:scale(1.025)}.card-media.no-image:after{content:attr(data-initials);position:absolute;inset:0;display:grid;place-items:center;font:800 48px var(--display);color:color-mix(in srgb,var(--ink) 50%,transparent)}.card-badge{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:8px;background:rgba(20,20,26,.8);color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;backdrop-filter:blur(8px)}.card-save{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.9);color:#282731;box-shadow:0 4px 15px rgba(0,0,0,.1);display:grid;place-items:center}.card-save:before{content:"";width:11px;height:15px;border:1.7px solid currentColor;border-radius:2px;clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%)}.card-save.saved{color:var(--purple);background:#fff}.card-content{padding:18px}.card-title-row{display:flex;gap:15px;align-items:flex-start}.card-title-row>div{min-width:0;flex:1}.card-title-row h3{margin:0;font-family:var(--display);font-size:18px;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-title-row p{margin:7px 0 16px;color:var(--muted);font-size:13px;line-height:1.5;min-height:39px}.vote-button{border:1px solid var(--line);border-radius:10px;background:var(--surface-2);padding:6px 9px;font-size:12px;font-weight:700;white-space:nowrap}.card-footer{display:flex;align-items:center;gap:7px}.chip{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 9px;border-radius:7px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:600}.price-chip{margin-left:auto}.price-chip.free{background:#e2f8dd;color:#2e7331}.price-chip.paid{background:#ffe7e2;color:#9a4337}.price-chip.freemium{background:#ede9ff;color:#5b4abb}[data-theme="dark"] .price-chip.free{background:#203d23;color:#9fe4a5}[data-theme="dark"] .price-chip.paid{background:#462923;color:#ffad9e}[data-theme="dark"] .price-chip.freemium{background:#302957;color:#c2b8ff}.skeleton{background:linear-gradient(90deg,var(--surface-2),color-mix(in srgb,var(--surface-2) 55%,var(--surface)),var(--surface-2));background-size:220% 100%;animation:shimmer 1.4s infinite}.feature-skeleton,.card-skeleton{aspect-ratio:1.05;border-radius:18px}.loading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@keyframes shimmer{to{background-position:-220% 0}}
.collections{padding:76px 0;background:var(--surface);border-block:1px solid var(--line)}.category-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-tile{--tile:#eae7ff;position:relative;min-height:122px;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--tile) 55%,var(--surface)),var(--surface));text-align:left;overflow:hidden}.category-tile:hover{border-color:color-mix(in srgb,var(--purple) 45%,var(--line));transform:translateY(-2px)}.category-tile>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--tile);font-style:normal;font-size:18px}.category-tile strong{display:block;margin-top:17px;font-family:var(--display);font-size:15px}.category-tile span{position:absolute;right:16px;bottom:15px;color:var(--purple)}
.catalog-section{padding-top:100px}.catalog-title{margin-bottom:28px}.portal-tabs{position:relative;width:max-content;max-width:100%;display:flex;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:14px;background:var(--surface);scrollbar-width:none}.portal-tabs button{position:relative;z-index:2;border:0;background:transparent;padding:10px 15px;color:var(--muted);font-weight:700;white-space:nowrap;transition:color .18s ease}.portal-tabs button b{margin-left:5px;font-size:10px;font-weight:700;opacity:.65}.portal-tabs button[aria-selected="true"]{color:#fff}.tab-pill{position:absolute;z-index:1;top:5px;left:5px;height:40px;border-radius:10px;background:var(--purple);transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1)}.catalog-toolbar{display:flex;align-items:center;gap:16px;margin:24px 0 14px}.catalog-search{height:48px;min-width:280px;flex:1;display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--muted)}.catalog-search input{min-width:0;flex:1;border:0;outline:0;background:transparent}.tool-controls{display:flex;align-items:center;gap:8px}.select-control{height:48px;display:flex;align-items:center;gap:6px;padding:0 11px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.select-control span{display:none}.select-control select{max-width:150px;border:0;outline:0;background:transparent;color:var(--muted);font-size:13px}.view-switch{display:flex;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.view-switch button{width:38px;height:38px;border:0;border-radius:8px;background:transparent;display:grid;place-items:center}.view-switch button.active{background:var(--surface-2);color:var(--purple)}.grid-icon{width:15px;height:15px;background:linear-gradient(currentColor 0 0) 0 0/6px 6px,linear-gradient(currentColor 0 0) 100% 0/6px 6px,linear-gradient(currentColor 0 0) 0 100%/6px 6px,linear-gradient(currentColor 0 0) 100% 100%/6px 6px;background-repeat:no-repeat}.list-icon{width:17px;height:13px;background:linear-gradient(currentColor 0 0) 0 0/100% 2px,linear-gradient(currentColor 0 0) 0 50%/100% 2px,linear-gradient(currentColor 0 0) 0 100%/100% 2px;background-repeat:no-repeat}.result-row{height:35px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.result-row p{margin:0;color:var(--muted);font-size:13px}.result-row button{border:0;background:transparent;color:var(--purple);font-size:12px}.load-zone{display:flex;justify-content:center;margin-top:38px}.load-zone button{height:50px;padding:0 22px;border:1px solid var(--line);border-radius:13px;background:var(--surface);font-weight:700;box-shadow:0 5px 18px rgba(30,25,70,.05)}.load-zone button:hover{border-color:var(--purple);color:var(--purple)}.catalog-body.list-layout .tool-grid{display:flex;flex-direction:column;gap:9px}.catalog-body.list-layout .tool-card{display:grid;grid-template-columns:180px 1fr}.catalog-body.list-layout .card-media{height:125px;aspect-ratio:auto}.catalog-body.list-layout .card-content{display:flex;flex-direction:column;justify-content:center}.catalog-body.list-layout .card-title-row p{min-height:0;margin-bottom:12px}
.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.page-card{position:relative;min-height:150px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-align:left;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.page-card:hover{transform:translateY(-3px);border-color:var(--purple)}.page-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-40px;top:-45px;background:var(--page-color,#e8e4ff);opacity:.7}.page-card small{display:block;color:var(--purple);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.page-card strong{display:block;margin-top:28px;padding-right:25px;font:700 19px var(--display)}.page-card span{position:absolute;right:18px;bottom:17px;color:var(--muted)}.empty-state{padding:70px 20px;border:1px dashed var(--line);border-radius:18px;text-align:center;color:var(--muted)}
.newsletter{margin-top:50px;padding:86px 0;background:#211f38;color:#fff;overflow:hidden}.newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative}.newsletter .kicker{color:var(--lime)}.newsletter h2{font-size:38px;margin-bottom:9px}.newsletter p{margin:0;color:#b9b5cb}.newsletter form{display:flex;gap:9px;min-width:min(470px,100%)}.newsletter label{height:54px;flex:1;display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid #45425e;border-radius:13px;background:#2b2945}.newsletter input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff}.newsletter button{border:0;border-radius:13px;background:var(--lime);color:#1c2414;padding:0 20px;font-weight:800}.footer{padding:58px 0 70px;display:flex;justify-content:space-between;gap:50px}.footer>div:first-child p{max-width:390px;margin:17px 0 0;color:var(--muted)}.footer-links{display:flex;gap:75px}.footer-links>div{display:flex;flex-direction:column;gap:9px;align-items:flex-start}.footer-links strong{margin-bottom:5px}.footer-links a,.footer-links button,.footer-links span{padding:0;border:0;background:none;color:var(--muted);font-size:13px}.footer-links a:hover,.footer-links button:hover{color:var(--purple)}
.command-dialog{width:min(620px,calc(100% - 24px));max-height:min(650px,80vh);padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 30px 90px rgba(20,15,55,.28);opacity:0;transform:translateY(-12px) scale(.98);transition:opacity .16s ease,transform .16s ease}.command-dialog[open]{display:block}.command-dialog.is-open{opacity:1;transform:none}.command-dialog::backdrop{background:rgba(15,13,25,.46);backdrop-filter:blur(5px)}.command-head{height:64px;display:flex;align-items:center;gap:13px;padding:0 18px;border-bottom:1px solid var(--line);color:var(--muted)}.command-head input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:16px}.command-results{padding:9px;max-height:480px;overflow:auto}.command-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px;border:0;border-radius:11px;background:transparent;text-align:left}.command-item.active{background:var(--surface-2)}.command-thumb{width:58px;height:38px;border-radius:7px;object-fit:cover;background:var(--surface-2)}.command-item div{min-width:0;flex:1}.command-item strong,.command-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item small{color:var(--muted)}.command-foot{padding:9px 15px;border-top:1px solid var(--line);display:flex;gap:18px;color:var(--muted);font-size:11px}.detail-drawer{position:fixed;z-index:80;right:0;top:0;width:min(530px,100%);height:100dvh;padding:0 0 35px;background:var(--surface);box-shadow:-25px 0 80px rgba(20,15,50,.18);overflow:auto;transform:translateX(102%);transition:transform .32s cubic-bezier(.2,.8,.2,1)}.detail-drawer.is-open{transform:none}.drawer-backdrop{position:fixed;z-index:70;inset:0;background:rgba(16,14,25,.42);opacity:0;pointer-events:none;transition:opacity .25s}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.drawer-close{position:absolute;z-index:3;right:15px;top:15px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(20,20,25,.76);color:#fff;font-size:24px;line-height:1}.drawer-hero{aspect-ratio:16/9;background:var(--surface-2);overflow:hidden}.drawer-hero img{width:100%;height:100%;object-fit:cover}.drawer-main{padding:28px}.drawer-heading{display:flex;align-items:flex-start;gap:15px}.drawer-heading>div{flex:1}.drawer-heading h2{margin:0;font:800 28px var(--display);letter-spacing:-.04em}.drawer-heading p{margin:6px 0 0;color:var(--muted)}.drawer-vote{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-weight:700}.drawer-copy{margin:24px 0;color:var(--muted);line-height:1.7}.drawer-data{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden}.drawer-data div{padding:14px}.drawer-data div:nth-child(odd){border-right:1px solid var(--line)}.drawer-data div:nth-child(-n+2){border-bottom:1px solid var(--line)}.drawer-data small,.drawer-data strong{display:block}.drawer-data small{color:var(--muted);font-size:11px}.drawer-actions{display:grid;gap:9px;margin-top:20px}.drawer-actions a,.drawer-actions button{height:50px;border:0;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:var(--purple);color:#fff;font-weight:700}.drawer-actions a.secondary,.drawer-actions button{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}.toast{position:fixed;z-index:100;left:50%;bottom:25px;transform:translate(-50%,20px);padding:10px 15px;border-radius:10px;background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;transition:.2s}.toast.is-open{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.main-nav{display:none}.featured-grid,.tool-grid,.loading-grid{grid-template-columns:repeat(2,1fr)}.category-rail{grid-template-columns:repeat(2,1fr)}.catalog-toolbar{align-items:stretch;flex-direction:column}.tool-controls{flex-wrap:wrap}.newsletter-inner{align-items:flex-start;flex-direction:column}.newsletter form{width:100%}.orb-one,.orb-two{opacity:.35}}
@media(max-width:680px){.shell{width:min(100% - 28px,1180px)}.header-inner{width:calc(100% - 24px);height:62px}.quick-search span,.quick-search kbd,.submit-button{display:none}.hero{min-height:640px;padding:78px 14px 32px}.hero h1{font-size:44px}.hero-content>p{font-size:16px}.hero-search{height:auto;display:grid;grid-template-columns:24px 1fr auto;padding:8px 8px 8px 15px}.hero-search select{grid-column:2/4;width:100%;max-width:none;border-left:0;border-top:1px solid var(--line);padding:9px 0 2px}.hero-search button{grid-row:1;grid-column:3;height:44px}.popular-searches{display:none}.trust-row{bottom:26px;gap:14px}.trust-row i{display:none}.trust-row div{flex:1}.trust-row strong{font-size:14px}.trust-row span{font-size:10px}.section{padding-block:64px}.section-heading{align-items:flex-start;flex-direction:column}.featured-grid,.tool-grid,.loading-grid,.page-grid{grid-template-columns:1fr}.collections{padding:58px 0}.category-rail{grid-template-columns:1fr 1fr}.category-tile{min-height:112px}.portal-tabs{width:100%}.portal-tabs button{padding-inline:13px}.catalog-search{min-width:0}.select-control{flex:1}.select-control select{width:100%;max-width:none}.view-switch{display:none}.catalog-body.list-layout .tool-card{display:block}.catalog-body.list-layout .card-media{height:auto;aspect-ratio:16/9}.newsletter{padding:65px 0}.newsletter form{flex-direction:column}.newsletter label,.newsletter button{height:52px}.footer{flex-direction:column}.footer-links{gap:40px}.drawer-main{padding:23px}.drawer-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.trust-row{position:relative;left:auto;bottom:auto;transform:none;margin:34px auto 0}
.drawer-actions .primary-action{background:var(--purple);color:#fff;border-color:var(--purple)}.drawer-related{display:grid;gap:8px}.drawer-related button{width:100%;display:flex;align-items:center;gap:12px;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left}.drawer-related button:hover{border-color:var(--purple);background:var(--surface-2)}.drawer-related img{width:70px;height:46px;object-fit:cover;border-radius:8px;background:var(--surface-2)}.drawer-related span{min-width:0;flex:1}.drawer-related strong,.drawer-related small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-related small{color:var(--muted);font-weight:400}.drawer-related b{color:var(--purple)}
.submit-dialog{width:min(520px,calc(100% - 24px));padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 30px 90px rgba(20,15,55,.28);opacity:0;transform:translateY(-10px) scale(.98);transition:opacity .16s ease,transform .16s ease}.submit-dialog[open]{display:block}.submit-dialog.is-open{opacity:1;transform:none}.submit-dialog::backdrop{background:rgba(15,13,25,.46);backdrop-filter:blur(5px)}.submit-dialog h2{margin:0 0 7px;font:800 30px var(--display);letter-spacing:-.04em}.submit-dialog>p{color:var(--muted);margin-bottom:23px}.dialog-close{position:absolute;right:16px;top:16px;width:34px;height:34px;border:0;border-radius:50%;background:var(--surface-2);font-size:21px}.submit-dialog form{display:grid;gap:14px}.submit-dialog label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.submit-dialog input,.submit-dialog select,.submit-dialog textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);padding:12px;outline:0}.submit-dialog textarea{min-height:95px;resize:vertical}.submit-dialog input:focus,.submit-dialog select:focus,.submit-dialog textarea:focus{border-color:var(--purple)}.submit-dialog form button{height:48px;border:0;border-radius:11px;background:var(--purple);color:#fff;font-weight:800}
.brand small{margin-left:2px;color:var(--muted);font-family:var(--font);font-size:10px;font-weight:700;letter-spacing:0}.logo-fallback{object-fit:contain!important;padding:15%;background:linear-gradient(135deg,var(--card-tint,#ece9ff),var(--surface-2))}
.language-control{height:40px;display:flex;align-items:center;gap:4px;padding:0 8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted)}.language-control select{border:0;background:transparent;outline:0;font-size:12px;font-weight:800}.submit-button b,.text-button b,.newsletter button b{font-weight:inherit}.hero-note b{color:var(--muted)}.hero-note i{color:var(--purple);font-style:normal;font-weight:800}

:root{--page-slide-dur:250ms;--page-fade-dur:250ms;--page-slide-distance:8px;--page-blur:3px;--page-stagger:0ms;--page-exit-enabled:1;--page-slide-ease:cubic-bezier(.22,1,.36,1);--page-fade-ease:cubic-bezier(.22,1,.36,1);--tabs-dur:250ms;--tabs-ease:cubic-bezier(.22,1,.36,1);--tabs-text-muted:rgba(15,15,15,.8);--tabs-text-active:#0f0f0f;--tabs-bar-bg:#f1f1f1;--tabs-pill-bg:#fff;--acc-expand:250ms;--acc-collapse:250ms;--acc-chevron:250ms;--acc-ease:cubic-bezier(.22,1,.36,1)}

.t-tabs{position:relative;display:inline-flex;align-items:center;gap:3px;padding:3px;border-radius:48px;background:var(--tabs-bar-bg)}.t-tab{position:relative;appearance:none;border:0;background:transparent;height:30px;padding:4px 12px;color:var(--tabs-text-muted);cursor:pointer;border-radius:48px;z-index:1;transition:color var(--tabs-dur) var(--tabs-ease)}.t-tab:not([aria-selected="true"]):hover,.t-tab[aria-selected="true"]{color:var(--tabs-text-active)}.t-tabs-pill{position:absolute;top:3px;left:0;height:30px;width:0;background:var(--tabs-pill-bg);border-radius:48px;transform:translateX(0);transition:transform var(--tabs-dur) var(--tabs-ease),width var(--tabs-dur) var(--tabs-ease);will-change:transform,width;z-index:0;pointer-events:none}
.t-acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--acc-collapse) var(--acc-ease)}.t-acc[data-open="true"] .t-acc-panel{grid-template-rows:1fr;transition:grid-template-rows var(--acc-expand) var(--acc-ease)}.t-acc-panel-inner{overflow:hidden;opacity:0;filter:blur(2px);transition:opacity var(--acc-collapse) var(--acc-ease),filter var(--acc-collapse) var(--acc-ease)}.t-acc[data-open="true"] .t-acc-panel-inner{opacity:1;filter:blur(0);transition:opacity var(--acc-expand) var(--acc-ease),filter var(--acc-expand) var(--acc-ease)}.t-acc-chevron{display:inline-flex;transform:scaleY(1);transform-origin:center;transition:transform var(--acc-chevron) var(--acc-ease)}.t-acc-chevron path{vector-effect:non-scaling-stroke}.t-acc[data-open="true"] .t-acc-chevron{transform:scaleY(-1)}

.detail-drawer{left:0;right:0;width:100%;max-width:none;padding:0;background:var(--bg);transform:translateX(calc(100% + var(--page-slide-distance)));filter:blur(var(--page-blur));opacity:0;transition:opacity var(--page-fade-dur) var(--page-fade-ease),transform var(--page-slide-dur) var(--page-slide-ease),filter var(--page-slide-dur) var(--page-slide-ease);will-change:opacity,transform,filter}.detail-drawer.is-open{opacity:1;transform:translateX(0);filter:blur(0)}.detail-drawer .drawer-close{position:fixed;z-index:10;right:24px;top:18px;background:var(--ink);color:var(--bg)}.tool-page-shell{width:min(1180px,calc(100% - 48px));margin:auto;padding:22px 0 100px}.tool-page-top{height:48px;display:flex;align-items:center;gap:24px;color:var(--muted);font-size:12px}.tool-page-top button{border:0;background:transparent;padding:0;color:var(--purple);font-weight:800}.tool-detail-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center;padding:44px 0 54px}.tool-detail-media{aspect-ratio:16/10;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.tool-detail-media img{width:100%;height:100%;object-fit:cover}.detail-labels{display:flex;gap:7px}.detail-labels span,.best-for span,.detail-chips span{padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:700}.tool-detail-intro h1{margin:18px 0 13px;font:800 clamp(42px,6vw,68px)/1 var(--display);letter-spacing:-.06em}.tool-detail-intro>p{color:var(--muted);font-size:17px;line-height:1.7}.detail-primary-actions{display:flex;gap:9px;margin:25px 0}.detail-primary-actions a,.detail-primary-actions button{height:52px;display:flex;align-items:center;justify-content:center;gap:22px;padding:0 20px;border:1px solid var(--line);border-radius:13px;background:var(--surface);font-weight:800}.detail-primary-actions a{background:var(--purple);border-color:var(--purple);color:#fff}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:20px}.detail-meta div{padding-right:12px}.detail-meta small,.detail-meta strong{display:block}.detail-meta small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.detail-meta strong{margin-top:3px}.detail-section-nav{position:sticky;z-index:8;top:14px!important;width:max-content;max-width:calc(100vw - 100px);display:flex!important;margin:0 auto 42px;padding:4px!important;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent)!important;backdrop-filter:blur(16px);overflow:auto;box-shadow:0 8px 28px rgba(25,20,65,.08)}.detail-section-nav .t-tab{height:38px;padding:5px 15px;white-space:nowrap}.detail-section-nav .t-tabs-pill{top:4px;height:38px;background:var(--ink)}.detail-section-nav .t-tab[aria-selected="true"]{color:var(--bg)}.tool-detail-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:58px;align-items:start}.detail-block{scroll-margin-top:85px;padding:20px 0 76px;border-bottom:1px solid var(--line)}.detail-block h2{margin-bottom:25px;font:800 clamp(28px,4vw,42px)/1.1 var(--display);letter-spacing:-.045em}.detail-long-copy{max-width:760px;color:var(--muted);font-size:16px;line-height:1.8}.best-for{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-list article{min-height:145px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.feature-list b{color:var(--purple);font-size:11px}.feature-list p{margin:28px 0 0;font-weight:700}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pros-cons article{padding:23px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.pros-cons h3{font-family:var(--display)}.pros-cons ul{display:grid;gap:15px;margin:0;padding:0;list-style:none}.pros-cons li{display:flex;gap:11px;color:var(--muted)}.pros-cons li i{width:24px;height:24px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#e3f6df;color:#287135;font-style:normal;font-weight:800}.cons li i{background:#ffe5e2;color:#a9463b}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 2px;border:0;background:transparent;text-align:left;font-weight:800}.faq-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.faq-panel p{padding:0 30px 20px 2px;color:var(--muted);line-height:1.7}.alternative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.alternative-grid .card-media{display:none}.alternative-grid .tool-card{cursor:pointer}.alternative-grid .card-title-row{display:block}.alternative-grid .vote-button{margin-top:8px}.detail-sidebar{position:sticky;top:82px}.sidebar-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.sidebar-card h3{font-family:var(--display)}.sidebar-card dl{margin:0}.sidebar-card dl div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.sidebar-card dt{color:var(--muted)}.sidebar-card dd{margin:0;font-weight:700;text-align:right}.sidebar-card h4{margin:22px 0 9px}.detail-chips{display:flex;flex-wrap:wrap;gap:6px}.sidebar-card>a{height:46px;margin-top:22px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:var(--purple);color:#fff;font-weight:800}
@media(max-width:900px){.tool-detail-hero{grid-template-columns:1fr}.tool-detail-body{grid-template-columns:1fr}.detail-sidebar{position:static;order:-1}.detail-section-nav{margin-left:0}.alternative-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.language-control{margin-left:auto}.tool-page-shell{width:calc(100% - 28px)}.tool-page-top span{display:none}.tool-detail-hero{padding-top:20px;gap:26px}.tool-detail-intro h1{font-size:43px}.detail-meta{gap:8px}.detail-primary-actions{flex-direction:column}.feature-list,.pros-cons,.alternative-grid{grid-template-columns:1fr}.detail-section-nav{max-width:100%;top:8px!important;margin-bottom:24px}.detail-drawer .drawer-close{right:13px;top:13px}}
@media(prefers-reduced-motion:reduce){.t-tabs-pill,.t-tab{transition:none!important}.t-acc-panel,.t-acc-panel-inner,.t-acc-chevron{transition:none!important}.detail-drawer{transition:none!important}}
.tool-page-top>a{color:var(--purple);font-weight:800}.detail-section-nav>a{position:relative;z-index:1;padding:9px 15px;border-radius:99px;color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap}.detail-section-nav>a:hover{background:var(--surface-2);color:var(--ink)}.seo-alt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.seo-alt-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;transition:transform var(--page-slide-dur) var(--page-slide-ease),border-color var(--page-slide-dur) var(--page-slide-ease)}.seo-alt-card:hover{transform:translateY(-4px);border-color:var(--purple)}.seo-alt-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--surface-2)}.seo-alt-card>span{padding:14px 16px}.seo-alt-card strong,.seo-alt-card small{display:block}.seo-alt-card small{margin-top:5px;color:var(--muted)}.seo-alt-card>b{position:absolute;opacity:0}.detail-static-page .detail-section-nav{top:84px!important}.detail-static-page .tool-detail-body>main{min-width:0}@media(max-width:700px){.seo-alt-grid{grid-template-columns:1fr}.detail-static-page .detail-section-nav{top:70px!important}}
.tool-card{position:relative}.tool-card-link{display:block;color:inherit}.tool-card>.card-save{position:absolute;z-index:3;right:12px;top:12px}
.pulse-section{padding:0 0 92px}.pulse-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}.pulse-head h2{margin:0 0 8px;font:800 clamp(28px,4vw,42px)/1.1 var(--display);letter-spacing:-.045em}.pulse-head p{margin:0;color:var(--muted)}.pulse-tabs{flex:0 0 auto;border:1px solid var(--line);background:var(--surface-2)}.pulse-tabs .t-tabs-pill{background:var(--ink)}.pulse-tabs .t-tab[aria-selected="true"]{color:var(--bg)}.pulse-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pulse-card{min-width:0;display:flex;align-items:center;gap:13px;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:transform var(--duration-fast,250ms) var(--ease-smooth-out,cubic-bezier(.22,1,.36,1)),border-color var(--duration-fast,250ms) var(--ease-smooth-out,cubic-bezier(.22,1,.36,1))}.pulse-card:hover{transform:translateX(4px);border-color:var(--purple)}.pulse-rank{width:25px;color:var(--muted);font:700 10px var(--display)}.pulse-thumb{width:72px;height:47px;flex:0 0 auto;border-radius:8px;overflow:hidden;background:var(--surface-2)}.pulse-thumb img{width:100%;height:100%;object-fit:cover;padding:0}.pulse-copy{min-width:0;flex:1}.pulse-copy strong,.pulse-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pulse-copy small{margin-top:3px;color:var(--muted);font-size:11px}.pulse-signal{padding:5px 8px;border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:800}.pulse-card>b{color:var(--purple)}.request-strip{margin-top:14px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--purple) 28%,var(--line));border-radius:16px;background:linear-gradient(110deg,color-mix(in srgb,var(--purple) 9%,var(--surface)),var(--surface));display:flex;align-items:center;justify-content:space-between;gap:20px}.request-strip>div{display:flex;align-items:center;gap:13px}.request-strip>div>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--purple);color:#fff;font:800 19px var(--display)}.request-strip p{margin:0}.request-strip strong,.request-strip small{display:block}.request-strip small{margin-top:2px;color:var(--muted)}.request-strip button{height:42px;padding:0 15px;border:0;border-radius:11px;background:var(--ink);color:var(--bg);font-weight:800}.request-strip button i{margin-left:8px;font-style:normal;transition:transform var(--duration-fast,250ms) var(--ease-smooth-out,cubic-bezier(.22,1,.36,1))}.request-strip button:hover i{display:inline-block;transform:translateX(3px)}
@media(max-width:800px){.pulse-head{align-items:flex-start;flex-direction:column}.pulse-grid{grid-template-columns:1fr}}@media(max-width:560px){.pulse-tabs{max-width:100%;overflow:auto}.pulse-card{gap:9px}.pulse-rank,.pulse-signal{display:none}.request-strip{align-items:flex-start;flex-direction:column}.request-strip button{width:100%}}
.submit-button{border:0}
.submit-dialog{width:min(520px,calc(100% - 24px));padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 30px 90px rgba(20,15,55,.28);opacity:0;transform:translateY(-12px) scale(.98);transition:opacity .18s ease,transform .18s ease}.submit-dialog[open]{display:block}.submit-dialog.is-open{opacity:1;transform:none}.submit-dialog::backdrop{background:rgba(15,13,25,.46);backdrop-filter:blur(5px)}.submit-dialog h2{margin:4px 0 8px;font:800 30px var(--display);letter-spacing:-.04em}.submit-dialog>p{margin:0 0 24px;color:var(--muted)}.dialog-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:var(--surface-2);font-size:22px}.submit-dialog form{display:grid;gap:15px}.submit-dialog label{display:grid;gap:7px;font-size:12px;font-weight:700}.submit-dialog input,.submit-dialog select,.submit-dialog textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--bg);padding:12px;outline:0}.submit-dialog textarea{min-height:100px;resize:vertical}.submit-dialog input:focus,.submit-dialog select:focus,.submit-dialog textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 12%,transparent)}.submit-dialog form>button{height:50px;border:0;border-radius:12px;background:var(--purple);color:#fff;font-weight:800}