/* ============================================================
   EMAIL MARKETING MACHINE - page styles (the Bill Audit arc)
   Scene artifacts appended below the base block:
   fk- send meter hero · wm- storage meter · td- tenant directory
   bl- bucket line · ns- night shift rescue · pm- postage meter
   sf- spam folder (built by lead)
   ============================================================ */

/* ---------- cursor-reactive glow (shared pattern) ---------- */
.atmo-cursor{
  position:fixed;left:0;top:0;width:520px;height:520px;border-radius:50%;
  pointer-events:none;z-index:0;opacity:0;transition:opacity .6s ease;
  background:radial-gradient(circle, rgba(27,141,246,.10), rgba(232,181,63,.05) 45%, transparent 70%);
}
.atmo-cursor.live{opacity:1;}
@media(max-width:900px), (pointer:coarse){.atmo-cursor{display:none;}}

/* ---------- hero: two-column, text + fk franking machine ---------- */
.em-hero-grid{
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:3rem;align-items:center;
}
.em-hero-grid>*{min-width:0;}
.em-hero-copy .hero-fine{
  margin-top:1.2rem;font-size:.82rem;color:#7fa6cc;max-width:46ch;line-height:1.55;
}
.em-hero-copy .hero-catch{margin-top:.7rem;font-size:.88rem;color:#7fa6cc;}
.em-hero-copy .hero-catch a{color:#ffd98c;font-weight:700;text-decoration:none;border-bottom:1px dotted rgba(255,217,140,.5);}
.em-hero-copy .hero-catch a:hover{border-bottom-style:solid;}
@media(max-width:900px){
  .em-hero-grid{grid-template-columns:1fr;gap:2.2rem;}
}

/* ---------- shared section rhythm ---------- */
.em-sec{padding:5rem 0;}
.em-sec.tint{background:var(--ink-2);}
.em-duo{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:2.6rem;align-items:center;margin-top:2.4rem;
}
.em-duo>*{min-width:0;}
.em-duo .duo-copy p{font-size:.98rem;color:#9db8d6;line-height:1.6;margin:0 0 1rem;}
.em-duo .duo-copy p strong{color:#eef4fb;}
@media(max-width:900px){
  .em-duo{grid-template-columns:1fr;gap:1.8rem;}
}
.scene-after{
  max-width:640px;margin:2rem auto 0;text-align:center;
  font-size:.95rem;color:#9db8d6;line-height:1.6;
}
.scene-after b{color:#ffd98c;}
.scene-after a{color:#7fc1ff;font-weight:700;text-decoration:none;}
.scene-after a:hover{text-decoration:underline;}

/* callout used outside .prose on this page */
.callout{
  border-left:3px solid var(--accent);background:rgba(27,141,246,.07);
  padding:1.2rem 1.5rem;border-radius:0 12px 12px 0;color:var(--text);
}

/* big standalone line (What We Promise) */
.em-mega{
  text-align:center;font-weight:900;letter-spacing:-.02em;line-height:1.15;
  font-size:clamp(1.7rem,4.4vw,2.9rem);color:#eef4fb;max-width:800px;margin:0 auto;
}
.em-mega .grad{
  background:linear-gradient(90deg,#7fc1ff,#1b8df6);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.em-protocol{
  max-width:620px;margin:2.2rem auto 0;text-align:center;
  font-size:1rem;color:#9db8d6;line-height:1.75;
}
.em-protocol b{color:#eef4fb;}

/* ---------- the requirement: shmello gate ---------- */
.em-gate{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:1rem;margin-top:2.2rem;
}
.em-gate img{
  width:120px;height:120px;object-fit:contain;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.45));
}
.em-gate p{max-width:560px;margin:0;font-size:1rem;color:#9db8d6;line-height:1.65;}
.em-gate p b{color:#ffd98c;}

/* ============================================================
   SF - the spam folder gut punch (lead-built artifact)
   ============================================================ */
.sf-stage{max-width:560px;margin:2.4rem auto 0;}
.sf-client{
  border-radius:16px;overflow:hidden;
  background:linear-gradient(180deg,#101d33,#0a1424);
  border:1px solid rgba(127,166,204,.28);
  box-shadow:0 26px 70px rgba(0,0,0,.5);
}
.sf-head{
  display:flex;align-items:center;gap:.6rem;
  padding:.85rem 1.1rem;border-bottom:1px solid rgba(127,166,204,.16);
}
.sf-head i{color:#e85d5d;font-size:1.05rem;}
.sf-head b{font-size:.9rem;color:#eef4fb;letter-spacing:.01em;}
.sf-head span{margin-left:auto;font-size:.72rem;color:#7fa6cc;}
.sf-row{
  display:flex;gap:.75rem;align-items:flex-start;
  padding:.85rem 1.1rem;border-bottom:1px solid rgba(127,166,204,.09);
}
.sf-row:last-child{border-bottom:none;}
.sf-dot{
  flex:0 0 auto;width:30px;height:30px;border-radius:50%;margin-top:.1rem;
  display:flex;align-items:center;justify-content:center;
  font-size:.72rem;font-weight:900;color:#0a1424;
  background:linear-gradient(135deg,#3a4f6e,#28374f);color:#9db8d6;
}
.sf-tx{flex:1;min-width:0;}
.sf-tx b{display:block;font-size:.84rem;color:#8fa3bd;}
.sf-tx span{display:block;font-size:.78rem;color:#5f7492;line-height:1.4;margin-top:.1rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sf-row.junk .sf-tx b, .sf-row.junk .sf-tx span{font-style:italic;}
.sf-row.yours{
  background:linear-gradient(90deg, rgba(232,181,63,.10), transparent 80%);
  border-left:3px solid #e8b53f;
}
.sf-row.yours .sf-dot{background:linear-gradient(135deg,#ffe7a8,#e8b53f);color:#3d2c05;}
.sf-row.yours .sf-tx b{color:#eef4fb;}
.sf-row.yours .sf-tx span{color:#c8b98a;}
.sf-tag{
  flex:0 0 auto;font-size:.62rem;font-weight:800;letter-spacing:.08em;
  color:#e85d5d;margin-top:.2rem;text-transform:uppercase;
}
.sf-cap{
  margin-top:1rem;text-align:center;font-size:.9rem;color:#7fa6cc;font-weight:700;
}
.sf-cap b{color:#f2a0a0;}
@media(max-width:480px){
  .sf-tag{display:none;}
}

/* ============================================================
   SCENE: tenant directory (td-) [salvaged, self-verified]
   ============================================================ */
/* ============ The Tenant Directory scene ============ */
.td-stage{
  position:relative;
  max-width:720px;
  margin:0 auto;
  width:100%;
}
.td-wall{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(28px,6vw,56px);
  padding:clamp(18px,4vw,34px) clamp(8px,2vw,20px) clamp(10px,2vw,18px);
  background:radial-gradient(120% 90% at 50% 30%, rgba(38,52,78,.55) 0%, rgba(14,22,38,.0) 68%);
  border-radius:22px;
  flex-wrap:wrap;
}

/* ---------- intercom panel ---------- */
.td-panelwrap{
  position:relative;
  width:min(340px,100%);
  flex:0 1 340px;
}
.td-panel{
  position:relative;
  width:100%;
  padding:20px 18px 46px;
  border-radius:12px;
  background:
    repeating-linear-gradient(93deg, rgba(255,244,214,.05) 0 1px, rgba(0,0,0,0) 1px 3px, rgba(60,38,8,.06) 3px 4px),
    linear-gradient(158deg, #e2b569 0%, #c99a4d 26%, #a97e39 48%, #c79949 66%, #8f6a2d 100%);
  border:1px solid rgba(46,30,6,.85);
  box-shadow:
    inset 0 1px 0 rgba(255,236,190,.55),
    inset 0 -2px 3px rgba(46,28,4,.45),
    0 18px 40px rgba(2,6,14,.65),
    0 4px 12px rgba(2,6,14,.5);
}
.td-screw{
  position:absolute;
  width:13px;height:13px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #f2d795 0%, #b98d43 45%, #6e4f1c 100%);
  box-shadow:inset 0 -1px 2px rgba(40,24,2,.7), 0 1px 1px rgba(255,235,180,.4);
}
.td-screw::before{
  content:"";
  position:absolute;
  left:1.5px;right:1.5px;top:5.5px;
  height:2px;
  background:rgba(43,26,3,.75);
  border-radius:2px;
}
.td-screw-tl{top:7px;left:7px;transform:rotate(24deg)}
.td-screw-tr{top:7px;right:7px;transform:rotate(-52deg)}
.td-screw-bl{bottom:7px;left:7px;transform:rotate(66deg)}
.td-screw-br{bottom:7px;right:7px;transform:rotate(-18deg)}

.td-panel-head{
  text-align:center;
  padding:2px 0 14px;
  border-bottom:1px solid rgba(66,42,8,.5);
  margin-bottom:14px;
}
.td-head-line{
  display:block;
  font-size:clamp(12px,3.2vw,14px);
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(52,33,6,.92);
  text-shadow:0 1px 0 rgba(255,235,182,.5);
}
.td-head-ip{
  display:block;
  margin-top:4px;
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:11px;
  letter-spacing:.3em;
  color:rgba(63,41,9,.8);
  text-shadow:0 1px 0 rgba(255,235,182,.4);
}

.td-units{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.td-unit{
  display:grid;
  grid-template-columns:26px 1fr 22px 12px;
  gap:9px;
  align-items:center;
}
.td-unit-no{
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:12px;
  font-weight:700;
  color:rgba(52,33,6,.92);
  text-shadow:0 1px 0 rgba(255,235,182,.5);
  text-align:center;
}
.td-window{
  position:relative;
  display:flex;
  align-items:center;
  height:38px;
  padding:4px;
  border-radius:5px;
  background:linear-gradient(180deg, #55401c 0%, #6b5226 55%, #513c18 100%);
  box-shadow:
    inset 0 2px 5px rgba(20,12,0,.8),
    inset 0 -1px 0 rgba(255,230,170,.18),
    0 1px 0 rgba(255,235,182,.35);
}
.td-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  border-radius:3px;
  background:linear-gradient(174deg, #f4ead2 0%, #e9dcbc 60%, #dccda6 100%);
  box-shadow:0 1px 2px rgba(20,12,0,.55), inset 0 0 6px rgba(120,96,48,.18);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#453723;
  text-align:center;
  line-height:1.15;
  padding:2px 6px;
}
.td-card-vacant{
  color:#8a7a58;
  background:linear-gradient(174deg, #e8dfc9 0%, #d9ccab 100%);
}
.td-card-vacant em{
  display:block;
  font-style:italic;
  font-weight:500;
  font-size:8.5px;
  letter-spacing:.08em;
  text-transform:none;
  color:#99885f;
}
.td-card-gold{
  background:linear-gradient(168deg, #ffe4a1 0%, #ecc267 45%, #d9a944 100%);
  color:#4a350b;
  box-shadow:0 1px 3px rgba(20,12,0,.6), inset 0 1px 0 rgba(255,246,214,.8), inset 0 0 8px rgba(146,102,24,.25);
  font-weight:800;
}

/* dust outline left behind in 4B */
.td-dust{
  position:absolute;
  inset:4px;
  display:none;
  align-items:center;
  justify-content:center;
  border-radius:3px;
  border:1.5px dashed rgba(240,222,178,.32);
  background:rgba(240,222,178,.05);
}
.td-dust-word{
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  font-style:italic;
  font-size:10px;
  letter-spacing:.34em;
  text-transform:uppercase;
  color:rgba(240,222,178,.42);
}
.td-moved #tdHomeCard{visibility:hidden}
.td-moved .td-dust{display:flex}

.td-buzzer{
  width:18px;height:18px;
  border-radius:50%;
  justify-self:center;
  background:radial-gradient(circle at 35% 30%, #ecd08f 0%, #b3873c 55%, #7a5820 100%);
  box-shadow:inset 0 -2px 3px rgba(40,24,2,.65), inset 0 2px 2px rgba(255,238,190,.5), 0 1px 1px rgba(30,18,0,.5);
}
.td-buzzer::after{
  content:"";
  display:block;
  width:7px;height:7px;
  margin:5.5px auto 0;
  border-radius:50%;
  background:radial-gradient(circle at 40% 32%, #3f2f12, #1d1404);
  box-shadow:0 1px 0 rgba(255,238,190,.35);
}

/* ---------- LEDs ---------- */
.td-led{
  width:9px;height:9px;
  border-radius:50%;
  justify-self:center;
  background:#3c2e14;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.7);
}
.td-live .td-led-amber{
  background:radial-gradient(circle at 40% 35%, #ffd27a, #e89b2a 70%);
  box-shadow:0 0 8px 2px rgba(240,170,60,.55), inset 0 0 2px rgba(255,240,200,.8);
  animation:tdLedWake .45s ease-out both, tdBlinkA 2.1s steps(1,end) infinite;
  animation-delay:var(--td-d,0s), calc(var(--td-d,0s) + .6s);
}
.td-unit:nth-child(1){--td-d:.15s}
.td-unit:nth-child(2){--td-d:.3s}
.td-unit:nth-child(3){--td-d:.45s}
.td-unit:nth-child(4){--td-d:.6s}
.td-unit:nth-child(5){--td-d:.75s}
.td-unit:nth-child(6){--td-d:.9s}
.td-live .td-unit:nth-child(2) .td-led-amber{animation-name:tdLedWake, tdBlinkB;animation-duration:.45s,2.9s}
.td-live .td-unit:nth-child(5) .td-led-amber{animation-name:tdLedWake, tdBlinkB;animation-duration:.45s,1.5s}
.td-live .td-unit:nth-child(6) .td-led-amber{animation-duration:.45s,2.5s}
.td-live .td-led-gold{
  background:radial-gradient(circle at 40% 35%, #ffe9b0, #e8b53f 70%);
  box-shadow:0 0 9px 2px rgba(232,181,63,.6), inset 0 0 2px rgba(255,246,214,.9);
  animation:tdLedWake .45s ease-out both;
  animation-delay:var(--td-d,0s);
}
.td-moved #tdHomeLed{
  background:#3c2e14;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.7);
  animation:none;
}
.td-led-green{
  position:absolute;
  right:7px;top:50%;
  margin-top:-4.5px;
}
.td-seated-in #tdPlaqueLed{
  background:radial-gradient(circle at 40% 35%, #9dffcf, #35d07f 70%);
  box-shadow:0 0 10px 3px rgba(53,208,127,.6), inset 0 0 2px rgba(220,255,238,.9);
}
@keyframes tdLedWake{
  0%{opacity:0}
  55%{opacity:1}
  70%{opacity:.35}
  100%{opacity:1}
}
@keyframes tdBlinkA{
  0%{opacity:1}
  11%{opacity:.2}
  16%{opacity:1}
  44%{opacity:1}
  49%{opacity:.15}
  55%{opacity:1}
  81%{opacity:.35}
  87%{opacity:1}
  100%{opacity:1}
}
@keyframes tdBlinkB{
  0%{opacity:1}
  7%{opacity:.25}
  11%{opacity:1}
  31%{opacity:.5}
  36%{opacity:1}
  68%{opacity:1}
  74%{opacity:.15}
  79%{opacity:1}
  100%{opacity:1}
}

/* ---------- violation sticker ---------- */
.td-sticker{
  position:absolute;
  left:-14px;
  top:96px;
  width:78%;
  padding:9px 14px 10px;
  transform:rotate(6deg);
  background:linear-gradient(172deg, #d94f4f 0%, #c03434 55%, #a92727 100%);
  clip-path:polygon(1.5% 12%, 5% 0%, 38% 5%, 62% 0%, 96% 4%, 100% 22%, 97.5% 58%, 100% 84%, 95% 100%, 55% 95%, 24% 100%, 4% 96%, 0% 78%, 2.5% 42%);
  box-shadow:0 8px 20px rgba(120,20,20,.45), 0 3px 8px rgba(2,6,14,.5);
  text-align:center;
  z-index:3;
  opacity:1;
}
.td-live .td-sticker{
  animation:tdSlap .55s cubic-bezier(.18,1.35,.35,1) 1.4s both;
}
.td-sticker-big{
  display:block;
  font-size:clamp(14px,3.8vw,17px);
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#fff2ee;
  text-shadow:0 1px 2px rgba(90,10,10,.6);
}
.td-sticker-small{
  display:block;
  margin-top:2px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:#ffd4cc;
}
@keyframes tdSlap{
  0%{opacity:0;transform:rotate(9deg) scale(1.15);box-shadow:0 26px 48px rgba(120,20,20,.7), 0 10px 22px rgba(2,6,14,.6)}
  60%{opacity:1}
  100%{opacity:1;transform:rotate(6deg) scale(1);box-shadow:0 8px 20px rgba(120,20,20,.45), 0 3px 8px rgba(2,6,14,.5)}
}

/* ---------- taped service notice ---------- */

/* ---------- plaque side ---------- */
.td-plaqueside{
  position:relative;
  flex:0 1 232px;
  width:min(232px,100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:64px;
}
.td-lampcone{
  position:absolute;
  top:0;left:50%;
  width:280px;height:270px;
  margin-left:-140px;
  pointer-events:none;
  background:radial-gradient(58% 82% at 50% 12%, rgba(255,196,110,.26) 0%, rgba(255,180,90,.1) 48%, rgba(255,180,90,0) 72%);
}
.td-lamp{
  position:absolute;
  top:16px;left:50%;
  width:42px;height:14px;
  margin-left:-21px;
  border-radius:21px 21px 4px 4px;
  background:linear-gradient(180deg, #caa055 0%, #7c5b24 100%);
  box-shadow:0 2px 6px rgba(2,6,14,.6), 0 6px 16px rgba(255,190,100,.35);
}
.td-lamp::after{
  content:"";
  position:absolute;
  left:8px;right:8px;bottom:-3px;
  height:4px;
  border-radius:2px;
  background:rgba(255,222,150,.9);
  box-shadow:0 0 10px 3px rgba(255,200,110,.65);
}
.td-plaque{
  position:relative;
  width:100%;
  padding:14px 14px 12px;
  border-radius:9px;
  background:
    repeating-linear-gradient(91deg, rgba(255,244,214,.05) 0 1px, rgba(0,0,0,0) 1px 3px),
    linear-gradient(196deg, #e6bd74 0%, #c2934a 40%, #9c7434 78%, #b98d43 100%);
  border:1px solid rgba(46,30,6,.85);
  box-shadow:
    inset 0 1px 0 rgba(255,236,190,.6),
    inset 0 -2px 3px rgba(46,28,4,.45),
    0 14px 30px rgba(2,6,14,.6);
  text-align:center;
}
.td-plaque-head{
  font-size:12px;
  font-weight:800;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:rgba(52,33,6,.92);
  text-shadow:0 1px 0 rgba(255,235,182,.5);
}
.td-plaque-ip{
  margin-top:2px;
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:13px;
  font-weight:700;
  letter-spacing:.18em;
  color:rgba(63,41,9,.85);
  text-shadow:0 1px 0 rgba(255,235,182,.4);
}
.td-plaque-slot{
  position:relative;
  display:flex;
  align-items:center;
  height:40px;
  margin:10px 2px 9px;
  padding:4px 20px 4px 4px;
  border-radius:5px;
  background:linear-gradient(180deg, #55401c 0%, #6b5226 55%, #513c18 100%);
  box-shadow:
    inset 0 2px 5px rgba(20,12,0,.8),
    inset 0 -1px 0 rgba(255,230,170,.18),
    0 1px 0 rgba(255,235,182,.35);
}
.td-slot-empty{
  width:100%;
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:9.5px;
  letter-spacing:.4em;
  text-transform:uppercase;
  color:rgba(240,222,178,.35);
  text-align:center;
}
.td-seated{
  border:0;
  cursor:pointer;
  font-family:inherit;
  min-height:32px;
}
.td-seated:focus-visible{
  outline:2px solid #7fc1ff;
  outline-offset:2px;
}
.td-seated-in .td-slot-empty{display:none}
.td-plaque-sub{
  padding-top:8px;
  border-top:1px solid rgba(66,42,8,.5);
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(63,41,9,.78);
  text-shadow:0 1px 0 rgba(255,235,182,.4);
}

/* ---------- pull tab ---------- */
.td-pull{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:22px;
  min-height:48px;
  padding:0 22px 0 14px;
  border:1px solid rgba(46,30,6,.9);
  border-radius:26px;
  cursor:pointer;
  font-family:inherit;
  font-size:12px;
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#3d2a06;
  text-shadow:0 1px 0 rgba(255,238,190,.55);
  background:linear-gradient(180deg, #ecc267 0%, #c79949 55%, #a97e39 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,240,200,.7),
    inset 0 -2px 3px rgba(46,28,4,.4),
    0 8px 18px rgba(2,6,14,.55);
  transition:transform .18s ease, box-shadow .18s ease, opacity .25s ease;
}
.td-pull:hover{transform:translateY(-1px)}
.td-pull:active{transform:translateY(1px)}
.td-pull:focus-visible{
  outline:2px solid #7fc1ff;
  outline-offset:3px;
}
.td-pull-grip{
  display:block;
  width:16px;height:22px;
  border-radius:4px;
  background:repeating-linear-gradient(180deg, rgba(70,46,10,.75) 0 2px, rgba(245,214,140,.7) 2px 4px);
  box-shadow:inset 0 0 2px rgba(40,24,2,.6);
}
.td-moved .td-pull{
  opacity:.38;
  pointer-events:none;
}

/* ---------- traveling card ---------- */
.td-traveler[hidden]{display:none !important;}
.td-traveler{
  position:absolute;
  z-index:5;
  box-shadow:0 14px 28px rgba(2,6,14,.65), inset 0 1px 0 rgba(255,246,214,.8);
  transition:transform .72s cubic-bezier(.55,.05,.25,1);
  will-change:transform;
  pointer-events:none;
}

/* ---------- caption ---------- */
.td-caption{
  display:grid;
  margin:34px auto 0;
  max-width:520px;
  text-align:center;
  font-size:clamp(15px,4vw,18px);
  line-height:1.45;
  font-style:italic;
}
.td-cap{
  grid-area:1/1;
  transition:opacity .45s ease;
}
.td-cap-a{color:#9db8d6}
.td-cap-b{color:#ffd98c;opacity:0}
.td-seated-in .td-cap-a{opacity:0}
.td-seated-in .td-cap-b{opacity:1}

/* ---------- mobile ---------- */
@media (max-width:560px){
  .td-wall{
    flex-direction:column;
    gap:44px;
    padding-bottom:6px;
  }
  .td-panelwrap{flex-basis:auto}
  .td-plaqueside{flex-basis:auto;width:min(280px,100%)}
  .td-sticker{left:-4px;width:84%}
  .td-caption{margin-top:26px}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  .td-stage *, .td-stage{
    animation:none !important;
    transition:none !important;
  }
}

.fk-vh{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---------- pricing: the work order ---------- */
.em-workorder{
  position:relative;max-width:520px;margin:2.2rem auto 0;transform:rotate(-.8deg);
  background:linear-gradient(165deg,#f2eee2,#e6dfc9 75%,#ded5bc);border-radius:6px;
  padding:1.6rem 1.5rem 1.3rem;box-shadow:0 26px 60px rgba(0,0,0,.5);
  color:#33291a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
.wo-tape{
  position:absolute;top:-11px;left:50%;transform:translateX(-50%) rotate(-2deg);
  width:96px;height:24px;background:rgba(207,227,247,.35);border:1px solid rgba(207,227,247,.2);border-radius:2px;
}
.wo-head{border-bottom:2px solid rgba(51,41,26,.5);padding-bottom:.6rem;margin-bottom:.9rem;}
.wo-head b{display:block;font-size:1.05rem;letter-spacing:.22em;}
.wo-head span{display:block;font-size:.58rem;letter-spacing:.14em;color:#6b5c3d;margin-top:.25rem;}
.wo-row{display:flex;align-items:baseline;gap:.5rem;font-size:.66rem;letter-spacing:.06em;margin:.5rem 0;}
.wo-row b{font-size:.62rem;color:#1c7a44;letter-spacing:.1em;}
.wo-dots{flex:1;border-bottom:2px dotted rgba(51,41,26,.4);transform:translateY(-3px);}
.wo-total{
  display:flex;align-items:baseline;justify-content:space-between;
  border-top:2px solid rgba(51,41,26,.5);margin-top:1rem;padding-top:.8rem;
}
.wo-total span{font-size:.66rem;letter-spacing:.18em;}
.wo-total b{font-family:'Inter Tight',sans-serif;font-size:2rem;font-weight:900;color:#8a5f12;}
.wo-total b small{font-size:.9rem;font-weight:800;}
.wo-stamp{
  position:absolute;right:6%;top:34%;transform:rotate(-11deg);
  border:3px double #a32222;color:#a32222;border-radius:4px;padding:.3em .6em;
  font:900 .72rem 'Inter Tight',sans-serif;letter-spacing:.16em;opacity:.85;
  mix-blend-mode:multiply;
}
.wo-fine{margin:.9rem 0 0;font-size:.6rem;letter-spacing:.05em;color:#6b5c3d;}
@media(max-width:480px){
  .em-workorder{padding:1.3rem 1rem 1.1rem;}
  .wo-stamp{right:3%;top:36%;font-size:.62rem;}
}

/* ---------- hero: EH send console (dedicated email engine) ---------- */
.eh-stage{
  position:relative;display:flex;flex-direction:column;align-items:center;
  gap:1rem;width:100%;
}
.eh-console{
  position:relative;width:100%;max-width:430px;
  border-radius:20px;padding:1.5rem 1.5rem 1.35rem;
  background:
    linear-gradient(180deg,rgba(127,193,255,.05),transparent 40%),
    linear-gradient(165deg,var(--ink-3),var(--ink-2));
  border:1px solid var(--line);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.75),inset 0 1px 0 rgba(173,229,255,.06);
  overflow:hidden;
}
.eh-console::before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:20px;
  background:radial-gradient(120% 80% at 50% -10%,rgba(27,141,246,.18),transparent 60%);
  opacity:.9;
}

/* top bar: engine node + live line status */
.eh-top{
  position:relative;display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:.6rem .75rem;margin-bottom:1.15rem;
}
.eh-node{
  display:inline-flex;align-items:center;gap:.45rem;min-width:0;
  font-size:.72rem;font-weight:800;letter-spacing:.14em;color:#cfe4ff;
}
.eh-node i{font-size:1rem;color:var(--accent);flex:0 0 auto;}
.eh-link{
  display:inline-flex;align-items:center;gap:.45rem;flex:0 0 auto;white-space:nowrap;
  font-size:.66rem;font-weight:800;letter-spacing:.1em;color:#8fd8b4;
  padding:.32rem .6rem;border-radius:999px;
  background:rgba(60,220,150,.08);border:1px solid rgba(60,220,150,.25);
}
.eh-lamp{
  width:8px;height:8px;border-radius:50%;background:#3cf0a0;
  box-shadow:0 0 0 0 rgba(60,240,160,.6);animation:eh-pulse 2.4s ease-out infinite;
}
@keyframes eh-pulse{
  0%{box-shadow:0 0 0 0 rgba(60,240,160,.55);}
  70%{box-shadow:0 0 0 7px rgba(60,240,160,0);}
  100%{box-shadow:0 0 0 0 rgba(60,240,160,0);}
}

/* readouts: recipient odometer + cost */
.eh-readouts{
  position:relative;display:flex;align-items:flex-end;justify-content:space-between;
  flex-wrap:wrap;gap:1rem;margin-bottom:1.15rem;
}
.eh-odo-label,.eh-cost span{
  display:block;font-size:.62rem;font-weight:800;letter-spacing:.14em;
  color:#7fa6cc;margin-bottom:.5rem;
}
.eh-cells{display:flex;gap:5px;}
.eh-cell{
  width:1.55rem;height:2.3rem;border-radius:7px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;
  color:#eaf4ff;background:var(--ink);
  border:1px solid var(--line);
  box-shadow:inset 0 -8px 14px -8px rgba(0,0,0,.8),inset 0 1px 0 rgba(173,229,255,.05);
}
.eh-cell.eh-flip{animation:eh-roll .32s ease;}
@keyframes eh-roll{
  0%{transform:translateY(-42%);opacity:0;}
  60%{opacity:1;}
  100%{transform:translateY(0);opacity:1;}
}
.eh-cost{text-align:right;flex:0 0 auto;}
.eh-cost b{
  font-size:1.85rem;font-weight:900;letter-spacing:-.02em;color:#7fc1ff;
  line-height:1;display:inline-block;
}
.eh-cost .eh-cents{font-size:1.05rem;font-weight:800;color:#5fa8ea;}

/* the send button */
.eh-send{
  position:relative;width:100%;
  display:flex;align-items:center;justify-content:center;gap:.6rem;
  padding:1rem 1.2rem;margin-bottom:1.05rem;
  border:none;border-radius:14px;cursor:pointer;
  font-family:inherit;font-size:1.02rem;font-weight:900;letter-spacing:.06em;
  color:#fff;
  background:linear-gradient(180deg,var(--accent),var(--accent-deep));
  box-shadow:0 14px 30px -10px rgba(27,141,246,.6),
             inset 0 1px 0 rgba(255,255,255,.35),
             inset 0 -2px 6px rgba(6,44,83,.5);
  transition:transform .16s ease,box-shadow .2s ease,filter .2s ease;
  overflow:hidden;
}
.eh-send i{font-size:1.2rem;position:relative;z-index:1;transition:transform .2s ease;}
.eh-send-txt{position:relative;z-index:1;}
.eh-send-glow{
  position:absolute;top:0;left:-60%;width:45%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-18deg);pointer-events:none;
}
.eh-send:hover{transform:translateY(-2px);filter:brightness(1.06);
  box-shadow:0 18px 38px -10px rgba(27,141,246,.72),inset 0 1px 0 rgba(255,255,255,.4);}
.eh-send:hover i{transform:translateX(3px) rotate(-8deg);}
.eh-send:active{transform:translateY(0) scale(.985);}
.eh-send:focus-visible{outline:2px solid #7fc1ff;outline-offset:3px;}
.eh-send.eh-firing .eh-send-glow{animation:eh-sheen .7s ease;}
@keyframes eh-sheen{from{left:-60%;}to{left:130%;}}
.eh-send.eh-firing{filter:brightness(1.12);}

/* the fire lane: beam + particles burst up from the button toward recipients */
.eh-fire{
  position:absolute;left:0;right:0;top:0;height:100%;
  pointer-events:none;z-index:2;overflow:hidden;
}
.eh-beam{
  position:absolute;left:50%;bottom:74px;width:2px;height:0;
  transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(127,193,255,0),rgba(127,193,255,.9));
  opacity:0;border-radius:2px;
}
.eh-fire.eh-go .eh-beam{animation:eh-beam .55s ease-out;}
@keyframes eh-beam{
  0%{height:0;opacity:.9;bottom:74px;}
  100%{height:150px;opacity:0;bottom:150px;}
}
.eh-p{
  position:absolute;left:50%;bottom:78px;width:6px;height:6px;border-radius:50%;
  background:#7fc1ff;box-shadow:0 0 8px rgba(127,193,255,.9);opacity:0;
}
.eh-fire.eh-go .eh-p{animation:eh-burst .8s ease-out forwards;}
.eh-p.p1{--dx:-96px;--dy:-118px;animation-delay:.02s;}
.eh-p.p2{--dx:-58px;--dy:-138px;animation-delay:.06s;background:#cfe4ff;}
.eh-p.p3{--dx:-24px;--dy:-150px;animation-delay:.0s;}
.eh-p.p4{--dx:16px;--dy:-146px;animation-delay:.08s;background:#cfe4ff;}
.eh-p.p5{--dx:52px;--dy:-134px;animation-delay:.04s;}
.eh-p.p6{--dx:92px;--dy:-116px;animation-delay:.1s;}
.eh-p.p7{--dx:-38px;--dy:-100px;animation-delay:.12s;background:#eaf4ff;}
.eh-p.p8{--dx:40px;--dy:-104px;animation-delay:.14s;background:#eaf4ff;}
@keyframes eh-burst{
  0%{opacity:0;transform:translate(-50%,0) scale(.5);}
  15%{opacity:1;}
  100%{opacity:0;transform:translate(calc(-50% + var(--dx)),var(--dy)) scale(1);}
}

/* tenant status strip */
.eh-strip{
  position:relative;display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:.55rem .7rem;
  padding-top:1rem;border-top:1px solid var(--line);
}
.eh-tenant{
  display:inline-flex;align-items:center;gap:.35rem;
  font-size:.66rem;font-weight:800;letter-spacing:.09em;color:#a7c6e6;
}
.eh-tenant i{font-size:.92rem;color:var(--accent);}
.eh-sep{width:1px;height:12px;background:var(--line);}

.eh-cap{
  font-size:.68rem;font-weight:800;letter-spacing:.13em;color:#5f83a8;
  text-align:center;margin:0;text-transform:uppercase;
}
.eh-vh{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

@media(max-width:900px){
  .eh-console{max-width:100%;}
}
@media(max-width:400px){
  .eh-console{padding:1.25rem 1.1rem 1.1rem;border-radius:16px;}
  .eh-cell{width:1.32rem;height:2rem;font-size:1.25rem;}
  .eh-cost b{font-size:1.55rem;}
  .eh-link{font-size:.6rem;padding:.28rem .5rem;}
  .eh-node{font-size:.66rem;}
  .eh-strip{gap:.4rem .5rem;}
  .eh-sep{display:none;}
}

@media(prefers-reduced-motion:reduce){
  .eh-lamp{animation:none;}
  .eh-cell.eh-flip{animation:none;}
  .eh-send-glow,.eh-send.eh-firing .eh-send-glow{animation:none;display:none;}
  .eh-send{transition:none;}
  .eh-send:hover{transform:none;}
  .eh-send:hover i{transform:none;}
  .eh-fire.eh-go .eh-beam,.eh-fire.eh-go .eh-p{animation:none;}
  .eh-beam,.eh-p{display:none;}
}
/* ============ LIST-SIZE PRICING SLIDER ============ */
.ps-lsq{
  --ps-gold:#ffd98c;
  --ps-blue:#7fc1ff;
  --ps-red:#ff8f8f;
  --ps-red-deep:#e15b5b;
  --ps-line:rgba(127,166,204,.2);
  position:relative;
  max-width:960px;margin:0 auto;
  padding:clamp(1.15rem,3.5vw,2rem);
  border-radius:18px;
  background:
    radial-gradient(120% 90% at 15% -10%, rgba(27,141,246,.10), transparent 55%),
    linear-gradient(165deg, var(--ink-3), var(--ink-2));
  border:1px solid var(--ps-line);
  box-shadow:0 24px 60px -28px rgba(3,7,14,.85), inset 0 1px 0 rgba(173,229,255,.05);
  font-family:var(--font,"Inter Tight",system-ui,sans-serif);
}

/* -- head: the live list count -- */
.ps-lsq-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:1rem;flex-wrap:wrap;margin-bottom:1.15rem;
}
.ps-lsq-eyebrow{
  display:inline-flex;align-items:center;gap:.45rem;
  font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ps-blue);
}
.ps-lsq-eyebrow i{font-size:1.05rem;}
.ps-lsq-count{display:flex;align-items:baseline;gap:.5rem;}
.ps-lsq-num{
  font-size:clamp(2.1rem,7vw,3rem);font-weight:800;letter-spacing:-.035em;
  line-height:.95;color:var(--text);
  font-variant-numeric:tabular-nums;
  text-shadow:0 2px 20px rgba(127,193,255,.12);
}
.ps-lsq-unit{font-size:.95rem;font-weight:600;color:var(--text-dim);letter-spacing:.01em;}

/* -- the track -- */
.ps-lsq-track{margin:0 .1rem 1.55rem;}
.ps-lsq-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

.ps-lsq-range{
  -webkit-appearance:none;appearance:none;
  width:100%;height:38px;background:transparent;cursor:pointer;
  margin:0;padding:0;display:block;touch-action:pan-y;
}
.ps-lsq-range:focus{outline:none;}
/* track (WebKit) */
.ps-lsq-range::-webkit-slider-runnable-track{
  height:10px;border-radius:999px;
  background:
    linear-gradient(90deg, var(--accent) 0%, var(--ps-blue) var(--ps-pct,50%), transparent var(--ps-pct,50%)),
    linear-gradient(180deg, rgba(3,8,16,.65), rgba(11,20,36,.55));
  border:1px solid var(--ps-line);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.5);
}
.ps-lsq-range::-moz-range-track{
  height:10px;border-radius:999px;
  background:linear-gradient(180deg, rgba(3,8,16,.65), rgba(11,20,36,.55));
  border:1px solid var(--ps-line);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.5);
}
.ps-lsq-range::-moz-range-progress{
  height:10px;border-radius:999px;
  background:linear-gradient(90deg, var(--accent), var(--ps-blue));
}
/* thumb (WebKit) */
.ps-lsq-range::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:30px;height:30px;margin-top:-11px;border-radius:50%;
  background:radial-gradient(circle at 34% 30%, #fff, var(--ps-blue) 42%, var(--accent) 100%);
  border:2px solid #06101f;
  box-shadow:0 4px 12px rgba(3,7,14,.7), 0 0 0 6px rgba(27,141,246,.16);
  cursor:grab;transition:box-shadow .18s ease, transform .12s ease;
}
.ps-lsq-range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.06);}
.ps-lsq-range:focus-visible::-webkit-slider-thumb{box-shadow:0 4px 12px rgba(3,7,14,.7), 0 0 0 6px rgba(255,217,140,.4);}
/* thumb (Firefox) */
.ps-lsq-range::-moz-range-thumb{
  width:28px;height:28px;border-radius:50%;
  background:radial-gradient(circle at 34% 30%, #fff, var(--ps-blue) 42%, var(--accent) 100%);
  border:2px solid #06101f;
  box-shadow:0 4px 12px rgba(3,7,14,.7), 0 0 0 6px rgba(27,141,246,.16);
  cursor:grab;
}
.ps-lsq-range:focus-visible::-moz-range-thumb{box-shadow:0 4px 12px rgba(3,7,14,.7), 0 0 0 6px rgba(255,217,140,.4);}

.ps-lsq-ticks{
  display:flex;justify-content:space-between;margin-top:.55rem;padding:0 2px;
  font-size:.66rem;font-weight:600;letter-spacing:.06em;color:var(--text-dim);opacity:.62;
  font-variant-numeric:tabular-nums;
}

/* -- the two panels -- */
.ps-lsq-panels{
  display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1.1rem;
}
.ps-lsq-panel{
  position:relative;overflow:hidden;
  padding:1.1rem 1.15rem 1.15rem;border-radius:14px;
  background:linear-gradient(165deg, rgba(21,39,65,.6), rgba(14,24,44,.75));
  border:1px solid var(--ps-line);
}
.ps-lsq-theirs{
  background:linear-gradient(165deg, rgba(58,26,30,.42), rgba(20,15,20,.72));
  border-color:rgba(225,91,91,.28);
}
.ps-lsq-ours{
  background:linear-gradient(165deg, rgba(18,44,72,.5), rgba(11,22,42,.78));
  border-color:rgba(127,193,255,.24);
}
.ps-lsq-plabel{font-size:1rem;font-weight:800;letter-spacing:-.01em;color:var(--text);}
.ps-lsq-psub{margin-top:.15rem;font-size:.78rem;line-height:1.35;color:var(--text-dim);}

.ps-lsq-fig{
  display:flex;align-items:baseline;gap:.06rem;margin:.85rem 0 .7rem;
  font-variant-numeric:tabular-nums;line-height:.9;
}
.ps-lsq-cur{font-size:1.25rem;font-weight:700;opacity:.8;align-self:flex-start;margin-top:.25rem;}
.ps-lsq-amt{
  font-size:clamp(2rem,7.5vw,2.85rem);font-weight:800;letter-spacing:-.04em;
  transition:color .2s ease;
}
.ps-lsq-per{font-size:.9rem;font-weight:600;color:var(--text-dim);margin-left:.15rem;}
.ps-lsq-fig-red{color:var(--ps-red);}
.ps-lsq-fig-red .ps-lsq-cur{color:var(--ps-red);}
.ps-lsq-fig-blue{color:var(--ps-blue);}
.ps-lsq-fig-blue .ps-lsq-cur{color:var(--ps-blue);}
.ps-lsq-fig.ps-lsq-demo .ps-lsq-amt{font-size:clamp(1.35rem,5vw,1.9rem);}

/* the little proportion bar under each figure */
.ps-lsq-bar{
  height:8px;border-radius:999px;overflow:hidden;
  background:rgba(3,8,16,.5);border:1px solid var(--ps-line);
}
.ps-lsq-bar-fill{
  display:block;height:100%;width:0;border-radius:999px;
  transition:width .28s cubic-bezier(.22,.61,.36,1);
}
.ps-lsq-bar-red{background:linear-gradient(90deg, var(--ps-red-deep), var(--ps-red));}
.ps-lsq-bar-blue{background:linear-gradient(90deg, var(--accent), var(--ps-blue));}

.ps-lsq-tag{
  display:flex;align-items:center;gap:.4rem;margin-top:.8rem;
  font-size:.76rem;font-weight:600;line-height:1.3;
}
.ps-lsq-tag i{font-size:1rem;flex:0 0 auto;}
.ps-lsq-tag-red{color:var(--ps-red);}
.ps-lsq-tag-blue{color:var(--ps-blue);}

.ps-lsq-prov{
  font:inherit;font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ps-gold);background:rgba(255,217,140,.1);
  border:1px solid rgba(255,217,140,.32);border-radius:999px;
  padding:.1rem .45rem;margin-left:.15rem;cursor:pointer;
  transition:background .15s ease;
}
.ps-lsq-prov:hover,.ps-lsq-prov:focus-visible{background:rgba(255,217,140,.22);outline:none;}

/* -- punchline bar -- */
.ps-lsq-punch{
  display:flex;align-items:center;gap:.85rem;
  padding:1rem 1.2rem;border-radius:14px;
  background:linear-gradient(100deg, rgba(255,217,140,.13), rgba(255,217,140,.04) 60%, transparent);
  border:1px solid rgba(255,217,140,.3);
}
.ps-lsq-punch-ico{
  font-size:1.5rem;color:var(--ps-gold);flex:0 0 auto;
  filter:drop-shadow(0 2px 8px rgba(255,217,140,.35));
}
.ps-lsq-punch-txt{
  margin:0;font-size:clamp(.92rem,2.4vw,1.05rem);line-height:1.45;font-weight:500;color:var(--text);
  max-width:none;
}
.ps-lsq-punch-txt b{color:var(--ps-gold);font-weight:800;white-space:nowrap;}
.ps-lsq-punch.ps-lsq-demo{
  background:linear-gradient(100deg, rgba(127,193,255,.13), rgba(127,193,255,.04) 60%, transparent);
  border-color:rgba(127,193,255,.3);
}
.ps-lsq-punch.ps-lsq-demo .ps-lsq-punch-ico{color:var(--ps-blue);filter:drop-shadow(0 2px 8px rgba(127,193,255,.35));}
.ps-lsq-punch.ps-lsq-demo .ps-lsq-punch-txt b{color:var(--ps-blue);}

.ps-lsq-foot{
  margin:.9rem .2rem 0;font-size:.74rem;line-height:1.45;color:var(--text-dim);opacity:.85;max-width:64ch;
}

/* count "tick" pulse when the tier changes */
@keyframes ps-lsq-tick{0%{transform:translateY(-2px);opacity:.55;}100%{transform:translateY(0);opacity:1;}}
.ps-lsq-num.ps-lsq-bump{animation:ps-lsq-tick .22s ease;}
.ps-lsq-amt.ps-lsq-bump{animation:ps-lsq-tick .22s ease;}

/* -- responsive -- */
@media (max-width:560px){
  .ps-lsq-panels{grid-template-columns:1fr;}
  .ps-lsq-head{align-items:center;}
}
@media (max-width:360px){
  .ps-lsq{padding:1rem .85rem 1.1rem;}
  .ps-lsq-punch{padding:.85rem .95rem;gap:.65rem;}
}

/* -- reduced motion: fully functional, no animated bumps/transitions -- */
@media (prefers-reduced-motion:reduce){
  .ps-lsq-bar-fill{transition:none;}
  .ps-lsq-num.ps-lsq-bump,.ps-lsq-amt.ps-lsq-bump{animation:none;}
  .ps-lsq-range::-webkit-slider-thumb{transition:none;}
}
/* ============================================================
   20260706 inline redesigns: objection swap, two bills, buried
   alive dig, work order v2
   ============================================================ */

/* ---------- flip section: the fair objection, answered ---------- */
.ob-swap{max-width:620px;margin:2.2rem auto 0;display:flex;flex-direction:column;gap:.7rem;}
.ob-row{display:flex;align-items:flex-end;gap:.6rem;}
.ob-them{justify-content:flex-start;}
.ob-us{justify-content:flex-end;}
.ob-who{
  flex:0 0 auto;width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:1rem;
  background:rgba(127,166,204,.12);border:1px solid rgba(127,166,204,.3);color:#9db8d6;
}
.ob-who-us{background:rgba(27,141,246,.16);border-color:rgba(27,141,246,.45);color:#7fc1ff;}
.ob-bubble{
  max-width:78%;padding:.75rem 1rem;font-size:.98rem;line-height:1.5;font-weight:600;
  border-radius:16px;color:#cfe3f7;
  background:rgba(21,39,65,.8);border:1px solid rgba(127,166,204,.25);
}
.ob-them .ob-bubble{border-bottom-left-radius:5px;font-style:italic;color:#9db8d6;}
.ob-us .ob-bubble{
  border-bottom-right-radius:5px;color:#fff;font-style:normal;
  background:linear-gradient(135deg,#1b8df6,#0a6fd4);border-color:rgba(27,141,246,.4);
}
.ob-us .ob-bubble b{color:#ffd98c;}
.ob-down{
  align-self:center;margin-top:.5rem;color:#7fc1ff;font-size:1.15rem;
  animation:obNudge 2s ease-in-out infinite;
}
@keyframes obNudge{0%,100%{transform:translateY(-2px);opacity:.6;}50%{transform:translateY(3px);opacity:1;}}
@media(prefers-reduced-motion:reduce){.ob-down{animation:none;}}

/* ---------- tally: two bills, side by side ---------- */
.tb-duo{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:1rem;
  max-width:860px;margin:2.4rem auto 0;
}
.tb-bill{
  border-radius:16px;overflow:hidden;
  border:1px solid rgba(127,166,204,.2);
  background:linear-gradient(180deg,rgba(15,31,54,.7),rgba(11,20,36,.9));
}
.tb-theirs{border-color:rgba(255,99,99,.3);}
.tb-ours{border-color:rgba(27,141,246,.45);box-shadow:0 18px 44px -20px rgba(27,141,246,.35);}
.tb-head{
  display:flex;align-items:center;gap:.5rem;padding:.75rem 1.1rem;
  font-size:.72rem;font-weight:800;letter-spacing:.12em;
  border-bottom:1px solid rgba(127,166,204,.14);
}
.tb-theirs .tb-head{color:#ff8f8f;background:rgba(255,99,99,.06);}
.tb-ours .tb-head{color:#7fc1ff;background:rgba(27,141,246,.07);}
.tb-head span{margin-left:auto;font-size:.6rem;color:#7fa6cc;letter-spacing:.14em;}
.tb-row{
  display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;
  padding:.7rem 1.1rem;font-size:.9rem;color:#c4d6ee;
  border-bottom:1px dashed rgba(127,166,204,.12);
}
.tb-row b{font-weight:800;white-space:nowrap;}
.tb-red{color:#ff8f8f;}
.tb-blue{color:#7fc1ff;}
.tb-green{color:#7fe0a8;}
.tb-total{
  display:flex;align-items:center;justify-content:space-between;gap:.8rem;
  padding:.85rem 1.1rem;font-size:.68rem;font-weight:800;letter-spacing:.1em;
}
.tb-total span{color:#7fa6cc;}
.tb-total-red b{color:#ff8f8f;}
.tb-total-blue b{color:#7fe0a8;}
.tb-vs{
  align-self:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:.78rem;font-weight:900;letter-spacing:.04em;color:#9db8d6;
  background:rgba(11,20,36,.9);border:1px solid rgba(127,166,204,.25);
}
@media(max-width:640px){
  .tb-duo{grid-template-columns:1fr;}
  .tb-vs{justify-self:center;}
}

/* ---------- buried alive: the dig ---------- */
.ba-dig{max-width:560px;margin:2.4rem auto 0;text-align:center;}
.ba-riser{
  position:relative;z-index:2;width:64px;height:64px;margin:0 auto -12px;
  display:flex;align-items:center;justify-content:center;border-radius:16px;
  font-size:1.9rem;color:#fff;
  background:linear-gradient(155deg,#1b8df6,#0a6fd4);
  border:1px solid rgba(127,193,255,.5);
  box-shadow:0 0 26px rgba(27,141,246,.55),0 14px 30px -12px rgba(0,0,0,.7);
  animation:baRise 4.5s ease-in-out infinite;
}
@keyframes baRise{0%,100%{transform:translateY(0);}50%{transform:translateY(-7px);}}
.ba-layers{display:flex;flex-direction:column;gap:5px;}
.ba-layer{
  padding:.85rem 1rem;border-radius:10px;
  font-size:.68rem;font-weight:800;letter-spacing:.18em;color:rgba(196,214,238,.55);
  border:1px solid rgba(127,166,204,.14);
  text-decoration:line-through;text-decoration-color:rgba(255,143,143,.55);text-decoration-thickness:2px;
}
.ba-l1{background:rgba(21,39,65,.75);}
.ba-l2{background:rgba(16,30,52,.85);color:rgba(196,214,238,.4);}
.ba-l3{background:rgba(11,20,36,.95);color:rgba(196,214,238,.3);}
.ba-cap{
  margin-top:1.1rem;font-size:.66rem;font-weight:800;letter-spacing:.16em;color:#7fa6cc;
}
.ba-protocol{
  display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap;margin-top:1.1rem;
}
.ba-chip{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.6rem .95rem;border-radius:999px;font-size:.82rem;font-weight:600;color:#c4d6ee;
  background:rgba(21,39,65,.6);border:1px solid rgba(127,166,204,.22);
}
.ba-chip b{font-size:.66rem;font-weight:900;letter-spacing:.12em;}
.ba-hot b{color:#ffd98c;}
.ba-warm b{color:#7fc1ff;}
.ba-cold b{color:#9db8d6;}
@media(prefers-reduced-motion:reduce){.ba-riser{animation:none;}}

/* ---------- work order v2 ---------- */
.wo2{
  max-width:820px;margin:2.4rem auto 0;border-radius:18px;overflow:hidden;
  border:1px solid rgba(127,166,204,.22);
  background:linear-gradient(180deg,rgba(15,31,54,.7),rgba(11,20,36,.92));
  box-shadow:0 30px 70px -30px rgba(0,0,0,.75);
}
.wo2-head{
  display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;
  padding:1rem 1.4rem;border-bottom:1px solid rgba(127,166,204,.16);
  background:rgba(10,19,34,.85);
}
.wo2-title{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.82rem;font-weight:900;letter-spacing:.14em;color:#eef4fb;
}
.wo2-title i{color:#7fc1ff;}
.wo2-sub{font-size:.62rem;font-weight:700;letter-spacing:.14em;color:#7fa6cc;}
.wo2-body{display:grid;grid-template-columns:1.4fr 1fr;gap:0;}
.wo2-list{list-style:none;margin:0;padding:1.1rem 1.4rem;display:flex;flex-direction:column;gap:.15rem;}
.wo2-list li{
  display:flex;align-items:flex-start;gap:.75rem;padding:.55rem 0;
  border-bottom:1px dashed rgba(127,166,204,.1);
}
.wo2-list li:last-child{border-bottom:0;}
.wo2-tick{
  flex:0 0 auto;margin-top:.15rem;width:20px;height:20px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:.72rem;
  background:rgba(127,224,168,.12);border:1px solid rgba(127,224,168,.4);color:#7fe0a8;
}
.wo2-item b{display:block;font-size:.92rem;font-weight:700;color:#eef4fb;line-height:1.25;}
.wo2-item small{display:block;font-size:.74rem;color:#7fa6cc;margin-top:.1rem;}
.wo2-price{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;
  padding:1.6rem 1.4rem;text-align:center;
  border-left:1px solid rgba(127,166,204,.16);
  background:radial-gradient(120% 90% at 50% 0%,rgba(27,141,246,.12),transparent 60%);
}
.wo2-price-label{font-size:.64rem;font-weight:800;letter-spacing:.18em;color:#7fa6cc;}
.wo2-price-num{
  font-size:clamp(2.3rem,5vw,3rem);font-weight:900;letter-spacing:-.03em;color:#fff;line-height:1;
  text-shadow:0 2px 24px rgba(27,141,246,.35);
}
.wo2-price-num small{font-size:.38em;font-weight:800;color:#7fc1ff;}
.wo2-stamp{
  display:inline-block;margin:.2rem 0 .4rem;padding:.35rem .8rem;border-radius:8px;
  font-size:.6rem;font-weight:900;letter-spacing:.16em;color:#e6c878;
  border:1.5px solid rgba(230,200,120,.55);transform:rotate(-3deg);
  box-shadow:0 0 18px rgba(230,200,120,.12);
}
.wo2-fine{
  margin:0;padding: .9rem 1.4rem 1.1rem;font-size:.78rem;color:#7fa6cc;line-height:1.5;
  border-top:1px solid rgba(127,166,204,.14);
}
@media(max-width:680px){
  .wo2-body{grid-template-columns:1fr;}
  .wo2-price{border-left:0;border-top:1px solid rgba(127,166,204,.16);padding-top:1.3rem;}
}

/* ============================================================
   fn2- : hot/warm/bucket FUNNEL   |   cl- : the Claw (scroll)
   ============================================================ */

/* ---------- funnel ---------- */
.fn2{max-width:720px;margin:2.4rem auto 0;text-align:center;}
.fn2-intake{
  position:relative;max-width:520px;margin:0 auto;padding:.9rem 1.2rem;border-radius:12px 12px 0 0;
  background:linear-gradient(180deg,rgba(27,141,246,.14),rgba(21,39,65,.6));
  border:1px solid rgba(127,166,204,.22);border-bottom:0;
}
.fn2-intake-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:800;letter-spacing:.06em;color:#cfe4ff;}
.fn2-intake-label i{color:#7fc1ff;}
.fn2-drip{position:absolute;left:0;right:0;bottom:-2px;height:22px;display:flex;justify-content:center;gap:9px;pointer-events:none;overflow:hidden;}
.fn2-drip i{width:4px;height:4px;border-radius:50%;background:#7fc1ff;opacity:.7;animation:fn2Drip 2.2s linear infinite;}
.fn2-drip i:nth-child(2){animation-delay:.3s;}.fn2-drip i:nth-child(3){animation-delay:.6s;}
.fn2-drip i:nth-child(4){animation-delay:.9s;}.fn2-drip i:nth-child(5){animation-delay:1.2s;}
.fn2-drip i:nth-child(6){animation-delay:1.5s;}.fn2-drip i:nth-child(7){animation-delay:1.8s;}
@keyframes fn2Drip{0%{transform:translateY(-12px);opacity:0;}30%{opacity:.8;}100%{transform:translateY(18px);opacity:0;}}
.fn2-neck{
  position:relative;height:56px;margin:0 auto;width:520px;max-width:100%;
  background:linear-gradient(180deg,rgba(21,39,65,.6),rgba(11,20,36,.75));
  border:1px solid rgba(127,166,204,.18);border-top:0;border-bottom:0;
  clip-path:polygon(0 0,100% 0,68% 100%,32% 100%);
  display:flex;align-items:center;justify-content:center;
}
.fn2-filter{display:inline-flex;align-items:center;gap:.4rem;font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7fa6cc;}
.fn2-filter i{color:#7fc1ff;}
.fn2-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:1.1rem;}
.fn2-tier{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:1.1rem .9rem 1.2rem;border-radius:14px;
  background:linear-gradient(180deg,rgba(15,31,54,.6),rgba(11,20,36,.85));
  border:1px solid rgba(127,166,204,.18);
}
.fn2-tank{position:relative;width:34px;height:74px;border-radius:8px;overflow:hidden;
  background:rgba(3,8,16,.55);border:1px solid rgba(127,166,204,.2);margin-bottom:.85rem;}
.fn2-fill{position:absolute;left:0;right:0;bottom:0;border-radius:0 0 7px 7px;}
.fn2-hot .fn2-tank{border-color:rgba(230,200,120,.45);}
.fn2-hot .fn2-fill{height:30%;background:linear-gradient(180deg,#ffe6a2,#e6c878);box-shadow:0 0 16px rgba(230,200,120,.6);}
.fn2-warm .fn2-tank{border-color:rgba(27,141,246,.45);}
.fn2-warm .fn2-fill{height:56%;background:linear-gradient(180deg,#7fc1ff,#1b8df6);box-shadow:0 0 14px rgba(27,141,246,.45);}
.fn2-cold .fn2-fill{height:82%;background:linear-gradient(180deg,#5f7a9c,#3a516e);}
.fn2-name{font-size:.72rem;font-weight:900;letter-spacing:.1em;}
.fn2-hot .fn2-name{color:#ffd98c;}.fn2-warm .fn2-name{color:#7fc1ff;}.fn2-cold .fn2-name{color:#9db8d6;}
.fn2-desc{font-size:.78rem;color:#9db8d6;line-height:1.4;margin:.4rem 0 .7rem;}
.fn2-cadence{font-size:.66rem;font-weight:800;letter-spacing:.04em;color:#c4d6ee;
  padding:.32rem .6rem;border-radius:999px;background:rgba(21,39,65,.7);border:1px solid rgba(127,166,204,.2);}
.fn2-foot{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.2rem;font-size:.74rem;font-weight:600;color:#7fa6cc;}
.fn2-foot i{color:#7fc1ff;}
@media(max-width:560px){
  .fn2-tiers{grid-template-columns:1fr;gap:.6rem;}
  .fn2-tier{flex-direction:row;text-align:left;align-items:center;gap:.9rem;padding:.9rem 1rem;}
  .fn2-tank{width:64px;height:22px;margin:0;flex:0 0 auto;}
  .fn2-fill{top:0;bottom:0;left:0;right:auto;height:auto !important;border-radius:7px 0 0 7px;}
  .fn2-hot .fn2-fill{width:30%;}.fn2-warm .fn2-fill{width:56%;}.fn2-cold .fn2-fill{width:82%;}
  .fn2-tier .fn2-tank{order:0;}
  .fn2-tier > *{align-self:center;}
  .fn2-desc,.fn2-cadence{margin:0;}
  .fn2-tier{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"tank name" "tank desc" "tank cad";column-gap:.9rem;row-gap:.2rem;}
  .fn2-tank{grid-area:tank;}.fn2-name{grid-area:name;}.fn2-desc{grid-area:desc;}.fn2-cadence{grid-area:cad;justify-self:start;}
}
@media(prefers-reduced-motion:reduce){.fn2-drip i{animation:none;display:none;}}

/* ---------- the Claw (scroll-driven) ---------- */
.cl-wrap{position:relative;max-width:720px;margin:2.4rem auto 0;}
.cl-live{height:280vh;}                 /* only when JS opts in (motion allowed) */
.cl-stage{
  display:grid;grid-template-columns:64px 1fr;gap:1.2rem;
  border-radius:18px;padding:1.4rem 1.4rem 1.6rem;
  background:radial-gradient(120% 80% at 12% 0%,rgba(27,141,246,.10),transparent 55%),linear-gradient(180deg,rgba(15,31,54,.55),rgba(9,15,27,.9));
  border:1px solid rgba(127,166,204,.2);
}
.cl-live .cl-stage{position:sticky;top:12vh;height:auto;min-height:64vh;}
/* rail + descending claw */
.cl-rail{position:relative;border-radius:999px;background:linear-gradient(180deg,rgba(127,166,204,.05),rgba(127,166,204,.14),rgba(127,166,204,.05));width:100%;}
.cl-rail::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,rgba(127,193,255,.35),transparent);}
.cl-trolley{position:absolute;left:50%;top:6%;transform:translateX(-50%);width:44px;transition:top .12s linear;}
.cl-live .cl-trolley{transition:none;}
.cl-cord{position:absolute;left:50%;top:-1.4rem;transform:translateX(-50%);width:2px;height:1.4rem;background:linear-gradient(180deg,transparent,#7fa6cc);}
.cl-claw{position:relative;display:block;width:44px;height:34px;margin:0 auto;}
.cl-prong{position:absolute;top:0;width:5px;height:26px;border-radius:3px;background:linear-gradient(180deg,#cfe3f7,#7fa6cc);box-shadow:0 2px 6px rgba(0,0,0,.5);transform-origin:top center;transition:transform .3s ease;}
.cl-prong.l{left:6px;transform:rotate(-24deg);}
.cl-prong.m{left:50%;margin-left:-2.5px;}
.cl-prong.r{right:6px;transform:rotate(24deg);}
.cl-wrap.grip .cl-prong.l{transform:rotate(-6deg);}
.cl-wrap.grip .cl-prong.r{transform:rotate(6deg);}
/* beats */
.cl-beats{display:flex;flex-direction:column;gap:1.1rem;justify-content:center;}
.cl-beat{display:flex;gap:.9rem;opacity:.32;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease;}
.cl-beat.on{opacity:1;transform:none;}
.cl-beat-ico{flex:0 0 auto;width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;
  background:rgba(27,141,246,.12);border:1px solid rgba(27,141,246,.4);color:#7fc1ff;}
.cl-ico-red{background:rgba(255,99,99,.12);border-color:rgba(255,99,99,.4);color:#ff8f8f;}
.cl-ico-green{background:rgba(127,224,168,.12);border-color:rgba(127,224,168,.4);color:#7fe0a8;}
.cl-ico-blue{background:rgba(27,141,246,.14);border-color:rgba(27,141,246,.45);color:#7fc1ff;}
.cl-beat-tx b{display:block;font-size:1rem;font-weight:800;color:#eef4fb;line-height:1.2;}
.cl-beat-tx > span{display:block;font-size:.86rem;color:#9db8d6;line-height:1.45;margin-top:.2rem;}
.cl-tiles{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem;}
.cl-tile{font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .55rem;border-radius:7px;
  background:rgba(127,224,168,.1);border:1px solid rgba(127,224,168,.3);color:#7fe0a8;}
.cl-tile.bad{background:rgba(255,99,99,.12);border-color:rgba(255,99,99,.4);color:#ff8f8f;}
.cl-beat.on .cl-tile.bad{animation:clFlag 1.6s ease-in-out infinite;}
.cl-beat[data-b="3"].on .cl-tile.bad,.cl-wrap.grip ~ * .cl-tile.bad{}
@keyframes clFlag{0%,100%{box-shadow:0 0 0 0 rgba(255,99,99,.4);}50%{box-shadow:0 0 0 5px rgba(255,99,99,0);}}
.cl-badge{display:inline-block;margin-left:.4rem;font-size:.6rem;font-weight:900;letter-spacing:.1em;color:#7fe0a8;
  padding:.2rem .5rem;border-radius:6px;border:1px solid rgba(127,224,168,.5);background:rgba(127,224,168,.1);
  opacity:0;transform:scale(.8);transition:opacity .3s ease,transform .3s ease;}
.cl-beat.on .cl-badge{opacity:1;transform:scale(1);}
.cl-meter{position:relative;height:26px;border-radius:8px;margin-top:.7rem;overflow:hidden;background:rgba(3,8,16,.55);border:1px solid rgba(127,166,204,.2);}
.cl-meter-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#1b8df6,#7fe0a8);transition:width .2s linear;}
.cl-meter-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.64rem;font-weight:900;letter-spacing:.08em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);}
@media(max-width:560px){
  .cl-live{height:240vh;}
  .cl-stage{grid-template-columns:44px 1fr;gap:.8rem;padding:1.1rem;}
  .cl-beat-tx b{font-size:.92rem;}
}
@media(prefers-reduced-motion:reduce){.cl-beat{transition:none;}.cl-meter-fill,.cl-trolley{transition:none;}.cl-tile.bad{animation:none;}}