/* Halaman publik (landing, Kebijakan Privasi, Syarat Layanan), dari mockup yang disetujui (docs/specs/10a-landing-page.md).
   Tema mengikuti dashboard: tanpa data-theme = ikut sistem; data-theme dari localStorage "lai-theme" menimpanya. */
:root{--accent:#0B7A56;--ink:oklch(0.25 0.03 235);--ink-2:oklch(0.43 0.025 235);--ink-body:oklch(0.36 0.025 235);--link:oklch(0.4 0.1 162);--link-hover:oklch(0.33 0.09 162);--horizon:oklch(0.985 0.012 195);--ground:oklch(0.955 0.012 200);--fa:oklch(0.86 0.11 165 / .85);--fb:oklch(0.93 0.13 95 / .85);--fc:oklch(0.88 0.07 190 / .78);--g-bg:oklch(0.992 0.004 200 / .5);--g-strong:oklch(0.992 0.004 200 / .8);--g-border:oklch(1 0 0 / .6);--g-hi:oklch(1 0 0 / .85);--g-rim:oklch(1 0 0 / .45);--g-low:oklch(0.3 0.04 230 / .06);--spec:oklch(1 0 0 / .55);--g-shadow:0 10px 30px -14px oklch(0.3 0.04 230 / .35),0 2px 6px -2px oklch(0.3 0.04 230 / .12);--chat:oklch(0.94 0.035 160 / .85);--chat-ink:oklch(0.3 0.04 170);--todo-bg:oklch(0.94 0.01 240);--todo-ink:oklch(0.44 0.03 240);--prog-bg:oklch(0.95 0.045 80);--prog-ink:oklch(0.48 0.11 62);--done-bg:oklch(0.945 0.04 155);--done-ink:oklch(0.46 0.11 155);--late:oklch(0.5 0.17 27);--field-bg:oklch(1 0 0 / .7);--field-border:oklch(0.8 0.016 225);--code-bg:oklch(1 0 0 / .6);--code-border:oklch(1 0 0 / .8);--n-andi:oklch(0.48 0.11 62);--n-budi:oklch(0.45 0.1 245);--n-sari:oklch(0.45 0.13 330);--line:oklch(0.885 0.012 220 / .8);--soft-bg:oklch(0.94 0.045 160 / .75);--soft-head:oklch(0.33 0.09 162);--soft-ink:oklch(0.3 0.04 170);--warn-bg:oklch(0.95 0.045 80 / .8);--warn-head:oklch(0.42 0.1 62);--warn-ink:oklch(0.36 0.06 62);--hover:oklch(1 0 0 / .6);color-scheme:light}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--ink:oklch(0.94 0.008 220);--ink-2:oklch(0.78 0.015 225);--ink-body:oklch(0.85 0.012 222);--link:oklch(0.82 0.12 160);--link-hover:oklch(0.88 0.1 160);--horizon:oklch(0.225 0.02 225);--ground:oklch(0.19 0.014 235);--fa:oklch(0.42 0.09 165 / .8);--fb:oklch(0.42 0.07 100 / .6);--fc:oklch(0.35 0.06 190 / .75);--g-bg:oklch(0.235 0.016 235 / .46);--g-strong:oklch(0.235 0.016 235 / .8);--g-border:oklch(1 0 0 / .1);--g-hi:oklch(1 0 0 / .12);--g-rim:oklch(1 0 0 / .09);--g-low:oklch(0 0 0 / .3);--spec:oklch(1 0 0 / .1);--g-shadow:0 14px 36px -16px oklch(0 0 0 / .7),0 2px 8px -2px oklch(0 0 0 / .35);--chat:oklch(0.31 0.04 165 / .85);--chat-ink:oklch(0.92 0.03 160);--todo-bg:oklch(0.31 0.015 240);--todo-ink:oklch(0.84 0.02 240);--prog-bg:oklch(0.33 0.05 70);--prog-ink:oklch(0.86 0.11 80);--done-bg:oklch(0.31 0.05 155);--done-ink:oklch(0.84 0.11 155);--late:oklch(0.8 0.12 25);--field-bg:oklch(0.19 0.014 235 / .7);--field-border:oklch(0.42 0.022 235);--code-bg:oklch(1 0 0 / .08);--code-border:oklch(1 0 0 / .12);--n-andi:oklch(0.85 0.11 70);--n-budi:oklch(0.82 0.09 245);--n-sari:oklch(0.82 0.1 330);--line:oklch(0.33 0.02 235);--soft-bg:oklch(0.33 0.06 162 / .7);--soft-head:oklch(0.88 0.09 160);--soft-ink:oklch(0.9 0.03 160);--warn-bg:oklch(0.33 0.05 70 / .75);--warn-head:oklch(0.88 0.11 80);--warn-ink:oklch(0.9 0.04 80);--hover:oklch(1 0 0 / .08);color-scheme:dark}
  :root:not([data-theme="light"]) .wm-l,:root:not([data-theme="light"]) .ic-moon{display:none}
  :root:not([data-theme="light"]) .wm-d,:root:not([data-theme="light"]) .ic-sun{display:block}
}
:root[data-theme="dark"]{--ink:oklch(0.94 0.008 220);--ink-2:oklch(0.78 0.015 225);--ink-body:oklch(0.85 0.012 222);--link:oklch(0.82 0.12 160);--link-hover:oklch(0.88 0.1 160);--horizon:oklch(0.225 0.02 225);--ground:oklch(0.19 0.014 235);--fa:oklch(0.42 0.09 165 / .8);--fb:oklch(0.42 0.07 100 / .6);--fc:oklch(0.35 0.06 190 / .75);--g-bg:oklch(0.235 0.016 235 / .46);--g-strong:oklch(0.235 0.016 235 / .8);--g-border:oklch(1 0 0 / .1);--g-hi:oklch(1 0 0 / .12);--g-rim:oklch(1 0 0 / .09);--g-low:oklch(0 0 0 / .3);--spec:oklch(1 0 0 / .1);--g-shadow:0 14px 36px -16px oklch(0 0 0 / .7),0 2px 8px -2px oklch(0 0 0 / .35);--chat:oklch(0.31 0.04 165 / .85);--chat-ink:oklch(0.92 0.03 160);--todo-bg:oklch(0.31 0.015 240);--todo-ink:oklch(0.84 0.02 240);--prog-bg:oklch(0.33 0.05 70);--prog-ink:oklch(0.86 0.11 80);--done-bg:oklch(0.31 0.05 155);--done-ink:oklch(0.84 0.11 155);--late:oklch(0.8 0.12 25);--field-bg:oklch(0.19 0.014 235 / .7);--field-border:oklch(0.42 0.022 235);--code-bg:oklch(1 0 0 / .08);--code-border:oklch(1 0 0 / .12);--n-andi:oklch(0.85 0.11 70);--n-budi:oklch(0.82 0.09 245);--n-sari:oklch(0.82 0.1 330);--line:oklch(0.33 0.02 235);--soft-bg:oklch(0.33 0.06 162 / .7);--soft-head:oklch(0.88 0.09 160);--soft-ink:oklch(0.9 0.03 160);--warn-bg:oklch(0.33 0.05 70 / .75);--warn-head:oklch(0.88 0.11 80);--warn-ink:oklch(0.9 0.04 80);--hover:oklch(1 0 0 / .08);color-scheme:dark}
.wm-d,.ic-sun{display:none}
.wm-l,:root[data-theme="dark"] .wm-d{display:block}
:root[data-theme="dark"] .wm-l,:root[data-theme="dark"] .ic-moon{display:none}
:root[data-theme="dark"] .ic-sun{display:block}

