/* ============================================================
   One Zyme · Search & Evaluation Intelligence
   Page-specific dynamic styles. Layered on _solutions.css.
   Motion is scroll-driven (see se-page.js). All animation
   degrades gracefully under prefers-reduced-motion.
   ============================================================ */

/* ─── Scroll reveal utility ─────────────────────────────── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--oz-ease), transform .7s var(--oz-ease);}
.reveal.in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.08s;}
.reveal.d2{transition-delay:.16s;}
.reveal.d3{transition-delay:.24s;}
.reveal.d4{transition-delay:.32s;}

/* ════════════════════════════════════════════════════════
   1 · DYNAMIC HERO
   ════════════════════════════════════════════════════════ */
.se-hero{position:relative;overflow:hidden;padding:84px 0 96px;
  background:
    radial-gradient(900px 540px at 82% 0%, rgba(42,74,107,0.55), transparent 62%),
    radial-gradient(760px 520px at 6% 110%, rgba(6,182,212,0.16), transparent 66%),
    var(--oz-midnight);}
.se-hero::before{content:"";position:absolute;inset:0;opacity:0.5;pointer-events:none;
  background-image:linear-gradient(var(--oz-on-dark-line) 1px, transparent 1px),linear-gradient(90deg, var(--oz-on-dark-line) 1px, transparent 1px);
  background-size:46px 46px;-webkit-mask:radial-gradient(circle at 60% 38%, #000, transparent 78%);mask:radial-gradient(circle at 60% 38%, #000, transparent 78%);}
.se-hero .container{position:relative;z-index:2;}
.se-hero-grid{display:grid;grid-template-columns:0.92fr 1.08fr;gap:56px;align-items:center;}
.se-hero .pill{display:inline-flex;align-items:center;gap:8px;color:var(--oz-cyan);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;font-weight:600;margin-bottom:22px;}
.se-hero .pill .dot{width:6px;height:6px;border-radius:9999px;background:var(--oz-cyan);box-shadow:0 0 0 3px var(--oz-cyan-soft);}
.se-hero h1{font-family:var(--oz-font-display);font-size:58px;line-height:1.04;letter-spacing:-0.024em;font-weight:500;color:var(--oz-bone);margin:0 0 22px;text-wrap:balance;}
.se-hero h1 em{font-style:italic;color:var(--oz-cyan);font-weight:500;}
.se-hero p.sub{font-size:18px;line-height:1.6;color:var(--oz-on-dark-2);max-width:560px;margin:0 0 30px;}
.se-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;}

/* Hero stage (the working visual) */
.stage{position:relative;min-height:560px;}
.stage-panel{background:rgba(10,22,40,0.55);backdrop-filter:blur(12px);border:1px solid var(--oz-on-dark-line-2);border-radius:18px;padding:18px;box-shadow:0 30px 70px rgba(0,0,0,0.4);}

/* query bar */
.q-bar{display:flex;align-items:center;gap:12px;background:var(--oz-midnight);border:1px solid var(--oz-on-dark-line-2);border-radius:12px;padding:14px 16px;}
.q-bar .q-ico{width:26px;height:26px;border-radius:9999px;background:var(--oz-cyan-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.q-bar .q-text{font-size:14px;line-height:1.45;color:var(--oz-on-dark-1);font-family:var(--oz-font-sans);min-height:1.45em;}
.q-bar .q-text .caret{display:inline-block;width:2px;height:1.05em;background:var(--oz-cyan);vertical-align:-0.18em;margin-left:1px;animation:se-caret 1s steps(2) infinite;}
@keyframes se-caret{0%,49%{opacity:1}50%,100%{opacity:0}}

/* criteria chips */
.q-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;min-height:30px;}
.q-chip{font-size:11.5px;font-weight:600;letter-spacing:-0.005em;color:var(--oz-cyan);background:var(--oz-cyan-soft);border:1px solid var(--oz-cyan-ring);padding:6px 11px;border-radius:9999px;opacity:0;transform:translateY(6px) scale(0.96);transition:opacity .4s var(--oz-ease), transform .4s var(--oz-ease);white-space:nowrap;}
.q-chip.show{opacity:1;transform:none;}

/* streams + graph + results row */
.stage-flow{display:grid;grid-template-columns:0.62fr 0.76fr 1fr;gap:12px;margin-top:14px;align-items:stretch;}

.streams{display:flex;flex-direction:column;gap:6px;}
.streams .sh, .results .rh, .graph .gh{font-family:var(--oz-font-mono);font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--oz-on-dark-3);font-weight:600;margin-bottom:3px;}
.stream{position:relative;display:flex;align-items:center;gap:7px;font-size:10.5px;color:var(--oz-on-dark-2);background:rgba(244,240,230,0.03);border:1px solid var(--oz-on-dark-line);border-radius:7px;padding:6px 9px;font-weight:500;letter-spacing:-0.003em;opacity:0;transform:translateX(-10px);transition:opacity .45s var(--oz-ease), transform .45s var(--oz-ease);}
.stream.show{opacity:1;transform:none;}
.stream::before{content:"";width:5px;height:5px;border-radius:9999px;background:var(--oz-cyan);flex-shrink:0;opacity:0.8;}

/* central evidence graph */
.graph{position:relative;border:1px solid var(--oz-on-dark-line);border-radius:12px;background:rgba(6,182,212,0.03);display:flex;align-items:center;justify-content:center;min-height:230px;overflow:hidden;}
.graph .gh{position:absolute;top:10px;left:12px;margin:0;}
.graph-core{position:relative;z-index:3;width:96px;height:96px;border-radius:9999px;background:radial-gradient(circle, rgba(6,182,212,0.22), rgba(10,22,40,0.9));border:1px solid var(--oz-cyan-ring);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;box-shadow:0 0 0 6px rgba(6,182,212,0.05);}
.graph-core .b{font-family:var(--oz-font-mono);font-size:7.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--oz-cyan);font-weight:600;}
.graph-core .t{font-family:var(--oz-font-display);font-size:12px;color:var(--oz-bone);line-height:1.1;font-weight:500;}
.graph-core .ping{position:absolute;inset:0;border-radius:9999px;border:1px solid var(--oz-cyan-ring);opacity:0;animation:se-ping 3s ease-out infinite;}
@keyframes se-ping{0%{transform:scale(1);opacity:0.7;}100%{transform:scale(1.7);opacity:0;}}
.graph-node{position:absolute;z-index:2;font-family:var(--oz-font-mono);font-size:8px;letter-spacing:0.04em;color:var(--oz-on-dark-2);background:rgba(10,22,40,0.85);border:1px solid var(--oz-on-dark-line-2);border-radius:9999px;padding:3px 7px;font-weight:600;opacity:0;transform:scale(0.7);transition:opacity .5s var(--oz-ease), transform .5s var(--oz-ease);}
.graph-node.show{opacity:1;transform:none;}
.graph svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.graph svg line{stroke:var(--oz-on-dark-line-2);stroke-width:1;}
.graph svg line.live{stroke:var(--oz-cyan);stroke-width:1.3;stroke-dasharray:3 5;animation:se-dash 1.2s linear infinite;opacity:0.8;}
@keyframes se-dash{to{stroke-dashoffset:-16;}}

/* ranked results */
.results{display:flex;flex-direction:column;gap:6px;}
.rcard{background:var(--oz-midnight);border:1px solid var(--oz-on-dark-line);border-radius:10px;padding:10px 12px;opacity:0;transform:translateY(10px);transition:opacity .45s var(--oz-ease), transform .45s var(--oz-ease), border-color .2s;}
.rcard.show{opacity:1;transform:none;}
.rcard .top{display:flex;justify-content:space-between;align-items:center;gap:8px;}
.rcard .nm{font-size:12px;color:var(--oz-bone);font-weight:600;letter-spacing:-0.01em;}
.rcard .sc{font-family:var(--oz-font-mono);font-size:12px;font-weight:600;color:#3FD27F;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:5px;}
.rcard .sc::before{content:"";width:6px;height:6px;border-radius:9999px;background:#2FBF6B;}
.rcard .meta{font-family:var(--oz-font-mono);font-size:9px;color:var(--oz-on-dark-3);margin-top:3px;letter-spacing:0.02em;}
.rcard.lead{border-color:var(--oz-cyan-ring);background:linear-gradient(180deg, rgba(6,182,212,0.08), rgba(10,22,40,0.9));}
.rcard .pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;}
.rcard .pills span{font-family:var(--oz-font-mono);font-size:8px;letter-spacing:0.04em;color:var(--oz-cyan);background:var(--oz-cyan-soft);padding:2px 6px;border-radius:9999px;}
.rcard .acts{display:flex;gap:5px;margin-top:9px;max-height:0;overflow:hidden;transition:max-height .4s var(--oz-ease);}
.rcard.lead.show .acts{max-height:40px;}
.rcard .acts button{font-family:var(--oz-font-sans);font-size:9.5px;font-weight:600;color:var(--oz-midnight);background:var(--oz-cyan);border:0;border-radius:9999px;padding:5px 9px;cursor:pointer;letter-spacing:-0.005em;}
.rcard .acts button.ghost{background:transparent;color:var(--oz-on-dark-1);border:1px solid var(--oz-on-dark-line-2);}

/* ════════════════════════════════════════════════════════
   2 · LEGACY vs ONE ZYME (sticky split transform)
   ════════════════════════════════════════════════════════ */
.xform{background:var(--oz-bone);}
.xform-head{text-align:center;max-width:780px;margin:0 auto;padding:64px 0 0;}
.xform-head .pill{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--oz-steel);border:1px solid var(--oz-mist-deep);border-radius:9999px;padding:5px 12px;font-size:10px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;margin-bottom:22px;}
.xform-head .pill .dot{width:5px;height:5px;border-radius:9999px;background:var(--oz-steel);}
.xform-head h2{font-family:var(--oz-font-display);font-size:52px;line-height:1.05;letter-spacing:-0.024em;font-weight:500;color:var(--oz-midnight);margin:0;text-wrap:balance;}
.xform-head h2 em{font-style:italic;color:var(--oz-steel);}

