body.home .wrap{max-width:1320px}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-size:36px;font-weight:800;margin:0 0 12px;color:var(--ink)}.section-header p{font-size:16px;color:var(--slate);margin:0}.hero{padding:60px 0 80px}.hero_grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.hero-content{display:flex;flex-direction:column;gap:24px}.hero-badge{width:80px;height:80px;background:linear-gradient(135deg,var(--violet),var(--mint));border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #7c5cff40,0 4px 12px #74f2ce26}.hero-badge i{font-size:36px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}h1{font-size:56px;line-height:1.1;margin:0;letter-spacing:-.02em;color:var(--ink)}.lead{font-size:18px;color:var(--slate);line-height:1.6;margin:0;max-width:600px}.cta_row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.hero_visual{position:relative}.visual-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow-2)}.visual-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.visual-header span:first-child{font-size:16px;font-weight:700;color:var(--ink);flex:1;margin-right:16px}.live-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#74f2ce1a;border-radius:8px;font-size:12px;font-weight:600;color:var(--mint);flex-shrink:0}.live-badge i{font-size:8px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.automation-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--soft);border-radius:12px;margin-bottom:12px;transition:all .3s ease}.automation-item:last-child{margin-bottom:0}.automation-item:hover{background:#f0f4f8;transform:translate(4px)}.automation-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;color:#fff}.automation-icon i{text-shadow:0 2px 4px rgba(0,0,0,.2)}.automation-icon.purple{background:linear-gradient(135deg,#7c5cff,#9575ff)}.automation-icon.mint{background:linear-gradient(135deg,#74f2ce,#8ff5d8)}.automation-icon.blue{background:linear-gradient(135deg,#4a7fee,#5c8fff)}.automation-info{flex:1;display:flex;flex-direction:column;gap:4px;margin-right:16px}.automation-info strong{font-size:15px;color:var(--ink)}.automation-info span{font-size:13px;color:var(--slate)}.live-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#74f2ce1a;border-radius:8px;font-size:12px;font-weight:600;color:var(--mint);margin-right:16px}.automation-status{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;background:#74f2ce26;color:var(--mint)}body:not([data-theme=dark]) .live-badge{background:#74f2ce33;color:#0a8a6a;border:1px solid rgba(116,242,206,.3)}body:not([data-theme=dark]) .automation-status{background:#74f2ce33;color:#0a8a6a;border:1px solid rgba(116,242,206,.3)}.trusted-brands{padding:60px 0;background:transparent;border-top:1px solid var(--line)}.brands-header{text-align:center;margin-bottom:40px}.brands-header h2{font-size:28px;font-weight:700;margin:0 0 8px;color:var(--ink)}.brands-header p{color:var(--slate);font-size:15px;margin:0}.brands-carousel{overflow:hidden;position:relative;padding:8px 0;background:transparent;mask:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.brands-track{display:flex;gap:24px;animation:scroll 120s linear infinite;width:max-content}.brand-item{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:90px;padding:16px 12px;background:#fff;border:1px solid var(--line);border-radius:12px;transition:all .3s ease;flex-shrink:0;box-shadow:var(--shadow-1)}.brand-item:hover{background:#fafbfc;border-color:var(--violet);transform:translateY(-2px);box-shadow:var(--shadow-2)}.brand-item i{font-size:28px;color:#8a95a3;transition:color .3s ease}.brand-item:hover i{color:var(--violet)}.brand-item span{font-size:12px;color:var(--slate);font-weight:600;text-align:center}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.features{padding:40px 0 60px}body:not([data-theme=dark]) .features{padding-top:20px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;transition:all .3s ease;box-shadow:var(--shadow-1)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:var(--violet)}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--violet),var(--mint));border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 4px 16px #7c5cff40}.feature-icon i{font-size:28px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.feature-card h3{font-size:22px;font-weight:700;margin:0 0 12px;color:var(--ink)}.feature-card>p{font-size:15px;color:var(--slate);line-height:1.6;margin:0 0 20px}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.feature-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--slate)}.feature-list i{color:var(--mint);font-size:12px}.how{padding:40px 0 60px;background:transparent}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;transition:all .3s ease;box-shadow:var(--shadow-1)}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}.step-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--violet),var(--mint)) border-box;background-clip:padding-box,border-box;border:2px solid transparent;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:var(--violet);margin-bottom:16px}.step-card h4{font-size:18px;font-weight:700;margin:0 0 10px;color:var(--ink)}.step-card p{font-size:14px;color:var(--slate);line-height:1.6;margin:0}.creator{padding:80px 0}.creator-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.creator-content{display:flex;flex-direction:column;gap:20px}.creator-badge{width:64px;height:64px;background:linear-gradient(135deg,var(--violet),var(--mint));border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #7c5cff40}.creator-badge i{font-size:28px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.creator-content h2{font-size:36px;font-weight:800;margin:0;color:var(--ink)}.creator-lead{font-size:16px;color:var(--slate);line-height:1.6;margin:0}.creator-features{display:flex;flex-direction:column;gap:16px;margin-top:8px}.creator-feature{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--slate)}.creator-feature i{font-size:16px;color:var(--violet);width:20px}.creator-cta{display:flex;gap:12px;margin-top:8px}.studio-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow-2)}.studio-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.studio-title{display:flex;align-items:center;gap:10px}.studio-title .brand_mark{width:28px;height:28px}.studio-title strong{font-size:16px;color:var(--ink)}.draft-badge{padding:6px 12px;background:#7c5cff1a;color:var(--violet);border-radius:8px;font-size:12px;font-weight:600}.studio-features{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.studio-item{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--soft);border-radius:10px;font-size:14px;color:var(--slate)}.studio-item i{font-size:16px;color:var(--violet);width:20px;text-align:center}.studio-actions{display:flex;gap:8px}.studio-btn{flex:1;padding:10px 16px;border:1px solid var(--line);background:var(--soft);border-radius:10px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.studio-btn:hover{background:#fff;border-color:var(--violet);transform:translateY(-1px)}.studio-btn.primary{background:var(--violet);color:#fff;border-color:var(--violet)}.studio-btn.primary:hover{background:#6a4be6;transform:translateY(-2px);box-shadow:0 4px 12px #7c5cff40}body[data-theme=dark] h1,body[data-theme=dark] h2,body[data-theme=dark] h3,body[data-theme=dark] h4{color:var(--ink)}body[data-theme=dark] p,body[data-theme=dark] .lead{color:var(--slate)}body[data-theme=dark] .hero{background:transparent}body[data-theme=dark] .visual-card{background:#0f141999;border-color:var(--line);box-shadow:none}body[data-theme=dark] .automation-item{background:#0f1419cc}body[data-theme=dark] .automation-item:hover{background:#191e28e6}body[data-theme=dark] .trusted-brands{background:transparent;border-top-color:var(--line)}body[data-theme=dark] .brand-item{background:var(--card-bg);border-color:var(--line)}body[data-theme=dark] .brand-item:hover{background:#2a3142;border-color:var(--mint)}body[data-theme=dark] .brand-item i{color:var(--slate)}body[data-theme=dark] .brand-item:hover i{color:var(--mint)}body[data-theme=dark] .feature-card{background:#0f141999;border-color:var(--line)}body[data-theme=dark] .feature-card:hover{border-color:var(--mint);box-shadow:none}body[data-theme=dark] .feature-icon{box-shadow:none}body[data-theme=dark] .feature-list i{color:var(--mint)}body[data-theme=dark] .hero-badge,body[data-theme=dark] .creator-badge{box-shadow:none}body[data-theme=dark] .how{background:transparent}body[data-theme=dark] .step-card{background:#0f141999;border-color:var(--line)}body[data-theme=dark] .step-number{background:linear-gradient(#0f1419cc,#0f1419cc) padding-box,linear-gradient(135deg,var(--violet),var(--mint)) border-box;color:var(--mint)}body[data-theme=dark] .creator{background:transparent}body[data-theme=dark] .studio-card{background:#0f141999;border-color:var(--line)}body[data-theme=dark] .studio-item{background:#0f1419cc}body[data-theme=dark] .studio-item i{color:var(--mint)}body[data-theme=dark] .studio-btn{background:#0f1419cc;border-color:var(--line)}body[data-theme=dark] .studio-btn:hover{background:#191e28e6;border-color:var(--mint)}body[data-theme=dark] .draft-badge{background:#7c5cff33}body[data-theme=dark]{background:linear-gradient(135deg,#0a0a0a,#0d0817,#110b1f,#140a20,#180d28);background-attachment:fixed;position:relative;overflow-x:hidden}body[data-theme=dark]:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at 20% 30%,rgba(139,92,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(116,242,206,.05) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:.8}body[data-theme=dark]:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.8) 0%,transparent 1.5px),radial-gradient(circle at 25% 45%,rgba(255,255,255,.6) 0%,transparent 1px),radial-gradient(circle at 38% 70%,rgba(255,255,255,.7) 0%,transparent 1.2px),radial-gradient(circle at 65% 15%,rgba(255,255,255,.75) 0%,transparent 1px),radial-gradient(circle at 75% 55%,rgba(255,255,255,.5) 0%,transparent 1.3px),radial-gradient(circle at 85% 75%,rgba(255,255,255,.65) 0%,transparent .8px),radial-gradient(circle at 45% 85%,rgba(255,255,255,.6) 0%,transparent 1px),radial-gradient(circle at 92% 35%,rgba(255,255,255,.7) 0%,transparent 1.1px);background-size:200px 200px,150px 150px,180px 180px,160px 160px,170px 170px,140px 140px,190px 190px,130px 130px;pointer-events:none;z-index:1;animation:starPulse 5s ease-in-out infinite}@keyframes starPulse{0%,to{opacity:.7}20%{opacity:.4}40%{opacity:.9}60%{opacity:.5}80%{opacity:.85}}@media(max-width:980px){.hero_grid{grid-template-columns:1fr;gap:40px}h1{font-size:42px}.features-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:repeat(2,1fr)}.creator-grid{grid-template-columns:1fr}.section-header h2{font-size:28px}}@media(max-width:640px){.hero{padding:40px 0 60px}h1{font-size:36px}.lead{font-size:16px}.steps-grid{grid-template-columns:1fr}.cta_row,.creator-cta{flex-direction:column}}
