:root{--bg:#f6f4ef;--surface:#ffffff;--ink:#16201c;--muted:#5e6b65;--line:#e3dfd5;--brand:#0f6e52;--brand-ink:#ffffff;--accent:#f2b33d;--danger:#b4382a;--soft:#e8f3ee;--radius:14px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.55}a{color:var(--brand)}h1,h2,h3{line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}h1{font-size:clamp(28px,5vw,46px)}h2{font-size:22px}p{margin:0 0 1em}.wrap{max-width:1080px;margin:0 auto;padding:0 16px}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.narrow{max-width:420px;width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.btn{display:inline-block;border:0;cursor:pointer;text-decoration:none;background:var(--brand);color:var(--brand-ink);font-weight:600;font-size:15px;padding:11px 18px;border-radius:10px;font-family:inherit}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--brand);border:1px solid var(--brand)}.btn.small{padding:7px 12px;font-size:13px}.btn.danger{background:var(--danger)}label{display:block;font-weight:600;margin:14px 0 6px}.hint,label{font-size:13px}.hint{color:var(--muted);font-weight:400}input,select,textarea{width:100%;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}textarea{min-height:120px;resize:vertical}input:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:-1px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grid3{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.badge{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--soft);color:var(--brand)}.badge.hot{background:#fff1d6;color:#8a5a00}.badge.closed{background:var(--brand);color:#fff}.badge.perlu_manusia{background:#fbe3df;color:var(--danger)}.muted{color:var(--muted)}.alert{padding:12px 14px;border-radius:10px;background:#fff1d6;border:1px solid #f0d49a;margin-bottom:16px}.alert.ok{background:var(--soft);border-color:#bfe0d1}.alert.err{background:#fbe3df;border-color:#efbdb4}.mono,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:#f0eee8;padding:2px 6px;border-radius:6px;word-break:break-all}.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}.logo{font-weight:800;font-size:19px;color:var(--ink);text-decoration:none}.logo span{color:var(--brand)}.hero{padding:48px 0 40px;display:grid;grid-gap:32px;gap:32px;grid-template-columns:1.2fr 1fr;align-items:center}.hero p.lead{font-size:18px;color:var(--muted);max-width:520px}.phone{background:#0b1411;border-radius:28px;padding:14px;box-shadow:0 20px 50px rgba(15,110,82,.18)}.chat{background:#ece5dd;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:8px;min-height:340px}.bubble{max-width:82%;padding:8px 11px;border-radius:10px;font-size:14px;background:#fff}.bubble.me{align-self:flex-end;background:#d9fdd3}.section{padding:40px 0}.plan{display:flex;flex-direction:column;gap:6px}.plan .price{font-size:32px;font-weight:800}.plan.featured{border:2px solid var(--brand)}.plan ul{padding-left:18px;margin:8px 0 16px;color:var(--muted)}.steps{counter-reset:s;display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.steps .card:before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:99px;background:var(--accent);font-weight:800;margin-bottom:10px}footer{padding:30px 0;color:var(--muted);font-size:13px}.dash{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{background:var(--ink);color:#dfe7e3;padding:20px 14px;display:flex;flex-direction:column;gap:4px}.side .logo{color:#fff;margin-bottom:18px}.side .logo span{color:var(--accent)}.side a{color:#dfe7e3;text-decoration:none;padding:9px 12px;border-radius:9px;font-weight:500}.side a:hover{background:rgba(255,255,255,.08)}.main{padding:26px 16px;max-width:900px;width:100%}.stats{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:20px}.stat .n{font-size:26px;font-weight:800}.list{display:flex;flex-direction:column}.list a{display:flex;justify-content:space-between;gap:10px;padding:12px 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.thread{display:flex;flex-direction:column;gap:8px;background:#ece5dd;padding:14px;border-radius:var(--radius);max-height:60vh;overflow-y:auto}.thread .bubble small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.bubble.human{align-self:flex-end;background:#fff1d6}.gallery{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.thumb{margin:0;background:#faf9f6;border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px}.thumb img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#eee}.thumb figcaption{font-size:13px;font-weight:600}.bubble-img{display:block;max-width:220px;width:100%;border-radius:8px;margin-bottom:4px}.side-admin-bg{background:#22172b}.side a.side-admin{background:var(--accent);color:var(--ink);font-weight:700;margin-bottom:8px}.admin-table td,.admin-table th{padding:12px 14px;vertical-align:top}.admin-table tbody tr:hover{background:#faf9f6}details summary{list-style:none;cursor:pointer}details summary::-webkit-details-marker{display:none}.manage{display:flex;flex-direction:column;gap:8px;margin-top:8px;min-width:260px}.hint.block{display:block;margin-top:2px}.req{font-size:11px;font-weight:700;color:var(--danger);background:#fbe3df;padding:1px 6px;border-radius:99px;margin-left:4px}.help{font-size:12px;font-weight:600;margin-left:6px}.grid2{display:grid;grid-gap:0 14px;gap:0 14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card.soft{background:#faf9f6;padding:16px}.card.step{margin-top:18px;scroll-margin-top:16px}.guide-step h3,.step h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.num{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:99px;background:var(--accent);color:var(--ink);font-weight:800;font-size:14px}.checklist ol{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-gap:6px;gap:6px}.checklist li a{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;padding:6px 4px;border-radius:8px}.checklist li a:hover{background:#faf9f6}.checklist li.done .num{background:var(--brand);color:#fff}.checklist li.done a{color:var(--muted)}.progress{height:8px;background:#eeeae1;border-radius:99px;overflow:hidden;margin-top:10px}.progress span{display:block;height:100%;background:var(--brand);border-radius:99px;transition:width .3s}.switch{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-weight:400}.switch input{width:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--brand)}.copyrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}.copyrow .muted{min-width:100px;font-size:13px}.copyrow code{flex:1 1;min-width:0}.cat-pick{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:10px}.cat{text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;font:inherit;color:var(--ink);display:flex;flex-direction:column;gap:2px}.cat span{font-weight:700;font-size:14px}.cat small{color:var(--muted);font-size:12px;line-height:1.35}.cat.on{border-color:var(--brand);background:var(--soft);box-shadow:inset 0 0 0 1px var(--brand)}.rename{display:flex;gap:4px}.rename input{padding:6px 8px;font-size:13px}.danger-text{color:var(--danger)!important;border-color:#efbdb4!important}.toc{margin-top:14px}.toc ol{margin:8px 0 0;padding-left:20px;column-count:2}.guide-step{margin-top:16px;scroll-margin-top:16px}.guide-step ol,.guide-step ul{padding-left:20px}.guide-step li{margin-bottom:8px}.faq dt{font-weight:700;margin-top:12px}.faq dd{margin:4px 0 0;color:var(--muted)}@media (max-width:760px){.toc ol{column-count:1}}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}@media (max-width:760px){.hero{padding-top:20px}.dash,.hero{grid-template-columns:1fr}.side{flex-direction:row;flex-wrap:wrap;padding:12px}.side .logo{width:100%;margin-bottom:4px}table{display:block;overflow-x:auto}}.connect-options{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.connect-opt{display:flex;flex-direction:column;gap:6px;padding:18px}.connect-opt h4{margin:4px 0 0;font-size:16px}.connect-opt p{margin:0;font-size:14px}.connect-opt .btn{margin-top:auto}.connect-opt.recommended{border:2px solid #25d366}.connect-opt .badge{align-self:flex-start;background:#dcf8e5;color:#0b6b34}ul.mini{margin:4px 0 10px;padding-left:18px;font-size:13px;color:var(--muted)}.btn.wa{background:#1fa855}.howto{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}.howto summary{font-weight:600;cursor:pointer}.howto[open] summary{margin-bottom:8px}.connected{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:#e9f9ef;border:1px solid #bfe9cf;flex-wrap:wrap}.wa-dot{width:36px;height:36px;border-radius:99px;background:#1fa855;color:#fff;display:grid;place-items:center;font-weight:800}.legal{max-width:760px;padding-top:24px;padding-bottom:60px}.legal h1{font-size:30px;margin-top:20px}.legal h2{font-size:18px;margin-top:26px}.side-nav{gap:2px}.side-group,.side-nav{display:flex;flex-direction:column}.side-group{gap:1px;margin-bottom:6px}.side-nav .side-label{text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;color:#8fa69c;margin:10px 12px 3px}.side-nav a{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:14px}.side-nav a.active{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.side-ico{width:18px;text-align:center;font-size:15px;flex:none}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}.page-head h2{margin-bottom:2px}.page-head p{margin:0}.aff-rates{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-top:10px}.aff-rate{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:var(--soft)}.aff-rate strong{font-size:24px;font-weight:800;color:var(--brand)}.today{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:18px}.today>.card{display:flex;flex-direction:column;gap:2px}.today a.card{text-decoration:none;color:var(--ink);transition:border-color .15s}.today a.card:hover{border-color:var(--brand)}.today .n{font-size:26px;font-weight:800}.today .warn{border-color:#f0d49a;background:#fffaf0}.quick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.section-title{font-size:15px;font-weight:700;margin:22px 0 10px;color:var(--muted)}@media (max-width:760px){.side-nav{flex-direction:row;overflow-x:auto;width:100%;gap:4px;padding-bottom:4px}.side-group{display:contents}.side-nav .side-label{display:none}.side-nav a{white-space:nowrap}}.aff-ways{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:12px}.aff-ways>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#faf9f6}.spend-row{list-style:none;border-bottom:1px solid var(--line);padding:6px 0;margin-left:-18px}.spend-row summary{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--ink)}@media (max-width:760px){.main{padding:18px 12px 40px}.card{padding:16px}h2{font-size:20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat .n,.today .n{font-size:20px}.today{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.row>input,.row>select{max-width:100%!important;flex:1 1 140px}.copyrow code{font-size:12px}.page-head form{width:100%}.page-head form input{width:100%!important}.side{position:-webkit-sticky;position:sticky;top:0;z-index:20}.side-admin{padding:6px 10px!important;font-size:13px}.admin-table td,.admin-table th{padding:8px 10px}}.dash>*{min-width:0}.main{overflow-wrap:anywhere}@media (max-width:760px){.side{overflow:hidden}.side-nav{max-width:100%;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.spend-row summary{flex-wrap:wrap}}.main table{overflow-wrap:normal}@media (max-width:760px){.main table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.main td,.main th{white-space:nowrap}.dash{align-content:start}.side{align-content:flex-start;align-items:center;gap:6px 8px}.side .logo{width:auto;flex:1 1;margin-bottom:0}.side-admin{margin-bottom:0!important}.side>form{margin-top:0!important;order:2}.side-nav{order:3}}.main{max-width:1100px}.spend-list{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.spend-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.spend-item.editing{flex-direction:column;align-items:stretch;background:var(--soft);border-color:var(--brand)}.spend-fields{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.spend-fields label{margin:0;font-size:12px;display:flex;flex-direction:column;gap:4px}@media (max-width:760px){.side{position:static}}.pw-wrap{position:relative}.pw-wrap input{padding-right:84px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--brand);font-weight:600;font-size:13px;cursor:pointer;padding:6px 8px}.sub-alert{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-color:#f0d49a;background:#fffaf0}.install-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}ol.steps{margin:6px 0 8px;padding-left:20px;display:flex;flex-direction:column;gap:8px}ol.steps li{line-height:1.5}.aff-rate strong,.stat .n,.today .n{overflow-wrap:normal;white-space:nowrap}.stats{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}@media (max-width:760px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat .n,.today .n{font-size:19px}}