/* ============================================================
   CodebyCarter — elite.css
   Eight conversion + emotional-anchor moves, all in one file.
   Each section labeled — easy to find, easy to edit.
   ============================================================ */

/* ============================================================
   0) REFERENCE CALLOUT (portfolio — honest "text for a reference")
   ============================================================ */
.pw-reference{
  margin:48px 0 0;
  padding:32px 36px;
  background:linear-gradient(135deg, rgba(212,164,55,.07), rgba(168,85,247,.04));
  border:1px solid rgba(212,164,55,.22);
  border-radius:18px;
  display:flex;align-items:center;justify-content:space-between;
  gap:28px;flex-wrap:wrap;
}
.pw-reference-body{flex:1;min-width:240px}
.pw-reference-eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:#8B6914;font-weight:700;
  margin-bottom:10px;display:inline-flex;align-items:center;gap:10px;
}
.pw-reference-eyebrow::before{
  content:"";width:24px;height:1px;background:currentColor;opacity:.5;
}
.pw-reference-h{
  font-size:clamp(24px,3vw,34px);line-height:1.1;letter-spacing:-.025em;
  font-weight:600;color:#0A0A0F;margin:0 0 8px;
}
.pw-reference-h .ital{
  font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;
  background:linear-gradient(135deg,#D4A437,#8B6914);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.pw-reference-p{
  font-size:15px;line-height:1.6;color:#3A3A4A;margin:0;max-width:46ch;
}
.pw-reference-cta{
  flex-shrink:0;
  display:inline-flex;align-items:center;gap:9px;
  padding:14px 22px;border-radius:99px;
  background:#0A0A0F;color:#F5EFE0;
  font-weight:600;font-size:14px;letter-spacing:-.005em;
  text-decoration:none;cursor:none;
  border:1px solid #0A0A0F;
  transition:transform .25s cubic-bezier(.16,1,.3,1), background .25s ease, box-shadow .25s ease;
}
.pw-reference-cta:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg, #FFE8A0 0%, #D4A437 100%);
  color:#0A0A08;border-color:transparent;
  box-shadow:0 14px 32px -10px rgba(212,164,55,.45);
}
@media (max-width:600px){
  .pw-reference{padding:24px;flex-direction:column;align-items:flex-start}
  .pw-reference-cta{align-self:stretch;justify-content:center}
}
/* Theme fits */
body[data-theme="red"] .pw-reference{background:linear-gradient(135deg,rgba(220,38,38,.08),rgba(220,38,38,.03)) !important;border-color:rgba(220,38,38,.28) !important}
body[data-theme="red"] .pw-reference-h{color:#FFF4F0 !important}
body[data-theme="red"] .pw-reference-h .ital{background:linear-gradient(135deg,#FF8090,#DC143C) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}
body[data-theme="red"] .pw-reference-p{color:rgba(255,244,240,.75) !important}
body[data-theme="red"] .pw-reference-cta{background:#FFF4F0 !important;color:#150A0C !important;border-color:#FFF4F0 !important}
body[data-theme="luxe"] .pw-reference{background:linear-gradient(135deg,rgba(45,168,224,.08),rgba(91,224,250,.03)) !important;border-color:rgba(91,224,250,.25) !important}
body[data-theme="luxe"] .pw-reference-h{color:#F0F4FA !important}
body[data-theme="luxe"] .pw-reference-h .ital{background:linear-gradient(135deg,#5BE0FA,#2DA8E0) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}
body[data-theme="luxe"] .pw-reference-p{color:rgba(240,244,250,.78) !important}
body[data-theme="luxe"] .pw-reference-cta{background:#F0F4FA !important;color:#051528 !important;border-color:#F0F4FA !important}
body[data-theme="editorial"] .pw-reference{background:#FFFFFF !important;border-color:rgba(192,65,39,.22) !important}
body[data-theme="editorial"] .pw-reference-h .ital{background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;-webkit-text-fill-color:#C04127 !important;color:#C04127 !important}

/* ============================================================
   1) ONLINE STATUS DOT IN NAV
   "Carter is online · replies within 24h" presence indicator
   ============================================================ */
.nav-online{
  display:inline-flex;align-items:center;gap:6px;
  padding:3px 9px 3px 8px;border-radius:99px;
  background:transparent;
  border:1px solid rgba(34,197,94,.22);
  font-family:'JetBrains Mono',monospace;
  font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:#15803D;font-weight:600;
  margin-left:10px;
  position:relative;
  cursor:default;
  transition:background .25s ease, border-color .25s ease;
}
.nav-online-dot{
  width:7px;height:7px;border-radius:50%;
  background:#22C55E;
  box-shadow:0 0 0 0 rgba(34,197,94,.55);
  animation:onlinePulse 2.4s ease-in-out infinite;
}
@keyframes onlinePulse{
  0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}
  50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}
}
.nav-online-tip{
  position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-4px);
  background:rgba(10,10,10,.96);color:#F5EFE0;
  padding:7px 12px;border-radius:8px;
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.05em;
  text-transform:none;font-weight:500;
  white-space:nowrap;
  border:1px solid rgba(255,255,255,.10);
  opacity:0;pointer-events:none;
  transition:opacity .25s ease, transform .25s ease;
}
.nav-online:hover{background:rgba(163,230,53,.14);border-color:rgba(34,197,94,.50)}
.nav-online:hover .nav-online-tip{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:760px){
  .nav-online{display:none}
}

/* ============================================================
   2) VIDEO INTRO SLOT (in About Carter)
   Placeholder for Carter's 30-sec selfie. Easy to swap once recorded.
   ============================================================ */
.video-intro{
  display:flex;flex-direction:column;align-items:center;
  margin:0 0 36px;
}
.video-intro-circle{
  position:relative;
  width:clamp(180px,22vw,240px);
  height:clamp(180px,22vw,240px);
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #3A2F1A 0%, #1A1408 70%, #0A0A05 100%);
  border:3px solid rgba(212,164,55,.40);
  display:grid;place-items:center;
  cursor:pointer;
  overflow:hidden;
  box-shadow:0 24px 60px -16px rgba(212,164,55,.30), 0 0 0 1px rgba(255,255,255,.04);
  transition:transform .4s cubic-bezier(.16,1,.3,1), border-color .35s ease, box-shadow .35s ease;
}
.video-intro-circle:hover{
  transform:scale(1.04);
  border-color:#D4A437;
  box-shadow:0 32px 70px -16px rgba(212,164,55,.50);
}
.video-intro-circle::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 50% 50%, rgba(212,164,55,.18), transparent 60%);
  pointer-events:none;
}
.video-intro-play{
  position:relative;z-index:2;
  display:grid;place-items:center;
  width:64px;height:64px;border-radius:50%;
  background:linear-gradient(135deg, #FFE8A0, #D4A437);
  color:#0A0A08;
  box-shadow:0 14px 32px -8px rgba(212,164,55,.55);
  transition:transform .35s cubic-bezier(.16,1,.3,1);
}
.video-intro-circle:hover .video-intro-play{transform:scale(1.10)}
.video-intro-play svg{margin-left:3px}
.video-intro-pulse{
  position:absolute;inset:-1px;border-radius:50%;
  border:2px solid rgba(212,164,55,.40);
  animation:videoPulse 2.8s ease-out infinite;
  pointer-events:none;
}
.video-intro-badge{
  position:absolute;top:14px;right:14px;
  padding:3px 8px;border-radius:99px;
  background:rgba(254,243,199,.95);
  color:#92400E;
  font-family:'JetBrains Mono',monospace;
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;
  border:1px solid rgba(146,64,14,.20);
  box-shadow:0 4px 10px -2px rgba(0,0,0,.30);
}
@keyframes videoPulse{
  0%{transform:scale(1);opacity:1}
  100%{transform:scale(1.20);opacity:0}
}
.video-intro-label{
  margin-top:18px;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(212,164,55,.85);font-weight:700;
  display:inline-flex;align-items:center;gap:10px;
}
.video-intro-label::before,
.video-intro-label::after{
  content:"";width:24px;height:1px;
  background:linear-gradient(90deg, transparent, rgba(212,164,55,.55), transparent);
}
.video-intro-caption{
  margin-top:8px;
  font-family:'Instrument Serif',serif;font-style:italic;font-size:18px;
  color:rgba(245,239,224,.75);letter-spacing:-.01em;
}

/* === Video modal (when recorded video is added — currently inactive) === */
.video-intro[data-state="ready"] .video-intro-circle{
  background:#000;border-color:#D4A437;
}
.video-intro[data-state="ready"] .video-intro-play{
  background:rgba(255,255,255,.95);
}

/* ============================================================
   3) TESTIMONIAL CARD (after portfolio Case 01)
   Real quote from a shadesupaz customer. Big serif quote energy.
   ============================================================ */
.pw-testimonial-band{
  margin:48px 0 0;
  padding:36px;
  background:linear-gradient(135deg, rgba(212,164,55,.06), rgba(168,85,247,.04));
  border:1px solid rgba(212,164,55,.20);
  border-radius:18px;
  position:relative;overflow:hidden;
}
.pw-testimonial-eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:#8B6914;font-weight:700;
  margin-bottom:18px;display:inline-flex;align-items:center;gap:10px;
}
.pw-testimonial-eyebrow::before{
  content:"";width:24px;height:1px;background:currentColor;opacity:.5;
}
.pw-testimonial-tag{
  display:inline-block;
  padding:2px 8px;border-radius:4px;
  background:#FEF3C7;color:#92400E;
  font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.14em;
  font-weight:800;border:1px solid rgba(146,64,14,.20);
  text-transform:uppercase;
}
/* Style the placeholder quote text differently — italic, less weight */
.pw-quote-text{font-style:italic}
.pw-testimonial-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;
}
@media (max-width:760px){
  .pw-testimonial-grid{grid-template-columns:1fr}
}
.pw-quote{
  position:relative;
  padding:24px 26px;
  background:#FFFFFF;
  border:1px solid rgba(20,20,30,.08);
  border-radius:14px;
  box-shadow:0 12px 28px -14px rgba(20,20,30,.12);
}
.pw-quote::before{
  content:"\201C";
  position:absolute;top:-12px;left:18px;
  font-family:'Instrument Serif',serif;font-style:italic;
  font-size:64px;color:#D4A437;line-height:.8;
}
.pw-quote-text{
  font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;
  font-size:20px;line-height:1.4;letter-spacing:-.015em;
  color:#0A0A0F;margin-bottom:18px;
  padding-top:6px;
}
.pw-quote-stars{
  color:#D4A437;letter-spacing:.04em;font-size:14px;margin-bottom:8px;
}
.pw-quote-author{
  display:flex;align-items:center;gap:12px;
}
.pw-quote-avatar{
  width:38px;height:38px;border-radius:50%;
  background:linear-gradient(135deg, #FFE8A0, #D4A437, #8B6914);
  color:#0A0A08;display:grid;place-items:center;
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;
  flex-shrink:0;
}
.pw-quote-meta{min-width:0;line-height:1.35}
.pw-quote-name{
  font-weight:600;font-size:14px;letter-spacing:-.005em;color:#0A0A0F;
}
.pw-quote-detail{
  font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.06em;
  color:#6E6E7A;font-weight:500;
}
.pw-testimonial-foot{
  margin-top:18px;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:#8B6914;font-weight:600;text-align:center;
  font-style:italic;
}

/* ============================================================
   4) GHOST COMPETITOR PREVIEW (top of Sound Like You)
   A faded mock of a typical bad contractor site. Visual pain.
   ============================================================ */
.ghost-preview{
  margin:0 auto 40px;max-width:520px;
  position:relative;
}
.ghost-preview-frame{
  position:relative;
  border-radius:10px;overflow:hidden;
  background:#F8F8F2;
  border:1px solid rgba(20,20,30,.12);
  opacity:.58;
  filter:saturate(.5) blur(.4px);
  transition:opacity .35s ease, filter .35s ease;
  box-shadow:0 14px 32px -16px rgba(20,20,30,.20);
}
.ghost-preview-frame::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 60%, rgba(248,248,242,.6) 100%);
  pointer-events:none;
}
.ghost-preview-chrome{
  display:flex;align-items:center;gap:5px;padding:7px 12px;
  background:#E5E5E0;border-bottom:1px solid rgba(20,20,30,.06);
}
.ghost-preview-chrome span{width:8px;height:8px;border-radius:50%;background:#C8C8C0}
.ghost-preview-chrome-url{
  margin-left:8px;flex:1;
  font-family:'JetBrains Mono',monospace;font-size:9px;color:#6E6E7A;
  background:#FAFAF5;border-radius:3px;padding:2px 6px;
}
.ghost-preview-body{
  padding:14px 14px 18px;
}
.ghost-preview-nav{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(20,20,30,.06);
  font-family:Arial,sans-serif;font-size:9px;color:#888;
}
.ghost-preview-logo{font-weight:700;color:#5A5A5A}
.ghost-preview-h{
  font-family:Arial,sans-serif;font-weight:700;font-size:18px;
  color:#3A3A3A;line-height:1.1;text-align:center;
  margin:14px 0 10px;
}
.ghost-preview-p{
  font-family:Arial,sans-serif;font-size:9.5px;color:#888;
  text-align:center;line-height:1.4;margin-bottom:12px;
}
.ghost-preview-btn{
  display:block;width:fit-content;margin:0 auto;
  background:#5A8FBE;color:#fff;padding:5px 14px;
  font-family:Arial,sans-serif;font-size:9px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;border-radius:2px;
}
.ghost-preview-label{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:#C2410C;color:#FFFBEB;
  padding:5px 12px;border-radius:99px;
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;font-weight:800;
  box-shadow:0 6px 14px -4px rgba(194,65,12,.45);
  white-space:nowrap;
}
.ghost-preview-stamp{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%) rotate(-8deg);
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;font-weight:800;
  color:#8C2415;border:2px solid #8C2415;
  padding:7px 14px;border-radius:4px;
  background:rgba(255,248,238,.92);
  pointer-events:none;
  white-space:nowrap;
}
.ghost-preview-caption{
  margin-top:24px;text-align:center;
  font-size:15px;line-height:1.5;color:#3A2014;
  max-width:46ch;margin-left:auto;margin-right:auto;
}
.ghost-preview-caption b{color:#0A0A0F;font-weight:600}

/* ============================================================
   5) GOOGLE SEARCH MOCK ("Google your industry + town")
   Visceral SEO pain — they realize they're not on page 1.
   ============================================================ */
.gsearch{
  background:linear-gradient(180deg, #FFFFFF 0%, #F8F8F4 100%);
  padding:clamp(80px,10vw,140px) 0;
  position:relative;
  color:#0A0A0F;
}
.gsearch .shell{max-width:760px}
.gsearch-eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.20em;
  text-transform:uppercase;color:#6E6E7A;font-weight:700;
  margin-bottom:14px;display:inline-flex;align-items:center;gap:10px;
  text-align:center;justify-content:center;width:100%;
}
.gsearch-eyebrow::before,.gsearch-eyebrow::after{
  content:"";width:24px;height:1px;background:currentColor;opacity:.5;
}
.gsearch-h{
  font-size:clamp(32px,5vw,52px);line-height:1.1;letter-spacing:-.03em;
  font-weight:600;color:#0A0A0F;margin-bottom:14px;text-align:center;
}
.gsearch-h .ital{
  font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;
  color:#C2410C;
}
.gsearch-sub{
  font-size:17px;color:#3A3A4A;line-height:1.55;text-align:center;
  margin-bottom:40px;max-width:54ch;margin-left:auto;margin-right:auto;
}
.gsearch-sub b{color:#0A0A0F;font-weight:600}

.gsearch-frame{
  background:#FFFFFF;
  border:1px solid rgba(20,20,30,.10);
  border-radius:14px;overflow:hidden;
  box-shadow:0 30px 70px -20px rgba(20,20,30,.20);
}
.gsearch-chrome{
  display:flex;align-items:center;gap:6px;padding:10px 14px;
  background:#F4F4F6;border-bottom:1px solid rgba(20,20,30,.06);
}
.gsearch-chrome span{width:10px;height:10px;border-radius:50%;background:#D6D6D6}
.gsearch-chrome span:nth-child(1){background:#EB6A5C}
.gsearch-chrome span:nth-child(2){background:#F6BB3F}
.gsearch-chrome span:nth-child(3){background:#67C657}
.gsearch-chrome-url{
  margin-left:12px;flex:1;
  background:#FFFFFF;border-radius:99px;padding:4px 14px;
  font-family:'JetBrains Mono',monospace;font-size:11px;color:#3A3A4A;
  border:1px solid rgba(20,20,30,.06);
}
.gsearch-chrome-tag{
  margin-left:auto;
  padding:3px 8px;border-radius:4px;
  background:#FEF3C7;color:#92400E;
  font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.16em;
  text-transform:uppercase;font-weight:800;
  border:1px solid rgba(146,64,14,.20);
}

.gsearch-bar{
  padding:18px 18px 14px;border-bottom:1px solid rgba(20,20,30,.06);
}
.gsearch-bar-input{
  display:flex;align-items:center;gap:10px;
  padding:10px 16px;border:1px solid rgba(20,20,30,.12);
  border-radius:99px;
  font-family:Arial,sans-serif;font-size:14px;color:#1A1A1A;
}
.gsearch-bar-input svg{color:#4A8FE2;flex-shrink:0}

.gsearch-results{padding:14px 18px 20px}
.gsearch-result{
  padding:14px 0;border-bottom:1px solid rgba(20,20,30,.04);
}
.gsearch-result:last-child{border-bottom:none}
.gsearch-result-meta{
  font-family:Arial,sans-serif;font-size:11px;color:#5A5A5A;
  margin-bottom:2px;display:flex;align-items:center;gap:6px;
}
.gsearch-result-meta::before{
  content:"";width:14px;height:14px;border-radius:50%;
  background:#E5E5E0;
  display:inline-block;
}
.gsearch-result-title{
  font-family:Arial,sans-serif;font-size:17px;font-weight:500;
  color:#1A0DAB;letter-spacing:-.005em;margin-bottom:3px;line-height:1.25;
}
.gsearch-result-snippet{
  font-family:Arial,sans-serif;font-size:13px;color:#3A3A3A;line-height:1.45;
}
.gsearch-result-snippet b{font-weight:700;color:#0A0A0F}

/* Highlighted "your business" row (faded — they're not there) */
.gsearch-result--you{
  background:rgba(220,38,38,.04);
  margin:0 -18px;padding:14px 18px;
  border-left:3px solid #DC2626;
  border-bottom:1px solid rgba(220,38,38,.10);
}
.gsearch-result--you .gsearch-result-title{color:#9E9EA8;font-style:italic;text-decoration:line-through;text-decoration-color:rgba(220,38,38,.40)}
.gsearch-result--you .gsearch-result-meta{color:#DC2626;font-weight:700}
.gsearch-result--you .gsearch-result-meta::before{background:#DC2626}

.gsearch-foot{
  margin-top:32px;text-align:center;
  font-size:17px;color:#0A0A0F;line-height:1.5;max-width:50ch;margin-left:auto;margin-right:auto;
}
.gsearch-foot b{
  background:linear-gradient(135deg, #FFE8A0, #D4A437, #8B6914);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:700;
}
.gsearch-foot em{
  font-family:'Instrument Serif',serif;font-style:italic;
  color:#C2410C;font-size:1.1em;
}

/* ============================================================
   6) PROCESS TIMELINE — reframe steps as Day 0 → Day 14
   (We add timeline visual ON TOP of existing Process content.)
   ============================================================ */
.process-timeline{
  margin:0 auto 50px;max-width:980px;
  padding:0 12px;
}
.process-timeline-eyebrow{
  display:block;text-align:center;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.20em;
  text-transform:uppercase;color:rgba(212,164,55,.75);font-weight:700;
  margin-bottom:30px;
}
.process-timeline-track{
  position:relative;
  display:grid;grid-template-columns:repeat(5,1fr);gap:0;
}
.process-timeline-track::before{
  content:"";position:absolute;left:0;right:0;top:21px;height:2px;
  background:linear-gradient(90deg, transparent 0%, rgba(212,164,55,.30) 10%, rgba(212,164,55,.30) 90%, transparent 100%);
}
.process-day{
  position:relative;text-align:center;padding:0 8px;
}
.process-day-mark{
  position:relative;z-index:2;
  display:inline-grid;place-items:center;
  min-width:54px;height:44px;padding:0 12px;border-radius:99px;
  background:#0A0A08;border:1.5px solid rgba(212,164,55,.55);
  color:#FFE8A0;
  font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;
  letter-spacing:.06em;
  margin-bottom:14px;
  box-shadow:0 6px 16px -4px rgba(212,164,55,.30);
  white-space:nowrap;
}
.process-day-mark::after{
  content:"";position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);
  width:6px;height:6px;border-radius:50%;background:rgba(212,164,55,.45);
}
.process-day:last-child .process-day-mark::after{background:#D4A437}
.process-day:last-child .process-day-mark{
  background:linear-gradient(135deg, #FFE8A0, #D4A437);
  color:#0A0A08;
  box-shadow:0 8px 20px -4px rgba(212,164,55,.55);
}
.process-day-title{
  font-size:13px;font-weight:600;letter-spacing:-.005em;color:#F5EFE0;
  margin-bottom:4px;line-height:1.2;
}
.process-day-sub{
  font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.10em;
  text-transform:uppercase;color:rgba(245,239,224,.55);font-weight:500;
}
@media (max-width:760px){
  .process-timeline-track{grid-template-columns:1fr;gap:18px}
  .process-timeline-track::before{
    top:0;left:18px;right:auto;width:2px;height:100%;
    background:linear-gradient(180deg, transparent 0%, rgba(212,164,55,.45) 10%, rgba(212,164,55,.45) 90%, transparent 100%);
  }
  .process-day{display:flex;align-items:center;gap:14px;text-align:left;padding:0}
  .process-day-mark{margin-bottom:0;flex-shrink:0}
}

/* ============================================================
   7) DEPOSIT MATH BEAT (before Pricing)
   "Your $99 deposit = X oil changes" reframe
   ============================================================ */
.deposit-math{
  padding:clamp(80px,10vw,130px) 24px;
  background:linear-gradient(170deg, #0E0E0C 0%, #1A1610 50%, #0E0E0C 100%);
  color:#F5EFE0;
  text-align:center;
  position:relative;overflow:hidden;
}
.deposit-math::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(700px 400px at 50% 100%, rgba(212,164,55,.15), transparent 60%);
  pointer-events:none;
}
.deposit-math .shell{position:relative;z-index:2;max-width:780px;margin:0 auto}
.dm-eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:rgba(212,164,55,.75);font-weight:700;
  margin-bottom:18px;display:inline-flex;align-items:center;gap:10px;
}
.dm-eyebrow::before,.dm-eyebrow::after{
  content:"";width:24px;height:1px;background:currentColor;opacity:.5;
}
.dm-h{
  font-size:clamp(34px,6vw,68px);line-height:1.0;letter-spacing:-.035em;
  font-weight:600;color:#F5EFE0;margin-bottom:18px;
}
.dm-h .ital{
  font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;
  background:linear-gradient(135deg, #FFE8A0, #D4A437);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.dm-sub{
  font-size:17px;color:rgba(245,239,224,.75);line-height:1.6;
  max-width:54ch;margin:0 auto 40px;
}
.dm-sub b{color:#FFE8A0;font-weight:600}

.dm-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
  max-width:700px;margin:0 auto 36px;
}
.dm-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(212,164,55,.20);
  border-radius:14px;
  padding:22px 14px;
  text-align:center;
  transition:transform .35s cubic-bezier(.16,1,.3,1), border-color .35s ease;
}
.dm-card:hover{transform:translateY(-3px);border-color:rgba(212,164,55,.45)}
.dm-card-icon{
  display:inline-grid;place-items:center;
  width:42px;height:42px;border-radius:50%;
  background:rgba(212,164,55,.10);
  border:1px solid rgba(212,164,55,.30);
  color:#FFE8A0;
  margin:0 auto 14px;
}
.dm-card-num{
  font-size:24px;font-weight:700;letter-spacing:-.02em;
  color:#FFE8A0;margin-bottom:4px;
  font-feature-settings:'tnum' on;
}
.dm-card-lbl{
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.10em;
  text-transform:uppercase;color:rgba(245,239,224,.65);font-weight:600;
}
.dm-foot{
  font-family:'Instrument Serif',serif;font-style:italic;font-size:22px;
  color:rgba(245,239,224,.85);letter-spacing:-.015em;
  max-width:42ch;margin:0 auto;
}
.dm-foot b{
  background:linear-gradient(135deg, #FFE8A0, #D4A437);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:700;font-style:normal;font-family:'Space Grotesk',sans-serif;
}
@media (max-width:600px){
  .dm-row{grid-template-columns:repeat(2,1fr)}
}

/* ============================================================
   8) STICKY SCROLL ONE-LINER
   Tiny anchor pill under the chapter rail that rotates with scroll
   ============================================================ */
.scroll-anchor{
  position:fixed;top:74px;left:50%;
  transform:translateX(-50%) translateY(-12px);
  z-index:135;
  padding:7px 16px;border-radius:99px;
  background:rgba(8,8,10,.92);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(212,164,55,.22);
  font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.10em;
  text-transform:uppercase;color:rgba(245,239,224,.80);font-weight:600;
  display:inline-flex;align-items:center;gap:8px;
  opacity:0;pointer-events:none;
  transition:opacity .45s ease, transform .55s cubic-bezier(.16,1,.3,1);
  box-shadow:0 8px 24px -8px rgba(0,0,0,.45);
  max-width:90vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.scroll-anchor.is-visible{
  opacity:1;transform:translateX(-50%) translateY(0);
}
.scroll-anchor-num{
  font-weight:800;color:#FFE8A0;
  padding-right:8px;margin-right:2px;
  border-right:1px solid rgba(212,164,55,.30);
}
.scroll-anchor-text{
  color:rgba(245,239,224,.85);
}
.scroll-anchor.is-changing{
  animation:anchorSwap .5s cubic-bezier(.4,0,.2,1);
}
@keyframes anchorSwap{
  0%{transform:translateX(-50%) translateY(0) scale(1)}
  50%{transform:translateX(-50%) translateY(0) scale(.94);opacity:.5}
  100%{transform:translateX(-50%) translateY(0) scale(1)}
}
@media (max-width:760px){
  .scroll-anchor{
    top:auto;bottom:78px;font-size:9.5px;padding:6px 12px;
  }
}

/* ============================================================
   THEME OVERRIDES — quick fits per palette
   ============================================================ */
body[data-theme="red"] .video-intro-circle{border-color:rgba(220,38,38,.45) !important}
body[data-theme="red"] .video-intro-play{background:linear-gradient(135deg, #FF8090, #DC143C) !important;color:#FFF4F0 !important}
body[data-theme="red"] .video-intro-label{color:rgba(255,128,144,.85) !important}
body[data-theme="red"] .pw-testimonial-band{background:linear-gradient(135deg, rgba(220,38,38,.10), rgba(220,38,38,.04)) !important;border-color:rgba(220,38,38,.30) !important}
body[data-theme="red"] .deposit-math{background:linear-gradient(170deg, #150A0C 0%, #2A1218 50%, #0E0606 100%) !important}
body[data-theme="red"] .scroll-anchor{background:rgba(20,8,10,.92) !important;border-color:rgba(220,38,38,.30) !important}
body[data-theme="red"] .scroll-anchor-num{color:#FF8090 !important;border-right-color:rgba(220,38,38,.35) !important}

body[data-theme="luxe"] .video-intro-circle{border-color:rgba(91,224,250,.45) !important}
body[data-theme="luxe"] .video-intro-play{background:linear-gradient(135deg, #5BE0FA, #2DA8E0) !important;color:#051528 !important}
body[data-theme="luxe"] .video-intro-label{color:rgba(91,224,250,.85) !important}
body[data-theme="luxe"] .pw-testimonial-band{background:linear-gradient(135deg, rgba(45,168,224,.08), rgba(91,224,250,.04)) !important;border-color:rgba(91,224,250,.25) !important}
body[data-theme="luxe"] .deposit-math{background:linear-gradient(170deg, #051528 0%, #0A2545 50%, #030E1F 100%) !important}
body[data-theme="luxe"] .scroll-anchor{background:rgba(5,21,40,.92) !important;border-color:rgba(91,224,250,.30) !important}
body[data-theme="luxe"] .scroll-anchor-num{color:#5BE0FA !important;border-right-color:rgba(91,224,250,.35) !important}

body[data-theme="editorial"] .video-intro-circle{background:radial-gradient(circle at 35% 30%, #FFF 0%, #F5F2EC 70%, #E8E3D8 100%) !important;border-color:rgba(192,65,39,.40) !important}
body[data-theme="editorial"] .video-intro-play{background:#C04127 !important;color:#FFFFFF !important}
body[data-theme="editorial"] .video-intro-label{color:#8C2415 !important}
body[data-theme="editorial"] .video-intro-caption{color:#3A3530 !important}
body[data-theme="editorial"] .pw-testimonial-band{background:#FFFFFF !important;border-color:rgba(192,65,39,.25) !important}
body[data-theme="editorial"] .deposit-math{background:linear-gradient(170deg, #FAF4E8 0%, #FFFFFF 50%, #F5EDD8 100%) !important;color:#1E1A14 !important}
body[data-theme="editorial"] .dm-h,
body[data-theme="editorial"] .dm-sub{color:#1E1A14 !important}
body[data-theme="editorial"] .dm-sub b,
body[data-theme="editorial"] .dm-card-num,
body[data-theme="editorial"] .dm-foot b{color:#C04127 !important;background:none !important;-webkit-text-fill-color:#C04127 !important}
body[data-theme="editorial"] .dm-card{background:#FFFFFF !important;border-color:rgba(192,65,39,.20) !important}
body[data-theme="editorial"] .scroll-anchor{background:rgba(255,248,238,.92) !important;color:#1E1A14 !important;border-color:rgba(192,65,39,.25) !important}
body[data-theme="editorial"] .scroll-anchor-num{color:#C04127 !important;border-right-color:rgba(192,65,39,.35) !important}
body[data-theme="editorial"] .scroll-anchor-text{color:#1E1A14 !important}