:root{
    --theme-color:#A855F7;
    --line:#e5e7eb;
    --soft:#f6f6f7;
}

header, header a, .drawer-overlay { font-family:'Montserrat', sans-serif; }


.nav-pill{
    position:relative;
    padding:.45rem .7rem;
    border-radius:999px;
    transition:all .18s ease;
}
.nav-pill:hover{ background:rgba(168,85,247,.08); color:var(--theme-color); }
.nav-pill.is-active{
    background:rgba(168,85,247,.12);
    color:var(--theme-color);
}
.nav-pill.is-active::after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-14px;
    width:6px;height:6px;
    border-radius:999px;
    background:var(--theme-color);
    box-shadow:0 0 0 6px rgba(168,85,247,.10);
}


.active-badge{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.18rem .5rem;
    border-radius:999px;
    font-size:10px;
    font-weight:700;
    letter-spacing:.02em;
    color:var(--theme-color);
    background:rgba(168,85,247,.12);
    border:1px solid rgba(168,85,247,.25);
}
.active-badge i{
    width:6px;height:6px;
    border-radius:999px;
    background:var(--theme-color);
    display:inline-block;
}


.drawer-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.38);
    backdrop-filter: blur(3px);
    z-index:9999;
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease;
}
.drawer-overlay.open{ opacity:1; pointer-events:auto; }


.drawer{
    position:absolute;
    top:0; right:0;
    height:100%;
    width:min(92vw, 380px);
    background:#fff;
    transform:translateX(110%);
    transition:transform .30s cubic-bezier(.2,.85,.2,1);
    box-shadow:-22px 0 55px rgba(0,0,0,.16);
    border-left:1px solid rgba(229,231,235,.9);
    display:flex;
    flex-direction:column;
    overflow:hidden;
}
.drawer-overlay.open .drawer{ transform:translateX(0); }


.drawer-top{
    background:
        linear-gradient(to bottom, rgba(255,255,255,.95), rgba(255,255,255,1)),
        radial-gradient(120px 40px at 20% 0%, rgba(168,85,247,.18), transparent 60%),
        radial-gradient(140px 60px at 90% 10%, rgba(168,85,247,.12), transparent 55%);
}


.drawer-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:.78rem .9rem;
    border-radius:14px;
    transition:all .16s ease;
    background:transparent;
    border:1px solid transparent;
}
.drawer-item:hover{
    background:rgba(168,85,247,.06);
    border-color:rgba(168,85,247,.16);
}
.drawer-item.is-active{
    background:rgba(168,85,247,.10);
    border-color:rgba(168,85,247,.25);
}
.drawer-item .left{
    display:flex;
    align-items:center;
    gap:.65rem;
}
.drawer-icon{
    width:34px;height:34px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--soft);
    border:1px solid var(--line);
    color:#374151;
}
.drawer-item.is-active .drawer-icon{
    background:rgba(168,85,247,.12);
    border-color:rgba(168,85,247,.25);
    color:var(--theme-color);
}


.drawer-submenu{ display:none; padding:.35rem .25rem .5rem .55rem; }
.drawer-subitem{
    display:flex;
    align-items:center;
    gap:.55rem;
    padding:.55rem .85rem;
    border-radius:12px;
    color:#374151;
    font-weight:600;
    font-size:14px;
    transition:all .14s ease;
}
.drawer-subitem:hover{ background:rgba(0,0,0,.04); }
.drawer-subitem.is-active{
    background:rgba(168,85,247,.10);
    color:var(--theme-color);
}
.dot{
    width:8px;height:8px;border-radius:999px;
    background:#d1d5db;
}
.drawer-subitem.is-active .dot{ background:var(--theme-color); box-shadow:0 0 0 5px rgba(168,85,247,.10); }

/* Stagger animation */
.drawer-nav .stagger{
    opacity:0;
    transform:translateY(10px);
}
.drawer-overlay.open .drawer-nav .stagger{
    animation:stIn .38s ease forwards;
}
@keyframes stIn{
    to{ opacity:1; transform:translateY(0); }
}


.drawer-search{
    display:flex;
    gap:.6rem;
    padding:.75rem .9rem;
    background:#fff;
}
.drawer-search input{
    width:100%;
    padding:.7rem .85rem;
    border-radius:14px;
    border:1px solid var(--line);
    background:var(--soft);
    outline:none;
    font-size:14px;
}
.drawer-search input:focus{
    border-color:rgba(168,85,247,.45);
    box-shadow:0 0 0 4px rgba(168,85,247,.12);
    background:#fff;
}

@media(min-width:1024px){
    .drawer-overlay{ display:none!important; }
}

.bg-theme-color{
  background-color:var(--theme-color);
}
.text-theme-color{
  color:var(--theme-color);
}
.list-card {
    background: #fff;
    border: 1px solid var(--theme-color);
    border-radius: 10px;
    padding: 16px;
    position: relative;
    text-align: center
}

.list-rank {
    position: absolute;
    top: -8px;
    left: -8px;
    width: 22px;
    height: 22px;
    background: var(--theme-color);
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center
}

.list-recommended {
    position: absolute;
    top: -8px;
    right: -8px;
    background: var(--theme-color);
    color: #fff;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 6px;
    display: inline-flex;
    gap: 4px
}
.list-recommended::before{
  content:"✓";
  margin-right:6px;
  font-size:12px;
}
.list-recommended::after{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(16,185,129,.35),transparent);
  z-index:-1;
}

.list-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 10px;
    border-radius: 8px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    overflow: hidden
}

.list-title-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap
}

