*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#eee;font-family:Arial,sans-serif}header{height:80px;padding:0 5%;display:flex;align-items:center;position:sticky;top:0;z-index:20;background:#050505f4;border-bottom:1px solid #392b17}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#d4aa60}.crown{font-size:32px}.logo>span:last-child{font:22px Georgia;letter-spacing:5px}.logo small{display:block;font:7px Arial;letter-spacing:7px;text-align:center;margin-top:4px}nav{margin:auto;display:flex;gap:30px}nav a,.cart{color:#ddd;text-decoration:none;font-size:10px;letter-spacing:2px}.cart b{color:#d4aa60}.hero{height:650px;background:url('assets/velar-brand.jpg') center/cover no-repeat;position:relative}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,#030303 0,#030303b8 32%,#0003 62%,#03030390)}.heroContent{position:absolute;left:7%;top:18%}.eyebrow{font-size:10px;letter-spacing:5px;color:#c8b68f}.hero h1{font:96px Georgia;color:#d4aa60;letter-spacing:12px;margin:20px 0 0}.hero h5{margin:0 0 28px 10px;letter-spacing:22px;font-size:14px}.hero p{letter-spacing:4px}.hero .sub{letter-spacing:1px;color:#aaa;font-size:12px}.cta,.buy{display:inline-block;margin-top:22px;background:linear-gradient(90deg,#b98c45,#e0bd77);color:#070707;padding:17px 25px;text-decoration:none;border:0;font-weight:bold;letter-spacing:2px}.feature{display:flex;justify-content:space-between;align-items:center;padding:60px 7%;border-bottom:1px solid #332718}.feature h2,.licenses h2,.merch h2,.about h2,.contact h2{font:50px Georgia;color:#d4aa60;letter-spacing:8px;margin:12px 0}.feature p{letter-spacing:3px;line-height:2;font-size:11px}.monogram{width:145px;height:145px;border:1px solid #73582f;border-radius:50%;display:grid;place-items:center;font:100px Georgia;color:#d4aa60}main{padding:60px 5%;display:grid;grid-template-columns:2fr 1fr;gap:40px}.catalogHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.catalogHead h3,.licenseBox h3{font:36px Georgia;letter-spacing:5px;margin:7px 0}.catalogHead input{background:#080808;border:1px solid #46361f;color:#eee;padding:12px}.track{min-height:78px;border:1px solid #242424;border-bottom:0;padding:10px 14px;display:grid;grid-template-columns:40px 48px 1fr 110px 100px;align-items:center}.track:last-of-type{border-bottom:1px solid #242424}.track:hover{border-color:#74572e}.num{color:#777}.play{width:36px;height:36px;border-radius:50%;background:none;border:1px solid #c99c50;color:#d4aa60}.play:disabled,.choose:disabled{opacity:.2}.tmeta strong{letter-spacing:2px;font-size:12px}.tmeta small,.state{display:block;color:#858585;font-size:9px;margin-top:7px}.choose{border:1px solid #74572e;background:none;color:#d7bb89;padding:10px;font-size:9px}.licenseBox{border-left:1px solid #3a2c1c;padding-left:30px}.art{aspect-ratio:1;background:url('assets/velar-brand.jpg') center/cover;display:grid;place-items:center;margin-bottom:24px}.art span{font:150px Georgia;color:#d4aa60;text-shadow:0 0 25px #000}.wave{color:#d4aa60;font-size:27px;overflow:hidden;white-space:nowrap;margin:22px 0}.licenseBox label{display:grid;grid-template-columns:25px 1fr auto;align-items:center;border:1px solid #333;padding:15px;margin:8px 0}.licenseBox label:has(input:checked){border-color:#9c783e}.licenseBox label small{display:block;color:#777;margin-top:5px}.licenseBox label b{color:#d4aa60}.buy{width:100%;cursor:pointer}.exclusive{display:block;text-align:center;border:1px solid #b78a44;color:#d4aa60;padding:15px;text-decoration:none;margin-top:10px;font-size:10px;letter-spacing:2px}.demo{text-align:center;color:#666;font-size:9px;letter-spacing:2px;margin-top:12px}.licenses,.merch,.about,.contact{padding:80px 7%;border-top:1px solid #332718}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cards article{border:1px solid #3b2e1e;background:#090909;padding:25px}.cards article b,.cards article span{display:block;color:#d4aa60;letter-spacing:2px}.cards article span{margin-top:15px}.cards article p{color:#aaa;line-height:1.6}.cards .ex{border-color:#9b743b}.merch{text-align:center;background:linear-gradient(#060606,#100c07)}.merch button{border:1px solid #765a30;background:none;color:#d4aa60;padding:13px 20px;letter-spacing:3px}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}.brandImage{height:390px;background:url('assets/velar-brand.jpg') center/cover}.about p{color:#bbb;line-height:1.8}.contact{display:flex;justify-content:space-between;align-items:end}.contact a{color:#d4aa60;text-decoration:none}.social{display:flex;gap:25px;font-size:10px;letter-spacing:2px}footer{padding:30px 5%;border-top:1px solid #332718;display:flex;justify-content:space-between;color:#766b5a;font-size:9px;letter-spacing:3px}@media(max-width:900px){nav{display:none}.cards{grid-template-columns:1fr 1fr}.hero h1{font-size:68px}main{grid-template-columns:1fr}.licenseBox{border-left:0}.about{grid-template-columns:1fr}.contact{display:block}.social{margin-top:30px}}
/* V2 */
.logo{width:185px;height:58px;overflow:hidden;display:block;border:0}
.logo img{width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:contrast(1.05)}
.monumentFeature{min-height:650px;padding:70px 7%;display:grid;grid-template-columns:minmax(320px,520px) 1fr;gap:80px;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid #4a361d;background:linear-gradient(90deg,#050505 20%,#0c0905 100%)}
.monumentFeature:after{content:"MONUMENT";position:absolute;right:-30px;bottom:-35px;font:120px Georgia;color:#d4aa6009;letter-spacing:15px}
.mfArt{position:relative}.mfArt:before{content:"";position:absolute;inset:-14px;border:1px solid #6f512a}.mfArt img{width:100%;display:block;box-shadow:0 30px 80px #000}
.mfCopy{max-width:680px}.mfCopy h2{font:76px Georgia;color:#d4aa60;letter-spacing:10px;margin:15px 0}.mfClaim{letter-spacing:5px;font-size:12px;margin:0 0 30px;color:#d6c39c}.mfCopy p{color:#aaa;line-height:1.9;max-width:620px}.mfStats{display:flex;gap:35px;margin:32px 0}.mfStats span{font-size:9px;letter-spacing:2px;color:#8d806b;border-left:1px solid #74572e;padding-left:15px}.mfStats b{display:block;font:30px Georgia;color:#d4aa60;margin-bottom:4px}
.art{background:#080604}.art img{width:100%;height:100%;object-fit:cover;display:block}
.services{padding:90px 7%;border-top:1px solid #332718;display:grid;grid-template-columns:.9fr 1.4fr;gap:70px;background:radial-gradient(circle at 20% 50%,#171006 0,#080706 38%,#050505 72%)}
.services h2{font:50px Georgia;color:#d4aa60;letter-spacing:6px;margin:14px 0}.serviceIntro p{color:#aaa;line-height:1.9}.serviceCards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.serviceCards article{padding:28px 22px;border:1px solid #3d2e1d;background:#080808}.serviceCards span{color:#7c5d31;font:24px Georgia}.serviceCards h3{color:#d4aa60;letter-spacing:2px}.serviceCards p{color:#999;line-height:1.7;font-size:12px;min-height:85px}.serviceCards b{color:#c3aa7d;font-size:9px;letter-spacing:2px}
.about{grid-template-columns:.85fr 1.15fr}.about>div:last-child{max-width:760px}.about p{font-size:13px;margin:0 0 16px}.about b{color:#d9c293}
@media(max-width:1050px){.monumentFeature{grid-template-columns:380px 1fr;gap:45px}.mfCopy h2{font-size:58px}.serviceCards{grid-template-columns:1fr}.services{grid-template-columns:1fr 1fr}}

/* V3 header wordmark */
.logo.wordmark{
    width:auto;height:auto;overflow:visible;
    display:flex;align-items:baseline;gap:10px;
    text-decoration:none;white-space:nowrap;
}
.logo.wordmark .velarWord{
    font-family:Georgia,"Times New Roman",serif;
    font-size:29px;font-weight:600;letter-spacing:7px;
    color:#d4aa60;
    text-shadow:0 0 18px rgba(212,170,96,.12);
}
.logo.wordmark .beatsWord{
    font-family:Arial,sans-serif;
    font-size:9px;font-weight:600;letter-spacing:5px;
    color:#bca77d;
}
.logo.wordmark:after{
    content:"";width:38px;height:1px;margin-left:3px;
    background:linear-gradient(90deg,#8d6935,transparent);
}

/* V4 real animated waveform */
.wavePlayer{position:relative;margin:22px 0 28px;border-top:1px solid #2b2115;border-bottom:1px solid #2b2115;padding:10px 0 6px;cursor:pointer;user-select:none}
#waveCanvas{display:block;width:100%;height:76px}
.waveTimes{display:flex;justify-content:space-between;color:#796d59;font-size:9px;letter-spacing:1px;padding:0 2px 4px}
.wavePlayer:hover{border-color:#5b4325}


/* =========================================================
   V5 MOBILE / RESPONSIVE
   Desktop design remains unchanged above 900px.
   ========================================================= */

.menuToggle{
  display:none;
  width:42px;height:42px;
  border:1px solid #46361f;
  background:#090909;
  padding:10px;
  cursor:pointer;
}
.menuToggle span{
  display:block;
  width:100%;height:1px;
  margin:5px 0;
  background:#d4aa60;
  transition:.2s ease;
}
.menuToggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menuToggle.active span:nth-child(2){opacity:0}
.menuToggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media(max-width:900px){
  body{overflow-x:hidden}
  header{
    height:68px;
    padding:0 18px;
    justify-content:space-between;
  }
  .logo.wordmark .velarWord{font-size:22px;letter-spacing:5px}
  .logo.wordmark .beatsWord{font-size:7px;letter-spacing:4px}
  .logo.wordmark:after{display:none}

  .menuToggle{display:block;margin-left:auto;margin-right:10px}
  .cart{font-size:8px;letter-spacing:1.5px;white-space:nowrap}

  nav{
    display:none;
    position:absolute;
    top:68px;left:0;right:0;
    margin:0;
    padding:10px 18px 18px;
    background:#050505f7;
    border-bottom:1px solid #4a361d;
    flex-direction:column;
    gap:0;
    box-shadow:0 20px 35px #000b;
  }
  nav.open{display:flex}
  nav a{
    padding:15px 4px;
    border-bottom:1px solid #19150f;
    font-size:10px;
    letter-spacing:2.5px;
  }

  .hero{
    height:min(760px,86vh);
    min-height:610px;
    background-position:58% center;
  }
  .overlay{
    background:linear-gradient(180deg,#0303034a 0,#030303a6 42%,#030303f2 82%,#030303 100%);
  }
  .heroContent{
    left:22px;right:22px;
    top:auto;bottom:70px;
  }
  .hero h1{
    font-size:clamp(52px,18vw,78px);
    letter-spacing:7px;
    margin-top:16px;
  }
  .hero h5{
    margin-left:4px;
    letter-spacing:13px;
    font-size:10px;
  }
  .hero p{letter-spacing:2px;font-size:11px}
  .hero .sub{line-height:1.7;max-width:320px}
  .cta{
    width:100%;
    text-align:center;
    padding:16px 14px;
    font-size:10px;
  }

  .monumentFeature{
    min-height:0;
    padding:54px 20px 64px;
    grid-template-columns:1fr;
    gap:42px;
  }
  .monumentFeature:after{
    font-size:55px;
    bottom:-12px;
    right:-10px;
  }
  .mfArt{max-width:520px;margin:0 auto}
  .mfArt:before{inset:-8px}
  .mfCopy h2{
    font-size:clamp(46px,14vw,64px);
    letter-spacing:5px;
  }
  .mfClaim{
    letter-spacing:2.6px;
    line-height:1.7;
    font-size:9px;
  }
  .mfCopy p{font-size:12px}
  .mfStats{
    gap:12px;
    justify-content:space-between;
  }
  .mfStats span{
    flex:1;
    padding-left:10px;
    font-size:7px;
    letter-spacing:1px;
  }
  .mfStats b{font-size:24px}

  main{
    padding:48px 16px 62px;
    grid-template-columns:1fr;
    gap:42px;
  }
  .catalogHead{
    align-items:stretch;
    flex-direction:column;
    gap:18px;
  }
  .catalogHead h3{font-size:32px}
  .catalogHead input{
    width:100%;
    min-height:44px;
    font-size:16px; /* prevents iOS zoom */
  }

  .track{
    min-height:86px;
    padding:12px 10px;
    grid-template-columns:28px 42px minmax(0,1fr) auto;
    gap:7px;
  }
  .num{font-size:10px}
  .play{
    width:38px;height:38px;
    touch-action:manipulation;
  }
  .tmeta strong{
    display:block;
    font-size:10px;
    letter-spacing:1px;
    overflow-wrap:anywhere;
  }
  .tmeta small{font-size:8px;line-height:1.5}
  .state{
    grid-column:3/4;
    margin-top:-16px;
    font-size:7px;
  }
  .choose{
    grid-column:4/5;
    grid-row:1/3;
    align-self:center;
    min-width:68px;
    min-height:42px;
    padding:8px 7px;
    touch-action:manipulation;
  }

  .licenseBox{
    border-left:0;
    border-top:1px solid #3a2c1c;
    padding:38px 0 0;
  }
  .licenseBox h3{font-size:32px}
  .art{
    width:min(100%,560px);
    margin:0 auto 24px;
  }
  .wavePlayer{
    margin:18px 0 24px;
    padding-top:9px;
    touch-action:pan-y;
  }
  #waveCanvas{height:88px}
  .waveTimes{font-size:8px}

  .licenseBox label{
    grid-template-columns:24px minmax(0,1fr) auto;
    gap:6px;
    padding:15px 12px;
    min-height:66px;
  }
  .licenseBox label span{font-size:11px}
  .licenseBox label small{font-size:8px}
  .licenseBox label b{font-size:12px}
  .buy,.exclusive{
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .licenses,.merch,.about,.contact,.services{
    padding:58px 20px;
  }
  .licenses h2,.merch h2,.about h2,.contact h2,.services h2{
    font-size:clamp(36px,11vw,50px);
    letter-spacing:4px;
  }
  .cards{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .cards article{padding:20px 16px}
  .cards article p{font-size:11px}

  .services{
    grid-template-columns:1fr;
    gap:34px;
  }
  .serviceCards{
    grid-template-columns:1fr;
    gap:10px;
  }
  .serviceCards article{padding:22px 18px}
  .serviceCards p{min-height:0}

  .about{
    grid-template-columns:1fr;
    gap:34px;
  }
  .brandImage{
    height:auto;
    aspect-ratio:1/1;
    max-height:none;
  }
  .about p{font-size:12px}

  .contact{
    display:block;
  }
  .contact a{
    overflow-wrap:anywhere;
  }
  .social{
    margin-top:28px;
    flex-wrap:wrap;
    gap:14px 22px;
  }

  footer{
    padding:26px 20px;
    gap:12px;
    flex-direction:column;
    line-height:1.7;
  }
}

@media(max-width:560px){
  .eyebrow{font-size:8px;letter-spacing:3px}

  .hero{min-height:560px;height:82vh}
  .heroContent{bottom:48px}
  .hero h1{font-size:52px;letter-spacing:5px}
  .hero h5{letter-spacing:11px}

  .monumentFeature{padding-left:16px;padding-right:16px}
  .mfCopy h2{font-size:44px}
  .mfStats{gap:6px}
  .mfStats b{font-size:21px}

  main{padding-left:10px;padding-right:10px}
  .track{
    grid-template-columns:24px 38px minmax(0,1fr) 62px;
    padding:10px 7px;
    gap:5px;
  }
  .play{width:34px;height:34px}
  .tmeta strong{font-size:9px}
  .tmeta small{font-size:7px}
  .choose{
    min-width:58px;
    font-size:7px;
    padding:7px 4px;
  }

  .cards{grid-template-columns:1fr}
  .licenses,.merch,.about,.contact,.services{padding-left:16px;padding-right:16px}

  .licenseBox label{
    padding:14px 9px;
  }
  .licenseBox label b{font-size:11px}
  .licenseBox label span{font-size:10px}

  .social{flex-direction:column}
}

/* V6 — TEST CART / CHECKOUT */
.cartButton{appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;font:inherit}
.v6modal{position:fixed;inset:0;z-index:3000;display:none}.v6modal.open{display:block}
.v6shade{position:absolute;inset:0;background:#000c;backdrop-filter:blur(5px)}
.cartPanel,.checkoutCard{position:absolute;background:#080808;border:1px solid #5a4225;box-shadow:0 30px 100px #000}
.cartPanel{right:0;top:0;width:min(470px,100%);height:100%;box-sizing:border-box;padding:34px;overflow:auto}
.checkoutCard{left:50%;top:50%;transform:translate(-50%,-50%);width:min(610px,calc(100% - 28px));max-height:90vh;overflow:auto;box-sizing:border-box;padding:38px}
.cartPanel h2,.checkoutCard h2{font-family:Georgia,serif;font-size:32px;letter-spacing:4px;color:#e3d4b8}
.v6x{float:right;width:40px;height:40px;background:#0b0b0b;border:1px solid #49361f;color:#d4aa60;font-size:24px;cursor:pointer}
#cartItems{margin-top:22px}.v6cartItem{padding:16px 0;border-bottom:1px solid #211a12}
.v6cartLine{display:flex;justify-content:space-between;gap:15px}.v6cartItem strong{color:#e0d3bd}
.v6cartItem em{display:block;color:#aa8751;font-style:normal;font-size:9px;letter-spacing:1px;margin-top:5px}
.v6cartItem button{background:none;border:0;color:#786b57;padding:8px 0;cursor:pointer;font-size:8px}
.v6total{display:flex;justify-content:space-between;border-top:1px solid #4a361d;padding:20px 0;font-size:10px;letter-spacing:2px}
.v6total b{color:#d4aa60;font-size:16px}.v6gold{width:100%;min-height:50px;background:#c49a4a;border:1px solid #b48a49;color:#080808;font-weight:700;letter-spacing:2px;cursor:pointer}
.v6gold:disabled{opacity:.3;cursor:not-allowed}.cartPanel>small{display:block;text-align:center;color:#716553;margin-top:10px;font-size:7px}
#checkoutOrder,#deliveryFiles{border:1px solid #302416;padding:12px;margin:20px 0}.v6orderLine{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #1b150e;font-size:10px}.v6orderLine:last-child{border:0;color:#d4aa60}
#testCheckoutForm label{display:block;font-size:8px;letter-spacing:1.5px;color:#9b896c;margin:13px 0}
#testCheckoutForm input:not([type=checkbox]){box-sizing:border-box;width:100%;padding:13px;margin-top:7px;background:#050505;border:1px solid #342819;color:#eee;font-size:16px}
.v6check{display:flex!important;gap:9px;align-items:center}.v6success{text-align:center}.v6tick{width:52px;height:52px;border:1px solid #b88a47;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d4aa60;font-size:24px;margin:0 auto 18px}
.deliveryTitle{text-align:left;color:#b89055;font-size:8px;letter-spacing:2px;margin-top:20px}
#deliveryFiles div{text-align:left;padding:8px;border-bottom:1px solid #1b150e;font-size:10px;color:#cfc1aa}
@media(max-width:560px){.cartPanel{padding:22px 16px}.checkoutCard{padding:28px 18px}.cartPanel h2,.checkoutCard h2{font-size:25px}}

/* V7 — order preparation; main V6 design intentionally unchanged */
.v7OrderMeta{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #4a361d;padding:13px 15px;margin:20px 0 0;text-align:left;font-size:8px;letter-spacing:1.8px;color:#8f8069}
.v7OrderMeta strong{color:#d4aa60;font-size:11px;letter-spacing:1.3px}
#v7OrderSummary{border:1px solid #302416;border-top:0;padding:12px;margin-bottom:20px}
.v7SummaryLine{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #1b150e;text-align:left;font-size:9px;color:#cfc1aa}
.v7SummaryLine:last-child{border-bottom:0;color:#d4aa60;font-weight:700}
.v7LicenseNote{text-align:left;border-left:2px solid #8f6938;padding:11px 14px;margin:18px 0 22px;background:#0c0a07}
.v7LicenseNote strong{font-size:8px;letter-spacing:1.8px;color:#b89055}
.v7LicenseNote p{margin:7px 0 0!important;font-size:9px!important;line-height:1.6;color:#817563!important}

/* V8 — VIEW LICENSE TERMS; existing V7 design preserved */
.licenseTermsBtn{width:100%;margin-top:9px;min-height:42px;background:transparent;border:1px solid #5a4225;color:#b89055;font-size:8px;font-weight:700;letter-spacing:1.8px;cursor:pointer;transition:.2s}
.licenseTermsBtn:hover{border-color:#c49a4a;color:#d6b46f}
.v8TermsModal{position:fixed;inset:0;z-index:3500;display:none}.v8TermsModal.open{display:block}
.v8TermsShade{position:absolute;inset:0;background:#000d;backdrop-filter:blur(6px)}
.v8TermsCard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(650px,calc(100% - 28px));max-height:90vh;overflow:auto;box-sizing:border-box;padding:38px;background:#080808;border:1px solid #604721;box-shadow:0 30px 100px #000}
.v8TermsClose{float:right;width:40px;height:40px;background:#0b0b0b;border:1px solid #49361f;color:#d4aa60;font-size:24px;cursor:pointer}
.v8TermsCard h2{font-family:Georgia,serif;font-size:31px;letter-spacing:3px;color:#e3d4b8;margin:10px 0 4px}
.v8TermsPrice{color:#c49a4a;font-size:14px;font-weight:700;letter-spacing:1.5px;margin-bottom:18px}
.v8TermRow{display:grid;grid-template-columns:145px 1fr;gap:16px;padding:11px 0;border-bottom:1px solid #211a12;text-align:left}
.v8TermRow span{font-size:8px;letter-spacing:1.4px;color:#8e7e65}.v8TermRow strong{font-size:10px;line-height:1.5;color:#d8cbb5;font-weight:500}
.v8Credit{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #6b4d27;background:#0d0a06;padding:14px;margin-top:20px;text-align:left}
.v8Credit span{font-size:8px;letter-spacing:1.5px;color:#8f8069}.v8Credit strong{color:#d4aa60;font-size:11px;letter-spacing:1px}
.v8LegalNote{font-size:8px!important;line-height:1.6!important;color:#746b5e!important;margin:14px 0 18px!important;text-align:left}
@media(max-width:560px){.v8TermsCard{padding:28px 18px}.v8TermsCard h2{font-size:24px}.v8TermRow{grid-template-columns:105px 1fr;gap:10px}.v8Credit{align-items:flex-start;flex-direction:column;gap:7px}}

/* V8.2 — minimal streaming indicator; original V8 card design preserved */
.licensePlatformNote{margin-top:6px;font-size:7.5px;font-weight:700;letter-spacing:1.15px;color:#a9854d;text-transform:uppercase}

/* V9 — test order system; V8.2 design preserved */
.v9TestMode{display:inline-block;margin-left:8px;padding:3px 7px;border:1px solid #6b4d27;color:#b89055;font-size:7px;letter-spacing:1.1px;vertical-align:middle}
.v9OrderResult{position:fixed;inset:0;z-index:4000;display:none;background:#000d;backdrop-filter:blur(7px);overflow:auto;padding:22px;box-sizing:border-box}
.v9OrderResult.open{display:block}
.v9OrderInner{width:min(720px,100%);margin:5vh auto;background:#080808;border:1px solid #5d4526;box-shadow:0 28px 90px #000;padding:34px;box-sizing:border-box}
.v9OrderInner h2{font-family:Georgia,serif;color:#e4d4b7;letter-spacing:3px;font-size:30px;margin:8px 0 10px}
.v9OrderIntro{font-size:9px!important;line-height:1.6!important;color:#8e8373!important;margin-bottom:20px!important}
.v9OrderGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.v9OrderGrid>div{border:1px solid #241c12;background:#0b0b0b;padding:12px}
.v9OrderGrid span{display:block;font-size:7px;letter-spacing:1.3px;color:#766b5c;margin-bottom:5px}
.v9OrderGrid strong{font-size:10px;color:#d5c5ac;font-weight:600}
.v9OrderItems{border-top:1px solid #2a2116;border-bottom:1px solid #2a2116}
.v9OrderItem{display:grid;grid-template-columns:1fr auto;gap:20px;padding:12px 0;border-bottom:1px solid #1b1711}
.v9OrderItem:last-child{border-bottom:none}
.v9OrderItem b{display:block;color:#d8c9b1;font-size:10px}
.v9OrderItem span{display:block;color:#8b7e6d;font-size:8px;margin-top:4px}
.v9OrderItem strong{color:#c49a4a;font-size:10px}
.v9OrderTotal{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.v9OrderTotal span{font-size:8px;letter-spacing:1.4px;color:#887b69}
.v9OrderTotal strong{font-size:18px;color:#d3aa63}
.v9OrderNext{border:1px solid #5b4324;background:#0e0a05;padding:13px;margin-bottom:18px}
.v9OrderNext b{display:block;font-size:8px;letter-spacing:1.2px;color:#c49a4a;margin-bottom:5px}
.v9OrderNext span{font-size:8px;color:#938470}
@media(max-width:600px){.v9OrderInner{padding:24px 16px;margin:2vh auto}.v9OrderGrid{grid-template-columns:1fr}.v9OrderInner h2{font-size:24px}}

/* V9.1 fixes */
button.exclusive{font:inherit;cursor:pointer;width:100%}
.v91ExclusiveBeat{display:flex;justify-content:space-between;align-items:center;border:1px solid #2a2116;padding:12px;margin:14px 0 18px;background:#0b0b0b}
.v91ExclusiveBeat span{font-size:8px;letter-spacing:1.3px;color:#827564}
.v91ExclusiveBeat strong{font-size:10px;color:#c49a4a}
#exclusiveRequestForm textarea{width:100%;box-sizing:border-box;resize:vertical}
.v91ExclusiveNotice{border:1px solid #5b4324;background:#0e0a05;color:#9a8b76;font-size:8px;line-height:1.6;padding:13px;margin:16px 0}

/* V9.2 — premium Exclusive request panel */
.v92ExclusiveModal .v6shade{background:rgba(0,0,0,.86);backdrop-filter:blur(9px)}
.v92ExclusivePanel{position:relative;width:min(760px,calc(100% - 28px));max-height:92vh;overflow:auto;margin:4vh auto;background:linear-gradient(145deg,#0b0a08 0%,#070707 55%,#0c0905 100%);border:1px solid #5b4325;box-shadow:0 35px 110px #000;padding:38px;box-sizing:border-box}
.v92ExclusivePanel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#c49a4a,transparent);opacity:.75}
.v92ExclusiveClose{position:absolute;right:22px;top:20px;width:38px;height:38px;border:1px solid #3a2c1c;background:#0a0907;color:#b99355;font-size:22px;cursor:pointer}
.v92ExclusiveHead{padding-right:48px}
.v92ExclusiveTitleRow{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-top:7px}
.v92ExclusiveTitleRow h2{margin:0;color:#e4d6bd;font-family:Georgia,serif;font-size:34px;letter-spacing:3.5px;font-weight:500}
.v92ExclusiveTitleRow p{margin:8px 0 0!important;max-width:470px;color:#887d6d!important;font-size:9px!important;line-height:1.65!important}
.v92ExclusivePrice{text-align:right;white-space:nowrap}
.v92ExclusivePrice small{display:block;color:#766a58;font-size:7px;letter-spacing:1.5px;margin-bottom:3px}
.v92ExclusivePrice strong{color:#c49a4a;font-family:Georgia,serif;font-size:27px;font-weight:500}
.v92ExclusiveBeat{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px;padding:14px 16px;border:1px solid #49371f;background:rgba(196,154,74,.035)}
.v92ExclusiveBeat span,.v92ExclusiveFacts span{font-size:7px;letter-spacing:1.4px;color:#766b5b}
.v92ExclusiveBeat strong{color:#d0ad6b;font-size:11px;letter-spacing:1px}
.v92ExclusiveFacts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #211b13;margin-bottom:24px}
.v92ExclusiveFacts>div{padding:13px;border-right:1px solid #211b13}
.v92ExclusiveFacts>div:last-child{border-right:0}
.v92ExclusiveFacts strong{display:block;margin-top:5px;color:#aaa08f;font-size:7.5px;letter-spacing:.65px;font-weight:600}
.v92ExclusiveForm{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.v92Field{display:flex;flex-direction:column;gap:7px}
.v92Field.v92Full{grid-column:1/-1}
.v92Field label{font-size:7px;letter-spacing:1.3px;color:#887963}
.v92Field label em{float:right;font-style:normal;color:#554c40}
.v92Field input,.v92Field textarea{appearance:none;-webkit-appearance:none;width:100%;box-sizing:border-box;border:1px solid #30271b!important;border-radius:0!important;outline:none!important;background:#0d0c0a!important;color:#d8cbb5!important;padding:13px 14px!important;font:inherit!important;font-size:10px!important;box-shadow:none!important}
.v92Field input::placeholder,.v92Field textarea::placeholder{color:#4f493f}
.v92Field input:focus,.v92Field textarea:focus{border-color:#8d6936!important;background:#100e0b!important}
.v92Field textarea{resize:vertical;min-height:92px}
.v92ExclusiveSubmit{grid-column:1/-1;margin-top:4px;display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 17px;border:1px solid #9a733c;background:linear-gradient(90deg,#9a733c,#c49a4a);color:#080706;font-size:8px;font-weight:800;letter-spacing:1.7px;cursor:pointer}
.v92ExclusiveSubmit b{font-size:16px}
.v92ExclusiveFooter{display:flex;justify-content:space-between;gap:20px;margin-top:14px;padding-top:13px;border-top:1px solid #1e1912;color:#5f574c;font-size:6.5px;letter-spacing:1px}
@media(max-width:620px){
 .v92ExclusivePanel{padding:27px 17px;margin:2vh auto}
 .v92ExclusiveTitleRow{display:block}
 .v92ExclusiveTitleRow h2{font-size:25px;letter-spacing:2px}
 .v92ExclusivePrice{text-align:left;margin-top:13px}
 .v92ExclusiveFacts{grid-template-columns:1fr}
 .v92ExclusiveFacts>div{border-right:0;border-bottom:1px solid #211b13}
 .v92ExclusiveFacts>div:last-child{border-bottom:0}
 .v92ExclusiveForm{grid-template-columns:1fr}
 .v92Field.v92Full,.v92ExclusiveSubmit{grid-column:1}
 .v92ExclusiveFooter{flex-direction:column;gap:6px}
}

/* V9.3 — Exclusive request CTA: dark VELAR style, no white/light surface */
.v92ExclusiveSubmit{
  background:#0b0a08!important;
  color:#c49a4a!important;
  border:1px solid #8d6936!important;
  box-shadow:inset 0 0 0 1px rgba(196,154,74,.05)!important;
}
.v92ExclusiveSubmit:hover{
  background:#12100c!important;
  color:#d8b46d!important;
  border-color:#c49a4a!important;
}
.v92ExclusiveSubmit b{color:#c49a4a!important}

/* V9.4 — outer Exclusive CTA matches approved black/gold mockup */
button.exclusive,
.exclusive,
a.exclusive{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:50px!important;
  box-sizing:border-box!important;
  margin-top:10px!important;
  padding:14px 18px!important;
  background:#090909!important;
  background-image:none!important;
  color:#c99b50!important;
  border:1px solid #9a733c!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  text-align:center!important;
  font-size:10px!important;
  font-weight:500!important;
  letter-spacing:1.8px!important;
  cursor:pointer!important;
}
button.exclusive:hover,
.exclusive:hover,
a.exclusive:hover{
  background:#0f0d09!important;
  color:#ddb66e!important;
  border-color:#c49a4a!important;
  box-shadow:0 0 18px rgba(196,154,74,.08)!important;
}

/* V10 — server-side order test status */
.v10ServerBox{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #2c2419;background:#0a0907;padding:12px 13px;margin:4px 0 15px}
.v10ServerBox span{font-size:7px;letter-spacing:1.3px;color:#716657}
.v10ServerBox strong{font-size:8px;letter-spacing:.8px;color:#b89055;text-align:right}
.v10ServerBox strong.ok{color:#c49a4a}
.v10ServerBox strong.fallback{color:#817666}
@media(max-width:520px){.v10ServerBox{align-items:flex-start;flex-direction:column;gap:6px}.v10ServerBox strong{text-align:left}}

/* V11 — German Mixing & Mastering request */
.v11ServiceRequestBtn{font-family:inherit;cursor:pointer}
.v92Field select{width:100%;box-sizing:border-box;background:#090806!important;color:#c8bda9!important;border:1px solid #332719!important;border-radius:0!important;padding:13px 12px!important;outline:none!important;font-family:inherit;font-size:9px;letter-spacing:.5px}
.v92Field select:focus{border-color:#8d6938!important}
.v92Field select option{background:#090806;color:#c8bda9}
.v11ServiceFacts{margin-top:24px}

/* V11.1 SOCIALS */
.socials-section{padding:92px 5vw 96px;background:linear-gradient(180deg,#080808 0%,#0b0907 50%,#080808 100%);border-top:1px solid #211b13;border-bottom:1px solid #211b13}
.socials-section h2{margin:8px 0 0;color:#e9e2d6;font-size:clamp(34px,5vw,68px);letter-spacing:4px;font-weight:500}
.socials-intro{max-width:720px;color:#928b80;font-size:13px;line-height:1.8;margin:18px 0 34px}
.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.social-card{min-height:250px;padding:28px 26px;background:#0a0a0a;border:1px solid #3b2d1b;display:flex;flex-direction:column;transition:.25s ease}
.social-card:hover{transform:translateY(-3px);border-color:#9a733c;background:#0d0c0a}
.social-platform{font-size:11px;letter-spacing:2.6px;color:#c49a4a;margin-bottom:10px}
.social-handle{font-size:22px;color:#e8e0d4;letter-spacing:1px;margin-bottom:18px}
.social-card p{color:#817b72;font-size:11px;line-height:1.7;margin:0 0 26px}
.social-open{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border:1px solid #9a733c;background:#090909;color:#c99b50;text-decoration:none;font-size:9px;letter-spacing:1.8px}
.social-open:hover{background:#12100d;border-color:#c49a4a;color:#d8ad65}
.social-latest-note{margin-top:18px;border:1px solid #211b13;padding:13px 16px;color:#665d50;font-size:8px;letter-spacing:1.8px;text-align:center}
@media(max-width:820px){.socials-section{padding:70px 22px}.social-grid{grid-template-columns:1fr}.social-card{min-height:205px}}

/* V11.2 YOUTUBE LATEST — keeps V11.1 visual language */
.social-card-youtube{min-height:250px}
.youtube-latest{margin:0 0 18px;min-height:92px}
.youtube-loading,.youtube-error{border:1px solid #211b13;padding:14px;color:#665d50;font-size:8px;letter-spacing:1.4px;line-height:1.6}
.youtube-latest-link{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;align-items:center;text-decoration:none;border:1px solid #211b13;background:#080808;padding:8px;transition:.2s ease}
.youtube-latest-link:hover{border-color:#6f522d;background:#0c0b09}
.youtube-thumb{width:118px;aspect-ratio:16/9;object-fit:cover;display:block;background:#050505}
.youtube-copy{min-width:0}
.youtube-kicker{display:block;color:#9a733c;font-size:7px;letter-spacing:1.5px;margin-bottom:7px}
.youtube-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#d8d0c3;font-size:10px;line-height:1.45;letter-spacing:.2px}
.youtube-date{display:block;color:#665f55;font-size:7px;letter-spacing:1px;margin-top:7px}
@media(max-width:1100px) and (min-width:821px){.youtube-latest-link{grid-template-columns:1fr}.youtube-thumb{width:100%}}
@media(max-width:820px){.youtube-latest{min-height:0}.youtube-latest-link{grid-template-columns:110px minmax(0,1fr)}.youtube-thumb{width:110px}}
@media(max-width:420px){.youtube-latest-link{grid-template-columns:1fr}.youtube-thumb{width:100%}}


/* V12.1 — unified beat cover thumbnails */
.track{grid-template-columns:40px 58px 48px 1fr 110px 100px;column-gap:8px}
.trackCover{width:50px;height:50px;object-fit:cover;display:block;border:1px solid #3a2c1c;background:#080808}
@media(max-width:700px){
  .track{grid-template-columns:28px 50px 40px 1fr;gap:8px;padding:10px}
  .trackCover{width:44px;height:44px}
  .track .state{grid-column:4;margin-top:4px}
  .track .choose{grid-column:4;justify-self:start;margin-top:5px}
}

/* V12.7 per-beat license availability */
.licenseBox label.licenseUnavailable{opacity:.38;border-color:#2b2b2b;cursor:not-allowed;position:relative}
.licenseBox label.licenseUnavailable input{cursor:not-allowed}
.licenseUnavailableBadge{grid-column:2 / 4;margin-top:7px;color:#8e8e8e;font-size:8px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}
.exclusive.licenseUnavailable{opacity:.38;cursor:not-allowed;border-color:#333;color:#777}