:root{--primary:#2563EB;--primary-deep:#1D4ED8;--primary-soft:#EFF6FF;--primary-bright:#3B82F6;--navy:#1E3A8A;--navy-deep:#172554;--navy-soft:#DBEAFE;--sky:#0EA5E9;--sky-deep:#0369A1;--sky-soft:#E0F2FE;--success:#117A3F;--success-soft:#E5F1EA;--danger:#C8242C;--amber:#D97706;--amber-soft:#FEF3C7;--ink:#0F172A;--ink-60:#475569;--ink-40:#64748B;--border:#CBD5E1;--border-soft:#E2E8F0;--paper:#FFFFFF;--cream:#F7F9FC;--cream-2:#EEF3FA;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--sh-sm:0 1px 2px rgba(15,23,42,.05),0 1px 1px rgba(15,23,42,.04);--sh-md:0 1px 2px rgba(15,23,42,.05),0 6px 16px rgba(15,23,42,.08);--sh-lg:0 2px 4px rgba(15,23,42,.06),0 14px 34px rgba(15,23,42,.12);--sh-xl:0 8px 18px rgba(15,23,42,.10),0 30px 60px rgba(15,23,42,.18);--sh-blue:0 8px 22px rgba(37,99,235,.28);--font-display:"Plus Jakarta Sans","Inter",system-ui,sans-serif;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;--maxw:1200px}*{box-sizing:border-box}body,html{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.display,h1,h2,h3,h4{font-family:var(--font-display)}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.pika-logo{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pika-logo .pk-pika{color:var(--navy)}.pika-logo .pk-pos{color:var(--ink)}.pika-logo .pk-bolt{display:inline-block;width:.62em;height:.92em;margin:0 .06em;background:var(--primary);-webkit-clip-path:polygon(58% 0,12% 56%,46% 56%,36% 100%,90% 40%,54% 40%);clip-path:polygon(58% 0,12% 56%,46% 56%,36% 100%,90% 40%,54% 40%)}.pika-logo.on-dark .pk-pika{color:#fff}.pika-logo.on-dark .pk-pos{color:rgba(255,255,255,.78)}.pika-logo.on-dark .pk-bolt{background:var(--primary-bright)}.ph{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background-color:var(--cream-2);background-image:repeating-linear-gradient(-45deg,rgba(37,99,235,.07),rgba(37,99,235,.07) 1px,transparent 0,transparent 11px);border:1px dashed var(--border);color:var(--ink-40);overflow:hidden}.ph .ph-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;line-height:1.5;padding:8px 12px;max-width:80%}.ph.ph-dark{background-color:rgba(255,255,255,.04);background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.06),rgba(255,255,255,.06) 1px,transparent 0,transparent 11px);border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:600;font-size:15px;line-height:1;padding:14px 22px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--sh-blue)}.btn-primary:hover{background:var(--primary-deep)}.btn-ghost{background:var(--paper);color:var(--ink);border-color:var(--border);box-shadow:var(--sh-sm)}.btn-ghost:hover{border-color:var(--ink-40)}.btn-ghost.on-dark{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.28);box-shadow:none}.btn-ghost.on-dark:hover{background:rgba(255,255,255,.14)}.btn-lg{font-size:16px;padding:16px 26px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-weight:600;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-deep);background:var(--primary-soft);border:1px solid var(--navy-soft);padding:7px 13px;border-radius:999px;white-space:nowrap}.eyebrow.on-dark{color:#bcd2ff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}.pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;background:var(--paper);border:1px solid var(--border-soft);box-shadow:var(--sh-sm);color:var(--ink-60)}.dot{width:8px;height:8px;border-radius:999px;display:inline-block}.dot-green{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.dot-red{background:var(--danger);box-shadow:0 0 0 3px rgba(200,36,44,.16)}.dot-amber{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.wa-fab{display:inline-flex;align-items:center;gap:9px;background:#25D366;color:#06371b;font-weight:700;padding:11px 15px 11px 12px;box-shadow:0 10px 24px rgba(37,211,102,.4)}.wa-fab,.wa-fab .wa-ic{font-size:13px;border-radius:999px}.wa-fab .wa-ic{width:22px;height:22px;background:#fff;display:grid;place-items:center}a{color:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.sec{padding:84px 0}.sec.tight{padding:60px 0}img{max-width:100%;display:block}.hide{display:none!important}.sec-head{max-width:760px}.sec-head.center{margin:0 auto;text-align:center}.sec-h2{font-size:38px;line-height:1.1;letter-spacing:-.02em;font-weight:800;color:var(--ink);margin:16px 0 0;text-wrap:balance}.sec-lead{font-size:18px;margin:16px 0 0;text-wrap:pretty}.capsule,.sec-lead{line-height:1.6;color:var(--ink-60)}.capsule{font-size:16.5px;background:var(--cream);border:1px solid var(--border-soft);border-left:3px solid var(--primary);border-radius:var(--r-md);padding:16px 20px;margin:18px 0 0;max-width:720px}.site-nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border-soft)}.site-nav .nav-in{max-width:var(--maxw);margin:0 auto;padding:0 28px;height:70px;justify-content:space-between;gap:22px}.nav-links,.site-nav .nav-in{display:flex;align-items:center}.nav-links{gap:28px}.nav-links a{font-size:15px;font-weight:500;color:var(--ink-60);text-decoration:none}.nav-links a:hover{color:var(--ink)}.nav-links a.active{color:var(--primary-deep);font-weight:600}.nav-right{display:flex;align-items:center;gap:16px}.nav-masuk{font-size:15px;font-weight:600;color:var(--ink);text-decoration:none}.loc-switch{display:flex;gap:4px;align-items:center;font-size:12.5px;font-weight:600;color:var(--ink-40);border:1px solid var(--border-soft);border-radius:999px;padding:3px 5px}.loc-switch a{padding:3px 8px;border-radius:999px;text-decoration:none;color:inherit;cursor:pointer}.loc-switch a.on{color:#fff;background:var(--primary)}.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px}.nav-burger span{display:block;width:22px;height:2px;background:var(--ink);margin:4px 0;border-radius:2px;transition:.2s}.mnav{display:none}.hero{background:radial-gradient(125% 120% at 84% -16%,#2a4ea0 0,var(--navy) 32%,var(--navy-deep) 64%,#0b1430 100%);color:#fff;position:relative;overflow:hidden}.hero-in{max-width:var(--maxw);margin:0 auto;padding:76px 28px 88px;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:52px;gap:52px;align-items:center}.hero h1{font-size:56px;line-height:1.04;letter-spacing:-.03em;font-weight:800;color:#fff;margin:22px 0 0;text-wrap:balance}.hero h1 .hl{color:#7cc0ff}.hero-sub{font-size:18.5px;line-height:1.62;color:rgba(255,255,255,.76);margin:22px 0 0;max-width:540px;text-wrap:pretty}.hero-status{margin-top:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:var(--r-lg);padding:16px 18px;flex-direction:column;max-width:480px}.hero-status,.st-row{display:flex;gap:13px}.st-row{align-items:center}.st-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:17px;flex-shrink:0;font-weight:700}.st-ic.off{background:rgba(200,36,44,.2);color:#ff9d9d}.st-ic.on{background:rgba(17,122,63,.24);color:#86efac}.st-k{font-size:12.5px;color:rgba(255,255,255,.58)}.st-v{font-size:14.5px;font-weight:700;margin-top:2px}.st-v.red{color:#ffb0b0}.st-v.green{color:#9af2bd}.st-div{height:1px;background:rgba(255,255,255,.1)}.hero-cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.hero-micro{margin-top:14px;font-size:12.5px;color:rgba(255,255,255,.55)}.hero-art{position:relative;display:flex;align-items:center;justify-content:center}.hero-art .tablet{width:100%;max-width:480px}.hero-float{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border-soft);box-shadow:var(--sh-lg);border-radius:999px;padding:9px 14px;font-weight:600;font-size:13px;color:var(--ink)}.hero-float.tl{top:-6px;left:6px}.hero-float.br{bottom:8px;right:-6px}.tablet{background:linear-gradient(160deg,#1b2436,#0b1220);border-radius:24px;padding:13px;box-shadow:var(--sh-xl);position:relative}.tablet:before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.25)}.tablet .screen{width:100%;aspect-ratio:16/10.4;border-radius:12px}.phone{background:linear-gradient(160deg,#1b2436,#0b1220);border-radius:30px;padding:9px;box-shadow:var(--sh-xl)}.phone .screen{width:100%;aspect-ratio:9/18;border-radius:22px}.phero{background:radial-gradient(130% 130% at 84% -20%,#2a4ea0 0,var(--navy) 34%,var(--navy-deep) 70%,#0b1430 100%);color:#fff}.phero-in{max-width:var(--maxw);margin:0 auto;padding:70px 28px 76px}.phero.split .phero-in{display:grid;grid-template-columns:1.08fr .92fr;grid-gap:50px;gap:50px;align-items:center}.phero h1{font-size:50px;line-height:1.05;letter-spacing:-.03em;font-weight:800;margin:20px 0 0;max-width:720px;text-wrap:balance}.phero h1 .hl{color:#7cc0ff}.phero .phero-sub{font-size:18.5px;line-height:1.6;color:rgba(255,255,255,.78);margin:20px 0 0;max-width:600px;text-wrap:pretty}.phero .capsule-d{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-left:3px solid #7cc0ff;border-radius:var(--r-md);padding:16px 20px;margin:24px 0 0;max-width:620px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.88)}.phero .hero-cta{margin-top:28px}.phero .phero-art .tablet{width:100%;max-width:460px}.phero-art{display:flex;align-items:center;justify-content:center}@media (max-width:920px){.phero.split .phero-in{grid-template-columns:1fr;gap:36px;padding:48px 28px 56px}.phero h1{font-size:38px}.phero-art{order:-1}}@media (max-width:560px){.phero h1{font-size:31px}}.hero-highlights{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;max-width:500px}.hh{display:flex;align-items:flex-start;gap:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:var(--r-md);padding:13px 14px}.hh .hh-ic{width:30px;height:30px;border-radius:9px;flex:none;background:rgba(124,192,255,.16);color:#9ec9ff;display:grid;place-items:center}.hh .hh-ic svg{width:17px;height:17px;display:block}.hh b{display:block;font-size:13.5px;font-weight:700;color:#fff;line-height:1.2;white-space:nowrap}.hh span{display:block;font-size:12px;color:rgba(255,255,255,.62);margin-top:3px;line-height:1.35}.pillars{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-top:44px}.pillar{position:relative;background:var(--paper);border:1px solid var(--border-soft);border-radius:var(--r-xl);padding:28px 26px 30px;box-shadow:var(--sh-sm);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;display:flex;flex-direction:column}.pillar:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:var(--navy-soft)}.pillar .p-ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(150deg,var(--primary-soft),var(--sky-soft));color:var(--primary-deep);border:1px solid var(--navy-soft)}.pillar .p-ic svg{width:26px;height:26px;display:block}.pillar h3{font-size:19px;font-weight:800;letter-spacing:-.01em;margin:18px 0 0}.pillar p{font-size:14.5px;line-height:1.55;color:var(--ink-60);margin:10px 0 0;text-wrap:pretty}.pillar .p-link{margin-top:16px;font-weight:700;color:var(--primary-deep);font-size:14px;text-decoration:none;display:inline-flex;gap:6px;align-items:center}.pillar.accent{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),var(--sh-md)}.pillar.accent .p-ic{background:var(--primary);color:#fff;border-color:var(--primary)}.pillar .p-badge{position:absolute;top:18px;right:18px;background:var(--success-soft);color:var(--success);font-weight:800;font-size:11.5px;letter-spacing:.03em;padding:4px 9px;border-radius:999px}@media (max-width:920px){.pillars{grid-template-columns:1fr 1fr;gap:16px}.hero-highlights{max-width:none}}@media (max-width:560px){.hero-highlights,.pillars{grid-template-columns:1fr}}.free-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;background:radial-gradient(140% 220% at 0 0,var(--primary) 0,var(--navy) 58%,var(--navy-deep) 100%);color:#fff;border-radius:var(--r-xl);padding:30px 36px;box-shadow:var(--sh-lg);position:relative;overflow:hidden}.free-callout:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 0);background-size:22px 22px;-webkit-mask-image:radial-gradient(120% 130% at 100% 0,#000,transparent 70%);mask-image:radial-gradient(120% 130% at 100% 0,#000,transparent 70%)}.free-callout>*{position:relative;z-index:1}.fc-main{display:flex;align-items:center;gap:24px;flex:1 1;min-width:280px}.fc-rp{font-family:var(--font-display);font-size:56px;letter-spacing:-.03em;line-height:.9;flex:none;color:#fff;text-shadow:0 2px 18px rgba(124,192,255,.5)}.fc-rp,.fc-tag{font-weight:800}.fc-tag{display:inline-block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#bcd2ff}.fc-text b{display:block;font-size:22px;font-weight:800;font-family:var(--font-display);letter-spacing:-.01em;margin-top:3px}.fc-text span{display:block;font-size:15px;color:rgba(255,255,255,.82);margin-top:8px;line-height:1.55;max-width:580px;text-wrap:pretty}.free-callout .btn{flex:none}@media (max-width:560px){.free-callout{padding:24px}.fc-main{gap:16px}.fc-rp{font-size:44px}.free-callout .btn{width:100%}}.pay{background:var(--cream);border-bottom:1px solid var(--border-soft)}.pay-in{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding:30px 28px;max-width:var(--maxw);margin:0 auto}.pay-label{font-size:14px;font-weight:600;color:var(--ink-40)}.pay-marks{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.pay-mark{height:38px;min-width:78px;padding:0 14px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px}.problem{background:var(--navy-deep);text-align:center}.problem,.problem .sec-h2{color:#fff}.problem .sec-lead{color:rgba(255,255,255,.74);margin-left:auto;margin-right:auto}.feat{display:grid;grid-template-columns:1fr 1fr;grid-gap:56px;gap:56px;align-items:center}.feat.flip .feat-text{order:2}.feat+.feat{margin-top:80px}.feat-text h3{font-size:28px;line-height:1.15;letter-spacing:-.02em;font-weight:800;margin:14px 0 0}.feat-text p{font-size:17px;line-height:1.6;color:var(--ink-60);margin:14px 0 0;text-wrap:pretty}.feat-list{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:11px}.feat-list li{display:flex;gap:11px;align-items:flex-start;font-size:15.5px;color:var(--ink)}.feat-list .ck{color:var(--success);font-weight:800;flex-shrink:0;margin-top:1px}.feat-visual .screen{width:100%;aspect-ratio:4/3;border-radius:var(--r-lg)}.tag{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sky-deep);white-space:nowrap}.verts{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-top:36px}.vert{position:relative;border:1px solid var(--border-soft);border-radius:var(--r-xl);background:var(--paper);box-shadow:var(--sh-md);overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;flex-direction:column}.vert:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);border-color:var(--navy-soft)}.vert .vert-img .screen{width:100%;aspect-ratio:16/9;border-radius:0;border:none;border-bottom:1px solid var(--border-soft)}.vert-body{padding:26px 28px 30px}.vert h3{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0}.vert p{font-size:15.5px;color:var(--ink-60);line-height:1.55;margin:10px 0 0}.vert .go{margin-top:18px;font-weight:700;color:var(--primary-deep);font-size:15px;display:inline-flex;gap:7px;align-items:center}.migrate{background:linear-gradient(180deg,var(--primary-soft),#fff);border-top:1px solid var(--navy-soft);border-bottom:1px solid var(--border-soft)}.migrate-in{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:48px;gap:48px;align-items:center}.migrate-art .tablet{width:100%}.migrate-flow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.msrc{display:flex;flex-direction:column;gap:10px}.mlogo{height:44px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;padding:0 16px;font-family:var(--font-mono);font-size:12px;background:#fff;border:1px solid var(--border-soft);color:var(--ink-60)}.marrow{font-size:26px;color:var(--primary)}.hardware{background:var(--cream)}.hw-grid{display:grid;grid-template-columns:.95fr 1.05fr;grid-gap:48px;gap:48px;align-items:center}.hw-chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hw-chip{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--border-soft);border-radius:999px;padding:10px 16px;font-weight:600;font-size:14px;box-shadow:var(--sh-sm)}.hw-chip:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--primary);flex-shrink:0}.trust{background:var(--navy-deep);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:22px;gap:22px}.trust-item{padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);background:rgba(255,255,255,.04)}.trust-item .ti-ic{width:40px;height:40px;border-radius:11px;background:rgba(124,192,255,.16);color:#9ec9ff;display:grid;place-items:center;font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:.02em}.trust-item h4{font-size:16px;font-weight:700;margin:14px 0 0}.trust-item p{font-size:13.5px;color:rgba(255,255,255,.66);line-height:1.5;margin:7px 0 0}.founding{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:16px 24px;margin:0 auto 36px;max-width:860px;box-shadow:var(--sh-md)}.founding .f-badge{background:var(--amber);color:#fff;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:5px 11px;border-radius:999px;white-space:nowrap}.founding .f-text{font-size:15px;font-weight:600}.founding .f-text b{color:#ffe0a3}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px;align-items:stretch}.price{border:1px solid var(--border-soft);border-radius:var(--r-xl);background:var(--paper);padding:30px 28px;display:flex;flex-direction:column;box-shadow:var(--sh-sm);position:relative}.price.feature{border:2px solid var(--primary);box-shadow:var(--sh-lg)}.price .pop{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:6px 14px;border-radius:999px;white-space:nowrap}.price h3{font-size:20px;font-weight:800;margin:0}.price .ptag{font-size:13.5px;color:var(--ink-40);margin:6px 0 0;min-height:20px}.price .amt{margin:18px 0 0;display:flex;align-items:baseline;gap:6px}.price .amt .num{font-size:38px;font-weight:800;letter-spacing:-.02em;font-family:var(--font-display)}.price .amt .per{font-size:14px;color:var(--ink-40);font-weight:600}.price .annual{font-size:13px;color:var(--ink-40);margin:7px 0 0}.price .btn{margin:22px 0 0;width:100%}.price .feats{list-style:none;padding:22px 0 0;margin:22px 0 0;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:11px}.price .feats li{display:flex;gap:10px;font-size:14.5px;color:var(--ink);line-height:1.45}.price .feats .ck{color:var(--success);font-weight:800;flex-shrink:0}.price .feats .muted{color:var(--ink-40)}.matrix{width:100%;border-collapse:collapse;margin-top:8px;font-size:14.5px}.matrix td,.matrix th{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-soft)}.matrix thead th{font-family:var(--font-display);font-size:15px}.matrix td.c,.matrix th.c{text-align:center}.matrix tbody tr:hover{background:var(--cream)}.matrix .yes{color:var(--success);font-weight:800}.matrix .no{color:var(--border)}.matrix .feature-col{background:var(--primary-soft)}.faq{max-width:820px;margin:36px auto 0}.faq details{border-bottom:1px solid var(--border-soft)}.faq summary{list-style:none;cursor:pointer;padding:22px 4px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--ink)}.faq summary::-webkit-details-marker{display:none}.faq summary .qmark{flex-shrink:0;width:26px;height:26px;border-radius:999px;border:1.5px solid var(--border);display:grid;place-items:center;font-size:18px;color:var(--ink-40);transition:.2s}.faq details[open] summary .qmark{background:var(--primary);border-color:var(--primary);color:#fff;transform:rotate(45deg)}.faq .ans{padding:0 4px 24px;font-size:16px;line-height:1.62;color:var(--ink-60);max-width:720px;text-wrap:pretty}.final{background:radial-gradient(120% 140% at 50% -20%,#2a4ea0 0,var(--navy) 40%,var(--navy-deep) 100%);color:#fff;text-align:center;overflow:hidden}.final h2{font-size:44px;font-weight:800;letter-spacing:-.025em;margin:0;text-wrap:balance}.final p{font-size:18px;color:rgba(255,255,255,.78);margin:16px 0 0}.final .hero-cta{justify-content:center;margin-top:30px}.site-footer{background:var(--navy-deep);color:rgba(255,255,255,.7)}.foot-in{max-width:var(--maxw);margin:0 auto;padding:64px 28px 40px}.foot-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);grid-gap:32px;gap:32px}.foot-brand p{font-size:14px;line-height:1.55;margin:16px 0 0;color:rgba(255,255,255,.6);max-width:260px}.foot-col h5{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5);margin:0 0 14px}.foot-col a{display:block;font-size:14.5px;color:rgba(255,255,255,.78);text-decoration:none;padding:5px 0}.foot-col a:hover{color:#fff}.foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:48px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px;color:rgba(255,255,255,.55)}.foot-bottom .fb-links{display:flex;gap:20px}.foot-bottom a{color:rgba(255,255,255,.7);text-decoration:none}.cookie{position:fixed;left:20px;bottom:20px;z-index:60;max-width:380px;background:#fff;border:1px solid var(--border-soft);border-radius:var(--r-lg);box-shadow:var(--sh-xl);padding:18px 20px}.cookie p{font-size:13.5px;line-height:1.55;color:var(--ink-60);margin:0 0 14px}.cookie .ck-row{display:flex;gap:10px}.cookie .btn{padding:9px 16px;font-size:13.5px}.wa-float{position:fixed;right:22px;bottom:22px;z-index:55;text-decoration:none}@media (max-width:920px){.nav-links,.nav-right .loc-switch,.nav-right .nav-masuk{display:none}.nav-burger{display:block}.hero-in{grid-template-columns:1fr;gap:40px;padding:52px 28px 64px}.hero h1{font-size:40px}.hero-art{order:-1}.hero-art .tablet{max-width:420px}.feat,.feat.flip{grid-template-columns:1fr;gap:28px}.feat.flip .feat-text{order:0}.feat-visual{order:-1}.hw-grid,.migrate-in,.verts{grid-template-columns:1fr;gap:28px}.price-grid{grid-template-columns:1fr}.price.feature{order:-1}.foot-grid,.trust-grid{grid-template-columns:1fr 1fr}.foot-grid{gap:28px}.sec{padding:60px 0}.sec-h2{font-size:30px}.final h2{font-size:32px}.mnav.open{display:block;position:fixed;inset:70px 0 0;z-index:49;background:#fff;padding:24px 28px;overflow-y:auto}.mnav a{display:block;font-size:19px;font-weight:600;color:var(--ink);padding:15px 0;border-bottom:1px solid var(--border-soft);text-decoration:none}.mnav .m-cta{flex-direction:column;gap:12px}.mnav .m-cta,.mnav .m-loc{margin-top:22px;display:flex}.mnav .m-loc{gap:8px}.mnav .m-loc a{border:1px solid var(--border-soft);border-radius:999px;padding:8px 16px;font-size:14px;flex:none}.mnav .m-loc a.on{background:var(--primary);color:#fff;border-color:var(--primary)}body.menu-open{overflow:hidden}}@media (max-width:560px){.wrap{padding:0 20px}.hero h1{font-size:33px}.hero-sub{font-size:16.5px}.foot-grid,.trust-grid{grid-template-columns:1fr}.cookie{left:12px;right:12px;bottom:12px;max-width:none}.final .hero-cta .btn,.hero-cta .btn{flex:1 1}}.final,.hero,.phero,.problem,.trust{position:relative}.final .wrap,.hero-in,.phero-in,.problem .wrap,.trust .wrap{position:relative;z-index:1}.aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.aurora b{position:absolute;display:block;width:46vw;height:46vw;max-width:720px;max-height:720px;border-radius:50%;filter:blur(70px);opacity:.55;mix-blend-mode:screen}.aurora b.a1{top:-16%;right:-6%;background:radial-gradient(circle at 30% 30%,#3b82f6,transparent 70%);animation:drift1 22s ease-in-out infinite}.aurora b.a2{bottom:-22%;left:-8%;background:radial-gradient(circle at 40% 40%,#0ea5e9,transparent 70%);animation:drift2 26s ease-in-out infinite}.aurora b.a3{top:18%;left:30%;width:30vw;height:30vw;background:radial-gradient(circle at 50% 50%,#7cc0ff,transparent 72%);opacity:.35;animation:drift3 30s ease-in-out infinite}@keyframes drift1{0%,to{transform:translateZ(0) scale(1)}28%{transform:translate3d(-4%,5%,0) scale(1.08)}55%{transform:translate3d(4%,8%,0) scale(1.14)}80%{transform:translate3d(6%,-2%,0) scale(1.05)}}@keyframes drift2{0%,to{transform:translateZ(0) scale(1.05)}33%{transform:translate3d(6%,-5%,0) scale(.94)}66%{transform:translate3d(-5%,-3%,0) scale(1.1)}}@keyframes drift3{0%,to{transform:translateZ(0) scale(1);opacity:.35}30%{transform:translate3d(7%,5%,0) scale(1.12);opacity:.26}60%{transform:translate3d(-6%,8%,0) scale(1.18);opacity:.2}}@keyframes floatA{0%,to{transform:translate(0)}25%{transform:translate(2.4vw,2vw)}50%{transform:translate(-1.6vw,3.6vw)}75%{transform:translate(-2.6vw,1vw)}}@keyframes floatB{0%,to{transform:translate(0)}30%{transform:translate(-2.2vw,2.4vw)}60%{transform:translate(2.6vw,1.2vw)}}@keyframes floatC{0%,to{transform:translate(0)}50%{transform:translate(3vw,-2.4vw)}}@keyframes floatD{0%,to{transform:translate(0)}40%{transform:translate(2vw,2.6vw)}70%{transform:translate(-1.8vw,1.4vw)}}.aurora i{position:absolute;display:block;will-change:transform}.aurora i.abolt{background:linear-gradient(180deg,#cfe6ff,#3b82f6);-webkit-clip-path:polygon(58% 0,12% 56%,46% 56%,36% 100%,90% 40%,54% 40%);clip-path:polygon(58% 0,12% 56%,46% 56%,36% 100%,90% 40%,54% 40%);opacity:.12}.aurora i.ab1{width:48px;height:78px;top:13%;left:7%;animation:boltStrike 7s step-end infinite,floatA 16s ease-in-out infinite}.aurora i.ab2{width:30px;height:50px;top:22%;right:15%;animation:boltStrike 8.5s step-end 1.3s infinite,floatB 19s ease-in-out infinite}.aurora i.ab3{width:64px;height:104px;bottom:12%;right:26%;animation:boltStrike 9.5s step-end 2.7s infinite,floatC 22s ease-in-out infinite}.aurora i.ab4{width:26px;height:42px;bottom:24%;left:16%;animation:boltStrike 6.5s step-end 3.6s infinite,floatD 14s ease-in-out infinite}.aurora i.ab5{width:18px;height:30px;top:56%;left:38%;animation:boltStrike 7.8s step-end 4.4s infinite,floatA 12s ease-in-out infinite reverse}@keyframes boltStrike{0%,40%,to{opacity:.1;filter:none}41%{opacity:.92;filter:drop-shadow(0 0 14px rgba(124,192,255,.95))}43%{opacity:.25;filter:none}45%{opacity:.82;filter:drop-shadow(0 0 20px rgba(124,192,255,1))}48%{opacity:.1;filter:none}}@media (prefers-reduced-motion:reduce){.aurora i{animation:none!important;opacity:.12}}.aurora i.disc,.aurora i.dot,.aurora i.ring{border-radius:50%}.aurora i.ring{border:2px solid rgba(124,192,255,.22)}.aurora i.ring.dashed{border-style:dashed;border-color:rgba(174,216,255,.2)}.aurora i.disc{background:radial-gradient(circle at 34% 30%,rgba(124,192,255,.34),rgba(124,192,255,0) 70%)}.aurora i.dot{background:rgba(174,216,255,.55);box-shadow:0 0 14px rgba(124,192,255,.55)}.aurora i.r1{width:17vw;height:17vw;max-width:260px;max-height:260px;top:12%;left:6%;animation:floatA 19s ease-in-out infinite}.aurora i.r2{width:10vw;height:10vw;max-width:150px;max-height:150px;bottom:14%;right:12%;animation:spinDrift 24s ease-in-out infinite}.aurora i.d1{width:7vw;height:7vw;max-width:110px;max-height:110px;top:26%;right:22%;animation:floatB 15s ease-in-out infinite}.aurora i.t1{width:14px;height:14px;top:22%;left:40%;animation:floatC 9s ease-in-out infinite}.aurora i.t2{width:10px;height:10px;bottom:28%;left:18%;animation:floatD 12s ease-in-out infinite}.aurora i.t3{width:20px;height:20px;top:58%;right:7%;animation:floatA 11s ease-in-out infinite reverse}@keyframes spinDrift{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(-2vw,2.6vw) rotate(180deg)}to{transform:translate(0) rotate(1turn)}}.hero-art .tablet{animation:floaty 7s ease-in-out infinite}.hero-float{animation:floaty 5.5s ease-in-out infinite}.hero-float.br{animation-delay:-2.5s}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.site-nav{transition:box-shadow .25s ease,background .25s ease}.site-nav.scrolled{box-shadow:var(--sh-md);background:rgba(255,255,255,.94)}.scroll-prog{position:fixed;top:0;left:0;height:3px;width:0;z-index:70;background:linear-gradient(90deg,var(--primary),var(--sky));transition:width .08s linear}@media (prefers-reduced-motion:no-preference){html.has-reveal .rv.rv-in{animation:revUp .72s cubic-bezier(.16,.84,.34,1) both}html.has-reveal .rv.rv-in.rv-l{animation-name:revLeft}html.has-reveal .rv.rv-in.rv-r{animation-name:revRight}html.has-reveal .rv.rv-in.rv-scale{animation-name:revScale}}@keyframes revUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes revLeft{0%{opacity:0;transform:translateX(-48px)}to{opacity:1;transform:none}}@keyframes revRight{0%{opacity:0;transform:translateX(48px)}to{opacity:1;transform:none}}@keyframes revScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.aurora b,.hero-art .tablet,.hero-float{animation:none!important}}.final,.problem,.trust{position:relative}.final:before,.problem:before,.trust:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 0);background-size:22px 22px;-webkit-mask-image:radial-gradient(120% 100% at 50% 0,#000 0,transparent 72%);mask-image:radial-gradient(120% 100% at 50% 0,#000 0,transparent 72%)}.final .wrap,.problem .wrap,.trust .wrap{position:relative;z-index:1}.bolt-div{display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 0}.bolt-div:after,.bolt-div:before{content:"";height:1px;width:min(120px,18vw);background:linear-gradient(90deg,transparent,var(--border))}.bolt-div:after{background:linear-gradient(90deg,var(--border),transparent)}.bolt-div .bd-mark{width:12px;height:18px;background:var(--primary);-webkit-clip-path:polygon(58% 0,12% 56%,46% 56%,36% 100%,90% 40%,54% 40%);clip-path:polygon(58% 0,12% 56%,46% 56%,36% 100%,90% 40%,54% 40%);opacity:.8}.cursor-glow{position:absolute;top:0;left:0;z-index:0;width:460px;height:460px;margin:-230px 0 0 -230px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(124,192,255,.3),transparent 62%);transition:opacity .3s ease;will-change:transform;mix-blend-mode:screen}@media (prefers-reduced-motion:no-preference){.hero h1 .hl{background:linear-gradient(100deg,#7cc0ff,#b8deff 22%,#6ef3ff 46%,#7cc0ff 70%,#b8deff);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:hlShimmer 7.5s linear infinite}@keyframes hlShimmer{to{background-position:240% 0}}.hero-art .shot{position:relative}.hero-art .shot:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.22) 50%,transparent 62%);transform:translateX(-130%);animation:deviceGlare 6.5s ease-in-out infinite}@keyframes deviceGlare{0%,64%{transform:translateX(-130%)}82%,to{transform:translateX(130%)}}}.draw-accent{display:block;width:220px;max-width:60%;height:14px;margin:14px auto 0;overflow:visible}.draw-accent path{fill:none;stroke:var(--primary);stroke-width:5;stroke-linecap:round}.pillar .p-ic{transition:transform .28s cubic-bezier(.2,.9,.3,1.3),background .16s,color .16s}.pillar:hover .p-ic{transform:translateY(-4px) rotate(-5deg) scale(1.06)}.feat-visual .shot{transition:transform .35s cubic-bezier(.2,.8,.3,1),box-shadow .35s}.feat-visual:hover .shot{transform:translateY(-6px) scale(1.012);box-shadow:var(--sh-lg)}@media (prefers-reduced-motion:no-preference){.pika-logo .pk-bolt{animation:boltFlicker 5s step-end infinite}}@keyframes boltFlicker{0%,to{filter:drop-shadow(0 0 0 transparent);opacity:1}2%{filter:drop-shadow(0 0 7px rgba(96,165,250,.95));opacity:1}4%{filter:none;opacity:.6}6%{filter:drop-shadow(0 0 10px rgba(96,165,250,1));opacity:1}9%{filter:drop-shadow(0 0 3px rgba(96,165,250,.45));opacity:1}12%{filter:drop-shadow(0 0 0 transparent);opacity:1}}.thunder-layer{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden}.t-flash{position:absolute;inset:0;opacity:0;mix-blend-mode:screen;background:radial-gradient(72% 52% at 50% 0,rgba(124,192,255,.22),transparent 70%);animation:tFlash 11s ease-out infinite}.t-flash.b{animation:tFlash 16s ease-out 6s infinite;background:radial-gradient(60% 60% at 85% 30%,rgba(96,165,250,.18),transparent 68%)}@keyframes tFlash{0%,89%,to{opacity:0}90%{opacity:.4}91.5%{opacity:.1}93%{opacity:.55}96%{opacity:0}}.tbolt{position:absolute;opacity:.06;background:linear-gradient(180deg,#aed8ff,#3b82f6);-webkit-clip-path:polygon(58% 0,12% 56%,46% 56%,36% 100%,90% 40%,54% 40%);clip-path:polygon(58% 0,12% 56%,46% 56%,36% 100%,90% 40%,54% 40%)}.tbolt.x1{width:24px;height:38px;top:16%;left:6%;animation:spark 6.5s step-end infinite,floatC 15s ease-in-out infinite}.tbolt.x2{width:18px;height:28px;top:24%;right:9%;animation:spark 7.5s step-end .8s infinite,floatD 18s ease-in-out infinite}.tbolt.x3{width:30px;height:46px;bottom:18%;left:11%;animation:spark 8s step-end 2.2s infinite,floatB 20s ease-in-out infinite}.tbolt.x4{width:16px;height:26px;top:52%;right:13%;animation:spark 6s step-end 3.4s infinite,floatA 14s ease-in-out infinite reverse}.tbolt.x5{width:20px;height:32px;bottom:26%;right:22%;animation:spark 9s step-end 1.5s infinite,floatC 17s ease-in-out infinite}@keyframes spark{0%,46%,to{opacity:.06;filter:none}48%{opacity:.6;filter:drop-shadow(0 0 8px rgba(96,165,250,.8))}50%{opacity:.18;filter:none}52%{opacity:.48;filter:drop-shadow(0 0 6px rgba(96,165,250,.7))}55%{opacity:.06;filter:none}}@media (prefers-reduced-motion:reduce){.thunder-layer{display:none}}.shot{container-type:size;position:relative;overflow:hidden;background:#fff;border:1px solid var(--border-soft)}.shot.screen{border-radius:var(--r-lg)}.shot.flush{border:none;border-radius:0}.shot-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.shot-phonewrap{position:absolute;inset:0;display:grid;place-items:center;padding:4%;background:radial-gradient(120% 110% at 75% 0,var(--sky-soft) 0,var(--cream) 55%)}.shot-phone{height:94%;width:auto;max-width:92%;object-fit:contain;object-position:center top;display:block;filter:drop-shadow(0 1.4em 2.4em rgba(15,23,42,.28))}.shot-offline{position:absolute;top:6%;left:6%;z-index:4;display:inline-flex;align-items:center;gap:.5em;background:#fff;color:#a4242b;font-weight:700;font-size:clamp(9px,2.3cqw,13px);line-height:1.2;white-space:nowrap;padding:.5em .85em;border-radius:99em;box-shadow:0 .6em 1.6em rgba(15,23,42,.22);max-width:92%}.shot-offline .m-dot{width:.6em;height:.6em;border-radius:99em;background:var(--danger);box-shadow:0 0 0 .22em rgba(200,36,44,.16);flex:none}.mock{position:absolute;inset:0;font-size:2.7cqw;line-height:1.25;font-family:var(--font-sans);color:var(--ink);display:flex;flex-direction:column;overflow:hidden;background:var(--cream)}.mock *{box-sizing:border-box}.mock .mono{font-family:var(--font-mono)}.mock .tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.m-bar{display:flex;align-items:center;justify-content:space-between;gap:.7em;padding:.9em 1.1em;background:#fff;border-bottom:1px solid var(--border-soft)}.m-bar .m-title{font-weight:800;font-family:var(--font-display);font-size:1.45em;letter-spacing:-.01em}.m-bar .m-sub{font-size:1em;color:var(--ink-40)}.m-chip{display:inline-flex;align-items:center;gap:.4em;font-size:.95em;font-weight:700;padding:.35em .7em;border-radius:99em}.m-chip.amber{background:var(--amber-soft);color:#92500a}.m-chip.green{background:var(--success-soft);color:var(--success)}.m-chip.blue{background:var(--primary-soft);color:var(--primary-deep)}.m-chip.gray{background:var(--cream-2);color:var(--ink-60)}.m-dot{width:.55em;height:.55em;background:currentColor}.m-av,.m-dot{border-radius:99em}.m-av{background:linear-gradient(135deg,var(--primary-bright),var(--sky));color:#fff;display:grid;place-items:center;font-weight:800}.m-offline{display:flex;align-items:center;gap:.6em;padding:.55em 1.1em;background:#fff6f6;border-bottom:1px solid #f6d9da;color:#a4242b;font-size:1.02em;font-weight:700}.m-offline .m-dot{background:var(--danger);box-shadow:0 0 0 .25em rgba(200,36,44,.16)}.m-pos{flex:1 1;display:grid;grid-template-columns:1fr 12.5em;min-height:0}.m-pos .m-cat{display:flex;gap:.5em;padding:.8em 1em 0;flex-wrap:wrap}.m-pos .m-cat span{font-size:.95em;font-weight:600;color:var(--ink-60);padding:.4em .8em;border-radius:99em;background:#fff;border:1px solid var(--border-soft)}.m-pos .m-cat span.on{background:var(--primary);color:#fff;border-color:var(--primary)}.m-grid{padding:.8em 1em;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.6em;gap:.6em;align-content:start;overflow:hidden}.m-prod{background:#fff;border:1px solid var(--border-soft);border-radius:.8em;padding:.55em;display:flex;flex-direction:column;gap:.45em}.m-prod .m-thumb{height:3.2em;border-radius:.5em;background:linear-gradient(135deg,var(--primary-soft),var(--sky-soft))}.m-prod .m-thumb.v2{background:linear-gradient(135deg,#fde9d4,#fcd9b3)}.m-prod .m-thumb.v3{background:linear-gradient(135deg,#d9f0e2,#bfe6cf)}.m-prod .m-thumb.v4{background:linear-gradient(135deg,#e6ddf7,#d6c8f0)}.m-prod b{font-size:1em;font-weight:700}.m-prod span{font-size:.95em;color:var(--ink-60);font-weight:600}.m-cart{background:#fff;border-left:1px solid var(--border-soft);display:flex;flex-direction:column;min-height:0}.m-cart .m-cart-h{padding:.85em 1em;font-weight:800;font-family:var(--font-display);border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between}.m-cart .m-items{flex:1 1;padding:.3em .4em;display:flex;flex-direction:column;gap:.15em;overflow:hidden}.m-line{display:flex;align-items:center;gap:.5em;padding:.45em .6em;border-radius:.55em}.m-line:nth-child(odd){background:var(--cream)}.m-line .m-q{width:1.7em;height:1.7em;border-radius:.4em;background:var(--primary-soft);color:var(--primary-deep);font-weight:800;font-size:.9em;display:grid;place-items:center;flex:none}.m-line .m-nm{flex:1 1;font-size:1em;font-weight:600}.m-line .m-pr{font-size:1em;font-weight:700}.m-cart .m-tot{border-top:1px dashed var(--border);padding:.7em 1em;display:flex;flex-direction:column;gap:.3em}.m-tot .m-tr{display:flex;justify-content:space-between;font-size:1em;color:var(--ink-60)}.m-tot .m-tr.grand{color:var(--ink);font-weight:800;font-size:1.25em;margin-top:.15em}.m-pay-btn{margin:0 1em 1em;background:var(--primary);color:#fff;text-align:center;font-weight:800;padding:.85em;border-radius:.7em;font-size:1.1em;box-shadow:var(--sh-blue)}.m-paywrap{flex:1 1;padding:1.1em;gap:.9em;background:var(--cream)}.m-paywrap,.m-paywrap .m-amt{display:flex;flex-direction:column}.m-paywrap .m-amt{background:var(--navy-deep);color:#fff;border-radius:.9em;padding:1em 1.2em;gap:.15em;position:relative;overflow:hidden}.m-paywrap .m-amt span{font-size:1em;color:#9ec9ff;font-weight:600}.m-paywrap .m-amt b{font-size:2.1em;font-weight:800;letter-spacing:-.02em}.m-pm{display:grid;grid-template-columns:1fr 1fr;grid-gap:.65em;gap:.65em}.m-pm .m-method{background:#fff;border:1.5px solid var(--border-soft);border-radius:.8em;padding:.85em;display:flex;align-items:center;gap:.6em;font-weight:700;font-size:1.05em}.m-pm .m-method.on{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 .2em rgba(37,99,235,.12)}.m-pm .m-mi{width:2.1em;height:2.1em;border-radius:.5em;display:grid;place-items:center;font-size:.82em;font-weight:800;font-family:var(--font-mono);color:#fff;flex:none}.m-mi.qris{background:#0369A1}.m-mi.cash{background:var(--success)}.m-mi.card{background:var(--navy)}.m-mi.va{background:var(--sky-deep)}.m-qr{align-self:center;width:9em;height:9em;border-radius:.8em;background:linear-gradient(#0f172a 0 0) padding-box,#fff;padding:.7em;margin-top:.2em}.m-qr .m-qrimg{width:100%;height:100%;border-radius:.3em;background-color:#fff;background-image:linear-gradient(90deg,#0f172a 50%,transparent 0),linear-gradient(#0f172a 50%,transparent 0);background-size:1.1em 1.1em,1.1em 1.1em;background-position:0 0;position:relative}.m-dash{flex:1 1;padding:1.1em;display:flex;flex-direction:column;gap:.9em;background:var(--cream);overflow:hidden}.m-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.65em;gap:.65em}.m-stat{background:#fff;border:1px solid var(--border-soft);border-radius:.8em;padding:.8em .9em;display:flex;flex-direction:column;gap:.25em}.m-stat .m-k{font-size:.95em;color:var(--ink-40);font-weight:600}.m-stat .m-v{font-size:1.5em;font-weight:800;letter-spacing:-.01em;font-family:var(--font-display)}.m-stat .m-d{font-size:.9em;font-weight:700;color:var(--success)}.m-stat .m-d.dn{color:var(--danger)}.m-panel{flex:1 1;background:#fff;border:1px solid var(--border-soft);border-radius:.9em;padding:1em;display:flex;flex-direction:column;gap:.7em;min-height:0}.m-panel .m-ph{display:flex;justify-content:space-between;align-items:center}.m-panel .m-ph b{font-family:var(--font-display);font-weight:800;font-size:1.15em}.m-chart{flex:1 1;display:flex;align-items:flex-end;gap:.55em;padding-top:.4em}.m-chart i{flex:1 1;background:linear-gradient(180deg,var(--primary-bright),var(--primary));border-radius:.3em .3em 0 0;min-height:.3em;position:relative}.m-chart i.alt{background:linear-gradient(180deg,var(--sky),var(--sky-deep))}.m-chart i:after{content:""}.m-recwrap{flex:1 1;display:grid;grid-template-columns:1fr;place-items:center;background:radial-gradient(120% 120% at 50% 0,var(--sky-soft),var(--cream) 60%);padding:1.2em}.m-receipt{width:18em;max-width:94%;background:#fff;border-radius:.6em;box-shadow:var(--sh-lg);padding:1.2em 1.3em;font-family:var(--font-mono)}.m-receipt .m-rh{text-align:center;border-bottom:1px dashed var(--border);padding-bottom:.7em;margin-bottom:.7em}.m-receipt .m-rh b{font-family:var(--font-display);font-size:1.3em;font-weight:800}.m-receipt .m-rh span{display:block;font-size:.92em;color:var(--ink-40);margin-top:.2em}.m-rl{display:flex;justify-content:space-between;gap:.9em;font-size:.96em;padding:.22em 0;color:var(--ink-60);white-space:nowrap}.m-rl.it span:first-child{overflow:hidden;text-overflow:ellipsis}.m-rl.it{color:var(--ink)}.m-rl.tax{color:var(--primary-deep);font-weight:700}.m-receipt .m-rsep{border-top:1px dashed var(--border);margin:.55em 0}.m-rl.grand{font-size:1.25em;font-weight:800;color:var(--ink);font-family:var(--font-display)}.m-receipt .m-rtag{margin-top:.7em;text-align:center;font-size:.85em;color:var(--ink-40)}.m-loywrap{flex:1 1;display:flex;flex-direction:column;gap:.9em;padding:1.1em;background:var(--cream)}.m-loycard{background:linear-gradient(120deg,var(--navy),var(--primary-deep));color:#fff;border-radius:1em;padding:1.1em 1.2em;position:relative;overflow:hidden;box-shadow:var(--sh-lg)}.m-loycard:after{content:"";position:absolute;right:-3em;top:-3em;width:9em;height:9em;border-radius:99em;background:radial-gradient(circle,rgba(124,192,255,.5),transparent 70%)}.m-loycard .m-lt{font-size:1em;color:#bcd2ff;font-weight:600}.m-loycard .m-ln{font-size:1.5em;font-weight:800;font-family:var(--font-display);margin-top:.1em}.m-loycard .m-lp{display:flex;align-items:baseline;gap:.35em;margin-top:.9em}.m-loycard .m-lp b{font-size:2.1em;font-weight:800}.m-loycard .m-lp span{font-size:1em;color:#bcd2ff}.m-loycard .m-tier{position:absolute;right:1.1em;top:1.1em;background:var(--amber);color:#fff;font-weight:800;font-size:.85em;padding:.3em .7em;border-radius:99em;z-index:1}.m-loyrow{background:#fff;border:1px solid var(--border-soft);border-radius:.7em;padding:.7em .9em;display:flex;align-items:center;gap:.7em}.m-loyrow .m-av{width:2.2em;height:2.2em;font-size:.9em}.m-loyrow .m-li{flex:1 1}.m-loyrow .m-li b{font-size:1.05em;font-weight:700;display:block}.m-loyrow .m-li span{font-size:.92em;color:var(--ink-40)}.m-loyrow .m-pts{font-weight:800;color:var(--primary-deep);font-size:1.05em}.m-mo{flex:1 1;padding:1.1em;display:flex;flex-direction:column;gap:.8em;background:var(--cream)}.m-mo .m-moh{display:flex;justify-content:space-between;align-items:center}.m-mo .m-moh b{font-family:var(--font-display);font-weight:800;font-size:1.25em}.m-mo .m-morow{background:#fff;border:1px solid var(--border-soft);border-radius:.7em;padding:.75em .95em;display:flex;align-items:center;gap:.7em}.m-morow .m-pin{width:2em;height:2em;border-radius:.5em;background:var(--primary-soft);color:var(--primary-deep);display:grid;place-items:center;font-weight:800;flex:none}.m-morow .m-mi2{flex:1 1}.m-morow .m-mi2 b{font-size:1.05em;font-weight:700;display:block}.m-morow .m-mi2 span{font-size:.9em;color:var(--ink-40)}.m-morow .m-mbar{width:5em;height:.5em;border-radius:99em;background:var(--border-soft);overflow:hidden}.m-morow .m-mbar i{display:block;height:100%;background:var(--primary);border-radius:99em}.m-morow .m-amt2{font-weight:800;font-size:1.05em;min-width:5em;text-align:right}.m-search{margin:.9em 1em 0;background:#fff;border:1px solid var(--border-soft);border-radius:.6em;padding:.6em .9em;display:flex;align-items:center;gap:.6em;color:var(--ink-40);font-size:1.02em}.m-search .m-sicon{width:1.1em;height:1.1em;border:.18em solid var(--ink-40);border-radius:99em;position:relative}.m-clist{padding:.8em 1em;display:flex;flex-direction:column;gap:.45em;overflow:hidden}.m-crow{background:#fff;border:1px solid var(--border-soft);border-radius:.7em;padding:.65em .85em;display:flex;align-items:center;gap:.7em}.m-crow .m-cth{width:2.4em;height:2.4em;border-radius:.5em;background:linear-gradient(135deg,var(--primary-soft),var(--sky-soft));flex:none}.m-crow .m-ci{flex:1 1}.m-crow .m-ci b{font-size:1.05em;font-weight:700;display:block}.m-crow .m-ci span{font-size:.9em;color:var(--ink-40);font-family:var(--font-mono)}.m-crow .m-stk{font-size:.9em;font-weight:700;color:var(--success)}.m-crow .m-stk.low{color:var(--amber)}.m-crow .m-cp{font-weight:800;font-size:1.05em}.m-qmwrap{flex:1 1;display:grid;place-items:center;background:radial-gradient(120% 120% at 80% 0,var(--sky-soft),var(--cream) 55%);padding:1em}.m-phone{width:13em;max-width:70%;aspect-ratio:9/18.5;background:#0b1220;border-radius:2em;padding:.55em;box-shadow:var(--sh-xl)}.m-phone .m-pscreen{width:100%;height:100%;border-radius:1.5em;overflow:hidden;background:var(--cream);display:flex;flex-direction:column;position:relative}.m-phone .m-pnotch{position:absolute;top:.5em;left:50%;transform:translateX(-50%);width:3em;height:.5em;border-radius:99em;background:rgba(255,255,255,.5);z-index:2}.m-phd{background:linear-gradient(120deg,var(--navy),var(--primary-deep));color:#fff;padding:1.6em 1.1em 1em}.m-phd .m-pe{font-size:.85em;color:#bcd2ff;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.m-phd b{display:block;font-size:1.35em;font-weight:800;font-family:var(--font-display);margin-top:.15em}.m-pmenu{flex:1 1;padding:.7em;display:flex;flex-direction:column;gap:.5em;overflow:hidden}.m-pitem{background:#fff;border:1px solid var(--border-soft);border-radius:.7em;padding:.55em;display:flex;gap:.55em;align-items:center}.m-pitem .m-pth{width:2.4em;height:2.4em;border-radius:.5em;flex:none;background:linear-gradient(135deg,#fde9d4,#fcd9b3)}.m-pitem .m-pth.v2{background:linear-gradient(135deg,var(--primary-soft),var(--sky-soft))}.m-pitem .m-pth.v3{background:linear-gradient(135deg,#d9f0e2,#bfe6cf)}.m-pitem .m-pii{flex:1 1}.m-pitem .m-pii b{font-size:1em;font-weight:700;display:block}.m-pitem .m-pii span{font-size:.9em;color:var(--ink-40)}.m-pitem .m-padd{width:1.7em;height:1.7em;border-radius:.45em;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}.m-pbtn{margin:.2em .7em .8em;background:var(--primary);color:#fff;text-align:center;font-weight:800;padding:.7em;border-radius:99em;font-size:1em}.m-migwrap{flex:1 1;padding:1.4em 1.6em;display:flex;flex-direction:column;gap:1em;background:var(--cream);justify-content:center}.m-migrow{background:#fff;border:1px solid var(--border-soft);border-radius:.7em;padding:.85em 1em;display:flex;align-items:center;gap:.8em}.m-migrow .m-src{font-weight:800;font-family:var(--font-mono);font-size:.95em;color:var(--ink-60);width:5em}.m-migrow .m-prog{flex:1 1;height:.55em;border-radius:99em;background:var(--cream-2);overflow:hidden}.m-migrow .m-prog i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--sky));border-radius:99em}.m-migrow .m-ok{color:var(--success);font-weight:800;font-size:1.3em}.m-migrow .m-cnt{font-size:.9em;color:var(--ink-40);font-weight:700;width:4.5em;text-align:right}.m-stkwrap{flex:1 1;padding:0;display:flex;flex-direction:column;background:var(--cream)}.m-scene{position:absolute;inset:0;overflow:hidden;background:radial-gradient(80% 70% at 75% 15%,#3b6fd4 0,transparent 60%),radial-gradient(90% 80% at 10% 90%,#0ea5e9 0,transparent 55%),linear-gradient(160deg,var(--navy) 0,var(--navy-deep) 100%);display:flex;align-items:center;justify-content:center}.m-scene .m-grain{position:absolute;inset:0;opacity:.5;mix-blend-mode:overlay;background-image:radial-gradient(rgba(255,255,255,.18) .5px,transparent 0);background-size:.5em .5em}.m-scene .m-floor{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.32))}.m-scene .m-sdev{position:relative;z-index:2;width:60%;aspect-ratio:16/10.6;background:linear-gradient(160deg,#1b2436,#0b1220);border-radius:1.1em;padding:.55em;box-shadow:0 2em 4em rgba(0,0,0,.45);transform:rotate(-3deg)}.m-scene .m-sdev .m-sscreen{width:100%;height:100%;border-radius:.7em;overflow:hidden;background:var(--cream);position:relative}.m-scene .m-tag2{position:absolute;z-index:3;bottom:11%;left:8%;background:rgba(255,255,255,.95);border-radius:99em;padding:.55em 1em;display:flex;align-items:center;gap:.5em;font-weight:700;font-size:1.05em;color:var(--ink);box-shadow:var(--sh-lg)}.m-scene .m-tag2 .m-dot{background:var(--success);box-shadow:0 0 0 .25em var(--success-soft)}.m-scene .m-props{position:absolute;z-index:2}.m-scene .m-cup{position:absolute;z-index:3;right:13%;bottom:16%;width:3.2em;height:3.6em;background:linear-gradient(180deg,#fff,#e8eef7);border-radius:.4em .4em .9em .9em;box-shadow:var(--sh-md);transform:rotate(4deg)}.m-scene .m-cup:after{content:"";position:absolute;right:-1em;top:.7em;width:1.1em;height:1.4em;border:.35em solid #e8eef7;border-radius:0 99em 99em 0}.m-scene .m-plant{position:absolute;z-index:1;left:9%;bottom:14%;width:3.6em;height:4.4em}.m-scene .m-plant:before{bottom:0;width:2.2em;height:1.8em;background:#16324f;border-radius:.3em .3em .5em .5em}.m-scene .m-plant:after,.m-scene .m-plant:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.m-scene .m-plant:after{bottom:1.4em;width:3.4em;height:3.4em;border-radius:99em;background:radial-gradient(circle at 40% 35%,#2c7a52,#14502f)}.m-scene .m-badge3{position:absolute;z-index:3;top:11%;right:9%;background:rgba(255,255,255,.95);border-radius:.7em;padding:.6em .8em;box-shadow:var(--sh-lg);display:flex;flex-direction:column;gap:.1em}.m-scene .m-badge3 b{font-size:1.3em;font-weight:800;color:var(--ink);font-family:var(--font-display)}.m-scene .m-badge3 span{font-size:.85em;color:var(--ink-40);font-weight:600}.mock.on-dark,.shot.on-dark{background:#0f1729}