:root{--ink:#1a2540;--muted:#7a849d;--green:#5868d9;--line:#e0e5f1;--cream:#f5f7fc}html{scroll-behavior:smooth}body{background:#f5f7fc}header{position:relative;z-index:10;background:#f8faff;border-color:#e4e9f3;height:84px}.brand{color:#202a4b}.mark{background:#273557;color:#bdcaff}.header-right{gap:20px}.nav-start{padding:10px 16px;border:1px solid #d8e0f0;border-radius:6px;background:white;color:#344570;font-size:11px}.text{color:#6a78ae}.journey{height:195vh;min-height:1150px;position:relative;background:radial-gradient(ellipse at 50% 45%,#e4e9fc 0,transparent 62%),#f5f7fc;--progress:0}.scene{height:calc(100vh - 10px);min-height:660px;max-height:1000px;position:sticky;top:0;overflow:hidden;display:flex;align-items:center;flex-direction:column;padding:40px 5% 30px}.scene-heading{text-align:center;position:absolute;top:6%;z-index:2;opacity:calc(1 - var(--progress)*3);transform:translateY(calc(var(--progress)*-80px));pointer-events:none}.micro{font-size:9px;letter-spacing:2.6px;font-weight:600;color:#828fab}.scene-heading h1{font-size:clamp(40px,4.5vw,68px);line-height:1.08;letter-spacing:-3px;max-width:none;margin:22px 0 16px;color:#263556}.scene-heading h1 span{color:#8494b8}.scene-heading p,.order-heading p{color:#7f8ba5;font-size:13px}.process-field{position:absolute;top:34%;width:min(1140px,95%);height:51%;transition:opacity .5s,transform .8s}.threads{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c3cee6;stroke-dasharray:5 8;opacity:.7}.process{position:absolute;width:225px;padding:16px;background:#ffffffd9;border:1px solid #dce3f1;border-radius:10px;box-shadow:0 12px 30px #29365d09;transition:all .9s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(8px)}.process-top{display:flex;align-items:center;gap:7px;color:#7c88a1;font-size:10px;margin-bottom:16px}.agent-icon{font-size:18px;color:#7085b9}.process-top i{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#a3afd0}.process b{display:block;font-size:12px;font-weight:500;color:#42516e}.process small{display:block;font-size:10px;color:#939eb4;margin-top:7px}.process-tag{display:inline-block;margin-top:14px;padding:4px 6px;background:#eef1f8;color:#8b98b3;letter-spacing:1px;font-size:7px;border-radius:3px}.p1{left:5%;top:3%;transform:rotate(-9deg)}.p2{right:5%;top:0;transform:rotate(8deg)}.p3{left:28%;bottom:0;transform:rotate(5deg)}.p4{right:8%;bottom:0;transform:rotate(-6deg)}.loose{position:absolute;color:#9ca8bf;font-size:11px;transition:opacity .5s}.l1{left:34%;top:3%;transform:rotate(-8deg)}.l2{left:0;bottom:8%;transform:rotate(-6deg)}.l3{right:1%;top:48%;transform:rotate(8deg)}.l4{left:32%;top:40%;font-size:13px;transform:rotate(-4deg)}.order-heading{position:absolute;top:8%;text-align:center;opacity:0;transform:translateY(25px);transition:all .7s}.order-heading h2{font-size:clamp(36px,4vw,60px);line-height:1.1;letter-spacing:-2.5px;margin:18px 0 12px;color:#263556}.order-heading h2 span{color:#5d73c8}.journey-steps{position:absolute;top:43%;left:8%;right:8%;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;opacity:0;transform:translateY(50px);transition:all .9s}.journey-steps:before{content:'';position:absolute;left:8%;right:8%;top:92px;height:1px;background:#c6d2ee}.journey-card{position:relative;border:1px solid #dde4f2;border-radius:12px;background:#fafcff;min-height:225px;padding:20px;box-shadow:0 12px 35px #263d6f05}.journey-num{color:#9aa7c2;font-size:9px;letter-spacing:1px}.journey-icon{margin-top:20px;width:47px;height:47px;display:grid;place-items:center;background:#e9eefe;border:1px solid #dce4fb;border-radius:13px;font-size:27px;color:#6277c9}.journey-card h3{font:600 16px Manrope,sans-serif;letter-spacing:-.5px;color:#35496b;margin:20px 0 9px}.journey-card p{font-size:11px;color:#8b97ae;margin:0;line-height:1.6}.scene-bottom{position:absolute;bottom:6%;left:8%;right:8%;display:flex;justify-content:center;align-items:center;min-height:48px}.scroll-hint{font-size:8px;letter-spacing:2px;color:#8b9ab7}.scroll-hint span{display:block;text-align:center;font-size:20px;margin-top:10px;animation:nudge 2s infinite}.begin{display:none;background:#4c61c6;color:white;border:0;border-radius:7px;padding:15px 25px;font-size:12px;box-shadow:0 8px 22px #4c61c620}.begin span{margin-left:35px}.ordered .scene-heading{opacity:0}.ordered .order-heading{opacity:1;transform:none}.ordered .process-field{opacity:0;transform:scale(.85);pointer-events:none}.ordered .journey-steps{opacity:1;transform:none}.ordered .scroll-hint{display:none}.ordered .begin{display:block}.layout{scroll-margin-top:0;max-width:none;min-height:100vh;border-top:1px solid #dde4f2}.layout aside{background:#edf1fb}.layout main{background:#fafbff}.layout .eyebrow{color:#8997b3}.layout h1{color:#536ca9}.layout .figure-caption{color:#8191af}.layout .figure-node span{background:#edf1fb;color:#7787a6}.layout .orbit svg{stroke:#c5d2ee}.layout .orbit svg circle{fill:#f4f7fd}.layout .orbit svg .outer-ring{stroke:#d2dcef}.layout .hub{background:#465c9d;color:#e6ecff;box-shadow:0 0 0 9px #edf1fb,0 0 0 10px #d5def1}.layout .figure-node b{border-color:#dce4f3;color:#7185b7}.layout .primary{background:#4c61c6;box-shadow:0 3px 9px #4c61c618}.layout .primary:hover{background:#3b50b4}.layout .harness.selected,.layout .option.chosen{background:#eef2ff;border-color:#94a5e2}.layout .selected .check{background:#6a7fd0;border-color:#6a7fd0}.layout .step.active span,.layout .status{background:#e9eefd;color:#6579c4}.layout .step.active{color:#5369b6}.layout .step.done span{background:#5b71c3}.layout .note{color:#8b97b0;border-color:#e1e7f3}.layout .note b{color:#6f80a5}.layout .sub,.layout .hint,.layout .row small,.layout .task p{color:#8994a9}.layout .message{background:#edf1fc}.layout .message b{color:#697fc1}.layout .pill{background:#e9efff;color:#677dc0}.layout .online{color:#7b8cb2}.layout .online i{background:#7d98d3}.layout .terminal{background:#24324f;color:#e1e8fd}.layout .terminal-top,.layout .terminal small{color:#9baed6}.layout .copy{background:#35496b;color:#d9e4ff;border-color:#4c6085}.layout .back{color:#7e8fb6}#toast{background:#344b83}@keyframes nudge{50%{transform:translateY(5px)}}@media(min-width:1600px){.scene{padding-top:70px}.journey-steps{left:15%;right:15%}}@media(max-width:750px){.scene{min-height:700px}.scene-heading{top:7%;padding:0 20px}.scene-heading h1{font-size:44px;letter-spacing:-2px}.micro{font-size:7px;letter-spacing:1.6px}.process-field{top:36%;height:48%}.process{width:180px;padding:12px}.process-top{font-size:9px;margin-bottom:10px}.process b{font-size:10px}.process small{font-size:9px}.p1{left:3%;top:0}.p2{right:2%;top:20%}.p3{left:3%;bottom:5%}.p4{right:2%;bottom:-8%}.loose{display:none}.journey-steps{left:6%;right:6%;top:34%;grid-template-columns:1fr 1fr;gap:12px}.journey-steps:before{display:none}.journey-card{min-height:155px;padding:14px}.journey-icon{width:34px;height:34px;font-size:21px;margin-top:12px}.journey-card h3{font-size:13px;margin:12px 0 5px}.journey-card p{font-size:9px}.order-heading{top:6%}.order-heading h2{font-size:37px}.scene-bottom{bottom:4%}.nav-start{font-size:9px;padding:8px}.header-right{gap:8px}.header-right .text{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene-heading{transform:none}.journey-steps{transform:none}}