.folder-workflows{padding-top:86px;padding-bottom:80px;scroll-margin-top:90px}
.folder-heading{text-align:center;margin:0 auto 58px;max-width:660px}.folder-heading h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.035em;margin:0 0 14px}.folder-heading p{font-size:18px;color:#466273;margin:0}
.workflow-folders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.workflow-folder{position:relative;padding-top:34px;min-width:0;transition:transform .25s ease}.folder-tab{position:absolute;top:0;left:0;height:36px;padding:11px 22px 0;border:1px solid #c9dce7;border-bottom:0;border-radius:16px 18px 0 0;background:#fff;color:#087ba8;font-size:12px;font-weight:700;letter-spacing:.025em;z-index:1}.folder-paper{height:100%;position:relative;border:1px solid #c9dce7;border-radius:0 18px 18px 18px;padding:28px 24px;background:linear-gradient(160deg,#fff 65%,#f2f8fb);box-shadow:0 12px 28px -24px #08243355;display:flex;flex-direction:column}.folder-paper h3{font-size:23px;line-height:1.18;letter-spacing:-.025em;margin:0 0 12px}.folder-paper>p{font-size:15px;line-height:1.6;color:#466273;margin:0 0 25px}.folder-example{margin-top:auto;padding:20px;background:#eef5f9;border-radius:12px;min-height:216px}.folder-eyebrow{display:block;font-size:11px;color:#466273;margin-bottom:18px}.folder-example>strong{font-size:16px;display:block}.folder-example blockquote{margin:14px 0 20px;font-size:15px;line-height:1.6;color:#17394b}.folder-footnote{display:block;font-size:12px;color:#466273}.folder-next{border-left:2px solid #0ea5e9;padding-left:12px;margin:18px 0}.folder-next span{display:block;font-size:12px;color:#466273;margin-bottom:6px}.folder-next b{font-size:14px;font-weight:550}.inbox-demo-replay{display:block;margin:14px auto 0;padding:9px 14px;border:1px solid #bfd5e1;border-radius:8px;background:#fff;color:#082433;font:inherit;font-size:13px;cursor:pointer}.inbox-demo-replay:hover{background:#eaf5fb}.inbox-demo-replay:focus-visible{outline:3px solid #087ba8;outline-offset:3px}.inbox-demo-replay:disabled{cursor:default;opacity:.65}.inbox-demo-replay[hidden]{display:none}
@media(hover:hover){.workflow-folder:hover{transform:translateY(-4px)}}
@media(max-width:800px){.workflow-folders{grid-template-columns:1fr;gap:28px}.folder-workflows{padding-top:60px;padding-bottom:50px}.folder-heading{margin-bottom:36px}.folder-paper{padding:24px}.folder-example{min-height:0}.folder-heading p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.workflow-folder{transition:none}.workflow-folder:hover{transform:none}}

/* Same back, paper and tilted front construction as Today FolderFloat. */
.workflow-folder{padding-top:0}.workflow-native-folder{position:relative;height:164px;margin:18px 6px 0;isolation:isolate}.workflow-folder-back{position:absolute;inset:12px 0 0;border-radius:14px;background:#078cc1;transform:perspective(600px) rotateX(8deg);transform-origin:50% 100%}.workflow-folder-back:before{content:"";position:absolute;top:-14px;left:0;width:42%;height:28px;border-radius:14px 14px 0 0;background:inherit}.workflow-folder-sheet{position:absolute;top:28px;left:8%;right:8%;height:55%;background:white;border-radius:6px;box-shadow:0 -3px 0 -1px #e8f0f5}.workflow-folder-front{position:absolute;inset:40px 0 0;display:flex;align-items:flex-end;padding:22px;border-radius:14px;background:linear-gradient(180deg,#1daee8,#09a5e6 60%);color:#082c3d;transform:perspective(600px) rotateX(-16deg);transform-origin:50% 100%;font-size:17px;font-weight:750}.folder-paper{height:auto;border:0;border-radius:0;background:none;box-shadow:none;padding:24px 8px 0}.folder-example{min-height:210px;background:#edf4f8}.workflow-folder:hover{transform:none}@media(max-width:800px){.workflow-native-folder{max-width:360px;margin-inline:auto;width:100%}.folder-example{min-height:0}.workflow-folders{gap:44px}}

/* Content lives on the exposed sheet; folder proportions remain fixed. */
.workflow-folders{gap:36px;align-items:start}
.workflow-native-folder{width:100%;max-width:350px;height:390px;margin:0 auto;isolation:isolate}
.workflow-folder-back{inset:165px 0 0;transform:none;border-radius:16px}
.workflow-folder-sheet{top:16px;left:7%;right:7%;height:290px;box-sizing:border-box;padding:24px 20px;background:#fff;border:1px solid #d1e0e8;border-radius:10px;box-shadow:0 8px 22px #08243312,0 -5px 0 -2px #eef4f8;transition:transform .3s ease;z-index:1}
.workflow-folder-sheet .folder-eyebrow{font-size:11px;margin-bottom:18px;color:#087ba8;font-weight:650}
.workflow-folder-sheet>strong{font-size:19px;line-height:1.25;display:block}
.workflow-folder-sheet>p{font-size:14px;line-height:1.55;color:#365568;margin:12px 0}
.workflow-folder-sheet .folder-footnote{font-size:10px;margin-top:14px}
.workflow-folder-front{inset:246px -3px 0;z-index:2;padding:23px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;transform:perspective(600px) rotateX(-10deg);border-radius:16px;background:linear-gradient(180deg,#1daee8,#09a5e6 70%)}
.workflow-folder-front>span{font-size:11px;font-weight:650;letter-spacing:.02em}
.workflow-folder-front>h3{font-size:22px;line-height:1.15;letter-spacing:-.025em;margin:0;max-width:260px}
@media(hover:hover){.workflow-folder:hover .workflow-folder-sheet{transform:translateY(-10px)}}
@media(max-width:800px){.workflow-folders{grid-template-columns:1fr;gap:32px}.workflow-native-folder{max-width:330px;height:390px}.folder-heading{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.workflow-folder-sheet{transition:none}.workflow-folder:hover .workflow-folder-sheet{transform:none}}

/* Final paper hierarchy: readable copy, balanced fronts, restrained depth. */
.workflow-native-folder{max-width:350px;height:410px}
.workflow-folder-back{inset:173px 0 0;background:#078bb7;box-shadow:0 10px 18px -12px #08364c44}
.workflow-folder-sheet{top:10px;height:320px;padding:25px 22px;border-color:#d5e1e8;box-shadow:0 5px 16px #16394d0d,0 -5px 0 -2px #edf3f7}
.workflow-folder-sheet .folder-eyebrow{font-size:12px;letter-spacing:0;margin-bottom:20px;color:#416477}
.workflow-folder-sheet>strong{font-size:21px;letter-spacing:-.02em;line-height:1.2}
.workflow-folder-sheet>p{font-size:16px;line-height:1.5;margin:12px 0 16px;color:#294b5d}
.workflow-folder-sheet .folder-footnote{font-size:11px;color:#496778}
.workflow-folder-front{inset:268px -3px 0;padding:24px;gap:10px;box-shadow:inset 0 1px 0 #ffffff50,0 8px 14px -12px #0b496066}
.workflow-folder-front>span{font-size:12px;color:#07364c}
.workflow-folder-front>h3{font-size:23px;line-height:1.15;color:#062c3d;max-width:240px;text-wrap:balance}
@media(max-width:800px){.workflow-native-folder{max-width:330px;height:410px}.workflow-folders{gap:38px}}