@font-face{font-family:"Mona Sans";src:url("/assets/home/mona-sans.ttf") format("truetype");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/assets/home/manrope.ttf") format("truetype");font-weight:200 800;font-style:normal;font-display:swap}
.merged{--bg:#101a33;--surface:#172440;--raised:#213253;--ink:#dce9ff;--muted:#b5c9e8;--faint:#9cb4d6;--line:#476087;--cyan:#83e7f5;--blue:#91bdff;--lilac:#b9a3ff;position:relative;isolation:isolate;font-family:"Manrope","Segoe UI",sans-serif;background:radial-gradient(ellipse 70% 35% at 80% 8%,#7160c526,transparent 75%),radial-gradient(ellipse 65% 30% at 5% 32%,#379dc91a,transparent 70%),radial-gradient(ellipse 70% 30% at 85% 85%,#916bd024,transparent 75%),linear-gradient(180deg,#121e39,#101b32 55%,#1b2240)}
.merged::before,.merged::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.merged::before{background:url("/assets/home/fabric.svg") repeat;background-size:256px 256px;opacity:.16;mix-blend-mode:soft-light}
.merged::after{background:repeating-radial-gradient(ellipse at 50% 0,transparent 0 145px,#98aff010 146px 147px,transparent 148px 200px);mask-image:linear-gradient(180deg,transparent 4%,#0008 27%,transparent 60%,#0009)}
.merged h1,.merged h2,.merged h3,.merged .brand{font-family:"Mona Sans","Manrope",sans-serif;font-optical-sizing:auto;letter-spacing:-.035em}
.merged h1{font-weight:800;letter-spacing:-.045em}
.merged .eyebrow,.merged .feature-status,.merged .tiny-label{font-family:Consolas,"Cascadia Mono",monospace;font-weight:700;letter-spacing:.12em}
.merged .closing h2{font-family:Consolas,"Cascadia Mono",monospace;font-weight:700;letter-spacing:-.045em}
.merged .header nav button{font-weight:550}
.merged .signal-orb{background:radial-gradient(circle at 30% 22%,#8bddff38,transparent 60%),linear-gradient(145deg,#284a70,#1b2b51);border-color:#7697c8;box-shadow:inset 8px 10px 40px #7fe8ef12,0 0 90px #8b83ed28}
.merged .signal-chip,.merged .studio-board,.merged .bento{background:linear-gradient(135deg,#35547938,#24335530);border-color:#92d8f56b #a48ee852 #798ede52 #92d8f56b;box-shadow:inset 1px 1px 0 #bfeeff12,inset -1px -1px 0 #ad91ee0d,0 18px 45px #12244635}
.merged .bento.large{background:linear-gradient(135deg,#4888ad32,#7364ac22)}
.merged .bento.wide{background:linear-gradient(110deg,#388c9b25,#9770ca27)}
.merged .closing{background:radial-gradient(ellipse at 50% 100%,#8972d335,transparent 75%)}
.merged a{color:inherit;text-decoration:none}
.merged .header{min-height:112px}
.merged .header nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.merged .vinyl{background:repeating-radial-gradient(circle,#294367 0 2px,#6787b1 3px,#294367 4px 8px);box-shadow:0 10px 35px #4569a038}
.merged .vinyl img{background:#294367;border-color:#8cb7dd}
.merged .signal-hero{padding-top:48px}
.merged .stage-grid{display:none}
.merged .signal-stage{max-width:1240px;height:660px;margin-top:30px}
.merged .signal-orb{width:280px;height:280px;left:calc(50% - 140px);top:165px}
.merged .signal-orb img{width:142px;height:142px}
.merged .signal-chip{padding:23px 26px;gap:16px}
.merged .signal-chip strong{font-size:15px}
.merged .signal-chip span{font-size:11px}
.merged .signal-chip>.icon{width:28px;height:28px}
.merged .chip-one{left:calc(50% - 480px);top:165px;width:280px;transform:rotate(-5deg)}
.merged .chip-two{left:calc(50% - 450px);top:325px;bottom:auto;width:250px;transform:rotate(4deg)}
.merged .chip-play{left:calc(50% - 325px);top:470px;width:220px;transform:rotate(-4deg)}
.merged .chip-help{left:calc(50% - 280px);top:20px;width:220px;transform:rotate(6deg)}
.merged .studio-board{position:absolute;right:24px;top:65px;width:410px;text-align:left;transform:rotate(3deg)}
.merged .board-body{padding:20px}
.merged .board-top{font-size:10px}
.merged .board-top>.tiny-label{font-size:9px}
.merged .message-name{font-size:12px}
.merged .embed-player{padding:14px}
.merged .embed-player .track-title{font-size:14px}
.merged .embed-player .track-line span{font-size:11px}
.merged .embed-player .track-line .platform{font-size:10px}
.merged .embed-player .cover{width:48px;height:48px}
.merged .embed-player .control{min-width:44px;min-height:44px}
.merged .board-bottom,.merged .board-foot,.merged .demo-caption{font-size:10px}
.merged .signal-strip{justify-content:center;gap:clamp(32px,8vw,112px);border-bottom:0}
.merged .signal-strip>div{flex:0 1 auto;min-width:0}
.merged .signal-strip strong{font-size:20px;font-variant-numeric:tabular-nums}
.merged .studio-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-items:center;border-top:0;margin-top:0;min-height:96px}
.merged .mobile-nav a{padding:12px;font-size:14px;min-height:44px;color:var(--muted)}
@media(max-width:1340px){
 .merged .signal-stage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:55px 16px 45px;max-width:720px}
 .merged .signal-orb{position:relative;left:auto;top:auto;width:230px;height:230px;grid-column:1 / -1;grid-row:1;justify-self:center;margin-bottom:20px}
 .merged .signal-orb img{width:120px;height:120px}
 .merged .signal-chip{position:relative;inset:auto;justify-self:center;padding:20px;width:calc(100% - 16px)}
 .merged .chip-one{grid-column:1;grid-row:2;transform:rotate(-3deg)}
 .merged .chip-two{grid-column:2;grid-row:2;transform:rotate(3deg);margin-top:20px}
 .merged .chip-play{grid-column:1;grid-row:3;transform:rotate(2deg);margin-top:12px}
 .merged .chip-help{grid-column:2;grid-row:3;transform:rotate(-4deg)}
 .merged .studio-board{position:relative;inset:auto;grid-column:1 / -1;grid-row:4;transform:none;width:100%;max-width:520px;justify-self:center;margin-top:12px}
}
@media(max-width:600px){
 .merged .header{min-height:86px}
 .merged .signal-hero{padding-top:34px}
 .merged .signal-stage{grid-template-columns:1fr;gap:16px;padding:45px 10px 32px;margin-top:12px;max-width:420px}
 .merged .signal-orb{grid-row:1;grid-column:1;width:200px;height:200px;margin-block:6px 20px}
 .merged .signal-orb img{width:104px;height:104px}
 .merged .signal-chip{grid-column:1;justify-self:start;width:max-content;max-width:calc(100% - 12px);padding:16px 20px;text-align:left;margin-top:0}
 .merged .signal-chip strong{font-size:14px}
 .merged .signal-chip span{font-size:10px}
 .merged .chip-one{grid-row:2;transform:rotate(-2deg)}
 .merged .chip-two{grid-row:3;transform:rotate(2deg);justify-self:end}
 .merged .chip-play{grid-row:4;transform:rotate(3deg)}
 .merged .chip-help{grid-row:5;transform:rotate(-4deg);justify-self:end}
 .merged .studio-board{grid-row:6;margin-top:16px}
 .merged .board-body{padding:16px 10px}
 .merged .discord-message{gap:6px}
 .merged .discord-message>img{width:24px;height:24px}
 .merged .board-top{font-size:8px;gap:6px;padding:12px 9px}
 .merged .board-top>.tiny-label{font-size:7px}
 .merged .window-dots{gap:3px}
 .merged .embed-player{padding:12px}
 .merged .embed-player .track-title{font-size:12px}
 .merged .embed-player .cover{width:38px;height:38px}
 .merged .embed-player .track-line span{font-size:10px}
 .merged .board-bottom{font-size:9px;gap:6px}
 .merged .studio-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}
}
