@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750;800&family=Plus+Jakarta+Sans:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#090a10;--surface:#101118;--surface2:#14151e;--surface3:#1a1b26;--edge:rgba(255,255,255,.085);--edge2:rgba(255,255,255,.13);--text:#f9f8ff;--muted:#9796aa;--subtle:#696c7f;--accent:#ad80ff;--accent2:#6c84ff;--accentSoft:rgba(169,117,255,.12);--green:#70deb4;--orange:#ffbf87;--radius:17px;--shadow:0 20px 60px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:clip;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;pointer-events:none;z-index:-1;top:-320px;left:19%;width:900px;height:730px;background:radial-gradient(ellipse,rgba(111,39,218,.18),transparent 65%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}svg{display:block;flex-shrink:0}img{display:block;max-width:100%}::selection{background:#835ac6;color:white}.hidden{display:none!important}
body.light{color-scheme:light;--bg:#f6f6fb;--surface:#fff;--surface2:#f7f7fc;--surface3:#eeeef7;--edge:rgba(27,23,62,.10);--edge2:rgba(27,23,62,.17);--text:#191925;--muted:#66647a;--subtle:#8b899b;--accent:#7646e0;--accent2:#5363da;--accentSoft:rgba(118,70,224,.09);--green:#23936e;--orange:#bb7337;--shadow:0 20px 60px rgba(46,36,85,.08)}
.container{width:min(1560px,calc(100% - 74px));margin:auto}.site-wrap{min-height:100vh}.topbar{height:80px;border-bottom:1px solid var(--edge);position:sticky;z-index:55;top:0;background:color-mix(in srgb,var(--bg) 89%,transparent);backdrop-filter:blur(24px)}.top-inner{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{width:37px;height:37px;border:1px solid #c09aff;background:linear-gradient(145deg,#d9b2ff,#a678ff 45%,#5367ff);display:grid;place-items:center;color:#fff;border-radius:12px;box-shadow:0 0 32px rgba(141,84,244,.24)}.brand-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:22px;letter-spacing:-1.4px;font-weight:800}.brand-name b{color:var(--accent);font-weight:800}.logo-caption{color:var(--subtle);font-weight:700;font-size:12px;letter-spacing:2px;margin-left:2px}.header-links{display:flex;align-items:center;gap:26px;margin-left:20px}.header-links a{font-weight:650;color:var(--muted);font-size:15px;transition:.2s}.header-links a:hover,.header-links a.active{color:var(--text)}.top-search{margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--edge);border-radius:11px;padding:0 11px;height:39px;min-width:220px;color:var(--subtle);transition:.2s}.top-search:focus-within{border-color:rgba(171,128,255,.4)}.top-search input{background:none;border:0;color:var(--text);outline:0;width:100%;min-width:70px;font-size:14px}.top-search kbd{font-size:12px;border:1px solid var(--edge2);border-radius:4px;padding:0 5px;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:9px}.icon-btn{border:1px solid transparent;color:var(--muted);background:transparent;width:37px;height:37px;display:grid;place-items:center;border-radius:10px}.icon-btn:hover{background:var(--surface3);color:var(--text)}.btn{border:1px solid var(--edge2);background:var(--surface2);color:var(--text);display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:10px;padding:10px 16px;font-weight:750;font-size:14px;transition:transform .18s,border-color .18s,background .18s;white-space:nowrap}.btn:hover{transform:translateY(-1px);border-color:rgba(173,128,255,.45)}.btn-primary{color:white;background:linear-gradient(105deg,#a967f1,#7785fc);border-color:transparent;box-shadow:0 8px 25px rgba(143,98,244,.14)}.btn-primary:hover{background:linear-gradient(105deg,#b479fd,#8290ff)}.btn-outline{background:transparent}.btn-quiet{background:var(--surface2)}.btn-sm{padding:8px 11px;font-size:13px;border-radius:9px}.btn-lg{padding:14px 21px;font-size:15px}.btn-full{width:100%}.mobile-menu-btn,.mobile-search-btn{display:none}
.app-grid{display:grid;grid-template-columns:247px minmax(0,1fr);gap:30px;align-items:start}.sidebar{position:sticky;top:100px;height:calc(100vh - 112px);overflow:auto;padding:27px 17px 24px 0;scrollbar-width:thin}.sidebar-title{font-size:12px;text-transform:uppercase;letter-spacing:1.6px;color:var(--subtle);font-weight:800;margin:24px 12px 9px}.sidebar-title:first-child{margin-top:8px}.side-nav{display:flex;flex-direction:column;gap:3px}.side-link{color:var(--muted);padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:650;transition:.2s}.side-link svg{opacity:.8}.side-link.active,.side-link:hover{color:var(--text);background:var(--accentSoft)}.side-link.active svg{color:var(--accent)}.side-link .count{margin-left:auto;font-size:12px;color:var(--subtle);font-weight:600}.side-promo{margin-top:27px;border:1px solid rgba(171,118,255,.3);padding:17px;background:linear-gradient(140deg,rgba(118,68,202,.18),rgba(74,65,112,.04));border-radius:15px}.side-promo .badge{margin-bottom:12px}.side-promo h4{font-family:'Plus Jakarta Sans';font-size:15px;line-height:1.38;letter-spacing:-.4px;margin:0 0 7px}.side-promo p{font-size:13px;color:var(--muted);margin:0 0 14px}.main{min-width:0;padding:28px 0 100px}.content-main{max-width:1210px}.crumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:var(--subtle);font-size:13px;font-weight:650;margin:0 0 22px}.crumb a:hover{color:var(--accent)}.crumb svg{opacity:.5}.eyebrow{color:#c49bff;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}.eyebrow:before{content:"";height:6px;width:6px;border-radius:50%;background:#a878ff;box-shadow:0 0 14px #a878ff}.eyebrow.no-dot:before{display:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-1.2px}h1{font-size:clamp(36px,4.2vw,62px);line-height:1.1;font-weight:800}h2{font-size:29px;line-height:1.22;font-weight:800}h3{font-size:19px;line-height:1.28;font-weight:750}p{color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:48px 0 21px}.section-head h2{font-size:23px;margin:7px 0 0}.section-head p{font-size:14px;margin:7px 0 0}.text-link{font-size:14px;font-weight:750;color:#c19bff;display:flex;align-items:center;gap:5px}.text-link:hover{text-decoration:underline}.gradient-text{background:linear-gradient(102deg,#ddb7ff 4%,#a689ff 42%,#72baff 96%);-webkit-background-clip:text;background-clip:text;color:transparent}.panel{background:var(--surface);border:1px solid var(--edge);border-radius:var(--radius)}.panel-pad{padding:24px}.muted{color:var(--muted)}.subtle{color:var(--subtle)}.small{font-size:14px}.tiny{font-size:12px}.flex{display:flex}.between{justify-content:space-between}.center{align-items:center}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.gap24{gap:24px}.stack{display:flex;flex-direction:column}.divider{height:1px;background:var(--edge);margin:18px 0}.chip{border:1px solid var(--edge2);border-radius:7px;background:var(--surface2);color:var(--muted);padding:5px 8px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px;line-height:1}.chip.purple{color:#d8b7ff;border-color:rgba(162,107,255,.22);background:rgba(148,87,237,.10)}.chip.green{color:var(--green);border-color:rgba(70,190,144,.22);background:rgba(52,154,118,.08)}.chip.orange{color:var(--orange);border-color:rgba(255,174,92,.2);background:rgba(203,122,52,.09)}.chip-wrap{display:flex;gap:6px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--edge2);border-radius:99px;padding:8px 12px;color:var(--muted);background:var(--surface);font-size:13px;font-weight:700}.pill.active,.pill:hover{color:var(--text);border-color:rgba(173,128,255,.45);background:var(--accentSoft)}
.hero{overflow:hidden;min-height:368px;position:relative;border:1px solid rgba(167,116,255,.16);border-radius:22px;background:radial-gradient(ellipse at 71% 0,rgba(119,47,185,.27),transparent 42%),linear-gradient(126deg,#15131f 1%,#14111f 55%,#111323 100%);padding:43px 42px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:center;gap:12px}.light .hero{background:radial-gradient(ellipse at 71% 0,rgba(147,101,243,.13),transparent 42%),linear-gradient(126deg,#f7f3ff,#f1f0ff)}.hero-copy{position:relative;z-index:2}.hero h1{max-width:610px;margin:15px 0 15px}.hero-copy>p{font-size:15px;max-width:470px;line-height:1.85;margin-bottom:23px}.hero-search{max-width:530px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.16);padding:8px;border-radius:12px}.light .hero-search{background:#fff;border-color:var(--edge)}.hero-search input{flex:1;min-width:70px;padding:7px 5px;border:none;outline:none;background:transparent;color:var(--text);font-size:14px}.hero-search>svg{margin-left:10px;color:#aaa0bb}.hero-foot{display:flex;gap:19px;align-items:center;margin-top:19px;color:#a8a0b8;font-size:12px;font-weight:650}.hero-foot span{display:flex;gap:6px;align-items:center}.hero-visual{height:295px;position:relative;display:flex;align-items:center;justify-content:center}.hero-orbit{width:252px;height:252px;border:1px dashed rgba(193,145,255,.22);border-radius:50%;display:grid;place-items:center;position:relative;animation:hero-spin 80s linear infinite}.hero-orbit:before{content:"";position:absolute;inset:34px;border-radius:50%;border:1px solid rgba(182,120,255,.19)}.hero-core{border-radius:37%;width:115px;height:115px;display:grid;place-items:center;background:radial-gradient(circle at 35% 20%,#a97dfb,#5b3592 70%);box-shadow:0 0 60px #a76cff60,0 0 140px #7b52ce40, inset 0 0 25px rgba(255,255,255,.12);transform:rotate(-15deg);animation:hero-core 7s ease-in-out infinite}.hero-core svg{transform:rotate(15deg);filter:drop-shadow(0 4px 8px rgba(22,10,50,.6))}.orb-node{position:absolute;width:15px;height:15px;border:4px solid #14111f;background:#bd8fff;border-radius:50%;box-shadow:0 0 12px rgba(188,143,255,.5)}.orb-node.n1{top:-8px;left:48%}.orb-node.n2{top:48%;right:-8px}.orb-node.n3{bottom:-8px;left:48%}.orb-node.n4{top:48%;left:-8px}@keyframes hero-spin{to{transform:rotate(360deg)}}@keyframes hero-core{50%{transform:rotate(-9deg) translateY(-7px)}}.float-tool{position:absolute;display:flex;gap:10px;align-items:center;background:rgba(31,27,46,.96);border:1px solid rgba(190,153,255,.22);border-radius:13px;padding:10px 13px;box-shadow:0 17px 35px rgba(0,0,0,.25);animation:float 6s ease-in-out infinite}.float-tool.f1{top:8px;right:-8px}.float-tool.f2{left:-12px;bottom:16px;animation-delay:-2.5s}.float-tool p{font-size:12px;margin:0;color:#a9a0ba}.float-tool strong{font-size:14px;letter-spacing:-.2px;color:#fff}@keyframes float{50%{transform:translateY(-10px)}}.hero-twinkle{position:absolute;width:9px;height:9px;background:var(--accent);transform:rotate(45deg);box-shadow:0 0 22px var(--accent);top:28%;left:12%}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.stat-card{background:var(--surface);border:1px solid var(--edge);border-radius:14px;padding:16px 19px}.stat-card b{display:block;font-family:'Plus Jakarta Sans';font-size:23px;letter-spacing:-1px}.stat-card span{font-size:13px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.category-card{padding:18px 15px;border-radius:14px;border:1px solid var(--edge);background:var(--surface);min-width:0;transition:.2s}.category-card:hover{border-color:rgba(163,104,255,.42);transform:translateY(-3px);background:var(--surface2)}.category-icon{width:37px;height:37px;border-radius:12px;background:var(--accentSoft);color:#c09bff;display:grid;place-items:center;margin-bottom:16px}.category-card strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card p{margin:3px 0 0;font-size:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:19px}.toolbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-search{display:flex;align-items:center;gap:9px;border:1px solid var(--edge2);background:var(--surface);border-radius:11px;padding:0 12px;height:43px;min-width:230px;color:var(--subtle)}.filter-search input{width:100%;border:0;background:transparent;color:var(--text);outline:0;font-size:14px}.select{border:1px solid var(--edge2);background:var(--surface);color:var(--muted);border-radius:10px;padding:11px 13px;outline:none;max-width:100%;font-size:14px}.select option{background:var(--surface)}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.tool-card{background:var(--surface);border:1px solid var(--edge);border-radius:15px;min-width:0;overflow:hidden;transition:transform .2s,border-color .2s}.tool-card:hover{transform:translateY(-4px);border-color:rgba(164,117,247,.38)}.tool-card-top{height:79px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 0%,color-mix(in srgb,var(--tool-accent) 36%,transparent),transparent 75%),linear-gradient(135deg,var(--surface2),var(--surface));border-bottom:1px solid var(--edge);padding:13px;display:flex;align-items:flex-start;justify-content:space-between}.tool-card-top:before{content:"";position:absolute;right:16px;bottom:-45px;width:112px;height:112px;border:1px solid color-mix(in srgb,var(--tool-accent) 30%,transparent);border-radius:50%}.tool-card-top:after{content:"";position:absolute;right:31px;bottom:-30px;width:75px;height:75px;border:1px solid color-mix(in srgb,var(--tool-accent) 26%,transparent);border-radius:50%}.tool-logo{width:46px;height:46px;background:linear-gradient(135deg,color-mix(in srgb,var(--tool-accent) 28%,#fff),#fff);border:1px solid rgba(0,0,0,.055);border-radius:12px;display:grid;place-items:center;flex-shrink:0;overflow:hidden;position:relative;box-shadow:0 5px 13px rgba(0,0,0,.13)}.tool-logo img{display:none;width:70%;height:70%;object-fit:contain;position:absolute;background:transparent}.tool-logo .logo-fallback{color:#3f2f59;font-family:'Plus Jakarta Sans';font-weight:800;font-size:16px;letter-spacing:-1px}.tool-logo.lg{width:76px;height:76px;border-radius:19px}.tool-logo.lg .logo-fallback{font-size:27px}.tool-logo.sm{width:34px;height:34px;border-radius:10px}.tool-logo.sm .logo-fallback{font-size:14px}.tool-logo.xs{width:29px;height:29px;border-radius:8px}.tool-logo.xs .logo-fallback{font-size:12px}.card-label{z-index:1;display:flex;align-items:center;gap:4px;border:1px solid rgba(180,135,255,.35);border-radius:6px;background:rgba(76,41,117,.42);color:#e0c0ff;padding:4px 6px;font-size:12px;font-weight:800}.tool-card-body{padding:15px}.tool-card-body h3{font-family:'Plus Jakarta Sans';font-size:14px;letter-spacing:-.4px;margin:0 0 5px;line-height:1.5}.tool-card-body h3 a:hover{color:var(--accent)}.tool-card-body p{font-size:13px;line-height:1.7;height:67px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 11px}.tool-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--edge);margin-top:13px;padding-top:12px}.mini-price{font-size:12px;color:var(--muted);font-weight:700}.mini-price svg{display:inline-block;vertical-align:middle}.card-actions{display:flex;align-items:center;gap:2px}.card-action{border:0;background:none;color:var(--subtle);width:27px;height:27px;border-radius:7px;display:grid;place-items:center}.card-action:hover,.card-action.selected{color:var(--accent);background:var(--accentSoft)}.feed-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.feature-story{padding:28px;border-radius:17px;border:1px solid rgba(161,104,251,.2);background:linear-gradient(128deg,rgba(101,60,170,.16),rgba(25,30,57,.22));position:relative;overflow:hidden}.feature-story:after{content:"";position:absolute;right:-60px;bottom:-100px;width:250px;height:250px;border:45px solid rgba(139,111,249,.06);border-radius:50%}.feature-story h3{font-size:23px;max-width:500px;margin:12px 0}.feature-story p{font-size:14px;max-width:420px}.dispatch-card{padding:25px;border-radius:17px;background:var(--surface);border:1px solid var(--edge);position:relative;overflow:hidden}.dispatch-card:before{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-120px;background:var(--accentSoft);filter:blur(40px)}.dispatch-card h3{font-size:19px}.dispatch-card p{font-size:14px}.email-row{display:flex;gap:8px}.input,.textarea{background:var(--surface2);border:1px solid var(--edge2);border-radius:10px;color:var(--text);padding:12px 13px;outline:none;min-width:0;width:100%;font-size:14px}.textarea{min-height:105px;resize:vertical}.input:focus,.textarea:focus{border-color:rgba(169,117,255,.56)}.field label{font-size:13px;font-weight:750;color:var(--muted);display:block;margin:0 0 7px}.field{margin-bottom:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.checkbox-row{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:14px;margin:14px 0}.checkbox-row input{accent-color:var(--accent)}.empty{padding:50px 20px;text-align:center;border:1px dashed var(--edge2);border-radius:16px;background:var(--surface)}.empty svg{margin:0 auto 12px;color:var(--subtle)}.empty h3{margin-bottom:5px}.empty p{font-size:14px}.pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin:28px 0}.pagination button{width:34px;height:34px;border:1px solid var(--edge);border-radius:8px;background:var(--surface);color:var(--muted)}.pagination button.active{border-color:var(--accent);background:var(--accentSoft);color:var(--text)}
/* Tool page */
.tool-hero{border:1px solid rgba(166,121,246,.21);border-radius:20px;background:radial-gradient(ellipse at 85% 7%,rgba(126,69,221,.17),transparent 39%),var(--surface);padding:27px 29px 25px;position:relative;overflow:hidden}.tool-hero-inner{display:flex;gap:20px;align-items:center}.tool-hero-info{flex:1}.tool-hero h1{font-size:33px;line-height:1.3;margin:2px 0 6px;letter-spacing:-1px}.tool-hero p{max-width:680px;font-size:14px;margin:4px 0 11px}.tool-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--subtle);font-size:13px;font-weight:650}.tool-meta span{display:flex;align-items:center;gap:5px}.hero-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--edge);padding-top:20px;margin-top:23px}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:17px;align-items:start;margin-top:18px}.article-panel{padding:27px 29px;margin-bottom:15px}.article-panel h2{font-size:19px;letter-spacing:-.5px;margin:0 0 14px}.article-panel p{font-size:14px;line-height:1.85}.article-panel .minor-heading{font-size:15px;color:var(--text);margin:21px 0 12px;letter-spacing:-.2px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feature-item{background:var(--surface2);border:1px solid var(--edge);border-radius:11px;display:flex;align-items:center;gap:9px;padding:13px;color:var(--text);font-size:13px;font-weight:700}.feature-item svg{color:var(--accent)}.pros-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pros-card{padding:18px;border-radius:13px;background:rgba(47,162,118,.075);border:1px solid rgba(64,180,134,.15)}.pros-card.cons{background:rgba(218,109,116,.065);border-color:rgba(218,109,116,.14)}.pros-card h4{font-size:14px;letter-spacing:0;display:flex;align-items:center;gap:7px;margin:0 0 13px;color:#78dbad}.pros-card.cons h4{color:#e6a1a7}.pros-card ul{list-style:none;padding:0;margin:0}.pros-card li{font-size:13px;color:var(--muted);padding:7px 0;display:flex;align-items:flex-start;gap:8px}.pros-card li svg{margin-top:2px;flex-shrink:0;color:#5bb88d}.pros-card.cons li svg{color:#d97d85}.notice{font-size:12px!important;color:var(--subtle)!important;margin:12px 0 0}.usecase{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--edge)}.usecase:last-child{border:0;padding-bottom:0}.usecase>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:var(--accentSoft);color:#b59aff;flex-shrink:0}.usecase strong{display:block;font-size:14px}.usecase p{font-size:13px;margin:3px 0 0}.faq{border-bottom:1px solid var(--edge)}.faq:last-child{border:0}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 0;font-weight:750;font-size:14px}.faq summary::-webkit-details-marker{display:none}.faq[open] summary svg{transform:rotate(180deg)}.faq p{font-size:13px;padding-bottom:16px;margin:0}.sticky-aside{position:sticky;top:100px}.aside-panel{padding:21px;margin-bottom:14px}.aside-panel h3{font-size:14px;margin:0 0 15px;letter-spacing:-.25px}.fact{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--edge);gap:12px;font-size:13px}.fact:last-child{border:0}.fact span{color:var(--subtle)}.fact strong{font-weight:750;max-width:160px;text-align:right}.related-item{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--edge)}.related-item:last-child{border:0}.related-item>div:nth-child(2){min-width:0;flex:1}.related-item b{font-size:13px}.related-item p{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.related-item>a:hover{color:var(--accent)}.stars{display:inline-flex;align-items:center;gap:3px;color:#efb95c}.review-card{border:1px solid var(--edge);border-radius:12px;padding:15px;margin-top:12px}.review-card p{margin:7px 0;font-size:13px}.review-card small{color:var(--subtle);font-size:12px}
/* General page */
.page-hero{padding:30px 0 28px}.page-hero h1{font-size:clamp(30px,3.3vw,47px);max-width:720px;margin:12px 0}.page-hero p{font-size:15px;max-width:670px;line-height:1.85}.layout-halves{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.collection-card{background:var(--surface);border:1px solid var(--edge);padding:24px;border-radius:17px;transition:.2s;overflow:hidden;position:relative;min-height:194px}.collection-card:hover{border-color:rgba(163,104,255,.42);transform:translateY(-3px)}.collection-card:before{content:"";position:absolute;right:-90px;top:-110px;width:235px;height:235px;border-radius:50%;background:var(--glow,rgba(140,96,231,.12));filter:blur(15px)}.collection-card h3{font-size:19px;margin:14px 0 6px}.collection-card p{font-size:13px}.collection-card .tool-logos{display:flex;margin-top:18px}.collection-card .tool-logos .tool-logo{margin-right:-8px;border:3px solid var(--surface)}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.blog-card{border:1px solid var(--edge);background:var(--surface);border-radius:15px;overflow:hidden;transition:.2s}.blog-card:hover{transform:translateY(-3px);border-color:rgba(163,104,255,.4)}.blog-art{height:144px;display:grid;place-items:center;background:radial-gradient(ellipse at center,rgba(177,124,255,.3),transparent 60%),linear-gradient(130deg,#251d43,#141625);color:#c9aeff;position:relative;overflow:hidden}.blog-art:before{content:"";width:170px;height:170px;border:1px solid rgba(190,153,255,.2);border-radius:50%;position:absolute}.blog-art:after{content:"";width:240px;height:240px;border:1px dashed rgba(190,153,255,.13);border-radius:50%;position:absolute}.blog-body{padding:18px}.blog-body h3{font-size:15px;letter-spacing:-.4px}.blog-body p{font-size:13px}.compare-grid{display:grid;grid-template-columns:150px repeat(3,minmax(0,1fr));gap:8px;overflow:auto}.compare-cell{padding:17px;border:1px solid var(--edge);background:var(--surface);border-radius:12px;font-size:13px;min-width:145px}.compare-cell.label-cell{background:var(--surface2);color:var(--muted);font-weight:800}.compare-cell b{display:block;margin-bottom:7px}.compare-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 20px}.compare-slot{border:1px dashed var(--edge2);border-radius:13px;padding:16px;background:var(--surface);min-height:110px}.compare-slot .select{width:100%;margin-top:13px}
/* Admin */
.admin-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.admin-side{background:var(--surface);border-right:1px solid var(--edge);padding:25px 15px;position:sticky;top:0;height:100vh;overflow:auto}.admin-side .brand{margin:2px 8px 32px}.admin-side .side-link{font-size:14px}.admin-side .side-link.active{background:linear-gradient(90deg,rgba(164,105,245,.17),rgba(113,103,244,.07))}.admin-kicker{font-size:12px;font-weight:800;letter-spacing:1.6px;color:var(--subtle);padding:18px 12px 7px}.admin-main{padding:0 36px 70px;min-width:0}.admin-topbar{height:83px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--edge);margin-bottom:32px}.admin-topbar .top-right{display:flex;align-items:center;gap:12px}.admin-title h1{font-size:30px;margin:3px 0 7px}.admin-title p{font-size:14px}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:25px 0}.metric{padding:21px;border:1px solid var(--edge);background:var(--surface);border-radius:14px}.metric svg{color:var(--accent);margin-bottom:16px}.metric b{font-size:27px;font-family:'Plus Jakarta Sans';letter-spacing:-.8px;display:block}.metric p{font-size:13px;margin:3px 0 0}.admin-two{display:grid;grid-template-columns:1.4fr 1fr;gap:17px}.chart-shell{padding:24px}.bars{height:200px;display:flex;align-items:end;gap:15px;padding:15px 5px 0;border-bottom:1px solid var(--edge)}.bar-group{flex:1;display:flex;align-items:end;justify-content:center;height:100%;position:relative}.bar{width:36px;max-width:78%;border-radius:6px 6px 0 0;background:linear-gradient(0deg,#6d65dc,#b17eff)}.bar-group small{position:absolute;bottom:-21px;font-size:12px;color:var(--subtle)}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{color:var(--subtle);font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:800;padding:13px 12px;border-bottom:1px solid var(--edge)}.admin-table td{font-size:13px;padding:14px 12px;border-bottom:1px solid var(--edge);color:var(--muted)}.admin-table tr:last-child td{border:0}.admin-table .tool-name{color:var(--text);font-weight:750;font-size:14px}.table-scroll{overflow:auto;max-width:100%}.table-actions{display:flex;gap:4px}.toolbar-admin{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:20px 0;flex-wrap:wrap}.admin-panel{border-radius:16px;background:var(--surface);border:1px solid var(--edge);padding:24px;margin-bottom:15px}.admin-panel h3{font-size:16px;letter-spacing:-.3px}.submission-detail{padding:14px;background:var(--surface2);border:1px solid var(--edge);border-radius:10px;margin-bottom:12px}.status{font-size:12px;display:inline-flex;border-radius:7px;padding:5px 9px;font-weight:800;color:#ceb3ff;background:var(--accentSoft)}.status.pending{color:var(--orange);background:rgba(219,154,68,.12)}.status.approved{color:var(--green);background:rgba(63,154,105,.1)}.status.rejected{color:#ef9fa7;background:rgba(215,80,100,.1)}
/* Floating UI */
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(2,3,8,.77);backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px}.modal{position:relative;border-radius:18px;max-height:min(95vh,900px);overflow:auto;max-width:600px;width:100%;background:var(--surface);border:1px solid var(--edge2);padding:30px;box-shadow:0 28px 120px rgba(0,0,0,.55)}.modal h2{font-size:22px}.modal-close{position:absolute;top:15px;right:15px}.toast-wrap{position:fixed;right:20px;bottom:20px;z-index:110;display:flex;flex-direction:column;gap:9px;max-width:min(90vw,350px)}.toast{border:1px solid rgba(159,118,236,.35);background:var(--surface2);border-radius:12px;box-shadow:var(--shadow);padding:12px 15px;color:var(--text);font-size:14px;display:flex;align-items:center;gap:8px;animation:toast-in .24s ease}@keyframes toast-in{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.compare-tray{position:fixed;z-index:60;bottom:18px;left:50%;transform:translateX(-50%);min-width:min(93vw,700px);display:flex;align-items:center;gap:13px;padding:12px 15px;background:rgba(30,24,45,.96);border:1px solid rgba(175,128,255,.4);border-radius:14px;box-shadow:0 17px 60px rgba(0,0,0,.45);backdrop-filter:blur(20px)}.compare-tray b{font-size:14px;white-space:nowrap}.compare-tray .tool-logo{border-width:1px}.footer{border-top:1px solid var(--edge);background:var(--surface);padding:60px 0 27px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:60px}.footer-grid p{font-size:14px;line-height:1.8;max-width:260px;margin:15px 0}.footer-grid h4{font-size:13px;letter-spacing:.1px;margin:4px 0 16px}.footer-grid a{font-size:13px;color:var(--muted);display:block;margin-bottom:11px}.footer-grid a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--edge);padding-top:20px;margin-top:37px;display:flex;justify-content:space-between;gap:15px;color:var(--subtle);font-size:12px}.initial-loading{height:100vh;display:grid;place-items:center;gap:12px;color:#b5a2c7}.loading-mark{font-size:35px;color:#a877fb}.mobile-overlay{display:none}.page-note{border:1px solid rgba(165,112,250,.18);background:var(--accentSoft);padding:14px 17px;border-radius:12px;color:var(--muted);font-size:13px;display:flex;gap:9px;align-items:flex-start}.page-note svg{color:var(--accent)}
@media(max-width:1340px){.container{width:min(100% - 48px,1440px)}.header-links{gap:16px;margin-left:0}.app-grid{grid-template-columns:210px minmax(0,1fr);gap:20px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero{padding:35px}.hero h1{font-size:48px}.float-tool.f1{right:-4px}}
@media(max-width:1050px){.header-links{display:none}.top-search{margin-left:auto}.app-grid{grid-template-columns:190px minmax(0,1fr);gap:12px}.sidebar{padding-right:10px}.hero{grid-template-columns:1fr .7fr}.hero h1{font-size:40px}.hero-visual{transform:scale(.83);transform-origin:center}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-layout{grid-template-columns:minmax(0,1fr) 260px}.admin-shell{grid-template-columns:190px minmax(0,1fr)}.admin-main{padding:0 22px 50px}.admin-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:25px}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.topbar{height:68px}.top-inner{gap:13px}.brand-name{font-size:19px}.brand-mark{width:33px;height:33px}.mobile-menu-btn,.mobile-search-btn{display:grid}.mobile-search-btn{margin-left:auto}.top-search{display:none}.top-actions>.btn{padding:8px 10px;font-size:12px}.top-actions>.icon-btn{display:none}.app-grid{display:block}.sidebar{position:fixed;z-index:70;top:0;bottom:0;left:0;height:100vh;background:var(--surface);border-right:1px solid var(--edge);width:268px;padding:24px 18px;transform:translateX(-102%);transition:transform .25s}.mobile-open .sidebar{transform:translateX(0)}.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:65}.mobile-open .mobile-overlay,.admin-menu-open .mobile-overlay{display:block}.main{padding:19px 0 75px}.hero{grid-template-columns:1fr;padding:30px 26px;gap:0}.hero h1{font-size:clamp(35px,9vw,52px)}.hero-visual{height:225px;transform:scale(.75);margin-top:-6px}.hero-foot{flex-wrap:wrap;gap:8px 15px}.stat-row{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{margin-top:35px}.feed-grid,.layout-halves,.tool-layout,.admin-two{grid-template-columns:1fr}.sticky-aside{position:static}.tool-hero{padding:22px}.tool-hero h1{font-size:27px}.tool-hero-inner{align-items:start}.tool-logo.lg{width:59px;height:59px;border-radius:14px}.article-panel{padding:20px}.collection-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr);gap:23px}.admin-shell{display:block}.admin-side{position:fixed;z-index:75;transform:translateX(-103%);transition:.25s;width:260px}.admin-menu-open .admin-side{transform:translateX(0)}.admin-main{padding:0 16px 50px}.admin-topbar{height:70px}.admin-title h1{font-size:25px}.compare-picker{grid-template-columns:1fr}.compare-grid{grid-template-columns:135px repeat(3,170px)}}
@media(max-width:500px){.top-actions .btn{font-size:0;gap:0}.top-actions .btn svg{width:17px;height:17px}.tool-grid{grid-template-columns:1fr 1fr;gap:9px}.tool-card-top{height:70px}.tool-card-body{padding:12px}.tool-card-body h3{font-size:14px}.tool-card-body p{font-size:12px;height:62px}.tool-card .chip-wrap .chip:nth-child(n+2){display:none}.card-label{font-size:12px}.stat-card{padding:14px}.stat-card b{font-size:20px}.category-card{padding:15px 12px}.category-card strong{font-size:13px}.hero-visual{transform:scale(.65);margin:-12px 0 -24px}.hero-search{flex-wrap:wrap}.hero-search input{flex:1;min-width:0}.hero-search .btn{width:100%;padding:11px 12px;margin-top:3px}.hero-search .btn svg{display:block}.pros-grid,.feature-grid,.form-grid,.collection-grid,.article-grid{grid-template-columns:1fr}.toolbar-left{width:100%}.filter-search{flex:1}.tool-hero-inner{flex-wrap:wrap}.tool-hero .tool-logo{margin:0}.email-row{flex-wrap:wrap}.email-row .btn{width:100%}.footer-grid{gap:18px}.footer-bottom{flex-direction:column}.admin-grid{gap:9px}.metric{padding:15px}.metric b{font-size:23px}.compare-tray{gap:7px}.compare-tray b{font-size:12px}.compare-tray .tool-logo.sm{width:27px;height:27px}.page-hero{padding:14px 0 25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ===== Light theme contrast fixes ===== */
body.light{--subtle:#6c6a80;--muted:#555369}
body.light .eyebrow{color:#6a3fd0}
body.light .eyebrow:before{background:#7646e0;box-shadow:none}
body.light .text-link{color:#6035c8}
body.light .chip.purple{color:#5a2fc0;border-color:rgba(118,70,224,.28);background:rgba(118,70,224,.09)}
body.light .chip.green{color:#17754f}
body.light .chip.orange{color:#9a5a1f}
body.light .card-label{color:#fff;background:#6d3fd8;border-color:#6d3fd8}
body.light .hero-foot,body.light .hero-search>svg{color:var(--muted)}
body.light .float-tool p{color:#b9b1c9}
body.light .float-tool strong{color:#fff}
body.light .category-icon,body.light .usecase>span,body.light .blog-art{color:#6a3fd0}
body.light .pros-card h4{color:#17754f}
body.light .pros-card.cons h4{color:#b03a48}
body.light .pros-card.cons li svg{color:#b03a48}
body.light .stars{color:#cf8a0c}
body.light .status{color:#5a2fc0}
body.light .status.rejected{color:#b03a48}
body.light .initial-loading{color:var(--muted)}
/* compare tray is always dark: keep its text light */
.compare-tray{color:#f9f8ff}
.compare-tray .btn-outline,body.light .compare-tray .btn-outline{color:#191925;background:#fff}

/* ===== Tool card refresh ===== */
.tool-card{display:flex;flex-direction:column;border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px -12px rgba(0,0,0,.35);transition:transform .22s,border-color .22s,box-shadow .22s}
.tool-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--tool-accent) 55%,transparent);box-shadow:0 18px 40px -16px color-mix(in srgb,var(--tool-accent) 55%,transparent)}
body.light .tool-card{box-shadow:0 1px 2px rgba(30,25,70,.06),0 10px 26px -14px rgba(46,36,85,.22)}
.tool-card-top{height:96px;padding:16px;align-items:flex-start}
.tool-card .tool-logo{width:56px;height:56px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 16px -4px rgba(0,0,0,.28)}
.tool-card .tool-logo img{width:62%;height:62%}
.tool-card .tool-logo .logo-fallback{font-size:20px}
.tool-card-body{display:flex;flex-direction:column;flex:1;padding:16px 18px 14px}
.tool-card-body h3{font-size:16px;margin:0}
.tool-maker{font-size:12px;color:var(--subtle);font-weight:600;margin:1px 0 9px}
.tool-card-body p{height:auto;min-height:0;-webkit-line-clamp:3;font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 12px}
.tool-card .chip-wrap{margin-top:auto}
.tool-card .chip-wrap .chip:nth-child(n+2){display:inline-flex}
.tool-card-footer{margin-top:14px}
.tool-card .card-action{width:32px;height:32px;border-radius:9px}
@media(max-width:720px){.tool-card-top{height:76px;padding:12px}.tool-card .tool-logo{width:46px;height:46px;border-radius:13px}.tool-card-body{padding:12px}.tool-card-body p{font-size:12px}.tool-card .chip-wrap .chip:nth-child(n+2){display:none}}

/* Narrow-container safety for cards (similar tools, sidebars) */
.similar-grid .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.card-label{white-space:nowrap}
.tool-card-top{gap:8px}
.tool-card-footer{gap:8px;min-width:0}
.mini-price{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-actions{flex-shrink:0}
.tool-card-body h3{overflow-wrap:anywhere}
@media(max-width:560px){.similar-grid .tool-grid{grid-template-columns:1fr}}

/* ===== Tool detail page refresh ===== */
.tool-hero{padding:32px 34px 26px;background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--tool-accent,#7e45dd) 30%,transparent),transparent 48%),radial-gradient(ellipse at 0% 100%,rgba(126,69,221,.12),transparent 45%),var(--surface)}
.tool-hero-inner{gap:26px}
.tool-hero .tool-logo.lg{width:104px;height:104px;border-radius:28px;background:#fff;box-shadow:0 14px 34px -10px rgba(0,0,0,.45);border:1px solid rgba(0,0,0,.06)}
.tool-hero .tool-logo.lg img{width:64%;height:64%}
.tool-hero .tool-logo.lg .logo-fallback{font-size:38px}
.tool-hero h1{font-size:42px;letter-spacing:-1.4px;margin:8px 0 8px}
.tool-hero p{font-size:16px;line-height:1.6;max-width:720px;color:var(--muted)}
.tool-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:26px;border:1px solid var(--edge);border-radius:14px;background:color-mix(in srgb,var(--surface2) 70%,transparent);overflow:hidden}
.tool-stats>div{padding:14px 18px;border-right:1px solid var(--edge);min-width:0}
.tool-stats>div:last-child{border:0}
.tool-stats small{display:block;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--subtle);margin-bottom:3px}
.tool-stats b{display:block;font-size:15px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-toolbar{margin-top:22px}
.tool-subnav{position:sticky;top:68px;z-index:40;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:16px 0 0;padding:10px 12px;border:1px solid var(--edge);border-radius:14px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px)}
.tool-subnav::-webkit-scrollbar{display:none}
.tool-subnav a{flex-shrink:0;padding:8px 14px;border-radius:9px;font-size:14px;font-weight:650;color:var(--muted);transition:background .15s,color .15s}
.tool-subnav a:hover,.tool-subnav a.on{background:var(--accentSoft);color:var(--accent)}
.article-panel[id]{scroll-margin-top:140px}
.sticky-aside{top:150px}
.usecase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.usecase{display:block;padding:18px;border:1px solid var(--edge);border-radius:14px;background:var(--surface2)}
.usecase:last-child{padding-bottom:18px;border:1px solid var(--edge)}
.usecase-num{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accentSoft);color:var(--accent);font-weight:800;font-size:14px;margin-bottom:12px}
.usecase strong{font-size:15px;line-height:1.4}
.usecase p{font-size:13px!important;line-height:1.6!important;color:var(--muted);margin:6px 0 0!important}
.price-card{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 22px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--edge));border-radius:16px;background:linear-gradient(135deg,var(--accentSoft),transparent 70%),var(--surface2)}
.price-card small{display:block;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--subtle)}
.price-card b{display:block;font-size:26px;letter-spacing:-.8px;margin:2px 0}
.verify-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.verify-list span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:650;color:var(--muted);padding:7px 11px;border:1px solid var(--edge);border-radius:999px}
.verify-list svg{color:var(--green)}
.review-empty{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px dashed var(--edge2);border-radius:12px;font-size:14px;color:var(--muted)}
.review-empty b{color:var(--text)}
.article-panel{padding:30px 32px}
.article-panel h2{font-size:22px}
@media(max-width:900px){.tool-stats{grid-template-columns:repeat(2,1fr)}.tool-stats>div:nth-child(2){border-right:0}.tool-stats>div:nth-child(-n+2){border-bottom:1px solid var(--edge)}.usecase-grid{grid-template-columns:1fr}.tool-subnav{top:68px}}
@media(max-width:720px){.tool-hero{padding:22px 18px}.tool-hero h1{font-size:30px}.tool-hero .tool-logo.lg{width:76px;height:76px;border-radius:21px}.tool-hero p{font-size:15px}.article-panel{padding:20px 18px}.article-panel[id]{scroll-margin-top:130px}}

/* ===== Collapsible sidebar (desktop) ===== */
.side-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;margin:0 0 6px;border:1px solid var(--edge);border-radius:10px;background:var(--surface);color:var(--muted);font-size:14px;font-weight:650;transition:background .2s,color .2s}
.side-toggle:hover{background:var(--accentSoft);color:var(--accent)}
.side-toggle .chev{transition:transform .25s;transform-origin:15px 12px}
.app-grid{transition:grid-template-columns .25s ease}
@media(max-width:760px){.side-toggle{display:none}}
@media(min-width:761px){
 body.side-collapsed .app-grid{grid-template-columns:68px minmax(0,1fr)}
 body.side-collapsed .app-grid>.sidebar{padding-right:0;overflow-x:hidden}
 body.side-collapsed .app-grid>.sidebar .side-toggle{justify-content:center;padding:9px 0}
 body.side-collapsed .app-grid>.sidebar .side-toggle span{display:none}
 body.side-collapsed .app-grid>.sidebar .side-toggle .chev{transform:rotate(180deg)}
 body.side-collapsed .app-grid>.sidebar .sidebar-title{font-size:0;height:1px;background:var(--edge);margin:14px 12px;padding:0}
 body.side-collapsed .app-grid>.sidebar .side-link{justify-content:center;padding:11px 0;gap:0;font-size:0}
 body.side-collapsed .app-grid>.sidebar .side-link span,body.side-collapsed .app-grid>.sidebar .side-link .count{display:none}
 body.side-collapsed .app-grid>.sidebar .side-promo{display:none}
}

/* ===== Custom scrollbars ===== */
.sidebar,.admin-side{scrollbar-width:auto}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-corner{background:transparent}
::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--text) 20%,transparent);border-radius:999px;border:3px solid transparent;background-clip:content-box;min-height:48px}
::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--accent) 70%,transparent)}
::-webkit-scrollbar-thumb:active{background-color:var(--accent)}
/* sidebars: slim, only visible while hovering */
.sidebar::-webkit-scrollbar,.admin-side::-webkit-scrollbar{width:9px}
.sidebar::-webkit-scrollbar-thumb,.admin-side::-webkit-scrollbar-thumb{background-color:transparent}
.sidebar:hover::-webkit-scrollbar-thumb,.admin-side:hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--text) 22%,transparent)}
.sidebar:hover::-webkit-scrollbar-thumb:hover,.admin-side:hover::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--accent) 70%,transparent)}
@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text) 25%,transparent) transparent}}