.list-title {
    font-size: 14px;
    font-weight: 600;
    color: #111827
}

.list-muted {
    font-size: 12px;
    color: #6b7280
}

.list-desc {
    font-size: 12px;
    color: #4b5563;
    margin: 10px 0 14px
}

.list-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px
}

.list-stat {
    background: #f8f1ff;
    border: 1px solid #e9d5ff;
    border-radius: 8px;
    padding: 6px
}

.list-stat-label {
    font-size: 11px;
    color: #6b7280
}

.list-stat-value {
    font-size: 13px;
    font-weight: 600
}

.list-mini-divider {
    height: 0.5px;
    background: var(--theme-color);
    margin: 14px 0
}

.list-footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.list-footer a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.list-domain {
    font-size: 12px;
    color: #6b7280
}

.list-btn {
    font-size: 11px;
    padding: 6px 10px;
    border-radius: 6px;
    background: var(--theme-color);
    color: #fff;
    text-decoration: none
}



.res-hero-wrap{
  position:relative;
  padding:70px 0;
  background:
    radial-gradient(900px 260px at 18% 0%, rgba(168,85,247,.15), transparent 55%),
    radial-gradient(820px 260px at 95% 12%, rgba(168,85,247,.08), transparent 60%),
    #f6f6f7;
  border-bottom:1px solid #e5e7eb;
  overflow:hidden;
}

.res-hero-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 1px 1px, rgba(17,24,39,.04) 1px, transparent 0);
  background-size:18px 18px;
  pointer-events:none;
}

.res-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  gap:40px;
}

@media(min-width:900px){
  .res-hero-grid{
    grid-template-columns:1.1fr .9fr;
    align-items:center;
  }
}

.res-hero-left{
  text-align:center;
}

@media(min-width:900px){
  .res-hero-left{
    text-align:left;
  }
}

.res-hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(168,85,247,.10);
  border:1px solid rgba(168,85,247,.22);
  color:var(--theme-color);
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.res-hero-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--theme-color);
  box-shadow:0 0 0 7px rgba(168,85,247,.14);
}

.res-hero-title{
  margin-top:18px;
  font-size:32px;
  font-weight:900;
  line-height:1.15;
  color:#111827;
}

@media(min-width:768px){
  .res-hero-title{
    font-size:46px;
  }
}

.res-hero-grad{
  display:inline-block;
  background:linear-gradient(90deg, var(--theme-color), rgba(168,85,247,.55));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.res-hero-sub{
  margin-top:16px;
  max-width:620px;
  font-size:14px;
  font-weight:600;
  line-height:1.75;
  color:#6b7280;
}

@media(min-width:900px){
  .res-hero-sub{
    max-width:520px;
  }
}

.res-hero-right{
  display:flex;
  justify-content:center;
}

.res-hero-cards{
  width:100%;
  max-width:460px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.res-hero-card{
  position:relative;
  border:1px solid #e5e7eb;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(8px);
  border-radius:20px;
  padding:18px 14px;
  box-shadow:0 16px 32px rgba(17,24,39,.06);
}

.res-hero-card:before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  background:radial-gradient(circle at 30% 20%, rgba(168,85,247,.18), transparent 60%);
  opacity:.9;
  pointer-events:none;
}

.res-hero-num{
  position:relative;
  font-size:22px;
  font-weight:900;
  color:#111827;
}

.res-hero-label{
  position:relative;
  margin-top:6px;
  font-size:11px;
  font-weight:800;
  color:#6b7280;
  text-transform:uppercase;
  letter-spacing:.08em;
}



.res-tabs-wrap{
  background:#ffffff;
  border-bottom:1px solid #e5e7eb;
  padding:14px 0;
}

.res-tabs-scroll{
  overflow-x:auto;
  scrollbar-width:none;
}
.res-tabs-scroll::-webkit-scrollbar{
  display:none;
}

.res-tabs{
  display:flex;
  gap:10px;
  white-space:nowrap;
}
@media(min-width:768px){
  .res-tabs{
    justify-content:center;
  }
}

.res-tab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  color:#6b7280;
  background:#f6f6f7;
  border:1px solid #e5e7eb;
  transition:background .16s ease, color .16s ease, border-color .16s ease, transform .12s ease;
}

.res-tab:hover{
  background:rgba(168,85,247,.08);
  border-color:rgba(168,85,247,.22);
  color:var(--theme-color);
  transform:translateY(-1px);
}

.res-tab.is-active{
  background:linear-gradient(135deg, var(--theme-color), rgba(168,85,247,.85));
  color:#ffffff;
  border-color:rgba(168,85,247,.55);
  box-shadow:0 10px 22px rgba(168,85,247,.22);
}

.res-tab-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  background:rgba(255,255,255,.18);
}

.res-tab:not(.is-active) .res-tab-count{
  background:#ffffff;
  color:#6b7280;
  border:1px solid #e5e7eb;
}


.why-wrap{
  padding:72px 0;
  background:
    radial-gradient(900px 280px at 20% 0%, rgba(168,85,247,.10), transparent 55%),
    radial-gradient(900px 280px at 90% 10%, rgba(168,85,247,.06), transparent 60%),
    #ffffff;
  border-top:1px solid #e5e7eb;
}

.why-head{ margin-bottom:48px; }

.why-title{
  font-size:28px;
  font-weight:900;
  color:#111827;
}

.why-sub{
  margin-top:12px;
  font-size:14px;
  line-height:1.75;
  color:#6b7280;
}

.why-grid{
  display:grid;
  grid-template-columns:repeat(1,1fr);
  gap:18px;
}

