:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#061015;--surface:#0b171d;--surface-raised:#102029;--text-primary:#f2f8fa;--text-secondary:#93aab3;--brand-cyan:#52d7ff;--aurora-mint:#65f0c5;--ice-highlight:#cff7ff;--violet-accent:#8f87ff;--amber-warning:#f2c261;--crimson-risk:#ff8a80;--obsidian:var(--canvas);--obsidian-naik:var(--surface);--charcoal:var(--surface);--charcoal-naik:var(--surface-raised);--kaca:#102029b8;--kaca-tipis:#cff7ff0d;--garis:#93aab329;--garis-terang:#cff7ff3d;--ivory:var(--text-primary);--titanium:var(--text-secondary);--titanium-redup:#63808b;--aksen:var(--brand-cyan);--aksen-lembut:#52d7ff24;--aksen-kuat:#52d7ff6b;--amber:var(--amber-warning);--amber-lembut:#f2c26124;--crimson:var(--crimson-risk);--hijau:var(--aurora-mint);--baja:var(--brand-cyan);--r1:4px;--r2:8px;--r3:12px;--r4:16px;--r5:24px;--r6:32px;--r7:48px;--lengkung-kecil:10px;--lengkung:16px;--lengkung-besar:24px;--lengkung-penuh:999px;--angkat:0 18px 48px #020a0e8c;--angkat-tinggi:0 28px 80px #020a0e9e;--kilau-dalam:inset 0 1px #cff7ff17;--pendar-aksen:0 0 24px #52d7ff47;--mikro:.11s;--panel:.24s;--reveal:.42s;--ambient:26s;--lengkung-gerak:cubic-bezier(.22, .61, .36, 1);--tinggi-topbar:56px;--tinggi-nav:64px;--lebar-rail:232px;--aman-atas:env(safe-area-inset-top,0px);--aman-bawah:env(safe-area-inset-bottom,0px);--aman-kiri:env(safe-area-inset-left,0px);--aman-kanan:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{background:var(--obsidian);overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ivory);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.55}button,input,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--aksen);outline-offset:3px;border-radius:var(--r1)}.gulir{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#93aab347 transparent;min-height:0;overflow-y:auto}.gulir::-webkit-scrollbar{width:8px}.gulir::-webkit-scrollbar-thumb{border-radius:var(--lengkung-penuh);background:#93aab347 padding-box content-box;border:2px solid #0000}.hanya-pembaca-layar{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.foundation-shell{height:100dvh;padding:calc(var(--r5) + var(--aman-atas)) calc(var(--r4) + var(--aman-kanan)) calc(var(--r5) + var(--aman-bawah)) calc(var(--r4) + var(--aman-kiri));background:var(--canvas);place-items:center;display:grid;position:relative;overflow:hidden}.foundation-card{z-index:1;width:min(100%,620px);max-height:100%;padding:clamp(var(--r5), 6vw, var(--r7));border:1px solid var(--garis);border-radius:var(--lengkung-besar);background:linear-gradient(155deg, var(--charcoal-naik), var(--kaca));box-shadow:var(--angkat-tinggi), var(--kilau-dalam);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow-y:auto}.foundation-kicker{margin:0 0 var(--r4);color:var(--aksen);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:700}.foundation-card h1{letter-spacing:-.05em;max-width:14ch;margin:0;font-size:clamp(2.1rem,7vw,3.8rem);font-weight:620;line-height:.98}.foundation-copy{max-width:52ch;margin:var(--r5) 0 var(--r5);color:var(--titanium);line-height:1.65}.foundation-status{align-items:center;gap:var(--r2);min-height:44px;margin:0 0 var(--r4);padding:0 var(--r4);border:1px solid var(--aksen-kuat);border-radius:var(--lengkung-penuh);color:var(--ice-highlight);background:var(--aksen-lembut);font-size:.9rem;font-weight:650;display:inline-flex}.foundation-status:before{background:var(--aksen);width:8px;height:8px;box-shadow:var(--pendar-aksen);content:"";border-radius:50%}.foundation-version{margin:var(--r4) 0 0;color:var(--titanium-redup);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.foundation-action{min-height:48px;padding:0 var(--r5);border:1px solid var(--aksen-kuat);border-radius:var(--lengkung-penuh);color:#04222c;background:linear-gradient(150deg, var(--ice-highlight), var(--brand-cyan) 55%, var(--aurora-mint));box-shadow:var(--pendar-aksen);transition:transform var(--mikro) var(--lengkung-gerak);justify-content:center;align-items:center;font-weight:680;text-decoration:none;display:inline-flex}.foundation-action:active{transform:translateY(1px)}.error-actions{gap:var(--r3);flex-wrap:wrap;display:flex}.error-actions button,.error-actions a{min-height:44px;padding:0 var(--r4);border:1px solid var(--garis);border-radius:var(--lengkung-penuh);color:var(--ivory);background:var(--kaca-tipis);cursor:pointer;text-decoration:none}@media (prefers-reduced-motion:no-preference){.foundation-status:before{animation:2.8s ease-in-out infinite jejak-denyut}}@keyframes jejak-denyut{50%{opacity:.45;transform:scale(.82)}}.wordmark{-webkit-user-select:none;user-select:none;align-items:center;gap:.5em;line-height:1;display:inline-flex}.wordmark-glif{flex-shrink:0;width:1.35em;height:1.35em}.wordmark-teks{color:var(--ivory);letter-spacing:.15em;text-indent:.02em;padding-left:.05em;font-weight:800}.wordmark-j{color:var(--brand-cyan)}.wordmark-kecil{font-size:.82rem}.wordmark-sedang{font-size:1rem}.wordmark-besar{font-size:clamp(1.6rem,5vw,2.4rem)}.mata-glif{width:100%;height:100%}.mata-iris{transform-origin:50%}@media (prefers-reduced-motion:no-preference){.mata-halo{animation:7s ease-in-out infinite mata-bernapas}.mata-iris{animation:7s ease-in-out infinite mata-iris-bernapas}}@keyframes mata-bernapas{50%{opacity:.5}}@keyframes mata-iris-bernapas{50%{transform:scale(.94)}}.aurora{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.aurora:before,.aurora:after{content:"";filter:blur(80px);border-radius:50%;position:absolute}.aurora:before{background:radial-gradient(circle at 40% 40%,#52d7ff29,#52d7ff00 62%);width:90vmax;height:70vmax;top:-30%;left:-20%}.aurora:after{background:radial-gradient(circle at 55% 45%,#65f0c51f,#8f87ff14 45%,#65f0c500 68%);width:80vmax;height:65vmax;bottom:-35%;right:-30%}@media (prefers-reduced-motion:no-preference){.aurora:before{animation:25s ease-in-out infinite alternate aurora-drift-1}.aurora:after{animation:32s ease-in-out infinite alternate aurora-drift-2}}@keyframes aurora-drift-1{0%{transform:translate(0)scale(1)}to{transform:translate(6%,4%)scale(1.05)}}@keyframes aurora-drift-2{0%{transform:translate(0)scale(1)}to{transform:translate(-5%,-3%)scale(.95)}}.aurora-butir{opacity:.5;mix-blend-mode:overlay;pointer-events:none;background-image:radial-gradient(#cff7ff0e .5px,#0000 .5px);background-size:3px 3px;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.aurora:before{animation:aurora-hanyut-a var(--ambient) ease-in-out infinite alternate}.aurora:after{animation:aurora-hanyut-b calc(var(--ambient) * 1.4) ease-in-out infinite alternate}}@keyframes aurora-hanyut-a{to{transform:translate(6%,8%)scale(1.12)}}@keyframes aurora-hanyut-b{to{transform:translate(-7%,-6%)scale(1.08)}}.landing{background:var(--canvas);height:100dvh;position:relative;overflow:hidden}.landing-isi{z-index:1;align-items:center;gap:var(--r7);height:100dvh;padding:calc(var(--r7) + var(--aman-atas)) calc(var(--r5) + var(--aman-kanan)) calc(var(--r6) + var(--aman-bawah)) calc(var(--r5) + var(--aman-kiri));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#93aab338 transparent;flex-direction:column;display:flex;position:relative;overflow-y:auto}.landing-hero{text-align:center;flex-direction:column;align-items:center;max-width:680px;display:flex}.landing-mata{width:64px;height:64px;margin-bottom:var(--r4);opacity:.9}.landing-merek{margin-bottom:var(--r4)}.landing-tagline{letter-spacing:-.06em;background:linear-gradient(160deg, var(--ivory), var(--brand-cyan) 70%, var(--aurora-mint));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.4rem,8vw,4.2rem);font-weight:680;line-height:.95}.landing-sub{max-width:44ch;margin:var(--r5) 0 0;color:var(--titanium);text-align:center;font-size:1.05rem;line-height:1.65}.landing-demo{width:100%;max-width:560px}.demo{gap:var(--r3);flex-direction:column;display:flex}.demo-konsol{align-items:center;gap:var(--r2);padding:var(--r2) var(--r3) var(--r2) var(--r5);border:1px solid var(--garis-terang);border-radius:var(--lengkung-penuh);box-shadow:var(--angkat), var(--kilau-dalam), inset 0 0 32px #52d7ff0d;transition:border-color var(--panel) var(--lengkung-gerak), box-shadow var(--panel) var(--lengkung-gerak);background:linear-gradient(150deg,#102029f2,#0b171dd1);display:flex;position:relative}.demo-konsol:before{z-index:-1;border-radius:inherit;background:linear-gradient(140deg, var(--brand-cyan), var(--aurora-mint), var(--violet-accent));opacity:0;filter:blur(14px);content:"";transition:opacity var(--panel) var(--lengkung-gerak);position:absolute;inset:-1px}.demo-konsol[data-status=focus]:before,.demo-konsol[data-status=typing]:before{opacity:.45}.demo-konsol[data-status=recognized]:before{opacity:.65}.demo-konsol[data-status=focus],.demo-konsol[data-status=typing]{border-color:var(--aksen-kuat)}.demo-konsol[data-status=recognized]{border-color:#65f0c580}.demo-input{min-width:0;min-height:52px;color:var(--ivory);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.demo-input::placeholder{color:var(--titanium-redup)}.demo-indikator{background:var(--kaca-tipis);width:44px;height:44px;transition:background var(--mikro) var(--lengkung-gerak), transform var(--mikro) var(--lengkung-gerak);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.demo-titik{background:var(--titanium-redup);border-radius:50%;width:8px;height:8px}.demo-ikon-jenis{color:var(--aurora-mint);font-size:1.15rem;font-weight:600}.demo-hasil{min-height:22px;padding-left:var(--r5);font-size:.88rem}.demo-tanda{align-items:center;gap:var(--r2);color:var(--aurora-mint);font-weight:650;display:inline-flex}.demo-tanda-ikon{font-size:.9rem}.demo-ragu{color:var(--titanium-redup);font-weight:400}.demo-petunjuk{color:var(--titanium-redup)}.landing-aksi{align-items:center;gap:var(--r4);flex-direction:column;display:flex}.landing-tombol-utama{justify-content:center;align-items:center;gap:var(--r3);min-height:54px;padding:0 var(--r6);border:1px solid var(--aksen-kuat);border-radius:var(--lengkung-penuh);color:#04222c;background:linear-gradient(150deg, var(--ice-highlight), var(--brand-cyan) 55%, var(--aurora-mint));box-shadow:var(--pendar-aksen);transition:transform var(--mikro) var(--lengkung-gerak), box-shadow var(--panel) var(--lengkung-gerak);font-size:1rem;font-weight:680;text-decoration:none;display:inline-flex}.landing-tombol-utama:hover{box-shadow:var(--pendar-aksen), 0 0 48px #52d7ff59}.landing-tombol-utama:active{transform:translateY(1px)scale(.98)}.landing-gratis{color:var(--titanium-redup);margin:0;font-size:.86rem}.landing-fitur{gap:var(--r4);grid-template-columns:1fr;width:100%;max-width:720px;display:grid}@media (min-width:600px){.landing-fitur{grid-template-columns:repeat(3,1fr)}}.landing-fitur-item{gap:var(--r2);padding:var(--r5);border:1px solid var(--garis);border-radius:var(--lengkung);background:var(--kaca-tipis);transition:border-color var(--mikro) var(--lengkung-gerak), background var(--mikro) var(--lengkung-gerak), transform var(--mikro) var(--lengkung-gerak);flex-direction:column;display:flex}.landing-fitur-item:hover{border-color:var(--garis-terang);background:#ffffff0d;transform:translateY(-2px)}.landing-fitur-ikon{border-radius:var(--lengkung-kecil);width:38px;height:38px;color:var(--brand-cyan);background:var(--aksen-lembut);place-items:center;font-size:1.1rem;display:grid}.landing-fitur-judul{margin:0;font-size:.95rem;font-weight:650}.landing-fitur-teks{color:var(--titanium);margin:0;font-size:.86rem;line-height:1.55}.landing-footer{align-items:center;gap:var(--r3);padding:var(--r5) 0 var(--r4);flex-direction:column;display:flex}.landing-footer-teks{color:var(--titanium-redup);margin:0;font-size:.82rem}@media (prefers-reduced-motion:no-preference){.landing-hero{animation:landing-masuk var(--reveal) var(--lengkung-gerak) both}.landing-demo{animation:landing-masuk var(--reveal) var(--lengkung-gerak) .12s both}.landing-aksi{animation:landing-masuk var(--reveal) var(--lengkung-gerak) .2s both}.landing-fitur{animation:landing-masuk var(--reveal) var(--lengkung-gerak) .28s both}.landing-mata{animation:6s ease-in-out infinite mata-mengambang}.demo-konsol[data-status=recognized] .demo-indikator{animation:demo-tanda-muncul var(--panel) var(--lengkung-gerak)}.demo-titik{animation:2.8s ease-in-out infinite jejak-denyut}}@keyframes landing-masuk{0%{opacity:0;transform:translateY(18px)}}@keyframes mata-mengambang{50%{transform:translateY(-4px)}}@keyframes demo-tanda-muncul{0%{opacity:0;transform:scale(.7)}}