@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

:root {
	--bg:#07050f; --surface:#13102b; --surface-2:#1e1a45; --nav:rgba(7,5,15,.88);
	--border:rgba(139,92,246,.18); --border-hover:rgba(139,92,246,.44);
	--purple:#8b5cf6; --violet:#7c3aed; --lavender:#c4b5fd; --pink:#f472b6;
	--blue:#60a5fa; --sky:#38bdf8; --cyan:#06b6d4; --green:#34d399; --amber:#fbbf24;
	--text:#f5f3ff; --text-2:#c4b5fd; --muted:#a78bfa; --dim:#737083;
	--rainbow:linear-gradient(90deg,#e879f9 0%,#818cf8 33%,#38bdf8 66%,#34d399 100%);
	--primary:linear-gradient(135deg,#8b5cf6,#6d28d9); --card:linear-gradient(135deg,#13102b,#0f0d24);
	--shadow:0 1px 4px rgba(0,0,0,.35),0 0 0 1px rgba(139,92,246,.1);
	--shadow-hover:0 8px 32px rgba(139,92,246,.18),0 0 0 1px rgba(139,92,246,.4);
	--font:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
	--radius:14px; --radius-sm:8px; --container:1280px;
}
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--text);font:400 14px/1.6 var(--font);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(139,92,246,.035),transparent 32%),radial-gradient(circle at 85% 65%,rgba(244,114,182,.025),transparent 30%)}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.15;letter-spacing:-.025em}p{margin-top:0}
::selection{background:rgba(139,92,246,.45);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--violet);border-radius:8px}:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.container{width:min(calc(100% - 56px),var(--container));margin-inline:auto}.site-main{min-height:65vh}.text-gradient-rainbow{background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;padding:9px 18px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-weight:600;line-height:1.35;white-space:nowrap;transition:transform .15s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--primary);color:#fff;box-shadow:0 4px 18px rgba(139,92,246,.36)}.btn--primary:hover{box-shadow:0 6px 24px rgba(139,92,246,.55);transform:translateY(-1px)}.btn--ghost{background:rgba(30,26,69,.55);border-color:var(--border);color:var(--text-2)}.btn--ghost:hover{border-color:var(--border-hover);background:var(--surface-2);color:#fff}.btn--lg{padding:13px 24px;font-size:15px}
.search-field{position:relative}.search-field__icon{position:absolute;left:14px;top:50%;width:15px;height:15px;border:2px solid rgba(167,139,250,.55);border-radius:50%;transform:translateY(-55%);pointer-events:none}.search-field__icon::after{content:"";position:absolute;width:6px;height:2px;background:rgba(167,139,250,.55);right:-5px;bottom:-2px;transform:rotate(45deg);border-radius:2px}

