*{box-sizing:border-box}body{margin:0;background:#fafafa;color:#242424;font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:#595959}aside{position:fixed;top:100px;left:max(30px,calc((100vw - 980px)/2));width:140px}aside nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px}aside nav a{text-decoration:none;color:#595959}.mark{font:600 20px Georgia,serif;width:42px;height:42px;display:grid;place-items:center;border:1px solid #ddd;border-radius:50%;margin-bottom:26px;text-decoration:none}.social{margin-top:28px;font-size:13px;display:flex;flex-direction:column;gap:8px;color:#595959}main{max-width:630px;margin:75px auto 100px;padding:0 30px;transform:translateX(90px)}h1{font-size:28px;line-height:1.3;letter-spacing:-.7px;margin:22px 0 14px;font-weight:600}h2{font-size:20px;line-height:1.4;margin:0 0 12px;font-weight:600}p{margin:0 0 18px}.meta,.eyebrow{font-size:13px;color:#595959}.eyebrow{margin:0 0 8px}.note{font-size:14px;color:#595959;border-left:2px solid #ccc;padding-left:15px}.example-nav{display:flex;flex-wrap:wrap;gap:9px 22px;margin:24px 0 30px;font-size:14px}.example{border-top:1px solid #ddd;padding:30px 0;scroll-margin-top:25px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-row>div{min-width:0}label{display:block;font-size:14px;margin:8px 0 6px}input,select,button{font:inherit;color:inherit}input,select{width:100%;min-width:0;background:#fff;border:1px solid #aaa;border-radius:3px;padding:10px;line-height:1.5}button{cursor:pointer;border:1px solid #aaa;border-radius:3px;background:transparent;padding:10px 14px;line-height:1.5}button:hover{background:#f0f0f0}.primary{display:inline-block;background:#242424;color:#fff;padding:11px 16px;border:1px solid #242424;border-radius:3px;text-decoration:none;line-height:1.5}.primary:hover{background:#444;color:#fff}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.result{background:#f0f0f0;padding:14px;font-size:14px;margin:16px 0;overflow-wrap:anywhere}.table-wrap{width:100%;overflow:auto;margin:20px 0}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}caption{text-align:left;font-size:13px;color:#595959;padding-bottom:10px}th,td{border-bottom:1px solid #ddd;padding:10px 12px 10px 0;vertical-align:top;overflow-wrap:anywhere}th{font-weight:600}details{border-bottom:1px solid #ddd;padding:12px 0}summary{font-size:16px;cursor:pointer;font-weight:600}details p,details ol{font-size:14px;margin:10px 0}details ol{padding-left:22px}details .meta{font-size:13px}#sop-count{margin:15px 0 0}.empty{padding:15px 0;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.metric strong{display:block;font-size:26px;font-weight:600;line-height:1.4}.metric span{font-size:13px;color:#595959;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.table-wrap:focus-visible{outline:2px solid #242424;outline-offset:4px}@media(max-width:1000px){aside{position:static;width:auto;margin:35px 25px 0}.mark{margin-bottom:15px}aside nav{flex-direction:row;gap:24px}.social{flex-direction:row;gap:18px;margin-top:16px}main{transform:none;margin:30px auto 65px;padding:0 25px}h1{font-size:25px}.field-row{grid-template-columns:1fr;gap:0}.metrics{gap:10px}.example{padding:26px 0}}

.funnel-card{background:radial-gradient(ellipse at 90% 70%,#123449 0,#0f172a 65%);color:#f8fafc;padding:22px;border-radius:14px;margin:24px 0}.funnel-top{display:flex;align-items:flex-start;gap:15px;justify-content:space-between}.funnel-kicker{font-size:10px;letter-spacing:1.3px;color:#a5eaf4;margin:0 0 8px}.funnel-card h3{font-size:18px;line-height:1.4;font-weight:500;margin:0 0 16px}.sample-badge{color:#a5eaf4;font-size:10px;border:1px solid #386075;border-radius:20px;white-space:nowrap;padding:3px 9px}.funnel-card label{color:#cbd5e1;font-size:12px}.funnel-card select{background:#17263c;border-color:#53627a;color:#fff;font-size:13px}.funnel-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:22px 0 4px}.funnel-stage{border:1px solid transparent;text-align:left;padding:9px 5px;border-radius:7px;color:#fff;min-width:0;line-height:1.4}.funnel-stage:hover,.funnel-stage[aria-pressed=true]{background:#1d3449;border-color:#67e8f9}.funnel-stage span{display:block;font-size:11px;color:#d1dce9}.funnel-stage strong{display:block;font-size:25px;margin:7px 0;font-weight:500}.funnel-stage small{display:block;font-size:10px;color:#b9c9dc}.funnel-card svg{width:100%;height:auto;display:block;margin:15px 0;filter:drop-shadow(0 0 10px #06b6d426)}.funnel-conversion{font-size:17px;text-align:center;color:#b4f4ff;margin:8px 0}.funnel-footnote{font-size:11px;color:#b9c9dc;margin:10px 0 0;text-align:center}.funnel-card :focus-visible{outline-color:#a5eaf4}#dashboard-summary .metric strong{font-size:22px}@media(max-width:480px){.funnel-card{padding:16px}.funnel-top{display:block}.sample-badge{display:inline-block;margin-bottom:12px}.funnel-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.funnel-stage{padding:10px}.funnel-stage span{font-size:12px}.funnel-stage small{font-size:11px}#dashboard-summary .metric strong{font-size:18px}}@media(prefers-reduced-motion:reduce){.funnel-particles,#funnel-sparkles,.funnel-shimmer,.funnel-glow{display:none}}

@keyframes funnel-stage-enter {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.funnel-stage-enter {
  opacity: 0;
  animation: funnel-stage-enter 600ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes funnel-reveal {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}
.funnel-reveal {
  transform-origin: left center;
  animation: funnel-reveal 1100ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes funnel-pill-pop {
  0%   { opacity: 0; transform: scale(0.4); }
  70%  { opacity: 1; transform: scale(1.15); }
  100% { opacity: 1; transform: scale(1); }
}
.funnel-pill-pop {
  opacity: 0;
  transform-origin: center;
  animation: funnel-pill-pop 500ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes funnel-flow {
  0%   { transform: translateX(0)    translateY(var(--fy, 0px)); opacity: 0; }
  8%   { opacity: 1; }
  92%  { opacity: 1; }
  100% { transform: translateX(1000px) translateY(var(--fy, 0px)); opacity: 0; }
}
.funnel-flow {
  animation: funnel-flow var(--fdur, 5s) linear infinite;
  animation-delay: var(--fdelay, 0s);
  transform-box: fill-box;
}

@keyframes funnel-shimmer {
  from { transform: translateX(-200px); }
  to   { transform: translateX(1200px); }
}
.funnel-shimmer {
  animation: funnel-shimmer 4.5s ease-in-out infinite;
}

@keyframes funnel-glow {
  0%, 100% { opacity: 0.35; transform: scale(1); }
  50%      { opacity: 0.7;  transform: scale(1.08); }
}
.funnel-glow {
  transform-origin: center;
  animation: funnel-glow 2.4s ease-in-out infinite;
}

@keyframes funnel-sparkle {
  0%   { opacity: 0; transform: translate(0, 0) scale(0); }
  20%  { opacity: 1; transform: translate(0, 0) scale(1); }
  100% { opacity: 0; transform: translate(var(--sx, 0), var(--sy, -40px)) scale(0.4); }
}
.funnel-sparkle {
  transform-box: fill-box;
  animation: funnel-sparkle 2s ease-out infinite;
  animation-delay: var(--sdelay, 0s);
}

@keyframes funnel-bg-drift {
  0%, 100% { background-position: 0% 50%; }
  50%      { background-position: 100% 50%; }
}
.funnel-bg-drift {
  background: radial-gradient(at 20% 20%, rgba(56, 189, 248, 0.10), transparent 50%),
              radial-gradient(at 80% 80%, rgba(34, 197, 94, 0.08), transparent 50%),
              #0f172a;
  background-size: 200% 200%;
  animation: funnel-bg-drift 12s ease-in-out infinite;
}

.funnel-card{border-radius:12px;padding:24px;box-shadow:0 0 0 1px #1e293b}.funnel-card h3{font-size:16px;font-weight:600}.funnel-stage strong{font-size:30px;font-weight:600}.funnel-stage[aria-pressed=true]{background:transparent;border-color:transparent}.funnel-stage:hover{background:#1e293b;border-color:#53627a}.funnel-stage span{font-size:12px}.funnel-stage small{font-size:11px}.funnel-stage .funnel-delta{display:inline-block;background:#10b98126;color:#6ee7b7;padding:2px 6px;border-radius:6px;font-size:11px;font-weight:600;margin-top:4px}.funnel-stage .funnel-delta.negative{background:#ef444426;color:#fca5a5}.funnel-section{transition:filter .2s}.funnel-section:hover{filter:brightness(1.25)}.funnel-conversion{font-size:14px;color:#cbd5e1}.motion-paused,.motion-paused *{animation-play-state:paused!important}.motion-paused .funnel-reveal{animation:none;transform:none}.funnel-card .sample-badge:hover{background:#1e293b;color:#fff}@media(prefers-reduced-motion:reduce){.funnel-card,.funnel-card *{animation:none!important}.funnel-particles,#funnel-sparkles,.funnel-shimmer,.funnel-glow{display:none}}@media(max-width:480px){.funnel-card{padding:16px}}

.funnel-card{border-radius:18px}.funnel-card svg{margin:28px 0;min-height:260px}.funnel-stage[aria-pressed=true]{background:#1d3449;border-color:#67e8f9}@media(max-width:480px){.funnel-card svg{min-height:0;margin:24px 0}}