/* ============================================================
   DRG0NF1Y PREMIUM PRESERVE LAYER — 2026
   Adds the missing non-destructive polish from the earlier upgrade
   kit while preserving the current purple/chrome layout, content,
   navigation, services, merch, dating privacy, and app links.
   Loaded after site-shell.css.
   ============================================================ */
:root{
  --preserve-violet:#a855f7;
  --preserve-lavender:#d8b4fe;
  --preserve-silver:#eef0f7;
  --preserve-line:rgba(192,132,252,.30);
  --preserve-ease:cubic-bezier(.22,1,.36,1);
}

/* Header lockup: fills the available header area instead of appearing tiny. */
.site-header .logo-brand{
  flex-basis:clamp(245px,21vw,330px)!important;
  width:clamp(245px,21vw,330px)!important;
  height:62px!important;
  padding:2px 7px!important;
}
.site-header .logo-brand img{
  object-fit:contain!important;
  object-position:left center!important;
  transform-origin:left center;
  transition:transform .32s var(--preserve-ease),filter .32s ease;
}
.site-header.df-scrolled .logo-brand img{
  transform:scale(.965);
  filter:drop-shadow(0 0 14px rgba(168,85,247,.34));
}

/* A subtle premium highlight that follows the pointer on primary cards. */
.polish-card,.clean-card,.marketing-card,.service-card,.price-card,
.gear-card,.news-card,.case-study-card,.resource-card,.comparison-card{
  --mx:50%;
  --my:20%;
  isolation:isolate;
}
.polish-card::after,.clean-card::after,.marketing-card::after,
.service-card::after,.price-card::after,.gear-card::after,
.news-card::after,.case-study-card::after,.resource-card::after,
.comparison-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:radial-gradient(420px circle at var(--mx) var(--my),rgba(216,180,254,.10),transparent 44%);
  opacity:0;
  transition:opacity .28s ease;
}
.polish-card:hover::after,.clean-card:hover::after,.marketing-card:hover::after,
.service-card:hover::after,.price-card:hover::after,.gear-card:hover::after,
.news-card:hover::after,.case-study-card:hover::after,.resource-card:hover::after,
.comparison-card:hover::after{opacity:1}

/* Forms and report tables use one consistent, visible interaction language. */
input,textarea,select{
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(216,180,254,.78)!important;
  box-shadow:0 0 0 3px rgba(168,85,247,.18)!important;
}
table{border-collapse:separate;border-spacing:0}
th{
  background:rgba(168,85,247,.09);
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-size:.78rem;
}
td,th{border-bottom:1px solid rgba(192,132,252,.16)}
tr:hover td{background:rgba(168,85,247,.035)}

/* Keep images stable during loading and visually integrated with the shell. */
img[loading="lazy"]{content-visibility:auto}
.founder-photo-frame img,.polish-hero-art img,.footer-emblem{
  transition:filter .3s ease,transform .3s var(--preserve-ease);
}
.founder-photo-frame:hover img{transform:scale(1.012);filter:saturate(1.03) contrast(1.02)}

/* Purple/chrome scrollbar from the earlier premium build. */
*{scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.55) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{
  background:linear-gradient(var(--preserve-lavender),var(--preserve-violet));
  border-radius:999px;
  border:2px solid transparent;
  background-clip:content-box;
}
*::-webkit-scrollbar-track{background:transparent}

/* Ensure dropdowns and mobile navigation remain above all page visuals. */
.site-header .site-nav,.site-header .nav-menu{z-index:1200}

@media(max-width:1180px){
  .site-header .logo-brand{
    flex-basis:clamp(235px,34vw,310px)!important;
    width:clamp(235px,34vw,310px)!important;
  }
}
@media(max-width:720px){
  .site-header .logo-brand{
    flex-basis:min(72vw,300px)!important;
    width:min(72vw,300px)!important;
    height:58px!important;
  }
}
@media(max-width:430px){
  .site-header .logo-brand{
    flex-basis:min(70vw,265px)!important;
    width:min(70vw,265px)!important;
    height:54px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .site-header .logo-brand img,
  .founder-photo-frame img,.polish-hero-art img,.footer-emblem{transition:none!important}
}