/* Motion layer for the landing: entrance, live strip, the registry-to-revenue
   stage, and animated step visuals. CSS + SVG only. Honors reduced motion. */
.landing-v3 .scroll-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:#111;transform-origin:0 50%;transform:scaleX(0);z-index:60;pointer-events:none}

/* Hero entrance */
.landing-v3 .hero-copy>*{animation:m-rise .9s cubic-bezier(.22,1,.36,1) both}
.landing-v3 .hero-copy>:nth-child(1){animation-delay:.05s}
.landing-v3 .hero-copy>:nth-child(2){animation-delay:.15s}
.landing-v3 .hero-copy>:nth-child(3){animation-delay:.25s}
.landing-v3 .hero-copy>:nth-child(4){animation-delay:.35s}
.landing-v3 .hero-copy>:nth-child(5){animation-delay:.45s}
.landing-v3 .hero-copy>:nth-child(6){animation-delay:.55s}
.landing-v3 .iso{animation:m-rise 1.1s .2s cubic-bezier(.22,1,.36,1) both}
.landing-v3 .scroll-cue{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font:12px var(--mono);color:#6b6f76;text-decoration:none}
.landing-v3 .scroll-cue i{display:inline-block;width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);animation:m-nudge 1.8s ease-in-out infinite}
.landing-v3 .scroll-cue:hover{color:#111}

/* Live strip */
.landing-v3 .live{padding:26px 0 8px}
.landing-v3 .live-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.landing-v3 .live-head .eyebrow{display:flex;align-items:center;gap:8px}
.landing-v3 .live-dot{width:8px;height:8px;border-radius:50%;background:#1e9e5a;box-shadow:0 0 0 0 rgba(30,158,90,.5);animation:m-ping 2.2s ease-out infinite}
.landing-v3 .live-updated{font:11px var(--mono);color:#8a8d93}
.landing-v3 .live-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.landing-v3 .live-tile{background:#fff;padding:18px 20px 16px;min-height:112px;position:relative;overflow:hidden}
.landing-v3 .live-tile span{display:block;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#6b6f76}
.landing-v3 .live-num{display:block;margin:10px 0 6px;font:300 40px/1 var(--sans);letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.landing-v3 .live-tile small{display:block;font-size:12px;color:var(--muted);line-height:1.5}
.landing-v3 .live-tile.is-loading .live-num{color:transparent;background:linear-gradient(90deg,#eeece6 25%,#f7f6f2 50%,#eeece6 75%);background-size:200% 100%;border-radius:6px;animation:m-shimmer 1.4s linear infinite;width:60%}
.landing-v3 .live-who{margin-top:12px}
.landing-v3 .who-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:#eceae4}
.landing-v3 .who-bar i{display:block;height:100%;flex:0 0 auto;width:0;transition:width 1.2s cubic-bezier(.22,1,.36,1)}
.landing-v3 .who-bar .w-ai{background:#3a5b8a}
.landing-v3 .who-bar .w-unknown{background:#8fa6c4}
.landing-v3 .who-bar .w-crawler{background:#cfd6df}
.landing-v3 .who-bar .w-browser{background:#1e9e5a}
.landing-v3 .who-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font:11px var(--mono);color:#6b6f76}
.landing-v3 .who-legend b{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:middle}
.landing-v3 .live-note{margin:12px 0 0;font-size:12px;color:#7a7d84;max-width:80ch}

/* Pipeline: today vs with Agent Ads (editorial numbered flow) */
.landing-v3 .flow{padding:64px 0 24px}
.landing-v3 .flow-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:22px}
.landing-v3 .flow-head h2{font-size:clamp(32px,3.8vw,48px);line-height:1.04;max-width:14ch}
.landing-v3 .flow-head p{max-width:40ch;font-size:14px;color:var(--muted)}
.landing-v3 .flow-controls{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;margin-bottom:22px}
.landing-v3 .seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:#fff;padding:3px}
.landing-v3 .seg-btn{border:0;background:none;font:13px var(--sans);color:var(--muted);padding:8px 16px;border-radius:999px;cursor:pointer}
.landing-v3 .seg-btn.is-on{background:#111;color:#fff;font-weight:500}
.landing-v3 .flow-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font:11px var(--mono);color:#6b6f76;align-items:center}
.landing-v3 .flow-legend .lg{display:inline-flex;align-items:center;gap:6px}
.landing-v3 .flow-legend .dot{width:9px;height:9px;border-radius:3px;background:var(--actor,#8a8d93)}
.landing-v3 .flow-legend .edge-solid{width:18px;border-top:2px solid #3a5b8a}
.landing-v3 .flow-legend .edge-dash{width:18px;border-top:2px dashed #b7b9bd}
.landing-v3 .a-human{--actor:#8a8d93}
.landing-v3 .a-vendor{--actor:#5b6b9a}
.landing-v3 .a-us{--actor:#1e9e5a}
.landing-v3 .a-agent{--actor:#3a5b8a}
.landing-v3 .a-client{--actor:#111}

.landing-v3 .pipe{position:relative;display:flex;flex-direction:column;gap:14px}
.landing-v3 .pipe:before{content:"";position:absolute;left:107px;top:26px;bottom:26px;width:2px;border-radius:2px}
.landing-v3 .pipe[data-mode="agentads"]:before{background:linear-gradient(180deg,#8a8d93,#5b6b9a,#1e9e5a,#3a5b8a,#111)}
.landing-v3 .pipe[data-mode="today"]:before{background:repeating-linear-gradient(180deg,#cbccd0 0 5px,transparent 5px 11px)}
.landing-v3 .pipe-pulse{display:none}
.landing-v3 .pipe.is-live[data-mode="agentads"] .pipe-pulse{display:block;position:absolute;left:102px;width:12px;height:12px;border-radius:50%;background:#1e9e5a;box-shadow:0 0 0 5px rgba(30,158,90,.16);animation:m-flow 3.6s ease-in-out infinite}
.landing-v3 .pipe-row{position:relative;display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:start}
.landing-v3 .pipe-rail{position:relative;padding-top:15px}
.landing-v3 .pipe-rail .pn{display:block;font:13px var(--mono);color:#6b6f76}
.landing-v3 .pipe-rail .pl{display:block;margin-top:4px;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#b0b2b6}
.landing-v3 .pipe-cards{min-width:0}
.landing-v3 .pipe-card{position:relative;background:#fff;border:1px solid var(--line);border-left:3px solid var(--actor,#8a8d93);border-radius:12px;padding:16px 18px 15px;transition:border-color .3s,background .3s}
.landing-v3 .pipe-card h4{margin:0 0 5px;font-size:16px;font-weight:500;letter-spacing:-.01em;padding-right:74px}
.landing-v3 .pipe-card p{margin:0;font-size:13px;color:var(--muted);line-height:1.55;max-width:60ch}
.landing-v3 .pipe-card .badge{position:absolute;top:14px;right:14px;font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#8a8d93;background:#f4f3ef;border:1px solid var(--line);border-radius:999px;padding:3px 8px}
.landing-v3 .pipe-card .tag{display:inline-block;margin-bottom:9px;font:9px var(--mono);letter-spacing:.09em;text-transform:uppercase;padding:3px 8px;border-radius:5px}
.landing-v3 .tag-us{color:#0f7a3f;background:#e9f7ef;border:1px solid #bfe4cf}
.landing-v3 .tag-dark{color:#8a8d93;background:#f2f1ee;border:1px dashed #cfd0d2}
.landing-v3 .who-mini{display:flex;gap:4px;margin:0 0 9px}
.landing-v3 .who-mini .wm{height:8px;border-radius:3px;transform-origin:left center;animation:m-wmgrow .9s cubic-bezier(.22,1,.36,1) both}
.landing-v3 .wm-ai{width:46px;background:#3a5b8a}
.landing-v3 .wm-auto{width:30px;background:#8fa6c4;animation-delay:.12s}
.landing-v3 .wm-crawl{width:74px;background:#cfd6df;animation-delay:.24s}
.landing-v3 .pipe[data-mode="today"] .when-agentads{display:none}
.landing-v3 .pipe[data-mode="agentads"] .when-today{display:none}
.landing-v3 .pipe[data-mode="today"] .has-flip{--actor:#cfd0d2;border-left-style:dashed;background:#fbfbfa}
.landing-v3 .pipe[data-mode="today"] .has-flip h4{color:#9a9ca1}
.landing-v3 .pipe[data-mode="today"] .is-outcome{--actor:#d98b8b}
.landing-v3 .flow-foot{margin-top:16px;font:11px var(--mono);color:#7a7d84;max-width:82ch;line-height:1.6}

@keyframes m-flow{0%{top:2%;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:96%;opacity:0}}
@keyframes m-wmgrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Animated step visuals in "how it works" */
.landing-v3 .brief-visual .mini-brief div{position:relative;overflow:hidden}
.landing-v3 .brief-visual .mini-brief div:after{content:"";position:absolute;inset:0;background:#eceae4;transform-origin:100% 50%;animation:m-wipe 1.1s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0) * .5s + .3s)}
.landing-v3 .brief-visual .mini-brief div:nth-child(2){--i:0}.landing-v3 .brief-visual .mini-brief div:nth-child(3){--i:1}.landing-v3 .brief-visual .mini-brief div:nth-child(4){--i:2}
.landing-v3 .routing-visual svg path{stroke-dasharray:6 7;animation:m-dash 1.6s linear infinite}
.landing-v3 .routing-visual .route-dot{fill:#111}
.landing-v3 .routing-visual .route-chip{animation:m-float 4s ease-in-out infinite}
.landing-v3 .routing-visual .chip-b{animation-delay:-1s}.landing-v3 .routing-visual .chip-c{animation-delay:-2s}.landing-v3 .routing-visual .chip-d{animation-delay:-3s}
.landing-v3 .evidence-visual .mini-evidence div{position:relative}
.landing-v3 .evidence-visual .mini-evidence div:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#111;transform:scaleX(0);transform-origin:0 50%;animation:m-fill 1s ease-out both;animation-delay:calc(var(--i,0) * .8s + .4s)}
.landing-v3 .evidence-visual .mini-evidence div:nth-child(2){--i:0}.landing-v3 .evidence-visual .mini-evidence div:nth-child(3){--i:1}.landing-v3 .evidence-visual .mini-evidence div:nth-child(4){--i:2}
.landing-v3 .step[data-reveal]:not(.is-in) .step-visual *{animation-play-state:paused}

/* Measurement rows breathe in sequence */
.landing-v3 .evidence-row{animation:m-rowglow 7s ease-in-out infinite}
.landing-v3 .evidence-row:nth-of-type(2){animation-delay:1.6s}.landing-v3 .evidence-row:nth-of-type(3){animation-delay:3.2s}.landing-v3 .evidence-row:nth-of-type(4){animation-delay:4.8s}.landing-v3 .evidence-row:nth-of-type(5){animation-delay:6.4s}

/* Founding pill pulse */
.landing-v3 .trial-pill[data-founding="pill"]:not([hidden]){animation:m-ring 2.6s ease-out infinite}

@keyframes m-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes m-nudge{0%,100%{transform:rotate(45deg) translate(0,0)}50%{transform:rotate(45deg) translate(3px,3px)}}
@keyframes m-ping{0%{box-shadow:0 0 0 0 rgba(30,158,90,.55)}100%{box-shadow:0 0 0 12px rgba(30,158,90,0)}}
@keyframes m-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes m-check{from{fill:#e6e4dd;transform:scale(.6)}60%{transform:scale(1.25)}to{fill:#1e9e5a;transform:scale(1)}}
@keyframes m-pop{from{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}
@keyframes m-draw{to{stroke-dashoffset:0}}
@keyframes m-stamp{from{transform:rotate(-8deg) scale(0)}65%{transform:rotate(-8deg) scale(1.15)}to{transform:rotate(-8deg) scale(1)}}
@keyframes m-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes m-wipe{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes m-dash{to{stroke-dashoffset:-26}}
@keyframes m-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes m-rowglow{0%,18%,100%{background:transparent}9%{background:#f4f3ef}}
@keyframes m-doorring{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(1.55)}}
@keyframes m-ring{0%{box-shadow:0 0 0 0 rgba(17,17,17,.35)}100%{box-shadow:0 0 0 10px rgba(17,17,17,0)}}

@media(max-width:820px){
  .landing-v3 .flow-stage{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .landing-v3 .flow-stage svg{min-width:960px}
}
@media(max-width:900px){
  .landing-v3 .live-grid{grid-template-columns:1fr 1fr}
  .landing-v3 .flow-steps{grid-template-columns:1fr 1fr 1fr}
  .landing-v3 .flow-head{display:block}
  .landing-v3 .flow-head p{margin-top:14px}
}
@media(max-width:560px){
  .landing-v3 .live-grid,.landing-v3 .flow-steps{grid-template-columns:1fr}
  .landing-v3 .live-num{font-size:34px}
  .landing-v3 .flow-stage{border-radius:4px}
}
@media(max-width:680px){
  .landing-v3 .pipe:before,.landing-v3 .pipe-pulse{display:none}
  .landing-v3 .pipe-row{grid-template-columns:1fr;gap:6px}
  .landing-v3 .pipe-rail{display:flex;align-items:baseline;gap:10px;padding-top:0}
  .landing-v3 .pipe-rail .pl{margin-top:0}
  .landing-v3 .flow-controls{gap:14px}
}
@media(prefers-reduced-motion:reduce){
  .landing-v3 .hero-copy>*,.landing-v3 .iso,.landing-v3 .scroll-cue i,.landing-v3 .live-dot,.landing-v3 .live-tile.is-loading .live-num,.landing-v3 .flow-step.is-now:after,.landing-v3 .brief-visual .mini-brief div:after,.landing-v3 .routing-visual svg path,.landing-v3 .routing-visual .route-chip,.landing-v3 .evidence-visual .mini-evidence div:after,.landing-v3 .evidence-row,.landing-v3 .trial-pill[data-founding="pill"],.landing-v3 .pipe-pulse,.landing-v3 .who-mini .wm{animation:none!important}
  .landing-v3 .who-mini .wm{transform:none}
  .landing-v3 .brief-visual .mini-brief div:after,.landing-v3 .evidence-visual .mini-evidence div:after{display:none}
  .landing-v3 .flow-stage [data-at],.landing-v3 .flow-stage .f-particle,.landing-v3 .flow-stage .f-who rect,.landing-v3 .flow-stage .f-listed,.landing-v3 .flow-stage .f-stamp{opacity:1;transform:none;transition:none;animation:none!important}
  .landing-v3 .flow-stage .f-check{fill:#1e9e5a}
  .landing-v3 .flow-stage .f-draw{stroke-dashoffset:0}
  .landing-v3 .flow-step.is-now:after{transform:scaleX(1)}
}