/* Beranda untuk orang tua (papan BerandaOrangTua) dan halaman Khaira Studio. Hanya transform dan opacity yang dianimasikan. */
.k .b-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.k .b-sec{margin-top:56px}
.k .b-sec h2{margin:0 0 6px;font-size:clamp(24px,3.4vw,32px);line-height:1.2}
.k .b-sub{margin:0;color:var(--k-muted);font-size:16px}
.k .b-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:end;background:var(--k-tint-sky);color:var(--k-fg);border:2px solid var(--k-edge);border-radius:28px;padding:36px 36px 0;overflow:hidden;margin-top:28px}
.k .b-hero-t{padding-bottom:36px;display:flex;flex-direction:column;gap:14px;min-width:0}
.k .b-hero h1{margin:0;font-size:clamp(32px,5vw,48px);line-height:1.1;letter-spacing:-.5px}
.k .b-lead{margin:0;font-size:18px;line-height:1.55;color:var(--k-fg)}
.k .b-ctas{display:flex;gap:12px;flex-wrap:wrap}
.k .b-hero-img{display:block;width:100%;max-height:360px;object-fit:contain;object-position:bottom;animation:k-bob 3.2s ease-in-out infinite}
.k .b-trust{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.k .b-trust li{display:flex;gap:10px;align-items:center;font-weight:800;font-size:14px;background:var(--k-card);border:1.5px solid rgba(24,38,75,.16);border-radius:16px;padding:12px 14px}
.k .b-trust svg{flex:none;width:28px;height:28px;color:var(--k-berry)}
.k .b-grid{display:grid;gap:14px;margin-top:16px}
.k .b-grid4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.k .b-grid3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.k .b-tile{background:var(--k-card);border:2px solid var(--k-edge);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.k .b-tile img{height:64px;width:auto;align-self:flex-start}
.k .b-tile h3{margin:0;font-size:19px}
.k .b-tile p{margin:0;font-size:15px;color:var(--k-muted)}
.k .b-tbd{background:#FFE27A;color:#18264B;border-radius:6px;padding:0 4px;font-weight:700}
.k .b-soon{display:inline-block;align-self:flex-start;padding:2px 10px;border-radius:999px;background:#FFFFFF;border:2px solid #18264B;color:#18264B;font-size:12px;font-weight:800;line-height:1.5}
.k .b-link{font-weight:800;text-decoration:underline;text-underline-offset:3px}
.k .b-prv{background:var(--k-card);border:2px dashed var(--k-edge);border-radius:22px;min-height:200px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.k .b-prv h3{margin:0;font-size:17px}
.k .b-ph{flex:1;border-radius:14px;background:repeating-linear-gradient(45deg,#FFE27A,#FFE27A 10px,#FFF9E0 10px,#FFF9E0 20px);color:#18264B;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;padding:12px;font-size:13px;font-weight:700;min-height:120px}
.k .b-ph-game{display:block;padding:0;overflow:hidden;background:#0b5d7a;min-height:120px}
.k .b-ph-game img{display:block;width:100%;height:100%;object-fit:cover}
.k .b-empty-label{background:#FFFFFF;border:2px solid #18264B;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:800}
.k .b-free{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:var(--k-tint-sky);color:var(--k-fg);border:2px dashed var(--k-edge);border-radius:22px;padding:16px 18px}
.k .b-free p{margin:0;flex:1 1 260px}
.k .b-off{cursor:not-allowed;opacity:.55;box-shadow:none!important;transform:none!important}
.k .b-pks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;align-items:stretch}
.k .b-pk{background:var(--k-card);color:var(--k-fg);border:2px solid var(--k-edge);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}
.k .b-pk.b-star{background:#FFE27A;color:#18264B;box-shadow:0 5px 0 #18264B}
.k .b-pk.b-studio{background:var(--k-lilac);color:#18264B}
.k .b-pk h3{margin:0;font-size:22px}
.k .b-pk .b-hd{display:flex;flex-direction:column;gap:2px}
.k .b-price{font:800 26px/1.1 var(--k-font-d);font-variant-numeric:tabular-nums}
.k .b-pk p{margin:0;font-size:15px}
.k .b-pk .b-m{font-weight:700}
.k .b-badge{display:inline-block;align-self:flex-start;background:var(--k-berry);color:#fff;border-radius:999px;padding:2px 12px;font-size:13px;font-weight:800}
.k .b-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:15px}
.k .b-ul li{display:flex;gap:8px;align-items:flex-start}
.k .b-ul li::before{content:"";flex:none;width:16px;height:16px;margin-top:4px;border-radius:50%;background:#FFD34D;border:2px solid #18264B}
.k .b-dim{opacity:.72}
.k .b-dim::before{background:#fff!important}
.k .b-isi{margin-top:auto;border:0;background:none;padding:0;box-shadow:none;border-radius:0;overflow:visible}
.k .b-isi summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:2px solid #18264B;border-radius:999px;background:#fff;color:#18264B;font-weight:800;font-size:14px}
.k .b-isi summary::-webkit-details-marker{display:none}
.k .b-isi summary::after{content:none}
.k .b-isi[open] summary{background:#FFD34D}
.k .b-isi summary:focus-visible,.k .b-pk a:focus-visible{outline:3px solid #3A93FB;outline-offset:2px}
.k .b-isi-in{margin-top:10px;background:#fff;color:#18264B;border:2px solid #18264B;border-radius:16px;padding:12px}
.k .b-isi-in ul{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:8px}
.k .b-isi-in li{display:flex;gap:10px;align-items:center;font-weight:800;font-size:14px}
.k .b-isi-in img{width:56px;height:32px;object-fit:cover;border-radius:8px;border:1.5px solid #18264B;flex:none}
.k .b-isi-in p{font-size:14px;color:#4A5070}
.k .b-note{font-size:13px;font-weight:700;color:inherit;opacity:.85}
.k .b-pk .b-go{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:2px solid #18264B;border-radius:999px;background:#fff;color:#18264B;font-weight:800;font-size:14px;text-decoration:none;align-self:flex-start}
.k .b-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.k .b-steps li{background:var(--k-card);border:2px solid var(--k-edge);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:6px}
.k .b-steps b.n{width:34px;height:34px;border-radius:50%;background:var(--k-lilac);color:#18264B;border:2px solid #18264B;display:flex;align-items:center;justify-content:center;font-weight:800}
.k .b-steps h3{margin:0;font-size:18px}
.k .b-steps p{margin:0;font-size:15px;color:var(--k-muted)}
.k .b-testi-note{margin:12px 0 56px;font-size:14px}
.k .b-band{background:#FFE27A;color:#18264B;border:2px solid #18264B;border-radius:28px;padding:28px;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.k .b-band img{height:120px;width:auto}
.k .b-band h2{margin:0 0 6px}
.k .b-band p{margin:0 0 10px}
.k .b-company{margin:56px 0 0;border-top:2px solid var(--k-edge);padding:20px 0 40px;font-size:14px;display:flex;flex-direction:column;gap:8px}
.k .b-company p{margin:0}
@media (max-width:1100px){.k .b-pks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.k .b-hero{grid-template-columns:1fr;padding:24px 20px 0}.k .b-hero-img{max-height:260px}.k .b-band{grid-template-columns:1fr}.k .b-pks{grid-template-columns:1fr}.k .b-sec{margin-top:44px}.k .b-wrap{padding:0 16px}}
@media (prefers-reduced-motion:reduce){.k .b-hero-img{animation:none}}
/* ---- Halaman Khaira Studio (khusus Partner) ---- */
.k .ks-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:end;background:var(--k-lilac);color:#18264B;border:2px solid #18264B;border-radius:28px;padding:36px 36px 0;overflow:hidden;margin-top:28px;position:relative}
.k .ks-hero h1{margin:0;font-size:clamp(34px,5vw,52px);line-height:1.1}
.k .ks-hero p{margin:0}
.k .ks-hero-t{display:flex;flex-direction:column;gap:14px;padding-bottom:32px;min-width:0}
.k .ks-hero img.m{display:block;width:100%;max-height:320px;object-fit:contain;object-position:bottom}
.k .ks-star{position:absolute;pointer-events:none}
.k .ks-card{background:var(--k-card);color:var(--k-fg);border:2px solid var(--k-edge);border-radius:24px;padding:22px;margin-top:20px}
.k .ks-card h2{margin:0;font-size:26px}
.k .ks-head{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-bottom:10px}
.k .ks-feats{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.k .ks-feats li{display:flex;gap:12px;align-items:flex-start;background:var(--k-tint-sun);color:var(--k-fg);border:1.5px solid rgba(24,38,75,.16);border-radius:16px;padding:12px 14px}
.k .ks-feats svg{flex:none;width:30px;height:30px;color:var(--k-berry)}
.k .ks-feats b{display:block;font-size:16px}
.k .ks-feats span{font-size:14px;color:var(--k-muted)}
.k .ks-dim{opacity:.7;border-style:dashed}
.k .ks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:20px}
.k .ks-grid .ks-card{margin-top:0}
.k .ks-foot{margin:24px 0 56px;font-size:14px;font-weight:700;color:var(--k-muted)}
@media (max-width:760px){.k .ks-hero{grid-template-columns:1fr;padding:24px 20px 0}.k .ks-hero img.m{max-height:220px}}

.k .b-studio .b-ul li{align-items:flex-start}
.k .b-studio .b-ul li>span{display:flex;flex-direction:column;gap:4px;align-items:flex-start}