/* dirB2: Mimin product answers + Growth rules. Muse mock 20 Oct 2026. */
.ghost{display:inline-flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:999px;padding:13px 20px;font:800 15px Nunito;color:#8A8A84;background:#fff;white-space:nowrap}
.ghost .soon{margin:0}
.hosts2{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hosts2 b{font:800 13px Nunito;color:var(--body);margin-right:4px}
.hchip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font:800 13px Nunito;background:#fff}
.soon{display:inline-flex;align-items:center;gap:6px;font:700 12px Nunito;color:var(--muted);white-space:nowrap}.soon:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--k)}
.h2b{padding:40px 0 0;text-align:left}.h2b .lead{max-width:44ch;margin-top:18px}.h2b .cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}
/* gallery teaser */
.gal{margin:40px 12px 0;border:1px solid var(--line);border-radius:36px;padding:20px 16px 22px;background:radial-gradient(60% 70% at 0% 0%,var(--ks) 0,rgba(255,243,209,0) 70%),#fff}
.galh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
.galh h2{font:900 26px/1.1 Nunito;letter-spacing:-.03em}
.tabs2{display:inline-flex;gap:4px;border:1px solid var(--line);border-radius:999px;padding:4px;background:#fff;max-width:100%;overflow-x:auto}.tabs2 span{padding:9px 14px;border-radius:999px;font:800 13px Nunito;white-space:nowrap;color:var(--body)}.tabs2 .on{background:#111;color:#fff}
.tiles{display:grid;grid-template-columns:1fr;gap:10px}
.tile{border:1px solid var(--line);border-radius:22px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:8px;min-height:0}
.tile .aud{font:800 10.5px Nunito;letter-spacing:.12em;text-transform:uppercase;color:var(--kd)}
.tile b{font:900 17px/1.25 Nunito;letter-spacing:-.01em}.tile p{font:600 14px/1.45 Nunito;color:var(--body)}
.tile .hand{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font:800 12px Nunito;color:#8A8A84;gap:8px}
.tile.dim b,.tile.dim p{color:#8A8A84}.tile.new .aud:after{content:" · baru";color:var(--muted)}
.tile.tool{border:1.5px solid #111}.tile.tool .hand{color:#111}
.more{display:flex;justify-content:center;margin-top:16px}
/* calculator */
.calc{margin:16px 12px 0;border-radius:36px;background:#111;color:#fff;padding:24px 16px;display:grid;gap:22px}
.calc h2{font:900 30px/1.05 Nunito;letter-spacing:-.04em}.calc .sub{font:700 15px/1.5 Nunito;color:#E9E6DD;margin-top:8px;max-width:40ch}
.cin{display:grid;gap:10px}.cin label{margin:0;font:800 13px Nunito;color:var(--soft)}
.cf{display:flex;align-items:center;gap:8px;background:#fff;border-radius:16px;padding:4px 6px 4px 14px;color:#111}
.cf span{font:800 15px Nunito;color:var(--muted)}.cf input{all:unset;flex:1;min-width:0;font:900 18px Nunito;padding:10px 0;font-variant-numeric:tabular-nums}
.cf small{font:700 11px Nunito;color:var(--muted);white-space:nowrap;padding-right:8px}
.pre{border:1px dashed #4A4740;border-radius:18px;padding:14px;display:grid;gap:10px}
.pre .chips .chip{background:transparent;color:#fff;border-color:#4A4740}.pre .chips .chip.sel{background:var(--k);color:#111;border-color:var(--k)}
.src{font:700 12px/1.5 Nunito;color:var(--soft)}.src i{font-style:normal;border:1px dashed var(--soft);border-radius:6px;padding:1px 6px;color:#fff}
.pct{display:flex;gap:8px;align-items:center}.pct .cf{flex:1}
.share{background:#fff;color:#111;border-radius:28px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.35);align-self:start}
.share .money{font-size:44px}.share .tag{display:inline-block;font:800 11px Nunito;letter-spacing:.12em;text-transform:uppercase;background:var(--ks);border-radius:999px;padding:4px 10px}
.made{display:flex;align-items:center;gap:6px;font:800 12px Nunito;color:var(--muted);margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.made img{width:16px}
.acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.acts .btn{padding:11px 16px;font-size:14px}
.need{font:700 12px Nunito;color:var(--muted);margin-top:8px}
/* tools bento */
.tb{display:grid;gap:12px}.tb .bx{min-height:0}.tb .bx .top3{display:flex;justify-content:space-between;align-items:center;gap:8px}
.tb .bx.dimx{opacity:.7}.tb .n{font:900 13px Nunito;color:var(--kd);letter-spacing:.1em}
/* page header for tool pages */
.phd{padding:40px 0 24px}.phd h1{font:900 40px/1.02 Nunito;letter-spacing:-.045em}.phd .lead{margin-top:12px;max-width:52ch}
.two2{display:grid;gap:16px}
.field label{margin:14px 0 6px}
.tog{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:18px;padding:14px 16px;font:800 15px Nunito}
.sw{width:50px;height:30px;border-radius:999px;background:var(--line);position:relative;flex:none}.sw:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.sw.on{background:#111}.sw.on:after{left:23px}
.doc{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff;box-shadow:0 30px 80px rgba(17,17,17,.10)}
.doc h3{font:900 28px Nunito;letter-spacing:.06em}.doc .kv{font-size:14px}
.dimpage{position:relative}.dimpage .veil{opacity:.45;pointer-events:none;filter:saturate(.6)}
.soonbig{display:inline-flex;align-items:center;gap:10px;background:var(--ks);border-radius:999px;padding:8px 14px;font:900 14px Nunito}.soonbig:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--k)}
.vote{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;border:1px solid var(--line);border-radius:22px;padding:18px;background:#fff}
.vote b{font:900 18px Nunito}.vote p{grid-column:1;font:600 14px/1.5 Nunito;color:var(--body)}.vote .btn{grid-row:1/3;grid-column:2;padding:11px 16px;font-size:14px}
.slot{border:1.5px solid #111;border-radius:14px;padding:10px;text-align:center;font:800 14px Nunito}
.wf2 .tr i{background:#fff}
@media(min-width:1000px){
 .h2b{padding:88px 0 0;display:grid;grid-template-columns:1.3fr .7fr;gap:56px;align-items:end}.h2b .cta{margin-top:0}
 .gal{max-width:1200px;margin:56px auto 0;padding:32px 36px 34px}.galh h2{font-size:34px}
 .tiles{grid-template-columns:repeat(4,1fr)}
 .calc{max-width:1200px;margin:16px auto 0;padding:44px;grid-template-columns:1.1fr .9fr;gap:44px}.calc h2{font-size:48px}
 .cin.g2{grid-template-columns:1fr 1fr}
 .tb{grid-template-columns:repeat(6,1fr)}.tb .t1{grid-column:span 3}.tb .t2{grid-column:span 3}.tb .t3,.tb .t4,.tb .t5{grid-column:span 2}.tb .t6{grid-column:span 3}.tb .t7{grid-column:span 3}
 .phd{padding:72px 0 36px}.phd h1{font-size:64px}
 .two2{grid-template-columns:1fr 1fr;gap:32px;align-items:start}
}
.plist{margin:0;padding:0;list-style:none;counter-reset:n}.plist li{counter-increment:n;display:grid;grid-template-columns:36px 1fr;font:700 17px/1.5 Nunito;padding:16px 0;border-top:1px solid var(--line)}.plist li:before{content:counter(n);font:900 17px Nunito;color:var(--kd)}
.plist-inline a{display:inline;border-bottom:2px solid currentColor}
.plist-inline li>span{min-width:0;display:block}
.plist-inline li a{display:inline !important;width:auto}
.docs-jobs.jcard{display:grid;gap:16px;max-width:none}
@media(min-width:1000px){.docs-jobs.jcard{grid-template-columns:repeat(3,1fr)}}
.tlink{min-height:44px;display:inline-flex;align-items:center}
.fq{border-top:1.5px solid #111;padding:16px 0}.fq b{display:block;font:800 17px Nunito}.fq p{font:600 15px/1.5 Nunito;color:var(--body);margin-top:6px}
.tl{grid-template-columns:1fr}
@media(min-width:1000px){.tl{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:999px){.tl{grid-template-columns:1fr!important}}
.wf .top{position:static;background:none;border:0;padding:0;backdrop-filter:none;z-index:auto}
@media(max-width:999px){.wf .top{display:block}}
/* fix pass 15:30: phone frame, vertical slots, simpanan, mobile */
.h3{padding-top:36px;display:grid;gap:36px}
.cta3{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:flex-start;margin-top:24px}.cb{display:flex;flex-direction:column;gap:8px}
.staged{font:700 13px Nunito;color:var(--body);padding-left:6px}
.phone{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px}
.frame{position:relative;width:min(240px,62vw);aspect-ratio:9/16;border-radius:38px;padding:9px;background:linear-gradient(145deg,#2a2a2c,#111 45%,#1d1d1f);box-shadow:0 0 0 1px #3a3a3c inset,0 40px 90px rgba(17,17,17,.28),0 10px 24px rgba(17,17,17,.18)}
.frame .screen{width:100%;height:100%;border-radius:30px;background:radial-gradient(120% 80% at 50% 0%,#FFF8E6 0,var(--ks) 55%,#FCE7B0 100%);display:grid;place-items:center}
.frame .screen i{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.7);position:relative}.frame .screen i:after{content:"";position:absolute;left:21px;top:16px;border-left:15px solid rgba(17,17,17,.35);border-top:10px solid transparent;border-bottom:10px solid transparent}
.frame .notch{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:62px;height:18px;border-radius:999px;background:#111;z-index:1}
.phone figcaption{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;text-align:center}.phone figcaption b{font:900 15px Nunito}.phone figcaption span:last-child:not(.soon){flex-basis:100%;font:600 13px Nunito;color:var(--muted)}
.phone.det .frame{width:min(320px,78vw)}
.vslot{flex:none;width:58px;aspect-ratio:9/16;border-radius:12px;padding:3px;background:#1d1d1f;display:block}.vslot i{display:grid;place-items:center;width:100%;height:100%;border-radius:9px;background:linear-gradient(180deg,#FFF8E6,var(--ks))}
.tile.full{flex-direction:row;align-items:flex-start;gap:14px}.tile.full .tb2{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;align-self:stretch}
.msg{font:700 13px/1.45 Nunito!important;color:#111!important;background:var(--ks);border-radius:12px;padding:8px 10px}.msg span{display:block;font:800 10.5px Nunito;letter-spacing:.1em;text-transform:uppercase;color:var(--kd);margin-bottom:2px}
.tile.dim .msg{color:#8A8A84!important}
.bigmsg{font:900 22px/1.35 Nunito;letter-spacing:-.01em;margin:10px 0 16px}
.sgrid{display:grid;gap:14px}.scard{border:1px solid var(--line);border-radius:24px;padding:18px;background:#fff;box-shadow:0 14px 40px rgba(17,17,17,.07)}.scard .acts .btn{padding:9px 14px;font-size:13px}
@media(max-width:999px){
 .gal .tiles{grid-template-columns:1fr 1fr;gap:8px}.gal .tile{padding:12px;border-radius:18px;gap:6px}.gal .tile p{display:none}.gal .tile b{font-size:14px}.gal .tile .aud{font-size:9.5px}.gal .tile .hand{font-size:10.5px;flex-wrap:wrap}.gal .tile .hand .soon{font-size:10.5px}
}
@media(min-width:1000px){
 .h3{padding-top:72px;grid-template-columns:1fr 300px;gap:64px;align-items:center}.h3 h1{font-size:76px}
 .frame{width:270px}.phone.det .frame{width:340px}
 .tfull{grid-template-columns:repeat(2,1fr)}.vslot{width:72px}
 .sgrid{grid-template-columns:1fr 1fr}
}
/* rules pass 15:35 */
button.chip{cursor:pointer;font-family:Nunito}
.calc .src a{color:var(--k);font-weight:800;text-decoration:underline;text-underline-offset:3px;display:inline-block;margin-top:4px}
.soon.on:before{background:#2BB673}