:root{--base-100: #ede8de;--base-200: #1e1a13;--base-300: #131009;--base-mid: #1d1a12;--base-secondary-dark: #7a6e60;--base-secondary-fade: rgba(237, 232, 222, .1);--accent-1: #f94b00;--accent-2: #c800ff;--accent-3: #ff0202}html{overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Host Grotesk;background-color:var(--base-300);color:var(--base-100);overflow-x:hidden;max-width:100vw}img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}h1,h2,h3,h4{text-transform:uppercase;font-family:Barlow Condensed;font-weight:900;line-height:.85;letter-spacing:-.02rem}h1{font-size:12rem}h2{font-size:8rem}h3{font-size:6rem}h4{font-size:2.5rem}a{text-decoration:none}p{font-family:Host Grotesk;font-size:1.1rem}p.md{font-size:1.3rem}p.lg{font-size:1.5rem}p.mono,a.mono{text-transform:uppercase;font-family:DM Mono;font-size:.85rem;font-weight:500;color:inherit}p.mono span,a span{position:relative;top:-.1rem}.container{width:100%;height:100%;padding:2.75rem;max-width:2000px;margin:0 auto}.symbols-container{display:flex;gap:.5rem;height:1.125rem;z-index:1}.symbols-container .symbol{width:1.125rem}.section-sep{position:relative}.section-sep:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;z-index:10;background:linear-gradient(to right,var(--accent-1) 0%,var(--accent-1) 33.33%,var(--accent-2) 33.33%,var(--accent-2) 66.66%,var(--accent-3) 66.66%,var(--accent-3) 100%);opacity:.7}.section-sep.sep-amber:before{background:linear-gradient(to right,var(--accent-1) 0%,var(--accent-1) 60%,var(--accent-2) 60%,var(--accent-2) 80%,var(--accent-3) 80%,var(--accent-3) 100%);opacity:.85}.section-sep.sep-green:before{background:linear-gradient(to right,var(--accent-2) 0%,var(--accent-2) 60%,var(--accent-1) 60%,var(--accent-1) 80%,var(--accent-3) 80%,var(--accent-3) 100%);opacity:.85}.section-sep.sep-terra:before{background:linear-gradient(to right,var(--accent-3) 0%,var(--accent-3) 60%,var(--accent-1) 60%,var(--accent-1) 80%,var(--accent-2) 80%,var(--accent-2) 100%);opacity:.85}@media (max-width: 1000px){h1{font-size:6rem}h2{font-size:5rem}h3{font-size:3rem}p{font-size:1rem}p.md{font-size:1.125rem}p.lg{font-size:1.25rem}p.mono,a.mono{font-size:.8rem}.container{padding:2rem}}.transition{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100000;pointer-events:none}.transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleY(1);transform-origin:top;will-change:transform}.transition-overlay.overlay{background-color:var(--base-300)}.transition-logo{position:absolute;top:100%;left:50%;transform:translate(-50%);width:120px;height:120px;opacity:0;will-change:transform,opacity}.transition-logo img{width:100%;height:100%;object-fit:contain}.mask-transition{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;pointer-events:none;display:none}.mask-bg-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99998;background-color:var(--base-100);opacity:.3;pointer-events:none;display:none}.menu{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:90%;max-width:700px;z-index:1000;transition:transform .4s ease,width .4s ease,max-width .4s ease}@media (min-width: 1000px){nav.menu:has(#artist-tools-submenu.active){width:95vw;max-width:1400px}}.menu.hidden{transform:translate(-50%) translateY(-200%)}.menu-header{position:relative;padding:.7rem 1.25rem .7rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--base-300);border:1px solid rgba(122,110,96,.55);border-radius:8px;box-shadow:0 8px 24px #00000059;z-index:2;cursor:pointer}.menu-logo{font-size:1.25rem;cursor:pointer}.menu-logo img{width:8.5rem}.menu-toggle{position:relative;background:none;border:none;cursor:pointer;padding:.5rem;display:flex;justify-content:center;align-items:center;width:28px;height:28px}.menu-hamburger-icon{width:20px;height:25px;position:absolute;top:10px;right:0;cursor:pointer}.menu-item{transition:all .2s ease;display:block;width:20px;height:2px;margin:0 0 4px;background:var(--base-100);border-radius:1px}.menu-hamburger-icon.open .menu-item{background:var(--base-100)}.menu-hamburger-icon.open .menu-item:first-child{transform:rotate(45deg);transform-origin:5px}.menu-hamburger-icon.open .menu-item:nth-child(2){transform:rotate(-45deg);transform-origin:6px}.menu-overlay{position:absolute;top:100%;left:0;right:0;background-color:var(--base-300);border:1px solid rgba(122,110,96,.55);border-top:none;border-radius:0 0 8px 8px;margin-top:-8px;padding-top:8px;transform-origin:top;transform:scaleY(0);overflow:hidden;will-change:transform;box-shadow:0 16px 36px #00000073}.menu-overlay-inner{display:flex;flex-direction:row;max-height:calc(100vh - 120px);overflow-y:hidden;overflow-x:hidden}nav.menu:has(#artist-tools-submenu.active) .menu-overlay-inner{overflow-y:auto}.menu-overlay-inner::-webkit-scrollbar{width:8px}.menu-overlay-inner::-webkit-scrollbar-track{background:transparent}.menu-overlay-inner::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:4px}.menu-left{flex:0 0 auto;min-width:max-content;padding-right:3rem}.menu-right{display:none;flex:1 1 auto;padding:1rem 2rem 2rem 3rem;border-left:1px solid rgba(255,255,255,.05);opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease;transform:translate(-10px)}.menu-right.active{display:block;opacity:1;pointer-events:auto;transform:translate(0)}.menu-nav{padding:1rem 0}.menu-nav ul{list-style:none;margin:0;padding:0}.menu-nav li{margin:-4px 0;opacity:0}.menu-nav a{display:block;padding:.15rem 1.75rem;position:relative;text-transform:uppercase;text-decoration:none;color:var(--base-100);font-family:Barlow Condensed;font-size:clamp(2.5rem,4vw,4rem);white-space:nowrap;letter-spacing:-.02rem;font-weight:900;line-height:.85;overflow:hidden;transition:color .3s ease}.menu-nav a:hover,.menu-nav li.active>a{color:var(--accent-terra)}.menu-nav li.has-submenu>a:after{content:"+";display:inline-block;font-family:inherit;font-size:.6em;font-weight:400;vertical-align:middle;margin-left:.85rem;margin-top:-.2em;transform-origin:center;transition:transform .3s ease,color .3s ease;color:var(--accent-terra)}.menu-nav li.has-submenu.active>a:after{transform:rotate(45deg)}.menu-nav a.menu-login-btn{font-size:clamp(1.5rem,2.5vw,2.5rem);margin-top:1rem;color:var(--base-300);background-color:var(--base-100);border-radius:4px;padding:.2rem 1.5rem;width:max-content;margin-left:1.75rem;transition:background-color .3s ease;overflow:visible;line-height:1}.menu-nav a.menu-login-btn:hover{background-color:var(--accent-terra);color:var(--base-100)}.menu-nav a div div{position:relative;will-change:transform}.submenu-title{color:#fff6;font-size:.8rem;letter-spacing:.1em;margin-bottom:2rem;font-weight:700;text-transform:uppercase}.submenu-title.mt-2{margin-top:3.5rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%}.tool-card{background:#1a181466;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:2rem 1.75rem;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .4s ease}.tool-card:hover:before{opacity:1}.tool-card:hover{transform:translateY(-6px);background:#1e1c18cc;border-color:#ffffff14;box-shadow:0 15px 35px -15px #0009}.tool-card.tall{grid-row:auto}.tool-icon{width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:1.5rem;position:relative;z-index:1}.tool-icon svg{width:24px;height:24px;display:block}.tool-icon-dist{color:#a855f7;background-color:#9333ea26;border:1px solid rgba(147,51,234,.3)}.tool-icon-pub{color:#eab308;background-color:#eab30826;border:1px solid rgba(234,179,8,.3)}.tool-icon-master{color:#60a5fa;background-color:#3b82f626;border:1px solid rgba(59,130,246,.3)}.tool-icon-promo{color:#f97316;background-color:#f9731626;border:1px solid rgba(249,115,22,.3)}.tool-icon-label{color:#10b981;background-color:#10b98126;border:1px solid rgba(16,185,129,.3)}.tool-icon-sync{color:#ec4899;background-color:#ec489926;border:1px solid rgba(236,72,153,.3)}.tool-icon-analytics{color:#2dd4bf;background-color:#14b8a626;border:1px solid rgba(20,184,166,.3)}.tool-card h4{color:#fff;font-size:1.05rem;margin:0 0 .85rem;font-weight:700;font-family:inherit;line-height:1.3;text-transform:uppercase;letter-spacing:.03em}.tool-card p{color:#ffffff8c;font-size:.95rem;margin:0;line-height:1.6;font-family:inherit;font-weight:400}.tools-pills{display:flex;flex-wrap:wrap;gap:.85rem}.tool-pill{color:var(--base-100);font-size:.8rem;text-decoration:none;border:1px solid rgba(255,255,255,.1);background:#ffffff08;border-radius:30px;padding:.65rem 1.4rem;transition:all .3s ease;font-family:inherit;letter-spacing:.05em;font-weight:600;text-transform:uppercase}.tool-pill:hover{background-color:var(--base-100);color:var(--base-300)}.menu-footer{padding:1rem 1.75rem 1.5rem;opacity:0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05)}.menu-social{display:flex;gap:1rem;justify-content:center}.menu-social a,.menu-time{color:var(--base-100);text-decoration:none;transition:all .3s ease;text-transform:uppercase;font-family:DM Mono;font-size:.85rem;font-weight:500}.menu-time{width:max-content;color:var(--base-secondary-dark)}@media (max-width: 1000px){.menu{width:90%;max-width:none}.menu-header{padding:1rem 1.5rem}.menu-overlay-inner{flex-direction:column}.menu-left{border-right:none;flex:1 1 auto;padding-right:0;min-width:0}.menu-right{display:none;padding:0 1.5rem 3rem;transform:none;opacity:1;flex:1 1 auto}.menu-right.active{display:block;pointer-events:auto}.tools-grid{grid-template-columns:1fr;gap:1rem}.tool-card.tall{grid-row:auto}.menu-nav a{font-size:clamp(2.5rem,8vw,3.5rem);letter-spacing:0;padding:.5rem 1.5rem;white-space:normal}.menu-nav a.menu-login-btn{font-size:2rem;margin-left:1.5rem;margin-bottom:1rem}.menu-footer{padding:2rem 1.5rem;flex-direction:column;align-items:flex-start}.menu-social{flex-wrap:wrap;gap:.5rem}.menu-time{right:1.5rem;margin-top:1rem}.menu-logo img{width:6rem}}.app-footer{background-color:var(--base-300, #0B0A08);padding:6rem 0 0;color:#fff;font-family:inherit;border-top:1px solid rgba(255,255,255,.05)}.footer-container{max-width:1200px;margin:0 auto;padding:0 4rem}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:2rem;margin-bottom:6rem}.footer-back-top{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:40px;color:#fff;padding:.75rem 1.5rem;font-size:.85rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:all .3s ease;font-family:inherit}.footer-back-top .back-arrow{font-size:1.1em;transition:transform .3s ease}.footer-back-top:hover{background:#ffffff0d;border-color:#fff6}.footer-back-top:hover .back-arrow{transform:translateY(-3px)}.footer-heading{font-size:1.05rem;font-weight:600;margin:0 0 1.5rem;color:#fff}.footer-nav{display:flex;flex-direction:column;gap:1.1rem}.footer-nav a{color:#ffffffa6;text-decoration:none;font-size:.95rem;transition:color .2s ease}.footer-nav a:hover{color:#fff}.footer-newsletter-form{margin-bottom:1.5rem}.footer-newsletter-form input{width:100%;background-color:#19192399;border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:.9rem 1.5rem;color:#fff;font-size:.95rem;font-family:inherit;transition:border-color .3s ease,background-color .3s ease}.footer-newsletter-form input:focus{outline:none;border-color:#ffffff4d;background-color:#23232dcc}.footer-newsletter-form input::placeholder{color:#ffffff59}.footer-socials{display:flex;flex-wrap:wrap;gap:1rem}.social-icon{display:inline-flex;align-items:center;justify-content:center;color:#fff;width:24px;height:24px;transition:transform .2s ease,opacity .2s ease}.social-icon svg{width:100%;height:100%}.social-icon:hover{transform:scale(1.15);opacity:.8}.footer-bottom-bar{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:4rem;border-top:1px solid rgba(255,255,255,.05);padding-top:3rem;flex-wrap:wrap;gap:2rem}.footer-logo{width:70px;height:auto;opacity:.9}.footer-copyright{color:#fff6;font-size:.9rem;text-align:center;flex:1}.footer-legal{display:flex;gap:1.5rem}.footer-legal a{color:#ffffff73;text-decoration:none;font-size:.85rem;transition:color .2s ease}.footer-legal a:hover{color:#fffc}@media (max-width: 1000px){.footer-container{padding:0 2.5rem}.footer-top{grid-template-columns:1fr 1fr;gap:3rem}.footer-bottom-bar{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 768px){.app-footer{padding-top:4rem}.footer-top{grid-template-columns:1fr;gap:3rem}.footer-legal{flex-wrap:wrap;justify-content:center}}