:root{--clr-primary:#3d7ab3;--clr-primary-dark:#2f638f;--clr-primary-light:#69add2;--clr-primary-pale:#e8f2fa;--clr-primary-soft:#c6dae4;--clr-navy:#1a3e59;--clr-navy-dark:#122c3f;--clr-navy-light:#244f70;--clr-brown:#6e4224;--clr-brown-dark:#4a2b15;--clr-brown-light:#f2bc79;--clr-brown-mid:#94613e;--clr-grey:#363637;--clr-grey-mid:#6b6c6d;--clr-grey-light:#9ca3af;--clr-accent-yellow:#f2bc3e;--clr-accent-red:#f04948;--clr-success:#16a34a;--clr-danger:#dc2626;--clr-white:#fff;--clr-off-white:#f8f9fa;--clr-surface:#f1f5f9;--clr-border:#e2e8f0;--clr-border-dark:#cbd5e1;--clr-text:#1e293b;--clr-text-muted:#3d4a5c;--clr-text-light:#64748b;--clr-black:#0f172a;--font-primary:"Gilroy", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--line-height-tight:1.2;--line-height-snug:1.4;--line-height-base:1.6;--line-height-loose:1.8;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-max:1200px;--container-pad:1.5rem;--radius-sm:4px;--radius-base:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 8px #00000014;--shadow-base:0 4px 16px #0000001a;--shadow-md:0 8px 24px #0000001f;--shadow-lg:0 16px 40px #00000026;--shadow-blue:0 8px 24px #548fc540;--transition-fast:.2s ease;--transition-base:.35s ease;--transition-slow:.55s ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--header-height:84px;--announcement-height:40px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-primary);text-align:justify;font-weight:500;font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--clr-text);background-color:var(--clr-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.homepage-popup-open{overflow:hidden}.homepage-popup{z-index:2500;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.homepage-popup[hidden]{display:none}.homepage-popup__backdrop{opacity:0;background:#0f172ab8;transition:opacity .22s;position:absolute;inset:0}.homepage-popup__dialog{z-index:1;border-radius:var(--radius-lg);background:var(--clr-white);width:720px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);box-shadow:var(--shadow-lg);opacity:0;transition:opacity .22s,transform .22s;position:relative;overflow:hidden;transform:translateY(12px)scale(.98)}.homepage-popup__dialog--vertical{max-height:calc(100vh - 2rem);overflow:hidden;width:min(440px,58.6667vh,100vw - 2rem)!important}.homepage-popup.is-open .homepage-popup__backdrop{opacity:1}.homepage-popup.is-open .homepage-popup__dialog{opacity:1;transform:translateY(0)scale(1)}.homepage-popup__link{max-height:inherit;display:block}.homepage-popup__image{object-fit:contain;background:var(--clr-surface);width:100%;max-height:none}.homepage-popup__dialog--horizontal .homepage-popup__image{aspect-ratio:16/8;object-fit:cover}.homepage-popup__dialog--vertical .homepage-popup__image{aspect-ratio:2/3;object-fit:contain;height:auto;max-height:none}.homepage-popup__close{z-index:2;width:2.25rem;height:2.25rem;color:var(--clr-white);cursor:pointer;background:#0f172ab3;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:.75rem;right:.75rem}.homepage-popup__close:hover,.homepage-popup__close:focus-visible{background:var(--clr-navy)}.homepage-popup__close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:1.15rem;height:1.15rem}@media (prefers-reduced-motion:reduce){.homepage-popup__backdrop,.homepage-popup__dialog{transition:none}}body.announcement-visible{padding-top:calc(var(--header-height) + var(--announcement-height))}body:not(.announcement-visible){padding-top:var(--header-height)}img,video{max-width:100%;height:auto;display:block}a{color:var(--clr-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--clr-primary-dark)}ul,ol{list-style:none}button{cursor:pointer;font-family:var(--font-primary);background:0 0;border:none}input,textarea,select{font-family:var(--font-primary);font-size:var(--font-size-base)}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:var(--line-height-tight);color:var(--clr-primary)}p{margin-bottom:var(--space-4);text-align:justify}p:last-child{margin-bottom:0}address{font-style:normal}.container{max-width:var(--container-max);padding:0 var(--container-pad);margin:0 auto}.btn{align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--font-size-sm);border-radius:var(--radius-base);transition:all var(--transition-base);cursor:pointer;text-align:center;white-space:nowrap;border:2px solid #0000;text-decoration:none;display:inline-flex}.btn--sm{padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-md)}.btn--primary{background:var(--clr-white);color:var(--clr-primary);border-color:var(--clr-white);box-shadow:0 4px 16px #0000001a}.btn--primary:hover{background:var(--clr-off-white);border-color:var(--clr-off-white);color:var(--clr-primary-dark);transform:translateY(-1px);box-shadow:0 8px 24px #00000026}.btn--primary-blue{color:var(--clr-white);background:#1a3e59;border-color:#1a3e59;box-shadow:0 4px 16px #548fc540}.btn--primary-blue:hover{color:var(--clr-white);background:#122c3f;border-color:#122c3f;transform:translateY(-1px);box-shadow:0 8px 24px #548fc559}.btn--outline-white{color:var(--clr-white);background:0 0;border-color:#fff9}.btn--outline-white:hover{border-color:var(--clr-white);color:var(--clr-white);background:#ffffff26}.btn-ol-navy{color:#1a3e59;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:0 0;border:2px solid #1a3e59;align-items:center;gap:.5rem;padding:.68rem 1.75rem;font-size:.76rem;font-weight:800;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.btn-ol-navy:hover{color:#fff;background:#1a3e59}.btn-ol-white{color:#fff;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:0 0;border:2px solid #fffc;align-items:center;gap:.5rem;padding:.68rem 1.75rem;font-size:.76rem;font-weight:800;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.btn-ol-white:hover{color:#1a3e59;background:#fff;border-color:#fff}.nab-ticker{z-index:98;background:#1a3e59;border-bottom:1px solid #69add21f;align-items:center;height:40px;display:flex;position:relative;overflow:hidden}.nab-ticker__badge{letter-spacing:.18em;text-transform:uppercase;color:#fff;white-space:nowrap;background:#548fc540;border-right:1px solid #69add240;flex-shrink:0;align-self:stretch;align-items:center;gap:.5rem;padding:0 1.2rem;font-size:.6rem;font-weight:900;display:flex}.nab-ticker__badge-dot{background:#f2bc3e;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.nab-ticker__viewport{flex:1;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.nab-ticker__track{will-change:transform;align-items:center;width:max-content;line-height:1;animation:55s linear infinite nab-scroll;display:flex}.nab-ticker__track:hover{animation-play-state:paused}@keyframes nab-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.nab-ticker__item{white-space:nowrap;align-items:center;gap:0;padding:0 2.2rem;font-size:.72rem;line-height:1;display:inline-flex;position:relative}.nab-ticker__item:after{content:"●";color:#69add259;font-size:.45rem;position:absolute;top:50%;right:0;transform:translateY(-50%)}.nab-ticker__headline{color:#ffffffd1;letter-spacing:.01em;font-weight:600}.nab-ticker__cta{letter-spacing:.1em;text-transform:uppercase;color:#69add2;white-space:nowrap;border-left:1px solid #69add233;flex-shrink:0;align-self:stretch;align-items:center;gap:.45rem;padding:0 1.2rem;font-size:.63rem;font-weight:800;text-decoration:none;transition:color .15s,background .15s;display:flex}.nab-ticker__cta:hover{color:#fff;background:#548fc533}.hero-slider{-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#fff;width:100%;height:90vh;min-height:580px;position:relative;overflow:hidden}.hero-slider:before{content:"";z-index:2;pointer-events:none;background:#fff;width:3rem;height:100%;position:absolute;top:0;left:0}.hero-slider__track{will-change:transform;cursor:grab;touch-action:pan-y;transition:transform .45s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;top:1.5rem;bottom:0;left:0}.hero-slider__track:active{cursor:grabbing}.hero-slide{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;flex:0 0 100vw;align-items:stretch;width:100vw;display:flex;position:relative}.hero-slide--1,.hero-slide--2,.hero-slide--3{background-color:#1a3e59;background-position:50%;background-size:cover}.hero-slide:before{content:"";z-index:1;background:linear-gradient(135deg,#0a1930a6 0%,#0a193066 55%,#0a193026 100%);display:block;position:absolute;inset:0}.hero-slide__overlay{display:none}.hero-slide>.container{z-index:2;flex-direction:column;flex:1;justify-content:center;width:100%;padding-top:4rem;padding-bottom:2.5rem;display:flex;position:relative}.hero-slide__content{width:100%;max-width:1000px;padding:0;animation:1.1s cubic-bezier(.25,.46,.45,.94) .25s both heroContentIn}@keyframes heroContentIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-slide__split-img{display:none}.hero-bottom-bar{z-index:3;margin-top:2rem;margin-left:calc(-1 * var(--container-pad));max-width:calc(78% + var(--container-pad));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#548fc58c;border-radius:0 14px 14px 0;position:relative;box-shadow:0 8px 32px #0003,0 2px 8px #0000001a}.hero-bottom-bar__inner{padding:1.5rem 2rem 1.5rem calc(var(--container-pad) + 1.5rem);justify-content:space-between;align-items:center;gap:2rem;display:flex}.hero-bottom-bar__text{color:#ffffffd9;flex:1;max-width:580px;margin:0;font-size:.875rem;font-weight:500;line-height:1.75}.hero-bottom-bar__actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.hero-bottom-bar__actions .btn--primary,.hero-bottom-bar__actions .btn-ol-white{text-align:center;letter-spacing:.08em;text-transform:uppercase;justify-content:center;min-width:158px;padding:.72rem 1.25rem;font-size:.78rem;font-weight:800}.hero-slide__eyebrow{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;color:#f2bc79;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-5);background:#6e42244d;border:1px solid #f2bc7973;font-weight:800;display:inline-flex}.hero-slide__eyebrow:before{content:"";background:#f2bc79;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite dot-pulse}.hero-slide__title{color:var(--clr-white);letter-spacing:-.03em;margin-bottom:var(--space-5);white-space:pre-line;overflow-wrap:break-word;text-shadow:0 2px 20px #00000038;font-size:clamp(2.6rem,4.2vw,4rem);font-weight:800;line-height:1.15}.hero-slide__desc{font-size:var(--font-size-base);color:#ffffffc7;max-width:500px;margin-bottom:var(--space-8);line-height:1.75}.hero-slide__actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-slider__controls-bar{z-index:10;pointer-events:none;position:absolute;bottom:1.75rem;left:0;right:0}.hero-slider__controls-bar>.container{justify-content:flex-end;display:flex}.hero-slider__arrows{pointer-events:all;align-items:center;gap:.5rem;display:flex}.hero-slider__btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#ffffff26;border:1.5px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:background .22s,border-color .22s,transform .18s;display:flex}.hero-slider__btn:hover{background:#ffffff47;border-color:#ffffffbf;transform:scale(1.08)}.hero-slider__btn:active{transform:scale(.95)}.hero-slider__dots{z-index:10;justify-content:center;align-items:center;gap:10px;margin:0;padding:0;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;background:#ffffff59;border:2px solid #fff9;border-radius:50%;width:12px;min-width:12px;height:12px;padding:0;transition:all .35s cubic-bezier(.34,1.2,.64,1);display:block}.hero-dot.is-active{background:#fff;border-color:#fff;border-radius:5px;width:34px;min-width:34px}.hero-dot:hover:not(.is-active){background:#ffffffa6;border-color:#fff;transform:scale(1.15)}.swipe-hint{z-index:15;color:#fff;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(4px);background:#00000052;border-radius:0 0 10px 10px;flex-direction:row;align-items:center;gap:8px;padding:.35rem 1rem .35rem .85rem;animation:.4s 1.8s forwards swipeHintAppear,.5s 4.8s forwards swipeHintFade;display:flex;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.swipe-hint__icon{animation:1.4s cubic-bezier(.4,0,.2,1) 2.2s both swipeHintMove}.swipe-hint__label{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.65rem;font-weight:700}@keyframes swipeHintAppear{to{opacity:1}}@keyframes swipeHintFade{to{opacity:0}}@keyframes swipeHintMove{0%{transform:translate(0)}20%{transform:translate(-10px)}50%{transform:translate(6px)}70%{transform:translate(-4px)}85%{transform:translate(2px)}to{transform:translate(0)}}.produk-premium-section{background:#fff;padding:5.5rem 0 3.5rem;position:relative;overflow:hidden}.produk-premium-section:before{display:none}.pp-head{text-align:center;margin-bottom:3.25rem}.nab-subheader{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.nab-subheader__title{color:var(--clr-navy);letter-spacing:.02em;font-size:.92rem;font-weight:800}.pp-head__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--clr-brown);align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:.67rem;font-weight:800;display:inline-flex}.pp-head__eyebrow:before,.pp-head__eyebrow:after{content:"";background:var(--clr-brown);opacity:.5;width:24px;height:1.5px}.pp-head__title{color:#3d7ab3;letter-spacing:.02em;-webkit-text-stroke:.6px #3d7ab3;paint-order:stroke fill;margin-bottom:.55rem;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:900;line-height:1.15}.pp-head__sub{color:var(--clr-text-muted);text-align:center;max-width:640px;margin:.3rem auto 0;font-size:1rem;font-weight:600;line-height:1.75}.syariah-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--clr-text);align-items:center;gap:.55rem;font-size:.875rem;font-weight:500;display:flex}.syariah-toggle input[type=checkbox]{appearance:none;border:1.5px solid var(--clr-border-dark);cursor:pointer;background:#fff;border-radius:3px;flex-shrink:0;width:17px;height:17px;margin:0;transition:border-color .15s,background .15s;position:relative}.syariah-toggle input[type=checkbox]:checked{background:var(--clr-primary);border-color:var(--clr-primary)}.syariah-toggle input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:6px;height:10px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.syariah-toggle__label-text{color:var(--clr-text);font-weight:500}.syariah-toggle__syariah{color:#16a34a;align-items:center;gap:.3rem;font-weight:600;display:inline-flex}.syariah-toggle__syariah svg{flex-shrink:0}.pp-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.pp-card{color:inherit;background:#fff;border:1.5px solid #414042;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden;box-shadow:0 2px 12px #548fc50f}.pp-card:hover{border-color:#3d7ab3;transform:translateY(-7px);box-shadow:0 18px 44px #548fc52e}.pp-card__header{background:#3d7ab3;justify-content:flex-start;align-items:flex-end;height:180px;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden}.pp-card__header-img{object-fit:cover;filter:brightness(.75)saturate(.85);width:100%;height:100%;display:block;position:absolute;inset:0}.pp-card__header:before{content:"";z-index:1;background:linear-gradient(#548fc50d 0%,#548fc559 100%);position:absolute;inset:0}.pp-card__header:after{content:"";z-index:1;background:linear-gradient(#0000 0%,#548fc566 100%);height:70px;position:absolute;bottom:0;left:0;right:0}.pp-card__header-label{z-index:2;letter-spacing:.18em;text-transform:uppercase;color:#ffffffe6;background:#0000004d;border:1px solid #ffffff38;border-radius:999px;padding:.22rem .7rem;font-size:.6rem;font-weight:900;position:relative}.pp-card__body{flex-direction:column;flex:1;padding:1.4rem 1.5rem;display:flex}.pp-card__cat{letter-spacing:.18em;text-transform:uppercase;color:#3d7ab3;margin-bottom:.45rem;font-size:.6rem;font-weight:900}.pp-card__name{color:#1a3e59;margin-bottom:.6rem;font-size:.98rem;font-weight:800;line-height:1.3}.pp-card__desc{color:#6b849a;flex:1;margin-bottom:1.2rem;font-size:.81rem;line-height:1.7}.pp-card__meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.1rem;display:flex}.pp-card__risk-pill{letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.62rem;font-weight:800;display:inline-flex}.pp-card__risk-pill--rendah{color:#0d7a4e;background:#0d7a4e12;border-color:#0d7a4e40}.pp-card__risk-pill--menengah{color:var(--clr-brown-dark);background:#c47b2b14;border-color:#c47b2b4d}.pp-card__risk-pill--tinggi{color:#b91c1c;background:#b91c1c12;border-color:#b91c1c40}.pp-card__risk-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.pp-card__btn{letter-spacing:.08em;text-transform:uppercase;color:#3d7ab3;background:0 0;border:1.5px solid #c6dae4;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;width:100%;margin-top:auto;padding:.65rem 1rem;font-size:.75rem;font-weight:800;transition:background .2s,color .2s,border-color .2s;display:flex}.pp-card:hover .pp-card__btn{color:#fff;background:#3d7ab3;border-color:#3d7ab3}.pp-card__btn svg{transition:transform .2s}.pp-card:hover .pp-card__btn svg{transform:translate(3px)}.pp-footer{text-align:center;margin-top:2.5rem;margin-bottom:.5rem}.pp-filter{text-align:center;margin-bottom:2.5rem}.pp-filter__row{background:var(--clr-surface);border-radius:var(--radius-full);overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;align-items:center;gap:2px;width:max-content;max-width:100%;margin-inline:auto;padding:4px;display:flex;overflow-x:auto}.pp-tab{border-radius:var(--radius-full);color:var(--clr-text-muted);cursor:pointer;white-space:nowrap;text-align:center;font-size:.875rem;font-weight:600;font-family:var(--font-primary);background:0 0;border:none;flex:none;padding:.5rem 1.15rem;transition:background .18s,color .18s,box-shadow .18s}.pp-tab:hover{color:var(--clr-navy);background:#ffffffbf}.pp-tab.is-active{background:var(--clr-navy);color:#fff;box-shadow:0 2px 8px #1a3e5933}.nab-list{border:1px solid var(--clr-border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:auto hidden}.nab-item{border-bottom:1px solid var(--clr-border);grid-template-columns:minmax(180px,1fr) 130px 88px 88px 88px 88px 88px 88px 108px;align-items:center;padding:1.2rem 1.5rem;display:grid}.nab-item[hidden]{display:none}.nab-item:last-child{border-bottom:none}.nab-item__info{min-width:0;padding-right:.5rem}.nab-item__name{color:var(--clr-navy);text-align:left;margin-bottom:.18rem;font-size:.95rem;font-weight:800;line-height:1.3}.nab-item__date{color:var(--clr-text-muted);font-size:.68rem}.nab-item__nav{text-align:right}.nab-item__nav-cur{color:var(--clr-text-muted);margin-bottom:.1rem;font-size:.68rem;display:block}.nab-item__nav-val{color:var(--clr-navy);font-size:1.2rem;font-weight:900}.nab-item__perf{text-align:right}.nab-item__perf-lbl{color:var(--clr-text-light);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.18rem;font-size:.63rem;font-weight:700;display:block}.nab-item__perf-val{justify-content:flex-end;align-items:center;gap:.15rem;font-size:.86rem;font-weight:700;display:inline-flex}.nab-item__detail{text-align:right;letter-spacing:.09em;text-transform:uppercase;color:var(--clr-primary);white-space:nowrap;justify-content:flex-end;align-items:center;gap:.25rem;font-size:.68rem;font-weight:800;text-decoration:none;transition:color .15s;display:flex}.nab-item__detail:hover{color:var(--clr-navy)}.perf-up{color:#16a34a}.perf-down{color:#dc2626}.perf-neu{color:var(--clr-text-muted)}.panduan-section{background:#fff;padding:3rem 0 0;overflow:hidden}.panduan-section__inner{grid-template-columns:1fr 1fr;min-height:520px;display:grid}.panduan-section__photo{position:relative;overflow:hidden}.panduan-section__photo img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block}.panduan-section__photo:hover img{transform:scale(1.03)}.panduan-section__content{background:#fff;border-left:1px solid #e8f0f7;flex-direction:column;justify-content:center;padding:5rem clamp(2.5rem,5.5vw,6.5rem);display:flex}.panduan-section__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#3d7ab3;margin-bottom:1.25rem;font-size:.63rem;font-weight:800;display:block}.panduan-section__title{color:#1a3e59;text-align:left;margin-bottom:1.25rem;font-size:clamp(1.8rem,3.2vw,2.7rem);font-weight:800;line-height:1.18}.panduan-section__title span{color:#3d7ab3}.panduan-section__desc{color:var(--clr-text-muted);text-align:left;max-width:440px;margin-bottom:2.25rem;font-size:1rem;font-weight:600;line-height:1.75}.prose p{margin:0 0 .75rem}.prose p:last-child{margin-bottom:0}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:inherit;margin:.6rem 0 .4rem;font-weight:800;line-height:1.3}.prose h1{font-size:1.4em}.prose h2{font-size:1.2em}.prose h3{font-size:1.05em}.prose ul,.prose ol{margin:0 0 .75rem;padding-left:1.4rem}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li{margin-bottom:.3rem}.prose blockquote{opacity:.85;border-left:3px solid;margin:.75rem 0;padding-left:1rem;font-style:italic}.prose a{color:inherit;text-decoration:underline}.prose strong{font-weight:700}.prose .ql-align-center{text-align:center}.prose .ql-align-right{text-align:right}.prose .ql-align-justify{text-align:justify}.prose .ql-indent-1{padding-left:1.5em}.prose .ql-indent-2{padding-left:3em}.prose .ql-indent-3{padding-left:4.5em}.prose .ql-indent-4{padding-left:6em}.prose .ql-indent-5{padding-left:7.5em}.panduan-section__link{color:#3d7ab3;border-bottom:1.5px solid #548fc54d;align-self:flex-start;align-items:center;gap:.65rem;width:fit-content;padding-bottom:.25rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:gap .22s,border-color .22s,color .22s;display:inline-flex}.panduan-section__link:hover{color:#1a3e59;border-color:#3d7ab3;gap:1.1rem}.panduan-section__link svg{flex-shrink:0;transition:transform .22s}.panduan-section__link:hover svg{transform:translate(4px)}.simulasi-section{background:#1a3e59;padding:5rem 0 4.5rem;position:relative;overflow:hidden}.simulasi-section:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.simulasi-header{border-bottom:1px solid #ffffff1a;grid-template-columns:1fr 1fr;align-items:start;gap:4rem;margin-bottom:3rem;padding-bottom:2.75rem;display:grid}.simulasi-header__title{color:#fff;text-align:left;font-size:clamp(1.8rem,3.2vw,2.7rem);font-weight:800;line-height:1.18}.simulasi-header__title span{color:#69add2;display:block}.simulasi-header__right{padding-top:.5rem}.simulasi-header__desc{color:#ffffff9e;text-align:left;margin-bottom:1.75rem;font-size:.95rem;line-height:1.78}.simulasi-header__desc *{color:#ffffff9e}.simulasi-grid{grid-template-columns:repeat(3,1fr);display:grid}.simulasi-grid:has(.simulasi-item:first-child:last-child){grid-template-columns:1fr}.simulasi-grid:has(.simulasi-item:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.simulasi-item{border-left:1.5px solid #ffffff1f;padding:1.8rem 2rem 1.8rem 1.75rem;transition:border-color .25s,background .25s}.simulasi-item:hover{background:#548fc50f;border-left-color:#69add2}.simulasi-item__title{color:#fff;margin-bottom:.6rem;font-size:1.05rem;font-weight:700;line-height:1.3}.simulasi-item__desc{color:#ffffff91;text-align:justify;text-align-last:left;font-size:.84rem;line-height:1.72}.simulasi-item__desc p{text-align:justify;text-align-last:left}.simulasi-item__desc *{color:#ffffff91}.simulasi-footer{text-align:center;border-top:1px solid #ffffff1a;margin-top:3rem;padding-top:2.5rem}.news-section{background:#fff;padding:4.5rem 0}.news-main{grid-template-columns:200px 1fr;align-items:start;gap:3rem;display:grid}.news-main__title{color:#3d7ab3;margin-bottom:.5rem;font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:900;line-height:1.2}.news-main__head p{color:#6b849a;text-align:left;margin-bottom:1.5rem;font-size:.9rem;font-weight:600;line-height:1.6}.news-cards-grid{grid-template-columns:repeat(3,1fr);gap:1rem;height:280px;display:grid}.news-card{border-radius:var(--radius-md);cursor:pointer;color:inherit;background:#111;border:none;height:100%;text-decoration:none;transition:transform .35s,box-shadow .35s;display:block;position:relative;overflow:hidden}.news-card:hover{transform:scale(1.025);box-shadow:0 20px 56px #00000080}.news-card:before{content:"";z-index:3;opacity:0;pointer-events:none;background:#ffffff12;transition:opacity .35s;position:absolute;inset:0}.news-card:hover:before{opacity:1}.news-card__img-wrap{width:100%;height:100%;aspect-ratio:unset;z-index:0;background:#1a3e59;display:block;position:absolute;inset:0;overflow:hidden}.news-card__img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.news-card:hover .news-card__img{transform:scale(1.06)}.news-card:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#050f1e1a 28%,#050f1e8c 58%,#050f1eed 100%);position:absolute;inset:0}.news-card__body{z-index:2;pointer-events:none;background:0 0;flex-direction:column;flex:none;padding:1.1rem 1.2rem;display:flex;position:absolute;inset:0}.news-card__meta{align-items:center;gap:.5rem;margin-bottom:0;display:flex}.news-card__date{color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:3px;padding:.1rem .45rem;font-size:.63rem;font-weight:700}.news-card__cat{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#548fc5e6;border-radius:2px;padding:.12rem .48rem;font-size:.6rem;font-weight:800}.news-card__title{color:#fff;flex:none;margin-top:auto;margin-bottom:.5rem;font-size:.88rem;font-weight:800;line-height:1.35}.news-card__excerpt,.news-card__link{display:none}.scroll-reveal{opacity:0;transition:opacity .9s cubic-bezier(.25,.46,.45,.94),transform .9s cubic-bezier(.25,.46,.45,.94);transform:translateY(28px)}.scroll-reveal--left{opacity:0;transition:opacity .9s cubic-bezier(.25,.46,.45,.94),transform .9s cubic-bezier(.25,.46,.45,.94);transform:translate(-32px)}.scroll-reveal--right{opacity:0;transition:opacity .9s cubic-bezier(.25,.46,.45,.94),transform .9s cubic-bezier(.25,.46,.45,.94);transform:translate(32px)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-reveal--left.is-visible,.scroll-reveal--right.is-visible{opacity:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal--left,.scroll-reveal--right{opacity:1;transition:none;transform:none}}@media (width>=1400px){.hero-slider{height:87vh}.hero-slide__title{font-size:clamp(3.2rem,3.8vw,4.5rem)}.pp-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1101px) and (width<=1399px){.hero-slide__title{font-size:clamp(2.6rem,3.8vw,4rem)}.hero-bottom-bar{max-width:calc(80% + var(--container-pad))}}@media (width<=1100px){.pp-grid{grid-template-columns:repeat(2,1fr)}.hero-slide__split-img{clip-path:polygon(12% 0%,100% 0%,100% 100%,0% 100%);width:44%}.hero-slide__title{font-size:clamp(2.2rem,3.8vw,3.4rem)}.hero-bottom-bar{max-width:calc(82% + var(--container-pad))}}@media (width>=769px) and (width<=1024px){:root{--container-pad:1.25rem}.hero-slider{height:82vh;min-height:500px}.hero-slider:before{width:2rem}.hero-slide__title{font-size:clamp(2rem,4.2vw,3.2rem)}.hero-bottom-bar{max-width:calc(85% + var(--container-pad))}.hero-slide>.container{padding-top:3rem;padding-bottom:2rem}.pp-grid{grid-template-columns:repeat(2,1fr)}.panduan-section__inner{min-height:440px}.simulasi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.panduan-section__inner{grid-template-columns:1fr}.panduan-section__photo{min-height:280px}.panduan-section__content{border-top:3px solid #3d7ab3;border-left:none;padding:3rem 1.5rem}.simulasi-header{grid-template-columns:1fr;gap:1.5rem}.simulasi-grid{grid-template-columns:1fr 1fr}.news-main{grid-template-columns:1fr}.pp-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.pp-filter__row{display:none}.pp-filter__mobile{display:flex}.nab-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.nab-list::-webkit-scrollbar{display:none}.nab-item{min-width:980px}:root{--header-height:64px;--announcement-height:48px;--container-pad:1rem}.hero-slider{height:auto;min-height:max(500px,90svh)}.swipe-hint{top:0}.hero-slider__btn{width:44px;height:44px}.hero-slider:before{width:1rem}.hero-slider__track{min-height:inherit;align-items:stretch;position:relative;top:0;bottom:auto}.hero-slide{min-height:inherit}.hero-slide>.container{min-height:inherit;padding-top:3rem;padding-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}.hero-slider__controls-bar{bottom:max(1.25rem, env(safe-area-inset-bottom,0px))}.hero-slider__dots{bottom:max(2rem, calc(env(safe-area-inset-bottom,0px) + 1.75rem))}.hero-slide__content{padding-left:.75rem}.hero-slide__title{font-size:clamp(1.9rem,6.5vw,2.8rem)}.hero-slide__desc{font-size:var(--font-size-base)}.hero-slide__actions{flex-direction:column;align-items:flex-start}.hero-slide__split-img{display:none}.hero-bottom-bar{max-width:calc(88% + var(--container-pad))}.hero-bottom-bar__inner{padding:1.2rem 1.25rem 1.2rem calc(var(--container-pad) + 1rem);flex-direction:column;align-items:stretch;gap:1rem}.hero-bottom-bar__text{max-width:100%;font-size:.82rem}.hero-bottom-bar__actions{flex-direction:column;align-items:stretch;gap:.6rem;width:100%}.hero-bottom-bar__actions .btn--primary,.hero-bottom-bar__actions .btn-ol-white{width:100%;min-width:0}.news-cards-grid{grid-template-columns:1fr}.pp-card__header{height:150px}}@media (width<=520px){.pp-grid{grid-template-columns:1fr}.pp-card__header{height:140px}.simulasi-grid{grid-template-columns:1fr}.hero-slide__title{font-size:clamp(1.6rem,7vw,2.2rem)}.hero-bottom-bar{border-radius:0 8px 8px 0;max-width:100%}.panduan-section__content{padding:2rem 1rem}}@media (width<=480px){:root{--container-pad:.875rem}.hero-slide__actions .btn{justify-content:center;width:100%}.hero-slide>.container{padding-top:2.5rem}}