:root{
  --ss-bg:#080810;
  --ss-panel:rgba(255,255,255,.045);
  --ss-border:rgba(255,255,255,.085);
  --ss-muted:rgba(255,255,255,.48);
  --ss-text:#fff;
  --ss-accent:#e94560;
  --ss-accent-2:#ffb5c0;
  --ss-page-max:1440px;
}

html{background:#080810}
body{
  background:
    radial-gradient(900px 520px at 50% -12%,rgba(65,18,29,.55),transparent 62%),
    radial-gradient(720px 420px at 50% 22%,rgba(233,69,96,.045),transparent 70%),
    #080810 !important;
}
body::before,
body::after{
  display:none !important;
}
body > *{position:relative}
body > nav{z-index:200}

.ss-logo{display:flex;align-items:center;gap:9px;margin-right:auto;text-decoration:none;color:var(--ss-text)}
.ss-logo-mark{height:26px;width:auto;flex-shrink:0;overflow:visible;animation:ssMarkGlow 4s ease-in-out infinite}
.ss-logo-text{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:1.06rem;letter-spacing:-.5px;color:#fff}
.ss-logo-text em{font-style:normal;color:var(--ss-accent)}
@keyframes ssMarkGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(233,69,96,0))}50%{filter:drop-shadow(0 3px 18px rgba(233,69,96,.6))}}
.ss-logo:hover .ss-logo-mark{animation:none}
.ss-logo:hover .mark-top{transform:translateX(26px);filter:drop-shadow(-2px 0 6px rgba(0,0,0,.9)) drop-shadow(0 0 14px rgba(233,69,96,.5))}
.ss-logo:hover .mark-bot{transform:translateX(-26px);filter:drop-shadow(2px 0 6px rgba(0,0,0,.9)) drop-shadow(0 0 14px rgba(233,69,96,.5))}
.ss-logo:hover .wave-top,.ss-logo:hover .wave-bot,.ss-logo:hover .wave-top2,.ss-logo:hover .wave-bot2{opacity:0}

.ss-trial-nudge{margin:.55rem 0 0;color:rgba(255,255,255,.42);font-size:.74rem;line-height:1.45}
.ss-trial-nudge strong{color:#fff}
.ss-click-rail{position:fixed;right:18px;bottom:18px;z-index:180;display:none;max-width:285px;background:rgba(11,11,19,.94);border:1px solid rgba(233,69,96,.24);box-shadow:0 24px 70px rgba(0,0,0,.45);border-radius:18px;padding:.95rem;backdrop-filter:blur(18px)}
.ss-click-rail.show{display:block;animation:ssFadeUp .22s ease both}
.ss-click-rail h3{font-size:.92rem;margin:0 0 .25rem;color:#fff}
.ss-click-rail p{font-size:.78rem;margin:0 0 .72rem;color:rgba(255,255,255,.54);line-height:1.5}
.ss-click-rail a{display:inline-flex;background:linear-gradient(135deg,#e94560,#c73652);color:#fff;border-radius:999px;padding:.54rem .9rem;font-weight:800;font-size:.78rem;text-decoration:none;box-shadow:0 8px 24px rgba(233,69,96,.36)}
.ss-click-rail button{float:right;background:none;border:0;color:rgba(255,255,255,.38);font-size:1rem;cursor:pointer}

.ss-adblock-note{position:fixed;left:18px;bottom:18px;z-index:190;display:none;max-width:340px;background:rgba(11,11,19,.96);border:1px solid rgba(255,255,255,.11);box-shadow:0 24px 80px rgba(0,0,0,.5);border-radius:18px;padding:1rem;backdrop-filter:blur(18px)}
.ss-adblock-note.show{display:block;animation:ssFadeUp .24s ease both}
.ss-adblock-note h3{font-size:.96rem;margin:0 0 .35rem;color:#fff}
.ss-adblock-note p{font-size:.8rem;margin:0 0 .85rem;color:rgba(255,255,255,.58);line-height:1.55}
.ss-adblock-note .ss-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.ss-adblock-note button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.07);color:#fff;border-radius:999px;padding:.55rem .82rem;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}
.ss-adblock-note button:first-child{background:linear-gradient(135deg,#e94560,#c73652);border-color:rgba(233,69,96,.45)}
@keyframes ssFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* Sitewide desktop polish for older generated/static pages. */
.container,
.section,
.email-wrap,
.footer-inner,
.footer-bottom,
.main,
.shell,
.page-hero > *{
  max-width:min(var(--ss-page-max),calc(100vw - 72px)) !important;
  margin-left:auto;
  margin-right:auto;
}
.container,
.section,
.email-wrap,
.footer-inner,
.footer-bottom,
.main,
.shell{
  width:100%;
}
.container{
  padding-left:clamp(1.25rem,3vw,2.6rem) !important;
  padding-right:clamp(1.25rem,3vw,2.6rem) !important;
}
.page-hero{
  position:relative;
  overflow:hidden;
}
.page-hero::before,
.ss-page-ambient::before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:
    radial-gradient(520px 260px at 18% 18%,rgba(233,69,96,.12),transparent 68%),
    radial-gradient(520px 260px at 82% 8%,rgba(255,255,255,.045),transparent 70%);
  opacity:.72;
}
.page-hero > *,
.ss-page-ambient > *{
  position:relative;
}
h1,
.hero-title{
  text-wrap:balance;
}
h1:not(.hero-title){
  letter-spacing:-.04em;
}
h1:not(.hero-title) em,
h1:not(.hero-title) span.grad-text,
.section-heading .grad-text{
  background:linear-gradient(135deg,#e94560 0%,#ff7890 34%,#f4a0ad 52%,#c73652 76%,#e94560 100%);
  background-size:220% auto;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  animation:ssShimmer 4.8s linear infinite;
}
@keyframes ssShimmer{0%{background-position:200% center}100%{background-position:-200% center}}
.stat-grid,
.info-grid,
.cat-grid,
.comp-grid,
.pages-grid{
  gap:clamp(.85rem,1.4vw,1.25rem) !important;
}
.stat-card,
.info-card,
.tool-card,
.tldr-box,
.cta-section,
.related,
.email-box,
.faq-item,
.panel,
.deal,
.why article{
  border-radius:18px !important;
  box-shadow:0 22px 70px rgba(0,0,0,.18);
}
.tool-card,
.info-card,
.stat-card,
.deal,
.panel{
  background:linear-gradient(145deg,rgba(255,255,255,.054),rgba(255,255,255,.028)) !important;
}
@media(min-width:980px){
  .container{
    display:grid;
    grid-template-columns:minmax(0,1fr);
  }
  .container > .section,
  .container > .cta-section,
  .container > .related,
  .container > .email-box,
  .container > .trust-bar,
  .container > .ad-slot-v2,
  .container > footer{
    max-width:100% !important;
  }
  .container > .section:nth-of-type(3n+2):not(.verdict-box){
    margin-left:min(5vw,64px);
  }
  .container > .section:nth-of-type(3n):not(.verdict-box){
    margin-right:min(5vw,64px);
  }
  .pros-cons,
  .info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .stat-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media(max-width:720px){
  body::before,
  body::after{display:none}
  .container,
  .section,
  .email-wrap,
  .footer-inner,
  .footer-bottom,
  .main,
  .shell{
    max-width:100% !important;
  }
  .ss-click-rail{left:12px;right:12px;bottom:12px;max-width:none}
  .ss-adblock-note{left:12px;right:12px;bottom:12px;max-width:none}
  .ss-logo-text{font-size:1rem}
}