:root{--pink: #ff3399;--orange: #ff6600;--bg: #04040e;--bg2: #07071a;--bg3: #0a0a20;--surf: rgba(255, 255, 255, 0.04);--surf2: rgba(255, 255, 255, 0.07);--bdr: rgba(255, 255, 255, 0.08);--bdr2: rgba(255, 255, 255, 0.13);--text: #f2f2fa;--muted: rgba(242, 242, 250, 0.62);--muted2: rgba(242, 242, 250, 0.5);--grad: linear-gradient(135deg, #ff3399, #ff6600);--grad-r: linear-gradient(315deg, #ff3399, #ff6600);--glow: 0 0 60px rgba(255, 51, 153, 0.3);--nav: 68px;--r: 20px;--r-sm: 12px;--r-xs: 8px}*, *::before, *::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth}body{font-family: 'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', system-ui, sans-serif;background: var(--bg);color: var(--text);overflow-x: hidden;-webkit-font-smoothing: antialiased}a{text-decoration: none;color: inherit}button{cursor: pointer;font-family: inherit;border: none;background: none}img{max-width: 100%;display: block}#cnv{position: fixed;inset: 0;z-index: 0;pointer-events: none;opacity: 0.7}.nav{position: fixed;top: 0;left: 0;right: 0;height: var(--nav);z-index: 900;display: flex;align-items: center;justify-content: space-between;padding: 0 clamp(1rem, 4vw, 2.5rem);background: rgba(4, 4, 14, 0.78);backdrop-filter: blur(12px) saturate(1.2);-webkit-backdrop-filter: blur(12px) saturate(1.2);border-bottom: 1px solid rgba(255, 255, 255, 0.05);transition: background 0.4s}.nav.scrolled{background: rgba(4, 4, 14, 0.95)}.logo{display: flex;align-items: center;gap: 0.65rem;cursor: pointer;flex-shrink: 0}.logo-txt{font-family: 'Clash Display', sans-serif;font-weight: 700;font-size: 1.3rem;letter-spacing: -0.02em;line-height: 1}.logo-txt small{display: block;font-size: 0.48rem;font-weight: 400;letter-spacing: 0.2em;text-transform: uppercase;color: var(--muted);margin-top: 0.15rem}.logo img{width: 180px;padding-top: 1rem}.logo-footer img{width: 110px}.nav-links{display: flex;gap: 0.1rem;align-items: center}.nl{padding: 0.42rem 0.82rem;border-radius: 100px;font-size: 0.8rem;font-weight: 500;color: var(--muted);transition: color 0.2s, background 0.2s;cursor: pointer;white-space: nowrap}.nl:hover{color: #fff;background: var(--surf2)}.nl.active{color: var(--pink)}.nav-right{display: flex;align-items: center;gap: 0.7rem;flex-shrink: 0}.nav-client{padding: 0.44rem 1rem;border-radius: 100px;font-size: 0.75rem;font-weight: 600;border: 1.5px solid var(--bdr2);color: rgba(255, 255, 255, 0.7);transition: border-color 0.2s, color 0.2s, background 0.2s;white-space: nowrap}.nav-client:hover{border-color: var(--pink);color: #fff;background: rgba(255, 51, 153, 0.08)}.nav-cta{padding: 0.52rem 1.2rem;border-radius: 100px;font-size: 0.8rem;font-weight: 700;background: var(--grad);color: #fff;transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;white-space: nowrap}.nav-cta:hover{transform: translateY(-1px);box-shadow: 0 8px 28px rgba(255, 51, 153, 0.45)}.ham{width: 40px;height: 40px;border-radius: 10px;background: var(--surf);border: 1px solid var(--bdr);display: none;flex-direction: column;align-items: center;justify-content: center;gap: 5px}.ham span{display: block;width: 18px;height: 1.5px;background: #fff;border-radius: 2px;transition: transform 0.3s, opacity 0.3s}.ham.open span:nth-child(1){transform: translateY(6.5px) rotate(45deg)}.ham.open span:nth-child(2){opacity: 0}.ham.open span:nth-child(3){transform: translateY(-6.5px) rotate(-45deg)}.drawer{position: fixed;inset: 0;top: var(--nav);z-index: 800;background: rgba(4, 4, 14, 0.97);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1.8rem;transform: translateX(100%);transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.drawer.open{transform: none}.dl{font-family: 'Clash Display', sans-serif;font-size: 2.2rem;font-weight: 700;color: rgba(255, 255, 255, 0.55);cursor: pointer;transition: color 0.2s, transform 0.2s}.dl:hover, .dl.active{color: #fff;transform: translateX(8px)}.dl.active{background: var(--grad);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}@media (max-width: 860px){.nav-links{display: none}.ham{display: flex}.nav-client{display: none}}@media (max-width: 480px){.nav-cta{display: none}}.page{display: none;position: relative;z-index: 1;min-height: 100vh;padding-top: var(--nav)}.page.active{display: block}.wrap{max-width: 1100px;margin: 0 auto;padding: 0 clamp(1rem, 4vw, 2rem)}.sw{padding: clamp(4rem, 8vw, 7rem) 0}.tag{display: inline-flex;align-items: center;gap: 0.5rem;font-size: 0.65rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.16em;color: var(--pink);margin-bottom: 0.85rem}.tag::before{content: '';width: 18px;height: 1.5px;background: var(--pink);flex-shrink: 0}.tag-center{justify-content: center}.h1,.h2{font-family: 'Clash Display', sans-serif;font-weight: 700;letter-spacing: -0.025em;line-height: 1.05}.h1{font-size: clamp(2.5rem, 8.5vw, 6rem)}.h2{font-size: clamp(1.8rem, 4.5vw, 3rem);margin-bottom: 1rem}.grad-text{background: var(--grad);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.sub{font-size: clamp(0.88rem, 2vw, 1rem);color: var(--muted);line-height: 1.7;max-width: 520px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.55rem;padding: 0.82rem 1.9rem;border-radius: 100px;font-weight: 600;font-size: 0.9rem;white-space: nowrap;cursor: pointer;transition: transform 0.22s, box-shadow 0.22s, opacity 0.2s;position: relative;overflow: hidden}.btn::after{content: '';position: absolute;inset: 0;background: linear-gradient(rgba(255, 255, 255, 0.14), transparent);opacity: 0;transition: opacity 0.22s}.btn:hover::after{opacity: 1}.btn:hover{transform: translateY(-2px)}.btn-pri{background: var(--grad);color: #fff}.btn-pri:hover{box-shadow: 0 14px 40px rgba(255, 51, 153, 0.5)}.btn-ghost{background: transparent;color: #fff;border: 1.5px solid var(--bdr2)}.btn-ghost:hover{border-color: var(--pink);background: rgba(255, 51, 153, 0.08)}.btn-wa{background: #25d366;color: #fff}.btn-wa:hover{box-shadow: 0 10px 32px rgba(37, 211, 102, 0.45)}.btn-ig{background: var(--grad);color: #fff}.btn-ig:hover{box-shadow: 0 10px 32px rgba(255, 51, 153, 0.45)}.btn-tg{background: #229ed9;color: #fff}.btn-tg:hover{box-shadow: 0 10px 32px rgba(34, 158, 217, 0.45)}.btn-sm{padding: 0.58rem 1.3rem;font-size: 0.8rem}.btn-dark{background: var(--surf2);color: #fff;border: 1px solid var(--bdr)}.btn-dark:hover{border-color: var(--pink)}.card{background: var(--surf);border: 1px solid var(--bdr);border-radius: var(--r);padding: 1.6rem 1.4rem;transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s}.card:hover{transform: translateY(-5px);box-shadow: 0 22px 60px rgba(0, 0, 0, 0.5);border-color: rgba(255, 51, 153, 0.2)}.rv{opacity: 0;transform: translateY(28px);transition: opacity 0.65s, transform 0.65s}.rv.in{opacity: 1;transform: none}.rvl{opacity: 0;transform: translateX(-24px);transition: opacity 0.65s, transform 0.65s}.rvl.in{opacity: 1;transform: none}.rvr{opacity: 0;transform: translateX(24px);transition: opacity 0.65s, transform 0.65s}.rvr.in{opacity: 1;transform: none}.ico{width: 48px;height: 48px;border-radius: 14px;flex-shrink: 0;background: linear-gradient(135deg, rgba(255, 51, 153, 0.14), rgba(255, 102, 0, 0.1));border: 1px solid rgba(255, 51, 153, 0.18);display: flex;align-items: center;justify-content: center}.ico-lg{width: 56px;height: 56px;border-radius: 16px}.div{height: 1px;background: var(--bdr);margin: 1.2rem 0}.hero{min-height: calc(100svh - var(--nav));display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: clamp(2rem, 5vw, 4rem) 1.5rem 3rem;position: relative;overflow: hidden}.orb{position: absolute;border-radius: 50%;pointer-events: none;filter: blur(70px)}.o1{width: 55vw;height: 55vw;max-width: 600px;max-height: 600px;top: -12%;left: -12%;background: radial-gradient(circle, rgba(255, 51, 153, 0.22), transparent 70%);animation: oa 13s ease-in-out infinite}.o2{width: 48vw;height: 48vw;max-width: 520px;max-height: 520px;bottom: -10%;right: -10%;background: radial-gradient(circle, rgba(255, 102, 0, 0.18), transparent 70%);animation: ob 16s ease-in-out infinite}.o3{width: 28vw;height: 28vw;max-width: 300px;max-height: 300px;bottom: 35%;left: 10%;background: radial-gradient(circle, rgba(255, 51, 153, 0.1), transparent 70%);animation: oa 20s 5s ease-in-out infinite}@keyframes oa{0%, 100%{transform: translate(0, 0) scale(1)}50%{transform: translate(4%, 6%) scale(1.07)}}@keyframes ob{0%, 100%{transform: translate(0, 0) scale(1)}50%{transform: translate(-5%, -4%) scale(1.09)}}.live-badge{display: inline-flex;align-items: center;gap: 0.6rem;border: 1px solid rgba(255, 51, 153, 0.3);background: rgba(255, 51, 153, 0.08);border-radius: 100px;padding: 0.38rem 1rem;font-size: 0.7rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: rgba(255, 255, 255, 0.8);margin-bottom: 1.8rem;animation: fu 0.8s 0.2s both}.pdot{width: 8px;height: 8px;background: var(--pink);border-radius: 50%;flex-shrink: 0;position: relative}.pdot::after{content: '';position: absolute;inset: 0;border-radius: 50%;background: rgba(255, 51, 153, 0.7);animation: pd 2s ease-in-out infinite}@keyframes pd{0%, 100%{transform: scale(1);opacity: 0.7}50%{transform: scale(3);opacity: 0}}.hero-h{font-family: 'Clash Display', sans-serif;font-size: clamp(2.6rem, 9vw, 6.2rem);font-weight: 700;line-height: 1;letter-spacing: -0.03em;margin-bottom: 1.4rem;animation: fu 0.9s 0.4s both}.tw-line{display: block;min-height: 1.05em;background: var(--grad);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}@media (max-width: 460px){.tw-line{min-height: 2.1em}}.tw-cursor{display: inline-block;width: 3px;height: 0.85em;background: var(--pink);border-radius: 2px;margin-left: 3px;vertical-align: middle;animation: blink 0.7s ease-in-out infinite}@keyframes blink{0%, 100%{opacity: 1}50%{opacity: 0}}.hero-sub{font-size: clamp(0.92rem, 2.4vw, 1.1rem);color: var(--muted);line-height: 1.7;max-width: 500px;margin: 0 auto 2.4rem;animation: fu 0.9s 0.6s both}.hero-btns{display: flex;flex-wrap: wrap;gap: 0.9rem;justify-content: center;animation: fu 0.9s 0.8s both}.hero-visual{margin-top: 3.5rem;width: 100%;max-width: 960px;animation: fu 0.9s 1s both}.hv-frame{border-radius: 24px;border: 1px solid var(--bdr2);background: linear-gradient(135deg, #080820, #100a20);overflow: hidden;position: relative;box-shadow: 0 40px 100px rgba(0, 0, 0, 0.7), var(--glow);display: grid;grid-template-columns: 1fr 1fr;min-height: 240px}@media (max-width: 580px){.hv-frame{grid-template-columns: 1fr}}.hv-frame::before{content: '';position: absolute;inset: 0;background: linear-gradient(to bottom, transparent 60%, rgba(4, 4, 14, 0.85));z-index: 2;pointer-events: none}.hv-left{padding: 2rem 1.5rem;display: flex;flex-direction: column;justify-content: center;border-right: 1px solid var(--bdr);position: relative;z-index: 1}.hv-right{padding: 1.5rem;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;z-index: 1}.sring{position: relative;width: clamp(120px, 22vw, 180px);height: clamp(120px, 22vw, 180px);display: flex;align-items: center;justify-content: center}.sring-outer{position: absolute;inset: 0;border-radius: 50%;background: conic-gradient(from 180deg, var(--pink), var(--orange), var(--pink));padding: 2.5px;animation: spin 9s linear infinite}.sring-inner{position: absolute;inset: 2.5px;background: linear-gradient(135deg, #080820, #100a20);border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center}@keyframes spin{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}.snum{font-family: 'Clash Display', sans-serif;font-size: clamp(1.6rem, 5vw, 3rem);font-weight: 700;background: var(--grad);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;line-height: 1}.slbl{font-size: 0.55rem;color: var(--muted);letter-spacing: 0.14em;text-transform: uppercase;margin-top: 0.15rem}.pill{background: rgba(4, 4, 14, 0.92);border: 1px solid var(--bdr2);border-radius: 100px;padding: 0.44rem 0.9rem;display: flex;align-items: center;gap: 0.5rem;position: absolute;white-space: nowrap;z-index: 3;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5)}.pv{font-family: 'Clash Display', sans-serif;font-size: 0.95rem;font-weight: 700;background: var(--grad);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.pl{font-size: 0.65rem;color: var(--muted)}.p1{top: 12%;left: 44%;animation: pf 5s ease-in-out infinite}.p2{top: 10%;right: 4%;animation: pf 6s 1.2s ease-in-out infinite}.p3{bottom: 15%;left: 42%;animation: pf 4.5s 2.4s ease-in-out infinite}.pills-row{display: contents}@media (max-width: 580px){.pills-row{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem;grid-column: 1 / -1;padding: 0.75rem 1rem 1rem;border-top: 1px solid var(--bdr)}.pill{position: static;box-shadow: none;animation: none !important}.p1, .p2, .p3{top: auto;right: auto;bottom: auto;left: auto}}@keyframes pf{0%, 100%{transform: translateY(0)}50%{transform: translateY(-8px)}}.hero-stats{display: flex;flex-wrap: wrap;justify-content: center;gap: clamp(1.5rem, 5vw, 4rem);margin-top: 2.8rem;padding: 1.6rem clamp(1.2rem, 4vw, 3rem);background: rgba(255, 255, 255, 0.03);border: 1px solid var(--bdr);border-radius: 18px;animation: fu 0.9s 1.1s both}.hs{text-align: center}.hs-l{font-size: 0.62rem;text-transform: uppercase;letter-spacing: 0.13em;color: var(--muted);margin-bottom: 0.25rem}.hs-v{font-family: 'Clash Display', sans-serif;font-size: clamp(1.5rem, 3.5vw, 2.2rem);font-weight: 700;background: var(--grad);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.scroll-ind{position: absolute;bottom: 1.8rem;left: 50%;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;gap: 0.4rem;color: rgba(255, 255, 255, 0.55);font-size: 0.6rem;letter-spacing: 0.14em;text-transform: uppercase;animation: fu 0.9s 1.3s both}.sbar{width: 1px;height: 40px;background: linear-gradient(var(--pink), transparent);animation: sb 2s ease-in-out infinite}@keyframes sb{0%, 100%{transform: scaleY(1);opacity: 1}50%{transform: scaleY(0.5);opacity: 0.4}}@keyframes fu{from{opacity: 0;transform: translateY(22px)}to{opacity: 1;transform: none}}.anim-off, .anim-off::before, .anim-off::after{animation-play-state: paused !important}