:root{color-scheme:dark;--bg:#0b0f1e;--surface:#121833;--text:#f5f6ff;--muted:#b7bfd9;--accent:#4f46e5;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff20}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:19px}.brand-mark{width:27px;height:27px;background:var(--accent);border-radius:9px;display:grid;place-items:center}.nav nav,.nav-actions,.footer nav{display:flex;align-items:center;gap:22px}.nav nav a,.sign-in{color:var(--muted);font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:var(--accent);color:white;border-radius:10px;padding:14px 20px;font-weight:600}.button.small{padding:10px 14px;font-size:13px}.secondary{background:#181e38;border:1px solid #394263}.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #d0ceff;outline-offset:3px}.hero{min-height:600px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding-block:70px 90px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#c0c5e2;font-weight:700;margin:0 0 20px}h1,h2,h3{font-family:'Bricolage Grotesque',Inter,sans-serif;line-height:1.1;letter-spacing:-.04em}h1{font-size:clamp(43px,5.2vw,68px);margin:0 0 21px}h1 span,.closing h2 span{color:#aaa8ff}.lede{font-size:17px;color:var(--muted);max-width:470px;margin-bottom:27px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.fine{font-size:12px;color:#aeb7d0}.studio{background:linear-gradient(140deg,#191f42,#11162d);border:1px solid #343c62;border-radius:18px;min-height:340px;box-shadow:0 28px 80px #0005}.studio-top{height:47px;border-bottom:1px solid #343a5b;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:9px;letter-spacing:1.4px;color:#b7bfd9}.studio-content{padding:31px}.studio-label,.type-label{font-size:9px;letter-spacing:1.6px;color:#b4b1ff;font-weight:700}.studio h2{font-size:26px;margin:13px 0 6px}.studio-hint{font-size:12px;color:var(--muted)}.prompt-box{border:1px solid #444c70;background:#090d1c99;border-radius:10px;padding:17px;color:#e3e7f7;font-size:13px;margin-top:23px}.studio-bottom{display:flex;justify-content:space-between;color:#c0c7dd;font-size:10px;margin-top:19px}.next-pill{padding:7px 11px;background:var(--accent);border-radius:7px}.section{padding-block:100px}.section-heading{max-width:630px;margin-bottom:38px}.section-heading h2,.pricing-inner h2,.closing h2{font-size:clamp(35px,4vw,48px);margin:0 0 14px}.section-heading>p:last-child{color:var(--muted)}.make-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.make-card{position:relative;background:var(--surface);border:1px solid #293253;border-radius:15px;overflow:hidden}.art{height:205px;position:relative;display:grid;place-items:center;overflow:hidden}.art-reel{background:linear-gradient(150deg,#492e83,#d76582 54%,#ffba91)}.art-music{background:linear-gradient(145deg,#123b50,#216e74 60%,#a4cf9a)}.art-podcast{background:linear-gradient(135deg,#3c2d68,#c06492 57%,#f2a375)}.art-sun,.podcast-orb{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 37% 35%,#ffe0ab,#faad9e 45%,#8b5998)}.art-caption{position:absolute;left:17px;bottom:16px;font-size:10px;line-height:1.2;letter-spacing:.8px;text-transform:uppercase}.music-note{font-size:90px;color:#e2ffe7}.card-copy{padding:20px}.card-copy h3{font-size:22px;margin:8px 0}.card-copy p{font-size:13px;color:var(--muted);margin:0}.card-arrow{position:absolute;right:19px;bottom:20px;color:#b5b1ff}.coming{margin-top:28px;color:#c0c6dc;display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.coming span{font-size:9px;letter-spacing:1.5px;color:#aeb7d0}.coming i{font-style:normal}.how-section{background:#0e1326;border-block:1px solid #ffffff1a}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.steps article{position:relative;padding-top:22px;border-top:1px solid #343c60}.step-number{position:absolute;right:0;top:18px;color:#aeb7d0;font-size:11px}.step-icon{color:#b4b1ff;font-size:25px}.steps h3{font-size:20px;margin:18px 0 8px}.steps p{font-size:13px;color:var(--muted)}.latest-head{display:flex;justify-content:space-between;align-items:end;gap:25px}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:39px}.filters button{cursor:pointer;border:1px solid #424b70;background:transparent;color:#d1d7e9;border-radius:20px;padding:8px 15px;font:500 12px Inter,Arial,sans-serif}.filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}.showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;min-height:120px}.empty-state{grid-column:1/-1;border:1px dashed #485273;border-radius:13px;padding:30px;text-align:center;color:#c2c9df}.drop-card{position:relative;background:var(--surface);border:1px solid #293253;border-radius:12px;overflow:hidden}.drop-image{position:relative;aspect-ratio:1;background:#20294c}.drop-cover{width:100%;height:100%;object-fit:cover;display:block}.fallback{display:grid;place-items:center;background:linear-gradient(145deg,#4844a0,#b56394)}.fallback.music{background:linear-gradient(145deg,#1b6667,#9bc89e)}.fallback.podcast{background:linear-gradient(145deg,#674a83,#de9a85)}.fallback span{font-size:54px;color:#fff}.drop-type{position:absolute;left:11px;top:11px;background:#0b0f1eee;border:1px solid #ffffff55;border-radius:20px;padding:4px 9px;font-size:9px}.drop-details{padding:14px 36px 15px 14px}.drop-details h3{font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 0 6px}.drop-meta{display:flex;gap:7px;color:#c2c9df;font-size:10px}.drop-open{position:absolute;right:13px;bottom:15px;color:#b9b5ff}.text-link{display:inline-flex;gap:9px;margin-top:25px;color:#c7c3ff;font-size:13px;font-weight:600}.pricing-section{background:#141a33;border-block:1px solid #303858}.pricing-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:80px}.pricing-copy p{color:#d3d8e9;line-height:1.8;max-width:470px}.closing{text-align:center;padding-block:100px}.footer{border-top:1px solid #252d4c;background:#090d19}.footer-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding-block:23px}.footer-inner>p,.footer small{color:#b7bfd9;font-size:11px}.footer nav{gap:17px;flex-wrap:wrap}.footer nav a{font-size:11px;color:#c1c8df}
@media(max-width:900px){.nav{padding-block:16px;flex-wrap:wrap}.nav nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:14px 20px}.hero{gap:30px}.showcase-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.nav{gap:12px}.nav nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}.hero{grid-template-columns:1fr;padding-block:58px;gap:36px}.hero h1{font-size:46px}.lede{font-size:15px}.button-row .button{flex:1}.studio-content{padding:25px 21px}.section{padding-block:70px}.make-grid{grid-template-columns:1fr}.art{height:210px}.steps{gap:25px 16px}.latest-head{align-items:flex-start;flex-direction:column;gap:0}.filters{margin-bottom:25px}.showcase-grid{gap:11px}.drop-details{padding:12px 30px 13px 11px}.drop-details h3{font-size:14px}.pricing-inner{grid-template-columns:1fr;gap:20px;padding-block:65px}.closing{padding-block:72px}.footer-inner>p{display:none}.footer nav{width:100%;order:3;gap:13px}}
@media(max-width:370px){.nav-actions .small{padding:9px}.showcase-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}}