.commerce-loop{padding:clamp(4.5rem,9vw,9rem) var(--gutter);background:radial-gradient(circle at 88% 12%,rgba(242,129,29,.18),transparent 26rem),#f6f4ef;color:var(--ink)}.commerce-loop-heading,.commerce-loop-stages,.commerce-loop-controls,.commerce-loop-status{width:min(100%,78rem);margin-inline:auto}.commerce-loop-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.55fr);gap:clamp(2rem,6vw,7rem);align-items:end;margin-bottom:clamp(2rem,4vw,3.6rem)}.commerce-loop .eyebrow{color:#cf5e0d}.commerce-loop h2,.commerce-loop h3{margin:0;color:var(--ink)}.commerce-loop h2{font-size:clamp(2.6rem,5.2vw,5.8rem);letter-spacing:-.075em;line-height:.9}.commerce-loop h2 span{color:#ef6e11}.commerce-loop-heading>p{margin:0;color:#0e1116ad;line-height:1.6}.commerce-loop-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;padding:.6rem;border:1px solid rgba(14,17,22,.14);background:#ffffff94}.commerce-loop-controls button{min-height:3.7rem;padding:.65rem .8rem;border:1px solid transparent;background:transparent;color:#0e11169e;cursor:pointer;font:700 .72rem/1.2 var(--sans);text-align:left}.commerce-loop-controls button span{display:block;margin-bottom:.4rem;color:#cf5e0d;font-family:var(--mono);font-size:.52rem;letter-spacing:.1em}.commerce-loop-controls button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.commerce-loop-controls button:focus-visible{outline:3px solid #ef6e11;outline-offset:2px}.commerce-loop-status{min-height:1.5rem;margin-top:1rem;color:#0e11168f;font-family:var(--mono);font-size:.58rem;letter-spacing:.07em;text-transform:uppercase}.commerce-loop-stages{display:grid;gap:1.25rem}.commerce-loop-stage{display:grid;grid-template-columns:minmax(13rem,.85fr) minmax(7.5rem,.42fr) 2.6rem minmax(7.5rem,.42fr);grid-template-areas:"copy business connector customer" "copy outcome outcome outcome";gap:1rem clamp(.8rem,2vw,2rem);align-items:center;padding:clamp(1.25rem,3vw,2.7rem);border:1px solid rgba(14,17,22,.14);background:#fff;box-shadow:0 1.5rem 4rem #0e111617}.commerce-loop-stage[data-loop-stage=prepare]{--loop-accent: #ef6e11}.commerce-loop-stage[data-loop-stage=discover]{--loop-accent: #047e46}.commerce-loop-stage[data-loop-stage=follow]{--loop-accent: #236fc4}.commerce-loop-copy{grid-area:copy}.commerce-loop-copy .eyebrow{margin-bottom:.75rem;color:var(--loop-accent)}.commerce-loop-copy h3{margin-bottom:1rem;font-size:clamp(1.7rem,2.6vw,2.8rem);letter-spacing:-.055em;line-height:.95}.commerce-loop-copy>p:last-child{margin:0;color:#0e1116a8;line-height:1.58}.commerce-loop-phone{position:relative;margin:0;overflow:hidden;border:1px solid rgba(14,17,22,.18);border-radius:1.1rem;background:#fff;box-shadow:0 1rem 2.4rem #0e111629}.commerce-loop-business{grid-area:business}.commerce-loop-customer{grid-area:customer}.commerce-loop-phone img{display:block;width:100%;height:auto}.commerce-loop-phone figcaption{position:absolute;right:.5rem;bottom:.5rem;margin:0;padding:.28rem .4rem;background:#0e1116c7;color:#fff;font-family:var(--mono);font-size:.48rem;letter-spacing:.07em;text-transform:uppercase}.commerce-loop-connector{display:grid;grid-area:connector;justify-items:center;gap:.4rem;color:var(--loop-accent);text-align:center}.commerce-loop-connector span{font-size:2.25rem;line-height:1}.commerce-loop-connector small{color:#0e11167a;font-family:var(--mono);font-size:.46rem;letter-spacing:.06em;text-transform:uppercase}.commerce-loop-outcome{grid-area:outcome;align-self:start;padding:.85rem 0 .1rem;border-top:1px solid rgba(14,17,22,.14)}.commerce-loop-outcome strong{color:var(--loop-accent);font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase}.commerce-loop-outcome p{max-width:40rem;margin:.45rem 0 0;color:#0e1116a8;line-height:1.52}.commerce-loop[data-enhanced=true] .commerce-loop-stage[hidden]{display:none}@media(prefers-reduced-motion:reduce){.commerce-loop *{scroll-behavior:auto!important;transition:none!important}}@media(max-width:760px){.commerce-loop-heading{grid-template-columns:1fr;gap:1.1rem}.commerce-loop-controls{grid-template-columns:1fr}.commerce-loop-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy copy" "business customer" "connector connector" "outcome outcome"}.commerce-loop-connector{grid-auto-flow:column;align-items:center}}@media(max-width:440px){.commerce-loop{padding-inline:1.25rem}.commerce-loop-stage{padding:1rem;gap:.8rem}.commerce-loop h2{font-size:clamp(2.5rem,15vw,4rem)}}