@media(min-width:640px){
  .why-grid{ grid-template-columns:repeat(2,1fr); }
}
@media(min-width:1024px){
  .why-grid{ grid-template-columns:repeat(4,1fr); }
}

.why-card{
  position:relative;
  background:rgba(255,255,255,.85);
  border:1px solid #e5e7eb;
  border-radius:22px;
  padding:26px 20px;
  text-align:center;
  box-shadow:0 16px 34px rgba(17,24,39,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.why-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:radial-gradient(circle at 30% 20%, rgba(168,85,247,.18), transparent 60%);
  opacity:.6;
  pointer-events:none;
}

.why-card:hover{
  transform:translateY(-4px);
  border-color:rgba(168,85,247,.35);
  box-shadow:0 22px 44px rgba(17,24,39,.10);
}

.why-icon{
  width:52px;
  height:52px;
  margin:0 auto 16px;
  border-radius:16px;
  background:linear-gradient(135deg, rgba(168,85,247,.18), rgba(168,85,247,.06));
  border:1px solid rgba(168,85,247,.35);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--theme-color);
  font-size:22px;
}

.why-card-title{
  font-size:15px;
  font-weight:800;
  color:#111827;
  margin-bottom:8px;
}

.why-card-text{
  font-size:13px;
  line-height:1.65;
  color:#6b7280;
}



.use-wrap{
  padding:72px 0;
  background:
    radial-gradient(900px 260px at 20% 0%, rgba(168,85,247,.10), transparent 55%),
    #f9fafb;
  border-top:1px solid #e5e7eb;
}

.use-head{ margin-bottom:44px; }

.use-title{
  font-size:28px;
  font-weight:900;
  color:#111827;
}

.use-sub{
  margin-top:12px;
  font-size:14px;
  line-height:1.75;
  color:#6b7280;
}

.use-grid{
  display:grid;
  grid-template-columns:repeat(1,1fr);
  gap:18px;
}

@media(min-width:768px){
  .use-grid{ grid-template-columns:repeat(2,1fr); }
}
@media(min-width:1024px){
  .use-grid{ grid-template-columns:repeat(3,1fr); }
}

.use-card{
  position:relative;
  background:rgba(255,255,255,.85);
  border:1px solid #e5e7eb;
  border-radius:22px;
  padding:26px 22px;
  box-shadow:0 14px 30px rgba(17,24,39,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.use-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:radial-gradient(circle at 30% 20%, rgba(168,85,247,.16), transparent 60%);
  opacity:.7;
  pointer-events:none;
}

.use-card:hover{
  transform:translateY(-4px);
  border-color:rgba(168,85,247,.35);
  box-shadow:0 22px 44px rgba(17,24,39,.10);
}

.use-card-title{
  font-size:16px;
  font-weight:800;
  color:#111827;
  margin-bottom:8px;
}

.use-card-text{
  font-size:13px;
  line-height:1.65;
  color:#6b7280;
  margin-bottom:14px;
}

.use-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.use-tags span{
  font-size:11px;
  font-weight:700;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(168,85,247,.10);
  color:var(--theme-color);
  border:1px solid rgba(168,85,247,.25);
}

.single-res-hero-wrap{
  position:relative;
  padding:40px 0;
  background:
    radial-gradient(900px 260px at 18% 0%, rgba(168,85,247,.15), transparent 55%),
    radial-gradient(820px 260px at 95% 12%, rgba(168,85,247,.08), transparent 60%),
    #f6f6f7;
  border-bottom:1px solid #e5e7eb;
  overflow:hidden;
}

@media(max-width:768px){
.single-res-hero-wrap{
  padding:20px 0 40px 0 !important;
}
}

.single-res-hero-wrap::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(168,85,247,.35), transparent);
}

.single-res-hero-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 1px 1px, rgba(17,24,39,.04) 1px, transparent 0);
  background-size:18px 18px;
}

.single-res-breadcrumb{
  display:flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  font-size:13px;
  font-weight:600;
  color:#6b7280;
  margin-bottom:24px;
}

.single-res-breadcrumb a{
  color:#6b7280;
}

.single-res-breadcrumb a:hover{
  color:var(--theme-color);
}

.single-res-breadcrumb span{
  color:var(--theme-color);
  font-weight:800;
}

.single-res-breadcrumb svg{
  width:12px;
  height:12px;
  opacity:.6;
}

.single-res-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
}

.single-res-hero-left{
  max-width:880px;
}

.single-res-hero-full{
  min-width:100%!important;
}

.single-res-title-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
  padding-bottom:6px;
}

.single-res-logo-wrap{
  position:relative;
}

.single-res-logo{
  width:72px;
  height:72px;
  border-radius:18px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 22px rgba(17,24,39,.06);
  transition:transform .18s ease, box-shadow .18s ease;
}

.single-res-logo:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(17,24,39,.10);
}

.single-res-logo img{
  width:52px;
  height:52px;
  border-radius:12px;
  object-fit:cover;
}

.single-res-star{
  position:absolute;
  top:-6px;
  right:-6px;
  width:22px;
  height:22px;
  background:var(--theme-color);
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  box-shadow:0 8px 18px rgba(168,85,247,.45);
}

.single-res-hero-title{
  font-size:20px;
  font-weight:900;
  line-height:1.2;
  color:#111827;
}

@media(min-width:768px){
  .single-res-hero-title{
    font-size:34px;
  }
}

