/* SaaSAlways 404 and search templates */
body.sas-system{margin:0;background:#09080D;color:#F6F3FF}
.sas-skip{position:absolute;left:-9999px;top:8px;z-index:100;padding:10px 16px;border-radius:8px;background:#7C2CF5;color:#fff!important;font-family:Sora,sans-serif;font-size:14px}
.sas-skip:focus{left:16px}
.sas-main:focus{outline:none}

/* Header bar */
.sas-bar{position:relative;z-index:30;background:#09080D;border-bottom:1px solid var(--e-global-color-border,#2C2340)}
.sas-bar-inner{max-width:1240px;margin:0 auto;padding:0 24px;position:relative}
.sas-bar .sa-desktop-nav ul{margin:0}

/* Layout */
.sas-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.sas-center{text-align:center}
.sas-section{padding:24px 0 88px}
.sa-component .sas-h2{margin:0 0 20px;font-size:24px}
.sa-component .sas-h3{margin:0 0 10px;font-size:17px;line-height:1.3}
.sas-muted{color:var(--e-global-color-text,#ABA4BF);font-size:14px;line-height:1.6;margin:0 0 14px}

/* Hero */
.sas-hero{position:relative;overflow:hidden;padding:88px 0 56px;background:radial-gradient(60% 70% at 50% 0%,rgba(124,44,245,.22),transparent 70%),radial-gradient(30% 40% at 85% 20%,rgba(214,58,249,.10),transparent 70%)}
.sas-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,61,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(139,61,255,.07) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(70% 80% at 50% 0%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 80% at 50% 0%,#000 30%,transparent 80%);pointer-events:none}
.sas-hero .sas-wrap{position:relative}
.sas-hero-search{padding:64px 0 40px}
.sas-code{margin:0 0 4px!important;font-family:Sora,sans-serif;font-weight:800;font-size:clamp(96px,16vw,176px);line-height:.9;letter-spacing:-.06em;background:linear-gradient(120deg,#C4A2FF 0%,#8B3DFF 40%,#D63AF9 70%,#3DE8E0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(139,61,255,.35))}
.sas-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px!important;padding:6px 14px;border:1px solid rgba(214,58,249,.45);border-radius:999px;background:rgba(33,22,58,.7);font-family:Sora,sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#E9DDFF}
.sas-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#3DE8E0;box-shadow:0 0 10px #3DE8E0}
.sa-component .sas-hero h1{margin:0 0 16px;font-family:Sora,sans-serif;font-weight:700;font-size:clamp(32px,4.4vw,52px);line-height:1.1;letter-spacing:-.03em;color:#F6F3FF}
.sas-hero-404 h1{max-width:780px;margin-left:auto!important;margin-right:auto!important}
.sas-q{background:linear-gradient(90deg,#C4A2FF,#D63AF9);-webkit-background-clip:text;background-clip:text;color:transparent}
.sa-component .sas-lead{max-width:680px;margin:0 0 28px;font-size:17px;line-height:1.65;color:var(--e-global-color-text,#ABA4BF)}
.sas-center .sas-lead{margin-left:auto;margin-right:auto}

/* Search form */
.sas-search{display:flex;align-items:center;gap:8px;max-width:680px;padding:6px 6px 6px 16px;border:1px solid rgba(214,58,249,.4);border-radius:14px;background:#14111C;box-shadow:0 0 0 1px rgba(124,44,245,.15),0 18px 40px rgba(0,0,0,.35)}
.sas-center .sas-search{margin:0 auto}
.sas-search:focus-within{border-color:#D63AF9;box-shadow:0 0 0 4px rgba(214,58,249,.18),0 18px 40px rgba(0,0,0,.35)}
.sas-search-ico{display:inline-flex;color:#C4A2FF;flex:0 0 auto}
.sas-search-ico svg{width:20px;height:20px}
.sa-component .sas-search input[type=search]{flex:1 1 auto;min-width:0;min-height:48px;padding:10px 4px;border:0;background:transparent;color:#F6F3FF;font-size:16px;box-shadow:none;outline:none}
.sa-component .sas-search input[type=search]::placeholder{color:#7F7896}
.sas-search input[type=search]::-webkit-search-cancel-button{filter:invert(.7)}
.sas-search button{flex:0 0 auto;min-height:48px;padding:10px 22px;border:0;border-radius:10px;background:#7C2CF5;color:#fff;font-family:Sora,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s}
.sas-search button:hover{background:#8B3DFF;box-shadow:0 0 0 4px rgba(214,58,249,.18)}
.sas-search button:focus-visible{outline:3px solid #C4A2FF;outline-offset:3px}

/* Actions */
.sas-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}
.sas-actions-left{justify-content:flex-start}
.sa-component .sas-actions .sa-button{width:auto;margin:0;min-height:48px;padding:12px 24px}
.sa-component .sas-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1.5px solid #D63AF9;border-radius:10px;background:rgba(214,58,249,.08);color:#fff!important;font-family:Sora,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s}
.sa-component .sas-ghost:hover{background:rgba(214,58,249,.2)}

/* Quick links */
.sas-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sa-component .sas-link{position:relative;display:flex;flex-direction:column;gap:14px;min-height:100%;padding:22px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:16px;background:linear-gradient(180deg,#171320,#110E18);color:#F6F3FF;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.sa-component .sas-link:hover{border-color:rgba(214,58,249,.6);transform:translateY(-2px);box-shadow:0 14px 34px rgba(124,44,245,.18)}
.sas-link-ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#21163A;border:1px solid rgba(139,61,255,.45);color:#C4A2FF}
.sas-link-ico svg{width:22px;height:22px}
.sas-link-body{display:flex;flex-direction:column;gap:6px}
.sa-component .sas-link strong{font-family:Sora,sans-serif;font-size:17px;font-weight:600;color:#F6F3FF}
.sas-link-body span{font-size:14px;line-height:1.55;color:#ABA4BF}
.sas-link-arrow{position:absolute;top:22px;right:22px;color:#C4A2FF;transition:transform .15s}
.sas-link:hover .sas-link-arrow{transform:translateX(3px)}

/* Subcategory chips */
.sas-sub{margin-top:40px;padding:24px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:16px;background:#110E18}
.sas-chips{display:flex;flex-wrap:wrap;gap:8px}
.sa-component .sas-chips a{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:7px 8px 7px 15px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:999px;background:rgba(20,17,28,.8);color:#F6F3FF!important;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s}
.sa-component .sas-chips a:hover{border-color:#D63AF9;background:#21163A}
.sas-chip-state{padding:3px 9px;border-radius:999px;background:rgba(241,199,122,.12);border:1px solid rgba(241,199,122,.35);color:#F1C77A;font-size:11px;font-weight:600;letter-spacing:.02em}
.sas-chip-state.is-live{background:rgba(139,227,174,.12);border-color:rgba(139,227,174,.35);color:#8BE3AE}
.sa-component .sas-report{margin:28px 0 0;font-size:14px;color:#ABA4BF}

/* Search results layout */
.sas-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}
.sas-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.sas-item{padding:22px 24px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:16px;background:linear-gradient(180deg,#171320,#110E18);transition:border-color .15s}
.sas-item:hover{border-color:rgba(214,58,249,.5)}
.sas-type{display:inline-block;margin-bottom:10px;padding:3px 10px;border-radius:999px;border:1px solid rgba(139,61,255,.45);background:#21163A;color:#C4A2FF;font-family:Sora,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.sas-type-saas_tool{border-color:rgba(61,232,224,.4);background:rgba(61,232,224,.08);color:#3DE8E0}
.sas-type-saas_compare{border-color:rgba(214,58,249,.45);background:rgba(214,58,249,.08);color:#E79BFB}
.sa-component .sas-item h2{margin:0 0 8px;font-size:20px;line-height:1.3}
.sa-component .sas-item h2 a{color:#F6F3FF;text-decoration:none}
.sa-component .sas-item h2 a:hover{color:#C4A2FF;text-decoration:underline;text-underline-offset:3px}
.sa-component .sas-item p{margin:0 0 10px;font-size:15px;line-height:1.6;color:#ABA4BF}
.sas-item mark{background:rgba(214,58,249,.2);color:#F6F3FF;padding:0 2px;border-radius:3px}
.sas-path{font-size:13px;color:#7F7896;word-break:break-all}

/* Pagination */
.sas-pages{margin-top:24px}
.sas-pages ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.sa-component .sas-pages a,.sas-pages span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:10px;background:#14111C;color:#F6F3FF;text-decoration:none;font-size:14px;font-weight:600}
.sas-pages .current{background:#7C2CF5;border-color:#7C2CF5}
.sa-component .sas-pages a:hover{border-color:#D63AF9}

/* Empty state */
.sas-empty{padding:32px;border:1px dashed rgba(139,61,255,.5);border-radius:18px;background:#110E18}
.sas-empty-ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:16px;border-radius:14px;background:#21163A;color:#C4A2FF}
.sas-empty-ico svg{width:24px;height:24px}
.sa-component .sas-empty h2{margin:0 0 14px;font-size:22px}
.sas-empty ul{margin:0 0 16px;padding-left:20px;color:#ABA4BF;font-size:15px;line-height:1.7}
.sa-component .sas-note{margin:0 0 4px;padding:12px 14px;border-left:3px solid #F1C77A;border-radius:0 10px 10px 0;background:rgba(241,199,122,.08);color:#E9E3D2;font-size:14px;line-height:1.6}

/* Sidebar */
.sas-aside{display:flex;flex-direction:column;gap:14px;position:sticky;top:24px}
.sas-card{padding:22px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:16px;background:#14111C}
.sas-card-soft{background:#110E18}
.sa-component .sas-card-link{display:inline-flex;gap:6px;font-size:14px;font-weight:600;color:#C4A2FF;text-decoration:none}
.sa-component .sas-card-link:hover{color:#F6F3FF}

/* Responsive */
@media (max-width:1024px){
 .sas-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sas-grid{grid-template-columns:1fr}
 .sas-aside{position:static}
}
@media (max-width:767px){
 .sas-bar-inner,.sas-wrap{padding:0 16px}
 .sas-hero{padding:56px 0 36px}
 .sas-hero-search{padding:44px 0 28px}
 .sas-section{padding:16px 0 64px}
 .sas-links{grid-template-columns:1fr}
 .sa-component .sas-lead{font-size:16px}
 .sas-search{padding:5px 5px 5px 12px}
 .sas-search button{padding:10px 16px}
 .sas-actions .sa-button,.sas-actions .sas-ghost{flex:1 1 100%}
 .sas-item,.sas-empty{padding:20px}
}
@media (prefers-reduced-motion:reduce){
 .sas-link,.sas-link-arrow,.sas-search button{transition:none}
 .sa-component .sas-link:hover{transform:none}
}

/* Mobile compact links */
@media (max-width:767px){
 .sa-component .sas-link{flex-direction:row;align-items:flex-start;gap:14px;padding:18px 40px 18px 18px}
 .sas-link-ico{flex:0 0 40px;width:40px;height:40px}
 .sas-link-arrow{top:18px;right:16px}
 .sa-component .sas-link strong{font-size:16px}
}
.sas-chip-state{white-space:nowrap;flex:0 0 auto}