.why-automatic{background:var(--color-surface-alt)}.why-automatic__inner{max-width:1180px;margin:0 auto;padding:clamp(72px,9vw,120px) 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(40px,7vw,96px);align-items:start}.why-automatic__lede{display:flex;flex-direction:column;gap:20px}.why-automatic__body{font-size:clamp(15.5px,1.35vw,17px);line-height:1.7;color:var(--color-text-soft);max-width:46ch}.why-automatic__body p{margin:0}.why-automatic__note{margin:4px 0 0;padding-top:16px;border-top:1px solid var(--color-border);font-size:12.5px;line-height:1.6;color:var(--color-text-soft);max-width:44ch}.why-automatic__states{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(28px,3.5vw,44px);position:relative}.why-automatic__states:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:var(--color-border)}.why-automatic__state{position:relative;display:grid;grid-template-columns:11px minmax(0,1fr);gap:0 22px;align-items:start}.why-automatic__state-marker{width:11px;height:11px;margin-top:7px;border-radius:50%;background:var(--color-surface-alt);box-shadow:inset 0 0 0 1.5px var(--color-text-soft)}.why-automatic__state--final .why-automatic__state-marker{background:var(--color-accent);box-shadow:inset 0 0 0 1.5px var(--color-accent),0 0 0 5px #da5e2524}.why-automatic__state-content{display:flex;flex-direction:column;gap:6px}.why-automatic__state-label{margin:0;font-family:var(--font-body);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-soft)}.why-automatic__state-measure{font-family:var(--font-heading);font-size:clamp(30px,3.6vw,42px);font-weight:500;line-height:1.05;color:var(--color-text);letter-spacing:-.01em}.why-automatic__state--final .why-automatic__state-measure{color:var(--color-accent-dark)}.why-automatic__state-text{margin:2px 0 0;font-size:14.5px;line-height:1.65;color:var(--color-text-soft);max-width:40ch}.why-automatic__figure{max-width:1180px;margin:0 auto;padding:0 24px clamp(72px,9vw,120px)}.why-automatic__figure-image{width:100%;height:auto;display:block;border-radius:var(--radius-lg);aspect-ratio:21 / 9;object-fit:cover}@media(max-width:860px){.why-automatic__inner{grid-template-columns:1fr;gap:clamp(36px,8vw,52px)}.why-automatic__lede .section-heading__title{max-width:20ch}.why-automatic__state-measure{font-size:clamp(26px,8vw,34px)}.why-automatic__figure-image{aspect-ratio:3 / 2}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/why-automatic.css.map */