.single-res-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 12px;
  font-size:12px;
  font-weight:800;
  color:var(--theme-color);
  background:rgba(168,85,247,.12);
  border:1px solid rgba(168,85,247,.25);
  border-radius:999px;
  transition:background .16s ease, border-color .16s ease, transform .12s ease;
}

.single-res-chip:hover{
  background:rgba(168,85,247,.18);
  border-color:rgba(168,85,247,.45);
  transform:translateY(-1px);
}

.single-res-hero-sub{
  margin-top:14px;
  font-size:14px;
  font-weight:600;
  line-height:1.75;
  color:#6b7280;
}

.single-res-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.single-res-tags span{
  font-size:12px;
  font-weight:700;
  padding:6px 14px;
  border-radius:999px;
  background:rgba(168,85,247,.10);
  color:var(--theme-color);
  border:1px solid rgba(168,85,247,.25);
  text-transform:capitalize;
  transition:background .16s ease, border-color .16s ease, transform .12s ease;
}

.single-res-tags span:hover{
  background:rgba(168,85,247,.16);
  border-color:rgba(168,85,247,.45);
  transform:translateY(-1px);
}

.single-res-actions{
  margin-top:24px;
}

.single-res-actions a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 15px;
  font-size:13px;
  font-weight:800;
  color:#ffffff;
  background:linear-gradient(135deg,var(--theme-color),rgba(168,85,247,.85));
  border-radius:20px;
  box-shadow:0 18px 36px rgba(168,85,247,.28);
  transition:transform .14s ease, box-shadow .18s ease, filter .16s ease;
}

.single-res-actions a:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
  box-shadow:0 22px 44px rgba(168,85,247,.36);
}

.single-res-actions a:active{
  transform:translateY(0);
  box-shadow:0 14px 26px rgba(168,85,247,.26);
}

.single-res-actions svg{
  width:16px;
  height:16px;
  stroke:currentColor;
  fill:none;
}

@media(max-width:640px){
  .single-res-hero-wrap{
    padding:56px 0;
  }

  .single-res-title-row{
    gap:10px;
  }

  .single-res-actions a{
    width:100%;
    justify-content:center;
  }
}
.single-res-title-row > div{
  display:flex;
  align-items:center;
  gap:14px;
}

@media (max-width:640px){
  .single-res-title-row{
    justify-content:center;
  }

  .single-res-title-row > div:first-child{
    width:100%;
    justify-content:center;
  }

  .single-res-title-row > div:last-child{
    width:100%;
    justify-content:center;
  }
}
.single-res-hero-bg{
  pointer-events:none;
}

.key_and_benefits{
  position:relative;
}

.kb-card{
  position:relative;
  border-radius:22px;
  border:1px solid #e5e7eb;
  box-shadow:0 16px 34px rgba(17,24,39,.06);
  overflow:hidden;
}

.kb-features{
  background:
    radial-gradient(520px 220px at 15% 0%, rgba(168,85,247,.18), transparent 60%),
    rgba(255,255,255,.94);
}

.kb-benefits-card{
  background:
    radial-gradient(520px 220px at 85% 0%, rgba(168,85,247,.12), transparent 60%),
    rgba(255,255,255,.94);
}

.kb-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(168,85,247,.10), transparent);
  pointer-events:none;
}

.kb-title{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  color:#111827;
}

.kb-title svg{
  color:var(--theme-color);
}

.kb-title span{
  position:relative;
}

.kb-title span::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:36px;
  height:2px;
  background:linear-gradient(90deg,var(--theme-color),transparent);
  border-radius:2px;
}

.kb-features-grid{
  display:grid;
  gap:16px;
}

.kb-feature-item{
  background:rgba(168,85,247,.08);
  border:1px solid rgba(168,85,247,.22);
  border-radius:18px;
  padding:16px;
  transition:transform .16s ease, box-shadow .18s ease, border-color .16s ease;
}

.kb-feature-item:hover{
  transform:translateY(-2px);
  border-color:rgba(168,85,247,.45);
  box-shadow:0 14px 28px rgba(168,85,247,.18);
}

.kb-feature-title{
  font-weight:900;
  color:#4c1d95;
  margin-bottom:6px;
}

.kb-feature-desc{
  font-size:14px;
  font-weight:600;
  color:#4c1d95;
}

.kb-benefits{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.kb-benefit-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(168,85,247,.05);
  border:1px solid rgba(168,85,247,.18);
  transition:background .16s ease, border-color .16s ease, transform .12s ease;
}

.kb-benefit-item:hover{
  background:rgba(168,85,247,.10);
  border-color:rgba(168,85,247,.40);
  transform:translateY(-1px);
}

.kb-benefit-item svg{
  color:var(--theme-color);
  filter:drop-shadow(0 4px 8px rgba(168,85,247,.35));
}

.kb-benefit-text{
  font-size:14px;
  font-weight:600;
  color:#374151;
}

@media(max-width:640px){
  .kb-card{
    padding:20px;
  }
}


.single-res-box{
  position:relative;
  border:1px solid #e5e7eb;
  border-radius:22px;
  padding:24px;
  box-shadow:0 16px 34px rgba(17,24,39,.06);
  overflow:hidden;
}

.single-res-protocols{
  background:
    radial-gradient(760px 280px at 15% 0%, rgba(168,85,247,.18), transparent 60%),
    #f3f4f6;
}

.single-res-locations{
  background:
    radial-gradient(600px 260px at 20% 0%, rgba(168,85,247,.10), transparent 60%),
    rgba(255,255,255,.95);
}

.single-res-payments{
  background:
    radial-gradient(760px 280px at 20% 0%, rgba(168,85,247,.16), transparent 60%),
    #f3f4f6;
}

