@font-face{font-family:RegestaHero;src:url("hero-3d/poppins-600.ttf") format("truetype");font-weight:600;font-display:swap}
.rg-viz:has(.rg-production){padding:0;overflow:hidden;background:var(--panel,#161517)}
.rg-production{position:relative;width:100%;color:var(--ink,#fff)}
.rg-production__canvas{height:clamp(330px,36vw,560px);position:relative;background:#f4f3ef;overflow:hidden}
.rg-production__canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0;opacity:0}
.rg-production.is-ready canvas{opacity:1}
.rg-production__fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.rg-production.is-ready .rg-production__fallback{visibility:hidden}
.rg-production__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:26px 30px 30px;position:relative}
.rg-production__steps:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--line2,#363638)}
.rg-production__steps:after{content:'';position:absolute;top:0;left:0;height:3px;width:calc(var(--production-progress,0)*100%);background:var(--brand2,#e9333a)}
.rg-production__step{display:grid;grid-template-columns:28px 1fr;column-gap:12px;align-content:start}
.rg-production__number{font-size:16px;line-height:1.5;font-weight:700;color:var(--muted,#aaa)}
.rg-production__step.is-current .rg-production__number{color:var(--brand2,#e9333a)}
.rg-production__step strong{font-size:18px;line-height:1.4;font-weight:600}
.rg-production__step p{grid-column:2;margin:6px 0 0;font-size:16px;line-height:1.55;color:var(--muted,#aaa)}
.rg-production__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 30px 24px}
.rg-production__footer p{font-size:14px;line-height:1.5;margin:0;color:var(--muted,#aaa)}
.rg-production__replay{font-family:inherit;font-weight:600;line-height:1.3;min-height:44px;border:1px solid var(--line2,#444);border-radius:6px;background:transparent;color:inherit;padding:10px 16px;cursor:pointer;flex-shrink:0;font-size:15px}
.rg-production__replay:hover{border-color:var(--brand2,#e9333a)}
.rg-production__replay:focus-visible{outline:2px solid var(--brand2,#e9333a);outline-offset:3px}
@media(max-width:640px){.rg-production__canvas{height:320px}.rg-production__steps{grid-template-columns:1fr;gap:20px;padding:24px 20px}.rg-production__step strong{font-size:18px}.rg-production__footer{align-items:flex-start;flex-direction:column;padding:0 20px 20px}.rg-production__footer p{max-width:29ch}}