*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--g:#d6a83a;--gl:#f3d779;--w:#f5f3ed;--m:#92979f;--line:rgba(214,168,58,.25)}
body{margin:0;background:#020304;color:var(--w);font-family:Inter,sans-serif;padding-bottom:70px;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.progress{position:fixed;z-index:110;top:0;height:2px;background:linear-gradient(90deg,var(--g),var(--gl));box-shadow:0 0 12px var(--g)}.glow{position:fixed;width:320px;height:320px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(214,168,58,.06),transparent 68%);transform:translate(-50%,-50%)}
header{position:fixed;z-index:50;top:0;left:0;right:0;height:80px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:rgba(2,3,4,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(214,168,58,.13)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:48px;height:48px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.brand span{display:flex;flex-direction:column;line-height:.8}.brand b{font:700 20px "Space Grotesk";letter-spacing:.12em;color:var(--gl)}.brand small{font-size:8px;letter-spacing:.55em;margin-top:8px}nav{display:flex;gap:20px;align-items:center;text-transform:uppercase;font-size:9px;letter-spacing:.09em}nav a:hover{color:var(--gl)}.outline{padding:10px 14px;border:1px solid var(--g);border-radius:3px}#menu{display:none;background:0;border:0;color:white;font-size:23px}
.hero{height:100vh;min-height:830px;position:relative;display:flex;align-items:center;padding:120px 6%;overflow:hidden}.heroimg{position:absolute;inset:0;background:url("../assets/img/hero-studio.jpg") center right/cover;filter:saturate(.72) contrast(1.1);animation:drift 16s ease-in-out infinite alternate}@keyframes drift{to{transform:scale(1.06) translateX(-1%)}}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#020304,rgba(2,3,4,.9) 34%,rgba(2,3,4,.28)),linear-gradient(0deg,#020304,transparent 40%)}.grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(214,168,58,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(214,168,58,.1) 1px,transparent 1px);background-size:80px 80px}.orbit{position:absolute;border:1px solid rgba(214,168,58,.14);border-radius:50%}.o1{width:520px;height:520px;right:2%;top:18%}.o2{width:390px;height:390px;right:6.5%;top:25%;border-color:rgba(190,200,210,.12)}.heroCopy{position:relative;z-index:3;max-width:750px}.kicker{color:var(--gl);font-size:9px;font-weight:700;letter-spacing:.23em;text-transform:uppercase}.hero h1,h2{font-family:"Space Grotesk";letter-spacing:-.045em}.hero h1{font-size:clamp(54px,7.5vw,106px);line-height:.88;margin:14px 0 26px}.hero h1 em,h2 em{font-style:normal;color:var(--gl)}.lead{font-size:20px}.muted{color:var(--m)}.signal{margin:20px 0;color:#777;font-size:7px;letter-spacing:.2em}.signal i{display:inline-block;width:35px;height:1px;background:var(--g);vertical-align:middle;margin-right:10px}.actions{display:flex;gap:13px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--g);background:rgba(0,0,0,.35);color:white;border-radius:4px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(214,168,58,.15)}.gold{background:linear-gradient(135deg,var(--gl),var(--g));color:#070707}.usp{position:absolute;z-index:3;right:4%;top:26%;width:205px}.usp div{padding:18px 10px;border-top:1px solid var(--line);backdrop-filter:blur(6px)}.usp b,.usp span{display:block}.usp b{color:var(--gl);font-size:14px}.usp span{font-size:9px;color:#aaa;text-transform:uppercase;letter-spacing:.09em}
.section{max-width:1180px;margin:auto;padding:95px 28px;position:relative}.section:before{content:"";position:absolute;top:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}h2{font-size:clamp(40px,5vw,60px);line-height:1.02;margin:8px 0 35px}.glass{border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(14,17,21,.92),rgba(5,6,8,.94));box-shadow:0 25px 80px rgba(0,0,0,.38);backdrop-filter:blur(12px)}.track{display:grid;grid-template-columns:260px 1fr;gap:35px;padding:24px}.track>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px;border:1px solid rgba(214,168,58,.4);box-shadow:0 18px 50px #000}.track>div{align-self:center}.mini{font-size:8px;color:var(--gl);letter-spacing:.16em}.tracktop{display:flex;align-items:center;justify-content:space-between;gap:20px}.tracktop h3{font:600 29px "Space Grotesk";margin:3px 0}.round{width:56px;height:56px;border-radius:50%;border:1px solid var(--g);background:rgba(214,168,58,.08);color:var(--gl);cursor:pointer}.wave{height:82px;display:flex;gap:2px;align-items:center;overflow:hidden;margin:18px 0}.wave i{display:block;width:3px;background:linear-gradient(var(--gl),#654a12);border-radius:6px}.timeline{display:grid;grid-template-columns:45px 1fr 45px;gap:10px;align-items:center;color:#777;font-size:9px}.timeline input{width:100%;accent-color:var(--g)}
.case{display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;padding:45px;overflow:hidden}.case h2{margin-bottom:20px}.points{margin-top:30px}.points div{padding:11px 0;border-top:1px solid rgba(255,255,255,.07);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.points b{color:var(--gl);margin-right:12px}.console{padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(2,3,4,.55)}.switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0 15px}.switch button{padding:15px;text-align:left;background:#080a0d;border:1px solid rgba(255,255,255,.08);color:white;border-radius:5px;cursor:pointer}.switch b,.switch small{display:block}.switch b{font-size:10px;letter-spacing:.14em}.switch small{font-size:8px;color:#777;margin-top:3px}.switch button.active{border-color:var(--g);background:rgba(214,168,58,.1);box-shadow:inset 2px 0 var(--gl)}.switch button.active b{color:var(--gl)}.status{display:flex;justify-content:space-between;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#777}.status b{color:var(--gl)}.tip{font-size:7px;color:#666;letter-spacing:.12em;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.06);padding-top:13px}
.about{display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center}.identity{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center}.identity img{width:170px;height:170px;object-fit:cover;border-radius:20px;margin-bottom:22px;box-shadow:0 0 60px rgba(214,168,58,.12)}.identity b{font:600 20px "Space Grotesk";letter-spacing:.08em}.identity small{color:#888;letter-spacing:.12em;margin-top:7px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{position:relative;min-height:260px;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(145deg,#0d1014,#060708);transition:.3s}.card:hover{transform:translateY(-5px);border-color:var(--line)}.card>span{font-size:8px;color:var(--gl)}.card>i{position:absolute;right:25px;top:20px;font:normal 30px "Space Grotesk";color:#9a7a31}.card h3{font:600 23px "Space Grotesk";margin:65px 0 10px}.card p{font-size:11px;color:#888}.cta{text-align:center;padding:110px 20px;border-block:1px solid var(--line);background:radial-gradient(circle,rgba(214,168,58,.12),transparent 45%)}.cta h2{font-size:clamp(40px,6vw,70px)}.cta small{display:block;color:#555;font-size:8px;margin-top:14px}footer{display:flex;justify-content:space-between;gap:20px;padding:38px 5%;font-size:8px;color:#666}footer b{color:var(--gl);letter-spacing:.14em}.player{position:fixed;z-index:60;bottom:0;left:0;right:0;height:70px;padding:0 4%;display:flex;align-items:center;gap:13px;background:rgba(2,3,4,.96);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.player img{width:44px;height:44px;object-fit:cover;border-radius:4px}.player b,.player small{display:block}.player b{font-size:9px}.player small{font-size:7px;color:var(--gl);letter-spacing:.12em}.player button{margin-left:auto;width:38px;height:38px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--gl),var(--g));cursor:pointer}.bars{width:150px;height:20px;background:repeating-linear-gradient(90deg,var(--g) 0 2px,transparent 2px 6px);opacity:.5}.player>span{font-size:8px;color:#777}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){nav{display:none;position:absolute;top:80px;left:0;right:0;flex-direction:column;background:#030405;padding:20px}nav.open{display:flex}#menu{display:block}.usp,.orbit,.glow{display:none}.track,.case,.about{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.hero{min-height:800px;padding:120px 22px}.case{padding:28px}}
@media(max-width:520px){.section{padding:70px 18px}.hero h1{font-size:49px}.actions{flex-direction:column}.btn{width:100%}.track{padding:18px}.track>img{max-width:300px}.case{padding:20px}.console{padding:18px}.bars,.player>span{display:none}.identity{min-height:320px}.identity img{width:145px;height:145px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.heroimg{animation:none!important}}
/* v1.3 — distinctive JESLO SOUND hero + brand system */
header{padding-left:4.5%;padding-right:4.5%}
.brand img{width:43px;height:43px;filter:contrast(1.08)}
.brand b{font-size:18px;letter-spacing:.16em}
.brand small{font-size:7px;color:#c5c9ce}
.hero{min-height:800px;max-height:900px}
.heroCopy{margin-top:42px}
.hero h1{font-size:clamp(52px,7vw,96px);max-width:760px}
.heroBrand{
 position:absolute;z-index:3;right:5.2%;bottom:14%;display:flex;align-items:center;gap:18px;
 padding:16px 22px 16px 16px;border-left:1px solid rgba(214,168,58,.55);
 background:linear-gradient(90deg,rgba(2,3,4,.42),transparent);backdrop-filter:blur(5px)
}
.heroBrand img{width:74px;height:74px;object-fit:cover;border-radius:14px;border:1px solid rgba(214,168,58,.28);box-shadow:0 0 38px rgba(214,168,58,.13)}
.heroBrand div{display:flex;flex-direction:column;line-height:.82}
.heroBrand b{font:700 28px "Space Grotesk";letter-spacing:.14em;background:linear-gradient(100deg,#f5dc84,#aab2bb,#d6a83a);-webkit-background-clip:text;background-clip:text;color:transparent}
.heroBrand span{font-size:9px;letter-spacing:.58em;margin-top:11px;color:#d9dde1}
.pulse-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gl);box-shadow:0 0 12px var(--gl);margin-right:7px;animation:pulseDot 1.8s ease-in-out infinite}
@keyframes pulseDot{50%{opacity:.35;box-shadow:0 0 3px var(--gl)}}
.signal{display:flex;align-items:center;gap:9px}
.signal b{font-weight:400;color:var(--g)}
.heroSignature{display:flex;gap:14px;align-items:center;margin-top:13px;font-size:7px;letter-spacing:.15em;color:#555}
.heroSignature span{color:#8b7139;border-left:1px solid rgba(214,168,58,.25);padding-left:14px}
.hero:after{
 content:"JESLO / SOUND";position:absolute;z-index:2;right:-34px;top:48%;
 transform:rotate(90deg);font-size:7px;letter-spacing:.38em;color:rgba(243,215,121,.38)
}
.heroCopy:before{content:"";position:absolute;left:-25px;top:2px;width:1px;height:112px;background:linear-gradient(var(--gl),transparent);opacity:.65}
@media(max-width:1050px){.heroBrand{right:4%;bottom:10%}}
@media(max-width:800px){
 .heroBrand{right:22px;bottom:55px;padding:10px 14px 10px 10px}
 .heroBrand img{width:48px;height:48px;border-radius:9px}.heroBrand b{font-size:18px}.heroBrand span{font-size:6px;margin-top:7px}
 .heroCopy{margin-top:25px}.hero:after{display:none}.heroCopy:before{left:-10px}
}
@media(max-width:520px){.heroBrand{display:none}.hero{min-height:770px}.heroCopy{margin-top:45px}}

/* v1.4 — commercial services, pricing and workflow */
.commercial-head{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:38px}
.commercial-head h2{margin-bottom:0}
.commercial-head>p{max-width:440px;font-size:12px;margin:0 0 8px}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:stretch}
.price-card{position:relative;display:flex;flex-direction:column;min-height:470px;padding:28px 25px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:linear-gradient(150deg,#0d1014,#050607);overflow:hidden;transition:.3s}
.price-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-120px;bottom:-120px;background:radial-gradient(circle,rgba(214,168,58,.11),transparent 68%);opacity:.35;transition:.3s}
.price-card:hover{transform:translateY(-5px);border-color:rgba(214,168,58,.36);box-shadow:0 22px 65px rgba(0,0,0,.32)}
.price-card:hover:after{opacity:.8}
.price-card.featured{border-color:rgba(214,168,58,.55);background:linear-gradient(150deg,rgba(28,24,14,.98),#070809);box-shadow:0 0 45px rgba(214,168,58,.07)}
.popular{position:absolute;right:0;top:0;padding:7px 11px;background:linear-gradient(135deg,var(--gl),var(--g));color:#080808;font-size:6px;font-weight:800;letter-spacing:.15em}
.price-no{font-size:7px;color:#6d7076;letter-spacing:.15em}.price-icon{position:absolute;right:24px;top:27px;color:#b58d32;font:300 26px "Space Grotesk"}
.price-card h3{font:600 23px "Space Grotesk";margin:42px 0 3px}.price-sub{min-height:38px;color:#777;font-size:10px;margin:0}
.price{display:flex;align-items:flex-end;gap:9px;margin:24px 0 19px;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.07)}
.price small{font-size:6px;letter-spacing:.14em;color:#777;margin-bottom:8px}.price b{font:600 34px "Space Grotesk";color:var(--gl)}
.price-card ul{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:10px}.price-card li{position:relative;padding-left:16px;font-size:9px;color:#a1a4aa}.price-card li:before{content:"+";position:absolute;left:0;color:var(--g)}
.price-link{position:relative;z-index:2;margin-top:auto;padding-top:16px;border-top:1px solid rgba(214,168,58,.16);display:flex;justify-content:space-between;font-size:8px;text-transform:uppercase;letter-spacing:.11em;color:#c8b06e}.price-link span{transition:.2s}.price-link:hover span{transform:translateX(4px)}
.workflow{padding-top:80px}.process-line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:55px}.process-line:before{content:"";position:absolute;left:8%;right:8%;top:23px;height:1px;background:linear-gradient(90deg,transparent,var(--g),var(--g),transparent);opacity:.3}
.process-step{position:relative;padding:0 28px 0 0}.process-step>b{display:block;font-size:7px;color:#6d7076;letter-spacing:.15em}.process-dot{display:block;position:relative;z-index:2;width:8px;height:8px;border-radius:50%;background:#08090a;border:1px solid var(--g);box-shadow:0 0 0 6px #020304;margin:16px 0 28px}.process-step:first-child .process-dot{background:var(--gl);box-shadow:0 0 12px rgba(243,215,121,.5),0 0 0 6px #020304}.process-step h3{font:600 18px "Space Grotesk";margin:0 0 10px}.process-step p{font-size:10px;color:#85888e;max-width:220px}
.trust-strip{margin-top:55px;padding:17px 20px;border-block:1px solid rgba(214,168,58,.17);display:flex;align-items:center;justify-content:center;gap:22px;font-size:7px;letter-spacing:.13em;color:#777}.trust-strip i{width:3px;height:3px;border-radius:50%;background:var(--g)}
.cta-copy{max-width:570px;margin:-15px auto 30px;color:#888;font-size:11px}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:1050px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.commercial-head{grid-template-columns:1fr;gap:10px}.process-line{grid-template-columns:1fr 1fr;gap:35px}.process-line:before{display:none}.trust-strip{flex-wrap:wrap}}
@media(max-width:520px){.pricing-grid,.process-line{grid-template-columns:1fr}.price-card{min-height:430px}.process-step{padding-right:0}.trust-strip{justify-content:flex-start}.trust-strip i{display:none}}


/* v1.5 — Mix Request + Upload flow */
.request-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;align-items:start}
.project-form{padding:30px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form-grid label{display:flex;flex-direction:column;gap:7px}
.form-grid label.full{grid-column:1/-1}
.form-grid label>span{font-size:7px;text-transform:uppercase;letter-spacing:.14em;color:#8a8d93}
.form-grid input,.form-grid select,.form-grid textarea{
  width:100%;padding:14px 15px;border:1px solid rgba(255,255,255,.09);border-radius:5px;
  background:#07090b;color:#f2f2ef;outline:none;transition:.2s
}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{
  border-color:var(--g);box-shadow:0 0 0 3px rgba(214,168,58,.06)
}
.form-grid textarea{resize:vertical}
.form-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07)}
.form-footer b,.form-footer small{display:block}
.form-footer b{font-size:7px;color:var(--gl);letter-spacing:.14em}
.form-footer small{font-size:8px;color:#70737a;margin-top:4px}
.form-response{min-height:18px;margin:14px 0 0;color:var(--gl);font-size:9px}
.request-summary{padding:27px;border-left:1px solid var(--line)}
.summary-step{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:17px 0;border-top:1px solid rgba(255,255,255,.07)}
.summary-step b{font-size:8px;color:var(--gl)}
.summary-step strong,.summary-step span{display:block}
.summary-step strong{font-size:10px;margin-bottom:3px}
.summary-step span{font-size:9px;color:#7e8187}
.summary-quote{margin-top:18px;padding:18px;border:1px solid rgba(214,168,58,.18);border-radius:6px;color:#c9b477;font:500 13px/1.55 "Space Grotesk"}

.upload-section{padding-top:60px}
.upload-shell{padding:40px;display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}
.upload-copy h2{margin-bottom:16px}
.upload-copy>p:not(.kicker){font-size:11px}
.upload-specs{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}
.upload-specs span{padding:7px 10px;border:1px solid rgba(214,168,58,.22);border-radius:3px;color:#bda35c;font-size:7px;letter-spacing:.1em}
.drop-zone{
  position:relative;min-height:245px;border:1px dashed rgba(214,168,58,.4);border-radius:9px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  cursor:pointer;background:radial-gradient(circle at 50% 50%,rgba(214,168,58,.07),transparent 55%);transition:.25s
}
.drop-zone:hover,.drop-zone.dragover{border-color:var(--gl);background:radial-gradient(circle at 50% 50%,rgba(214,168,58,.12),transparent 58%)}
.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop-icon{font-size:34px;color:var(--gl);margin-bottom:7px}
.drop-zone b{font-size:10px;letter-spacing:.12em}
.drop-zone span{font-size:9px;color:#777;margin-top:3px}
.drop-zone small{font-size:8px;color:#a98b45;margin-top:14px}
.upload-checklist{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:5px}
.upload-checklist div{padding:15px;border-top:1px solid rgba(255,255,255,.07)}
.upload-checklist b{display:block;color:var(--gl);font-size:7px;margin-bottom:6px}
.upload-checklist span{font-size:9px;color:#83868c}
.upload-note{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;padding:15px 0 0;border-top:1px solid rgba(214,168,58,.16)}
.upload-note strong{font-size:7px;color:var(--gl);letter-spacing:.13em}
.upload-note span{max-width:650px;font-size:8px;color:#6e7176}

@media(max-width:900px){
  .request-layout,.upload-shell{grid-template-columns:1fr}
  .request-summary{border-left:0;border-top:1px solid var(--line)}
  .upload-checklist{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .form-grid{grid-template-columns:1fr}
  .form-grid label.full{grid-column:auto}
  .form-footer,.upload-note{flex-direction:column;align-items:flex-start}
  .upload-shell{padding:22px}
  .upload-checklist{grid-template-columns:1fr}
}

/* v1.6 — launch trust layer, FAQ, Netlify-ready forms */
.hidden-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.review-card{min-height:220px;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(145deg,#0d1014,#060708);display:flex;flex-direction:column}
.review-card>span{font-size:7px;color:var(--gl);letter-spacing:.14em}
.review-card p{font:500 16px/1.55 "Space Grotesk";color:#d3d4d6;margin:48px 0 22px}
.review-card small{margin-top:auto;color:#676a70;font-size:7px;letter-spacing:.13em}
.faq-list{border-top:1px solid rgba(214,168,58,.18)}
.faq-list details{border-bottom:1px solid rgba(255,255,255,.07);padding:0 4px}
.faq-list summary{position:relative;cursor:pointer;list-style:none;padding:20px 36px 20px 0;font:500 14px "Space Grotesk";color:#dadbdd}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:5px;color:var(--gl);font-size:18px;top:17px}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{max-width:760px;color:#898d94;font-size:10px;margin:-2px 0 22px}
.footer-pro{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:28px;align-items:start}
.footer-pro>div:first-child{display:flex;flex-direction:column}
.footer-pro>div:first-child b{font:600 15px "Space Grotesk";color:var(--gl);letter-spacing:.14em}
.footer-pro>div:first-child span{margin-top:4px}
.footer-social{display:flex;gap:13px;flex-wrap:wrap}
.footer-social a{color:#82858b}.footer-social a:hover{color:var(--gl)}
.footer-legal{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
.footer-legal a{color:#a58c4c}
@media(max-width:800px){.review-grid{grid-template-columns:1fr}.footer-pro{grid-template-columns:1fr 1fr}.footer-legal{grid-column:1/-1;align-items:flex-start;text-align:left}}
@media(max-width:520px){.footer-pro{grid-template-columns:1fr}.footer-legal{grid-column:auto}}


/* v1.7 — Booking + Client Portal preview */
.booking-shell{display:grid;grid-template-columns:1.2fr .8fr;gap:0;overflow:hidden}
.booking-main{padding:34px}
.booking-label{font-size:7px;letter-spacing:.14em;color:#7d8188}
.booking-options{display:grid;gap:10px;margin-top:22px}
.booking-option{
  padding:18px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:6px;
  background:#080a0d;color:#fff;cursor:pointer;transition:.22s
}
.booking-option b,.booking-option span{display:block}
.booking-option b{font:600 15px "Space Grotesk"}
.booking-option span{font-size:9px;color:#777;margin-top:4px}
.booking-option.active{border-color:var(--g);background:linear-gradient(135deg,rgba(214,168,58,.16),rgba(214,168,58,.03));box-shadow:inset 2px 0 var(--gl)}
.booking-option.active b{color:var(--gl)}
.booking-side{padding:34px;border-left:1px solid rgba(214,168,58,.15);background:radial-gradient(circle at 50% 20%,rgba(214,168,58,.08),transparent 48%)}
.booking-side h3{font:600 28px "Space Grotesk";margin:6px 0 12px}
.booking-side>p:not(.kicker){font-size:10px}
.booking-cta{margin-top:20px;width:100%}
.booking-side small{display:block;color:#666;font-size:7px;margin-top:10px}

.portal-demo{display:grid;grid-template-columns:220px 1fr;min-height:520px;overflow:hidden}
.portal-sidebar{padding:24px;border-right:1px solid rgba(214,168,58,.13);background:#07090b;display:flex;flex-direction:column}
.portal-user{display:flex;gap:11px;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.07)}
.portal-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gl),var(--g));color:#080808;font:700 11px "Space Grotesk"}
.portal-user b,.portal-user span{display:block}.portal-user b{font-size:9px}.portal-user span{font-size:7px;color:#6f7278}
.portal-nav{display:grid!important;position:static!important;background:none!important;padding:18px 0!important;border:0!important;gap:5px!important}
.portal-nav button{border:0;background:transparent;color:#777;padding:10px 8px;text-align:left;font-size:8px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border-radius:3px}
.portal-nav button.active{background:rgba(214,168,58,.09);color:var(--gl)}
.portal-demo-label{margin-top:auto;color:#6a5526;font-size:6px;letter-spacing:.16em}
.portal-content{padding:30px}
.portal-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.portal-top h3{font:600 28px "Space Grotesk";margin:3px 0 0}
.project-status{padding:7px 10px;border:1px solid rgba(214,168,58,.3);border-radius:20px;color:var(--gl);font-size:7px;letter-spacing:.12em}
.progress-steps{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:42px 0}
.progress-steps:before{content:"";position:absolute;left:6%;right:6%;top:15px;height:1px;background:rgba(255,255,255,.09)}
.progress-steps div{position:relative;text-align:center;z-index:2}
.progress-steps i{width:31px;height:31px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#07090b;border:1px solid rgba(255,255,255,.13);font-style:normal;color:#666;font-size:7px}
.progress-steps b{display:block;font-size:7px;color:#6f7278;margin-top:8px;text-transform:uppercase;letter-spacing:.07em}
.progress-steps .done i,.progress-steps .current i{border-color:var(--g);color:#080808;background:var(--gl)}
.progress-steps .done b,.progress-steps .current b{color:#c4a95f}
.portal-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.portal-panels article{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:6px;background:#080a0c}
.portal-panels h4{font:600 16px "Space Grotesk";margin:12px 0 7px}
.portal-panels p{font-size:9px;color:#777}
.file-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.file-row b{font-size:8px}.file-row span{font-size:6px;color:#555;letter-spacing:.11em}
.portal-note{margin-top:18px;padding-top:16px;border-top:1px solid rgba(214,168,58,.14);display:flex;justify-content:space-between;gap:20px}
.portal-note b{font-size:7px;color:var(--gl);letter-spacing:.12em}.portal-note span{font-size:8px;color:#6f7278;text-align:right}

@media(max-width:900px){
  .booking-shell{grid-template-columns:1fr}
  .booking-side{border-left:0;border-top:1px solid rgba(214,168,58,.15)}
  .portal-demo{grid-template-columns:1fr}
  .portal-sidebar{display:none}
}
@media(max-width:650px){
  .progress-steps{grid-template-columns:repeat(3,1fr);row-gap:24px}
  .progress-steps:before{display:none}
  .portal-panels{grid-template-columns:1fr}
  .portal-note{flex-direction:column}
  .portal-note span{text-align:left}
}

/* v1.8 — final polish, conversion and responsive refinement */
.studio-status{position:fixed;z-index:52;top:91px;right:4.5%;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(214,168,58,.15);border-radius:20px;background:rgba(3,4,5,.66);backdrop-filter:blur(10px);font-size:6px;letter-spacing:.13em;color:#8d9096}
.studio-status span{width:5px;height:5px;border-radius:50%;background:var(--gl);box-shadow:0 0 9px var(--gl);animation:pulseDot 1.8s ease-in-out infinite}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start;padding:55px 0}
.why-title h2{margin-bottom:0}.why-copy{padding-top:28px}.why-lead{font:500 19px/1.55 "Space Grotesk";color:#d5d6d8;margin:0 0 35px}
.why-values{border-top:1px solid rgba(214,168,58,.18)}
.why-values>div{display:grid;grid-template-columns:38px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.why-values b{font-size:7px;color:var(--gl)}.why-values span{font-size:10px;color:#7e8187;line-height:1.55}.why-values strong{display:block;color:#d0d1d3;font:500 12px "Space Grotesk";margin-bottom:4px}
.mobile-action{display:none}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gl);outline-offset:3px}
.price-card.featured{transform:translateY(-7px)}.price-card.featured:hover{transform:translateY(-11px)}
.track,.case,.booking-shell,.portal-demo,.project-form,.upload-shell{box-shadow:0 30px 90px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.015)}
@media(max-width:900px){.why-grid{grid-template-columns:1fr;gap:20px}.studio-status{top:88px;right:18px}.price-card.featured{transform:none}}
@media(max-width:700px){
 body{padding-bottom:122px}
 .mobile-action{position:fixed;z-index:65;display:grid;grid-template-columns:1fr 1fr;bottom:70px;left:0;right:0;height:52px;background:rgba(3,4,5,.97);backdrop-filter:blur(15px);border-top:1px solid rgba(214,168,58,.2)}
 .mobile-action a{display:grid;place-items:center;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
 .mobile-action a:first-child{background:linear-gradient(135deg,var(--gl),var(--g));color:#070707;font-weight:800}
 .mobile-action a:last-child{color:var(--gl)}
}
@media(max-width:520px){
 .studio-status{top:88px;right:12px;font-size:5px}
 .heroCopy:before{display:none}
 .hero h1{line-height:.93}
 .why-grid{padding:20px 0}
 .why-lead{font-size:16px}
 .player{height:70px}
}

/* v1.9.1 — clearer A/B player controls */
.ab-play-main{width:100%;display:flex;align-items:center;gap:15px;margin:18px 0 6px;padding:15px 17px;border:1px solid var(--g);border-radius:7px;background:linear-gradient(135deg,rgba(214,168,58,.18),rgba(214,168,58,.05));color:#fff;cursor:pointer;text-align:left;transition:.2s}
.ab-play-main:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(214,168,58,.25),rgba(214,168,58,.07))}
.ab-play-icon{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gl),var(--g));color:#070707;font-size:15px;font-weight:800}
.ab-play-main b,.ab-play-main small{display:block}.ab-play-main b{font:700 10px "Space Grotesk";letter-spacing:.12em;color:var(--gl)}.ab-play-main small{margin-top:4px;font-size:8px;color:#888}
.switch{margin-top:12px}
@media(max-width:520px){.ab-play-main{padding:13px}.ab-play-main small{font-size:7px}}
/* ================================
   JESLO SOUND — Upload Client Info
   ================================ */

/* ================================
   JESLO SOUND — Upload Client Info
   ================================ */

/* ================================
   JESLO SOUND — Upload Layout
   ================================ */

.upload-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.45fr);
  column-gap: 36px;
  align-items: start;
}

.upload-client-info {
  grid-column: 2;
  grid-row: 1;
  margin-bottom: 14px;
}

.drop-zone {
  grid-column: 2;
  grid-row: 2;
  width: 100%;
  min-height: 250px;
}

.upload-checklist,
.upload-note {
  grid-column: 1 / -1;
}

@media (max-width: 900px) {
  .upload-shell {
    grid-template-columns: 1fr;
  }

  .upload-client-info,
  .drop-zone,
  .upload-checklist,
  .upload-note {
    grid-column: 1;
    grid-row: auto;
  }
}
/* FINAL FIX — JESLO SOUND upload fields */

#upload .upload-client-info input {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;

  background: #090b0c !important;
  background-color: #090b0c !important;

  border: 1px solid rgba(224, 180, 67, 0.55) !important;
  border-radius: 7px !important;

  padding: 0 15px !important;

  color: #f5f5f5 !important;
  font-family: inherit !important;
  font-size: 13px !important;

  appearance: none;
  -webkit-appearance: none;

  outline: none !important;
}

#upload .upload-client-info input::placeholder {
  color: rgba(255, 255, 255, 0.42) !important;
  opacity: 1;
}

#upload .upload-client-info input:hover {
  border-color: rgba(224, 180, 67, 0.8) !important;
}

#upload .upload-client-info input:focus {
  background: #0c0e0f !important;
  border-color: #e0b443 !important;
  box-shadow: 0 0 18px rgba(224, 180, 67, 0.12) !important;
}
/* =========================================
   FREE MIX CHECK — Conversion Section
   ========================================= */

#free-mix-check {
  padding-top: 110px;
  padding-bottom: 110px;
}

#free-mix-check .commercial-head {
  margin-bottom: 42px;
}

.free-check-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.85fr);
  gap: 42px;

  padding: 34px;

  border: 1px solid rgba(224, 180, 67, 0.35);
  border-radius: 14px;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,0.025),
      rgba(224,180,67,0.035)
    );

  box-shadow:
    0 24px 60px rgba(0,0,0,0.28),
    inset 0 1px 0 rgba(255,255,255,0.025);
}

.free-check-left {
  padding: 8px 6px;
}

.free-badge {
  display: inline-flex;
  align-items: center;

  margin-bottom: 18px;
  padding: 7px 11px;

  border: 1px solid rgba(224, 180, 67, 0.5);
  border-radius: 999px;

  color: #e0b443;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
}

.free-check-left h3 {
  margin: 0 0 10px;
  font-size: clamp(24px, 2vw, 34px);
}

.free-check-left .price-sub {
  max-width: 520px;
  margin-bottom: 25px;
}

.free-check-left ul {
  display: grid;
  gap: 12px;

  margin: 0;
  padding: 0;

  list-style: none;
}

.free-check-left li {
  position: relative;
  padding-left: 22px;
}

.free-check-left li::before {
  content: "✦";
  position: absolute;
  left: 0;
  top: 0;

  color: #e0b443;
}

.free-check-action {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;

  min-height: 270px;
  padding: 34px;

  border: 1px solid rgba(224, 180, 67, 0.26);
  border-radius: 12px;

  background:
    radial-gradient(
      circle at top right,
      rgba(224, 180, 67, 0.14),
      transparent 48%
    ),
    rgba(255,255,255,0.018);
}

.free-check-action .mini {
  margin-bottom: 18px;

  color: #e0b443;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
}

.free-check-action strong {
  display: block;

  max-width: 390px;
  margin-bottom: 12px;

  font-size: clamp(22px, 2vw, 31px);
  line-height: 1.15;
}

.free-check-action p {
  max-width: 390px;
  margin: 0 0 24px;

  color: rgba(255,255,255,0.58);
  line-height: 1.65;
}

.free-check-action .btn {
  min-width: 205px;
  justify-content: center;
}

@media (max-width: 850px) {
  .free-check-card {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 24px;
  }

  .free-check-action {
    min-height: auto;
  }

}
/* FREE MIX CHECK UPLOAD */

#free-mix-upload {
  position: relative;
  border-top: 1px solid rgba(224, 180, 67, 0.18);
}

.free-mix-upload-card {
  margin-top: 38px;
  padding: 38px;
  border: 1px solid rgba(224, 180, 67, 0.35);
  border-radius: 14px;
  background:
    radial-gradient(circle at top right,
      rgba(224, 180, 67, 0.10),
      transparent 38%),
    rgba(255,255,255,0.018);
}

.free-mix-upload-intro {
  margin-bottom: 28px;
}

.free-mix-upload-intro h3 {
  margin: 14px 0 8px;
  font-size: clamp(26px, 3vw, 38px);
}

.free-mix-upload-intro p {
  color: rgba(255,255,255,0.58);
  max-width: 600px;
  line-height: 1.6;
}

.free-mix-fields {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 24px;
}

.free-mix-fields input {
  width: 100%;
  min-height: 52px;
  padding: 0 16px;
  color: #f5f5f5;
  background: #090b0c;
  border: 1px solid rgba(224, 180, 67, 0.45);
  border-radius: 8px;
  font: inherit;
  outline: none;
}

.free-mix-fields input:focus {
  border-color: #e0b443;
  box-shadow: 0 0 18px rgba(224, 180, 67, 0.12);
}

.free-mix-fields input::placeholder {
  color: rgba(255,255,255,0.42);
}

.free-mix-dropzone {
  min-height: 230px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 30px;
  cursor: pointer;

  border: 1px dashed rgba(224, 180, 67, 0.55);
  border-radius: 12px;

  background: rgba(0,0,0,0.18);
  text-align: center;

  transition: 0.25s ease;
}

.free-mix-dropzone:hover {
  border-color: #e0b443;
  background: rgba(224, 180, 67, 0.045);
}

.free-upload-icon {
  color: #e0b443;
  font-size: 38px;
  line-height: 1;
  margin-bottom: 6px;
}

.free-mix-dropzone strong {
  font-size: 14px;
  letter-spacing: 0.08em;
}

.free-mix-dropzone span:not(.free-upload-icon) {
  color: rgba(255,255,255,0.55);
}

.free-mix-dropzone small {
  margin-top: 8px;
  color: #e0b443;
  font-size: 10px;
  letter-spacing: 0.08em;
}

.free-mix-submit {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 24px;
}

#freeMixStatus {
  color: rgba(255,255,255,0.65);
  font-size: 12px;
}

@media (max-width: 850px) {
  .free-mix-upload-card {
    padding: 24px;
  }

  .free-mix-fields {
    grid-template-columns: 1fr;
  }

  .free-mix-dropzone {
    min-height: 190px;
  }

  .free-mix-submit {
    align-items: flex-start;
    flex-direction: column;
  }
}