.xform-scroller{position:relative;height:240vh;}
.xform-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;}
.xform-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;}
.xform-col{border-radius:24px;padding:36px;min-height:62vh;position:relative;overflow:hidden;transition:opacity .5s var(--oz-ease), filter .5s var(--oz-ease), transform .5s var(--oz-ease);}
.xform-col h3{font-family:var(--oz-font-display);font-size:24px;font-weight:500;letter-spacing:-0.016em;margin:0 0 6px;}
.xform-col .lead{font-family:var(--oz-font-mono);font-size:10.5px;letter-spacing:0.10em;text-transform:uppercase;font-weight:600;margin-bottom:22px;}

/* legacy side */
.xform-col.legacy{background:#FBF9F3;border:1px solid var(--oz-bone-line);}
.xform-col.legacy h3{color:var(--oz-midnight);}
.xform-col.legacy .lead{color:var(--oz-fg-3);}
.xform-clutter{position:relative;height:160px;margin-bottom:20px;}
.xform-clutter .doc{position:absolute;background:#fff;border:1px solid var(--oz-bone-line);border-radius:8px;width:118px;height:84px;padding:9px;box-shadow:0 6px 16px rgba(10,22,40,0.08);opacity:0;transform:translateY(12px) rotate(var(--rot,0deg));transition:opacity .4s var(--oz-ease), transform .4s var(--oz-ease);}
.xform-clutter .doc .dt{font-family:var(--oz-font-mono);font-size:8px;color:var(--oz-fg-3);letter-spacing:0.06em;text-transform:uppercase;margin-bottom:6px;}
.xform-clutter .doc .dl{height:4px;background:var(--oz-bone-deep);border-radius:2px;margin-bottom:4px;}
.xform-clutter .doc .dl.w70{width:70%;}
.xform-clutter .doc.show{opacity:1;transform:rotate(var(--rot,0deg));}
.xform-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px;}
.xform-bullets li{font-size:14px;line-height:1.5;display:grid;grid-template-columns:16px 1fr;gap:11px;opacity:0;transform:translateX(-8px);transition:opacity .4s var(--oz-ease), transform .4s var(--oz-ease);}
.xform-bullets li.show{opacity:1;transform:none;}
.xform-col.legacy .xform-bullets li{color:var(--oz-fg-2);}
.xform-col.legacy .xform-bullets li::before{content:"–";color:var(--oz-fg-mute);font-weight:700;}

/* one zyme side */
.xform-col.oz{background:var(--oz-midnight);border:1px solid var(--oz-on-dark-line);color:var(--oz-on-dark-1);}
.xform-col.oz h3{color:var(--oz-bone);}
.xform-col.oz h3 em{font-style:italic;color:var(--oz-cyan);}
.xform-col.oz .lead{color:var(--oz-cyan);}
.xform-col.oz .xform-bullets li{color:var(--oz-on-dark-2);}
.xform-col.oz .xform-bullets li::before{content:"";width:14px;height:14px;margin-top:3px;border-radius:9999px;border:1px solid var(--oz-cyan-ring);background:radial-gradient(circle, var(--oz-cyan) 0 30%, transparent 34%);}
.xform-stack{position:relative;height:160px;margin-bottom:20px;}
.xform-stack .layer{position:absolute;left:0;right:0;background:rgba(244,240,230,0.03);border:1px solid var(--oz-on-dark-line);border-radius:9px;padding:9px 12px;display:flex;align-items:center;gap:9px;font-size:11px;color:var(--oz-on-dark-1);font-weight:500;opacity:0;transform:translateY(14px);transition:opacity .45s var(--oz-ease), transform .45s var(--oz-ease);}
.xform-stack .layer.show{opacity:1;transform:none;}
.xform-stack .layer .ic{width:8px;height:8px;border-radius:2px;background:var(--oz-cyan);flex-shrink:0;}
.xform-stack .layer .sc{margin-left:auto;font-family:var(--oz-font-mono);font-size:10px;color:#3FD27F;}

/* progress rail */
.xform-rail{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--oz-bone-line);transform:translateX(-50%);z-index:2;}
.xform-rail .fill{position:absolute;left:0;right:0;top:0;background:var(--oz-cyan);height:0%;}
.xform-rail .knob{position:absolute;left:50%;width:12px;height:12px;border-radius:9999px;background:var(--oz-cyan);transform:translate(-50%,-50%);top:0%;box-shadow:0 0 0 4px rgba(6,182,212,0.18);}

/* ════════════════════════════════════════════════════════
   3 · SCENARIO CARDS
   ════════════════════════════════════════════════════════ */
.scenarios{background:var(--oz-mist);}
.scn-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.scn{background:var(--oz-bone);border:1px solid var(--oz-mist-deep);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s var(--oz-ease), transform .25s var(--oz-ease);}
.scn:hover{border-color:var(--oz-midnight-15);transform:translateY(-3px);}
.scn-viz{position:relative;height:220px;background:var(--oz-midnight);overflow:hidden;border-bottom:1px solid var(--oz-mist-deep);}
.scn-body{padding:28px 30px 30px;}
.scn-body .k{font-family:var(--oz-font-mono);font-size:10.5px;letter-spacing:0.10em;text-transform:uppercase;color:var(--oz-cyan);font-weight:600;margin-bottom:10px;}
.scn-body h4{font-family:var(--oz-font-display);font-size:24px;font-weight:500;letter-spacing:-0.016em;color:var(--oz-midnight);margin:0 0 10px;line-height:1.18;text-wrap:balance;}
.scn-body p{font-size:14.5px;color:var(--oz-fg-2);line-height:1.55;margin:0 0 16px;}
.scn-outs{display:flex;flex-wrap:wrap;gap:6px;}
.scn-outs span{font-size:11.5px;color:var(--oz-steel);background:transparent;border:1px solid var(--oz-mist-deep);padding:5px 10px;border-radius:9999px;font-weight:500;}

/* map viz (card 1) */
.viz-map{position:absolute;inset:0;}
.viz-map .grid{position:absolute;inset:0;opacity:0.4;background-image:linear-gradient(var(--oz-on-dark-line) 1px, transparent 1px),linear-gradient(90deg, var(--oz-on-dark-line) 1px, transparent 1px);background-size:30px 30px;}
.viz-map .pin{position:absolute;width:9px;height:9px;border-radius:9999px;background:var(--oz-on-dark-line-2);transition:all .4s var(--oz-ease);}
.viz-map .pin.hot{background:var(--oz-cyan);box-shadow:0 0 0 4px var(--oz-cyan-soft);}
.viz-map .rgn{position:absolute;font-family:var(--oz-font-mono);font-size:8.5px;letter-spacing:0.08em;color:var(--oz-on-dark-3);text-transform:uppercase;font-weight:600;}
.scn:hover .viz-map .pin:not(.hot){opacity:0.25;}

/* funnel viz (card 2) */
.viz-funnel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:22px;}
.viz-funnel .tier{border:1px solid var(--oz-on-dark-line);background:rgba(244,240,230,0.03);border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:7px 12px;font-family:var(--oz-font-mono);font-size:10px;color:var(--oz-on-dark-2);transition:all .4s var(--oz-ease);}
.viz-funnel .tier .v{color:var(--oz-cyan);font-weight:600;}
.viz-funnel .tier.t1{width:100%;}
.viz-funnel .tier.t2{width:78%;}
.viz-funnel .tier.t3{width:54%;}
.viz-funnel .tier.t4{width:34%;border-color:var(--oz-cyan-ring);background:rgba(6,182,212,0.08);color:var(--oz-bone);}
.scn:hover .viz-funnel .t4{box-shadow:0 0 0 4px rgba(6,182,212,0.07);}

/* china nodes viz (card 3) */
.viz-cn{position:absolute;inset:0;}
.viz-cn svg{position:absolute;inset:0;width:100%;height:100%;}
.viz-cn svg line{stroke:var(--oz-on-dark-line-2);stroke-width:1;}
.viz-cn svg line.live{stroke:var(--oz-cyan);stroke-dasharray:3 5;animation:se-dash 1.3s linear infinite;}
.viz-cn .cnode{position:absolute;font-family:var(--oz-font-mono);font-size:8px;letter-spacing:0.03em;color:var(--oz-on-dark-2);background:rgba(10,22,40,0.85);border:1px solid var(--oz-on-dark-line-2);border-radius:9999px;padding:3px 7px;font-weight:600;}
.viz-cn .cnode.core{color:var(--oz-cyan);border-color:var(--oz-cyan-ring);background:rgba(6,182,212,0.08);}

/* report viz (card 4) */
.viz-report{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.viz-report .tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px;}
.viz-report .tabs span{font-family:var(--oz-font-mono);font-size:8px;letter-spacing:0.05em;text-transform:uppercase;color:var(--oz-on-dark-3);border:1px solid var(--oz-on-dark-line);border-radius:6px;padding:4px 7px;font-weight:600;transition:all .3s var(--oz-ease);}
.viz-report .tabs span.on{color:var(--oz-cyan);border-color:var(--oz-cyan-ring);background:rgba(6,182,212,0.08);}
.viz-report .sheet{flex:1;background:rgba(244,240,230,0.03);border:1px solid var(--oz-on-dark-line);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px;}
.viz-report .sheet .ln{height:6px;background:var(--oz-on-dark-line);border-radius:3px;}
.viz-report .sheet .ln.w80{width:80%;}.viz-report .sheet .ln.w60{width:60%;}.viz-report .sheet .ln.w90{width:90%;}
.viz-report .sheet .chips{display:flex;gap:4px;margin-top:auto;}
.viz-report .sheet .chips span{font-family:var(--oz-font-mono);font-size:7.5px;color:var(--oz-cyan);background:var(--oz-cyan-soft);padding:2px 6px;border-radius:9999px;letter-spacing:0.03em;}

/* ════════════════════════════════════════════════════════
   1b · KRISTINE YU QUOTE
   ════════════════════════════════════════════════════════ */
