@charset "UTF-8";
/* Nivelva Partnership. prefix: pt. Dimuat SETELAH managed-services.css (memakai --ms-* dan kelas dasar ms*). Tanpa kotak krem. */

/* hero: tombol oranye + ilustrasi orbit mitra */
.ptHero{padding-top:20px}
.ptBtn--or{background:linear-gradient(150deg,#FF8A4C 0%,#E8590C 100%);color:#fff;border:0;box-shadow:0 14px 30px -10px rgba(232,89,12,.7)}
.ptBtn--or:hover{color:#fff;transform:translateY(-1px);filter:brightness(1.05)}
.ptBoard a.msBoard__row{text-decoration:none}
.ptBoard a.msBoard__row:hover{color:#fff}
.ptBoard__ft{display:flex;align-items:center;gap:12px;margin:10px 0 0;padding:12px 14px;border-radius:16px;background:#fff;color:#111317;font:800 15px/1.3 var(--sans);box-shadow:0 14px 30px rgba(0,0,0,.35)}
.ptBoard__ft i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff}

/* jenis kemitraan */
.ptTypes{position:relative;padding:20px 0 80px;background:#fff;scroll-margin-top:16px}
.ptTypes__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ptType{position:relative;display:flex;flex-direction:column;padding:24px 22px 20px;border-radius:22px;background:radial-gradient(240px 150px at 100% 0,rgba(232,89,12,.08),transparent 70%),#fff;border:1.5px solid var(--ms-bd);transition:border-color .18s,box-shadow .18s,transform .18s}
.ptType:hover{border-color:var(--ms-ink);box-shadow:0 24px 44px -22px rgba(17,19,23,.35);transform:translateY(-3px)}
.ptType > i{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(160deg,#272A30 0%,#0E1013 100%);color:var(--ms-peach);box-shadow:0 12px 22px -10px rgba(17,19,23,.55)}
.ptType h3{margin:18px 0 0;font:800 19px/1.25 var(--sans);letter-spacing:-.015em;color:var(--ms-ink)}
.ptType__d{margin:8px 0 0;font-size:15px;line-height:1.6;color:var(--ms-mut)}
.ptType ul{list-style:none;display:grid;gap:8px;margin:16px 0 18px;padding:0}
.ptType li{display:flex;align-items:flex-start;gap:8px;font:600 14px/1.4 var(--sans);color:#2A2D33}
.ptType li svg{flex:none;margin-top:2px;color:var(--ms-ok)}
.ptType__go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px;border-top:1.5px dashed var(--ms-bd2);font:800 14px/1.2 var(--sans);color:var(--ms-ink);text-decoration:none;min-height:40px}
.ptType__go:hover{color:var(--accent)}
.ptType__go:focus-visible{outline:3px solid rgba(232,89,12,.5);outline-offset:3px;border-radius:6px}

/* keuntungan: kotak gelap */
.ptBen{position:relative;padding:0 0 80px;background:#fff}
.ptBen__box{position:relative;overflow:hidden;padding:52px;border-radius:26px;background:linear-gradient(165deg,#1C1E23 0%,#0C0D10 100%);color:#fff}
.ptBen__box::after{content:"";position:absolute;right:-140px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(236,101,42,.3),transparent 70%);pointer-events:none}
.ptBen__hd{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;margin-bottom:34px}
.ptBen__hd p{margin:0;max-width:22em;font-size:15.5px;line-height:1.6;color:var(--ms-dim)}
.ptBen__grid{position:relative;z-index:1;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0}
.ptBen__grid li{padding:22px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.ptBen__grid i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(150deg,#FF9A5C,#E8590C);color:#fff;box-shadow:0 10px 20px -10px rgba(232,89,12,.9)}
.ptBen__grid h3{margin:16px 0 0;font:800 17px/1.3 var(--sans);color:#fff}
.ptBen__grid p{margin:8px 0 0;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.74)}

/* cara bergabung */
.ptSteps{position:relative;padding:0 0 80px;background:#fff}
.ptSteps__list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0;padding:0}
.ptSteps__list li{position:relative;min-width:0}
.ptSteps__list li:not(:last-child)::before{content:"";position:absolute;left:60px;right:-12px;top:25px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(232,89,12,.7),var(--ms-bd))}
.ptSteps__list i{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--ms-ink);color:#fff}
.ptSteps__list li.is-end i{background:var(--ms-ok)}
.ptSteps__list h3{margin:16px 0 0;font:800 17.5px/1.3 var(--sans);color:var(--ms-ink)}
.ptSteps__list p{margin:6px 0 0;font-size:15px;line-height:1.6;color:var(--ms-mut);max-width:19em}

/* formulir */
.ptForm{position:relative;padding:76px 0;background:var(--ms-soft);scroll-margin-top:12px}
.ptForm__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.ptForm__side{position:sticky;top:24px}
.ptForm__lead{margin:16px 0 0;font-size:16.5px;line-height:1.6;color:var(--ms-mut);max-width:26em}
.ptForm__notes{list-style:none;display:grid;gap:14px;margin:24px 0 0;padding:0}
.ptForm__notes li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:center;font:500 15px/1.55 var(--sans);color:#3A3D43}
.ptForm__notes i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ms-ink);color:#fff}
.ptForm__notes a{font-weight:800;color:var(--accent)}
.ptForm__card{display:grid;gap:18px;padding:32px;border-radius:24px;background:#fff;border:1.5px solid var(--ms-bd);box-shadow:0 30px 60px -36px rgba(17,19,23,.35)}
.ptForm__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ptF{display:grid;gap:7px;min-width:0;margin:0;padding:0;border:0}
.ptF label,.ptF legend{display:flex;align-items:center;gap:8px;padding:0;font:700 14.5px/1.3 var(--sans);color:var(--ms-ink)}
.ptF__req,.ptF__opt{font:700 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.ptF__req{color:var(--accent)}
.ptF__opt{color:#8A8F98}
.ptF input,.ptF textarea,.ptF select{width:100%;min-height:50px;padding:12px 16px;border-radius:14px;border:1.5px solid var(--ms-bd2);background:#fff;font:500 15.5px/1.4 var(--sans);color:var(--ms-ink);transition:border-color .16s,box-shadow .16s;box-sizing:border-box}
.ptF textarea{min-height:130px;resize:vertical}
.ptF input::placeholder,.ptF textarea::placeholder{color:#8A8F98}
.ptF input:focus,.ptF textarea:focus,.ptF select:focus{outline:0;border-color:var(--ms-ink);box-shadow:0 0 0 4px rgba(17,19,23,.08)}
.ptF.is-err input,.ptF.is-err textarea{border-color:#DC2626}
.ptF__e{margin:0;font:600 13.5px/1.4 var(--sans);color:#B91C1C}
.ptF__h{margin:0;font:500 12.5px/1.3 var(--sans);color:#6B7079;text-align:right}
.ptSel{position:relative}
.ptSel select{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer}
.ptSel svg{position:absolute;right:16px;top:50%;margin-top:-8px;color:var(--ms-mut);pointer-events:none}
.ptChips{display:flex;flex-wrap:wrap;gap:8px;outline:0}
.ptChip{position:relative;display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;border:1.5px solid var(--ms-bd2);background:#fff;font:700 14px/1.2 var(--sans)!important;color:var(--ms-ink)!important;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.ptChip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.ptChip:hover{border-color:var(--ms-ink)}
.ptChip.is-on{background:var(--ms-ink);border-color:var(--ms-ink);color:#fff!important}
.ptChip:has(input:focus-visible){outline:3px solid rgba(232,89,12,.5);outline-offset:2px}
.ptF--types.is-err .ptChip{border-color:#F3A3A3}
.ptCheck{display:grid!important;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;font:500 14.5px/1.55 var(--sans)!important;color:#3A3D43!important;cursor:pointer}
.ptCheck input{width:20px;height:20px;min-height:0;margin:1px 0 0;padding:0;accent-color:var(--accent);cursor:pointer}
.ptSubmit{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;height:56px;border:0;border-radius:999px;background:var(--ms-ink);color:#fff;font:800 16px/1 var(--sans);cursor:pointer;transition:background .16s,transform .16s}
.ptSubmit:hover{background:#000;transform:translateY(-1px)}
.ptSubmit:focus-visible{outline:3px solid rgba(232,89,12,.6);outline-offset:3px}
.ptSubmit__wa{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#25D366;color:#fff}
.ptForm__sent{margin:0;padding:14px 16px;border-radius:14px;background:#ECFDF3;border:1px solid #A7E5C1;font:600 14.5px/1.5 var(--sans);color:#14532D}

/* FAQ */
.ptFaq{position:relative;padding:76px 0 96px;background:#fff}
.ptFaq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.ptFaq__list{display:grid;gap:10px}
.ptFq{border-radius:16px;background:#fff;border:1.5px solid var(--ms-bd);transition:border-color .16s,box-shadow .16s}
.ptFq:hover{border-color:var(--ms-ink)}
.ptFq.is-open{border-color:var(--ms-ink);box-shadow:0 16px 30px -20px rgba(17,19,23,.45)}
.ptFq h3{margin:0}
.ptFq button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:18px 16px 18px 22px;border:0;background:transparent;text-align:left;cursor:pointer;font:700 16.5px/1.4 var(--sans);color:#16181C}
.ptFq button i{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ms-soft);color:var(--ms-ink);transition:background .16s,color .16s,transform .2s}
.ptFq:hover button i{background:var(--ms-ink);color:#fff}
.ptFq.is-open button i,.ptFq.is-open:hover button i{background:var(--accent);color:#fff;transform:rotate(45deg)}
.ptFq button:focus-visible{outline:3px solid rgba(232,89,12,.55);outline-offset:-3px;border-radius:16px}
.ptFq__a{padding:0 22px 20px}
.ptFq__a[hidden]{display:none}
.ptFq__a p{margin:0;font-size:16px;line-height:1.72;color:#33363B}

/* kecepatan: bagian jauh di bawah dirender saat mendekati layar */
.ptSteps,.ptFaq{content-visibility:auto;contain-intrinsic-size:auto 600px}

/* tablet */
@media (max-width:1080px){
  .ptTypes__grid,.ptBen__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ptForm__grid,.ptFaq__grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .ptForm__side{position:static}
  .ptBen__box{padding:44px 36px}
}
@media (max-width:860px){
  .ptSteps__list{grid-template-columns:minmax(0,1fr);gap:0}
  .ptSteps__list li{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;padding-bottom:22px}
  .ptSteps__list li:last-child{padding-bottom:0}
  .ptSteps__list li:not(:last-child)::before{left:25px;right:auto;top:58px;bottom:6px;width:2px;height:auto;background:linear-gradient(180deg,rgba(232,89,12,.7),var(--ms-bd))}
  .ptSteps__list i{grid-row:1 / span 2}
  .ptSteps__list h3{margin:4px 0 0}
  .ptSteps__list p{max-width:none}
}
/* HP: ringkas */
@media (max-width:640px){
  .ptHero{padding-top:10px}
  .ptTypes{padding:8px 0 48px}
  .ptTypes__grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .ptType{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:center;padding:16px;border-radius:18px}
  .ptType > i{width:44px;height:44px;border-radius:13px}
  .ptType h3{margin:0;font-size:17.5px}
  .ptType__d,.ptType__go{grid-column:1 / -1}
  .ptType__d{margin-top:10px;font-size:14.5px}
  .ptType ul{display:none}
  .ptType__go{margin-top:12px;padding-top:10px;font-size:13.5px}
  .ptBen{padding-bottom:48px}
  .ptBen__box{padding:30px 20px 22px;border-radius:22px}
  .ptBen__hd{margin-bottom:20px}
  .ptBen__grid{grid-template-columns:minmax(0,1fr);gap:8px}
  .ptBen__grid li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:center;padding:14px}
  .ptBen__grid i{width:40px;height:40px;border-radius:11px}
  .ptBen__grid h3{margin:0;font-size:16px}
  .ptBen__grid p{grid-column:1 / -1;margin-top:8px;font-size:14px}
  .ptSteps{padding-bottom:48px}
  .ptSteps__list i{width:46px;height:46px;border-radius:14px}
  .ptSteps__list li{grid-template-columns:46px minmax(0,1fr);column-gap:14px;padding-bottom:16px}
  .ptSteps__list li:not(:last-child)::before{left:22px;top:52px}
  .ptSteps__list h3{font-size:16.5px}
  .ptSteps__list p{font-size:14.5px}
  .ptForm{padding:48px 0}
  .ptForm__grid{gap:20px}
  .ptForm__lead{font-size:15.5px}
  .ptForm__notes{gap:10px;margin-top:16px}
  .ptForm__notes li{font-size:14px}
  .ptForm__card{gap:16px;padding:20px 16px;border-radius:20px}
  .ptForm__row{grid-template-columns:minmax(0,1fr);gap:16px}
  .ptChip{min-height:40px;padding:0 13px;font-size:13.5px!important}
  .ptFaq{padding:48px 0 64px}
  .ptFaq__grid{gap:18px}
  .ptFq button{padding:14px 12px 14px 16px;font-size:15.5px}
  .ptFq__a{padding:0 16px 16px}
  .ptFq__a p{font-size:15.5px}
  .ptSteps,.ptFaq{contain-intrinsic-size:auto 800px}
}
@media (prefers-reduced-motion:reduce){.ptType,.ptFq,.ptFq button i,.ptChip,.ptSubmit,.ptBtn--or{transition:none}}
/* tombol pilihan jenis: kalahkan aturan .ptF label (padding 0) */
.ptF .ptChips .ptChip{display:inline-flex;padding:0 16px;gap:0}
@media (max-width:640px){.ptF .ptChips .ptChip{padding:0 13px}}
/* HP: jabatan dan kota berdampingan supaya formulir lebih pendek */
@media (max-width:640px){.ptForm__card .ptForm__row:nth-of-type(2){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
/* ===== Audit tampilan 11 Nov 2026 (revisi owner: kurang rapi) ===== */
.msKick{font-size:12px}
.msLead{text-wrap:pretty}
.ptTypes .msHead{max-width:820px}
/* keterangan keuntungan di bawah judul, bukan melayang di kanan */
.ptBen__hd{display:grid;justify-content:start;align-items:start;gap:14px}
.ptBen__hd p{max-width:34em}
/* daftar centang di empat kartu sejajar (keterangan disamakan tingginya: 4 baris) */
@media (min-width:1081px){.ptType__d{min-height:6.4em}}
/* label kecil formulir minimal 12px, tautan samping formulir lebih mudah disentuh */
.ptF__req,.ptF__opt{font-size:12px}
.ptF .ptChips{margin-top:3px}
.ptForm__notes a{display:inline-block;padding:11px 0;margin:-11px 0}
/* FAQ: kolom kiri berisi ajakan + WhatsApp */
.ptFaq__side{position:sticky;top:24px}
.ptFaq__lead{margin:16px 0 0;max-width:24em;font-size:16.5px;line-height:1.6;color:var(--ms-mut)}
@media (max-width:1080px){.ptFaq__side{position:static}}
@media (max-width:640px){
  /* jenis kemitraan lebih padat */
  .ptType{padding:14px 16px 6px}
  .ptType__d{margin-top:8px;font-size:14.5px;line-height:1.55}
  .ptType__go{margin-top:4px;padding-top:0;border-top:0;color:var(--accent)}
  /* keuntungan jadi ubin 2x2: ikon + judul (keterangan tetap ada di HTML) */
  .ptBen__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ptBen__grid li{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px}
  .ptBen__grid h3{font-size:15px;line-height:1.3}
  .ptBen__grid p{display:none}
  .ptBen__hd{gap:10px}
  .ptBen__hd p{font-size:14.5px}
  .ptFaq__lead,.ptFaq__side .msWhat__go{display:none}
}
/* tablet: papan jenis kemitraan 2 kolom supaya hero tidak terlalu tinggi */
@media (min-width:641px) and (max-width:1080px){
  .ptBoard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6px}
  .ptBoard .msBoard__hd,.ptBoard__ft{grid-column:1 / -1}
  .ptBoard .msBoard__row + .msBoard__row{margin-top:0}
}

/* dropdown buatan sendiri (pengganti <select> bawaan; revisi owner 11 Nov 2026) */
.ptDd{position:relative}
.ptDd__btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:48px;padding:0 14px;border:1.5px solid var(--ms-bd2);border-radius:12px;background:#fff;font:500 15.5px/1.3 var(--sans);color:#14161A;text-align:left;cursor:pointer;transition:border-color .16s,box-shadow .16s}
.ptDd__btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ptDd__btn .is-ph{color:#9AA0A8}
.ptDd__btn svg{flex:none;color:#5B6068;transition:transform .2s}
.ptDd.is-open .ptDd__btn,.ptDd__btn:focus-visible{outline:0;border-color:#C2501C;box-shadow:0 0 0 4px rgba(232,89,12,.14)}
.ptDd.is-open .ptDd__btn svg{transform:rotate(180deg)}
.ptDd__list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);max-height:320px;overflow:auto;margin:0;padding:6px;list-style:none;border-radius:14px;border:1px solid #E6E8EB;background:#fff;box-shadow:0 20px 44px -18px rgba(20,22,26,.35);overscroll-behavior:contain}
.ptDd__list li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:9px 12px;border-radius:10px;font:600 15px/1.3 var(--sans);color:#14161A;cursor:pointer}
.ptDd__list li.is-hi{background:#FFF1E8}
.ptDd__list li.is-on{color:#C2501C}
.ptDd__list li svg{flex:none;color:#C2501C}
@media (prefers-reduced-motion:reduce){.ptDd__btn,.ptDd__btn svg{transition:none}}