:root{
  --bg:#050b13;
  --ink:#eef3fc;
  --dim:rgba(176,196,228,.85);
  --faint:rgba(176,196,228,.55);
  --gold:#7ea6ff;
  --cream:#dce9ff;
  --blue:#8db4ff;
  --mint:#4fd8b8;
  --line:rgba(158,178,212,.16);
  --ease:cubic-bezier(.25,1,.5,1);
  --serif:'Space Grotesk',-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;
  --sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  font-weight:300;
  letter-spacing:.02em;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
button{font:inherit}

/* Mobile legibility: keep the display hierarchy, strengthen key reading text. */
.stage-copy,
.control-hint,
.chip,
.pain-cap,
.pain-verb,
.paradigm-chip,
.wx-bubble,
.bs-step,
.story-next,
.demo-next,
.proof-cell .num-label,
.proof-path span,
.agenda .row .v,
.cta{font-weight:400}

.bgfx{position:fixed;inset:0;z-index:-2;background:url('../bg.jpg') center/cover no-repeat}
.bgfx::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,17,32,.82),rgba(8,17,32,.66) 40%,rgba(8,17,32,.88))}
.bgfx::before{content:'';position:absolute;inset:0;background:radial-gradient(120% 60% at 70% 0%,rgba(143,184,221,.10),transparent 60%)}
::selection{background:rgba(126,166,255,.35)}

.wrap{max-width:480px;margin:0 auto;position:relative}
.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;pointer-events:none}
.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--mint));transition:width .15s linear}

.micro{font-size:12px;letter-spacing:.24em;color:var(--faint);font-weight:400}
.kicker{font-family:var(--serif);font-size:11px;letter-spacing:.42em;color:var(--mint)}
.kicker b{color:var(--faint);font-weight:400}
.section-kicker{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:16px;font-weight:500;letter-spacing:.12em;text-transform:none;white-space:nowrap}
.section-kicker b{font-family:var(--serif);font-size:11px;font-weight:400;letter-spacing:.12em}
.hairline{width:52px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}

.screen{
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:88px 28px;
  position:relative;
}

.rv{
  opacity:0;
  transform:translateY(26px);
  filter:blur(3px);
  transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);
  transition-delay:var(--d,0s);
}
.rv.in{opacity:1;transform:none;filter:blur(0)}

