/* =========================================================
   SHRED.SAFE PREMIUM UI SKIN v3.0
   Brand-led overlay. Keeps page functionality intact.
   ========================================================= */
:root{
  --ss-bg:#050505;
  --ss-panel:#0b0b0a;
  --ss-panel-2:#11100e;
  --ss-card:#15120f;
  --ss-card-soft:rgba(18,16,14,.78);
  --ss-border:rgba(255,255,255,.10);
  --ss-border-warm:rgba(255,111,0,.24);
  --ss-orange:#ff6500;
  --ss-orange-2:#d94b00;
  --ss-white:#f4f0e8;
  --ss-muted:#9b9186;
  --ss-dim:#6d645c;
  --ss-green:#47b95c;
  --ss-amber:#ff9f1a;
  --ss-red:#e54435;
}
html{background:#050505!important;}
body{
  background:
    radial-gradient(circle at 78% 10%, rgba(255,101,0,.14), transparent 36%),
    radial-gradient(circle at 10% 15%, rgba(255,255,255,.055), transparent 20%),
    linear-gradient(180deg,#050505 0%,#090806 45%,#050505 100%)!important;
  color:var(--ss-white)!important;
}
body:before{
  content:"";
  position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.50),rgba(0,0,0,.92)),
    url("assets/shredsafe-bg-only-1400.webp");
  background-size:cover;
  background-position:center top;
  opacity:.30;
  filter:saturate(.95) contrast(1.12);
}
body:after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 70%);
}
a{color:inherit;}
nav,.hero,.ob-header{
  background:rgba(5,5,5,.72)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid var(--ss-border)!important;
}
.nav-logo,.ob-logo,.hero-title,.hero-h1,.brand-wordmark{
  letter-spacing:.045em!important;
}
.nav-logo,.ob-logo{
  display:flex!important;align-items:center!important;gap:12px!important;
}
.nav-logo:before,.ob-logo:before,.hero-title:before{
  content:"";
  display:inline-block;
  width:42px;height:42px;min-width:42px;
  background:url("assets/shredsafe-logo.png") center/contain no-repeat;
  vertical-align:middle;
  filter:drop-shadow(0 0 18px rgba(255,101,0,.22));
}
.hero-title:before{width:54px;height:54px;min-width:54px;margin-right:10px;}
.hero-title{display:flex;align-items:center;gap:6px;}
.nav-logo span,.ob-logo em,.hero-title em,.hero-h1 .line2,.hero-h1 .outline,
h1 em,h2 em,.accent,.orange{color:var(--ss-orange)!important;}
.nav-cta,.btn-primary,.primary,.gen-btn,.cta-primary,.pay-btn,.share-primary,
button[class*="primary"],a[class*="primary"],.action-primary{
  background:linear-gradient(135deg,var(--ss-orange),var(--ss-orange-2))!important;
  color:white!important;
  border:1px solid rgba(255,126,35,.55)!important;
  box-shadow:0 14px 34px rgba(255,101,0,.20)!important;
}
.back-btn,.btn-secondary,.cta-secondary,.share-secondary,.ap-link,.tool-card,
.card,.feature-card,.submit-section,.field,.result,.results,.target-card,
.timeline,.products-section,.share-card,.phase-tabs,.country-tabs,.detail-card,
.premium-card,.already-premium,.wrap > section,.wrap > div:not(.count):not(#list),
.ob-slide > div[style*="background"]{
  background:linear-gradient(180deg,rgba(21,18,15,.90),rgba(10,10,9,.88))!important;
  border-color:var(--ss-border)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.32)!important;
}
.back-btn,.ctab,.toggle-btn,.trend-btn,.chip,.pill,.tag{
  border-color:var(--ss-border)!important;
}
.hero-eyebrow,.section-head,.tool-eyebrow,.ob-step,.prod-head,.pc-badge,
.risk-title,.submit-title{
  color:var(--ss-orange)!important;
}
.hero-sub,p,.field-lbl,.tl-desc,.prod-detail,.submit-desc,.muted,.count{
  color:var(--ss-muted)!important;
}
input,select,textarea,.fi{
  background:rgba(0,0,0,.36)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:var(--ss-white)!important;
}
input:focus,select:focus,textarea:focus,.fi:focus{
  outline:none!important;border-color:rgba(255,101,0,.55)!important;
  box-shadow:0 0 0 3px rgba(255,101,0,.12)!important;
}
.ctab.on,.toggle-btn.on,.trend-btn.on,.ptab.on{
  background:rgba(255,101,0,.15)!important;
  border-color:rgba(255,101,0,.45)!important;
  color:var(--ss-orange)!important;
}
.bottom-nav{
  background:rgba(5,5,5,.86)!important;
  backdrop-filter:blur(18px)!important;
  border-top:1px solid var(--ss-border)!important;
}
.bottom-nav a,.bn-item{color:var(--ss-muted)!important;}
.bottom-nav a.active,.bn-item.active{color:var(--ss-orange)!important;}
/* reduce emoji-like app feel without breaking labels */
.nav-cta,#nav-right a[href="settings.html"],.ap-icon,.ob-icon{
  text-shadow:none!important;
}
@media(min-width:1024px){
  body.premium-home{padding-left:0;}
}


/* Performance and polish pass */
img{max-width:100%;height:auto;}
*{text-rendering:optimizeLegibility;}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}