/* ============================================================
   DRG0NF1Y CYAN + VIOLET PREMIUM BRAND LAYER — 2026-06
   Non-destructive, site-wide visual upgrade. Loaded last.
   Palette follows the DRG0NF1Y Brand Guide:
   Ink 60% · Lavender 30% · Violet/Tiffany accents 10%.
   ============================================================ */
:root{
  --df-ink:#04030A;
  --df-panel:#120B1E;
  --df-raised:#1A1025;
  --df-violet-deep:#7C3AED;
  --df-violet:#A855F7;
  --df-violet-light:#C084FC;
  --df-tiffany:#0ABAB5;
  --df-tiffany-on-dark:#3FD0C9;
  --df-tiffany-soft:#81D8D0;
  --df-gold:#FFE1A1;
  --df-heading:#F4EAFF;
  --df-body:#D8C8FF;
  --df-muted-2026:#BFA7FF;
  --df-neutral:#E5E7EB;
  --df-cyan-line:rgba(63,208,201,.34);
  --df-violet-line:rgba(192,132,252,.28);

  --bg:var(--df-ink);
  --panel:var(--df-panel);
  --panel-2:var(--df-raised);
  --text:var(--df-heading);
  --muted:var(--df-body);
  --purple:var(--df-violet);
  --gold:var(--df-gold);
  --line:var(--df-violet-line);

  --drg-bg:var(--df-ink);
  --drg-panel:var(--df-panel);
  --drg-card:var(--df-raised);
  --drg-purple:var(--df-violet);
  --drg-violet:var(--df-violet-deep);
  --drg-lav:var(--df-violet-light);
  --drg-text:var(--df-heading);
  --drg-muted:var(--df-body);
  --drg-line:var(--df-violet-line);

  --shell-black:var(--df-ink);
  --shell-panel:rgba(18,11,30,.97);
  --shell-line:var(--df-violet-line);
  --shell-text:var(--df-heading);
  --shell-muted:var(--df-body);
  --shell-violet:var(--df-violet);
  --shell-lav:var(--df-violet-light);
}