.se-kq{background:#F4F0E6;padding:72px 0 80px;border-top:1px solid var(--oz-mist-deep);border-bottom:1px solid var(--oz-mist-deep);}
.se-kq-inner{max-width:860px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:28px;}
.se-kq-mark{font-family:var(--oz-font-display);font-size:96px;line-height:0.6;color:var(--oz-cyan);opacity:0.6;user-select:none;}
.se-kq-body{margin:0;padding:0;border:none;}
.se-kq-body p{font-family:var(--oz-font-display);font-size:22px;line-height:1.55;color:var(--oz-midnight);font-weight:400;margin:0;letter-spacing:-0.01em;text-wrap:pretty;}
.se-kq-body em{font-style:italic;color:var(--oz-steel);font-weight:500;}
.se-kq-attr{display:flex;flex-direction:column;align-items:center;gap:5px;padding-top:20px;border-top:1px solid var(--oz-mist-deep);width:100%;}
.se-kq-name{font-size:15px;font-weight:600;color:var(--oz-midnight);letter-spacing:-0.005em;}
.se-kq-role{font-size:13px;color:var(--oz-fg-3);}

/* ════════════════════════════════════════════════════════
   4 · SIX-STEP PIPELINE (sticky)
   ════════════════════════════════════════════════════════ */
.pipe{background:var(--oz-midnight);color:var(--oz-on-dark-1);position:relative;overflow:hidden;}
.pipe::before{content:"";position:absolute;right:-280px;top:-220px;width:700px;height:700px;border-radius:9999px;border:1px solid var(--oz-on-dark-line);}
.pipe .container{position:relative;z-index:2;}
.pipe-head{max-width:720px;padding:64px 0 40px;}
.pipe-head .pill{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--oz-cyan);border:1px solid var(--oz-cyan-ring);border-radius:9999px;padding:5px 12px;font-size:10px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;margin-bottom:22px;}
.pipe-head .pill .dot{width:5px;height:5px;border-radius:9999px;background:var(--oz-cyan);}
.pipe-head h2{font-family:var(--oz-font-display);font-size:52px;line-height:1.04;letter-spacing:-0.024em;font-weight:500;color:var(--oz-bone);margin:0;text-wrap:balance;}
.pipe-head h2 em{font-style:italic;color:var(--oz-cyan);}

.pipe-scroller{position:relative;}
.pipe-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;align-items:start;}
.pipe-steps{display:flex;flex-direction:column;gap:14px;padding-bottom:120px;}
.pstep{border:1px solid var(--oz-on-dark-line);border-radius:16px;padding:22px 24px;transition:border-color .35s var(--oz-ease), background-color .35s var(--oz-ease), transform .35s var(--oz-ease);background:rgba(244,240,230,0.015);cursor:pointer;outline:none;}
.pstep:hover, .pstep:focus-visible, .pstep.active{border-color:var(--oz-cyan-ring);background:rgba(6,182,212,0.06);}
.pstep:focus-visible{box-shadow:0 0 0 2px rgba(6,182,212,0.3);}
.pstep .n{font-family:var(--oz-font-mono);font-size:11px;letter-spacing:0.10em;color:var(--oz-on-dark-3);font-weight:600;margin-bottom:8px;transition:color .35s var(--oz-ease);}
.pstep:nth-child(1) .n{color:#22C9DE;}
.pstep:nth-child(2) .n{color:#3E8BE6;}
.pstep:nth-child(3) .n{color:#9B85F0;}
.pstep:nth-child(4) .n{color:#E0529B;}
.pstep:nth-child(5) .n{color:#F08A3C;}
.pstep:nth-child(6) .n{color:#2FA98C;}
.pstep:hover .n, .pstep:focus-visible .n, .pstep.active .n{color:var(--oz-cyan);}
.pstep h4{font-family:var(--oz-font-display);font-size:23px;font-weight:500;letter-spacing:-0.016em;color:var(--oz-bone);margin:0 0 8px;line-height:1.18;}
.pstep p{font-size:14px;color:var(--oz-on-dark-2);line-height:1.55;margin:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s var(--oz-ease), opacity .4s var(--oz-ease), margin .4s var(--oz-ease);}
.pstep:hover p, .pstep:focus-visible p, .pstep.active p{max-height:200px;opacity:1;}

.pipe-viz-wrap{position:sticky;top:88px;height:520px;}
.pipe-dash{position:relative;height:100%;background:rgba(10,22,40,0.55);backdrop-filter:blur(12px);border:1px solid var(--oz-on-dark-line-2);border-radius:18px;padding:22px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,0.4);}
.pipe-frame{position:absolute;inset:22px;opacity:0;transform:translateY(14px);transition:opacity .5s var(--oz-ease), transform .5s var(--oz-ease);pointer-events:none;display:flex;flex-direction:column;}
.pipe-frame.show{opacity:1;transform:none;}
.pipe-frame .fh{display:flex;justify-content:space-between;align-items:center;font-family:var(--oz-font-mono);font-size:10px;letter-spacing:0.10em;text-transform:uppercase;color:var(--oz-on-dark-3);font-weight:600;padding-bottom:12px;border-bottom:1px solid var(--oz-on-dark-line);margin-bottom:14px;}
.pipe-frame .fh .tag{color:var(--oz-cyan);}

/* frame primitives */
.pf-chips{display:flex;flex-wrap:wrap;gap:7px;}
.pf-chips span{font-size:11px;font-weight:600;color:var(--oz-cyan);background:var(--oz-cyan-soft);border:1px solid var(--oz-cyan-ring);padding:6px 11px;border-radius:9999px;letter-spacing:-0.005em;}
.pf-q{font-family:var(--oz-font-display);font-size:16px;line-height:1.4;color:var(--oz-bone);margin-bottom:16px;}
.pf-streams{display:flex;flex-direction:column;gap:7px;}
.pf-row{display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--oz-on-dark-1);background:rgba(244,240,230,0.03);border:1px solid var(--oz-on-dark-line);border-radius:8px;padding:8px 11px;font-family:var(--oz-font-mono);letter-spacing:-0.01em;}
.pf-row .bar{margin-left:auto;width:64px;height:5px;border-radius:3px;background:var(--oz-on-dark-line);overflow:hidden;}
.pf-row .bar > i{display:block;height:100%;background:var(--oz-cyan);border-radius:3px;}
.pf-merge{display:flex;flex-direction:column;gap:8px;}
.pf-merge .mg{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;}
.pf-merge .ent{background:rgba(244,240,230,0.03);border:1px solid var(--oz-on-dark-line);border-radius:8px;padding:8px 10px;font-size:10.5px;color:var(--oz-on-dark-2);font-family:var(--oz-font-mono);}
.pf-merge .ent.res{border-color:var(--oz-cyan-ring);background:rgba(6,182,212,0.08);color:var(--oz-bone);}
.pf-merge .arr{color:var(--oz-cyan);font-family:var(--oz-font-mono);font-size:12px;}
.pf-rank{display:flex;flex-direction:column;gap:7px;}
.pf-rcard{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;background:var(--oz-midnight);border:1px solid var(--oz-on-dark-line);border-radius:9px;padding:9px 12px;}
.pf-rcard.lead{border-color:var(--oz-cyan-ring);background:rgba(6,182,212,0.07);}
.pf-rcard .rk{font-family:var(--oz-font-mono);font-size:12px;color:var(--oz-cyan);font-weight:600;}
.pf-rcard .nm{font-size:12px;color:var(--oz-bone);font-weight:600;}
.pf-rcard .meta{font-family:var(--oz-font-mono);font-size:9px;color:var(--oz-on-dark-3);margin-top:2px;}
.pf-rcard .sc{font-family:var(--oz-font-mono);font-size:13px;font-weight:600;color:#3FD27F;}
.pf-brief{display:flex;flex-direction:column;gap:8px;}
.pf-brief .ln{height:8px;border-radius:4px;background:var(--oz-on-dark-line);}
.pf-brief .ln.w90{width:90%;}.pf-brief .ln.w70{width:70%;}.pf-brief .ln.w80{width:80%;}
.pf-brief .src{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px;}
.pf-brief .src span{font-family:var(--oz-font-mono);font-size:8.5px;color:var(--oz-cyan);background:var(--oz-cyan-soft);padding:3px 7px;border-radius:9999px;letter-spacing:0.03em;}
.pf-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;}
.pf-acts button{font-family:var(--oz-font-sans);font-size:11px;font-weight:600;color:var(--oz-on-dark-1);background:rgba(244,240,230,0.04);border:1px solid var(--oz-on-dark-line-2);border-radius:9px;padding:10px;cursor:pointer;display:flex;align-items:center;gap:7px;letter-spacing:-0.005em;transition:all .2s var(--oz-ease);}
.pf-acts button .d{width:6px;height:6px;border-radius:9999px;background:var(--oz-cyan);}
.pf-acts button:hover{border-color:var(--oz-cyan-ring);background:rgba(6,182,212,0.07);}

/* ════════════════════════════════════════════════════════
   5 · EVIDENCE GRAPH IN MOTION (data foundation)
   ════════════════════════════════════════════════════════ */
.foundation{background:var(--oz-bone);}
.foundation .section-head{text-align:center;margin:0 auto 32px;}
.fgraph{position:relative;height:560px;border:1px solid var(--oz-bone-line);border-radius:24px;background:var(--oz-midnight);overflow:hidden;}
.fgraph::before{content:"";position:absolute;inset:0;opacity:0.5;background-image:linear-gradient(var(--oz-on-dark-line) 1px, transparent 1px),linear-gradient(90deg, var(--oz-on-dark-line) 1px, transparent 1px);background-size:48px 48px;-webkit-mask:radial-gradient(circle at 50% 50%, #000, transparent 78%);mask:radial-gradient(circle at 50% 50%, #000, transparent 78%);}
.fgraph .fgraph-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;}
.fgraph .fgraph-lines #fgraph-beam{stroke:rgba(6,182,212,0.9);stroke-width:2;stroke-dasharray:5 6;fill:none;opacity:0;transition:opacity .35s var(--oz-ease);animation:fbeam-dash 0.9s linear infinite;}
@keyframes fbeam-dash{to{stroke-dashoffset:-11;}}
.fgraph.beam-on .fgraph-lines #fgraph-beam{opacity:1;}

/* concentric ring scaffolding */
.fring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;z-index:3;}
.fring-inner{--r:130px;}
.fring-outer{--r:250px;animation:fring-rotate 28s linear infinite;}
@keyframes fring-rotate{from{transform:translate(-50%,-50%) rotate(0deg);}to{transform:translate(-50%,-50%) rotate(360deg);}}

/* faint orbit track ring, makes the rotation read visually */
.fring-outer::before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--r) * 2);height:calc(var(--r) * 2);transform:translate(-50%,-50%);border-radius:9999px;border:1px dashed var(--oz-on-dark-line-2);pointer-events:none;opacity:0.65;}

/* ring nodes: positioned by --ang on each child */
.fring .fnode{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--ang)) translateY(calc(var(--r) * -1)) rotate(calc(var(--ang) * -1));margin:0;}
/* counter-rotate outer ring children so text stays upright while their POSITIONS orbit */
.fring-outer .fnode{animation:fring-counter 28s linear infinite;}
@keyframes fring-counter{from{transform:translate(-50%,-50%) rotate(var(--ang)) translateY(calc(var(--r) * -1)) rotate(calc(var(--ang) * -1)) rotate(0deg);}to{transform:translate(-50%,-50%) rotate(var(--ang)) translateY(calc(var(--r) * -1)) rotate(calc(var(--ang) * -1)) rotate(-360deg);}}

