/* Inovasi pelayanan unggulan */
.quick-services { --quick-sage:#587e6a; --quick-dark:#284d3e; position:relative; overflow:hidden; padding:88px 0; background:linear-gradient(135deg,#f8fcf9,#e8f2eb 55%,#f9fcfa); font-family:'Montserrat','Segoe UI',sans-serif; }.quick-services-glow { position:absolute; border-radius:50%; filter:blur(8px); pointer-events:none; }.quick-services .glow-one { width:360px; height:360px; top:-200px; left:-130px; background:rgba(126,180,144,.17); }.quick-services .glow-two { width:310px; height:310px; right:-110px; bottom:-160px; background:rgba(95,142,111,.13); }
.quick-services-heading { max-width:720px; margin:0 auto 34px; text-align:center; }.section-kicker { display:inline-flex; align-items:center; gap:7px; padding:8px 13px; color:var(--quick-sage); background:#fff; border:1px solid rgba(88,126,106,.13); border-radius:99px; box-shadow:0 7px 16px rgba(38,75,58,.06); font-size:.68rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }.section-kicker i { color:#d29a4f; }.quick-services h2 { margin:15px 0 10px; color:var(--quick-dark); font-size:clamp(1.75rem,3vw,2.45rem); font-weight:800; letter-spacing:-.04em; }.quick-services h2 span { color:var(--quick-sage); }.quick-services-heading p { margin:0; color:#71877d; font-size:.88rem; line-height:1.75; }
.quick-service-card { position:relative; display:flex; flex-direction:column; width:100%; min-height:218px; padding:21px 18px 17px; overflow:hidden; color:var(--quick-dark); text-align:left; background:rgba(255,255,255,.83); border:1px solid rgba(255,255,255,.95); border-radius:20px; box-shadow:0 13px 27px rgba(38,75,58,.08); transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; }.quick-service-card::before { content:''; position:absolute; top:-45px; right:-45px; width:120px; height:120px; border-radius:50%; background:radial-gradient(circle,rgba(126,180,144,.22),transparent 70%); transition:transform .4s ease; }.quick-service-card:hover { transform:translateY(-8px); border-color:rgba(88,126,106,.23); box-shadow:0 20px 34px rgba(38,75,58,.15); }.quick-service-card:hover::before { transform:scale(1.35); }.service-mark { position:relative; display:grid; width:51px; height:51px; place-items:center; color:#fff; background:linear-gradient(135deg,#49735f,#85aa92); border-radius:16px; box-shadow:0 9px 16px rgba(62,111,81,.22); font-size:1.3rem; }.quick-service-card:nth-child(1) .service-mark { background:linear-gradient(135deg,#4b7964,#75a888); }.service-tag { display:block; margin:17px 0 6px; color:#80a08d; font-size:.62rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.quick-service-card strong { position:relative; font-size:.9rem; font-weight:800; line-height:1.35; }.service-open { display:flex; align-items:center; gap:6px; margin-top:auto; padding-top:15px; color:var(--quick-sage); font-size:.68rem; font-weight:700; }.service-open i { transition:transform .25s ease; }.quick-service-card:hover .service-open i { transform:translate(3px,-3px); }
.service-modal .modal-content { overflow:hidden; border:0; border-radius:24px; box-shadow:0 25px 70px rgba(27,65,48,.26); font-family:'Montserrat','Segoe UI',sans-serif; }.service-modal .modal-header { align-items:flex-start; gap:13px; padding:25px 27px 20px; color:#fff; background:linear-gradient(135deg,#386851,#83aa90); border:0; }.modal-service-icon { display:grid; flex:0 0 auto; width:48px; height:48px; place-items:center; color:#42705a; background:#fff; border-radius:15px; font-size:1.3rem; }.service-modal .modal-header > div > span { display:block; margin-bottom:4px; color:rgba(255,255,255,.72); font-size:.64rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.service-modal h3 { margin:0; font-size:1.18rem; font-weight:800; line-height:1.3; }.service-modal .btn-close { margin:2px 0 0 auto; background-color:#fff; border-radius:50%; opacity:.9; }.service-modal .modal-body { padding:25px 28px 30px; color:#637a6e; font-size:.86rem; line-height:1.8; }.modal-lead { color:#345846; font-size:.95rem; font-weight:600; }.modal-benefits { margin-top:21px; padding:17px; background:#edf6ef; border-radius:16px; }.modal-benefits h4 { margin:0 0 10px; color:#355c48; font-size:.85rem; font-weight:800; }.modal-benefits ul { display:grid; gap:8px; margin:0; padding:0; list-style:none; }.modal-benefits li { display:flex; gap:8px; align-items:flex-start; }.modal-benefits i { color:#57906d; font-size:1rem; }.modal-note { display:inline-flex; align-items:center; gap:8px; margin:18px 0 0; padding:9px 12px; color:#4c7760; background:#f2f8f3; border-radius:10px; font-size:.75rem; font-weight:700; }.modal-note i { color:#55a36b; font-size:1rem; }
@media (max-width:991.98px) { .quick-service-card { min-height:195px; }.quick-services { padding:70px 0; } }@media (max-width:575.98px) { .quick-services { padding:58px 0; }.quick-services-heading { margin-bottom:25px; }.quick-services h2 { font-size:1.65rem; }.quick-services-heading p { font-size:.82rem; }.quick-service-card { min-height:176px; }.service-modal .modal-header { padding:20px; }.service-modal .modal-body { padding:20px; }.service-modal h3 { font-size:1.04rem; } }

/* Nuansa putih bersih dengan aksen layanan yang lembut */
.quick-services { background:linear-gradient(145deg,#ffffff 0%,#fbfdfb 55%,#f0f7f2 100%); }.quick-services .glow-one { background:rgba(219,237,224,.48); }.quick-services .glow-two { background:rgba(240,218,167,.18); }.quick-services h2 span { color:#ba9141; text-shadow:0 4px 14px rgba(186,145,65,.13); }.section-kicker { color:#557b68; background:#fff; }.quick-services-heading p { color:#718176; }
.quick-service-card { --card-accent:#5d8b72; --card-soft:#edf6ef; background:linear-gradient(145deg,#fff 0%,#fff 65%,var(--card-soft) 155%); border-color:rgba(224,236,227,.9); }.quick-services .row > div:nth-child(2) .quick-service-card { --card-accent:#b28a42; --card-soft:#fbf5e8; }.quick-services .row > div:nth-child(3) .quick-service-card { --card-accent:#5b8e9f; --card-soft:#edf7fa; }.quick-services .row > div:nth-child(4) .quick-service-card { --card-accent:#9b6170; --card-soft:#fbf0f3; }.quick-services .row > div:nth-child(5) .quick-service-card { --card-accent:#71845b; --card-soft:#f2f7e9; }.quick-service-card::before { background:radial-gradient(circle,color-mix(in srgb,var(--card-accent) 23%,transparent),transparent 70%); }.quick-service-card:hover { border-color:color-mix(in srgb,var(--card-accent) 38%,white); }.service-mark { background:linear-gradient(135deg,var(--card-accent),color-mix(in srgb,var(--card-accent) 67%,white)); box-shadow:0 9px 16px color-mix(in srgb,var(--card-accent) 28%,transparent); }.service-tag,.service-open { color:var(--card-accent); }.quick-service-card strong { color:#2e5040; }
.service-modal .modal-header { position:relative; background:linear-gradient(135deg,#396b54,#72947d); }.service-modal .modal-header::after { content:''; position:absolute; right:0; bottom:0; left:0; height:4px; background:linear-gradient(90deg,#d9b45e,#fff0bf,#c39031); }.modal-service-icon { color:#a77b27; box-shadow:0 7px 17px rgba(50,95,71,.18); }.service-modal .modal-header > div > span { color:#f4dc9f; }.service-modal h3 { color:#fff; }.modal-benefits h4 { color:#a1782a; }.modal-benefits { border:1px solid rgba(210,177,96,.16); background:linear-gradient(135deg,#fffdf7,#f2f8f3); }.modal-note { color:#8b6b2c; background:#fff8e7; }.modal-note i { color:#bf9440; }

/* Emblem layanan bergaya premium */
.service-mark { width:60px; height:60px; overflow:visible; border:2px solid rgba(218,183,103,.7); border-radius:19px; background:linear-gradient(145deg,#2e604a,#83aa8f); box-shadow:inset 0 1px 1px rgba(255,255,255,.36),0 10px 19px rgba(43,86,63,.2),0 0 0 5px rgba(255,255,255,.78); font-size:1.48rem; transform:rotate(-5deg); transition:transform .3s ease,box-shadow .3s ease; }.service-mark::before { content:''; position:absolute; inset:5px; border:1px solid rgba(255,238,184,.6); border-radius:13px; pointer-events:none; }.service-mark::after { content:''; position:absolute; top:7px; left:11px; width:20px; height:8px; border-radius:50%; background:rgba(255,255,255,.34); transform:rotate(-28deg); }.quick-service-card:hover .service-mark { transform:translateY(-4px) rotate(0deg) scale(1.06); box-shadow:inset 0 1px 1px rgba(255,255,255,.42),0 15px 24px rgba(43,86,63,.25),0 0 0 6px rgba(255,255,255,.9); }.quick-services .row > div:nth-child(2) .service-mark { background:linear-gradient(145deg,#8f6823,#d1ad58); }.quick-services .row > div:nth-child(3) .service-mark { background:linear-gradient(145deg,#397387,#79aebb); }.quick-services .row > div:nth-child(4) .service-mark { background:linear-gradient(145deg,#814d5a,#bf7d8c); }.quick-services .row > div:nth-child(5) .service-mark { background:linear-gradient(145deg,#5d7048,#9bad70); }

/* Quick menu fresh refresh */
@keyframes quickFloat {
    0%,100% { transform:translateY(0); }
    50% { transform:translateY(-8px); }
}

@keyframes quickShine {
    from { transform:translateX(-120%) rotate(16deg); }
    to { transform:translateX(140%) rotate(16deg); }
}

.quick-services {
    --quick-text:#2f4039;
    --quick-muted:#728179;
    --quick-line:#e7eee9;
    padding:72px 0;
    background:
        linear-gradient(180deg,#ffffff 0%,#f9fbfa 50%,#f2f7f4 100%);
}
.quick-services .glow-one,
.quick-services .glow-two { display:none; }
.quick-services::before {
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 16% 12%,rgba(199,216,205,.42),transparent 26%),
        radial-gradient(circle at 88% 22%,rgba(242,211,145,.26),transparent 24%),
        linear-gradient(90deg,rgba(255,255,255,.8),transparent 40%,rgba(255,255,255,.6));
    pointer-events:none;
}
.quick-services-heading { margin-bottom:28px; }
.section-kicker {
    color:#65786d;
    background:#fff;
    border-color:var(--quick-line);
    border-radius:12px;
    box-shadow:0 10px 24px rgba(83,101,91,.07);
}
.section-kicker i { color:#c99a45; }
.quick-services h2 {
    color:var(--quick-text);
    letter-spacing:0;
}
.quick-services h2 span { color:#c99a45; text-shadow:none; }
.quick-services-heading p { color:var(--quick-muted); }
.quick-services .row { --bs-gutter-x:1rem; --bs-gutter-y:1rem; }
.quick-service-card {
    isolation:isolate;
    min-height:188px;
    padding:16px;
    background:#fff;
    border:1px solid var(--quick-line);
    border-radius:16px;
    box-shadow:0 14px 30px rgba(75,94,84,.08);
}

.quick-service-link {
    color:inherit;
    text-decoration:none;
}

.quick-service-link:hover {
    color:inherit;
}
.quick-service-card::before {
    top:auto;
    right:-28px;
    bottom:-40px;
    width:118px;
    height:118px;
    background:radial-gradient(circle,var(--card-soft),transparent 68%);
    opacity:.95;
}
.quick-service-card::after {
    content:'';
    position:absolute;
    top:-25%;
    bottom:-25%;
    left:0;
    width:42%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
    opacity:0;
    pointer-events:none;
}
.quick-service-card:hover {
    transform:translateY(-6px);
    border-color:color-mix(in srgb,var(--card-accent) 30%,white);
    box-shadow:0 20px 38px rgba(75,94,84,.13);
}
.quick-service-card:hover::after {
    opacity:1;
    animation:quickShine .8s ease;
}
.service-spark {
    position:absolute;
    top:14px;
    right:14px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--card-accent);
    box-shadow:0 0 0 6px color-mix(in srgb,var(--card-accent) 12%,transparent);
}
.service-card-top {
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
}
.service-mark {
    width:48px;
    height:48px;
    color:var(--card-accent);
    background:color-mix(in srgb,var(--card-accent) 10%,white);
    border:1px solid color-mix(in srgb,var(--card-accent) 18%,white);
    border-radius:14px;
    box-shadow:none;
    font-size:1.24rem;
    transform:none;
}
.service-mark::before,
.service-mark::after { display:none; }
.quick-service-card:hover .service-mark {
    color:#fff;
    background:var(--card-accent);
    transform:translateY(-3px);
    box-shadow:0 12px 22px color-mix(in srgb,var(--card-accent) 24%,transparent);
}
.service-tag {
    margin:0;
    padding:7px 9px;
    color:var(--card-accent);
    background:color-mix(in srgb,var(--card-accent) 9%,white);
    border-radius:999px;
    font-size:.56rem;
    line-height:1;
}
.quick-service-card strong {
    z-index:1;
    color:var(--quick-text);
    font-size:.88rem;
    letter-spacing:0;
}
.service-open {
    z-index:1;
    width:max-content;
    margin-top:auto;
    padding:9px 11px;
    color:var(--card-accent);
    background:#f8faf8;
    border-radius:999px;
    font-size:.64rem;
}
.quick-service-card:hover .service-open {
    background:color-mix(in srgb,var(--card-accent) 10%,white);
}
.quick-services .row > div:nth-child(1) .quick-service-card { --card-accent:#6f9a86; --card-soft:#edf6f1; }
.quick-services .row > div:nth-child(2) .quick-service-card { --card-accent:#d19a46; --card-soft:#fff4df; }
.quick-services .row > div:nth-child(3) .quick-service-card { --card-accent:#66a6b8; --card-soft:#ecf8fb; }
.quick-services .row > div:nth-child(4) .quick-service-card { --card-accent:#d17c93; --card-soft:#fff0f4; }
.quick-services .row > div:nth-child(5) .quick-service-card { --card-accent:#95aa68; --card-soft:#f3f8e9; }
.quick-services .row > div:nth-child(6) .quick-service-card { --card-accent:#c99a45; --card-soft:#fff5df; }
.service-modal .modal-content {
    border-radius:18px;
    background:#fff;
    box-shadow:0 26px 70px rgba(64,80,71,.2);
}
.service-modal .modal-header {
    color:var(--quick-text);
    background:linear-gradient(135deg,#fbfdfb,#eef5f0);
    border-bottom:1px solid var(--quick-line);
}
.service-modal .modal-header::after { display:none; }
.modal-service-icon {
    color:#6f9a86;
    background:#fff;
    border:1px solid var(--quick-line);
    box-shadow:0 12px 24px rgba(83,101,91,.08);
}
.service-modal .modal-header > div > span { color:#c99a45; }
.service-modal h3 { color:var(--quick-text); }
.service-modal .btn-close {
    background-color:#fff;
    border:1px solid var(--quick-line);
}
.service-modal .modal-body { color:#66766f; }
.modal-lead { color:#43594f; }
.modal-benefits {
    background:#f8faf8;
    border-color:var(--quick-line);
}
.modal-benefits i { color:#6f9a86; }

@media (max-width:991.98px) {
    .quick-services { padding:60px 0; }
    .quick-service-card { min-height:174px; }
}

@media (max-width:575.98px) {
    .quick-services { padding:48px 0; }
    .quick-services-heading { margin-bottom:20px; }
    .quick-service-card { min-height:156px; padding:14px; }
    .service-mark { width:44px; height:44px; border-radius:13px; }
    .service-tag { font-size:.52rem; }
}

/* Dua menu utama: layanan dan prestasi */
.quick-action-duo {
    padding:58px 0;
}

.quick-action-duo .quick-services-heading {
    max-width:780px;
}

.quick-duo-card {
    position:relative;
    isolation:isolate;
    display:flex;
    flex-direction:column;
    min-height:350px;
    height:100%;
    padding:22px;
    overflow:hidden;
    background:#fff;
    border:1px solid #e5eee8;
    border-radius:18px;
    box-shadow:0 18px 42px rgba(76,96,85,.09);
    transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.quick-duo-card::before {
    content:'';
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.72)),
        radial-gradient(circle at 86% 10%,rgba(203,226,214,.54),transparent 32%),
        radial-gradient(circle at 12% 88%,rgba(244,215,154,.24),transparent 28%);
}

.quick-duo-card:hover {
    transform:translateY(-6px);
    border-color:#d3e3da;
    box-shadow:0 26px 54px rgba(76,96,85,.14);
}

.quick-duo-orbit {
    position:absolute;
    right:-58px;
    top:-58px;
    width:180px;
    height:180px;
    border:1px solid rgba(116,154,133,.22);
    border-radius:50%;
    animation:quickFloat 4.5s ease-in-out infinite;
}

.quick-duo-orbit::after {
    content:'';
    position:absolute;
    right:36px;
    bottom:18px;
    width:18px;
    height:18px;
    background:#d3a348;
    border:5px solid #fff;
    border-radius:50%;
    box-shadow:0 12px 22px rgba(157,119,45,.2);
}

.quick-duo-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:18px;
}

.quick-duo-icon {
    display:grid;
    width:58px;
    height:58px;
    place-items:center;
    color:#fff;
    background:linear-gradient(135deg,#6e9c88,#4f806a);
    border-radius:16px;
    box-shadow:0 16px 26px rgba(79,128,106,.22);
    font-size:1.45rem;
}

.prestasi-card .quick-duo-icon {
    background:linear-gradient(135deg,#d5a44a,#9f7630);
    box-shadow:0 16px 26px rgba(159,118,48,.2);
}

.quick-duo-pill {
    padding:8px 11px;
    color:#6a7c72;
    background:#f8fbf9;
    border:1px solid #e5eee8;
    border-radius:999px;
    font-size:.62rem;
    font-weight:800;
    text-transform:uppercase;
}

.quick-duo-card h3 {
    margin:0 0 9px;
    color:#304139;
    font-size:1.34rem;
    font-weight:800;
    letter-spacing:0;
}

.quick-duo-card p {
    max-width:560px;
    margin:0 0 17px;
    color:#6e7d75;
    font-size:.86rem;
    line-height:1.7;
}

.quick-mini-list {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin:2px 0 20px;
}

.quick-mini-list span {
    display:flex;
    min-height:74px;
    flex-direction:column;
    justify-content:center;
    gap:8px;
    padding:12px;
    color:#4f695d;
    background:#f7fbf8;
    border:1px solid #e7f0ea;
    border-radius:14px;
    font-size:.7rem;
    font-weight:800;
    line-height:1.35;
}

.quick-mini-list i {
    color:#c79b45;
    font-size:1.15rem;
}

.quick-duo-actions {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin-top:auto;
}

.quick-duo-actions a,
.quick-duo-more {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:43px;
    padding:10px 12px;
    color:#fff;
    background:linear-gradient(135deg,#78a48f,#5d8a76);
    border-radius:13px;
    font-size:.72rem;
    font-weight:800;
    text-decoration:none;
    transition:transform .24s ease, box-shadow .24s ease;
}

.quick-duo-actions a:hover,
.quick-duo-more:hover {
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 14px 24px rgba(93,138,118,.2);
}

.quick-award-stack {
    display:grid;
    gap:10px;
    margin:2px 0 17px;
}

.quick-award-stack a {
    display:grid;
    grid-template-columns:68px minmax(0,1fr);
    gap:11px;
    align-items:center;
    padding:9px;
    color:inherit;
    background:#fbfdfb;
    border:1px solid #e7f0ea;
    border-radius:14px;
    text-decoration:none;
    transition:transform .24s ease, border-color .24s ease;
}

.quick-award-stack a:hover {
    transform:translateX(4px);
    border-color:#d9c590;
}

.quick-award-stack img {
    width:68px;
    height:58px;
    object-fit:cover;
    background:#eef4f0;
    border-radius:11px;
}

.quick-award-stack b {
    display:-webkit-box;
    overflow:hidden;
    color:#304139;
    font-size:.76rem;
    font-weight:800;
    line-height:1.35;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.quick-award-stack small {
    display:block;
    margin-top:4px;
    color:#b18439;
    font-size:.62rem;
    font-weight:800;
}

.quick-award-empty {
    display:flex;
    align-items:center;
    gap:9px;
    min-height:104px;
    padding:15px;
    color:#75847c;
    background:#fbfdfb;
    border:1px dashed #dfe9e3;
    border-radius:14px;
    font-size:.78rem;
    font-weight:700;
}

.quick-duo-more {
    width:max-content;
    min-width:148px;
    margin-top:auto;
    background:linear-gradient(135deg,#d4a34a,#9f7630);
}

.quick-duo-more:hover {
    box-shadow:0 14px 24px rgba(159,118,48,.22);
}

@media (max-width:767.98px) {
    .quick-duo-card {
        min-height:auto;
        padding:18px;
    }

    .quick-mini-list,
    .quick-duo-actions {
        grid-template-columns:1fr;
    }

    .quick-duo-actions a {
        justify-content:flex-start;
    }
}

/* Quick menu dibagi dua: inovasi kiri, prestasi kanan */
.quick-split-menu {
    padding:58px 0 64px;
}

.quick-split-menu .quick-services-heading {
    max-width:760px;
    margin-bottom:24px;
}

.quick-board {
    --board-accent:#6f9a86;
    --board-soft:#f3faf6;
    position:relative;
    isolation:isolate;
    display:flex;
    flex-direction:column;
    min-height:430px;
    height:100%;
    padding:16px;
    overflow:hidden;
    background:#fff;
    border:1px solid #e5eee8;
    border-radius:16px;
    box-shadow:0 18px 38px rgba(84,101,91,.08);
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.quick-board::before {
    content:'';
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--board-accent) 16%,transparent),transparent 32%),
        linear-gradient(180deg,#fff 0%,var(--board-soft) 160%);
    pointer-events:none;
}

.quick-board:hover {
    transform:translateY(-5px);
    border-color:color-mix(in srgb,var(--board-accent) 28%,white);
    box-shadow:0 24px 46px rgba(84,101,91,.12);
}

.achievement-board {
    --board-accent:#c59a45;
    --board-soft:#fff8e8;
}

.quick-board-head {
    display:flex;
    align-items:center;
    gap:12px;
    padding:8px 6px 14px;
    border-bottom:1px solid #edf2ee;
}

.quick-board-icon {
    display:grid;
    flex:0 0 auto;
    width:46px;
    height:46px;
    place-items:center;
    color:var(--board-accent);
    background:color-mix(in srgb,var(--board-accent) 11%,white);
    border:1px solid color-mix(in srgb,var(--board-accent) 18%,white);
    border-radius:13px;
    font-size:1.25rem;
}

.quick-board h3 {
    margin:0;
    color:#303f39;
    font-size:1rem;
    font-weight:800;
}

.quick-board-head p {
    margin:3px 0 0;
    color:#728179;
    font-size:.72rem;
    line-height:1.35;
}

.quick-board-list {
    display:grid;
    gap:10px;
    padding:14px 0;
}

.innovation-list {
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.quick-board-item {
    position:relative;
    width:100%;
    min-height:94px;
    color:inherit;
    background:#fbfdfb;
    border:1px solid #edf2ee;
    border-radius:13px;
    text-align:left;
    text-decoration:none;
    transition:transform .25s ease, border-color .25s ease, background .25s ease;
}

.quick-board-item:hover {
    transform:translateY(-3px);
    border-color:color-mix(in srgb,var(--board-accent) 28%,white);
    background:#fff;
}

.innovation-item {
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 22px;
    grid-template-rows:auto auto;
    column-gap:10px;
    align-items:center;
    padding:12px;
}

.innovation-item > span {
    grid-row:1 / 3;
    display:grid;
    width:42px;
    height:42px;
    place-items:center;
    color:#fff;
    background:linear-gradient(135deg,var(--board-accent),color-mix(in srgb,var(--board-accent) 70%,white));
    border-radius:12px;
    box-shadow:0 10px 18px color-mix(in srgb,var(--board-accent) 22%,transparent);
    font-size:1.08rem;
}

.innovation-list .innovation-item:nth-child(1) { --item-accent:#6f9d85; --item-soft:#eff8f3; }
.innovation-list .innovation-item:nth-child(2) { --item-accent:#c79a45; --item-soft:#fff7e4; }
.innovation-list .innovation-item:nth-child(3) { --item-accent:#5f9cad; --item-soft:#eef9fb; }
.innovation-list .innovation-item:nth-child(4) { --item-accent:#b8758a; --item-soft:#fff1f5; }
.innovation-list .innovation-item:nth-child(5) { --item-accent:#7b9360; --item-soft:#f3f8ea; }

.innovation-list .innovation-item {
    background:linear-gradient(135deg,#fff 0%,#fff 58%,var(--item-soft) 145%);
}

.innovation-list .innovation-item:hover {
    border-color:color-mix(in srgb,var(--item-accent) 30%,white);
}

.innovation-list .innovation-item > span {
    background:linear-gradient(135deg,var(--item-accent),color-mix(in srgb,var(--item-accent) 68%,white));
    box-shadow:0 10px 18px color-mix(in srgb,var(--item-accent) 22%,transparent);
}

.innovation-list .innovation-item small {
    color:var(--item-accent);
}

.innovation-list .innovation-item:hover .item-arrow {
    color:var(--item-accent);
}

.innovation-list .innovation-item:nth-child(5) {
    grid-column:1 / -1;
    min-height:92px;
    grid-template-columns:52px minmax(0,1fr) 34px;
    padding:14px 16px;
}

.innovation-list .innovation-item:nth-child(5) > span {
    width:52px;
    height:52px;
    border-radius:15px;
    font-size:1.24rem;
}

.innovation-list .innovation-item:nth-child(5) b {
    font-size:.86rem;
}

.quick-board-item b {
    display:-webkit-box;
    overflow:hidden;
    color:#303f39;
    font-size:.78rem;
    font-weight:800;
    line-height:1.35;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.innovation-item small {
    color:var(--board-accent);
    font-size:.58rem;
    font-weight:800;
    text-transform:uppercase;
}

.item-arrow {
    grid-row:1 / 3;
    color:#a7b5ae;
    font-size:.92rem;
}

.achievement-list {
    min-height:308px;
}

.achievement-item {
    display:grid;
    grid-template-columns:86px minmax(0,1fr);
    gap:11px;
    min-height:86px;
    padding:9px;
}

.achievement-item img {
    width:86px;
    height:74px;
    object-fit:cover;
    object-position:center;
    background:#eef3ef;
    border-radius:10px;
}

.achievement-item small {
    display:block;
    margin-bottom:3px;
    color:#c59a45;
    font-size:.58rem;
    font-weight:800;
    text-transform:uppercase;
}

.achievement-item em {
    display:-webkit-box;
    margin-top:4px;
    overflow:hidden;
    color:#718079;
    font-size:.66rem;
    font-style:normal;
    line-height:1.45;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
}

.quick-empty-state {
    display:grid;
    min-height:250px;
    place-items:center;
    padding:20px;
    color:#74847b;
    background:#fbfdfb;
    border:1px dashed #dce6df;
    border-radius:14px;
    text-align:center;
}

.quick-empty-state i {
    color:#c59a45;
    font-size:1.6rem;
}

.quick-empty-state p {
    margin:8px 0 0;
    font-size:.78rem;
    line-height:1.55;
}

.quick-board-more {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    margin-top:auto;
    color:#fff;
    background:linear-gradient(135deg,var(--board-accent),color-mix(in srgb,var(--board-accent) 72%,white));
    border-radius:12px;
    font-size:.74rem;
    font-weight:800;
    text-decoration:none;
    transition:transform .25s ease, box-shadow .25s ease;
}

.quick-board-more:hover {
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 14px 26px color-mix(in srgb,var(--board-accent) 24%,transparent);
}

@media (max-width:991.98px) {
    .quick-split-menu {
        padding:48px 0 56px;
    }

    .quick-board {
        min-height:auto;
    }
}

@media (max-width:575.98px) {
    .quick-split-menu {
        padding:40px 0 48px;
    }

    .innovation-list {
        grid-template-columns:1fr;
    }

    .achievement-item {
        grid-template-columns:74px minmax(0,1fr);
    }

    .achievement-item img {
        width:74px;
        height:70px;
    }
}

/* Polish khusus papan Inovasi Unggulan */
.innovation-board {
    --board-accent:#668f7a;
    --board-soft:#f1f8f4;
}

.innovation-board::after {
    content:'';
    position:absolute;
    right:18px;
    top:18px;
    z-index:-1;
    width:92px;
    height:92px;
    background:
        linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,0)),
        radial-gradient(circle,rgba(102,143,122,.22),transparent 68%);
    border-radius:30px;
    transform:rotate(10deg);
}

.innovation-head {
    margin:-4px -2px 0;
    padding:13px;
    background:linear-gradient(135deg,#f8fcf9,#edf7f1);
    border:1px solid #e2eee7;
    border-radius:14px;
}

.innovation-head .quick-board-icon {
    color:#fff;
    background:linear-gradient(135deg,#6f9d85,#4f7f67);
    border:0;
    box-shadow:0 12px 22px rgba(79,127,103,.22);
}

.innovation-board .quick-board-head p {
    max-width:420px;
}

.innovation-item {
    padding:13px;
    overflow:hidden;
}

.innovation-item::after {
    content:'';
    position:absolute;
    right:-24px;
    bottom:-28px;
    width:74px;
    height:74px;
    background:radial-gradient(circle,color-mix(in srgb,var(--item-accent, var(--board-accent)) 18%,transparent),transparent 70%);
    border-radius:50%;
    transition:transform .25s ease;
}

.innovation-item:hover::after {
    transform:scale(1.25);
}

.item-arrow {
    position:relative;
    z-index:1;
    transition:transform .25s ease, color .25s ease;
}

.innovation-item:hover .item-arrow {
    color:var(--item-accent, var(--board-accent));
    transform:translate(3px,-3px);
}

/* Ratakan isi kotak inovasi agar tidak condong ke kanan */
.innovation-list .innovation-item {
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    justify-items:center;
    align-content:center;
    row-gap:7px;
    min-height:116px;
    text-align:center;
}

.innovation-list .innovation-item > span {
    grid-row:auto;
}

.innovation-list .innovation-item b,
.innovation-list .innovation-item small {
    width:100%;
    text-align:center;
}

.innovation-list .innovation-item .item-arrow {
    display:none;
}

.innovation-list .innovation-item:nth-child(5) {
    grid-template-columns:1fr;
    min-height:104px;
}

/* Premium video-style refresh: Inovasi dan Prestasi */
.quick-split-menu {
    position:relative;
    padding:74px 0 78px;
    color:#fff;
    background:
        linear-gradient(135deg,rgba(31,65,49,.97),rgba(65,104,82,.95)),
        radial-gradient(circle at 18% 12%,rgba(220,182,95,.25),transparent 28%);
}

.quick-split-menu::before {
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 13% 18%,rgba(220,182,95,.28),transparent 27%),
        radial-gradient(circle at 88% 18%,rgba(255,255,255,.13),transparent 28%),
        linear-gradient(90deg,rgba(255,255,255,.05),transparent 45%,rgba(255,255,255,.08));
    pointer-events:none;
}

.quick-split-menu::after {
    content:'';
    position:absolute;
    right:-9%;
    bottom:-38%;
    width:42%;
    height:78%;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.09);
    border-radius:999px;
    transform:rotate(-16deg);
    pointer-events:none;
}

.quick-split-menu .container {
    z-index:1;
}

.quick-split-menu .quick-services-heading {
    max-width:820px;
    margin-bottom:30px;
}

.quick-split-menu .quick-services-heading::before {
    content:'\F4F2  Pusat Inovasi RSUD';
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:12px;
    padding:9px 13px;
    color:#ffe5a6;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.16);
    border-radius:12px;
    font-family:'bootstrap-icons','Montserrat','Segoe UI',sans-serif;
    font-size:.66rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.quick-split-menu h2 {
    margin:0;
    color:#fff;
    font-size:clamp(1.8rem,3.2vw,2.8rem);
    line-height:1.12;
    text-shadow:0 14px 32px rgba(0,0,0,.18);
}

.quick-split-menu h2 span {
    color:#ffe0a0;
    text-shadow:none;
}

.quick-split-menu .quick-board {
    --board-accent:#86b79d;
    --board-soft:rgba(255,255,255,.08);
    min-height:500px;
    padding:18px;
    color:#fff;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.16);
    border-radius:20px;
    box-shadow:0 28px 56px rgba(10,28,19,.25);
    backdrop-filter:blur(14px);
}

.quick-split-menu .quick-board::before {
    background:
        radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--board-accent) 28%,transparent),transparent 33%),
        linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
}

.quick-split-menu .quick-board:hover {
    border-color:rgba(255,255,255,.28);
    box-shadow:0 34px 68px rgba(10,28,19,.32);
}

.quick-split-menu .achievement-board {
    --board-accent:#d8aa55;
}

.quick-split-menu .quick-board-head,
.quick-split-menu .innovation-head {
    margin:0;
    padding:14px;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.14);
    border-radius:16px;
}

.quick-split-menu .quick-board-icon,
.quick-split-menu .innovation-head .quick-board-icon {
    width:54px;
    height:54px;
    color:#315541;
    background:#fff;
    border:0;
    border-radius:16px;
    box-shadow:0 16px 30px rgba(0,0,0,.18);
    font-size:1.45rem;
}

.quick-split-menu .achievement-board .quick-board-icon {
    color:#9f7630;
}

.quick-split-menu .quick-board h3 {
    color:#fff;
    font-size:1.08rem;
}

.quick-split-menu .quick-board-head p {
    color:rgba(255,255,255,.74);
}

.quick-split-menu .quick-board-list {
    gap:12px;
    padding:16px 0;
}

.quick-split-menu .innovation-list {
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.quick-split-menu .innovation-list .innovation-item {
    min-height:132px;
    padding:15px;
    color:#fff;
    background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.07));
    border:1px solid rgba(255,255,255,.14);
    border-radius:17px;
    box-shadow:0 16px 28px rgba(0,0,0,.11);
}

.quick-split-menu .innovation-list .innovation-item:hover {
    background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.09));
    border-color:rgba(255,255,255,.26);
}

.quick-split-menu .innovation-list .innovation-item > span {
    width:58px;
    height:58px;
    color:#fff;
    border:1px solid rgba(255,255,255,.28);
    border-radius:18px;
    box-shadow:0 16px 26px color-mix(in srgb,var(--item-accent) 32%,transparent);
    font-size:1.38rem;
}

.quick-split-menu .innovation-list .innovation-item:nth-child(1) > span {
    background:linear-gradient(135deg,#39b985,#1d765b);
}

.quick-split-menu .innovation-list .innovation-item:nth-child(2) > span {
    background:linear-gradient(135deg,#f1b44d,#a87822);
}

.quick-split-menu .innovation-list .innovation-item:nth-child(3) > span {
    background:linear-gradient(135deg,#52bfd4,#24798b);
}

.quick-split-menu .innovation-list .innovation-item:nth-child(4) > span {
    background:linear-gradient(135deg,#e07fa0,#8f465e);
}

.quick-split-menu .innovation-list .innovation-item:nth-child(5) {
    grid-column:1 / -1;
    min-height:112px;
}

.quick-split-menu .innovation-list .innovation-item:nth-child(5) > span {
    background:linear-gradient(135deg,#a8c66e,#607d3d);
}

.quick-split-menu .quick-board-item b {
    color:#fff;
    font-size:.82rem;
}

.quick-split-menu .innovation-item small {
    color:#ffe0a0;
}

.quick-split-menu .achievement-item {
    min-height:98px;
    padding:10px;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.14);
    border-radius:16px;
}

.quick-split-menu .achievement-item:hover {
    background:rgba(255,255,255,.16);
    border-color:rgba(255,224,160,.34);
}

.quick-split-menu .achievement-item img {
    width:90px;
    height:78px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:13px;
}

.quick-split-menu .achievement-item small {
    color:#ffe0a0;
}

.quick-split-menu .achievement-item em {
    color:rgba(255,255,255,.72);
}

.quick-split-menu .quick-empty-state {
    color:rgba(255,255,255,.76);
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.18);
}

.quick-split-menu .quick-empty-state i {
    color:#ffe0a0;
}

.quick-split-menu .quick-board-more {
    min-height:46px;
    color:#315541;
    background:#fff;
    border-radius:14px;
    box-shadow:0 18px 34px rgba(16,37,26,.2);
}

.quick-split-menu .quick-board-more:hover {
    color:#315541;
    box-shadow:0 22px 42px rgba(16,37,26,.28);
}

@media (max-width:575.98px) {
    .quick-split-menu {
        padding:52px 0 54px;
    }

    .quick-split-menu .innovation-list {
        grid-template-columns:1fr;
    }
}

/* Compact premium height for Inovasi dan Prestasi */
.quick-split-menu {
    padding:56px 0 58px;
}

.quick-split-menu .quick-services-heading {
    margin-bottom:20px;
}

.quick-split-menu .quick-board {
    min-height:390px;
    padding:14px;
    border-radius:18px;
}

.quick-split-menu .quick-board-head,
.quick-split-menu .innovation-head {
    padding:11px;
    border-radius:14px;
}

.quick-split-menu .quick-board-icon,
.quick-split-menu .innovation-head .quick-board-icon {
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:1.22rem;
}

.quick-split-menu .quick-board-list {
    gap:9px;
    padding:12px 0;
}

.quick-split-menu .innovation-list .innovation-item {
    min-height:104px;
    padding:12px;
    border-radius:15px;
}

.quick-split-menu .innovation-list .innovation-item > span {
    width:48px;
    height:48px;
    border-radius:15px;
    font-size:1.18rem;
}

.quick-split-menu .innovation-list .innovation-item:nth-child(5) {
    min-height:94px;
}

.quick-split-menu .quick-board-item b {
    font-size:.76rem;
}

.quick-split-menu .achievement-list {
    min-height:258px;
}

.quick-split-menu .achievement-item {
    min-height:82px;
    padding:8px;
}

.quick-split-menu .achievement-item img {
    width:78px;
    height:66px;
}

.quick-split-menu .quick-board-more {
    min-height:40px;
}

@media (max-width:575.98px) {
    .quick-split-menu {
        padding:44px 0 48px;
    }
}