/* The approved homepage components, adapted for workflow previews and subscriber discovery. */
.homepage-anchor{display:block;height:0;scroll-margin-top:95px}
.home-hero .hero-description{max-width:530px}
.home-hero .hero-description>p{max-width:440px}
.vault-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.home-hero .vault-hero-actions .button{margin:0}
.home-hero .vault-secondary{background:transparent;color:var(--paper);border:1px solid #faf6ed80}
.home-hero .vault-secondary:hover{background:#faf6ed1f}
.workflow-grid{align-items:stretch}
.workflow-preview-card img[src$="modern-service-automation.webp"],.hero-case img[src$="modern-service-automation.webp"]{object-position:right top}
.workflow-preview-card{min-width:0;grid-column:auto}
.workflow-availability{display:flex;align-items:center;gap:7px;margin:18px 10px 0;color:#5d6655;font-size:11px;line-height:1.5}
.workflow-availability>span{width:6px;height:6px;flex-shrink:0;background:#8d927c;border-radius:50%}
.workflow-preview-card h3{min-height:0;margin-top:12px}
.workflow-preview-card>p{min-height:0;line-height:1.65}
.workflow-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0 10px;margin:0 0 22px}
.workflow-tags li{font-size:10px;line-height:1.5;padding:5px 8px;border:1px dashed #c2bdad;border-radius:999px;color:var(--muted)}
.workflow-preview-trigger{border:0;background:transparent;padding:0;cursor:pointer;text-align:left;width:calc(100% - 20px);font:inherit;min-height:44px!important}
.workflow-preview-card:focus-within .work-image img{transform:scale(1.03)}
.workflow-preview-card:focus-within .work-link>span{background:var(--reference-ink);color:var(--paper);transform:rotate(-45deg)}
.workflow-preview-card:focus-within .work-link:before{width:110px}
.workflow-preview-open{overflow:hidden}
.workflow-modal{border:0;padding:0;width:min(830px,calc(100vw - 40px));max-height:calc(100dvh - 48px);margin:auto;background:var(--paper);color:var(--ink);border-radius:24px;overflow:auto;overscroll-behavior:contain;box-shadow:0 25px 100px #0b172449;background-image:var(--paper-material)}
.workflow-modal::backdrop{background:#172332b8;backdrop-filter:blur(5px)}
.workflow-modal[open]{animation:workflow-modal-in .35s var(--reference-ease)}
.workflow-modal-art{height:215px;overflow:hidden;background:#29384d}
.workflow-modal-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.workflow-modal-close{position:absolute;right:16px;top:16px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:var(--paper);color:var(--ink);font-size:28px;line-height:1;box-shadow:0 3px 15px #17233222}
.workflow-modal-content{padding:35px}
.workflow-modal-content .eyebrow{font-size:10px;margin-bottom:18px}
.workflow-modal h2{font-size:45px;line-height:1.1;max-width:640px;margin-bottom:22px}
.workflow-modal-intro{font-size:15px;line-height:1.8;max-width:670px;color:var(--muted)}
.workflow-modal-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}
.workflow-modal h3{font-size:27px;line-height:1.2;margin-bottom:18px}
.workflow-modal-columns ul{padding-left:18px}
.workflow-modal-columns li,.workflow-modal-columns p{font-size:13px;line-height:1.8;color:var(--muted)}
.workflow-modal-columns li{margin-bottom:9px}
.workflow-modal-note{background:#29384d;color:var(--paper);padding:24px;border-radius:20px;margin-top:25px;display:flex;gap:24px;align-items:center;justify-content:space-between}
.workflow-modal-note p{font-size:12px;line-height:1.8;max-width:310px}
.workflow-modal-note .button{flex-shrink:0;background:var(--paper);color:var(--ink);font-size:12px;min-height:44px}
@keyframes workflow-modal-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:810px) and (max-width:1199px){.home-hero .hero-description{max-width:calc(100% - 360px)}}
@media(max-width:809px){.home-hero .hero-description{max-width:100%}.home-hero .vault-hero-actions{width:100%;gap:8px;margin-top:18px}.home-hero .vault-hero-actions .button{margin:0}.workflow-modal-content{padding:27px}.workflow-modal h2{font-size:37px}}
@media(max-width:600px){.workflow-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:22px}.workflow-modal-art{height:180px}.workflow-modal-content{padding:25px 22px}.workflow-modal h2{font-size:35px}.workflow-modal-columns{grid-template-columns:1fr;gap:22px}.workflow-modal-note{flex-direction:column;align-items:flex-start;gap:18px;padding:22px}.workflow-tags li{font-size:11px}.workflow-availability{font-size:12px}.workflow-preview-card>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.workflow-modal[open]{animation:none}}
.motion-paused .workflow-modal[open]{animation:none}
@media(min-width:810px) and (max-height:800px){.home-hero{height:calc(100svh - 92px);min-height:560px;max-height:700px}}
@media(min-width:601px) and (max-width:1199px){.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.workflow-grid{grid-template-columns:1fr}}