html body.gc-site-home{background:#101115;color:#f4f5f8;min-width:320px}
.landing-skip{position:absolute;top:-100px;left:20px;z-index:2000;padding:14px;background:#fff;color:#111!important;border-radius:10px}.landing-skip:focus{top:16px}
.landing-nav{width:min(1180px,calc(100% - 40px));margin:20px auto 0;padding:12px 18px 12px 22px;min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:24px;position:relative;z-index:10;background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.02)),rgba(22,24,31,.7);border:1px solid rgba(230,238,255,.13);border-radius:19px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
html body .landing-brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:750;letter-spacing:-.8px;color:#f2f3f7;text-decoration:none;white-space:nowrap}.landing-brand img{display:block;flex:none}
.landing-nav nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500}html body .landing-nav nav a{color:#bbc0cb;text-decoration:none}.landing-nav nav a:hover{color:white}html body .landing-nav nav .landing-nav-cta{background:rgba(255,255,255,.09);color:#eff2ff;border:1px solid rgba(255,255,255,.13);padding:10px 15px;border-radius:11px}.landing-nav-cta span{margin-left:8px}
.landing-hero{padding:84px 24px 0;text-align:center;overflow:hidden;position:relative}
.landing-intro{font-size:13px;font-weight:500;color:#a8adbb;margin:0 0 24px;display:flex;justify-content:center;align-items:center;gap:9px}.landing-intro>span{height:6px;width:6px;background:#b2c3f0;border-radius:50%;box-shadow:0 0 12px rgba(178,195,240,.4)}
html body .landing-hero h1{font-size:clamp(50px,6.6vw,88px);line-height:1.06;letter-spacing:-.055em;font-weight:650;margin:0;text-wrap:balance}
.landing-hero h1>span{background:linear-gradient(105deg,#c8dcff 4%,#e0d5f5 56%,#e8c8d2);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing-lead{font-size:clamp(16px,1.7vw,19px);line-height:1.65;color:#a7adbb;margin:28px auto 0;max-width:560px;font-weight:400}
.landing-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin:30px 0 0}.landing-actions .btn{padding:13px 20px;font-size:14px;min-height:48px}.landing-actions .btn span{margin-left:22px}.landing-open{font-size:14px;color:#c0c6d4!important;font-weight:500;text-decoration:none}.landing-open span{margin-left:9px}
.landing-stage{max-width:1060px;margin:72px auto 0;position:relative;padding:0 12px 0}
.landing-aura{position:absolute;inset:-130px -180px 20%;background:radial-gradient(ellipse 38% 58% at 18% 53%,rgba(90,128,222,.44),transparent 80%),radial-gradient(ellipse 45% 53% at 78% 58%,rgba(166,102,166,.36),transparent 80%),radial-gradient(ellipse 32% 45% at 50% 30%,rgba(126,122,218,.20),transparent 80%);filter:blur(48px);pointer-events:none}
.landing-app{position:relative;text-align:left;border:1px solid rgba(232,239,255,.21);border-radius:21px;overflow:hidden;background:linear-gradient(120deg,rgba(47,52,69,.90),rgba(25,27,35,.96) 54%,rgba(39,32,48,.94));box-shadow:0 40px 100px -30px #000,0 0 0 6px rgba(223,231,255,.025),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
.landing-windowbar{height:47px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(235,241,255,.08);font-size:11px;color:#b2b8c6;background:rgba(255,255,255,.022)}.window-dots{display:flex;gap:6px;width:55px}.window-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#636776}.window-dots i:first-child{background:#9e7880}.window-dots i:nth-child(2){background:#a29573}.window-dots i:last-child{background:#71928a}.window-divider{margin:0 8px;color:#6e7482}.window-save{font-size:10px;color:#a8c9b9}.window-save>span{margin-right:5px}
.landing-app-body{display:grid;grid-template-columns:200px minmax(0,1fr)}
.landing-sidebar{padding:25px 14px;background:rgba(12,14,21,.17);border-right:1px solid rgba(228,237,255,.065);display:flex;flex-direction:column;gap:7px}
.preview-workspace{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;margin:0 2px 30px}.preview-avatar{border:1px solid rgba(222,232,255,.15);border-radius:9px;background:linear-gradient(140deg,#535b75,#373a4d);width:32px;height:32px;display:grid;place-items:center;font-size:10px;color:#e0e7fa}.preview-workspace small{display:block;font-size:9px;color:#9096a5;margin-top:4px;font-weight:400}
.preview-nav-item{display:flex;align-items:center;gap:10px;font-size:11px;color:#969eaf;padding:11px 13px;border:1px solid transparent;border-radius:9px}.preview-nav-item.selected{background:linear-gradient(110deg,rgba(180,199,255,.12),rgba(180,199,255,.025));color:#d9e5ff;border-color:rgba(210,226,255,.085)}.preview-nav-item svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.preview-sidebar-foot{margin:auto 10px 0;color:#777f91;font-size:9px}
.landing-set-preview{padding:24px 32px 0}.preview-breadcrumb{font-size:10px;color:#8d95a7;margin-bottom:24px}.preview-breadcrumb span{color:#5c667c;padding:0 10px}.preview-title{display:flex;justify-content:space-between;align-items:center;gap:12px}html body .preview-title h2{font-size:23px;font-weight:600;letter-spacing:-.035em;margin:0 0 8px}.preview-title p{font-size:10px;color:#8f99ad;margin:0}.preview-title p span{padding:0 8px}.preview-print{font-size:10px;display:flex;align-items:center;gap:7px;border:1px solid rgba(219,230,255,.13);background:rgba(242,246,255,.045);padding:8px 11px;border-radius:8px;color:#c4cad8}.preview-print svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5}
.preview-set-stats{display:flex;gap:24px;margin:24px 0 16px;padding-bottom:17px;border-bottom:1px solid rgba(222,232,255,.08);font-size:10px;color:#8893a9}.preview-set-stats b{font-weight:550;color:#d6ddec;margin-right:4px}.preview-set-stats>span:last-child{margin-left:auto}
.preview-tracks{list-style:none;margin:0;padding:0;display:grid;gap:4px}.preview-tracks li{display:flex;align-items:center;gap:15px;min-height:46px;padding:10px 13px;background:rgba(255,255,255,.028);border:1px solid rgba(235,242,255,.04);border-radius:8px;font-size:12px}.preview-tracks li:first-child{background:linear-gradient(100deg,rgba(177,199,255,.095),rgba(177,199,255,.018));border-color:rgba(195,216,255,.13);min-height:56px}.track-number{color:#7d8aa3;font-size:10px;font-variant-numeric:tabular-nums}.track-name{color:#e1e6f1;font-weight:450}.track-name small{display:block;font-size:9px;color:#8c9ab4;margin-top:4px}.preview-tracks time{margin-left:auto;font-size:10px;color:#a3b0c7;font-variant-numeric:tabular-nums}.track-grip{font-size:16px;color:#58637a}.preview-tracks .preview-break{background:transparent;border:0;color:#b9aacf;font-size:10px;padding:8px 13px;min-height:40px}.preview-break small{font-size:9px;color:#777b90;margin-left:10px}.preview-break time{color:#978ba7;margin-right:26px}.preview-bottom{padding:20px 0;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#7e889c}.preview-status-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#93b6a7;vertical-align:middle;margin-right:5px}.landing-preview-caption{position:relative;margin:24px 0 0;font-size:11px;color:#737988}
.landing-features{max-width:1180px;margin:0 auto;padding:118px 24px 90px;scroll-margin-top:30px}.landing-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}html body .landing-section-heading h2{font-size:clamp(32px,4vw,48px);line-height:1.13;font-weight:600;letter-spacing:-.045em;margin:0}.landing-section-heading p{font-size:14px;color:#9299a8;line-height:1.8;margin:0}
.landing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.landing-feature{min-width:0}html body .landing-feature h3{font-size:19px;font-weight:600;margin:26px 0 12px;letter-spacing:-.03em}.landing-feature>p{font-size:14px;color:#9098a8;line-height:1.85;margin:0 0 20px;max-width:310px}.landing-feature>a{font-size:13px;font-weight:550;text-decoration:none}.landing-feature>a span{margin-left:8px}
.feature-visual{height:210px;position:relative;padding:28px 22px;border-radius:21px;overflow:hidden;border:1px solid rgba(226,234,255,.095);background:linear-gradient(145deg,rgba(210,222,255,.045),rgba(210,222,255,.005)),#17191f;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.feature-set{display:flex;flex-direction:column;justify-content:center;gap:10px;background:radial-gradient(ellipse at 80% 10%,rgba(94,130,208,.12),transparent 80%),#17191f}.mini-song{display:flex;align-items:center;gap:10px;padding:12px 10px;background:rgba(230,237,255,.025);border:1px solid rgba(230,237,255,.055);border-radius:8px;font-size:9px;color:#acb6c9}.mini-song i{font-style:normal;color:#65718a;font-size:8px}.mini-song b{margin-left:auto;font-size:8px;font-weight:450;color:#75839e}.mini-song.lifted{transform:translateX(8px) rotate(-2deg);background:linear-gradient(120deg,#303950,#272f44);border-color:rgba(194,211,255,.2);color:#e0e8ff;box-shadow:0 9px 16px rgba(0,0,0,.22)}
.feature-audio{background:radial-gradient(ellipse at 70% 30%,rgba(150,115,185,.12),transparent 85%),#17191f}.audio-file{font-size:11px;font-weight:550;display:flex;justify-content:space-between;color:#b9b8ce}.audio-file small{font-weight:400;color:#72758b;font-size:9px}.audio-wave{height:83px;display:flex;align-items:center;gap:4px;margin-top:2px}.audio-wave i{width:5px;flex:1;border-radius:3px;height:25%;background:linear-gradient(#c7b7e4,#71628f)}.audio-wave i:nth-child(3n){height:63%}.audio-wave i:nth-child(4n){height:87%}.audio-wave i:nth-child(5n){height:38%}.audio-wave i:nth-child(7n){height:100%}.audio-note{font-size:10px;background:rgba(199,184,225,.065);border:1px solid rgba(218,194,253,.11);border-radius:9px;padding:11px;color:#c9c0db;display:flex;gap:12px}.audio-note>span{color:#8d80a7}
.feature-people{display:flex;justify-content:center;flex-direction:column;gap:14px;background:radial-gradient(ellipse at 30% 80%,rgba(190,133,145,.09),transparent 85%),#17191f}.contact-preview{display:flex;align-items:center;gap:11px;background:rgba(235,238,255,.025);padding:13px 10px;border:1px solid rgba(235,238,255,.05);border-radius:10px;color:#c2c5d1;font-size:10px}.contact-preview small{display:block;color:#7a8194;font-size:8px;margin-top:5px}.contact-preview>span:last-child{margin-left:auto;color:#696c7c}.contact-initial{display:grid;place-items:center;flex:none;width:30px;height:30px;background:linear-gradient(145deg,#38465a,#242e3e);color:#b6cbe7;border:1px solid #455168;border-radius:9px;font-size:10px}.contact-initial.peach{background:linear-gradient(145deg,#514047,#30242a);color:#d4b5bf;border-color:#634850}
.landing-final{max-width:1132px;margin:0 auto 76px;padding:66px 24px;text-align:center;border-top:1px solid rgba(229,238,255,.085);border-bottom:1px solid rgba(229,238,255,.085);position:relative;background:radial-gradient(ellipse 50% 90% at 50% 50%,rgba(126,140,198,.055),transparent 85%)}.landing-final-symbol{display:block;margin-bottom:24px}.landing-final-symbol img{box-shadow:0 0 40px rgba(166,192,255,.11);border-radius:17px}html body .landing-final h2{font-size:clamp(30px,4vw,45px);font-weight:600;letter-spacing:-.045em;margin:0 0 16px}.landing-final p{color:#929bad;font-size:15px;margin:0 0 28px}.landing-final .btn{padding:13px 19px;font-size:13px}.landing-final .btn span{margin-left:20px}
.landing-footer{display:flex;max-width:1180px;margin:0 auto;padding:0 24px 44px;align-items:center;gap:24px;font-size:11px;color:#6e7585}.landing-footer .landing-brand{font-size:16px;letter-spacing:-.5px}.landing-footer nav{margin-left:auto;display:flex;gap:22px}.landing-footer nav a{color:#939aaa;text-decoration:none;font-size:12px}
@media(min-width:1600px){.landing-hero{padding-top:112px}.landing-stage{margin-top:80px}}
@media(max-width:900px){.landing-app-body{grid-template-columns:165px minmax(0,1fr)}.landing-sidebar{padding:20px 10px}.preview-workspace{font-size:9px;gap:7px}.preview-avatar{width:26px;height:26px}.landing-set-preview{padding:22px 22px 0}.landing-feature-grid{gap:18px}.feature-visual{padding:22px 14px;height:190px}.landing-section-heading p{max-width:300px}}
@media(max-width:680px){.landing-nav{width:calc(100% - 24px);margin-top:12px;gap:12px;padding:12px;min-height:60px;border-radius:16px}.landing-nav .landing-brand{font-size:18px;gap:8px}.landing-nav .landing-brand img{width:27px;height:27px}.landing-nav nav{gap:16px;font-size:12px}.landing-features-link,.landing-nav nav>a[href='/support.php']{display:none}.landing-nav nav .landing-nav-cta{padding:9px 11px}.landing-nav-cta span{display:none}.landing-hero{padding:60px 18px 0}.landing-intro{font-size:11px;margin-bottom:20px}.landing-hero h1{font-size:clamp(46px,10vw,64px)!important}.landing-lead{font-size:15px;margin-top:22px;max-width:370px}.desktop-break{display:none}.landing-actions{gap:20px;margin-top:26px;flex-wrap:wrap}.landing-actions .btn{font-size:13px;min-height:45px;padding:11px 17px}.landing-open{font-size:12px}.landing-actions .btn span{margin-left:12px}.landing-stage{margin-top:50px;padding:0}.landing-aura{inset:-70px -80px 30%;filter:blur(35px)}.landing-app{border-radius:14px}.landing-windowbar{height:37px;padding:0 13px;font-size:9px}.window-dots{width:38px;gap:4px}.window-dots i{width:6px;height:6px}.window-save{font-size:8px}.landing-app-body{grid-template-columns:1fr}.landing-sidebar{display:none}.landing-set-preview{padding:18px 15px 0}.preview-breadcrumb{font-size:8px;margin-bottom:17px}html body .preview-title h2{font-size:19px}.preview-title p{font-size:9px}.preview-print{font-size:9px;padding:7px 9px}.preview-set-stats{gap:16px;font-size:9px;margin:19px 0 12px;padding-bottom:14px}.preview-set-stats>span:last-child{display:none}.preview-tracks li{font-size:11px;padding:10px;gap:10px;min-height:43px}.preview-tracks .preview-break small{display:none}.preview-tracks time{font-size:9px}.preview-bottom{font-size:8px;padding:18px 0}.landing-preview-caption{font-size:10px}.landing-features{padding:74px 22px 60px}.landing-section-heading{display:block;margin-bottom:30px}.landing-section-heading h2 br{display:none}.landing-section-heading p{margin-top:20px;max-width:340px}.landing-feature-grid{grid-template-columns:1fr;gap:42px}.feature-visual{height:230px;padding:36px 28px}.mini-song{font-size:11px;padding:14px}.mini-song b{font-size:10px}.audio-file{font-size:13px}.audio-wave{height:90px}.audio-note{font-size:12px}.contact-preview{font-size:12px}.contact-preview small{font-size:10px}.landing-feature>p{max-width:none}.landing-feature h3{margin-top:22px}.landing-final{margin:0 22px 40px;padding:48px 0}.landing-final p{font-size:14px}.landing-footer{flex-wrap:wrap;padding:0 22px 30px;gap:20px}.landing-footer>span{display:none}.landing-footer nav{gap:16px}}
@media(prefers-reduced-transparency:reduce){.landing-nav,.landing-app{backdrop-filter:none;-webkit-backdrop-filter:none;background:#1d2029}}