:root{--d-bg:#fcfaf6;--d-ink:#242a25;--d-muted:#656b63;--d-accent:#3a5a43;--d-soft:#e8ecdf;--d-line:#dedfd5;color-scheme:light;font-synthesis:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--d-bg);color:var(--d-ink);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img,svg{max-width:100%;height:auto}button,a{touch-action:manipulation}p{color:var(--d-muted);line-height:1.75}h1,h2,h3{letter-spacing:-.04em;line-height:1.1}h1{margin:20px 0 24px;font-size:clamp(2.5rem,5.6vw,5rem)}h2{margin:0 0 24px;font-size:clamp(1.8rem,3.6vw,3rem)}h3{font-size:1.3rem}a,button,input,select,textarea{outline-offset:4px}:focus-visible{outline:3px solid var(--d-accent)}[hidden]{display:none!important}.demo-toolbar{color:#f3f6eb;z-index:40;background:#123e36;position:sticky;top:0;box-shadow:0 2px 14px #0001}.demo-toolbar-inner{align-items:center;gap:24px;max-width:1400px;min-height:64px;margin:auto;padding:14px 24px;display:flex}.demo-owner{white-space:nowrap;letter-spacing:-.03em;align-items:center;gap:9px;font-size:13px;display:flex}.demo-owner b{color:#accdbb;font-weight:400}.demo-w{border:1px solid #ffffff45;border-radius:7px;place-items:center;width:27px;height:27px;font-weight:800;display:grid}.demo-current{letter-spacing:.03em;border-left:1px solid #ffffff35;padding-left:24px;font-size:11px}.demo-toolbar-links{gap:24px;margin-left:auto;font-size:12px;display:flex}.demo-toolbar-links a:hover{text-decoration:underline}.demo-disclaimer{color:#536854;text-align:center;background:#eff3e8;border-bottom:1px solid #dfe6d8;padding:11px 20px;font-size:11px;line-height:1.6}.demo-live-dot{background:#539673;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.demo-skip{color:#123e36;z-index:100;background:#fff;padding:12px;position:fixed;top:-80px;left:14px}.demo-skip:focus{top:8px}.demo-canvas{min-height:70vh;overflow:clip}.d-wrap{width:calc(100% - 40px);max-width:1120px;margin-inline:auto}.d-nav{justify-content:space-between;align-items:center;gap:24px;padding:24px 0;display:flex}.d-brand{letter-spacing:-.06em;font-size:23px;font-weight:750}.d-links{flex-wrap:wrap;gap:20px;font-size:13px;display:flex}.d-links a:hover{text-decoration:underline}.d-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--d-accent);font-size:11px;font-weight:700}.d-hero{padding:56px 0}.d-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.d-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.d-card{border:1px solid var(--d-line);background:#fff;border-radius:16px;padding:24px}.d-section{padding:48px 0}.d-btn,.d-btn-secondary{background:var(--d-accent);color:#fff;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:13px 21px;font-size:13px;font-weight:650;line-height:1.4;text-decoration:none;display:inline-flex}.d-btn-secondary{border-color:var(--d-line);color:var(--d-ink);background:0 0}.d-btn:hover,.d-btn-secondary:hover{filter:brightness(.93)}.d-field{gap:8px;font-size:13px;font-weight:600;display:grid}.d-field input,.d-field select,.d-field textarea{border:1px solid var(--d-line);width:100%;min-width:0;color:var(--d-ink);background:#fff;border-radius:7px;padding:12px 14px}.d-form{gap:16px;display:grid}.d-result{color:var(--d-accent);border:1px solid var(--d-line);background:var(--d-soft);border-radius:8px;padding:16px;font-size:14px;line-height:1.65}.d-result:empty{display:none}dialog{border:1px solid var(--d-line);background:var(--d-bg);max-width:min(640px,100% - 32px);max-height:85vh;color:var(--d-ink);border-radius:18px;padding:30px;overflow:auto}dialog::backdrop{backdrop-filter:blur(4px);background:#14292199}.demo-footer{color:#f2f5e8;background:#102f2a;padding:52px 24px 20px}.demo-footer-inner{justify-content:space-between;align-items:center;gap:40px;max-width:1120px;margin:auto;display:flex}.demo-footer-eyebrow{letter-spacing:.16em;color:#a8c8b1;font-size:10px}.demo-footer h2{margin:14px 0;font-size:34px}.demo-footer p{color:#acc8bc;font-size:13px}.demo-footer-button{color:#173b2f;background:#ddecbe;border-radius:8px;margin-top:12px;padding:14px 20px;font-size:13px;font-weight:650;display:inline-flex}.demo-next{gap:15px;min-width:220px;display:grid}.demo-next>span{text-transform:uppercase;letter-spacing:.1em;color:#acc8bc;font-size:11px}.demo-next>a{font-size:21px}.demo-next .demo-all-link{color:#b6d6c8;font-size:12px}.demo-footer-note{border-top:1px solid #ffffff24;max-width:1120px;margin:38px auto 0;padding-top:18px;font-size:10px!important}[data-demo=landing-page]{--d-bg:#faf3e8;--d-ink:#38261d;--d-muted:#806d5e;--d-accent:#8c472b;--d-soft:#efe2cf;--d-line:#dfceb8}[data-demo=profil-usaha]{--d-bg:#f5f3eb;--d-ink:#303a33;--d-accent:#445b45;--d-soft:#e6e8dc}[data-demo=katalog-produk]{--d-bg:#fdf8ed;--d-ink:#372e1d;--d-accent:#9a502e;--d-soft:#f2e7d3}[data-demo=toko-online]{--d-bg:#f5f5ef;--d-ink:#303930;--d-accent:#52604b;--d-soft:#e5e8db}[data-demo=booking-reservasi]{--d-bg:#fcf6f3;--d-ink:#493b39;--d-accent:#805e65;--d-soft:#f0e2df}[data-demo=sekolah-lembaga]{--d-bg:#fafbf4;--d-ink:#23493a;--d-accent:#32654c;--d-soft:#e9efda}[data-demo=organisasi-komunitas]{--d-bg:#f5f3e9;--d-ink:#303d2d;--d-accent:#52713b;--d-soft:#e7ebd6}[data-demo=event-pendaftaran]{--d-bg:#f5f0ff;--d-ink:#34274f;--d-accent:#6e48ab;--d-soft:#e8dcfa}[data-demo=portofolio-cv]{--d-bg:#f4f4ef;--d-ink:#272d32;--d-accent:#44519f;--d-soft:#e1e5f5}[data-demo=blog-portal]{--d-bg:#faf8f1;--d-ink:#2d372d;--d-accent:#587247;--d-soft:#e8eddf}[data-demo=undangan-digital]{--d-bg:#f9f5ec;--d-ink:#53493c;--d-accent:#7a7251;--d-soft:#eee7d4}[data-demo=aplikasi-custom]{--d-bg:#f4f6f9;--d-ink:#243144;--d-accent:#4562ba;--d-soft:#e7ecfc;--d-line:#dce2ed}[data-demo=redesign-perbaikan]{--d-bg:#f6f6f1;--d-ink:#243f37;--d-accent:#26775e;--d-soft:#e2efe6}@media (width<=760px){h1{font-size:clamp(2.4rem,10vw,3.5rem)}.d-split{grid-template-columns:1fr;gap:28px}.d-grid{grid-template-columns:1fr}.d-nav{flex-wrap:wrap;gap:16px}.d-links{gap:15px}.d-hero{padding:35px 0}.d-section{padding:34px 0}.demo-toolbar-inner{gap:12px;padding:12px 16px}.demo-current,.demo-service-link{display:none}.demo-toolbar-links{gap:14px;font-size:11px}.demo-owner{font-size:12px}.demo-footer-inner{display:grid}.demo-footer{padding:38px 20px 20px}.demo-footer h2{font-size:30px}.demo-disclaimer{padding:9px 18px;font-size:10px}dialog{padding:22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.demo-arrow{vertical-align:-.02em;width:.75em;min-width:.75em;height:.75em;display:inline-block;position:relative}.demo-arrow:before{content:"";border-top:1.5px solid;width:100%;position:absolute;top:45%;left:0;transform:rotate(-45deg)}.demo-arrow:after{content:"";border-top:1.5px solid;border-right:1.5px solid;width:60%;height:60%;position:absolute;top:0;right:0}