.landing-page{--bg:#000;--text:#fff;--muted:#8e8e8e;--nav-text:#2e2e2e;--pill-dark:#28282a;--sign-in-text:#c8c8c8;--nav-shadow:0 4px 14px #00000029;--trust-bg:#28282a;--trust-border:#fff6;--trust-text:#c4c2c3;--font-sans:"Inter", "Segoe UI", system-ui, sans-serif;--font-display:"BubbledotICG-FinePos", "Geist Pixel Circle", monospace;--trust-size:clamp(36px, 4.5vw, 42px);background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;position:relative;overflow-x:clip}body:has(.landing-page){background:#000}.landing-page .bg{z-index:0;background:#000;height:100dvh;position:absolute;inset:0 0 auto;overflow:hidden}.landing-page .bg-video{object-fit:cover;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.landing-page .page{z-index:1;flex-direction:column;min-height:100dvh;padding:clamp(16px,2.4vh,28px) clamp(14px,3vw,32px);display:flex;position:relative;overflow:hidden}.landing-page .header{flex-shrink:0;justify-content:center;align-items:center;gap:clamp(18px,2.8vw,28px);animation:.7s cubic-bezier(.22,1,.36,1) both lp-slideDown;display:flex}.landing-page .logo-btn{width:clamp(40px,4.4vw,46px);height:clamp(40px,4.4vw,46px);box-shadow:var(--nav-shadow);cursor:pointer;background:#fff;border:none;border-radius:50%;place-items:center;padding:0;transition:transform .3s cubic-bezier(.22,1,.36,1);display:grid}.landing-page .logo-btn:hover{transform:scale(1.04)}.landing-page .logo-btn svg,.landing-page .logo-btn img{color:#111;width:72%;height:72%;display:block}html:has(.landing-page){scroll-behavior:smooth}.landing-page .lp-section,.landing-page .lp-cta{scroll-margin-top:16px}.landing-page .nav-pill{max-width:430px;height:clamp(44px,5.2vw,48px);box-shadow:var(--nav-shadow);background:#fff;border-radius:999px;flex:1;justify-content:space-between;align-items:center;gap:clamp(4px,1vw,10px);padding:4px 8px;display:flex}.landing-page .nav-link{height:100%;font-family:var(--font-sans);letter-spacing:-.01em;color:var(--nav-text);opacity:.5;border-radius:999px;justify-content:center;align-items:center;padding:0 clamp(10px,1.6vw,18px);font-size:clamp(13px,1.4vw,15px);font-weight:500;text-decoration:none;transition:opacity .25s;display:inline-flex;position:relative}.landing-page .nav-link:hover{opacity:.75}.landing-page .nav-link.active{opacity:1}.landing-page .nav-link.active:after{content:"";background:#000;border-radius:50%;width:3px;height:3px;position:absolute;bottom:5px;left:50%;transform:translate(-50%);box-shadow:-5px 0 #000,5px 0 #000}.landing-page .sign-in-pill{background:var(--pill-dark);height:clamp(44px,5.2vw,48px);color:var(--sign-in-text);letter-spacing:-.01em;box-shadow:var(--nav-shadow);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 clamp(16px,2.2vw,22px);font-size:clamp(13px,1.4vw,15px);font-weight:500;text-decoration:none;transition:background .25s,color .25s,transform .25s;display:inline-flex}.landing-page .sign-in-pill:hover{color:#fff;background:#323234;transform:translateY(-1px)}.landing-page .hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:900px;min-height:0;margin:0 auto;display:flex}.landing-page .trust-row{align-items:center;margin-bottom:clamp(16px,2.5vh,26px);display:inline-flex}.landing-page .trust-avatar{width:var(--trust-size);height:var(--trust-size);background:var(--pill-dark);border:1px solid var(--trust-border);box-sizing:border-box;border-radius:50%;padding:5px;display:block;position:relative}.landing-page .trust-avatar .inner{background:#fff;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.landing-page .trust-avatar i{font-size:calc(var(--trust-size) * .34);color:#111;line-height:1}.landing-page .trust-avatar.a1{z-index:1;transition:transform .35s cubic-bezier(.22,1,.36,1)}.landing-page .trust-avatar.a2{margin-left:calc(var(--trust-size) * -.42);z-index:2;transition:transform .35s cubic-bezier(.22,1,.36,1)}.landing-page .trust-avatar.a3{margin-left:calc(var(--trust-size) * -.42);z-index:4;transition:transform .35s cubic-bezier(.22,1,.36,1)}.landing-page .trust-row .a1:hover{transform:translateY(-2px)}.landing-page .trust-row .a2:hover{transform:translateY(-4px)}.landing-page .trust-row .a3:hover{transform:translateY(-2px)}.landing-page .trust-pill{height:var(--trust-size);margin-left:calc(var(--trust-size) * -.42);padding:0 calc(var(--trust-size) * .58);background:var(--trust-bg);border:1px solid var(--trust-border);box-sizing:border-box;z-index:3;color:var(--trust-text);white-space:nowrap;border-radius:999px;align-items:center;font-size:clamp(12px,1.4vw,13.5px);font-weight:500;display:inline-flex;position:relative}.landing-page .headline{font-family:var(--font-display);letter-spacing:-.04em;color:#fff;width:100%;margin:0 0 clamp(14px,2.2vh,22px);font-size:clamp(28px,6.2vw,80px);font-weight:400;line-height:1.12}.landing-page .headline.anim{animation:none}.landing-page .headline span{white-space:nowrap;opacity:0;display:block;overflow:hidden}.landing-page .headline.anim span{animation:.85s cubic-bezier(.22,1,.36,1) forwards lp-headlineFade}.landing-page .headline span.l1{animation-delay:.12s}.landing-page .headline span.l2{animation-delay:.3s}.landing-page .subhead{color:#d0d0d0;opacity:.8;max-width:min(500px,92%);margin:0 0 clamp(20px,3.4vh,32px);font-size:clamp(16.1667px,1.55vw + 2pt,19.1667px);font-weight:400;line-height:1.55}.landing-page .cta-row{flex-direction:column;align-items:center;gap:10px;display:flex}.landing-page .cta{color:#000;cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:9px;padding:clamp(11px,1.6vh,13px) clamp(22px,3vw,28px);font-size:clamp(13.5px,1.5vw,14.5px);font-weight:600;text-decoration:none;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:inline-flex;box-shadow:0 0 0 1px #ffffff26,0 0 22px #ffffff52,0 0 44px #ffffff1f}.landing-page .cta:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 0 1px #ffffff40,0 0 30px #ffffff73,0 0 60px #ffffff2e}.landing-page .cta svg{width:17px;height:17px;display:block}.landing-page .dev-login{color:#6d6d6d;opacity:.7;font-size:11.5px;text-decoration:none;transition:opacity .25s,color .25s}.landing-page .dev-login:hover{opacity:1;color:#9a9a9a}.landing-page .stats{text-align:center;flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:clamp(10px,2vw,20px);width:100%;max-width:920px;margin:0 auto;display:grid}.landing-page .stat{flex-direction:column;align-items:center;gap:4px;display:flex}.landing-page .stat-icon{font-family:var(--font-display);color:#fff;font-size:clamp(22px,3vw,33px);line-height:1}.landing-page .stat-value{letter-spacing:-.025em;color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(18px,2.2vw,26px);font-weight:600;line-height:1.15}.landing-page .stat-label{color:var(--muted);font-size:clamp(11px,1.2vw,12.5px);line-height:1.3}.landing-page .anim{opacity:0;animation:.85s cubic-bezier(.22,1,.36,1) forwards lp-reveal;animation-delay:var(--d,0s)}.landing-page .burger,.landing-page .mobile-menu{display:none}@media (max-width:720px){.landing-page .nav-pill,.landing-page .header .sign-in-pill{display:none}.landing-page .header{justify-content:space-between}.landing-page .logo-btn{width:48px;height:48px}.landing-page .burger{background:var(--pill-dark);width:48px;height:48px;box-shadow:var(--nav-shadow);cursor:pointer;z-index:60;border:none;border-radius:50%;place-items:center;transition:background .25s;display:grid;position:relative}.landing-page .burger span{background:#fff;border-radius:2px;width:18px;height:1.5px;transition:transform .3s cubic-bezier(.22,1,.36,1),background .25s;display:block}.landing-page .burger span+span{margin-top:5px}.landing-page .burger.open{background:#fff}.landing-page .burger.open span{background:#000}.landing-page .burger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.landing-page .burger.open span:nth-child(2){opacity:0}.landing-page .burger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.landing-page .mobile-menu{z-index:50;display:block;position:fixed;inset:0}.landing-page .mobile-menu[hidden]{display:none}.landing-page .menu-overlay{-webkit-backdrop-filter:blur(6px);background:#0000009e;animation:.28s both lp-overlayIn;position:absolute;inset:0}.landing-page .menu-sheet{background:#fff;border-radius:28px;flex-direction:column;gap:2px;width:min(320px,100vw - 32px);padding:22px 18px 20px;animation:.38s cubic-bezier(.22,1,.36,1) both lp-menuIn;display:flex;position:absolute;top:86px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #00000073}.landing-page .menu-link{color:var(--nav-text);letter-spacing:-.01em;opacity:.55;border-radius:14px;justify-content:center;align-items:center;padding:13px 8px;font-size:15px;font-weight:500;text-decoration:none;transition:opacity .25s,background .25s;display:flex;position:relative}.landing-page .menu-link:hover{opacity:.8;background:#0000000a}.landing-page .menu-link.active{opacity:1}.landing-page .menu-link.active:after{content:"";background:#000;border-radius:50%;width:3px;height:3px;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:-5px 0 #000,5px 0 #000}.landing-page .menu-signin{background:var(--pill-dark);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:13px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:background .25s;display:inline-flex}.landing-page .menu-signin:hover{background:#323234}.landing-page .menu-link:first-child{animation:.4s cubic-bezier(.22,1,.36,1) 50ms both lp-linkIn}.landing-page .menu-link:nth-child(2){animation:.4s cubic-bezier(.22,1,.36,1) .1s both lp-linkIn}.landing-page .menu-link:nth-child(3){animation:.4s cubic-bezier(.22,1,.36,1) .15s both lp-linkIn}.landing-page .menu-link:nth-child(4){animation:.4s cubic-bezier(.22,1,.36,1) .2s both lp-linkIn}.landing-page .menu-signin{animation:.4s cubic-bezier(.22,1,.36,1) .25s both lp-linkIn}.landing-page .stats{grid-template-columns:repeat(2,1fr);row-gap:18px}.landing-page .trust-row{--trust-size:34px}.landing-page .trust-pill{font-size:12px}.landing-page .headline{letter-spacing:-.08em;line-height:1.05}.landing-page .headline span{overflow:visible}}@media (max-width:420px){.landing-page .headline{letter-spacing:-.09em;line-height:1.04}.landing-page :where(.trust-row){--trust-size:34px}}@media (max-height:700px){.landing-page .hero{justify-content:center;padding:8px 0}.landing-page .trust-row,.landing-page .headline{margin-bottom:12px}.landing-page .subhead{margin-bottom:16px}}@keyframes lp-slideDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-reveal{0%{opacity:0;filter:blur(6px);transform:translateY(22px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes lp-headlineFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-revealPulse{0%{opacity:0;filter:blur(6px);transform:translateY(22px)scale(.98)}60%{box-shadow:0 0 0 1px #ffffff59,0 0 44px #ffffff8c,0 0 90px #ffffff40}to{opacity:1;filter:blur();transform:translateY(0)scale(1);box-shadow:0 0 0 1px #ffffff26,0 0 22px #ffffff52,0 0 44px #ffffff1f}}.landing-page .cta.anim{animation-name:lp-revealPulse}@keyframes lp-overlayIn{0%{opacity:0}to{opacity:1}}@keyframes lp-menuIn{0%{opacity:0;transform:translate(-50%)translateY(-14px)scale(.97)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes lp-linkIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.landing-page .anim,.landing-page .headline span,.landing-page .header{opacity:1!important;filter:none!important;transform:none!important}}.landing-page .lp-section{z-index:1;background:var(--bg);max-width:1080px;margin:0 auto;padding:clamp(64px,9vh,110px) clamp(20px,4vw,40px);position:relative}.landing-page .lp-kicker{font-family:var(--font-display);letter-spacing:.35em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:13px}.landing-page .lp-title{letter-spacing:-.02em;max-width:640px;margin-bottom:clamp(30px,5vh,52px);font-size:clamp(26px,4vw,40px);font-weight:600;line-height:1.15}.landing-page .bento{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.landing-page .bento-card{background:#0d0d0d;border:1px solid #ffffff17;border-radius:20px;padding:26px 24px 28px;transition:border-color .25s,transform .25s,background .25s}.landing-page .bento-card:hover{background:#121212;border-color:#fff3;transform:translateY(-2px)}.landing-page .bento-icon{color:#fff;background:#1a1a1a;border:1px solid #ffffff14;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:18px;display:grid}.landing-page .bento-icon svg{width:20px;height:20px}.landing-page .bento-card h3{margin-bottom:8px;font-size:17px;font-weight:600}.landing-page .bento-card p{color:var(--muted);font-size:14px;line-height:1.6}.landing-page .steps{grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;display:grid}.landing-page .step{background:#0d0d0d;border:1px solid #ffffff17;border-radius:20px;padding:26px 24px 30px}.landing-page .step-n{font-family:var(--font-display);letter-spacing:.2em;color:var(--muted);margin-bottom:16px;font-size:13px;display:block}.landing-page .step h3{margin-bottom:8px;font-size:17px;font-weight:600}.landing-page .step p{color:var(--muted);font-size:14px;line-height:1.6}.landing-page .price-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px;display:grid}.landing-page .price-card{background:#0d0d0d;border:1px solid #ffffff17;border-radius:18px;flex-direction:column;align-items:flex-start;gap:2px;padding:22px 18px;display:flex}.landing-page .price-dur{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12.5px}.landing-page .price-cost{font-family:var(--font-display);font-size:clamp(26px,3vw,34px);font-weight:600;line-height:1.1}.landing-page .price-unit{color:var(--muted);font-size:12.5px}.landing-page .price-note{color:var(--muted);max-width:560px;margin-bottom:14px;font-size:14px;line-height:1.6}.landing-page .plan-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.landing-page .plan-card{background:0 0;border:1px solid #ffffff17;border-radius:18px;padding:20px 18px}.landing-page .plan-card h3{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:14px}.landing-page .plan-price{font-size:15px;font-weight:600}.landing-page .plan-price span{color:var(--muted);font-size:13px;font-weight:400}.landing-page .plan-price-idr{color:var(--muted);margin-top:2px;font-size:13px}.landing-page .lp-cta{z-index:1;background:var(--bg);text-align:center;border-top:1px solid #ffffff0f;padding:clamp(70px,11vh,130px) 24px;position:relative}.landing-page .lp-cta h2{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(26px,4.5vw,44px);font-weight:600}.landing-page .lp-cta p{color:var(--muted);margin-bottom:30px;font-size:15px}.landing-page .lp-footer{z-index:1;background:var(--bg);border-top:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:18px 28px;width:100%;max-width:1080px;margin:0 auto;padding:30px clamp(20px,4vw,40px) 40px;display:flex;position:relative}.landing-page .lp-footer-brand{letter-spacing:.02em;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.landing-page .lp-footer-brand svg{width:22px;height:22px}.landing-page .lp-footer nav{gap:20px;margin-left:auto;display:flex}.landing-page .lp-footer nav a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s}.landing-page .lp-footer nav a:hover{color:#fff}.landing-page .lp-footer>p{color:#5c5c5c;width:100%;font-size:12.5px}@media (max-width:860px){.landing-page .bento,.landing-page .steps{grid-template-columns:1fr}.landing-page .price-grid{grid-template-columns:repeat(2,1fr)}}