@import"https://fonts.googleapis.com/css2?family=Satoshi:wght@400;500;700&display=swap";:root{--bg: #F9F9F9;--text-primary: #2A2A3A;--text-secondary: #7A7A8A;--panel-bg: #FFFFFF;--border-color: #EFEFEF;--hover-bg: #f1f1f1;--font-main: "Satoshi", sans-serif;--shadow: 0px 10px 40px -5px rgba(42, 42, 58, .1)}*{box-sizing:border-box}html{background-color:var(--bg)}body{background-color:transparent;color:var(--text-primary);font-family:var(--font-main);margin:0;padding-top:90px}#cursor-light{position:fixed;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(242,48,203,.4) 1%,transparent 20%);pointer-events:none;transform:translate(-50%,-50%);z-index:-1;will-change:transform}h1,h2,h3{font-weight:700;margin:0;letter-spacing:-.04em}p{font-size:1.1rem;line-height:1.7;margin:0;color:var(--text-secondary)}.navbar{position:fixed;top:0;left:0;width:100%;height:90px;background-color:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;z-index:1000}.nav-container{width:100%;max-width:1200px;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:26px;font-weight:700;color:var(--text-primary);text-decoration:none}.nav-links{display:flex;gap:30px}.nav-links a{font-weight:500;text-decoration:none;color:var(--text-secondary)}.btn{text-decoration:none;position:relative;display:inline-block;font-weight:500;font-size:16px;padding:14px 32px;border-radius:12px;background-color:var(--panel-bg);color:var(--text-primary);cursor:pointer;text-align:center;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.btn:hover{background-color:var(--hover-bg)}.btn span{position:relative;z-index:2;pointer-events:none}.btn.primary{background:var(--text-primary);color:var(--bg)}.btn.primary:hover{background-color:#c237ad}.section{padding:120px 20px}.container{max-width:1200px;margin:0 auto}.section-header{text-align:center;max-width:750px;margin:0 auto 80px}.grid-2{display:grid;grid-template-columns:1fr;gap:60px}@media (min-width: 992px){.grid-2{grid-template-columns:repeat(2,1fr);align-items:center}}.grid-2 .reverse{order:-1}.visual-container{border-radius:24px;box-shadow:var(--shadow);height:60vh;overflow:hidden;position:relative}.visual-container canvas{width:100%;height:100%}.creator-layout{display:flex;width:100vw;height:100vh;padding:20px;gap:20px}.creator-panel{background-color:var(--panel-bg);border-radius:16px;box-shadow:var(--shadow);padding:20px;flex-shrink:0;width:320px;display:flex;flex-direction:column;gap:20px}.viewport-container{flex-grow:1;position:relative;border-radius:16px;overflow:hidden;background-color:#fdfdfd}#gravity-grid-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#creator-canvas{position:relative;z-index:1;background:transparent}.tool-group{padding-bottom:20px;border-bottom:1px solid var(--border-color)}.tool-group:last-of-type{border-bottom:none}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.step-card{background:var(--panel-bg);padding:30px;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.step-card .step-number{font-size:3rem;font-weight:700;color:var(--border-color)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:0;width:24px;height:18px;position:relative;z-index:1001}.nav-toggle span{display:block;width:100%;height:2px;background-color:var(--text-primary);position:absolute;left:0;transition:all .3s ease}.nav-toggle span:nth-child(1){top:0}.nav-toggle span:nth-child(2){top:50%;transform:translateY(-50%)}.nav-toggle span:nth-child(3){bottom:0}.mobile-nav{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg);z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;transform:translateY(-100%);transition:transform .4s cubic-bezier(.25,1,.5,1)}.mobile-nav a{font-size:2rem;font-weight:700;color:var(--text-primary);text-decoration:none}body.mobile-nav-open .nav-toggle span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}body.mobile-nav-open .nav-toggle span:nth-child(2){opacity:0}body.mobile-nav-open .nav-toggle span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}body.mobile-nav-open .mobile-nav{transform:translateY(0)}@media (max-width: 768px){.nav-links,.nav-cta{display:none}.nav-toggle{display:block}.section-header h1,.section-header h2{font-size:2.5rem}.grid-2,.grid-3{grid-template-columns:1fr}.grid-2 .reverse{order:1}.section{padding:80px 20px}.creator-layout{flex-direction:column}.creator-panel{width:100%;height:auto;position:fixed;bottom:0;left:0;z-index:100;transform:translateY(100%);transition:transform .3s ease-out;border-radius:16px 16px 0 0}.creator-mobile-ui{display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);gap:10px;z-index:50}.creator-panel{width:100%;height:auto;position:fixed;bottom:0;left:0;z-index:100;transform:translateY(100%);transition:transform .3s ease-out;border-radius:16px 16px 0 0;max-height:50vh}.creator-panel.is-open{transform:translateY(0)}.creator-layout>.creator-panel{display:none}}.creator-mobile-ui{display:none}@media (max-width: 768px){body{padding-top:80px}.navbar{height:80px}.section{padding:80px 20px}.creator-layout{flex-direction:column;padding:0;gap:0}.creator-panel{display:none}.mobile-panel{display:flex;position:fixed;bottom:0;left:0;width:100%;height:auto;max-height:60vh;z-index:2000;transform:translateY(100%);transition:transform .4s cubic-bezier(.25,1,.5,1);border-radius:20px 20px 0 0;padding-top:40px}.mobile-panel.is-open{transform:translateY(0)}.creator-mobile-ui{display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);gap:10px;z-index:50}}