/* highlight active source */
.fring-outer .fnode.lit{border-color:var(--oz-cyan);background:rgba(6,182,212,0.18);color:var(--oz-bone);box-shadow:0 0 0 1px var(--oz-cyan-ring), 0 0 22px rgba(6,182,212,0.35);}

@media (max-width:1000px){
  .fgraph{height:480px;}
  .fring-inner{--r:110px;}
  .fring-outer{--r:210px;}
}
@media (max-width:720px){
  .fring-inner{--r:90px;}
  .fring-outer{--r:170px;}
  .fring .fnode{font-size:10px;padding:5px 9px;}
}
@media (prefers-reduced-motion: reduce){
  .fring-outer, .fring-outer .fnode{animation:none;}
  .fgraph .fgraph-lines #fgraph-beam{animation:none;}
}
.fgraph::before{content:"";position:absolute;inset:0;opacity:0.5;background-image:linear-gradient(var(--oz-on-dark-line) 1px, transparent 1px),linear-gradient(90deg, var(--oz-on-dark-line) 1px, transparent 1px);background-size:42px 42px;-webkit-mask:radial-gradient(circle at 50% 50%, #000, transparent 72%);mask:radial-gradient(circle at 50% 50%, #000, transparent 72%);}
.fnode.output{color:var(--oz-cyan);border-color:var(--oz-cyan-ring);background:rgba(6,182,212,0.06);}
.fcore{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:110px;height:110px;border-radius:9999px;background:radial-gradient(circle, rgba(6,182,212,0.18), rgba(10,22,40,0.95));border:1px solid var(--oz-cyan-ring);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;box-shadow:0 0 0 10px rgba(6,182,212,0.04);}
.fcore .b{font-family:var(--oz-font-mono);font-size:8px;letter-spacing:0.12em;text-transform:uppercase;color:var(--oz-cyan);font-weight:600;}
.fcore .t{font-family:var(--oz-font-display);font-size:13px;color:var(--oz-bone);line-height:1.15;font-weight:500;padding:0 10px;}
.fcore .ping{position:absolute;inset:0;border-radius:9999px;border:1px solid var(--oz-cyan-ring);opacity:0;animation:se-ping 3.4s ease-out infinite;}
.fnode{position:absolute;z-index:2;font-size:11px;font-weight:500;letter-spacing:-0.005em;color:var(--oz-on-dark-1);background:rgba(10,22,40,0.82);border:1px solid var(--oz-on-dark-line-2);border-radius:9999px;padding:7px 13px;cursor:default;transition:all .25s var(--oz-ease);white-space:nowrap;}
.fnode.input:hover, .fnode.input.lit{border-color:var(--oz-cyan-ring);background:rgba(6,182,212,0.12);color:var(--oz-bone);}
.fnode.output{color:var(--oz-cyan);border-color:var(--oz-cyan-ring);background:rgba(6,182,212,0.06);}

/* ════════════════════════════════════════════════════════
   6 · CHINA VISIBILITY TOGGLE
   ════════════════════════════════════════════════════════ */
.china{background:var(--oz-mist);}
.china-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:48px;align-items:center;}
.china-copy h2{font-family:var(--oz-font-display);font-size:46px;line-height:1.06;letter-spacing:-0.022em;font-weight:500;color:var(--oz-midnight);margin:0 0 18px;text-wrap:balance;}
.china-copy h2 em{font-style:italic;color:var(--oz-steel);}
.china-copy p{font-size:17px;line-height:1.6;color:var(--oz-fg-2);margin:0 0 28px;}
.china-toggle{display:inline-flex;align-items:center;gap:13px;background:var(--oz-bone);border:1px solid var(--oz-mist-deep);border-radius:9999px;padding:9px 16px 9px 13px;cursor:pointer;user-select:none;}
.china-toggle .sw{width:44px;height:24px;border-radius:9999px;background:var(--oz-mist-deep);position:relative;transition:background .3s var(--oz-ease);flex-shrink:0;}
.china-toggle .sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:9999px;background:#fff;transition:transform .3s var(--oz-ease);box-shadow:0 1px 3px rgba(10,22,40,0.3);}
.china-toggle.on .sw{background:var(--oz-cyan);}
.china-toggle.on .sw::after{transform:translateX(20px);}
.china-toggle .lab{font-size:14px;font-weight:600;color:var(--oz-midnight);letter-spacing:-0.005em;}

.china-dash{background:var(--oz-midnight);border:1px solid var(--oz-on-dark-line);border-radius:22px;padding:24px;overflow:hidden;}
.china-dash .dh{display:flex;justify-content:space-between;align-items:center;font-family:var(--oz-font-mono);font-size:10px;letter-spacing:0.10em;text-transform:uppercase;color:var(--oz-on-dark-3);font-weight:600;padding-bottom:14px;border-bottom:1px solid var(--oz-on-dark-line);margin-bottom:14px;}
.china-dash .dh .layeron{color:var(--oz-cyan);opacity:0;transition:opacity .3s var(--oz-ease);}
.china-dash.on .dh .layeron{opacity:1;}
.china-list{display:flex;flex-direction:column;gap:8px;}
.casset{display:grid;grid-template-columns:26px 1fr auto;gap:11px;align-items:center;background:rgba(244,240,230,0.03);border:1px solid var(--oz-on-dark-line);border-radius:10px;padding:11px 13px;transition:all .3s var(--oz-ease);}
.casset .rk{font-family:var(--oz-font-mono);font-size:12px;color:var(--oz-on-dark-3);font-weight:600;}
.casset .nm{font-size:12.5px;color:var(--oz-bone);font-weight:600;letter-spacing:-0.01em;}
.casset .meta{font-family:var(--oz-font-mono);font-size:9.5px;color:var(--oz-on-dark-3);margin-top:2px;}
.casset .sc{font-family:var(--oz-font-mono);font-size:13px;color:#3FD27F;font-weight:600;}
.casset.cn{border-color:var(--oz-cyan-ring);background:rgba(6,182,212,0.07);opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin:0;border-width:0;overflow:hidden;transition:all .45s var(--oz-ease);}
.china-dash.on .casset.cn{opacity:1;max-height:64px;padding-top:11px;padding-bottom:11px;border-width:1px;}
.casset.cn .rk{color:var(--oz-cyan);}
.casset .flag{display:inline-block;font-family:var(--oz-font-mono);font-size:8px;letter-spacing:0.06em;color:var(--oz-cyan);border:1px solid var(--oz-cyan-ring);border-radius:4px;padding:1px 5px;margin-left:7px;vertical-align:middle;}

.china-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px;}
.ccard{background:var(--oz-bone);border:1px solid var(--oz-mist-deep);border-radius:16px;padding:22px;transition:border-color .25s var(--oz-ease);}
.ccard:hover{border-color:var(--oz-midnight-15);}
.ccard h5{font-family:var(--oz-font-display);font-size:18px;font-weight:500;letter-spacing:-0.012em;color:var(--oz-midnight);margin:0 0 8px;}
.ccard p{font-size:13px;color:var(--oz-fg-2);line-height:1.5;margin:0;}
.ccard .sig{margin-top:12px;font-family:var(--oz-font-mono);font-size:10px;color:var(--oz-steel);letter-spacing:0.04em;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s var(--oz-ease), opacity .3s var(--oz-ease);}
.ccard:hover .sig{max-height:40px;opacity:1;margin-top:12px;}

/* ════════════════════════════════════════════════════════
   6b · US / CN CLUSTER MAP
   ════════════════════════════════════════════════════════ */
.cmap-wrap{margin-top:72px;}
.cmap-h{font-family:var(--oz-font-display);font-size:34px;line-height:1.1;letter-spacing:-0.02em;font-weight:500;color:var(--oz-midnight);margin:0 0 8px;text-wrap:balance;}
.cmap-h em{font-style:italic;color:var(--oz-steel);font-weight:500;}
.cmap-sub{font-size:15px;line-height:1.55;color:var(--oz-fg-2);margin:0 0 28px;max-width:640px;}

.cmap{background:var(--oz-midnight);border:1px solid var(--oz-bone-line);border-radius:24px;overflow:hidden;color:var(--oz-on-dark-1);}
.cmap-signals{display:flex;flex-wrap:wrap;gap:6px;padding:18px 22px;border-bottom:1px solid var(--oz-on-dark-line);background:rgba(244,240,230,0.02);}
.cmap-sig{appearance:none;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:0.01em;color:var(--oz-on-dark-3);background:transparent;border:1px solid var(--oz-on-dark-line);border-radius:9999px;padding:7px 13px 7px 11px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .25s var(--oz-ease);}
.cmap-sig .d{width:7px;height:7px;border-radius:9999px;background:var(--oz-on-dark-line-2);transition:all .25s var(--oz-ease);}
.cmap-sig:hover{color:var(--oz-on-dark-1);border-color:var(--oz-on-dark-line-2);}
.cmap-sig.is-active{color:var(--oz-midnight);background:var(--oz-cyan);border-color:transparent;box-shadow:0 0 0 1px var(--oz-cyan-ring), 0 0 18px rgba(6,182,212,0.35);}
.cmap-sig.is-active .d{background:var(--oz-midnight);}

.cmap-stage{position:relative;height:540px;overflow:hidden;}
.cmap-grid{position:absolute;inset:0;opacity:0.5;background-image:linear-gradient(var(--oz-on-dark-line) 1px, transparent 1px),linear-gradient(90deg, var(--oz-on-dark-line) 1px, transparent 1px);background-size:60px 60px;-webkit-mask:radial-gradient(ellipse at 50% 55%, #000, transparent 75%);mask:radial-gradient(ellipse at 50% 55%, #000, transparent 75%);}
.cmap-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;}
.cmap-flow .cmap-line{stroke:rgba(6,182,212,0.85);stroke-width:1.4;stroke-dasharray:5 7;fill:none;animation:se-dash 1.4s linear infinite;}

.cmap-region{position:absolute;top:0;bottom:0;width:38%;z-index:3;}
.cmap-region.us{left:0;}
.cmap-region.cn{right:0;}
.cmap-region .rh{position:absolute;top:18px;display:flex;align-items:center;gap:10px;font-family:var(--oz-font-mono);font-size:10.5px;letter-spacing:0.10em;text-transform:uppercase;color:var(--oz-on-dark-2);font-weight:600;}
.cmap-region.us .rh{left:24px;}
.cmap-region.cn .rh{right:24px;flex-direction:row-reverse;}
.cmap-region .rh-tag{color:var(--oz-bone);}
.cmap-region .rh-tag::before{content:"";display:inline-block;width:8px;height:8px;border-radius:9999px;background:var(--oz-cyan);margin-right:8px;vertical-align:middle;box-shadow:0 0 0 3px var(--oz-cyan-soft);}
.cmap-region .rh-meta{color:var(--oz-on-dark-3);}

.cmap-city{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:2px;transition:opacity .35s var(--oz-ease);opacity:0.32;}
.cmap-region.cn .cmap-city{align-items:flex-end;}
.cmap-city.lit{opacity:1;}
.cmap-city .pin{width:14px;height:14px;border-radius:9999px;background:rgba(244,240,230,0.3);border:2px solid rgba(244,240,230,0.6);position:relative;transition:all .35s var(--oz-ease);}
.cmap-city.lit .pin{background:var(--oz-cyan);border-color:var(--oz-bone);box-shadow:0 0 0 4px var(--oz-cyan-soft), 0 0 22px rgba(6,182,212,0.5);}
.cmap-city.lit .pin::after{content:"";position:absolute;inset:-4px;border-radius:9999px;border:1px solid var(--oz-cyan);opacity:0;animation:cmap-ping 2.4s ease-out infinite;}
@keyframes cmap-ping{0%{transform:scale(1);opacity:0.7;}100%{transform:scale(2.4);opacity:0;}}
.cmap-city .lab{font-size:13px;font-weight:600;color:var(--oz-bone);letter-spacing:-0.005em;margin-top:6px;line-height:1.2;}
.cmap-city .hint{font-family:var(--oz-font-mono);font-size:9.5px;color:var(--oz-on-dark-3);letter-spacing:0.04em;}

.cmap-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(160deg, rgba(6,182,212,0.12), rgba(10,22,40,0.92));border:1px solid var(--oz-cyan-ring);border-radius:14px;padding:16px 22px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 0 0 6px rgba(6,182,212,0.05), 0 30px 60px rgba(0,0,0,0.4);min-width:220px;text-align:center;z-index:4;}
.cmap-core .ping{position:absolute;inset:0;border-radius:14px;border:1px solid var(--oz-cyan-ring);opacity:0;animation:cmap-ping 3s ease-out infinite;}
.cmap-core .b{font-family:var(--oz-font-mono);font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--oz-cyan);font-weight:600;}
.cmap-core .t{font-family:var(--oz-font-display);font-size:18px;font-weight:500;color:var(--oz-bone);letter-spacing:-0.012em;line-height:1.15;}
.cmap-core .now{margin-top:6px;font-family:var(--oz-font-mono);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--oz-on-dark-2);padding:3px 9px;border:1px solid var(--oz-on-dark-line);border-radius:9999px;font-weight:600;background:rgba(244,240,230,0.04);}

