/* Approved four-message experiment. The baseline study remains at ./ */
.workflow-story .hero-copy h1{position:relative;width:min(1120px,100%);height:168px;margin:0 auto 24px;font-size:76px;line-height:84px}
.headline-measure{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;visibility:hidden}
.headline-measure>span{display:block;width:100%;text-align:center}
.headline-letters{position:absolute;inset:0;display:block}
.headline-letters>span{position:absolute;display:block;letter-spacing:0;white-space:pre;line-height:normal}
.workflow-story .product-scene{max-width:1244px;aspect-ratio:1244/739}
.workflow-story .product-model{width:1244px;height:739px}
.workflow-story .product-model .desktop-window{width:1100px;height:739px}
.workflow-story .app-scale-slot{aspect-ratio:auto;height:701px}
.workflow-story .app{height:815.71px}
.workflow-story .product-model .phone-composition{width:234px;bottom:6px}
.workflow-story .iphone{width:234px;height:499px;padding:0;border-radius:0;background:transparent;box-shadow:0 24px 60px #09243f30}
.workflow-story .iphone:after,.workflow-story .phone-buttons{display:none}
.workflow-story .phone-display{visibility:hidden}
.workflow-phone{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
.workflow-summary{position:absolute;inset:0;padding:24px 28px;background:white}
.workflow-summary h4{font-size:17px;line-height:24px;margin:26px 0 10px}
.workflow-summary p{font-size:16px;line-height:26px;max-width:700px;margin:0}
.workflow-summary .summary-status{font-size:14px;color:#875607}
.summary-source{border-top:1px solid var(--line);padding-top:16px;margin-top:26px;color:#66645e;font-size:13px}
.workflow-steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.workflow-steps button{min-height:44px;padding:10px 14px;background:white;border:1px solid #153f7040;border-radius:8px;color:var(--sky-ink);font-size:14px}
.workflow-steps button[aria-pressed=true]{background:var(--sky-ink);color:white}
@media(max-width:1050px){.workflow-story .hero-copy h1{font-size:clamp(36px,5.2vw,60px);line-height:1.12;height:144px}}
@media(max-width:760px){.workflow-story .hero-copy h1{font-size:36px;line-height:40px;height:120px;letter-spacing:-.035em}.workflow-story .product-scene{width:calc(100% - 24px)}.workflow-story .support{max-width:440px}.workflow-story .hero-copy{padding-top:34px}.workflow-story .product-model .mobile-badge{font-size:12px}.workflow-story .hero{padding-bottom:36px}}
@media(max-width:360px){.workflow-story .hero-copy h1{font-size:32px;line-height:37px;height:111px}}
@media(hover:hover) and (pointer:fine){.workflow-steps button:hover{background:#e5edf8}.workflow-steps button[aria-pressed=true]:hover{background:var(--sky-ink)}}
@media(prefers-reduced-motion:reduce){.workflow-story .product-view{transform:none;transition:none}}
.workflow-story.reduced .product-view{transform:none;transition:none}