:root{--paper:#FAFBF6;--ink:#1E291A;--graphite:#55604F;--hair:#C9CFC2;--green:#7BD35A;--green-deep:#2E6A1C;--pink:#FE4F7A;}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);overflow-x:clip}body{font-family:"M PLUS Rounded 1c",ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;font-weight:400;min-height:100dvh;display:flex;flex-direction:column;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));-webkit-font-smoothing:antialiased;}main{flex:1;width:100%;max-width:1120px;margin:0 auto;display:grid;gap:14px;align-content:start}.brand{display:flex;align-items:center}.brand img{display:block;width:clamp(52px,12vw,144px);height:auto;aspect-ratio:1/1;border-radius:22%}h1{font-weight:800;font-size:clamp(1.8rem,1.2rem + 2.7vw,3.5rem);line-height:1.08;letter-spacing:-0.01em;max-width:15ch;margin-top:4px;}.lede{font-size:clamp(0.94rem,0.88rem + 0.3vw,1.15rem);line-height:1.45;color:var(--graphite);max-width:40ch;}.lede strong{color:var(--ink);font-weight:800}.sheet{position:relative;width:100%;max-width:480px;margin-top:4px}.flow{list-style:none;display:grid}.stage{display:grid;grid-template-columns:72px 1fr;column-gap:12px}.rail{display:flex;flex-direction:column;align-items:center}.rail svg{display:block;width:64px;height:52px;flex:none;overflow:visible}.wire{position:relative;flex:1;min-height:12px;width:1.5px;background:var(--ink)}.wire span{position:absolute;inset:0 -1.5px;background:var(--green);transform:scaleY(0);transform-origin:top;animation:light .55s cubic-bezier(.16,1,.3,1) forwards}.stage:nth-child(1) .wire span{animation-delay:.25s}.stage:nth-child(2) .wire span{animation-delay:.75s}.stage:nth-child(3) .wire span{animation-delay:1.25s}@keyframes light{to{transform:scaleY(1)}}.key{display:grid;grid-template-columns:22px 1fr;column-gap:8px;align-content:start;padding:6px 0 14px}.num{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;font-size:.72rem;font-weight:800;line-height:1;margin-top:1px;}.stage.work .num{background:var(--green);border-color:var(--ink)}.key b{font-weight:800;font-size:clamp(0.95rem,0.9rem + 0.25vw,1.08rem);line-height:1.3}.key p{grid-column:2;font-size:clamp(0.84rem,0.8rem + 0.2vw,0.95rem);line-height:1.4;color:var(--graphite)}.stage.work .key b{color:var(--green-deep)}.node-line{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.node-fill{fill:var(--hair)}.node-ink{fill:var(--ink)}.node-act{fill:var(--green)}.end{display:grid;grid-template-columns:72px 1fr;column-gap:12px;align-items:center}.end svg{display:block;width:72px;height:56px;overflow:visible}.end .base{fill:none;stroke:var(--ink);stroke-width:1.5}.end .lit{fill:none;stroke:var(--green);stroke-width:4.5;stroke-linecap:round;stroke-dasharray:80;stroke-dashoffset:80;animation:draw .6s cubic-bezier(.16,1,.3,1) 1.75s forwards}@keyframes draw{to{stroke-dashoffset:0}}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;background:var(--pink);color:var(--ink);border:1.5px solid var(--ink);font:800 clamp(1rem,0.95rem + 0.3vw,1.15rem)/1.1 "M PLUS Rounded 1c",ui-rounded,system-ui,sans-serif;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.16,1,.3,1);}.cta .n4{width:22px;height:22px;border-radius:50%;background:var(--paper);border:1.5px solid var(--ink);display:grid;place-items:center;font-size:.72rem;flex:none}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (hover: hover){.cta:hover{transform:translateY(-2px)}}.after{grid-column:2;margin-top:8px;font-size:clamp(0.8rem,0.78rem + 0.15vw,0.9rem);color:var(--graphite);line-height:1.4}footer{width:100%;max-width:1120px;margin:18px auto 0;padding-top:10px;border-top:1px solid var(--hair);font-size:.8rem;color:var(--graphite)}@media (min-width:900px){body{padding:40px 48px 18px}main{grid-template-columns:1fr minmax(380px,470px);column-gap:64px;align-content:center;align-items:center}.copy{display:grid;gap:18px}h1{max-width:13ch}.sheet{border:1.5px solid var(--ink);border-radius:22px;padding:26px 26px 22px;background:#fff}.rail svg{width:72px;height:58px}.stage{grid-template-columns:80px 1fr}.end{grid-template-columns:80px 1fr}.end svg{width:80px}}@media (prefers-reduced-motion: reduce){.wire span{animation:none;transform:none}.end .lit{animation:none;stroke-dashoffset:0}.cta{transition:none}}