html{color-scheme:dark}
body{
  color:var(--df-heading)!important;
  background:
    radial-gradient(900px 520px at 5% -8%,rgba(124,58,237,.18),transparent 68%),
    radial-gradient(780px 560px at 100% 12%,rgba(10,186,181,.10),transparent 70%),
    linear-gradient(180deg,#04030A 0%,#07040E 50%,#04030A 100%)!important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(129,216,208,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(129,216,208,.035) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,black,transparent 72%);
}

h1,h2,h3,h4,h5,h6{color:var(--df-heading)!important}
p,li,dd,td,label,.footer-brand-copy{color:var(--df-body)}
::selection{background:rgba(10,186,181,.32);color:#fff}
:focus-visible{outline:2px solid var(--df-tiffany-on-dark)!important;outline-offset:3px}

/* ---------- unified header ---------- */
.site-header{
  background:linear-gradient(180deg,rgba(4,3,10,.96),rgba(4,3,10,.88))!important;
  border-bottom-color:rgba(63,208,201,.18)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.46),0 1px 0 rgba(192,132,252,.12)!important;
}
.site-header::after{
  height:1px!important;
  background:linear-gradient(90deg,transparent 3%,rgba(168,85,247,.82) 32%,rgba(63,208,201,.82) 68%,transparent 97%)!important;
}
.site-header .logo-brand{
  flex-basis:clamp(260px,22vw,345px)!important;
  width:clamp(260px,22vw,345px)!important;
  height:64px!important;
  border-color:rgba(63,208,201,.18)!important;
  background:
    radial-gradient(circle at 88% 40%,rgba(10,186,181,.09),transparent 35%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 0 28px rgba(168,85,247,.07),0 8px 26px rgba(0,0,0,.26)!important;
}
.site-header .logo-brand img{
  filter:drop-shadow(0 0 9px rgba(168,85,247,.32)) drop-shadow(0 0 11px rgba(10,186,181,.12))!important;
}
.site-header .site-nav>a,
.site-header .nav-group>summary{color:#D8C8FF}
.site-header .site-nav>a:hover,
.site-header .site-nav>a:focus-visible,
.site-header .nav-group>summary:hover,
.site-header .nav-group>summary:focus-visible,
.site-header .site-nav>a[aria-current="page"]{
  color:#fff!important;
  border-color:rgba(63,208,201,.34)!important;
  background:rgba(10,186,181,.08)!important;
  box-shadow:inset 0 -1px 0 rgba(63,208,201,.34);
}
.site-header .nav-group.contains-current>summary{
  color:#fff!important;
  border-color:rgba(63,208,201,.34)!important;
  background:rgba(10,186,181,.08)!important;
}
.site-header .nav-group>summary::after{color:var(--df-tiffany-on-dark)!important}
.site-header .nav-menu{
  border-color:rgba(63,208,201,.22)!important;
  background:linear-gradient(180deg,rgba(18,11,30,.985),rgba(8,5,15,.99))!important;
  box-shadow:0 24px 60px rgba(0,0,0,.66),0 0 34px rgba(10,186,181,.08)!important;
}
.site-header .nav-menu a:hover,
.site-header .nav-menu a:focus-visible,
.site-header .nav-menu a[aria-current="page"]{
  color:#fff!important;
  background:rgba(10,186,181,.09)!important;
}
.site-header .nav-login{
  color:var(--df-tiffany-soft)!important;
  border-color:rgba(63,208,201,.34)!important;
  background:rgba(10,186,181,.055)!important;
}
.site-header .nav-login:hover{background:rgba(10,186,181,.12)!important}
.site-header .nav-cta{
  background:linear-gradient(135deg,var(--df-violet-deep),var(--df-violet))!important;
  border-color:rgba(216,180,254,.58)!important;
  box-shadow:0 0 25px rgba(168,85,247,.27)!important;
}
.site-header .nav-cta:hover{box-shadow:0 0 34px rgba(168,85,247,.40)!important}
.site-header .nav-toggle{
  color:var(--df-tiffany-soft)!important;
  border-color:rgba(63,208,201,.30)!important;
  background:rgba(10,186,181,.07)!important;
}

/* ---------- premium homepage logo stage ---------- */
.df-brand-stage{
  width:min(1160px,100%);
  margin:0 auto 26px;
  padding:clamp(14px,2vw,24px);
  position:relative;
  overflow:hidden;
  border:1px solid rgba(63,208,201,.20);
  border-radius:26px;
  background:
    radial-gradient(circle at 12% 50%,rgba(168,85,247,.15),transparent 38%),
    radial-gradient(circle at 90% 50%,rgba(10,186,181,.09),transparent 34%),
    linear-gradient(180deg,rgba(18,11,30,.82),rgba(4,3,10,.72));
  box-shadow:0 24px 74px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);
}
.df-brand-stage::after{
  content:"";
  position:absolute;
  left:8%;right:8%;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--df-violet-light),var(--df-tiffany-on-dark),transparent);
  box-shadow:0 0 20px rgba(63,208,201,.28);
}
.df-brand-stage img{
  display:block;
  width:min(100%,1080px);
  height:auto;
  margin:auto;
  filter:drop-shadow(0 18px 32px rgba(0,0,0,.42)) drop-shadow(0 0 16px rgba(168,85,247,.18));
}

/* ---------- typography and conversion elements ---------- */
.eyebrow,.polish-kicker{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  max-width:100%;
  padding:7px 11px;
  border:1px solid rgba(63,208,201,.24);
  border-radius:999px;
  background:rgba(10,186,181,.065);
  color:var(--df-tiffany-soft)!important;
  letter-spacing:.16em!important;
  line-height:1.2;
}
.eyebrow::before,.polish-kicker::before{
  content:"";
  width:6px;height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:var(--df-tiffany-on-dark);
  box-shadow:0 0 12px rgba(63,208,201,.85);
}
.polish-title span,
.clean-hero h1 span,
.page-hero h1 span{
  color:transparent!important;
  background:linear-gradient(105deg,var(--df-violet-light),var(--df-tiffany-soft));
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:none!important;
}
.polish-lead,.hero-sub,.clean-hero>p:not(.eyebrow),.page-hero>p:not(.eyebrow){color:var(--df-body)!important}

