@keyframes cwLivePulseSelect{0%,60%{transform:scale(1)}65%{transform:scale(1.04)}72%{transform:scale(.98)}78%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes cwLiveDigitRoll{0%,40%{opacity:0;transform:translateY(-20px)}50%,95%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes cwLiveDragIn{0%{transform:translate(-160px,-40px) scale(.8);opacity:0}30%,85%{transform:translate(0) scale(1);opacity:1}to{transform:translate(0) scale(1);opacity:1}}@keyframes cwLiveMatSelect{0%,50%{transform:scale(1);filter:brightness(1)}60%{transform:scale(1.05);filter:brightness(1.15)}72%{transform:scale(.99);filter:brightness(1.05)}to{transform:scale(1);filter:brightness(1)}}@keyframes cwLivePdfStack{0%{transform:translate(60px);opacity:0}15%,90%{transform:translate(0);opacity:1}to{transform:translate(0);opacity:1}}@keyframes cwLiveQrDraw{0%,50%{opacity:0;transform:scale(.5)}65%,to{opacity:1;transform:scale(1)}}@keyframes cwLiveCtaPulse{0%,70%{transform:scale(1)}75%{transform:scale(1.03)}82%{transform:scale(.99)}to{transform:scale(1)}}@keyframes cwLiveDot{0%{box-shadow:0 0 #3cb37199}70%{box-shadow:0 0 0 8px #3cb37100}to{box-shadow:0 0 #3cb37100}}@keyframes cwSweep{0%,80%{left:-100%}90%{left:200%}to{left:200%}}.config-widget .live-select{animation:cwLivePulseSelect 1.4s cubic-bezier(.7,0,.2,1) infinite;transform-origin:center;transform-box:fill-box}.config-widget .live-digit{animation:cwLiveDigitRoll 3.2s cubic-bezier(.7,0,.2,1) infinite}.config-widget .live-digit.d2{animation-delay:.3s}.config-widget .live-digit.d3{animation-delay:.6s}.config-widget .live-drag{animation:cwLiveDragIn 3.2s cubic-bezier(.7,0,.2,1) infinite;transform-origin:center;transform-box:fill-box}.config-widget .live-mat{animation:cwLiveMatSelect 3.2s cubic-bezier(.7,0,.2,1) infinite;transform-origin:center;transform-box:fill-box}.config-widget .live-pdf{animation:cwLivePdfStack 3.2s cubic-bezier(.7,0,.2,1) infinite;transform-origin:center;transform-box:fill-box}.config-widget .live-pdf.p2{animation-delay:.4s}.config-widget .live-pdf.p3{animation-delay:.8s}.config-widget .live-qr{animation:cwLiveQrDraw 3.2s cubic-bezier(.7,0,.2,1) infinite;transform-origin:center;transform-box:fill-box}.config-widget .live-cta{animation:cwLiveCtaPulse 3.2s cubic-bezier(.7,0,.2,1) infinite;transform-origin:center;transform-box:fill-box}.config-widget{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}.pres-config-grid>.config-widget{align-self:center;justify-self:end;max-width:560px;width:100%}.pres-config-link{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:3;text-align:center}.pres-config-link a{font-family:Montserrat,Inter,sans-serif;font-weight:800;font-style:italic;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--green, #3CB371);text-decoration:none;padding:8px 18px;border:1.5px solid var(--green, #3CB371);border-radius:999px;background:#ffffffeb;transition:background .25s,color .25s,transform .25s;white-space:nowrap}.pres-config-link a:hover{background:var(--green, #3CB371);color:#fff;transform:translate(2px)}.config-widget .cw-link{display:block;width:100%;text-decoration:none;color:inherit}.config-widget .scene-config{position:relative;width:100%;height:380px;perspective:1600px;perspective-origin:50% 40%}.config-widget .tablet-3d{position:absolute;top:50%;left:50%;width:92%;height:100%;transform:translate(-50%,-50%) rotateX(6deg) rotateY(-10deg) rotate(1deg) scale(1);transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.7,0,.2,1);will-change:transform}.config-widget .tablet-frame{position:absolute;inset:0;background:linear-gradient(135deg,#2d2d2d,#1a1a1a,#2f2f2f);border-radius:18px;box-shadow:0 20px 60px #00000059,0 8px 24px #0003,inset 0 0 1px #ffffff14,inset 0 -2px 4px #0006;padding:12px}.config-widget .tablet-screen{position:relative;width:100%;height:100%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 60px #0000000a,inset 0 0 0 1px #0000000a}.config-widget .camera-dot{position:absolute;top:5px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#1a1a1a;z-index:10}.config-widget .screenshot-track{position:absolute;inset:0;will-change:transform,filter}.config-widget .screenshot-track.shifting{filter:blur(18px)}.config-widget .screenshot{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .15s ease}.config-widget .screenshot.active{opacity:1}.config-widget .screenshot svg{width:100%!important;height:100%!important;display:block;position:absolute;inset:0}.config-widget .tablet-screen .reflection{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.08) 48%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.08) 52%,transparent 70%);transform:skew(-15deg);pointer-events:none;animation:cwSweep 6s ease-in-out infinite;z-index:5}.config-widget .tablet-screen .vignette{position:absolute;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.45) 100%)}.config-widget .glass-card{position:absolute;z-index:8;padding:12px 14px;background:#0a0a0ad9;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.5);border-radius:10px;color:#fff;font-family:Montserrat,sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.15em;font-size:10px;box-shadow:0 8px 28px #0006,inset 0 0 0 1px #ffffff29;display:flex;align-items:center;gap:8px;will-change:transform}.config-widget .glass-card .ico{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:#ffffff29;border:1px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;color:#fff}.config-widget .glass-card .ico svg{width:12px;height:12px}.config-widget .glass-card-1{top:4%;left:0}.config-widget .glass-card-2{top:8%;right:0}.config-widget .glass-card-3{bottom:8%;left:0}.config-widget .glass-card-4{bottom:4%;right:0}.config-widget .glass-card.is-live .gcard-label b{color:#fff;font-size:12px;font-style:italic}.config-widget .glass-card.is-live:before{content:"";position:absolute;top:8px;right:8px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff9;animation:cwLiveDot 1.6s ease-out infinite}.config-widget .live-badge{position:absolute;top:10px;right:10px;z-index:9;display:flex;align-items:center;gap:4px;padding:3px 8px;background:#0a0a0ad9;border:1px solid rgba(255,255,255,.55);border-radius:999px;font-family:Montserrat,sans-serif;font-weight:800;font-style:italic;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#fff;pointer-events:none;backdrop-filter:blur(10px)}.config-widget .live-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:#fff;animation:cwLiveDot 1.6s ease-out infinite}.config-widget .live-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#00000014;z-index:8;overflow:hidden}.config-widget .live-progress-fill{height:100%;background:linear-gradient(90deg,#3cb371,#2a8559);border-radius:0 3px 3px 0;transform:translate(0);transition:transform 3.2s linear;will-change:transform}.config-widget .cw-cta{font-family:Montserrat,sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.18em;font-size:13px;color:#1a1a1a;padding:14px 28px;margin-top:32px;background:linear-gradient(135deg,#fff,#f4f1ea);border:2px solid #3CB371;border-radius:999px;display:inline-flex;align-items:center;gap:10px;transition:transform .25s ease,background .25s,box-shadow .25s;box-shadow:0 8px 24px #3cb37140}.config-widget .cw-link:hover .cw-cta{transform:translate(4px) skew(-6deg);background:linear-gradient(135deg,#3cb371,#2a8559);color:#fff;box-shadow:0 12px 32px #3cb37166}.config-widget .cw-cta .arrow{display:inline-block;transform:skew(15deg)}.config-widget .scene-config:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(60,179,113,.18) 0%,transparent 60%);filter:blur(40px);z-index:0;opacity:1}@media(max-width:720px){.config-widget .scene-config{height:320px}.config-widget .glass-card{padding:8px 10px;font-size:8px;gap:5px}.config-widget .glass-card .ico{width:18px;height:18px}.config-widget .glass-card .ico svg{width:10px;height:10px}.config-widget .cw-cta{font-size:11px;padding:12px 20px}}
