.mode-experience{padding:76px 0;color:#173353;background:#f2f6f6;scroll-margin-top:150px}.mode-experience *,.finance-options *{box-sizing:border-box}.mode-experience .mode-heading{max-width:760px;margin:0 auto 32px;text-align:center}.mode-experience h2,.mode-experience h3,.mode-experience p,.format-options,.finance-options{text-transform:none!important;letter-spacing:normal!important}.mode-experience h2{font-family:inherit;font-weight:700;font-size:clamp(28px,3vw,40px);line-height:1.15;margin:0 0 16px}.mode-heading p{font-size:16px;line-height:1.6;color:#526978}.mode-trigger-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mode-trigger-grid>button{font:inherit;text-align:left;border:1px solid #cededc;background:#fff;border-radius:16px;padding:25px;cursor:pointer;color:#173353;box-shadow:0 4px 18px #17335304;transition:background .2s,border-color .2s,transform .2s}.mode-trigger-grid>button:hover,.mode-trigger-grid>button[aria-expanded=true]{background:#e7f6f2;border-color:#009f93;transform:translateY(-3px)}.mode-trigger-grid button:focus-visible,.mode-stage button:focus-visible,.finance-options summary:focus-visible{outline:3px solid #00a59c;outline-offset:4px}.mode-trigger-grid img{width:64px;height:64px;object-fit:contain;display:block;margin-bottom:20px}.mode-trigger-grid strong{display:block;font-size:23px;margin-bottom:12px}.mode-trigger-grid span{display:block;font-size:14px;line-height:1.6;color:#4b6575}.mode-trigger-grid em{display:block;font-size:12px;font-style:normal;font-weight:650;margin-top:24px;color:#008c82}.mode-stage{position:relative;margin-top:22px;border-radius:18px;padding:32px;background:linear-gradient(125deg,#122c4b,#1e4658);color:#fff;overflow:hidden}.mode-stage[hidden]{display:none!important}.mode-stage h3{font-size:27px;line-height:1.2;margin:0 55px 10px 0;color:#fff}.mode-stage>p{font-size:14px;line-height:1.6;color:#cbdfdf;max-width:800px}.mode-close{position:absolute;right:20px;top:20px;border:1px solid #ffffff45;border-radius:50%;width:34px;height:34px;font-size:23px;background:transparent;color:#fff;cursor:pointer}.mode-flow-scene{position:relative;display:grid;grid-template-columns:160px minmax(0,1fr) 140px;align-items:center;gap:28px;min-height:230px;margin:20px 0}.flow-input,.flow-output{text-align:center;position:relative}.flow-input svg,.flow-output svg{width:90px;height:90px;fill:none;stroke:#a5e7dd;stroke-width:2}.flow-input span,.flow-output span{display:block;font-size:12px;line-height:1.4;color:#d0e5e4;margin-top:13px}.flow-input .input-icon{display:none}.mode-stage[data-mode=batch] .input-batch,.mode-stage[data-mode=partial] .input-partial,.mode-stage[data-mode=full] .input-full{display:block}.flow-machine{position:relative;padding:18px 6px 40px}.flow-machine img{width:100%;height:150px;object-fit:contain;filter:drop-shadow(0 12px 8px #0003)}.flow-machine:before{content:'';position:absolute;bottom:22px;left:-20px;right:-20px;height:2px;background:repeating-linear-gradient(90deg,#80c7bd 0 5px,transparent 5px 11px);opacity:.5}.flow-machine:after{content:'';position:absolute;bottom:18px;left:-20px;width:10px;height:10px;border-radius:50%;background:#67ebcc;box-shadow:0 0 12px #67ebcc;animation:flow-travel 3s linear infinite}.flow-cut{position:absolute;left:51%;top:12%;width:3px;height:70%;background:linear-gradient(transparent,#60dcb9,transparent);opacity:0}.mode-stage[data-step="2"] .flow-cut{opacity:1;animation:cut-travel 1.5s ease-in-out infinite alternate}.flow-output svg{animation:flow-box 3s ease-in-out infinite}.mode-step-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:0;list-style:none}.mode-step-list li{list-style:none}.mode-step-list button{font:inherit;text-align:left;width:100%;height:100%;padding:14px;background:#ffffff08;border:1px solid #ffffff25;border-radius:9px;color:#fff;cursor:pointer;transition:background .2s}.mode-step-list .is-active button{background:#008f82;border-color:#58dcc3}.mode-step-list small{display:block;font-size:11px;color:#9fe6d6;margin-bottom:6px}.mode-step-list strong{display:block;font-size:14px;margin-bottom:6px}.mode-step-list span{display:block;font-size:12px;line-height:1.5;color:#dce9e8}.mode-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.mode-foot p{font-size:11px;margin:0;color:#b4cfd1;max-width:730px}.mode-foot button{font:inherit;font-size:12px;border:1px solid #ffffff50;border-radius:7px;background:transparent;color:#fff;padding:8px 12px;cursor:pointer;white-space:nowrap}.mode-stage[data-paused=true] *,.mode-stage[data-reduced=true] *{animation-play-state:paused!important}.finance-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1040px;margin:25px auto}.finance-options details{position:relative;text-align:left;border:1px solid #cbdcd7;border-radius:12px;background:#fff;align-self:start}.finance-options summary{padding:22px 25px;cursor:pointer;color:#173353;font-family:inherit;font-weight:650;font-size:19px;line-height:1.4}.finance-options summary::marker{color:#009e90}.finance-options details[open]{border-color:#009f93;box-shadow:0 12px 30px #17335312}.finance-description{padding:0 25px 24px;font-size:13px;line-height:1.6;color:#4d6674}.finance-description p{margin:10px 0}.finance-description strong{color:#173353}.finance-description a{display:inline-block;margin-top:10px;font-weight:650;color:#008c82}.finance-note{text-align:center;font-size:11px;color:#60777c}.format-options.format-render-grid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:16px!important;padding:0!important;max-width:1100px;margin:30px auto!important}.format-render-grid>li{display:block!important;border:1px solid #dfe8e5!important;padding:0 0 18px!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;text-align:left!important;list-style:none!important}.format-render-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.format-render-grid strong{display:block;font-size:17px;padding:15px 16px 0;color:#173353}.format-render-grid .format-options-more{grid-column:1/-1;text-align:center!important;padding:10px!important;border:0!important;background:transparent!important;font-size:15px}.actions-product h3,.moduli-outro h2,.scatole h2{text-transform:none!important}.box-materials:has([data-board=solid]){flex-wrap:wrap}.box-materials [data-board]{min-width:110px}.box-materials [data-board=solid]{flex-basis:100%}
@keyframes flow-travel{from{transform:translateX(0)}to{left:100%;transform:translateX(10px)}}@keyframes cut-travel{from{transform:translateX(-55px)}to{transform:translateX(55px)}}@keyframes flow-box{0%,20%{opacity:.35;transform:translateX(-8px) scale(.92)}60%,100%{opacity:1;transform:none}}
@media(max-width:800px){.mode-experience{padding:48px 0}.mode-trigger-grid{gap:10px}.mode-trigger-grid>button{padding:18px}.mode-trigger-grid strong{font-size:18px}.mode-flow-scene{grid-template-columns:100px minmax(0,1fr) 100px;gap:12px}.mode-stage{padding:24px}.mode-step-list{grid-template-columns:repeat(2,1fr)}.format-options.format-render-grid{grid-template-columns:repeat(2,1fr)}.finance-options{gap:10px}.finance-options summary{padding:17px;font-size:16px}.finance-description{padding:0 17px 17px}}
@media(max-width:540px){.mode-trigger-grid{grid-template-columns:1fr}.mode-trigger-grid>button{display:grid;grid-template-columns:48px 1fr;gap:4px 15px}.mode-trigger-grid img{width:44px;height:44px;grid-row:1/4;margin:0}.mode-trigger-grid strong{margin-bottom:5px}.mode-trigger-grid em{margin-top:10px;grid-column:2}.mode-stage{padding:20px 16px}.mode-stage h3{font-size:22px}.mode-flow-scene{grid-template-columns:65px minmax(0,1fr) 65px;gap:4px;min-height:180px}.flow-input svg,.flow-output svg{width:55px;height:55px}.flow-machine img{height:120px}.flow-input span,.flow-output span{font-size:10px}.mode-foot{align-items:flex-start}.finance-options{grid-template-columns:1fr}.format-render-grid strong{font-size:14px;padding:12px 10px 0}}
@media(prefers-reduced-motion:reduce){.mode-experience *{animation:none!important;transition:none!important}.mode-trigger-grid>button:hover{transform:none}}

.presentation h2,.presentation h3{text-transform:none!important}

.flow-workpiece{position:absolute;left:40%;bottom:28px;width:100px;height:45px;fill:#c6a476;stroke:#8a6b48;stroke-width:1.2;opacity:0;transform:translateX(-140px);transition:transform 1s ease,opacity .5s}.flow-workpiece .blank-cuts{opacity:0;transition:opacity .4s}.mode-stage[data-step="1"] .flow-workpiece{opacity:1;transform:translateX(-65px)}.mode-stage[data-step="2"] .flow-workpiece{opacity:1;transform:translateX(10px)}.mode-stage[data-step="2"] .blank-cuts,.mode-stage[data-step="3"] .blank-cuts{opacity:1}.mode-stage[data-step="3"] .flow-workpiece{opacity:0;transform:translateX(145px)}.mode-stage[data-step="0"] .flow-input svg,.mode-stage[data-step="3"] .flow-output svg{stroke:#66f1cc;filter:drop-shadow(0 0 5px #66f1cc40)}

.mode-flow-3d{position:relative;width:100%;height:360px;background:radial-gradient(ellipse at center,#2f5868,#132c4400 75%);touch-action:none;margin:12px 0}.mode-flow-3d canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.mode-flow-3d canvas:active{cursor:grabbing}.mode-flow-3d [data-mode-loading]{position:absolute;top:45%;left:0;right:0;text-align:center;font-size:13px;color:#c7e3de}.mode-flow-3d [hidden]{display:none}.mode-stage .mode-3d-help{font-size:11px;margin:0 0 20px;color:#afd4cf;max-width:none}@media(max-width:540px){.mode-flow-3d{height:280px}}

.format-render-visual{position:relative;aspect-ratio:4/3;background:#f5f7f7}.format-render-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}.format-render-visual img.is-visible{opacity:1}.finance-option>button{font:inherit;font-size:19px;font-weight:650;padding:22px;width:100%;color:#173353;border:1px solid #cbdcd7;border-radius:12px;background:#fff;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.finance-option>button:hover,.finance-option>button[aria-expanded=true]{background:#e9f6f2;border-color:#009f93}.finance-option>button:focus-visible{outline:3px solid #00a59c;outline-offset:4px}.finance-option>button span{font-size:14px;margin-left:8px;color:#009c90}.finance-tooltip{position:fixed;left:0;top:0;z-index:10050;box-sizing:border-box;max-width:calc(100vw - 24px);padding:20px 22px;border:1px solid #9acac0;border-radius:12px;background:#fff;color:#435e6b;box-shadow:0 12px 40px #102d4a30;font:13px/1.6 Arial,sans-serif;pointer-events:none}.finance-tooltip[hidden]{display:none!important}.finance-tooltip p{margin:10px 0 0}.finance-tooltip strong{color:#173353}.finance-tooltip-title{display:block;font-size:18px;margin-bottom:10px}.mode-flow-3d{background:radial-gradient(ellipse,#fff,#eef3f4);border-radius:12px}.mode-flow-3d canvas{cursor:default;touch-action:pan-y}.mode-flow-3d canvas:active{cursor:default}.mode-flow-3d [data-mode-loading]{color:#173353}@media(prefers-reduced-motion:reduce){.format-render-visual img{transition:none}}

/* Only the travelling data marker moves; no cardboard sheet crosses the machine. */
.flow-machine:after{background:#fff;box-shadow:0 0 12px #ffffff70}.flow-output svg{animation:none}

/* One data marker follows the complete flow; no scanning stripe or conveyor animation on the machine. */
.flow-machine:before,.flow-machine:after,.flow-cut{display:none!important}.flow-machine,.flow-machine img{animation:none!important;transform:none!important}
.flow-marker{position:absolute;left:0;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #ffffff12,0 0 16px #ffffff90;pointer-events:none;z-index:3;will-change:transform;opacity:0}
.mode-stage[data-flow-phase=input] .flow-input svg{stroke:#fff;filter:drop-shadow(0 0 7px #8be8d680)}.mode-stage[data-flow-phase=output] .flow-output svg{stroke:#fff;filter:drop-shadow(0 0 7px #8be8d680)}
.format-render-visual img{transition-duration:.45s}

/* Static explanatory diagrams; the only selection is the operating mode. */
.mode-flow-scene{grid-template-columns:160px 30px minmax(0,1fr) 30px 140px;gap:16px}.flow-arrow{font:300 34px/1 Arial,sans-serif;text-align:center;color:#c0ede5;align-self:center;padding-bottom:24px}.mode-stage .flow-input svg,.mode-stage .flow-output svg{animation:none!important;filter:none!important;transform:none!important}.flow-marker{display:none!important}
.mode-step-list{grid-template-columns:repeat(var(--mode-step-count,4),minmax(0,1fr))}.mode-info-step{padding:17px;background:#ffffff08;border:1px solid #ffffff25;border-radius:9px;color:#fff}.mode-info-step strong{display:block;font-size:14px;margin:0 0 8px}.mode-info-step span{display:block;font-size:12px;line-height:1.6;color:#dce9e8}.mode-info-step small{display:block;font-size:11px;color:#9fe6d6;margin-bottom:7px}
@media(max-width:800px){.mode-flow-scene{grid-template-columns:85px 20px minmax(0,1fr) 20px 85px;gap:8px}.flow-arrow{font-size:26px}.mode-step-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.mode-flow-scene{grid-template-columns:55px 14px minmax(0,1fr) 14px 55px;gap:4px}.flow-arrow{font-size:22px}.mode-step-list{grid-template-columns:1fr}.mode-info-step{padding:15px}}
.mode-stage .mode-info-step strong{color:#fff!important}.mode-stage .mode-info-step small{color:#9fe6d6!important}