/* ===== Collapsible admin sidebar (desktop) ===== */
.admin-shell{transition:grid-template-columns .25s ease}
.admin-side .side-toggle{margin:0 0 10px}
@media(max-width:760px){.admin-side .side-toggle{display:none}}
@media(min-width:761px){
 body.admin-collapsed .admin-shell{grid-template-columns:76px minmax(0,1fr)}
 body.admin-collapsed .admin-side{padding:25px 12px;overflow-x:hidden}
 body.admin-collapsed .admin-side .brand{margin:2px 0 22px;justify-content:center}
 body.admin-collapsed .admin-side .brand-name{display:none}
 body.admin-collapsed .admin-side .side-toggle{justify-content:center;padding:9px 0}
 body.admin-collapsed .admin-side .side-toggle span{display:none}
 body.admin-collapsed .admin-side .side-toggle .chev{transform:rotate(180deg)}
 body.admin-collapsed .admin-side .admin-kicker{font-size:0;height:1px;background:var(--edge);margin:14px 8px;padding:0}
 body.admin-collapsed .admin-side .side-link{justify-content:center;padding:11px 0;gap:0;font-size:0;width:100%}
 body.admin-collapsed .admin-side .side-link .count{display:none}
 body.admin-collapsed .admin-side .divider{margin:6px 0}
 body.admin-collapsed .admin-side .side-promo{display:none}
}

