/* Workflow page: mirror the Services page pinned-paper section, scoped to this section only. */
.page-service-detail .workflow-setup-section{position:relative;isolation:isolate;overflow:hidden;padding-block:84px 78px;background:linear-gradient(105deg,rgba(39,28,23,.68),rgba(48,35,29,.48)),url('../assets/ways-office-background.webp') center 54%/cover no-repeat}
.page-service-detail .workflow-setup-section::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(31,23,20,.22),transparent 45%)}
.page-service-detail .workflow-setup-section .wrap{position:relative;z-index:1}
.page-service-detail .workflow-setup-section .head{max-width:780px;margin-inline:auto;text-align:center}
.page-service-detail .workflow-setup-section .head .eyebrow{color:#f4d5bd}
.page-service-detail .workflow-setup-section .head h2{color:#fff}
.page-service-detail .workflow-setup-intro{max-width:700px;margin:14px auto 0;color:rgba(255,255,255,.9);font-size:17px;line-height:1.65}
.page-service-detail .workflow-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:30px;margin-top:38px}
.page-service-detail .workflow-setup-grid .opt.sticky-note{position:relative;overflow:visible;min-height:440px;padding:40px 32px 30px;border:0;border-radius:3px;background:#fff0b8;color:#382b25;box-shadow:0 28px 52px -24px rgba(18,12,10,.62),0 9px 18px -9px rgba(18,12,10,.42),inset 0 1px rgba(255,255,255,.72);transform:rotate(-1.2deg) translateY(2px);transition:transform .28s ease,box-shadow .28s ease}
.page-service-detail .workflow-setup-grid .opt.note-two{background:#F4E1B8;transform:rotate(1.15deg) translateY(-5px)}
.page-service-detail .workflow-setup-grid .opt.sticky-note::after{content:"";position:absolute;right:0;bottom:0;width:44px;height:44px;background:linear-gradient(135deg,transparent 49%,rgba(84,58,45,.12) 50%,rgba(255,255,255,.83) 53%);filter:drop-shadow(-3px -3px 3px rgba(56,37,26,.12));pointer-events:none}
.page-service-detail .workflow-setup-grid .opt.sticky-note:hover{z-index:2;transform:translateY(-9px) rotate(0deg);box-shadow:0 36px 56px -24px rgba(18,12,10,.72),0 12px 22px -10px rgba(18,12,10,.45)}
.page-service-detail .workflow-setup-grid .opt.sticky-note small{color:#70594e;font-weight:700;letter-spacing:.06em}
.page-service-detail .workflow-setup-grid .opt.sticky-note h3{color:#35251f;font-size:22px}
.page-service-detail .workflow-setup-grid .opt.sticky-note p,.page-service-detail .workflow-setup-grid .opt.sticky-note li{color:#65534a}
.page-service-detail .workflow-setup-grid .opt.sticky-note ul{padding-left:19px;margin:0}
.page-service-detail .workflow-setup-grid .opt.sticky-note li{font-size:14px;line-height:1.5;margin-bottom:6px}
.page-service-detail .workflow-setup-grid .opt.sticky-note li::marker{color:#c95370}
.page-service-detail .workflow-setup-grid .note-pin{position:absolute;top:14px;left:calc(50% - 9px);z-index:2;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff4d7 0 9%,#d9674d 18%,#9a382d 72%);box-shadow:0 3px 5px rgba(49,28,21,.42),inset 0 1px 2px rgba(255,255,255,.72)}
.page-service-detail .workflow-setup-grid .note-pin::after{content:"";position:absolute;left:7px;top:15px;width:4px;height:13px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#82756c,#e7d9bd 45%,#6a5a50);transform:rotate(8deg);transform-origin:top;box-shadow:1px 2px 2px rgba(35,24,19,.22)}
.page-service-detail .workflow-setup-ctas{justify-content:center;gap:14px;margin-top:34px}
.page-service-detail .workflow-setup-ctas .btn-ghost{border-color:rgba(255,255,255,.78);background:rgba(255,255,255,.08);color:#fff}
.page-service-detail .workflow-setup-ctas .btn-ghost:hover{background:#fff;color:#382b25}
@media(max-width:720px){.page-service-detail .workflow-setup-section{padding-block:64px 58px}.page-service-detail .workflow-setup-grid{grid-template-columns:1fr;gap:22px;margin-top:28px}.page-service-detail .workflow-setup-grid .opt.sticky-note{min-height:0;padding:40px 25px 28px}.page-service-detail .workflow-setup-intro{font-size:15px}.page-service-detail .workflow-setup-ctas{margin-top:28px}}
/* Sticky note palette on the workflow page */
.page-service-detail .workflow-setup-grid .opt.note-one{background:#F9DCE6}
.page-service-detail .workflow-setup-grid .opt.note-two{background:#FFE574}
.page-service-detail .workflow-setup-grid .opt.note-one li::marker{color:#D64E80}
.page-service-detail .workflow-setup-grid .opt.note-two li::marker{color:#A36A00}