.cmap-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--oz-on-dark-line);background:rgba(244,240,230,0.02);}
.cstat{padding:18px 22px;border-right:1px solid var(--oz-on-dark-line);}
.cstat:last-child{border-right:0;}
.cstat .v{font-family:var(--oz-font-mono);font-size:24px;font-weight:500;color:var(--oz-bone);letter-spacing:-0.02em;line-height:1;font-variant-numeric:tabular-nums;display:block;}
.cstat .l{display:block;font-family:var(--oz-font-mono);font-size:10px;color:var(--oz-on-dark-3);letter-spacing:0.08em;text-transform:uppercase;margin-top:6px;font-weight:600;}

@media (max-width:1000px){
  .cmap-h{font-size:28px;}
  .cmap-stage{height:600px;}
  .cmap-region{width:46%;}
  .cmap-core{min-width:180px;}
  .cmap-region.cn .rh{right:14px;}
  .cmap-region.us .rh{left:14px;}
}
@media (max-width:720px){
  .cmap-city .hint{display:none;}
  .cmap-city .lab{font-size:12px;}
  .cmap-stats{grid-template-columns:1fr;}
  .cstat{border-right:0;border-bottom:1px solid var(--oz-on-dark-line);}
  .cstat:last-child{border-bottom:0;}
}
@media (prefers-reduced-motion: reduce){
  .cmap-city.lit .pin::after, .cmap-core .ping, .cmap-flow .cmap-line{animation:none;}
}

/* ════════════════════════════════════════════════════════
   7 · PROMPT WALL
   ════════════════════════════════════════════════════════ */
