:root{--np-bg:#f2fbf6;--np-ink:#06301f;--np-ink-soft:#1b5e42;--np-green:#34d399;--np-green-dk:#0e8f5c;--np-panel:#16a868;--np-panel-dk:#0c7a49;--np-shadow:#06301f}.jasa-note{color:var(--np-ink-soft);background:#fff;border:1px solid #06301f0f;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;width:fit-content;margin:.85rem auto 0;padding:.55rem .9rem;font-size:.75rem;font-weight:700;display:flex;box-shadow:2px 2px #06301f0f}.jasa-note i{color:var(--np-green)}.jasa-section{padding:2.75rem 0 0}.jasa-head{text-align:center;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:1.9rem;display:flex}.jasa-title{color:var(--np-ink);letter-spacing:-.02em;font-size:clamp(1.45rem,3.4vw,2.05rem);font-weight:900;line-height:1.15}.jasa-sub{color:var(--np-ink-soft);max-width:640px;font-size:.88rem;font-weight:600;line-height:1.65}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--np-green-dk);background:#fff;border:1px solid #34d39938;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.66rem;font-weight:800;display:inline-flex;box-shadow:2px 2px #34d3991f}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1.35rem;display:grid}.pricing-card{box-shadow:5px 5px 0 0 var(--np-panel-dk);background:#fff;border:1px solid #06301f12;border-radius:16px;flex-direction:column;gap:.95rem;padding:1.55rem 1.4rem 1.4rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.pricing-card:hover{box-shadow:6px 6px 0 0 var(--np-panel-dk);border-color:color-mix(in srgb,var(--pc) 18%, #06301f12);transform:translateY(-4px)}.pricing-card.popular{border-color:color-mix(in srgb,var(--pc) 28%, #06301f12);box-shadow:6px 6px 0 0 var(--np-panel-dk), 0 12px 32px #06301f14;transform:translateY(-2px)}.pricing-card.popular:hover{transform:translateY(-6px)}.pricing-card:before{content:"";background:var(--pc);opacity:.95;height:4px;position:absolute;inset:0 0 auto}.pricing-card:after{content:"";pointer-events:none;opacity:.04;background:radial-gradient(500px 220px at 50% 0%, var(--pc), transparent 70%);position:absolute;inset:0}.pc-badge{background:var(--pc);color:#06301f;letter-spacing:.06em;text-transform:uppercase;z-index:2;white-space:nowrap;border:1px solid #06301f14;border-radius:999px;align-items:center;gap:.28rem;padding:.32rem .6rem;font-size:.58rem;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:2px 2px #06301f1a}.pc-badge i{font-size:.6rem}.pc-head{align-items:center;gap:.85rem;padding-top:.35rem;display:flex;position:relative}.pc-icon{width:46px;height:46px;color:var(--pc);background:color-mix(in srgb,var(--pc) 13%, #fff);border:1px solid color-mix(in srgb,var(--pc) 20%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;display:flex;box-shadow:inset 0 1px #ffffffb3}.pc-label{letter-spacing:.13em;text-transform:uppercase;color:var(--np-ink-soft);font-size:.6rem;font-weight:800}.pc-name{color:var(--np-ink);letter-spacing:-.01em;font-size:1.05rem;font-weight:900}.pc-price-wrap{background:color-mix(in srgb,var(--pc) 7%, #f2fbf6);border:1px solid color-mix(in srgb,var(--pc) 14%, transparent);text-align:center;border-radius:12px;padding:.85rem .9rem;position:relative}.pc-price{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.35rem;display:flex}.pc-price-sub{color:var(--np-ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:800}.pc-price-val{color:var(--np-ink);letter-spacing:-.02em;font-size:1.65rem;font-weight:900;line-height:1}.pc-est{color:var(--np-ink-soft);text-align:center;opacity:.9;font-size:.68rem;font-weight:700}.pc-divider{background:linear-gradient(90deg,#0000,#06301f14,#0000);height:1px;margin:.15rem 0}.pc-list{flex-direction:column;flex:1;gap:.4rem;margin:.15rem 0;list-style:none;display:flex}.pc-list li{color:var(--np-ink-soft);background:#06301f04;border:1px solid #06301f0a;border-radius:9px;align-items:flex-start;gap:.55rem;padding:.5rem .6rem;font-size:.78rem;font-weight:600;line-height:1.45;display:flex}.pc-list li i{color:var(--pc);background:color-mix(in srgb,var(--pc) 14%, transparent);border:1px solid color-mix(in srgb,var(--pc) 18%, transparent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:.28rem;font-size:.62rem;line-height:1;display:flex}.pc-cta{background:var(--pc);color:#06301f;text-transform:uppercase;letter-spacing:.03em;border:2px solid var(--np-shadow);box-shadow:4px 4px 0 0 var(--np-shadow);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:auto;padding:.9rem 1rem;font-size:.8rem;font-weight:900;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.pc-cta:hover{box-shadow:2px 2px 0 0 var(--np-shadow);filter:brightness(1.04);transform:translate(2px,2px)}.pc-cta:active{box-shadow:0 0 0 0 var(--np-shadow);transform:translate(4px,4px)}.plugin-card,.custom-dev-card{box-shadow:5px 5px 0 0 var(--np-panel-dk);background:#fff;border:1px solid #06301f12;border-radius:16px;grid-template-columns:360px 1fr;display:grid;overflow:hidden}.plugin-left,.custom-dev-left{flex-direction:column;gap:.7rem;padding:1.75rem;display:flex;position:relative}.plugin-left{background:linear-gradient(180deg,color-mix(in srgb,var(--np-green) 7%, #fff), #fff 62%);border-right:1px solid #06301f0f}.custom-dev-left{background:linear-gradient(#a78bfa17,#fff 62%);border-right:1px solid #06301f0f}.plugin-left:before,.custom-dev-left:before{content:"";background:var(--np-green);opacity:.9;height:3px;position:absolute;inset:0 0 auto}.custom-dev-left:before{background:#a78bfa}.plugin-right,.custom-dev-right{align-items:center;padding:1.5rem;display:flex}.plugin-hint{color:var(--np-ink-soft);background:#06301f08;border:1px solid #06301f0f;border-radius:9px;gap:.35rem;padding:.55rem .65rem;font-size:.68rem;font-weight:600;line-height:1.45;display:flex}.plugin-hint i{color:var(--np-green);margin-top:.1rem}.plugin-grid{flex-wrap:wrap;gap:.5rem;display:flex}.chip{color:var(--np-ink);background:#fff;border:1px solid #06301f14;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:2px 2px #06301f0d}.chip i{color:var(--np-green);background:#34d39924;border:1px solid #34d3992e;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:.58rem;display:flex}.chip-dark{background:#fff;border-color:#06301f14}.chip-dark i{color:var(--np-ink-soft);background:#06301f0f;border-color:#06301f14}.np-panel-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#fffffff2;backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.66rem;font-weight:800;display:inline-flex}.steps-grid{grid-template-columns:repeat(4,1fr);gap:1.1rem;width:100%;margin-top:1.6rem;display:grid}.step-card{text-align:left;box-shadow:5px 5px 0 0 var(--np-panel-dk);background:#fff;border:1px solid #06301f0f;border-radius:16px;padding:1.5rem 1.25rem 1.25rem;transition:transform .2s;position:relative;overflow:hidden}.step-card:hover{transform:translateY(-3px)}.step-card:before{content:"";background:var(--np-green);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.step-num{color:#06301f12;font-size:1.55rem;font-weight:900;line-height:1;position:absolute;top:.85rem;right:.9rem}.step-icon{width:44px;height:44px;color:var(--np-green-dk);background:#34d3991f;border:1px solid #34d3992e;border-radius:12px;justify-content:center;align-items:center;margin-bottom:.75rem;font-size:1rem;display:flex}.step-title{color:var(--np-ink);letter-spacing:-.01em;margin-bottom:.3rem;font-size:.95rem;font-weight:900}.step-desc{color:var(--np-ink-soft);font-size:.78rem;font-weight:600;line-height:1.55}.why-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.why-card{box-shadow:4px 4px 0 0 var(--np-panel-dk);background:#fff;border:1px solid #06301f0f;border-radius:16px;padding:1.45rem 1.25rem;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.why-card:before{content:"";background:var(--wc);opacity:.95;height:3px;position:absolute;inset:0 0 auto}.why-card:hover{border-color:color-mix(in srgb,var(--wc) 18%, #06301f0f);transform:translateY(-3px)}.why-icon{width:44px;height:44px;color:var(--wc);background:color-mix(in srgb,var(--wc) 12%, #fff);border:1px solid color-mix(in srgb,var(--wc) 18%, transparent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:.75rem;font-size:.95rem;display:flex}.why-title{color:var(--np-ink);letter-spacing:-.01em;margin-bottom:.3rem;font-size:.95rem;font-weight:900}.why-desc{color:var(--np-ink-soft);font-size:.78rem;font-weight:600;line-height:1.55}.final-cta{background:var(--np-bg);padding:3rem 1.5rem 4rem}.final-cta-inner{max-width:760px;box-shadow:5px 5px 0 0 var(--np-panel-dk);text-align:center;background:#fff;border:1px solid #06301f12;border-radius:16px;flex-direction:column;align-items:center;gap:.95rem;margin:0 auto;padding:2.4rem 1.75rem;display:flex;position:relative;overflow:hidden}.final-cta-inner:before{content:"";background:var(--np-green);height:4px;position:absolute;inset:0 0 auto}.final-cta-title{color:var(--np-ink);letter-spacing:-.02em;font-size:clamp(1.5rem,3.6vw,2.1rem);font-weight:900}.final-cta-sub{color:var(--np-ink-soft);max-width:540px;font-size:.9rem;font-weight:600;line-height:1.6}.final-cta-note{color:var(--np-ink-soft);background:#06301f08;border:1px solid #06301f0f;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.7rem;font-weight:700;display:flex}.final-cta-note i{color:var(--np-green)}.custom-dev-title{color:var(--np-ink);letter-spacing:-.01em;font-size:1.3rem;font-weight:900}.custom-dev-sub{color:var(--np-ink-soft);font-size:.82rem;font-weight:600;line-height:1.6}.custom-dev-price{margin:.15rem 0}@media (width<=1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid>:last-child{grid-column:1/-1;width:100%;max-width:560px;margin-inline:auto}.plugin-card,.custom-dev-card{grid-template-columns:1fr}.plugin-left,.custom-dev-left{border-bottom:1px solid #06301f0f;border-right:none}.steps-grid,.why-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.pricing-grid{grid-template-columns:1fr}.pricing-grid>:last-child{max-width:none}.steps-grid,.why-grid{grid-template-columns:1fr}.jasa-title{font-size:clamp(1.25rem,5vw,1.6rem)}.final-cta{padding:2rem 1rem 3rem}.final-cta-inner{padding:1.85rem 1.25rem}.plugin-card,.custom-dev-card,.pricing-card{box-shadow:3px 3px 0 0 var(--np-panel-dk)}.pricing-card.popular{box-shadow:4px 4px 0 0 var(--np-panel-dk)}}@media (prefers-reduced-motion:reduce){.pricing-card,.step-card,.why-card{transition:none}}