:root{--color-bg: #ffffff;--color-bg-alt: #f9f9f9;--color-dark: #050505;--color-dark-muted: #222222;--color-gray-border: #e2e2e2;--color-gray-text: #666666;--color-gold: #d4af37;--color-gold-hover: #bda032;--color-gold-glow: rgba(212, 175, 55, .25);--color-portal-bg: #030308;--color-glass-bg: rgba(15, 15, 25, .65);--color-glass-border: rgba(212, 175, 55, .35);--color-glass-shadow: rgba(0, 0, 0, .6);--font-heading: "Bodoni Moda", serif;--font-body: "DM Sans", sans-serif;--container-width: 1320px;--transition-smooth: all .35s cubic-bezier(.25, 1, .5, 1);--transition-quick: all .15s ease-out}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth;font-size:16px;background-color:var(--color-bg);color:var(--color-dark)}body{font-family:var(--font-body);font-weight:400;line-height:1.6;overflow-x:hidden}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 40px}.container-narrow{max-width:720px;margin:0 auto;padding:0 20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.w-full{width:100%}.margin-top-sm{margin-top:16px}.margin-top-md{margin-top:32px}.luxury-nav{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--color-gray-border);transition:var(--transition-smooth)}.nav-container{display:flex;justify-content:space-between;align-items:center;height:80px;max-width:var(--container-width);margin:0 auto;padding:0 40px}.brand-logo{height:48px;width:auto;object-fit:contain;transition:var(--transition-smooth)}.brand-logo:hover{transform:scale(1.03)}.nav-links{display:flex;gap:32px}.nav-item{font-family:var(--font-body);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-dark);text-decoration:none;padding:8px 0;position:relative;transition:var(--transition-quick)}.nav-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:var(--color-dark);transition:var(--transition-smooth);transform:translate(-50%)}.nav-item:hover:after{width:100%}.nav-item.highlight-gold{color:var(--color-gold)}.nav-item.highlight-gold:after{background-color:var(--color-gold)}.nav-actions{display:flex;align-items:center;gap:20px}.icon-btn{background:none;border:none;cursor:pointer;color:var(--color-dark);position:relative;padding:8px;transition:var(--transition-quick)}.icon-btn:hover{color:var(--color-gold)}.cart-count{position:absolute;top:0;right:0;background-color:var(--color-dark);color:#fff;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.subtitle-caps{font-family:var(--font-body);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.25em;color:var(--color-gold);display:block;margin-bottom:12px}.section-tag{font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--color-gold);display:block;margin-bottom:15px}.section-title{font-family:var(--font-heading);font-size:42px;font-weight:400;line-height:1.2;margin-bottom:25px}.body-text{font-size:15px;color:var(--color-gray-text);margin-bottom:20px;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;border:1px solid var(--color-dark);border-radius:0;cursor:pointer;text-decoration:none;transition:var(--transition-smooth)}.btn-primary{background-color:var(--color-dark);color:#fff}.btn-primary:hover{background-color:var(--color-gold);border-color:var(--color-gold);color:#fff}.btn-secondary{background-color:transparent;color:var(--color-dark)}.btn-secondary:hover{background-color:var(--color-dark);color:#fff}.btn-underline{font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-dark);text-decoration:none;border-bottom:1px solid var(--color-dark);padding-bottom:4px;transition:var(--transition-quick)}.btn-underline:hover{color:var(--color-gold);border-color:var(--color-gold)}.app-view{display:none;opacity:0;padding-top:80px;transition:opacity .5s ease-out}.app-view.active{display:block;opacity:1}.hero-section{position:relative;height:90vh;min-height:600px;display:flex;align-items:center;justify-content:flex-start;padding:0 10%;background-color:var(--color-bg-alt);overflow:hidden}.hero-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 75% 50%,rgba(212,175,55,.05) 0%,transparent 60%);z-index:1}.hero-content{max-width:620px;position:relative;z-index:2;animation:fadeInUp 1s cubic-bezier(.2,.8,.2,1)}.hero-title{font-family:var(--font-heading);font-size:64px;font-weight:300;line-height:1.1;letter-spacing:-.02em;margin-bottom:24px}.hero-description{font-size:16px;line-height:1.7;color:var(--color-gray-text);margin-bottom:40px}.hero-ctas{display:flex;gap:20px}.hero-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2}.scroll-text{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--color-gray-text)}.scroll-line{width:1px;height:40px;background-color:var(--color-gray-border);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-gold);animation:scrollAnimation 2s cubic-bezier(.2,.8,.2,1) infinite}.philosophy-section{padding:120px 0;background-color:var(--color-bg)}.luxury-frame{border:1px solid var(--color-gray-border);padding:24px;background-color:#fff;box-shadow:0 4px 30px #00000005}.frame-content{background-color:var(--color-bg-alt);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.mockup-glow:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,var(--color-gold-glow) 0%,transparent 70%)}.philosophy-img{max-width:60%;height:auto;z-index:2;filter:drop-shadow(0px 8px 16px rgba(0,0,0,.05))}.how-it-works-section{background-color:var(--color-bg-alt);padding:100px 0;border-top:1px solid var(--color-gray-border)}.section-header-center{text-align:center;max-width:600px;margin:0 auto 64px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step-card{background-color:#fff;padding:40px;border:1px solid var(--color-gray-border);transition:var(--transition-smooth)}.step-card:hover{transform:translateY(-8px);border-color:var(--color-gold)}.step-num{font-family:var(--font-heading);font-size:24px;color:var(--color-gold);display:block;margin-bottom:20px}.step-card h3{font-family:var(--font-heading);font-size:20px;font-weight:500;margin-bottom:16px}.step-card p{font-size:14px;color:var(--color-gray-text);line-height:1.6}.collection-section{padding:120px 0}.section-header-split{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.product-card{cursor:pointer;background-color:var(--color-bg-alt);border:1px solid transparent;transition:var(--transition-smooth)}.product-card:hover{border-color:var(--color-gray-border);background-color:#fff}.product-img-wrapper{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:#f6f6f6;overflow:hidden}.product-badge{position:absolute;top:20px;left:20px;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;background-color:var(--color-dark);color:#fff;padding:6px 12px;z-index:10}.product-placeholder-svg{width:65%;height:65%;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.product-card:hover .product-placeholder-svg{transform:scale(1.08)}.svg-garment-vector{width:100%;height:100%}.product-info{padding:24px;display:flex;justify-content:space-between;align-items:center}.product-info h3{font-family:var(--font-heading);font-size:18px;font-weight:500}.price{font-size:14px;font-weight:600;color:var(--color-gold)}.demo-section{padding:100px 0;background-color:var(--color-dark);color:#fff;border-top:1px solid #111}.demo-box{text-align:center;border:1px solid var(--color-gold);padding:64px 40px;position:relative;background:linear-gradient(180deg,#0b0b14,#030308);overflow:hidden}.demo-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background-color:var(--color-gold);color:var(--color-dark);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;padding:8px 24px}.demo-box h2{font-family:var(--font-heading);font-size:36px;font-weight:400;margin-bottom:16px}.demo-box p{color:#999;font-size:14px;max-width:500px;margin:0 auto 40px}.demo-interactive-qr{display:inline-block;cursor:pointer;position:relative;padding:24px;background-color:#fff;box-shadow:0 0 50px #d4af3733;border:1px solid var(--color-gold);transition:var(--transition-smooth)}.demo-interactive-qr:hover{transform:scale(1.05);box-shadow:0 0 60px #d4af3773}.qr-glow-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,var(--color-gold-glow) 0%,transparent 80%);opacity:.5;animation:pulsate 2.5s infinite alternate}.qr-svg-sample{display:block;position:relative;z-index:2}.qr-tap-hint{display:block;margin-top:15px;font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--color-dark);z-index:2;position:relative}.demo-instructions{margin-top:30px;display:flex;align-items:center;justify-content:center;gap:10px;color:#aaa;font-size:13px}.studio-layout{display:grid;grid-template-columns:1fr 480px;height:calc(100vh - 80px);overflow:hidden}.studio-preview-panel{background-color:var(--color-bg-alt);padding:40px;display:flex;align-items:center;justify-content:center;overflow-y:auto}.canvas-container-outer{width:100%;max-width:640px;display:flex;flex-direction:column;gap:20px}.studio-canvas-toolbar{display:flex;justify-content:space-between;align-items:center}.canvas-zoom-indicator{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-gray-text)}.btn-icon-label{background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:6px;color:var(--color-dark)}.btn-icon-label:hover{color:var(--color-gold)}.customizer-interactive-wrapper{background-color:#fff;border:1px solid var(--color-gray-border);position:relative;aspect-ratio:1;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 10px 40px #00000008}.garment-background-container{width:80%;height:80%;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:var(--transition-smooth)}.garment-background-container svg{width:100%;height:100%;filter:drop-shadow(0px 15px 25px rgba(0,0,0,.08))}.print-zone-container{position:absolute;top:25%;left:25%;width:50%;height:50%;border:1px dashed rgba(212,175,55,.45);z-index:10}.custom-element-wrapper{position:absolute;cursor:move;border:1px solid transparent;-webkit-user-select:none;user-select:none;touch-action:none;display:flex;align-items:center;justify-content:center}.custom-element-wrapper.active{border:1px dashed var(--color-gold)}.custom-element-content{width:100%;height:100%;pointer-events:none;object-fit:contain}.element-handle{position:absolute;width:16px;height:16px;background-color:#fff;border:1px solid var(--color-dark);display:none;z-index:15}.custom-element-wrapper.active .element-handle{display:block}.resize-handle{bottom:-8px;right:-8px;cursor:se-resize}.rotate-handle{top:-24px;left:50%;transform:translate(-50%);cursor:grab;border-radius:50%;background-color:var(--color-gold)}.rotate-handle:after{content:"";position:absolute;bottom:-8px;left:50%;width:1px;height:8px;background-color:var(--color-dark)}.delete-handle{top:-8px;right:-8px;width:18px;height:18px;background-color:var(--color-dark);color:#fff;border:none;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:16}.custom-element-wrapper.active .delete-handle{display:flex}.qr-content-box{width:100%;height:100%;padding:10px;background-color:#fffffff2;border:1px solid var(--color-gold);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.qr-svg-content{width:100%;height:100%;max-height:80%}.qr-mini-badge{font-size:7px;font-weight:700;letter-spacing:.1em;color:var(--color-gold)}.canvas-zoom-bar{font-size:10px;color:var(--color-gray-text);text-align:center}.studio-control-panel{background-color:#fff;border-left:1px solid var(--color-gray-border);padding:40px;overflow-y:auto;display:flex;flex-direction:column;gap:32px}.control-header h2{font-family:var(--font-heading);font-size:28px;font-weight:400;margin-bottom:8px}.control-header p{font-size:13px;color:var(--color-gray-text);line-height:1.5}.control-section{border-top:1px solid var(--color-gray-border);padding-top:24px}.section-subtitle{font-family:var(--font-body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.control-help{font-size:12px;color:var(--color-gray-text);margin-bottom:15px}.luxury-select-wrapper{position:relative;width:100%}.luxury-select-wrapper:after{content:"↓";font-size:10px;position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-dark)}.luxury-select{width:100%;padding:12px 16px;border:1px solid var(--color-dark);font-family:var(--font-body);font-size:13px;background-color:#fff;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}.color-picker-row{display:flex;gap:12px}.color-btn{width:32px;height:32px;border-radius:0;border:none;cursor:pointer;position:relative;transition:var(--transition-quick)}.color-btn.active:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:1px solid var(--color-gold)}.artwork-upload-container{width:100%}.file-input-hidden{display:none}.qr-toggle-container{display:flex;align-items:center;gap:15px;margin-bottom:20px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-gold)}input:checked+.slider:before{transform:translate(20px)}.toggle-label{font-size:13px;font-weight:600}.tabs-nav-small{display:flex;border-bottom:1px solid var(--color-gray-border);margin-bottom:15px}.tab-btn-small{flex:1;background:none;border:none;border-bottom:2px solid transparent;padding:10px 0;font-family:var(--font-body);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;color:var(--color-gray-text);transition:var(--transition-quick)}.tab-btn-small.active{color:var(--color-dark);border-bottom-color:var(--color-dark)}.tab-pane-small{display:none}.tab-pane-small.active{display:block}.record-controls-row{display:flex;align-items:center;gap:20px;margin-bottom:15px}.btn-record{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background-color:#fff;border:1px solid var(--color-dark);font-family:var(--font-body);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:var(--transition-quick)}.btn-record:hover{border-color:#ff3b30;color:#ff3b30}.btn-record.recording{background-color:#ff3b30;border-color:#ff3b30;color:#fff;animation:flashRed 1.5s infinite}.record-icon{width:10px;height:10px;background-color:#ff3b30;border-radius:50%;display:inline-block}.btn-record.recording .record-icon{background-color:#fff}.record-timer{font-family:monospace;font-size:18px;font-weight:700;color:var(--color-dark)}.volume-meter-wrapper{margin-bottom:15px}.meter-label{font-size:10px;text-transform:uppercase;color:var(--color-gray-text);display:block;margin-bottom:6px}.volume-meter-track{height:4px;background-color:var(--color-gray-border);width:100%;position:relative}.volume-meter-fill{height:100%;background-color:var(--color-gold);width:0%;transition:width .1s ease}.status-msg{font-size:11px;color:var(--color-gray-text)}.audio-file-name-label{font-size:12px;color:var(--color-gray-text);margin-top:10px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-preview-player-box{margin-top:20px;padding:15px;border:1px solid var(--color-gold);background-color:var(--color-bg-alt)}.preview-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gold);display:block;margin-bottom:10px}.preview-player-row{display:flex;align-items:center;gap:15px}.btn-play-small{width:32px;height:32px;border-radius:50%;background-color:var(--color-dark);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-quick)}.btn-play-small:hover{background-color:var(--color-gold)}.preview-timeline-container{flex:1;height:4px;background-color:var(--color-gray-border);position:relative;cursor:pointer}.preview-timeline-bar{height:100%;background-color:var(--color-dark);width:0%;position:absolute;top:0;left:0}.preview-duration-text{font-family:monospace;font-size:12px;color:var(--color-dark)}.btn-delete-audio{background:none;border:none;color:var(--color-gray-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-quick)}.btn-delete-audio:hover{color:#ff3b30}.checkout-section{background-color:var(--color-bg-alt);border:1px solid var(--color-gray-border);padding:24px;margin-top:auto}.price-summary-row{display:flex;justify-content:space-between;font-family:var(--font-body);font-size:13px;margin-bottom:12px}.price-summary-row.gold-bonus{border-bottom:1px solid var(--color-gray-border);padding-bottom:15px;margin-bottom:20px}.summary-price{font-weight:700}.summary-price.text-gold{color:var(--color-gold)}.gold-dot{width:6px;height:6px;background-color:var(--color-gold);border-radius:50%;display:inline-block;margin-right:6px;vertical-align:middle}.checkout-actions{display:flex;flex-direction:column;gap:12px}.portal-view{padding-top:0!important;background-color:var(--color-portal-bg);color:#fff;min-height:100vh;align-items:center;justify-content:center}.portal-view.active{display:flex}.portal-frame-wrapper{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column}.portal-header-bar{position:absolute;top:0;left:0;width:100%;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;z-index:100;background:linear-gradient(180deg,rgba(3,3,8,.8) 0%,transparent 100%)}.portal-logo-img{height:36px;width:auto;filter:brightness(0) invert(1)}.skip-intro-btn{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;font-family:var(--font-body);font-size:11px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:var(--transition-quick)}.skip-intro-btn:hover{border-color:var(--color-gold);color:var(--color-gold);background-color:#d4af370d}.portal-video-viewport{position:absolute;top:0;left:0;width:100%;height:100%;z-index:80;background-color:#000;display:none;align-items:center;justify-content:center}.portal-video-viewport.active{display:flex}.video-container{width:100vw;height:100vh;position:relative;overflow:hidden}.video-container iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;transform:translate(-50%,-50%);pointer-events:none}.cosmic-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#030308;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;opacity:1;transition:opacity .8s ease-out}.cosmic-spinner{width:60px;height:60px;border:2px solid transparent;border-top-color:var(--color-gold);border-radius:50%;animation:rotateSpinner 1.2s cubic-bezier(.5,0,.5,1) infinite;position:relative}.cosmic-spinner:after{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:2px solid transparent;border-bottom-color:#fff;border-radius:50%;animation:rotateSpinner .8s linear infinite reverse}.cosmic-loading-txt{font-family:var(--font-heading);font-size:18px;letter-spacing:.1em;color:#fff;animation:pulsate 2s infinite alternate}.portal-audio-viewport{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;display:flex;align-items:center;justify-content:center;overflow:hidden}.solar-system-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--color-portal-bg)}.glass-player-panel{position:relative;z-index:20;background:var(--color-glass-bg);border:1px solid var(--color-glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);width:90%;max-width:440px;padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 24px 80px var(--color-glass-shadow),0 0 40px #d4af371a;transform:translateY(0);animation:fadeFloatIn 1.2s cubic-bezier(.2,.8,.2,1)}.player-glow{position:absolute;top:-50px;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(212,175,55,.15) 0%,transparent 70%);pointer-events:none}.player-header{margin-bottom:30px}.sender-avatar{width:54px;height:54px;border-radius:50%;border:1px solid var(--color-gold);display:flex;align-items:center;justify-content:center;color:var(--color-gold);background-color:#d4af370d;margin:0 auto 16px;box-shadow:0 0 20px #d4af371a}.sender-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--color-gold);display:block;margin-bottom:8px}.portal-sender-name{font-family:var(--font-heading);font-size:30px;font-weight:400;line-height:1.2;margin-bottom:6px}.portal-occasion-label{font-size:13px;color:#aaa}.spectrogram-container{position:relative;width:260px;height:260px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center}.spectrogram-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:21;pointer-events:none}.main-play-btn{position:relative;z-index:25;width:76px;height:76px;border-radius:50%;background-color:#fff;color:var(--color-dark);border:2px solid var(--color-gold);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #d4af3733;transition:var(--transition-smooth);outline:none}.main-play-btn:hover{transform:scale(1.08);background-color:var(--color-gold);color:#fff;box-shadow:0 0 40px #d4af3780}.player-controls{width:100%}.timeline-row{display:flex;align-items:center;gap:12px;margin-bottom:20px}.time-text{font-family:monospace;font-size:11px;color:#aaa;width:32px}.timeline-slider-container{flex:1;position:relative}.timeline-slider,.volume-slider{-webkit-appearance:none;width:100%;height:3px;background-color:#ffffff26;outline:none;border-radius:2px;cursor:pointer}.timeline-slider::-webkit-slider-value-token,.timeline-slider::-webkit-slider-runnable-track{cursor:pointer}.timeline-slider::-webkit-slider-thumb,.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background-color:var(--color-gold);box-shadow:0 0 10px var(--color-gold);cursor:pointer;transition:var(--transition-quick)}.timeline-slider::-webkit-slider-thumb:hover,.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.controls-row-bottom{display:flex;justify-content:space-between;align-items:center}.volume-control{display:flex;align-items:center;gap:8px;width:120px}.volume-icon{color:#aaa}.audio-rate-btn{font-family:monospace;font-size:11px;color:#aaa;border:1px solid rgba(255,255,255,.2);padding:4px 10px;cursor:pointer;transition:var(--transition-quick)}.audio-rate-btn:hover{border-color:var(--color-gold);color:var(--color-gold)}.portal-drawer-panel{position:absolute;bottom:-100%;left:0;width:100%;background:#0b0b14;border-top:1px solid var(--color-glass-border);z-index:100;transition:bottom .6s cubic-bezier(.2,.8,.2,1);padding:36px 40px;display:flex;flex-direction:column;align-items:center;box-shadow:0 -20px 50px #000c}.portal-drawer-panel.active{bottom:0}.drawer-drag-bar{width:50px;height:4px;background-color:#ffffff26;border-radius:2px;margin-bottom:24px}.drawer-content{width:100%;max-width:440px;text-align:center}.drawer-tag{font-size:9px;font-weight:700;letter-spacing:.25em;color:var(--color-gold);text-transform:uppercase;display:block;margin-bottom:12px}.drawer-content h3{font-family:var(--font-heading);font-size:26px;font-weight:400;margin-bottom:8px}.drawer-desc{font-size:13px;color:#999;margin-bottom:24px}.luxury-form{display:flex;flex-direction:column;gap:15px;margin-bottom:24px}.form-row{display:flex;gap:15px}.luxury-input{width:100%;padding:14px 16px;background-color:#ffffff0d;border:none;border-bottom:1px solid rgba(255,255,255,.25);color:#fff;font-family:var(--font-body);font-size:13px;border-radius:0;outline:none;transition:var(--transition-quick)}.luxury-input::placeholder{color:#666}.luxury-input:focus{border-bottom-color:var(--color-gold);background-color:#ffffff14}.discount-success-box{border:1px solid var(--color-gold);background-color:#d4af370d;padding:24px;margin-bottom:24px;animation:fadeInUp .5s ease-out}.success-icon{font-size:32px;color:var(--color-gold);display:block;margin-bottom:10px}.discount-success-box h4{font-family:var(--font-heading);font-size:20px;font-weight:500;margin-bottom:6px}.discount-success-box p{font-size:12px;color:#ccc;margin-bottom:16px}.coupon-code-container{display:flex;border:1px dashed var(--color-gold);background-color:#0b0b14;overflow:hidden}.coupon-code{flex:1;font-family:monospace;font-size:18px;font-weight:700;color:var(--color-gold);display:flex;align-items:center;justify-content:center;padding:10px}.copy-coupon-btn{background-color:var(--color-gold);color:var(--color-dark);border:none;font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;padding:0 20px;cursor:pointer;transition:var(--transition-quick)}.copy-coupon-btn:hover{background-color:#fff}.coupon-copied-msg{display:none;font-size:10px;color:#4cd964;margin-top:10px}.drawer-footer-actions{margin-top:15px;border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;gap:15px;justify-content:center;width:100%}.drawer-footer-actions .btn-secondary{border-color:#fff6;color:#fff;background-color:transparent}.drawer-footer-actions .btn-secondary:hover{border-color:var(--color-gold);color:var(--color-dark);background-color:var(--color-gold)}.cart-drawer{position:fixed;top:0;right:-100%;width:100%;height:100vh;z-index:200;transition:right .5s cubic-bezier(.2,.8,.2,1);display:flex}.cart-drawer.active{right:0}.cart-drawer-overlay{flex:1;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cart-drawer-content{width:440px;background-color:#fff;height:100%;display:flex;flex-direction:column;padding:40px;box-shadow:-10px 0 50px #00000026}.cart-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-gray-border);padding-bottom:20px;margin-bottom:24px}.cart-header h3{font-family:var(--font-heading);font-size:24px;font-weight:400}.close-cart-btn{font-size:32px;background:none;border:none;cursor:pointer;color:var(--color-dark)}.close-cart-btn:hover{color:var(--color-gold)}.cart-items-container{flex:1;overflow-y:auto}.cart-empty-message{font-size:13px;color:var(--color-gray-text);text-align:center;margin-top:40px}.cart-item{display:flex;gap:15px;border-bottom:1px solid var(--color-gray-border);padding-bottom:20px;margin-bottom:20px}.cart-item-preview{width:80px;height:80px;background-color:var(--color-bg-alt);border:1px solid var(--color-gray-border);display:flex;align-items:center;justify-content:center}.cart-item-details{flex:1}.cart-item-title{font-family:var(--font-heading);font-size:15px;font-weight:500;margin-bottom:4px}.cart-item-options{font-size:11px;color:var(--color-gray-text);margin-bottom:8px}.cart-item-audio-status{font-size:10px;color:var(--color-gold);font-weight:700}.cart-item-price{font-size:13px;font-weight:700}.btn-remove-item{background:none;border:none;cursor:pointer;color:var(--color-gray-text);font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-top:8px;display:block}.btn-remove-item:hover{color:#ff3b30}.cart-footer{border-top:1px solid var(--color-gray-border);padding-top:24px}.cart-total-row{display:flex;justify-content:space-between;font-family:var(--font-body);font-size:16px;font-weight:700;margin-bottom:10px}.cart-shipping-info{font-size:12px;color:var(--color-gray-text);margin-bottom:20px}.notification-container{position:fixed;bottom:30px;left:30px;z-index:1000;display:flex;flex-direction:column;gap:10px}.notification-toast{background-color:var(--color-dark);color:#fff;padding:16px 24px;border-left:2px solid var(--color-gold);font-size:13px;letter-spacing:.05em;min-width:280px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #00000026;animation:slideInLeft .35s cubic-bezier(.25,1,.5,1)}.notification-toast.error{border-left-color:#ff3b30}.close-toast{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;margin-left:15px;opacity:.6}.close-toast:hover{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollAnimation{0%{transform:translateY(-100%)}50%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes pulsate{0%{opacity:.4}to{opacity:1}}@keyframes flashRed{0%{background-color:#ff3b30}50%{background-color:#ff3b30b3}to{background-color:#ff3b30}}@keyframes rotateSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeFloatIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.studio-layout{grid-template-columns:1fr;height:auto;overflow:visible}.studio-preview-panel{height:500px;position:sticky;top:80px;z-index:40;border-bottom:1px solid var(--color-gray-border)}.studio-control-panel{border-left:none;padding:30px 20px;overflow-y:visible}.grid-2{grid-template-columns:1fr;gap:40px}.steps-grid{grid-template-columns:1fr;gap:20px}.products-grid{grid-template-columns:1fr;gap:24px}.hero-title{font-size:44px}}@media (max-width: 768px){.nav-links{display:none}.container{padding:0 20px}.section-title{font-size:32px}.form-row{flex-direction:column;gap:15px}}.nav-link-item{position:relative}.nav-link-item:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background-color:#000;transition:all .3s ease}.nav-link-item:hover:after,.nav-link-item.active:after{width:100%}.nav-link-item.highlight-gold:after{background-color:#c5b358}#recordVoiceBtn.recording{background-color:#ff3b30!important;border-color:#ff3b30!important;color:#fff!important}@keyframes pulse-gold{0%{box-shadow:0 0 #d4af3766}to{box-shadow:0 0 0 15px #d4af3700}}.whisper-shadow{box-shadow:0 10px 40px #00000008,0 2px 6px #00000003}#view-profile input:focus{border-bottom-color:var(--color-gold)!important}.gucci-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000;z-index:200;pointer-events:none;transition:background-color .5s cubic-bezier(.25,1,.5,1);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.gucci-drawer-backdrop.active{background-color:#00000059;pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gucci-drawer{position:fixed;top:0;right:0;width:520px;max-width:100vw;height:100vh;height:100dvh;background-color:#fff;z-index:210;transform:translate(100%);transition:transform .55s cubic-bezier(.25,1,.5,1);overflow:hidden;box-shadow:-20px 0 60px #0000}.gucci-drawer.active{transform:translate(0);box-shadow:-20px 0 60px #00000026}.gucci-drawer-close{position:absolute;top:28px;right:28px;z-index:220;width:44px;height:44px;border-radius:50%;background-color:#000;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,1,.5,1);box-shadow:0 2px 12px #00000026}.gucci-drawer-close:hover{transform:scale(1.08);background-color:var(--color-gold)}.gucci-drawer-close .material-symbols-outlined{font-size:20px;font-weight:300}.gucci-drawer-inner{position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.gucci-drawer-level{position:absolute;top:0;left:0;width:100%;height:100%;padding:90px 60px 60px;overflow-y:auto;opacity:0;transform:translate(100%);transition:all .45s cubic-bezier(.25,1,.5,1);pointer-events:none;display:flex;flex-direction:column}.gucci-drawer-level.active{opacity:1;transform:translate(0);pointer-events:auto}.gucci-drawer-level.slide-out-left{opacity:0;transform:translate(-30%);pointer-events:none}.gucci-nav-list{display:flex;flex-direction:column;gap:0;padding-top:10px}.gucci-nav-item{font-family:var(--font-heading);font-size:22px;font-weight:400;color:#000;text-decoration:none;padding:18px 0;display:block;position:relative;transition:all .3s ease;letter-spacing:.01em;line-height:1.2}.gucci-nav-item:hover{color:var(--color-gold)}.gucci-nav-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--color-gold);transition:width .4s cubic-bezier(.25,1,.5,1)}.gucci-nav-item:hover:after{width:100%}.gucci-nav-list--sub .gucci-nav-item{font-size:18px;padding:14px 0;font-family:var(--font-body);font-weight:400;letter-spacing:.02em}.gucci-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#000;padding:0;margin-bottom:30px;transition:all .3s ease;text-decoration:underline;text-underline-offset:4px}.gucci-back-btn:hover{color:var(--color-gold)}.gucci-level-title{font-family:var(--font-heading);font-size:36px;font-weight:400;color:#000;margin-bottom:30px;line-height:1.1}.gucci-nav-secondary{margin-top:auto;padding-top:40px;border-top:1px solid #e5e5e5;display:flex;flex-direction:column;gap:0}.gucci-nav-secondary-item{font-family:var(--font-body);font-size:14px;font-weight:400;color:#666;text-decoration:none;padding:12px 0;transition:color .3s ease;letter-spacing:.02em}.gucci-nav-secondary-item:hover{color:#000}.gucci-menu-trigger{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:6px 0 6px 12px;transition:all .3s ease}.gucci-menu-trigger:hover .gucci-menu-label{color:var(--color-gold)}.gucci-menu-trigger:hover .gucci-menu-icon span{background-color:var(--color-gold)}.gucci-menu-label{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#000;transition:color .3s ease}.gucci-menu-icon{display:flex;flex-direction:column;gap:5px;width:20px}.gucci-menu-icon span{display:block;height:1.5px;width:100%;background-color:#000;transition:all .3s ease}.shop-item-card{position:relative;transition:all .5s cubic-bezier(.25,1,.5,1)}.shop-item-card:hover{transform:translateY(-4px)}.shop-item-card:hover .customize-action{opacity:1!important;transform:translateY(0)!important}.shop-item-card .mt-6 h4{transition:color .3s ease}.shop-item-card:hover .mt-6 h4{color:var(--color-gold)}#view-home .group:hover h3{color:var(--color-gold);transition:color .3s ease}#view-home .group{transition:all .5s cubic-bezier(.25,1,.5,1)}#view-home .group:hover{transform:translateY(-6px)}.product-card-hover .relative:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.04) 100%);z-index:1;pointer-events:none;transition:opacity .5s ease}.product-card-hover:hover .relative:before{opacity:0}@media (max-width: 768px){.gucci-drawer{width:100vw}.gucci-drawer-level{padding:80px 30px 40px}.gucci-nav-item{font-size:20px;padding:15px 0}.gucci-drawer-close{top:20px;right:20px;width:40px;height:40px}.gucci-level-title{font-size:28px}.gucci-menu-label{display:none}}@media (max-width: 480px){.gucci-drawer-level{padding:80px 24px 30px}.gucci-nav-item{font-size:18px;padding:14px 0}}.homepage-product-card{transition:transform .5s cubic-bezier(.25,1,.5,1)}.homepage-product-card:hover{transform:translateY(-6px)}.homepage-product-card:nth-child(1){animation-delay:0s}.homepage-product-card:nth-child(2){animation-delay:.15s}.homepage-product-card:nth-child(3){animation-delay:.3s}#mainHeader.scrolled{box-shadow:0 2px 20px #0000000f}.hover-underline-expand{position:relative;display:inline-block}.hover-underline-expand:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.25,1,.5,1)}.hover-underline-expand:hover:after{transform:scaleX(1)}body.drawer-open{overflow:hidden}#qrElementWrapper{cursor:pointer!important;transition:box-shadow .25s ease,border-color .25s ease!important}#qrElementWrapper:hover{box-shadow:0 0 16px var(--color-gold)!important;border-color:var(--color-gold)!important}#view-profile{position:relative;background-color:var(--color-portal-bg);overflow:hidden}#profile-galaxy-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.profile-glass-card{background:var(--color-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);box-shadow:0 20px 50px var(--color-glass-shadow);color:#fff;border-radius:4px;z-index:10;position:relative}.profile-glass-card h2,.profile-glass-card h3,.profile-glass-card .text-primary{color:#fff!important}.profile-glass-card .text-secondary{color:var(--color-gold)!important}.profile-glass-card label,.profile-glass-card .text-on-surface-variant{color:#ffffffb3!important}.profile-glass-card input{color:#fff!important;border-bottom-color:#ffffff40!important}.profile-glass-card input::placeholder{color:#fff6!important}.profile-glass-card button[type=submit],.profile-glass-card #profileCopyCouponBtn{background-color:var(--color-gold)!important;color:var(--color-dark)!important;font-weight:700!important}.profile-glass-card button[type=submit]:hover,.profile-glass-card #profileCopyCouponBtn:hover{background-color:var(--color-gold-hover)!important;box-shadow:0 0 15px #d4af3766}.profile-glass-card #profileLogoutBtn{color:#fff!important;border-color:#fff3!important}.profile-glass-card #profileLogoutBtn:hover{color:#ef4444!important;border-color:#ef444466!important}.profile-glass-card #profileDashboardTabs button{border-color:transparent!important;transition:var(--transition-smooth)}.profile-glass-card #profileDashboardTabs button.text-primary{color:var(--color-gold)!important;border-bottom:2px solid var(--color-gold)!important}.profile-glass-card #profileDashboardTabs button.text-on-surface-variant{color:#fff9!important}.profile-glass-card #profileDashboardTabs button.text-on-surface-variant:hover{color:#fff!important}.profile-glass-card .bg-surface-container-low{background-color:#ffffff0d!important;border-color:#ffffff1a!important}.profile-glass-card .bg-surface-container-low h4{color:#fff!important}.profile-glass-card .bg-surface-container-low p{color:#fff9!important}.profile-glass-card .bg-surface-container-low .bg-white{background-color:#0000004d!important;border-color:#ffffff1a!important}.profile-glass-card .bg-surface-container-low audio{filter:invert(1) hue-rotate(180deg)}.profile-glass-card .border-outline-variant\/30{border-color:#ffffff1a!important}.profile-glass-card a.text-primary{color:var(--color-gold)!important}.profile-glass-card a.text-primary:hover{color:var(--color-gold-hover)!important}