.prompts{background:var(--oz-bone);}
.pwall{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.pcard{position:relative;background:#FBF9F3;border:1px solid var(--oz-bone-line);border-radius:16px;padding:24px;min-height:150px;display:flex;flex-direction:column;cursor:default;overflow:hidden;transition:border-color .25s var(--oz-ease), transform .25s var(--oz-ease);}
.pcard:hover{border-color:var(--oz-midnight-15);transform:translateY(-2px);}
.pcard .qi{font-family:var(--oz-font-mono);font-size:10px;color:var(--oz-cyan);letter-spacing:0.10em;font-weight:600;margin-bottom:12px;}
.pcard .qt{font-family:var(--oz-font-display);font-size:18px;line-height:1.3;letter-spacing:-0.012em;color:var(--oz-midnight);font-weight:400;margin:0;text-wrap:pretty;}
.pcard .out{margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--oz-steel);opacity:0;transform:translateY(6px);transition:opacity .3s var(--oz-ease), transform .3s var(--oz-ease);}
.pcard:hover .out{opacity:1;transform:none;}
.pcard .out .arr{color:var(--oz-cyan);font-family:var(--oz-font-mono);}

/* ════════════════════════════════════════════════════════
   8 · OUTPUTS GALLERY
   ════════════════════════════════════════════════════════ */
.gallery{background:var(--oz-mist);}
.gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.gcard{background:var(--oz-bone);border:1px solid var(--oz-mist-deep);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s var(--oz-ease), transform .25s var(--oz-ease);}
.gcard:hover{border-color:var(--oz-midnight-15);transform:translateY(-3px);}
.gcard .gviz{height:180px;background:var(--oz-midnight);border-bottom:1px solid var(--oz-mist-deep);padding:18px;overflow:hidden;position:relative;}
.gcard .gbody{padding:22px 24px;}
.gcard .gbody h4{font-family:var(--oz-font-display);font-size:20px;font-weight:500;letter-spacing:-0.014em;color:var(--oz-midnight);margin:0 0 6px;}
.gcard .gbody p{font-size:13.5px;color:var(--oz-fg-2);line-height:1.5;margin:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s var(--oz-ease), opacity .3s var(--oz-ease);}
.gcard:hover .gbody p{max-height:80px;opacity:1;margin-top:8px;}
.gcard .gbody .who{font-family:var(--oz-font-mono);font-size:10px;color:var(--oz-steel);letter-spacing:0.06em;text-transform:uppercase;margin-top:10px;font-weight:600;}

/* gallery mini-viz primitives */
.gv-rows{display:flex;flex-direction:column;gap:6px;}
.gv-row{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;font-family:var(--oz-font-mono);font-size:9.5px;color:var(--oz-on-dark-2);background:rgba(244,240,230,0.03);border:1px solid var(--oz-on-dark-line);border-radius:7px;padding:6px 9px;}
.gv-row .rk{color:var(--oz-cyan);font-weight:600;}
.gv-row .sc{color:#3FD27F;}
.gv-row.lead{border-color:var(--oz-cyan-ring);background:rgba(6,182,212,0.07);}
.gv-lines{display:flex;flex-direction:column;gap:7px;}
.gv-lines .ln{height:7px;background:var(--oz-on-dark-line);border-radius:4px;}
.gv-lines .ln.w90{width:90%;}.gv-lines .ln.w70{width:70%;}.gv-lines .ln.w80{width:80%;}.gv-lines .ln.w50{width:50%;}
.gv-lines .src{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap;}
.gv-lines .src span{font-family:var(--oz-font-mono);font-size:8px;color:var(--oz-cyan);background:var(--oz-cyan-soft);padding:2px 6px;border-radius:9999px;}
.gv-tl{display:flex;flex-direction:column;gap:8px;padding-top:6px;}
.gv-tl .tr{display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:center;font-family:var(--oz-font-mono);font-size:9px;color:var(--oz-on-dark-3);}
.gv-tl .tr .bar{height:7px;border-radius:4px;background:var(--oz-on-dark-line);position:relative;overflow:hidden;}
.gv-tl .tr .bar > i{position:absolute;top:0;bottom:0;background:var(--oz-cyan);border-radius:4px;opacity:0.55;}
.gv-pat{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;}
.gv-pat .p{background:rgba(244,240,230,0.03);border:1px solid var(--oz-on-dark-line);border-radius:5px;height:30px;}
.gv-pat .p.hot{background:rgba(6,182,212,0.16);border-color:var(--oz-cyan-ring);}
.gv-map2{position:relative;height:100%;}
.gv-map2 .grid{position:absolute;inset:0;opacity:0.4;background-image:linear-gradient(var(--oz-on-dark-line) 1px, transparent 1px),linear-gradient(90deg, var(--oz-on-dark-line) 1px, transparent 1px);background-size:26px 26px;}
.gv-map2 .pin{position:absolute;width:8px;height:8px;border-radius:9999px;background:var(--oz-cyan);box-shadow:0 0 0 3px var(--oz-cyan-soft);}
.gv-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.gv-deck .sl{background:rgba(244,240,230,0.03);border:1px solid var(--oz-on-dark-line);border-radius:5px;padding:7px;display:flex;flex-direction:column;gap:4px;min-height:46px;}
.gv-deck .sl .t{font-family:var(--oz-font-mono);font-size:7px;color:var(--oz-cyan);letter-spacing:0.06em;}
.gv-deck .sl .l{height:3px;background:var(--oz-on-dark-line);border-radius:2px;}

/* ─── Responsive ─────────────────────────────────────────── */
@media (max-width: 1100px){
  .se-hero-grid{grid-template-columns:1fr;gap:40px;}
  .se-hero h1{font-size:44px;}
  .stage-flow{grid-template-columns:1fr;}
  .graph{min-height:260px;}
  .xform-scroller{height:auto;}
  .xform-sticky{position:static;height:auto;padding:40px 0;}
  .xform-split{grid-template-columns:1fr;gap:16px;}
  .xform-rail{display:none;}
  .scn-grid, .china-grid, .pipe-grid{grid-template-columns:1fr;gap:24px;}
  .pipe-viz-wrap{position:static;height:420px;margin-top:24px;}
  .pwall, .gal-grid, .china-cards{grid-template-columns:1fr;}
  .xform-head h2, .pipe-head h2{font-size:38px;}
  .china-copy h2{font-size:34px;}
}

@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  .q-chip,.stream,.graph-node,.rcard,.xform-clutter .doc,.xform-bullets li,.xform-stack .layer{opacity:1;transform:none;transition:none;}
  .graph-core .ping,.fcore .ping,.graph svg line.live,.viz-cn svg line.live,.fgraph svg path.live{animation:none;}
  .q-bar .q-text .caret{animation:none;}
}


/* ════════════════════════════════════════════════════════
   2b · COMPARE TABLE (No-More-Legacy style, scoped to S&E)
   ════════════════════════════════════════════════════════ */
.se-compare{background:#FBF9F3;border:1px solid var(--oz-bone-line);border-radius:24px;overflow:hidden;margin:0 auto;max-width:1100px;}
.se-compare-head{display:grid;grid-template-columns:1fr 1fr;background:var(--oz-midnight);}
.se-compare-head .col{padding:28px 36px;min-height:84px;font-size:15px;letter-spacing:0.14em;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:10px;}
.se-compare-head .col.legacy-col{color:var(--oz-bone);}
.se-compare-head .col.legacy-col::before{content:"";width:8px;height:8px;border-radius:9999px;background:var(--oz-on-dark-line-2);}
.se-compare-head .col.oz-col{color:var(--oz-cyan);border-left:1px solid var(--oz-on-dark-line);}
.se-compare-head .col.oz-col::before{content:"";width:8px;height:8px;border-radius:9999px;background:var(--oz-cyan);box-shadow:0 0 0 3px var(--oz-cyan-soft);}
.se-compare-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--oz-bone-line);}
.se-compare-row:last-child{border-bottom:0;}
.se-compare-row .cell{padding:22px 32px;font-size:15.5px;line-height:1.55;position:relative;}
.se-compare-row .cell.legacy-cell{color:var(--oz-fg-3);border-right:1px solid var(--oz-bone-line);padding-left:48px;}
.se-compare-row .cell.legacy-cell::after{content:"";position:absolute;left:24px;top:30px;width:6px;height:1px;background:var(--oz-fg-mute);}
.se-compare-row .cell.oz-cell{color:var(--oz-midnight);font-weight:500;padding-left:48px;}
.se-compare-row .cell.oz-cell::before{content:"\2192";position:absolute;left:24px;top:22px;color:var(--oz-cyan);font-family:var(--oz-font-mono);font-size:14px;font-weight:600;}
@media (max-width: 880px){
  .se-compare-head,.se-compare-row{grid-template-columns:1fr;}
  .se-compare-row .cell.legacy-cell{border-right:0;border-bottom:1px dashed var(--oz-bone-line);}
}

/* ════════════════════════════════════════════════════════
   3 · TPP STUDIO (replaces scenarios)
   ════════════════════════════════════════════════════════ */
.tppstudio{background:var(--oz-bone);}
.tpp-stage{display:grid;grid-template-columns:0.95fr 1.55fr;gap:18px;background:linear-gradient(180deg,#0F1E36 0%, var(--oz-midnight) 100%);border:1px solid var(--oz-on-dark-line);border-radius:24px;overflow:hidden;color:var(--oz-on-dark-1);position:relative;}
.tpp-stage::before{content:"";position:absolute;right:-180px;top:-180px;width:520px;height:520px;border-radius:9999px;border:1px solid var(--oz-on-dark-line);pointer-events:none;}

/* LEFT, template / context panel */
.tpp-left{position:relative;z-index:2;padding:32px 28px 28px;border-right:1px solid var(--oz-on-dark-line);display:flex;flex-direction:column;gap:18px;min-width:0;}
.tpp-left-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.tpp-left-head h3{font-family:var(--oz-font-display);font-size:18px;font-weight:500;letter-spacing:-0.012em;color:var(--oz-bone);margin:0;}
.tpp-left-head .tag{font-family:var(--oz-font-mono);font-size:10px;letter-spacing:0.10em;text-transform:uppercase;color:var(--oz-cyan);font-weight:600;}
.tpp-template{display:flex;flex-direction:column;gap:7px;background:rgba(244,240,230,0.025);border:1px solid var(--oz-on-dark-line);border-radius:14px;padding:14px;}
.tpp-template h5{font-family:var(--oz-font-mono);font-size:10px;letter-spacing:0.10em;text-transform:uppercase;color:var(--oz-on-dark-3);font-weight:600;margin:0 0 4px;display:flex;align-items:center;justify-content:space-between;gap:8px;}
.tpp-template h5 .ix{color:var(--oz-cyan);}
.tpp-trow{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:9px;background:rgba(244,240,230,0.02);border:1px solid var(--oz-on-dark-line);font-size:12.5px;color:var(--oz-on-dark-2);transition:background .25s var(--oz-ease), border-color .25s var(--oz-ease), color .25s var(--oz-ease);}
.tpp-trow .dot{width:8px;height:8px;border-radius:9999px;background:var(--oz-on-dark-line-2);}
.tpp-trow .lbl{letter-spacing:-0.005em;}
.tpp-trow .st{font-family:var(--oz-font-mono);font-size:9px;letter-spacing:0.10em;text-transform:uppercase;color:var(--oz-on-dark-3);font-weight:600;}
.tpp-trow.is-active{background:rgba(6,182,212,0.10);border-color:var(--oz-cyan-ring);color:var(--oz-bone);}
.tpp-trow.is-active .dot{background:var(--oz-cyan);box-shadow:0 0 0 3px var(--oz-cyan-soft);}
.tpp-trow.is-active .st{color:var(--oz-cyan);}
.tpp-trow.is-done .dot{background:var(--oz-cyan);}
.tpp-trow.is-done .st{color:var(--oz-cyan);}
.tpp-trow.is-done .st::before{content:"\2713 ";letter-spacing:0;}

/* asset chip + sources */
.tpp-asset{display:flex;flex-direction:column;gap:8px;background:rgba(244,240,230,0.03);border:1px solid var(--oz-on-dark-line);border-radius:14px;padding:14px;}
.tpp-asset .top{display:flex;align-items:center;gap:12px;}
.tpp-asset .ico{width:34px;height:34px;border-radius:8px;background:var(--oz-cyan-soft);color:var(--oz-cyan);display:flex;align-items:center;justify-content:center;font-family:var(--oz-font-mono);font-size:11px;font-weight:600;flex-shrink:0;}
.tpp-asset .nm{font-size:13.5px;color:var(--oz-bone);font-weight:600;letter-spacing:-0.005em;}
.tpp-asset .sub{font-family:var(--oz-font-mono);font-size:10.5px;color:var(--oz-on-dark-3);margin-top:2px;letter-spacing:0.04em;}
.tpp-asset .sources{display:flex;flex-wrap:wrap;gap:5px;}
.tpp-asset .src{font-family:var(--oz-font-mono);font-size:9.5px;letter-spacing:0.04em;color:var(--oz-cyan);background:var(--oz-cyan-soft);padding:3px 8px;border-radius:9999px;}

.tpp-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:auto;}
.tpp-stat{background:rgba(244,240,230,0.025);border:1px solid var(--oz-on-dark-line);border-radius:10px;padding:10px 12px;}
.tpp-stat .v{font-family:var(--oz-font-mono);font-size:18px;color:var(--oz-cyan);font-weight:500;letter-spacing:-0.01em;font-variant-numeric:tabular-nums;line-height:1;}
.tpp-stat .l{font-family:var(--oz-font-mono);font-size:9px;letter-spacing:0.08em;text-transform:uppercase;color:var(--oz-on-dark-3);font-weight:600;margin-top:5px;}

/* RIGHT, live writing panel */
.tpp-right{position:relative;z-index:2;padding:32px 32px 28px;display:flex;flex-direction:column;gap:14px;min-width:0;}
.tpp-doc-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--oz-on-dark-line);}
.tpp-doc-bar .name{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--oz-on-dark-2);font-weight:500;}
.tpp-doc-bar .name .file{width:24px;height:24px;border-radius:6px;background:var(--oz-cyan-soft);color:var(--oz-cyan);display:flex;align-items:center;justify-content:center;font-family:var(--oz-font-mono);font-size:9px;font-weight:600;}
.tpp-doc-bar .name strong{color:var(--oz-bone);font-weight:600;}
.tpp-doc-bar .status{display:flex;align-items:center;gap:7px;font-family:var(--oz-font-mono);font-size:10px;letter-spacing:0.10em;text-transform:uppercase;color:var(--oz-cyan);font-weight:600;}
.tpp-doc-bar .status .dot{width:6px;height:6px;border-radius:9999px;background:var(--oz-cyan);box-shadow:0 0 0 3px var(--oz-cyan-soft);animation:tpp-pulse 2s ease-in-out infinite;}
@keyframes tpp-pulse{0%,100%{box-shadow:0 0 0 3px var(--oz-cyan-soft);}50%{box-shadow:0 0 0 6px rgba(6,182,212,0.04);}}