.btn.primary{
  color:#fff!important;
  background:linear-gradient(135deg,var(--df-violet-deep),var(--df-violet))!important;
  border:1px solid rgba(216,180,254,.54)!important;
  box-shadow:0 15px 34px rgba(124,58,237,.24),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.btn.primary:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 42px rgba(124,58,237,.34),0 0 22px rgba(168,85,247,.18)!important;
}
.btn.ghost{
  color:var(--df-tiffany-soft)!important;
  border-color:rgba(63,208,201,.34)!important;
  background:rgba(10,186,181,.045)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.btn.ghost:hover{
  color:#fff!important;
  border-color:rgba(63,208,201,.66)!important;
  background:rgba(10,186,181,.11)!important;
  box-shadow:0 0 24px rgba(10,186,181,.12)!important;
}
a:not(.btn):not(.brand):not(.nav-cta){text-decoration-color:rgba(63,208,201,.38)}
main a:not(.btn):not(.brand){color:var(--df-tiffany-soft)}
main a:not(.btn):not(.brand):hover{color:#B9FFF8}

/* ---------- modern glass/bento surfaces ---------- */
.polish-card,.clean-card,.marketing-card,.service-card,.price-card,
.gear-card,.news-card,.case-study-card,.resource-card,.comparison-card,
.clean-note,.clean-cta,.polish-cta,.contact-card,.hero-panel,.notice,
.process-step,.how-it-works-note,.polish-stat{
  border-color:rgba(192,132,252,.20)!important;
  background:
    linear-gradient(145deg,rgba(26,16,37,.88),rgba(10,6,18,.82))!important;
  box-shadow:0 18px 52px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.polish-card,.clean-card,.marketing-card,.service-card,.price-card,
.gear-card,.news-card,.case-study-card,.resource-card,.comparison-card{
  position:relative;
  overflow:hidden;
}
.polish-card::before,.clean-card::before,.marketing-card::before,
.service-card::before,.price-card::before,.gear-card::before,
.news-card::before,.case-study-card::before,.resource-card::before,
.comparison-card::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.64),rgba(63,208,201,.40),transparent);
  pointer-events:none;
}
.polish-card:hover,.clean-card:hover,.marketing-card:hover,.service-card:hover,
.price-card:hover,.gear-card:hover,.news-card:hover,.case-study-card:hover,.resource-card:hover,
.comparison-card:hover{
  border-color:rgba(63,208,201,.30)!important;
  transform:translateY(-4px);
  box-shadow:0 24px 64px rgba(0,0,0,.38),0 0 24px rgba(10,186,181,.055)!important;
}
.service-card.featured,.price-card.featured,.gear-card.featured,.clean-card.featured{
  border-color:rgba(255,225,161,.42)!important;
  background:linear-gradient(145deg,rgba(35,25,37,.94),rgba(18,11,30,.90))!important;
  box-shadow:0 20px 58px rgba(0,0,0,.34),0 0 24px rgba(255,225,161,.06)!important;
}
.service-card.featured::before,.price-card.featured::before,.gear-card.featured::before,.clean-card.featured::before{
  background:linear-gradient(90deg,transparent,rgba(255,225,161,.74),transparent)!important;
}
.tag,.price-card .eyebrow,.service-card.featured .eyebrow,.founder-section .eyebrow{
  color:var(--df-gold)!important;
  border-color:rgba(255,225,161,.28)!important;
  background:rgba(255,225,161,.055)!important;
}
.tag::before,.price-card .eyebrow::before,.service-card.featured .eyebrow::before,.founder-section .eyebrow::before{
  background:var(--df-gold)!important;
  box-shadow:0 0 12px rgba(255,225,161,.65)!important;
}
.price{color:var(--df-gold)!important}

/* ---------- hero and trust visuals ---------- */
.polish-hero{
  position:relative;
  border:1px solid rgba(192,132,252,.16);
  border-radius:30px;
  padding:clamp(26px,4vw,54px)!important;
  background:
    radial-gradient(circle at 82% 22%,rgba(10,186,181,.10),transparent 28%),
    radial-gradient(circle at 14% 8%,rgba(168,85,247,.13),transparent 30%),
    linear-gradient(145deg,rgba(18,11,30,.80),rgba(4,3,10,.56));
  box-shadow:0 28px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);
}
.polish-hero::after{
  content:"";
  position:absolute;
  inset:auto 8% 0 8%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--df-violet-light),var(--df-tiffany-on-dark),transparent);
}
.polish-hero-art img{
  filter:drop-shadow(0 0 28px rgba(168,85,247,.30)) drop-shadow(0 0 18px rgba(10,186,181,.13))!important;
}
.polish-stat strong{color:var(--df-tiffany-soft)!important}
.polish-stat-row{gap:12px!important}

