/* SkillSurface Design System v3.5 — premium light SaaS UI (+ dark mode via html.satd-dark). */
.sui{
	--sui-primary:#6d4cff;--sui-primary-2:#3b82f6;--sui-teal:#14b8a6;--sui-ink:#0f1535;--sui-text:#3c4468;--sui-muted:#6b7394;
	--sui-bg:#f5f7ff;--sui-bg-2:#eef1ff;--sui-card:#ffffff;--sui-line:#e6e9f7;--sui-soft:#f1efff;
	--sui-radius:18px;--sui-radius-sm:12px;--sui-shadow:0 10px 30px -14px rgba(48,40,140,.22);--sui-shadow-lg:0 24px 60px -24px rgba(48,40,140,.35);
	--sui-grad:linear-gradient(90deg,#3b6cff 0%,#7c4dff 55%,#b14dff 100%);
	--sui-font:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
	font-family:var(--sui-font);color:var(--sui-text);line-height:1.55;box-sizing:border-box;font-size:15px;
}
.sui *,.sui *::before,.sui *::after{box-sizing:border-box}
.sui a{text-decoration:none;color:inherit}
.sui img{max-width:100%;height:auto}
.sui h1,.sui h2,.sui h3{font-family:var(--sui-font);color:var(--sui-ink);margin:0;line-height:1.15;letter-spacing:-.02em;font-weight:800}
.sui .sui-ph{margin-bottom:14px}
.sui .sui-topdeal h2,.sui .sui-cta-bar h2{color:#fff}
.sui p{margin:0}
.sui-block{position:relative;margin:0 auto 34px;max-width:1280px;padding:34px clamp(16px,3vw,40px);border-radius:28px;background:linear-gradient(180deg,#f7f8ff 0%,#eef2ff 100%)}
.sui-home>.sui-block,.sui-home>section>.sui-block{margin-bottom:22px}
.sui-grad{background:var(--sui-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sui-h1{font-size:clamp(30px,4.4vw,54px);font-weight:800}
.sui-h1-sm{font-size:clamp(26px,3.2vw,40px)}
.sui-h2{font-size:clamp(24px,2.6vw,34px);font-weight:800}
.sui-h1-sub{font-size:clamp(18px,2vw,26px);font-weight:700;color:var(--sui-ink);margin-top:8px}
.sui-lead{font-size:16px;color:var(--sui-muted);margin-top:10px;max-width:680px}
.sui-muted{color:var(--sui-muted)}
.sui-eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 16px;border-radius:999px;background:#fff;border:1px solid var(--sui-line);font-size:13px;font-weight:600;color:var(--sui-primary);box-shadow:var(--sui-shadow);margin-bottom:16px}
.sui-kicker{display:inline-flex;gap:6px;align-items:center;color:var(--sui-primary);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.sui-admin-note{padding:12px 16px;border:1px dashed #f59e0b;border-radius:10px;background:#fffbeb;color:#92400e;font-size:14px}

/* Buttons */
.sui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:11px 20px;font-weight:700;font-size:14px;line-height:1;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;font-family:var(--sui-font);white-space:nowrap}
.sui-btn:hover{transform:translateY(-1px)}
.sui-btn:focus-visible,.sui-tab:focus-visible,.sui-cat:focus-visible,.sui-pg:focus-visible{outline:3px solid #a5b4fc;outline-offset:2px}
.sui-btn-primary{background:var(--sui-grad);color:#fff!important;box-shadow:0 10px 24px -10px rgba(109,76,255,.7)}
.sui-btn-teal{background:linear-gradient(90deg,#10b981,#14b8a6);color:#fff!important}
.sui-btn-outline{background:#fff;border-color:#c7c2ff;color:var(--sui-primary)!important}
.sui-btn-outline.is-on{background:var(--sui-soft);border-color:var(--sui-primary)}
.sui-btn-ghost{background:#fff;border-color:var(--sui-line);color:var(--sui-ink)!important}
.sui-btn-soft{background:var(--sui-soft);color:var(--sui-primary)!important}
.sui-btn-white{background:#fff;color:var(--sui-primary)!important;box-shadow:var(--sui-shadow)}
.sui-btn-sm{padding:9px 12px;font-size:13px;border-radius:10px}
.sui-btn-lg{padding:15px 26px;font-size:16px}
.sui-btn-block{width:100%}
.sui-btn-round{border-radius:999px;width:52px;height:52px;padding:0}
.sui-link,.sui-link-pill{color:var(--sui-primary)!important;font-weight:700;font-size:14px;display:inline-flex;gap:8px;align-items:center}
.sui-link-pill{padding:10px 18px;background:#fff;border:1px solid var(--sui-line);border-radius:999px;box-shadow:var(--sui-shadow)}

/* Badges / chips */
.sui-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;background:#eef2ff;color:#4f46e5}
.sui-p-free{background:#dcfce7;color:#15803d}
.sui-p-freemium{background:#ede9fe;color:#6d28d9}
.sui-p-free-trial{background:#fef3c7;color:#b45309}
.sui-p-paid{background:#fce7f3;color:#be185d}
.sui-p-on-sale{background:#ffedd5;color:#c2410c}
.sui-f-verified{background:#ccfbf1;color:#0f766e}
.sui-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--sui-soft);color:#5b4bd6}
.sui-chip-lg{padding:9px 14px;font-size:13px;background:#fff;border:1px solid var(--sui-line)}

/* Hero */
.sui-hero{text-align:center;padding:56px clamp(16px,4vw,60px) 34px;overflow:hidden;background:radial-gradient(1200px 400px at 50% -10%,#e9e7ff 0%,transparent 60%),linear-gradient(180deg,#f6f7ff,#eef2ff)}
.sui-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.sui-hero .sui-lead{margin-inline:auto}
.sui-robot{position:absolute;right:4%;top:40px;width:clamp(90px,11vw,150px);z-index:1;filter:drop-shadow(0 20px 30px rgba(80,60,200,.25));animation:sui-bob 5s ease-in-out infinite}
@keyframes sui-bob{50%{transform:translateY(-10px)}}
.sui-float{position:absolute;z-index:1;display:flex;gap:10px;align-items:center;padding:10px 14px;background:#fff;border-radius:14px;box-shadow:var(--sui-shadow);text-align:left;font-size:13px}
.sui-float b{display:block;color:var(--sui-ink)}.sui-float small{color:var(--sui-muted)}
.sui-float-ic,.sui-sec-ic,.sui-stat-ic,.sui-gl-ic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c)}
.sui-float-l1{left:3%;top:46px}.sui-float-l2{left:6%;top:140px}.sui-float-r1{right:14%;top:40px}.sui-float-r2{right:12%;top:200px}
@media (max-width:1100px){.sui-float{display:none}.sui-robot{opacity:.35}}

/* Search */
.sui-search{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:1040px;margin:26px auto 0;padding:10px;background:#fff;border:1px solid var(--sui-line);border-radius:20px;box-shadow:var(--sui-shadow-lg)}
.sui-search-input{flex:1 1 300px;display:flex;align-items:center;gap:10px;padding:0 14px;min-height:48px;color:var(--sui-muted)}
.sui-search-input input{flex:1;border:0!important;outline:0;background:transparent!important;font:inherit;font-size:15px;color:var(--sui-ink);min-width:0;box-shadow:none!important;padding:0!important}
.sui-select{border:1px solid var(--sui-line);border-radius:12px;background:#fff;min-height:44px;padding:0 34px 0 12px;font:inherit;font-size:14px;color:var(--sui-ink);cursor:pointer}
.sui-chips{display:flex;flex-wrap:wrap;gap:8px;order:5;flex-basis:100%;justify-content:center;padding:4px 0 2px}
.sui-fchip input{position:absolute;opacity:0;pointer-events:none}
.sui-fchip span{display:inline-flex;gap:6px;align-items:center;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:.15s}
.sui-fchip input:checked+span{border-color:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}
.sui-fchip input:focus-visible+span{outline:3px solid #a5b4fc}
.sui-fchip{display:inline-flex;border-radius:999px}
.sui-search-btn{min-height:48px;padding-inline:26px}
.sui-search-slim{max-width:640px;border-radius:999px;padding:6px 6px 6px 10px}

/* Stats */
.sui-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;max-width:1040px;margin:22px auto 0;background:#fff;border:1px solid var(--sui-line);border-radius:18px;box-shadow:var(--sui-shadow);overflow:hidden}
.sui-stat{display:flex;gap:12px;align-items:center;padding:16px 18px;text-align:left}
.sui-stat+.sui-stat{border-left:1px solid var(--sui-line)}
.sui-stat b{display:block;font-size:20px;font-weight:800;color:var(--sui-ink)}
.sui-stat small{color:var(--sui-muted);font-size:13px}
.sui-stats-block{background:transparent;padding:0}

/* Jump nav */
.sui-jump{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;max-width:1280px;margin:0 auto 22px;padding:12px 18px;background:#fff;border:1px solid var(--sui-line);border-radius:999px;box-shadow:var(--sui-shadow);font-size:14px}
.sui-jump b{color:var(--sui-primary);margin-right:6px}
.sui-jump a{padding:7px 14px;border-radius:999px;background:var(--sui-soft);color:#4c3fd1;font-weight:600}

/* Section heading */
.sui-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.sui-sec-head.is-center{justify-content:center;text-align:center}
.sui-sec-title{display:flex;gap:14px;align-items:center}
.sui-sec-head.is-center .sui-sec-title{flex-direction:column}
.sui-sec-ic{width:46px;height:46px;border-radius:14px;font-size:18px}
.sui-sec-title h2{font-size:clamp(22px,2.4vw,30px);font-weight:800}
.sui-sec-title p{color:var(--sui-muted);font-size:14px;margin-top:4px}

/* Category pills (Browse AI Categories) */
.sui-cat-grid{display:grid;grid-template-columns:repeat(var(--cols,6),minmax(0,1fr));gap:14px}
.sui-cat{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--sui-line);border-radius:16px;box-shadow:0 6px 18px -14px rgba(48,40,140,.4);transition:.18s;min-width:0}
.sui-cat:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c) 45%,#fff);box-shadow:0 14px 30px -18px color-mix(in srgb,var(--c) 70%,transparent)}
.sui-cat-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--c);color:#fff;font-size:16px;box-shadow:0 8px 16px -8px var(--c)}
.sui-cat-txt{min-width:0;font-size:14px;color:var(--sui-ink)}
.sui-cat-txt b{font-weight:700}
.sui-cat-txt em{font-style:normal;color:var(--sui-muted);font-weight:600}
.sui-cat-txt small{display:block;color:var(--sui-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sui-cat-go{display:none}
/* Category cards (All Categories page) */
.sui-cats-cards .sui-cat-grid{gap:18px}
.sui-cats-cards .sui-cat{flex-direction:column;align-items:center;text-align:center;padding:26px 14px 20px;border-radius:20px}
.sui-cats-cards .sui-cat-ic{width:62px;height:62px;border-radius:50%;font-size:24px;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);box-shadow:none}
.sui-cats-cards .sui-cat-txt b{display:block;font-size:15px;margin-top:4px}
.sui-cats-cards .sui-cat-txt strong{display:block;font-size:26px;font-weight:800;color:var(--c);margin-top:6px}
.sui-cats-cards .sui-cat-txt small{white-space:normal}
.sui-cats-cards .sui-cat-go{display:grid;place-items:center;position:absolute;right:12px;bottom:12px;width:26px;height:26px;border-radius:50%;background:var(--sui-soft);color:var(--c);font-size:11px}
.sui-cat-flag{position:absolute;top:10px;right:10px;font-size:11px;font-weight:700;color:#7c3aed;background:#f3e8ff;padding:3px 9px;border-radius:999px}
.sui-page-hero{position:relative;text-align:center;padding:24px 0 30px;display:flex;flex-direction:column;align-items:center}
.sui-page-hero .sui-search{width:100%}
.sui-deco{position:absolute;pointer-events:none;filter:drop-shadow(0 18px 24px rgba(80,60,200,.2))}
.sui-deco-l{left:0;top:10px;width:clamp(70px,9vw,120px)}.sui-deco-r{right:0;top:0;width:clamp(80px,11vw,150px)}

/* Tool cards */
.sui-grid{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:20px}
.sui-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--sui-card);border:1px solid var(--sui-line);border-radius:var(--sui-radius);box-shadow:var(--sui-shadow);transition:.18s;min-width:0}
.sui-card:hover{transform:translateY(-3px);box-shadow:var(--sui-shadow-lg);border-color:#d6d0ff}
.sui-card-top{display:flex;align-items:center;gap:8px}
.sui-card-top .sui-badge{margin-left:auto}
.sui-hot{display:inline-flex;gap:5px;align-items:center;font-size:12px;font-weight:700;color:#ea580c}
.sui-fav{border:0;background:transparent;color:#a3a8c3;cursor:pointer;font-size:16px;padding:4px}
.sui-fav.is-on{color:#ec4899}.sui-fav.is-on i{font-weight:900}
.sui-card-id{display:flex;gap:12px;align-items:center;min-width:0}
.sui-logo{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff;border:1px solid var(--sui-line);overflow:hidden}
.sui-logo img{width:100%;height:100%;object-fit:contain}
.sui-logo-letter{background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 55%,#1e1b4b));color:#fff;font-weight:800;font-size:20px;border:0}
.sui-logo-sm{width:34px;height:34px;border-radius:10px;font-size:14px}
.sui-logo-lg{width:60px;height:60px;border-radius:16px;font-size:24px}
.sui-logo-xl{width:96px;height:96px;border-radius:24px;font-size:40px}
.sui-card-title{font-size:17px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis}
.sui-verified{color:#3b82f6;font-size:14px}
.sui-card-desc{font-size:13.5px;color:var(--sui-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.9em}
.sui-card-meta{display:flex;gap:14px;font-size:13px;color:var(--sui-muted)}
.sui-rating{color:var(--sui-ink);display:inline-flex;gap:4px;align-items:center}
.sui-rating i,.sui-star{color:#f59e0b}
.sui-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:6px}
.sui-card-actions .sui-btn{flex:1;padding-inline:8px}

/* Directory toolbar */
.sui-dir-head{text-align:center;margin:28px 0 18px}
.sui-dir-head .sui-muted{margin-top:6px}
.sui-count{margin-top:8px;font-weight:700;color:var(--sui-primary);font-size:14px}
.sui-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:0 0 20px;padding:10px;background:#fff;border:1px solid var(--sui-line);border-radius:16px;box-shadow:var(--sui-shadow)}
.sui-tabs{display:flex;flex-wrap:wrap;gap:6px}
.sui-tab{display:inline-flex;gap:7px;align-items:center;padding:9px 16px;border-radius:12px;font-weight:700;font-size:14px;color:var(--sui-text)!important;background:transparent}
.sui-tab:hover{background:var(--sui-soft)}
.sui-tab.is-on{background:var(--sui-grad);color:#fff!important;box-shadow:0 8px 20px -10px rgba(109,76,255,.7)}
.sui-tab.sui-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.8}
.sui-tab.sui-p-free{background:transparent;color:#15803d!important}.sui-tab.sui-p-freemium{background:transparent;color:#6d28d9!important}.sui-tab.sui-p-free-trial{background:transparent;color:#b45309!important}.sui-tab.sui-p-paid{background:transparent;color:#be185d!important}
.sui-tab.sui-dot.is-on{background:var(--sui-soft);box-shadow:inset 0 0 0 1px currentColor}
.sui-sort label{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600;color:var(--sui-muted);margin:0}

/* Pagination */
.sui-pager{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:28px}
.sui-pg{display:grid;place-items:center;min-width:42px;height:42px;padding:0 10px;border-radius:12px;background:#fff;border:1px solid var(--sui-line);font-weight:700;color:var(--sui-ink)!important}
.sui-pg.is-on{background:var(--sui-grad);color:#fff!important;border-color:transparent}
.sui-pg.is-off{opacity:.45}.sui-pg.is-gap{border:0;background:transparent}

/* Category listing hero */
.sui-cat-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:center;margin-bottom:22px;padding:30px;background:radial-gradient(600px 300px at 90% 30%,#e7e3ff,transparent 70%),#fff;border:1px solid var(--sui-line);border-radius:24px}
.sui-cat-hero-title{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sui-count-pill{display:inline-flex;gap:6px;align-items:center;padding:7px 14px;border-radius:999px;background:var(--sui-soft);color:var(--sui-primary);font-weight:700;font-size:13px}
.sui-cat-hero .sui-search{margin:18px 0 0;box-shadow:var(--sui-shadow)}
.sui-cat-hero-art{display:flex;flex-direction:column;align-items:center;gap:14px}
.sui-cat-hero-art img{width:min(240px,80%)}
.sui-related{margin-top:30px}.sui-related h3{font-size:18px;margin-bottom:12px}
.sui-related-row{display:flex;flex-wrap:wrap;gap:10px}

/* Roles + pricing */
.sui-role-grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:16px}
.sui-price-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.sui-role,.sui-price{display:flex;gap:14px;align-items:center;padding:18px;background:#fff;border:1px solid var(--sui-line);border-radius:18px;box-shadow:var(--sui-shadow);transition:.18s}
.sui-role:hover,.sui-price:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c) 40%,#fff)}
.sui-role-ic,.sui-price-ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);font-size:20px}
.sui-role-txt{flex:1;min-width:0}
.sui-role-txt b{display:block;color:var(--sui-ink);font-size:15px}
.sui-role-txt b em{font-style:normal;color:var(--c)}
.sui-role-txt strong{display:block;color:var(--c);font-size:15px}
.sui-role-txt small{color:var(--sui-muted);font-size:13px}
.sui-go{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);font-size:12px}
.sui-price{flex-direction:column;text-align:center}

/* CTA */
.sui-cta-bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:var(--sui-grad);color:#fff;padding:28px 34px}
.sui-cta-bar h2{color:#fff;font-size:clamp(20px,2.4vw,28px)}
.sui-cta-bar p{color:rgba(255,255,255,.85)}
.sui-cta-ic{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.18);font-size:24px}
.sui-cta-txt{flex:1;min-width:240px}
.sui-cta-panel{display:grid;grid-template-columns:1.3fr auto 1fr;gap:24px;align-items:center;background:linear-gradient(120deg,#f3f0ff,#e9f0ff);border:1px solid var(--sui-line)}
.sui-cta-art{width:180px}
.sui-checks{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.sui-checks li{display:flex;gap:10px;align-items:center;font-weight:600;color:var(--sui-ink)}
.sui-checks li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dcfce7;color:#16a34a;font-size:11px;flex:none}

/* Deals */
.sui-deals{background:linear-gradient(180deg,#fff4ec 0%,#f6f3ff 60%,#f4f6ff 100%)}
.sui-deals-hero{text-align:center;display:flex;flex-direction:column;align-items:center}
.sui-deals .sui-search{margin-bottom:26px}
.sui-topdeal{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:24px 28px;margin-bottom:22px;border-radius:22px;background:linear-gradient(110deg,#4f46e5,#7c3aed 55%,#c026d3);color:#fff;box-shadow:var(--sui-shadow-lg)}
.sui-topdeal h2{color:#fff;font-size:24px}.sui-topdeal p{color:rgba(255,255,255,.85);max-width:520px}
.sui-crown{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:800;background:rgba(255,255,255,.18);padding:5px 12px;border-radius:999px;margin-bottom:12px}
.sui-topdeal-id{display:flex;gap:16px;align-items:center}
.sui-topdeal-r{min-width:220px;text-align:center}
.sui-dprice{display:block;font-size:24px;font-weight:800;margin-bottom:10px}
.sui-deal-grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:18px}
.sui-deal{display:flex;gap:14px;padding:18px;background:#fff;border:1px solid var(--sui-line);border-radius:18px;box-shadow:var(--sui-shadow)}
.sui-deal-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.sui-deal h3{font-size:17px}.sui-deal p{font-size:13px;color:var(--sui-muted)}
.sui-deal-f{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}
.sui-deal .sui-dprice{font-size:18px;margin:0;color:var(--sui-primary)}

/* Compare */
.sui-table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--sui-line);border-radius:18px;box-shadow:var(--sui-shadow)}
.sui-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.sui-table th,.sui-table td{padding:12px 16px;border-bottom:1px solid var(--sui-line);text-align:left}
.sui-table thead th{background:var(--sui-soft)}
.sui-th-tool{display:flex;gap:10px;align-items:center;font-weight:800;color:var(--sui-ink)}
.sui-yes{color:#16a34a}.sui-no{color:#cbd0e1}
.sui-cbar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:99990;max-width:calc(100% - 24px)}
.sui-cbar-in{display:flex;gap:12px;align-items:center;padding:10px 12px 10px 18px;background:#fff;border:1px solid var(--sui-line);border-radius:999px;box-shadow:var(--sui-shadow-lg);font-size:14px;font-weight:600;color:var(--sui-ink)}
.sui-cbar-names{max-width:44vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Empty state */
.sui-empty{text-align:center;padding:48px 20px;background:#fff;border:1px dashed #cfd3ee;border-radius:22px}
.sui-empty-ic{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 14px;border-radius:50%;background:var(--sui-soft);color:var(--sui-primary);font-size:28px}
.sui-empty h3{font-size:22px;margin-bottom:6px}.sui-empty p{color:var(--sui-muted)}
.sui-empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.sui-empty .sui-btn{margin-top:14px}.sui-empty-actions .sui-btn{margin-top:0}

/* Single tool */
.sui-tool{max-width:1280px;margin:0 auto;padding:10px 0 40px}
.sui-crumbs{font-size:13px;color:var(--sui-muted);margin-bottom:16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sui-crumbs a{color:var(--sui-primary)!important;font-weight:600}.sui-crumbs i{font-size:10px}
.sui-tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}
.sui-tool-main,.sui-tool-side{display:grid;gap:20px;min-width:0}
.sui-tool-side{position:sticky;top:20px}
.sui-panel{padding:24px;background:#fff;border:1px solid var(--sui-line);border-radius:22px;box-shadow:var(--sui-shadow)}
.sui-ph{font-size:20px;font-weight:800;margin-bottom:14px}
.sui-ph-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.sui-ph-row .sui-ph{margin:0}
.sui-tool-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;background:radial-gradient(500px 200px at 100% 0,#efeaff,transparent 70%),#fff}
.sui-tool-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.sui-tool-title{font-size:clamp(28px,3.4vw,42px);font-weight:800}
.sui-tool-tag{font-size:16px;color:var(--sui-muted);margin-top:6px!important}
.sui-tool-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:14px;color:var(--sui-muted)}
.sui-tool-cta{display:grid;gap:10px;min-width:220px}
.sui-tool-cta-row{display:flex;gap:8px}.sui-tool-cta-row .sui-btn{flex:1}
.sui-prose{font-size:15px;color:var(--sui-text)}.sui-prose p{margin:0 0 12px}
.sui-feat-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.sui-fc{display:inline-flex;gap:7px;align-items:center;padding:9px 14px;border-radius:12px;background:color-mix(in srgb,var(--c) 10%,#fff);color:color-mix(in srgb,var(--c) 75%,#111);font-weight:700;font-size:13px}
.sui-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.sui-plan{padding:18px;border:1px solid var(--sui-line);border-radius:18px}
.sui-plan.is-pop{border-color:var(--sui-primary);box-shadow:0 0 0 3px #ede9fe}
.sui-plan-h{display:flex;justify-content:space-between;align-items:center;font-weight:800;color:var(--sui-ink)}
.sui-plan-pop{font-size:11px;background:var(--sui-grad);color:#fff;padding:3px 9px;border-radius:999px}
.sui-plan-p{margin:10px 0 14px}.sui-plan-p b{font-size:28px;color:var(--sui-ink)}
.sui-proscons{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sui-pros,.sui-cons{padding:18px;border-radius:16px;background:#f0fdf4}.sui-cons{background:#fff1f2}
.sui-pros h3{color:#15803d}.sui-cons h3{color:#be123c}
.sui-pros ul,.sui-cons ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px;font-size:14px}
.sui-pros i{color:#16a34a}.sui-cons i{color:#e11d48}
.sui-glance{margin:0;display:grid;gap:14px}
.sui-glance>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px}
.sui-gl-ic{grid-row:span 2}
.sui-glance dt{font-size:12px;color:var(--sui-muted);font-weight:600}.sui-glance dd{margin:0;font-weight:700;color:var(--sui-ink)}
.sui-checklist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:13.5px}
.sui-checklist .is-yes i{color:#16a34a}.sui-checklist .is-no{color:var(--sui-muted)}.sui-checklist .is-no i{color:#cbd0e1}
.sui-similar{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sui-similar a{display:flex;gap:12px;align-items:center}
.sui-similar b{display:block;color:var(--sui-ink);font-size:14px}.sui-similar small{display:block;color:var(--sui-muted);font-size:12px}.sui-similar em{font-style:normal;font-size:12px}.sui-similar em i{color:#f59e0b}
.sui-tool-side .sui-btn+.sui-btn{margin-top:10px}
.sui-side-cta{text-align:center;background:linear-gradient(160deg,#f3f0ff,#e8efff)}
.sui-side-cta>i{font-size:30px;color:var(--sui-primary)}
.sui-side-cta h2{font-size:20px;margin:10px 0 6px}.sui-side-cta p{color:var(--sui-muted);font-size:14px;margin-bottom:14px}

/* Loading */
.sui-block.is-loading{opacity:.55;pointer-events:none;transition:opacity .15s}

/* Responsive */
@media (max-width:1200px){.sui-cat-grid{grid-template-columns:repeat(min(var(--cols,6),4),minmax(0,1fr))}.sui-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1024px){.sui-grid{grid-template-columns:repeat(min(var(--cols,4),3),minmax(0,1fr))}.sui-tool-layout{grid-template-columns:1fr}.sui-tool-side{position:static}.sui-cta-panel{grid-template-columns:1fr}.sui-cta-art{display:none}.sui-deal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.sui-grid,.sui-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sui-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sui-cat-hero{grid-template-columns:1fr}.sui-cat-hero-art{display:none}.sui-tool-head{grid-template-columns:auto 1fr}.sui-tool-cta{grid-column:1/-1}.sui-stat+.sui-stat{border-left:0}}
@media (max-width:600px){.sui-block{border-radius:20px;padding:24px 14px}.sui-grid,.sui-role-grid,.sui-deal-grid,.sui-price-grid{grid-template-columns:1fr}.sui-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sui-pills .sui-cat-grid{grid-template-columns:1fr}.sui-proscons,.sui-checklist{grid-template-columns:1fr}.sui-toolbar{flex-direction:column;align-items:stretch}.sui-search-btn,.sui-select{width:100%}.sui-tool-head{grid-template-columns:1fr;text-align:left}.sui-logo-xl{width:72px;height:72px}}
@media (prefers-reduced-motion:reduce){.sui *{animation:none!important;transition:none!important}}

/* Dark mode (follows the plugin's html.satd-dark switch) */
html.satd-dark .sui{--sui-ink:#f1f3ff;--sui-text:#c9cdea;--sui-muted:#959cc4;--sui-card:#151a33;--sui-line:#262c52;--sui-soft:#221e4a;--sui-shadow:0 10px 30px -14px rgba(0,0,0,.7)}
html.satd-dark .sui-block{background:linear-gradient(180deg,#0f1328,#0c1022)}
html.satd-dark .sui-hero{background:radial-gradient(1200px 400px at 50% -10%,#2a2366 0%,transparent 60%),#0c1022}
html.satd-dark .sui-search,html.satd-dark .sui-stats,html.satd-dark .sui-cat,html.satd-dark .sui-card,html.satd-dark .sui-toolbar,html.satd-dark .sui-pg,html.satd-dark .sui-role,html.satd-dark .sui-price,html.satd-dark .sui-panel,html.satd-dark .sui-deal,html.satd-dark .sui-empty,html.satd-dark .sui-table-wrap,html.satd-dark .sui-float,html.satd-dark .sui-jump,html.satd-dark .sui-eyebrow,html.satd-dark .sui-link-pill,html.satd-dark .sui-btn-ghost,html.satd-dark .sui-btn-outline,html.satd-dark .sui-select,html.satd-dark .sui-cbar-in,html.satd-dark .sui-chip-lg,html.satd-dark .sui-cat-hero,html.satd-dark .sui-logo{background:#151a33;border-color:#262c52}
html.satd-dark .sui-cta-panel,html.satd-dark .sui-side-cta{background:linear-gradient(140deg,#1d1a45,#141a3a)}
html.satd-dark .sui-deals{background:linear-gradient(180deg,#1a1430,#0c1022)}
html.satd-dark .sui-pros{background:#0f2a1c}html.satd-dark .sui-cons{background:#2c1219}
html.satd-dark .sui-table thead th{background:#1b1f40}
html.satd-dark .sui-select,html.satd-dark .sui-search-input input{color:#f1f3ff}

/* Break out of narrow theme content columns (not inside Elementor, which controls its own width). */
.sui-home,.sui-tool,.sui-block:not(.sui-home .sui-block):not(.elementor .sui-block){width:min(1280px,calc(100vw - 32px))!important;max-width:none!important;position:relative;left:50%;transform:translateX(-50%)}
.sui-home .sui-block{width:auto;max-width:none}
.elementor .sui-home,.elementor .sui-tool{width:auto!important;left:auto;transform:none}


/* === v4.0.0 Enhanced Full-Page Templates & Widgets Styling === */
.sui-deals-hero-split{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;margin-bottom:22px}
.sui-deals-trust-top{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}
.sui-dt-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--sui-line);border-radius:14px;padding:10px 14px;box-shadow:var(--sui-shadow)}
.sui-dt-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);font-size:16px;flex-shrink:0}
.sui-dt-item b{display:block;font-size:13.5px;color:var(--sui-ink)}.sui-dt-item small{font-size:11.5px;color:var(--sui-muted)}
.sui-deals-mockup{position:relative;background:linear-gradient(145deg,#eff6ff,#f5f3ff);border:1px solid #dbeafe;border-radius:20px;padding:18px;box-shadow:var(--sui-shadow-lg)}
.sui-dm-bar{display:flex;gap:6px;margin-bottom:14px}.sui-dm-bar span{width:10px;height:10px;border-radius:50%;background:#cbd5e1}
.sui-dm-body{display:flex;align-items:center;gap:18px;padding:18px;background:#fff;border-radius:16px;border:1px solid var(--sui-line)}
.sui-dm-save{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-radius:14px;padding:12px 16px;text-align:center;min-width:92px}
.sui-dm-save small{display:block;font-size:11px;font-weight:700}.sui-dm-save b{font-size:26px;font-weight:900}
.sui-dm-copy{font-size:16px;line-height:1.35;color:var(--sui-ink)}
.sui-dm-float{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--sui-line);border-radius:14px;padding:10px 14px;box-shadow:var(--sui-shadow);margin-top:10px}
.sui-dm-float b{display:block;font-size:13px;color:var(--sui-ink)}.sui-dm-float small{font-size:11.5px;color:var(--sui-muted)}
.sui-deals-cat-pills{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 22px}
.sui-dcat-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:#fff;border:1px solid var(--sui-line);font-weight:700;font-size:13.5px;color:var(--sui-ink)!important;text-decoration:none!important;transition:all .15s}
.sui-dcat-pill.is-on,.sui-dcat-pill:hover{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff!important;border-color:transparent}
.sui-topdeal-perks{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:13px;color:rgba(255,255,255,.92)}
.sui-topdeal-card{background:#fff;color:var(--sui-ink);border-radius:18px;padding:18px 22px;min-width:230px;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.sui-td-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.sui-td-top del{color:#94a3b8;font-size:14px;font-weight:600}
.sui-disc-badge{background:#f43f5e;color:#fff;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px}
.sui-td-price{margin-bottom:12px}.sui-td-price strong{font-size:30px;font-weight:900;color:#0f172a}.sui-td-price small{color:#64748b;font-size:13px}
.sui-deal-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sui-disc-pill{background:#ffe4e6;color:#e11d48;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;flex-shrink:0}
.sui-deal-prices{display:flex;align-items:baseline;gap:6px}
.sui-deal-prices del{color:#94a3b8;font-size:13px}
.sui-dprice-red{color:#e11d48;font-size:20px;font-weight:900}
.sui-deals-footer-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;padding-top:22px;border-top:1px solid var(--sui-line)}
.sui-dfs-item{display:flex;align-items:center;gap:12px;justify-content:center}
.sui-dfs-item b{display:block;font-size:17px;color:var(--sui-ink)}.sui-dfs-item small{font-size:12.5px;color:var(--sui-muted)}
.sui-fc-hero{display:grid;grid-template-columns:180px 1fr 250px;gap:20px;align-items:center;margin-bottom:20px}
.sui-fc-hero-center{text-align:center}
.sui-fc-benefits{display:grid;gap:10px}
.sui-fc-bcard{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--sui-line);border-radius:14px;padding:10px 14px;box-shadow:var(--sui-shadow)}
.sui-fc-bcard b{display:block;font-size:13px;color:var(--sui-ink)}.sui-fc-bcard small{font-size:11.5px;color:var(--sui-muted)}
.sui-fc-catstrip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid var(--sui-line);border-radius:18px;margin:18px 0 24px;box-shadow:var(--sui-shadow)}
.sui-fc-cpill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:12px;background:var(--sui-soft);color:var(--sui-ink)!important;text-decoration:none!important;font-size:13px;font-weight:700}
.sui-fc-cic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--c);color:#fff;font-size:12px}
.sui-fc-more{font-weight:700;font-size:13px;color:var(--sui-primary)!important;margin-left:auto}
.sui-search-caption{text-align:center;font-size:13px;color:var(--sui-muted);margin:10px 0 0}
.sui-key-feats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sui-kf-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:14px;background:#f8fafc;border:1px solid var(--sui-line)}
.sui-kf-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--c);color:#fff;font-size:16px;flex-shrink:0}
.sui-kf-item b{display:block;font-size:14.5px;color:var(--sui-ink);margin-bottom:2px}.sui-kf-item small{font-size:13px;color:var(--sui-muted);line-height:1.4}
.sui-faq-list{display:grid;gap:10px}
.sui-faq-item{border:1px solid var(--sui-line);border-radius:14px;padding:14px 18px;background:#f8fafc}
.sui-faq-item summary{font-weight:800;font-size:15px;color:var(--sui-ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.sui-faq-item summary::-webkit-details-marker{display:none}
.sui-faq-item p{margin:10px 0 0;font-size:14px;color:var(--sui-muted);line-height:1.55}
@media(max-width:960px){.sui-deals-hero-split,.sui-fc-hero,.sui-key-feats-grid{grid-template-columns:1fr}.sui-fc-robot{margin:0 auto}.sui-deals-footer-stats{grid-template-columns:repeat(2,1fr)}}

/* v4.1 — Clickable Favicon Links & Get API Buttons */
.sui-logo-link { display: inline-flex; text-decoration: none; border-radius: 14px; transition: transform .15s ease, box-shadow .15s ease; }
.sui-logo-link:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(79,70,229,.18); }
.sui-logo-has-img { position: relative; display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #e2e8f0; overflow: hidden; }
.sui-logo-has-img img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
.sui-logo-fallback { width: 100%; height: 100%; align-items: center; justify-content: center; font-weight: 800; color: #fff; background: var(--c, #4f46e5); }
.sui-btn-api { background: linear-gradient(135deg, #0ea5e9, #2563eb); color: #fff !important; border: 0; font-weight: 700; }
.sui-btn-api:hover { background: linear-gradient(135deg, #0284c7, #1d4ed8); color: #fff !important; transform: translateY(-1px); }
.sui-fchip.sui-f-api input:checked + span { background: #0ea5e9; color: #fff; border-color: #0ea5e9; }