.tools-page{background:var(--rice);color:var(--ink);overflow:clip}.tools-page :where(h1,h2,h3){text-wrap:balance}.tools-page :where(p){text-wrap:pretty}.tools-hero,.tool-detail-hero{background:var(--rice);padding:clamp(46px,6vw,88px) 0 clamp(68px,8vw,118px)}.tools-hero__grid,.tool-detail-hero__grid{grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);align-items:center;gap:clamp(42px,6vw,90px);display:grid}.tools-hero__copy h1,.tool-detail-hero__copy h1{max-width:15ch;font-size:var(--type-h1);letter-spacing:-.05em;margin-top:18px;line-height:.96}.tools-hero__copy .lede,.tool-detail-hero__copy .lede{max-width:52ch;color:var(--ink-72);margin-top:24px;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.68}.tools-hero__copy .button-row{flex-wrap:wrap;margin-top:30px;display:flex}.tools-hero__lab{border:1px solid var(--ink);background:var(--ink);min-height:520px;box-shadow:14px 14px 0 var(--yellow);isolation:isolate;margin:0;position:relative;overflow:hidden}.tools-hero__art{object-fit:contain;object-position:86% center;background:var(--ink);opacity:.94;width:100%;height:100%;padding:34px 18px 120px 24%;position:absolute;inset:0}.tools-hero__lab:after{content:"";pointer-events:none;background:linear-gradient(#0b304514,#0b30459e);position:absolute;inset:0}.tools-hero__art--context{object-fit:cover;object-position:center;background:var(--rice);opacity:.82;padding:0}.tools-hero__lab-top{z-index:3;color:var(--white);backdrop-filter:blur(8px);letter-spacing:.08em;text-transform:uppercase;background:#0b3045c7;border:1px solid #ffffff4d;justify-content:space-between;gap:20px;padding:12px 14px;font-size:.64rem;font-weight:800;display:flex;position:absolute;top:18px;left:18px;right:18px}.tools-hero__lab-top small{color:var(--yellow);font:inherit}.tools-hero__equation{z-index:3;text-align:center;background:#faf7efe6;border:1px solid #ffffff47;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:7px;padding:14px;font-size:.66rem;font-weight:800;display:grid;position:absolute;bottom:174px;left:18px;right:18px}.tools-hero__equation b{color:var(--teal)}.tools-hero__signals{z-index:3;background:#fff3;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.tools-hero__signals article{min-height:132px;color:var(--white);background:#0b3045e6;flex-direction:column;padding:16px;display:flex}.tools-hero__signals small{color:var(--yellow);font-weight:800}.tools-hero__signals strong{margin-top:9px;font-size:.76rem;line-height:1.4}.tools-hero__signals i{width:var(--v);background:var(--teal);height:5px;margin-top:auto;display:block}.tools-hero__mascot{z-index:2;filter:drop-shadow(0 18px 28px #0b30453d);pointer-events:none;width:210px;height:auto;position:absolute;top:58px;right:-35px}.tools-catalog{background:var(--white)}.tools-section-head{grid-template-columns:minmax(0,1fr) minmax(280px,.66fr);align-items:end;gap:16px clamp(32px,7vw,96px);margin-bottom:clamp(42px,6vw,72px);display:grid}.tools-section-head .section-kicker{grid-column:1/-1}.tools-section-head>p:last-child{max-width:50ch;color:var(--ink-72)}.tools-catalog__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.tool-card{--tool-accent:var(--teal);border:1px solid var(--ink-10);background:var(--rice);min-height:390px;color:var(--ink);transition:transform .35s var(--ease),background-color .35s ease,box-shadow .35s ease;flex-direction:column;grid-column:span 4;margin:0;padding:24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.tool-card:first-child,.tool-card:nth-child(5){grid-column:span 7}.tool-card:nth-child(2),.tool-card:nth-child(6){grid-column:span 5}.tool-card--stok{--tool-accent:var(--yellow)}.tool-card--kas{--tool-accent:var(--teal)}.tool-card--penjualan{--tool-accent:var(--ink)}.tool-card:hover,.tool-card:focus-visible{background:var(--white);box-shadow:-7px 7px 0 var(--tool-accent);transform:translateY(-6px)}.tool-card__top{color:var(--teal);justify-content:space-between;gap:16px;font-size:.66rem;font-weight:800;display:flex}.tool-card__visual{align-items:end;gap:7px;height:100px;margin:30px 0;display:flex}.tool-card__visual i{height:var(--bar-height,45%);background:var(--ink-10);transform-origin:bottom;flex:1;display:block}.tool-card__visual i:first-child{--bar-height:var(--h1,34%);background:var(--tool-accent)}.tool-card__visual i:nth-child(2){--bar-height:var(--h2,72%);background:var(--yellow)}.tool-card__visual i:nth-child(3){--bar-height:var(--h3,50%);background:var(--teal)}.tool-card__visual i:nth-child(4){--bar-height:var(--h4,88%);background:var(--ink)}.tool-card--laba-usaha{--h1:28%;--h2:48%;--h3:70%;--h4:92%}.tool-card--hpp{--h1:84%;--h2:62%;--h3:44%;--h4:28%}.tool-card--reorder-stok{--h1:38%;--h2:88%;--h3:54%;--h4:74%}.tool-card--margin-laba-kotor{--h1:72%;--h2:36%;--h3:82%;--h4:52%}.tool-card--titik-impas{--h1:28%;--h2:56%;--h3:84%;--h4:56%}.tool-card--arus-kas-bersih{--h1:76%;--h2:44%;--h3:68%;--h4:34%}.tool-card--nilai-transaksi-rata-rata{--h1:46%;--h2:66%;--h3:58%;--h4:78%}.tool-card__copy p{max-width:40ch;color:var(--ink-72);margin-top:13px}.tool-card__copy small{color:var(--teal);margin-top:18px;font-weight:800;display:block}.tool-card>b{border-top:1px solid var(--ink-10);justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px;font-size:.75rem;display:flex}.tool-card>b i{transition:transform .3s var(--ease)}.tool-card:hover>b i{transform:translate(5px)}.tools-method{background:var(--yellow)}.tools-method__grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(48px,8vw,120px);display:grid}.tools-method__statement{position:sticky;top:110px}.tools-method__statement p:last-child{max-width:42ch;color:var(--ink-72);margin-top:20px}.tools-method__steps{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.tools-method__steps li{border-bottom:1px solid #0b304533;grid-template-columns:48px 1fr;gap:18px;padding:26px 0;display:grid}.tools-method__steps li>span{color:var(--teal);font-size:.66rem;font-weight:800}.tools-method__steps strong{font-size:1.08rem}.tools-method__steps p{color:var(--ink-72);margin-top:8px}.tools-crosslink{background:var(--rice)}.tools-crosslink__grid,.tool-related__grid{background:var(--ink-10);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.tools-crosslink__grid a,.tool-related__grid a{background:var(--white);min-height:260px;color:var(--ink);transition:transform .3s var(--ease),background-color .3s ease;flex-direction:column;padding:26px;text-decoration:none;display:flex}.tools-crosslink__grid a:hover,.tools-crosslink__grid a:focus-visible{z-index:1;background:var(--yellow);transform:translateY(-5px)}.tools-crosslink__grid span,.tool-related__grid span{color:var(--teal);font-size:.66rem;font-weight:800}.tools-crosslink__grid h3,.tool-related__grid h3{margin-top:auto;font-size:1.35rem}.tools-crosslink__grid p,.tool-related__grid p{color:var(--ink-72);margin-top:12px}.tools-crosslink__grid b,.tool-related__grid b{color:var(--teal);margin-top:22px;font-size:.75rem}.tool-detail-hero__intent{border-left:3px solid var(--yellow);max-width:44ch;color:var(--ink-72);margin-top:18px;padding-left:16px}.tool-detail-hero__copy>.button{margin-top:28px}.tool-detail-hero__visual{border:1px solid var(--ink);background:var(--ink);min-height:380px;color:var(--white);box-shadow:14px 14px 0 var(--yellow);perspective:900px;grid-template-columns:1fr auto .72fr;align-items:center;gap:12px;padding:clamp(24px,4vw,42px);display:grid}.tool-detail-hero__screen,.tool-detail-hero__result{background:#ffffff0f;border:1px solid #ffffff3d;flex-direction:column;min-height:250px;padding:22px;display:flex}.tool-detail-hero__screen>span,.tool-detail-hero__result>span{color:var(--yellow);text-transform:uppercase;font-size:.65rem;font-weight:800}.tool-detail-hero__screen i{width:var(--w);background:var(--rice);height:26px;color:var(--ink);margin-top:15px;padding:6px 9px;font-size:.58rem;font-style:normal;display:block}.tool-detail-hero__operator{background:var(--yellow);width:42px;height:42px;color:var(--ink);border-radius:50%;place-items:center;font-size:1.4rem;font-weight:800;display:grid}.tool-detail-hero__result{background:var(--teal);justify-content:flex-end}.tool-detail-hero__result strong{margin:20px 0;font-size:4rem}.tool-detail-hero__result small{color:#ffffffad}.tool-workspace{background:var(--white)}.tool-explanation{background:var(--rice)}.tool-explanation__grid{grid-template-columns:.72fr 1.28fr;align-items:start;gap:clamp(48px,8vw,120px);display:grid}.tool-explanation__sticky{position:sticky;top:110px}.tool-explanation__sticky>p:last-child{max-width:42ch;color:var(--ink-72);margin-top:20px}.tool-explanation__steps{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.tool-explanation__steps li{border-bottom:1px solid var(--ink-10);grid-template-columns:48px 1fr;gap:18px;padding:28px 0;display:grid}.tool-explanation__steps span{color:var(--teal);font-size:.66rem;font-weight:800}.tool-explanation__steps p{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55}.tool-related .section-kicker{color:var(--yellow)}.tool-related .tools-section-head h2{color:var(--white)}.tool-related .tools-section-head>p:last-child{color:#ffffffad}.tool-related__grid{background:#ffffff2e}.tool-related__grid a{background:var(--ink);color:var(--white)}.tool-related__grid a:hover,.tool-related__grid a:focus-visible{background:#ffffff0f;transform:translateY(-5px)}.tool-related__grid p{color:#ffffffa6}.tool-related__grid b{color:var(--yellow)}.tool-faq{background:var(--white)}.tool-faq__grid{grid-template-columns:.72fr 1.28fr;gap:clamp(48px,8vw,120px);display:grid}.tool-faq details{border-top:1px solid var(--ink-10);padding:22px 0}.tool-faq details:last-child{border-bottom:1px solid var(--ink-10)}.tool-faq summary{cursor:pointer;font-weight:800}.tool-faq details p{max-width:58ch;color:var(--ink-72);margin-top:13px}@media (prefers-reduced-motion:no-preference) and (width>=1201px) and (hover:hover) and (pointer:fine){.tool-card__visual i{animation:tool-bar-in .7s calc(var(--i,0)*60ms) var(--ease) both}@keyframes tool-bar-in{0%{transform:scaleY(0)}to{transform:none}}}.tool-card--harga-jual{--h1:38%;--h2:58%;--h3:76%;--h4:92%}.tool-card--perubahan-omzet{--h1:42%;--h2:54%;--h3:68%;--h4:86%}.tool-card--hpp-per-porsi{--h1:30%;--h2:52%;--h3:74%;--h4:88%}.tool-card--target-penjualan{--h1:36%;--h2:48%;--h3:70%;--h4:96%}@media (width<=1200px){.tools-hero__grid,.tool-detail-hero__grid{grid-template-columns:1fr}.tools-hero__copy,.tool-detail-hero__copy{max-width:780px}.tools-hero__lab,.tool-detail-hero__visual{justify-self:center;width:min(100%,820px)}.tools-section-head{grid-template-columns:1fr}.tools-section-head .section-kicker{grid-column:auto}}@media (width<=900px){.tool-card,.tool-card:nth-child(n){grid-column:span 6}.tools-method__grid,.tool-explanation__grid,.tool-faq__grid{grid-template-columns:1fr}.tools-method__statement,.tool-explanation__sticky{position:static}.tools-crosslink__grid,.tool-related__grid{grid-template-columns:1fr}.tools-crosslink__grid a,.tool-related__grid a{min-height:210px}}@media (width<=620px){.tools-hero__copy h1,.tool-detail-hero__copy h1{font-size:clamp(2.7rem,12vw,3.7rem)}.tools-hero__copy .button-row,.tools-hero__copy .button,.tool-detail-hero__copy>.button{width:100%}.tools-hero__copy .button,.tool-detail-hero__copy>.button{justify-content:center}.tools-hero__lab{min-height:490px;box-shadow:7px 7px 0 var(--yellow)}.tools-hero__art{object-position:78% center;padding:44px 0 180px 22%}.tools-hero__art--context{object-position:center;padding:0}.tools-hero__mascot{width:150px;right:-28px}.tools-hero__equation{grid-template-columns:1fr auto 1fr;bottom:214px}.tools-hero__equation span:last-child,.tools-hero__equation b:nth-of-type(2){display:none}.tools-hero__signals{grid-template-columns:1fr}.tools-hero__signals article{min-height:62px}.tools-hero__signals article:nth-child(n+2){display:none}.tools-catalog__grid{grid-template-columns:1fr;display:grid}.tool-card,.tool-card:nth-child(n){grid-column:auto;min-height:340px}.tool-detail-hero__visual{box-shadow:7px 7px 0 var(--yellow);grid-template-columns:1fr}.tool-detail-hero__operator{justify-self:center}.tool-detail-hero__screen,.tool-detail-hero__result{min-height:190px}.tool-detail-hero__result strong{font-size:3rem}}@media (prefers-reduced-motion:reduce){.tools-page *{transition:none!important;animation:none!important;transform:none!important}}.tools-section-head h2{max-width:20ch}.tool-card__copy h3{font-size:clamp(1.4rem,2.1vw,2.05rem);line-height:1.12}.tool-card__top{align-items:center}.tool-card__top small{margin-left:auto}.tool-card__icon[data-capability-icon]{background:var(--capability-icon-image) center/contain no-repeat;width:38px;height:38px;transition:transform .3s var(--ease)}.tool-card:hover .tool-card__icon,.tool-card:focus-visible .tool-card__icon{transform:translateY(-2px)rotate(-3deg)}.tool-card__visual{margin-top:24px}@media (width<=620px){.tools-hero__copy h1,.tool-detail-hero__copy h1{font-size:clamp(2.35rem,10.5vw,3.2rem)}}@media (width>=961px) and (width<=1200px){.tools-hero__grid,.tool-detail-hero__grid{grid-template-columns:minmax(260px,.8fr) minmax(430px,1.2fr);gap:clamp(24px,3vw,42px)}.tools-hero__copy,.tool-detail-hero__copy{max-width:none}.tools-hero__lab,.tool-detail-hero__visual{justify-self:stretch;width:100%}}@media (width<=1200px),(hover:none),(pointer:coarse){.tool-card:hover,.tool-card:focus-visible,.tool-card:hover>b i,.tools-crosslink__grid a:hover,.tools-crosslink__grid a:focus-visible,.tool-related__grid a:hover,.tool-related__grid a:focus-visible{transform:none}}