.ngelamar-spotlight{background:#fbf9f4;padding:clamp(3rem,6vw,5.5rem) 0;position:relative}.ngelamar-hero{background:#fff;border:2.5px solid #1e1b4b;border-radius:255px 25px 225px/25px 225px 25px 255px;min-height:clamp(420px,52vw,580px);transition:transform .35s cubic-bezier(.175,.885,.32,1.275),box-shadow .35s;position:relative;overflow:hidden;box-shadow:6px 6px #1e1b4b}.ngelamar-hero:hover{transform:translate(-3px,-3px);box-shadow:11px 11px #5e17eb}.ngelamar-hero__media{background:#fff;justify-content:flex-end;align-items:center;margin:0;line-height:0;display:flex;position:absolute;inset:0}.ngelamar-hero__media img{object-fit:contain;object-position:right center;width:auto;max-width:100%;height:100%;display:block}.ngelamar-hero__overlay{z-index:1;pointer-events:none;background:0 0;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(1.5rem,4vw,3.25rem);display:flex;position:absolute;inset:0}.ngelamar-hero__copy{pointer-events:auto;align-items:flex-start;gap:var(--space-sm);flex-direction:column;max-width:min(34rem,52%);display:flex}.ngelamar-hero__tag{align-self:flex-start;margin-bottom:.15rem;display:inline-block}.ngelamar-hero__title{font-family:var(--font-display);font-size:clamp(1.85rem,4.2vw,3.1rem);font-weight:var(--weight-bold);color:#1e1b4b;letter-spacing:var(--tracking-heading);margin:0;line-height:1.05}.ngelamar-hero__accent{color:#5e17eb}.ngelamar-hero__intro{font-size:var(--text-lead);color:#4a4458;line-height:var(--leading-body);margin:0}.ngelamar-hero__actions{gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.ngelamar-hero__note{font-size:var(--text-caption);color:#6b6480;font-weight:var(--weight-medium);margin:.15rem 0 0}.ngelamar-spotlight__btn{align-items:center;gap:var(--space-sm);font-size:var(--text-body);font-weight:var(--weight-bold);border:2.5px solid #1e1b4b;border-radius:200px;padding:.95rem 1.9rem;text-decoration:none;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s;display:inline-flex}.ngelamar-spotlight__btn svg{stroke-width:2.4px;width:20px;height:20px}.ngelamar-spotlight__btn--primary{color:#fff;background:#5e17eb;box-shadow:5px 5px #1e1b4b}.ngelamar-spotlight__btn--primary:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #1e1b4b}@media (width<=820px){.ngelamar-hero{flex-direction:column;min-height:0;display:flex}.ngelamar-hero__media{justify-content:center;align-items:flex-start;position:relative}.ngelamar-hero__media img{object-fit:contain;object-position:center top;width:100%;height:auto;max-height:none}.ngelamar-hero__overlay{background:#fff;justify-content:flex-end;margin-top:0;padding:1.15rem 1.15rem 1.35rem;position:relative;inset:auto}.ngelamar-hero__copy{width:100%;max-width:100%;box-shadow:none;background:0 0;border:none;padding:0}.ngelamar-hero__title{font-size:clamp(1.65rem,7vw,2.15rem)}.ngelamar-hero__intro{font-size:var(--text-body)}}@media (width<=600px){.ngelamar-hero__actions{flex-direction:column;align-items:stretch;width:100%}.ngelamar-hero__actions .ngelamar-spotlight__btn{justify-content:center}}.produk-page{color:#1e1b4b;background-color:#fbf9f4;min-height:100vh}.produk-showcase{background:#fbf9f4;padding:clamp(2.5rem,5vw,4.5rem) 0 clamp(4rem,7vw,6rem)}.produk-jump{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:clamp(1.75rem,3.5vw,2.5rem);display:flex}.produk-jump__chip{color:#1e1b4b;cursor:pointer;background:#fff;border:2.5px solid #1e1b4b;border-radius:200px;align-items:center;gap:10px;padding:.7rem 1.3rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s;display:inline-flex;box-shadow:4px 4px #1e1b4b}.produk-jump__chip svg{transition:transform .25s}.produk-jump__chip:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #5e17eb}.produk-jump__chip:hover svg{transform:translateY(2px)}.produk-jump__chip:active{transform:translate(1px,1px);box-shadow:2px 2px #1e1b4b}.produk-jump__dot{border:1.5px solid #1e1b4b;border-radius:50%;flex-shrink:0;width:10px;height:10px}.produk-jump__dot--emerald{background:#34d399}.produk-jump__dot--blue{background:#38bdf8}.produk-anchor,#produk-ngelamar{scroll-margin-top:110px}.produk-page .ngelamar-spotlight{padding-bottom:clamp(1.25rem,3vw,2rem)}.produk-ngelamar-detail{background:#fbf9f4;padding:0 0 clamp(2.5rem,5vw,4rem)}.produk-ngelamar-detail__grid{grid-template-columns:1.15fr .85fr;gap:28px;display:grid}.produk-ngelamar-detail__panel{background:#fff;border:2.5px solid #1e1b4b;border-radius:255px 25px 225px/25px 225px 25px 255px;padding:clamp(1.5rem,3vw,2.25rem);transition:transform .35s cubic-bezier(.175,.885,.32,1.275),box-shadow .35s;box-shadow:6px 6px #1e1b4b}.produk-ngelamar-detail__panel:nth-child(2){border-radius:25px 255px 25px 225px/225px 25px 255px}.produk-ngelamar-detail__panel:hover{transform:translate(-3px,-3px);box-shadow:11px 11px #5e17eb}.produk-ngelamar-detail__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:#1e1b4b;letter-spacing:var(--tracking-heading);margin:0 0 var(--space-lg);line-height:var(--leading-heading)}.produk-ngelamar-detail__features{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.produk-ngelamar-detail__features li{align-items:flex-start;gap:var(--space-md);font-size:var(--text-body);line-height:var(--leading-body);color:#4a4458;display:flex}.produk-ngelamar-detail__features svg{color:#00875a;flex-shrink:0;width:22px;height:22px;margin-top:2px}.produk-ngelamar-detail__specs{flex-direction:column;margin:0;display:flex}.produk-ngelamar-detail__spec-row{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:2px dashed #1e1b4b2e;display:flex}.produk-ngelamar-detail__spec-row:last-child{border-bottom:none}.produk-ngelamar-detail__spec-row dt{font-size:var(--text-caption);font-weight:var(--weight-bold);color:#8a83a3;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;padding-top:2px}.produk-ngelamar-detail__spec-row dd{font-size:var(--text-body);font-weight:var(--weight-semibold);color:#1e1b4b;text-align:right;line-height:var(--leading-snug);margin:0}@media (width<=820px){.produk-ngelamar-detail__grid{grid-template-columns:1fr}}@media (width<=600px){.produk-ngelamar-detail__spec-row{flex-direction:column;gap:2px}.produk-ngelamar-detail__spec-row dd{text-align:left}}.produk-bento{grid-template-columns:repeat(2,1fr);gap:28px;margin-top:2rem;display:grid}.produk-bento>:only-child{grid-column:1/-1;justify-self:center;width:100%;max-width:520px}.produk-wide{background:#fff;border:2.5px solid #1e1b4b;border-radius:255px 25px 225px/25px 225px 25px 255px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);margin-top:2rem;padding:clamp(1.75rem,4vw,3rem);transition:transform .35s cubic-bezier(.175,.885,.32,1.275),box-shadow .35s;display:grid;position:relative;overflow:hidden;box-shadow:6px 6px #1e1b4b}.produk-wide:hover{transform:translate(-3px,-3px);box-shadow:11px 11px #5e17eb}.produk-wide__content{align-items:flex-start;gap:var(--space-sm);flex-direction:column;display:flex;position:relative}.produk-wide__badge{font-size:var(--text-caption);font-weight:var(--weight-bold);color:#1e1b4b;letter-spacing:.02em;margin-bottom:var(--space-sm);background:#e6f4ea;border:2px solid #1e1b4b;border-radius:200px;padding:.4rem .95rem;display:inline-block;box-shadow:3px 3px #1e1b4b}.produk-wide__title{font-family:var(--font-display);font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:var(--weight-bold);color:#1e1b4b;letter-spacing:var(--tracking-heading);margin:0;line-height:1.05}.produk-wide__tagline{font-size:var(--text-lead);color:#4a4458;line-height:var(--leading-body);margin:0 0 var(--space-md)}.produk-wide__btn{align-items:center;gap:var(--space-sm);color:#fff;font-size:var(--text-body);font-weight:var(--weight-bold);background:#5e17eb;border:2.5px solid #1e1b4b;border-radius:200px;padding:.95rem 1.9rem;text-decoration:none;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s;display:inline-flex;box-shadow:5px 5px #1e1b4b}.produk-wide__btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #1e1b4b}.produk-wide__media{margin:0;line-height:0;position:relative}.produk-wide__media img{filter:drop-shadow(0 18px 36px #1e1b4b33);border-radius:clamp(18px,3vw,28px);width:100%;max-width:440px;height:auto;margin-left:auto;display:block}@media (width<=820px){.produk-wide{border-radius:40px 40px 200px/40px 200px;grid-template-columns:1fr}.produk-wide__media img{max-width:320px;margin:0 auto}.produk-wide__content{align-items:stretch}.produk-wide__btn{justify-content:center}}.produk-card{background:#fff;border:2.5px solid #1e1b4b;border-radius:255px 25px 225px/25px 225px 25px 255px;flex-direction:column;min-height:480px;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px #1e1b4b}.produk-card:hover{transform:translateY(-8px)rotate(.5deg);box-shadow:12px 12px #5e17eb}.produk-card__badge{z-index:10;letter-spacing:.04em;text-transform:uppercase;color:#1e1b4b;background:#fff;border:2px solid #1e1b4b;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:6px 14px;font-size:.76rem;font-weight:800;position:absolute;top:1.25rem;right:1.25rem;box-shadow:3px 3px #1e1b4b}.produk-card--blue .produk-card__badge{color:#5e17eb;background:#f3e8ff;border-color:#5e17eb;box-shadow:3px 3px #1e1b4b}.produk-card--emerald .produk-card__badge{color:#059669;background:#e6f4ea;border-color:#059669;box-shadow:3px 3px #1e1b4b}.produk-card__badge-wrapper{z-index:10;position:absolute;top:1rem;right:1rem}.produk-card__line-art-bg{opacity:.22;pointer-events:none;color:#5e17eb;width:85px;height:65px;position:absolute;top:12px;left:16px}.produk-card__visual{background:#fbf9f4;border-bottom:2.5px solid #1e1b4b;flex:1;justify-content:center;align-items:center;min-height:310px;padding:3.5rem 1.5rem 1.5rem;display:flex;position:relative}.produk-card--blue .produk-card__visual{background:linear-gradient(#f3eeff 0%,#fbf9f4 100%)}.produk-card--emerald .produk-card__visual{background:linear-gradient(#eefaf4 0%,#fbf9f4 100%)}.produk-card__content{text-align:center;padding:1.5rem 1.75rem 2rem;position:relative}.produk-card__icon{margin-bottom:.5rem;font-size:1.8rem;display:inline-flex}.produk-card__title{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:.5rem;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:900;color:#1e1b4b!important}.produk-card__tagline{max-width:32ch;margin:0 auto;font-size:.98rem;line-height:1.55;color:#4b5563!important}.produk-mock--dashboard{background:#fff;border:2px solid #1e1b4b;border-radius:16px;width:min(100%,320px);overflow:hidden;box-shadow:6px 6px #5e17eb}.produk-mock__chrome{background:#f0f0f4;border-bottom:2px solid #1e1b4b;gap:6px;padding:10px 12px;display:flex}.produk-mock__chrome span{border:1px solid #1e1b4b;border-radius:50%;width:9px;height:9px}.produk-mock__chrome span:first-child{background:#ff5f56}.produk-mock__chrome span:nth-child(2){background:#ffbd2e}.produk-mock__chrome span:nth-child(3){background:#27c93f}.produk-mock__body{min-height:160px;display:flex}.produk-mock__sidebar{opacity:.9;background:#1e1b4b;width:48px}.produk-mock__main{flex:1;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.produk-mock__stat{background:linear-gradient(135deg,#f5f0ff,#e8e0ff);border:1px solid #1e1b4b;border-radius:10px;height:44px}.produk-mock__chart{background:linear-gradient(#0000 40%,#5e17eb1f 100%),#f8f6ff;border:1px solid #1e1b4b;border-radius:12px;grid-column:1/-1;height:72px}.produk-image-wrapper{max-width:210px;transition:transform .3s var(--ease-out);justify-content:center;align-items:center;margin:.5rem auto 0;display:flex}.produk-card:hover .produk-image-wrapper{transform:translateY(-6px)scale(1.025)}.produk-image-direct{object-fit:contain;border:2px solid #1e1b4b;border-radius:18px;width:100%;max-height:265px;display:block;box-shadow:6px 6px #1e1b4b}.produk-cta{text-align:center;background:linear-gradient(135deg,#fff 0%,#faf5ff 100%);border:2.5px solid #1e1b4b;border-radius:255px 25px 225px/25px 225px 25px 255px;margin-top:3rem;padding:2.5rem 1.5rem;box-shadow:8px 8px #5e17eb}.produk-cta__text{color:#1e1b4b;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.produk-cta__actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}@media (width<=768px){.produk-bento{grid-template-columns:1fr}.produk-card{min-height:380px}.produk-cta__actions{flex-direction:column;align-items:center}}