.working-result .result-layout{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start;gap:7%}.working-result .result-story{align-self:start;padding-top:36px;position:sticky;top:120px}.journey-demo{--journey-muted:#596578;font:400 14px/1.5 var(--body);text-align:left}.journey-demo *,.journey-demo :before,.journey-demo :after{box-sizing:border-box}.journey-demo button,.journey-demo a,.journey-demo input,.journey-demo select,.journey-demo textarea{-webkit-tap-highlight-color:transparent}.journey-demo :focus-visible{outline:2px solid var(--blue);outline-offset:4px}.journey-demo h3:focus{outline:none}.journey-demo button:disabled{cursor:not-allowed}.journey-demo .demo-toolbar{padding:17px 24px;font-size:9px;line-height:1.5}.journey-demo .demo-toolbar>span:last-child{color:var(--journey-muted);flex-shrink:0}.journey-steps{border-bottom:1px solid #e2e6ee;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.journey-steps li{color:#697386;font:400 9px/1.4 var(--mono);border-bottom:2px solid #0000;align-items:center;gap:8px;padding:15px 10px;display:flex}.journey-steps li:first-child{padding-left:24px}.journey-steps li>span{flex-shrink:0}.journey-steps li[data-state=current]{color:var(--blue);border-color:var(--blue);background:#f2f5ff}.journey-steps li[data-state=done]{color:#28433b}.journey-body{padding:26px}.journey-eyebrow{color:var(--journey-muted);font:400 9px/1.5 var(--mono);letter-spacing:.04em;align-items:center;gap:6px;display:flex}.journey-intro{margin-bottom:25px}.journey-intro h3{font:600 clamp(25px, 2.1vw, 32px)/1.12 var(--display);letter-spacing:-.035em;max-width:22ch;margin:10px 0 13px;scroll-margin-block:120px 50px}.journey-intro p{color:var(--journey-muted);max-width:60ch;margin:0;font-size:13px;line-height:1.7}.journey-fieldset{border:0;min-width:0;margin:24px 0 0;padding:0}.journey-fieldset legend,.journey-field{font:400 10px/1.5 var(--mono);color:#39465b}.journey-fieldset legend{margin-bottom:12px;padding:0}.journey-field{flex-direction:column;gap:8px;margin:20px 0 0;display:flex}.journey-field :is(input,textarea,select){color:#192235;width:100%;min-width:0;font:400 16px/1.4 var(--body);background:#fff;border:1px solid #bac3d1;border-radius:3px;padding:12px}.journey-field textarea{resize:vertical;min-height:84px;max-height:240px}.journey-field input::placeholder,.journey-field textarea::placeholder{color:#6c7686;font-size:13px}.journey-field select{min-height:46px}.journey-hint{color:var(--journey-muted);margin:8px 0 0;font-size:11px;line-height:1.6;display:block}.journey-primary{background:var(--blue);color:#fff;border:1px solid var(--blue);width:100%;min-height:48px;font:400 11px/1.4 var(--mono);text-transform:uppercase;border-radius:3px;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:15px 17px;text-decoration:none;transition:background .18s;display:flex}.journey-primary svg{flex-shrink:0}.journey-primary:hover:not(:disabled){background:#0c2ea9}.journey-primary:disabled{color:#566176;background:#e8ecf3;border-color:#dbe1eb}.journey-text-button{min-height:44px;font:400 11px/1.5 var(--body);color:var(--journey-muted);text-underline-offset:3px;justify-content:center;align-items:center;gap:8px;margin:9px auto -6px;padding:8px 4px;text-decoration:underline;display:flex}.journey-text-button:hover{color:var(--blue)}.journey-range{margin:26px 0 18px;display:block}.journey-range>span{font:400 10px/1.4 var(--mono);color:#39465b;justify-content:space-between;align-items:center;gap:12px;display:flex}.journey-range output{font:500 14px var(--mono);color:var(--blue)}.journey-range input{width:100%;accent-color:var(--blue);cursor:ew-resize;height:36px;margin:5px 0 0}.journey-range small{color:var(--journey-muted);font:400 10px var(--mono);justify-content:space-between;gap:10px;display:flex}.journey-demo input:is([type=checkbox],[type=radio]){accent-color:var(--blue);cursor:pointer;flex-shrink:0;width:17px;height:17px;margin:0}.journey-build-note{color:#4b5c76;background:#f2f5fc;border-top:1px solid #dbe3f2;align-items:flex-start;gap:12px;padding:19px 26px;display:flex}.journey-build-note>svg{color:var(--blue);flex-shrink:0;margin-top:2px}.journey-build-note p{margin:0;font-size:11px;line-height:1.7}.journey-build-note strong{color:#1d2d49;font-weight:600}.journey-check{cursor:pointer;align-items:center;gap:11px;min-height:44px;margin:18px 0 0;font-size:12px;display:flex}.journey-warning{color:#78500e;background:#fff8e9;border-left:2px solid #9b6113;margin-top:18px;padding:12px 14px;font-size:12px}.journey-details{border-block:1px solid #e2e6ee;margin-top:18px}.journey-details summary{cursor:pointer;color:var(--journey-muted);padding:15px 0;font-size:11px}.sample-data{grid-template-columns:1fr 1fr;gap:12px;padding-bottom:18px;display:grid}.sample-data strong{margin-bottom:7px;font-size:11px;display:block}.sample-data code{color:#4d5a6e;font:400 10px/1.9 var(--mono);overflow-wrap:anywhere;display:block}.report-source-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.report-source-picker label,.report-definition>label{cursor:pointer;border:1px solid #d5dce7;border-radius:3px;align-items:center;gap:12px;padding:15px 13px;transition:border-color .18s,background .18s;display:flex}:is(.report-source-picker label:has(:checked),.report-definition>label:has(:checked)){background:#f5f7ff;border-color:#829afa}.report-source-picker strong,.report-definition strong{font-size:13px;font-weight:500;display:block}.report-source-picker small,.report-definition small{color:var(--journey-muted);margin-top:4px;font-size:10px;line-height:1.6;display:block}.report-definition>label+label{margin-top:9px}.report-mapping{border-block:1px solid #e1e7f0;margin-top:17px;padding:3px 0}.report-mapping p{justify-content:space-between;align-items:center;gap:10px;margin:12px 0;display:flex}.report-mapping code{font:400 10px/1.6 var(--mono);overflow-wrap:anywhere}.report-mapping svg{color:var(--blue);flex-shrink:0}.report-mapping strong{font:500 11px var(--mono);flex-shrink:0}.journey-process{color:#f4f6fb;background:#131d2d;border-radius:3px;padding:22px 20px 8px}.journey-process>.journey-eyebrow{color:#a4b6d6}.journey-process ol{margin:19px 0 0;padding:0;list-style:none}.journey-process li{gap:12px;min-height:84px;padding-bottom:23px;display:flex;position:relative}.journey-process li:last-child{min-height:65px}.journey-process li:not(:last-child):before{content:"";background:#3b4a61;width:1px;position:absolute;top:24px;bottom:0;left:11px}.process-marker{border:1px solid #53627a;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.process-marker>span{background:#b7c5da;border-radius:50%;width:4px;height:4px}.journey-process li[data-state=done] .process-marker{color:#c4d3ff;background:#293f6c;border-color:#92aeff}.journey-process li[data-state=running] .process-marker{color:#fff;background:#284fee;border-color:#829cff}.journey-process li[data-state=running] .process-marker svg{animation:1.5s linear infinite journey-spin}.journey-process li[data-state=paused] .process-marker{color:#e2c484;border-color:#e2c484}.journey-process li[data-state=paused] .process-marker>span{background:#e2c484}.journey-process li>div{flex:1;min-width:0}.journey-process strong{font-size:12px;font-weight:500}.journey-process li p{color:#b3bfd1;overflow-wrap:anywhere;margin-top:5px;font-size:11px;line-height:1.7}.journey-process li>small{color:#b3bfd1;font:400 8px/1.5 var(--mono);flex-shrink:0;padding-top:6px}.journey-process li[data-state=paused]>small{color:#e2c484}.report-sheet{background:#fafbfe;border:1px solid #d4dce8;border-top:3px solid #254eff;padding:22px 20px}.report-sheet-top{font:400 8px/1.5 var(--mono);color:#526078;justify-content:space-between;gap:12px;display:flex}.report-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:26px 0;display:grid}.report-totals span{color:var(--journey-muted);font-size:10px}.report-totals strong{font:600 clamp(23px, 2.5vw, 35px)/1.2 var(--display);letter-spacing:-.05em;margin-top:6px;display:block}.report-target{border-top:1px solid #dde4ef;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-block:17px;font-size:11px;display:flex}.report-target strong{font:400 10px var(--mono)}.report-target>div{background:#e2e7f2;width:100%;height:5px;margin-top:3px}.report-target>div>span{background:var(--blue);height:100%;display:block}.report-sheet>p{color:var(--journey-muted);margin:3px 0 0;font-size:10px}.report-sheet blockquote{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px dashed #cbd4e2;margin-top:18px;padding-top:18px;font-size:14px;line-height:1.7}.approval-artboard{border:1px solid #d1d8e4}.approval-version-label{font:400 8px/1.5 var(--mono);color:#515e72;background:#f7f8fa;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.approval-canvas{isolation:isolate;display:grid;position:relative;overflow:hidden}.approval-canvas>.approval-poster,.approval-canvas>.approval-revision{grid-area:1/1}.approval-poster{background:var(--poster-bg);color:#182015;flex-direction:column;justify-content:space-between;gap:25px;min-height:255px;padding:25px 23px;display:flex;position:relative;overflow:hidden}.approval-poster>span,.approval-poster>small{font:400 8px/1.5 var(--mono);z-index:1;position:relative}.approval-poster>strong{z-index:1;font:700 clamp(36px, 4.4vw, 68px)/.93 var(--display);letter-spacing:-.045em;overflow-wrap:anywhere;max-width:8ch;display:block;position:relative}.approval-orb{background:var(--poster-orb);width:250px;height:250px;box-shadow:-16px 0 0 var(--poster-edge);border-radius:50%;position:absolute;top:22px;right:-92px}.approval-hotspot{z-index:2;border:1px dashed #20291990;border-radius:2px;min-height:44px;transition:background .16s,border-color .16s;position:absolute}.approval-hotspot>span{font:400 9px var(--mono);color:#fff;white-space:nowrap;background:#172215;align-items:center;gap:5px;padding:6px 8px;display:flex;position:absolute;top:-12px;left:-1px}.headline-hotspot{width:57%;top:65px;bottom:49px;left:12px}.color-hotspot{width:30%;top:77px;bottom:30px;right:12px}.approval-hotspot:hover,.approval-hotspot[aria-pressed=true]{border:2px solid var(--blue);background:#fff2}.approval-hotspot[aria-pressed=true]>span{background:var(--blue)}.approval-empty-note{color:var(--journey-muted);align-items:center;gap:9px;margin:18px 0 0;font-size:11px;display:flex}.approval-empty-note svg{color:var(--blue);flex-shrink:0}.approval-note{border-left:2px solid var(--blue);margin-top:24px;padding-left:17px}.journey-swatches{flex-wrap:wrap;gap:9px 14px;display:flex}.journey-swatches label{cursor:pointer;align-items:center;gap:6px;min-height:44px;font-size:11px;display:flex}.journey-swatches label>span{background:var(--swatch);border:1px solid #1a263d40;border-radius:50%;width:16px;height:16px}.approval-journey .journey-process{margin-top:22px}.approval-revision{z-index:2;position:relative}.approval-revision>.approval-poster{height:100%}.approval-divider{z-index:3;pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 3px #0008}.approval-divider>span{color:#1c2b47;background:#fff;border:1px solid #bec8d9;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.approval-compare-gesture{z-index:4;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.approval-canvas:has(.approval-compare-gesture:focus-visible){outline:3px solid var(--blue);outline-offset:-3px}.approval-pin{z-index:5;background:var(--blue);color:#fff;font:400 10px var(--mono);pointer-events:none;border:2px solid #fff;border-radius:3px;align-items:center;gap:3px;padding:5px 7px;display:flex;position:absolute;top:48px}.approval-pin.headline{left:13px}.approval-pin.color{right:20%}.approval-feedback{border-left:2px solid var(--blue);overflow-wrap:anywhere;white-space:pre-wrap;margin:24px 0 0;padding:2px 0 2px 14px;font-size:13px;line-height:1.7}.approval-feedback>span{color:var(--journey-muted);font:400 9px var(--mono);margin-bottom:9px;display:block}.approval-receipt{margin-top:24px}.approval-receipt>div{color:#244a3d;align-items:center;gap:10px;font-size:13px;display:flex}.approval-receipt>div svg{flex-shrink:0}.approval-receipt ol{margin:20px 0 0;padding:0;list-style:none}.approval-receipt li{border-top:1px solid #e1e6ee;padding:14px 0}.approval-receipt li span{font:400 9px var(--mono);color:var(--journey-muted)}.approval-receipt li p{overflow-wrap:anywhere;white-space:pre-wrap;margin-top:7px;font-size:12px;line-height:1.6}.cms-browser{border:1px solid #cbd4e1;border-radius:4px;overflow:hidden}.cms-browser-bar{color:#58667c;font:400 8px/1.4 var(--mono);background:#f9fafc;border-bottom:1px solid #d8e0eb;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;display:flex}.cms-browser-bar>span:first-child{gap:4px;display:flex}.cms-browser-bar i{background:#aab5c6;border-radius:50%;width:5px;height:5px;display:block}.cms-browser-bar>span:last-child{color:#2149d2}.cms-viewport{background:repeating-linear-gradient(90deg,#edf0f5 0 1px,#f5f7fa 1px 8px);padding:12px;overflow:hidden}.cms-preview{color:#263227;background:var(--cms-background);margin:0 auto;transition:width .15s;box-shadow:0 2px 5px #202f4314;container-type:inline-size}.cms-site-nav{border-bottom:1px solid #26322720;justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.cms-site-nav>strong{font:600 17px/1 var(--body);letter-spacing:-.06em}.cms-site-nav>span{font:400 6px/1.4 var(--mono)}.cms-hero{grid-template-columns:1.4fr .8fr;align-items:center;gap:22px;padding:30px 20px;display:grid}.cms-kicker{font:400 6px/1.6 var(--mono);letter-spacing:.03em;display:block}.cms-copy{min-width:0}.cms-copy h4,.cms-destination h4{font:500 clamp(25px, 5.5cqi, 35px)/1.06 var(--body);letter-spacing:-.06em;overflow-wrap:anywhere;margin:15px 0}.cms-copy h4:focus,.cms-destination h4:focus{outline:none}.cms-copy>p{max-width:26ch;font-size:9px;line-height:1.7}.cms-editable-headline{text-align:left;font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;overflow-wrap:anywhere;border:1px dashed #0000;border-radius:2px;width:calc(100% + 8px);margin:-4px;padding:3px}.cms-editable-headline svg{vertical-align:middle;color:#344e3c;margin-left:6px;display:inline-block}.cms-editable-headline:hover{background:#ffffff3b;border-color:#345140}.cms-preview-cta{color:#fff;max-width:100%;min-height:36px;font:400 9px/1.5 var(--body);text-align:left;overflow-wrap:anywhere;background:#263b2a;border-radius:2px;justify-content:space-between;align-items:center;gap:14px;margin-top:17px;padding:10px 12px;display:inline-flex}.cms-preview-cta svg{flex-shrink:0}.cms-preview-cta:hover:not(:disabled){background:#112316}.cms-preview-cta:disabled{cursor:default}.cms-object-scene{flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:160px;display:flex;position:relative}.cms-object{background:linear-gradient(95deg, var(--cms-edge), var(--cms-object) 40%, #263c2b);border-radius:32% 32% 28% 28%/42% 42% 16% 16%;width:100%;max-width:100px;height:145px;position:relative;transform:rotate(10deg);box-shadow:13px 18px 13px #13261625}.cms-object:before{content:"";border:4px solid var(--cms-object);background:#1a3025;border-radius:50%;width:48%;height:13px;position:absolute;top:-2px;left:26%}.cms-object-scene>span{font:400 5px/1.5 var(--mono);color:#3e4e3c}.cms-site-footer{font:400 6px/1.4 var(--mono);border-top:1px solid #26322720;justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;display:flex}.cms-preview.is-narrow .cms-hero{grid-template-columns:1fr;gap:22px}.cms-preview.is-narrow .cms-object-scene{align-items:flex-end;gap:18px;min-height:95px;padding-right:15px}.cms-preview.is-narrow .cms-object{width:60px;height:86px}.cms-preview.is-narrow .cms-copy h4{font-size:28px}.cms-edit-hint{color:var(--journey-muted);align-items:flex-start;gap:7px;margin-top:12px;font-size:10px;line-height:1.6;display:flex}.cms-edit-hint svg{color:var(--blue);flex-shrink:0}.cms-field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cms-responsive-check{border-top:1px solid #e1e6ee;margin-top:22px;padding-top:1px}.cms-responsive-check .journey-range{margin-bottom:12px}.cms-responsive-check .journey-check{margin-top:8px}.cms-responsive-check .journey-check:has(input:disabled){color:#637086;cursor:default}.cms-check-results{border-top:1px solid #d6deeb;margin:24px 0 0;padding:0;list-style:none}.cms-check-results li{border-bottom:1px solid #e3e8f0;align-items:flex-start;gap:10px;padding:12px 0;display:flex}.cms-check-results li>span{color:#785314;width:18px;height:18px;font:500 11px var(--mono);background:#fff3d7;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.cms-check-results li[data-valid=true]>span{color:#276644;background:0 0}.cms-check-results strong{font-size:12px;font-weight:500}.cms-check-results p{color:var(--journey-muted);margin-top:4px;font-size:11px;line-height:1.5}.cms-release-receipt{align-items:flex-start;gap:12px;margin-top:25px;display:flex}.cms-release-receipt>svg{color:#276644;flex-shrink:0}.cms-release-receipt strong{font-size:14px;font-weight:500}.cms-release-receipt p{color:var(--journey-muted);margin-top:7px;font-size:12px;line-height:1.6}.cms-release-receipt .journey-text-button{margin-left:0}.website-journey .journey-process{margin-top:24px}.cms-destination{padding:25px 20px}.cms-destination h4{max-width:16ch;font-size:29px}.cms-destination>p{margin:20px 0;font-size:12px;line-height:1.7}.cms-destination>button{align-items:center;gap:6px;min-height:44px;margin-top:20px;font-size:10px;display:flex}.cms-collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:40px;display:grid}.cms-collection>div{min-width:0}.cms-collection span{margin-top:20px;font-size:8px;line-height:1.5;display:block}.cms-mini-object{background:linear-gradient(95deg, var(--cms-edge), var(--cms-object) 50%, #263c2b);border-radius:40% 40% 15% 15%;width:70%;height:75px;margin:0 auto;box-shadow:7px 9px 7px #13261620}.cms-mini-object.object-1{border-radius:10% 10% 45% 45%;width:100%;height:35px;margin-top:40px}.cms-mini-object.object-2{border-radius:5% 5% 25% 25%;width:70%;height:52px;margin-top:23px}@keyframes journey-spin{to{transform:rotate(360deg)}}@media (max-width:1000px){.working-result .result-layout{grid-template-columns:1fr;gap:30px}.working-result .result-story{padding-top:0;position:static}.working-result .result-story .chosen-problem{max-width:35ch}.working-result .result-story>p:not(.chosen-problem){max-width:55ch}.working-result .demo-selector{max-width:400px}.working-result .demo-stage{justify-self:center;width:min(100%,700px)}.approval-poster>strong{font-size:clamp(42px,7vw,62px)}}@container (max-width:420px){.journey-body{padding:21px 16px}.journey-demo .demo-toolbar{gap:12px;padding:14px 16px;font-size:8px}.journey-steps li{flex-direction:column;align-items:flex-start;gap:5px;padding:12px;font-size:8px}.journey-steps li:first-child{padding-left:16px}.journey-build-note{padding:17px 16px}.report-source-picker{grid-template-columns:1fr}.report-source-picker label{padding:12px}.report-totals{gap:8px}.report-totals strong{font-size:25px}.report-totals span{font-size:9px}.report-sheet{padding:17px 13px}.report-sheet-top{font-size:7px}.report-mapping p{flex-wrap:wrap;justify-content:flex-start;gap:7px}.journey-process{padding:18px 13px 4px}.journey-process li{gap:9px}.journey-process li>small{font-size:7px}.approval-poster{min-height:255px;padding:23px 16px}.approval-version-label>span:last-child{display:none}.approval-poster>strong{font-size:46px}.approval-orb{right:-158px}.approval-note{padding-left:12px}.cms-field-pair{grid-template-columns:1fr;gap:0}.cms-browser-bar{gap:7px;padding-inline:10px;font-size:7px}.cms-browser-bar>span:first-child{display:none}.cms-viewport{padding:8px}.cms-hero{grid-template-columns:1fr;padding:25px 18px}.cms-copy h4{font-size:29px}.cms-object-scene{align-items:flex-end;gap:18px;min-height:95px;padding-right:15px}.cms-object{width:60px;height:86px}.cms-site-nav{padding:16px 18px}.cms-site-footer{padding:13px 18px}}@media (prefers-reduced-motion:reduce){.journey-demo *,.journey-demo :before,.journey-demo :after{transition:none!important;animation:none!important}}
