*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08070d;color:#f7f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.nav{height:76px;padding:0 5vw;display:flex;align-items:center;gap:42px;border-bottom:1px solid #ffffff12;background:#08070de8;backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:400;white-space:nowrap}.brand img{width:38px;height:38px}.brand b{font-weight:800}.brand small{display:block;font-size:7px;letter-spacing:2px;color:#aaa5b7;margin-top:1px}.nav nav{display:flex;gap:30px;margin-left:auto;color:#b9b5c5;font-size:14px}.nav nav a:hover{color:white}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 20px;border:1px solid #ffffff20;border-radius:12px;font-weight:700;font-size:14px;background:#ffffff08;transition:.2s}.btn:hover{transform:translateY(-2px);border-color:#9d6cff}.primary{background:linear-gradient(135deg,#7357ff,#9c43ee);border:0;box-shadow:0 12px 35px #744aff45}.ghost{padding:10px 16px}.hero{min-height:690px;padding:90px 7vw 72px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;position:relative;overflow:hidden;background:radial-gradient(circle at 50% -10%,#4d268533,transparent 35%)}.orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.o1{width:420px;height:420px;background:#6b3aff2e;left:-170px;top:50px}.o2{width:360px;height:360px;background:#df3bff20;right:-100px;bottom:-100px}.hero-copy,.product{position:relative;z-index:2}.eyebrow{display:block;color:#a985ff;font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:20px}.hero h1{font-size:clamp(52px,6vw,82px);line-height:.98;letter-spacing:-4px;margin:0 0 28px;max-width:760px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#9b7cff,#dd65e9);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:19px;line-height:1.7;color:#b8b4c1;max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.proof{display:flex;gap:34px;margin-top:50px}.proof span{display:flex;flex-direction:column;border-left:1px solid #ffffff1b;padding-left:16px}.proof b{font-size:15px}.proof small{color:#85808e;margin-top:5px}.product{min-height:480px;display:flex;align-items:center}.window{width:100%;border:1px solid #ffffff1b;background:#121019;border-radius:22px;box-shadow:0 45px 100px #0008;overflow:hidden;transform:perspective(1000px) rotateY(-4deg)}.windowbar{height:46px;background:#1a1721;display:flex;align-items:center;padding:0 15px;gap:7px;color:#77717f;font-size:11px}.windowbar i{width:8px;height:8px;border-radius:50%;background:#4b4651}.windowbar span{margin:auto}.screen{height:280px;background:radial-gradient(circle at center,#563788,#181222 60%,#0c0a10);position:relative;display:flex;align-items:center;justify-content:center}.play{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;padding-left:5px;background:#ffffffed;color:#5e37cb;font-size:25px;box-shadow:0 0 60px #9566ff66}.timeline{position:absolute;left:28px;right:28px;bottom:24px;height:4px;background:#ffffff26;border-radius:5px}.timeline:before{content:"";display:block;width:62%;height:100%;background:linear-gradient(90deg,#7558ff,#d652e4)}.meta{display:flex;align-items:center;gap:13px;padding:19px}.meta img{width:40px}.meta div{display:flex;flex-direction:column;gap:5px}.meta span{font-size:12px;color:#817b89}.float{position:absolute;background:#1d1926dd;border:1px solid #ffffff1a;backdrop-filter:blur(12px);border-radius:13px;padding:12px 15px;box-shadow:0 18px 45px #0007;display:flex;flex-direction:column}.float span{font-size:10px;color:#a09aa9;margin-top:3px}.f1{right:-30px;top:70px}.f2{left:-35px;bottom:50px}.f2 b{color:#6cdb9f}.trust{min-height:72px;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;padding:18px;background:#0e0c13;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;color:#ada8b7;font-size:13px}.trust span{color:#716c79}.trust i{width:4px;height:4px;background:#7651dc;border-radius:50%}.section{padding:105px 7vw}.head{max-width:730px;margin-bottom:55px}.head h2{font-size:clamp(36px,4vw,56px);line-height:1.1;letter-spacing:-2px;margin:0 0 20px}.head p{color:#9e99a8;font-size:18px;line-height:1.7}.solutions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solutions article,.features article{padding:30px;border:1px solid #ffffff13;border-radius:20px;background:linear-gradient(145deg,#15121c,#0d0b11)}.solutions article span{font-size:11px;color:#936dff;font-weight:800}.solutions h3,.features h3{font-size:21px;margin:35px 0 12px}.solutions p,.features p{color:#928d9b;line-height:1.65;margin:0}.dark{background:#0d0b12}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.features article div{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#7554ff1c;color:#a584ff;font-size:20px}.features h3{margin-top:22px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{display:flex;gap:20px;padding:28px;border-top:1px solid #ffffff25}.steps b{font-size:36px;color:#7955e3}.steps h3{margin:3px 0 8px;font-size:22px}.steps p{margin:0;color:#9993a2}.cta{margin:30px 5vw 90px;padding:70px 6vw;border-radius:28px;display:flex;justify-content:space-between;align-items:center;gap:40px;background:linear-gradient(120deg,#6b42e3,#9c45d9 60%,#be50c9);box-shadow:0 30px 80px #5d32b535}.cta span{font-size:11px;letter-spacing:2px;font-weight:800}.cta h2{font-size:45px;margin:12px 0}.cta p{margin:0;color:#eee2f6}.cta .actions{margin:0;min-width:320px}.light{background:white;color:#4f2aaa;border:0}.outline{border-color:#ffffff66}.cta .btn{flex:1}footer{padding:60px 7vw 35px;border-top:1px solid #ffffff10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;color:#918b99}footer .brand{color:white}footer p{font-size:13px}footer>div{display:flex;gap:22px;font-size:13px;color:#c4becb}footer small{grid-column:1/-1;border-top:1px solid #ffffff0d;padding-top:25px;font-size:11px}@media(max-width:900px){.nav nav{display:none}.nav{padding:0 20px}.nav .ghost{margin-left:auto}.hero{grid-template-columns:1fr;padding:70px 24px}.hero h1{letter-spacing:-2px}.product{min-height:380px}.screen{height:220px}.solutions,.features,.steps{grid-template-columns:1fr}.section{padding:75px 24px}.cta{margin:20px 20px 65px;padding:45px 25px;flex-direction:column;align-items:flex-start}.cta .actions{min-width:0;width:100%}footer{grid-template-columns:1fr;padding:45px 24px}footer small{grid-column:auto}.proof{gap:13px;justify-content:space-between}.proof span{padding-left:9px}.f1{right:-8px}.f2{left:-8px}}@media(max-width:520px){.nav{height:66px}.nav .ghost{font-size:0;padding:9px 12px}.nav .ghost:after{content:'Masuk';font-size:12px}.brand{font-size:19px}.brand img{width:33px;height:33px}.hero{padding-top:55px}.hero h1{font-size:49px}.hero-copy>p{font-size:16px}.actions .btn{width:100%}.proof{flex-direction:column}.proof span{border-left:0;border-top:1px solid #ffffff16;padding:10px 0}.product{min-height:300px}.screen{height:165px}.float{display:none}.head h2{font-size:38px}.cta h2{font-size:36px}.cta .actions{flex-direction:column}.trust{gap:14px}.trust span{width:100%;text-align:center}footer>div{flex-direction:column;gap:10px}}