.kd-hero{--kd-h:400px;position:relative;background:#1f6f5c;color:#fff;overflow:hidden}.kd-hero.two{--kd-h:480px}.kd-hero .breadcrumb{padding-block:22px 0;font-size:13.5px;color:#b9d6ca}.kd-hero .breadcrumb a{color:#b9d6ca}.kd-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);min-height:var(--kd-h)}.kd-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;max-width:min(46%,540px);padding-block:28px 48px}.kd-kicker{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#e8d28c}.kd-hero h1{margin:12px 0 0;font-family:var(--font-app);font-weight:500;font-size:clamp(34px,4.6vw,54px);line-height:1.04;letter-spacing:-.035em}.kd-by{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:24px}.kd-by span{font-size:16px;color:#e3efea}.kd-by span:before{content:"bersama ";color:#b9d6ca}.kd-by span+span:before{content:"& "}.kd-facts{margin:14px 0 0;font-size:15px;color:#b9d6ca}.kd-hero-link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:11px 18px;border:1px solid rgba(255,255,255,.55);border-radius:999px;color:#fff;font-size:14.5px;font-weight:600;text-decoration:none}.kd-hero-link:hover{background:rgba(255,255,255,.1)}.kd-media{position:absolute;top:0;right:0;bottom:0;width:clamp(calc(var(--kd-h) * 16 / 9),46%,calc(var(--kd-h) * 16 / 9 * 1.3));pointer-events:none}.kd-hero.two .kd-media{width:clamp(calc(var(--kd-h) / 2 * 16 / 9),44%,calc(var(--kd-h) / 2 * 16 / 9 * 1.35))}.kd-thumb,.kd-thumbs{display:block;width:100%;height:100%}.kd-thumb{object-fit:cover;object-position:center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%);mask-image:linear-gradient(90deg,transparent 0,#000 14%)}.kd-thumbs.two{display:flex;flex-direction:column}.kd-thumbs.two .kd-thumb{flex:none;height:50%}.kd-ar{margin:0;font-family:var(--f-amiri),serif;font-weight:700;font-size:clamp(56px,8vw,104px);line-height:1.2;color:#f6e7b4}.kd-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:56px;gap:56px;align-items:start;padding-block:0 96px}.kd-main{min-width:0}.kd-tabs{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;gap:28px;overflow-x:auto;background:var(--ground);border-bottom:1px solid #dfe5e0;scrollbar-width:none}.kd-tabs::-webkit-scrollbar{display:none}.kd-tabs a{padding:17px 0 14px;border-bottom:2px solid transparent;color:#3f5a4b;font-size:14.5px;font-weight:600;text-decoration:none;white-space:nowrap}.kd-tabs a:hover{color:#10231c;border-bottom-color:#b9a970}.kd-sec{padding-block:44px 0;scroll-margin-top:60px}.kd-sec+.kd-sec{margin-top:44px;border-top:1px solid #dfe5e0}.kd-sec h2{margin:0 0 20px;font-family:var(--font-app);font-size:clamp(24px,2.6vw,30px);font-weight:500;letter-spacing:-.025em;color:#10231c}.kd-bundle,.kd-syl{list-style:none;margin:0;padding:0;border-top:1px solid #e7e1cd}.kd-syl li{display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #e7e1cd}.kd-syl .no{font-size:14px;font-weight:600;color:#8a7433;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kd-syl .tt{font-weight:500;color:#10231c}.kd-syl .kd-meta{display:flex;align-items:center;gap:16px;font-size:13.5px;color:#66705f;white-space:nowrap}.kd-syl .free{display:inline-flex;align-items:center;gap:6px;border-bottom:1px dashed rgba(30,113,92,.5);color:#1e715c;font-weight:600;text-decoration:none}.kd-syl .free:hover{color:#0f4736;border-bottom-style:solid}.kd-bundle li{display:grid;grid-template-columns:104px minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #e7e1cd}.kd-bundle .ph,.kd-bundle img{display:block;width:104px;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:3px;background:#1f6f5c}.kd-bundle img{box-shadow:0 10px 16px -8px rgba(0,0,0,.5)}.kd-bundle h3{margin:0;font-size:17px;font-weight:600}.kd-bundle h3 a{color:#10231c;text-decoration:none}.kd-bundle h3 a:hover{text-decoration:underline}.kd-bundle p{margin:3px 0 0;font-size:13.5px;color:#66705f}.kd-bundle s{font-size:14px;color:#8b8670}.kd-save{display:inline-block;margin:18px 0 0;padding:6px 12px;border-radius:3px;background:#f6e7b4;color:#6b4a07;font-size:13.5px;font-weight:600}.kd-teachers{display:grid;grid-gap:28px;gap:28px}.kd-teacher{padding-left:18px;border-left:2px solid #d9cfae}.kd-teacher h3{margin:0;font-family:var(--font-app);font-size:20px;font-weight:600;letter-spacing:-.015em}.kd-teacher p{margin:6px 0 0;font-size:14.5px;line-height:1.6;color:#4a5a50}.kd-layout .buy-card{top:64px;margin-top:44px;background:#fffdf7;border:1px solid #e3dcc6;border-radius:8px;padding:26px}.kd-layout .buy-card .price{font-family:var(--font-app);font-weight:600}.kd-was{display:block;font-size:14px;color:#8b8670}.kd-hemat{display:inline-block;margin-top:8px;padding:3px 8px;border-radius:3px;background:#f6e7b4;color:#6b4a07;font-size:12px;font-weight:700}.kd-sec .faq details{border-radius:8px}@media (max-width:960px){.kd-layout{grid-template-columns:1fr;gap:0;padding-bottom:120px}}@media (max-width:860px){.kd-hero-grid{min-height:0}.kd-copy{max-width:none;padding-block:20px 0}.kd-hero.two .kd-media,.kd-media{position:relative;inset:auto;width:auto;height:auto;margin:0 calc(-1 * max(16px, 4vw))}.kd-thumbs{height:auto;max-width:640px;margin-inline:auto}.kd-thumbs.two{max-width:440px}.kd-thumb,.kd-thumbs.two .kd-thumb{height:auto;aspect-ratio:16/9;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 28%);mask-image:linear-gradient(180deg,transparent 0,#000 28%)}}@media (max-width:560px){.kd-syl li{grid-template-columns:30px minmax(0,1fr);row-gap:4px}.kd-syl .kd-meta{grid-column:2}.kd-bundle li{grid-template-columns:84px minmax(0,1fr)}.kd-bundle .ph,.kd-bundle img{width:84px}.kd-bundle s{grid-column:2}}