.df-snapshot-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:24px 0;
}
.df-snapshot-item{
  padding:18px;
  border:1px solid rgba(63,208,201,.18);
  border-radius:17px;
  background:rgba(10,186,181,.035);
}
.df-snapshot-item strong{display:block;color:var(--df-heading);margin-bottom:7px}
.df-snapshot-item span{display:block;color:var(--df-body);font-size:.92rem;line-height:1.55}
.df-service-proof{margin:18px 0 0!important;color:var(--df-tiffany-soft)!important;font-size:.88rem!important;letter-spacing:.025em}

/* ---------- forms, tables, live/data states ---------- */
input,textarea,select{
  color:var(--df-heading)!important;
  background:rgba(4,3,10,.66)!important;
  border-color:rgba(192,132,252,.22)!important;
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(63,208,201,.72)!important;
  box-shadow:0 0 0 3px rgba(10,186,181,.14)!important;
}
th{background:rgba(10,186,181,.075)!important;color:var(--df-tiffany-soft)!important}
td,th{border-bottom-color:rgba(63,208,201,.12)!important}
tr:hover td{background:rgba(10,186,181,.028)!important}
.yt-live-dot{background:var(--df-tiffany-on-dark)!important;box-shadow:0 0 22px rgba(63,208,201,.92)!important}

/* ---------- founder and footer trust moments ---------- */
.founder-photo-frame{
  border-color:rgba(255,225,161,.34)!important;
  background:linear-gradient(145deg,rgba(255,225,161,.08),rgba(168,85,247,.10))!important;
  box-shadow:0 28px 80px rgba(0,0,0,.48),0 0 36px rgba(255,225,161,.07)!important;
}
.founder-points div{border-color:rgba(255,225,161,.18)!important;background:rgba(255,225,161,.025)!important}
.founder-points strong{color:var(--df-gold)!important}

.site-footer{
  border-top-color:rgba(63,208,201,.22)!important;
  background:
    radial-gradient(circle at 88% 0,rgba(10,186,181,.07),transparent 30%),
    linear-gradient(180deg,rgba(10,6,18,.97),rgba(4,3,10,1))!important;
}
.site-footer::after{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--df-violet-light),var(--df-tiffany-on-dark),transparent);
}
.site-footer{position:relative}
.footer-emblem{
  border-color:rgba(63,208,201,.24)!important;
  box-shadow:0 0 30px rgba(168,85,247,.17),0 0 18px rgba(10,186,181,.08)!important;
}
.footer-title{color:var(--df-tiffany-soft)!important}
.footer-links a:hover{color:#B9FFF8!important}
.footer-bottom .df-tagline{color:var(--df-tiffany-soft)!important}

/* ---------- responsive ---------- */
@media(max-width:1180px){
  .site-header .logo-brand{
    flex-basis:clamp(245px,38vw,335px)!important;
    width:clamp(245px,38vw,335px)!important;
    height:62px!important;
  }
  .site-header .site-nav{border-color:rgba(63,208,201,.20)!important}
}
@media(max-width:820px){
  .df-brand-stage{border-radius:20px;margin-bottom:18px}
  .df-snapshot-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .site-header .logo-brand{
    flex-basis:min(70vw,270px)!important;
    width:min(70vw,270px)!important;
    height:56px!important;
    border-radius:12px!important;
  }
  .df-brand-stage{padding:10px;border-radius:16px}
  .polish-hero{border-radius:22px;padding:24px 18px!important}
  .eyebrow,.polish-kicker{font-size:.69rem!important;letter-spacing:.12em!important}
}
@media(prefers-reduced-motion:reduce){
  .polish-card,.clean-card,.marketing-card,.service-card,.price-card,
  .gear-card,.news-card,.case-study-card,.resource-card,.comparison-card,
  .btn{transition:none!important}
}