*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0B0E14;color:#fff;font-family:Inter,system-ui,sans-serif;line-height:1.5}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.topbar{height:74px;position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;gap:32px;padding:0 5vw;background:rgba(11,14,20,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand img{width:270px}.topbar nav{display:flex;gap:26px;margin-left:auto}.topbar nav a{font-size:13px;color:#8793A0}.topbar nav a.active{color:#00E6FF}.topbar nav a.studio-active{color:#B98CFF}.menu{display:none}.cta,.ghost{display:inline-flex;justify-content:center;align-items:center;padding:13px 18px;border-radius:7px;font-weight:700;border:1px solid transparent}.cta{background:#FF9A00;color:#080A0E}.cta.small{padding:9px 13px;font-size:12px}.ghost{border-color:rgba(0,230,255,.4);color:#A8F5FC;background:rgba(0,230,255,.04)}.dj-hero,.studio-hero{min-height:100vh;padding:145px 5vw 90px;position:relative;overflow:hidden}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.cyan-bloom,.purple-bloom{position:absolute;width:700px;height:700px;border-radius:50%;filter:blur(170px);opacity:.13;left:-300px;top:30px}.cyan-bloom{background:#00E6FF}.purple-bloom{background:#A86BFF}.hero-copy,.studio-hero-copy{max-width:1000px;margin:auto;text-align:center;position:relative;z-index:2}.status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(0,230,255,.25);border-radius:999px;background:rgba(0,230,255,.05);color:#B4F6FC;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.status i{width:7px;height:7px;background:#33D17A;border-radius:50%;box-shadow:0 0 12px #33D17A}.product-kicker,.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#00E6FF}.product-kicker{margin-top:25px}.hero-copy h1,.studio-hero h1,.split h2,.modules h2,.principle h2,.platforms h2,.beta h2{font-family:"Exo 2";font-size:clamp(48px,6.6vw,92px);line-height:.98;letter-spacing:-.04em;margin:20px 0}.lead{font-size:20px;color:#A3AEB9;max-width:780px;margin:auto}.actions{display:flex;gap:12px;justify-content:center;margin-top:32px}.live-console{position:relative;z-index:2;max-width:1450px;margin:80px auto 0;border:1px solid #2A3542;border-radius:15px;background:#0D1219;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.55)}.console-top{height:56px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid #26313D}.console-brand{display:flex;align-items:center;gap:10px}.console-brand img{width:34px;height:34px;object-fit:cover;border-radius:6px}.console-brand b{font-size:12px}.console-status{margin-left:auto;color:#7D8996;font-size:10px}.console-status i{display:inline-block;width:7px;height:7px;background:#33D17A;border-radius:50%;margin-right:6px}.console-top>button{margin-left:16px;padding:9px 11px;border:0;border-radius:6px;background:#FF9A00;font-size:10px;font-weight:700}.console-shell{display:grid;grid-template-columns:125px 1fr 270px;min-height:650px}.sidebar{padding:14px 10px;border-right:1px solid #26313D}.nav-item{width:100%;padding:10px;text-align:left;border:0;border-radius:5px;background:transparent;color:#74818E;font-size:11px}.nav-item.active{background:rgba(0,230,255,.08);border-left:2px solid #00E6FF;color:#fff}.workspace{padding:24px;min-width:0}.workspace-head{display:flex;align-items:center;justify-content:space-between}.workspace-head small,.panel-title small{font-size:9px;color:#00E6FF;letter-spacing:.14em}.workspace-head h2,.panel-title h3{font-family:"Exo 2";margin:4px 0;font-size:24px}.analyzed{font-size:9px;color:#8DE9A7}.analyzed i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#33D17A}.panel{display:none}.active-panel{display:block}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.metrics>div{padding:12px;border:1px solid #25303C;border-radius:6px;background:#111821}.metrics small{display:block;font-size:8px;color:#6D7B88}.metrics b{font-family:"Exo 2"}.orange{color:#FF9A00}.track-table{border:1px solid #25303C;border-radius:7px;overflow:hidden}.table-head,.track{display:grid;grid-template-columns:1.5fr 60px 45px 1fr 55px;gap:8px;align-items:center;padding:11px 12px}.table-head{font-size:8px;color:#667482;background:#111720}.track{width:100%;border:0;border-top:1px solid #202A35;background:transparent;color:#87939F;text-align:left;font-size:10px}.track b{display:block;color:#DDE4EA}.track small{display:block;font-size:8px}.track.selected{background:rgba(0,230,255,.06);outline:1px solid rgba(0,230,255,.3)}.energy-card{margin-top:14px;padding:14px;border:1px solid #25303C;border-radius:7px}.energy-card>div{display:flex;justify-content:space-between;font-size:11px}.energy-card span{font-size:9px;color:#FF9A00}.energy-card svg{width:100%;height:115px}.energy-path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 3s ease forwards}.playhead-dot{animation:playhead 6s ease-in-out infinite}@keyframes draw{to{stroke-dashoffset:0}}@keyframes playhead{0%{transform:translate(0,0)}50%{transform:translate(520px,-82px)}100%{transform:translate(790px,-105px)}}.inspector{padding:20px;border-left:1px solid #26313D;background:#10161E}.inspector>small{font-size:8px;letter-spacing:.14em;color:#00E6FF}.inspector h3{font-family:"Exo 2";font-size:20px}.big-score{font-family:"Exo 2";font-size:54px;color:#00E6FF;margin:18px 0}.factor{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #28323D;font-size:10px}.factor span{color:#33D17A}.inspector p{font-size:11px;color:#84909C}.inspector button,.cue-details button{width:100%;padding:10px;border:0;border-radius:5px;background:#FF9A00;font-weight:700;font-size:10px}.approval-state{font-size:8px;color:#FFB347;letter-spacing:.1em;margin-top:13px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.panel-title>span{font-size:9px;color:#8895A1}.vibe-stage{height:440px;border:1px solid #26313D;border-radius:8px;position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(0,230,255,.07),transparent 58%)}.cluster{position:absolute;border-radius:50%;border:1px solid rgba(0,230,255,.35);background:rgba(0,230,255,.08);display:grid;place-items:center;color:#B7F8FE;font-size:9px;transition:.35s;cursor:pointer}.cluster:before{content:"";position:absolute;inset:12%;border-radius:50%;background-image:radial-gradient(#00E6FF 1px,transparent 1px);background-size:10px 10px;opacity:.55}.cluster span{position:relative;z-index:2;background:#0D1219;padding:4px 6px;border-radius:3px}.cluster:hover{transform:scale(1.18);z-index:5;box-shadow:0 0 35px rgba(0,230,255,.2)}.cluster-tech{width:150px;height:150px;left:12%;top:34%}.cluster-minimal{width:110px;height:110px;left:35%;top:19%}.cluster-afro{width:125px;height:125px;left:51%;top:52%;border-color:rgba(255,154,0,.45);background:rgba(255,154,0,.08)}.cluster-melodic{width:135px;height:135px;right:11%;top:19%;border-color:rgba(168,107,255,.45);background:rgba(168,107,255,.08)}.cluster-peak{width:95px;height:95px;right:18%;bottom:8%;border-color:rgba(255,154,0,.5)}.vibe-legend{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:8px;color:#677582}.vibe-legend div{height:3px;flex:1;background:linear-gradient(90deg,#00E6FF,#FF9A00)}.waveform-live{height:370px;position:relative;border:1px solid #26313D;border-radius:8px;overflow:hidden;background:#0A0F15}.wave-bars{position:absolute;inset:50px 0;background:repeating-linear-gradient(90deg,#00E6FF 0 2px,transparent 2px 6px);mask-image:linear-gradient(to bottom,transparent 0,#000 35%,#000 65%,transparent 100%);opacity:.48;transform:scaleY(.72)}.scan-line{position:absolute;top:0;bottom:0;width:2px;background:#00E6FF;box-shadow:0 0 15px #00E6FF;animation:scan 5s linear infinite}@keyframes scan{from{left:0}to{left:100%}}.cue{position:absolute;top:54px;background:transparent;border:0;color:#fff;text-align:left}.cue i{display:block;width:2px;height:250px;background:#FF9A00}.cue span,.cue small{display:block;font-size:9px;margin-left:5px}.cue small{color:#73808D}.cue-1{left:16%}.cue-2{left:38%}.cue-3{left:55%}.cue-4{left:85%}.cue-details{margin-top:12px;display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid #26313D;border-radius:7px}.cue-details b,.cue-details span{display:block;font-size:10px}.cue-details span{color:#768390}.cue-details button{width:auto}.set-line{display:grid;grid-template-columns:1fr 75px 1fr 75px 1fr;align-items:center;margin-top:40px}.set-card{padding:20px;border:1px solid #2A3542;border-radius:8px;background:#111821}.set-card small,.set-card b,.set-card span{display:block}.set-card small{font-size:8px;color:#00E6FF}.set-card b{font-family:"Exo 2";margin:8px 0}.set-card span{font-size:9px;color:#82909D}.recommended{border-color:rgba(255,154,0,.4)}.connection{height:1px;background:linear-gradient(90deg,#00E6FF,#FF9A00);position:relative}.connection span{position:absolute;left:50%;top:-28px;transform:translateX(-50%);font-size:9px;color:#FFB44F}.recommendations{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:35px}.recommendations button{padding:15px;text-align:left;border:1px solid #26313D;border-radius:6px;background:#10161E;color:#fff}.recommendations b,.recommendations span{display:block}.recommendations span{font-size:8px;color:#7D8A96;margin-top:5px}.decks{display:grid;grid-template-columns:1fr 180px 1fr;gap:25px;align-items:center;margin-top:35px}.deck{padding:20px;border:1px solid #26313D;border-radius:8px}.deck small,.deck b{display:block}.deck small{font-size:8px;color:#00E6FF}.mini-wave{height:90px;margin-top:18px;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 7px);mask-image:linear-gradient(to bottom,transparent,#000 45%,transparent)}.cyan-wave{color:#00E6FF}.orange-wave{color:#FF9A00}.mix-zone{text-align:center}.mix-ring{width:120px;height:120px;border-radius:50%;border:4px solid #00E6FF;display:grid;place-items:center;margin:auto;box-shadow:inset 0 0 25px rgba(0,230,255,.12)}.mix-ring span{font-family:"Exo 2";font-size:30px}.mix-zone button{margin-top:15px;padding:9px;border:0;border-radius:5px;background:#FF9A00;font-size:9px;font-weight:700}.transition-factors{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:30px}.transition-factors div{padding:13px;border:1px solid #26313D;border-radius:6px}.transition-factors span,.transition-factors b{display:block;font-size:9px}.transition-factors b{color:#33D17A;margin-top:5px}.section{padding:120px 5vw;max-width:1440px;margin:auto}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;margin-top:18px}.split h2,.modules h2,.platforms h2{font-size:clamp(40px,5vw,68px)}.split p,.platforms>p{font-size:18px;color:#99A5B1}.chaos-to-context{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;margin-top:65px}.chaos-card,.context-card{padding:28px;border:1px solid #293440;border-radius:10px;background:#10161E;min-height:260px}.chaos-card small,.context-card small{font-size:9px;letter-spacing:.13em;color:#6F7C89}.messy-tags,.context-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.messy-tags span,.context-grid span{padding:9px 11px;border:1px solid #34404C;border-radius:999px;font-size:11px;color:#8995A2;transform:rotate(var(--r,0deg))}.messy-tags span:nth-child(odd){--r:-4deg}.messy-tags span:nth-child(even){--r:3deg}.context-grid span{color:#B9F8FE;border-color:rgba(0,230,255,.3);background:rgba(0,230,255,.05);transform:none}.transform-arrow{text-align:center;font-size:30px;color:#FF9A00}.modules h2{max-width:950px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#293440;border:1px solid #293440;margin-top:45px}.module-grid article{padding:30px;background:#0E131A;min-height:230px}.module-grid article>span{font-size:10px;color:#00E6FF}.module-grid h3{font-family:"Exo 2";font-size:23px}.module-grid p{font-size:13px;color:#83909D}.principle{min-height:720px;padding:110px 8vw;display:grid;grid-template-columns:1fr 440px;gap:100px;align-items:center;position:relative;background:#080B10}.principle-copy,.decision-demo{position:relative;z-index:2}.principle h2{font-size:clamp(58px,7vw,100px)}.principle h2 em{font-style:normal;color:#FF9A00}.principle-copy p{max-width:720px;font-size:18px;color:#99A5B1}.decision-demo{padding:30px;border:1px solid #2A3542;border-radius:11px;background:#10161E}.suggested-dot{font-size:9px;color:#FFB249}.decision-demo h3{font-family:"Exo 2";font-size:25px}.decision-demo p{font-size:13px;color:#8996A2}.confidence{display:flex;justify-content:space-between;padding:15px 0;border-block:1px solid #293440}.confidence span{color:#00E6FF;font-weight:700}.decision-demo>div:last-child{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;margin-top:16px}.decision-demo button{padding:10px;border:1px solid #34414E;border-radius:5px;background:transparent;color:#9BA7B3}.decision-demo .approve{background:#FF9A00;color:#080A0E;border-color:#FF9A00;font-weight:700}.platforms{text-align:center}.platforms h2{max-width:900px;margin:15px auto 40px}.platform-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.platform-row span{padding:24px;border:1px solid #293440;border-radius:8px;background:#10161E;font-family:"Exo 2";color:#C4CCD4}.platforms>p{font-size:12px;margin-top:25px}.beta{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.beta h2{font-size:clamp(42px,5vw,68px)}.beta>div>p{font-size:18px;color:#99A5B1}.beta form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:28px;border:1px solid #293440;border-radius:11px;background:#10161E}.beta label{font-size:11px;color:#929EAA}.beta input,.beta select,.beta textarea{width:100%;margin-top:7px;padding:12px;border:1px solid #303C48;border-radius:6px;background:#0A0E14;color:#fff}.full{grid-column:1/-1}footer{padding:45px 5vw;border-top:1px solid #26313D;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:30px;color:#6F7C89;font-size:11px}footer img{width:240px}footer div{display:flex;gap:15px}.studio-hero{text-align:center}.studio-hero-copy{position:relative;z-index:2}.purple-text{color:#B98CFF}.purple-status{border-color:rgba(168,107,255,.3);background:rgba(168,107,255,.06);color:#D9C8FF}.studio-cta{background:#A86BFF;color:#fff}.studio-screen{position:relative;z-index:2;max-width:1250px;margin:70px auto 0;padding:12px;border:1px solid #392B4E;border-radius:14px;background:#0B0B13}.studio-screen>span{display:block;text-align:left;padding:4px 4px 12px;font-size:8px;color:#B98CFF;letter-spacing:.14em}.studio-screen img{border-radius:8px}.studio-modules article>span{color:#B98CFF}.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}@media(max-width:1050px){.console-shell{grid-template-columns:100px 1fr}.inspector{display:none}.split,.beta,.principle{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}.principle{gap:50px}.decision-demo{max-width:520px}.platform-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{height:64px;padding:0 18px}.brand img{width:190px}.topbar nav{display:none}.topbar>.cta{display:none}.menu{display:block;margin-left:auto}.dj-hero,.studio-hero{padding:115px 18px 70px}.hero-copy h1,.studio-hero h1{font-size:48px}.lead{font-size:17px}.actions{flex-direction:column}.live-console{margin-top:55px}.console-shell{display:block}.sidebar{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #26313D}.nav-item{min-width:100px;text-align:center}.workspace{padding:13px}.metrics{grid-template-columns:1fr 1fr}.table-head,.track{grid-template-columns:1.4fr 45px 40px 45px}.table-head span:nth-child(4),.track span:nth-child(4){display:none}.set-line,.decks{grid-template-columns:1fr;gap:15px}.connection{width:1px;height:45px;margin:auto}.recommendations,.transition-factors{grid-template-columns:1fr}.section{padding:85px 20px}.split{gap:20px}.chaos-to-context{grid-template-columns:1fr}.transform-arrow{transform:rotate(90deg);padding:20px}.module-grid{grid-template-columns:1fr}.principle{padding:85px 20px}.principle h2{font-size:55px}.platform-row{grid-template-columns:1fr 1fr}.beta form{grid-template-columns:1fr}.full{grid-column:1}.beta{gap:35px}footer{grid-template-columns:1fr;text-align:center}footer img{margin:auto}footer div{justify-content:center}}