/* Soft-locked Process design, prepared from the approved October 11 working preview. */
@import url('identity.css');
.process-six .opening{max-width:800px;padding-top:98px}
.process-six h1{font-size:clamp(44px,6vw,82px)}
.process-six .journey-tools{display:flex;flex-wrap:wrap;align-items:start;gap:20px}
.process-six .motion-control{font:inherit;font-size:12px;min-height:44px;padding:8px 12px;color:#bfd1c8;border:1px solid #2b5147;background:#03100e;cursor:pointer;border-radius:4px}
.process-six .motion-control:focus-visible{outline:3px solid #49dcff;outline-offset:5px}
.process-six .stage-nav{flex:1}
.process-six .thread-light{fill:none;stroke-width:2.7;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:.7}
.process-six[data-motion-off] .thread-light{display:none}
.process-six .thread{opacity:.33}
.process-six .stage-copy{background:radial-gradient(ellipse,#03100e 55%,#03100ef0 73%,#03100e00);position:relative}
.process-six .stage-label{font-size:13px}
.process-six .phone{max-width:300px;justify-self:center;margin-inline:auto}
.process-six .board{max-width:650px}
.process-six figcaption{font-size:13px;line-height:1.7}
.process-six .design-images{min-width:0;display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:44px;align-items:start}
.process-six .design-images .phone{max-width:240px}
.process-six .design-images .board{width:100%}
.process-six .note-reserve{width:100%;max-width:300px;min-height:140px;border-top:1px solid #8663b3;border-bottom:1px solid #2b5147;padding:28px 12px;color:#bfd1c8;justify-self:center}
.process-six .note-reserve span{display:block;font:22px Georgia,serif;margin-bottom:14px;color:#f2eadb}
.process-six .note-reserve small{font-size:13px;line-height:1.7;display:block}
.process-six.version-b .journey-canvas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px 100px}
.process-six.version-b .stage{display:block;padding:65px 0}
.process-six.version-b .stage-copy{margin-bottom:40px}
.process-six.version-b .stage-need .note-reserve{margin-top:75px}
.process-six.version-b .stage-sketch{padding-top:175px}
.process-six.version-b .stage-design{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:75px;padding:100px 0}
.process-six.version-b .stage-design .stage-copy{grid-column:2;grid-row:1;align-self:start;margin-top:110px}
.process-six.version-b .design-images{grid-column:1;grid-row:1;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:22px}
.process-six.version-b .design-images .phone{margin-top:150px}
.process-six.version-b .stage-build{padding-left:40px}
.process-six.version-b .stage-test{margin-top:220px}
.process-six.version-b .stage-refine{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:120px;padding:100px 70px 25px}
.process-six.version-b .closing{grid-column:1/-1;margin-top:15px}
@media(max-width:1000px){
 .process-six .site-header{flex-direction:column;gap:15px;padding-inline:24px}
 .process-six .site-header nav{justify-content:center;gap:24px}
 .process-six main{padding-inline:36px}
 .process-six.version-b .journey-canvas{column-gap:45px}
 .process-six.version-b .stage-design{display:block}
 .process-six.version-b .stage-design .stage-copy{margin:0 0 40px;max-width:580px}
 .process-six.version-b .design-images{grid-template-columns:.6fr 1.4fr;gap:35px}
 .process-six.version-b .design-images .phone{margin-top:0}
 .process-six.version-b .stage-refine{padding-inline:0;gap:55px}
}
@media(max-width:700px){
 .process-six .site-header{padding:18px 16px}
 .process-six .site-brand{font-size:13px;letter-spacing:.1em;gap:10px}
 .process-six .site-header nav{gap:8px 20px;font-size:12px}
 .process-six .site-header nav a{padding:6px 0}
 .process-six main{padding-inline:22px}
 .process-six .opening{padding:54px 0 28px;text-align:left}
 .process-six h1{font-size:42px}
 .process-six .subtitle{font-size:18px}
 .process-six .journey-tools{gap:0;margin-bottom:22px}
 .process-six .stage-nav{flex-basis:100%;gap:0 23px;padding-bottom:14px}
 .process-six .journey-canvas,.process-six.version-b .journey-canvas{display:block;padding-left:18px}
 .process-six .flow-desktop{display:none}
 .process-six .flow-mobile{display:block;left:-7px;width:28px}
 .process-six .flow-mobile .thread{stroke:#9980bd;stroke-width:1.5}
 .process-six .flow-mobile .thread-light{stroke:#9980bd;stroke-width:1.8}
 .process-six .stage,.process-six.version-b .stage{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:47px 0;margin:0;max-width:none;border:0;background:none;box-shadow:none}
 .process-six h2{font-size:31px}
 .process-six p{font-size:16px;line-height:1.8}
 .process-six .stage-label{font-size:12px;gap:12px;letter-spacing:.13em;margin-bottom:21px}
 .process-six .stage-label svg{width:31px;height:31px}
 .process-six .stage-copy,.process-six.version-b .stage-design .stage-copy{margin:0;max-width:none}
 .process-six .note-reserve,.process-six.version-b .stage-need .note-reserve{margin:0;min-height:130px}
 .process-six .design-images,.process-six.version-b .design-images{display:flex;flex-direction:column;align-items:stretch;gap:35px;margin:0}
 .process-six .phone,.process-six .design-images .phone,.process-six.version-b .design-images .phone{max-width:280px;margin:0 auto;width:100%}
 .process-six .board{max-width:100%}
 .process-six .closing,.process-six.version-b .closing{margin:24px 0 0;padding:46px 0;text-align:left;max-width:none}
 .process-six .closing h2{font-size:32px}
 .process-six .site-footer{padding:24px 22px}
}
@media(prefers-reduced-motion:reduce){.process-six .thread-light{display:none}.process-six *{scroll-behavior:auto}}

.process-six.version-b .flow-mobile .thread,
.process-six.version-b .flow-mobile .thread-light{stroke:#7548ae}


.process-six.version-b .curve-emphasis{fill:none;stroke-width:2.8;opacity:.68;vector-effect:non-scaling-stroke;stroke-linecap:round;pointer-events:none}
.process-six.version-b .evidence{position:relative}
.process-six.version-b .identity-label{position:absolute;left:0;top:-26px;max-width:100%;font-size:12px;line-height:18px;font-weight:600;letter-spacing:.025em;color:#bfd1c8;white-space:nowrap}
.process-six.version-b figcaption{position:relative}
.process-six.version-b .image-connection{position:absolute;left:-64px;top:-66px;width:64px;height:80px;overflow:visible;pointer-events:none;fill:none;stroke:#7548ae;stroke-width:1.6;opacity:.64;stroke-linecap:round}
.process-six.version-b .image-connection circle{fill:#7548ae;stroke:none}

.process-six.version-b .stage-design{padding-top:80px;padding-bottom:80px}
@media(max-width:700px){
 .process-six.version-b .stage-design{padding-top:35px;padding-bottom:35px}
 .process-six.version-b .flow-mobile .curve-emphasis{stroke-width:1.9;opacity:.72}
 .process-six.version-b .image-connection{left:-22px;top:-45px;width:22px;height:48px;opacity:.62}
}

/* Retain the approved future-note footprint without public development notices. */
.process-six.version-b .note-reserve{height:141.2px}
@media(max-width:360px){.process-six.version-b .note-reserve{height:166.2px}}