body{margin:0;background:var(--ground)}
/* Header menempel hanya di layar lebar (satu baris); di layar sempit header terlipat jadi 200px lebih, jadi ikut tergulir.
   Tujuan anchor (#cara-kerja, daftar isi legal) berhenti di bawah header yang menempel. */
.head{position:relative;z-index:10;padding:12px 16px 0}
html{scroll-padding-top:16px}
@media (min-width: 900px){.head{position:sticky;top:12px}html{scroll-padding-top:110px}}
.lai a{color:var(--link)}.lai a:hover{color:var(--link-hover)}
.lai :focus-visible{outline:2px solid var(--link);outline-offset:2px}
.pa{fill:var(--fa)}.pb{fill:var(--fb)}.pc{fill:var(--fc)}
.glass{background:linear-gradient(180deg,var(--spec) 0,transparent 34%),linear-gradient(100deg,var(--spec) 0,transparent 22%),var(--g-bg);-webkit-backdrop-filter:blur(18px) saturate(190%) brightness(1.03);backdrop-filter:blur(18px) saturate(190%) brightness(1.03);border:1px solid var(--g-border);box-shadow:var(--g-shadow),inset 0 1px 0 var(--g-hi),inset 0 0 0 1px var(--g-rim),inset 0 -1px 0 var(--g-low)}
.glass-strong{background:linear-gradient(180deg,var(--spec) 0,transparent 34%),var(--g-strong);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border:1px solid var(--g-border);box-shadow:var(--g-shadow),inset 0 1px 0 var(--g-hi),inset 0 0 0 1px var(--g-rim)}
.glass-smoke{background:linear-gradient(180deg,oklch(1 0 0 / .1) 0,transparent 30%),oklch(0.2 0.03 225 / .8);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border:1px solid oklch(1 0 0 / .14);box-shadow:0 24px 60px -24px oklch(0.15 0.04 230 / .6),inset 0 1px 0 oklch(1 0 0 / .18)}
.btn-glow{box-shadow:0 10px 24px -10px oklch(0.45 0.12 162 / .7),inset 0 1px 0 oklch(1 0 0 / .35)}
.eyebrow{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--link)}
.h2{margin:0;font-weight:700;font-size:clamp(32px,3.6vw,46px);line-height:1.1;letter-spacing:-0.025em;text-wrap:balance}
.muted{color:var(--ink-2)}
.mono{font-family:ui-monospace,'Cascadia Code','SF Mono',Consolas,monospace}
.lai a.navlink,.lai a.foot{color:var(--ink-2);text-decoration:none;padding:10px 0}
.lai a.navlink:hover,.lai a.foot:hover{color:var(--ink)}
.lai a.navlink[aria-current]{color:var(--ink);font-weight:600}
.code{background:var(--code-bg);border:1px solid var(--code-border);padding:2px 7px;border-radius:6px;color:var(--ink)}
.me{align-self:flex-end;max-width:82%;background:var(--chat);color:var(--chat-ink);border:1px solid var(--g-border);border-radius:16px 16px 4px 16px;padding:10px 14px}
.bot{align-self:flex-start;max-width:88%;border-radius:16px 16px 16px 4px;padding:10px 14px}
.who{display:block;font-size:12px;font-weight:600}
.chip{padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600}
.cmd{display:flex;flex-wrap:wrap;gap:6px 24px;padding:16px 20px;border-radius:14px;background:oklch(1 0 0 / .06);border:1px solid oklch(1 0 0 / .1);align-items:baseline}
.cmd b{flex:0 0 180px;font-weight:600;color:#fff}
.cmd span{flex:1 1 280px;font-size:15px;color:oklch(0.88 0.09 160)}
.card{border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:12px}
.card h3{margin:0;font-size:19px;font-weight:600}
.card p{margin:0;color:var(--ink-2);font-size:16px}
.ico{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}
.lbl{font-size:14px;font-weight:600}
.field{font:inherit;font-size:16px;padding:12px 14px;border-radius:10px;color:var(--ink);min-height:48px;box-sizing:border-box;width:100%;background:var(--field-bg);border:1px solid var(--field-border)}
.theme-btn{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);padding:0}
.legal section{display:flex;flex-direction:column;gap:12px;padding-top:28px;margin-top:28px;border-top:1px solid var(--line)}
.legal section:first-of-type{border-top:0;margin-top:0;padding-top:0}
.legal h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-0.015em;line-height:1.3}
.legal h3{margin:6px 0 0;font-size:17px;font-weight:600}
.legal p{margin:0;color:var(--ink-body)}
.legal ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;color:var(--ink-body)}
.legal strong{color:var(--ink);font-weight:600}
.lai .toc a{display:block;padding:7px 10px;border-radius:10px;color:var(--ink-2);text-decoration:none;font-size:15px}
.lai .toc a:hover{background:var(--hover);color:var(--ink)}
@media (min-width: 900px){.lai .toc{position:sticky;top:108px;max-height:calc(100vh - 128px);overflow-y:auto}}
@media (prefers-reduced-transparency: reduce){.glass,.glass-strong{background:var(--ground);-webkit-backdrop-filter:none;backdrop-filter:none}}