@font-face{font-family:Inter;src:url('/aset/font/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:GeistMono;src:url('/aset/font/GeistMono-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--latar:#07080a;--panel:#0e0f12;--kartu:#151619;--kartu-2:#1c1d21;--garis:#ffffff21;--garis-terang:#ffffff36;--teks:#fff;--teks-2:#d2d2d4;--redup:#a2a2a6;--aksen:#ffb347;--merek:#ff6b4a;--merek-2:#ffb347;--grad:linear-gradient(115deg,#ffb347,#ff6b4a 55%,#ff2f3a);--bayang:0 16px 50px #0005;--font:Inter,system-ui,sans-serif;--mono:GeistMono,monospace}
html{scroll-padding-top:110px}
body{font-family:Inter,system-ui,sans-serif;background:#07080a;color:#fff;isolation:isolate;min-width:0}
body:before,body:after{display:none}
.aurora-ruang{position:fixed;inset:0;max-height:1000px;z-index:-2;opacity:.65}
.grain-ruang{position:fixed;z-index:-1;opacity:.035}
.atas{width:min(1200px,calc(100% - 48px));margin:20px auto 0;position:relative;top:0;border:1px solid #ffffff24;border-radius:999px;background:#0d0e12c9;backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff0a;z-index:10}
.atas>.wadah{width:100%;padding:11px 20px;min-height:58px;gap:24px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.logo{color:#fff;font-size:19px;font-weight:600;letter-spacing:-.6px;gap:9px}
.logo b{font-weight:400;color:#a2a2a6}
.logo-ikon{width:24px;height:24px;border-radius:0;background:var(--grad);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);font-size:0;box-shadow:none;flex:none}
.atas .nav{gap:22px;font-size:13px;font-weight:500}
.atas .tautan{color:#bdbdc1}
.atas .tautan:hover{color:#fff}
.atas .tombol{min-height:36px;padding:7px 15px;border-radius:999px;background:#e6e6e6;color:#2f3031;border:1px solid #fff8;box-shadow:inset 0 1px 0 #fff}
.wadah.ruang-tata{width:min(1200px,calc(100% - 64px));margin:40px auto 64px;gap:30px;align-items:start}
.ruang-adegan h1{font-size:clamp(30px,3.1vw,44px)!important;font-weight:600;letter-spacing:-1.4px;line-height:1.12;margin-bottom:14px;color:#fff}
.lead-ruang{font-size:16px;line-height:1.65;color:#bfbfc4;max-width:620px;margin-bottom:24px}
.jejak-ruang{gap:10px;margin-bottom:24px;font:12px Inter,system-ui,sans-serif}
.jejak-ruang li{color:#9c9c9d;border-color:#ffffff20;background:#0d0e1280}
.jejak-ruang li[aria-current=step]{background:#ffffff0c;border-color:#ffffff45;color:#fff}
.panel,.chat{background:#0d0e12eb;backdrop-filter:blur(16px);border:1px solid #ffffff24;border-radius:16px;box-shadow:0 20px 55px #0005,inset 0 1px 0 #ffffff07}
.panel{padding:24px}
.lekat{top:24px}
.catatan-ai,.chat-manusia{color:#a2a2a6;line-height:1.55}
.label-ai{color:#d4d4d7;background:#ffffff09;border:1px solid #ffffff25;border-radius:4px;font-weight:500}
.statistik{border-color:#ffffff1a;background:#ffffff03}
.statistik b{font-size:28px;font-weight:600;color:#fff}
.statistik span{color:#9c9c9d;font-size:12px}
.tombol{font-family:Inter,system-ui,sans-serif;font-weight:500;background:#17181c;border-color:#ffffff24;color:#e5e5e7;border-radius:8px;box-shadow:none}
.tombol.utama,.ruang-tata .tombol.wa{background:#e6e6e6;color:#2f3031;border:1px solid #ffffff70;box-shadow:0 0 0 2px #050506,0 0 14px #ffffff12,0 3px 0 #929296,inset 0 1px 0 #fff,inset 0 -2px 0 #00000020}
.tombol.utama:hover,.ruang-tata .tombol.wa:hover{background:#fff;border-color:#fff8;color:#2f3031}
.tombol:active{transform:translateY(2px)}
input,select,textarea{font-family:Inter,system-ui,sans-serif!important;background:#111216;color:#fff;border-color:#ffffff29;border-radius:8px}
input:focus,select:focus,textarea:focus{border-color:#ffb347}
.bantu,.redup{color:#a2a2a6}
.pilih-paket label,.paket-radio{background:#151619;border-color:#ffffff25}
.pilih-paket label:has(input:checked){background:#ff6b4a0b;border-color:#ffb34780}
.langkah-pesan{font-family:Inter,system-ui,sans-serif;letter-spacing:0}
.langkah-pesan li[aria-current=step]{background:#ffffff10;border-color:#ffffff45;color:#fff}
.chat-kepala{background:#ffffff03;border-bottom-color:#ffffff1a}
.chat-kepala .avatar{background:#ffffff0b;color:#fff;border:1px solid #ffffff25;box-shadow:none}
.chat-form{background:#0d0e12;border-top-color:#ffffff1a}
.chat-log .pesan-agen,.pesan.agen{background:#18191e;border-color:#ffffff1a;color:#eee}
.chat-log .pesan-saya,.pesan.saya{background:#33241f;border-color:#ffb34725;color:#fff}
.saran button{border-color:#ffffff26;background:#ffffff06;color:#d4d4d7}
.karya-strip a{background:#ffffff04;border-color:#ffffff1c}
.karya-strip span{color:#d2d2d4}
.karya-strip a{display:flex;flex-direction:column;height:auto;overflow:hidden}
.karya-strip span{position:static;padding:8px;background:#101114;font-size:12px;line-height:1.4}
.kantor.kv3{background:#101114;border-color:#ffffff25;border-radius:14px;box-shadow:0 18px 55px #0006;overflow:hidden}
.kv3-controls{background:#101114;color:#a2a2a6;border-color:#ffffff1a}
.kv3-controls button{background:#1b1c20;border-color:#ffffff29;border-radius:6px}
.kv3-judul,.kv3-status{background:#0c0d11e8;border-color:#ffffff30;color:#d9d9dc;box-shadow:0 4px 16px #0004}
.kv3-nama{background:#111216eb;border-color:#ffffff35;color:#fff;font-weight:500}
.kv3-status b,.kv3-judul b{color:#ffb347}
.kv3-bubble{background:#e6e6e6;color:#2f3031;border-color:#fff6}
.kv3-bubble small{color:#55555a}
:focus-visible{outline:2px solid #ffb347;outline-offset:4px}
@media(max-width:980px){.wadah.ruang-tata{gap:24px}.lekat{position:static}.atas .nav{gap:13px}}
@media(max-width:600px){.atas{width:calc(100% - 24px);margin-top:12px;border-radius:22px}.atas>.wadah{padding:12px 14px;gap:14px;flex-wrap:wrap}.atas .nav{flex:1;justify-content:flex-end;gap:12px}.logo{font-size:16px}.logo b{display:none}.atas .nav a{font-size:12px}.wadah.ruang-tata{width:calc(100% - 32px);margin-top:28px}.lead-ruang{font-size:15px}.panel{padding:19px}.ruang-adegan h1{letter-spacing:-1px}.chat{min-width:0}.chat-form textarea{min-width:0}.kv3-layar{height:350px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tombol{transition:none}}