.dotwave-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
#p0,#p1,#p2,#p3{isolation:isolate}
#p0{overflow:hidden}
#p0>:not(.section-dotwave),#p1>:not(.section-dotwave),#p2>:not(.section-dotwave),#p3>:not(.section-dotwave){z-index:1}
.section-dotwave{position:absolute;inset:0;z-index:0;overflow:hidden;contain:paint;pointer-events:none}
.section-dotwave-svg{position:absolute;inset:-2% -8%;width:116%;height:104%;overflow:visible;transform-origin:center}
#p0 .section-dotwave{opacity:1}
#p1 .section-dotwave{opacity:.58}
#p2 .section-dotwave{opacity:.62}
#p3 .section-dotwave{opacity:.58}
#p1 .section-dotwave-svg{transform:scale(1.07) rotate(2deg)}
#p2 .section-dotwave-svg{transform:scale(1.09) rotate(-2.5deg)}
#p3 .section-dotwave-svg{transform:scale(1.06) translateY(-1.5%)}
.dotwave-lines{transform-box:view-box;transform-origin:center;animation:earlyDotWaveFloat 18s ease-in-out infinite alternate;will-change:transform}
.dot-row{fill:none;stroke:url(#earlyDotWaveGradient);stroke-width:2.15;stroke-linecap:round;stroke-dasharray:.1 13.5;stroke-dashoffset:0;opacity:var(--opacity);animation:earlyDotStream 24s linear var(--delay) infinite}
.dot-row.accent{stroke-width:2.6;stroke-dasharray:.1 15}
@keyframes earlyDotWaveFloat{to{transform:translate3d(9px,-10px,0) scale(1.018)}}
@keyframes earlyDotStream{to{stroke-dashoffset:-108}}

#p0 .p0-wordmark{position:absolute;top:calc(32px + env(safe-area-inset-top));right:24px;left:auto;width:clamp(128px,36vw,140px);height:auto;display:block}
#p0 .hero-line{font-weight:600;font-size:clamp(38px,11.5vw,54px);line-height:1.32;letter-spacing:.12em;margin:38px 0 26px;color:var(--ink)}
#p0 .hero-line em{font-style:normal;color:var(--gold)}
.scrollhint{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:14px}
.scrollhint .micro{letter-spacing:.4em}
.scrollhint .wire{width:1px;height:64px;background:linear-gradient(180deg,var(--gold),transparent);position:relative;overflow:hidden}
.scrollhint .wire::after{content:'';position:absolute;top:-40%;left:0;width:100%;height:40%;background:var(--cream);animation:wireDrop 2.4s var(--ease) infinite}
@keyframes wireDrop{0%{top:-40%}70%,100%{top:110%}}

.tap-story{
  min-height:100vh;
  min-height:100dvh;
  padding:clamp(48px,8dvh,78px) 24px calc(28px + env(safe-area-inset-bottom));
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  position:relative;
  overflow:hidden;
}
.story-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;min-height:42px}
.story-header .kicker{padding-top:4px;line-height:1.7}
.story-header .section-kicker{margin-bottom:0}
.story-canvas{display:flex;justify-content:center;align-items:center;min-height:0;flex:1;padding:10px 0 4px}
.diagram{position:relative;width:min(82vw,38dvh,340px);aspect-ratio:1;transition:opacity .55s var(--ease),transform .55s var(--ease)}
.net-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .55s var(--ease)}
.branch{transition-delay:var(--branch-delay,0s)}
.b1{--branch-delay:.05s}.b2{--branch-delay:.12s}.b3{--branch-delay:.19s}.b4{--branch-delay:.26s}.b5{--branch-delay:.33s}

.old{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;transition:opacity .5s var(--ease),transform .55s var(--ease)}
.olabel{font-family:var(--serif);font-size:11px;letter-spacing:.5em;color:var(--faint);margin-bottom:18px;padding-left:.5em}
.old .ob{padding:9px 20px;border:1px solid var(--line);border-radius:999px;background:rgba(13,26,44,.58);font-size:13px;letter-spacing:.2em;color:var(--dim);white-space:nowrap}
.old .ol{width:1px;height:20px;background:var(--line)}
.nlabel{position:absolute;left:50%;top:-7%;transform:translateX(-50%);margin:0;padding-left:.5em;font-size:15px;font-weight:600;color:var(--gold);white-space:nowrap;opacity:0;transition:opacity .45s var(--ease)}

