/* SaaSAlways single comparison */
.sac-ico{flex:0 0 auto;vertical-align:-3px}
.sac-hero{padding:40px 0 56px}
.sac-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 28px;font-size:13px;color:#7F7896}
.sa-component .sac-crumbs a{color:#ABA4BF;text-decoration:none}
.sa-component .sac-crumbs a:hover{color:#F6F3FF}
.sac-crumbs [aria-current]{color:#C4A2FF}
.sac-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}
.sac-head .sas-eyebrow{margin:0!important}
.sa-component .sac-cat{display:inline-flex;align-items:center;min-height:30px;padding:4px 12px;border:1px solid rgba(61,232,224,.35);border-radius:999px;background:rgba(61,232,224,.07);color:#3DE8E0;font-size:12px;font-weight:600;text-decoration:none}
.sac-vs-word{background:linear-gradient(90deg,#8B3DFF,#D63AF9);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.sa-component .sac-hero .sas-lead{margin-bottom:12px}
.sac-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 36px!important;font-size:14px;color:#ABA4BF}
.sa-component .sac-meta a{color:#C4A2FF}

/* Face-off */
.sac-faceoff{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sac-vs{position:absolute;left:50%;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#8B3DFF,#3A0B8C);border:2px solid #D63AF9;box-shadow:0 0 0 6px #09080D,0 0 28px rgba(214,58,249,.55);font-family:Sora,sans-serif;font-size:16px;font-weight:800;letter-spacing:.04em;color:#fff}
.sac-card{display:flex;flex-direction:column;gap:18px;padding:26px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:20px;background:linear-gradient(180deg,#191426,#110E18);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.sac-card:first-of-type{border-color:rgba(139,61,255,.45)}
.sac-card:last-of-type{border-color:rgba(214,58,249,.4)}
.sac-card-top{display:flex;align-items:center;gap:16px}
.sa-component .sac-card h2{margin:0;font-size:24px;line-height:1.2}
.sa-component .sac-card h2 a{color:#F6F3FF;text-decoration:none}
.sa-component .sac-card h2 a:hover{color:#C4A2FF}
.sa-component .sac-tag{margin:4px 0 0;font-size:14px;color:#ABA4BF}
.sac-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:56px;height:56px;border-radius:14px;overflow:hidden;background:#fff}
.sac-logo img{width:100%;height:100%;object-fit:contain}
.sac-mono{background:linear-gradient(135deg,#21163A,#3A0B8C);border:1px solid rgba(139,61,255,.55);font-family:Sora,sans-serif;font-size:24px;font-weight:700;color:#E9DDFF}
.sac-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.sac-mini div{padding:12px 14px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:12px;background:#0E0B15}
.sac-mini dt{margin:0 0 4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7F7896}
.sac-mini dd{margin:0;font-family:Sora,sans-serif;font-size:17px;font-weight:600;color:#F6F3FF}
.sa-component .sac-best{margin:0;font-size:15px;line-height:1.6;color:#D9D2EA}
.sac-best>span:first-child{display:block;margin-bottom:4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7F7896}
.sac-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:auto}
.sa-component .sac-profile{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;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 .sac-profile:hover{background:rgba(214,58,249,.2)}
.sa-component .sac-visit{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;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,box-shadow .15s}
.sa-component .sac-visit:hover{background:#8B3DFF;box-shadow:0 0 0 4px rgba(214,58,249,.18)}
.sac-aff{font-size:12px;color:#7F7896}

/* Value states */
.sac-nv{display:inline-flex;padding:2px 9px;border-radius:999px;border:1px dashed rgba(241,199,122,.45);color:#F1C77A;font-size:12px;font-weight:600;white-space:nowrap}
.sac-yes{display:inline-flex;align-items:center;gap:6px;color:#8BE3AE;font-weight:600}
.sac-no{display:inline-flex;align-items:center;gap:6px;color:#F6A3B5;font-weight:600}
.sac-nd{display:inline-flex;align-items:center;gap:6px;color:#7F7896}

/* Body */
.sac-body{padding-top:8px}
.sac-disclose{display:flex;gap:12px;align-items:flex-start;margin:0 0 40px;padding:16px 18px;border:1px solid rgba(61,232,224,.25);border-radius:14px;background:rgba(61,232,224,.05);color:#3DE8E0}
.sa-component .sac-disclose p{margin:0;font-size:14px;line-height:1.6;color:#C9C2DA}
.sa-component .sac-disclose a{color:#C4A2FF}
.sac-verdict,.sac-bottom{margin:0 0 44px}
.sac-verdict-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}
.sa-component .sac-verdict-head .sas-h2{margin:0}
.sac-opinion{padding:4px 11px;border-radius:999px;border:1px solid rgba(214,58,249,.45);background:rgba(214,58,249,.1);color:#E79BFB;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sac-choose{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sac-choose-card{padding:22px;border:1px solid var(--e-global-color-border,#2C2340);border-left:3px solid #8B3DFF;border-radius:14px;background:#14111C}
.sac-choose-card:nth-child(2){border-left-color:#D63AF9}
.sa-component .sac-choose-card h3{margin:0 0 8px;font-size:17px}
.sa-component .sac-choose-card p{margin:0;font-size:15px;line-height:1.65;color:#C9C2DA}
.sa-component .sac-table-title{margin-bottom:6px}

/* Table */
.sac-table th,.sac-table td{border:0}
.sac-table-wrap{margin:18px 0 44px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:18px;background:#110E18}
.sac-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:15px}
.sac-table thead th,.sac-table thead td{position:sticky;top:0;z-index:3;padding:16px 20px;background:#171320;border-bottom:1px solid var(--e-global-color-border,#2C2340);text-align:left}
.sac-table thead th:first-of-type{border-top-left-radius:0}
.sac-table thead tr>*:first-child{border-top-left-radius:18px;width:30%}
.sac-table thead tr>*:last-child{border-top-right-radius:18px}
.sac-table thead th{font-family:Sora,sans-serif;font-size:16px;font-weight:600;color:#F6F3FF}
.sac-table thead th .sac-logo{width:28px;height:28px;border-radius:8px;margin-right:10px;vertical-align:middle;font-size:14px}
.sac-table thead th span:last-child{vertical-align:middle}
.sac-table tbody th,.sac-table tbody td{padding:14px 20px;border-bottom:1px solid rgba(44,35,64,.7);vertical-align:top;text-align:left;line-height:1.55}
.sac-table tbody th{font-weight:600;font-size:14px;color:#ABA4BF}
.sac-table tbody td{color:#F6F3FF}
.sac-table tbody td+td{border-left:1px solid rgba(44,35,64,.7)}
.sac-table tbody tr:not(.sac-group):hover>*{background:rgba(33,22,58,.35)}
.sac-group th{padding:22px 20px 10px!important;background:transparent;border-bottom:1px solid var(--e-global-color-border,#2C2340)!important;font-family:Sora,sans-serif;font-size:12px!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;color:#C4A2FF!important}
.sac-table tbody:last-child tr:last-child>*{border-bottom:0}
.sac-sources{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sa-component .sac-sources a{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#C4A2FF;text-decoration:none}
.sa-component .sac-sources a:hover{text-decoration:underline}
.sac-sources .sac-ico{width:14px;height:14px}

/* Bottom line + next */
.sac-bottom{padding:26px;border:1px solid rgba(139,61,255,.4);border-radius:18px;background:linear-gradient(135deg,rgba(124,44,245,.12),rgba(214,58,249,.05) 60%,transparent)}
.sa-component .sac-bottom p{margin:0;font-size:16px;line-height:1.7;color:#E2DBF2}
.sa-component .sac-bottom .sac-rev{margin-top:12px;font-size:13px;color:#7F7896}
.sac-next{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 48px}
.sac-next-card{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:20px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:16px;background:#14111C}
.sac-next-card .sac-logo{width:40px;height:40px;border-radius:10px;font-size:18px}
.sa-component .sac-next-card h3{margin:0 0 2px;font-size:17px}
.sa-component .sac-next-card .sac-profile{min-height:0;padding:0;border:0;background:none;color:#C4A2FF!important;font-family:inherit;font-size:14px}
.sac-next-cta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto}

/* Related */
.sac-related{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:8px}
.sac-rel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sa-component .sac-rel-list a{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:12px;background:#110E18;color:#F6F3FF;text-decoration:none}
.sa-component .sac-rel-list a:hover{border-color:rgba(214,58,249,.5)}
.sac-rel-list .sac-logo{width:32px;height:32px;border-radius:8px;font-size:15px}
.sac-mono-vs{font-size:12px!important;text-transform:uppercase}
.sac-rel-list span{display:flex;flex-direction:column}
.sac-rel-list small{font-size:13px;color:#ABA4BF}
.sa-component .sas-report .sac-ico{margin-right:8px;color:#C4A2FF}

@media (max-width:900px){
 .sac-choose,.sac-next,.sac-related{grid-template-columns:1fr}
}
@media (max-width:767px){
 .sac-hero{padding:28px 0 40px}
 .sac-faceoff{grid-template-columns:1fr;gap:28px}
 .sac-vs{position:relative;left:auto;top:auto;margin:-12px auto;width:48px;height:48px;font-size:14px}
 .sac-faceoff{gap:0}
 .sac-card{padding:20px}
 .sa-component .sac-card h2{font-size:21px}
 .sac-logo{width:48px;height:48px}
 /* Table becomes stacked rows: label on top, two values side by side */
 .sac-table,.sac-table tbody{display:block}
 .sac-table thead{display:block;position:sticky;top:0;z-index:3}
 .sac-table thead tr{display:grid;grid-template-columns:1fr 1fr}
 .sac-table thead .sac-corner{display:none}
 .sac-table thead th{padding:12px 14px;font-size:14px;border-radius:0!important}
 .sac-table thead th:first-of-type{border-top-left-radius:18px!important}
 .sac-table thead th:last-child{border-top-right-radius:18px!important;border-left:1px solid rgba(44,35,64,.7)}
 .sac-table thead th .sac-logo{width:22px;height:22px;margin-right:8px;font-size:12px}
 .sac-table tbody tr{display:grid;grid-template-columns:1fr 1fr}
 .sac-table tbody tr>th[scope=row]{grid-column:1/-1;padding:12px 14px 4px;border-bottom:0;font-size:13px}
 .sac-table tbody td{padding:4px 14px 14px;font-size:14px}
 .sac-table tbody td+td{border-left:1px solid rgba(44,35,64,.7)}
 .sac-group{display:block!important}
 .sac-group th{display:block;padding:18px 14px 8px!important}
 .sac-next-cta{align-items:flex-start;margin-left:0;width:100%}
}
@media (prefers-reduced-motion:reduce){.sa-component .sac-visit{transition:none}}
@media (max-width:767px){.sac-meta>span{display:none}.sac-meta{flex-direction:column;gap:4px}}