/* ===== Home hero refresh ===== */
.hero{min-height:440px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;padding:52px 48px}
@media(min-width:1341px){.hero h1{font-size:58px;line-height:1.08;letter-spacing:-2px}}
.hero-copy>p{font-size:17px;line-height:1.7;max-width:520px;color:var(--muted)}
.hero-search{max-width:560px;padding:9px;border-radius:14px;box-shadow:0 14px 40px -18px rgba(118,70,224,.55)}
.hero-search input{font-size:15px}
.hero-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;max-width:560px}
.hero-chips span{font-size:13px;font-weight:700;color:var(--subtle);margin-right:2px}
.hero-chips a{font-size:13px;font-weight:650;padding:6px 12px;border-radius:999px;border:1px solid var(--edge2);color:var(--muted);background:color-mix(in srgb,var(--surface) 55%,transparent);transition:.2s}
.hero-chips a:hover{color:var(--accent);border-color:var(--accent);background:var(--accentSoft)}
.hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;padding-top:22px;border-top:1px solid var(--edge);max-width:560px}
.hero-proof>span{font-size:13px;line-height:1.5;color:var(--muted)}
.hero-proof>span b{color:var(--text)}
.proof-stack{display:flex;flex-shrink:0}
.proof-stack .tool-logo{width:36px;height:36px;border-radius:50%;border:2px solid var(--surface);background:#fff;margin-left:-10px;box-shadow:0 3px 8px rgba(0,0,0,.2)}
.proof-stack .tool-logo:first-child{margin-left:0}
.proof-stack .tool-logo img{width:62%;height:62%}
.hero-visual{height:auto;min-height:340px;padding-bottom:6px;transform:none!important;margin:0!important;display:flex;align-items:center;justify-content:center;position:relative}
.hero-glow{position:absolute;inset:6% 4%;border-radius:50%;background:radial-gradient(circle,rgba(150,95,255,.42),transparent 68%);filter:blur(34px);animation:hero-glow-pulse 8s ease-in-out infinite}
@keyframes hero-glow-pulse{0%,100%{opacity:.75;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
.showcase{position:relative;z-index:1;width:min(100%,400px);border:1px solid var(--edge2);border-radius:20px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(22px);box-shadow:0 30px 70px -24px rgba(60,20,140,.55),0 0 0 1px rgba(255,255,255,.03) inset;padding:14px;transform:rotate(1.5deg)}
.showcase-head{display:flex;align-items:center;gap:10px;padding:4px 6px 12px}
.showcase-head .dots{display:flex;gap:5px}
.showcase-head .dots i{width:9px;height:9px;border-radius:50%;background:var(--edge2)}
.showcase-head .dots i:first-child{background:#ff6b6b}.showcase-head .dots i:nth-child(2){background:#ffc552}.showcase-head .dots i:nth-child(3){background:#52d68a}
.showcase-head small{font-size:13px;font-weight:700;color:var(--muted)}
.showcase-head em{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:12px;font-weight:750;color:var(--accent);background:var(--accentSoft);padding:4px 9px;border-radius:999px}
.showcase-row{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:13px;transition:background .2s,transform .2s}
.showcase-row+.showcase-row{margin-top:2px}
.showcase-row:hover{background:var(--accentSoft);transform:translateX(3px)}
.showcase-row .rank{width:18px;font-size:13px;font-weight:800;color:var(--subtle);text-align:center}
.showcase-row .tool-logo{width:42px;height:42px;border-radius:12px;background:#fff}
.showcase-row .tool-logo img{width:64%;height:64%}
.showcase-row div{flex:1;min-width:0}
.showcase-row b{display:block;font-size:15px;letter-spacing:-.2px}
.showcase-row small{display:block;font-size:12px;color:var(--subtle);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.showcase-row .go{color:var(--subtle);display:grid;place-items:center;width:28px;height:28px;border-radius:8px}
.showcase-row:hover .go{color:var(--accent)}
.showcase-foot{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:11px;border-radius:12px;border:1px dashed var(--edge2);font-size:13px;font-weight:700;color:var(--accent)}
.showcase-foot:hover{background:var(--accentSoft)}
.hero-visual .float-tool{z-index:2;padding:11px 14px;gap:11px}
.hero-visual .float-tool.f1{top:-4px;right:-18px;left:auto;bottom:auto}
.hero-visual .float-tool.f2{left:-34px;bottom:-40px;top:auto;right:auto}
.ft-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#a967f1,#7785fc);color:#fff;flex-shrink:0}
.hero-visual .float-tool strong{font-size:13px;white-space:nowrap}
.hero-visual .float-tool p{font-size:12px;white-space:nowrap}
@media(max-width:1100px){.hero{grid-template-columns:1fr;gap:34px;padding:40px 34px}.hero-visual{min-height:0}.hero-visual .float-tool.f1{right:0}.hero-visual .float-tool.f2{left:0}}
@media(max-width:640px){.hero{padding:30px 20px}.hero-copy>p{font-size:15px}.hero-visual .float-tool{display:none}.showcase{transform:none}.hero-proof{align-items:flex-start;flex-direction:column;gap:10px}}

/* hero: calmer, less text */
.hero-copy>p{font-size:18px;max-width:440px;margin-bottom:26px}
.hero-proof{margin-top:22px;padding-top:0;border-top:0}
.hero-proof>span{font-size:14px}
.hero-chips a:nth-child(n+5){display:none}
.hero-chips>span{display:none}.hero-chips a:nth-child(n+5){display:none}.hero-chips a:nth-child(n+4){display:inline-flex}.hero-chips{flex-wrap:nowrap}.hero-chips a{white-space:nowrap}@media(max-width:640px){.hero-chips{flex-wrap:wrap}}
.hero-chips{flex-wrap:wrap}

/* sidebars: slim scrollbar that is always faintly visible, stronger on hover */
.sidebar::-webkit-scrollbar-thumb,.admin-side::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--text) 14%,transparent)}
.sidebar:hover::-webkit-scrollbar-thumb,.admin-side:hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--text) 30%,transparent)}
.sidebar::-webkit-scrollbar-thumb:hover,.admin-side::-webkit-scrollbar-thumb:hover,.sidebar:hover::-webkit-scrollbar-thumb:hover,.admin-side:hover::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--accent) 75%,transparent)}

