/* Illustrated six-stage journey. All surfaces inherit the homepage theme. */
.walkthrough-heading h2{font-size:clamp(34px,3.7vw,52px);line-height:1.08;max-width:760px}
.walkthrough-lead{font-size:17px;line-height:1.8;max-width:660px;margin:24px 0 0;color:var(--muted)}
.launch-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:38px 0 0}
.launch-flow>li{min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 80%,var(--pink));border-radius:20px;background:var(--surface);box-shadow:0 10px 26px var(--shadow)}
.p-step-copy{padding:25px}
.p-step-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:var(--accent)}
.p-step-label .p-icon{width:22px;height:22px}
.p-step-label .m-number{font-size:11px;font-weight:750;letter-spacing:.1em;color:var(--quiet)}
.p-step-copy h3{font-size:25px;letter-spacing:-.035em;line-height:1.2;margin-bottom:20px}
.p-step-copy p{color:var(--muted);font-size:14px;line-height:1.75}
.p-step-copy .launch-example{font-size:15px;font-weight:700;line-height:1.5;color:var(--text);margin-bottom:10px}
.p-flow-visual{height:182px;position:relative;display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,var(--feature-glow),transparent 75%),var(--band);border-bottom:1px solid var(--line)}
.p-flow-visual:before{content:"";position:absolute;inset:0;opacity:.25;background-image:radial-gradient(var(--quiet) .6px,transparent .6px);background-size:16px 16px;mask-image:linear-gradient(transparent,#000)}
.p-flow-visual>*{position:relative}
.p-paper{height:124px;width:96px;border:1px solid var(--line);border-radius:9px;background:var(--node);padding:16px;transform:rotate(-7deg);box-shadow:0 10px 20px var(--shadow)}
.p-paper>.p-icon{color:var(--accent);width:20px;height:20px;margin-bottom:12px}
.p-paper i{display:block;background:var(--wire);height:4px;margin:7px 0;border-radius:2px}
.p-paper i:nth-child(3){width:72%}.p-paper b{display:block;height:6px;background:color-mix(in srgb,var(--pink) 45%,transparent);width:55%;margin-top:9px;border-radius:4px}
.p-paper+.p-icon{width:42px;height:42px;color:var(--accent);margin-left:10px}
.p-reference{width:90px;height:133px;transform:rotate(-9deg);padding:5px;background:var(--node);box-shadow:0 8px 20px var(--shadow);border:1px solid var(--line);border-radius:10px}
.p-reference img{width:100%;height:100%;object-fit:cover;object-position:center 20%;border-radius:5px}
.p-place{transform:rotate(9deg);margin-left:-10px;margin-top:14px}
.p-stamp{position:absolute;left:calc(50% + 65px);top:29px;border-radius:50%;background:var(--icon-teal);color:var(--teal);padding:9px;box-shadow:0 4px 12px var(--shadow)}
.p-stamp .p-icon{display:block;width:18px;height:18px}
.p-episodes{display:grid;grid-template-columns:repeat(4,44px);gap:9px;transform:rotate(-4deg)}
.p-episodes span{height:61px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--line);background:var(--node);color:var(--muted);font-size:11px;font-weight:800;box-shadow:0 4px 8px var(--shadow)}
.p-episodes span:first-child{background:#d51c60;color:#fff;border-color:transparent}.p-episodes span:nth-child(2){border-color:var(--pink);color:var(--pink)}
.p-episodes .p-add-episode{border-style:dashed;color:var(--pink);font-size:26px;background:transparent;box-shadow:none}
.p-filmstrip{display:flex;gap:6px;transform:rotate(-4deg);padding:10px 6px;background:#17101e;border-top:6px dashed #776b81;border-bottom:6px dashed #776b81}
.p-filmstrip img{width:70px;height:105px;object-fit:cover;object-position:center 20%;border-radius:2px}
.p-timeline{width:236px;height:103px;border-radius:10px;border:1px solid var(--line);background:var(--node);padding:18px 13px;box-shadow:0 10px 22px var(--shadow);transform:rotate(-4deg)}
.p-timeline>div{display:flex;gap:4px;height:29px}
.p-timeline i{width:35%;border:1px solid color-mix(in srgb,var(--pink) 55%,transparent);background:color-mix(in srgb,var(--pink) 24%,transparent);border-radius:4px}.p-timeline i:nth-child(2){width:24%;background:color-mix(in srgb,var(--purple) 30%,transparent);border-color:var(--purple)}
.p-timeline b{display:block;height:13px;margin-top:8px;border-radius:3px;background:repeating-linear-gradient(90deg,var(--teal) 0 2px,transparent 2px 5px)}
.p-timeline>span{position:absolute;left:40%;top:7px;bottom:7px;width:2px;background:var(--pink)}
.p-timeline>span:before{content:"";position:absolute;width:7px;height:7px;left:-2.5px;top:-2px;background:var(--pink);clip-path:polygon(0 0,100% 0,50% 100%)}
.p-phone{width:77px;height:139px;border:4px solid #21182b;border-radius:14px;overflow:hidden;transform:rotate(-8deg);box-shadow:0 10px 20px var(--shadow)}
.p-phone img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.p-export{display:flex;flex-direction:column;align-items:center;gap:10px;margin-left:12px;color:var(--accent)}
.p-export b{background:var(--node);border:1px solid var(--line);padding:5px 10px;border-radius:7px;font-size:11px;color:var(--muted)}
.walkthrough-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:22px}.walkthrough-footer p{font-size:12px;color:var(--muted)}
@media(max-width:1000px){.launch-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.launch-flow{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:27px}.walkthrough-heading h2{font-size:34px}.walkthrough-lead{font-size:15px;line-height:1.7;margin-top:19px}.p-flow-visual{height:170px}.p-step-copy{padding:23px}.p-step-copy h3{font-size:25px;margin-bottom:15px}.p-step-copy p{font-size:14px}.p-step-copy .launch-example{font-size:15px}.walkthrough-footer{align-items:flex-start;flex-direction:column;gap:9px}.walkthrough-footer .text-link{font-size:12px;white-space:normal;gap:12px}.creator-section{padding-block:48px}}
@media(max-width:359px){.walkthrough-heading h2{font-size:30px}.p-step-copy{padding:20px}}