:root{
  --bg:#050505;
  --bg2:#0a0a0a;
  --panel:#101010;
  --panel2:#151515;
  --gold:#c89f4a;
  --gold2:#e5c477;
  --gold3:#f4dc9d;
  --white:#f5f3ef;
  --muted:#b6b1aa;
  --muted2:#7f7b75;
  --line:rgba(211,177,100,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font-family:"DM Sans",Arial,sans-serif;font-weight:300;line-height:1.55;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 52% -10%,rgba(218,179,88,.08),transparent 34%),linear-gradient(180deg,#050505 0%,#080808 55%,#050505 100%)}
.page-noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
.shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.nav-wrap{position:absolute;top:0;left:0;right:0;z-index:10}
.nav-inner{height:92px;width:min(1180px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.06)}
.brand{display:inline-flex;flex-direction:column;width:max-content;align-items:center;line-height:.8}
.brand-script{font-family:"Parisienne","Snell Roundhand","Segoe Script",cursive;font-size:34px;color:var(--gold2);text-shadow:0 0 25px rgba(218,178,87,.12)}
.brand-small{margin-top:12px;margin-left:.46em;font-size:8px;letter-spacing:.46em;color:#d2b86f}
.brand-logo-link{display:flex;align-items:center;justify-content:flex-start;line-height:1}
.header-logo{display:block;width:205px;height:auto;max-height:52px;object-fit:contain;object-position:left center}

.main-nav{display:flex;gap:42px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}
.main-nav a{position:relative;color:#e8e5df;padding:32px 0}
.main-nav a:after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:22px;background:var(--gold);transition:.2s}
.main-nav a:hover:after,.main-nav a.active:after{right:0}
.nav-order{justify-self:end;border:1px solid rgba(211,177,100,.75);padding:13px 20px;color:var(--gold2);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:rgba(0,0,0,.18)}
.nav-order:hover{background:rgba(218,179,88,.08)}
.hero{position:relative;min-height:650px;overflow:hidden;background:#030303}
.hero-image{position:absolute;inset:0 0 0 44%;background-image:url('assets/studio-hero.jpg');background-size:cover;background-position:center 42%;filter:saturate(.65) contrast(1.12) brightness(.72)}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.16) 45%,rgba(0,0,0,.12) 100%),linear-gradient(0deg,rgba(0,0,0,.2),transparent 45%)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.98) 25%,rgba(5,5,5,.84) 42%,rgba(5,5,5,.12) 64%,rgba(5,5,5,.04) 100%)}
.hero-content{position:relative;z-index:2;padding-top:150px;min-height:650px;display:flex;align-items:flex-start}
.hero-copy{max-width:600px;padding-bottom:105px}
.kicker{margin:0 0 15px;color:var(--gold2);font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.hero h1{margin:0;font-size:clamp(58px,6vw,88px);line-height:.95;letter-spacing:-.025em;text-transform:uppercase;font-weight:700;max-width:700px}
.hero h1 span{color:var(--gold2)}
.hero-text{max-width:520px;color:#e5e2dc;font-size:16px;line-height:1.6;margin:24px 0 28px}
.hero-actions{display:flex;gap:22px;align-items:center}
.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;border:0;background:linear-gradient(135deg,#bd913d 0%,#e6c470 52%,#c4943f 100%);color:#070707;padding:0 23px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 35px rgba(207,164,68,.12);font-family:inherit}
.gold-button:hover{filter:brightness(1.05);transform:translateY(-1px)}
.start-price{font-size:13px;color:#e8e4de}
.hero-wave{position:absolute;left:390px;right:265px;bottom:0;height:42px;display:flex;gap:3px;align-items:flex-end;opacity:.42;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}
.hero-wave span{width:2px;background:linear-gradient(180deg,var(--gold2),rgba(202,159,74,.18));min-height:3px;align-self:flex-end}
.trust-strip{background:linear-gradient(180deg,#111,#0c0c0c);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.06)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{display:grid;grid-template-columns:48px 1fr;gap:15px;align-items:center;padding:25px 18px;border-right:1px solid rgba(255,255,255,.05)}
.trust-item:last-child{border-right:0}.trust-item strong{display:block;color:var(--gold2);font-size:10px;letter-spacing:.06em;margin-bottom:5px}.trust-item p{margin:0;color:#dedad4;font-size:11px;line-height:1.55}
.icon-wrap{width:40px;height:40px;display:grid;place-items:center;color:var(--gold2)}
.icon-wrap svg,.round-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.section-pad{padding:78px 0}.section-heading.center{text-align:center}.section-heading.compact{margin-bottom:22px}.section-heading h2{margin:0;font-family:"Italiana",Georgia,serif;font-weight:400;font-size:34px;letter-spacing:.02em;text-transform:uppercase;color:#ece9e3}
.pricing-section{background:radial-gradient(circle at 50% 0%,rgba(193,149,56,.08),transparent 25%),#050505}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1050px;margin:38px auto 0;align-items:stretch}
.price-card{position:relative;border:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,#111,#080808);min-height:410px;padding:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
.price-card.featured{border-color:rgba(224,181,82,.95);box-shadow:0 0 50px rgba(197,149,49,.08)}
.price-card-inner{text-align:center;padding:25px 24px 22px;height:100%;display:flex;flex-direction:column}
.price-card h3{font-family:"Italiana",Georgia,serif;text-transform:uppercase;font-size:24px;font-weight:400;letter-spacing:.05em;margin:4px 0 2px}.price-sub{margin:0 0 8px;color:var(--gold2);font-family:Georgia,serif;font-style:italic;font-size:13px}.price{font-family:"Italiana",Georgia,serif;font-size:54px;line-height:1;margin:10px 0 12px}.delivery{align-self:center;background:linear-gradient(90deg,#c89a40,#e4c16d,#c89a40);color:#090909;font-size:9px;font-weight:700;text-transform:uppercase;padding:7px 16px;border-radius:4px;margin-bottom:18px;white-space:nowrap}.price-card ul{list-style:none;text-align:left;margin:0 auto 22px;padding:0;min-width:215px;flex:1}.price-card li{font-size:12px;color:#ece7df;padding:6px 0}.price-card li:before{content:"✓";color:var(--gold2);font-weight:700;margin-right:12px}.card-button{display:block;border:1px solid rgba(214,169,72,.85);color:#f5f2ed;text-transform:uppercase;font-weight:600;font-size:10px;letter-spacing:.05em;padding:12px 10px}.card-button.filled{background:linear-gradient(135deg,#bd913d,#e5c16e,#c0923d);color:#080808;border-color:transparent}.popular{position:absolute;top:-13px;left:10%;right:10%;height:27px;background:linear-gradient(90deg,#b78a39,#e7c676,#b78a39);color:#060606;font-size:9px;font-weight:700;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;border-radius:3px 3px 0 0;z-index:2}.pricing-note{text-align:center;margin:18px 0 0;color:#77736d;font-size:10px}
.samples-section{background:linear-gradient(180deg,#0d0d0d,#111 55%,#0a0a0a);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.samples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;max-width:1120px;margin:0 auto}.sample-card{position:relative;border:1px solid rgba(255,255,255,.17);background:#0b0b0b;padding:18px 18px 14px;min-height:118px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:50px 1fr;gap:0 12px}.sample-play{width:32px;height:32px;border-radius:50%;border:0;background:linear-gradient(135deg,#d4a94d,#efd183);color:#0a0a0a;cursor:pointer;margin-top:4px}.waveform{height:38px;margin:0 6px;opacity:.58;background:repeating-linear-gradient(90deg,rgba(233,229,219,.4) 0 1px,transparent 1px 4px);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='45' viewBox='0 0 260 45'%3E%3Cpath d='M0 22 C8 22 8 19 14 19 C20 19 21 30 28 30 C35 30 35 10 42 10 C49 10 50 34 57 34 C64 34 64 7 72 7 C80 7 80 37 88 37 C96 37 98 14 106 14 C114 14 115 29 123 29 C131 29 132 16 141 16 C150 16 150 32 159 32 C168 32 170 9 178 9 C186 9 187 34 195 34 C203 34 204 18 212 18 C220 18 222 26 230 26 C238 26 240 22 260 22' fill='none' stroke='white' stroke-width='14'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat}.waveform.second{transform:scaleY(.83)}.waveform.third{transform:scaleY(1.1)}.sample-meta{grid-column:1/3;display:flex;justify-content:space-between;align-items:end}.sample-meta h3{margin:0;color:var(--gold2);font-family:Georgia,serif;font-size:13px;font-weight:400}.sample-meta p{margin:2px 0 0;color:#b1aaa0;font-size:10px}.sample-meta span{color:var(--gold3);font-size:10px}.center-action{text-align:center;margin-top:20px}.outline-gold{display:inline-block;border:1px solid rgba(215,169,74,.8);padding:10px 20px;text-transform:uppercase;color:var(--gold2);font-size:9px;font-weight:600;letter-spacing:.07em}
.how-section{background:#050505}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:26px}.how-step{text-align:center}.round-icon{width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);margin:0 auto 18px}.round-icon svg{width:31px;height:31px}.how-step h3{margin:0 0 7px;color:var(--gold2);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.how-step p{margin:0 auto;color:#d5d0c8;max-width:200px;font-size:11px;line-height:1.55}
.faq-section{background:linear-gradient(180deg,#0c0c0c,#070707);border-top:1px solid rgba(255,255,255,.05)}.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.faq-intro h2{font-family:"Italiana",Georgia,serif;font-size:48px;line-height:1.05;font-weight:400;margin:0 0 20px}.faq-intro h2 span{color:var(--gold2)}.faq-intro>p:last-child{color:#9f9990;font-size:13px;max-width:360px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{list-style:none;cursor:pointer;font-family:Georgia,serif;font-size:16px;color:#eee9e0}summary::-webkit-details-marker{display:none}summary:after{content:"+";float:right;color:var(--gold2)}details[open] summary:after{content:"–"}details p{color:#938d85;font-size:12px;max-width:600px;margin:10px 0 0}
.final-cta{text-align:center;background:radial-gradient(circle at 50% 30%,rgba(205,158,59,.08),transparent 40%),#050505}.final-inner{display:flex;flex-direction:column;align-items:center}.final-brand{margin-bottom:28px}.final-brand .brand-script{font-size:54px}.final-cta h2{font-family:"Italiana",Georgia,serif;font-size:44px;line-height:1.08;font-weight:400;margin:0 0 28px}.final-cta h2 span{color:var(--gold2)}.footer{border-top:1px solid var(--line);background:#050505}.footer-inner{height:75px;display:flex;align-items:center;justify-content:space-between;color:#716d67;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
/* questionnaire */
.form-page{background:#070707}.form-nav{border-bottom:1px solid rgba(255,255,255,.06)}.form-nav-inner{height:90px;display:flex;align-items:center;justify-content:space-between}.back-link{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#aaa39a}.form-main{padding:72px 0 110px}.form-hero{text-align:center;max-width:760px;margin:0 auto}.form-hero h1{font-family:"Italiana",Georgia,serif;font-size:58px;line-height:1;letter-spacing:-.02em;font-weight:400;margin:15px 0}.form-hero h1 span{color:var(--gold2)}.form-hero>p:last-of-type{color:#9d968e;max-width:550px;margin:0 auto}.package-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);max-width:620px;margin:35px auto 50px;background:#0b0b0b}.package-summary>div{padding:16px;border-right:1px solid var(--line)}.package-summary>div:last-child{border-right:0}.package-summary small{display:block;color:#6f6962;font-size:7px;letter-spacing:.12em;margin-bottom:3px}.package-summary strong{font-family:Georgia,serif;color:var(--gold2);font-size:16px;font-weight:400}.story-form{max-width:820px;margin:0 auto;background:#0b0b0b;border:1px solid rgba(205,164,73,.24);padding:42px 46px}.form-progress{height:1px;background:#27231d;margin-bottom:38px}.form-progress span{height:1px;width:25%;background:var(--gold2);display:block;transition:.25s}.form-step{display:none}.form-step.active{display:block}.step-count{color:var(--gold2);font-size:8px;letter-spacing:.15em}.form-step h2,.success-box h2{font-family:"Italiana",Georgia,serif;font-size:42px;font-weight:400;margin:8px 0 28px}label{display:block;color:#c6bfb5;font-size:11px;margin-bottom:20px}input,textarea,select{width:100%;margin-top:7px;padding:13px 12px;background:#0f0f0f;border:1px solid rgba(255,255,255,.11);color:#eee9e1;font-family:inherit;font-size:13px;outline:none;border-radius:0}input:focus,textarea:focus,select:focus{border-color:var(--gold)}textarea{resize:vertical}select option{background:#111}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px;margin-top:28px}.plain-button{border:0;background:none;color:#aaa39a;text-transform:uppercase;font-size:9px;letter-spacing:.09em;cursor:pointer}.check-row{display:flex;align-items:flex-start;gap:10px}.check-row input{width:auto;margin-top:3px;accent-color:var(--gold)}.success-box{max-width:820px;margin:0 auto;text-align:center;border:1px solid var(--line);padding:65px 30px;background:#0b0b0b}.success-box p{color:#9b948a}.success-box .gold-button{margin-top:15px}
@media(max-width:900px){.main-nav{display:none}.nav-inner{grid-template-columns:1fr 1fr}.hero-image{left:36%}.hero-shade{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.96) 36%,rgba(5,5,5,.55) 60%,rgba(5,5,5,.12) 100%)}.trust-grid{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.05)}.pricing-grid{grid-template-columns:1fr;max-width:440px}.samples-grid{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr 1fr;row-gap:40px}.faq-layout{grid-template-columns:1fr;gap:45px}}
@media(max-width:620px){.shell,.nav-inner{width:calc(100% - 28px)}.nav-inner{height:72px}.header-logo{width:128px;max-height:36px}.brand-script{font-size:29px}.brand-small{font-size:7px}.nav-order{padding:9px 10px;font-size:8px}.hero{min-height:650px}.hero-image{left:0;right:0;top:420px;bottom:0;background-size:contain;background-repeat:no-repeat;background-position:center top;filter:saturate(.65) contrast(1.12) brightness(1.05)}.hero-image:after{background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.5))}.hero-shade{background:linear-gradient(180deg,#050505 0%,#050505 63%,rgba(5,5,5,0) 64.5%,transparent 100%)}.hero-content{padding-top:100px;min-height:650px}.hero-copy{width:100%;max-width:430px;min-width:0;padding-bottom:0}.hero h1{font-size:43px;max-width:350px}.hero-text{margin:18px 0 20px;font-size:14px;max-width:350px}.hero-actions{width:100%;max-width:350px;min-width:0;flex-direction:column;align-items:stretch;gap:5px}.hero-actions .gold-button{width:100%;min-height:50px}.start-price{text-align:center;font-size:12px}.hero-wave{display:none}.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-item{grid-template-columns:30px minmax(0,1fr);gap:7px;min-width:0;padding:14px 8px}.trust-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.05)}.trust-item:nth-child(even){border-right:0}.trust-item:nth-child(n+3){border-bottom:0}.trust-item>div:last-child{min-width:0}.trust-item strong{font-size:8px;line-height:1.25;letter-spacing:.04em;margin-bottom:3px}.trust-item p{font-size:9px;line-height:1.35}.icon-wrap{width:28px;height:28px}.icon-wrap svg{width:21px;height:21px}.section-pad{padding:60px 0}.section-heading h2{font-size:28px}.how-grid{grid-template-columns:1fr}.faq-intro h2{font-size:40px}.final-cta h2{font-size:34px}.footer-inner{height:auto;padding:23px 0;flex-direction:column;gap:8px}.form-main{padding-top:50px}.form-hero h1{font-size:44px}.package-summary{grid-template-columns:1fr}.package-summary>div{border-right:0;border-bottom:1px solid var(--line)}.package-summary>div:last-child{border-bottom:0}.story-form{padding:30px 20px}.two-col{grid-template-columns:1fr}.form-step h2{font-size:36px}.form-actions{justify-content:space-between}}


/* real website sample audio players */
.samples-section .section-heading h2{
  margin-top:8px;
  font-family:"Italiana",Georgia,serif;
  font-weight:400;
  font-size:32px;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.real-audio-grid{align-items:stretch}
.real-audio-card{
  min-height:150px;
  display:block;
  padding:20px 18px 18px;
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.real-audio-card:hover,
.real-audio-card.is-playing{
  border-color:rgba(224,181,82,.72);
  box-shadow:0 12px 34px rgba(0,0,0,.22);
}
.sample-player-row{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}
.sample-track-area{
  position:relative;
  min-width:0;
  height:44px;
}
.audio-waveform{
  position:absolute;
  inset:3px 0 3px;
  margin:0;
  overflow:hidden;
  pointer-events:none;
}
.audio-waveform:after{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(90deg,rgba(238,231,216,.24) 0 1px,transparent 1px 4px);
}
.waveform-progress{
  position:absolute;
  z-index:2;
  left:0;top:0;bottom:0;
  width:0;
  background:repeating-linear-gradient(90deg,rgba(237,199,112,.95) 0 1px,transparent 1px 4px);
  mask-image:inherit;
  -webkit-mask-image:inherit;
}
.audio-seek{
  position:absolute;
  z-index:5;
  left:0;right:0;top:0;bottom:0;
  width:100%;
  height:44px;
  margin:0;
  padding:0;
  opacity:0;
  cursor:pointer;
}
.sample-time{
  color:#a8a097;
  font-size:9px;
  min-width:72px;
  text-align:right;
  white-space:nowrap;
}
.real-meta{
  display:block;
  margin-top:13px;
}
.real-meta h3{
  font-size:15px;
  color:var(--gold2);
}
.real-meta p{
  font-size:10px;
  letter-spacing:.02em;
}
.samples-note{
  display:inline-block;
  color:#8d877f;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
@media(max-width:620px){
  .sample-player-row{grid-template-columns:34px minmax(0,1fr)}
  .sample-time{grid-column:2;text-align:left;margin-top:-4px}
  .real-audio-card{min-height:160px}
}

/* Approved Rare Beat logo in lower call-to-action section */
.final-brand{
  margin-bottom:32px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.final-logo{
  display:block;
  width:min(360px,58vw);
  height:auto;
  object-fit:contain;
}
@media(max-width:620px){
  .final-logo{width:min(285px,68vw);}
}

/* Readable forms and keyboard navigation */
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}
.sample-track-area:focus-within{outline:2px solid var(--gold2);outline-offset:4px}
.pricing-note,.package-summary small{color:#b6b1aa}
.package-summary small{font-size:10px}
.story-form label{font-size:14px}
.story-form input,.story-form textarea,.story-form select{font-size:16px}
.gold-button:disabled{opacity:.65;cursor:wait}
#formError{color:#ffd0c5;border:1px solid #ae6252;padding:14px}
@media(max-width:620px){.package-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px auto}.package-summary>div{padding:12px 5px;border-bottom:0;border-right:1px solid var(--line)}.package-summary strong{font-size:14px}.form-main{padding-top:28px}.form-hero h1{font-size:36px}.story-form{padding:24px 16px}.form-actions{flex-wrap:wrap}.gold-button{min-height:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}