.task-picker{scroll-margin-top:2rem}.task-picker__layout{display:grid;grid-template-columns:minmax(235px,.72fr) minmax(0,1.6fr);gap:1rem}.task-picker__tabs{display:grid;align-content:start}.task-picker__tab{display:grid;grid-template-columns:2rem 1fr;align-items:center;gap:.65rem;min-height:3.5rem;padding:.7rem .75rem;border:0;border-radius:.75rem;text-align:left;cursor:pointer}.task-picker__number{font-size:.75rem;font-weight:700}.task-picker__panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);gap:1rem;padding:1.5rem}.task-picker__copy{align-self:start}.task-picker__visual{min-height:190px;align-self:stretch}.task-picker__metrics{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:1rem}.task-picker__metric{display:flex;align-items:center;gap:.75rem;min-width:0;padding-left:1rem}.task-picker__metric>svg{width:2rem;height:2rem;flex:none}.task-picker__metric-copy{display:grid;gap:.15rem}.task-picker__metric-copy small{line-height:1.35}.task-picker__steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.task-picker__step{display:flex;align-items:center;gap:.65rem;min-width:0}.task-picker__step-icon{display:grid;width:2.6rem;height:2.6rem;flex:none;place-items:center}.task-picker__step-icon svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.task-picker__step-copy{display:grid;gap:.15rem;min-width:0}.task-picker__step-copy small{line-height:1.35}.task-picker__cta:after{content:" →"}@media(max-width:760px){.task-picker__layout{grid-template-columns:1fr}.task-picker__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.task-picker__panel{grid-template-columns:1fr}.task-picker__visual{min-height:160px}.task-picker__metrics{grid-template-columns:1fr 1fr}.task-picker__cta{grid-column:1/-1;grid-row:3}.task-picker__steps{gap:.5rem}.task-picker__step{align-items:flex-start;flex-direction:column}.task-picker__metric{padding-left:.5rem}}@media(max-width:420px){.task-picker__tabs{grid-template-columns:1fr}.task-picker__metrics{grid-template-columns:1fr}.task-picker__metric{padding-left:0;border-left:0}.task-picker__steps{grid-template-columns:1fr 1fr}.task-picker__step{flex-direction:row;align-items:center}}
.task-picker{margin-top:4rem}
.task-picker__text p+p{margin-top:.5rem}
.task-picker__visual{position:relative}
.task-picker__image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.task-picker__tabs,.task-picker__panel{background:linear-gradient(145deg,#fff 25%,rgba(239,246,255,.9) 75%,rgba(245,243,255,.95));border-color:rgba(203,213,225,.75)}
.task-picker__tab{position:relative;grid-template-columns:2rem 1fr 1rem;border-left:3px solid transparent;transition:background .2s,border-color .2s;color:inherit}
.task-picker__tab::after{content:"→";opacity:0;color:#3b82f6}
.task-picker__tab[aria-selected="true"]{border-left-color:#3b82f6;background:linear-gradient(100deg,rgba(59,130,246,.13),rgba(124,58,237,.08) 65%,rgba(255,255,255,0));font-weight:600}
.task-picker__tab[aria-selected="true"]::after{opacity:1}
.task-picker__tab:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}
@media(max-width:760px){.task-picker{margin-top:2.5rem}}
@media(min-width:761px){
  .task-picker__panel{min-height:480px;grid-template-rows:minmax(0,1fr) 56px 64px}
  .task-picker__metrics{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));height:56px}
  .task-picker__visual{min-height:0;align-self:stretch}
  .task-picker__steps{align-items:center}
}
.task-picker__cta{width:100%;min-width:0;min-height:54px;text-align:center}
@media(min-width:761px) and (max-width:1023px){
  .task-picker__layout{grid-template-columns:1fr}
  .task-picker__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .task-picker__panel{grid-template-rows:auto;min-height:0}
  .task-picker__visual{height:240px}
  .task-picker__cta{grid-row:1}
}