:root{--ink:#080a19;--ink2:#101331;--ink3:#181b43;--line:#ffffff1d;--text:#f5f6fb;--muted:#b0b4cc;--lime:#d7ff2c;--pink:#ff4aa5;--coral:#ff704d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:"IBM Plex Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.hero{min-height:775px;padding:27px clamp(22px,6vw,96px) 65px;overflow:hidden;background:linear-gradient(90deg,#080a19 12%,#080a19e8 49%,#080a191c 80%),url("/magic/assets/mixmagic-hero.png") right center/auto 100% no-repeat,#080a19}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{white-space:nowrap;font-size:1.45rem;font-weight:700;letter-spacing:-.07em}.brand i{display:inline-block;width:16px;height:16px;margin-right:8px;border-radius:50%;background:conic-gradient(var(--lime),var(--pink),#6f70ff,var(--lime));vertical-align:-1px}.nav-links{display:flex;gap:clamp(13px,2vw,30px);color:#d0d3e5;font-size:.78rem}.nav-links a:hover,.text-link:hover{color:var(--lime)}.nav-cta{padding:10px 15px;border:1px solid #ffffff55;border-radius:99px;font-size:.8rem;font-weight:600}.hero-grid{display:grid;grid-template-columns:minmax(0,650px) 1fr;min-height:630px;max-width:1350px;margin:auto;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 23px;font:500 .64rem "IBM Plex Mono",monospace;letter-spacing:.13em}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}h1,h2{margin:0;line-height:.93;letter-spacing:-.07em}h1{font-size:clamp(3.35rem,6.7vw,6.7rem)}h2{font-size:clamp(2.45rem,4.8vw,5rem)}em{color:var(--lime);font-style:normal}.hero-copy>p:not(.eyebrow){max-width:500px;margin:30px 0;color:#c4c7d7;font-size:1rem;line-height:1.72}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.button{display:inline-block;padding:15px 22px;border-radius:99px;background:var(--lime);color:var(--ink);font-size:.88rem;font-weight:700;box-shadow:0 8px 26px #d7ff2c2c}.actions span{color:#b0b3c6;font:.61rem "IBM Plex Mono",monospace}.analysis{width:210px;justify-self:end;align-self:end;margin:0 9% 20% 0;padding:14px;border:1px solid #ffffff3d;border-radius:9px;background:#101332bf;backdrop-filter:blur(10px);font-family:"IBM Plex Mono",monospace}.analysis p{margin:0;color:#c8c9dc;font-size:.54rem}.analysis div{display:grid;grid-template-columns:1fr 1fr;margin:11px 0}.analysis b{font-size:1.4rem;color:var(--lime)}.analysis span,.analysis small{color:#c6c8d9;font-size:.54rem}.analysis hr{border:0;border-top:1px solid #ffffff28}.intro,.features,.workflow,.resources{padding:clamp(75px,10vw,145px) clamp(22px,10vw,155px)}.intro{background:linear-gradient(135deg,#0d1028,#15183d)}.intro>div{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,10vw,150px)}.intro p:last-child{align-self:end;max-width:430px;margin:0;color:var(--muted);line-height:1.72}.intro em,.resources em{color:var(--pink)}.signal-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff22}.signal-row div{padding:30px clamp(22px,5vw,76px);background:#111433}.signal-row b{display:block;margin-bottom:12px;color:var(--lime);font:.62rem "IBM Plex Mono",monospace}.signal-row span{font-size:1rem;font-weight:600}.features{background:#090b1d}.features header,.workflow header{display:flex;align-items:end;justify-content:space-between;margin-bottom:52px}.features header .eyebrow i{background:#6f7cff;box-shadow:0 0 12px #6f7cff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-grid article{min-height:196px;padding:23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-grid b,.steps b{color:#9ea4c6;font:.62rem "IBM Plex Mono",monospace}.feature-grid h3{margin:33px 0 8px;font-size:1rem}.feature-grid p,.steps p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.58}.text-link{display:inline-block;margin-top:30px;font-size:.85rem;font-weight:700}.text-link span{margin-left:8px;color:var(--pink)}.auto-dj{display:grid;grid-template-columns:1fr 1fr;min-height:660px;background:#101331}.art{min-height:100%;background:linear-gradient(90deg,#10133108,#101331e8),url("/magic/assets/mixmagic-background-v3.png") center/cover no-repeat}.auto-copy{padding:clamp(75px,10vw,145px) clamp(30px,9vw,130px)}.auto-copy h2 em{color:var(--coral)}.auto-copy>p:not(.eyebrow){max-width:470px;color:var(--muted);line-height:1.75}.auto-copy>p+p{margin-top:16px}.workflow{background:#171a40}.workflow h2 em{color:var(--lime)}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.steps article{min-height:175px;padding:23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.steps h3{margin:30px 0 8px;font-size:1.06rem}.resources{background:linear-gradient(110deg,#090b1f,#1c1f4b)}.resources>h2{margin-bottom:47px}.resources>div{border-top:1px solid var(--line)}.resources a{display:grid;grid-template-columns:150px 1fr 25px;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.resources a:hover b{color:var(--lime)}.resources b{font-size:1.05rem}.resources span{color:var(--muted);font-size:.84rem}.resources i{color:var(--pink);font-style:normal}.final{padding:clamp(90px,12vw,165px) clamp(22px,12vw,180px);background:linear-gradient(90deg,#080a19e8,#080a1925),url("/magic/assets/mixmagic-wave-v2.png") right center/auto 100% no-repeat,#080a19}.final h2 em{color:var(--pink)}.final>p:not(.eyebrow){margin:25px 0;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px clamp(22px,6vw,96px);background:#050611;color:#fff;font-size:.76rem}footer span{color:#9ea2bb}footer>a:last-child{color:var(--lime);border-bottom:1px solid}@media(max-width:900px){.nav-links{display:none}.hero{min-height:820px;background:linear-gradient(180deg,#080a19 5%,#080a19b8 55%,#080a1920),url("/magic/assets/mixmagic-hero.png") 65% center/auto 100% no-repeat,#080a19}.hero-grid{min-height:700px}.analysis{margin-bottom:12%;margin-right:2%}.intro>div,.auto-dj{grid-template-columns:1fr}.auto-dj .art{min-height:360px}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero{min-height:780px;padding-bottom:45px}.hero-grid{min-height:665px}.analysis{width:190px;margin:0 0 7% 0}.signal-row,.feature-grid,.steps{grid-template-columns:1fr}.features header,.workflow header{display:block;margin-bottom:35px}.features header h2,.workflow header h2{margin-top:12px}.resources a{grid-template-columns:1fr 20px;gap:9px}.resources span{grid-column:1}.resources i{grid-column:2;grid-row:1 / span 2}.final{background:linear-gradient(180deg,#080a19ef,#080a1940),url("/magic/assets/mixmagic-wave-v2.png") right bottom/auto 60% no-repeat,#080a19;padding-bottom:280px}footer{flex-wrap:wrap}footer span{order:3;width:100%}}