:root{--masterpiece-gold: #8B6914;--masterpiece-gold-light: #C4956A;--masterpiece-amber: #D4A017;--masterpiece-warm: #B8860B;--masterpiece-bg-dark: #0f0d08;--masterpiece-bg-card: #1a170e;--masterpiece-glow-gold: 0 0 30px rgba(139, 105, 20, .4)}.masterpiece-page #main-nav{background:linear-gradient(180deg,#fdf8f3,#faf5ef)!important;border-bottom:1px solid #e5e0db!important;box-shadow:0 2px 8px #0000000d!important}.masterpiece-page #main-nav a{color:#374151!important;text-decoration:none!important}.masterpiece-page #main-nav a:hover{color:#8b6914!important;text-decoration:none!important}.masterpiece-page #main-nav button svg{color:#374151!important}.masterpiece-page #main-nav span,.masterpiece-page #main-nav p,.masterpiece-page #main-nav div,.masterpiece-page #main-nav .text-charcoal-800,.masterpiece-page #main-nav .text-charcoal-700,.masterpiece-page #main-nav [class*=text-charcoal]{color:#1f2937!important}.masterpiece-page #main-nav .bg-coral-500,.masterpiece-page #main-nav [class*=bg-coral]{background:linear-gradient(135deg,#8b6914,#c4956a)!important;color:#fff!important}.masterpiece-page #main-nav .bg-coral-500 span,.masterpiece-page #main-nav [class*=bg-coral] span{color:#fff!important}.masterpiece-page{background:linear-gradient(180deg,var(--masterpiece-bg-dark) 0%,#1a140a 30%,#0f0d08 70%,var(--masterpiece-bg-dark) 100%);min-height:100vh}.masterpiece-page:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(139,105,20,.03) 1px,transparent 1px),linear-gradient(rgba(196,149,106,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.gradient-text-masterpiece{background:linear-gradient(135deg,#d4a017,#c4956a,#8b6914);-webkit-background-clip:text;background-clip:text;color:transparent}.feature-card-mp{position:relative;background:transparent;border:none;transition:all .4s ease}.feature-card-mp .feature-line{width:40px;height:2px;background:linear-gradient(90deg,var(--masterpiece-gold),transparent);margin:0 auto 20px;transition:width .4s ease}.feature-card-mp:hover .feature-line{width:60px}.feature-icon-mp{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--masterpiece-gold);transition:all .4s ease}.feature-card-mp:hover .feature-icon-mp{transform:translateY(-2px);color:var(--masterpiece-gold-light)}.feature-number{font-family:Fraunces,serif;font-size:64px;font-weight:200;line-height:1;background:linear-gradient(180deg,#d4a01726,#d4a01708);-webkit-background-clip:text;background-clip:text;color:transparent;position:absolute;top:-8px;left:50%;transform:translate(-50%);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cta-masterpiece{background:linear-gradient(135deg,#8b6914,#c4956a);transition:all .3s ease;box-shadow:var(--masterpiece-glow-gold)}.cta-masterpiece:hover{transform:translateY(-2px);box-shadow:0 0 50px #8b691499}.cta-masterpiece .cta-arrow{transition:transform .3s ease}.cta-masterpiece:hover .cta-arrow{transform:translate(4px)}.free-preview-pill{position:absolute;top:-12px;right:-18px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;white-space:nowrap;letter-spacing:.3px;box-shadow:0 2px 8px #22c55e66;pointer-events:none}.cross-sell-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:900px;margin:0 auto}@media(min-width:768px){.cross-sell-grid{grid-template-columns:repeat(4,1fr);gap:24px}}.cross-sell-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid rgba(139,105,20,.2);transition:all .3s ease;text-decoration:none}.cross-sell-card:hover{border-color:var(--masterpiece-gold, #8B6914);transform:translateY(-4px);box-shadow:0 16px 40px #00000059,0 0 20px #8b691426}.cross-sell-image-wrap{position:relative;aspect-ratio:3 / 4;overflow:hidden}.cross-sell-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.cross-sell-card:hover .cross-sell-image{transform:scale(1.05)}.cross-sell-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,13,8,.85) 0%,transparent 50%);pointer-events:none}.cross-sell-body{padding:14px 14px 16px}@media(min-width:768px){.cross-sell-body{padding:16px 18px 20px}}.cross-sell-name{font-family:var(--masterpiece-heading-font, "Fraunces", serif);font-size:16px;font-weight:700;color:#fff;margin:0 0 4px}@media(min-width:768px){.cross-sell-name{font-size:18px}}.cross-sell-desc{font-size:13px;line-height:1.4;color:#ffffff73;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cross-sell-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--masterpiece-amber, #D4A853);transition:gap .2s ease}.cross-sell-card:hover .cross-sell-link{gap:8px}.hero-glow-mp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(ellipse,rgba(139,105,20,.2) 0%,transparent 70%);z-index:-1;animation:pulseGlowMp 4s ease-in-out infinite}@keyframes pulseGlowMp{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.painting-preview{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 0 0 2px #8b69144d,var(--masterpiece-glow-gold),0 40px 80px #0006;animation:heroFloatMp 6s ease-in-out infinite}@keyframes heroFloatMp{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.painting-preview img{width:100%;display:block}.hero-badge-mp{position:relative;overflow:hidden}.hero-badge-mp:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:badgeShimmerMp 3s ease-in-out infinite}@keyframes badgeShimmerMp{0%,to{left:-100%}50%{left:100%}}.tab-button{position:relative;padding:6px 14px;border-radius:99px;font-weight:600;font-size:13px;color:#ffffff80;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;white-space:nowrap}@media(min-width:768px){.tab-button{padding:10px 24px;font-size:14px}}.tab-button:hover{color:#fffc;background:#8b69141a;border-color:#8b69144d}.tab-button.active{color:#fff;background:linear-gradient(135deg,#8b6914,#c4956a);border-color:transparent;box-shadow:0 0 20px #8b691466}.step-card-mp{background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px 24px;transition:all .3s ease;position:relative}.step-card-mp:hover{transform:translateY(-8px);border-color:#8b69144d;box-shadow:0 20px 40px #0000004d,0 0 30px #8b69141a}.step-connector-mp{display:none}@media(min-width:768px){.step-connector-mp{display:block;position:absolute;top:50%;right:-40px;width:80px;height:2px;background:linear-gradient(90deg,var(--masterpiece-gold),transparent);z-index:1}.step-connector-mp:after{content:"→";position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--masterpiece-gold);font-size:18px}}.gallery-item-mp{transition:transform .3s ease;position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media(max-width:767px){.gallery-item-mp:nth-child(n+7){display:none}}.gallery-item-mp:hover{transform:scale(1.03);z-index:10}.gallery-item-mp>div{box-shadow:0 4px 20px #0000004d,0 0 0 1px #8b691426;transition:box-shadow .3s ease}.gallery-item-mp:hover>div{box-shadow:0 8px 40px #0006,0 0 0 2px #8b691466,var(--masterpiece-glow-gold)}.gallery-item-mp canvas{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.gallery-item-mp .gallery-shield{position:absolute;inset:0;z-index:2;cursor:default}.faq-item-mp{border:1px solid rgba(139,105,20,.1);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:all .3s ease}.faq-item-mp:hover{border-color:#8b69144d}.faq-question-mp{padding:20px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#ffffff05;transition:all .3s ease}.faq-question-mp:hover{background:#8b69140d}.faq-question-mp h3{margin:0;font-size:1rem;font-weight:600;color:#fff}.faq-icon-mp{width:24px;height:24px;border-radius:50%;background:#8b691433;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.faq-icon-mp svg{width:14px;height:14px;stroke:var(--masterpiece-gold);transition:transform .3s ease}.faq-item-mp.open .faq-icon-mp{background:var(--masterpiece-gold)}.faq-item-mp.open .faq-icon-mp svg{stroke:#fff;transform:rotate(180deg)}.faq-answer-mp{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item-mp.open .faq-answer-mp{max-height:200px}.faq-answer-content-mp{padding:0 24px 20px;color:#fff9;line-height:1.6}.examples-item{transition:transform .3s ease}.examples-item:hover{transform:translateY(-4px)}.examples-img{opacity:0;transition:opacity .4s ease,transform .5s ease}.examples-img.loaded{opacity:1}.upload-zone{border:2px dashed rgba(139,105,20,.4);border-radius:16px;transition:all .3s ease;background:#8b69140d;position:relative;overflow:hidden}.upload-zone-hero{min-height:180px}@media(min-width:768px){.upload-zone-hero{min-height:200px}}.upload-zone:before{content:"";position:absolute;inset:-2px;border-radius:16px;padding:2px;background:linear-gradient(135deg,var(--masterpiece-gold),var(--masterpiece-amber),var(--masterpiece-gold-light));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.upload-zone:hover:before,.upload-zone.dragover:before{opacity:1;animation:borderRotate 3s linear infinite}@keyframes borderRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.upload-zone:hover,.upload-zone.dragover{border-color:transparent;background:#8b69141a;box-shadow:var(--masterpiece-glow-gold);transform:scale(1.01)}.upload-zone.has-photo{border-style:solid;border-color:var(--masterpiece-amber);background:#d4a8530d}.upload-zone.has-photo:before{opacity:0}.upload-icon{transition:transform .3s ease}.upload-zone:hover .upload-icon{transform:scale(1.1) translateY(-4px)}.cta-pm{background:linear-gradient(135deg,var(--masterpiece-gold) 0%,var(--masterpiece-gold-light) 100%);transition:all .3s ease;box-shadow:var(--masterpiece-glow-gold);position:relative;overflow:hidden}.cta-pm:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cta-pm:hover:not(:disabled):before{left:100%}.cta-pm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 50px #8b691499}.cta-pm:disabled{opacity:.5;cursor:not-allowed}.preview-container{position:relative}.preview-image{max-width:100%;max-height:300px;border-radius:12px;-o-object-fit:contain;object-fit:contain}.preview-overlay{position:absolute;inset:0;background:#0009;border-radius:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.preview-container:hover .preview-overlay{opacity:1}.multi-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;padding:8px}.multi-photo-item{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1}.multi-photo-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.multi-photo-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;opacity:0;transition:opacity .2s ease}.multi-photo-item:hover .multi-photo-remove{opacity:1}.multi-photo-add{border:2px dashed rgba(139,105,20,.4);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;aspect-ratio:1;background:#8b69140d}.multi-photo-add:hover{border-color:var(--masterpiece-amber);background:#8b69141a}.multi-photo-count{text-align:center;margin-top:8px;font-size:.875rem;color:#ffffff80}.change-photo-btn{background:#fff3;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:8px;color:#fff;font-weight:500;transition:all .2s ease}.change-photo-btn:hover{background:#ffffff4d;transform:scale(1.05)}.file-size-badge{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;font-size:11px;padding:4px 8px;border-radius:4px}.loading-spinner{width:36px;height:36px;border:3px solid rgba(139,105,20,.2);border-top-color:var(--masterpiece-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{height:6px;background:#8b691433;border-radius:99px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--masterpiece-gold),var(--masterpiece-amber),var(--masterpiece-gold-light));background-size:200% 100%;transition:width .3s ease;animation:progressShimmer 2s ease-in-out infinite;border-radius:99px}@keyframes progressShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.processing-message{min-height:28px;transition:opacity .3s ease}.processing-message.fade{opacity:0}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fca5a5}.processing-tips{position:relative}.processing-tips li{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;padding:8px 12px;background:#ffffff08;border-radius:8px;transition:all .3s ease}.processing-tips li:hover{background:#8b69141a}.processing-tips li .tip-icon{flex-shrink:0;font-size:16px}.sparkle-container{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sparkle{position:absolute;width:4px;height:4px;background:var(--masterpiece-gold);border-radius:50%;animation:sparkleFloat 3s ease-in-out infinite;opacity:0}@keyframes sparkleFloat{0%,to{opacity:0;transform:translateY(0) scale(0)}50%{opacity:1;transform:translateY(-20px) scale(1)}}.tips-box{background:linear-gradient(145deg,#8b69141a,#c4956a0d);border:1px solid rgba(139,105,20,.2);border-radius:12px;padding:16px;transition:all .3s ease}.tips-box:hover{border-color:#8b691466;box-shadow:0 4px 20px #8b69141a}.trust-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff08;border-radius:8px;transition:all .3s ease}.trust-indicator:hover{background:#8b69141a;transform:translateY(-2px)}.trust-indicator .trust-icon{font-size:18px;transition:transform .3s ease}.trust-indicator:hover .trust-icon{transform:scale(1.2)}
