/* EduKarir Center / Pengadaan Barang & Jasa — v65. Isolated page stylesheet. */
.pv-page{background:#fff}
.pv{overflow:clip;color:#262235}
.pv-wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}
.pv .pv-eyebrow{display:flex;align-items:center;gap:12px;color:#615098;font-size:11px;font-weight:800;letter-spacing:.145em;line-height:1.4}
.pv .pv-eyebrow>span{display:block;width:28px;height:2px;border-radius:8px;background:#43bfe8;flex-shrink:0}
.pv h1,.pv h2,.pv h3{font-family:var(--heading);letter-spacing:-.043em}
.pv h1,.pv h2,.pv h3,.pv p{margin-top:0}
.pv-hero{position:relative;background:radial-gradient(ellipse at 93% 45%,#f5f3fa 0%,#fff 47%);padding-top:36px}
.pv-hero__grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.16fr);gap:35px;min-height:622px;align-items:center}
.pv-hero__copy{position:relative;z-index:2;padding:10px 0 37px}
.pv-crumb{display:flex;align-items:center;gap:11px;margin-bottom:87px;color:#8b8598;font-size:11px;font-weight:600}
.pv-crumb a{color:#736e7e;transition:color .2s}
.pv-crumb a:hover{color:#554192}
.pv-hero h1{max-width:625px;margin:23px 0 26px;font-size:clamp(44px,4vw,61px);line-height:1.105;letter-spacing:-.057em;font-weight:700;text-wrap:balance}
.pv-hero h1 span{color:#6a50a6}
.pv-hero__copy>p{max-width:485px;margin-bottom:30px;color:#6b6777;font-size:17px;line-height:1.75}
.pv-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.pv .pv-btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:51px;border-radius:999px;padding:0 23px;font-size:13px;font-weight:800;transition:transform .25s,background .25s,box-shadow .25s}
.pv .pv-btn:active{transform:translateY(1px)}
.pv .pv-btn--solid{background:#554192;color:#fff;box-shadow:0 12px 25px #55419220}
.pv .pv-btn--solid:hover{background:#483580;box-shadow:0 18px 32px #5541922b;transform:translateY(-2px)}
.pv .pv-btn--plain{border:1px solid #e5e0ef;color:#4f4665;background:#fff;box-shadow:0 3px 15px #2f234b06}
.pv .pv-btn--plain:hover{border-color:#afa0d7;background:#faf8ff}
.pv-hero__under{display:flex;align-items:center;gap:10px;color:#888297;font-weight:600;font-size:12px;margin-top:48px}
.pv-under-dot{width:6px;height:6px;border-radius:50%;background:#5b9bce}
.pv-hero__visual{align-self:stretch;position:relative;min-width:0;display:flex;align-items:center;justify-content:center;margin-left:-20px;margin-right:-46px;isolation:isolate}
.pv-hero__visual::before{content:"";position:absolute;inset:12% 4% 9% 1%;z-index:-1;border-radius:46% 54% 44% 56% / 47% 45% 55% 53%;background:radial-gradient(ellipse at center,#e8eaf6 1%,#f6f5fa 54%,transparent 75%);opacity:.8}
.pv-hero__visual>img{display:block;width:112%;max-width:none;height:auto;max-height:575px;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.035) saturate(.94);-webkit-mask-image:radial-gradient(ellipse 77% 78% at 50% 54%,#000 61%,transparent 100%);mask-image:radial-gradient(ellipse 77% 78% at 50% 54%,#000 61%,transparent 100%);transform:translateY(9px);animation:pvHeroFloat 8s ease-in-out infinite alternate}
@keyframes pvHeroFloat{from{transform:translateY(9px)}to{transform:translateY(-4px)}}
.pv-hero__visual-note{position:absolute;right:40px;bottom:56px;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.12em;color:#827d94;font-weight:700}
.pv-hero__visual-note i{width:23px;height:1px;background:#c6bfd6}
.pv-hero__rule{border-top:1px solid #e8e5ed;min-height:66px;display:flex;align-items:center;justify-content:space-between;color:#8b8495;font-weight:700;letter-spacing:.1em;font-size:10px}
.pv-hero__rule span span{color:#67549c;padding-left:9px;font-size:15px;letter-spacing:0}
/* Category catalog */
.pv-catalog{padding:106px 0 112px;background:#fff;scroll-margin-top:20px}
.pv-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}
.pv-section-heading h2{font-size:35px;line-height:1.2;margin:17px 0 0;max-width:580px;font-weight:700}
.pv-section-heading>p{max-width:330px;margin:0 0 3px;color:#797384;font-size:15px;line-height:1.7}
.pv-catalog__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.pv-category{position:relative;min-width:0;border:1px solid #eae8f0;border-radius:19px;background:#fff;overflow:hidden;transition:transform .3s cubic-bezier(.2,.75,.2,1),box-shadow .3s,border-color .3s}
.pv-category:hover{transform:translateY(-6px);border-color:#c8bee4;box-shadow:0 24px 54px rgba(44,36,69,.075)}
.pv-category__image{height:235px;position:relative;overflow:hidden;background:linear-gradient(145deg,#f8f7fb,#f5f5f9)}
.pv-category__image:after{content:"";position:absolute;left:30px;right:30px;bottom:0;height:1px;background:#e8e4ef;opacity:.45}
.pv-category__image>img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .65s cubic-bezier(.18,.72,.2,1);transform:scale(1.015)}
.pv-category:hover .pv-category__image>img{transform:scale(1.055)}
.pv-category__body{padding:18px 21px 21px;min-height:153px;display:flex;flex-direction:column}
.pv-category__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#8b849b;font-size:10.5px;letter-spacing:.06em;font-weight:800;margin-bottom:12px}
.pv-category__meta span:first-child{color:#6554a1}
.pv-category__name{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pv-category__name h3{font-size:22px;line-height:1.25;margin:0;letter-spacing:-.035em}
.pv-category__name a{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid #e7e3ee;border-radius:50%;color:#5e4b91;background:#fff;transition:background .25s,border-color .25s,color .25s,transform .25s}
.pv-category__name a:hover{background:#554192;border-color:#554192;color:#fff;transform:rotate(-35deg)}
.pv-category__name a svg{width:16px;height:16px}
.pv-category__body>p{color:#807b89;font-size:14px;line-height:1.56;margin:7px 20px 0 0;max-width:250px}
/* Process section: image is intentionally a standalone illustration, not a faux dashboard. */
.pv-process{background:#f7f6fa;padding:110px 0 114px}
.pv-process__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.93fr);align-items:center;gap:92px}
.pv-process__visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:475px;border:1px solid #ece8f1;border-radius:24px;background:radial-gradient(circle at 40% 35%,#fff 0%,#f1f0f8 76%);overflow:hidden}
.pv-process__visual>img{width:100%;height:auto;max-height:440px;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.06);filter:saturate(.91)}
.pv-process__visual-label{position:absolute;bottom:25px;left:29px;right:29px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e7e4ec;padding-top:17px;color:#81788f;font-weight:800;letter-spacing:.09em;font-size:10px}
.pv-process__copy h2{font-size:35px;line-height:1.22;margin:19px 0 20px;max-width:500px}
.pv-process__intro{max-width:480px;color:#726c7d;font-size:16px;line-height:1.75;margin:0 0 30px}
.pv-process__steps{padding:0;margin:0 0 27px;list-style:none;border-top:1px solid #e4dfec}
.pv-process__steps li{display:flex;align-items:start;gap:21px;padding:20px 0 19px;border-bottom:1px solid #e4dfec}
.pv-process__steps li>span{flex:0 0 29px;color:#665396;font-weight:800;font-size:12px;padding-top:3px}
.pv-process__steps h3{font-family:var(--body);letter-spacing:-.015em;margin:0 0 4px;font-size:16px;font-weight:800}
.pv-process__steps p{margin:0;color:#817c8a;font-size:14px;line-height:1.55}
.pv-text-link{display:inline-flex;align-items:center;gap:17px;color:#554192;font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid #aaa0c8;padding-bottom:6px;transition:gap .2s}
.pv-text-link:hover{gap:24px}
/* FAQ */
.pv-faq{padding:112px 0 76px;background:#fff}
.pv-faq__grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:100px}
.pv-faq__intro h2{max-width:420px;font-size:35px;line-height:1.22;margin:18px 0 17px}
.pv-faq__intro>p{color:#797384;font-size:15px;line-height:1.65}
.pv-faq__list{border-top:1px solid #e8e4ed}
.pv-faq__list details{border-bottom:1px solid #e8e4ed}
.pv-faq__list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:24px 0;color:#302b3e;font-size:15px;font-weight:800;line-height:1.55}
.pv-faq__list summary::-webkit-details-marker{display:none}
.pv-faq__list summary>span{font-size:23px;color:#7c68af;font-weight:400;line-height:1;transition:transform .2s}
.pv-faq__list details[open] summary>span{transform:rotate(45deg)}
.pv-faq__list details p{max-width:560px;color:#777082;font-size:14px;line-height:1.8;margin:-5px 32px 22px 0}
/* Respect exact shared CTA/footer. Avoid inherited generic heading styles. */
.pv .closing-section{padding-top:105px}
.pv .closing-copy h2{color:#fff}
.pv .closing-copy h2 span{color:#8de2ff}
@media (min-width:1600px){.pv-hero__visual{margin-right:-15px}}
@media (max-width:1160px){.pv-wrap{width:min(100% - 72px,1170px)}.pv-hero__grid{gap:15px;min-height:590px}.pv-hero h1{font-size:clamp(43px,4.6vw,54px)}.pv-hero__visual{margin-right:-30px}.pv-category__image{height:207px}.pv-category__body{padding:17px;min-height:159px}.pv-category__name h3{font-size:20px}.pv-process__grid{gap:52px}.pv-faq__grid{gap:62px}}
@media (max-width:900px){.pv-wrap{width:calc(100% - 48px)}.pv-hero{padding-top:14px}.pv-hero__grid{grid-template-columns:1fr 1fr;min-height:550px;gap:5px}.pv-crumb{margin-bottom:55px}.pv-hero h1{font-size:clamp(39px,4.9vw,49px)}.pv-hero__copy>p{font-size:15px}.pv-hero__visual{margin-left:-10px;margin-right:-35px}.pv-hero__visual-note{right:20px;bottom:40px}.pv-catalog{padding:82px 0}.pv-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pv-category__image{height:245px}.pv-category__body{min-height:141px}.pv-process{padding:80px 0}.pv-process__grid{gap:30px}.pv-process__visual{min-height:350px}.pv-process__copy h2,.pv-section-heading h2,.pv-faq__intro h2{font-size:32px}.pv-faq{padding:84px 0 60px}.pv-faq__grid{gap:32px}}
@media (max-width:680px){.pv-wrap{width:calc(100% - 34px)}.pv-hero{padding-top:9px}.pv-hero__grid{grid-template-columns:1fr;gap:0;min-height:unset}.pv-hero__copy{padding:0 0 12px}.pv-crumb{margin:20px 0 52px;font-size:10px}.pv-hero h1{font-size:clamp(38px,9.4vw,49px);max-width:560px;line-height:1.12;letter-spacing:-.055em;margin:17px 0 18px}.pv-hero__copy>p{font-size:15px;line-height:1.7;margin-bottom:22px}.pv .pv-btn{min-height:46px;font-size:12px;gap:13px;padding:0 16px}.pv-hero__under{margin-top:28px;font-size:11px}.pv-hero__visual{height:auto;min-height:235px;margin:0 -20px -8px}.pv-hero__visual:before{inset:8% 8% 0}.pv-hero__visual>img{width:104%;max-height:340px;transform:none;animation:none}.pv-hero__visual-note{right:24px;bottom:15px;font-size:8px}.pv-hero__rule{min-height:49px;font-size:9px}.pv-section-heading{display:block;margin-bottom:24px}.pv-section-heading h2{font-size:32px;margin:12px 0}.pv-section-heading>p{font-size:14px;max-width:340px}.pv-catalog{padding:72px 0 83px}.pv-catalog__grid{gap:13px}.pv-category{border-radius:15px}.pv-category__image{height:clamp(135px,40vw,210px)}.pv-category__image img{transform:scale(1.025)}.pv-category__body{padding:14px 13px 16px;min-height:136px}.pv-category__meta{font-size:9px;margin-bottom:11px}.pv-category__name h3{font-size:18px}.pv-category__name a{width:29px;height:29px}.pv-category__name a svg{width:14px;height:14px}.pv-category__body>p{font-size:12.4px;line-height:1.52;margin:6px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.pv-process{padding:76px 0}.pv-process__grid{grid-template-columns:1fr;gap:38px}.pv-process__visual{min-height:285px;max-height:385px}.pv-process__visual img{max-height:330px}.pv-process__copy h2{font-size:32px}.pv-process__intro{font-size:15px}.pv-faq{padding:75px 0 35px}.pv-faq__grid{grid-template-columns:1fr;gap:27px}.pv-faq__intro h2{font-size:32px;margin-bottom:8px}.pv-faq__list summary{font-size:14px;padding:20px 0}.pv-faq__list details p{font-size:13px}.pv .closing-section{padding-top:75px}}
@media (max-width:370px){.pv-hero h1{font-size:37px}.pv .pv-btn{padding:0 13px}.pv-category__image{height:132px}.pv-category__body{padding:12px}.pv-category__name h3{font-size:17px}.pv-category__name a{height:28px;width:28px}.pv-category__body>p{font-size:12px}.pv-category__meta{font-size:8px}}
@media (prefers-reduced-motion:reduce){.pv-hero__visual img{animation:none!important;transform:none!important}.pv-category,.pv-category__image img,.pv-category__name a{transition:none!important}}


/* v66: corrected hero artwork -- isolated alpha asset, no rectangular bitmap background. */
.pv-hero{background:radial-gradient(ellipse 55% 74% at 84% 46%,#f8f7fc 0%,#fff 80%)}
.pv-hero__grid{grid-template-columns:minmax(0,1.01fr) minmax(0,1.13fr);gap:18px}
.pv-hero__visual{margin-left:-5px;margin-right:-24px;min-height:550px}
.pv-hero__visual::before{inset:6% 2% 13% 8%;background:radial-gradient(ellipse at 54% 53%,#eeedf8 0%,#f9f8fd 45%,transparent 76%);opacity:.54}
.pv-hero__visual>img{width:107%;max-height:575px;mix-blend-mode:normal;filter:none;-webkit-mask-image:none;mask-image:none;transform:translateY(3px);animation:pvHeroFloat 9s ease-in-out infinite alternate;object-fit:contain}
.pv-hero__visual-note{right:24px;bottom:42px}
@media(max-width:1160px){.pv-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}.pv-hero__visual{margin-right:-12px;min-height:500px}}
@media(max-width:900px){.pv-hero__grid{grid-template-columns:1fr 1fr;gap:4px}.pv-hero__visual{min-height:410px;margin-left:-9px;margin-right:-18px}.pv-hero__visual>img{width:111%;max-height:450px}}
@media(max-width:680px){.pv-hero__grid{grid-template-columns:1fr}.pv-hero__visual{margin:5px -12px -8px;min-height:220px}.pv-hero__visual>img{width:100%;max-height:350px;transform:none;animation:none}.pv-hero__visual-note{right:18px;bottom:5px}.pv-hero__visual::before{inset:15% 7% 10% 7%}}
@media(max-width:370px){.pv-hero__visual{min-height:185px}.pv-hero__visual>img{max-height:285px}}
@media(prefers-reduced-motion:reduce){.pv-hero__visual>img{transform:none;animation:none}}