/* ===== Admin dashboard refresh ===== */
.admin-topbar{height:84px;margin-bottom:26px}
.admin-topbar .grow{flex:1;min-width:0}
.admin-search{display:flex;align-items:center;gap:10px;width:100%;max-width:400px;height:46px;padding:0 18px;border:1px solid var(--edge2,var(--edge));border-radius:999px;background:var(--surface);color:var(--muted)}
.admin-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.admin-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:14px}
.admin-search input::placeholder{color:var(--subtle)}
.admin-topbar .top-right{display:flex;align-items:center;gap:10px}
.has-dot-wrap{position:relative}
.bell-dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:#f43f5e;box-shadow:0 0 0 2px var(--bg,#0b0a14)}
.admin-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#38bdf8);border:2px solid color-mix(in srgb,var(--text) 14%,transparent)}
.admin-topbar .new-btn{height:44px;padding:0 20px;font-size:15px;border-radius:12px}

.dash-head{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:22px}
.dash-title h1{font-size:clamp(30px,3.2vw,40px);line-height:1.1;margin:0;letter-spacing:-.02em}
.dash-title p{margin:8px 0 0;color:var(--muted);font-size:15px}
.kpi-strip{display:flex;align-items:stretch}
.kpi{padding:2px 26px;border-left:1px solid var(--edge)}
.kpi:first-child{border-left:0;padding-left:0}
.kpi:last-child{padding-right:0}
.kpi>span{display:block;font-size:13px;color:var(--muted);font-weight:500}
.kpi-row{display:flex;align-items:center;gap:10px;margin-top:6px;white-space:nowrap}
.kpi-row b{font-size:32px;line-height:1;letter-spacing:-.02em}
.pill{display:inline-flex;align-items:center;font-style:normal;font-size:12px;font-weight:600;padding:4px 9px;border-radius:8px;white-space:nowrap}
.pill.up{color:#34d399;background:rgba(52,211,153,.14)}
.pill.blue{color:#60a5fa;background:rgba(96,165,250,.15)}
.pill.warn{color:#fb7185;background:rgba(251,113,133,.15)}
body.light .pill.up{color:#047857;background:rgba(16,185,129,.14)}
body.light .pill.blue{color:#1d4ed8;background:rgba(59,130,246,.14)}
body.light .pill.warn{color:#be123c;background:rgba(244,63,94,.12)}

.dash-row{display:grid;gap:18px;margin-bottom:18px}
.dash-row.r1{grid-template-columns:1.55fr 1fr}
.dash-row.r2{grid-template-columns:1.25fr 1fr}
.dcard{border:1px solid var(--edge);background:var(--surface);border-radius:18px;padding:22px 24px;min-width:0}
.dcard-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.dcard-t{display:inline-flex;align-items:center;gap:10px;font-weight:650;font-size:16px}
.dcard-t svg{color:var(--accent)}
.dsel{font-size:13px;color:var(--muted);padding:5px 12px;border:1px solid var(--edge);border-radius:9px}
.dcard .text-link{font-size:13px}

.hero-card{position:relative;overflow:hidden;color:#fff;border-color:transparent;background:linear-gradient(135deg,#5b3fd6 0%,#40309a 45%,#241d5a 100%)}
.hero-card .dcard-t,.hero-card .dcard-t svg{color:#fff}
.hero-card .dsel{color:rgba(255,255,255,.85);border-color:rgba(255,255,255,.25)}
.hero-card::after{content:"";position:absolute;inset:auto -60px -90px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.45),transparent 70%);pointer-events:none}
.big-num{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.big-num b{font-size:56px;line-height:1;letter-spacing:-.03em}
.big-num span{color:rgba(255,255,255,.75);font-size:15px}
.pill.glass{color:#bbf7d0;background:rgba(255,255,255,.14)}
.dbars{position:relative;z-index:1;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px;align-items:end;height:190px;margin-top:22px;padding-top:34px;background:repeating-linear-gradient(to top,rgba(255,255,255,.09) 0 1px,transparent 1px 25%)}
.dbar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px;position:relative}
.dbar-fill{position:relative;display:block;width:100%;max-width:26px;border-radius:6px 6px 3px 3px;background:linear-gradient(to top,rgba(139,92,246,.65),rgba(196,181,253,.9));min-height:6px}
.dbar-fill.top{background:linear-gradient(to top,#a78bfa,#fff)}
.dbar-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);font-style:normal;font-size:12px;font-weight:600;padding:5px 9px;border-radius:8px;white-space:nowrap;background:#1b1740;border:1px solid rgba(255,255,255,.25);color:#fff}
.dbar small{position:absolute;top:100%;margin-top:6px;font-size:11.5px;color:rgba(255,255,255,.7);white-space:nowrap}
.hero-card .dbars{margin-bottom:26px}

.donut-wrap{display:flex;align-items:center;gap:26px;flex-wrap:wrap;justify-content:center;padding-top:6px}
.donut{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;flex:none}
.donut-in{width:128px;height:128px;border-radius:50%;background:var(--surface);display:grid;place-content:center;text-align:center}
.donut-in b{font-size:34px;line-height:1}
.donut-in small{color:var(--muted);font-size:12.5px;margin-top:4px}
.donut-legend{list-style:none;margin:0;padding:0;flex:1;min-width:190px}
.donut-legend li{display:grid;grid-template-columns:12px 1fr auto 46px;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--edge);font-size:14px}
.donut-legend li:last-child{border-bottom:0}
.donut-legend i{width:10px;height:10px;border-radius:50%}
.donut-legend span{color:var(--muted)}
.donut-legend em{font-style:normal;color:var(--muted);text-align:right;font-size:13px}

.dlist{list-style:none;margin:0;padding:0}
.dlist li{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--edge)}
.dlist li:first-child{border-top:0}
.tick{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--edge2,var(--edge));display:grid;place-items:center;flex:none;color:#fff}
.tick.on{background:var(--accent);border-color:var(--accent)}
.dl-main{flex:1;min-width:0}
.dl-main b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-main small{color:var(--muted);font-size:12.5px}

.hbars{display:grid;gap:12px}
.hbig b{display:block;font-size:30px;line-height:1.1;letter-spacing:-.02em}
.hbig small{color:var(--muted);font-size:13px}
.hbar{display:grid;grid-template-columns:78px 1fr 28px;align-items:center;gap:12px;font-size:13.5px}
.hbar>span{color:var(--muted)}
.hbar b{text-align:right}
.hbar-track{height:9px;border-radius:99px;background:color-mix(in srgb,var(--text) 9%,transparent);overflow:hidden}
.hbar-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7c5cf0,#c4b5fd)}

.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.qa{display:flex;align-items:center;gap:14px;padding:6px 20px;text-align:left;background:transparent;border:0;border-left:1px solid var(--edge);color:var(--text);font:inherit;cursor:pointer;text-decoration:none;min-width:0}
.qa:first-child{border-left:0;padding-left:0}
.qa-ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}
.qa b{display:block;font-size:14.5px}
.qa small{color:var(--muted);font-size:12.5px}
.qa:hover .qa-ic{background:var(--accent);color:#fff}
.dcard.quick{padding-bottom:20px}

@media(max-width:1180px){
 .kpi-strip{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 .kpi{padding:2px 16px}
 .dash-row.r1,.dash-row.r2{grid-template-columns:1fr}
}
@media(max-width:760px){
 .kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}
 .kpi:nth-child(3){border-left:0;padding-left:0}
 .kpi-row b{font-size:26px}
 .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}
 .qa:nth-child(3){border-left:0;padding-left:0}
 .admin-topbar .admin-avatar,.admin-topbar .new-btn{display:none}
 .dbars{gap:6px}
 .dcard{padding:18px}
 .donut-wrap{justify-content:flex-start}
}

.hbar{grid-template-columns:96px 1fr 28px}
.dbar small{font-size:11px;letter-spacing:-.01em}
.admin-search{min-width:0}
@media(max-width:1180px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}.qa:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:760px){.dbar small{display:none}.dbars{height:150px;margin-bottom:6px}.admin-topbar .top-right>a.icon-btn{display:none}.admin-topbar .top-right{gap:6px}.admin-search{height:42px}}

/* ===== Admin inner pages: match dashboard ===== */
.admin-title .eyebrow{display:none}
.admin-title h1{font-size:clamp(28px,3vw,36px);line-height:1.1;margin:0 0 8px;letter-spacing:-.02em}
.admin-title p{font-size:15px;color:var(--muted);margin:0}
.admin-main .panel{border-radius:18px}
.admin-grid .metric{display:flex;flex-direction:column;border-radius:18px;padding:22px 24px;position:relative}
.admin-grid .metric>svg{box-sizing:content-box;padding:12px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent);margin-bottom:16px;align-self:flex-start}
.admin-grid .metric b{font-size:34px;letter-spacing:-.02em;line-height:1}
.admin-grid .metric p{font-size:14px;color:var(--muted);margin-top:8px}
.admin-table .table-scroll,.table-scroll{max-height:640px;overflow:auto}
.admin-table th{position:sticky;top:0;z-index:2;background:var(--surface);font-size:12px;letter-spacing:.08em;font-weight:700}
.admin-table td{font-size:14px;padding:12px}
.admin-table tbody tr{transition:background .15s}
.admin-table tbody tr:hover td{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.table-actions .btn-sm{width:34px;height:34px;padding:0;display:inline-grid;place-items:center;border-radius:10px}
.table-actions .btn-sm:hover{border-color:var(--accent);color:var(--accent)}
.toolbar-admin{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 0 16px}
.toolbar-admin .filter-search{border-radius:999px;min-width:280px;background:var(--surface)}
.chip.green,.status{border-radius:8px}
.panel.panel-pad h3{font-size:17px;letter-spacing:-.01em}
.page-note{border-radius:12px}
@media(max-width:760px){.admin-grid .metric{padding:16px}.admin-grid .metric b{font-size:26px}.toolbar-admin .filter-search{min-width:0;width:100%}}

/* Sidebar scrollbar: inset thumb with breathing room */
.sidebar::-webkit-scrollbar,.admin-side::-webkit-scrollbar{width:14px}
.sidebar::-webkit-scrollbar-track,.admin-side::-webkit-scrollbar-track{background:transparent;margin:10px 0}
.sidebar::-webkit-scrollbar-thumb,.admin-side::-webkit-scrollbar-thumb{border:4px solid transparent;background-clip:padding-box;border-radius:99px}
@media(min-width:761px){
 body.side-collapsed .app-grid{grid-template-columns:84px minmax(0,1fr)}
 body.side-collapsed .app-grid>.sidebar{padding-right:6px}
 body.admin-collapsed .admin-shell{grid-template-columns:92px minmax(0,1fr)}
}