@layer components{.mf-products-section-y{padding-block:var(--mf-section-padding-y)}#business-flow .mf-products-section-y{padding-top:2.5rem}#menu-first,#product-story,#loin-usage,#consult-checklist,[id^=menu-]{scroll-margin-top:calc(var(--mf-header-safe-height) + 4.5rem)}.mf-products-business-flow{grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.mf-products-business-step{border-top:1px solid var(--border);grid-template-columns:2.25rem minmax(0,1fr);align-items:baseline;gap:1rem .75rem;min-width:0;padding-block:1.5rem;display:grid;position:relative}.mf-products-business-step>.mf-step-index{overflow-wrap:normal;white-space:nowrap;word-break:normal;min-inline-size:2ch;font-size:.875rem;line-height:1.35}.mf-products-business-step:last-child{border-bottom:1px solid var(--border)}.mf-products-business-step:not(:last-child):after{background:var(--primary);content:"";width:1px;height:1.5rem;position:absolute;top:100%;left:1.125rem}.mf-products-business-step h2{color:var(--foreground);font-size:var(--mf-title-card);font-weight:700;line-height:1.35}.mf-products-business-step p{color:var(--muted);font-size:var(--mf-body-sm);word-break:keep-all;margin-top:.5rem;line-height:1.65}.mf-products-diagram-wrap{margin-top:clamp(2rem,5vw,3.5rem)}.mf-loin-diagram{justify-items:center;gap:1rem;width:100%;display:grid}.mf-loin-canvas{border:1px solid color-mix(in srgb, var(--foreground) 12%, var(--border));border-radius:var(--radius-card);background:linear-gradient(180deg, #ffffffeb, #f7f2ecdb), var(--surface);width:100%;max-width:658px;padding:clamp(.5rem,2vw,.875rem);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffc7}.mf-loin-media{aspect-ratio:658/179;border-radius:var(--radius-image);width:100%;position:relative;overflow:hidden}.mf-loin-image{object-fit:contain;width:100%;max-width:658px;height:100%;margin-inline:auto;display:block}.mf-loin-overlay{grid-template-columns:25.1% 22.8% 26.4% 25.7%;display:grid;position:absolute;inset:0}.mf-loin-overlay .mf-loin-segment{min-width:0;color:var(--foreground);cursor:pointer;font:inherit;transition:background-color .18s var(--mf-menu-open-easing), border-color .18s var(--mf-menu-open-easing), opacity .15s var(--mf-menu-open-easing);background:#211c1917;border:1px solid #fff0;border-radius:0;place-items:end center;padding:.5rem .25rem;display:grid;position:relative}.mf-loin-overlay .mf-loin-segment-active{border-color:color-mix(in srgb, var(--primary) 58%, #ffffff6b);opacity:1;background:#fff0;box-shadow:inset 0 0 0 1px #ffffff94}.mf-loin-overlay[data-has-active=true] .mf-loin-segment:not(.mf-loin-segment-active){opacity:.6}.mf-loin-overlay .mf-loin-segment:focus-visible,.mf-loin-mobile-labels .mf-loin-segment:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.mf-loin-overlay-label{border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--background) 92%, transparent);max-width:calc(100% - .5rem);min-height:1.875rem;color:var(--foreground);letter-spacing:0;text-align:center;word-break:keep-all;justify-content:center;align-items:center;padding:.35rem .5rem;font-size:clamp(.75rem,1.9vw,.8125rem);font-weight:700;line-height:1.2;display:inline-flex;box-shadow:0 8px 20px #211c191a}.mf-loin-mobile-labels{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:min(100%,32rem);display:grid}.mf-loin-mobile-labels .mf-loin-segment{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);min-width:0;color:var(--foreground);font:inherit;word-break:keep-all;padding:.75rem .65rem;font-size:.875rem;font-weight:600;line-height:1.25}.mf-loin-mobile-labels .mf-loin-segment-active{border-color:color-mix(in srgb, var(--primary) 48%, var(--border));background:color-mix(in srgb, var(--primary) 8%, var(--surface));color:var(--primary)}.mf-loin-description{width:min(100%,42rem);color:var(--muted);font-size:var(--mf-body);text-align:center;word-break:keep-all;flex-wrap:wrap;justify-content:center;gap:.45rem .75rem;line-height:1.65;display:flex}.mf-loin-description strong{color:var(--foreground);font-weight:700}.mf-loin-description-copy{animation:mf-loin-description-fade .15s var(--mf-menu-open-easing) both}@keyframes mf-loin-description-fade{0%{opacity:0}to{opacity:1}}.mf-loin-standards{border-top:1px solid var(--border);margin-top:clamp(2rem,5vw,3.5rem);padding-top:clamp(2rem,5vw,3rem)}@media (min-width:640px){.mf-loin-mobile-labels{display:none}}@media (min-width:768px){#business-flow .mf-products-section-y{padding-top:4rem}}@media (hover:hover) and (pointer:fine){.mf-loin-overlay .mf-loin-segment:hover{border-color:color-mix(in srgb, var(--primary) 58%, #ffffff6b);opacity:1;background:#fff0;box-shadow:inset 0 0 0 1px #ffffff94}}@media (max-width:639px){.mf-loin-overlay-label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}}@media (min-width:761px){@layer components{.mf-products-business-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-products-business-step{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr);padding:1.75rem clamp(1.5rem,3vw,2.5rem)}.mf-products-business-step:not(:last-child):after{background:var(--primary);width:clamp(1.5rem,3vw,2.5rem);height:1px;top:50%;left:auto;right:-1px;transform:translate(50%)}.mf-products-business-step+.mf-products-business-step{border-inline-start:1px solid var(--border)}}}.mf-loin-overlay .mf-loin-segment,.mf-loin-mobile-labels .mf-loin-segment,.mf-consultation-checklist-action{transform-origin:50%;transition-duration:var(--mf-press-release-duration);transition-property:background-color,border-color,color,filter,opacity,transform;transition-timing-function:var(--mf-press-release-easing)}.mf-loin-overlay .mf-loin-segment:active,.mf-loin-mobile-labels .mf-loin-segment:active,.mf-consultation-checklist-action:active{filter:brightness(var(--mf-press-brightness));transition-duration:var(--mf-press-enter-duration);transform:scale(.96)}.mf-loin-mobile-labels .mf-loin-segment:active{background:var(--mf-section-band-cool)}.mf-loin-mobile-labels .mf-loin-segment-active:active{background:color-mix(in srgb, var(--primary) 14%, var(--surface));color:var(--primary)}@media (min-width:332px) and (max-width:767px){.mf-consultation-checklist-action:active{transform:none}}@media (prefers-reduced-motion:reduce){.mf-loin-overlay .mf-loin-segment,.mf-loin-mobile-labels .mf-loin-segment,.mf-consultation-checklist-action{transition-property:background-color,border-color,color,filter,opacity}.mf-loin-overlay .mf-loin-segment:active,.mf-loin-mobile-labels .mf-loin-segment:active,.mf-consultation-checklist-action:active{transform:none}}
@layer components{.mf-loin-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.mf-loin-svg path{fill:none;stroke:color-mix(in srgb, var(--foreground) 34%, transparent);stroke-width:1.25px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;vector-effect:non-scaling-stroke}.mf-loin-cap{border:1px solid color-mix(in srgb, var(--primary) 52%, var(--surface));border-radius:var(--radius-pill);background:var(--surface);pointer-events:none;width:.38rem;height:.38rem;position:absolute;top:0;transform:translate(-50%);box-shadow:0 0 0 3px #ffffff8a}.mf-loin-cap-1{left:25.1%}.mf-loin-cap-2{left:47.9%}.mf-loin-cap-3{left:74.3%}}