/* Header catCOP: teks dan tombol HTML, maskot sebagai gambar terpisah. Tidak ada overlay/area klik di atas gambar. */
.catcop-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:445px;padding:clamp(34px,5vw,76px);overflow:hidden;border-radius:30px;background:linear-gradient(112deg,#205bd8 0%,#087fc0 50%,#08b7a7 100%);margin-bottom:22px;color:#fff}
.catcop-hero-copy{position:relative;z-index:2;width:68%;max-width:980px}
.catcop-hero .eyebrow{font-size:16px;letter-spacing:2px;font-weight:850;color:#fff;margin-bottom:26px}
.catcop-hero h1{font-size:clamp(34px,4.1vw,64px);line-height:1.12;letter-spacing:-1.3px;margin:0 0 18px;color:#fff}
.catcop-hero p{font-size:clamp(16px,1.45vw,24px);line-height:1.45;max-width:980px;color:#fff;margin:0 0 28px}
.catcop-hero .catcop-hero-button{display:inline-flex;align-items:center;gap:10px;padding:17px 28px;border-radius:17px;background:#fff;color:#1265d9;font-size:20px;font-weight:800;text-decoration:none;box-shadow:none}
.catcop-hero .catcop-hero-button:hover{transform:translateY(-1px)}
.catcop-mascot-area{position:absolute;z-index:1;right:2.8%;top:2%;bottom:2%;width:30%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.catcop-mascot{display:block;position:relative;z-index:2;width:100%;height:100%;max-height:420px;object-fit:contain;filter:drop-shadow(0 8px 0 rgba(0,50,100,.08))}
.catcop-paw{position:absolute;z-index:1;font-size:36px;opacity:.32;filter:grayscale(1) brightness(3);user-select:none}
.catcop-paw-one{left:-12%;top:18%}.catcop-paw-two{left:-7%;bottom:25%}.catcop-paw-three{right:-1%;bottom:18%}
.catcop-hero-wave{position:absolute;z-index:0;left:25%;right:-4%;bottom:-38%;height:65%;border-radius:50%;background:rgba(53,213,230,.13);transform:rotate(-8deg);pointer-events:none}
:root[data-theme=dark] .catcop-hero{background:linear-gradient(112deg,#163f9e 0%,#075b91 50%,#087b74 100%)}
@media(max-width:760px){.catcop-hero{min-height:unset;padding:30px 24px 26px;border-radius:20px;display:block}.catcop-hero-copy{width:100%;max-width:none}.catcop-hero .eyebrow{font-size:11px;letter-spacing:1.5px;margin-bottom:15px}.catcop-hero h1{font-size:clamp(30px,8vw,42px);letter-spacing:-.5px;max-width:100%;margin-bottom:12px}.catcop-hero p{font-size:15px;margin-bottom:18px;max-width:100%}.catcop-hero .catcop-hero-button{font-size:15px;padding:12px 17px;border-radius:12px}.catcop-mascot-area{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:190px;margin-top:12px}.catcop-mascot{max-height:190px}.catcop-paw{font-size:25px}.catcop-paw-one{left:18%;top:4%}.catcop-paw-two{left:13%;bottom:14%}.catcop-paw-three{right:14%;bottom:14%}.catcop-hero-wave{left:5%;right:5%;bottom:-18%;height:40%}}