.lc-buyer-start { padding: 76px 0; }
.lc-buyer-start h2 { max-width: 800px; margin: 14px 0 12px; font-size: clamp(32px, 4vw, 52px); line-height: 1.12; }
.lc-buyer-start .lc-buyer-intro { color: #64748b; margin: 0 0 32px; font-size: 18px; }
.lc-buyer-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 30px; align-items: stretch; }
.lc-buyer-visual { margin: 0; min-width: 0; border: 1px solid #d3dfeb; border-radius: 12px; overflow: hidden; background: linear-gradient(145deg, #fff, #edf3f8); box-shadow: inset 0 1px 0 #fff, 0 16px 36px #17315c0c; }
.lc-buyer-picture { height: 350px; display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); place-items: center; padding: 20px; }
.lc-buyer-picture > img { width: 100%; height: 100%; object-fit: contain; grid-area: 1 / 1; }
.lc-buyer-picture > img { pointer-events: none; user-select: none; }
.lc-buyer-picture > img[data-equipment="reflow"] { width: 88%; height: 88%; }
.lc-buyer-picture > img[data-entering] { animation: lc-picture-enter 450ms ease both; }
.lc-buyer-picture > img[data-leaving] { animation: lc-picture-leave 450ms ease both; }
@keyframes lc-picture-enter { from { opacity: 0; transform: translateX(-12%); } to { opacity: 1; transform: translateX(0); } }
@keyframes lc-picture-leave { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(12%); } }
.lc-buyer-start [hidden] { display: none !important; }
.lc-buyer-visual figcaption { padding: 16px 22px; font-size: 14px; color: #64748b; border-top: 1px solid #d3dfeb; }
.lc-buyer-paths { display: grid; gap: 14px; }
.lc-buyer-path { display: grid; grid-template-columns: 36px 1fr 24px; gap: 14px; align-items: center; padding: 22px; border: 1px solid #c8d5e4; border-radius: 8px; background: linear-gradient(160deg, #fff 0%, #ffffffa6 55%, #e5edf5 100%); box-shadow: inset 0 2px 0 #fff, inset 0 -2px 1px #17315c08, 0 7px 15px #17315c0c; color: #0f172a; text-decoration: none; }
.lc-buyer-path > i:first-child { color: #ff6600; font-size: 26px; }
.lc-buyer-path > i:last-child { color: #d95100; }
.lc-buyer-path h3 { margin: 0 0 5px; font-size: 23px; }
.lc-buyer-path p { margin: 0 0 8px; color: #64748b; font-size: 14px; line-height: 1.5; }
.lc-buyer-path b { font-size: 14px; color: #a64000; }
.lc-buyer-path:hover, .lc-buyer-path[data-active=true] { border-color: #ffb27c; background: linear-gradient(160deg, #fff, #fff5ed); box-shadow: inset 0 2px 0 #fff, 0 8px 18px #d9510012; }
.lc-buyer-path:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
@media (max-width: 900px) { .lc-buyer-layout { grid-template-columns: 1fr; } .lc-buyer-picture { height: 300px; } }
@media (max-width: 640px) { .lc-buyer-start { padding: 44px 0; } .lc-buyer-picture { height: 240px; padding: 14px; } .lc-buyer-path { padding: 18px; } .lc-buyer-path h3 { font-size: 21px; } }
@media (prefers-reduced-motion: reduce) { .lc-buyer-picture > img { animation: none !important; } }