.tpp-doc{display:flex;flex-direction:column;gap:18px;flex:1;overflow:hidden;}
.tpp-field{display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(8px);transition:opacity .45s var(--oz-ease), transform .45s var(--oz-ease);}
.tpp-field.is-revealed{opacity:1;transform:none;}
.tpp-field .lbl{font-family:var(--oz-font-mono);font-size:10px;letter-spacing:0.10em;text-transform:uppercase;color:var(--oz-cyan);font-weight:600;display:flex;align-items:center;gap:8px;}
.tpp-field .lbl .ix{color:var(--oz-on-dark-3);}
.tpp-field .val{font-family:var(--oz-font-display);font-size:18px;line-height:1.4;color:var(--oz-bone);font-weight:400;letter-spacing:-0.005em;min-height:1.4em;}
.tpp-field .val .cite{font-family:var(--oz-font-mono);font-size:10px;color:var(--oz-cyan);background:var(--oz-cyan-soft);padding:2px 7px;border-radius:9999px;letter-spacing:0.04em;margin-left:8px;vertical-align:1px;white-space:nowrap;}
.tpp-field .meta{font-family:var(--oz-font-mono);font-size:11px;color:var(--oz-on-dark-3);letter-spacing:0.02em;}
.tpp-field.is-writing .val::after{content:"\258C";color:var(--oz-cyan);margin-left:1px;animation:tpp-caret 1.1s steps(2) infinite;display:inline-block;font-family:var(--oz-font-mono);}
@keyframes tpp-caret{50%{opacity:0;}}

.tpp-doc-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--oz-on-dark-line);display:flex;align-items:center;justify-content:space-between;gap:14px;}
.tpp-doc-foot .left{font-family:var(--oz-font-mono);font-size:10.5px;color:var(--oz-on-dark-3);letter-spacing:0.08em;text-transform:uppercase;font-weight:600;}
.tpp-doc-foot .left em{font-style:normal;color:var(--oz-cyan);}
.tpp-doc-foot .acts{display:flex;gap:7px;}
.tpp-doc-foot .acts button{font-family:var(--oz-font-sans);font-size:11.5px;font-weight:600;color:var(--oz-midnight);background:var(--oz-cyan);border:0;padding:8px 12px;border-radius:8px;cursor:pointer;letter-spacing:-0.005em;}
.tpp-doc-foot .acts button.ghost{background:rgba(244,240,230,0.04);color:var(--oz-on-dark-2);border:1px solid var(--oz-on-dark-line);}

