.story-hero{padding:84px 24px 76px}.story-hero h1{font-size:clamp(38px,6vw,64px)}.story-hero .hub-lede{max-width:540px}.road{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 50px #0a21261a;padding:20px 20px 16px;width:100%;max-width:410px;margin:0 auto}html.dark .road{box-shadow:0 18px 50px #00000059}.road-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--subtle);padding:0 4px 10px}.road ol{list-style:none;position:relative}.road ol:before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:color-mix(in srgb,var(--accent) 35%,var(--border));transform-origin:top}.road li{position:relative}.road a{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:8px 6px;border-radius:12px;text-decoration:none;color:var(--fg);transition:background .15s}.road a:hover{background:var(--surface)}.road-num{position:relative;z-index:1;width:32px;height:32px;margin-left:6px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--pimi-font-display);font-weight:700;font-size:13px;color:var(--accent);background:var(--bg);border:2px solid color-mix(in srgb,var(--accent) 45%,var(--border))}.road-text{display:flex;flex-direction:column;line-height:1.3;min-width:0}.road-text b{font-family:var(--pimi-font-display);font-size:16px;font-weight:600}.road-text span{font-size:13px;color:var(--muted)}.road-prod{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap}.story{position:relative;padding:0 24px 40px}.stepper{position:sticky;top:64px;z-index:40;margin:0 -24px;padding:0 24px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.stepper-inner{max-width:1040px;margin:0 auto;position:relative}.stepper ol{list-style:none;display:flex;justify-content:space-between;gap:4px}.stepper a{display:inline-flex;align-items:center;gap:8px;padding:12px 6px 13px;font-size:13px;font-weight:600;color:var(--subtle);text-decoration:none;transition:color .2s}.stepper a:hover{color:var(--fg)}.stepper-n{width:22px;height:22px;border-radius:50%;font-size:11px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid currentColor;transition:background .2s,color .2s,border-color .2s}.stepper a.is-done{color:var(--muted)}.stepper a.is-done .stepper-n{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:transparent;color:var(--accent)}.stepper a.is-current{color:var(--fg)}.stepper a.is-current .stepper-n{background:var(--accent);border-color:var(--accent);color:var(--bg)}.stepper-bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform-origin:left;transform:scaleX(1)}.stepper-arrow{color:var(--border);font-size:13px;align-self:center}.story-track{position:relative;max-width:1040px;margin:0 auto;padding:72px 0 0 76px}.rail,.rail-fill{position:absolute;left:23px;top:96px;bottom:120px;width:2px;border-radius:2px}.rail{background:var(--border)}.rail-fill{background:var(--accent);transform-origin:top;transform:scaleY(1)}.rail-head{position:absolute;left:17px;top:90px;width:14px;height:14px;border-radius:50%;background:var(--pimi-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--pimi-accent) 22%,transparent);display:none}.story-anim .rail-head{display:block}.stage{position:relative;padding:0 0 112px;scroll-margin-top:140px}.stage-node{position:absolute;left:-76px;top:14px;z-index:1;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--pimi-font-display);font-weight:700;font-size:17px;background:var(--accent);color:var(--bg);border:2px solid var(--accent);transition:background .3s,color .3s,border-color .3s}.story-anim .stage:not(.is-reached) .stage-node{background:var(--bg);color:var(--subtle);border-color:var(--border)}.stage-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:56px;align-items:center}.stage-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:14px;padding-top:22px}.stage-kicker .hub-pill{text-transform:none;letter-spacing:0}.stage h2{font-family:var(--pimi-font-display);font-size:clamp(28px,3.8vw,40px);font-weight:700;line-height:1.12;letter-spacing:-.02em;margin-bottom:16px;text-wrap:balance}.stage-body{font-size:17px;color:var(--muted);line-height:1.65;margin-bottom:14px;max-width:470px}.stage-points{list-style:none;margin:4px 0 26px;display:grid;gap:7px}.stage-points li{position:relative;padding-left:22px;font-size:15px;color:var(--fg)}.stage-points li:before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--accent) 55%,transparent)}.stage-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}.stage-actions .btn{padding:11px 20px;font-size:14px}.stage-next{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--muted);text-decoration:none}.stage-next:hover{color:var(--fg)}.stage-next .arr{display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;border:1px solid var(--border);font-size:13px}.story-anim .stage-next .arr{animation:nudge 1.8s ease-in-out 3 1.5s}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.ui{position:relative;border:1px solid var(--border);border-radius:16px;background:var(--bg);box-shadow:0 20px 50px #0a21261a;overflow:hidden;font-size:14px}html.dark .ui{box-shadow:0 20px 50px #00000059}.ui-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;color:var(--muted)}.ui-dots{display:inline-flex;gap:5px;margin-right:6px}.ui-dots i{width:9px;height:9px;border-radius:50%;background:var(--border)}.ui-bar .ui-right{margin-left:auto;font-weight:500;color:var(--subtle)}.ui-term{background:var(--code-bg);border-color:color-mix(in srgb,var(--code-bg) 70%,var(--border))}.ui-term .ui-bar{background:#ffffff0a;border-color:#ffffff12;color:#9bb3b7}.ui-term .ui-dots i{background:#ffffff29}.term{padding:16px 18px 18px;font-family:var(--pimi-font-mono);font-size:13px;line-height:1.75;color:#cfe3e5;min-height:204px}.term-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.term .p{color:#6fd3dc}.term .dim{color:#7e9a9e}.term .ok{color:#7fd9a6}.term-live{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:1px 9px;border-radius:999px;font-family:var(--pimi-font-body);font-size:12px;font-weight:700;color:#0a2126;background:#7fd9a6}.cursor{display:inline-block;width:8px;height:15px;background:#6fd3dc;vertical-align:-2px;margin-left:2px;opacity:0}.story-anim .is-in .cursor{animation:blink 1s steps(1) 6 var(--cd, 0s)}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.build-wrap{position:relative}.build-q{position:absolute;right:-10px;bottom:-22px;display:flex;align-items:center;gap:10px;background:var(--bg);border:1px dashed color-mix(in srgb,var(--accent) 50%,var(--border));border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600;color:var(--fg);box-shadow:0 10px 30px #0a21261a}.build-q .globe{color:var(--accent)}.ui-pulse{--pp-ok: #2E8B57;--pp-warn: #C08A12}html.dark .ui-pulse{--pp-ok: #5CC28A;--pp-warn: #E2B240}.pulse-body{padding:16px 16px 18px;display:grid;gap:12px}.pulse-bands{position:relative;display:grid}.pulse-band{grid-area:1 / 1;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;font-weight:600;font-size:15px;color:var(--fg);background:color-mix(in srgb,var(--tone) 12%,var(--bg));border:1px solid color-mix(in srgb,var(--tone) 35%,transparent)}.pulse-band .dot{width:10px;height:10px;border-radius:50%;background:var(--tone);flex-shrink:0}.tone-ok{--tone: var(--pp-ok)}.tone-warn{--tone: var(--pp-warn)}.pulse-says{position:relative;display:grid;font-size:14px;color:var(--muted);line-height:1.55}.pulse-says p{grid-area:1 / 1}.pulse-says b{color:var(--fg)}.meter-row{display:grid;grid-template-columns:80px 1fr 44px;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.meter{position:relative;height:8px;border-radius:99px;background:var(--surface);overflow:hidden;border:1px solid var(--border)}.meter i{position:absolute;inset:0;border-radius:99px;transform-origin:left;background:var(--tone, var(--pp-ok))}.meter-num{position:relative;display:grid;text-align:right;font-variant-numeric:tabular-nums;color:var(--fg);font-weight:600}.meter-num span{grid-area:1 / 1}.pulse-log{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);padding-top:10px;border-top:1px dashed var(--border)}.pulse-log s{text-decoration:none;color:var(--pp-warn);font-weight:600}.pulse-log em{font-style:normal;color:var(--pp-ok);font-weight:600}.ui-pulse .is-warn{opacity:0}.ui-pulse .mem-fill{transform:scaleX(.46);--tone: var(--pp-ok)}.ui-pulse .mem-fill.warn{transform:scaleX(.89);--tone: var(--pp-warn);opacity:0}.inbox{list-style:none;position:relative}.inbox li{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;height:62px;padding:0 16px;border-bottom:1px solid var(--border)}.inbox .av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.inbox .t{min-width:0;line-height:1.35}.inbox .t b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox .t span{display:block;font-size:12px;color:var(--subtle)}.inbox .tag{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;color:var(--muted);border:1px solid var(--border);background:var(--surface);white-space:nowrap}.inbox .new{background:color-mix(in srgb,var(--accent) 5%,var(--bg))}.inbox .new .t b:after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:8px;vertical-align:2px}.status-swap{position:relative;display:grid;justify-items:end}.status-swap>*{grid-area:1 / 1}.status-swap .answered{color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent);border-color:transparent}.status-swap .open{opacity:0}.reply{margin:14px 16px 16px;padding:12px 14px;border-radius:12px 12px 4px;background:color-mix(in srgb,var(--accent) 9%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));font-size:13.5px;line-height:1.55;color:var(--fg)}.reply small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}.side-road{position:relative;margin:-56px 0 112px}.side-road .side-node{position:absolute;left:-63px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--bg);border:2px dashed var(--border);z-index:1}.side-road .side-node:after{content:"";position:absolute;left:20px;top:8px;width:42px;border-top:2px dashed var(--border)}.side-card{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:1px dashed var(--border);border-radius:14px;padding:16px 20px;max-width:760px;background:var(--section-alt)}.side-card p{flex:1 1 320px;font-size:15px;color:var(--muted)}.side-card p b{color:var(--fg)}.side-card a{font-size:14px;font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap}.side-card a:hover{text-decoration:underline;text-underline-offset:3px}.stage-finale .stage-node{width:48px}.chat{padding:16px;display:grid;gap:12px}.msg-me{justify-self:end;max-width:88%;padding:11px 14px;border-radius:14px 14px 4px;background:var(--fg);color:var(--bg);font-size:14px;line-height:1.5}.acts{display:grid;gap:8px}.act{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--bg)}.act .what{font-size:13.5px;line-height:1.35;min-width:0}.act .what b{display:block;font-size:12px;color:var(--muted);font-weight:600}.act-next{border-style:dashed;background:transparent}.act-next .what{color:var(--muted)}.act .ico{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.act-live .ico{color:var(--bg);background:var(--accent)}.act-next .ico{color:var(--subtle);border:1.5px dashed var(--border)}.chip{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;letter-spacing:.02em}.chip-live{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.chip-next{color:var(--muted);border:1px solid var(--border)}.msg-ai{max-width:92%;padding:11px 14px;border-radius:14px 14px 14px 4px;background:var(--surface);border:1px solid var(--border);font-size:14px;line-height:1.5}.typing{display:inline-flex;gap:4px;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border);justify-self:start;opacity:0;position:absolute}.typing i{width:6px;height:6px;border-radius:50%;background:var(--subtle)}.chat-input{margin:0 16px 16px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 14px;border:1px solid var(--border);border-radius:12px;color:var(--subtle);font-size:13px}.chat-input span:last-child{width:26px;height:26px;border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--muted)}.honest{margin-top:22px;display:grid;gap:8px;max-width:470px;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--section-alt)}.honest-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--subtle)}.honest-row{display:flex;align-items:center;gap:10px;font-size:14px}.honest-row .brand-word{font-family:var(--pimi-font-display);font-size:15px;min-width:104px}.honest-row span:last-child{color:var(--muted);font-size:13.5px}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.story-anim [data-anim] .a,.story-anim [data-anim] .is-warn,.story-anim [data-anim] .is-ok,.story-anim .ui-pulse .mem-fill,.story-anim [data-anim] .status-swap>*,.story-anim .road ol:before,.story-anim .road li{transition:opacity .55s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d, 0s)}.story-anim [data-anim]:not(.is-in) .a{opacity:0;transform:translateY(10px)}.story-anim [data-anim]:not(.is-in) .a.from-left{transform:translate(-14px)}.story-anim [data-anim]:not(.is-in) .a.pop{transform:scale(.92)}.story-anim .road:not(.is-in) ol:before{transform:scaleY(0)}.story-anim .road ol:before{transition-duration:1.2s;transition-delay:.2s}.story-anim .road:not(.is-in) li{opacity:0;transform:translate(-10px)}.story-anim .ui-pulse:not(.is-in) .is-warn{opacity:1}.story-anim .ui-pulse:not(.is-in) .is-ok{opacity:0}.story-anim .ui-pulse .is-warn{transition-delay:2.6s}.story-anim .ui-pulse .is-ok{transition-delay:2.7s}.story-anim .ui-pulse:not(.is-in) .mem-fill{transform:scaleX(0)}.story-anim .ui-pulse.is-in .mem-fill.warn{opacity:0}.story-anim .ui-pulse .mem-fill.warn{transition:transform 1s cubic-bezier(.2,.7,.2,1) .4s,opacity .5s ease 2.6s}.story-anim .ui-pulse .mem-fill:not(.warn){transition:transform .9s cubic-bezier(.2,.7,.2,1) 2.7s}.story-anim .ui-pulse.is-in .mem-fill.warn{transform:scaleX(.89)}.story-anim .ui-desk:not(.is-in) .inbox .old{transform:translateY(-62px)}.story-anim .ui-desk:not(.is-in) .inbox .new{opacity:0;transform:translate(40px)}.story-anim .ui-desk .inbox li{transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:.5s}.story-anim .ui-desk .inbox .new{transition-delay:.75s}.story-anim .ui-desk:not(.is-in) .status-swap .open{opacity:1}.story-anim .ui-desk:not(.is-in) .status-swap .answered{opacity:0;transform:scale(.9)}.story-anim .ui-desk .status-swap>*{transition-delay:2.9s}.story-anim .ui-chat.is-in .typing{animation:typing 1.1s ease .7s 1 both}@keyframes typing{0%{opacity:0}15%,80%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.story-anim *,.story-anim *:before{transition:none!important;animation:none!important}}@media(max-width:960px){.stage-grid{grid-template-columns:1fr;gap:0}.stage-grid>div:first-child{display:contents}.stage-grid .ui-wrap{order:1;margin:12px 0 36px}.stage-grid .stage-actions{order:2}.stage-body{max-width:620px}.ui-wrap{max-width:560px}.build-q{right:10px}}@media(max-width:768px){.story-hero{padding:52px 24px 56px}.stepper-label{display:none}.stepper a.is-current .stepper-label{display:inline}.stepper-arrow{display:none}.story-track{padding:48px 0 0 46px}.rail,.rail-fill{left:13px;top:70px}.rail-head{left:7px;top:64px}.stage{padding-bottom:88px}.stage-node{left:-46px;top:18px;width:30px;height:30px;font-size:13px}.stage-kicker{padding-top:20px}.side-road{margin:-44px 0 88px}.side-road .side-node{left:-42px;width:16px;height:16px;margin-top:-8px}.side-road .side-node:after{left:14px;top:5px;width:28px}.fit-grid{grid-template-columns:1fr;gap:28px}}@media(max-width:480px){.term{font-size:12px;padding:14px}.road-prod span,.inbox .tag{display:none}.honest-row{flex-wrap:wrap;gap:4px 10px}.build-q{position:static;margin-top:12px}}.fit-grid[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{color:var(--accent);font-weight:600;text-decoration:none}.fit-grid[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]:hover{text-decoration:underline;text-underline-offset:3px}
