:root{--home-bg: #010308;--home-white: #f3f4f6;--home-muted: #a6a8af;--home-line: rgba(255, 255, 255, .1);--home-blue: #4cc9f0;--home-header-height: clamp(72px, 7.5vw, 100px)}html{scroll-behavior:smooth;scroll-padding-top:var(--home-header-height)}body{margin:0;background:var(--home-bg)}button,a{-webkit-tap-highlight-color:transparent}.grow-home{background:var(--home-bg)}.home-cover,.download-dialog,.product-preview-section,.core-tools{font-family:Inter,Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif}.home-cover{color:var(--home-white);width:100%;background:var(--home-bg)}.home-cover *,.download-dialog *,.product-preview-section *,.core-tools *{box-sizing:border-box}.home-cover a,.home-cover button,.download-dialog a,.download-dialog button{outline-offset:6px}.home-cover :focus-visible,.download-dialog :focus-visible,.product-preview-section :focus-visible{outline:2px solid #77d8f5;outline-offset:6px}.skip-link{position:fixed;z-index:150;top:12px;left:12px;padding:12px 20px;color:#050810;background:#fff;border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.home-cover{min-height:max(min(47.45vw,684px),calc(100svh - 480px));display:flex;flex-direction:column}.hero-stage{display:flex;flex:1;flex-direction:column;position:relative}.hero-stage:before,.hero-stage:after{content:"";position:absolute;z-index:0;left:50%;transform:translate(-50%);border-radius:50%;pointer-events:none}.hero-stage:before{top:0;width:min(800px,100%);height:500px;background:#2563eb33;filter:blur(120px);opacity:.5}.hero-stage:after{top:160px;width:min(600px,100%);height:400px;background:#9333ea1a;filter:blur(100px);opacity:.3}.home-header-slot{height:var(--home-header-height);flex-shrink:0}.home-header-bar{position:fixed;inset:0 0 auto;z-index:50;background:#010308d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px #ffffff0f}.home-header{--header-ui-font-size: 16px;position:relative;width:min(84%,1210px);height:var(--home-header-height);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);flex-shrink:0;align-items:center;z-index:3}.home-wordmark{display:inline-flex;align-items:center;gap:14px;font-size:clamp(23px,2.5vw,34px);line-height:1;letter-spacing:-.8px;font-weight:800;white-space:nowrap;text-decoration:none}.home-wordmark .home-brand-mark{display:block;flex-shrink:0;width:clamp(34px,3.6vw,48px);height:clamp(34px,3.6vw,48px);object-fit:contain}.home-wordmark .home-brand-name{color:#f3f4f6}.home-brand-name>span{color:#5295f7}.home-nav{display:flex;gap:clamp(32px,4vw,58px);align-items:center;color:#c8cbd2}.home-nav a,.home-nav button{min-height:44px;display:inline-flex;align-items:center;padding:8px 0;background:none;border:0;color:inherit;text-decoration:none;cursor:pointer;transition:color .2s;font:inherit}.home-nav a:hover,.home-nav button:hover{color:#fff}.home-header>.home-wordmark{justify-self:start}.home-header-actions{display:flex;justify-self:end;align-items:center;gap:20px;white-space:nowrap}.home-business-label{display:flex;align-items:center;margin:0;color:#c8cbd2}.home-business-label>span{margin:0 8px;color:#ffffff59}.home-wechat{position:relative}.home-wechat-button{display:inline-flex;height:40px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #ffffff40;border-radius:16px;color:#171717;background:linear-gradient(180deg,#fff,#fff 45%,#e5e5e5f2);box-shadow:0 4px 20px #0006;font:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s}.home-nav,.home-business-label,.home-wechat-button{font-family:inherit;font-size:var(--header-ui-font-size);font-weight:500;line-height:1.5;letter-spacing:.02em}.home-wechat-button:hover{border-color:#fff6;box-shadow:0 8px 28px #0007}.home-wechat-button svg{flex-shrink:0}.home-wechat-panel{position:absolute;z-index:20;top:calc(100% + 12px);right:0;width:280px;max-width:calc(100vw - 32px)}.home-wechat-panel:before{content:"";position:absolute;left:0;right:0;height:12px;bottom:100%}.home-wechat-card{position:relative;padding:16px;color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 18px 56px #0008}.home-wechat-card>p{margin:0 22px 12px;font-size:14px;font-weight:700;line-height:24px;text-align:center}.home-wechat-close{position:absolute;top:10px;right:8px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;color:#626a77;background:transparent;cursor:pointer}.home-wechat-close:hover{color:#111827;background:#f3f4f6}.home-wechat-qr{padding:12px;border:1px solid #f3f4f6;border-radius:12px;background:#f9fafb}.home-wechat-qr img{display:block;width:100%;height:auto;border-radius:8px;object-fit:contain}.home-menu-button{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #ffffff1a;border-radius:12px;color:#f3f4f6;background:#ffffff0a;cursor:pointer}.home-menu-button:hover{background:#ffffff14}.home-mobile-nav{display:none}.hero-content{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;width:calc(100% - 48px);max-width:1240px;margin:0 auto;padding:28px 0 0;text-align:center}.hero-eyebrow{margin:0 0 clamp(24px,2vw,28px);font-size:clamp(16px,1.3vw,18px);line-height:1.5;font-weight:400;color:#a7afbe;letter-spacing:.065em}.hero-eyebrow-platform{color:#83bcec;font-weight:400}.hero-content h1{margin:0;font-weight:700;font-size:clamp(52px,7.4vw,104px);letter-spacing:-.025em;line-height:1.12;color:#f7f7f9}.hero-title-tail{display:block}.hero-description{margin:clamp(20px,2.05vw,30px) 0 0;font-size:clamp(18px,2.05vw,27px);line-height:1.6;color:#dadde3;font-weight:400}.hero-actions{display:flex;justify-content:center;align-items:center;gap:clamp(16px,1.55vw,22px);margin-top:clamp(32px,3.7vw,52px)}.hero-download{display:inline-flex;min-width:clamp(180px,18.5vw,256px);min-height:clamp(44px,4.52vw,62px);align-items:center;justify-content:center;gap:12px;padding:0 24px;border:1px solid #e6e7ec;background:#f5f5f7;border-radius:8px;color:#101216;font:inherit;font-size:clamp(14px,1.45vw,19px);font-weight:600;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s}.hero-download:hover{background:#fff}.hero-download--mac{border-color:#555b65;color:#f3f4f6;background:transparent}.hero-download--mac:hover{background:#ffffff09;border-color:#a6a8af}.hero-download:disabled{cursor:wait;opacity:.65}.hero-download .platform-brand-icon,.hero-download svg{display:block;flex-shrink:0;width:clamp(18px,2.1vw,25px);height:clamp(18px,2.1vw,25px);object-fit:contain}.hero-download--mac .platform-brand-icon{filter:invert(1)}.mac-download-dropdown{position:relative;min-width:0}.mac-download-dropdown>.hero-download{width:100%}.hero-download .mac-download-chevron{width:16px;height:16px;color:#a6a8af;transition:transform .2s}.hero-download--mac[aria-expanded=true]{border-color:#a6a8af;background:#ffffff09}.hero-download--mac[aria-expanded=true] .mac-download-chevron{transform:rotate(180deg)}.mac-download-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:4;width:max(100%,256px);max-width:calc(100vw - 40px);padding:6px;border:1px solid #ffffff24;border-radius:10px;background:#10141e;box-shadow:0 16px 40px #0008;text-align:left}.mac-download-option{display:flex;width:100%;min-height:64px;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;border:0;border-radius:6px;color:#f3f4f6;background:transparent;font:inherit;text-align:left;cursor:pointer}.mac-download-option:hover,.mac-download-option:focus-visible{background:#ffffff0a}.mac-download-option:focus-visible{outline-offset:-2px}.mac-download-option>span{display:flex;flex-direction:column;gap:4px}.mac-download-option strong{font-size:14px;font-weight:500;line-height:1.5}.mac-download-option small{font-size:12px;font-weight:400;line-height:1.5;color:#a6a8af}.mac-download-option>svg{flex-shrink:0;color:#a6a8af}.mac-download-menu>p{margin:5px 6px 2px;padding:11px 6px 5px;border-top:1px solid #ffffff14;color:#969eae;font-size:11px;line-height:1.6}.hero-compatibility{margin:14px 0 0;color:#969eae;font-size:clamp(12px,1.2vw,15px);line-height:1.5}.product-preview-section{width:min(96%,1560px);margin:0 auto;text-align:center}.showcase-stage{display:grid;place-items:center;position:relative;width:100%;aspect-ratio:1979 / 930;perspective:1800px;isolation:isolate;touch-action:pan-y}.product-preview-button{display:block;padding:0;overflow:hidden;border:1px solid #ffffff24;border-radius:18px;cursor:pointer;background:#050919}.showcase-slide{grid-area:1 / 1;position:relative;width:78%;aspect-ratio:2560 / 1369;transform-origin:center;opacity:1;transition:transform .85s cubic-bezier(.22,.68,.12,1),filter .85s ease,border-color .3s}.showcase-slide[data-position=center]{z-index:3;transform:none;filter:none;box-shadow:0 22px 60px #0005;cursor:default}.showcase-slide[data-position=left]{z-index:1;transform:translate3d(-26%,0,-160px) rotateY(16deg) scale(.87);filter:brightness(.65)}.showcase-slide[data-position=right]{z-index:1;transform:translate3d(26%,0,-160px) rotateY(-16deg) scale(.87);filter:brightness(.65)}.showcase-slide:not([data-position=center]):hover{filter:brightness(.9);border-color:#ffffff45}.product-preview-button img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.showcase-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}.showcase-control{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #ffffff18;border-radius:50%;color:#a6a8af;background:transparent;cursor:pointer;transition:color .2s,border-color .2s}.showcase-control:hover{color:#f3f4f6;border-color:#ffffff50}.showcase-control:disabled{opacity:.45;cursor:default}.showcase-selectors{display:flex;align-items:center;justify-content:center;gap:26px;margin:0 12px}.showcase-selector{min-height:44px;padding:8px 0;border:0;border-bottom:1px solid transparent;color:#969eae;background:transparent;font:inherit;font-size:clamp(13px,1.2vw,16px);font-weight:500;cursor:pointer;transition:color .2s,border-color .2s}.showcase-selector:hover{color:#f3f4f6}.showcase-selector[aria-pressed=true]{color:#80caff;border-bottom-color:#5295f7}.showcase-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.product-showcase-demo{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;margin-top:18px;padding:8px 10px;border:0;background:none;color:#66b8fc;font:inherit;font-size:clamp(14px,1.45vw,18px);white-space:nowrap;cursor:pointer;transition:color .2s}.product-showcase-demo:hover{color:#b5e6ff}.core-tools{width:min(90%,1320px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(64px,12vw,172px);margin:clamp(144px,14vw,220px) auto 0;padding:0 0 clamp(32px,4vw,58px);color:var(--home-white)}.core-tools-heading{margin:0;font-size:clamp(54px,6.25vw,90px);font-weight:700;line-height:1.14;letter-spacing:-.025em;white-space:nowrap}.core-tools-tabs{display:flex;flex-direction:column;gap:18px;margin-top:clamp(54px,5.8vw,83px)}.core-tools-tab{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;max-width:396px;min-height:72px;padding:10px 18px 10px 34px;border:0;border-left:5px solid transparent;color:#a6a8af;background:transparent;font:inherit;font-size:clamp(19px,2.25vw,32px);font-weight:500;line-height:1.4;text-align:left;cursor:pointer;transition:color .18s,border-color .18s}.core-tools-tab:hover{color:#f3f4f6}.core-tools-tab[aria-selected=true]{color:#80caff;border-left-color:#80caff;font-weight:600}.core-tools-arrow{flex-shrink:0;width:32px;height:32px;visibility:hidden}.core-tools-tab[aria-selected=true] .core-tools-arrow{visibility:visible}.core-tools :focus-visible{outline:2px solid #77d8f5;outline-offset:6px}.core-tools-panels{display:grid;min-width:0;padding-top:20px}.core-tools-panel{grid-area:1 / 1;min-width:0;visibility:hidden;pointer-events:none}.core-tools-panel[aria-hidden=false]{visibility:visible;pointer-events:auto}.core-tools-panel h3{margin:0;color:#f3f4f6;font-size:clamp(27px,3.05vw,44px);font-weight:600;line-height:1.4;letter-spacing:-.025em}.core-tools-introduction{margin:22px 0 0;color:#a6a8af;font-size:clamp(17px,1.65vw,23px);line-height:1.8}.core-tools-details{margin-top:clamp(42px,4.8vw,68px)}.core-tools-detail{padding:34px 0 38px;border-bottom:1px solid #ffffff24}.core-tools-detail:first-child{padding-top:0}.core-tools-detail:last-child{padding-bottom:0;border-bottom:0}.core-tools-detail h4{margin:0;color:#f3f4f6;font-size:clamp(20px,1.85vw,26px);font-weight:500;line-height:1.5}.core-tools-detail p{margin:12px 0 0;color:#a6a8af;font-size:clamp(16px,1.6vw,22px);line-height:1.8}#features,#music-dna,#suno-upload,#suno-download,#contact{scroll-margin-top:16px}.download-dialog{width:min(540px,calc(100% - 32px));padding:0;color:#eeeef3;background:#0d111d;border:1px solid #ffffff20;border-radius:20px;box-shadow:0 30px 100px #0009;max-height:calc(100dvh - 40px);overflow-y:auto}.download-dialog::backdrop{background:#000a;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.download-dialog-inner{padding:38px 34px 28px;position:relative}.dialog-close{position:absolute;top:15px;right:15px;display:grid;place-items:center;height:38px;width:38px;border:0;border-radius:8px;background:none;color:#b8bdcb;cursor:pointer}.dialog-close:hover{color:#fff;background:#ffffff0a}.dialog-eyebrow{color:#61c4ee;letter-spacing:.07em;font-size:11px;margin:0 0 16px}.download-dialog h2{font-size:28px;font-weight:500;line-height:1.4;margin:0 0 10px}#download-description{color:#969eaf;font-size:15px;margin:0}.download-platform-list{display:grid;gap:10px;margin-top:29px}.download-platform{width:100%;display:flex;align-items:center;gap:17px;padding:17px;text-align:left;color:#eaedf7;background:#151b2b;border:1px solid #ffffff12;border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s}.download-platform:hover{border-color:#4cc9f066;background:#192339}.download-platform:disabled{cursor:wait;opacity:.6}.download-platform>span{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.download-platform strong{font-size:15px;font-weight:500}.download-platform small{color:#929caf;font-size:12px}.platform-download-icon{color:#8e9cb3}.download-help{padding-top:23px;font-size:12px;line-height:1.8;color:#98a1b4;margin:0}.download-help a{display:inline-flex;gap:4px;align-items:center;color:#7dc9ec;text-decoration:none;margin-left:5px}.download-error,.download-notice{margin:16px 0 0;font-size:13px;line-height:1.7}.download-error{color:#ffb2b2}.download-notice{color:#84dacb}.download-spinner{animation:download-spin 1s linear infinite}.demo-dialog{width:min(1400px,calc(100% - 32px));max-height:90dvh;padding:0;overflow:visible;background:#03060c;color:#fff;border:1px solid #ffffff20;border-radius:14px}.demo-dialog::backdrop{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo-dialog video{display:block;width:100%;max-height:88dvh;border-radius:14px}.demo-close{position:absolute;z-index:2;right:12px;top:12px;width:44px;height:44px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#000b;border:1px solid #ffffff24;cursor:pointer}.demo-close:focus-visible{outline:2px solid #77d8f5;outline-offset:3px}@keyframes download-spin{to{transform:rotate(360deg)}}@media(max-width:1199px){.home-business-label{display:none}}@media(max-width:1023px){.home-header{grid-template-columns:minmax(0,1fr) auto}.home-nav{display:none}.home-header-actions{gap:10px}.home-menu-button{display:inline-flex}.home-wechat{position:static}.home-wechat-panel{top:calc(100% - 4px);width:min(280px,100%)}.home-mobile-nav{position:absolute;top:calc(100% - 4px);right:0;display:flex;flex-direction:column;width:min(280px,100%);padding:8px;border:1px solid #ffffff1a;border-radius:14px;background:#10141e;box-shadow:0 20px 56px #0008}.home-mobile-nav a,.home-mobile-nav button{display:flex;width:100%;min-height:48px;align-items:center;padding:12px 16px;border:0;border-radius:8px;color:#e1e4eb;background:transparent;text-decoration:none;text-align:left;font:inherit;font-size:15px;cursor:pointer}.home-mobile-nav a:hover,.home-mobile-nav button:hover{color:#fff;background:#ffffff0a}.home-cover{min-height:47.45vw}.hero-content{padding:38px 0 56px}.hero-eyebrow{font-size:16px;margin-bottom:24px}.hero-description{font-size:19px}.hero-download{font-size:14px}.core-tools{gap:7vw;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.core-tools-tab{padding-left:18px;padding-right:0;gap:10px;font-size:18px}.core-tools-arrow{width:24px;height:24px}}@media(min-width:768px)and (max-width:899px){.core-tools-heading{font-size:6.2vw;white-space:nowrap}}@media(max-width:767px){:root{--home-header-height: 76px}.home-cover{min-height:0}.home-header{--header-ui-font-size: 12px;width:calc(100% - 40px)}.home-header-actions{gap:8px}.home-wechat-button{gap:6px;padding:0 12px}.home-wordmark{font-size:19px;letter-spacing:-.6px;gap:9px}.home-wordmark .home-brand-mark{width:29px;height:29px}.home-nav{gap:20px}.hero-content{padding:56px 0 64px;width:calc(100% - 40px)}.hero-eyebrow{font-size:14px;margin-bottom:24px}.hero-content h1{font-size:clamp(43px,11vw,64px);line-height:1.17;letter-spacing:-.025em}.hero-description{font-size:15px;margin-top:23px;line-height:1.8}.hero-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:440px;margin-top:30px;gap:12px}.hero-download{min-height:48px;min-width:0;padding:0 9px;font-size:13px;gap:9px;border-radius:7px}.hero-download .platform-brand-icon,.hero-download svg{width:18px;height:18px}.hero-compatibility{margin-top:13px;font-size:12px}.product-preview-section{width:calc(100% - 16px)}.showcase-stage{aspect-ratio:1.92;perspective:1000px}.showcase-slide{width:84%}.showcase-slide[data-position=left]{transform:translate3d(-19%,0,-90px) rotateY(13deg) scale(.86)}.showcase-slide[data-position=right]{transform:translate3d(19%,0,-90px) rotateY(-13deg) scale(.86)}.showcase-controls{flex-wrap:wrap;gap:12px;margin-top:14px}.showcase-selectors{order:-1;width:100%;gap:clamp(8px,2.6vw,20px);margin:0}.showcase-selector{font-size:12px;white-space:nowrap}.showcase-control{width:44px;height:44px}.product-preview-button{border-radius:10px}.product-showcase-demo{margin-top:14px;font-size:14px}.core-tools{width:calc(100% - 48px);grid-template-columns:1fr;gap:42px;margin-top:74px;padding-bottom:16px}.core-tools-heading{font-size:clamp(40px,10.5vw,54px);line-height:1.24}.core-tools-tabs{margin-top:30px;gap:8px}.core-tools-tab{min-height:52px;padding:8px 12px 8px 20px;border-left-width:3px;font-size:18px}.core-tools-panels{padding-top:0}.core-tools-panel h3{font-size:26px}.core-tools-introduction{margin-top:16px;font-size:16px}.core-tools-details{margin-top:32px}.core-tools-detail{padding:24px 0}.core-tools-detail h4{font-size:19px}.core-tools-detail p{margin-top:9px;font-size:15px}.download-dialog-inner{padding:35px 22px 25px}.download-dialog h2{font-size:23px}.download-platform{padding:15px 12px;gap:13px}}@media(max-width:389px){.home-header{width:calc(100% - 32px)}.home-header-actions{gap:6px}.home-menu-button{width:36px}.home-wechat-button{gap:5px;padding:0 8px}.home-wordmark{font-size:16px;gap:7px}.home-wordmark .home-brand-mark{width:26px;height:26px}.home-nav{gap:15px}.hero-download{font-size:12px;gap:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-cover *,.download-dialog *,.product-preview-section *,.core-tools *{animation:none!important;transition:none!important}}