/* below-stage value props */
.tpp-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;}
.tpp-foot .vp{background:#FBF9F3;border:1px solid var(--oz-bone-line);border-radius:18px;padding:24px 24px 22px;display:flex;flex-direction:column;gap:10px;}
.tpp-foot .vp .n{font-family:var(--oz-font-mono);font-size:10.5px;letter-spacing:0.10em;color:var(--oz-cyan);font-weight:600;}
.tpp-foot .vp h4{font-family:var(--oz-font-display);font-size:21px;letter-spacing:-0.014em;font-weight:500;color:var(--oz-midnight);margin:0;line-height:1.22;text-wrap:balance;}
.tpp-foot .vp p{font-size:14px;color:var(--oz-fg-2);line-height:1.55;margin:0;}

@media (max-width: 1100px){
  .tpp-stage{grid-template-columns:1fr;}
  .tpp-left{border-right:0;border-bottom:1px solid var(--oz-on-dark-line);}
  .tpp-stats{grid-template-columns:repeat(3,1fr);}
  .tpp-foot{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion: reduce){
  .tpp-doc-bar .status .dot{animation:none;}
  .tpp-field{opacity:1;transform:none;transition:none;}
  .tpp-field.is-writing .val::after{animation:none;}
}


/* ════════════════════════════════════════════════════════
   1b · SIGNAL UNIVERSE (hero canvas)
   ════════════════════════════════════════════════════════ */
.universe{
  position:relative;
  margin-top:14px;
  height:420px;
  border-radius:14px;
  border:1px solid var(--oz-on-dark-line);
  overflow:hidden;
  background:
    radial-gradient(ellipse 60% 50% at 30% 35%, rgba(6,182,212,0.10), transparent 60%),
    radial-gradient(ellipse 70% 60% at 80% 70%, rgba(42,74,107,0.40), transparent 65%),
    linear-gradient(180deg, #0E1D33 0%, var(--oz-midnight) 100%);
}
.uni-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;display:block;}

/* source labels */
.uni-srcs{position:absolute;inset:0;z-index:2;pointer-events:none;}
.uni-src{
  position:absolute;
  transform:translate(-50%,-50%);
  font-family:var(--oz-font-mono);
  font-size:9.5px;
  letter-spacing:0.04em;
  color:var(--oz-on-dark-2);
  background:rgba(10,22,40,0.55);
  border:1px solid var(--oz-on-dark-line-2);
  padding:3px 7px;
  border-radius:9999px;
  opacity:0;
  transition:opacity 1s var(--oz-ease);
  white-space:nowrap;
  animation:uni-drift 10s ease-in-out infinite;
}
.universe.in .uni-src{opacity:0.85;}
.universe.is-resolved .uni-src{opacity:0.18;}
.uni-src:nth-child(2n){animation-duration:11s;animation-delay:-3s;animation-direction:reverse;}
.uni-src:nth-child(3n){animation-duration:13s;animation-delay:-6s;}
.uni-src:nth-child(5n){animation-duration:9s;animation-delay:-1s;}
@keyframes uni-drift{
  0%,100%{transform:translate(-50%,-50%);}
  50%{transform:translate(calc(-50% + 5px), calc(-50% - 3px));}
}

/* phase flow (bottom-center overlay) */
.uni-flow{
  position:absolute;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  z-index:5;
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 16px;
  background:rgba(10,22,40,0.78);
  border:1px solid var(--oz-on-dark-line);
  border-radius:9999px;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  font-family:var(--oz-font-mono);
  letter-spacing:0.06em;
  white-space:nowrap;
}
.uf-step{display:flex;align-items:baseline;gap:6px;color:var(--oz-on-dark-3);transition:color .35s var(--oz-ease), opacity .45s var(--oz-ease), transform .45s var(--oz-ease), max-width .45s var(--oz-ease);}
.uf-step[data-step="priority"], .uf-step[data-step="ranked"]{opacity:0;transform:translateX(-6px);max-width:0;overflow:hidden;}
.uf-step.is-revealed{opacity:1;transform:none;max-width:300px;}
.uf-step.is-active{color:var(--oz-cyan);}
.uf-arrow{opacity:0;max-width:0;overflow:hidden;}
.uf-arrow.is-revealed{opacity:0.4;max-width:24px;}
.uf-arrow.is-on{opacity:1;}
.uf-step .uf-v{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-0.005em;color:var(--oz-on-dark-2);transition:color .35s var(--oz-ease);}
.uf-step.is-active .uf-v{color:var(--oz-bone);}
.uf-step .uf-l{font-size:10px;text-transform:uppercase;font-weight:600;}
.uf-arrow{
  font-size:13px;
  color:var(--oz-on-dark-line-2);
  font-weight:600;
  transition:color .35s var(--oz-ease), transform .35s var(--oz-ease), opacity .45s var(--oz-ease), max-width .45s var(--oz-ease);
}
.uf-arrow.is-on{color:var(--oz-cyan);transform:translateX(2px);}

@media (max-width: 720px){
  .uni-flow{gap:6px;padding:7px 12px;}
  .uf-step .uf-v{font-size:12px;}
  .uf-step .uf-l{font-size:9px;}
}
@media (prefers-reduced-motion: reduce){
  .uf-arrow{transition:none;}
}

/* ranked card list, hidden until resolution */
.uni-results{
  position:absolute;
  right:16px;
  top:46%;
  transform:translateY(-50%);
  z-index:4;
  display:flex;
  flex-direction:column;
  gap:7px;
  pointer-events:none;
  max-width:64%;
}
.uni-card{
  display:grid;
  grid-template-columns:24px 1fr auto;
  gap:10px;
  align-items:center;
  width:240px;
  padding:9px 12px 9px 10px;
  background:rgba(10,22,40,0.85);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  border:1px solid var(--oz-cyan-ring);
  border-radius:10px;
  color:var(--oz-on-dark-1);
  opacity:0;
  transform:translateX(20px) scale(0.94);
  transition:opacity .55s var(--oz-ease), transform .55s var(--oz-ease);
  box-shadow:0 10px 28px rgba(0,0,0,0.4);
}
.uni-card.show{opacity:1;transform:translateX(0) scale(1);}
.uni-card .rk{
  width:24px;height:24px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(6,182,212,0.16);color:var(--oz-cyan);
  font-family:var(--oz-font-mono);font-size:11px;font-weight:600;
  letter-spacing:0;
}
.uni-card .body{min-width:0;}
.uni-card .nm{font-size:12.5px;color:var(--oz-bone);font-weight:600;letter-spacing:-0.005em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.uni-card .tag{font-family:var(--oz-font-mono);font-size:9.5px;color:var(--oz-on-dark-3);margin-top:2px;letter-spacing:0.02em;}
.uni-card .sc{font-family:var(--oz-font-mono);font-size:13px;color:var(--oz-cyan);font-weight:500;font-variant-numeric:tabular-nums;}

@media (max-width: 1180px){
  .universe{height:380px;}
  .uni-card{width:220px;}
  .uni-card .nm{font-size:11.5px;}
}
@media (max-width: 720px){
  .universe{height:360px;}
  .uni-results{right:8px;}
  .uni-card{width:200px;}
  .uni-src{font-size:8.5px;padding:2px 6px;}
}
@media (prefers-reduced-motion: reduce){
  .uni-src{animation:none;opacity:0.7;}
  .uni-card{transition:none;opacity:1;transform:none;}
}


/* ════════ Split workflow · Before / With One Zyme ════════ */
.split-flow{
  background:
    radial-gradient(900px 480px at 20% 0%,  rgba(6,182,212,0.10),  transparent 60%),
    radial-gradient(800px 420px at 90% 100%, rgba(232,163,61,0.05), transparent 55%),
    linear-gradient(180deg, #0A1628 0%, #0F1B30 100%);
  color:var(--oz-bone);
}
.split-flow .section-head h2{color:var(--oz-bone);}
.split-flow .section-head h2 em{color:var(--oz-cyan);font-style:italic;}
.split-flow .section-head p{color:var(--oz-on-dark-2);font-size:17px;line-height:1.55;max-width:680px;margin:14px 0 0;}
.split-flow .section-head .pill{color:var(--oz-cyan);border:1px solid var(--oz-cyan-ring);background:transparent;}
.split-flow .section-head .pill .dot{background:var(--oz-cyan);}

.sf-stage{display:flex;flex-direction:column;gap:24px;margin-top:48px;}

.sf-row{
  border:1px solid var(--oz-on-dark-line);
  border-radius:24px;
  padding:28px 28px 32px;
  position:relative;
  overflow:hidden;
}
.sf-row--oz{
  background:
    radial-gradient(80% 90% at 50% 0%, rgba(6,182,212,0.06), transparent 70%),
    rgba(244,240,230,0.02);
}
.sf-row--legacy{background:rgba(244,240,230,0.012);}

.sf-row-head{display:flex;align-items:baseline;gap:18px;margin-bottom:22px;flex-wrap:wrap;}
.sf-row-tag{
  font-family:var(--oz-font-display);font-size:22px;font-weight:500;
  letter-spacing:-0.015em;color:var(--oz-bone);
  display:inline-flex;align-items:center;gap:10px;
}
.sf-row-tag::before{
  content:"";width:8px;height:8px;border-radius:9999px;
  background:var(--oz-on-dark-line-2);
}
.sf-row--oz .sf-row-tag::before{background:var(--oz-cyan);box-shadow:0 0 0 4px var(--oz-cyan-soft);}
.sf-row-meta{font-family:var(--oz-font-mono);font-size:10.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--oz-on-dark-3);font-weight:600;}
.sf-row--oz .sf-row-meta{color:var(--oz-cyan);}
.sf-row-result{margin-left:auto;font-family:var(--oz-font-mono);font-size:11px;color:var(--oz-on-dark-3);letter-spacing:0.06em;text-transform:uppercase;font-weight:600;}

/* TOP row, clean horizontal workflow */
.sf-track--oz{
  display:grid;grid-template-columns:repeat(5,1fr);gap:14px;
  position:relative;
}
.sf-track--oz::before{
  content:"";position:absolute;left:6%;right:6%;top:50%;
  height:1px;background:linear-gradient(90deg, transparent, var(--oz-on-dark-line-2), transparent);
  z-index:0;
}
.sf-card--oz{
  background:linear-gradient(170deg, rgba(6,182,212,0.07), rgba(244,240,230,0.02));
  border:1px solid var(--oz-cyan-ring);
  border-radius:14px;
  padding:16px;
  display:flex;flex-direction:column;gap:8px;
  min-height:208px;
  box-shadow:0 18px 36px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.06);
  position:relative;z-index:1;
  opacity:0;transform:translateY(-46px) scale(0.92);
}
.sf-stage.in .sf-card--oz{animation:sf-snap 0.7s cubic-bezier(0.22,1.5,0.36,1) forwards;}
.sf-stage.in .sf-card--oz:nth-child(1){animation-delay:0.2s;}
.sf-stage.in .sf-card--oz:nth-child(2){animation-delay:0.6s;}
.sf-stage.in .sf-card--oz:nth-child(3){animation-delay:1.0s;}
.sf-stage.in .sf-card--oz:nth-child(4){animation-delay:1.4s;}
.sf-stage.in .sf-card--oz:nth-child(5){animation-delay:1.8s;}
@keyframes sf-snap{
  0%  {opacity:0;transform:translateY(-46px) scale(0.92);}
  62% {opacity:1;transform:translateY(6px) scale(1.02);}
  100%{opacity:1;transform:translateY(0) scale(1);}
}

.sf-card--oz .sf-card-top{display:flex;justify-content:space-between;align-items:center;}
.sf-card--oz .sf-step{font-family:var(--oz-font-mono);font-size:9.5px;letter-spacing:0.14em;color:var(--oz-cyan);font-weight:700;}
.sf-card--oz .sf-icon{
  width:28px;height:28px;border-radius:8px;
  background:rgba(6,182,212,0.12);
  display:flex;align-items:center;justify-content:center;
  color:var(--oz-cyan);
}
.sf-card--oz h4{font-family:var(--oz-font-display);font-size:16px;font-weight:500;letter-spacing:-0.005em;line-height:1.18;color:var(--oz-bone);margin:0;text-wrap:balance;}
.sf-card--oz .sf-sub{font-size:11.5px;color:var(--oz-on-dark-3);line-height:1.42;margin:0;}
.sf-card--oz .sf-viz{margin-top:auto;padding-top:10px;border-top:1px solid var(--oz-on-dark-line);display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.sf-card--oz .sf-tag{font-family:var(--oz-font-mono);font-size:9px;letter-spacing:0.04em;color:var(--oz-cyan);background:rgba(6,182,212,0.08);border:1px solid var(--oz-cyan-ring);padding:3px 7px;border-radius:9999px;font-weight:600;}

/* BOTTOM row, messy notes */
.sf-track--messy{
  display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-start;
  padding-top:4px;min-height:180px;
}
.sf-note{
  background:rgba(244,240,230,0.05);
  border:1px solid var(--oz-on-dark-line);
  border-radius:6px;
  padding:9px 12px;
  font-size:11.5px;color:var(--oz-on-dark-2);
  font-family:var(--oz-font-mono);line-height:1.4;
  max-width:220px;
  box-shadow:0 6px 14px rgba(0,0,0,0.25);
  opacity:0;
  transform:translateY(-30px) rotate(var(--rot,0deg));
}
.sf-note .sf-note-tag{display:block;font-size:8.5px;letter-spacing:0.10em;text-transform:uppercase;color:var(--oz-on-dark-3);font-weight:700;margin-bottom:4px;}
.sf-stage.in .sf-note{animation:sf-fall 0.55s ease-out forwards;}
/* 11 notes spanning ~10s, much slower than OZ row */
.sf-stage.in .sf-note:nth-child(1) {animation-delay:0.30s;}
.sf-stage.in .sf-note:nth-child(2) {animation-delay:0.90s;}
.sf-stage.in .sf-note:nth-child(3) {animation-delay:1.50s;}
.sf-stage.in .sf-note:nth-child(4) {animation-delay:2.20s;}
.sf-stage.in .sf-note:nth-child(5) {animation-delay:3.00s;}
.sf-stage.in .sf-note:nth-child(6) {animation-delay:3.90s;}
.sf-stage.in .sf-note:nth-child(7) {animation-delay:4.80s;}
.sf-stage.in .sf-note:nth-child(8) {animation-delay:5.80s;}
.sf-stage.in .sf-note:nth-child(9) {animation-delay:6.90s;}
.sf-stage.in .sf-note:nth-child(10){animation-delay:8.00s;}
.sf-stage.in .sf-note:nth-child(11){animation-delay:9.10s;}
@keyframes sf-fall{
  0%  {opacity:0;transform:translateY(-30px) rotate(var(--rot,0deg)) scale(0.96);}
  72% {opacity:1;transform:translateY(4px) rotate(var(--rot,0deg)) scale(1.02);}
  100%{opacity:1;transform:translateY(0) rotate(var(--rot,0deg)) scale(1);}
}
/* note variants, fragmented surface vocabulary */
.sf-note.s-paper{background:#F1ECDD;color:#3D4654;border-color:rgba(10,22,40,0.15);font-family:var(--oz-font-sans);box-shadow:0 8px 14px rgba(0,0,0,0.35);}
.sf-note.s-paper .sf-note-tag{color:var(--oz-ink-3);}
.sf-note.s-spread{background:linear-gradient(180deg, rgba(244,240,230,0.08), rgba(244,240,230,0.02));}
.sf-note.s-tab{background:rgba(232,163,61,0.10);border-color:rgba(232,163,61,0.30);color:#E8C58A;}
.sf-note.s-tab .sf-note-tag{color:#E8A33D;}
.sf-note.s-warn{background:rgba(233,107,89,0.10);border-color:rgba(233,107,89,0.30);color:#F2B5A8;}
.sf-note.s-warn .sf-note-tag{color:#E96B59;}
.sf-note.s-mail{background:rgba(47,191,107,0.07);border-color:rgba(47,191,107,0.25);color:#9DD7B4;}
.sf-note.s-mail .sf-note-tag{color:#2FBF6B;}
.sf-note.s-screenshot{background:rgba(244,240,230,0.04);border:1px dashed var(--oz-on-dark-line-2);}

@media (max-width:1100px){
  .sf-track--oz{grid-template-columns:repeat(3,1fr);}
  .sf-card--oz:nth-child(4),
  .sf-card--oz:nth-child(5){min-height:180px;}
}
@media (max-width:720px){
  .sf-track--oz{grid-template-columns:repeat(2,1fr);gap:10px;}
  .sf-card--oz{min-height:180px;padding:14px;}
  .sf-note{max-width:none;flex:1 1 100%;}
}
@media (prefers-reduced-motion: reduce){
  .sf-card--oz,.sf-note{
    opacity:1 !important;
    transform:translateY(0) rotate(var(--rot,0deg)) scale(1) !important;
    animation:none !important;
  }
}