.og-intro .mg-brand{margin-top:26px}.og-intro .mg-photo img{max-height:380px}.og-flow{padding:28px;border:1px solid #ded6c8;border-radius:28px;background:linear-gradient(135deg,#faf7f0,#eee8db)}.og-tabs{display:flex;gap:10px;flex-wrap:wrap}.og-tabs button{flex:1;padding:15px 19px;border-radius:16px;border:1px solid #d7cfbf;background:#fbfaf7;color:#343c31;font:inherit;font-size:14px;text-align:left;cursor:pointer}.og-tabs button[aria-pressed=true]{background:#3c4638;color:#fff;border-color:#3c4638}.og-panel{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:34px;min-height:325px}.og-panel[hidden]{display:none}.og-panel svg{width:100%;height:auto;overflow:visible}.og-panel svg text{font-family:inherit;font-size:19px;fill:#4b5345}.og-copy h3{font-size:29px;line-height:1.16;margin-bottom:16px}.og-copy p{font-size:17px;line-height:1.65}.og-copy strong{display:block;margin-top:18px;font-size:13px;line-height:1.5;font-weight:500;color:#8b622a}.og-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ddd3c1;padding-top:16px}.og-controls span{font-size:12px;line-height:1.5;color:#737869}.og-controls button{flex-shrink:0;padding:11px 17px;border:1px solid #cdbfa8;border-radius:30px;background:#fff9ed;font:inherit;font-size:13px;cursor:pointer}.og-flow.is-running .og-cut{animation:og-cut 1.2s linear infinite}.og-flow.is-running .og-pieces{animation:og-pieces 3s ease-in-out infinite}.og-flow.is-running .og-blade{animation:og-blade 3s ease-in-out infinite}.og-flow.is-running [data-og-panel="0"] .og-stop{animation:og-stop 3s ease-in-out infinite}.og-flow.is-running [data-og-panel="1"] .og-board{animation:og-board 3s ease-in-out infinite}.og-flow.is-running [data-og-panel="2"] .og-pusher,.og-flow.is-running [data-og-panel="2"] .og-board{animation:og-feed 3s ease-in-out infinite}.og-flow button:focus-visible{outline:3px solid #ee981b;outline-offset:4px}.og-intro~section .mg-catalog{margin-top:24px}.og-intro~section .mg-table{min-width:0}.og-intro~section .mg-grid>.mg-card{min-width:0}.og-intro~section .mg-card .mg-table th,.og-intro~section .mg-card .mg-table td{padding:12px;font-size:13px}.og-intro~section .mg-card .mg-catalog{flex-wrap:wrap}.og-intro~section .mg-photo img{max-height:300px}
@keyframes og-cut{to{stroke-dashoffset:-26}}@keyframes og-pieces{50%{transform:translateY(-12px)}}@keyframes og-blade{0%,20%,100%{transform:translateY(-10px)}55%,65%{transform:translateY(10px)}}@keyframes og-stop{0%,20%,100%{transform:translateX(0)}55%,75%{transform:translateX(-55px)}}@keyframes og-board{0%,20%,100%{transform:translateX(0)}55%,75%{transform:translateX(28px)}}@keyframes og-feed{0%,15%,100%{transform:translateX(0)}65%,80%{transform:translateX(-100px)}}
@media(max-width:850px){.og-panel{grid-template-columns:1fr;gap:0}.og-copy{min-height:190px;padding:0 10px 25px}.og-panel svg{max-width:660px;margin:auto}.og-tabs button{padding:12px;font-size:13px}.og-flow{padding:20px}}
@media(max-width:500px){.og-tabs{display:grid;grid-template-columns:1fr;gap:6px}.og-tabs button{padding:11px 14px}.og-copy h3{font-size:25px}.og-copy p{font-size:16px}.og-controls{align-items:flex-start;flex-direction:column;gap:12px}.og-panel svg text{font-size:22px}.og-flow{padding:15px}.og-intro~section .mg-catalog{flex-wrap:wrap}.og-intro~section .mg-table th,.og-intro~section .mg-table td{overflow-wrap:anywhere}.og-intro h1{font-size:clamp(36px,10vw,48px)}}
@media(prefers-reduced-motion:reduce){.og-flow *{animation:none!important;transition:none!important}}.motion-reduced .og-flow *{animation:none!important;transition:none!important}
.og-flow.is-running .og-mark{animation:og-mark 2s ease-in-out infinite}@keyframes og-mark{50%{opacity:.5}}