.op-task-picker{background:#e8f5ec;padding:56px 0;color:#183526}
.op-task-picker .op-task-head{margin:0 0 24px;max-width:700px}
.op-task-picker .op-task-head h2{margin:0 0 10px;font-size:clamp(26px,3vw,36px);line-height:1.15;letter-spacing:-.025em}
.op-task-picker .op-task-head p{margin:0;color:#40584a;font-size:16px;line-height:1.5}
.op-task-picker .op-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.op-task-picker .op-task-card{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:16px;padding:24px;background:#fff;border:1px solid #bfdbc8;border-radius:18px;color:#183526;text-decoration:none;min-height:116px;box-shadow:0 3px 0 #173f2010}
.op-task-picker .op-task-card:hover{border-color:#16823a;background:#f6fff8}
.op-task-picker .op-task-card strong{display:block;font-size:20px;line-height:1.25;margin-bottom:6px;font-weight:650}
.op-task-picker .op-task-card small{display:block;font-size:15px;line-height:1.45;color:#40584a}
.op-task-picker .op-task-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#dff6e6;color:#167439}
.op-task-picker svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.op-task-picker .op-task-arrow{font-size:24px;color:#147338}
.op-task-picker a:focus-visible{outline:3px solid #126d33;outline-offset:4px}
.op-task-picker .op-task-example{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;background:#193c2a;color:white;border-radius:18px}
.op-task-picker .op-task-example h3{margin:0 0 8px;font-size:19px;color:white}
.op-task-picker .op-task-example p{margin:0;line-height:1.5;font-size:15px;color:#dcebe1;max-width:640px}
.op-task-picker .op-task-example .op-task-price{font-size:28px;line-height:1.2;font-weight:650;white-space:nowrap;color:white;margin-bottom:8px}
.op-task-picker .op-task-example-action{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start}
.op-task-picker .op-task-example a{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 18px;background:#12c143;border:1px solid #12c143;border-radius:10px;color:#08250f;text-decoration:none;font-size:15px;font-weight:650}
.op-task-picker .op-task-example a:focus-visible{outline-color:white}
.op-task-status{grid-column:1/-1;margin:0 0 18px;padding:12px 16px;border-left:3px solid #16823a;background:#edf8f0;color:#183526;font-size:15px;line-height:1.45}
.op-task-status[hidden]{display:none}
.op-task-steps .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:640px){.op-task-picker{padding:36px 0}.op-task-picker .op-task-grid{grid-template-columns:1fr;gap:10px}.op-task-picker .op-task-card{padding:18px 16px;gap:12px;min-height:100px;grid-template-columns:42px minmax(0,1fr) 18px}.op-task-picker .op-task-icon{width:42px;height:42px}.op-task-picker .op-task-card strong{font-size:18px}.op-task-picker .op-task-card small{font-size:14px}.op-task-picker .op-task-example{flex-direction:column;align-items:stretch;padding:22px 20px;gap:18px}.op-task-picker .op-task-example-action{align-items:stretch}.op-task-picker .op-task-example a{width:100%}.op-task-steps .feature-grid{grid-template-columns:1fr}}
