@font-face{font-family:Eurostile;src:url(https://7nxsw6ldxpvuvbiu.public.blob.vercel-storage.com/fonts/eurostile.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Protrakt Semi Bold Exp One;src:url(https://7nxsw6ldxpvuvbiu.public.blob.vercel-storage.com/fonts/protrakt-semi-bold-exp-one.ttf) format("truetype");font-weight:400;font-style:normal}:root{--color-obsidian: #0a0a0a;--color-charcoal: #1a1a1a;--color-gunmetal: #2a2a2a;--color-pearl: #e8e4de;--color-accent-pearl: #f2f0ef;--color-accent-pearl-glow: rgba(242, 240, 239, .6);--color-accent-pearl-muted: rgba(242, 240, 239, .3);--color-silver: #c0c0c0;--color-glass: rgba(10, 10, 10, .7);--font-primary: "Protrakt Semi Bold Exp One", sans-serif;--font-accent: "Protrakt Semi Bold Exp One", sans-serif;--text-base: 16px;--text-sm: 14px;--text-xs: 12px;--text-lg: 1.25rem;--text-xl: 2rem;--text-2xl: 3rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--transition-smooth: cubic-bezier(.4, 0, .2, 1);--transition-luxury: cubic-bezier(.16, 1, .3, 1);--transition-slow: cubic-bezier(.4, 0, .2, 1.5);--ease-respond: cubic-bezier(0, 0, .2, 1);--ease-enter: cubic-bezier(0, 0, .2, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-announce: cubic-bezier(.34, 1.56, .64, 1);--ease-snap: cubic-bezier(.12, 0, .08, 1);--duration-fast-01: 70ms;--duration-fast-02: .11s;--duration-moderate-01: .15s;--duration-moderate-02: .24s;--duration-slow-01: .4s;--duration-slow-02: .7s;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 10px 25px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .7);--shadow-accent-pearl-halo: 0 0 15px var(--color-accent-pearl-glow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f2f0ef26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#f2f0ef4d}*{scrollbar-width:thin;scrollbar-color:rgba(242,240,239,.15) transparent}.model-picker{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--space-lg) var(--space-lg);gap:var(--space-md)}.picker-header{text-align:center;display:flex;flex-direction:column;gap:var(--space-sm);opacity:0;animation:reveal .8s var(--ease-enter) forwards}.picker-headline{font-family:var(--font-accent);font-size:clamp(1.8rem,4vw,3rem);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent-pearl);margin:0}.picker-sub{font-size:var(--text-sm);letter-spacing:.3em;text-transform:uppercase;opacity:.5;color:var(--color-pearl);margin:0}.picker-cards{display:flex;flex-direction:row;gap:var(--space-xl);justify-content:center;align-items:stretch;width:100%;max-width:1200px;opacity:0;animation:reveal .8s var(--ease-enter) .2s forwards}.model-card{flex:1;max-width:580px;background:#0a0a0a99;backdrop-filter:blur(20px);border:1px solid var(--color-accent-pearl-muted);border-radius:24px;overflow:hidden;transition:transform .5s var(--ease-respond),border-color .5s var(--ease-respond),box-shadow .5s var(--ease-respond);display:flex;flex-direction:column;box-shadow:var(--shadow-lg),inset 0 1px 1px #ffffff0d}.model-card:hover{border-color:var(--color-accent-pearl);transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 30px var(--color-accent-pearl-glow)}.card-image{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-obsidian)}.card-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.2s var(--ease-enter)}.model-card:hover .card-image img{transform:scale(1.05)}.card-body{padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.card-body h3{font-family:var(--font-accent);font-size:var(--text-lg);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-pearl);margin:0}.btn-configure{margin-top:auto;padding:10px 32px;font-family:var(--font-primary);font-size:var(--text-xs);letter-spacing:.3em;text-transform:uppercase;color:var(--color-obsidian);background:var(--color-accent-pearl);border:none;border-radius:8px;cursor:pointer;transition:transform .4s var(--ease-respond),background .4s var(--ease-respond),box-shadow .4s var(--ease-respond);font-weight:600}.btn-configure:hover{background:var(--color-pearl);transform:translateY(-2px);box-shadow:var(--shadow-accent-pearl-halo)}.btn-configure:active{transform:scale(.98)}.picker-footer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm) 0 0;opacity:0;animation:reveal .8s var(--ease-enter) .4s forwards}.picker-footer img{opacity:.3}.picker-footer p{font-size:10px;letter-spacing:.1em;color:var(--color-pearl);opacity:.3;margin:0}.configurator-view{display:none;flex-direction:column;flex:1}.app-container.show-picker{padding-top:80px;box-sizing:border-box}.app-container.show-picker .model-picker{display:flex}.app-container.show-picker .configurator-view,.app-container.show-config .model-picker{display:none}.app-container.show-config .configurator-view{display:flex}.configurator-footer{text-align:center;padding:var(--space-md);font-size:11px;opacity:.4}.configurator-footer img{opacity:.3}.configurator-footer p{font-size:10px;letter-spacing:.1em;color:var(--color-pearl);opacity:.3;margin:0}body.configurator-active .site-header{display:none!important}html,body{background-color:var(--color-obsidian);margin:0;padding:0;font-family:var(--font-primary),"Segoe UI",Roboto,Helvetica,Arial,sans-serif}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:color .3s var(--ease-respond),background .3s var(--ease-respond),border-color .3s var(--ease-respond),opacity .3s var(--ease-respond)}@keyframes reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.app-container{display:flex;flex-direction:column;min-height:100vh;background-image:url(https://7nxsw6ldxpvuvbiu.public.blob.vercel-storage.com/website-bg.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.app-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);background:transparent;position:relative;z-index:100;opacity:0;animation:reveal .8s var(--ease-enter) forwards;animation-delay:0s}.header-left{display:flex;align-items:center;gap:var(--space-sm)}.header-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:auto}.header-center a{text-decoration:none;display:flex;align-items:center}.header-logo{opacity:.85;transition:opacity .3s var(--ease-respond)}.header-logo:hover{opacity:1}.header-right{flex:1;display:flex;justify-content:flex-end}.burger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:none;border:none;border-radius:0;cursor:pointer;z-index:105;padding:0;transition:opacity .2s ease}.burger-btn:hover{opacity:.8}.burger-btn .burger-line{display:block;width:22px;height:2px;background:var(--color-pearl, #f2f0ef);border-radius:2px;transition:transform .3s ease,opacity .3s ease;pointer-events:none}.burger-btn:hover .burger-line{opacity:.8}.burger-btn.active .burger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger-btn.active .burger-line:nth-child(2){opacity:0}.burger-btn.active .burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.burger-btn.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.burger-btn.active span:nth-child(2){opacity:0}.burger-btn.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.drawer{position:fixed;top:0;left:0;width:280px;height:100vh;height:100dvh;background:#0a0a0af7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(242,240,239,.08);z-index:200;transform:translate(-100%);transition:transform .35s var(--ease-respond);display:flex;flex-direction:column;overflow-y:auto}.drawer.active{transform:translate(0)}.drawer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#00000080;z-index:199;opacity:0;pointer-events:none;transition:opacity .35s var(--ease-exit)}.drawer-backdrop.active{opacity:1;pointer-events:auto}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-md);border-bottom:1px solid rgba(242,240,239,.06)}.drawer-brand{font-family:var(--font-accent);font-size:var(--text-lg);letter-spacing:.3em;text-transform:uppercase;color:var(--color-accent-pearl)}.drawer-close{background:none;border:1px solid rgba(242,240,239,.15);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-pearl);cursor:pointer;font-size:14px;transition:border-color .3s var(--ease-respond),color .3s var(--ease-respond)}.drawer-close:hover{border-color:var(--color-accent-pearl);color:var(--color-accent-pearl)}.drawer-nav{display:flex;flex-direction:column;padding:var(--space-sm);gap:4px;flex:1}.drawer-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:8px;color:var(--color-pearl);font-family:var(--font-primary);font-size:var(--text-sm);letter-spacing:.05em;cursor:pointer;text-decoration:none;transition:background .2s var(--ease-respond),color .2s var(--ease-respond);text-align:left}.drawer-item i{width:20px;text-align:center;opacity:.6;font-size:14px;transition:opacity .2s var(--ease-respond)}.drawer-item:hover{background:#f2f0ef0f;color:var(--color-accent-pearl)}.drawer-item:hover i{opacity:1}.drawer-footer{padding:var(--space-md);border-top:1px solid rgba(242,240,239,.06)}.drawer-version{font-size:10px;opacity:.3;letter-spacing:.1em}.drawer-powered{display:block;font-size:9px;opacity:.25;letter-spacing:.08em;margin-top:4px;font-family:var(--font-body)}.app-main{display:flex;flex-direction:column;flex:1;width:100%;min-height:0}.app-container.show-config{height:100dvh;overflow:hidden}.configurator-view{height:100%;overflow:hidden}.config-layout{display:flex;flex:1;width:100%;min-height:0;gap:0;overflow:hidden}.config-visual{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:25px var(--space-lg) 0 var(--space-lg);min-width:0;min-height:0;overflow:hidden}.viewer-container{position:relative;flex-shrink:0;margin-top:0}.stage-viewport{width:min(78vw,calc(1200px + 4cm));aspect-ratio:16 / 9;flex-shrink:0;position:relative;border-radius:20px;box-shadow:var(--shadow-lg);background:var(--color-obsidian);overflow:hidden}.stage-viewport:fullscreen{border-radius:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;aspect-ratio:unset}.stage-image-container{position:relative;width:100%;height:100%;z-index:1;border-radius:20px;overflow:hidden;transition:background .4s ease}.stage-image-container.is-contained{background:radial-gradient(ellipse 50% 40% at 50% 50%,rgba(255,255,255,.03) 0%,transparent 65%),linear-gradient(180deg,#141313,#0f0e0e)}.stage-image-container.is-contained .stage-image{filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}.stage-image{position:absolute;top:0;left:0;width:100%!important;height:100%!important;object-fit:contain;object-position:center;transition:opacity .8s var(--ease-enter),transform 1.2s var(--ease-enter);cursor:zoom-in}.stage-image.transitioning{transform:scale(1.05)}.stage-image.outgoing{transform:scale(.98);filter:blur(4px)}.stage-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.4) 100%);pointer-events:none}.angle-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:15;padding:6px 14px;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.angle-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;padding:0;transition:background .25s var(--ease-respond),transform .25s var(--ease-respond)}.angle-dot:hover{background:#fff9;transform:scale(1.3)}.angle-dot.active{background:var(--color-accent-pearl);transform:scale(1.3);box-shadow:0 0 8px var(--color-accent-pearl-glow)}.angle-strip{display:flex;align-items:center;padding:var(--space-md) 0;width:100%;max-width:min(78vw,1200px);overflow:hidden}.angle-nav{display:flex;flex-direction:row;gap:var(--space-sm);width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:center}.angle-nav::-webkit-scrollbar{display:none}.angle-trigger{display:flex;flex-direction:column;align-items:center;padding:4px;color:var(--color-pearl);opacity:.5;transition:opacity .3s var(--ease-respond),transform .3s var(--ease-respond);border-radius:8px;border:1px solid transparent;min-width:52px;flex-shrink:0;background:transparent}.angle-trigger .angle-thumb{width:52px;height:36px;border-radius:6px;object-fit:cover;border:1px solid rgba(242,240,239,.12);transition:transform .3s var(--ease-respond),border-color .3s var(--ease-respond),box-shadow .3s var(--ease-respond)}.angle-trigger.active{opacity:1}.angle-trigger.active .angle-thumb{border-color:var(--color-accent-pearl);box-shadow:var(--shadow-accent-pearl-halo);transform:scale(1.08)}.angle-trigger:hover{opacity:.8}.config-sidebar{flex:0 0 360px;max-width:360px;display:flex;flex-direction:column;gap:0;padding:var(--space-lg) var(--space-md) var(--space-lg) 0;overflow-y:auto;overflow-x:hidden;border-left:1px solid rgba(242,240,239,.06)}.sidebar-model{padding:0 var(--space-md) var(--space-md) var(--space-md);border-bottom:1px solid rgba(242,240,239,.06);margin-bottom:var(--space-sm)}.side-model-name{font-family:var(--font-accent);font-size:clamp(14px,1.8vw,22px);letter-spacing:.25em;text-transform:uppercase;color:var(--color-accent-pearl);margin:0;line-height:1.2}.side-model-subtitle{font-size:10px;letter-spacing:.3em;text-transform:uppercase;opacity:.5;color:var(--color-pearl);margin:4px 0 0}.option-group{border-bottom:1px solid rgba(242,240,239,.06)}.option-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px var(--space-md);background:transparent;border:none;color:var(--color-accent-pearl);font-family:var(--font-accent);font-size:12px;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;text-align:left;transition:opacity .2s var(--ease-respond)}.option-group-header:hover{opacity:.8}.option-chevron{font-size:11px;opacity:.6;transition:transform .3s var(--ease-respond)}.option-group-header[aria-expanded=true] .option-chevron{transform:rotate(0)}.option-group-header:not([aria-expanded=true]) .option-chevron{transform:rotate(-90deg)}.option-group-body{display:none;padding:0 var(--space-md) var(--space-md) var(--space-md)}.option-group-body[style*="display: block"],.option-group-body.expanded{display:block}.color-palette{display:flex;flex-wrap:wrap;gap:var(--space-md)}.swatch{display:flex;flex-direction:column;align-items:center;gap:6px;width:80px;padding:0;background:none;border:none;cursor:pointer;transition:transform .3s var(--ease-respond)}.swatch .color-fill{width:40px;height:40px;border-radius:50%;border:2px solid rgba(242,240,239,.2);transition:transform .3s var(--ease-respond),border-color .3s var(--ease-respond)}.swatch:hover .color-fill{transform:scale(1.1);border-color:var(--color-accent-pearl-muted)}.swatch:active .color-fill{transform:scale(.96);transition-duration:.1s}.swatch.active .color-fill{border-color:var(--color-accent-pearl);box-shadow:var(--shadow-accent-pearl-halo)}.swatch-label{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--color-pearl);opacity:.7;text-align:center;line-height:1.2;max-width:80px;white-space:nowrap}.swatch.active .swatch-label{opacity:1}.specs-grid{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.spec-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(242,240,239,.04)}.spec-item:last-child{border-bottom:none}.spec-label{font-size:11px;text-transform:uppercase;opacity:.55;letter-spacing:.1em;color:var(--color-pearl)}.spec-value{font-size:14px;font-weight:500;color:var(--color-accent-pearl)}.sidebar-cta{padding:var(--space-lg) var(--space-md)}.btn-consultation{display:inline-flex;align-items:center;gap:var(--space-sm);padding:14px 32px;font-family:var(--font-primary);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--color-accent-pearl);background:transparent;border:1px solid var(--color-accent-pearl);border-radius:8px;text-decoration:none;cursor:pointer;transition:transform .4s var(--ease-respond),background .4s var(--ease-respond),color .4s var(--ease-respond),box-shadow .4s var(--ease-respond),border-color .4s var(--ease-respond);width:100%;justify-content:center}.btn-consultation:hover{background:var(--color-accent-pearl);color:var(--color-obsidian);transform:translateY(-2px);box-shadow:var(--shadow-accent-pearl-halo)}.btn-consultation:active{transform:scale(.98)}.btn-consultation i{font-size:12px;transition:transform .3s var(--ease-respond)}.btn-consultation:hover i{transform:translate(4px)}.porthole-color-btn{position:absolute;bottom:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#0a0a0aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(242,240,239,.15);color:var(--color-accent-pearl);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;font-size:15px;transition:background .25s var(--ease-respond),border-color .25s var(--ease-respond),transform .25s var(--ease-respond),box-shadow .25s var(--ease-respond)}.porthole-color-btn:hover{background:#f2f0ef2e;border-color:var(--color-accent-pearl);transform:scale(1.1);box-shadow:0 0 20px #f2f0ef26}.porthole-color-btn:active{transform:scale(.92)}@media(max-width:768px){.porthole-color-btn{bottom:12px;right:12px}}.frame-btn{position:absolute;width:40px;height:40px;border-radius:50%;background:#0a0a0aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(242,240,239,.15);color:var(--color-accent-pearl);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;font-size:15px;transition:background .25s var(--ease-respond),border-color .25s var(--ease-respond),transform .25s var(--ease-respond),box-shadow .25s var(--ease-respond)}.frame-btn:hover{background:#f2f0ef2e;border-color:var(--color-accent-pearl);transform:scale(1.1);box-shadow:0 0 20px #f2f0ef26}.frame-btn:active{transform:scale(.92)}.frame-btn-fullscreen{top:16px;right:16px}.frame-btn-screenshot{bottom:16px;left:16px}@media(max-width:768px){.frame-btn-screenshot{bottom:12px;left:12px}.frame-btn-fullscreen{top:12px;right:12px}}.fs-controls{display:none}.stage-viewport:fullscreen{background:#000000f2;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.stage-viewport:fullscreen .fs-controls{display:block}.stage-viewport:fullscreen .frame-btn,.stage-viewport:fullscreen .porthole-color-btn,.stage-viewport:fullscreen .angle-dots{display:none}.fs-control{position:absolute;width:44px;height:44px;border-radius:50%;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2010;transition:background .2s var(--ease-respond),border-color .2s var(--ease-respond),transform .2s var(--ease-respond)}.fs-control:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.fs-control:active{transform:scale(.92)}.fs-close{top:24px;right:24px}.fs-prev{top:50%;left:24px;transform:translateY(-50%)}.fs-prev:hover{transform:translateY(-50%) scale(1.1)}.fs-prev:active{transform:translateY(-50%) scale(.92)}.fs-next{top:50%;right:24px;transform:translateY(-50%)}.fs-next:hover{transform:translateY(-50%) scale(1.1)}.fs-next:active{transform:translateY(-50%) scale(.92)}.fs-counter{position:absolute;bottom:32px;left:50%;transform:translate(-50%);padding:8px 20px;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#fff;font-size:14px;letter-spacing:.1em;font-weight:500;z-index:2010;pointer-events:none}.loader-overlay{position:fixed;inset:0;background:var(--color-obsidian);z-index:3000;display:flex;justify-content:center;align-items:center;transition:opacity .5s var(--ease-exit),visibility .5s;pointer-events:all;animation:emergency-hide 0s linear 10s forwards}@keyframes emergency-hide{to{opacity:0;visibility:hidden;display:none}}.loader-content{display:flex;flex-direction:column;align-items:center;gap:16px}.compass-ring{width:40px;height:40px;border:2px solid rgba(242,240,239,.12);border-top-color:var(--color-accent-pearl);border-radius:50%;animation:compass-sweep .8s linear infinite}.loader-text{font-family:var(--font-primary);color:var(--color-accent-pearl);letter-spacing:.3em;font-size:11px;text-transform:uppercase;opacity:0;animation:loader-text-reveal .5s var(--ease-enter) .2s forwards}@keyframes compass-sweep{to{transform:rotate(360deg)}}@keyframes loader-text-reveal{to{opacity:1}}.notification-container{position:fixed;top:20px;right:20px;z-index:3001;display:flex;flex-direction:column;gap:15px;pointer-events:none}.toast-notification{background:#1a1a1ae6;backdrop-filter:blur(10px);border:1px solid var(--color-accent-pearl);color:var(--color-pearl);padding:15px 25px;border-radius:12px;font-size:14px;box-shadow:var(--shadow-md);animation:slideIn .4s var(--ease-announce);pointer-events:auto;min-width:250px;text-align:center}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-notification.fade-out{animation:slideOut .4s forwards}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:1}}.zoom-overlay{position:fixed;inset:0;background:#000000f2;display:none;justify-content:center;align-items:center;z-index:2000;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:var(--space-lg);transition:opacity .4s var(--ease-exit),visibility .4s}.zoom-overlay.active{display:flex;opacity:1;visibility:visible}.zoom-content{position:relative;max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;flex:1}.zoom-close{position:absolute;top:24px;right:24px;width:44px;height:44px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2010;transition:background .25s var(--ease-respond),border-color .25s var(--ease-respond),transform .25s var(--ease-respond)}.zoom-close:hover{background:#ffffff2e;border-color:#ffffff80;transform:scale(1.1)}.zoom-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2010;transition:background .25s var(--ease-respond),border-color .25s var(--ease-respond),transform .25s var(--ease-respond)}.zoom-nav:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-50%) scale(1.1)}.zoom-nav:active{transform:translateY(-50%) scale(.92)}.zoom-nav-prev{left:24px}.zoom-nav-next{right:24px}.zoom-counter{position:absolute;bottom:32px;left:50%;transform:translate(-50%);padding:8px 20px;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#fff;font-size:14px;letter-spacing:.1em;font-weight:500;z-index:2010;pointer-events:none}#zoom-image{max-width:90%;max-height:90vh;object-fit:contain;border-radius:24px;box-shadow:var(--shadow-lg)}.lead-form-scrim{position:fixed;inset:0;background:#0009;z-index:149;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-exit)}.lead-form{position:fixed;inset:0;margin:auto;width:min(480px,92vw);height:min-content;max-height:90vh;max-height:90dvh;z-index:150;background:#0a0a0af7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(242,240,239,.12);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;opacity:0;pointer-events:none;will-change:transform,opacity;transition:transform .35s var(--ease-respond),opacity .35s var(--ease-respond)}.lead-form-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid rgba(242,240,239,.06);flex-shrink:0}.lead-form-build-summary{display:flex;align-items:center;gap:6px;font-size:13px;letter-spacing:.08em;color:var(--color-pearl);flex-wrap:wrap}.lead-form-sep{opacity:.3}.lead-form-close{background:none;border:1px solid rgba(242,240,239,.15);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-pearl);cursor:pointer;font-size:14px;transition:border-color .3s var(--ease-respond),color .3s var(--ease-respond);flex-shrink:0}.lead-form-close:hover{border-color:var(--color-accent-pearl);color:var(--color-accent-pearl)}.lead-form-body{padding:var(--space-md) var(--space-lg);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.lead-form-hidden{opacity:0;visibility:hidden;transition:opacity .3s var(--ease-exit),visibility .3s}.lead-form-hidden.active{opacity:1;visibility:visible}.lead-form-hidden.active .success-container{animation:success-reveal .5s var(--ease-announce)}.lead-form-hidden.active .checkmark-path{animation:checkmark-draw .6s var(--ease-announce) forwards}.lead-form-title{font-family:var(--font-primary);font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-pearl);margin:0 0 4px;text-align:center}.lead-form-subtitle{font-size:11px;letter-spacing:.15em;color:var(--color-pearl);opacity:.7;margin:0 0 var(--space-lg) 0;text-align:center}.lead-form-row{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.lead-form-group{flex:1;display:flex;flex-direction:column;gap:4px}.lead-form-group label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent-pearl-muted);transition:color .3s var(--ease-respond)}.lead-form-group:focus-within label{color:var(--color-accent-pearl)}.lead-form-group input,.lead-form-group textarea{background:#ffffff0d;border:1px solid var(--color-accent-pearl-muted);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:14px;color:var(--color-accent-pearl);outline:none;transition:border-color .3s var(--ease-respond)}.lead-form-group input:focus,.lead-form-group textarea:focus{border-color:var(--color-accent-pearl);box-shadow:0 0 12px var(--color-accent-pearl-glow);background:#ffffff14}.lead-form-group input::placeholder,.lead-form-group textarea::placeholder{color:#f2f0ef40}.lead-form-group textarea{resize:vertical;min-height:60px}.lead-form-error{background:#ff3c3c1a;border:1px solid rgba(255,60,60,.3);border-radius:8px;padding:10px 14px;margin-bottom:var(--space-md);font-size:12px;color:#ff6b6b;text-align:center}.lead-form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-md)}.btn-cancel{background:transparent!important;border-color:var(--color-accent-pearl-muted)!important;color:var(--color-accent-pearl-muted)!important}.btn-cancel:hover{border-color:var(--color-accent-pearl)!important;color:var(--color-accent-pearl)!important;background:#f2f0ef0d!important;box-shadow:none!important}.btn-submit{background:var(--color-accent-pearl)!important;color:var(--color-obsidian)!important;border-color:var(--color-accent-pearl)!important}.btn-submit:hover{background:var(--color-pearl)!important;box-shadow:var(--shadow-accent-pearl-halo)!important}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media(max-width:600px){.lead-form-row{flex-direction:column;gap:var(--space-sm)}.lead-form-body{padding:var(--space-md)}.lead-form-actions{flex-direction:column}.lead-form-actions .btn-consultation{width:100%;justify-content:center}}@media(max-width:1200px){.config-layout{overflow-x:hidden}.stage-viewport{width:min(70vw,800px)}.config-sidebar{flex:0 0 280px;max-width:280px}}@media(max-width:1500px){.stage-viewport{width:min(72vw,890px)}}@media(max-width:1100px){.stage-viewport{width:min(70vw,680px)}}@media(max-width:1024px){.config-layout{flex-direction:column;overflow-y:auto;overflow-x:hidden}.config-visual{flex:none;padding:var(--space-md) var(--space-md) 0}.config-sidebar{flex:none;max-width:100%;border-left:none;border-top:1px solid rgba(242,240,239,.06);padding:var(--space-md);overflow-y:visible}.angle-strip{justify-content:center}}@media(max-width:768px){.app-header{height:60px;padding:0 var(--space-sm)}.header-logo{width:72px}.model-picker{padding:var(--space-lg) var(--space-md);min-height:60vh;gap:var(--space-lg)}.picker-cards{flex-direction:column;gap:var(--space-lg)}.model-card{max-width:100%}.card-body{padding:var(--space-md)}.card-body h3{font-size:var(--text-base)}.config-visual{flex:none;padding:var(--space-sm)}.viewer-container{width:100%}.stage-viewport{width:100%;height:auto;aspect-ratio:16 / 9;max-width:600px;border-radius:16px}.angle-dots{bottom:10px;gap:6px;padding:4px 10px}.angle-dot{width:6px;height:6px}.angle-strip{padding:var(--space-sm) 0;justify-content:flex-start;overflow-x:auto}.angle-nav{justify-content:flex-start;gap:6px}.angle-trigger{min-width:52px;padding:4px}.angle-trigger .angle-thumb{width:48px;height:32px}.angle-trigger .angle-info span{font-size:8px}.config-sidebar{flex:none;max-width:100%;border-left:none;border-top:1px solid rgba(242,240,239,.06);padding:var(--space-sm);overflow-y:visible}.side-model-name{font-size:16px}.side-model-subtitle{font-size:9px}.option-group-header{font-size:11px;padding:12px var(--space-sm)}.option-group-body{padding:0 var(--space-sm) var(--space-sm) var(--space-sm)}.color-palette{gap:var(--space-sm)}.swatch{width:48px}.swatch .color-fill{width:32px;height:32px}.swatch-label{font-size:7px;max-width:60px;white-space:nowrap}.spec-label{font-size:10px}.spec-value{font-size:13px}.sidebar-cta{padding:var(--space-md) var(--space-sm)}.lead-form{width:100%;top:auto;bottom:0;height:85vh;height:85dvh;transform:translateY(100%);border-left:none;border-top:1px solid rgba(242,240,239,.08);border-radius:20px 20px 0 0}.lead-form-header{padding:var(--space-md) var(--space-md) var(--space-sm)}.lead-form-body{padding:var(--space-md)}.lead-form-build-summary{font-size:12px}.configurator-footer{padding:var(--space-md) var(--space-md) var(--space-lg)}.picker-headline{font-size:clamp(1.4rem,5vw,1.8rem)}.picker-sub{font-size:10px}}@media(max-width:600px){.stage-viewport{width:100%;max-width:100%;aspect-ratio:16 / 9;border-radius:16px}.app-header{height:60px;padding:0 var(--space-sm)}.header-logo{width:72px}.model-picker{padding:var(--space-lg) var(--space-md);min-height:60vh;gap:var(--space-lg)}.picker-cards{flex-direction:column;gap:var(--space-lg)}.model-card{max-width:100%}.card-body{padding:var(--space-md)}.card-body h3{font-size:var(--text-base)}.configurator-footer{padding:var(--space-sm) var(--space-md) var(--space-md)}.configurator-footer img{width:40px}.configurator-footer p{font-size:9px}.picker-headline{font-size:clamp(1.4rem,5vw,1.8rem)}.picker-sub{font-size:10px}}@media(max-width:480px){.app-header{height:54px}.header-logo{width:60px}.model-picker{padding:var(--space-md);min-height:50vh;gap:var(--space-md)}.card-image{aspect-ratio:4 / 3}.card-specs{gap:6px}.card-spec{font-size:10px;padding:3px 8px}.btn-configure{padding:12px 20px;font-size:10px}.stage-viewport:after{animation-duration:8s}.configurator-footer{padding:var(--space-sm) var(--space-md) var(--space-md)}.configurator-footer img{width:40px}.configurator-footer p,.picker-footer p{font-size:8px}}@media(max-width:768px){.color-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color-palette .swatch{width:100%;min-height:48px;min-width:48px;border-radius:8px;justify-content:center}}@media(max-width:480px){.color-palette{grid-template-columns:repeat(3,1fr)}.angle-nav button,.angle-trigger{min-height:44px;min-width:44px}.picker-headline{font-size:1.3rem}.picker-sub{font-size:.7rem}.btn-consultation{width:100%;padding:14px 20px;justify-content:center}.lead-form-actions{flex-direction:column}.lead-form-actions .btn-consultation{width:100%;justify-content:center}.specs-grid{grid-template-columns:1fr 1fr;gap:8px}}@media(max-width:480px){.lead-form{width:100%;max-width:100%;border-radius:16px 16px 0 0}.lead-form-body{padding:16px}}@media(max-width:480px){.picker-footer p{font-size:9px}}@keyframes checkmark-draw{to{stroke-dashoffset:0}}@keyframes success-reveal{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.checkmark-svg{width:64px;height:64px;display:block;margin:0 auto var(--space-md)}.checkmark-path{fill:none;stroke:var(--color-accent-pearl);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100}.success-container{text-align:center;padding:var(--space-xl) var(--space-md)}.success-container h3{font-family:var(--font-primary);font-size:var(--text-lg);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-pearl);margin:0 0 var(--space-sm) 0}.success-container p{font-size:var(--text-xs);letter-spacing:.1em;color:var(--color-pearl);opacity:.7;margin:0;line-height:1.6}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.stage-image,.model-card{transition:none!important}.model-card:hover,.btn-configure:hover,.btn-consultation:hover{transform:none!important}.picker-header,.picker-cards,.picker-footer{animation:none!important;opacity:1!important}.loader-overlay{animation:none!important;opacity:0;visibility:hidden}.stage-viewport:after{animation:none!important}@keyframes emergency-hide{to{opacity:0;visibility:hidden}}}
