.suno-landing{--landing-muted:#aaa8a5;color:#f7f4ef;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101012;overflow:clip}.suno-landing h1,.suno-landing h2,.suno-landing h3,.suno-landing p{margin:0}.suno-landing button,.suno-landing a{-webkit-tap-highlight-color:transparent}.suno-landing button:focus-visible,.suno-landing a:focus-visible,.suno-landing summary:focus-visible{outline-offset:5px;outline:2px solid #ffc59e}.suno-landing__hero{isolation:isolate;background:#543617;flex-direction:column;min-height:min(900px,100svh);display:flex;position:relative}.suno-landing__aura{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.suno-landing__hero:after{content:"";z-index:-1;background:linear-gradient(#14080455,#0000 35%,#20120622 70%,#101012);position:absolute;inset:0}.suno-landing__header{z-index:5;justify-content:space-between;align-items:center;gap:28px;width:100%;padding:24px 3.4%;display:flex;position:relative}.suno-landing__brand{flex-shrink:0;align-items:center;gap:9px;display:inline-flex}.suno-landing__brand img{object-fit:contain;width:34px;height:34px}.suno-landing__brand>span{letter-spacing:-1.8px;font-size:32px;font-weight:800;line-height:1}.suno-landing__nav{align-items:center;gap:28px;font-size:14px;display:flex}.suno-landing__nav a{transition:opacity .2s}.suno-landing__nav a:hover{opacity:.65}.suno-landing__header-actions{align-items:center;gap:24px;display:flex}.suno-landing__button{color:#151515;background:#f7f4ef;border-radius:50px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:14px 24px;font-size:15px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.suno-landing__button:hover{background:#fff;transform:translateY(-1px)}.suno-landing__header .suno-landing__button{min-height:42px;padding:11px 20px;font-size:14px}.suno-landing__login{padding:12px 0;font-size:14px}.suno-landing__menu{display:none}.suno-landing__hero-content{text-align:center;width:100%;max-width:1080px;margin:auto;padding:80px 24px 85px}.suno-landing__hero h1{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(42px,5.15vw,76px);font-weight:500;line-height:1.02}.suno-landing__cursor{vertical-align:-.09em;background:currentColor;width:2px;height:.88em;margin-left:9px;animation:1.3s step-end infinite landing-caret;display:inline-block}.suno-landing__hero-content>p{color:#f7f4efd6;margin:26px auto 32px;font-size:18px;line-height:1.5}.suno-landing__composer{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:left;background:#211a1999;border:1px solid #ffffff38;border-radius:22px;max-width:640px;margin:auto;padding:18px;box-shadow:0 16px 60px #23100325}.suno-landing__composer:focus-within{border-color:#ffffff90}.suno-landing__composer textarea{resize:vertical;color:#fff;background:0 0;border:0;outline:none;width:100%;min-height:60px;max-height:240px;padding:0 2px;font-size:16px;line-height:1.5;display:block}.suno-landing__composer textarea::placeholder{color:#e6d8c7a8}.suno-landing__composer-actions,.suno-landing__composer-actions>div{align-items:center;gap:20px;display:flex}.suno-landing__composer-actions{justify-content:space-between;margin-top:15px}.suno-landing__shuffle{color:#e7dfd7;border-radius:50%;place-items:center;padding:10px;display:grid}.suno-landing__shuffle:hover{background:#ffffff15}.suno-landing__advanced{color:#e7dfd7;align-items:center;gap:7px;font-size:13px;display:flex}.suno-landing__suggestions{color:#ede4dbb5;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:12px;display:flex}.suno-landing__suggestions>span{margin-right:3px}.suno-landing__suggestions button{background:#ffffff08;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:7px;padding:6px 11px;display:flex}.suno-landing__suggestions button:hover{background:#ffffff18}.suno-landing__hero-bottom{color:#d1c8c0;justify-content:space-between;align-items:center;padding:0 5% 28px;font-size:12px;display:flex}.suno-landing__hero-bottom>span{letter-spacing:.15em;font-size:10px}.suno-landing__hero-bottom a{align-items:center;gap:10px;display:flex}.suno-landing__section{max-width:1380px;margin:auto;padding:104px 48px 0;scroll-margin-top:32px}.suno-landing__section-heading{text-align:center;margin-bottom:52px}.suno-landing h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(32px,3.7vw,54px);font-weight:500;line-height:1.08}.suno-landing__section-heading>p{color:var(--landing-muted);margin-top:22px;font-size:17px;line-height:1.6}.suno-landing__rail-heading{color:#b5b2af;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.suno-landing__rail-heading>div{gap:8px;display:flex}.suno-landing__rail-heading button{border:1px solid #ffffff26;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.suno-landing__rail-heading button:hover{background:#ffffff15}.suno-landing__rail{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(20% - 16px);grid-auto-flow:column;gap:20px;padding-bottom:22px;display:grid;overflow-x:auto}.suno-landing__music-card{scroll-snap-align:start;min-width:0}.suno-landing__cover{aspect-ratio:4/5;background:#252529;border-radius:13px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.suno-landing__cover>img,.suno-landing__cover>.suno-artwork{object-fit:cover;width:100%;height:100%;transition:transform .35s}.suno-landing__music-card:hover .suno-landing__cover>img,.suno-landing__music-card:hover .suno-artwork{transform:scale(1.04)}.suno-landing__cover:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#0007);position:absolute;inset:0}.suno-landing__round{color:#151515;background:#f7f4ef;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.suno-landing__cover .suno-landing__round{z-index:1;position:absolute;bottom:12px;right:12px}.suno-landing__idea-label{letter-spacing:.06em;z-index:1;max-width:calc(100% - 72px);font-size:8px;position:absolute;bottom:28px;left:12px}.suno-landing__music-card h3{text-overflow:ellipsis;white-space:nowrap;margin-top:13px;font-size:16px;font-weight:500;overflow:hidden}.suno-landing__music-card p{color:var(--landing-muted);margin-top:4px;font-size:12px}.suno-landing__text-link{align-items:center;gap:8px;padding:10px 0;font-size:14px;display:inline-flex}.suno-landing__text-link:hover{color:#ffc59e}.suno-landing__music>.suno-landing__text-link{width:fit-content;margin:15px auto 0;display:flex}.suno-landing__features{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.suno-landing__feature{background:#1b1b1e;border:1px solid #ffffff08;border-radius:20px;flex-direction:column;transition:border-color .2s;display:flex;overflow:hidden}.suno-landing__feature:hover{border-color:#ffffff45}.suno-landing__feature-art{background:radial-gradient(at 70% 90%,#78523e,#282324 70%);justify-content:center;align-items:center;height:240px;padding:24px;display:flex;position:relative;overflow:hidden}.suno-landing__feature-copy{flex-direction:column;flex:1;padding:26px;display:flex}.suno-landing__feature-copy h3{letter-spacing:-.02em;font-size:22px;font-weight:500;line-height:1.15}.suno-landing__feature-copy p{color:var(--landing-muted);margin-top:14px;line-height:1.6}.suno-landing__feature-copy>span{align-items:center;gap:8px;margin-top:auto;padding-top:24px;font-size:13px;display:flex}.suno-landing__mini-prompt{background:#252021;border:1px solid #ffffff24;border-radius:18px;flex-wrap:wrap;gap:16px;width:300px;padding:22px;display:flex;transform:rotate(-5deg);box-shadow:0 18px 36px #0005}.suno-landing__mini-prompt>span{width:calc(100% - 40px);font-size:16px}.suno-landing__mini-prompt b{color:#222;background:#eee6dd;border-radius:30px;align-items:center;gap:16px;margin-left:auto;padding:10px 16px;font-size:12px;display:flex}.suno-landing__feature-art--lyrics{background:linear-gradient(135deg,#584951,#222027)}.suno-landing__lyrics{background:#181719;border:1px solid #ffffff20;border-radius:12px;width:85%;padding:22px;transform:rotate(4deg)translateY(15px)}.suno-landing__lyrics span{color:#ce9eaa;font-size:12px}.suno-landing__lyrics p{margin:9px 0 18px;font-size:15px;line-height:1.6}.suno-landing__feature-art--styles{background:radial-gradient(at 60% 10%,#635136,#242320)}.suno-landing__style-tags{flex-wrap:wrap;justify-content:center;gap:10px;display:flex;transform:rotate(-8deg)}.suno-landing__style-tags span{background:#353126;border:1px solid #ffffff30;border-radius:28px;padding:12px 16px;font-size:16px}.suno-landing__style-tags span:nth-child(3n){color:#27211c;background:#e3c6a4}.suno-landing__feature-art--wave{background:linear-gradient(135deg,#263d42,#192426)}.suno-landing__wave{justify-content:center;align-items:center;gap:4px;width:100%;display:flex}.suno-landing__wave>.suno-landing__round{background:#add5cc;margin-right:10px}.suno-landing__wave>i{background:#a0c7bf;border-radius:5px;flex-shrink:0;width:4px}.suno-landing__feature-art--stems{background:#27232b}.suno-landing__stems{background:#18171b;border-radius:12px;flex-shrink:0;width:110%;padding:12px;transform:rotate(-7deg)}.suno-landing__stems>div{align-items:center;gap:10px;margin:7px 0;font-size:10px;display:flex}.suno-landing__stems span{color:#b8b4c1;flex-shrink:0;width:55px}.suno-landing__stems i{clip-path:polygon(0 15%,100% 0,100% 85%,0 100%);width:100%;height:30px;transform:translateX(var(--offset));background:repeating-linear-gradient(90deg,#0000 0 3px,#9c7eb170 3px 5px),#574265;border-radius:4px}.suno-landing__stems>div:nth-child(2) i{filter:hue-rotate(70deg)}.suno-landing__stems>div:nth-child(3) i{filter:hue-rotate(170deg)}.suno-landing__feature-art--collection{background:linear-gradient(135deg,#604133,#252022)}.suno-landing__collection{justify-content:center;width:100%;display:flex}.suno-landing__collection img{object-fit:cover;border-radius:10px;width:42%;height:165px;transform:rotate(-15deg)translate(25px);box-shadow:0 10px 35px #0006}.suno-landing__collection img:nth-child(2){z-index:1;transform:translateY(-10px)}.suno-landing__collection img:nth-child(3){transform:rotate(15deg)translate(-25px)}.suno-landing__start{text-align:center;background:linear-gradient(#10101277,#101012bb),url(/landing/aura-hero.jpg) 50% 58%/cover;margin-top:120px;padding:92px 24px}.suno-landing__start>svg{margin-bottom:24px}.suno-landing__start>p{color:#cec3b9;margin:24px auto 28px;line-height:1.6}.suno-landing__start>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.suno-landing__faq{grid-template-columns:1fr 1.35fr;gap:80px;padding-bottom:100px;display:grid}.suno-landing__faq>div>p{color:var(--landing-muted);margin:22px 0 16px}.suno-landing__questions details{border-bottom:1px solid #ffffff24}.suno-landing__questions summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;font-size:17px;list-style:none;display:flex}.suno-landing__questions summary::-webkit-details-marker{display:none}.suno-landing__questions summary svg{flex-shrink:0;transition:transform .2s}.suno-landing__questions details[open] summary svg{transform:rotate(45deg)}.suno-landing__questions details>p{color:var(--landing-muted);padding:0 32px 23px 0;line-height:1.7}.suno-landing__footer{max-width:1380px;margin:auto;padding:0 48px 28px}.suno-landing__footer-top{border-top:1px solid #ffffff24;grid-template-columns:2fr 1fr 1fr;gap:50px;padding:56px 0;display:grid}.suno-landing__footer-top p{color:var(--landing-muted);margin:20px 0}.suno-landing__footer-top nav{flex-direction:column;align-items:flex-start;gap:14px;font-size:14px;display:flex}.suno-landing__footer-top nav>span{color:#747373;margin:8px 0}.suno-landing__footer nav a:hover{color:#ffc59e}.suno-landing__footer-bottom{color:#878583;border-top:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;gap:30px;padding-top:28px;font-size:11px;display:flex}.suno-landing__footer-bottom>span{white-space:nowrap}.suno-landing__footer-bottom nav{flex-wrap:wrap;gap:10px 22px;display:flex}.suno-landing__sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes landing-caret{50%{opacity:0}}@media (min-width:1600px){.suno-landing__hero-content{padding-top:110px;padding-bottom:120px}}@media (max-width:1100px){.suno-landing__nav{gap:18px;font-size:13px}.suno-landing__header{gap:18px}.suno-landing__header-actions{gap:16px}.suno-landing__nav>a:last-child{display:none}.suno-landing__rail{grid-auto-columns:calc(28.5714% - 13.7143px);gap:16px}.suno-landing__section{padding-inline:32px}.suno-landing__features{gap:16px}.suno-landing__feature-copy{padding:22px}.suno-landing__feature-art{height:210px;padding:16px}.suno-landing__feature-copy h3{font-size:20px}.suno-landing__faq{gap:40px}}@media (max-width:760px){.suno-landing__hero{min-height:720px}.suno-landing__header{padding:20px}.suno-landing__brand>span{font-size:28px}.suno-landing__brand img{width:30px;height:30px}.suno-landing__signup{display:none}.suno-landing__menu{place-items:center;width:40px;height:40px;display:grid}.suno-landing__header-actions{gap:20px}.suno-landing__nav{background:#211c1b;border:1px solid #ffffff30;border-radius:16px;padding:16px;display:none;position:absolute;inset:76px 16px auto;box-shadow:0 16px 32px #0005}.suno-landing__nav--open{flex-direction:column;align-items:stretch;gap:0;display:flex}.suno-landing__nav a{padding:14px;font-size:16px}.suno-landing__nav>a:last-child{display:block}.suno-landing__hero-content{padding:60px 20px 70px}.suno-landing__hero h1{letter-spacing:-.045em;font-size:clamp(37px,7vw,53px);line-height:1.06}.suno-landing__cursor{margin-left:4px}.suno-landing__hero-content>p{max-width:380px;margin:24px auto 28px;font-size:16px}.suno-landing__desktop-break{display:none}.suno-landing__composer{border-radius:18px;padding:16px}.suno-landing__composer textarea{min-height:78px}.suno-landing__composer-actions>div{gap:15px}.suno-landing__composer .suno-landing__button{padding:12px 20px}.suno-landing__suggestions{gap:6px;font-size:11px}.suno-landing__suggestions>span{display:none}.suno-landing__suggestions button{padding-inline:9px}.suno-landing__hero-bottom{justify-content:center;padding-bottom:25px}.suno-landing__hero-bottom>span{display:none}.suno-landing__section{padding:72px 20px 0}.suno-landing__section-heading{margin-bottom:32px}.suno-landing h2{font-size:36px}.suno-landing__section-heading>p{margin-top:20px;font-size:15px}.suno-landing__section-heading>p br{display:none}.suno-landing__rail-heading>span{font-size:12px}.suno-landing__rail{grid-auto-columns:44%;gap:14px}.suno-landing__music-card h3{font-size:15px}.suno-landing__idea-label{font-size:7px}.suno-landing__cover .suno-landing__round{width:36px;height:36px}.suno-landing__features{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.suno-landing__feature-art{height:190px}.suno-landing__feature-copy{padding:20px}.suno-landing__feature-copy h3{font-size:20px}.suno-landing__start{margin-top:72px;padding:64px 20px}.suno-landing__start>p{max-width:340px}.suno-landing__start>div{gap:14px 24px}.suno-landing__faq{grid-template-columns:1fr;gap:24px;padding-bottom:64px}.suno-landing__faq h2 br{display:none}.suno-landing__questions summary{padding:22px 0;font-size:16px}.suno-landing__footer{padding:0 20px 24px}.suno-landing__footer-top{grid-template-columns:1fr 1fr;gap:36px 24px;padding:40px 0}.suno-landing__footer-top>div{grid-column:1/-1}.suno-landing__footer-top nav{font-size:13px}.suno-landing__footer-bottom{flex-wrap:wrap;gap:20px}.suno-landing__footer-bottom nav{flex-direction:column;order:3;width:100%}}@media (max-width:480px){.suno-landing__features{grid-template-columns:1fr;gap:20px}.suno-landing__feature-art{height:220px}.suno-landing__feature-copy{padding:24px}.suno-landing__rail{grid-auto-columns:63%}.suno-landing__hero h1{font-size:39px}.suno-landing__advanced span{display:none}.suno-landing__advanced{padding:10px}.suno-landing__composer-actions>div{gap:4px}}@media (prefers-reduced-motion:reduce){.suno-landing *,.suno-landing :before,.suno-landing :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