.single-res-box::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:radial-gradient(circle at 30% 20%, rgba(168,85,247,.10), transparent 65%);
}

.single-res-box-title{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:18px;
  font-weight:900;
  color:#111827;
  margin-bottom:18px;
}

.single-res-protocol-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.single-res-pill{
  padding:8px 16px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  background:rgba(168,85,247,.14);
  border:1px solid rgba(168,85,247,.32);
}

.single-res-location-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
  gap:14px;
}

.single-res-location-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(168,85,247,.10);
  border:1px solid rgba(168,85,247,.26);
  font-size:13px;
  font-weight:600;
}

.single-res-location-item img{
  width:22px;
  height:16px;
  border-radius:2px;
}

.single-res-payment-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:16px;
}

.single-res-payment-item{
  border:1px solid rgba(168,85,247,.28);
  border-radius:18px;
  padding:16px;
  background:rgba(168,85,247,.09);
  transition:transform .14s ease, box-shadow .18s ease, border-color .16s ease;
}

.single-res-payment-item:hover{
  transform:translateY(-2px);
  border-color:rgba(168,85,247,.48);
  box-shadow:0 14px 28px rgba(168,85,247,.20);
}

.single-res-payment-head{
  display:flex;
  gap:12px;
  margin-bottom:10px;
}

.single-res-payment-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  background:rgba(168,85,247,.18);
  display:flex;
  align-items:center;
  justify-content:center;
}

.single-res-payment-name{
  font-size:14px;
  font-weight:900;
}

.single-res-payment-desc{
  font-size:13px;
  color:#6b7280;
}

.single-res-payment-meta{
  display:flex;
  justify-content:space-between;
  font-size:13px;
  font-weight:600;
  color:#6b7280;
}

.single-res-payment-fee{
  font-weight:800;
}

.single-res-extensions{
  position:relative;
}

.single-res-extension-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
}

