:root{--dj-bg:#05070b;--dj-panel:rgba(14,19,27,.78);--dj-line:rgba(255,255,255,.11);--dj-green:#7dffb4;--dj-blue:#6bdcff;--dj-ink:#eef8f6;--dj-muted:#8d9aa4}.dj-page{margin:0;color:var(--dj-ink);background:radial-gradient(circle at 80% 8%,#112c35 0,transparent 34%),var(--dj-bg);font-family:Inter,ui-sans-serif,system-ui,sans-serif;min-height:100vh}.dj-glow{position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(107,220,255,.035),transparent 65%)}.dj-header{position:relative;z-index:5;background:rgba(5,7,11,.82);backdrop-filter:blur(22px);border-bottom:1px solid var(--dj-line)}.dj-header nav{display:flex;gap:1.6rem}.dj-header nav a{color:var(--dj-muted);text-decoration:none}.dj-header nav a[aria-current]{color:var(--dj-green)}.dj-account{border:1px solid var(--dj-line);background:transparent;color:var(--dj-ink);border-radius:99px;padding:.7rem 1.1rem}.dj-page main{width:min(1180px,calc(100% - 2rem));margin:auto}.dj-hero{min-height:72vh;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:5vw}.dj-eyebrow{font-size:.72rem;letter-spacing:.2em;color:var(--dj-green);font-weight:800}.dj-hero h1{font-size:clamp(3.7rem,9vw,8.5rem);line-height:.82;letter-spacing:-.075em;margin:.35em 0 .25em;max-width:850px}.dj-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(238,248,246,.55)}.dj-hero p:not(.dj-eyebrow){max-width:650px;color:#a9b7bf;line-height:1.75;font-size:1.08rem}.dj-primary{display:inline-block;margin-top:1.2rem;padding:1rem 1.4rem;border-radius:4px;background:var(--dj-green);color:#04100a;font-weight:850;text-decoration:none}.dj-orbit{width:min(34vw,340px);aspect-ratio:1;border:1px solid rgba(125,255,180,.28);border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 90px rgba(107,220,255,.1)}.dj-orbit span{font-size:2rem;font-weight:900;letter-spacing:.18em}.dj-orbit i{position:absolute;inset:12%;border:1px solid rgba(107,220,255,.18);border-radius:50%;animation:dj-spin 15s linear infinite}.dj-orbit i:nth-child(2){inset:25%;animation-direction:reverse}.dj-orbit i:nth-child(3){inset:-7%;border-style:dashed}@keyframes dj-spin{to{transform:rotate(360deg)}}.dj-studio,.dj-packages{margin:4rem 0;padding:clamp(1.2rem,3vw,2.5rem);border:1px solid var(--dj-line);background:var(--dj-panel);backdrop-filter:blur(28px);border-radius:18px}.dj-studio-head,.dj-now,.dj-meter{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dj-studio h2,.dj-section-title h2{font-size:clamp(2rem,5vw,4.4rem);letter-spacing:-.055em;margin:.15em 0}.dj-studio-head p{color:var(--dj-muted)}.dj-live-badge{padding:.55rem .85rem;border:1px solid var(--dj-line);border-radius:99px;color:var(--dj-blue);font-weight:900;letter-spacing:.12em}.dj-live-badge.is-live{color:#07110b;background:var(--dj-green);box-shadow:0 0 28px rgba(125,255,180,.35)}.dj-now{margin-top:2rem;padding:1.2rem;border:1px solid var(--dj-line);border-radius:12px;background:#070b10}.dj-now h3{margin:.25rem 0;font-size:clamp(1.3rem,3vw,2.1rem)}.dj-now p,.dj-status{color:var(--dj-muted)}.dj-play,.dj-actions button,.dj-checkout button,.dj-product-card button{border:0;border-radius:5px;padding:.85rem 1.05rem;font-weight:800;cursor:pointer}.dj-play{background:var(--dj-ink);color:#071015}.dj-wave{display:flex;align-items:center;gap:4px;height:50px}.dj-wave i{width:3px;height:25%;background:var(--dj-green);animation:dj-wave 1s ease-in-out infinite alternate}.dj-wave i:nth-child(2n){animation-delay:-.4s;height:70%}.dj-wave i:nth-child(3n){animation-delay:-.7s;height:100%}@keyframes dj-wave{to{transform:scaleY(.35)}}.dj-control{margin-top:1.2rem;padding:1.2rem;border:1px solid rgba(125,255,180,.22);border-radius:12px;background:rgba(125,255,180,.035)}.dj-meter>div{flex:1}.dj-meter small{display:block;color:var(--dj-muted);font-size:.68rem;letter-spacing:.15em}.dj-meter strong{display:block;margin-top:.25rem;font-size:1.25rem}.dj-actions{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:.7rem;margin-top:1.2rem}.dj-actions button{background:#18212a;color:var(--dj-ink);border:1px solid var(--dj-line)}.dj-actions .dj-go-live{background:var(--dj-green);color:#04110a}.dj-actions button:disabled{opacity:.35;cursor:not-allowed}.dj-section-title>p:last-child{color:var(--dj-muted);max-width:700px;line-height:1.65}.dj-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.dj-product-card{border:1px solid var(--dj-line);border-radius:12px;padding:1.5rem;background:rgba(3,6,9,.5)}.dj-product-card h3{font-size:1.4rem;margin:.4rem 0}.dj-product-card strong{font-size:3rem;letter-spacing:-.06em}.dj-product-card strong small{font-size:.85rem;color:var(--dj-muted);letter-spacing:0}.dj-product-card p{color:var(--dj-muted);min-height:4.5em}.dj-product-card button{width:100%;background:var(--dj-ink);color:#061015}.dj-checkout{margin-top:1.5rem;padding:1.4rem;border:1px solid rgba(107,220,255,.25);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dj-checkout[hidden]{display:none}.dj-checkout>div,.dj-checkout>button,.dj-checkout>p{grid-column:1/-1}.dj-checkout h3{font-size:2rem;margin:.2rem 0}.dj-checkout label{display:flex;flex-direction:column;gap:.45rem;color:var(--dj-muted)}.dj-checkout label span{font-size:.78rem}.dj-checkout input{background:#080c11;color:var(--dj-ink);border:1px solid var(--dj-line);border-radius:6px;padding:.9rem}.dj-checkout button{background:var(--dj-blue);color:#041015}.dj-how{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:5rem 0}.dj-how article{padding:1.5rem;border-top:1px solid var(--dj-line)}.dj-how span{color:var(--dj-green);font-family:monospace}.dj-how p{color:var(--dj-muted);line-height:1.6}.dj-page footer{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0;border-top:1px solid var(--dj-line);display:flex;justify-content:space-between;color:var(--dj-muted)}.dj-page footer a{color:var(--dj-ink)}@media(max-width:820px){.dj-hero{grid-template-columns:1fr;min-height:auto;padding:6rem 0}.dj-orbit{display:none}.dj-product-grid,.dj-how{grid-template-columns:1fr}.dj-actions{grid-template-columns:1fr 1fr}.dj-checkout{grid-template-columns:1fr}.dj-studio-head,.dj-now,.dj-meter{align-items:flex-start;flex-wrap:wrap}.dj-header nav{display:none}}@media(max-width:520px){.dj-actions{grid-template-columns:1fr}.dj-now{display:grid;grid-template-columns:auto 1fr}.dj-play{grid-column:1/-1}.dj-meter{display:grid;grid-template-columns:1fr 1fr}.dj-page footer{display:block}.dj-page footer span{display:block;margin-top:.6rem}}

.dj-welcome{position:relative;margin:2rem 0 4rem;padding:clamp(1.3rem,3vw,2.4rem);border:1px solid rgba(125,255,180,.36);border-radius:18px;background:linear-gradient(135deg,rgba(15,39,34,.94),rgba(9,18,28,.94));box-shadow:0 28px 90px rgba(0,0,0,.35)}
.dj-welcome[hidden]{display:none}.dj-welcome h2{margin:.15em 0;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.05em}.dj-welcome-intro{max-width:760px;color:#b1c2c4;line-height:1.7}.dj-welcome-close{position:absolute;right:1rem;top:1rem;width:2.4rem;height:2.4rem;border:1px solid var(--dj-line);border-radius:50%;background:rgba(0,0,0,.24);color:var(--dj-ink);font-size:1.5rem;cursor:pointer}.dj-welcome-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.6rem}.dj-welcome-steps article{display:flex;flex-direction:column;min-height:300px;padding:1.25rem;border:1px solid var(--dj-line);border-radius:12px;background:rgba(4,8,12,.52)}.dj-welcome-steps article>span{color:var(--dj-green);font-family:ui-monospace,monospace;font-weight:800}.dj-welcome-steps h3{margin:.8rem 0 .3rem;font-size:1.35rem}.dj-welcome-steps p{color:var(--dj-muted);line-height:1.55}.dj-welcome-steps button{margin-top:auto;border:1px solid var(--dj-line);border-radius:6px;padding:.8rem 1rem;background:#17212a;color:var(--dj-ink);font-weight:800;cursor:pointer}.dj-welcome-steps .dj-go-live{background:var(--dj-green);color:#04110a}.dj-welcome meter{width:100%;height:1rem;margin:.5rem 0 1rem;accent-color:var(--dj-green)}.dj-step-status{min-height:1.5rem;margin:.65rem 0 0;font-size:.82rem}
@media(max-width:820px){.dj-welcome-steps{grid-template-columns:1fr}.dj-welcome-steps article{min-height:240px}}