:root{--vd-purple:#7f77dd;--vd-purple-dark:#534ab7;--vd-yellow:#f9cb42;--vd-coral:#e8593c;--vd-coral-dark:#c04828;--vd-black:#0f0e14;--vd-white:#fafaf7;--vd-gray:#1c1b25;--vd-gray-mid:#2e2d3a;--vd-gray-light:#4a4860;--vd-text-muted:#8c8aa8;--font-display:"Funnel Display", sans-serif;--font-body:"Instrument Sans", sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--transition:.22s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--vd-black);color:var(--vd-white);line-height:1.6;overflow-x:hidden}.header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0e14d9;border-bottom:1px solid #7f77dd26;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0}.logo{font-family:var(--font-display);letter-spacing:-.5px;color:var(--vd-white);cursor:pointer;font-size:22px;font-weight:800;text-decoration:none}.logo span{color:var(--vd-purple)}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--vd-text-muted);transition:color var(--transition);letter-spacing:.3px;font-size:14px;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--vd-white)}.nav-actions{align-items:center;gap:16px;display:flex}.search-btn{color:var(--vd-text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-items:center;padding:6px;display:flex}.search-btn:hover{color:var(--vd-white)}.cart-btn{background:var(--vd-purple);color:var(--vd-white);cursor:pointer;border-radius:var(--radius-pill);font-family:var(--font-body);transition:background var(--transition), transform var(--transition);border:none;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-size:14px;font-weight:600;display:flex;position:relative}.cart-btn:hover{background:var(--vd-purple-dark);transform:scale(1.04)}.cart-badge{background:var(--vd-yellow);color:var(--vd-black);border:2px solid var(--vd-black);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:-6px;right:-6px}.cart-badge.bump{animation:.4s cubic-bezier(.34,1.56,.64,1) badge-bump}@keyframes badge-bump{0%{transform:scale(1)}50%{transform:scale(1.6)}to{transform:scale(1)}}.hero{align-items:center;min-height:100vh;padding:80px 32px 60px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#7f77dd2e 0%,#0000 70%);width:700px;height:700px;position:absolute;top:-200px;right:-200px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#e8593c1f 0%,#0000 70%);width:500px;height:500px;position:absolute;bottom:-150px;left:-100px}.hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-badge{color:var(--vd-yellow);border-radius:var(--radius-pill);letter-spacing:1px;text-transform:uppercase;background:#f9cb421f;border:1px solid #f9cb4259;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:12px;font-weight:600;animation:2s ease-in-out infinite pulse-badge;display:inline-flex}.hero-badge:before{content:"";background:var(--vd-yellow);border-radius:50%;width:6px;height:6px}@keyframes pulse-badge{0%,to{box-shadow:0 0 #f9cb424d}50%{box-shadow:0 0 0 8px #f9cb4200}}.hero-headline{font-family:var(--font-display);letter-spacing:-2px;margin-bottom:20px;font-size:clamp(52px,6vw,84px);font-weight:800;line-height:1}.hero-headline em{color:var(--vd-purple);font-style:italic}.hero-headline .accent-yellow{color:var(--vd-yellow)}.hero-sub{color:var(--vd-text-muted);max-width:440px;margin-bottom:36px;font-size:17px;line-height:1.7}.hero-ctas{flex-wrap:wrap;gap:14px;display:flex}.btn-primary{background:var(--vd-purple);color:var(--vd-white);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;transition:background var(--transition), transform var(--transition), box-shadow var(--transition);border:none;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--vd-purple-dark);transform:translateY(-2px);box-shadow:0 12px 32px #7f77dd59}.btn-secondary{color:var(--vd-white);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;transition:border-color var(--transition), transform var(--transition);background:0 0;border:1px solid #fff3;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:#ffffff80;transform:translateY(-2px)}.hero-trust{flex-wrap:wrap;gap:24px;margin-top:36px;display:flex}.trust-item{color:var(--vd-text-muted);align-items:center;gap:7px;font-size:13px;display:flex}.trust-item svg{color:var(--vd-purple);flex-shrink:0}.hero-visual{position:relative}.hero-img-wrap{border-radius:var(--radius-lg);aspect-ratio:3/4;background:var(--vd-gray);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-img-placeholder{font-family:var(--font-display);opacity:.08;letter-spacing:-4px;font-size:80px;font-weight:800}.hero-tag-1{background:var(--vd-yellow);color:var(--vd-black);border-radius:var(--radius-pill);white-space:nowrap;z-index:2;padding:8px 16px;font-size:13px;font-weight:700;position:absolute;top:40px;left:-30px;transform:rotate(-6deg)}.hero-tag-2{background:var(--vd-coral);color:var(--vd-white);border-radius:var(--radius-pill);white-space:nowrap;z-index:2;padding:8px 16px;font-size:13px;font-weight:700;position:absolute;bottom:60px;right:-20px;transform:rotate(4deg)}.section{padding:80px 32px}.section-inner{max-width:1200px;margin:0 auto}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:40px;display:flex}.section-title{font-family:var(--font-display);letter-spacing:-1px;font-size:clamp(28px,4vw,42px);font-weight:800}.section-title span{color:var(--vd-purple)}.section-link{color:var(--vd-purple);cursor:pointer;transition:gap var(--transition);align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.section-link:hover{gap:10px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.product-card{background:var(--vd-gray);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition);border:1px solid #7f77dd14;position:relative;overflow:hidden}.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px #0006}.product-card:hover .card-overlay{opacity:1}.product-card:hover .quick-add{opacity:1;transform:translateY(0)}.card-img{aspect-ratio:1;background:var(--vd-gray-mid);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.card-img-placeholder{opacity:.12;font-size:48px;font-family:var(--font-display);font-weight:800}.card-badge{background:var(--vd-coral);color:var(--vd-white);border-radius:var(--radius-pill);letter-spacing:.5px;text-transform:uppercase;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.card-overlay{opacity:0;transition:opacity var(--transition);background:#0f0e144d;align-items:flex-end;padding:16px;display:flex;position:absolute;inset:0}.quick-add{background:var(--vd-purple);width:100%;color:var(--vd-white);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;opacity:0;transition:transform var(--transition), opacity var(--transition), background var(--transition);border:none;padding:11px;font-size:14px;font-weight:600;transform:translateY(8px)}.quick-add:hover{background:var(--vd-purple-dark)}.card-body{padding:16px}.card-brand{color:var(--vd-purple);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600}.card-name{font-family:var(--font-display);margin-bottom:12px;font-size:17px;font-weight:700;line-height:1.25}.card-footer{justify-content:space-between;align-items:center;display:flex}.card-price{color:var(--vd-white);font-size:18px;font-weight:700}.card-price .original{color:var(--vd-text-muted);margin-left:6px;font-size:14px;font-weight:400;text-decoration:line-through}.card-stars{color:var(--vd-yellow);align-items:center;gap:2px;font-size:12px;display:flex}.trust-band{background:var(--vd-gray);border-top:1px solid #7f77dd1a;border-bottom:1px solid #7f77dd1a;padding:24px 32px}.trust-band-inner{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.trust-block{align-items:center;gap:12px;display:flex}.trust-icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--vd-purple);background:#7f77dd1f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.trust-text strong{font-size:14px;font-weight:600;display:block}.trust-text span{color:var(--vd-text-muted);font-size:12px}.newsletter{background:var(--vd-gray);border-radius:var(--radius-lg);text-align:center;border:1px solid #7f77dd26;padding:48px;position:relative;overflow:hidden}.newsletter:before{content:"";pointer-events:none;background:radial-gradient(circle,#7f77dd26 0%,#0000 70%);width:400px;height:300px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.newsletter-tag{color:var(--vd-yellow);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:1px;background:#f9cb4226;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.newsletter h2{font-family:var(--font-display);letter-spacing:-1px;margin-bottom:10px;font-size:clamp(28px,4vw,42px);font-weight:800}.newsletter p{color:var(--vd-text-muted);margin-bottom:28px;font-size:15px}.newsletter-form{gap:10px;max-width:440px;margin:0 auto;display:flex}.newsletter-form input{color:var(--vd-white);border-radius:var(--radius-pill);font-family:var(--font-body);transition:border-color var(--transition);background:#ffffff0f;border:1px solid #ffffff1f;outline:none;flex:1;padding:13px 18px;font-size:14px}.newsletter-form input:focus{border-color:var(--vd-purple)}.newsletter-form input::placeholder{color:var(--vd-text-muted)}.product-modal-bg{z-index:200;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.product-modal-bg.open{animation:.2s fade-in;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.product-modal{background:var(--vd-gray);border-radius:var(--radius-lg);border:1px solid #7f77dd1f;grid-template-columns:1fr 1fr;width:100%;max-width:900px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) slide-up;display:grid;overflow-y:auto}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.pm-gallery{background:var(--vd-gray-mid);border-radius:var(--radius-lg) 0 0 var(--radius-lg);justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.pm-gallery-placeholder{font-family:var(--font-display);opacity:.06;font-size:100px;font-weight:800}.pm-gallery-thumbs{gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.pm-thumb{border-radius:var(--radius-sm);cursor:pointer;width:42px;height:42px;transition:border-color var(--transition);background:#ffffff1a;border:2px solid #0000}.pm-thumb.active,.pm-thumb:hover{border-color:var(--vd-purple)}.pm-info{flex-direction:column;gap:0;padding:36px;display:flex}.pm-close{color:var(--vd-text-muted);cursor:pointer;width:32px;height:32px;transition:all var(--transition);background:0 0;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;margin-bottom:16px;font-size:16px;display:flex}.pm-close:hover{border-color:var(--vd-white);color:var(--vd-white)}.pm-brand{color:var(--vd-purple);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600}.pm-name{font-family:var(--font-display);letter-spacing:-.5px;margin-bottom:10px;font-size:28px;font-weight:800;line-height:1.15}.pm-rating{align-items:center;gap:8px;margin-bottom:14px;display:flex}.pm-stars{color:var(--vd-yellow);font-size:14px}.pm-rating-text{color:var(--vd-text-muted);font-size:13px}.pm-price-row{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.pm-price{font-size:28px;font-weight:700}.pm-price-original{color:var(--vd-text-muted);font-size:16px;text-decoration:line-through}.pm-discount-badge{color:var(--vd-coral);border-radius:var(--radius-pill);background:#e8593c33;padding:2px 8px;font-size:12px;font-weight:700}.pm-urgency{border-radius:var(--radius-md);color:var(--vd-yellow);background:#f9cb4214;border:1px solid #f9cb4233;align-items:center;gap:8px;margin:12px 0;padding:10px 14px;font-size:13px;display:flex}.pm-section-label{color:var(--vd-text-muted);text-transform:uppercase;letter-spacing:.8px;margin:16px 0 8px;font-size:12px;font-weight:600}.pm-variants{flex-wrap:wrap;gap:8px;display:flex}.variant-btn{background:var(--vd-gray-mid);min-width:44px;height:36px;color:var(--vd-white);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;transition:all var(--transition);border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:600;display:flex}.variant-btn:hover,.variant-btn.active{border-color:var(--vd-purple);color:var(--vd-purple);background:#7f77dd1a}.variant-btn.out-of-stock{opacity:.35;cursor:not-allowed;text-decoration:line-through}.color-dot{cursor:pointer;width:28px;height:28px;transition:transform var(--transition), border-color var(--transition);border:2px solid #0000;border-radius:50%}.color-dot:hover,.color-dot.active{border-color:var(--vd-white);transform:scale(1.15)}.pm-qty-row{align-items:center;gap:12px;margin:16px 0 20px;display:flex}.qty-ctrl{background:var(--vd-gray-mid);border-radius:var(--radius-sm);border:1px solid #ffffff1a;align-items:center;gap:0;display:flex;overflow:hidden}.qty-btn{color:var(--vd-white);cursor:pointer;width:36px;height:36px;transition:background var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.qty-btn:hover{background:#7f77dd33}.qty-val{text-align:center;width:40px;font-size:15px;font-weight:600}.pm-add-btn{background:var(--vd-purple);width:100%;color:var(--vd-white);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;transition:background var(--transition), transform var(--transition), box-shadow var(--transition);border:none;margin-bottom:12px;padding:15px;font-size:16px;font-weight:700}.pm-add-btn:hover{background:var(--vd-purple-dark);transform:scale(1.02);box-shadow:0 8px 24px #7f77dd66}.pm-reviews{border-top:1px solid #ffffff0f;margin-top:20px;padding-top:20px}.pm-review{margin-bottom:12px}.pm-review-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.pm-review-name{font-size:13px;font-weight:600}.pm-review-date{color:var(--vd-text-muted);font-size:12px}.pm-review-text{color:var(--vd-text-muted);font-size:13px;line-height:1.5}.cart-drawer-bg{z-index:300;background:#0009;display:none;position:fixed;inset:0}.cart-drawer-bg.open{animation:.2s fade-in;display:block}.cart-drawer{background:var(--vd-gray);z-index:301;border-left:1px solid #7f77dd1f;flex-direction:column;width:min(420px,100vw);height:100vh;transition:right .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-420px}.cart-drawer.open{right:0}.cart-drawer-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.cart-drawer-title{font-family:var(--font-display);font-size:20px;font-weight:700}.cart-item-count{background:var(--vd-purple);color:var(--vd-white);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;font-size:12px;font-weight:700;display:inline-flex}.drawer-close{color:var(--vd-text-muted);cursor:pointer;width:32px;height:32px;transition:all var(--transition);background:0 0;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.drawer-close:hover{border-color:var(--vd-white);color:var(--vd-white)}.shipping-progress-bar{border-radius:var(--radius-pill);background:#7f77dd1a;height:6px;margin:14px 24px 0;overflow:hidden}.shipping-progress-fill{background:var(--vd-purple);border-radius:var(--radius-pill);height:100%;transition:width .5s}.shipping-progress-label{color:var(--vd-text-muted);margin:6px 24px 0;font-size:12px}.cart-items{flex-direction:column;flex:1;gap:12px;padding:16px 24px;display:flex;overflow-y:auto}.cart-item{background:var(--vd-gray-mid);border-radius:var(--radius-md);align-items:center;gap:14px;padding:12px;display:flex}.cart-item-img{background:var(--vd-gray);border-radius:var(--radius-sm);opacity:.4;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;display:flex}.cart-item-details{flex:1;min-width:0}.cart-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.cart-item-variant{color:var(--vd-text-muted);margin-top:2px;font-size:12px}.cart-item-price{color:var(--vd-purple);margin-top:6px;font-size:14px;font-weight:700}.cart-item-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.ci-qty{background:var(--vd-gray);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:2px;display:flex}.ci-qty-btn{color:var(--vd-text-muted);cursor:pointer;width:24px;height:24px;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:14px;display:flex}.ci-qty-btn:hover{color:var(--vd-white);background:#7f77dd33}.ci-qty-val{text-align:center;min-width:18px;font-size:13px;font-weight:600}.remove-item{color:var(--vd-text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:2px;font-size:18px}.remove-item:hover{color:var(--vd-coral)}.cart-upsell{border-radius:var(--radius-md);background:#7f77dd14;border:1px solid #7f77dd33;margin:0 24px 12px;padding:14px}.cart-upsell-label{color:var(--vd-purple);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-size:11px;font-weight:700}.upsell-item{align-items:center;gap:10px;display:flex}.upsell-img{background:var(--vd-gray-mid);border-radius:var(--radius-sm);opacity:.5;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;display:flex}.upsell-info{flex:1}.upsell-name{font-size:13px;font-weight:600}.upsell-price{color:var(--vd-text-muted);font-size:12px}.upsell-add-btn{background:var(--vd-purple);color:var(--vd-white);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:background var(--transition);border:none;padding:7px 14px;font-size:12px;font-weight:600}.upsell-add-btn:hover{background:var(--vd-purple-dark)}.cart-footer{border-top:1px solid #ffffff0f;padding:16px 24px 24px}.cart-total-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.cart-subtotal-label{color:var(--vd-text-muted);font-size:13px}.cart-subtotal-val{font-size:16px;font-weight:700}.cart-shipping-note{color:var(--vd-text-muted);margin-bottom:14px;font-size:12px}.cart-checkout-btn{background:var(--vd-purple);width:100%;color:var(--vd-white);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;transition:background var(--transition), transform var(--transition);border:none;padding:15px;font-size:16px;font-weight:700}.cart-checkout-btn:hover{background:var(--vd-purple-dark);transform:scale(1.02)}.cart-empty{color:var(--vd-text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.cart-empty-icon{opacity:.3;font-size:48px}.cart-empty-title{font-family:var(--font-display);color:var(--vd-white);font-size:20px;font-weight:700}.cart-empty-sub{font-size:14px}.checkout-page{background:var(--vd-black);z-index:400;animation:.2s fade-in;display:none;position:fixed;inset:0;overflow-y:auto}.checkout-page.open{display:block}.checkout-inner{max-width:900px;margin:0 auto;padding:80px 24px 60px}.checkout-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.checkout-logo{font-family:var(--font-display);font-size:22px;font-weight:800}.checkout-logo span{color:var(--vd-purple)}.checkout-close-btn{color:var(--vd-text-muted);border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-body);transition:all var(--transition);background:0 0;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:flex}.checkout-close-btn:hover{border-color:var(--vd-white);color:var(--vd-white)}.checkout-steps{align-items:center;gap:0;margin-bottom:36px;display:flex}.step-item{flex:1;align-items:center;gap:8px;display:flex}.step-item:not(:last-child):after{content:"";background:#ffffff1a;flex:1;height:1px;margin:0 8px}.step-item.active:not(:last-child):after{background:var(--vd-purple)}.step-num{width:28px;height:28px;color:var(--vd-text-muted);transition:all var(--transition);background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.step-item.active .step-num{background:var(--vd-purple);border-color:var(--vd-purple);color:#fff}.step-item.done .step-num{border-color:var(--vd-purple);color:var(--vd-purple);background:#7f77dd33}.step-label{color:var(--vd-text-muted);font-size:13px;font-weight:500}.step-item.active .step-label{color:var(--vd-white)}.checkout-grid{grid-template-columns:1fr 380px;align-items:start;gap:32px;display:grid}.checkout-form{flex-direction:column;gap:20px;display:flex}.form-section{background:var(--vd-gray);border-radius:var(--radius-lg);border:1px solid #7f77dd14;padding:24px}.form-section-title{font-family:var(--font-display);align-items:center;gap:8px;margin-bottom:18px;font-size:16px;font-weight:700;display:flex}.form-section-title svg{color:var(--vd-purple)}.form-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.form-row.single{grid-template-columns:1fr}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--vd-text-muted);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:600}.form-input{background:var(--vd-gray-mid);color:var(--vd-white);border-radius:var(--radius-md);font-family:var(--font-body);transition:border-color var(--transition);border:1px solid #ffffff14;outline:none;width:100%;padding:12px 14px;font-size:14px}.form-input:focus{border-color:var(--vd-purple)}.form-input.error{border-color:var(--vd-coral)}.form-input::placeholder{color:var(--vd-text-muted)}.form-error{color:var(--vd-coral);margin-top:2px;font-size:11px;display:none}.form-error.show{display:block}.payment-options{flex-direction:column;gap:10px;display:flex}.payment-option{background:var(--vd-gray-mid);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition);border:2px solid #ffffff0f;align-items:center;gap:14px;padding:14px;display:flex}.payment-option.selected{border-color:var(--vd-purple)}.payment-option:hover{border-color:#7f77dd80}.payment-radio{width:18px;height:18px;transition:border-color var(--transition);border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.payment-option.selected .payment-radio{border-color:var(--vd-purple)}.payment-option.selected .payment-radio:after{content:"";background:var(--vd-purple);border-radius:50%;width:8px;height:8px}.payment-label{font-size:14px;font-weight:600}.payment-sub{color:var(--vd-text-muted);font-size:12px}.payment-icons{gap:6px;margin-left:auto;display:flex}.pay-icon{color:var(--vd-text-muted);background:#ffffff14;border-radius:4px;padding:3px 7px;font-size:11px;font-weight:700}.order-summary{background:var(--vd-gray);border-radius:var(--radius-lg);border:1px solid #7f77dd14;padding:24px;position:sticky;top:80px}.os-title{font-family:var(--font-display);margin-bottom:16px;font-size:16px;font-weight:700}.os-items{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.os-item{align-items:center;gap:12px;display:flex}.os-item-img{background:var(--vd-gray-mid);border-radius:var(--radius-sm);opacity:.4;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:20px;display:flex;position:relative}.os-item-qty{background:var(--vd-gray-light);color:var(--vd-white);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.os-item-name{flex:1;font-size:13px;font-weight:600}.os-item-variant{color:var(--vd-text-muted);font-size:12px}.os-item-price{font-size:14px;font-weight:700}.os-divider{background:#ffffff0f;height:1px;margin:12px 0}.os-row{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.os-row.total{margin-top:4px;font-size:17px;font-weight:700}.os-muted{color:var(--vd-text-muted)}.os-free{color:var(--vd-purple);font-weight:600}.promo-row{gap:8px;margin:14px 0;display:flex}.promo-input{background:var(--vd-gray-mid);color:var(--vd-white);border-radius:var(--radius-md);font-family:var(--font-body);transition:border-color var(--transition);border:1px solid #ffffff14;outline:none;flex:1;padding:10px 14px;font-size:13px}.promo-input:focus{border-color:var(--vd-purple)}.promo-input::placeholder{color:var(--vd-text-muted)}.promo-btn{color:var(--vd-purple);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:background var(--transition);background:#7f77dd26;border:1px solid #7f77dd4d;padding:10px 16px;font-size:13px;font-weight:600}.promo-btn:hover{background:#7f77dd4d}.checkout-submit-btn{background:var(--vd-purple);width:100%;color:var(--vd-white);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;transition:background var(--transition), transform var(--transition), box-shadow var(--transition);border:none;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:15px;font-size:16px;font-weight:700;display:flex}.checkout-submit-btn:hover{background:var(--vd-purple-dark);transform:scale(1.02);box-shadow:0 8px 24px #7f77dd66}.secure-badges{color:var(--vd-text-muted);justify-content:center;align-items:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.exit-popup-bg{z-index:500;background:#000000bf;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.exit-popup-bg.open{animation:.2s fade-in;display:flex}.exit-popup{background:var(--vd-gray);border-radius:var(--radius-lg);border:1px solid #7f77dd33;width:100%;max-width:480px;padding:0;animation:.35s cubic-bezier(.34,1.56,.64,1) slide-up;overflow:hidden}.exit-popup-top{background:var(--vd-purple);padding:28px 28px 20px;position:relative}.exit-popup-close{color:#fff;cursor:pointer;width:28px;height:28px;transition:background var(--transition);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:14px;right:14px}.exit-popup-close:hover{background:#ffffff4d}.exit-popup-kicker{text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:8px;font-size:12px;font-weight:700}.exit-popup-headline{font-family:var(--font-display);letter-spacing:-1px;font-size:32px;font-weight:800;line-height:1.1}.exit-popup-headline span{color:var(--vd-yellow)}.exit-popup-body{padding:24px 28px}.exit-popup-sub{color:var(--vd-text-muted);margin-bottom:20px;font-size:15px}.exit-email-form{flex-direction:column;gap:10px;display:flex}.exit-email-input{background:var(--vd-gray-mid);color:var(--vd-white);border-radius:var(--radius-pill);font-family:var(--font-body);transition:border-color var(--transition);border:1px solid #ffffff1a;outline:none;padding:13px 18px;font-size:14px}.exit-email-input:focus{border-color:var(--vd-yellow)}.exit-cta{background:var(--vd-yellow);color:var(--vd-black);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;transition:opacity var(--transition), transform var(--transition);border:none;padding:14px;font-size:15px;font-weight:700}.exit-cta:hover{opacity:.9;transform:scale(1.02)}.exit-skip{text-align:center;color:var(--vd-text-muted);cursor:pointer;margin-top:10px;font-size:13px;text-decoration:underline;display:block}.exit-skip:hover{color:var(--vd-white)}.toast{background:var(--vd-purple);color:var(--vd-white);border-radius:var(--radius-pill);z-index:600;opacity:0;white-space:nowrap;pointer-events:none;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(80px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}footer{background:var(--vd-gray);border-top:1px solid #7f77dd1a;margin-top:60px;padding:48px 32px}.footer-inner{grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 40px;display:grid}.footer-brand p{color:var(--vd-text-muted);max-width:280px;margin-top:10px;font-size:14px;line-height:1.7}.footer-col h4{text-transform:uppercase;letter-spacing:1px;color:var(--vd-text-muted);margin-bottom:14px;font-size:12px;font-weight:700}.footer-col ul{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-col ul li a{color:var(--vd-text-muted);transition:color var(--transition);cursor:pointer;font-size:14px;text-decoration:none}.footer-col ul li a:hover{color:var(--vd-white)}.footer-bottom{max-width:1200px;color:var(--vd-text-muted);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin:0 auto;padding-top:24px;font-size:12px;display:flex}.fade-up{opacity:0;animation:.6s forwards fade-up;transform:translateY(20px)}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}.fade-up:first-child{animation-delay:50ms}.fade-up:nth-child(2){animation-delay:.15s}.fade-up:nth-child(3){animation-delay:.25s}.fade-up:nth-child(4){animation-delay:.35s}@media (max-width:768px){.nav-links{display:none}.hero-inner{grid-template-columns:1fr;gap:32px}.hero-visual{display:none}.checkout-grid,.product-modal{grid-template-columns:1fr}.pm-gallery{border-radius:var(--radius-lg) var(--radius-lg) 0 0;min-height:280px}.footer-inner{grid-template-columns:1fr;gap:28px}.header{padding:0 16px}.section{padding:48px 16px}}
