:root{--paper: #f6f1e6;--ink: #14201a;--brick: #c2451f;--ochre: #e9b44c;--card: #fffdf7;--ink-88: rgba(20, 32, 26, .88);--ink-72: rgba(20, 32, 26, .72);--ink-66: rgba(20, 32, 26, .66);--ink-62: rgba(20, 32, 26, .62);--ink-50: rgba(20, 32, 26, .5);--ink-30: rgba(20, 32, 26, .3);--ink-28: rgba(20, 32, 26, .28);--ink-22: rgba(20, 32, 26, .22);--ink-20: rgba(20, 32, 26, .2);--ink-18: rgba(20, 32, 26, .18);--ink-16: rgba(20, 32, 26, .16);--ink-14: rgba(20, 32, 26, .14);--ink-12: rgba(20, 32, 26, .12);--ink-10: rgba(20, 32, 26, .1);--paper-88: rgba(246, 241, 230, .88);--paper-78: rgba(246, 241, 230, .78);--paper-76: rgba(246, 241, 230, .76);--paper-72: rgba(246, 241, 230, .72);--paper-70: rgba(246, 241, 230, .7);--paper-66: rgba(246, 241, 230, .66);--paper-62: rgba(246, 241, 230, .62);--paper-60: rgba(246, 241, 230, .6);--paper-55: rgba(246, 241, 230, .55);--paper-50: rgba(246, 241, 230, .5);--paper-30: rgba(246, 241, 230, .3);--paper-26: rgba(246, 241, 230, .26);--paper-18: rgba(246, 241, 230, .18);--paper-16: rgba(246, 241, 230, .16);--paper-12: rgba(246, 241, 230, .12);--paper-10: rgba(246, 241, 230, .1);--grid-line: rgba(246, 241, 230, .055);--ochre-90: rgba(233, 180, 76, .9);--ochre-60: rgba(233, 180, 76, .6);--ochre-55: rgba(233, 180, 76, .55);--ochre-35: rgba(233, 180, 76, .35);--display: "Bricolage Grotesque", "Plus Jakarta Sans", system-ui, sans-serif;--text: "Plus Jakarta Sans", system-ui, sans-serif;--wrap: 1180px;--gutter: 22px;--header-h: 70px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--brick);text-decoration:none}a:hover{color:var(--ink)}button{font-family:inherit}:focus-visible{outline:2px solid var(--brick);outline-offset:2px}h1,h2,p{margin:0}:root[data-lang=id] body [lang=en],:root[data-lang=en] body [lang=id]{display:none}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}.display{font-family:var(--display);letter-spacing:-.03em}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brick)}.h2{font-family:var(--display);font-weight:800;font-size:clamp(30px,4.2vw,50px);line-height:1.02;letter-spacing:-.03em;margin-top:14px;text-wrap:pretty}.btn{display:inline-block;padding:15px 24px;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;border:0;transition:background .15s ease,color .15s ease}.btn--brick{background:var(--brick);color:var(--paper)}.btn--brick:hover{background:var(--ochre);color:var(--ink)}.btn--ghost{border:1px solid var(--paper-30);color:var(--paper)}.btn--ghost:hover{background:var(--paper-10);color:var(--paper)}.btn--ochre{background:var(--ochre);color:var(--ink);padding:16px 26px;font-size:15.5px;font-weight:700}.btn--ochre:hover{background:var(--paper);color:var(--ink)}.btn--ghost.btn--lg{padding:16px 26px;font-size:15.5px}.seg{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--ink-18);padding:3px}.seg button{border:0;cursor:pointer;font-weight:600;font-size:11.5px;letter-spacing:.04em;padding:5px 9px;background:transparent;color:var(--ink-72)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.seg--lg{gap:4px;padding:4px;border-color:var(--ink-20);background:var(--card)}.seg--lg button{font-size:13px;letter-spacing:0;padding:9px 14px}.mark{display:grid;grid-template-columns:repeat(3,var(--dot, 5px));grid-template-rows:repeat(3,var(--dot, 5px));gap:var(--gap, 2px);flex:none}.mark>i{display:block;background:currentColor}.mark>i:nth-child(5){background:var(--mark-accent, var(--brick))}.grid-bg{background-color:var(--ink);color:var(--paper);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:68px 68px}.blk{background:var(--ink-16)}.blk--10{background:var(--ink-10)}.blk--12{background:var(--ink-12)}.blk--14{background:var(--ink-14)}.blk--20{background:var(--ink-20)}.blk--22{background:var(--ink-22)}.blk--28{background:var(--ink-28)}.blk--30{background:var(--ink-30)}.blk--50{background:var(--ink-50)}.blk--72{background:var(--ink-72)}.blk--brick{background:var(--brick)}.blk--ochre{background:var(--ochre-55)}.blk--ochre-60{background:var(--ochre-60)}.bar{height:6px}.bar--5{height:5px}.bar--7{height:7px}.bar--8{height:8px}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.rise{animation:riseIn .6s ease both;animation-delay:var(--delay, 0s)}.site-header{position:sticky;top:0;z-index:40;background:var(--paper-88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ink-10)}.site-header .wrap{padding-block:14px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;color:var(--ink)}.brand .wordmark{font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:-.03em}.site-nav{display:flex;gap:24px;font-size:13.5px;font-weight:500}.site-nav a{color:var(--ink-66)}.site-nav a:hover{color:var(--ink)}.login{font-size:13.5px;font-weight:600;color:var(--ink)}.login:hover{color:var(--brick)}.signup{background:var(--ink);color:var(--paper);padding:10px 16px;font-size:13.5px;font-weight:600}.signup:hover{background:var(--brick);color:var(--paper)}.hero{overflow:hidden}.hero .wrap{padding-block:clamp(56px,7vw,104px) clamp(48px,6vw,88px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:clamp(36px,5vw,64px);align-items:center}.hero>.wrap>*{min-width:0}.pill{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--paper-26);padding:6px 12px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--paper-78)}.pill .dot{width:6px;height:6px;background:var(--ochre);display:block}.hero h1{font-family:var(--display);font-weight:800;font-size:clamp(38px,6.6vw,84px);line-height:.97;letter-spacing:-.035em;margin-top:22px;text-wrap:pretty}.hero .lede{font-size:clamp(15.5px,1.5vw,19px);line-height:1.55;color:var(--paper-76);max-width:44ch;margin-top:20px;text-wrap:pretty}.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.stats{display:flex;flex-wrap:wrap;margin-top:clamp(34px,4vw,50px);border-top:1px solid var(--paper-16)}.stat{flex:1 1 130px;padding:18px 18px 0;border-left:1px solid var(--paper-16)}.stat:first-child{padding-left:0;border-left:0}.stat:last-child{padding-right:0}.stat b{display:block;font-family:var(--display);font-weight:700;font-size:28px;letter-spacing:-.02em;color:var(--ochre)}.stat>span{display:block;font-size:12.5px;line-height:1.4;color:var(--paper-60);margin-top:4px}.mock{position:relative;display:flex;justify-content:center;--delay: .3s}.mock__stack{width:100%;max-width:420px;position:relative}.mock__behind{position:absolute;top:-18px;right:-6px;width:74%;background:var(--paper);border:1px solid var(--ink);padding:12px;opacity:.55}.mock__behind .tiles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:10px}.mock__behind .tiles>i{aspect-ratio:1;background:var(--ink-12);display:block}.mock__front{position:relative;background:var(--paper);color:var(--ink);border:1px solid var(--ink);box-shadow:14px 14px 0 var(--ochre-90);padding:16px}.mock__top{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--ink-14)}.mock__top .right{margin-left:auto;display:flex;gap:6px}.mock__search{margin-top:14px;height:30px;border:1px solid var(--ink-18);display:flex;align-items:center;padding:0 10px}.mock__search .go{margin-left:auto;width:16px;height:16px;background:var(--brick)}.mock__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.mock__card{border:1px solid var(--ink-16)}.mock__card .img{aspect-ratio:4 / 3}.mock__card .txt{padding:8px}.mock__card .txt .bar+.bar{margin-top:6px}.mock__tag{position:absolute;bottom:-22px;left:-14px;background:var(--ink);border:1px solid var(--paper-30);padding:10px 14px;animation:drift 2.6s ease-in-out infinite alternate}.mock__tag small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--paper-55)}.mock__tag b{display:block;font-family:var(--display);font-weight:700;font-size:15px;color:var(--paper);margin-top:2px}.section{border-bottom:1px solid var(--ink-10);scroll-margin-top:var(--header-h)}.section>.wrap{padding-block:clamp(52px,6vw,96px)}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px}.section-head>div{flex:1 1 300px;min-width:0}.section-head>p{flex:1 1 260px;min-width:0;font-size:14.5px;line-height:1.6;color:var(--ink-72);max-width:42ch;text-wrap:pretty}.calc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(28px,4vw,56px);align-items:start}.calc>*{min-width:0}.calc .intro{font-size:15.5px;line-height:1.6;color:var(--ink-66);max-width:46ch;margin-top:16px;text-wrap:pretty}.calc__inputs{margin-top:32px;border:1px solid var(--ink-16);background:var(--card);padding:20px}.calc__inputs label{display:block}.calc__inputs label+label{margin-top:22px;padding-top:20px;border-top:1px solid var(--ink-10)}.calc__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.calc__row>span{font-size:13.5px;font-weight:600}.calc__row output{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.02em}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;margin:14px 0 0;border-radius:0;background:var(--ink-16);outline:none;accent-color:var(--brick)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:var(--brick);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--brick);cursor:grab}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:0;background:var(--brick);border:3px solid var(--paper);cursor:grab}input[type=range]:focus-visible{outline-offset:6px}.calc__result{background:var(--ink);color:var(--paper);padding:clamp(22px,3vw,34px)}.calc__result .label{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-50)}.calc__line{margin-top:22px}.calc__line+.calc__line{margin-top:24px}.calc__line .row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.calc__line .row>span{font-size:13.5px;color:var(--paper-72)}.calc__line .row output{font-family:var(--display);font-weight:700;font-size:clamp(20px,2.4vw,26px);letter-spacing:-.02em}.calc__line--sepetak .row output{color:var(--ochre)}.calc__track{height:14px;background:var(--paper-12);margin-top:10px}.calc__track>i{display:block;height:100%;background:var(--brick);transition:width .25s ease}.calc__line--sepetak .calc__track>i{background:var(--ochre);min-width:3px}.calc__line .note{font-size:12px;color:var(--paper-50);margin-top:9px}.calc__total{margin-top:30px;padding-top:24px;border-top:1px solid var(--paper-18)}.calc__total .label2{font-size:13px;color:var(--paper-70)}.calc__total output{display:block;font-family:var(--display);font-weight:800;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.035em;color:var(--ochre);margin-top:6px}.calc__total .fine{font-size:12.5px;color:var(--paper-50);margin-top:8px;line-height:1.5}.templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px;margin-top:clamp(30px,4vw,46px)}.tpl{border:1px solid var(--ink-18);background:var(--card);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.tpl:hover{transform:translateY(-4px);box-shadow:8px 8px 0 var(--ink)}.tpl__pic{padding:14px;border-bottom:1px solid var(--ink-12);height:174px;display:flex;flex-direction:column;overflow:hidden}.tpl__pic .title{height:6px;background:var(--ink-50)}.tpl__body{flex:1;min-height:0;margin-top:12px}.tpl__meta{padding:14px}.tpl__meta b{display:block;font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.02em}.tpl__meta span{display:block;font-size:12.5px;line-height:1.45;color:var(--ink-72);margin-top:4px}.tpl__body--etalase{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px}.tpl__body--etalase>i{border:1px solid var(--ink-10)}.tpl__body--warung{display:flex;flex-direction:column;justify-content:center;gap:12px}.tpl__body--warung .item{display:flex;gap:8px;align-items:center}.tpl__body--warung .item>i{width:34px;height:34px;display:block}.tpl__body--warung .item>div{flex:1}.tpl__body--warung .bar+.bar{margin-top:5px}.tpl__body--katalog{display:flex;gap:8px}.tpl__body--katalog .side{width:30%;display:flex;flex-direction:column;gap:5px}.tpl__body--katalog .cells{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:6px}.tpl__body--borongan{border:1px solid var(--ink-14);display:flex;flex-direction:column}.tpl__body--borongan .row{flex:1;display:flex;gap:6px;align-items:center;padding:0 8px;border-bottom:1px solid var(--ink-10)}.tpl__body--borongan .row:last-child{border-bottom:0;background:var(--ochre-35)}.tpl__body--borongan .row .r{margin-left:auto}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));margin-top:clamp(30px,4vw,46px);border:1px solid var(--ink);gap:1px;background:var(--ink-16)}.plan{padding:clamp(20px,2.6vw,30px);background:var(--card);position:relative}.plan--featured{background:var(--ink);color:var(--paper)}.plan__badge{position:absolute;top:0;right:0;background:var(--ochre);color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px}.plan__name{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.02em}.plan__for{font-size:13px;line-height:1.45;color:var(--ink-72);margin-top:6px;min-height:38px}.plan--featured .plan__for{color:var(--paper-66)}.plan__price{display:flex;align-items:baseline;gap:6px;margin-top:18px}.plan__price output{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.4vw,38px);letter-spacing:-.03em}.plan--featured .plan__price output{color:var(--ochre)}.plan__price .per{font-size:13px;color:var(--ink-72)}.plan--featured .plan__price .per{color:var(--paper-60)}.plan__cta{display:block;text-align:center;border:1px solid var(--ink);color:var(--ink);padding:13px;font-size:14px;font-weight:600;margin-top:20px;transition:background .15s ease,color .15s ease}.plan__cta:hover{background:var(--ink);color:var(--paper)}.plan--featured .plan__cta{border-color:var(--brick);background:var(--brick);color:var(--paper)}.plan--featured .plan__cta:hover{border-color:var(--ochre);background:var(--ochre);color:var(--ink)}.plan__rows{margin-top:24px;display:flex;flex-direction:column;gap:11px}.plan__rows div{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;border-top:1px solid var(--ink-10);padding-top:11px}.plan--featured .plan__rows div{border-top-color:var(--paper-16)}.plan__rows div>span:first-child{color:var(--ink-72)}.plan--featured .plan__rows div>span:first-child{color:var(--paper-62)}.plan__rows div>span:last-child{font-weight:600}.plan__rows .no{color:var(--ink-62)}.plan__rows .yes{color:var(--brick)}.plan--featured .plan__rows .yes{color:var(--ochre)}.plans-note{font-size:13.5px;line-height:1.6;color:var(--ink-72);margin-top:18px;max-width:70ch;text-wrap:pretty}.quotes-section>.wrap{padding-block:clamp(52px,6vw,88px)}.quotes-section h2{font-family:var(--display);font-weight:800;font-size:clamp(26px,3.4vw,40px);line-height:1.05;letter-spacing:-.03em;margin-bottom:clamp(26px,3.5vw,40px);text-wrap:pretty}.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px}.quotes figure{margin:0;border-top:2px solid var(--ink);padding-top:18px}.quotes blockquote{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(17px,1.9vw,21px);line-height:1.32;letter-spacing:-.02em;text-wrap:pretty}.quotes figcaption{font-size:13px;color:var(--ink-72);margin-top:14px}.close>.wrap{padding-block:clamp(56px,7vw,104px)}.close h2{font-family:var(--display);font-weight:800;font-size:clamp(34px,5.6vw,72px);line-height:.99;letter-spacing:-.035em;max-width:20ch;text-wrap:pretty}.close .lede{font-size:clamp(15px,1.5vw,18px);line-height:1.55;color:var(--paper-72);max-width:48ch;margin-top:18px;text-wrap:pretty}.close .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.site-footer{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;margin-top:clamp(44px,5vw,68px);padding-top:24px;border-top:1px solid var(--paper-16);font-size:13px;color:var(--paper-50)}.site-footer .brand{gap:9px;color:var(--paper);--mark-accent: var(--ochre)}.site-footer .wordmark{font-size:16px}@media (max-width: 720px){.site-nav{display:none}.site-header .wrap{gap:14px}.signup{display:none}.mock__stack{max-width:340px}.mock__behind{right:0}.mock__tag{left:0}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.rise,.mock__tag{animation:none}.tpl,.calc__track>i,.btn,.plan__cta{transition:none}}