.ai-aiv{height:400px;padding:32px;position:relative;overflow:hidden}.ai-aiv-fraud{background:linear-gradient(160deg,#fbf1ef,#f4f7f6 60%)}.ai-aiv-ins{background:linear-gradient(160deg,#eaf6f2,#f4f7f6 60%)}.ai-mas{object-fit:contain;pointer-events:none;width:190px;height:190px;position:absolute;bottom:-14px;right:-6px}.ai-card{z-index:2;background:#fff;font-size:13px;line-height:1.5;position:relative;box-shadow:0 0 0 1px #141c1b0f,0 26px 50px -28px #061e1c73}.ai-why li:before{content:"";background:#b93a26;border-radius:50%;flex:none;width:6px;height:6px;margin-top:6px}.ai-pts li:before{content:"";background:var(--color-mint);border-radius:50%;flex:none;width:16px;height:16px;margin-top:4px}@media (width<=1099px){.ai-aiv{height:auto;min-height:380px;padding:24px}.ai-mas{width:140px;height:140px}}.chatbot-panel{transform-origin:100% 100%;animation:.35s cubic-bezier(.2,.8,.2,1) chatbot-in}.chatbot-msg{white-space:pre-line;animation:.35s cubic-bezier(.2,.8,.2,1) both chatbot-msg}.chatbot-chips{scrollbar-width:none}.chatbot-typing i{background:var(--color-muted);border-radius:50%;width:6px;height:6px;animation:1s infinite chatbot-dot}.chatbot-typing i:nth-child(2){animation-delay:.15s}.chatbot-typing i:nth-child(3){animation-delay:.3s}@keyframes chatbot-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes chatbot-msg{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes chatbot-dot{50%{opacity:.25;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.chatbot-panel,.chatbot-msg,.chatbot-typing i{animation:none}}.dev-art{place-items:center;max-width:100%;min-height:540px;display:grid;position:relative}.dev-panel{background:linear-gradient(160deg,#9bebd91a,#ffffff05);border-radius:32px;position:absolute;inset:4% 2% 2%;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.dev-pat{opacity:.07;background:url(/ornaments/tint/patra-bunga-ii-putih.svg) 0 0/auto 120px;position:absolute;inset:0}.dev-glow{filter:blur(20px);background:radial-gradient(closest-side,#9bebd947,#0000);width:70%;height:60%;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.dev-mascot{z-index:2;width:62%;max-width:330px;margin-top:110px;margin-left:-10%;display:block;position:relative}.dev-card{z-index:3;color:var(--color-ink);background:#fff;border-radius:16px;padding:14px 16px;font-size:13px;line-height:1.5;animation:6s ease-in-out infinite dev-float;position:absolute;box-shadow:0 24px 50px -24px #0009}.dev-label{font:500 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin-bottom:10px;display:block}.dev-sys{max-width:230px;top:3%;left:0}.dev-chip{background:var(--color-soft);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.dev-prog{width:226px;animation-delay:-2s;top:30%;right:-2%}.dev-st{align-items:center;gap:8px;padding:4px 0;font-size:12.5px;display:flex}.dev-st i{border-radius:50%;flex:none;place-items:center;width:16px;height:16px;display:grid}.dev-st-ok i{background:#22b573}.dev-st-ok i:after{content:"";border:0 solid #fff;border-width:0 0 2px 2px;width:6px;height:3px;transform:rotate(-45deg)translate(1px,-1px)}.dev-st-run{color:var(--color-muted)}.dev-st-run i{border-top:2px solid #0000;animation:1.2s linear infinite dev-spin;box-shadow:inset 0 0 0 2px #c8a15a}.dev-bar{background:var(--color-soft);border-radius:9px;height:6px;margin-top:10px;overflow:hidden}.dev-bar b{background:linear-gradient(90deg,#1e5a4c,#9bebd9);border-radius:9px;width:78%;height:100%;animation:3s ease-in-out infinite alternate dev-bar;display:block}.dev-toast{align-items:center;gap:10px;animation-delay:-4s;display:flex;bottom:22%;right:0}.dev-code{z-index:3;font:400 12.5px/1.7 var(--font-mono);color:#cfe0db;background:#0e1716;border-radius:14px;padding:14px 16px;position:absolute;bottom:6%;left:0;box-shadow:0 24px 50px -20px #0009,0 0 0 1px #ffffff0f}.dev-steps li:before{content:counter(dev-s);counter-increment:dev-s;width:28px;height:28px;font:600 13px/1 var(--font-display);color:var(--color-mint);background:#9bebd924;border-radius:50%;grid-row:span 2;place-items:center;display:grid}.dev-steps{counter-reset:dev-s}@keyframes dev-float{50%{transform:translateY(-8px)}}@keyframes dev-spin{to{transform:rotate(360deg)}}@keyframes dev-bar{0%{width:62%}to{width:86%}}@media (width<=1099px){.dev-art{min-height:0;padding:150px 0 120px}.dev-sys{max-width:160px;top:0;left:0}.dev-chip{padding:5px 8px;font-size:11px}.dev-prog{width:200px;top:0;right:0}.dev-toast{bottom:0}.dev-code{bottom:60px}}@media (width<=600px){.dev-prog{display:none}.dev-sys{max-width:none;right:0}}@media (prefers-reduced-motion:reduce){.dev-card,.dev-bar b,.dev-st-run i{animation:none}}.faq-bubble{color:var(--color-ink);font:500 14px/1 var(--font-sans);background:#fff;border-radius:16px 16px 16px 4px;padding:12px 16px;animation:6s ease-in-out infinite faq-floaty;position:absolute;box-shadow:0 14px 30px -14px #00000073}.faq-bubble:first-of-type{top:34px;left:28px}.faq-bubble:nth-of-type(2){border-radius:16px 16px 4px;animation-delay:-2s;top:86px;right:30px}.faq-bubble:nth-of-type(3){animation-delay:-4s;top:138px;left:56px}@keyframes faq-floaty{50%{transform:translateY(-6px)}}.faq-item summary{list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open] .faq-plus{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.faq-bubble{animation:none}}.hero-orn{pointer-events:none;opacity:.06;z-index:0;background:url(/ornaments/tint/patra-bunga-i-giok.svg) 0 0/auto 110px;width:58vw;height:620px;position:absolute;top:0;left:-8vw;-webkit-mask:radial-gradient(closest-side at 35% 40%,#000,#0000);mask:radial-gradient(closest-side at 35% 40%,#000,#0000)}.hero-hl{background:linear-gradient(transparent 64%, var(--color-mint) 64%, var(--color-mint) 92%, transparent 92%)}.hero-stage{height:780px;position:relative}.hero-band{background:var(--color-brand);transform-origin:0 100%;border-radius:28px 0 0;height:420px;position:absolute;bottom:0;left:40px;right:-100vw;transform:skewY(-6deg)}.hero-lift{perspective:1600px;animation:hero-stagein 1.1s .35s var(--ease-out-soft) both;position:absolute;inset:0}@keyframes hero-stagein{0%{transform:translateY(80px)}to{transform:none}}.hero-browser{background:#fff;border-radius:14px;width:820px;position:absolute;top:20px;left:110px;overflow:hidden;box-shadow:0 0 0 1px #141c1b1a,0 50px 90px -40px #061e1c8c}.hero-app{aspect-ratio:16/10;grid-template-columns:184px 1fr;font-size:13px;line-height:1.4;display:grid}.hero-tr{border-top:1px solid var(--color-line);font-variant-numeric:tabular-nums;grid-template-columns:1.3fr 1fr .9fr 1fr;align-items:center;gap:8px;padding:8px 12px;display:grid}.hero-tr:first-child{color:var(--color-muted);background:#fafbfb;border-top:0;font-size:11px}.hero-tr-new{animation:hero-rowin 1.6s var(--ease-out-soft)}@keyframes hero-rowin{0%,30%{background:#c9f0e2}to{background:0 0}}.hero-kchip{font:600 11px/1 var(--font-sans);color:#0f8a6a;opacity:0;background:#e3f3ec;border-radius:999px;padding:5px 8px;position:absolute;top:8px;right:10px}.hero-kchip-on{animation:hero-kchip 2.4s var(--ease-out-soft) forwards}@keyframes hero-kchip{0%{opacity:0;transform:translateY(8px)}15%,70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}.hero-phone{z-index:4;background:#0f1716;border-radius:46px;width:300px;padding:10px;position:absolute;top:96px;left:-30px;box-shadow:0 0 0 1px #ffffff0f,0 50px 90px -30px #0000008c}.hero-scr{background:#fff;border-radius:37px;flex-direction:column;height:668px;display:flex;overflow:hidden}.hero-sbar:after{content:"";background:#0f1716;border-radius:999px;width:76px;height:20px;margin-left:-38px;position:absolute;top:10px;left:50%}.hero-tl-logo{box-shadow:0 4px 10px -4px #e5397a80}.hero-ord{border-top:1px dashed var(--color-line);border-bottom:1px dashed var(--color-line)}.hero-paybody{animation:.45s cubic-bezier(.215,.61,.355,1) both hero-paybody}@keyframes hero-paybody{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero-cpy{font:600 11.5px/1 var(--font-sans);background:var(--color-soft);color:var(--color-brand);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:999px;padding:8px 12px;transition:transform .25s,background .25s,color .25s}.hero-cpy-tap{color:#fff;background:#1e5a4c;animation:.5s ease-out hero-tapr;transform:scale(.94)}@keyframes hero-tapr{0%{box-shadow:0 0 #9bebd9e6}to{box-shadow:0 0 0 14px #9bebd900}}.hero-wait{opacity:0;transition:.4s var(--ease-out-soft);transform:translateY(6px)}.hero-wait-on{opacity:1;transform:none}.hero-spin{border:2px solid #b26b1240;border-top-color:#b26b12;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite hero-spin}@keyframes hero-spin{to{transform:rotate(360deg)}}.hero-done{box-shadow:inset 0 0 0 1px var(--color-line);opacity:0;transition:opacity .35s, transform .45s var(--ease-out-soft);background:#fff;border-radius:16px;align-content:center;place-items:center;gap:10px;display:grid;position:absolute;inset:0;transform:scale(.96)}.hero-done circle{stroke-dasharray:160;stroke-dashoffset:160px}.hero-done path{stroke-dasharray:40;stroke-dashoffset:40px}.hero-done-show{opacity:1;transform:none}.hero-done-show svg{animation:hero-pop .5s var(--ease-spring)}.hero-done-show circle{stroke-dashoffset:0;transition:stroke-dashoffset .6s ease-out .1s}.hero-done-show path{stroke-dashoffset:0;transition:stroke-dashoffset .35s ease-out .55s}@keyframes hero-pop{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:none}}.hero-slip{z-index:5;color:#1b2421;width:290px;font:400 12.5px/20px var(--font-mono);background:#faf7ef;padding:22px 22px 78px;position:absolute;top:440px;left:330px;transform:rotate(-1.2deg);box-shadow:inset 0 0 0 1px #141c1b24,inset 0 3px #141c1b0f;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%}.hero-cut{border-top:1px dashed #b9c2bf;margin:10px 0}.hero-stamp{font:700 22px/1 var(--font-mono);letter-spacing:.12em;color:#0f8a6a;opacity:0;mix-blend-mode:multiply;border:3px solid #0f8a6a;border-radius:8px;margin-left:-52px;padding:6px 10px;position:absolute;bottom:22px;left:50%;transform:rotate(-14deg)scale(2.2)}.hero-stamp-on{animation:hero-stamp .5s var(--ease-out-soft) forwards}@keyframes hero-stamp{to{opacity:.85;transform:rotate(-14deg)scale(1)}}@media (width<=1099px){.hero-orn{width:120vw;height:520px;left:-20vw}.hero-stage{height:auto;margin-top:48px;padding-bottom:40px}.hero-band{height:60%;left:-50vw;right:-50vw;transform:none}.hero-lift{flex-direction:column;align-items:center;display:flex;position:relative}.hero-browser{display:none}.hero-phone{width:min(300px,82vw);position:relative;top:auto;left:auto}.hero-slip{width:min(270px,76vw);margin-top:-90px;position:relative;top:auto;left:auto;transform:rotate(-2deg)translate(18%)}}@media (width<=420px){.hero-scr{height:560px}}.sol-tab:after{content:"";background:var(--color-brand);transform-origin:0;height:2px;transition:transform .45s var(--ease-out-soft);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.sol-tab[aria-selected=true]:after{transform:none}.sol-panel>*{animation:.55s cubic-bezier(.215,.61,.355,1) both sol-in}.sol-panel>:nth-child(2){animation-delay:80ms}@keyframes sol-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes sol-msg{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes sol-pop{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:none}}.sol-cm{animation:sol-msg .5s var(--ease-out-soft) both}.sol-cm:first-child{animation-delay:.15s}.sol-cm:nth-child(2){animation-delay:.75s}.sol-cm:nth-child(3){animation-delay:1.5s}.sol-notif{animation:sol-pop .6s var(--ease-spring) 2.2s both}.sol-stand{animation:sol-standin .8s var(--ease-out-soft) both;transform:rotate(-2deg)}@keyframes sol-standin{0%{opacity:0;transform:translateY(24px)rotate(-6deg)}to{opacity:1;transform:rotate(-2deg)}}.sol-stand canvas{image-rendering:pixelated}.sol-toast{animation:sol-pop .6s var(--ease-spring) 1s both}.sol-method{animation:sol-msg .45s var(--ease-out-soft) both}.sol-swatch{background:repeating-linear-gradient(45deg,#5a3b22 0 4px,#c9a77a 4px 8px)}.sol-bar:after{content:"";width:var(--w);background:var(--color-brand);transform-origin:0;animation:sol-grow 1.1s var(--ease-out-soft) both;animation-delay:var(--d,0s);border-radius:999px;position:absolute;inset:0 auto 0 0}@keyframes sol-grow{0%{transform:scaleX(0)}to{transform:none}}