/* Hero slider beranda — Arkadia Terra Nusantara */
.hs{--dur:3s;position:relative;overflow:hidden;background:#0b2b24;height:clamp(540px,76vh,700px);color:#fff;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.hs-stage{position:absolute;inset:0}
.hs-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.hs-slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s}
.hs-slide picture,.hs-img{position:absolute;inset:0;display:block;width:100%;height:100%}
.hs-img{object-fit:cover;-webkit-user-drag:none}
.hs-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,36,30,.92) 0%,rgba(8,36,30,.78) 36%,rgba(8,36,30,.28) 72%,rgba(8,36,30,.1) 100%),linear-gradient(0deg,rgba(8,36,30,.55) 0%,rgba(8,36,30,0) 30%)}

.hs-copy{position:relative;z-index:2;width:min(1160px,calc(100% - 48px));margin-inline:auto;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:60px 0 84px}
.hs-copy>*{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.hs-slide.is-active .hs-copy>*{opacity:1;transform:none}
.hs-slide.is-active .hs-copy>*:nth-child(1){transition-delay:.1s}
.hs-slide.is-active .hs-copy>*:nth-child(2){transition-delay:.3s}
.hs-slide.is-active .hs-copy>*:nth-child(3){transition-delay:.45s}
.hs .hs-title{margin:0;max-width:11.5em;font-family:var(--serif);font-weight:600;font-size:clamp(34px,4.7vw,62px);line-height:1.07;letter-spacing:-.022em;color:#fff}
.hs .hs-desc{margin:22px 0 0;max-width:32em;font-size:clamp(16px,1.45vw,19px);line-height:1.7;color:#dbe8e1}
.hs-copy .btn{margin-top:32px;padding:15px 26px;font-size:15px;font-weight:700;gap:10px;background:#fff;color:var(--forest);transition:background .2s,color .2s}
.hs-copy .btn:hover{background:var(--mist)}
.hs-copy .btn svg{flex:none}

/* kontrol */
.hs-arrow{position:absolute;z-index:4;top:50%;width:46px;height:46px;margin-top:-23px;display:none;place-items:center;border:1px solid rgba(255,255,255,.5);background:rgba(8,36,30,.35);color:#fff;cursor:pointer;transition:background .2s,border-color .2s}
.hs-arrow:hover{background:rgba(255,255,255,.2);border-color:#fff}
.hs-prev{left:6px}.hs-next{right:6px}
.hs-bar{position:absolute;z-index:4;left:0;right:0;bottom:26px}
.hs-bar-in{width:min(1160px,calc(100% - 48px));margin-inline:auto;display:flex;align-items:center;gap:10px}
.hs-step{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);background:rgba(8,36,30,.35);color:#fff;cursor:pointer}
.hs-step:hover{background:rgba(255,255,255,.2);border-color:#fff}
.hs-dots{display:flex;align-items:center;margin-left:6px}
.hs-dot{position:relative;width:44px;height:32px;padding:0;border:0;background:none;cursor:pointer}
.hs-dot:before,.hs-dot:after{content:"";position:absolute;left:4px;right:4px;top:50%;height:3px;margin-top:-1.5px}
.hs-dot:before{background:rgba(255,255,255,.38)}
.hs-dot:after{background:var(--leaf);transform:scaleX(0);transform-origin:left}
.hs-dot.is-active:before{background:rgba(255,255,255,.28)}
.hs-dot.is-active:after{animation:hsfill var(--dur) linear forwards}
.hs.is-paused .hs-dot.is-active:after{animation-play-state:paused}
@keyframes hsfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hs-pause{width:32px;height:32px;margin-left:4px;display:grid;place-items:center;border:0;background:none;color:#fff;cursor:pointer;opacity:.85}
.hs-pause:hover{opacity:1}
.hs-pause .i-play{display:none}.hs-pause[aria-pressed=true] .i-pause{display:none}.hs-pause[aria-pressed=true] .i-play{display:block}
.hs-count{margin-left:auto;font-size:13px;font-weight:600;color:#dbe8e1;letter-spacing:.04em}
.hs :focus-visible{outline:3px solid #fff;outline-offset:3px}

@media(min-width:1280px){.hs-arrow{display:grid}.hs-step{display:none}.hs-dots{margin-left:0}}
@media(max-width:1000px){
  .hs{height:clamp(540px,64vh,640px)}
  .hs .hs-title{font-size:clamp(38px,5.8vw,52px)}
  .hs-shade{background:linear-gradient(90deg,rgba(8,36,30,.9) 0%,rgba(8,36,30,.7) 55%,rgba(8,36,30,.3) 100%),linear-gradient(0deg,rgba(8,36,30,.55) 0%,rgba(8,36,30,0) 30%)}
}
@media(max-width:700px){
  .hs{height:min(640px,calc(100svh - 68px));min-height:560px}
  .hs-shade{background:linear-gradient(180deg,rgba(8,36,30,.45) 0%,rgba(8,36,30,.62) 38%,rgba(8,36,30,.92) 100%)}
  .hs-copy{width:calc(100% - 40px);justify-content:flex-end;padding:40px 0 92px}
  .hs .hs-title{font-size:clamp(30px,8.6vw,38px)}
  .hs .hs-desc{margin-top:14px;font-size:15.5px;line-height:1.6}
  .hs-copy .btn{margin-top:22px;width:100%;justify-content:center}
  .hs-bar{bottom:18px}.hs-bar-in{width:calc(100% - 40px)}
  .hs-count{display:none}
  .hs-dot{width:38px}
}

/* ===== Slide poster daftar harga ===== */
.hs .hs-slide--price .hs-shade{background:linear-gradient(90deg,rgba(8,36,30,.8) 0%,rgba(8,36,30,.5) 46%,rgba(8,36,30,.22) 100%),linear-gradient(0deg,rgba(8,36,30,.42) 0%,rgba(8,36,30,0) 26%)}
.hs .hs-price{flex-direction:row;align-items:center;justify-content:space-between;gap:56px;padding:34px 0 84px}
.hs .hs-price-intro{flex:1 1 0;max-width:30em}
.hs .hs-pill{display:inline-block;margin-bottom:18px;padding:7px 14px;font-size:13px;font-weight:700;letter-spacing:.02em;color:#2b1a05;background:#e8bd7c}
.hs .hs-price .hs-title{font-size:clamp(30px,3.6vw,50px);max-width:12em}
.hs .hs-panel{flex:0 0 min(500px,46%);padding:20px 24px 20px;background:rgba(8,36,30,.66);border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.hs .hs-plist{margin:0;padding:0;list-style:none}
.hs .hs-plist li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.17)}
.hs .hs-plist li:first-child{padding-top:2px}
.hs .hs-pn b{display:block;font-size:16.5px;line-height:1.25;letter-spacing:.01em;color:#fff}
.hs .hs-pn span{display:block;margin-top:2px;font-size:12.5px;line-height:1.3;color:#c4d6cd;white-space:nowrap}
.hs .hs-pp{flex:none;text-align:right}
.hs .hs-pp small{display:block;font-size:11.5px;line-height:1.2;color:#c4d6cd}
.hs .hs-pp strong{display:block;margin-top:1px;font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.1;letter-spacing:-.01em;color:#f2cb8b}
.hs .hs-pnote{margin:12px 0 0;font-size:12px;line-height:1.4;color:#c4d6cd}
.hs .hs-panel .btn{width:100%;justify-content:center;margin-top:14px;padding:13px 20px}
@media(max-height:700px) and (min-width:1001px){.hs .hs-pn span{display:none}.hs .hs-plist li{padding:9px 0}}
@media(max-width:1000px){
  .hs .hs-slide--price .hs-shade{background:linear-gradient(180deg,rgba(8,36,30,.55) 0%,rgba(8,36,30,.4) 45%,rgba(8,36,30,.62) 100%)}
  .hs .hs-price{flex-direction:column;align-items:stretch;justify-content:center;gap:20px;padding:28px 0 88px}
  .hs .hs-price-intro{flex:none;max-width:none}
  .hs .hs-price .hs-desc,.hs .hs-pn span{display:none}
  .hs .hs-pill{margin-bottom:12px}
  .hs .hs-panel{flex:none;padding:18px 20px 18px}
  .hs .hs-plist li{padding:9px 0}
  .hs .hs-plist li:first-child{padding-top:0}
}
@media(max-width:700px){
  .hs .hs-price{justify-content:center;padding:24px 0 84px}
  .hs .hs-price .hs-title{font-size:clamp(26px,7.4vw,32px);max-width:none}
  .hs .hs-pn b{font-size:15px}
  .hs .hs-pp strong{font-size:19px}
  .hs .hs-pnote{display:none}
  .hs .hs-panel .btn{margin-top:14px;padding:13px 18px}
}

/* ===== Poster harga ke-2 (6 layanan, dua kelompok) ===== */
.hs .hs-glabel{margin:14px 0 0;font-size:12.5px;font-weight:700;letter-spacing:.03em;color:#f2cb8b}
.hs .hs-glabel:first-child{margin-top:0}
.hs .hs-glabel small{margin-left:6px;font-size:12px;font-weight:500;color:#c4d6cd}
.hs .hs-glabel+.hs-plist li:first-child{padding-top:8px}
.hs .hs-plist--lvl li{padding:8px 0}
.hs .hs-plist li:last-child{border-bottom:0}
.hs .hs-slide--price2 .hs-panel .hs-pnote{margin-top:8px}
.hs .hs-slide--price2 .hs-pp{display:flex;align-items:baseline;justify-content:flex-end;gap:8px}
.hs .hs-slide--price2 .hs-pp small{display:inline}
.hs .hs-slide--price2 .hs-pp strong{display:inline;margin:0}
.hs .hs-slide--price2 .hs-price .hs-title{font-size:clamp(30px,3.2vw,44px);max-width:13em;text-wrap:balance}
.hs .hs-slide--price2 .hs-pn{min-width:0}
.hs .hs-slide--price2 .hs-pn span{overflow:hidden;text-overflow:ellipsis}
@media(max-height:800px) and (min-width:1001px){.hs .hs-slide--price2 .hs-pn span{display:none}.hs .hs-slide--price2 .hs-plist li{padding:7px 0}.hs .hs-slide--price2 .hs-panel{padding-top:16px;padding-bottom:16px}}
@media(max-width:1000px){.hs .hs-slide--price2 .hs-plist li{padding:7px 0}.hs .hs-glabel{margin-top:10px}.hs .hs-slide--price2 .hs-price .hs-title{font-size:clamp(26px,4.4vw,36px);max-width:none}.hs .hs-slide--price2 .hs-price{padding-top:22px;gap:16px}}
@media(max-width:700px){.hs .hs-slide--price2 .hs-panel{padding:14px 18px 14px}.hs .hs-slide--price2 .hs-plist li{padding:6px 0}.hs .hs-slide--price2 .hs-pp small{display:none}.hs .hs-slide--price2 .hs-pp strong{font-size:18px}.hs .hs-slide--price2 .hs-pn b{font-size:14.5px}.hs .hs-slide--price2 .hs-price .hs-title{font-size:clamp(24px,6.8vw,30px)}}


/* ===== Animasi slider (V86) ===== */
.hs-img{transform:scale(1.12);translate:calc(var(--mx,0)*-18px) calc(var(--my,0)*-12px);transition:transform 3.8s cubic-bezier(.16,.8,.3,1),translate .6s ease-out}
.hs-slide.is-active .hs-img{transform:scale(1)}
/* judul: kata naik satu per satu */
.hs .hs-copy>.hs-title{opacity:1;transform:none;transition:none}
.hs .hs-title .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.04em .02em .16em;margin:-.04em -.02em -.16em}
.hs .hs-title .w>span{display:inline-block;transform:translateY(112%);transition:transform .75s cubic-bezier(.2,.85,.25,1);transition-delay:calc(.12s + var(--i,0)*70ms)}
.hs-slide.is-active .hs-title .w>span{transform:none}
/* lencana memantul, panah dan ikon WhatsApp berdenyut */
@keyframes hspop{0%{opacity:0;transform:scale(.6) rotate(-6deg)}60%{opacity:1;transform:scale(1.08) rotate(2deg)}100%{opacity:1;transform:none}}
.hs-slide.is-active .hs-pill{animation:hspop .65s .12s both cubic-bezier(.2,.9,.3,1.25)}
@keyframes hsnudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
.hs-slide.is-active .hs-copy .btn svg:not(.wa-ico){animation:hsnudge 1.3s ease-in-out .9s infinite}
@keyframes hspulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
.hs-slide.is-active .hs-copy .btn .wa-ico{animation:hspulse 1.5s ease-in-out .9s infinite}
/* daftar harga: baris masuk bergantian */
.hs .hs-plist li{opacity:0;transform:translateX(28px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.85,.25,1);transition-delay:calc(var(--b,.5s) + var(--k,0)*70ms)}
.hs-slide.is-active .hs-plist li{opacity:1;transform:none}
.hs .hs-plist li:nth-child(2){--k:1}.hs .hs-plist li:nth-child(3){--k:2}.hs .hs-plist li:nth-child(4){--k:3}.hs .hs-plist li:nth-child(5){--k:4}
.hs .hs-plist--lvl{--b:.85s}
.hs .hs-pp strong{font-variant-numeric:tabular-nums}
/* mode Reduce Motion: tanpa gerakan, hanya pudar lembut */
@media(prefers-reduced-motion:reduce){
  .hs-slide{transition:opacity .5s ease,visibility 0s linear .5s!important}
  .hs-slide.is-active{transition:opacity .5s ease,visibility 0s!important}
  .hs-img{transform:none!important;translate:none!important;transition:none!important}
  .hs-copy>*,.hs .hs-plist li{transform:none!important;transition:opacity .5s ease!important}
  .hs .hs-title .w>span{transform:none!important;transition:none!important}
  .hs-pill,.hs-copy .btn svg{animation:none!important}
  .hs-dot.is-active:after{animation:none!important;transform:scaleX(1)}
}