@media (min-width: 768px){
  .single-res-extension-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

.single-res-extension-card{
  border:1px solid #e5e7eb;
  border-radius:18px;
  overflow:hidden;
  background:
    radial-gradient(420px 180px at 15% 0%, rgba(59,130,246,.14), transparent 60%),
    linear-gradient(180deg, #ffffff, #f9fafb);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.single-res-extension-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 36px rgba(17,24,39,.10);
}

.single-res-extension-body{
  padding:20px;
}

.single-res-extension-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:14px;
}

.single-res-extension-head img{
  width:44px;
  height:44px;
  border-radius:12px;
}

.single-res-extension-name{
  font-size:15px;
  font-weight:800;
  color:#111827;
}

.single-res-extension-browser{
  font-size:12px;
  color:#6b7280;
}

.single-res-extension-label{
  font-size:12px;
  font-weight:700;
  color:#374151;
  margin-bottom:8px;
}

.single-res-extension-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.single-res-extension-pill{
  padding:6px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  border:1px solid #e5e7eb;
  background:#ffffff;
  color:#374151;
}

.single-res-extension-soon{
  border:1px dashed #e5e7eb;
  border-radius:14px;
  padding:14px;
  background:
    linear-gradient(180deg, #ffffff, #f3f4f6);
}

.single-res-extension-soon-head{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
}

.single-res-extension-soon-title{
  font-size:13px;
  font-weight:800;
  color:#374151;
}

.single-res-extension-soon-badge{
  font-size:11px;
  font-weight:700;
  padding:2px 8px;
  border-radius:999px;
  background:#e5e7eb;
  color:#374151;
}

.single-res-extension-soon-text{
  font-size:12px;
  line-height:1.6;
  color:#6b7280;
}

.single-res-sys-grid,
.single-res-int-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
@media (min-width:768px){
  .single-res-sys-grid,
  .single-res-int-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media (min-width:1024px){
  .single-res-sys-grid,
  .single-res-int-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

.single-res-sys-card,
.single-res-int-card{
  display:flex;
  gap:14px;
  padding:16px;
  border-radius:16px;
  border:1px solid #e5e7eb;
  background:
    radial-gradient(420px 180px at 20% 0%, rgba(59,130,246,.12), transparent 60%),
    linear-gradient(180deg,#ffffff,#f9fafb);
  transition:transform .18s ease, box-shadow .18s ease;
}

.single-res-sys-card:hover,
.single-res-int-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(17,24,39,.10);
}

.single-res-sys-icon,
.single-res-int-icon{
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid #e5e7eb;
  background:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.single-res-sys-icon img,
.single-res-int-icon img{
  width:28px;
  height:28px;
}

.single-res-sys-title,
.single-res-int-title{
  font-size:14px;
  font-weight:800;
  color:#111827;
  margin-bottom:4px;
}

.single-res-sys-desc,
.single-res-int-desc{
  font-size:12px;
  color:#6b7280;
  line-height:1.6;
}

.single-res-engine-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
@media (min-width:1024px){
  .single-res-engine-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

.single-res-engine-card{
  border:1px solid #e5e7eb;
  border-radius:18px;
  background:
    radial-gradient(420px 180px at 20% 0%, rgba(59,130,246,.14), transparent 60%),
    linear-gradient(180deg,#ffffff,#f3f4f6);
  transition:transform .18s ease, box-shadow .18s ease;
}

.single-res-engine-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(17,24,39,.10);
}

.single-res-engine-body{
  padding:20px;
}

.single-res-engine-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:12px;
}

.single-res-engine-head img{
  width:44px;
  height:44px;
}

.single-res-engine-title{
  font-size:15px;
  font-weight:800;
  color:#111827;
}

.single-res-engine-short{
  font-size:12px;
  color:#6b7280;
}

.single-res-engine-desc{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #e5e7eb;
  font-size:12px;
  color:#4b5563;
  line-height:1.7;
}

.faqs{
  position: relative;
  background:
    radial-gradient(900px 260px at 20% 0%, rgba(168,85,247,.08), transparent 55%),
    radial-gradient(900px 260px at 80% 100%, rgba(168,85,247,.08), transparent 55%),
    #ffffff;
  border-top: 1px solid #e5e7eb;
}

.faq-item{
  background:rgba(255,255,255,.9);
  border-radius:18px;
  box-shadow:0 12px 26px rgba(17,24,39,.05);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.faq-item:hover{
  transform:translateY(-2px);
  border-color:rgba(168,85,247,.35);
  background:rgba(168,85,247,.03);
  box-shadow:0 18px 38px rgba(17,24,39,.08);
}

.faq-btn{
  gap:16px;
  padding:2px 0;
}

.faq-btn span{
  font-weight:700;
  line-height:1.5;
}

.faq-icon{
  color:#9ca3af;
  transition:transform .22s ease, color .18s ease;
}

.faq-item.open .faq-icon{
  transform:rotate(180deg);
  color:var(--theme-color);
}

.faq-content{
  line-height:1.7;
  color:#6b7280;
  padding-right:20px;
}

.faq-item.open{
  border-color:rgba(168,85,247,.45);
  background:rgba(168,85,247,.05);
}

@media(max-width:768px){
  .faq-content{
    font-size:13px;
  }
}


.single-faqs-box{
  position:relative;
  border:1px solid #e5e7eb;
  border-radius:22px;
  padding:24px;
  box-shadow:0 16px 34px rgba(17,24,39,.06);
  overflow:hidden;
}

.single-faqs-box::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:radial-gradient(circle at 30% 20%, rgba(168,85,247,.10), transparent 65%);
  pointer-events:none;
  z-index:0;
}

.single-faqs{
  position:relative;
  z-index:1;
}

.single-faqs-title{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:18px;
  font-weight:900;
  color:#111827;
  margin-bottom:22px;
  position:relative;
  z-index:2;
}

.single-faqs-title svg{
  color:var(--theme-color);
}

.single-faqs-title span{
  position:relative;
}

.single-faqs-title span::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:38px;
  height:2px;
  background:linear-gradient(90deg,var(--theme-color),transparent);
  border-radius:2px;
}

.single-faqs-grid{
  display:grid;
  grid-template-columns:repeat(1,1fr);
  gap:16px;
  position:relative;
  z-index:2;
}

@media(min-width:768px){
  .single-faqs-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

.single-faq-item{
  position:relative;
  background:rgba(168,85,247,.04);
  border:1px solid rgba(168,85,247,.18);
  border-radius:18px;
  padding:14px 16px;
  transition:background .16s ease, border-color .16s ease, transform .12s ease, box-shadow .16s ease;
  z-index:2;
}

.single-faq-item:hover{
  background:rgba(168,85,247,.08);
  border-color:rgba(168,85,247,.40);
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(168,85,247,.18);
}

.single-faq-btn{
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  text-align:left;
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
  position:relative;
  z-index:3;
}

.single-faq-btn h3{
  font-size:14px;
  font-weight:700;
  line-height:1.5;
  color:#111827;
}

.single-faq-icon{
  width:16px;
  height:16px;
  color:#6b7280;
  transition:transform .22s ease, color .18s ease;
  flex-shrink:0;
}

.single-faq-item.open .single-faq-icon{
  transform:rotate(180deg);
  color:var(--theme-color);
}

.single-faq-content{
  display:none;
  margin-top:10px;
  font-size:13px;
  line-height:1.7;
  color:#6b7280;
  position:relative;
  z-index:2;
}

.single-faq-item.open .single-faq-content{
  display:block;
}
.single-faqs-grid{
  align-items:start;
}

.single-faq-item{
  height:auto;
  align-self:flex-start;
}



.smm-single-hero{
  position:relative;
  background:
    radial-gradient(900px 260px at 18% 0%, rgba(168,85,247,.14), transparent 55%),
    radial-gradient(820px 260px at 95% 12%, rgba(168,85,247,.08), transparent 60%),
    #f6f6f7;
  border-bottom:1px solid #e5e7eb;
  overflow:hidden;
    padding:35px 0;
}

.smm-single-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(168,85,247,.35), transparent);
}

.smm-single-hero-inner{
  position:relative;
  z-index:1;
}

.smm-single-breadcrumb{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  font-weight:600;
  color:#6b7280;
  margin-bottom:24px;
}

.smm-single-breadcrumb a{
  color:#6b7280;
}

.smm-single-breadcrumb a:hover{
  color:var(--theme-color);
}

.smm-single-breadcrumb span{
  color:var(--theme-color);
  font-weight:800;
}

.smm-single-grid{
  display:grid;
  gap:32px;
}

@media(min-width:900px){
  .smm-single-grid{
    grid-template-columns:1.1fr .9fr;
    align-items:start;
  }
}

.smm-single-main,
.smm-single-side{
  position:relative;
  background:rgba(255,255,255,.85);
  border:1px solid #e5e7eb;
  border-radius:22px;
  padding:26px;
  box-shadow:0 16px 34px rgba(17,24,39,.06);
  overflow:hidden;
}

.smm-single-main::before,
.smm-single-side::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  background:radial-gradient(circle at 30% 20%, rgba(168,85,247,.16), transparent 60%);
  pointer-events:none;
}

.smm-single-header{
  display:flex;
  gap:16px;
  margin-bottom:14px;
}

.smm-single-logo-wrap{
  position:relative;
  flex-shrink:0;
}

.smm-single-logo{
  width:72px;
  height:72px;
  border-radius:18px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 22px rgba(17,24,39,.06);
}

.smm-single-logo img{
  width:52px;
  height:52px;
  border-radius:12px;
  object-fit:cover;
}

.smm-single-star{
  position:absolute;
  top:-6px;
  right:-6px;
  width:22px;
  height:22px;
  border-radius:999px;
  background:var(--theme-color);
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 18px rgba(168,85,247,.45);
}

.smm-single-title{
  font-size:22px;
  font-weight:900;
  color:#111827;
  margin-bottom:6px;
}

.smm-single-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.smm-single-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 12px;
  font-size:12px;
  font-weight:800;
  color:var(--theme-color);
  background:rgba(168,85,247,.12);
  border:1px solid rgba(168,85,247,.25);
  border-radius:999px;
}

.smm-single-desc{
  margin-top:12px;
  font-size:14px;
  font-weight:600;
  line-height:1.75;
  color:#6b7280;
}

.smm-single-rating{
  display:flex;
  align-items:center;
  gap:10px;
  margin:16px 0 20px;
}

.smm-single-rating-stars{
  display:flex;
  gap:2px;
}

.smm-single-rating-text{
  font-size:13px;
  font-weight:800;
  color:#111827;
}

.smm-single-rating-count{
  font-size:12px;
  color:#6b7280;
}

.smm-single-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.smm-single-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 16px;
  font-size:13px;
  font-weight:800;
  border-radius:20px;
  transition:transform .14s ease, box-shadow .18s ease, background .16s ease;
}

