.workflow-story{background:#fff}.workflow-story>.container{display:block}.workflow-heading{text-align:center;max-width:780px;margin:0 auto 76px}.workflow-heading h2{font-size:clamp(2rem,4.4vw,3.6rem);margin:14px 0 16px}.workflow-heading>i{display:block;width:60px;height:2px;background:var(--orange);margin:0 auto 22px}.workflow-heading p{color:var(--muted);font-size:1.02rem}.proposal-steps{list-style:none;margin:0;padding:0}.proposal-step{position:relative;display:grid;grid-template-columns:minmax(230px,.72fr) 50px minmax(480px,1.5fr);gap:36px;align-items:center;min-height:520px}.proposal-step:not(:last-child):after{content:"";position:absolute;left:calc(29% + 25px);top:52%;bottom:-2%;width:2px;background:linear-gradient(var(--orange),#eadfdc)}.step-copy{align-self:center}.step-number{display:block;color:var(--orange);font-size:2rem;font-weight:850;margin-bottom:13px}.step-copy h3{color:#075273;font-size:1.45rem;line-height:1.35;margin:0 0 12px}.step-copy p{color:var(--muted);line-height:1.75}.timeline-dot{width:42px;height:42px;border-radius:50%;background:var(--orange);border:14px solid #fff7f4;box-shadow:0 0 0 2px var(--orange);z-index:1}.browser-mock{overflow:hidden;border:1px solid #e3e7eb;border-radius:11px;background:#fff;box-shadow:0 24px 55px rgba(23,45,70,.17)}.browser-bar{height:38px;background:#f4f6f8;display:flex;align-items:center;gap:6px;padding:0 14px;color:#8b94a1;font-size:.67rem}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#fb5b57}.browser-bar i:nth-child(2){background:#ffbd38}.browser-bar i:nth-child(3){background:#5dddb5}.browser-bar span{margin-left:15px}.sheet-toolbar{padding:12px 16px;border-bottom:1px solid #e3e7eb;color:#606a78;font-size:.72rem}.mock-sheet{display:grid;grid-template-columns:1.6fr .8fr 1fr 1fr;font-size:.72rem;overflow:hidden}.mock-sheet>*{padding:11px 10px;border-right:1px solid #e4e8ec;border-bottom:1px solid #e4e8ec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-sheet>b{background:#f4f7f9;color:#344054}.gmail-mock{background:#f4f5f7;padding-bottom:18px}.gmail-mock>*:not(.browser-bar){margin-left:15%;margin-right:5%;background:#fff}.mail-title{margin-top:18px!important;padding:13px 17px;background:#354052!important;color:#fff!important;font-size:.8rem}.mail-fields{display:grid;padding:5px 17px}.mail-fields span{padding:9px 0;border-bottom:1px solid #e6e8eb;font-size:.75rem;color:#4d5868}.mail-fields b{display:inline-block;width:58px;color:#87909b}.mail-body{padding:14px 17px;font-size:.76rem;line-height:1.55;color:#374151}.mail-body p{margin:0 0 11px}.mail-actions{padding:3px 17px 14px;display:flex;gap:14px;align-items:center}.mail-actions button{border:0;border-radius:4px;background:#3079e8;color:#fff;padding:8px 22px}.report-layout{display:grid;grid-template-columns:1.7fr .8fr}.report-sheet{grid-template-columns:1.5fr .7fr 1fr}.report-sheet em{font-style:normal;font-weight:750;font-size:.65rem}.report-sheet .opened{background:#b9e8be;color:#176526}.report-sheet .sent{background:#dce9ff;color:#2456a6}.report-sheet .failed{background:#ffd5d2;color:#9c2620}.report-layout aside{background:#f8fafb;border-left:1px solid #e3e7eb;padding:19px;display:grid;align-content:start;gap:10px;font-size:.72rem}.report-layout aside>b{background:#3d4654;color:#fff;margin:-19px -19px 5px;padding:14px}.report-layout aside>strong{font-size:.82rem}.report-layout label{display:flex;justify-content:space-between;margin-top:8px}.report-layout progress{height:8px}.report-layout progress.danger::-webkit-progress-value{background:#e95c4b}.report-layout progress.danger::-moz-progress-bar{background:#e95c4b}@media(max-width:980px){.proposal-step{grid-template-columns:1fr;gap:18px;padding:40px 0;min-height:0}.timeline-dot,.proposal-step:after{display:none}.browser-mock{width:100%}.workflow-heading{margin-bottom:24px}}@media(max-width:620px){.mock-sheet{font-size:.59rem}.mock-sheet>*{padding:8px 5px}.sheet-mock .mock-sheet{grid-template-columns:1.4fr .7fr .9fr .9fr}.report-layout{grid-template-columns:1fr}.report-layout aside{border-left:0;border-top:1px solid #e3e7eb}.gmail-mock>*:not(.browser-bar){margin-left:5%;margin-right:5%}.step-copy h3{font-size:1.25rem}}