/* A build track, four different artifacts, and a clear path through scattered work. */
.process-refined .process-studio{border:0;border-radius:0;background:transparent;overflow:visible}.process-refined .process-nav{border-top:1px solid #9db8dc44;border-bottom:1px solid #9db8dc44;gap:0}.process-refined .process-nav button{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;min-height:86px;padding:22px 18px;border-right:1px solid #9db8dc22;cursor:pointer}.process-refined .process-nav button:last-child{border-right:0}.process-refined .process-nav button>span{margin:0;color:#d6c1a1;font-size:11px}.process-refined .process-nav b{font-size:14px}.process-refined .process-nav i{left:18px;right:18px;bottom:-1px}.process-refined .process-nav button[aria-pressed=true]{background:linear-gradient(0deg,#aac9f11b,transparent)}.process-refined .process-content{grid-template-columns:.8fr 1.4fr;gap:7%;padding:50px 0 35px;align-items:start}.process-refined .process-copy{padding-top:20px}.process-refined .process-copy h3{font-size:clamp(32px,3.1vw,44px)}.process-refined .process-visual{height:auto;min-height:390px;margin:0;padding:22px 0 0;background:radial-gradient(ellipse at 50% 40%,#38587922,transparent 68%);border-top:1px solid #abc6e32b}.process-refined .process-sheet,.process-refined .process-studio[data-step] .sheet-front{position:relative;inset:auto;padding:0;border:0;border-radius:0;background:transparent!important;transform:none!important;box-shadow:none;color:#e9e2d7;display:flex;align-items:center;gap:22px;min-height:63px}.process-refined .sheet-front>.sheet-title,.process-refined .process-studio[data-step] .sheet-title{font-size:10px;letter-spacing:1.4px;line-height:1.7;color:#d8be99;max-width:95px;flex-shrink:0}.process-refined .sheet-front h4{font-size:20px;line-height:1.25;letter-spacing:-.3px;margin:0;color:#c9d8eb}.process-refined .process-stamp{position:static;margin-left:auto;font:italic 57px/1 Georgia,serif;color:#819ab758}.process-refined .build-artifact{height:246px;display:none;margin:19px 0 12px;align-items:center}.process-refined [data-step="0"] .artifact-trace,.process-refined [data-step="1"] .artifact-plan,.process-refined [data-step="2"] .artifact-preview,.process-refined [data-step="3"] .artifact-care{display:flex;animation:artifact-reveal .65s ease-out both}.artifact-trace svg{display:block;width:100%;height:auto;overflow:visible}.artifact-trace path{stroke-linecap:round;stroke-linejoin:round}.trace-guide{stroke:#9dbadd14;stroke-dasharray:3 8}.trace-line{stroke:#a9c8ea;stroke-width:2}.trace-loop{stroke:#d1ad81;stroke-width:2;stroke-dasharray:4 6}.trace-node{fill:#15273e;stroke:#a9c8ea;stroke-width:2}.trace-gap{fill:#c9986520;stroke:#d1ad8188;stroke-dasharray:2 5}.trace-cross{stroke:#dbb782;stroke-width:1.7}.artifact-trace text{fill:#aebfd5;font:11px 'Helvetica Neue',Arial,sans-serif;letter-spacing:1px}.artifact-trace .trace-gap-label{fill:#e4cbaa}.process-refined .sheet-flow{border-top:1px solid #a5c3e02b;padding-top:16px;gap:18px}.process-refined .sheet-flow b,.process-refined .process-studio[data-step] .sheet-flow b{font-weight:400;font-size:12px;color:#d6e1ee}.process-refined .sheet-flow i{height:auto;background:none;flex:1;font-style:normal;color:#89a5c4;text-align:center}.process-refined .sheet-bottom,.process-refined .process-studio[data-step] .sheet-bottom{margin-top:12px;padding-top:0;border:0;font-size:11px;line-height:1.7;color:#a7b8ce}.process-refined .process-bottom{padding:22px 0;font-size:10px;letter-spacing:1px}.scope-blueprint{width:100%;padding:25px 20px;background-image:linear-gradient(#acc9ed0c 1px,transparent 1px),linear-gradient(90deg,#acc9ed0c 1px,transparent 1px);background-size:18px 18px;border:1px solid #abc4e43b}.blueprint-ruler{display:flex;justify-content:space-between;color:#89a6c9;font-size:9px;letter-spacing:1px;padding-bottom:20px}.blueprint-route{display:flex;align-items:center;justify-content:space-between;gap:12px}.blueprint-route>span{font-size:17px;letter-spacing:-.4px;color:#e6d9c4}.blueprint-route small{display:block;font-size:9px;letter-spacing:0;color:#a7bdd9;margin-top:7px}.blueprint-route>i{font-style:normal;color:#b5cadf}.blueprint-spec{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #a4bddc36;margin-top:27px;padding-top:17px;font-size:10px;color:#bacbe0}.blueprint-spec i{font-style:normal;color:#d5bd96;margin-right:4px}.blueprint-dimension{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:8px;letter-spacing:1.3px;color:#96afd0}.blueprint-dimension>i{height:6px;border-top:1px solid #97b1d15b;border-left:1px solid #97b1d15b;border-right:1px solid #97b1d15b;flex:1}.build-preview{width:100%;border:1px solid #b3c8e24d;background:#192638}.build-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 17px;border-bottom:1px solid #aac3e02b;color:#acc0d9;font-size:10px}.build-toolbar>span:last-child{font-size:8px;letter-spacing:.7px}.build-toolbar i{width:5px;height:5px;display:inline-block;border-radius:50%;background:#b9cda2;margin-right:6px}.build-window{display:grid;grid-template-columns:1fr 1fr}.build-input{background:#d4d8d7;color:#283c53;padding:24px 19px}.artifact-label{font-size:8px;letter-spacing:1.2px;color:#698096}.build-input>p{font:italic 20px/1.45 Georgia,serif;margin:18px 0}.build-cursor{font-size:9px;color:#42607c;border-top:1px solid #8294a24d;padding-top:13px}.build-cursor span{float:right}.build-output{padding:24px 19px}.build-output>.artifact-label{color:#adc4e0}.build-output>div{display:flex;gap:8px;align-items:center;margin-top:18px;font-size:10px;line-height:1.4;color:#cad7e8}.build-output i{font-style:normal;color:#d6bf98}.build-feedback{display:block;color:#829bb7;font-size:8px;line-height:1.5;margin-top:21px}.care-timeline{position:relative;display:flex;justify-content:space-between;gap:15px;width:100%;padding:18px 10px 95px}.care-baseline{position:absolute;top:43px;left:35px;right:35px;height:1px;background:linear-gradient(90deg,#8ca9cb,#dbc29c)}.care-point{position:relative;z-index:1;flex:1;text-align:center}.care-point i{display:grid;place-items:center;width:51px;height:51px;background:#142237;border:1px solid #9db8dc88;border-radius:50%;color:#d5c2a7;margin:0 auto 20px;font:11px monospace;font-style:normal}.care-point:last-of-type i{border-color:#d6c09b;background:#3b3b3b}.care-point>span{display:block;font-size:15px;color:#d9e1eb}.care-point small{display:block;font-size:10px;line-height:1.5;color:#9dafc8;margin-top:8px}.care-return{position:absolute;bottom:3px;left:0;right:0;text-align:center}.care-return svg{width:100%;height:40px;stroke:#9bb8da66;stroke-width:1}.care-return>span{font-size:8px;letter-spacing:1.3px;color:#9eb5d0}
.pain-refined{grid-template-columns:1fr;gap:45px;background:radial-gradient(ellipse at 65% 45%,#27476b28,transparent 65%)}.pain-refined .pain-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:0 9%;align-items:start}.pain-refined .pain-copy>.eyebrow{grid-column:1/-1}.pain-refined .pain-copy h2{grid-column:1;grid-row:2/5;margin-top:6px;font-size:clamp(39px,4.3vw,61px)}.pain-refined .pain-copy>p:not(.eyebrow){grid-column:2;margin-top:4px}.pain-refined .pain-choices{grid-column:2;margin-top:16px;gap:7px}.pain-refined .pain-choices button{min-height:44px;font-size:11px;padding:10px 13px;cursor:pointer}.pain-refined .gap-machine{position:relative;height:auto;min-height:0;margin:0;border-top:1px solid #9ab6d540;border-bottom:1px solid #9ab6d540;padding:28px 0;background:none}.machine-labels{display:flex;justify-content:space-between;color:#a7bcd6;font-size:10px;letter-spacing:1.4px}.machine-labels>span:last-child{color:#dcc6a5}.gap-pathway{position:relative;display:grid;grid-template-columns:26% 39% 35%;height:285px;align-items:center;margin:15px 0 30px}.pain-refined .gap-stack{position:relative;inset:auto;height:100%;display:grid;grid-template-rows:repeat(3,1fr);align-items:center;gap:0}.pain-refined .gap-slab,.pain-refined .gap-machine[data-pain] .gap-slab{position:relative;inset:auto;display:flex;gap:15px;align-items:center;border:0;border-bottom:1px solid #9bb3cf33;border-radius:0;padding:18px 0;background:none;transform:none;box-shadow:none;opacity:1;min-height:68px}.pain-refined .gap-slab>i{display:inline-block;width:auto;height:auto;margin:0;background:none;font:10px monospace;color:#8198b4;flex-shrink:0}.pain-refined .gap-slab>span{color:#aebfd5;font-size:10px;letter-spacing:.8px;line-height:1.7;max-width:190px}.gap-weave{position:relative;height:100%}.gap-weave svg{width:100%;height:100%;overflow:visible}.gap-weave path{stroke:url(#gap-path-light);stroke-width:1.5;fill:none}.gap-weave circle{fill:#d7bd98}.weave-caption{position:absolute;left:35%;top:42%;font-size:8px;line-height:1.6;letter-spacing:1.1px;color:#cbbca7;background:#152136cc;padding:10px 13px;text-align:center;border:1px solid #a7bfd326}.gap-output{height:100%;padding-left:10px}.output-sequence{height:100%;display:none;grid-template-rows:repeat(3,1fr);align-items:center}.gap-machine[data-pain=copy] .output-copy,.gap-machine[data-pain=chase] .output-chase,.gap-machine[data-pain=ai] .output-ai{display:grid;animation:artifact-reveal .65s ease-out both}.output-step{display:flex;align-items:center;gap:14px;border-bottom:1px solid #d4bf9d55;min-height:68px;padding:16px 10px;color:#e4d9c8;background:linear-gradient(90deg,#d2c4ad09,transparent)}.output-step>i{font:10px monospace;color:#d4bc94;font-style:normal}.output-step>span{font-size:14px;line-height:1.5}.output-step>b{margin-left:auto;font-weight:400;color:#aa9273}.pain-refined .gap-answer,.pain-refined .gap-machine[data-pain] .gap-answer{position:relative;inset:auto;padding:30px 0 12px;border:0;border-top:1px solid #9ab6d52b;border-radius:0;background:none;box-shadow:none;transform:none;color:#e2e5e9;display:grid;grid-template-columns:26% 39% 35%;gap:0}.pain-refined .gap-answer>p{font-size:10px;letter-spacing:1.1px;line-height:1.6;color:#d6bd98;margin:8px 0 0}.pain-refined .gap-answer h3{font-size:27px;line-height:1.15;letter-spacing:-.7px;margin:0;padding-right:20px;color:#e3e9f1}.pain-refined .gap-answer em{color:#bdcde2}.pain-refined .gap-answer>span{font-size:12px;line-height:1.8;color:#adbed4;max-width:320px;padding-left:20px}.pain-refined .future-promises{margin-top:0;padding-top:0;border:0;gap:9%}.pain-refined .future-promises article{padding-top:24px;border-top:1px solid #9db7d32a}
@keyframes artifact-reveal{from{opacity:.25;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.process-refined .process-content{gap:5%;grid-template-columns:.8fr 1.3fr}.blueprint-route>span{font-size:14px}.blueprint-route small{font-size:8px}.blueprint-spec{font-size:9px}.build-input,.build-output{padding:20px 14px}.build-input>p{font-size:18px}.build-output>div{font-size:9px}.pain-refined .pain-copy{gap:0 5%}.pain-refined .gap-answer h3{font-size:24px}.gap-pathway{grid-template-columns:27% 34% 39%}.pain-refined .gap-answer{grid-template-columns:27% 34% 39%}.weave-caption{left:25%}.output-step>span{font-size:12px}.pain-refined .gap-slab>span{font-size:9px}}
@media(max-width:780px){.process-refined .process-nav{grid-template-columns:repeat(2,1fr)}.process-refined .process-nav button{padding:17px 12px;min-height:77px;gap:5px;grid-template-columns:25px 1fr}.process-refined .process-nav button:nth-child(2){border-right:0}.process-refined .process-nav button:nth-child(-n+2){border-bottom:1px solid #9db8dc22}.process-refined .process-nav b{font-size:12px;line-height:1.5}.process-refined .process-nav button>span{font-size:10px}.process-refined .process-content{display:block;padding:22px 0 27px}.process-refined .process-copy{padding-top:0}.process-refined .process-copy h3{font-size:35px;margin:20px 0}.process-refined .process-copy>p:not(.mini-label){max-width:none}.process-refined .process-visual{margin-top:35px;padding-top:20px;min-height:0}.process-refined .sheet-front>.sheet-title,.process-refined .process-studio[data-step] .sheet-title{font-size:9px;max-width:79px;letter-spacing:1px}.process-refined .sheet-front h4{font-size:18px}.process-refined .process-sheet,.process-refined .process-studio[data-step] .sheet-front{gap:12px}.process-refined .process-stamp{font-size:46px}.process-refined .build-artifact{height:230px;margin:13px 0}.artifact-trace svg{min-width:0}.artifact-trace text{font-size:13px;letter-spacing:.2px}.process-refined .sheet-flow{gap:10px}.process-refined .sheet-flow b,.process-refined .process-studio[data-step] .sheet-flow b{font-size:11px}.process-refined .sheet-bottom{font-size:10px}.scope-blueprint{padding:20px 12px}.blueprint-ruler{font-size:7px;letter-spacing:.4px;padding-bottom:18px}.blueprint-route{gap:6px}.blueprint-route>span{font-size:12px;letter-spacing:-.3px}.blueprint-route small{font-size:7px;line-height:1.6;max-width:75px}.blueprint-route>i{font-size:12px}.blueprint-spec{font-size:8px;gap:8px;line-height:1.6;margin-top:22px;padding-top:13px}.blueprint-spec i{margin-right:1px}.blueprint-dimension{font-size:7px;letter-spacing:.5px;margin-top:18px}.build-toolbar{padding:12px;font-size:9px;gap:8px}.build-toolbar>span:last-child{font-size:6px;letter-spacing:.4px}.build-input,.build-output{padding:18px 12px}.build-input>p{font-size:16px;margin:18px 0}.artifact-label{font-size:7px;letter-spacing:.7px}.build-cursor{font-size:8px}.build-output>div{font-size:8px;margin-top:15px;gap:5px}.build-feedback{font-size:7px;margin-top:17px}.care-timeline{gap:10px;padding:18px 0 85px}.care-point>span{font-size:12px;line-height:1.4}.care-point small{font-size:9px}.care-point i{width:45px;height:45px;margin-bottom:15px}.care-baseline{top:40px}.care-return>span{font-size:7px;letter-spacing:.6px}.process-refined .process-bottom{font-size:9px;gap:20px;line-height:1.6;padding:18px 0}.pain-refined{display:block}.pain-refined .pain-copy{display:block}.pain-refined .pain-copy h2{font-size:39px}.pain-refined .pain-copy>p:not(.eyebrow){margin-top:12px}.pain-refined .pain-choices{margin:24px 0 35px;gap:7px}.pain-refined .pain-choices button{font-size:11px;padding:10px 12px;min-height:44px}.pain-refined .gap-machine{margin-top:0;padding-top:21px}.machine-labels{font-size:8px;letter-spacing:.6px;gap:30px}.machine-labels>span{max-width:160px;line-height:1.6}.machine-labels>span:last-child{max-width:90px;text-align:right}.gap-pathway{grid-template-columns:42% 15% 43%;height:265px;margin:8px 0 24px}.pain-refined .gap-slab,.pain-refined .gap-machine[data-pain] .gap-slab{gap:7px;min-height:77px;padding:12px 0}.pain-refined .gap-slab>i{font-size:8px}.pain-refined .gap-slab>span{font-size:9px;letter-spacing:.1px;line-height:1.7}.gap-weave svg{height:100%}.gap-weave path{stroke-width:3}.weave-caption{display:none}.gap-output{padding-left:6px}.output-step{gap:7px;padding:12px 0;min-height:77px}.output-step>i{font-size:8px}.output-step>span{font-size:11px;line-height:1.5}.output-step>b{display:none}.pain-refined .gap-answer,.pain-refined .gap-machine[data-pain] .gap-answer{display:block;padding:22px 0 0}.pain-refined .gap-answer>p{margin:0 0 17px;font-size:9px}.pain-refined .gap-answer h3{font-size:28px;padding:0;margin-bottom:16px}.pain-refined .gap-answer>span{padding:0;font-size:13px;max-width:none}.pain-refined .future-promises{margin-top:36px}.pain-refined .future-promises article{padding-top:24px}.pain-refined .future-promises article+article{margin-top:28px}}
@media(max-width:360px){.process-refined .process-nav b{font-size:11px}.process-refined .process-nav button{padding:15px 8px;grid-template-columns:21px 1fr}.process-refined .sheet-front h4{font-size:16px}.process-refined .process-stamp{font-size:39px}.build-input>p{font-size:14px}.build-input,.build-output{padding:16px 9px}.blueprint-route>span{font-size:11px}.blueprint-route small{font-size:6px}.blueprint-spec{font-size:7px}.pain-refined .pain-copy h2{font-size:35px}.pain-refined .pain-choices button{font-size:10px;padding:10px}.output-step>span{font-size:10px}.pain-refined .gap-slab>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.process-refined .build-artifact,.pain-refined .output-sequence{animation:none!important;transition:none!important}.process-refined .process-nav button,.process-refined .process-nav i{transition:none!important}}
.story-paused .process-refined .build-artifact,.story-paused .pain-refined .output-sequence{animation:none!important}

/* Keep captions readable after the wide artifacts stack on a phone. */
.blueprint-ruler,.blueprint-route small,.blueprint-spec,.blueprint-dimension,.build-toolbar>span:last-child,.artifact-label,.build-cursor,.build-output>div,.build-feedback,.care-point small,.care-return>span,.weave-caption{font-size:10px}
.pain-refined .pain-choices button{font-size:12px}.pain-refined .gap-slab>span{font-size:10px}.process-refined .build-artifact{height:auto;min-height:246px}
@media(max-width:780px){.process-refined .sheet-front>.sheet-title,.process-refined .process-studio[data-step] .sheet-title,.process-refined .process-bottom,.machine-labels,.pain-refined .gap-answer>p,.pain-refined .gap-slab>span,.blueprint-ruler,.blueprint-route small,.blueprint-spec,.blueprint-dimension,.build-toolbar,.build-toolbar>span:last-child,.artifact-label,.build-cursor,.build-output>div,.build-feedback,.care-point small,.care-return>span{font-size:10px;letter-spacing:.2px}.process-refined .process-nav b{font-size:12px}.pain-refined .pain-choices button{font-size:12px}.artifact-trace text{font-size:24px;letter-spacing:0}.process-refined .build-artifact{min-height:240px}.blueprint-route{gap:5px}.blueprint-spec{gap:7px}.build-toolbar>span:last-child{max-width:100px;line-height:1.4}.build-output>div{line-height:1.5}.care-point small{line-height:1.5}.pain-refined .gap-slab>span{line-height:1.6}}