.smm-single-btn-primary{
  background:linear-gradient(135deg, var(--theme-color), rgba(168,85,247,.85));
  color:#ffffff;
  box-shadow:0 18px 36px rgba(168,85,247,.28);
}

.smm-single-btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 22px 44px rgba(168,85,247,.36);
}

.smm-single-btn-outline{
  background:#ffffff;
  border:1px solid #e5e7eb;
  color:#374151;
}

.smm-single-btn-outline:hover{
  background:#f9fafb;
}

.smm-single-score-ring{
  width:88px;
  height:88px;
  margin:0 auto 14px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.smm-single-score-inner{
  width:68px;
  height:68px;
  border-radius:999px;
  background:#ffffff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.smm-single-score-inner strong{
  font-size:22px;
  font-weight:900;
  color:#111827;
}

.smm-single-score-inner span{
  font-size:11px;
  color:#6b7280;
}

.smm-single-score-title{
  text-align:center;
  font-size:16px;
  font-weight:900;
  color:#111827;
  margin-bottom:4px;
}

.smm-single-score-sub{
  text-align:center;
  font-size:12px;
  color:#6b7280;
  margin-bottom:14px;
}

.smm-single-score-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.smm-single-score-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:12px;
  font-weight:600;
  color:#374151;
}

@media(max-width:768px){
  .smm-single-main,
  .smm-single-side{
    padding:20px;
  }

  .smm-single-actions{
    flex-direction:column;
  }

  .smm-single-btn{
    width:100%;
    justify-content:center;
  }
}




.filter-wrap{
  background:
    radial-gradient(900px 260px at 0% 0%, rgba(168,85,247,.10), transparent 55%),
    #ffffff;
  border-bottom:1px solid #e5e7eb;
}

.filter-container{
  padding:24px 0;
}

.filter-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:24px;
}

.filter-title{
  font-size:22px;
  font-weight:900;
  color:#111827;
}

.filter-count{
  margin-top:4px;
  font-size:13px;
  color:#6b7280;
}

.filter-grid{
  display:grid;
  grid-template-columns:repeat(1,1fr);
  gap:14px;
}

@media(min-width:768px){
  .filter-grid{
    grid-template-columns:repeat(4,1fr);
  }
}

.filter-field{
  position:relative;
}

.filter-icon{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  font-size:14px;
  color:#9ca3af;
  pointer-events:none;
}

.filter-input,
.filter-select{
  width:100%;
  height:42px;
  padding:0 12px 0 36px;
  font-size:13px;
  font-weight:600;
  color:#111827;
  border-radius:14px;
  border:1px solid #e5e7eb;
  background:#ffffff;
  transition:border-color .18s ease, box-shadow .18s ease;
}

.filter-select{
  appearance:none;
  padding-right:36px;
}

.filter-input::placeholder{
  color:#9ca3af;
  font-weight:500;
}

.filter-input:focus,
.filter-select:focus{
  outline:none;
  border-color:rgba(168,85,247,.45);
  box-shadow:0 0 0 3px rgba(168,85,247,.18);
}

.filter-caret{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  font-size:14px;
  color:#9ca3af;
  pointer-events:none;
}


.service-wrap{
  padding:32px 0;
  background:
    radial-gradient(900px 260px at 18% 0%, rgba(168,85,247,.08), transparent 55%),
    #f9fafb;
  border-top:1px solid #e5e7eb;
}

