/* Three authored scenes: work handoff, shared customer context, local calculation.
   Brand assets are existing; product-shaped surfaces are labelled illustrations.
   Depth comes from bounded composition, light and offset shadows, not WebGL. */
.product-story{--ps-ink:#183153;--ps-muted:#4d6382;--ps-line:#c5d4eb;--ps-blue:#315ce0;position:relative;isolation:isolate;min-width:0;overflow:hidden;background:#dce9ff;color:var(--ps-ink)}
.product-story .pm-visual{height:460px;min-height:0;position:relative;isolation:isolate}
.product-story .ps-stage{height:100%;position:relative;isolation:isolate;container-type:inline-size}
.product-story .ps-stage svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.product-story .ps-stage p,.product-story .ps-stage strong,.product-story .ps-stage span{overflow-wrap:normal}
.product-story .ps-stage strong{font-weight:650}
.product-story .ps-stage p{margin:0}
.product-story .ps-stage img{object-fit:contain}
.product-story .pm-controls{margin:0 30px;padding:14px 0 11px;border-top-color:#aabddc}
.product-story .pm-controls button{background:#f4f8ff;border-color:#9bb4de;color:#284f9d}
.product-story .pm-controls button:hover:not(:disabled){background:#fff}
.product-story .pm-controls button:disabled{background:#e0eaff;color:#4c6182}
.product-story .pm-current-step{color:#294974;font-size:13px}
.product-story [data-frame-counter]{color:#4c6387}
.product-story .pm-steps li{background:#94a9cd}
.product-story .pm-steps li.is-current{background:#315cce}
.product-story .pm-controls button:focus-visible{outline-color:#173f98}
.product-story .pm-honesty{font-size:10px!important;line-height:1.7!important;color:#3c5984!important;margin:0!important;padding:0 30px 17px!important}
.ps-work{background:radial-gradient(ellipse at 22% 25%,#edf5ff 0%,#d4e5ff 45%,#a6c4f7 100%)}
.ps-work:before{content:"";position:absolute;width:72%;height:66%;left:11%;top:12%;border:1px solid #c1d5f2;border-radius:28px;transform:rotate(-5deg);background:#edf5ff75;z-index:-1}
.ps-work-window{position:absolute;left:8%;top:9%;width:64%;border:1px solid #9fb7df;border-radius:12px;background:#fff;box-shadow:0 25px 40px -20px #1a345667;transform:rotate(-2deg);overflow:hidden}
.ps-toolbar{display:flex;align-items:center;gap:10px;padding:13px 20px;border-bottom:1px solid #d4dfef;background:#f8faff}
.ps-toolbar>img{width:25px;height:27px}.ps-toolbar>strong{font-size:13px}.ps-toolbar>span{margin-left:auto;color:#546c8f;font-size:10px}
.ps-work-body{padding:20px 25px 23px}.ps-work-heading{display:flex;align-items:center;justify-content:space-between;position:relative;min-height:27px;margin-bottom:12px;font-size:11px;color:#506685}
.ps-status{padding:4px 9px;border:1px solid #b8cdf2;background:#edf3ff;color:#355ba6;border-radius:5px;font-size:10px;transition:opacity .25s}
.ps-status-delivered,.ps-status-review{position:absolute;right:0;opacity:0}.ps-status-delivered{color:#206044;background:#edf7f1;border-color:#abd5bf}.ps-status-review{color:#55468e;background:#f2effc;border-color:#c8bde9}
.ps-task-title{font-size:clamp(21px,2.6cqw,29px);line-height:1.2;letter-spacing:-.025em;display:block;color:#183153}.ps-task-desc{font-size:12px;line-height:1.7;color:#526a8c;margin-top:8px!important}
.ps-owner-line{display:flex;align-items:center;gap:10px;padding-top:19px;color:#486998}.ps-owner-line>svg{padding:6px;width:33px!important;height:33px!important;border-radius:50%;background:#edf3ff}.ps-owner-line small{display:block;font-size:10px;color:#526a8c;margin-bottom:5px}.ps-owner-line strong{font-size:11px;color:#2d4568}.ps-owner-line>span{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:10px}.ps-owner-line>span svg{width:15px!important;height:15px!important}
.ps-handoff{display:flex;align-items:center;gap:11px;border-top:1px solid #d9e3f2;margin-top:19px;padding-top:16px;opacity:.35;translate:0 8px;transition:opacity .45s,translate .55s var(--io-ease)}
.ps-handoff>span{display:grid;place-items:center;width:35px;height:39px;background:#e6efff;border:1px solid #c3d4f4;border-radius:5px;color:#4168b2}.ps-handoff strong{font-size:12px}.ps-handoff p{font-size:10px;color:#526a8c;margin-top:4px!important;line-height:1.6}.ps-handoff>svg{margin-left:auto;color:#358764;width:17px!important;height:17px!important}
.ps-review{position:absolute;right:7%;bottom:9%;width:40%;display:flex;align-items:center;gap:17px;padding:20px;background:#254da1;color:#f4f7ff;border:1px solid #9ebeee;border-radius:11px;box-shadow:0 20px 30px -17px #0d245977;transform:rotate(2deg);opacity:.45;translate:0 11px;transition:opacity .55s,translate .7s var(--io-ease)}
.ps-review-mark{width:44px;height:48px;border:1px solid #88a9e6;background:#3d65b5;border-radius:11px;display:grid;place-items:center;flex:none}.ps-review-mark>svg{width:28px!important;height:28px!important}.ps-review small{font-size:10px;color:#d6e4ff}.ps-review strong{display:block;font-size:14px;line-height:1.5;margin-top:5px}.ps-review p{font-size:11px;color:#d6e4ff;margin-top:5px!important;line-height:1.6}
.product-story .ps-stage .ps-handoff-path{position:absolute;inset:0;width:100%;height:100%;color:#5f88ce;z-index:-1}.ps-handoff-path path{stroke-dasharray:230;stroke-dashoffset:230;transition:stroke-dashoffset 1.2s var(--io-ease)}
.product-story[data-phase="1"] .ps-handoff,.product-story[data-phase="2"] .ps-handoff,.product-story[data-phase="3"] .ps-handoff{opacity:1;translate:0 0}
.product-story[data-phase="1"] .ps-status-assigned,.product-story[data-phase="2"] .ps-status-assigned,.product-story[data-phase="3"] .ps-status-assigned{opacity:0}
.product-story[data-phase="1"] .ps-status-delivered{opacity:1}
.product-story[data-phase="2"] .ps-status-review,.product-story[data-phase="3"] .ps-status-review{opacity:1}
.product-story[data-phase="2"] .ps-review,.product-story[data-phase="3"] .ps-review{opacity:1;translate:0 0}
.product-story[data-phase="2"] .ps-handoff-path path,.product-story[data-phase="3"] .ps-handoff-path path{stroke-dashoffset:0}
/* Customer context has its own night scene; the centre is the actual IO mark. */
.product-story:has(.ps-context){background:#162a51;--ps-ink:#edf3ff;--ps-muted:#c0d2ed}
.ps-context{background:radial-gradient(ellipse at 46% 70%,#2c61a4 0%,#203765 37%,#101d3a 80%)}
.ps-context:before{content:"";position:absolute;inset:9% 18%;border:1px solid #7296d347;border-radius:50%;transform:rotate(-20deg);z-index:-1}
.ps-channel-cloud{position:absolute;left:7%;top:10%;bottom:10%;width:24%;display:flex;flex-direction:column;justify-content:space-between}.ps-channel{display:flex;align-items:center;gap:11px;align-self:flex-start;background:#f4f7ff;border:1px solid #b2c9ee;border-radius:9px;padding:12px 16px;color:#2d4b7e;font-size:13px;box-shadow:0 10px 22px #080e232e;z-index:1;transition:translate .65s var(--io-ease)}.ps-channel-1{margin-left:18%}.ps-channel-3{margin-left:12%}.ps-channel svg{width:19px!important;height:19px!important;color:#4d6db3}
.product-story .ps-stage .ps-context-paths{position:absolute;inset:0;width:100%;height:100%;color:#9fbeed;z-index:-1;stroke-width:1.6}.ps-context-paths path{stroke-dasharray:6 7;stroke-dashoffset:39;opacity:.35;transition:stroke-dashoffset 1.2s linear,opacity .4s}
.ps-context-core{position:absolute;left:39%;top:32%;width:14%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #9ebded;border-radius:22px;background:linear-gradient(135deg,#ebf3ff,#bdd2f5);color:#244a91;box-shadow:0 16px 35px #060e2866;z-index:1;transform:rotate(-4deg);transition:transform .65s var(--io-ease)}.ps-context-core>img{width:42%;height:auto}.ps-context-core>strong{font-size:14px;margin-top:8px}.ps-context-core>span{font-size:9px;margin-top:6px;position:absolute;top:100%;color:#dce9ff;white-space:nowrap}
.ps-conversation{position:absolute;right:5%;top:12%;width:32%;border:1px solid #98b7e7;border-radius:13px;background:#edf3ff;color:#264573;box-shadow:0 25px 35px -18px #070e2f90;transform:rotate(2deg);overflow:hidden}
.ps-conversation-head{padding:16px 17px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #c6d5ed;background:#fff}.ps-conversation-head>svg{width:28px!important;height:28px!important;background:#e6efff;border-radius:50%;padding:5px;color:#4a6fb7}.ps-conversation-head strong{font-size:12px;display:block}.ps-conversation-head span{font-size:9px;line-height:1.6;color:#50688d;display:block;margin-top:4px}.ps-conversation-head i{margin-left:auto;color:#388a65}.ps-conversation-head i>svg{height:15px!important;width:15px!important}
.ps-context-note{display:flex;gap:7px;align-items:center;padding:13px 16px;background:#e1eaff;color:#3d5d90;font-size:10px;opacity:.35;transition:opacity .5s}.ps-context-note>svg{width:15px!important;height:15px!important}
.ps-bubble{margin:15px 16px;padding:12px 13px;background:#fff;border:1px solid #c4d4ec;border-radius:9px 9px 9px 0}.ps-bubble>small{display:block;color:#546d95;font-size:9px;margin-bottom:5px}.ps-bubble>p{font-size:12px;line-height:1.65;color:#28436b}.ps-bubble-translation{margin-left:32px;background:#315eaf;border-color:#6b92d0;border-radius:9px 0 9px 9px;opacity:.25;translate:0 9px;transition:opacity .5s,translate .65s var(--io-ease)}.ps-bubble-translation>small{color:#cfdef8}.ps-bubble-translation>p{color:#fff}
.ps-human-check{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px 17px;font-size:10px;color:#3e629b;opacity:.3;transition:opacity .5s}.ps-human-check>svg{width:17px!important;height:17px!important}
.product-story[data-phase="1"] .ps-context-note,.product-story[data-phase="2"] .ps-context-note,.product-story[data-phase="3"] .ps-context-note{opacity:1}
.product-story[data-phase="2"] .ps-bubble-translation,.product-story[data-phase="3"] .ps-bubble-translation{opacity:1;translate:0 0}
.product-story[data-phase="3"] .ps-human-check{opacity:1}
.product-story[data-phase="1"] .ps-context-core,.product-story[data-phase="2"] .ps-context-core,.product-story[data-phase="3"] .ps-context-core{transform:rotate(0)}
.product-story:has(.ps-context) .pm-controls{border-top-color:#6685ba}.product-story:has(.ps-context) .pm-current-step,.product-story:has(.ps-context) [data-frame-counter],.product-story:has(.ps-context) .pm-honesty{color:#c5d9f8!important}.product-story:has(.ps-context) .pm-steps li{background:#607ba7}.product-story:has(.ps-context) .pm-steps li.is-current{background:#b8d4ff}
.product-story[data-phase="1"] .ps-context-paths path,.product-story[data-phase="2"] .ps-context-paths path,.product-story[data-phase="3"] .ps-context-paths path{stroke-dashoffset:0;opacity:.85}
/* Data is demonstrable: fixture rows and totals use the existing calculation. */
.ps-data{background:linear-gradient(135deg,#d6e9ff,#b8d3fa 48%,#8fb3f0)}
.ps-file{position:absolute;left:6%;top:23%;width:27%;background:#f8fbff;border:1px solid #9bb4df;border-radius:10px;overflow:hidden;transform:rotate(-5deg);box-shadow:0 20px 30px -15px #26406d55;transition:transform .6s var(--io-ease)}
.ps-file-head{display:flex;align-items:center;gap:8px;padding:15px 14px;background:#e6effe;color:#2e5188;border-bottom:1px solid #c3d5f0;font-size:11px}.ps-file-head>svg{width:18px!important;height:18px!important}.ps-file-head>small{margin-left:auto;font-size:9px}.ps-file-rows{padding:0 13px}.ps-file-rows>div{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #e1e8f3;font-size:11px;font-variant-numeric:tabular-nums}.ps-file-rows span{color:#60779b;font-size:10px}.ps-file-rows i{height:4px;border-radius:2px;width:23%;background:#c7d7f0}.ps-file-rows b{margin-left:auto;color:#3d5b8c;font-weight:550}.ps-file-foot{font-size:10px;color:#526a91;padding:12px 14px}
.ps-rule{position:absolute;left:40%;top:30%;width:18%;text-align:center;border:1px solid #adc7f0;background:#2c55a8;border-radius:17px;padding:19px 8px;color:#fff;box-shadow:0 16px 26px -12px #1b376b77;transform:rotate(-3deg);transition:transform .6s var(--io-ease)}.ps-rule>svg{margin:auto;color:#c1d8ff;width:27px!important;height:27px!important}.ps-rule>span{display:block;font-size:10px;color:#dce8ff;margin-top:12px}.ps-rule>strong{font-size:31px;line-height:1.2;letter-spacing:-.035em;display:block;margin-top:10px;white-space:nowrap;font-variant-numeric:tabular-nums}.ps-rule>small{display:block;font-size:10px;margin-top:9px;color:#dce8ff}
.ps-data-link{position:absolute;top:47%;color:#386abb;opacity:.35;transition:opacity .4s}.ps-data-link>svg{width:36px!important;height:25px!important}.ps-data-link-in{left:34%}.ps-data-link-out{left:59%}
.ps-report{position:absolute;right:5%;top:16%;width:31%;background:#fff;border:1px solid #9ab8e5;border-radius:10px;box-shadow:0 22px 35px -18px #213e6f80;transform:rotate(3deg);overflow:hidden;opacity:.45;translate:0 12px;transition:opacity .55s,translate .65s var(--io-ease)}
.ps-report-heading{display:flex;align-items:center;gap:8px;padding:15px;border-bottom:1px solid #d3e0f2;background:#f7faff}.ps-report-heading>img{width:22px;height:24px}.ps-report-heading>strong{font-size:11px;color:#304e7c}.ps-report-heading>svg{width:15px!important;height:15px!important;margin-left:auto;color:#388567}.ps-report-total{padding:20px 17px 17px;background:#eff5ff}.ps-report-total>span{font-size:10px;color:#4b648b}.ps-report-total>strong{display:block;margin-top:7px;font-size:clamp(26px,4cqw,43px);line-height:1.15;letter-spacing:-.035em;color:#244c99;font-variant-numeric:tabular-nums}.ps-report-rows{padding:0 17px}.ps-report-rows>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 0;border-bottom:1px solid #e0e7f3;font-size:10px;color:#536d94;font-variant-numeric:tabular-nums}.ps-report-rows b{color:#2c4d84;font-weight:650}.ps-report-foot{font-size:9px;color:#4f6992;display:block;padding:12px 17px}
.product-story[data-phase="1"] .ps-rule,.product-story[data-phase="2"] .ps-rule,.product-story[data-phase="3"] .ps-rule{transform:rotate(0)}
.product-story[data-phase="1"] .ps-data-link-in,.product-story[data-phase="2"] .ps-data-link,.product-story[data-phase="3"] .ps-data-link{opacity:1}
.product-story[data-phase="2"] .ps-report,.product-story[data-phase="3"] .ps-report{opacity:1;translate:0 0}
/* A product fills the whole stage; explanation and real evidence follow below. */
.art-directed .w-case.story-case{grid-template-columns:.85fr 1.2fr;gap:0;background:#f8faff;color:#183153;border-color:#a3b7d7;overflow:hidden}
.art-directed .story-case>.product-story{grid-column:1/-1;width:100%;border:0;border-radius:0;padding:0;margin:0;align-self:stretch}
.art-directed .story-case>.w-case-copy{padding:34px 30px 35px 36px;min-width:0}.art-directed .story-case>.w-case-copy>h3{font-size:33px;line-height:1.12;color:#183153;margin:17px 0 16px}.art-directed .story-case>.w-case-copy>h3 em{color:#315cc0}.art-directed .story-case>.w-case-copy>p{color:#4d6382;font-size:14px;max-width:460px}.art-directed .story-case>.w-case-copy>.case-application{--journey-line:#c3d1e7;--journey-muted:#4d6382;--journey-ink:#2a4873;margin-top:19px;padding-top:17px;font-size:13px}.art-directed .story-case .w-state-tag{color:#45618a;border-color:#b7c8e2;background:#ecf2fc;font-size:9px}.art-directed .story-case .io-link{color:#2d55a6;font-size:12px}.art-directed .story-case .w-honest{color:#536b8e!important;font-size:11px!important;line-height:1.8!important}.art-directed .story-case>.w-case-screen{grid-column:2;margin:30px 30px 30px 10px;transform:none;align-self:center;border-color:#afc1dc;box-shadow:0 14px 25px -17px #29416a77}.art-directed .story-case .w-window-bar{background:#e9f0fc;color:#314f7e}.art-directed .story-case .w-window-bar small{color:#46628c}.art-directed .story-case .w-window-bar button{color:#355b99}.art-directed .story-case .w-screen-caption{background:#edf3fd;color:#4e688d}.art-directed .story-case .w-screen-caption button{color:#2c55a5}
.art-directed #w-case-crm.story-case>.w-case-copy{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.art-directed #w-case-crm.story-case .w-state-tag{grid-column:1;justify-self:start;align-self:start}.art-directed #w-case-crm.story-case h3{grid-column:1;grid-row:2/5;max-width:450px}.art-directed #w-case-crm.story-case .w-case-copy>p:first-of-type{grid-column:2;grid-row:1/3;margin-top:0}.art-directed #w-case-crm.story-case .case-application{grid-column:2;grid-row:3;margin-top:15px}.art-directed #w-case-crm.story-case .io-link{grid-column:2;grid-row:4}.art-directed #w-case-crm.story-case .w-honest{grid-column:1/-1;margin:20px 0 0;max-width:850px}
.art-directed .story-case .w-ledger-mount{padding:30px 30px 30px 10px;min-width:0}.art-directed .story-case .w-ledger-mount .io-featured{margin:0;border:1px solid #b7c8e1;border-radius:5px;box-shadow:none}.art-directed .story-case .w-ledger-mount .io-ledger-preview{padding:0}.art-directed .story-case .w-importer{color:#345582}.art-directed .story-case .w-importer summary{color:#345582}
@media(min-width:1400px){.product-story .pm-visual{height:480px}}
@media(max-width:900px){.product-story .pm-visual{height:420px}.ps-toolbar{padding:12px 16px}.ps-toolbar>span{display:none}.ps-work-body{padding:18px}.ps-owner-line>span{display:none}.ps-review{width:43%;padding:17px;gap:12px;right:6%}.ps-work-window{width:68%;left:6%}.ps-review strong{font-size:13px}.ps-channel{font-size:12px;padding:11px 13px}.ps-context-core{width:15%;left:38%;border-radius:17px}.ps-context-core>strong{font-size:12px}.ps-conversation{width:34%;right:4%}.ps-conversation-head{padding:12px}.ps-conversation-head span{font-size:8px}.ps-bubble{margin-inline:12px;padding:10px}.ps-bubble p{font-size:11px}.ps-bubble-translation{margin-left:22px}.ps-context-note{padding:11px 12px;font-size:9px}.ps-file{left:5%;width:28%}.ps-rule{left:40%;width:19%}.ps-report{right:4%;width:31%}.ps-file-head{padding:12px 10px;font-size:10px}.ps-file-head small{display:none}.ps-file-rows{padding-inline:10px}.ps-file-rows i{display:none}.ps-report-heading{padding:12px 10px;gap:6px}.ps-report-heading>strong{font-size:10px}.ps-rule>strong{font-size:28px}.art-directed .w-case.story-case{grid-template-columns:1fr}.art-directed .story-case>.w-case-copy{padding:28px 30px}.art-directed .story-case>.w-case-screen{grid-column:1;margin:0 30px 30px}.art-directed .story-case>.w-case-copy>h3{max-width:650px}.art-directed .story-case>.w-case-copy>h3 br{display:none}.art-directed .story-case>.w-case-copy>p{max-width:700px}.art-directed .story-case .w-ledger-mount{padding:0 30px 30px}.art-directed #w-case-crm.story-case>.w-case-copy{display:block}.art-directed #w-case-crm.story-case .w-case-copy>p:first-of-type{margin-top:15px}}
@media(max-width:640px){.product-story .pm-visual{height:480px}.product-story .pm-controls{margin-inline:18px}.product-story .pm-honesty{padding-inline:18px!important;font-size:10px!important}.product-story .pm-current-step{font-size:12px}.ps-work-window{left:5%;top:7%;width:85%;transform:rotate(-2deg);border-radius:8px}.ps-toolbar{padding:11px 13px;gap:8px}.ps-toolbar>strong{font-size:11px}.ps-toolbar>img{width:21px;height:23px}.ps-work-body{padding:15px 16px 17px}.ps-task-title{font-size:20px}.ps-task-desc{font-size:11px}.ps-owner-line{padding-top:13px}.ps-owner-line strong{font-size:10px}.ps-owner-line small{font-size:9px}.ps-handoff{margin-top:14px;padding-top:13px;gap:9px}.ps-handoff strong{font-size:11px}.ps-handoff p{font-size:9px}.ps-work-heading{margin-bottom:10px;font-size:10px}.ps-status{font-size:9px;padding:4px 7px}.ps-review{right:5%;bottom:6%;width:76%;padding:15px;gap:12px;border-radius:8px}.ps-review-mark{width:36px;height:40px;border-radius:8px}.ps-review small{font-size:9px}.ps-review strong{font-size:12px;margin-top:4px}.ps-review p{font-size:10px;margin-top:4px!important}.ps-handoff-path{display:none!important}
.ps-context:before{inset:12% 5%}.ps-channel-cloud{left:5%;top:7%;width:54%;bottom:auto;height:149px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ps-channel{font-size:10px;gap:6px;padding:10px 9px;margin:0!important;align-self:start;white-space:nowrap}.ps-channel svg{width:15px!important;height:15px!important}.ps-context-core{left:auto;right:7%;top:8%;width:24%;aspect-ratio:1;border-radius:14px}.ps-context-core>strong{font-size:11px;margin-top:6px}.ps-context-core>span{font-size:9px;top:103%}.ps-context-paths{display:none!important}.ps-conversation{top:43%;right:6%;width:84%;transform:rotate(1deg);border-radius:9px}.ps-conversation-head{padding:10px 12px;gap:8px}.ps-conversation-head>svg{width:25px!important;height:25px!important}.ps-conversation-head strong{font-size:11px}.ps-conversation-head span{display:none}.ps-context-note{font-size:10px;padding:10px 12px}.ps-bubble{margin:10px 12px;padding:9px 11px}.ps-bubble p{font-size:11px}.ps-bubble>small{font-size:8px;margin-bottom:3px}.ps-bubble-translation{margin-left:28px;margin-top:0}.ps-human-check{font-size:10px;padding:0 10px 12px;gap:6px}.ps-human-check>svg{width:15px!important;height:15px!important}
.ps-data{background:linear-gradient(145deg,#dcecff,#b9d2fb 55%,#8eafea)}.ps-file{top:7%;left:6%;width:48%;border-radius:7px;transform:rotate(-4deg)}.ps-file-head{font-size:10px;padding:10px}.ps-file-head>svg{width:16px!important;height:16px!important}.ps-file-rows>div{font-size:10px;padding:10px 0;gap:7px}.ps-file-rows span{font-size:9px}.ps-file-foot{font-size:9px;padding:9px 10px}.ps-rule{left:auto;right:6%;top:12%;width:31%;padding:14px 7px;border-radius:11px}.ps-rule>svg{width:23px!important;height:23px!important}.ps-rule>span{font-size:9px;margin-top:9px}.ps-rule>strong{font-size:27px;margin-top:7px}.ps-rule>small{font-size:9px;margin-top:6px}.ps-data-link{display:none}.ps-report{top:auto;bottom:6%;right:7%;width:70%;border-radius:8px;transform:rotate(2deg)}.ps-report-heading{padding:11px 13px}.ps-report-heading>strong{font-size:11px}.ps-report-total{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.ps-report-total>span{font-size:10px;max-width:105px;line-height:1.6}.ps-report-total>strong{font-size:30px;margin:0}.ps-report-rows{padding-inline:15px}.ps-report-rows>div{font-size:10px;padding:7px 0}.ps-report-foot{padding:9px 15px;font-size:9px}
.art-directed .story-case>.w-case-copy{padding:24px}.art-directed .story-case>.w-case-copy>h3{font-size:30px;line-height:1.14;margin-top:16px}.art-directed .story-case>.w-case-copy>p{font-size:14px}.art-directed .story-case>.w-case-copy>.case-application{font-size:13px}.art-directed .story-case>.w-case-screen{margin:0 16px 24px}.art-directed .story-case .w-ledger-mount{padding:0 16px 24px}.art-directed .story-case .w-state-tag{font-size:9px}.art-directed .story-case .w-importer summary{font-size:12px}}
@media(max-width:360px){.product-story .pm-visual{height:490px}.ps-task-title{font-size:18px}.ps-review{width:81%;right:4%}.ps-review strong{font-size:11px}.ps-channel{padding:9px 6px;font-size:9px}.ps-context-core>strong{font-size:10px}.ps-context-core>span{font-size:8px}.ps-file-head{font-size:9px;gap:5px}.ps-file-head>svg{width:14px!important;height:14px!important}.ps-report{width:77%;right:5%}.ps-report-heading>strong{font-size:10px}.ps-rule>span{font-size:8px}.ps-rule>strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.product-story *,.product-story *:before,.product-story *:after{animation:none!important;transition:none!important}}
.io-motion-off .product-story *{animation:none!important;transition:none!important}

/* Scenes also fit narrow columns in wide windows. */
.product-story{container-name:product-story;container-type:inline-size}
@container product-story (max-width:900px){.product-story .pm-visual{height:420px}.ps-toolbar{padding:12px 16px}.ps-toolbar>span{display:none}.ps-work-body{padding:18px}.ps-owner-line>span{display:none}.ps-review{width:43%;padding:17px;gap:12px;right:6%}.ps-work-window{width:68%;left:6%}.ps-review strong{font-size:13px}.ps-channel{font-size:12px;padding:11px 13px}.ps-context-core{width:15%;left:38%;border-radius:17px}.ps-context-core>strong{font-size:12px}.ps-conversation{width:34%;right:4%}.ps-conversation-head{padding:12px}.ps-conversation-head span{font-size:8px}.ps-bubble{margin-inline:12px;padding:10px}.ps-bubble p{font-size:11px}.ps-bubble-translation{margin-left:22px}.ps-context-note{padding:11px 12px;font-size:9px}.ps-file{left:5%;width:28%}.ps-rule{left:40%;width:19%}.ps-report{right:4%;width:31%}.ps-file-head{padding:12px 10px;font-size:10px}.ps-file-head small{display:none}.ps-file-rows{padding-inline:10px}.ps-file-rows i{display:none}.ps-report-heading{padding:12px 10px;gap:6px}.ps-report-heading>strong{font-size:10px}.ps-rule>strong{font-size:28px}}
@container product-story (max-width:640px){.product-story .pm-visual{height:480px}.product-story .pm-controls{margin-inline:18px}.product-story .pm-honesty{padding-inline:18px!important;font-size:10px!important}.product-story .pm-current-step{font-size:12px}.ps-work-window{left:5%;top:7%;width:85%;transform:rotate(-2deg);border-radius:8px}.ps-toolbar{padding:11px 13px;gap:8px}.ps-toolbar>strong{font-size:11px}.ps-toolbar>img{width:21px;height:23px}.ps-work-body{padding:15px 16px 17px}.ps-task-title{font-size:20px}.ps-task-desc{font-size:11px}.ps-owner-line{padding-top:13px}.ps-owner-line strong{font-size:10px}.ps-owner-line small{font-size:9px}.ps-handoff{margin-top:14px;padding-top:13px;gap:9px}.ps-handoff strong{font-size:11px}.ps-handoff p{font-size:9px}.ps-work-heading{margin-bottom:10px;font-size:10px}.ps-status{font-size:9px;padding:4px 7px}.ps-review{right:5%;bottom:6%;width:76%;padding:15px;gap:12px;border-radius:8px}.ps-review-mark{width:36px;height:40px;border-radius:8px}.ps-review small{font-size:9px}.ps-review strong{font-size:12px;margin-top:4px}.ps-review p{font-size:10px;margin-top:4px!important}.ps-handoff-path{display:none!important}
.ps-context:before{inset:12% 5%}.ps-channel-cloud{left:5%;top:7%;width:54%;bottom:auto;height:149px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ps-channel{font-size:10px;gap:6px;padding:10px 9px;margin:0!important;align-self:start;white-space:nowrap}.ps-channel svg{width:15px!important;height:15px!important}.ps-context-core{left:auto;right:7%;top:8%;width:24%;aspect-ratio:1;border-radius:14px}.ps-context-core>strong{font-size:11px;margin-top:6px}.ps-context-core>span{font-size:9px;top:103%}.ps-context-paths{display:none!important}.ps-conversation{top:43%;right:6%;width:84%;transform:rotate(1deg);border-radius:9px}.ps-conversation-head{padding:10px 12px;gap:8px}.ps-conversation-head>svg{width:25px!important;height:25px!important}.ps-conversation-head strong{font-size:11px}.ps-conversation-head span{display:none}.ps-context-note{font-size:10px;padding:10px 12px}.ps-bubble{margin:10px 12px;padding:9px 11px}.ps-bubble p{font-size:11px}.ps-bubble>small{font-size:8px;margin-bottom:3px}.ps-bubble-translation{margin-left:28px;margin-top:0}.ps-human-check{font-size:10px;padding:0 10px 12px;gap:6px}.ps-human-check>svg{width:15px!important;height:15px!important}
.ps-data{background:linear-gradient(145deg,#dcecff,#b9d2fb 55%,#8eafea)}.ps-file{top:7%;left:6%;width:48%;border-radius:7px;transform:rotate(-4deg)}.ps-file-head{font-size:10px;padding:10px}.ps-file-head>svg{width:16px!important;height:16px!important}.ps-file-rows>div{font-size:10px;padding:10px 0;gap:7px}.ps-file-rows span{font-size:9px}.ps-file-foot{font-size:9px;padding:9px 10px}.ps-rule{left:auto;right:6%;top:12%;width:31%;padding:14px 7px;border-radius:11px}.ps-rule>svg{width:23px!important;height:23px!important}.ps-rule>span{font-size:9px;margin-top:9px}.ps-rule>strong{font-size:27px;margin-top:7px}.ps-rule>small{font-size:9px;margin-top:6px}.ps-data-link{display:none}.ps-report{top:auto;bottom:6%;right:7%;width:70%;border-radius:8px;transform:rotate(2deg)}.ps-report-heading{padding:11px 13px}.ps-report-heading>strong{font-size:11px}.ps-report-total{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.ps-report-total>span{font-size:10px;max-width:105px;line-height:1.6}.ps-report-total>strong{font-size:30px;margin:0}.ps-report-rows{padding-inline:15px}.ps-report-rows>div{font-size:10px;padding:7px 0}.ps-report-foot{padding:9px 15px;font-size:9px}
}
@container product-story (max-width:360px){.product-story .pm-visual{height:490px}.ps-task-title{font-size:18px}.ps-review{width:81%;right:4%}.ps-review strong{font-size:11px}.ps-channel{padding:9px 6px;font-size:9px}.ps-context-core>strong{font-size:10px}.ps-context-core>span{font-size:8px}.ps-file-head{font-size:9px;gap:5px}.ps-file-head>svg{width:14px!important;height:14px!important}.ps-report{width:77%;right:5%}.ps-report-heading>strong{font-size:10px}.ps-rule>span{font-size:8px}.ps-rule>strong{font-size:25px}}