#beranda-1.home-collage-hero {
    position: relative; isolation: isolate; overflow: hidden;
    padding: 0; color: #263b49; background: #e8eae8;
    min-height: var(--home-screen-height, 100svh);
}
#beranda-1.home-collage-hero > .fp-tableCell { display: block; min-height: var(--home-screen-height, 100svh); }
.home-hero-container { display: flex; flex-direction: column; box-sizing: border-box; min-height: var(--home-screen-height, 100svh); width: 100%; max-width: none; margin: 0; padding: calc(var(--home-navbar-height, 124px) + 18px) 0 20px; }
.home-hero-layout { display: flex; align-items: center; flex: 1 0 auto; min-height: 0; }
.home-hero-content { position: relative; z-index: 3; width: 44%; padding-left: clamp(76px, 7vw, 132px); padding-right: 22px; }
.home-hero-heading { max-width: 440px; }
.home-hero-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: .57rem; font-weight: 700; letter-spacing: .13em; line-height: 1.7; color: #52656a; }
.home-hero-eyebrow::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #688277; }
.home-hero-heading h1 { margin: 16px 0 14px; font-size: clamp(2rem, 3vw, 3.4rem); line-height: 1.13; font-weight: 800; letter-spacing: -.05em; color: #253c42; text-wrap: balance; }
.home-hero-heading h1 span { display: block; margin-top: 8px; font-size: .65em; line-height: 1.3; color: #59736a; font-weight: 500; letter-spacing: -.035em; }
.home-hero-heading p { max-width: 355px; margin: 0; font-size: .8rem; line-height: 1.8; color: #5b6b70; }
.home-explore-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 44px; margin-top: 10px; padding: 5px 6px 5px 18px; border: 1px solid #ffffff40; border-radius: 50px; background: linear-gradient(115deg, #19496b, #286857); color: #fff; box-shadow: 0 5px 14px #183f541c, inset 0 1px 0 #ffffff1a; font-size: .76rem; font-weight: 600; text-decoration: none; transition: box-shadow .2s, transform .2s; }
.home-explore-link span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 32px; border: 1px solid #ffffff45; border-radius: 50%; background: #e1efdf; color: #275d4f; font-size: 1.15rem; line-height: 1; transition: transform .2s, background .2s; }
.home-explore-link:hover { color: #fff; text-decoration: none; transform: translateY(-1px); box-shadow: 0 8px 18px #183f5429; }
.home-explore-link:hover span, .home-explore-link:focus-visible span { transform: rotate(45deg); background: #f0f8ec; }
.home-explore-link:active { transform: translateY(0); }
#beranda-1.home-collage-hero .status-check-card { max-width: 400px; margin-top: 18px; padding: 0; background: linear-gradient(145deg, #ffffffed, #f0f7f4ed); border: 1px solid #ffffff; box-shadow: 0 16px 40px #263b4912; border-radius: 18px 18px 28px 18px; backdrop-filter: blur(14px); }
#beranda-1.home-collage-hero .status-check-card::before { display: none; }
#beranda-1.home-collage-hero .status-check-heading { padding: 11px 20px; margin: 0; border: 0; background: radial-gradient(ellipse at 100% 0, #449b833b, transparent 65%), linear-gradient(115deg, #153e65, #245e64); text-align: left; }
.home-status-eyebrow { display: inline-flex; align-items: center; gap: 7px; color: #516b5e; font-size: .54rem; line-height: 1.6; font-weight: 700; letter-spacing: .14em; }
.home-status-eyebrow::before { content: ''; width: 14px; height: 1px; background: currentColor; }
#beranda-1.home-collage-hero .status-check-heading h2 { margin: 0 0 3px; color: #fff; font-size: 1rem; font-weight: 700; line-height: 1.35; text-align: left; letter-spacing: -.02em; }
.home-status-description { margin: 0; font-size: .7rem; line-height: 1.6; color: #d7e9e8; }
#beranda-1.home-collage-hero .status-check-body { padding: 18px 22px 20px; }
#beranda-1.home-collage-hero .home-nik-label { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 8px; color: #43594f; font-size: .67rem; font-weight: 600; }
.home-nik-label span { flex-shrink: 0; color: #6c7f75; font-size: .63rem; font-weight: 400; }
#beranda-1.home-collage-hero .status-check-card input { height: 46px; background: #fff; border-color: #d5dfd7; border-radius: 9px; font-size: .83rem; letter-spacing: .04em; box-shadow: inset 0 1px 3px #263b4905; }
#beranda-1.home-collage-hero .status-check-submit { min-height: 46px; padding: 8px 14px; border-radius: 9px; background: linear-gradient(110deg, #225747, #318061); box-shadow: 0 4px 10px #3058451a; font-size: .85rem; font-weight: 600; gap: 8px; }
#beranda-1.home-collage-hero .status-check-submit:hover { background: #294d3b; }
#beranda-1.home-collage-hero .status-check-captcha { margin: 14px 0; }
#beranda-1.home-collage-hero .status-check-search-icon { font-size: 20px; width: 26px; height: 26px; flex-basis: 26px; }
.home-photo-collage { position: absolute; z-index: 1; inset: 0 0 0 39%; overflow: hidden; background: #5c6466; }
.home-photo-collage { -webkit-mask-image: linear-gradient(90deg, transparent 0%, #00000014 5%, #00000066 15%, #000000c7 26%, #000 38%); mask-image: linear-gradient(90deg, transparent 0%, #00000014 5%, #00000066 15%, #000000c7 26%, #000 38%); }
.home-photo-collage::after { content: ''; position: absolute; z-index: 9; inset: 0; background: linear-gradient(130deg, #acb9bd20, #15252d24); pointer-events: none; }
.home-photo { position: absolute; display: block; overflow: hidden; border: 0; border-radius: 0; background: #687173; box-shadow: -10px 10px 28px #17262a25; }
.home-photo-main { z-index: 2; left: 0; top: 0; width: 65%; height: 70%; clip-path: polygon(0 0, 100% 0, 100% 88%, 83% 88%, 83% 100%, 0 100%); }
.home-photo-skills { z-index: 3; right: -1%; top: 0; width: 42%; height: 46%; }
.home-photo-community { z-index: 5; right: -1%; top: 42%; width: 47%; height: 59%; clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%, 0 17%, 16% 17%); }
.home-photo-care { z-index: 4; left: 30%; top: 37%; width: 35%; height: 40%; clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%, 12% 85%, 0 85%); }
.home-photo-seniors { z-index: 6; left: 0; bottom: -1%; width: 65%; height: 34%; }
.home-photo img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(.93); transition: filter .7s ease, transform .9s ease; }
.home-photo-main img { object-position: 50% 50%; }
.home-photo-skills img { object-position: 66% center; }
.home-photo-community img { object-position: 67% center; }
.home-photo-care img { object-position: 56% center; }
.home-photo-seniors img { object-position: center 65%; }
.home-photo > span { position: absolute; z-index: 1; bottom: 20px; left: 18px; right: 18px; padding: 10px 12px; width: fit-content; max-width: calc(100% - 36px); background: #17252bd9; color: #fff; opacity: 0; transform: translateY(6px); transition: opacity .25s, transform .25s; pointer-events: none; }
.home-photo strong { display: block; font-size: .78rem; line-height: 1.4; }
.home-photo small { display: block; margin-bottom: 5px; font-size: .53rem; letter-spacing: .13em; }
.home-photo:focus-visible { outline: 3px solid #c8dfca; outline-offset: -5px; }
.home-photo:focus-visible img { filter: grayscale(.2); transform: scale(1.025); }
.home-photo:focus-visible > span { opacity: 1; transform: none; }
.home-explore-link:focus-visible { outline: 3px solid #317cad; outline-offset: 3px; }
@media (hover: hover) { .home-photo:hover img { filter: grayscale(.2); transform: scale(1.025); } .home-photo:hover > span { opacity: 1; transform: none; } }
#beranda-1 .home-hero-logos { position: relative; z-index: 3; inset: auto; transform: none; display: grid; grid-template-columns: 1fr 1.8fr 1fr; align-items: center; gap: 16px; width: calc(49% - clamp(76px, 7vw, 132px) - 22px); max-width: 560px; margin: 16px 0 0 clamp(76px, 7vw, 132px); padding: 14px 18px; border: 1px solid #ffffff30; border-radius: 16px; background: linear-gradient(115deg, #15252db8, #213f38a8); box-shadow: 0 8px 24px #172b3414; backdrop-filter: blur(12px); }
#beranda-1 .home-hero-logos img { width: 100% !important; max-width: 100%; height: 84px; margin: 0; object-fit: contain; }
@media (max-width: 1199px) and (min-width: 768px) { .home-hero-content { width: 49%; padding-left: 28px; } .home-photo-collage { left: 43%; } #beranda-1 .home-hero-logos { width: calc(49% - 50px); margin-left: 28px; } .home-hero-container { padding-bottom: calc(var(--public-bottom-space, 78px) + 20px); } }
@media (max-width: 767px) {
    .home-hero-container { padding-top: calc(var(--home-navbar-height, 64px) + 24px); padding-bottom: calc(var(--public-bottom-space, 78px) + 20px); }
    .home-hero-layout { display: block; min-height: 0; }
    .home-hero-content { width: 100%; padding: 0 20px; }
    .home-hero-heading { max-width: 470px; }
    .home-hero-heading h1 { font-size: clamp(1.9rem, 7vw, 2.7rem); }
    #beranda-1.home-collage-hero .status-check-card { max-width: 440px; margin: 18px 0 0; padding: 0; }
    .home-photo-collage { position: relative; inset: auto; width: 100%; height: 430px; margin-top: 20px; }
    .home-photo-collage { -webkit-mask-image: linear-gradient(180deg, transparent, #000 16%, #000 85%, transparent); mask-image: linear-gradient(180deg, transparent, #000 16%, #000 85%, transparent); }
    .home-photo-main { width: 64%; }
    .home-photo > span { display: none; }
    #beranda-1 .home-hero-logos { width: calc(100% - 40px); max-width: 480px; margin: 10px auto 0; gap: 10px; padding: 12px; }
}
/* Blue-green editorial treatment, confined to the content side. */
#beranda-1.home-collage-hero::before { content: ''; position: absolute; z-index: 0; pointer-events: none; inset: 0; background: radial-gradient(ellipse at 0 0, #92bcdc55, transparent 62%), radial-gradient(ellipse at 20% 100%, #a1cfb350, transparent 65%); }
#beranda-1.home-collage-hero::after { content: ''; position: absolute; z-index: 0; pointer-events: none; width: 430px; height: 430px; left: -270px; top: 100px; border: 1px solid #2f759528; border-radius: 50%; box-shadow: 0 0 0 24px #4a90900a, 0 0 0 25px #4a909019, 0 0 0 62px #4a909007, 0 0 0 63px #4a909012; }
.home-hero-heading h1 { margin: 12px 0 8px; font-size: clamp(2.3rem, 3.8vw, 4.2rem); line-height: 1; }
.home-hero-heading h1 .home-title-brand { margin: 0; font-size: .66em; line-height: 1.15; font-weight: 800; letter-spacing: -.04em; color: #19466c; }
.home-hero-heading h1 .home-title-presence { margin: 2px 0 0; font-size: 1em; line-height: 1.08; font-weight: 800; letter-spacing: -.055em; color: #327261; }
.home-hero-heading .home-hero-tagline { margin: 10px 0 8px; color: #294f61; font-size: clamp(.95rem, 1.25vw, 1.15rem); font-weight: 500; letter-spacing: .015em; }
#beranda-1.home-collage-hero .status-check-heading { position: relative; isolation: isolate; overflow: hidden; }
#beranda-1.home-collage-hero .status-check-heading::after { content: ''; position: absolute; z-index: -1; right: -18px; top: -45px; width: 130px; height: 130px; border: 1px solid #ffffff20; border-radius: 50%; box-shadow: 0 0 0 12px #ffffff07, 0 0 0 13px #ffffff15; pointer-events: none; }
@media (max-width: 767px) { .home-hero-heading h1 { font-size: clamp(2.6rem, 10vw, 3.8rem); } #beranda-1 .home-hero-logos img { height: clamp(58px, 18vw, 80px); } }
/* Keep the service form with the headline and center the partner identities. */
#beranda-1 .home-hero-logos { width: min(760px, calc(100% - 40px)); max-width: 760px; grid-template-columns: 1fr 2.4fr 1fr; gap: 20px; margin: 20px auto 0; padding: 10px 32px; border: 0; border-radius: 0; box-shadow: none; background: linear-gradient(90deg, transparent, #15252d9c 15%, #213f389c 85%, transparent); backdrop-filter: none; }
#beranda-1 .home-hero-logos { flex-shrink: 0; }
#beranda-1 .home-hero-logos img { height: 70px; }
#beranda-1 .home-hero-logos img:nth-child(2) { height: 110px; }
@media (max-width: 767px) {
    #beranda-1 .home-hero-logos { width: calc(100% - 24px); margin: 16px auto 0; padding: 10px 12px; gap: 10px; }
    #beranda-1 .home-hero-logos img { height: clamp(42px, 12vw, 60px); }
    #beranda-1 .home-hero-logos img:nth-child(2) { height: clamp(68px, 20vw, 96px); }
}
/* Reserve logo space within shorter desktop screens instead of adding it below a full-height content area. */
@media (min-width: 1200px) and (max-height: 850px) {
    .home-hero-container { padding-top: calc(var(--home-navbar-height, 124px) + 10px); padding-bottom: 10px; }
    .home-hero-heading h1 { font-size: clamp(2.2rem, 5.2vh, 2.7rem); margin: 8px 0 6px; }
    .home-hero-heading .home-hero-tagline { margin: 6px 0; font-size: .95rem; }
    .home-hero-heading p { line-height: 1.6; }
    .home-explore-link { min-height: 44px; margin-top: 6px; }
    #beranda-1.home-collage-hero .status-check-card { margin-top: 8px; }
    #beranda-1.home-collage-hero .status-check-heading { padding: 9px 18px; }
    #beranda-1.home-collage-hero .status-check-body { padding: 12px 18px; }
    #beranda-1.home-collage-hero .status-check-captcha { margin: 10px 0; }
    #beranda-1 .home-hero-logos { margin-top: 10px; padding-block: 6px; }
    #beranda-1 .home-hero-logos img { height: 50px; }
    #beranda-1 .home-hero-logos img:nth-child(2) { height: 76px; }
}
/* Mobile: five monochrome photos fill the hero behind readable foreground content. */
@media (max-width: 767px) {
    #beranda-1.home-collage-hero { background: #263033; }
    #beranda-1.home-collage-hero::before, #beranda-1.home-collage-hero::after { display: none; }
    .home-hero-container { padding-top: calc(var(--home-navbar-height, 64px) + 20px); padding-bottom: calc(var(--public-bottom-space, 78px) + 16px); }
    .home-hero-layout { display: block; flex: none; }
    .home-hero-content { width: 100%; padding: 0 16px; }
    .home-hero-heading { width: 100%; max-width: 440px; margin: 0 auto; text-align: center; }
    .home-hero-heading h1 { margin: 0 0 8px; font-size: clamp(2.5rem, 11vw, 3.4rem); }
    .home-hero-heading h1 .home-title-brand { font-size: .57em; letter-spacing: -.025em; color: #fff; }
    .home-hero-heading h1 .home-title-presence { margin-top: 4px; color: #e4f0e7; text-shadow: 0 2px 16px #0004; }
    .home-hero-heading .home-hero-tagline { margin: 10px auto 8px; font-size: .96rem; color: #f4f6f4; }
    .home-hero-heading > p:not(.home-hero-tagline) { max-width: 300px; margin-inline: auto; font-size: .76rem; line-height: 1.7; color: #e1e8e8; }
    .home-explore-link { min-height: 44px; margin-top: 10px; gap: 20px; font-size: .76rem; color: #fff; border-color: #ffffff70; box-shadow: 0 5px 18px #0003; }
    .home-explore-link:hover { color: #fff; }
    #beranda-1.home-collage-hero .status-check-card { width: 100%; max-width: 440px; margin: 14px auto 0; padding: 0; border-radius: 18px; background: #ffffffed; box-shadow: 0 10px 28px #24475d12; }
    #beranda-1.home-collage-hero .status-check-heading { padding: 12px 16px; }
    #beranda-1.home-collage-hero .status-check-heading h2 { font-size: 1rem; }
    #beranda-1.home-collage-hero .status-check-body { padding: 16px 10px; }
    #beranda-1.home-collage-hero .status-check-card input { font-size: 16px; }
    #beranda-1.home-collage-hero .status-check-captcha { margin: 14px 0; }
    #beranda-1.home-collage-hero .status-check-submit { min-height: 48px; }
    .home-photo-collage { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; -webkit-mask-image: none; mask-image: none; pointer-events: none; }
    .home-photo-collage::after { background: linear-gradient(180deg, #14232999 0%, #142329b3 38%, #14232973 70%, #142329b3 100%); }
    .home-photo-collage img { filter: grayscale(1) contrast(.92); }
    .home-photo-main { left: 0; top: 0; width: 66%; height: 49%; }
    .home-photo-skills { right: 0; top: 0; width: 42%; height: 37%; }
    .home-photo-care { left: 0; top: 40%; width: 56%; height: 35%; }
    .home-photo-community { right: 0; top: 32%; width: 56%; height: 48%; }
    .home-photo-seniors { left: 0; bottom: 0; width: 100%; height: 29%; }
    #beranda-1 .home-hero-logos { width: calc(100% - 24px); max-width: 480px; margin: 18px auto 0; padding: 8px 12px; gap: 8px; border: 1px solid #ffffff24; border-radius: 14px; background: #142329a6; backdrop-filter: blur(8px); }
    #beranda-1 .home-hero-logos img { height: clamp(42px, 12vw, 60px); }
    #beranda-1 .home-hero-logos img:nth-child(2) { height: clamp(66px, 19vw, 90px); }
}
@media (max-width: 359px) {
    .home-hero-content { padding-inline: 4px; }
    .home-hero-heading { padding-inline: 12px; }
    #beranda-1.home-collage-hero .status-check-card .status-check-body { padding-inline: 3px; }
    #beranda-1.home-collage-hero .home-status-field { padding-inline: 6px; }
    #beranda-1.home-collage-hero .status-check-submit { width: calc(100% - 12px); margin-inline: auto; }
}
@media (prefers-reduced-motion: reduce) { .home-photo img, .home-photo > span { transition: none; } .home-photo:hover img, .home-photo:focus-visible img { transform: none; } }
@media (prefers-reduced-motion: reduce) { .home-explore-link, .home-explore-link span { transition: none; } .home-explore-link:hover, .home-explore-link:hover span, .home-explore-link:focus-visible span { transform: none; } }
body.aksesibilitas-mode .home-explore-link, body.aksesibilitas-mode .home-explore-link span { background: #000; color: #ffd700; border-color: #ffd700; }
body.aksesibilitas-mode #beranda-1.home-collage-hero, body.aksesibilitas-mode #beranda-1.home-collage-hero .status-check-card { background: #000; color: #ffd700; }
body.aksesibilitas-mode .home-hero-heading h1, body.aksesibilitas-mode .home-hero-heading h1 span, body.aksesibilitas-mode .home-hero-heading p, body.aksesibilitas-mode .home-explore-link, body.aksesibilitas-mode .home-hero-eyebrow { color: #ffd700; }

@media (max-width: 380px) { #beranda-1.home-collage-hero .status-check-body { padding: 16px 10px; } #beranda-1.home-collage-hero .status-check-heading { padding-inline: 16px; } }
body.aksesibilitas-mode #beranda-1.home-collage-hero .status-check-heading { background: #000; }
body.aksesibilitas-mode #beranda-1.home-collage-hero .status-check-heading h2, body.aksesibilitas-mode .home-status-eyebrow, body.aksesibilitas-mode .home-status-description, body.aksesibilitas-mode #beranda-1.home-collage-hero .home-nik-label, body.aksesibilitas-mode .home-nik-label span { color: #ffd700; }

body.aksesibilitas-mode #beranda-1.home-collage-hero::before, body.aksesibilitas-mode #beranda-1.home-collage-hero::after { display: none; }