.service-list{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.service-pagination{
  margin-top:24px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

@media(min-width:768px){
  .service-pagination{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
  }
}

.service-page-info{
  font-size:13px;
  color:#6b7280;
  font-weight:600;
}

.service-pager{
  display:flex;
  align-items:center;
  gap:8px;
}

.service-btn{
  padding:8px 14px;
  border-radius:12px;
  font-size:13px;
  font-weight:700;
  color:#374151;
  background:#ffffff;
  border:1px solid #e5e7eb;
  transition:background .15s ease,border-color .15s ease,transform .1s ease;
}

.service-btn:hover{
  background:rgba(168,85,247,.06);
  border-color:rgba(168,85,247,.35);
}

.service-btn[disabled]{
  opacity:.45;
  cursor:not-allowed;
}

.service-page{
  min-width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  font-size:13px;
  font-weight:800;
  color:#374151;
  background:#ffffff;
  border:1px solid #e5e7eb;
}

.service-page:hover{
  background:rgba(168,85,247,.08);
}

.service-page.is-active{
  background:linear-gradient(135deg,var(--theme-color),rgba(168,85,247,.85));
  color:#ffffff;
  border-color:rgba(168,85,247,.6);
  box-shadow:0 10px 22px rgba(168,85,247,.22);
}

.search_service-card{
  position:relative;
  background:rgba(255,255,255,.92);
  border:1px solid #e5e7eb;
  border-radius:18px;
  box-shadow:0 14px 30px rgba(17,24,39,.06);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.search_service-card:hover{
  transform:translateY(-2px);
  border-color:rgba(168,85,247,.35);
  box-shadow:0 22px 44px rgba(17,24,39,.10);
}

.search_service-card.is-verified{
  border-color:rgba(168,85,247,.45);
  box-shadow:0 18px 36px rgba(168,85,247,.12);
}

.search_service-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  background:rgba(168,85,247,.12);
  color:var(--theme-color);
  border:1px solid rgba(168,85,247,.35);
}

.search_service-title{
  font-size:14px;
  font-weight:800;
  color:#111827;
}

.search_service-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  font-size:11px;
  font-weight:600;
  color:#6b7280;
}

.search_service-panel{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:700;
  color:#374151;
}

.search_service-panel:hover{
  color:var(--theme-color);
}

.search_service-price{
  font-size:16px;
  font-weight:900;
  color:#111827;
}

.search_service-price span{
  font-size:12px;
  font-weight:600;
  color:#6b7280;
}
.featured-strip {
    width: 100%;
}

.featured-strip .featured-items {
    display: flex;
    gap: 16px;
}

.featured-strip .featured-card {
    position: relative;
    flex: 1;
    padding: 12px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(168, 85, 247, .45);
    box-shadow: 0 18px 36px rgba(168, 85, 247, .12);
    transition: all 0.25s ease;
}

.featured-strip .featured-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 40px rgba(168, 85, 247, .18);
}

.featured-strip .featured-tag {
    position: absolute;
    top: -12px;
    left: -12px;
    background: var(--theme-color);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    padding: 12px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    z-index: 10;
    box-shadow: 0 6px 14px rgba(168, 85, 247, .45);
}

.featured-strip .featured-tag i {
    font-size: 12px;
}

.featured-strip img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
    background: #ffffff;
}

@media (max-width: 768px) {
    .featured-strip .featured-items {
        flex-direction: column;
    }
}

.redirect-wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:
    radial-gradient(900px 260px at 20% 0%, rgba(168,85,247,.10), transparent 55%),
    radial-gradient(900px 260px at 80% 100%, rgba(168,85,247,.08), transparent 60%),
    #f6f6f7;
}

.redirect-card{
  width:100%;
  max-width:420px;
  background:rgba(255,255,255,.9);
  border:1px solid #e5e7eb;
  border-radius:24px;
  padding:32px 28px;
  box-shadow:0 18px 42px rgba(17,24,39,.08);
  text-align:center;
}

.redirect-logo{
  display:flex;
  justify-content:center;
  margin-bottom:20px;
}

.redirect-title{
  font-size:20px;
  font-weight:900;
  color:#111827;
  margin-bottom:6px;
}

.redirect-kicker{
  font-size:13px;
  font-weight:800;
  color:var(--theme-color);
  margin-bottom:6px;
}

.redirect-domain{
  font-size:12px;
  font-weight:700;
  color:#6b7280;
  word-break:break-all;
}

.redirect-text{
  margin-top:16px;
  font-size:13px;
  line-height:1.7;
  color:#6b7280;
}

.redirect-text strong{
  color:#111827;
  font-weight:800;
}

.redirect-actions{
  margin-top:24px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.redirect-btn-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:12px 16px;
  border-radius:14px;
  font-size:13px;
  font-weight:800;
  color:#ffffff;
  background:linear-gradient(135deg,var(--theme-color),rgba(168,85,247,.85));
  border:1px solid rgba(168,85,247,.55);
  transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.redirect-btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(168,85,247,.28);
  opacity:.95;
}

.redirect-btn-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:12px 16px;
  border-radius:14px;
  font-size:13px;
  font-weight:800;
  color:#374151;
  background:#f3f4f6;
  border:1px solid #e5e7eb;
  transition:background .15s ease, border-color .15s ease;
}

.redirect-btn-secondary:hover{
  background:#e5e7eb;
  border-color:#d1d5db;
}

.smm-container{
  position:relative;
  border-radius:22px;
  background:
    radial-gradient(900px 260px at 20% 0%, rgba(168,85,247,.08), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.96), #ffffff);
  border:1px solid #e5e7eb;
  box-shadow:0 14px 30px rgba(17,24,39,.05);
  overflow:hidden
}

.smm-container::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:
    linear-gradient(135deg, var(--theme-color), rgba(168,85,247,.35));
  opacity:.06;
  pointer-events:none
}