.chip{position:absolute;transform:translate(-50%,-50%) scale(.88);padding:10px 17px;border:1px solid var(--line);border-radius:999px;background:rgba(13,26,44,.65);backdrop-filter:blur(8px);font-size:13px;letter-spacing:.14em;color:var(--ink);white-space:nowrap;opacity:0;transition:opacity .5s var(--ease),transform .55s var(--ease),box-shadow .55s var(--ease)}
.chip.core{border-color:rgba(126,166,255,.4);color:var(--cream);box-shadow:0 0 30px rgba(126,166,255,.12)}
.chip.agent{border-color:rgba(143,184,221,.45);color:var(--blue)}
.chip.mini{padding:8px 12px;font-size:10.5px;color:#c8d9f5;border-color:rgba(141,180,255,.28);background:rgba(126,166,255,.09)}
.chip.mini.hot{background:rgba(126,166,255,.18);border-color:rgba(141,180,255,.5);color:#eaf2ff;font-weight:600;box-shadow:0 0 22px rgba(126,166,255,.14)}
.m1{transition-delay:.05s}.m2{transition-delay:.12s}.m3{transition-delay:.19s}.m4{transition-delay:.26s}.m5{transition-delay:.33s}

#p1[data-stage="2"] .old{opacity:.14;transform:translate(-50%,-50%) translate(-27vw,-13dvh) scale(.58)}
#p1[data-stage="2"] .nlabel{opacity:1}
#p1[data-stage="2"] .chip{opacity:1;transform:translate(-50%,-50%) scale(1)}
#p1[data-stage="2"] .draw{stroke-dashoffset:0}
#p1[data-stage="2"] .chip.agent{box-shadow:0 0 34px rgba(143,184,221,.25)}

.story-copy{min-height:112px;display:flex;flex-direction:column;justify-content:flex-end;padding:0 4px}
.stage-copy{max-height:64px;overflow:hidden;font-size:13.5px;line-height:1.85;letter-spacing:.04em;color:var(--dim);transition:max-height .35s var(--ease),opacity .25s ease,transform .35s var(--ease)}
.stage-copy.is-collapsed{max-height:0;opacity:0;transform:translateY(-6px)}
.final-summary{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(8px);transition:grid-template-rows .45s var(--ease),opacity .4s ease,transform .45s var(--ease)}
.final-summary>*{overflow:hidden}
.final-summary p{font-size:11.5px;line-height:1.8;letter-spacing:.1em;color:var(--faint);margin-top:9px}
.from-to{display:flex;align-items:center;gap:10px;font-size:clamp(18px,5.5vw,24px);letter-spacing:.06em}
.from-to .q{color:var(--cream);font-weight:600;text-decoration:line-through;text-decoration-color:rgba(226,236,252,.4);text-decoration-thickness:1px}
.from-to .arr{color:var(--gold);font-family:var(--serif)}
.from-to .t{color:var(--gold);font-weight:600}
#p1[data-stage="2"] .final-summary{grid-template-rows:1fr;opacity:1;transform:none}

.story-controls{padding-top:14px}
.story-next{width:100%;min-height:50px;padding:13px 22px;border:1px solid rgba(126,166,255,.55);border-radius:999px;background:linear-gradient(180deg,rgba(126,166,255,.22),rgba(126,166,255,.1));color:var(--cream);font-size:13px;letter-spacing:.18em;cursor:pointer;transition:border-color .35s var(--ease),background .35s var(--ease),transform .2s ease,opacity .2s ease;touch-action:manipulation}
.story-next:hover{border-color:var(--gold);background:rgba(126,166,255,.18)}
.story-next:active{transform:scale(.98)}
.story-next:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.story-next:disabled{cursor:wait;opacity:.66}
.control-hint{text-align:center;font-size:10.5px;line-height:1.7;letter-spacing:.08em;color:var(--faint);margin-top:10px}

@media(min-width:600px){
  .wrap{box-shadow:0 0 120px rgba(0,0,0,.55)}
  body::before,body::after{content:'';position:fixed;top:0;bottom:0;width:1px;background:rgba(226,236,252,.05);z-index:5}
  body::before{left:calc(50% - 240px)}
  body::after{right:calc(50% - 240px)}
}

@media(max-height:720px){
  .tap-story{padding-top:36px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
  .story-header{min-height:34px}
  .diagram{width:min(76vw,34dvh,290px)}
  .story-copy{min-height:98px}
  .story-controls{padding-top:8px}
}

@media(max-width:370px){
  .tap-story{padding-left:20px;padding-right:20px}
  .chip{font-size:12px;padding:9px 14px}
  .chip.mini{font-size:10px;padding:7px 10px}
  .from-to{gap:7px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none;filter:none}
  .section-dotwave{opacity:.42!important}
  .dotwave-lines,.dot-row{animation:none!important;will-change:auto}
}

/* P1-P3 shared click-story states */
.tap-story[data-stage="2"] .final-summary{grid-template-rows:1fr;opacity:1;transform:none}
.tap-story-p2,.tap-story-p3{min-height:100dvh}
.tap-story-p2 .story-copy,.tap-story-p3 .story-copy{min-height:146px}
#p2[data-stage="2"] .story-copy,#p3[data-stage="2"] .story-copy{min-height:112px}
.tap-story-p2 .statement,.tap-story-p3 .statement{font-size:clamp(22px,6.2vw,28px)}

/* P2: founder assembles a fragmented service network */
.p2-title-block{padding:8px 2px 0;transition:opacity .5s var(--ease),transform .55s var(--ease)}
.pain-net{position:relative;width:min(82vw,35dvh,338px);aspect-ratio:380/475;margin:0 auto;transition:transform .55s var(--ease)}
.pain-net svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pain-line{stroke:rgba(126,166,255,.3);stroke-width:.8;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .55s var(--ease)}
.pain-founder,.pain-cap{position:absolute;transform:translate(-50%,-50%);border:1px solid rgba(126,166,255,.35);border-radius:999px;background:rgba(12,25,43,.88);backdrop-filter:blur(8px);white-space:nowrap}
.pain-founder{left:50%;top:50%;padding:13px 22px;color:var(--cream);font-size:14px;letter-spacing:.16em;box-shadow:0 0 34px rgba(126,166,255,.16)}
.pain-cap{padding:8px 12px;color:var(--dim);font-size:11px;letter-spacing:.12em;opacity:0;transform:translate(-50%,-50%) scale(.84);transition:opacity .45s var(--ease),transform .5s var(--ease)}
.pain-cap.c1,.pain-line.l1{transition-delay:.04s}.pain-cap.c2,.pain-line.l2{transition-delay:.1s}.pain-cap.c3,.pain-line.l3{transition-delay:.16s}.pain-cap.c4,.pain-line.l4{transition-delay:.22s}.pain-cap.c5,.pain-line.l5{transition-delay:.28s}.pain-cap.c6,.pain-line.l6{transition-delay:.34s}.pain-cap.c7,.pain-line.l7{transition-delay:.4s}
.pain-verb{position:absolute;transform:translate(-50%,-50%) translateY(6px);font-size:10px;letter-spacing:.12em;color:var(--mint);opacity:0;transition:opacity .4s var(--ease),transform .45s var(--ease)}
.pain-verb.v1{transition-delay:.04s}.pain-verb.v2{transition-delay:.1s}.pain-verb.v3{transition-delay:.16s}.pain-verb.v4{transition-delay:.22s}.pain-verb.v5{transition-delay:.28s}
#p2[data-stage="2"] .p2-title-block{opacity:.34;transform:translateY(-4px) scale(.94);transform-origin:left top}
#p2[data-stage="2"] .pain-net{width:min(78vw,33dvh,320px)}
#p2[data-stage="2"] .pain-line{stroke-dashoffset:0}
#p2[data-stage="2"] .pain-cap{opacity:1;transform:translate(-50%,-50%) scale(1)}
#p2[data-stage="2"] .pain-verb{opacity:1;transform:translate(-50%,-50%)}

/* P3: service components assemble into a system */
.p3-title-block{padding:10px 2px 4px;transition:opacity .5s var(--ease),transform .55s var(--ease)}
.p3-title-block .small{margin-bottom:12px}
.paradigm-stack{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:min(35dvh,320px);padding:6px 0}
.paradigm-thread{position:absolute;left:50%;top:9%;bottom:9%;width:1px;background:linear-gradient(180deg,transparent,var(--gold),var(--mint),transparent);transform:scaleY(0);transform-origin:center top;opacity:0;transition:transform .55s var(--ease),opacity .4s ease}
.paradigm-chip{position:relative;z-index:1;min-width:164px;padding:10px 18px;text-align:center;border:1px solid rgba(126,166,255,.34);border-radius:999px;background:rgba(10,22,39,.94);color:var(--cream);font-size:12px;letter-spacing:.16em;opacity:0;transform:translateY(10px) scale(.92);transition:opacity .45s var(--ease),transform .5s var(--ease),box-shadow .5s var(--ease)}
.paradigm-plus{position:relative;z-index:1;color:var(--gold);font-size:12px;opacity:0;transition:opacity .35s ease}
.pc1{transition-delay:.03s}.pc2{transition-delay:.1s}.pc3{transition-delay:.17s}.pc4{transition-delay:.24s}.pc5{transition-delay:.31s}
.pp1{transition-delay:.08s}.pp2{transition-delay:.15s}.pp3{transition-delay:.22s}.pp4{transition-delay:.29s}
#p3[data-stage="2"] .p3-title-block{opacity:.34;transform:translateY(-4px) scale(.94);transform-origin:left top}
#p3[data-stage="2"] .paradigm-chip{opacity:1;transform:none}
#p3[data-stage="2"] .paradigm-plus{opacity:.75}
#p3[data-stage="2"] .paradigm-thread{opacity:.7;transform:scaleY(1)}
#p3[data-stage="2"] .paradigm-chip{box-shadow:0 0 24px rgba(126,166,255,.1)}

/* P4: time-based demo, independent from scroll velocity */
#p4.demo-section{min-height:auto;padding-top:56px;padding-bottom:64px}
.demo-section .wxchat{margin-top:4px}
#p4 .wx-avatar.a.agent-logo{width:38px;height:38px;padding:0;border:0;border-radius:0;background:transparent;color:transparent;overflow:visible}
#p4 .wx-avatar.a.agent-logo img{display:block;width:38px;height:38px;object-fit:contain}
#p4 .wx-row.agent .wx-col{max-width:calc(100% - 48px)}
.demo-next{align-self:center;min-height:44px;margin:18px auto 2px;padding:9px 20px;border:1px solid rgba(126,166,255,.42);border-radius:999px;background:rgba(126,166,255,.08);color:var(--cream);font-size:11px;letter-spacing:.16em;cursor:pointer;transition:border-color .3s ease,background .3s ease,transform .2s ease}
.demo-next:hover{border-color:var(--gold);background:rgba(126,166,255,.14)}
.demo-next:active{transform:scale(.98)}
.demo-next:focus-visible,.fa-link:focus-visible,.fa-close:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.p4-close{font-size:clamp(24px,6.8vw,30px)}
.p4-close-line{display:block;white-space:nowrap;font-size:clamp(22px,6vw,27px)}
.wxchat .demo-user,.wxchat .demo-typing,.wxchat .demo-work,.wxchat .demo-answer,.wxchat .demo-step{opacity:0;transform:translateY(10px);animation:none}
.wxchat .demo-work{max-height:280px;overflow:hidden;transition:max-height .45s var(--ease),opacity .35s ease,transform .45s var(--ease),padding .45s var(--ease),border-width .45s var(--ease)}
.wxchat.demo-playing .demo-user{animation:demoIn .42s var(--ease) .12s forwards}
.wxchat.demo-playing .demo-typing{animation:demoTyping 1.25s var(--ease) .62s forwards}
.wxchat.demo-playing .demo-work{animation:demoIn .42s var(--ease) 1.12s forwards}
.wxchat.demo-playing .demo-step.s1{animation:demoIn .34s var(--ease) 1.55s forwards}
.wxchat.demo-playing .demo-step.s2{animation:demoIn .34s var(--ease) 2.13s forwards}
.wxchat.demo-playing .demo-step.s3{animation:demoIn .34s var(--ease) 2.71s forwards}
.wxchat.demo-playing .demo-step.s4{animation:demoIn .34s var(--ease) 3.29s forwards}
.wxchat.demo-playing .demo-answer{animation:demoIn .48s var(--ease) 4.3s forwards}
.wxchat.demo-playing .bs-dot{animation:bsPulse 1s ease-in-out infinite}
.wxchat.demo-playing .demo-step.s1 .bs-spin{animation:bsSpin .7s linear 1.55s infinite,bsHide .2s ease 1.98s forwards}
.wxchat.demo-playing .demo-step.s2 .bs-spin{animation:bsSpin .7s linear 2.13s infinite,bsHide .2s ease 2.56s forwards}
.wxchat.demo-playing .demo-step.s3 .bs-spin{animation:bsSpin .7s linear 2.71s infinite,bsHide .2s ease 3.14s forwards}
.wxchat.demo-playing .demo-step.s4 .bs-spin{animation:bsSpin .7s linear 3.29s infinite,bsHide .2s ease 3.72s forwards}
.wxchat.demo-playing .demo-step.s1 .bs-ck circle{animation:demoCheck .2s ease 1.98s forwards}.wxchat.demo-playing .demo-step.s1 .bs-ck path{animation:draw20 .32s ease 2.01s forwards}
.wxchat.demo-playing .demo-step.s2 .bs-ck circle{animation:demoCheck .2s ease 2.56s forwards}.wxchat.demo-playing .demo-step.s2 .bs-ck path{animation:draw20 .32s ease 2.59s forwards}
.wxchat.demo-playing .demo-step.s3 .bs-ck circle{animation:demoCheck .2s ease 3.14s forwards}.wxchat.demo-playing .demo-step.s3 .bs-ck path{animation:draw20 .32s ease 3.17s forwards}
.wxchat.demo-playing .demo-step.s4 .bs-ck circle{animation:demoCheck .2s ease 3.72s forwards}.wxchat.demo-playing .demo-step.s4 .bs-ck path{animation:draw20 .32s ease 3.75s forwards}
.wxchat.demo-complete .demo-user,.wxchat.demo-complete .demo-answer{opacity:1;transform:none}
.wxchat.demo-complete .demo-typing{display:none}
.wxchat.demo-complete .wx-col{gap:0}
.wxchat.demo-complete .demo-work{max-height:0;opacity:0;transform:translateY(-8px);padding-top:0;padding-bottom:0;border-width:0}
.wxchat.demo-complete .bs-spin{display:none}
.wxchat.demo-complete .bs-ck circle{opacity:1}
.wxchat.demo-complete .bs-ck path{stroke-dashoffset:0}
@keyframes demoIn{to{opacity:1;transform:none}}
@keyframes demoTyping{0%{opacity:0;transform:translateY(10px)}22%,68%{opacity:1;transform:none;max-height:60px}100%{opacity:0;transform:translateY(-4px);max-height:0;padding-top:0;padding-bottom:0;border-width:0;margin-bottom:-12px}}
@keyframes demoCheck{to{opacity:1}}

/* P5: one-screen proof instead of a scroll-controlled scene */
.proof-screen{min-height:auto;padding-top:48px;padding-bottom:48px}
.proof-screen>.statement{margin-top:14px}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:24px 0 20px}
.proof-cell{min-height:122px;padding:18px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(10,22,39,.54);display:flex;flex-direction:column;justify-content:center}
.proof-number{font-family:var(--serif);font-size:clamp(27px,8vw,36px);line-height:1;color:var(--cream);white-space:nowrap}
.proof-number small{font-family:var(--sans);font-size:12px;color:var(--gold);margin-left:2px}
.proof-cell .num-label{margin-top:11px;font-size:10.5px;line-height:1.65;letter-spacing:.08em}
.proof-path{width:100%;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:4px;padding:14px 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof-path span{text-align:center;font-size:9.5px;line-height:1.45;letter-spacing:.06em;color:var(--dim)}
.proof-path i{font-style:normal;color:var(--gold);font-size:11px}
.proof-screen>.hairline{margin:24px 0 16px}

#p6,#p7,#p8,#p9{padding-bottom:108px}
#p6,#p7,#p8{padding-top:56px}
.fa-sheet{max-width:480px}

@media(max-height:720px){
  .pain-net{width:min(76vw,31dvh,288px)}
  .paradigm-stack{min-height:218px;gap:5px}
  .paradigm-chip{padding:8px 16px}
  .tap-story-p2 .story-copy,.tap-story-p3 .story-copy{min-height:112px}
  #p2[data-stage="2"] .story-copy,#p3[data-stage="2"] .story-copy{min-height:96px}
}

@media(max-width:370px){
  .pain-cap{font-size:10px;padding:7px 10px}
  .proof-cell{padding:16px 10px}
  .proof-path{gap:2px;padding-left:3px;padding-right:3px}
  .proof-path span{font-size:9px}
}

@media(prefers-reduced-motion:reduce){
  .wxchat .demo-user,.wxchat .demo-work,.wxchat .demo-answer,.wxchat .demo-step{opacity:1;transform:none}
  .wxchat .demo-typing{display:none}
}