.mitra-page{background:var(--surface-card);color:var(--text-strong)}.mitra-shell{width:min(calc(100% - 56px), calc(var(--container) - 56px));margin-inline:auto}.mitra-kicker{color:var(--text-brand);font:var(--display-weight) 11px/1.6 var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px}.mitra-lead{max-width:62ch;color:var(--text-muted);margin-top:16px;font-size:16px;line-height:1.75}.mitra-hero{isolation:isolate;background:var(--surface-page);border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden}.mitra-hero__photo{z-index:-1;background-image:linear-gradient(90deg, var(--white) 0%, color-mix(in srgb, var(--white) 96%, transparent) 30%, color-mix(in srgb, var(--white) 86%, transparent) 48%, transparent 76%), url(/assets/service-partners/mitra-hero-alya-v4.webp);background-position:50%,100%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.mitra-hero__inner{padding-block:calc(var(--nav-h) + 74px) 74px;min-height:490px;position:relative}.mitra-breadcrumb{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:28px;display:flex}.mitra-breadcrumb a{color:inherit}.mitra-breadcrumb [aria-current]{color:var(--text-body)}.mitra-hero .mitra-kicker{margin-bottom:0}.mitra-hero h1{margin-top:18px}.mitra-hero__lead{text-wrap:pretty;max-width:570px;margin-top:24px}.mitra-directory{padding-block:76px 88px}.mitra-directory__head{grid-template-columns:minmax(0,1fr) 310px;align-items:end;gap:48px;display:grid}.mitra-directory h2,.mitra-showcase h2,.mitra-closing h2,.mitra-directory-link h2{text-wrap:balance;font-size:clamp(24px,2.6vw,34px);line-height:1.35}.mitra-directory .mitra-kicker{margin-bottom:12px}.mitra-search label{color:var(--text-body);margin-bottom:9px;font-size:13px;font-weight:700;display:block}.mitra-search__field{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);min-height:50px;color:var(--text-muted);align-items:center;gap:10px;padding-left:16px;display:flex}.mitra-search__field:focus-within{border-color:var(--primary);box-shadow:var(--ring-focus)}.mitra-search input{color:var(--text-strong);font:inherit;border-radius:var(--radius-lg);background:0 0;border:0;outline:0;width:100%;min-width:0;padding:13px 14px 13px 0;font-size:16px}.mitra-search input::placeholder{color:var(--text-muted);opacity:1}.mitra-search input::-webkit-search-cancel-button{display:none}.mitra-search button{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;place-items:center;width:44px;min-width:44px;height:44px;margin-right:2px;display:grid}.mitra-search button:hover{color:var(--text-brand)}.mitra-directory__count{color:var(--text-muted);margin:32px 0 18px;font-size:13px}.mitra-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.mitra-grid>li{min-width:0}.mitra-card{background:var(--surface-page);border-radius:var(--radius-lg);flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.mitra-card__art{place-items:center;height:176px;padding:28px;display:grid}.mitra-card__art img{object-fit:contain;width:100%;max-width:240px;height:100%;max-height:112px;transform:scale(var(--partner-logo-scale,1));transform-origin:50%;display:block}.mitra-card__caption{border-top:1px solid var(--border-subtle);flex:1;margin-inline:22px;padding-block:17px 21px}.mitra-card__caption h3{font:700 15px/1.5 var(--font-sans);letter-spacing:0;color:var(--text-strong);overflow-wrap:anywhere}.mitra-card__caption p{color:var(--text-muted);margin-top:5px;font-size:12px;line-height:1.6}.mitra-empty{text-align:center;background:var(--surface-page);border-radius:var(--radius-lg);padding:64px 24px}.mitra-empty>.gan-icon{margin-bottom:18px;color:var(--text-muted)!important}.mitra-empty h3{font-size:20px;line-height:1.5}.mitra-empty p{color:var(--text-muted);max-width:46ch;margin:12px auto 0}.mitra-empty button{font:700 14px var(--font-sans);color:var(--text-brand);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;min-height:44px;margin-top:20px;padding:10px 16px;text-decoration:underline}.mitra-infrastructure{border-top:1px solid var(--border-subtle)}.mitra-infrastructure .plband{padding-block:72px}.mitra-closing{background:var(--neutral-950);color:var(--text-inverse);padding-block:64px}.mitra-closing>.mitra-shell{justify-content:space-between;align-items:center;gap:48px;display:flex}.mitra-closing h2{color:inherit;max-width:670px}.mitra-closing .mitra-kicker{color:var(--neutral-300)}.mitra-closing p:not(.mitra-kicker){color:var(--neutral-300);max-width:58ch;margin-top:18px;font-size:16px;line-height:1.75}.mitra-closing .gan-btn{flex-shrink:0}.mitra-showcase{background:var(--surface-page);padding-block:76px}.mitra-showcase__head{justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px;display:flex}.mitra-showcase__head>div{max-width:700px}.mitra-showcase__head .gan-btn{flex-shrink:0}.mitra-showcase .mitra-card{background:var(--surface-card)}.mitra-card--compact .mitra-card__art{height:132px;padding:24px 28px}.mitra-card--compact .mitra-card__art img{max-height:84px}.mitra-card--compact .mitra-card__caption{padding-block:14px 18px}.mitra-card--compact .mitra-card__caption h3{font-size:13px}.mitra-rotation .mitra-card--compact .mitra-card__caption h3{min-height:3em}.mitra-rotation__item{animation:.35s ease-out both mitra-logo-in}.mitra-rotation__controls{flex-wrap:wrap;justify-content:flex-end;gap:10px;min-height:44px;margin-top:20px;display:flex}.mitra-rotation__controls .gan-btn{min-height:44px}@keyframes mitra-logo-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.mitra-rotation__item{animation:none}}.mitra-directory-link{background:var(--surface-page);border-top:1px solid var(--border-subtle);padding-block:56px}.mitra-directory-link>.mitra-shell{justify-content:space-between;align-items:center;gap:40px;display:flex}.mitra-directory-link p:not(.mitra-kicker){max-width:58ch;color:var(--text-muted);margin-top:14px;line-height:1.75}.mitra-directory-link .gan-btn{flex-shrink:0}@media (min-width:701px) and (max-width:1000px){.mitra-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mitra-grid--preview{grid-template-columns:repeat(4,minmax(0,1fr))}.mitra-directory__head{grid-template-columns:minmax(0,1fr) 270px;gap:30px}.mitra-card__art{height:150px;padding:24px}.mitra-card--compact .mitra-card__art{height:110px;padding:18px}.mitra-card--compact .mitra-card__art img{max-height:74px}.mitra-card--compact .mitra-card__caption{margin-inline:16px}.mitra-showcase__head,.mitra-closing>.mitra-shell,.mitra-directory-link>.mitra-shell{flex-direction:column;align-items:start;gap:26px}}@media (max-width:700px){.mitra-shell{width:calc(100% - 40px)}.mitra-kicker{letter-spacing:.09em;margin-bottom:14px;font-size:10px}.mitra-hero--mobile{background:var(--neutral-950);color:var(--white);border-bottom:0}.mitra-hero--mobile .mitra-hero__inner{padding-block:calc(100px + env(safe-area-inset-top)) 48px;min-height:420px}.mitra-hero--mobile .mitra-hero__photo{background-image:linear-gradient(90deg, color-mix(in srgb, var(--neutral-950) 90%, transparent), color-mix(in srgb, var(--neutral-950) 55%, transparent)), linear-gradient(0deg, color-mix(in srgb, var(--neutral-950) 80%, transparent), transparent 90%), url(/assets/service-partners/mitra-hero-alya-v4.webp);background-position:50%,50%,72%}.mitra-hero--mobile h1{color:inherit;font-size:clamp(30px,8.6vw,42px)}.mitra-hero--mobile h1 .accent{color:var(--red-500)}.mitra-hero--mobile .mitra-kicker{color:var(--neutral-300)}.mitra-hero--mobile .mitra-breadcrumb{letter-spacing:.12em;color:var(--neutral-300);margin-bottom:30px;font-size:10px}.mitra-hero--mobile .mitra-breadcrumb [aria-current]{color:var(--white)}.mitra-hero--mobile .mitra-hero__lead{color:var(--neutral-300);margin-top:20px;font-size:15px;line-height:1.75}.mitra-directory{padding-block:44px 52px}.mitra-directory__head{display:block}.mitra-directory h2,.mitra-showcase h2,.mitra-closing h2,.mitra-directory-link h2{font-size:23px;line-height:1.4}.mitra-lead{margin-top:14px;font-size:14px;line-height:1.75}.mitra-search{margin-top:26px}.mitra-search label{font-size:12px}.mitra-directory__count{margin-block:24px 16px;font-size:12px}.mitra-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mitra-card__art{height:122px;padding:18px}.mitra-card__art img{max-height:86px;transform:scale(var(--partner-logo-scale-mobile,var(--partner-logo-scale,1)))}.mitra-card__caption{margin-inline:14px;padding-block:12px 16px}.mitra-card__caption h3{font-size:12px;line-height:1.55}.mitra-card__caption p{font-size:11px}.mitra-empty{padding:40px 20px}.mitra-empty h3{font-size:18px}.mitra-empty p{font-size:14px}.mitra-closing{padding-block:44px}.mitra-closing>.mitra-shell{flex-direction:column;align-items:stretch;gap:26px}.mitra-closing p:not(.mitra-kicker){margin-top:16px;font-size:14px}.mitra-closing .gan-btn{white-space:normal;width:100%}.mitra-showcase{padding-block:48px}.mitra-showcase__head{flex-direction:column;align-items:stretch;gap:22px;margin-bottom:24px}.mitra-showcase__head .gan-btn{white-space:normal;align-self:start}.mitra-card--compact .mitra-card__art{height:112px;padding:18px}.mitra-card--compact .mitra-card__art img{max-height:76px}.mitra-card--compact .mitra-card__caption{padding-block:12px 15px}.mitra-card--compact .mitra-card__caption h3{font-size:12px}.mitra-directory-link{padding-block:40px}.mitra-directory-link>.mitra-shell{flex-direction:column;align-items:stretch;gap:24px}.mitra-directory-link p:not(.mitra-kicker){font-size:14px}.mitra-directory-link .gan-btn{white-space:normal;align-self:start}}