.site-header{height:60px;position:sticky;top:0;z-index:50;background:var(--nav);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.site-header__inner{height:100%;display:flex;align-items:center;gap:24px}.site-brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}.site-brand__icon{width:38px;height:38px}.site-brand__icon svg{display:block;width:100%;height:100%}.site-brand__wordmark{font-size:17px;line-height:1;white-space:nowrap}.site-brand__wordmark i{font-weight:400;color:#a78bfa}.site-brand__wordmark strong{font-weight:700;color:var(--text)}.site-brand__wordmark b{font-weight:600;color:var(--pink)}.custom-logo-link,.custom-logo-link img{display:block;max-height:40px;width:auto}
.site-nav{margin-left:8px}.site-nav__list{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}.site-nav__list a{display:block;padding:6px 12px;border-radius:8px;color:var(--text-2);font-weight:500;transition:.15s ease}.site-nav__list a:hover,.site-nav__list .current-menu-item>a{background:rgba(139,92,246,.1);color:#fff}.site-header__actions{margin-left:auto;display:flex;align-items:center;gap:10px}.header-search input{width:210px;height:36px;padding:7px 12px 7px 38px;background:rgba(30,26,62,.7);border:1px solid var(--border);border-radius:12px;color:var(--text);outline:0}.header-search input::placeholder{color:#706b85}.header-search input:focus{border-color:var(--border-hover);background:var(--surface)}.nav-toggle{display:none;padding:7px;border:0;background:transparent;cursor:pointer}.nav-toggle span{display:block;width:22px;height:2px;margin:4px;background:var(--text-2);border-radius:2px}

.hero{position:relative;overflow:hidden;padding:84px 0 78px;text-align:center;background:radial-gradient(ellipse at 50% -10%,#2d1b69 0%,#160d35 40%,#07050f 72%)}.hero::before,.hero::after{content:"";position:absolute;pointer-events:none;border-radius:50%}.hero::before{width:520px;height:520px;top:-220px;left:12%;background:radial-gradient(circle,rgba(139,92,246,.1),transparent 70%)}.hero::after{width:420px;height:420px;right:10%;top:-100px;background:radial-gradient(circle,rgba(244,114,182,.07),transparent 70%)}.hero__inner{position:relative;z-index:1}.hero__badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:30px;padding:5px 16px 5px 10px;border:1px solid rgba(139,92,246,.22);border-radius:999px;background:rgba(139,92,246,.1);color:var(--text-2);font-size:13px;font-weight:500}.hero__title{font-size:clamp(40px,7vw,68px);font-weight:700;letter-spacing:-.055em}.hero__sub{margin:18px auto 40px;color:var(--muted);font-size:18px}.hero__sub strong{color:var(--text)}
.hero__search{display:flex;gap:8px;max-width:640px;margin:0 auto}.hero__search-field,.hero__search>input[type=search]{flex:1}.hero__search input{width:100%;height:50px;padding:13px 16px 13px 48px;background:rgba(19,16,43,.92);border:1.5px solid rgba(139,92,246,.28);border-radius:14px;color:var(--text);font-size:15px;outline:0}.hero__search input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(139,92,246,.12)}.hero__search .btn{padding-inline:30px;font-size:15px}.hero__search .search-field__icon{left:17px;width:17px;height:17px}.hero__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px}.chip{display:inline-flex;align-items:center;padding:6px 15px;border:1px solid var(--border);border-radius:999px;background:rgba(30,26,62,.7);color:var(--text-2);font-size:13px;font-weight:500;transition:.15s ease}.chip:hover{border-color:var(--border-hover);background:var(--surface-2);color:#fff}.chip--tag{padding:4px 10px;font-size:12px}

.section{padding:0 0 56px}.section--first,.section--featured{padding-top:52px}.section--featured+.section--first{padding-top:0}.section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section__head h2{font-size:21px}.section__more{color:var(--purple);font-size:13px;font-weight:600}.section__more:hover{color:var(--lavender)}.tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.tool-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;background:var(--card);border:1px solid rgba(139,92,246,.14);border-radius:14px;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.tool-card:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:var(--shadow-hover);background:var(--surface-2)}.tool-card--featured{border-color:rgba(251,191,36,.42)}.tool-card__media{position:relative;display:block;height:164px;overflow:hidden;background:radial-gradient(circle at 35% 35%,#2e1065,#0d0b24)}.tool-card__media::after{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(circle,#a78bfa 1px,transparent 1px);background-size:22px 22px}.tool-card:nth-child(4n+2) .tool-card__media{background:radial-gradient(circle at 35% 35%,#083344,#0c1a2e)}.tool-card:nth-child(4n+3) .tool-card__media{background:radial-gradient(circle at 35% 35%,#1e3a5f,#0f172a)}.tool-card:nth-child(4n+4) .tool-card__media{background:radial-gradient(circle at 35% 35%,#422006,#1c0a20)}.tool-card__media img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.tool-card__media-fallback{position:absolute;inset:0}.badge{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700}.badge--featured{position:absolute;z-index:2;top:10px;left:10px;background:var(--amber);color:#2a1800;text-transform:uppercase}.badge--pricing{background:rgba(139,92,246,.14);color:var(--lavender);white-space:nowrap}
.tool-card__body{display:flex;flex:1;flex-direction:column;padding:13px 15px 14px}.tool-card__head{display:flex;align-items:center;gap:9px}.tool-card__logo{width:30px;height:30px;flex:0 0 30px;border:1px solid rgba(139,92,246,.28);border-radius:7px;object-fit:cover}.tool-card__logo--fallback{display:grid;place-items:center;background:linear-gradient(135deg,#1e1040,rgba(167,139,250,.15));color:var(--lavender);font-size:12px;font-weight:700}.tool-card__title{min-width:0;flex:1;font-size:14px}.tool-card__title a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-card__tagline{display:-webkit-box;min-height:38px;margin:7px 0 9px;overflow:hidden;color:var(--muted);font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tool-card__foot{display:flex;align-items:center;gap:10px;margin-top:auto}.tool-card__stats{display:flex;align-items:center;gap:11px;color:var(--green);font-size:12px}.tool-card__cat{margin-left:auto;overflow:hidden;color:var(--dim);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.tool-card__cat:hover{color:var(--lavender)}.save-btn{display:inline-flex;align-items:center;gap:3px;padding:0;border:0;background:transparent;color:var(--pink);font-weight:500;cursor:pointer}.save-btn:hover,.save-btn.is-saved{color:#fb7185}.save-btn.is-saved{font-weight:700}.save-btn--lg{padding:7px 11px;border:1px solid var(--border);border-radius:10px;background:rgba(30,26,69,.45);font-size:13px}
.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.category-card{display:flex;align-items:center;gap:13px;padding:15px 18px;border:1px solid rgba(139,92,246,.14);border-radius:12px;background:var(--surface);transition:.18s ease}.category-card:hover{transform:translateY(-2px);border-color:var(--cat,rgba(139,92,246,.44));background:var(--surface-2)}.category-card__icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid color-mix(in srgb,var(--cat) 30%,transparent);border-radius:8px;background:color-mix(in srgb,var(--cat) 9%,transparent)}.category-card__icon i{width:10px;height:10px;border-radius:50%;background:var(--cat);box-shadow:0 0 8px var(--cat)}.category-card strong,.category-card small{display:block}.category-card strong{color:#ede9fe;font-size:13px}.category-card small{color:var(--dim);font-size:12px}.category-card--0{--cat:#8b5cf6}.category-card--1{--cat:#f472b6}.category-card--2{--cat:#60a5fa}.category-card--3{--cat:#34d399}.category-card--4{--cat:#06b6d4}.category-card--5{--cat:#fbbf24}.category-card--6{--cat:#e879f9}.category-card--7{--cat:#818cf8}.category-index{min-height:60vh}.section--cta{margin-top:8px;padding:48px 0;background:radial-gradient(ellipse at 50% 0,#21134c,var(--bg) 72%);border-top:1px solid var(--border)}.cta{text-align:center}.cta h2{font-size:clamp(23px,4vw,34px)}.cta p{margin:10px 0 24px;color:var(--muted);font-size:15px}

.archive{padding:48px 0 72px}.archive__head{margin-bottom:28px}.archive__title{font-size:clamp(32px,5vw,48px)}.archive__desc{max-width:68ch;margin-top:10px;color:var(--muted)}.archive__toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.sort-nav{display:flex;gap:4px}.sort-nav__link{padding:7px 13px;border-radius:9px;color:var(--muted);font-size:13px;font-weight:600}.sort-nav__link:hover,.sort-nav__link.is-active{background:var(--surface-2);color:#fff}.sort-nav__link.is-active{box-shadow:inset 0 0 0 1px var(--border)}.filter-form{display:flex;align-items:center;gap:8px}.filter-form select{height:38px;padding:0 30px 0 11px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text-2)}.archive__empty{padding:70px 0;text-align:center;color:var(--muted)}.pagination{display:flex;justify-content:center;gap:6px;margin-top:36px}.pagination .page-numbers{display:grid;min-width:38px;height:38px;padding:0 8px;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-2)}.pagination .current,.pagination a:hover{border-color:var(--purple)!important;background:var(--violet)!important;color:#fff!important}

.tool{padding-bottom:70px}.breadcrumb{display:flex;flex-wrap:wrap;gap:7px;padding:24px 0 12px;color:var(--dim);font-size:12px}.breadcrumb a:hover{color:var(--lavender)}.tool-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:32px;align-items:start;padding:16px 0 38px}.tool-hero__media{aspect-ratio:16/9;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:radial-gradient(circle at 30% 30%,#2e1065,#0d0b24);box-shadow:var(--shadow-hover)}.tool-hero__media img{width:100%;height:100%;object-fit:cover}.tool-hero__media-fallback{display:block;width:100%;height:100%;opacity:.15;background-image:radial-gradient(circle,#a78bfa 1px,transparent 1px);background-size:22px 22px}.tool-hero__info{padding:10px 0}.tool-hero__title-row{display:flex;align-items:center;gap:14px;margin-bottom:16px}.tool-hero__logo{width:54px;height:54px;flex:0 0 54px;border:1px solid var(--border-hover);border-radius:13px;object-fit:cover}.tool-hero__logo--fallback{display:grid;place-items:center;background:var(--surface-2);color:var(--lavender);font-size:22px;font-weight:700}.tool-hero__title{font-size:clamp(30px,4vw,46px)}.tool-hero__stats{display:flex;align-items:center;gap:15px;margin-bottom:18px;color:var(--amber)}.tool-hero__stats small{color:var(--dim)}.tool-hero__meta{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0 0 18px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:13px}.tool-hero__meta dt{color:var(--dim);font-weight:600}.tool-hero__meta dd{margin:0;color:var(--text-2)}.tool-hero__cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.tool-hero__visit{width:100%}
.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:32px;align-items:start}.tool-layout__side{position:sticky;top:84px}.tool-section{padding:26px 0;border-top:1px solid var(--border)}.tool-section:first-child{border-top:0;padding-top:0}.tool-section h2{margin-bottom:14px;font-size:21px}.tool-section p,.tool-section__content,.page-single__content{color:#bbb5cf}.tool-section__content a,.page-single__content a{color:var(--lavender);text-decoration:underline}.feature-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.feature-list li{position:relative;padding:11px 14px 11px 40px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.feature-list li::before{content:"✓";position:absolute;left:15px;color:var(--green);font-weight:700}.usecase-list{display:grid;gap:10px;padding-left:22px;color:#bbb5cf}.faq{display:grid;gap:8px}.faq__item{border:1px solid var(--border);border-radius:10px;background:var(--surface)}.faq__item[open]{border-color:var(--border-hover)}.faq__item summary{padding:13px 15px;cursor:pointer;font-weight:600;list-style:none}.faq__item summary::after{content:"+";float:right;color:var(--muted)}.faq__item[open] summary::after{content:"−"}.faq__item p{padding:0 15px 14px;margin:0}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.plan,.side-card{padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.plan__name{font-size:15px}.plan__price{margin:7px 0;color:var(--lavender);font-size:22px;font-weight:700}.plan__desc{margin:0!important;font-size:13px}.side-card{margin-bottom:14px}.side-card h3{margin-bottom:11px;font-size:15px}.side-card p{color:#bbb5cf}.side-card__big{margin:0!important;color:var(--green)!important;font-size:30px;font-weight:700}.side-card__label{font-size:12px}.side-links{display:grid;gap:7px;margin:0;padding:0;list-style:none;color:var(--text-2)}.side-links a:hover{color:#fff}.side-card--cta{background:linear-gradient(145deg,#241e52,#151130);border-color:var(--border-hover)}.side-card__hint{margin:-4px 0 12px;font-size:12.5px;color:var(--text-2)}.side-card__cta-btn{width:100%;padding:12px 18px;font-size:15px}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}

.review-list{display:grid;gap:12px;margin:0 0 22px;padding:0;list-style:none}.review{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.review__head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.review__head img{border-radius:50%}.review__author{display:block}.review__stars{color:var(--amber);font-size:12px}.review__date{margin-left:7px;color:var(--dim);font-size:11px}.review__body{color:#bbb5cf}.reviews__empty{color:var(--muted)}.comment-form label,.field label{display:block;margin-bottom:5px;color:var(--text-2);font-size:13px;font-weight:600}.comment-form p{margin:0 0 12px}.comment-form input[type=text],.comment-form input[type=email],.comment-form textarea,.comment-form select,.field input,.field textarea,.field select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:#0d0a1c;color:var(--text);outline:0}.comment-form input:focus,.comment-form textarea:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.comment-form-rating select{width:auto}
.submit-page{max-width:800px;padding:54px 0 80px}.submit-hero{margin-bottom:28px;text-align:center}.submit-hero h1{font-size:clamp(34px,6vw,52px)}.submit-hero p{max-width:58ch;margin:14px auto;color:var(--muted);font-size:16px}.submit-perks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;margin:0;padding:0;list-style:none;color:var(--green);font-size:13px}.submit-form{padding:clamp(20px,4vw,34px);border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:var(--shadow-hover)}.field{margin-bottom:16px}.field label small,.field small{color:var(--dim);font-weight:400}.field small{display:block;margin-top:4px;font-size:11px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.submit-form__foot{text-align:center}.submit-form__note{margin:10px 0 0;color:var(--dim);font-size:11px}.hp{position:absolute;left:-9999px;height:0;overflow:hidden}.notice{margin-bottom:18px;padding:12px 14px;border-radius:10px}.notice--ok{border:1px solid rgba(52,211,153,.35);background:rgba(52,211,153,.09);color:#6ee7b7}.notice--err{border:1px solid rgba(248,113,113,.35);background:rgba(248,113,113,.09);color:#fca5a5}
.page-single{max-width:820px;padding:54px 0 80px}.page-single__title{margin-bottom:22px;font-size:clamp(34px,5vw,48px)}.page-single__content{font-size:15px}.post-item{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.post-item h2{font-size:20px}.error-404{padding:90px 0;text-align:center}.error-404 h1{font-size:clamp(90px,17vw,180px);background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}.error-404 p{color:var(--muted);font-size:17px}.error-404 .hero__search{margin-top:25px}

.site-footer{margin-top:0;border-top:1px solid var(--border);background:#06040d;color:var(--dim)}.site-footer__inner{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px;padding:42px 0 30px}.site-footer__about p{max-width:34ch;margin-top:13px}.site-footer h4{margin-bottom:12px;color:var(--text-2);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.site-footer ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.site-footer a:hover{color:var(--lavender)}.site-footer__legal{padding:17px 0;border-top:1px solid rgba(139,92,246,.1);font-size:12px}

@media (max-width:1200px){.site-nav__list a{padding-inline:8px}.header-search{display:none}.tool-grid,.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-layout{grid-template-columns:minmax(0,1fr) 280px}}
@media (max-width:950px){.tool-grid,.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:800px){.container{width:min(calc(100% - 32px),var(--container))}.site-header__inner{gap:10px}.site-nav{position:fixed;inset:60px 0 auto;z-index:49;margin:0;padding:12px 16px;border-bottom:1px solid var(--border);background:rgba(7,5,15,.98);transform:translateY(-130%);transition:transform .2s ease}.site-nav.is-open{transform:translateY(0)}.site-nav__list{display:grid}.site-nav__list a{padding:10px}.nav-toggle{display:block}.site-header__actions .btn{margin-left:auto}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-hero{grid-template-columns:1fr}.tool-layout{grid-template-columns:1fr}.tool-layout__side{position:static}.site-footer__inner{grid-template-columns:1fr 1fr}.archive__toolbar{align-items:stretch;flex-direction:column}.filter-form{flex-wrap:wrap}.sort-nav{overflow-x:auto}.hero{padding:66px 0}.hero__title{font-size:clamp(39px,11vw,58px)}}
@media (max-width:540px){.site-brand__wordmark{font-size:15px}.site-brand__icon{width:34px;height:34px}.site-header__actions .btn{padding:8px 11px;font-size:12px}.hero{padding:54px 0 60px}.hero__badge{margin-bottom:22px}.hero__sub{margin-bottom:30px;font-size:15px}.hero__search{flex-direction:column}.hero__search .btn{height:48px}.tool-grid,.category-grid{grid-template-columns:1fr}.tool-card__media{height:auto;aspect-ratio:16/9}.section{padding-bottom:42px}.section--first,.section--featured{padding-top:42px}.category-card{padding:13px 15px}.filter-form{display:grid;grid-template-columns:1fr}.filter-form select,.filter-form .btn{width:100%}.sort-nav__link{white-space:nowrap}.tool-hero{gap:20px}.tool-hero__title-row{align-items:flex-start}.tool-hero__meta{grid-template-columns:1fr}.tool-hero__meta dd{margin-bottom:5px}.field-row{grid-template-columns:1fr}.site-footer__inner{grid-template-columns:1fr}.error-404 .hero__search{width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important}}

/* Email-based tool claim portal. */
.claim-page{max-width:920px}.claim-profile-head{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.claim-profile-head img{width:64px;height:64px;border-radius:12px;object-fit:cover}.claim-profile-head h2,.claim-profile-head p{margin:0}.claim-profile-head p{margin-top:4px;color:var(--muted)}.claim-empty{text-align:center}.claim-empty p{margin-bottom:18px;color:var(--muted)}.claim-edit-form>h2{margin:28px 0 16px;padding-top:22px;border-top:1px solid var(--border);font-size:20px}.claim-edit-form>h2:first-of-type{margin-top:10px;padding-top:0;border:0}.claim-signed-in{margin-bottom:20px;color:var(--green);font-size:13px}.claim-options{padding:0;border:0}.claim-options legend{margin-bottom:8px;color:var(--text-2);font-size:13px;font-weight:600}.claim-option-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:14px;border:1px solid var(--border);border-radius:10px;background:#0d0a1c}.claim-option-list label{display:flex;align-items:center;gap:7px;margin:0;color:var(--muted);font-weight:400}.claim-option-list input{width:auto}.claim-edit-form input[type=file]{padding:8px;font-size:12px}@media(max-width:700px){.claim-option-list{grid-template-columns:1fr 1fr}}@media(max-width:480px){.claim-option-list{grid-template-columns:1fr}}

/* ---------- Owner dashboard, plans, contact ---------- */
.side-card--owner{background:linear-gradient(145deg,#1b3a2f,#122418);border-color:rgba(52,211,153,.4)}
.side-card__link{display:inline-block;margin-top:10px;color:var(--text-2);font-size:13px}
.side-card__link:hover{color:#fff}
.dashboard{max-width:944px}
.dash-email{color:#ab8ee8}
.dash-list{display:grid;gap:20px}
.dash-card{padding:24px;border:1px solid #302052;border-radius:17px;background:linear-gradient(145deg,rgba(23,17,42,.97),rgba(14,10,29,.98));box-shadow:0 24px 70px rgba(0,0,0,.28)}
.dash-card__head{display:flex;align-items:center;gap:15px}
.dash-card__copy{min-width:0}
.dash-card__logo{width:54px;height:54px;border-radius:13px;object-fit:cover;flex:none;background:#fff}
.dash-card__logo--fallback{display:grid;place-items:center;color:#16131b;font-size:27px;font-weight:600}
.dash-card__head h2{margin:0;font-size:19px;font-weight:600}
.dash-card__head p{margin:3px 0 0;color:#9288a9;font-size:14px}
.plan-badge{margin-left:auto;flex:none;padding:7px 14px;border:1px solid #29233d;border-radius:99px;background:#242036;color:#d8d1e8;font-size:12px;font-weight:600}
.plan-badge--visibility{border-color:rgba(96,165,250,.3);background:rgba(96,165,250,.14);color:#93c5fd}
.plan-badge--plus{border-color:transparent;background:linear-gradient(135deg,#8f4ff3,#6819e9);color:#fff;box-shadow:0 4px 16px rgba(111,35,230,.35)}
.dash-card__status{margin:17px 0}
.dash-status{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:14px}
.dash-status--ok{color:#81e9a6}
.dash-status--warn{color:var(--amber)}.dash-status--warn::before{content:"!";font-weight:700}
.dash-status--wait{color:var(--text-2)}.dash-status--wait::before{content:"⏱"}
.dash-icon{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dash-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.dash-buy{margin:0}
.dash-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border:1px solid #352557;border-radius:11px;background:#17112a;color:#c8bde6;font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color .16s,color .16s,transform .16s}
.dash-btn:hover{border-color:#7650b7;color:#fff;transform:translateY(-1px)}
.dash-btn--accent{border-color:rgba(251,191,36,.45);color:#fcd34d}
.boost-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;overflow:hidden;padding:29px 30px;border:1px solid rgba(131,71,230,.62);border-radius:14px;background:radial-gradient(circle at 87% 10%,rgba(126,57,232,.18),transparent 36%),linear-gradient(135deg,#19112d,#120d23)}
.boost-panel.is-active{display:block;padding:28px 30px}
.boost-panel__shine{position:absolute;width:400px;height:140px;left:-40px;top:-120px;background:#8f5fff;filter:blur(80px);opacity:.15;pointer-events:none}
.boost-content,.boost-price,.boost-success,.boost-panel .dash-backlinks{position:relative;z-index:1}
.boost-kicker{display:flex;align-items:center;gap:10px;color:#b994ff;font-size:12px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}
.boost-popular{padding:4px 8px;border-radius:99px;background:rgba(124,63,218,.22);color:#d7c4ff;font-size:9px;letter-spacing:.8px}
.boost-panel h3{margin:10px 0 6px;font-size:27px;line-height:1.2;letter-spacing:-.4px}
.boost-panel h3 span{color:#b888ff}
.boost-description{max-width:480px;margin:0;color:#a198b8;font-size:14px;line-height:1.55}
.boost-value{display:flex;align-items:center;gap:25px;margin:23px 0 20px}
.boost-value__links{display:flex;align-items:center;gap:11px}
.boost-value__icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #7842cc;border-radius:11px;background:rgba(113,47,211,.22);color:#c79cff}
.boost-value__icon .dash-icon{width:20px;height:20px}
.boost-value__links strong{display:block;font-size:24px;line-height:1}
.boost-value__links span{color:#b8afc8;font-size:12px}
.boost-value__renew{display:flex;align-items:center;gap:8px;color:#b9afcd;font-size:12px}
.boost-pulse{width:7px;height:7px;flex:none;border-radius:50%;background:#77e7a0;box-shadow:0 0 0 4px rgba(119,231,160,.1)}
.boost-benefits{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}
.boost-benefits>div{display:flex;align-items:center;gap:9px;color:#827991;font-size:11px}
.boost-benefits strong{display:block;color:#d7d1df;font-size:12px;font-weight:600}
.boost-benefit__icon{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:8px;background:rgba(130,78,213,.13);color:#a879ef}
.boost-price{display:flex;flex-direction:column;justify-content:center;padding:21px;border:1px solid rgba(132,82,212,.27);border-radius:13px;background:rgba(23,15,42,.88);box-shadow:inset 0 1px rgba(255,255,255,.03)}
.boost-price>p:first-child{margin:0 0 7px;color:#9c91b1;font-size:11px}
.boost-price__amount{display:flex;align-items:flex-end;line-height:1}
.boost-price__amount sup{align-self:flex-start;margin:3px 3px 0 0;color:#bba9d6;font-size:16px}
.boost-price__amount strong{font-size:44px;letter-spacing:-2px}
.boost-price__amount span{margin:0 0 5px 5px;color:#827991;font-size:12px}
.boost-price__cancel{margin:7px 0 15px;color:#81778e;font-size:10px}
.boost-button{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:10px;background:linear-gradient(135deg,#8f4ff3,#6819e9);box-shadow:0 7px 22px rgba(111,35,230,.3);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:transform .16s,box-shadow .16s}
.boost-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(115,47,225,.45)}
.boost-button span{font-size:18px}
.boost-price__secure{margin-top:10px;color:#776e86;font-size:9px;text-align:center}
.boost-price__secure span{margin-right:4px;color:#8266ad;font-size:7px}
.boost-success{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}
.boost-success__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:rgba(68,200,116,.12);color:#74e79c}
.boost-success__icon .dash-icon{width:20px;height:20px}
.boost-success h3{margin:5px 0;font-size:20px}
.boost-success p{margin:0;color:#988fa8;font-size:13px}
.dash-backlinks{margin-top:22px;padding-top:18px;border-top:1px solid rgba(131,71,230,.25)}
.dash-backlinks h4{display:flex;align-items:center;gap:9px;margin:0 0 11px;font-size:15px}
.dash-count{padding:2px 9px;border-radius:999px;background:rgba(124,63,218,.22);color:#d7c4ff;font-size:12px}
.dash-backlink-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.dash-backlink-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:10px 13px;border:1px solid #302052;border-radius:10px;background:rgba(23,15,42,.88);font-size:13px}
.dash-backlink-list a{color:var(--lavender);word-break:break-all}
.dash-backlink-list a:hover{color:#fff}
.dash-anchor{padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--text-2);font-size:12px}
.dash-backlink-list time{margin-left:auto;color:var(--dim);font-size:12px;white-space:nowrap}
.dash-muted{margin:0;color:#988fa8;font-size:13px}
.dash-signout{margin-top:25px;text-align:center}
.contact-direct{margin-bottom:18px;padding:14px 18px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.contact-direct p{margin:0;color:#bbb5cf;font-size:14px}
.contact-direct a{color:var(--lavender);text-decoration:underline}
.contact-direct a:hover{color:#fff}
@media(max-width:760px){.dash-card{padding:17px}.boost-panel{grid-template-columns:1fr;gap:22px;padding:24px 20px}.boost-price{padding:20px}.boost-value{flex-direction:column;align-items:flex-start;gap:14px}.boost-benefits{grid-template-columns:1fr}.boost-success{grid-template-columns:auto 1fr}.boost-success .dash-buy{grid-column:1/-1}}
@media(max-width:440px){.dash-card__head{align-items:flex-start}.dash-card__logo{width:46px;height:46px}.dash-card__head h2{font-size:16px}.dash-card__head p{font-size:12px}.plan-badge{padding:5px 9px}.boost-panel h3{font-size:24px}.dash-card__actions .dash-btn,.dash-card__actions .dash-buy{flex:1 1 100%}.dash-card__actions .dash-buy .dash-btn{width:100%}.dash-backlink-list time{margin-left:0}}

/* ---------- Listing form (submit + owner editor) ---------- */
.autofill{margin-bottom:22px;padding:18px;border:1px dashed var(--border-hover);border-radius:14px;background:rgba(139,92,246,.06)}
.autofill>label{display:block;margin-bottom:2px;color:#fff;font-size:15px;font-weight:700}
.autofill__row{display:flex;gap:8px}
.autofill__row input{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:#0d0a1c;color:var(--text);outline:0}
.autofill__row input:focus{border-color:var(--purple)}
.autofill__status{min-height:1em;margin:8px 0 0;color:var(--text-2);font-size:12.5px}
.form-step{margin-bottom:20px;padding:22px;border:1px solid var(--border);border-radius:14px;background:rgba(13,10,28,.55)}
.form-step--plain{padding-bottom:6px}
.form-step__head{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}
.form-step__num{display:flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;font-size:13px;font-weight:700}
.form-step__head h2{margin:0;font-size:18px}
.form-step__head p{margin:3px 0 0;color:#bbb5cf;font-size:13.5px}
.field__help{margin:-2px 0 7px;color:var(--dim);font-size:12px}
.field{position:relative}
.char-count{display:block;margin-top:4px;color:var(--dim);font-size:11px;text-align:right}
.char-count.is-over{color:#f87171;font-weight:600}
.ms__chips,.alts__chips{display:flex;flex-wrap:wrap;gap:6px}
.ms__chips:not(:empty),.alts__chips:not(:empty){margin-bottom:8px}
.ms-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 11px;border:1px solid var(--border-hover);border-radius:999px;background:var(--surface-2);color:#fff;font-size:12.5px}
.ms-chip button{padding:0 5px;border:0;border-radius:50%;background:transparent;color:var(--text-2);font-size:15px;line-height:1;cursor:pointer}
.ms-chip button:hover{background:rgba(255,255,255,.1);color:#fff}
.ms-search{position:relative}
.ms-search input{width:100%;padding:10px 12px 10px 34px;border:1px solid var(--border);border-radius:9px;background:#0d0a1c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23a78bfa' stroke-width='2'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath d='m9.5 9.5 3 3'/%3E%3C/svg%3E") no-repeat 12px center;color:var(--text);outline:0}
.ms-search input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(139,92,246,.1)}
.ms-search input:disabled{opacity:.5}
.ms-list{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:240px;margin:0;padding:4px;overflow-y:auto;border:1px solid var(--border-hover);border-radius:10px;background:#15112e;box-shadow:0 12px 32px rgba(0,0,0,.5);list-style:none}
.ms-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;color:var(--text);font-size:13.5px;cursor:pointer}
.ms-item:hover{background:var(--surface-2)}
.ms-item input{width:auto;margin:0;accent-color:var(--purple);pointer-events:none}
.ms-item.is-on{color:#fff;font-weight:600}
.ms-item.is-off{opacity:.4;cursor:not-allowed}
.ms-empty{padding:9px 10px;color:var(--dim);font-size:13px}
.rte{border:1px solid var(--border);border-radius:9px;background:#0d0a1c;overflow:hidden}
.rte:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px rgba(139,92,246,.1)}
.rte__bar{display:flex;flex-wrap:wrap;gap:2px;padding:6px;border-bottom:1px solid var(--border);background:rgba(30,26,69,.5)}
.rte__btn{min-width:30px;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:var(--text-2);font-size:13px;font-weight:700;cursor:pointer}
.rte__btn:hover{background:var(--surface-2);color:#fff}
.rte__toggle{margin-left:auto;font-weight:500}
.rte__area{min-height:220px;max-height:520px;padding:12px 14px;overflow-y:auto;color:var(--text);line-height:1.6;outline:0}
.rte__area p{margin:0 0 .8em}
.rte__area h3{margin:.6em 0 .4em;font-size:17px}
.rte__area ul,.rte__area ol{margin:0 0 .8em;padding-left:22px}
.rte__area a{color:var(--lavender);text-decoration:underline}
.rte .rte__source{min-height:220px;border:0;border-radius:0;font:12.5px/1.55 ui-monospace,Menlo,monospace}
.upload{display:flex;align-items:center;gap:14px}
.upload__preview:empty{display:none}
.upload-preview{width:64px;height:64px;border:1px solid var(--border);border-radius:12px;object-fit:cover;background:#fff}
.upload__preview--wide .upload-preview{width:112px;height:63px}
.shots{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.shots__item{display:grid;gap:4px;margin:0!important;font-size:11px!important;font-weight:400!important}
.shots__item img{width:96px;height:64px;border:1px solid var(--border);border-radius:8px;object-fit:cover}
.shots__item input{width:auto}
.alts__external{display:grid;gap:8px;margin-top:8px}
.alts__row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px}
.alts__remove{padding:0 11px;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--text-2);font-size:16px;cursor:pointer}
.link-btn{display:inline-block;margin-top:9px;padding:0;border:0;background:none;color:var(--lavender);font-size:13px;font-weight:600;cursor:pointer;list-style:none}
.link-btn::-webkit-details-marker{display:none}
.link-btn:hover{color:#fff}
.input-prefix{display:flex;align-items:stretch}
.input-prefix span{display:flex;align-items:center;padding:0 11px;border:1px solid var(--border);border-right:0;border-radius:9px 0 0 9px;background:var(--surface-2);color:var(--text-2)}
.input-prefix input{border-radius:0 9px 9px 0!important}
.discount[open] .link-btn{margin-bottom:8px}
.more-details{margin-top:6px;padding-top:14px;border-top:1px solid var(--border)}
.more-details>summary{margin-bottom:14px;color:var(--text-2);font-size:13.5px;font-weight:600;cursor:pointer}
.shot-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.shot-gallery img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:10px}
.tool-section__sub{margin-top:20px}
.alt-external{margin-top:14px}
.badge--mrr{background:rgba(52,211,153,.15);color:#6ee7b7}
.badge--deal{background:rgba(251,191,36,.15);color:var(--amber);font-family:ui-monospace,Menlo,monospace}
.badge--maker{margin-left:6px;padding:2px 8px;border-radius:999px;background:var(--primary);color:#fff;font-size:11px}
@media(max-width:600px){.form-step{padding:16px}.autofill__row{flex-direction:column}.alts__row{grid-template-columns:1fr auto}.alts__row input[type=url]{grid-column:1}.upload{align-items:flex-start}}
.rte.is-invalid{border-color:#f87171;box-shadow:0 0 0 3px rgba(248,113,113,.15)}

/* ===== Icons ===== */
.ico{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ico--dot{fill:currentColor}

/* ===== Homepage: three columns ===== */
.home-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 280px;gap:28px;align-items:start;padding:28px 0 64px}
.home-layout__left,.home-layout__right{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:none}
.home-layout__left::-webkit-scrollbar,.home-layout__right::-webkit-scrollbar{display:none}

.browse__title{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:17px;font-weight:700}
.browse__badge{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(139,92,246,.18);color:var(--lavender)}
.browse__badge .ico{width:18px;height:18px}
.browse__group{margin-bottom:20px}
.browse__head{display:flex;justify-content:space-between;align-items:center;margin:0 0 6px;padding-left:10px;border-left:3px solid rgba(139,92,246,.45);color:var(--purple);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.browse__head a{color:var(--dim);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
.browse__head a:hover{color:var(--text-2)}
.browse ul{margin:0;padding:0;list-style:none}
.browse li a{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:8px;color:#bbb5cf;font-size:14px;transition:background .15s,color .15s}
.browse li a .ico{color:var(--dim)}
.browse li a:hover,.browse li a.is-active{background:rgba(139,92,246,.12);color:#fff}

.home-hero{padding:34px 28px 26px;margin-bottom:28px;border:1px solid var(--border);border-radius:18px;text-align:center;background:radial-gradient(ellipse at 50% -20%,#2d1b69 0%,#160d35 45%,var(--surface) 80%)}
.home-hero__title{margin-bottom:10px;font-size:clamp(28px,4vw,42px)}
.home-hero__sub{margin:0 auto 20px;max-width:520px;color:var(--text-2);font-size:15px}
.home-hero__actions{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:16px}
.home-hero__link{color:var(--text-2);font-weight:500}
.home-hero__link:hover{color:#fff}
.home-hero__stats{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--border);color:var(--dim);font-size:13px}
.home-hero__stats strong{color:var(--text)}

.rank-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--border)}
.rank-head h2{font-size:24px}
.rank-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--surface)}
.rank-tabs__tab{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:9px;color:var(--text-2);font-weight:600;font-size:14px}
.rank-tabs__tab .ico{color:var(--amber)}
.rank-tabs__tab:hover{color:#fff}
.rank-tabs__tab.is-active{background:var(--surface-2);color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}

.rank-list{display:grid;gap:12px}
.rank-row{position:relative;display:grid;grid-template-columns:auto 56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:var(--card);transition:border-color .15s,box-shadow .15s}
.rank-row:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover)}
.rank-row--promoted{border-color:rgba(251,191,36,.4);background:linear-gradient(135deg,rgba(251,191,36,.09),rgba(19,16,43,.95) 55%)}
.rank-row--norank{grid-template-columns:56px minmax(0,1fr) auto}
.rank-row__pos{min-width:20px;color:var(--dim);font-weight:700;font-size:15px;text-align:center}
.rank-row__logo{display:block;width:56px;height:56px}
.rank-row__img{width:56px;height:56px;border-radius:14px;object-fit:cover;background:var(--surface-2)}
.rank-row__img--fallback{display:grid;place-items:center;color:#fff;font-weight:700;font-size:22px;background:var(--primary)}
.rank-row__title{display:flex;align-items:center;gap:6px;font-size:17px}
.rank-row__title a:hover{color:var(--lavender)}
.verified{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#10b981;color:#fff}
.verified .ico{width:11px;height:11px;stroke-width:3}
.rank-row__tagline{margin:3px 0 10px;color:#bbb5cf;font-size:14px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.rank-row__chips{display:flex;flex-wrap:wrap;gap:6px}
.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.03);color:#cfc9e6;font-size:12px;font-weight:500;line-height:1.5}
.pill .ico{width:13px;height:13px}
a.pill:hover{border-color:var(--border-hover);color:#fff}
.pill--green{border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.1);color:#6ee7b7}
.pill--fire{border-color:rgba(251,146,60,.35);background:rgba(251,146,60,.12);color:#fdba74}
.pill--star{border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.1);color:var(--amber)}
.pill--star .ico{fill:currentColor}
.pill--views{color:var(--sky)}
.rank-row__actions{display:flex;gap:8px}
.rank-row__save,.upvote-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:52px;height:58px;padding:0 8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-2);font-weight:700;font-size:14px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.rank-row__save:hover,.upvote-btn:hover{border-color:var(--border-hover);color:#fff}
.rank-row__save .ico{color:var(--pink)}
.rank-row__save.is-saved{background:rgba(244,114,182,.12);border-color:rgba(244,114,182,.45)}
.rank-row__save.is-saved .ico{fill:currentColor}
.upvote-btn .ico{width:18px;height:18px;stroke-width:2.5}
.upvote-btn.is-voted{background:var(--primary);border-color:transparent;color:#fff}
.upvote-btn:disabled{opacity:.7;cursor:wait}

/* Right rail */
.traffic-card h3{display:flex;align-items:center;gap:8px}
.traffic-card h3 .ico{color:var(--blue)}
.traffic-card__big{margin:0 0 6px;font-size:28px;font-weight:700;letter-spacing:-.02em}
.traffic-card__big small{margin-left:4px;color:var(--dim);font-size:12px;font-weight:500;letter-spacing:0}
.sparkline{display:block;width:100%;height:40px;margin:4px 0 10px}
.sparkline polyline{stroke:var(--blue);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.traffic-card__foot{display:flex;align-items:center;gap:6px;margin:0;padding-top:10px;border-top:1px solid var(--border);color:var(--dim);font-size:12px;font-weight:600}
.traffic-card__foot .ico{color:#f6821f}
.traffic-card__stats{display:flex;gap:16px;margin:0;padding:10px 0 0;list-style:none;border-top:1px solid var(--border);color:var(--dim);font-size:12px}
.traffic-card__stats strong{display:block;color:var(--text);font-size:16px}

.feature-rail{margin-bottom:14px}
.feature-rail__head{margin:0 0 8px;color:var(--purple);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.feature-rail__viewport{height:560px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent)}
.feature-rail__track{display:grid;gap:10px}
.feature-rail__track.is-moving{animation:rail-up calc(var(--rail-items) * 4s) linear infinite}
.feature-rail__viewport:hover .feature-rail__track,.feature-rail__viewport:focus-within .feature-rail__track{animation-play-state:paused}
@keyframes rail-up{to{transform:translateY(calc(-50% - 5px))}}
@media (prefers-reduced-motion:reduce){.feature-rail__track.is-moving{animation:none}.feature-rail__viewport{height:auto;-webkit-mask-image:none;mask-image:none}}
.feature-card{display:grid;justify-items:center;gap:4px;padding:16px 14px;border:1px solid var(--border);border-radius:14px;background:var(--card);text-align:center;transition:border-color .15s}
.feature-card:hover{border-color:var(--border-hover)}
.feature-card__logo{width:52px;height:52px;margin-bottom:4px;border-radius:13px;object-fit:cover}
.feature-card__logo--fallback{display:grid;place-items:center;color:#fff;font-weight:700;font-size:20px;background:var(--primary)}
.feature-card strong{font-size:14px}
.feature-card span{color:var(--dim);font-size:12px;line-height:1.45}
.feature-rail__cta{display:block;margin-top:10px;color:var(--amber);font-size:13px;font-weight:600;text-align:center}

/* ===== Tool page actions ===== */
.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 18px}
.tool-action{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 16px;border:1px solid var(--border-hover);border-radius:12px;background:var(--surface);color:var(--text);font-weight:600;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}
.tool-action:hover{background:var(--surface-2);color:#fff}
.tool-action--primary{background:#fff;border-color:#fff;color:#0b0820}
.tool-action--primary:hover{background:var(--lavender);color:#0b0820}
.tool-action.upvote-btn{flex-direction:row;min-width:0;height:44px}
.tool-action.upvote-btn{gap:4px}.tool-action.upvote-btn::after{content:"Upvote";order:-1;margin:0 3px 0 3px}
.tool-action.upvote-btn .ico{order:-2;width:16px;height:16px}
.tool-action.upvote-btn .upvote-count::before{content:"("}.tool-action.upvote-btn .upvote-count::after{content:")"}
.tool-action.save-btn{color:var(--text)}
.tool-action.save-btn .ico{color:var(--pink)}
.tool-action.save-btn.is-saved .ico{fill:currentColor}
.tool-action .ico--star{color:var(--amber)}
.tool-awards{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.award{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 12px;border:1px solid var(--border);border-left:3px solid var(--purple);border-radius:12px;background:var(--surface)}
.award small{display:block;color:#fb7185;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.award strong{font-size:15px}
.award__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(251,113,133,.15);color:#fb7185}
.award--rating small{display:inline;margin-left:4px;color:var(--dim);letter-spacing:0;text-transform:none;font-weight:500}
.award__stars{position:relative;color:rgba(251,191,36,.25);font-size:18px;letter-spacing:2px;background:linear-gradient(90deg,var(--amber) calc(var(--rating) / 5 * 100%),rgba(251,191,36,.25) 0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ===== Responsive ===== */
@media (max-width:1180px){
	.home-layout{grid-template-columns:200px minmax(0,1fr)}
	.home-layout__right{position:static;grid-column:1/-1;max-height:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
	.home-layout__right>*{margin:0}
	.feature-rail__viewport{height:auto;-webkit-mask-image:none;mask-image:none;overflow-x:auto}
	.feature-rail__track.is-moving{animation:none}
	.feature-rail__track{grid-auto-flow:column;grid-auto-columns:180px}
	.feature-rail__track [aria-hidden=true]{display:none}
	.feature-rail{grid-column:1/-1}
}
@media (max-width:860px){
	.home-layout{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:18px}
	.home-layout__left{position:static;max-height:none;order:2}
	.home-layout__main{order:1}
	.home-layout__right{order:3}
	.browse{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:4px 16px}
	.browse__title{grid-column:1/-1}
}
@media (max-width:560px){
	.home-hero{padding:24px 16px 18px}
	.rank-row{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px}
	.rank-row__pos{display:none}
	.rank-row__logo,.rank-row__img{width:44px;height:44px}
	.rank-row__actions{grid-column:1/-1;justify-content:flex-end}
	.rank-row__save,.upvote-btn{flex-direction:row;height:36px;gap:6px}
	.rank-head h2{font-size:20px}
	.rank-tabs{width:100%}.rank-tabs__tab{flex:1;justify-content:center;padding:7px 8px}
	.tool-action{height:40px;padding:0 12px;font-size:13px}
}

/* ===== Homepage segments ===== */
.home-seg{margin-bottom:34px}
.home-seg__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.home-seg__head h2{display:flex;align-items:center;gap:8px;font-size:22px}
.home-seg__head a{color:var(--text-2);font-size:13px;font-weight:600;white-space:nowrap}
.home-seg__head a:hover{color:#fff}
.home-seg--promoted .home-seg__head{border-bottom-color:rgba(251,191,36,.35)}
.home-seg--promoted .home-seg__head h2{color:#fbbf24}
.pill--medal{border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.14);color:#fcd34d}

.cat-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cat-block{padding:8px;border:1px solid var(--border);border-radius:16px;background:var(--card)}
.cat-block__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:4px}
.cat-block__head strong{font-size:16px}
.cat-block__head span{color:var(--dim);font-size:12px;white-space:nowrap}
.cat-block__head:hover strong{color:var(--lavender)}
.tool-mini{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:10px}
.tool-mini:hover{background:rgba(139,92,246,.1)}
.tool-mini__logo{width:38px;height:38px;border-radius:10px;object-fit:cover}
.tool-mini__logo--fallback{display:grid;place-items:center;color:#fff;font-weight:700;background:var(--primary)}
.tool-mini__copy{min-width:0}
.tool-mini__copy strong{display:block;overflow:hidden;font-size:14px;white-space:nowrap;text-overflow:ellipsis}
.tool-mini__copy small{display:block;overflow:hidden;color:var(--dim);font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.tool-mini__votes{display:inline-flex;align-items:center;gap:2px;color:var(--text-2);font-size:12px;font-weight:700}
.tool-mini__votes .ico{width:14px;height:14px}

/* ===== Browse sidebar on inner pages ===== */
.with-browse{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;align-items:start}
.with-browse__side{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow-y:auto;padding-top:28px;scrollbar-width:none}
.with-browse__side::-webkit-scrollbar{display:none}
.with-browse__main{min-width:0}
.with-browse .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.with-browse .tool-hero{grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}
@media (max-width:1180px){.with-browse .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.with-browse .tool-hero{grid-template-columns:1fr}}
@media (max-width:860px){
	.with-browse{grid-template-columns:minmax(0,1fr);gap:0}
	.with-browse__side{position:static;max-height:none;order:2;padding:24px 0 40px;border-top:1px solid var(--border)}
	.with-browse .browse{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:4px 16px}
	.with-browse .browse__title{grid-column:1/-1}
	.with-browse .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.cat-blocks{grid-template-columns:1fr}
}
@media (max-width:540px){.with-browse .tool-grid{grid-template-columns:1fr}}

/* ===== Verified ===== */
.verified-rail{margin-bottom:14px;padding:12px 10px 10px;border:1px solid rgba(16,185,129,.25);border-radius:14px;background:var(--card)}
.verified-rail .feature-rail__head{display:flex;align-items:center;gap:7px;padding:0 6px;color:#34d399}
.verified-rail__cta{color:#34d399}
.tool-mini__copy .verified{width:14px;height:14px;vertical-align:-2px}
.tool-mini__copy .verified .ico{width:9px;height:9px}
.home-seg--verified .home-seg__head{border-bottom-color:rgba(16,185,129,.35)}
.home-seg--verified .home-seg__head h2{color:#34d399}