/* Lakoo web — gaya bersama semua halaman (beranda, privasi, S&K, panduan). Gaya khusus halaman tetap inline. */
/* Token & dasar */
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--p:#A63D40;--soft:#F8E7E7;--bg:#F7F9FA;--surface:#fff;--line:#E4E8ED;--fg:#1F2937;--muted:#6B7280;--ok:#0E6B53;--r:14px}
:root:not([data-theme="light"]){}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#121417;--surface:#1B1E23;--line:#2E333B;--fg:#E8EAEE;--muted:#9AA3AF;--soft:#3D1F20}}:root[data-theme="dark"]{--bg:#121417;--surface:#1B1E23;--line:#2E333B;--fg:#E8EAEE;--muted:#9AA3AF;--soft:#3D1F20}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--fg);line-height:1.55;font-variant-numeric:tabular-nums}
a{color:inherit}img{max-width:100%}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
/* Footer selalu di bawah walau isi pendek: body kolom setinggi layar, main mengisi sisa ruang. */
body{display:flex;flex-direction:column;min-height:100vh;min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}main{flex:1 0 auto;width:100%}header,footer{flex:none}
/* Header & tombol */
header{position:sticky;top:env(safe-area-inset-top,0px);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:5;padding-top:env(safe-area-inset-top,0px)}
.nav{display:flex;align-items:center;gap:18px;height:64px}.nav .brand{display:flex;align-items:center;gap:10px;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:800;font-size:22px;text-decoration:none;color:var(--p)}
.nav .links{margin-left:auto;display:flex;gap:18px;font-size:14px;font-weight:600}.nav .links a{text-decoration:none;color:var(--muted)}.nav .links a:hover{color:var(--fg)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;border:0;cursor:pointer;background:var(--surface);color:var(--fg);border:1px solid var(--line)}
.btn.pri{background:var(--p);color:#fff;border-color:var(--p)}.btn.wa{background:#25D366;color:#fff;border-color:#25D366}
.btn.sm{padding:8px 14px;font-size:13px;border-radius:10px;gap:6px}
.fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.45);z-index:20;text-decoration:none}
.fab:hover{transform:translateY(-2px)}.fab:focus-visible{outline:3px solid var(--soft);outline-offset:3px}
/* Judul bagian */
section{padding:56px 0}h2{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:clamp(26px,3.4vw,36px);margin:0 0 10px;letter-spacing:-.3px}.sub{color:var(--muted);font-size:17px;margin:0 0 32px;max-width:640px}
/* Footer */
footer{border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer a{text-decoration:none}footer a:hover{color:var(--fg)}footer .sp{flex:1}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;padding:40px 20px 28px}
footer .fbrand{display:flex;align-items:center;gap:10px;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:800;font-size:20px;color:var(--p);margin-bottom:10px}
footer .cols p{margin:0;max-width:320px;line-height:1.6}footer h4{margin:0 0 12px;color:var(--fg);font-size:13px;letter-spacing:.02em}
footer .list{display:grid;gap:9px}footer .list a{display:inline-flex;align-items:center;gap:8px}
footer .bottom{display:flex;gap:18px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding:18px 20px 28px}
.pill{display:inline-block;background:var(--soft);color:var(--p);font-weight:700;font-size:12px;padding:5px 12px;border-radius:999px;margin-bottom:14px}
@media(max-width:820px){footer .cols{grid-template-columns:1fr;gap:24px}.nav .links{display:none}}
/* Halaman dokumen: privasi, S&K, panduan */
.legal{padding-top:48px;padding-bottom:72px}.legal article{max-width:820px}.legal h1{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:clamp(30px,4vw,40px);margin:0 0 6px;letter-spacing:-.3px}.legal .meta{color:var(--muted);font-size:14px;margin:0 0 28px}.legal h2{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:20px;margin:34px 0 10px}.legal p,.legal li{font-size:15.5px;line-height:1.7}.legal ul{padding-left:20px;margin:0 0 12px}.legal li{margin:4px 0}.legal a{color:var(--p)}.legal hr{border:0;border-top:1px solid var(--line);margin:32px 0}.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-weight:600;font-size:14px;margin-bottom:22px}.back:hover{color:var(--fg)}