/* SaaSAlways home v3: tool first */
.sa13 *{box-sizing:border-box}
/* Hero search */
.sa13-search{display:flex;align-items:center;gap:8px;max-width:720px;margin:0 auto;padding:7px 7px 7px 18px;border:1px solid rgba(214,58,249,.45);border-radius:16px;background:#14111C;box-shadow:0 0 0 1px rgba(124,44,245,.15),0 22px 50px rgba(0,0,0,.45),0 0 40px rgba(124,44,245,.18)}
.sa13-search:focus-within{border-color:#D63AF9;box-shadow:0 0 0 4px rgba(214,58,249,.18),0 22px 50px rgba(0,0,0,.45)}
.sa13-search-ico{display:inline-flex;color:#C4A2FF}
.sa13-search-ico svg{width:20px;height:20px}
.sa-component .sa13-search input[type=search]{flex:1 1 auto;min-width:0;min-height:52px;padding:10px 4px;border:0;background:transparent;color:#F6F3FF;font-size:16px;box-shadow:none;outline:none}
.sa-component .sa13-search input::placeholder{color:#7F7896}
.sa13-search button{flex:0 0 auto;min-height:52px;padding:10px 26px;border:0;border-radius:11px;background:#7C2CF5;color:#fff;font-family:Sora,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s}
.sa13-search button:hover{background:#8B3DFF;box-shadow:0 0 0 4px rgba(214,58,249,.18)}
.sa13-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px auto 0}
.sa-component .sa13-chips a{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:6px 8px 6px 16px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:999px;background:rgba(20,17,28,.75);color:#F6F3FF!important;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s}
.sa-component .sa13-chips a:hover{border-color:#D63AF9;background:#21163A}
.sa13-chips a span{min-width:26px;padding:3px 8px;border-radius:999px;background:#21163A;color:#C4A2FF;font-size:11px;text-align:center}

/* Grid head */
.sa13-grid-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:22px}
.sa-component .sa13-grid-head h2{margin:0 0 6px;font-size:clamp(26px,3vw,34px);letter-spacing:-.02em}
.sa-component .sa13-grid-head p{margin:0;color:#ABA4BF;font-size:15px}
.sa-component .sa13-all{display:inline-flex;align-items:center;gap:6px;color:#C4A2FF;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.sa-component .sa13-all:hover{color:#F6F3FF}

/* Tabs */
.sa13-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.sa13-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:999px;background:#110E18;color:#D9D2EA;font-family:Sora,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.sa13-tabs button span{padding:2px 8px;border-radius:999px;background:#21163A;color:#C4A2FF;font-size:11px}
.sa13-tabs button:hover{border-color:rgba(214,58,249,.6)}
.sa13-tabs button[aria-selected=true]{background:#7C2CF5;border-color:#7C2CF5;color:#fff}
.sa13-tabs button[aria-selected=true] span{background:rgba(255,255,255,.18);color:#fff}
.sa13-tabs button:focus-visible{outline:3px solid #C4A2FF;outline-offset:3px}

/* Cards */
.sa13-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sa13-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:18px;background:linear-gradient(180deg,#181322,#110E18);transition:border-color .15s,transform .15s,box-shadow .15s}
.sa13-card:hover{border-color:rgba(214,58,249,.55);transform:translateY(-3px);box-shadow:0 18px 44px rgba(124,44,245,.2)}
.sa13-card[hidden]{display:none}
.sa13-card-head{display:flex;align-items:center;gap:14px}
.sa13-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:13px;overflow:hidden;background:#fff}
.sa13-logo img{width:100%;height:100%;object-fit:contain}
.sa13-mono{background:linear-gradient(135deg,#2A1A4A,#3A0B8C);border:1px solid rgba(139,61,255,.55);font-family:Sora,sans-serif;font-size:21px;font-weight:700;color:#E9DDFF}
.sa13-title{min-width:0}
.sa-component .sa13-card h3{margin:0;font-size:19px;line-height:1.25}
.sa-component .sa13-card h3 a{color:#F6F3FF;text-decoration:none}
.sa-component .sa13-card h3 a::after{content:"";position:absolute;inset:0;border-radius:18px}
.sa-component .sa13-card h3 a:hover{color:#C4A2FF}
.sa-component .sa13-cats{margin:3px 0 0;font-size:12px;color:#3DE8E0;font-weight:600}
.sa-component .sa13-desc{margin:0;font-size:14px;line-height:1.6;color:#C9C2DA;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sa13-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
.sa13-facts div{padding:10px 11px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:11px;background:#0E0B15}
.sa13-facts dt{margin:0 0 3px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#7F7896}
.sa13-facts dd{margin:0;font-family:Sora,sans-serif;font-size:14px;font-weight:600;color:#F6F3FF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa13-facts dd.sa13-ok{color:#8BE3AE}
.sa13-facts dd.sa13-muted{color:#ABA4BF;font-weight:500}
.sa13-int{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.sa13-int>span{font-size:12px;color:#7F7896;font-weight:600}
.sa13-int ul,.sa13-feat{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sa13-int li{padding:3px 9px;border-radius:7px;background:#1D1730;border:1px solid #2C2340;color:#E2DBF2;font-size:12px;font-weight:600}
.sa13-int li.sa13-more{color:#C4A2FF}
.sa13-feat li{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#ABA4BF}
.sa13-feat li svg{width:13px;height:13px;color:#D63AF9}
.sa13-actions{position:relative;z-index:2;display:flex;gap:10px;margin-top:auto}
.sa-component .sa13-view{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:10px;background:#7C2CF5;color:#fff!important;font-family:Sora,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s}
.sa-component .sa13-view:hover{background:#8B3DFF}
.sa-component .sa13-visit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1.5px solid #D63AF9;border-radius:10px;background:rgba(214,58,249,.08);color:#fff!important;font-family:Sora,sans-serif;font-size:14px;font-weight:600;text-decoration:none}
.sa-component .sa13-visit:hover{background:rgba(214,58,249,.2)}
.sa13-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid rgba(44,35,64,.8)}
.sa13-foot small{font-size:12px;color:#7F7896;text-align:right}
.sa13-foot .sa-compare-label{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#D9D2EA;cursor:pointer}
.sa-component .sa13-note{margin:18px 0 0;font-size:13px;color:#7F7896}

/* Empty */
.sa13-empty{display:flex;gap:20px;align-items:flex-start;padding:30px;border:1px dashed rgba(139,61,255,.5);border-radius:20px;background:#110E18}
.sa13-empty-ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 56px;height:56px;border-radius:15px;background:#21163A;color:#C4A2FF}
.sa-component .sa13-empty h3{margin:0 0 8px;font-size:21px}
.sa-component .sa13-empty p{margin:0 0 18px;color:#ABA4BF;max-width:640px}
.sa13-empty-actions{display:flex;flex-wrap:wrap;gap:12px}
.sa-component .sa13-empty-actions .sa-button{width:auto;margin:0}

/* Comparisons */
.sa13-cmp{margin-top:36px}
.sa-component .sa13-cmp h3{margin:0 0 12px;font-size:18px}
.sa13-cmp ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.sa-component .sa13-cmp a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 16px 8px 8px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:12px;background:#14111C;color:#F6F3FF;font-weight:600;font-size:14px;text-decoration:none}
.sa-component .sa13-cmp a:hover{border-color:#D63AF9}
.sa13-vs{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#8B3DFF,#D63AF9);font-size:11px;font-weight:800;text-transform:uppercase;color:#fff}

/* Strip */
.sa13-strip{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:18px 26px;padding:22px 26px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:18px;background:#110E18}
.sa13-strip-item{display:flex;gap:12px;align-items:flex-start}
.sa13-strip-item>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:10px;background:#21163A;color:#C4A2FF}
.sa13-strip-item svg{width:18px;height:18px}
.sa-component .sa13-strip-item strong{display:block;font-family:Sora,sans-serif;font-size:14px;color:#F6F3FF}
.sa-component .sa13-strip-item p{margin:2px 0 0;font-size:13px;line-height:1.5;color:#ABA4BF}
.sa-component .sa13-strip-link{color:#C4A2FF;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.sa13-next{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:16px}
.sa13-next>span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7F7896}
.sa13-next ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sa13-next li{padding:4px 11px;border-radius:999px;border:1px dashed #3A2F55;color:#ABA4BF;font-size:12px}

@media (max-width:1024px){
 .sa13-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sa13-strip{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
 .sa13-search{padding:5px 5px 5px 12px}
 .sa13-search button{padding:10px 16px}
 .sa13-grid{grid-template-columns:1fr}
 .sa13-strip{grid-template-columns:1fr;padding:20px}
 .sa13-empty{flex-direction:column;padding:22px}
 .sa13-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
 .sa13-tabs button{flex:0 0 auto}
}
@media (prefers-reduced-motion:reduce){.sa13-card,.sa13-search button{transition:none}.sa13-card:hover{transform:none}}
/* overflow fix */
.sa13-card{min-width:0}
.sa13-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:767px){.sa13-grid{grid-template-columns:minmax(0,1fr)}.sa13-facts dd{white-space:normal;font-size:13px}}
@media (max-width:767px){.sa13-facts div{padding:9px 9px}}