:root{--brand:#087db3;--accent:#ef7d22;--green:#1a9b75;--yellow:#f5c542;--ink:#18364a;--muted:#6d8290;--line:#dfeef4}
.esppt-v6{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(145deg,#f6fbfe 0%,#edf8fb 50%,#fff8ea 100%);color:var(--ink);isolation:isolate}.esppt-v6:before{content:"";position:absolute;inset:0;z-index:-4;background-image:var(--bg-desktop);background-size:cover;background-position:center;opacity:.08;display:none}.esppt-v6[style*="--bg-desktop"]:before{display:block}.esppt-v6:after{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 18% 25%,rgba(8,125,179,.10),transparent 27%),radial-gradient(circle at 86% 20%,rgba(245,197,66,.12),transparent 24%),radial-gradient(circle at 82% 90%,rgba(26,155,117,.10),transparent 25%)}.esppt-v6-shape{position:absolute;border-radius:50%;pointer-events:none;z-index:-2}.esppt-v6-shape-a{width:300px;height:300px;left:-150px;top:80px;background:rgba(8,125,179,.07)}.esppt-v6-shape-b{width:250px;height:250px;right:-120px;top:36%;background:rgba(245,197,66,.07)}.esppt-v6-shape-c{width:220px;height:220px;left:28%;bottom:-150px;background:rgba(26,155,117,.06)}.esppt-v6-container{max-width:1120px;padding:20px 18px 22px}.esppt-v6-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.esppt-v6-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}.esppt-v6-brand-logo{width:52px;height:52px;background:#fff;border:1px solid rgba(8,125,179,.10);border-radius:15px;padding:6px;display:grid;place-items:center;box-shadow:0 10px 25px rgba(20,70,95,.08)}.esppt-v6-brand-logo img{width:100%;height:100%;object-fit:contain;border-radius:10px}.esppt-v6-brand-text strong{display:block;font-size:1.06rem;line-height:1}.esppt-v6-brand-text small{display:block;margin-top:5px;color:var(--muted);font-size:.62rem;letter-spacing:.07em}.esppt-v6-header-actions{display:flex;gap:8px;align-items:center}.esppt-v6-staff,.esppt-v6-install{border:1px solid #d8eaf2;background:#fff;color:#126b93;text-decoration:none;border-radius:999px;padding:9px 14px;font-size:.76rem;font-weight:800;display:inline-flex;align-items:center;gap:7px;box-shadow:0 8px 24px rgba(20,70,95,.06)}.esppt-v6-install{cursor:pointer}.esppt-v6-staff:hover,.esppt-v6-install:hover{color:#0d5e84;border-color:#b8ddec;background:#fff}.esppt-v6-intro{text-align:center;padding:58px 12px 34px}.esppt-v6-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#0a73a4;background:rgba(255,255,255,.82);border:1px solid #d7edf5;border-radius:999px;padding:8px 12px;font-size:.63rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.esppt-v6-eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--accent)}.esppt-v6-intro h1{margin:17px 0 0;font-size:clamp(2.35rem,5.5vw,4.3rem);line-height:.98;font-weight:800;letter-spacing:-.045em}.esppt-v6-intro h1 span{color:#334b5d}.esppt-v6-intro h1 strong{color:var(--brand)}.esppt-v6-city{font-size:clamp(1.15rem,2.8vw,1.55rem);font-weight:800;color:#334b5d;margin-top:10px;letter-spacing:-.02em}.esppt-v6-intro p{max-width:570px;margin:12px auto 0;color:var(--muted);font-size:.9rem;line-height:1.6}.esppt-v6-service-panel{background:rgba(255,255,255,.96);border:1px solid rgba(209,229,238,.92);border-radius:24px;padding:24px;box-shadow:0 22px 60px rgba(31,74,99,.10);backdrop-filter:blur(8px)}.esppt-v6-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.esppt-v6-section-label{display:block;color:#0877aa;text-transform:uppercase;letter-spacing:.13em;font-size:.62rem;font-weight:900}.esppt-v6-panel-head h2{margin:5px 0 0;font-size:1.4rem;letter-spacing:-.02em;font-weight:900}.esppt-v6-trust{font-size:.68rem;color:#66808f;display:inline-flex;align-items:center;gap:6px;padding-bottom:3px}.esppt-v6-trust i{color:var(--green)}.esppt-v6-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.esppt-v6-service-card{position:relative;text-align:left;border:1px solid var(--tone-border,#dbeaf1);border-radius:18px;background:var(--tone-bg,#edf8fd);padding:17px;min-height:170px;display:flex;flex-direction:column;justify-content:flex-start;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;color:var(--ink);overflow:hidden}.esppt-v6-service-card:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--tone,#087db3)}.esppt-v6-service-card:after{content:"";position:absolute;width:105px;height:105px;right:-34px;top:-38px;border-radius:50%;background:var(--tone-soft,rgba(8,125,179,.09));pointer-events:none}.esppt-v6-service-card:hover{transform:translateY(-3px);box-shadow:0 15px 28px rgba(28,71,94,.11);border-color:var(--tone,#b9dce9)}.esppt-v6-service-card:focus-visible{outline:3px solid rgba(8,125,179,.2);outline-offset:2px}.service-tone-1{--tone:#1689d2;--tone-bg:#e7f5ff;--tone-border:#c7e5f7;--tone-soft:rgba(22,137,210,.12)}.service-tone-2{--tone:#edae17;--tone-bg:#fff6dc;--tone-border:#f4df9f;--tone-soft:rgba(237,174,23,.13)}.service-tone-3{--tone:#e85d69;--tone-bg:#ffeaed;--tone-border:#f3ccd1;--tone-soft:rgba(232,93,105,.12)}.service-tone-4{--tone:#20a477;--tone-bg:#e5f8f0;--tone-border:#c6eadb;--tone-soft:rgba(32,164,119,.12)}.esppt-v6-service-icon{width:52px;height:52px;border-radius:15px;background:rgba(255,255,255,.82);display:grid;place-items:center;margin-bottom:20px;position:relative;z-index:1;box-shadow:0 5px 12px rgba(33,76,98,.05)}.service-tone-2 .esppt-v6-service-icon{background:rgba(255,255,255,.78)}.service-tone-3 .esppt-v6-service-icon{background:rgba(255,255,255,.78)}.service-tone-4 .esppt-v6-service-icon{background:rgba(255,255,255,.78)}.esppt-v6-service-icon img{max-width:36px;max-height:36px;object-fit:contain}.esppt-v6-service-body{display:block;padding-right:38px;position:relative;z-index:1}.esppt-v6-service-body strong{display:block;font-size:.96rem;font-weight:900;line-height:1.25}.esppt-v6-service-body small{display:block;margin-top:6px;font-size:.7rem;line-height:1.45;color:#496a7b}.esppt-v6-service-arrow{position:absolute;right:15px;bottom:15px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--tone,#087db3);color:#fff;font-size:.92rem;z-index:2;box-shadow:0 6px 14px rgba(31,74,99,.12)}.esppt-v6-note{margin-top:15px;border:1px solid #d7e9f0;background:#f7fcfe;border-radius:13px;padding:10px 12px;display:flex;align-items:flex-start;gap:9px;color:#617986;font-size:.69rem;line-height:1.5}.esppt-v6-note i{color:var(--brand);font-size:.86rem}.esppt-v6-note strong{color:#3b5668}.esppt-v6-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:18px 6px 4px;color:#718895;font-size:.66rem;text-align:center;flex-wrap:wrap}.esppt-v6-footer span+span:before{content:'•';margin-right:8px;color:var(--accent)}.esppt-v6-modal{border:0;border-radius:22px;overflow:hidden;box-shadow:0 28px 70px rgba(18,53,73,.2)}.esppt-v6-modal-header{padding:20px 22px 14px;border-bottom:1px solid #edf3f6}.esppt-v6-modal-heading{display:flex;align-items:center;gap:11px}.esppt-v6-modal-icon{width:44px;height:44px;border-radius:13px;background:#eef8fb;color:var(--brand);display:grid;place-items:center;font-size:1.2rem}.esppt-v6-modal .modal-title{font-size:1.2rem;font-weight:900;margin-top:4px}.esppt-v6-modal-body{padding:20px 22px}.esppt-v6-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.esppt-v6-full{grid-column:1/-1}.esppt-v6-modal .form-label{font-size:.75rem;font-weight:850;color:#29485b}.esppt-v6-modal .form-control{border-color:#d6e7ee;border-radius:11px;padding:.72rem .8rem;font-size:.82rem}.esppt-v6-modal .form-control:focus{border-color:#8fcce2;box-shadow:0 0 0 .2rem rgba(8,125,179,.1)}.esppt-v6-modal-footer{padding:12px 22px 20px;border:0}.esppt-v6-primary{background:linear-gradient(135deg,var(--brand),#075b83);border:0;color:#fff;border-radius:11px;padding:.7rem 1rem;font-weight:850}.esppt-v6-primary:hover{color:#fff;background:linear-gradient(135deg,#0872a5,#064a6c)}.esppt-v6-cancel{border-radius:11px;border-color:#dbe8ee}.errorLabel{display:block;font-size:.68rem;color:#d46342;margin-top:3px}
@media(max-width:991.98px){.esppt-v6-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.esppt-v6-panel-head{align-items:flex-start}.esppt-v6-trust{display:none}.esppt-v6-intro{padding-top:46px}}
@media(max-width:575.98px){.esppt-v6-container{padding-left:12px;padding-right:12px}.esppt-v6-brand-logo{width:46px;height:46px;border-radius:13px}.esppt-v6-brand-text strong{font-size:.96rem}.esppt-v6-brand-text small{font-size:.54rem}.esppt-v6-install{display:inline-flex!important;width:40px;height:40px;padding:0;justify-content:center}.esppt-v6-install span{display:none}.esppt-v6-staff{width:40px;height:40px;padding:0;justify-content:center}.esppt-v6-staff span{display:none}.esppt-v6-intro{padding:36px 6px 24px}.esppt-v6-eyebrow{font-size:.55rem;letter-spacing:.1em;max-width:100%;text-align:center}.esppt-v6-intro h1{font-size:2.1rem}.esppt-v6-city{font-size:1.12rem;margin-top:7px}.esppt-v6-intro p{font-size:.8rem;line-height:1.5}.esppt-v6-service-panel{padding:14px;border-radius:20px}.esppt-v6-panel-head{margin-bottom:13px}.esppt-v6-panel-head h2{font-size:1.18rem}.esppt-v6-section-label{font-size:.57rem}.esppt-v6-service-grid{gap:9px}.esppt-v6-service-card{min-height:160px;padding:14px;border-radius:16px}.esppt-v6-service-icon{width:48px;height:48px;border-radius:14px;margin-bottom:16px}.esppt-v6-service-icon img{max-width:34px;max-height:34px}.esppt-v6-service-body strong{font-size:.86rem}.esppt-v6-service-body small{font-size:.65rem}.esppt-v6-service-arrow{right:12px;bottom:12px}.esppt-v6-note{font-size:.64rem}.esppt-v6-footer{font-size:.6rem;padding-top:15px}.esppt-v6-form-grid{grid-template-columns:1fr}.esppt-v6-full{grid-column:auto}.esppt-v6-modal-header,.esppt-v6-modal-body,.esppt-v6-modal-footer{padding-left:17px;padding-right:17px}}

/* FINAL VISUAL POLISH — translucent reference design + card watermark icons. */
.esppt-v6:before{opacity:.10}
.esppt-v6-service-panel{
    background:rgba(255,255,255,.78);
    border-color:rgba(255,255,255,.78);
    box-shadow:0 24px 70px rgba(31,74,99,.13);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}
.esppt-v6-service-card{
    background:var(--tone-bg,rgba(255,255,255,.56));
    border-color:var(--tone-border,rgba(255,255,255,.72));
    box-shadow:0 9px 22px rgba(31,74,99,.045);
}
.esppt-v6-service-card:after{
    content:"";
    position:absolute;
    width:116px;
    height:116px;
    right:-18px;
    top:18px;
    border-radius:0;
    background-image:var(--card-watermark);
    background-repeat:no-repeat;
    background-position:center;
    background-size:92px 92px;
    opacity:.075;
    filter:saturate(.8);
    pointer-events:none;
    z-index:0;
}
.esppt-v6-service-card:hover:after{opacity:.105}
.esppt-v6-service-icon,
.esppt-v6-service-body,
.esppt-v6-service-arrow{position:relative;z-index:2}
.service-tone-1{--tone:#1689d2;--tone-bg:rgba(196,228,249,.68);--tone-border:rgba(168,215,243,.82)}
.service-tone-2{--tone:#edae17;--tone-bg:rgba(255,237,183,.70);--tone-border:rgba(246,213,128,.86)}
.service-tone-3{--tone:#e85d69;--tone-bg:rgba(251,211,216,.70);--tone-border:rgba(242,184,193,.84)}
.service-tone-4{--tone:#20a477;--tone-bg:rgba(201,237,224,.70);--tone-border:rgba(168,222,202,.84)}
.esppt-v6-service-body small{color:#3f6477}
.esppt-v6-service-arrow{right:14px;bottom:14px}
.esppt-v6-note{background:rgba(247,252,254,.68)}
@media(max-width:575.98px){
    .esppt-v6:before{opacity:.12}
    .esppt-v6-service-panel{background:rgba(255,255,255,.80);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
    .esppt-v6-service-card:after{width:92px;height:92px;right:-14px;top:16px;background-size:70px 70px;opacity:.07}
}

/* FINAL REFERENCE POLISH: stronger background + official logo row. */
.esppt-v6:before{opacity:.34!important;}
.esppt-v6-official-logos{
    max-width:860px;
    margin:20px auto 0;
    padding:12px 24px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:22px;
    border:1px solid rgba(255,255,255,.62);
    border-radius:20px;
    background:rgba(255,255,255,.58);
    box-shadow:0 12px 34px rgba(31,74,99,.07);
    backdrop-filter:blur(9px);
    -webkit-backdrop-filter:blur(9px);
    position:relative;
    z-index:3;
}
.esppt-v6-official-logo{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    text-align:center;
}
.esppt-v6-official-logo img{
    width:auto;
    height:78px;
    max-width:145px;
    object-fit:contain;
    display:block;
}
.esppt-v6-pemkot-logo img{height:78px;max-width:64px;}
.esppt-v6-pemkot-logo span{
    color:#153f73;
    font-size:.67rem;
    line-height:1.2;
    font-weight:900;
    text-transform:uppercase;
    white-space:nowrap;
}
.esppt-v6-bppkad-logo img{height:78px;max-width:145px;}
.esppt-v6-logo-divider{
    width:1px;
    height:58px;
    background:rgba(21,63,115,.16);
    flex:0 0 1px;
}
.esppt-v6-intro{padding-top:34px;}
.esppt-v6-intro h1 strong{color:#0b79b8;}

@media(max-width:575.98px){
    .esppt-v6:before{opacity:.27!important;}
    .esppt-v6-official-logos{
        margin-top:14px;
        padding:9px 8px;
        gap:8px;
        border-radius:16px;
    }
    .esppt-v6-official-logo img{height:52px;max-width:92px;}
    .esppt-v6-pemkot-logo img{height:52px;max-width:42px;}
    .esppt-v6-pemkot-logo span{font-size:.43rem;}
    .esppt-v6-logo-divider{height:40px;}
    .esppt-v6-intro{padding-top:25px;}
}

/* VISUAL FIX 7 — stronger city background + clean official branding band.
   The source background already contains decorative logo artwork. Mask only the
   central logo/title zone so the official sharp logos are not doubled underneath. */
.esppt-v6:before{opacity:.64!important;}

.esppt-v6-official-logos{
    position:relative;
    z-index:5;
    width:min(860px,calc(100% - 32px));
    max-width:860px;
    min-height:104px;
    margin:18px auto 0;
    padding:10px 24px;
    border:1px solid rgba(255,255,255,.92);
    border-radius:20px;
    background:rgba(255,255,255,.94);
    box-shadow:0 12px 34px rgba(31,74,99,.10);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}

/* Solid veil behind the band extends slightly beyond its edges to suppress
   the embedded decorative logos from the wallpaper without washing out the sides. */
.esppt-v6-official-logos:before{
    content:"";
    position:absolute;
    z-index:-1;
    left:-34px;
    right:-34px;
    top:-18px;
    bottom:-18px;
    border-radius:28px;
    background:rgba(248,252,254,.88);
    box-shadow:0 10px 34px rgba(31,74,99,.05);
}

.esppt-v6-official-logo img{position:relative;z-index:2;}
.esppt-v6-official-logo span{position:relative;z-index:2;}

/* Keep the hero clear of the wallpaper's embedded central artwork. */
.esppt-v6-intro{position:relative;z-index:2;}
.esppt-v6-intro:before{
    content:"";
    position:absolute;
    z-index:-1;
    left:50%;
    top:44px;
    transform:translateX(-50%);
    width:min(760px,94%);
    height:190px;
    border-radius:70px;
    background:linear-gradient(180deg,rgba(248,252,254,.64),rgba(248,252,254,.24) 68%,rgba(248,252,254,0));
    pointer-events:none;
}

@media(max-width:575.98px){
    .esppt-v6:before{opacity:.52!important;}
    .esppt-v6-official-logos{
        width:calc(100% - 20px);
        min-height:74px;
        margin-top:12px;
        padding:8px 7px;
        gap:7px;
        border-radius:16px;
        background:rgba(255,255,255,.95);
    }
    .esppt-v6-official-logos:before{
        left:-14px;
        right:-14px;
        top:-10px;
        bottom:-10px;
        border-radius:20px;
        background:rgba(248,252,254,.91);
    }
    .esppt-v6-intro:before{
        top:30px;
        width:98%;
        height:145px;
        border-radius:40px;
        background:linear-gradient(180deg,rgba(248,252,254,.62),rgba(248,252,254,.18) 72%,rgba(248,252,254,0));
    }
}


/* FINAL REFERENCE ALIGNMENT — clean logo band, wider service panel, reliable arrows. */
.esppt-v6-container{max-width:1220px!important;}
.esppt-v6-official-logos{
    width:min(700px,calc(100% - 32px))!important;
    min-height:88px!important;
    margin:10px auto 0!important;
    padding:6px 14px!important;
    gap:24px!important;
    background:rgba(255,255,255,.22)!important;
    border:1px solid rgba(255,255,255,.38)!important;
    border-radius:18px!important;
    box-shadow:0 8px 24px rgba(31,74,99,.045)!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
}
.esppt-v6-official-logos:before{display:none!important;}
.esppt-v6-official-logo img{height:66px!important;max-width:132px!important;}
.esppt-v6-pemkot-logo img{height:66px!important;max-width:55px!important;}
.esppt-v6-logo-divider{height:50px!important;background:rgba(21,63,115,.20)!important;}
.esppt-v6-intro{padding-top:28px!important;}
.esppt-v6-intro:before{
    top:24px!important;
    width:min(780px,96%)!important;
    height:205px!important;
    background:linear-gradient(180deg,rgba(248,252,254,.72),rgba(248,252,254,.38) 60%,rgba(248,252,254,0))!important;
}
.esppt-v6-service-panel{
    background:rgba(255,255,255,.86)!important;
    border-color:rgba(255,255,255,.88)!important;
    padding:20px!important;
    border-radius:24px!important;
}
.esppt-v6-service-grid{gap:14px!important;}
.esppt-v6-service-card{min-height:182px!important;}
.esppt-v6-service-arrow{
    position:absolute!important;
    right:16px!important;
    left:auto!important;
    top:auto!important;
    bottom:16px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    transform:none!important;
    background:var(--tone,#087db3)!important;
    color:#fff!important;
    z-index:8!important;
    box-sizing:border-box!important;
}
.esppt-v6-service-arrow svg{
    width:20px!important;
    height:20px!important;
    display:block!important;
    overflow:visible!important;
}
.esppt-v6-service-arrow svg path{
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.6!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}
@media(max-width:575.98px){
    .esppt-v6-container{max-width:100%!important;}
    .esppt-v6-official-logos{
        width:calc(100% - 20px)!important;
        min-height:70px!important;
        margin-top:10px!important;
        padding:7px 6px!important;
        gap:7px!important;
    }
    .esppt-v6-official-logo img{height:48px!important;max-width:78px!important;}
    .esppt-v6-pemkot-logo img{height:48px!important;max-width:38px!important;}
    .esppt-v6-logo-divider{height:38px!important;}
    .esppt-v6-intro{padding-top:22px!important;}
    .esppt-v6-service-card{min-height:160px!important;}
    .esppt-v6-service-arrow{right:11px!important;bottom:11px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}
    .esppt-v6-service-arrow svg{width:18px!important;height:18px!important;}
}