:root{--paper: #FAF9F6;--paper-sunk: #F1EFE9;--paper-raised: #FFFFFF;--ink: #12161C;--ink-soft: #39424E;--ink-muted: #6B7683;--ink-faint: #9AA3AE;--brand: #0779B1;--brand-deep: #056594;--brand-bright: #09A6F3;--brand-tint: #E1F5FE;--brand-line: rgba(9, 166, 243, .28);--brand-rgb: 7, 121, 177;--brand-deep-rgb: 5, 101, 148;--brand-bright-rgb: 9, 166, 243;--line: rgba(18, 22, 28, .1);--line-strong: rgba(18, 22, 28, .18);--overlay-ink: rgba(18, 22, 28, .55);--shadow-sm: 0 1px 2px rgba(18, 22, 28, .05), 0 1px 1px rgba(18, 22, 28, .03);--shadow-md: 0 2px 4px rgba(18, 22, 28, .04), 0 8px 20px -8px rgba(18, 22, 28, .12);--shadow-lg: 0 4px 8px rgba(18, 22, 28, .04), 0 20px 44px -16px rgba(18, 22, 28, .2);--shadow-brand: 0 10px 26px -10px rgba(var(--brand-deep-rgb), .42);--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--font-sans: "Plus Jakarta Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--step--1: clamp(.82rem, .8rem + .1vw, .88rem);--step-0: clamp(.95rem, .92rem + .15vw, 1.03rem);--step-1: clamp(1.1rem, 1.04rem + .3vw, 1.28rem);--step-2: clamp(1.32rem, 1.2rem + .58vw, 1.7rem);--step-3: clamp(1.65rem, 1.42rem + 1.1vw, 2.35rem);--step-4: clamp(2.05rem, 1.62rem + 2.05vw, 3.35rem);--step-5: clamp(2.45rem, 1.72rem + 3.4vw, 4.45rem);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--sp-9: 6rem;--shell: 1200px;--shell-tight: 760px;--gutter: clamp(1.15rem, 4vw, 2.5rem);--nav-h: 68px;--ease: cubic-bezier(.22, .68, .29, 1);--dur: .2s}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + var(--sp-5))}body{font-family:var(--font-sans);font-size:var(--step-0);line-height:1.65;color:var(--ink-soft);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4{color:var(--ink);font-weight:800;line-height:1.12;letter-spacing:-.022em;text-wrap:balance}h1{font-size:var(--step-5)}h2{font-size:var(--step-4)}h3{font-size:var(--step-2);letter-spacing:-.014em}h4{font-size:var(--step-1);font-weight:700;letter-spacing:-.008em}p{text-wrap:pretty}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}ul,ol{list-style:none;padding:0}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:var(--r-xs)}::selection{background:var(--brand);color:#fff}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(3.5rem,8vw,7rem)}.section--sunk{background:var(--paper-sunk)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--sp-3);left:var(--sp-3);z-index:200;padding:var(--sp-2) var(--sp-4);background:var(--ink);color:var(--paper);border-radius:var(--r-sm);transform:translateY(-200%);transition:transform var(--dur) var(--ease)}.skip-link:focus{transform:translateY(0)}.eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--step--1);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-deep)}.eyebrow:before{content:"";width:22px;height:2px;background:var(--brand);border-radius:2px}.section-lead{max-width:58ch;font-size:var(--step-1);color:var(--ink-muted);line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.72rem 1.25rem;border-radius:var(--r-sm);font-size:var(--step-0);font-weight:700;letter-spacing:-.006em;line-height:1.2;border:1px solid transparent;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.btn--primary:hover{background:var(--brand-deep)}.btn--ink{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-md)}.btn--ink:hover{background:#000}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn--ghost:hover{background:var(--paper-raised);border-color:var(--ink)}.btn--quiet{background:var(--paper-sunk);color:var(--ink);border-color:transparent}.btn--quiet:hover{background:#e7e4dc}.btn--sm{padding:.5rem .85rem;font-size:var(--step--1)}.btn--block{width:100%}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;background:var(--paper-sunk);color:var(--ink-faint);border-color:var(--line);box-shadow:none}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.22rem .6rem;border-radius:var(--r-xs);font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent}.badge--live{background:var(--brand-tint);color:var(--brand-deep);border-color:var(--brand-line)}.badge--soon{background:var(--paper-sunk);color:var(--ink-muted);border-color:var(--line)}.dot{width:6px;height:6px;border-radius:50%;background:var(--brand-bright);box-shadow:0 0 0 3px rgba(var(--brand-bright-rgb),.22)}.nav{position:fixed;inset-inline:0;top:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;border-bottom:1px solid transparent;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.nav--stuck{background:#faf9f6db;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom-color:var(--line);box-shadow:var(--shadow-sm)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);width:100%}.brand{display:inline-flex;align-items:center;gap:.6rem;flex-shrink:0}.brand__mark{height:38px;width:auto;object-fit:contain}.brand__text{display:flex;flex-direction:column;line-height:1.08}.brand__name{font-size:.95rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.brand__sub{font-size:.66rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}.nav__links{display:flex;align-items:center;gap:var(--sp-1)}.nav__link{position:relative;padding:.45rem .75rem;border-radius:var(--r-xs);font-size:.92rem;font-weight:600;color:var(--ink-muted);transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.nav__link:hover{color:var(--ink);background:#12161c0a}.nav__link[aria-current=true]{color:var(--brand-deep)}.nav__link[aria-current=true]:after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:.15rem;height:2px;border-radius:2px;background:var(--brand)}.nav__actions{display:flex;align-items:center;gap:var(--sp-3)}.nav__toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--paper-raised);color:var(--ink)}.nav__burger,.nav__burger:before,.nav__burger:after{display:block;width:17px;height:2px;border-radius:2px;background:currentColor;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.nav__burger:before,.nav__burger:after{content:"";position:absolute}.nav__burger:before{transform:translateY(-5.5px)}.nav__burger:after{transform:translateY(5.5px)}.nav__toggle[aria-expanded=true] .nav__burger{background:transparent}.nav__toggle[aria-expanded=true] .nav__burger:before{transform:rotate(45deg)}.nav__toggle[aria-expanded=true] .nav__burger:after{transform:rotate(-45deg)}.nav__drawer{position:fixed;top:var(--nav-h);inset-inline:0;z-index:99;background:var(--paper-raised);border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg);padding:var(--sp-4) var(--gutter) var(--sp-6);display:grid;gap:var(--sp-1)}.nav__drawer-link{padding:var(--sp-4) var(--sp-2);border-bottom:1px solid var(--line);font-size:var(--step-1);font-weight:700;color:var(--ink);display:flex;align-items:center;justify-content:space-between}.nav__drawer-link[aria-current=true]{color:var(--brand-deep)}.nav__drawer .btn{margin-top:var(--sp-4)}.nav__segera{margin-left:.45rem;font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-deep);background:var(--brand-tint);border-radius:999px;padding:.1rem .4rem}.segera{display:grid;justify-items:center;gap:var(--sp-3);text-align:center;padding:clamp(2.5rem,7vw,4.5rem) var(--sp-4);border:1px dashed var(--brand-line);border-radius:var(--r-lg);background:var(--brand-tint)}.segera__tanda{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-deep);border:1px solid var(--brand-line);background:#fff;border-radius:999px;padding:.25rem .7rem}.segera__judul{font-size:var(--step-2);font-weight:800;color:var(--ink);max-width:22ch}.segera__isi{color:var(--ink-muted);max-width:56ch;line-height:1.65}.segera__aksi{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-1)}.nav__punya-menu{position:relative}.nav__trigger{display:inline-flex;align-items:center;gap:.3rem;background:none;border:0;font:inherit;font-size:.92rem;font-weight:600;cursor:pointer}.nav__caret{transition:transform var(--dur) var(--ease)}.nav__trigger[aria-expanded=true]{color:var(--ink)}.nav__trigger[aria-expanded=true] .nav__caret{transform:rotate(180deg)}.nav__menu{position:absolute;top:calc(100% + .4rem);left:0;z-index:10;min-width:13.5rem;padding:var(--sp-1);display:grid;gap:2px;border-radius:var(--r-md);background:var(--paper-raised);border:1px solid var(--line);box-shadow:var(--shadow-lg);animation:nav-menu-masuk var(--dur) var(--ease)}.nav__menu:before{content:"";position:absolute;inset-inline:0;top:-.4rem;height:.4rem}@keyframes nav-menu-masuk{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.nav__menu-link{display:block;padding:.55rem .7rem;border-radius:var(--r-xs);font-size:.9rem;font-weight:600;color:var(--ink-muted);white-space:nowrap;transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.nav__menu-link:hover{color:var(--ink);background:var(--paper-sunk)}.nav__menu-link[aria-current=true]{color:var(--brand-deep);background:var(--brand-tint)}.nav__drawer-grup{display:grid}.nav__drawer-judul{padding:var(--sp-4) var(--sp-2) var(--sp-1);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint)}.nav__drawer-link--anak{padding-left:var(--sp-4)}@media(prefers-reduced-motion:reduce){.nav__menu{animation:none}.nav__caret{transition:none}}@media(max-width:940px){.nav__links,.nav__cta{display:none}.nav__toggle{display:inline-flex;position:relative}}.hero{position:relative;padding-top:calc(var(--nav-h) + clamp(2.5rem,7vw,5.5rem));padding-bottom:clamp(3rem,7vw,5.5rem);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60rem 34rem at 78% -12%,rgba(var(--brand-bright-rgb),.15),transparent 62%),radial-gradient(44rem 30rem at 4% 8%,rgba(var(--brand-rgb),.08),transparent 60%);pointer-events:none}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(70% 55% at 50% 20%,#000 20%,transparent 78%);-webkit-mask-image:radial-gradient(70% 55% at 50% 20%,#000 20%,transparent 78%);opacity:.5;pointer-events:none}.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(2rem,5vw,4rem);align-items:center}.hero__pill{display:inline-flex;align-items:center;gap:.55rem;padding:.35rem .85rem .35rem .5rem;border-radius:999px;background:var(--paper-raised);border:1px solid var(--brand-line);font-size:var(--step--1);font-weight:600;color:var(--brand-deep);box-shadow:var(--shadow-sm)}.hero__title{margin-top:var(--sp-5);font-size:var(--step-5)}.hero__title em{font-style:normal;position:relative;color:var(--brand-deep);white-space:nowrap}.hero__title em:after{content:"";position:absolute;left:-.04em;right:-.04em;bottom:.02em;height:.3em;background:rgba(var(--brand-bright-rgb),.26);border-radius:2px;z-index:-1}.hero__sub{margin-top:var(--sp-5);max-width:52ch;font-size:var(--step-1);color:var(--ink-muted)}.hero__actions{margin-top:var(--sp-6);display:flex;flex-wrap:wrap;gap:var(--sp-3)}.hero__note svg{flex-shrink:0;margin-top:.22em}.hero__note{margin-top:var(--sp-5);display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--step--1);color:var(--ink-faint)}.mock{position:relative;border-radius:var(--r-lg);background:var(--paper-raised);border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden;transform:perspective(1400px) rotateY(-7deg) rotateX(2deg)}.mock__bar{display:flex;align-items:center;gap:.4rem;padding:.7rem .9rem;background:var(--paper-sunk);border-bottom:1px solid var(--line)}.mock__dot{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}.mock__url{margin-left:.5rem;padding:.15rem .6rem;border-radius:var(--r-xs);background:var(--paper-raised);border:1px solid var(--line);font-family:var(--font-mono);font-size:.68rem;color:var(--ink-faint)}.mock__body{padding:var(--sp-5);display:grid;gap:var(--sp-4)}.mock__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.mock__kpi{padding:var(--sp-3);border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--line)}.mock__kpi span{display:block;font-size:.66rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint)}.mock__kpi strong{display:block;margin-top:.2rem;font-size:1.02rem;font-weight:800;color:var(--ink);letter-spacing:-.02em}.mock__chart{display:flex;align-items:flex-end;gap:6px;height:108px;padding:var(--sp-3);border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--line)}.mock__bar-col{flex:1;border-radius:3px 3px 1px 1px;background:linear-gradient(to top,var(--brand),var(--brand-bright));opacity:.85;animation:rise .9s var(--ease) backwards}@keyframes rise{0%{transform:scaleY(.1);transform-origin:bottom;opacity:0}}.mock__rows{display:grid;gap:.5rem}.mock__row{display:flex;align-items:center;gap:var(--sp-3);padding:.55rem .7rem;border-radius:var(--r-xs);background:var(--paper);border:1px solid var(--line);font-size:.76rem}.mock__avatar{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--brand-tint);color:var(--brand-deep);display:grid;place-items:center;font-size:.6rem;font-weight:800}.mock__row-label{flex:1;color:var(--ink-soft);font-weight:600}.mock__row-value{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}.mock__tag{padding:.1rem .4rem;border-radius:4px;background:var(--brand-tint);color:var(--brand-deep);font-size:.62rem;font-weight:700}@media(max-width:900px){.hero__grid{grid-template-columns:1fr}.mock{transform:none}.hero__visual{display:none}}.stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.stats__item{padding:var(--sp-5);background:var(--paper-raised)}.stats__value{font-size:var(--step-3);font-weight:800;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}.stats__label{margin-top:.2rem;font-size:var(--step--1);color:var(--ink-muted);line-height:1.45}@media(max-width:780px){.stats{grid-template-columns:repeat(2,1fr)}}.why__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:end;margin-bottom:clamp(2rem,5vw,3.5rem)}.why__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-5)}@media(max-width:1080px){.why__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.why__grid{grid-template-columns:minmax(0,1fr)}}.why__card{padding:var(--sp-6) var(--sp-5);border-radius:var(--r-md);background:var(--paper-raised);border:1px solid var(--line);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.why__card:hover{border-color:var(--brand-line);transform:translateY(-3px);box-shadow:var(--shadow-md)}.why__code{font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.06em;color:var(--brand)}.why__title{margin-top:var(--sp-3);font-size:var(--step-1)}.why__body{margin-top:var(--sp-3);font-size:.94rem;color:var(--ink-muted)}@media(max-width:820px){.why__head{grid-template-columns:1fr;align-items:start}}.catalog__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-5);margin-bottom:var(--sp-6)}.catalog__title{margin-top:var(--sp-3)}.catalog__count{font-size:var(--step--1);font-weight:600;color:var(--ink-faint);font-variant-numeric:tabular-nums}.toolbar{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-6);padding:var(--sp-3);border-radius:var(--r-md);background:var(--paper-raised);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.search{position:relative;flex:1 1 260px;min-width:0}.search__icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none}.search__input{width:100%;padding:.62rem 2.4rem;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--paper);font-size:.94rem;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.search__input::placeholder{color:var(--ink-faint)}.search__input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search__input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.16)}.search__clear{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:var(--ink-muted);transition:background-color var(--dur) var(--ease)}.search__clear:hover{background:var(--paper-sunk);color:var(--ink)}.filters{display:flex;gap:var(--sp-2);flex-wrap:wrap}.chip{white-space:nowrap;flex-shrink:0;padding:.5rem .9rem;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--paper);font-size:.86rem;font-weight:600;color:var(--ink-muted);transition:all var(--dur) var(--ease)}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:clamp(1.1rem,2.4vw,1.75rem)}.empty{grid-column:1 / -1;padding:var(--sp-8) var(--sp-5);text-align:center;border-radius:var(--r-md);border:1px dashed var(--line-strong);background:var(--paper-raised)}.empty h4{color:var(--ink)}.empty p{margin-top:var(--sp-2);color:var(--ink-muted)}.empty .btn{margin-top:var(--sp-5)}.card{display:flex;flex-direction:column;border-radius:var(--r-md);background:var(--paper-raised);border:1px solid var(--line);overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.card:hover{transform:translateY(-4px);border-color:var(--brand-line);box-shadow:var(--shadow-lg)}.card__media{position:relative;aspect-ratio:1 / 1;background:var(--paper-sunk);overflow:hidden;border-bottom:1px solid var(--line)}.card__img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.card:hover .card__img{transform:scale(1.035)}.cover{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;color:hsl(var(--rona) 82% 29%);background:linear-gradient(150deg,hsl(var(--rona) 88% 93%),hsl(var(--rona) 74% 81%) 58%,hsl(var(--rona) 56% 87%))}.cover__pola{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.62}.cover[data-pola="0"] .cover__pola{background-image:radial-gradient(hsl(var(--rona) 70% 45% / .28) 1px,transparent 1px);background-size:14px 14px}.cover[data-pola="1"] .cover__pola{background-image:linear-gradient(to right,hsl(var(--rona) 70% 45% / .16) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--rona) 70% 45% / .16) 1px,transparent 1px);background-size:20px 20px}.cover[data-pola="2"] .cover__pola{background-image:repeating-linear-gradient(-45deg,hsl(var(--rona) 70% 45% / .14) 0 1px,transparent 1px 11px)}.cover__kilau{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 60% at 26% 12%,hsl(var(--rona) 90% 99% / .85),transparent 70%)}.cover svg{position:relative;transition:transform .4s var(--ease)}.card:hover .cover svg{transform:scale(1.07) rotate(-2deg)}.cover__kode{position:absolute;right:var(--sp-3);bottom:var(--sp-3);padding:.16rem .44rem;border-radius:5px;background:hsl(var(--rona) 60% 99% / .72);border:1px solid hsl(var(--rona) 55% 40% / .2);font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.08em;color:hsl(var(--rona) 65% 32%)}.card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}@media(max-width:900px){.card__kicker{display:none}.card__meta{justify-content:flex-start}}.card__body{display:flex;flex-direction:column;flex:1;padding:var(--sp-5);gap:var(--sp-3)}.card__kicker{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.05em;color:var(--ink-faint);text-transform:uppercase}.card__title{font-size:1.02rem;font-weight:800;line-height:1.3;letter-spacing:-.014em;color:var(--ink)}.card__desc{font-size:.9rem;color:var(--ink-muted);line-height:1.55;flex:1}.card__actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-2);padding-top:var(--sp-4);border-top:1px solid var(--line)}.card__actions .btn{flex:1}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:var(--sp-5);counter-reset:step}.step{position:relative;padding-top:var(--sp-5);border-top:2px solid var(--line)}.step--active{border-top-color:var(--brand)}.step__num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:.82rem;font-weight:800;font-variant-numeric:tabular-nums}.step__title{margin-top:var(--sp-3);font-size:var(--step-1)}.step__body{margin-top:var(--sp-2);font-size:.93rem;color:var(--ink-muted)}.faq{display:grid;gap:var(--sp-2);max-width:820px}.faq__item{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper-raised);overflow:hidden;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.faq__item--open{border-color:var(--brand-line);box-shadow:var(--shadow-sm)}.faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5);text-align:left;font-size:var(--step-1);font-weight:700;letter-spacing:-.012em;color:var(--ink)}.faq__icon{flex-shrink:0;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--paper-sunk);color:var(--ink-soft);transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease)}.faq__item--open .faq__icon{transform:rotate(45deg);background:var(--brand);color:#fff}.faq__a{padding:0 var(--sp-5) var(--sp-5);color:var(--ink-muted);max-width:62ch}.band{position:relative;border-radius:var(--r-xl);padding:clamp(2.5rem,6vw,4.5rem) clamp(1.5rem,5vw,4rem);background:var(--ink);color:#faf9f6c7;overflow:hidden}.band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(38rem 22rem at 88% 8%,rgba(var(--brand-bright-rgb),.3),transparent 62%),radial-gradient(30rem 20rem at 6% 96%,rgba(var(--brand-rgb),.26),transparent 60%)}.band>*{position:relative}.band h2{color:#fff;max-width:20ch}.band .eyebrow{color:var(--brand-bright)}.band .eyebrow:before{background:var(--brand-bright)}.band__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,5vw,4rem);align-items:center}.band__grid>*{min-width:0}.band__lead{margin-top:var(--sp-5);font-size:var(--step-1);max-width:46ch}.band__actions{margin-top:var(--sp-6);display:flex;flex-wrap:wrap;gap:var(--sp-3)}.band .btn--ghost{color:#fff;border-color:#ffffff47}.band .btn--ghost:hover{background:#ffffff14;border-color:#fff}.contact-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-3)}.contact-item{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.contact-item:hover{background:#ffffff17;border-color:#ffffff40;transform:translate(3px)}.contact-item__icon{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-sm);background:rgba(var(--brand-bright-rgb),.18);color:var(--brand-bright)}.contact-item__label{display:block;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#faf9f680}.contact-item__text{display:block;min-width:0}.contact-item__value{display:block;font-weight:700;color:#fff;font-size:.98rem;overflow-wrap:anywhere}@media(max-width:860px){.band__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.band{padding-inline:var(--sp-4)}.contact-item{padding-inline:var(--sp-4);gap:var(--sp-3)}.band__actions .btn{white-space:normal;flex:1 1 100%}}.footer{border-top:1px solid var(--line);padding-block:var(--sp-8) var(--sp-6);background:var(--paper-sunk)}.footer__grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:clamp(2rem,5vw,3.5rem)}.footer__about{max-width:38ch;margin-top:var(--sp-4);font-size:.92rem;color:var(--ink-muted)}.footer__heading{font-size:.74rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--ink);margin-bottom:var(--sp-4)}.footer__list{display:grid;gap:.6rem}.footer__link{font-size:.92rem;color:var(--ink-muted);transition:color var(--dur) var(--ease);display:inline-block;padding-block:.2rem}.footer__sosial{display:flex;align-items:center;gap:var(--sp-1);margin-left:-.7rem}.footer__ikon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:var(--r-sm)}.footer__ikon:hover{background:#12161c0d}.footer__link:hover{color:var(--brand-deep)}.footer__bottom{margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;align-items:center;font-size:var(--step--1);color:var(--ink-faint)}@media(max-width:860px){.footer__grid{grid-template-columns:repeat(2,1fr)}.footer__brand-col{grid-column:1 / -1}}.fab{position:fixed;right:clamp(1rem,3vw,1.75rem);bottom:clamp(1rem,3vw,1.75rem);z-index:90;display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.05rem;border-radius:999px;background:var(--brand);color:#fff;font-size:.9rem;font-weight:700;box-shadow:var(--shadow-brand);transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease),opacity var(--dur) var(--ease)}.fab:hover{background:var(--brand-deep);transform:translateY(-2px)}.fab--hidden{opacity:0;pointer-events:none;transform:translateY(12px)}@media(max-width:560px){.fab__text{display:none}.fab{padding:.85rem}}.reveal{opacity:0;transform:translateY(14px);transition:opacity .52s var(--ease),transform .52s var(--ease)}.reveal--in{opacity:1;transform:none}.faq__item h3{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.card--klik{cursor:pointer}.card__trigger{font:inherit;color:inherit;text-align:left;letter-spacing:inherit}.card__trigger:hover{color:var(--brand-deep)}.card__hint{position:absolute;z-index:2;inset-inline:var(--sp-3);bottom:var(--sp-3);padding:.4rem .7rem;border-radius:var(--r-xs);background:#12161cd1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:center;opacity:0;transform:translateY(6px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.card--klik:hover .card__hint,.card--klik:focus-within .card__hint{opacity:1;transform:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:clamp(.75rem,3vw,2rem);background:#12161c9e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:modal-masuk .18s var(--ease)}@keyframes modal-masuk{0%{opacity:0}}.modal__panel{display:flex;flex-direction:column;width:min(100%,760px);max-height:min(92vh,900px);border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line);box-shadow:0 32px 80px -20px #12161c73;overflow:hidden;animation:panel-masuk .22s var(--ease)}@keyframes panel-masuk{0%{opacity:0;transform:translateY(14px) scale(.985)}}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--line);background:var(--paper-raised)}.modal__kicker{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.modal__title{margin-top:.25rem;font-size:var(--step-2);line-height:1.2}.modal__close{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--paper);color:var(--ink-soft);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.modal__close:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.modal__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-6);display:grid;gap:var(--sp-6);align-content:start}.modal__body>.badge{justify-self:start}.modal__lead{font-size:var(--step-1);color:var(--ink-soft);line-height:1.62}.modal__lead--kosong{color:var(--ink-muted)}.modal__stack{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.tech{padding:.3rem .7rem;border-radius:var(--r-xs);background:var(--brand-tint);border:1px solid var(--brand-line);color:var(--brand-deep);font-size:.78rem;font-weight:700}.modal__section{display:grid;gap:var(--sp-4)}.modal__h{display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.modal__h svg{color:var(--brand)}.modal__p{color:var(--ink-muted)}.modal__fitur{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3) var(--sp-5)}.modal__fitur li{display:flex;align-items:flex-start;gap:.55rem;font-size:.92rem;color:var(--ink-soft);line-height:1.45}.modal__fitur svg{flex-shrink:0;margin-top:.2em;color:var(--brand)}.modal__dua{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);align-items:start}.modal__box{padding:var(--sp-5);border-radius:var(--r-md);background:var(--paper-sunk);border:1px solid var(--line);display:grid;gap:var(--sp-3);align-content:start}.modal__box--terang{background:var(--brand-tint);border-color:var(--brand-line)}.modal__list{display:grid;gap:.5rem}.modal__list li{position:relative;padding-left:1rem;font-size:.9rem;color:var(--ink-soft);line-height:1.5}.modal__list li:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--ink-faint)}.modal__box--terang .modal__list li:before{background:var(--brand)}.modal__langkah{display:grid;gap:var(--sp-3)}.modal__langkah li{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:.92rem;color:var(--ink-soft)}.modal__langkah-num{flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font-size:.72rem;font-weight:800}.modal__cocok{padding:var(--sp-4) var(--sp-5);border-left:3px solid var(--brand);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--paper-raised);font-size:.94rem;color:var(--ink-soft)}.modal__penutup{font-weight:700;color:var(--ink)}.modal__foot{display:flex;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--line);background:var(--paper-raised)}.modal__foot .btn{flex:1}@media(max-width:620px){.modal{padding:0;place-items:stretch}.modal__panel{width:100%;max-height:100vh;max-height:100dvh;border-radius:0;border:0}.modal__head,.modal__body,.modal__foot{padding-inline:var(--sp-5)}.modal__fitur,.modal__dua{grid-template-columns:minmax(0,1fr)}.modal__foot{flex-direction:column-reverse}}.tech-band{position:relative;background:var(--ink);color:#faf9f6b8;overflow:hidden}.tech-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(42rem 26rem at 92% 4%,rgba(var(--brand-bright-rgb),.26),transparent 62%),radial-gradient(34rem 24rem at 2% 92%,rgba(var(--brand-rgb),.24),transparent 60%)}.tech-band:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.06) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(80% 70% at 50% 40%,#000 25%,transparent 82%);-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 25%,transparent 82%)}.tech-band>*{position:relative}.tech-band .eyebrow{color:var(--brand-bright)}.tech-band .eyebrow:before{background:var(--brand-bright)}.tech__grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}.tech__title{margin-top:var(--sp-4);color:#fff;max-width:18ch}.tech__lead{margin-top:var(--sp-5);max-width:48ch;font-size:var(--step-1)}.stack{margin-top:clamp(2.5rem,5vw,3.5rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3)}.stack__item{display:grid;gap:var(--sp-3);align-content:start;padding:var(--sp-5);border-radius:var(--r-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.stack__item:hover{background:#ffffff12;border-color:rgba(var(--brand-bright-rgb),.4);transform:translateY(-3px)}.stack__ikon{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-sm);background:rgba(var(--brand-bright-rgb),.14);border:1px solid rgba(var(--brand-bright-rgb),.26);color:var(--brand-bright)}.stack__nama{display:flex;flex-direction:column;gap:.2rem;font-size:var(--step-1);font-weight:800;color:#fff;letter-spacing:-.01em}.stack__peran{font-family:var(--font-mono);font-size:.66rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#faf9f673}.stack__alasan{margin-top:.3rem;font-size:.9rem;line-height:1.55}.terminal{border-radius:var(--r-md);background:#0a0d12;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px -24px #000000b3;overflow:hidden}.terminal__bar{display:flex;align-items:center;gap:.4rem;padding:.65rem .85rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08)}.terminal__dot{width:9px;height:9px;border-radius:50%;background:#ffffff2e}.terminal__judul{margin-left:.5rem;font-family:var(--font-mono);font-size:.68rem;color:#faf9f66b}.terminal__isi{margin:0;padding:var(--sp-5);display:grid;gap:.55rem;font-family:var(--font-mono);font-size:.78rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.baris{display:flex;align-items:flex-start;gap:.5rem}.baris--perintah{color:#fff}.baris__tanda{color:var(--brand-bright);font-weight:700}.baris--keluaran{color:#faf9f670;padding-left:1rem}.baris--sukses{color:var(--brand-bright);font-weight:700}.baris--sukses svg{margin-top:.22em;flex-shrink:0}.baris--kursor:after{content:"";width:7px;height:15px;background:var(--brand-bright);animation:kedip 1.1s steps(2,start) infinite}@keyframes kedip{50%{opacity:0}}.tech__catatan{margin-top:var(--sp-5);font-size:.94rem;color:#faf9f69e}.spek{margin-top:var(--sp-4);display:flex;flex-wrap:wrap;gap:var(--sp-2)}.spek li{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .7rem;border-radius:var(--r-xs);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:.8rem;font-weight:600;color:#faf9f6c7}.spek svg{color:var(--brand-bright)}.tech__aksi{margin-top:var(--sp-6);display:flex;flex-wrap:wrap;gap:var(--sp-3)}.btn--terang{background:var(--paper);color:var(--ink)}.btn--terang:hover{background:#fff}.tech-band .btn--ghost{color:#fff;border-color:#ffffff47}.tech-band .btn--ghost:hover{background:#ffffff14;border-color:#fff}@media(max-width:1040px){.stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.tech__grid{grid-template-columns:minmax(0,1fr)}.tech__title{max-width:none}}@media(max-width:520px){.stack{grid-template-columns:minmax(0,1fr)}}.alur__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:end;margin-bottom:clamp(2.5rem,6vw,4rem)}.alur{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-5)}.alur__item{display:grid;gap:var(--sp-4);align-content:start}.alur__rel{position:relative;display:flex;align-items:center}.alur__node{position:relative;z-index:1;flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--paper);border:2px solid var(--brand);color:var(--brand-deep);font-family:var(--font-mono);font-size:.86rem;font-weight:800;letter-spacing:.02em}.alur__item:first-child .alur__node{background:var(--brand);border-color:var(--brand);color:#fff}.alur__garis{flex:1;height:2px;margin-left:.6rem;border-radius:2px;background:repeating-linear-gradient(to right,var(--brand-line) 0 7px,transparent 7px 13px)}.alur__durasi{display:inline-block;padding:.2rem .55rem;border-radius:var(--r-xs);background:var(--brand-tint);border:1px solid var(--brand-line);font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.05em;color:var(--brand-deep)}.alur__judul{margin-top:var(--sp-3);font-size:var(--step-1)}.alur__teks{margin-top:var(--sp-2);font-size:.93rem;color:var(--ink-muted)}.alur__kaki{margin-top:clamp(2.5rem,5vw,3.5rem);padding-top:var(--sp-5);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4)}.alur__kaki p{color:var(--ink-muted)}@media(max-width:980px){.alur{grid-template-columns:repeat(2,minmax(0,1fr))}.alur__item:nth-child(2) .alur__garis{display:none}}@media(max-width:820px){.alur__head{grid-template-columns:1fr;align-items:start}}@media(max-width:560px){.alur{grid-template-columns:minmax(0,1fr);gap:var(--sp-6)}.alur__garis{display:none}}.modal__jumlah{margin-left:auto;padding:.1rem .45rem;border-radius:var(--r-xs);background:var(--paper-sunk);border:1px solid var(--line);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:0;color:var(--ink-muted)}.modal__grup+.modal__grup{margin-top:var(--sp-5)}.modal__grup-judul{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--brand-line);font-size:.9rem;font-weight:800;letter-spacing:-.008em;color:var(--brand-deep)}.modal__grup-jumlah{font-family:var(--font-mono);font-size:.68rem;font-weight:700;color:var(--ink-faint)}.modal__ringkasan{display:grid;gap:var(--sp-4)}.card__harga{display:flex;align-items:baseline;gap:.45rem;margin-top:auto;padding-top:var(--sp-2)}.card__harga-nilai{font-size:1.12rem;font-weight:800;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}.card__harga-label{font-family:var(--font-mono);font-size:.66rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint)}.harga{display:grid;gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--r-md);background:var(--brand-tint);border:1px solid var(--brand-line)}.harga__baris{display:flex;align-items:baseline;gap:var(--sp-3)}.harga__label{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-deep)}.harga__nilai{font-size:var(--step-3);font-weight:800;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}.harga__catatan{font-size:.9rem;line-height:1.55;color:var(--ink-soft)}.harga__tautan{justify-self:start;display:inline-flex;align-items:center;gap:.45rem;font-size:.88rem;font-weight:700;color:var(--brand-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;transition:color var(--dur) var(--ease)}.harga__tautan:hover{color:var(--ink)}.katalog{scroll-margin-top:var(--nav-h)}.katalog__jangkar{display:block;height:0;scroll-margin-top:calc(var(--nav-h) + var(--sp-5))}.katalog__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:end;margin-bottom:var(--sp-6)}.katalog__judul{margin-top:var(--sp-3)}@media(max-width:820px){.katalog__head{grid-template-columns:1fr;align-items:start}}.toolbar--lengket{position:sticky;top:calc(var(--nav-h) + .5rem);z-index:40;flex-direction:column;align-items:stretch;gap:var(--sp-3);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);background:#ffffffeb;box-shadow:var(--shadow-md)}.toolbar__cari{display:flex;gap:var(--sp-3);align-items:center;min-width:0}.tab{display:flex;gap:var(--sp-1);overflow-x:auto;max-width:100%;min-width:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tab::-webkit-scrollbar{display:none}.tab__item{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;padding:.5rem .9rem;border-radius:var(--r-sm);font-size:.9rem;font-weight:700;color:var(--ink-muted);border:1px solid transparent;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.tab__item:hover{background:var(--paper-sunk);color:var(--ink)}.tab__item[aria-selected=true]{background:var(--ink);color:var(--paper)}.tab__jumlah{font-family:var(--font-mono);font-size:.68rem;font-weight:700;padding:.05rem .35rem;border-radius:4px;background:var(--paper-sunk);color:var(--ink-muted)}.tab__item[aria-selected=true] .tab__jumlah{background:#ffffff2e;color:#fff}.tab__jumlah--segera{font-family:inherit;font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.1rem .42rem;background:var(--brand-tint);color:var(--brand-deep)}.tab__item[aria-selected=true] .tab__jumlah--segera{background:#fff;color:var(--brand-deep)}.katalog__hitung{margin-bottom:var(--sp-5);font-size:var(--step--1);font-weight:600;color:var(--ink-faint);font-variant-numeric:tabular-nums}.katalog__muat{display:flex;justify-content:center;margin-top:var(--sp-7)}.katalog__muat .btn{padding-inline:1.5rem}.katalog__sisa{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--ink-faint)}@media(max-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.card{border-radius:var(--r-sm)}.card__body{padding:.65rem .7rem .75rem;gap:.3rem}.card__kicker,.card__desc,.card__actions,.card__hint{display:none}.card__title{font-size:.83rem;line-height:1.32}.card__trigger{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__harga{margin-top:auto;padding-top:0}.card__meta{justify-content:flex-start}.card__harga-nilai{font-size:.95rem}.card__harga-label{display:none}.cover svg{width:42px;height:42px}.cover__kode{right:.4rem;bottom:.4rem;font-size:.55rem;padding:.1rem .3rem}.badge{font-size:.6rem;padding:.16rem .4rem}.badge svg{width:10px;height:10px}.toolbar--lengket{padding:var(--sp-2);gap:var(--sp-2)}.toolbar__cari{gap:var(--sp-2)}.tab__item{padding:.42rem .6rem;font-size:.8rem;gap:.3rem}.tab__jumlah{font-size:.62rem;padding:.05rem .28rem}.search__input{padding-block:.55rem;font-size:.88rem}.tab{mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent);padding-right:26px}}@media(min-width:641px)and (max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card__desc{display:none}.card__body{padding:var(--sp-4)}.card__actions{flex-direction:column}}.faq__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}.faq__samping{position:sticky;top:calc(var(--nav-h) + 2.5rem);display:grid;justify-items:start;gap:var(--sp-4)}.faq__judul{margin-top:var(--sp-2)}.faq__lead{max-width:38ch;color:var(--ink-muted);line-height:1.6}.faq{max-width:none}@media(max-width:900px){.faq__grid{grid-template-columns:minmax(0,1fr)}.faq__samping{position:static}}.card__foto{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.card__img{opacity:0;transition:opacity .32s var(--ease),transform .4s var(--ease)}.card__img--muat{opacity:1}.card__memuat{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none;background:#ffffff59}.card__memuat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.75) 48%,rgba(255,255,255,.75) 52%,transparent 70%);transform:translate(-100%);animation:kilau-memuat 1.4s var(--ease) infinite}@keyframes kilau-memuat{to{transform:translate(100%)}}.card__foto{z-index:2}@media(prefers-reduced-motion:reduce){.card__memuat:after{display:none}.card__memuat{background:#ffffff80}}.jalur{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);align-items:start}.jalur__kartu{display:grid;gap:var(--sp-3);align-content:start;padding:var(--sp-5);border-radius:var(--r-md);background:var(--paper-sunk);border:1px solid var(--line)}.jalur__judul{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.jalur__judul svg{color:var(--brand)}.jalur__catatan{font-size:.85rem;line-height:1.5;color:var(--ink-muted)}.jalur__aksi{justify-self:start;margin-top:var(--sp-1)}@media(max-width:620px){.jalur{grid-template-columns:minmax(0,1fr)}.jalur__aksi{justify-self:stretch}}