.pc-page{padding-top:var(--header-h);--pc-navy:#1a2f54;--pc-blue:#0e59cc;--pc-gold:#fcc107;--pc-gold-soft:#fcc10726;overflow-x:clip}.pc-hero{color:#fff;flex-direction:column;justify-content:center;min-height:clamp(520px,88vh,760px);display:flex;position:relative;overflow:hidden}.pc-hero__bg{will-change:transform;background:url(../assets/pengadaan/11-import-sourcing.jpg) 50%/cover no-repeat;position:absolute;inset:-8% 0 0;transform:scale(1.08)}.pc-hero__overlay{background:linear-gradient(155deg,#1a2f54ed 0%,#1a2f5494 42%,#0e59cc66 100%),linear-gradient(#0000 45%,#1a2f54f5 100%);position:absolute;inset:0}.pc-hero__stripes{opacity:.08;pointer-events:none;background:repeating-linear-gradient(-52deg,#0000,#0000 48px,#fcc1078c 48px 50px);position:absolute;inset:0}.pc-hero__inner{z-index:2;flex-direction:column;flex:1;justify-content:center;width:100%;padding:32px 0 48px;display:flex;position:relative;transform:translateY(-4vh)}.pc-back{letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8;transition:color var(--transition);align-items:center;margin-bottom:28px;font-size:.75rem;font-weight:500;display:inline-flex}.pc-back:hover{color:var(--pc-gold)}.pc-hero__content{grid-template-columns:1fr;align-items:center;gap:32px;max-width:720px;display:grid}.pc-hero__title{font-family:var(--font-serif);letter-spacing:.03em;text-transform:uppercase;margin-bottom:16px;font-size:clamp(2.5rem,6.5vw,4.25rem);font-weight:600;line-height:1.02}.pc-hero__pill{letter-spacing:.06em;text-transform:uppercase;color:var(--pc-navy);background:var(--pc-gold);border-radius:100px;margin-bottom:12px;padding:12px 20px;font-size:.75rem;font-weight:600;display:inline-block}.pc-hero__dna{font-family:var(--font-serif);color:var(--pc-gold);margin-bottom:16px;font-size:1.125rem;font-style:italic}.pc-hero__text{color:#ffffffd1;max-width:560px;font-size:1.0625rem;font-weight:300;line-height:1.85}.pc-hero__store{margin-top:1.25rem}.pc-hero__store-link{color:var(--pc-gold);letter-spacing:.02em;border-bottom:1px solid #0000;align-items:center;font-size:.95rem;font-weight:500;transition:border-color .2s,transform .2s;display:inline-flex}.pc-hero__store-link:hover{border-bottom-color:var(--pc-gold);transform:translate(2px)}.pc-hero__side{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.pc-hero__emblem{object-fit:contain;filter:drop-shadow(0 12px 32px #00000059);width:clamp(120px,18vw,160px);height:auto;margin-bottom:8px;animation:5s ease-in-out infinite pcFloat;transform:translateY(-12px)}@keyframes pcFloat{0%,to{transform:translateY(-12px)}50%{transform:translateY(-22px)}}.pc-hero__stats{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:420px;margin:24px auto 0;display:grid}.pc-stat{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffff14;border:1px solid #fcc10740;padding:18px 12px}.pc-stat__num{font-family:var(--font-serif);color:var(--pc-gold);font-size:1.625rem;font-weight:600;line-height:1.1;display:block}.pc-stat__label{letter-spacing:.06em;text-transform:uppercase;color:#ffffffa6;margin-top:6px;font-size:.5625rem;font-weight:500;line-height:1.4;display:block}.pc-marquee{background:var(--pc-navy);border-block:1px solid #fcc10740;padding:18px 0;overflow:hidden}.pc-marquee__track{gap:48px;width:max-content;animation:30s linear infinite pcMarquee;display:flex}.pc-marquee__item{letter-spacing:.14em;text-transform:uppercase;color:#ffffffe0;white-space:nowrap;flex-shrink:0;font-size:.75rem;font-weight:600}.pc-marquee__item:before{content:"→";color:var(--pc-gold);vertical-align:middle;margin-right:48px;font-size:.75rem}@keyframes pcMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.pc-intro{background:var(--page-bg);padding:96px 0}.pc-intro__grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;display:grid}.pc-intro__label{letter-spacing:.2em;text-transform:uppercase;color:var(--pc-blue);margin-bottom:12px;font-size:.6875rem;font-weight:600}.pc-intro__title{font-family:var(--font-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--pc-navy);margin-bottom:20px;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:600;line-height:1.15}[data-theme=dark] .pc-intro__title{color:var(--black)}.pc-intro__text{color:var(--gray-mid);font-size:1rem;font-weight:300;line-height:1.85}.pc-intro__checks{gap:16px;display:grid}.pc-check{border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--gray-pale);transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.pc-check:hover{border-color:var(--pc-gold);box-shadow:var(--shadow-md);transform:translate(6px)}.pc-check svg{width:22px;height:22px;color:var(--pc-gold);flex-shrink:0;margin-top:2px}.pc-check span{color:var(--black);font-size:.9375rem;line-height:1.5}.pc-flow{background:var(--gray-bg);padding:80px 0;position:relative}.pc-flow__head{text-align:center;margin-bottom:48px}.pc-flow__title{font-family:var(--font-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--pc-navy);margin-bottom:8px;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:600}[data-theme=dark] .pc-flow__title{color:var(--black)}.pc-flow__sub{color:var(--gray-mid);font-size:.9375rem}.pc-flow__track{background:linear-gradient(90deg, var(--pc-gold), var(--pc-blue), var(--pc-gold));opacity:.35;height:2px;position:absolute;top:calc(50% + 24px);left:12%;right:12%}.pc-flow__steps{z-index:1;grid-template-columns:repeat(4,1fr);gap:20px;display:grid;position:relative}.pc-step{text-align:center;border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--gray-pale);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);padding:24px 16px}.pc-step:hover{border-color:var(--pc-gold);box-shadow:var(--shadow-md);transform:translateY(-4px)}.pc-step__num{width:48px;height:48px;font-family:var(--font-serif);color:var(--pc-navy);background:var(--pc-gold);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:1.125rem;font-weight:600;display:flex;box-shadow:0 4px 16px #fcc10759}.pc-step h3{letter-spacing:.06em;text-transform:uppercase;color:var(--black);margin-bottom:8px;font-size:.8125rem;font-weight:600}.pc-step p{color:var(--gray-mid);font-size:.8125rem;line-height:1.6}.pc-services{background:var(--page-bg);padding:96px 0}.pc-services__head{text-align:center;max-width:680px;margin:0 auto 40px}.pc-services__label{letter-spacing:.2em;text-transform:uppercase;color:var(--pc-blue);margin-bottom:10px;font-size:.6875rem;font-weight:600}.pc-services__title{font-family:var(--font-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--pc-navy);margin-bottom:12px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600}[data-theme=dark] .pc-services__title{color:var(--black)}.pc-services__desc{color:var(--gray-mid);font-size:.9375rem;line-height:1.7}.pc-filter-bar{top:calc(var(--header-h) - 1px);z-index:20;transition:background var(--transition), box-shadow var(--transition), backdrop-filter var(--transition);margin-bottom:32px;padding:16px 0;position:sticky}.pc-filter-bar.is-stuck{background:color-mix(in srgb, var(--page-bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 24px #1a2f5414}.pc-filter{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pc-filter__btn{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--gray-pale);background:var(--card-bg);color:var(--gray-mid);cursor:pointer;border-radius:100px;padding:10px 20px;font-size:.75rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.pc-filter__btn:hover{border-color:var(--pc-blue);color:var(--pc-blue)}.pc-filter__btn.is-active{background:var(--pc-navy);border-color:var(--pc-navy);color:#fff;box-shadow:0 4px 16px #1a2f5440}[data-theme=dark] .pc-filter__btn.is-active{background:var(--pc-blue);border-color:var(--pc-blue)}.pc-services-carousel{--pc-slide-w:300px;--pc-slide-h:430px;--pc-slide-gap:248px;max-width:1080px;margin:0 auto;overflow:visible}.pc-services-carousel__stage{perspective:1500px;perspective-origin:50% 45%;height:var(--pc-slide-h);cursor:pointer;position:relative;overflow:visible}.pc-services-carousel__track{transform-style:preserve-3d;position:absolute;inset:0}.pc-card.pc-card--slide{width:min(var(--pc-slide-w), 84vw);margin-left:calc(min(var(--pc-slide-w), 84vw) / -2);margin-top:calc(var(--pc-slide-h) / -2);transform-style:preserve-3d;transform-origin:50%;backface-visibility:hidden;will-change:transform, opacity;pointer-events:auto;opacity:1;transition:transform .55s cubic-bezier(.4, 0, .2, 1), opacity .55s cubic-bezier(.4, 0, .2, 1), border-color var(--transition), box-shadow var(--transition);position:absolute;top:50%;left:50%;translate:0}.pc-card.pc-card--slide.is-active{border-color:var(--pc-gold);box-shadow:0 20px 48px #1a2f5424, 0 0 0 1px var(--pc-gold);z-index:12}.pc-card.pc-card--slide .pc-card__media{aspect-ratio:4/3}.pc-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.pc-card{border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--gray-pale);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .15s ease-out, border-color var(--transition), box-shadow var(--transition);opacity:0;position:relative;overflow:hidden;translate:0 32px}.pc-card.is-visible{opacity:1;transition:transform .15s ease-out, border-color var(--transition), box-shadow var(--transition), opacity .6s cubic-bezier(.4, 0, .2, 1), translate .6s cubic-bezier(.4, 0, .2, 1);translate:0}.pc-card:hover{border-color:var(--pc-gold);box-shadow:0 20px 48px #1a2f5424}.pc-card--featured{grid-column:span 2}.pc-card--featured .pc-card__media{aspect-ratio:21/9}.pc-card__glow{opacity:0;background:radial-gradient(circle at 50% 0%, var(--pc-gold-soft), transparent 65%);transition:opacity var(--transition);pointer-events:none;z-index:1;position:absolute;inset:0}.pc-card:hover .pc-card__glow{opacity:1}.pc-card__header{background:var(--pc-navy);z-index:2;align-items:center;gap:10px;min-height:52px;padding:12px 16px;display:flex;position:relative}.pc-card__num{width:28px;height:28px;color:var(--pc-navy);background:var(--pc-gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:flex}.pc-card__header .pc-card__title{font-family:var(--font-serif);color:#fff;text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:.75rem;font-weight:600;line-height:1.3}.pc-card__media{aspect-ratio:4/3;position:relative;overflow:hidden}.pc-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.4,0,.2,1)}.pc-card:hover .pc-card__media img{transform:scale(1.07)}.pc-card__body{z-index:2;padding:18px 20px 22px;position:relative}.pc-card__desc{color:var(--gray-mid);margin-bottom:14px;font-size:.8125rem;line-height:1.65}.pc-card__icon{background:var(--pc-gold-soft);width:36px;height:36px;color:var(--pc-blue);border-radius:50%;justify-content:center;align-items:center;display:flex}.pc-card__icon svg{width:18px;height:18px}[data-theme=dark] .pc-card__icon{color:var(--brand-gold);background:#4d8ef033;border:1px solid #fcc10773;box-shadow:0 2px 10px #00000059}.pc-store{background:linear-gradient(#eef3fae6,#f7f9fc66),repeating-linear-gradient(-48deg,#0000,#0000 36px,#0e59cc0a 36px 37px);border-block:1px solid #1a2f5414;padding:72px 0}[data-theme=dark] .pc-store{background:linear-gradient(#12233f8c,#0000),repeating-linear-gradient(-48deg,#0000,#0000 36px,#fcc1070a 36px 37px);border-color:#ffffff0f}.pc-store__inner{grid-template-columns:1.4fr .9fr;align-items:center;gap:2.5rem;display:grid}.pc-store__label{letter-spacing:.16em;text-transform:uppercase;color:var(--pc-blue);margin-bottom:.5rem;font-size:.75rem;font-weight:500}.pc-store__title{font-family:var(--font-serif);color:var(--pc-navy);letter-spacing:.02em;margin-bottom:.85rem;font-size:clamp(1.85rem,3.5vw,2.55rem);font-weight:600;line-height:1.15}[data-theme=dark] .pc-store__title{color:var(--black)}.pc-store__text{color:var(--text-muted,#5c7094);max-width:34rem;margin-bottom:1.5rem;font-size:1.05rem;font-weight:300;line-height:1.7}.pc-store__actions{flex-wrap:wrap;gap:.75rem;display:flex}.pc-store__actions .btn--outline{border:1px solid var(--pc-navy);color:var(--pc-navy);background:0 0;padding:14px 28px}.pc-store__actions .btn--outline:hover{background:var(--pc-navy);color:#fff}[data-theme=dark] .pc-store__actions .btn--outline{border-color:var(--pc-gold);color:var(--pc-gold)}[data-theme=dark] .pc-store__actions .btn--outline:hover{background:var(--pc-gold);color:var(--pc-navy)}.pc-store__highlights{border-left:3px solid var(--pc-gold);background:#ffffffb8;gap:.85rem;margin:0;padding:1.5rem 1.75rem;list-style:none;display:grid}[data-theme=dark] .pc-store__highlights{background:#12233f8c}.pc-store__highlights li{color:var(--pc-navy);padding-left:1.35rem;font-size:.95rem;font-weight:400;position:relative}[data-theme=dark] .pc-store__highlights li{color:var(--black)}.pc-store__highlights li:before{content:"";background:var(--pc-gold);width:.5rem;height:.5rem;position:absolute;top:.45rem;left:0}@media (width<=800px){.pc-store__inner{grid-template-columns:1fr;gap:1.75rem}}.pc-cta{color:#fff;padding:96px 0;position:relative;overflow:hidden}.pc-cta__bg{background:linear-gradient(135deg, var(--pc-navy) 0%, var(--pc-blue) 100%);position:absolute;inset:0}.pc-cta__mesh{opacity:.45;background:radial-gradient(50% 80% at 15%,#fcc10747,#0000),radial-gradient(40% 60% at 85% 30%,#ffffff12,#0000);animation:14s ease-in-out infinite alternate pcCtaMesh;position:absolute;inset:0}@keyframes pcCtaMesh{0%{transform:scale(1)}to{transform:scale(1.06)translate(1%)}}.pc-cta__inner{z-index:1;text-align:center;max-width:760px;position:relative}.pc-cta__title{font-family:var(--font-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--pc-gold);margin-bottom:14px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.2}.pc-cta__text{opacity:.9;margin-bottom:32px;font-size:1.0625rem;font-weight:300;line-height:1.75}.pc-cta .btn--solid{background:var(--pc-gold);color:var(--pc-navy);border-color:var(--pc-gold);padding:14px 36px}.pc-cta .btn--solid:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fcc10759}.pc-values{background:var(--footer-bg);color:var(--footer-fg);border-top:none;padding:56px 0}.pc-values__grid{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.pc-values__item{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:12px;transition:opacity .6s,translate .6s;display:flex;translate:0 20px}.pc-values__item.is-visible{opacity:1;translate:0}.pc-values__item svg{width:36px;height:36px;color:var(--pc-gold)}.pc-values__item span{letter-spacing:.05em;text-transform:uppercase;color:var(--footer-fg);opacity:.92;font-size:.6875rem;font-weight:500;line-height:1.4}[data-reveal]{opacity:0;transition:opacity .65s cubic-bezier(.4,0,.2,1),translate .65s cubic-bezier(.4,0,.2,1);translate:0 28px}[data-reveal].is-visible{opacity:1;translate:0}@media (width<=1100px){.pc-grid,.pc-values__grid{grid-template-columns:repeat(3,1fr)}.pc-flow__steps{grid-template-columns:repeat(2,1fr)}.pc-flow__track{display:none}}@media (width<=768px){.pc-hero__inner{padding:24px 0 40px;transform:translateY(-2vh)}.pc-hero__content{grid-template-columns:1fr;gap:32px}.pc-hero__emblem{display:none}.pc-hero__stats{grid-template-columns:1fr}.pc-intro{padding:64px 0}.pc-intro__grid{grid-template-columns:1fr;gap:36px}.pc-services-carousel{--pc-slide-w:272px;--pc-slide-h:410px;--pc-slide-gap:214px}.pc-grid{grid-template-columns:repeat(2,1fr);gap:16px}.pc-card--featured{grid-column:span 2}.pc-flow__steps{grid-template-columns:1fr}.pc-cta{padding:64px 0}.pc-values__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.pc-services-carousel{--pc-slide-w:250px;--pc-slide-h:390px;--pc-slide-gap:188px}.pc-grid{grid-template-columns:1fr}.pc-card--featured{grid-column:span 1}.pc-values__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.pc-hero__emblem,.pc-marquee__track,.pc-cta__mesh{animation:none}[data-reveal],.pc-card,.pc-values__item{opacity:1;translate:0}}