/* Carousel testimoni beranda */
.tm{background:#fff}
.tm-grid{display:grid;grid-template-columns:.78fr 1.42fr;gap:88px;align-items:start}
.tm-side h2{max-width:7.5em}
.tm-sample{display:none;margin-top:22px;max-width:19em;font-size:13px;line-height:1.55;color:var(--leaf-dark);background:#fbf6ef;border:1px dashed var(--leaf);padding:10px 14px}
.tm[data-sample] .tm-sample{display:block}
.tm-stage{display:grid}
.tm-slide{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.tm-slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s}
.tm-mark{display:block;height:54px;font-family:var(--serif);font-size:112px;line-height:.8;color:var(--leaf)}
.tm blockquote{margin:14px 0 0}
.tm blockquote p{margin:0;max-width:24em;font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.4vw,31px);line-height:1.38;letter-spacing:-.01em;color:var(--forest)}
.tm figcaption{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px 20px;max-width:26em;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
.tm figcaption div{display:flex;flex-direction:column;gap:3px}
.tm figcaption b{font-size:15px;color:var(--ink)}
.tm figcaption span{font-size:14px;color:var(--muted)}
.tm-ctrl{display:flex;align-items:center;gap:10px;margin-top:40px}
.tm-btn{width:46px;height:46px;display:grid;place-items:center;border:1px solid #9db2a7;background:#fff;color:var(--forest);cursor:pointer;transition:background .2s,border-color .2s}
.tm-btn:hover{background:var(--mist);border-color:var(--forest)}
.tm-dots{display:flex;margin-left:10px}
.tm-dot{position:relative;width:36px;height:30px;padding:0;border:0;background:none;cursor:pointer}
.tm-dot:before,.tm-dot:after{content:"";position:absolute;left:4px;right:4px;top:50%;height:3px;margin-top:-1.5px}
.tm-dot:before{background:#cfdad2}
.tm-dot:after{background:var(--forest);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.tm-dot.is-active:after{transform:scaleX(1)}
.tm-count{margin-left:auto;font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.04em}
@media(max-width:1000px){
  .tm-grid{grid-template-columns:1fr;gap:34px}
  .tm-side h2{max-width:none}
  .tm-ctrl{margin-top:30px}
}
@media(max-width:560px){
  .tm-mark{height:44px;font-size:92px}
  .tm-count{display:none}
  .tm-ctrl{gap:8px}.tm-dots{margin-left:4px}.tm-dot{width:30px}
}
.tm .tm-sample{margin-top:22px}

/* bintang dan label layanan */
.tm-stars{display:flex;gap:3px;margin-top:12px;color:var(--leaf)}
.tm-stars svg{display:block}
.tm .tm-svc{font-style:normal;font-size:12.5px;font-weight:600;line-height:1.3;color:var(--forest);background:var(--mist);border:1px solid #cfdad2;padding:6px 11px}
.tm blockquote{margin-top:16px}
@media(max-width:560px){.tm-stars svg{width:20px;height:20px}.tm figcaption{align-items:flex-start}}