.home-workflow{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:40px 0 32px;padding:0;list-style:none;display:grid}.workflow-step{--step-accent:#c1adff;--step-tint:#a78bfa17;background:linear-gradient(155deg,var(--step-tint),transparent 60%),#0f131e;border:1px solid #303344;border-radius:16px;flex-direction:column;min-width:0;padding:26px 24px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000018}.workflow-step:before{content:"";background:linear-gradient(90deg,var(--step-accent),transparent);opacity:.7;height:2px;position:absolute;top:0;left:24px;right:24px}.workflow-add{--step-accent:#aabfff;--step-tint:#7fa0ff14}.workflow-review{--step-accent:#a5d7ef;--step-tint:#70c3e614}.workflow-publish{--step-accent:#a3dec4;--step-tint:#73d4ac14}.workflow-step-top{align-items:center;gap:12px;margin-bottom:26px;display:flex}.workflow-icon{border:1px solid color-mix(in srgb,var(--step-accent) 25%,transparent);background:var(--step-tint);width:46px;height:46px;color:var(--step-accent);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.workflow-stage{letter-spacing:.1px;color:var(--step-accent);font-size:14px;font-weight:600}.workflow-direction{color:#747e95;flex-shrink:0;margin-left:auto}.home-workflow .workflow-step h3{letter-spacing:-.6px;min-height:60px;margin:0 0 16px;font-size:25px;font-weight:600;line-height:1.2}.home-workflow .workflow-step p{color:#b7bdce;min-height:128px;margin:0 0 26px;font-size:15px;line-height:1.7}.workflow-sketch{color:#c4cadb;pointer-events:none;-webkit-user-select:none;user-select:none;border-top:1px solid #ffffff12;height:112px;margin-top:auto;padding-top:19px;font-size:12px;line-height:1.5}.extraction-sketch{align-items:center;gap:10px;display:flex}.extraction-sketch>svg{color:var(--step-accent);flex-shrink:0}.sketch-noise{opacity:.65;flex-wrap:wrap;align-content:center;gap:6px;width:35%;display:flex;transform:rotate(-5deg)}.sketch-noise i{background:#616578;border-radius:2px;width:39%;height:5px;display:block}.sketch-noise i:nth-child(3n){background:#41485b;width:88%}.sketch-noise i:nth-child(4){width:61%}.sketch-source{background:#bba5ff07;border:1px solid #bba5ff38;border-radius:7px;flex-direction:column;flex:1;gap:8px;padding:12px 10px;display:flex}.sketch-source span{color:var(--step-accent);white-space:nowrap;font-size:11px}.sketch-source i{background:#8c829e;border-radius:2px;width:100%;height:4px;display:block}.sketch-source i:last-child{width:70%}.context-sketch,.review-sketch{flex-direction:column;gap:8px;display:flex}.context-sketch span{justify-content:space-between;align-items:center;gap:8px;display:flex}.context-sketch b{width:18px;height:18px;color:var(--step-accent);background:#aabfff12;border-radius:5px;place-items:center;font-size:15px;font-weight:400;display:grid}.review-sketch span{align-items:center;gap:9px;display:flex}.review-sketch svg{color:var(--step-accent)}.publish-sketch{flex-direction:column;justify-content:center;gap:12px;display:flex}.publish-source{color:var(--step-accent);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.publish-source i{background:var(--step-accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #a3dec425}.publish-sketch>span:last-child{color:#aeb7c9;font-size:11px;line-height:1.6}@media (max-width:1100px){.home-workflow{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.home-workflow .workflow-step h3{min-height:0}.home-workflow .workflow-step p{min-height:77px}.workflow-sketch{width:100%;max-width:290px}.workflow-step-top{margin-bottom:22px}}@media (max-width:580px){.home-workflow{grid-template-columns:1fr;gap:16px;margin-top:28px}.workflow-step{padding:24px}.workflow-step-top{margin-bottom:20px}.home-workflow .workflow-step h3{font-size:25px}.home-workflow .workflow-step p{min-height:0;margin-bottom:22px;font-size:16px}.workflow-sketch{max-width:none;height:104px}.workflow-direction{transform:rotate(90deg)}.extraction-sketch{gap:20px}.sketch-source{max-width:170px}.sketch-source span{font-size:12px}}