:root{--striph:0px}

header.wp-block-template-part,footer.wp-block-template-part,h1.wp-block-post-title{display:none!important}
.wp-site-blocks,.wp-site-blocks>*,.entry-content,.wp-block-post-content{overflow:visible!important}
.wp-site-blocks,.entry-content,.wp-block-post-content{margin:0!important;padding:0!important;max-width:none!important}
.entry-content>*,.wp-block-post-content>*{max-width:none!important;margin-left:0!important;margin-right:0!important;margin-top:0!important;margin-block-start:0!important}
.wp-site-blocks>main,.wp-site-blocks>main>*{margin:0!important;padding:0!important;max-width:none!important}
#top{margin:0!important}
.entry-content :where(h1,h2,h3,p){margin-block-start:0}
html,body{overflow-x:clip}
:root{
  --sc-canvas:#0A1220;--sc-surface:#111c30;--sc-ink:#F4F1E8;--sc-ink-soft:#b4b8bd;
  --sc-accent:#F2B73F;--sc-accent-ink:#1a1204;
  --sc-font-display:"Sora","Inter",system-ui,sans-serif;--sc-font-text:"Inter",system-ui,sans-serif;
  --gold:#F2B73F;--floor:#0F3D2E;--chalk:#F4F1E8;--night:#0A1220;--edge:rgba(242,183,63,.22);
}
html{background:var(--sc-canvas)}
body{margin:0;background:var(--sc-canvas);color:var(--sc-ink);font-family:var(--sc-font-text)}
#cf *{box-sizing:border-box}
#cf img{max-width:100%;height:auto;display:block}
#cf a{color:inherit}
#cf h1,#cf h2,#cf h3{font-family:var(--sc-font-display);font-weight:800;letter-spacing:-.02em;line-height:1.06;margin:0}
#cf a.cf-btn{color:var(--sc-accent-ink)}#cf a.cf-btn--ghost{color:var(--sc-ink)}
.cf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.8rem 1.25rem;border-radius:12px;border:0;cursor:pointer;background:var(--gold);color:var(--sc-accent-ink);font:700 .98rem/1.1 var(--sc-font-text);text-decoration:none!important;white-space:nowrap;transition:transform .14s var(--sc-ease-out),background-color .16s;box-shadow:0 10px 30px -8px rgba(242,183,63,.45)}
.cf-btn svg{width:20px;height:20px;flex:none}
.cf-btn--ghost{background:rgba(255,255,255,.06);color:var(--sc-ink);border:1px solid rgba(244,241,232,.3);box-shadow:none}
.cf-btn:active{transform:scale(.97)}
.cf-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (hover:hover) and (pointer:fine){.cf-btn:hover{background:#ffc95c}.cf-btn--ghost:hover{background:rgba(255,255,255,.14)}}
.cf-cta{display:flex;flex-wrap:wrap;gap:.7rem}
.cf-small{font-size:var(--sc-t-sm);color:var(--sc-ink-soft);line-height:1.55}
/* the empty-field capsule: gold dashed, never dots and never an invented number */
.isi{display:inline-block;padding:.1rem .75rem;border:1.5px dashed var(--gold);border-radius:999px;color:var(--gold);background:rgba(242,183,63,.07);font:600 .84em/1.5 var(--sc-font-text);white-space:nowrap;letter-spacing:0}
/* preview strip, bar, chrome */
.cf-strip{position:fixed;top:0;left:0;right:0;z-index:61;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 .6rem;min-height:30px;padding:.28rem .8rem;background:var(--gold);color:#1a1204;font:600 .7rem/1.3 var(--sc-font-text);text-align:center}
.cf-strip b{font-weight:800}
@media (max-width:860px){.cf-strip{font-size:.64rem;padding:.25rem .5rem}}
.cf-bar{position:fixed;top:var(--striph,34px);left:0;right:0;z-index:60;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.35rem .7rem;padding:.5rem var(--sc-gutter);background:rgba(10,18,32,.97);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--edge)}
.cf-mark{display:flex;flex-direction:column;text-decoration:none!important}
.cf-mark b{font:800 1.1rem/1 var(--sc-font-display);letter-spacing:-.01em;color:var(--chalk)}
.cf-mark small{font:700 .58rem/1 var(--sc-font-text);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-top:.25rem}
.cf-bar .cf-btn{min-height:40px;padding:.5rem .95rem;font-size:.86rem;border-radius:10px;box-shadow:none}
.cf-bar .cf-btn svg{width:17px;height:17px}
.cf-track{display:none}
/* upright mini-court, left edge, desktop */
.cf-court{position:fixed;left:8px;top:50%;height:min(50svh,420px);width:28px;transform:translateY(-42%);z-index:55;pointer-events:none}
.cf-court svg{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:3px;box-shadow:0 0 0 1px rgba(244,241,232,.35)}
.cf-court svg *{vector-effect:non-scaling-stroke}
.cf-court i{position:absolute;left:100%;width:5px;height:1px;background:rgba(244,241,232,.5)}
.cf-court__dot,.cf-track__dot{position:absolute;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(242,183,63,.28),0 0 14px rgba(242,183,63,.85)}
.cf-court__dot{left:50%;top:0;width:12px;height:12px;transform:translate(-50%,-50%)}
.cf-court__zn{position:absolute;left:calc(100% + 9px);top:0;writing-mode:vertical-rl;font:800 .6rem/1 var(--sc-font-text);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
@media (max-width:1100px){.cf-court__zn{display:none}}
@media (max-width:860px){
  .cf-court{display:none}
  .cf-bar{padding:.4rem .7rem .3rem;gap:.25rem .5rem}
  .cf-mark b{font-size:1rem}
  .cf-bar .cf-btn{padding:.45rem .7rem;font-size:.8rem}
  .cf-track{display:flex;align-items:center;gap:.6rem;grid-column:1/-1;height:20px}
  .cf-track__zn{flex:none;width:5.6rem;font:800 .58rem/1 var(--sc-font-text);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
  .cf-track__rail{position:relative;flex:1;height:10px;margin:0 6px}
  .cf-track__rail:before{content:"";position:absolute;left:0;right:0;top:4px;height:2px;border-radius:2px;background:rgba(244,241,232,.35)}
  .cf-track__rail i{position:absolute;top:0;width:2px;height:10px;background:rgba(244,241,232,.55);transform:translateX(-1px)}
  .cf-track__dot{top:-1px;left:0;width:12px;height:12px;transform:translateX(-50%)}
}
/* 1 hero, Net */
.cf-hero{position:relative;height:100svh;min-height:600px;overflow:hidden;background:#070d18}
.cf-plane{position:absolute;inset:-5% -3%;will-change:transform}
.cf-plate{background:radial-gradient(58% 46% at 68% 30%,rgba(242,183,63,.3),transparent 70%),linear-gradient(180deg,#0A1220 0%,#0d1b2c 55%,#0F3D2E 100%)}
#cf .cf-plate img{width:100%;height:100%;object-fit:cover;object-position:66% 50%}
.cf-glow{inset:0;background:radial-gradient(34% 34% at 72% 46%,rgba(242,183,63,.26),transparent 70%);mix-blend-mode:screen}
@media (prefers-reduced-motion:no-preference){.cf-glow{animation:cfBreath 4.6s ease-in-out infinite alternate}@keyframes cfBreath{to{opacity:.5}}}
.cf-player{position:absolute;right:1%;bottom:0;height:72%;aspect-ratio:2/3;z-index:2;pointer-events:none;will-change:transform}
#cf .cf-player img{width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 18px 28px rgba(0,0,0,.5))}
.cf-scrim{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(10,18,32,.92) 0%,rgba(10,18,32,.74) 30%,rgba(10,18,32,.18) 52%,rgba(10,18,32,0) 64%);pointer-events:none}
.cf-hero__floor{position:absolute;left:0;right:0;bottom:0;height:22%;z-index:4;background:linear-gradient(0deg,var(--sc-canvas),transparent);pointer-events:none}
.cf-hero__copy{position:absolute;left:var(--sc-gutter);top:clamp(8.5rem,20vh,12rem);max-width:min(43rem,56vw);z-index:5}
.cf-kicker{display:inline-flex;align-items:center;gap:.6rem;font:700 .76rem/1.2 var(--sc-font-text);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.cf-kicker:before{content:"";width:1.8rem;height:2px;background:var(--gold)}
.cf-hero h1{font-size:clamp(2.4rem,4.5vw,4.4rem);line-height:1;margin:.9rem 0 1.1rem}
.cf-hero h1 span{display:block}
.cf-hero h1 .b{color:var(--gold)}
.cf-hero h1 .c{font:600 clamp(1.05rem,1.9vw,1.55rem)/1.35 var(--sc-font-text);letter-spacing:0;margin-top:1rem;color:#ece6dc}
.cf-hero__copy p{font-size:var(--sc-t-lg);line-height:1.55;color:#ece6dc;max-width:31rem;margin:0 0 1.4rem}
.cf-ig{display:inline-block;margin-top:1.1rem;font:600 .82rem/1.2 var(--sc-font-text);color:#d6d2c6;text-decoration:none!important;border-bottom:1px solid rgba(214,210,198,.4)}
.cf-illu{position:absolute;left:var(--sc-gutter);bottom:.7rem;z-index:6;margin:0;font:600 .66rem/1.2 var(--sc-font-text);color:rgba(255,255,255,.55);letter-spacing:.04em}
@media (max-width:760px){
  #cf .cf-plate img{object-position:70% 50%}
  .cf-player{right:-2%;bottom:auto;top:calc(var(--barh,76px) + var(--striph,34px) + .3rem);height:auto;width:78%}
  .cf-scrim{background:linear-gradient(180deg,rgba(10,18,32,.2) 0%,rgba(10,18,32,.05) 30%,rgba(10,18,32,.7) 52%,rgba(10,18,32,.95) 66%,rgba(10,18,32,.97) 100%)}
  .cf-kicker{font-size:.66rem;letter-spacing:.12em}
  .cf-kicker:before{width:1.2rem}
  .cf-hero__copy{top:auto;bottom:6.2rem;max-width:none;right:var(--sc-gutter)}
  .cf-hero h1{font-size:clamp(1.9rem,8.4vw,3rem);margin:.7rem 0 .8rem}
  .cf-hero h1 .c{margin-top:.7rem;font-size:1rem}
  .cf-hero__copy p{font-size:1rem;margin-bottom:1rem}
  .cf-hero .cf-btn{width:100%;white-space:normal}
  .cf-illu{left:auto;right:.8rem;top:calc(var(--barh,70px) + var(--striph,34px) + .5rem);bottom:auto}
}
/* shared */
.cf-sec{padding:var(--sc-section) var(--sc-gutter);position:relative}
.cf-in{max-width:var(--sc-maxw);margin:0 auto}
.cf-h2{font-size:clamp(2rem,4.6vw,3.9rem);margin:0 0 1rem;text-wrap:balance}
.cf-h2 span{color:var(--gold)}
.cf-lede{color:var(--sc-ink-soft);font-size:var(--sc-t-lg);line-height:1.6;max-width:40rem;margin:0}
/* 2 keadaan, Depan */
.cf-ex>*,.cf-kelas>*{margin-top:0!important}
.cf-ex{list-style:none;margin:var(--sc-7) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sc-5)}
.cf-ex li{padding:1.5rem 1.4rem;border-radius:16px;background:var(--sc-surface);border:1px solid var(--edge);border-left:4px solid var(--gold);font-size:1.08rem;line-height:1.55;color:#ece8de}
.cf-turn{margin:var(--sc-7) 0 0;max-width:46rem;font:700 clamp(1.25rem,2.4vw,1.8rem)/1.4 var(--sc-font-display);letter-spacing:-.01em;color:var(--chalk)}
.cf-turn span{color:var(--gold)}
@media (max-width:860px){.cf-ex{grid-template-columns:1fr}}
/* 3 kelas, Tengah */
.cf-kelas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sc-5);margin-top:var(--sc-6)}
.cf-card{padding:1.4rem 1.3rem;border-radius:16px;background:linear-gradient(170deg,#12331f 0%,#0e2a22 46%,#0c1c22 100%);border:1px solid rgba(244,241,232,.2);position:relative;overflow:hidden}
.cf-card h3{font-size:1.45rem;margin:0 0 1.1rem;padding-bottom:.9rem;border-bottom:1px solid rgba(244,241,232,.16)}
.cf-card dl{margin:0;display:grid;gap:.15rem}
.cf-card dt{font:800 .68rem/1.6 var(--sc-font-text);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:.85rem}
.cf-card dt:first-child{margin-top:0}
.cf-card dd{margin:0;line-height:1.55;color:#ece8de}
.cf-foot-line{margin:var(--sc-5) 0 var(--sc-5);max-width:44rem}
@media (max-width:860px){.cf-kelas{grid-template-columns:1fr}}
.cf-pricing{margin-top:var(--sc-7);scroll-margin-top:calc(var(--barh,56px) + 1.5rem)}
#cf .cf-pricing__intro h3{font-size:clamp(1.65rem,3.2vw,2.6rem);line-height:1.15;margin:0 0 .65rem}
.cf-pricing__intro h3 span{color:var(--gold)}
.cf-pricing__intro p{margin:0;color:var(--sc-ink-soft);line-height:1.6}
.cf-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sc-5);margin-top:1.5rem}
.cf-price{min-width:0;padding:1.5rem;border:1px solid var(--edge);border-radius:18px;background:linear-gradient(150deg,#12331f,#0e2a22 48%,#111c30)}
.cf-price__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(244,241,232,.2)}
.cf-price__head h4{margin:0;font:800 1.55rem/1.2 var(--sc-font-display);letter-spacing:-.02em;color:var(--gold)}
.cf-price__head>span{font-weight:600;font-size:.85rem;padding:.4rem .65rem;border:1px solid rgba(242,183,63,.35);border-radius:999px;background:rgba(242,183,63,.08);white-space:nowrap}
.cf-price__list{margin:0}
.cf-price__row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 0;border-bottom:1px solid rgba(244,241,232,.12)}
.cf-price__row:last-child{border-bottom:0;padding-bottom:.15rem}
.cf-price__row dt{font-weight:700;line-height:1.4}
.cf-price__row dd{margin:0;text-align:right;flex-shrink:0}
.cf-price__row strong{display:block;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.4;color:var(--gold);font-variant-numeric:tabular-nums}
.cf-price__row small{display:block;margin-top:.25rem;font-size:.79rem;font-weight:400;line-height:1.4;color:var(--sc-ink-soft)}
.cf-price-notes{margin:1.4rem 0 0;padding:1rem 1.2rem 1rem 2.4rem;border-left:3px solid var(--gold);border-radius:0 12px 12px 0;background:rgba(242,183,63,.05);color:var(--sc-ink-soft);font-size:.9rem;line-height:1.65}
.cf-price-notes li+li{margin-top:.35rem}
.cf-price-notes strong{color:var(--sc-ink)}
@media (max-width:860px){.cf-price-grid{grid-template-columns:1fr}}
@media (max-width:420px){.cf-price{padding:1rem}.cf-price__row{gap:.65rem}.cf-price__row dt{font-size:.86rem}.cf-price__row small{font-size:.7rem}.cf-price__head h4{font-size:1.4rem}}
/* 4 enam sudut, PUNCAK */
.cf-peak [data-sc-stage]{height:100svh;overflow:hidden;background:radial-gradient(70% 60% at 68% 48%,#12263a 0%,#0A1220 62%,#070d18 100%)}
.cf-peak__in{position:relative;height:100%;max-width:var(--sc-maxw);margin:0 auto;padding:calc(var(--barh,56px) + var(--striph,34px) + 1.2rem) var(--sc-gutter) 1.4rem;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"head rig" "body rig";grid-template-rows:auto auto;align-content:center;gap:var(--sc-5) var(--sc-6);align-items:center}
.cf-peak__head{grid-area:head;align-self:end}
.cf-peak__body{grid-area:body;align-self:start}
.cf-rig{grid-area:rig;display:flex;justify-content:center;align-items:center;min-width:0}
.cf-rig svg{display:block;width:100%;height:min(calc(100svh - 10rem),46rem);overflow:visible}
.cf-peak h2{font-size:clamp(2rem,3.8vw,3.4rem);margin:0 0 1rem;text-wrap:balance}
.cf-peak h2 span{color:var(--gold)}
.cf-rep{display:flex;align-items:center;gap:.8rem}
.cf-rep b{font:800 clamp(1.2rem,2vw,1.6rem)/1 var(--sc-font-display);padding:.5rem .9rem;border-radius:10px;background:var(--gold);color:#1a1204;letter-spacing:-.01em}
.cf-pips{display:inline-flex;gap:.4rem}
.cf-pips i{width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(244,241,232,.5);background:transparent;transition:background-color .2s,border-color .2s}
.cf-pips i[data-on="1"]{background:var(--gold);border-color:var(--gold)}
.cf-sudut{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.35rem .9rem}
.cf-sudut li{display:flex;align-items:center;gap:.5rem;font-size:.92rem;font-weight:600;color:#6f7c8c;transition:color .2s}
.cf-sudut li i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid #4a5a6e;font:800 .7rem/1 var(--sc-font-display);font-style:normal;flex:none;transition:background-color .2s,border-color .2s,color .2s}
.cf-sudut li[data-l="1"]{color:#a7b1bd}
.cf-sudut li[data-l="2"]{color:var(--chalk)}
.cf-sudut li[data-l="2"] i{background:var(--chalk);border-color:var(--chalk);color:#0A1220}
.cf-sudut li[data-l="3"]{color:#fff}
.cf-sudut li[data-l="3"] i{background:var(--gold);border-color:var(--gold);color:#1a1204}
.cf-quote{margin:1.2rem 0 0;padding:.9rem 1rem;border-left:3px solid var(--gold);background:rgba(242,183,63,.07);border-radius:0 12px 12px 0;opacity:0;min-height:5.6rem}
.cf-quote blockquote{margin:0;font:600 clamp(.95rem,1.4vw,1.12rem)/1.5 var(--sc-font-text);color:#fff}
.cf-quote figcaption{margin-top:.4rem;font-size:.76rem;color:var(--sc-ink-soft)}
/* court drawing states, set from the scroll position by the page script */
.cf-pt .c{fill:rgba(244,241,232,.06);stroke:rgba(244,241,232,.6);stroke-width:2;transition:fill .2s,stroke .2s}
.cf-pt text{fill:rgba(244,241,232,.7);font:800 15px "Sora",sans-serif;text-anchor:middle}
.cf-pt .h{fill:none;stroke:var(--gold);stroke-width:2;opacity:0}
.cf-pt[data-l="1"] .c{fill:rgba(242,183,63,.16);stroke:rgba(244,241,232,.85)}
.cf-pt[data-l="2"] .c{fill:var(--chalk);stroke:var(--chalk)}
.cf-pt[data-l="2"] text{fill:#0A1220}
.cf-pt[data-l="3"] .c{fill:var(--gold);stroke:#fff4d0}
.cf-pt[data-l="3"] text{fill:#1a1204}
.cf-pt[data-l="3"] .h{opacity:.55}
@media (max-width:860px){
  .cf-peak__in{grid-template-columns:1fr;grid-template-areas:"head" "rig" "body";grid-template-rows:auto minmax(0,1fr) auto;align-content:start;gap:.5rem;padding-top:calc(var(--barh,72px) + var(--striph,34px) + .6rem);padding-bottom:.7rem}
  .cf-peak__head{align-self:start}
  .cf-peak h2{font-size:clamp(1.55rem,7vw,2.1rem);margin:0 0 .5rem}
  .cf-rep b{font-size:1.05rem;padding:.35rem .7rem}
  .cf-rig svg{max-height:100%;height:100%;width:100%}
  .cf-rig{min-height:0}
  .cf-sudut{grid-template-columns:repeat(3,1fr);gap:.25rem .5rem;margin-top:.55rem}
  .cf-sudut li{font-size:.7rem;gap:.3rem}
  .cf-sudut li i{width:17px;height:17px;font-size:.6rem}
  .cf-quote{margin:.6rem 4.8rem 0 0;padding:.55rem .7rem;min-height:4.3rem}
  .cf-quote blockquote{font-size:.8rem;line-height:1.4}
  .cf-quote figcaption{font-size:.68rem;margin-top:.25rem}
}
@media (max-width:860px) and (max-height:700px){.cf-quote{min-height:0}}
/* 5 kenal */
.cf-kenal{display:flex;gap:var(--sc-7);align-items:center}
.cf-kenal figure{flex:0 0 min(28%,19rem);margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--edge);background:var(--floor)}
.cf-kenal figure img{width:100%;height:auto;object-fit:cover}
.cf-kenal figcaption{font-weight:700;color:var(--chalk)}
.cf-kenal figcaption{font-size:.74rem;color:var(--sc-ink-soft);padding:.6rem .8rem}
.cf-kenal__t{flex:1;min-width:0}
.cf-kenal:has(.cf-instagram){align-items:flex-start}
.cf-instagram{width:100%;max-width:540px;margin-top:1.5rem;border-radius:14px;overflow:hidden}
#cf .cf-instagram .instagram-media{display:block;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box;border:0;border-radius:0;background:#fff;color:#262626}
.cf-instagram blockquote{padding:1rem}
.cf-instagram blockquote a{color:#262626;font-size:.9rem;line-height:1.5}
.cf-bio{margin:1rem 0 0;padding:1rem 1.1rem;border-left:3px solid var(--gold);background:rgba(242,183,63,.06);border-radius:0 12px 12px 0;font:600 clamp(1.02rem,1.6vw,1.25rem)/1.55 var(--sc-font-text);color:#fff}
.cf-bio + p{margin:.7rem 0 0;color:var(--sc-ink-soft);line-height:1.6}
.cf-num{margin:1.3rem 0 0;font:700 clamp(1.15rem,2vw,1.55rem)/1.35 var(--sc-font-display);letter-spacing:-.01em}
.cf-num span{color:var(--gold)}
.cf-q2{margin:.9rem 0 1.2rem;font:600 1.12rem/1.5 var(--sc-font-text);color:#ece8de}
@media (max-width:860px){.cf-kenal{flex-direction:column;align-items:stretch;gap:var(--sc-5)}.cf-kenal figure{flex:none;width:min(72%,16rem)}}
/* 6 lokasi */
.cf-loc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--sc-7);align-items:center}
.cf-map{position:relative;border-radius:18px;overflow:hidden;background:var(--sc-surface);aspect-ratio:4/3;border:1px solid var(--edge)}
.cf-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.3) contrast(1.05)}
.cf-loc p{color:#e6e2d8;line-height:1.65;margin:0 0 .9rem}
.cf-loc p.cf-open{margin-bottom:.4rem}
@media (max-width:860px){.cf-loc{grid-template-columns:1fr}}
/* 7 tanya jawab */
.cf-ask{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sc-7);align-items:start}
.cf-faq details{border-bottom:1px solid rgba(255,255,255,.14);padding:.2rem 0}
.cf-faq summary{cursor:pointer;list-style:none;padding:.85rem 2rem .85rem 0;font-weight:700;position:relative;min-height:44px}
.cf-faq summary::-webkit-details-marker{display:none}
.cf-faq summary:after{content:"+";position:absolute;right:.2rem;top:.6rem;font:800 1.4rem/1 var(--sc-font-display);color:var(--gold)}
.cf-faq details[open] summary:after{content:"\2212"}
.cf-faq p{margin:0 0 .9rem;color:#d3d0c6;line-height:1.6}
@media (max-width:860px){.cf-ask{grid-template-columns:1fr}}
/* 8 bayar */
.cf-pay{max-width:46rem;padding:1.5rem 1.4rem;border-radius:16px;background:var(--sc-surface);border:1px solid var(--edge)}
.cf-pay p{margin:.8rem 0 0;color:#e2ded4;line-height:1.7}
/* 8 penutup, Garis servis */
.cf-close{position:relative;overflow:hidden;min-height:100svh;padding:calc(var(--sc-section) * .9) var(--sc-gutter) 0;display:flex;flex-direction:column;background:var(--floor)}
.cf-close__plate{position:absolute;inset:-6% 0 0;z-index:0;background:linear-gradient(180deg,#0A1220 0%,#0c2a24 60%,#0F3D2E 100%)}
#cf .cf-close__plate img{width:100%;height:100%;object-fit:cover;object-position:38% 50%;filter:brightness(.62);transform:scaleX(-1)}
.cf-close:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,18,32,.55) 0%,rgba(10,18,32,0) 55%),linear-gradient(180deg,var(--sc-canvas) 0%,rgba(10,18,32,.55) 22%,rgba(10,18,32,.42) 60%,rgba(10,18,32,.92) 100%)}
.cf-close__in{position:relative;z-index:2;max-width:var(--sc-maxw);margin:0 auto;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:var(--sc-7);align-items:center;flex:1}
.cf-close h2{font-size:clamp(2.8rem,6.4vw,5.6rem);line-height:.96;margin:0 0 1rem;color:var(--chalk)}
.cf-close h2 span{color:var(--gold)}
.cf-close p{color:#ece6dc;line-height:1.6;max-width:32rem;margin:0 0 1.4rem;font-size:var(--sc-t-lg)}
.cf-kok{justify-self:center;width:min(100%,19rem);position:relative;padding:3.2rem 0 1.5rem;will-change:transform}
.cf-kok__hop{transform-origin:50% 90%}
.cf-kok img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 20px rgba(0,0,0,.45))}
.cf-kok__sh{position:absolute;left:50%;bottom:.9rem;width:52%;height:1rem;margin-left:-26%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.62),rgba(0,0,0,0));transform-origin:50% 50%}
@media (prefers-reduced-motion:no-preference){
  .cf-kok__hop{animation:cfHop 1.8s infinite}
  .cf-kok__sh{animation:cfSh 1.8s infinite}
}
@keyframes cfHop{
  0%{transform:translateY(0) rotate(-6deg) scale(1.04,.94);animation-timing-function:cubic-bezier(.2,.75,.4,1)}
  46%{transform:translateY(-34%) rotate(9deg) scale(1,1);animation-timing-function:cubic-bezier(.6,0,.85,.3)}
  90%{transform:translateY(0) rotate(-6deg) scale(1,1)}
  95%{transform:translateY(0) rotate(-6deg) scale(1.06,.9)}
  100%{transform:translateY(0) rotate(-6deg) scale(1.04,.94)}
}
@keyframes cfSh{0%,90%,100%{transform:scale(1);opacity:.9}46%{transform:scale(.55);opacity:.4}}
.cf-foot{position:relative;z-index:2;margin:var(--sc-7) calc(var(--sc-gutter) * -1) 0;padding:1.3rem var(--sc-gutter) 6.5rem;background:#060b14;border-top:3px solid rgba(244,241,232,.7);font-size:.82rem;color:var(--sc-ink-soft);line-height:1.6}
.cf-foot:before{content:"";position:absolute;left:50%;bottom:100%;width:3px;height:clamp(2rem,6vw,4.5rem);margin-left:-1.5px;background:rgba(244,241,232,.7)}
.cf-foot p{margin:.2rem 0;font-size:.82rem;max-width:none;color:var(--sc-ink-soft)}
.cf-foot a{color:#d6d2c6}
@media (max-width:860px){.cf-close__in{grid-template-columns:1fr;gap:var(--sc-5)}.cf-kok{order:-1;width:min(44%,10rem);padding-top:2.2rem}.cf-close .cf-btn{width:100%;white-space:normal}}
/* poster facts and new scroll elements */
.cf-chip{display:inline-block;margin-left:.3rem;padding:.12rem .6rem;border-radius:999px;background:rgba(242,183,63,.16);border:1px solid rgba(242,183,63,.55);color:var(--gold);font:700 .72rem/1.5 var(--sc-font-text);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.cf-close .cf-tag{font:700 clamp(1.05rem,1.9vw,1.4rem)/1.35 var(--sc-font-display);color:var(--gold);letter-spacing:-.005em;margin:0 0 .8rem}
/* d: keadaan lights up in order */
.cf-ex li{position:relative;--lit:1;opacity:calc(.5 + .5 * var(--lit));border-left-color:rgba(242,183,63,.22);box-shadow:0 0 0 1px rgba(242,183,63,calc(var(--lit) * .35)),0 14px 40px -18px rgba(242,183,63,calc(var(--lit) * .6))}
.cf-ex li:after{content:"";position:absolute;left:-4px;top:-1px;bottom:-1px;width:4px;border-radius:16px 0 0 16px;background:var(--gold);opacity:var(--lit)}
.cf-turn{--lit:1;opacity:calc(.35 + .65 * var(--lit))}
.cf-turn span{text-shadow:0 0 calc(var(--lit) * 22px) rgba(242,183,63,.4)}
/* a: usia 7 sampai 55+ */
.cf-age{margin:0 0 1.2rem}
.cf-age__top{display:flex;align-items:baseline;gap:.4rem}
.cf-age__top b{font:800 2.6rem/1 var(--sc-font-display);color:var(--gold);letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-width:2.6ch}
.cf-age__top small{color:var(--sc-ink-soft);font-weight:600}
.cf-age__rail{position:relative;height:78px;margin:0 14px}
.cf-age__line,.cf-age__fill{position:absolute;left:0;bottom:24px;height:3px;border-radius:3px}
.cf-age__line{right:0;background:rgba(244,241,232,.25)}
.cf-age__fill{width:100%;background:var(--gold)}
.cf-age__rail i{position:absolute;bottom:17px;width:2px;height:10px;margin-left:-1px;background:rgba(244,241,232,.5)}
.cf-age__rail em{position:absolute;bottom:0;transform:translateX(-50%);font:600 .68rem/1 var(--sc-font-text);font-style:normal;color:var(--sc-ink-soft)}
.cf-sil{position:absolute;bottom:28px;left:100%;width:26px;height:48px;transform:translateX(-50%);transform-origin:50% 100%;will-change:transform}
.cf-sil svg{display:block;width:100%;height:100%;fill:var(--gold)}
/* c: empat fokus */
.cf-fokus{list-style:none;margin:var(--sc-6) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--sc-5)}
.cf-fokus li{--lit:1;padding:1.3rem 1.3rem 1.2rem;border-radius:16px;background:var(--sc-surface);border:1px solid var(--edge);display:grid;grid-template-columns:auto 1fr;gap:.7rem .9rem;align-items:center}
.cf-fokus li i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(244,241,232,.4);font:800 .95rem/1 var(--sc-font-display);font-style:normal;color:var(--sc-ink-soft);background:transparent}
.cf-fokus .lb{font:700 clamp(1.05rem,1.6vw,1.3rem)/1.25 var(--sc-font-display);opacity:calc(.35 + .65 * var(--lit))}
.cf-fokus .bar{grid-column:1/-1;height:10px;border-radius:10px;background:rgba(244,241,232,.12);overflow:hidden}
.cf-fokus .bar s{display:block;width:100%;height:100%;transform-origin:0 50%;text-decoration:none;background:linear-gradient(90deg,#c88b1f,var(--gold),#ffe08a)}
@media (max-width:860px){.cf-fokus{grid-template-columns:1fr;gap:var(--sc-4)}}
/* b: kenapa, 35 tahun */
.cf-why{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sc-7);align-items:center;margin-top:var(--sc-6)}
.cf-ring{position:relative;width:min(16rem,30vw);aspect-ratio:1}
.cf-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.cf-ring circle{fill:none;stroke-width:10}
.cf-ring .tr{stroke:rgba(244,241,232,.14)}
.cf-ring .pg{stroke:var(--gold);stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(242,183,63,.6))}
.cf-ring__n{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.cf-ring__n b{font:800 clamp(3rem,7vw,4.6rem)/1 var(--sc-font-display);color:#fff;font-variant-numeric:tabular-nums}
.cf-ring__n small{margin-top:.2rem;font:700 .8rem/1 var(--sc-font-text);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.cf-badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--sc-4)}
.cf-badges li{display:flex;gap:.9rem;align-items:center;padding:1.05rem 1.1rem;border-radius:16px;background:var(--sc-surface);border:1px solid var(--edge);font-weight:600;line-height:1.4}
.cf-badges .st{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:50%;border:2px solid var(--gold);background:rgba(242,183,63,.1);will-change:transform}
.cf-badges svg{width:34px;height:34px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:860px){.cf-why{grid-template-columns:1fr;justify-items:center;gap:var(--sc-5)}.cf-ring{width:min(11rem,50vw)}.cf-badges{grid-template-columns:1fr;width:100%}}
.cf-tes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sc-5);margin-top:var(--sc-6)}
.cf-t{margin:0;padding:1.4rem 1.3rem 1.2rem;border-radius:16px;background:var(--sc-surface);border:1px solid var(--edge);display:flex;flex-direction:column;gap:.85rem;opacity:calc(.22 + var(--lit,1)*.78);transform:translate3d(0,calc((1 - var(--lit,1))*24px),0);will-change:transform,opacity}
.cf-t--big{grid-column:1/-1;background:linear-gradient(170deg,#12331f 0%,#0e2a22 55%,#0c1c22 100%)}
.cf-t--big blockquote{font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.6}
.cf-stars{display:flex;gap:.2rem}
.cf-stars svg{width:24px;height:24px;fill:rgba(242,183,63,var(--on,1));stroke:var(--gold);stroke-width:1.4;stroke-linejoin:round}
.cf-t blockquote{margin:0;line-height:1.62;color:#ece8de;flex:1}
.cf-t figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .7rem;font-size:.92rem;color:var(--sc-ink-soft)}
.cf-t figcaption b{color:var(--sc-ink)}
.cf-tesnote{margin:1.4rem 0 0;font-size:.86rem;color:var(--sc-ink-soft)}
@media (max-width:860px){.cf-tes{grid-template-columns:1fr}}
/* e: court lines drawn around the map */
.cf-mapwrap{position:relative;padding:18px}
.cf-mapwrap .cf-mapcap{margin:.55rem 0 0;padding-left:.2rem;font:600 .74rem/1.2 var(--sc-font-text);letter-spacing:.06em;text-transform:uppercase;color:var(--sc-ink-soft)}
.cf-frame{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.cf-frame path{fill:none;stroke:var(--chalk);stroke-width:2.5;stroke-linejoin:round}
.cf-frame #cf-fr2{stroke:var(--gold);stroke-width:1.5}
/* sample ribbon: always says what this is */
.sk-ribbon{position:fixed;top:0;left:0;right:0;height:30px;z-index:70;display:flex;align-items:center;justify-content:center;gap:.8rem;padding:0 .8rem;white-space:nowrap;overflow:hidden;background:#f7c64f;color:#1a1204;font:600 .74rem/1 var(--sc-font-text);text-align:center}
.sk-ribbon span{overflow:hidden;text-overflow:ellipsis}
.sk-ribbon a{flex:none}
.sk-ribbon a{color:inherit;text-underline-offset:3px}
.sk-foot-note{font-size:var(--sc-t-xs);color:var(--sc-ink-soft);max-width:62ch;line-height:1.55}
/* floating WhatsApp, left of the ring so they never touch (ring takes about 110px from the right) */
.sk-wa{position:fixed;right:104px;bottom:22px;z-index:2147482990;display:inline-flex;align-items:center;gap:.45rem;min-height:48px;padding:.6rem 1rem;border-radius:999px;background:#1f8f55;color:#fff;font:600 .9rem/1 var(--sc-font-text);text-decoration:none;box-shadow:0 10px 24px -10px rgba(0,0,0,.55)}
.sk-wa svg{width:18px;height:18px;flex:none}
.sk-wa:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:420px){.sk-wa span{display:none}.sk-wa{padding:.6rem .8rem}}
/* reviews shared bits */
.sk-stars{display:inline-flex;gap:2px;color:#f7c64f}
.sk-stars svg{width:15px;height:15px}
.sk-stars .off{color:color-mix(in oklab,var(--sc-ink) 22%,transparent)}
.sk-tag{display:inline-block;font:700 .68rem/1 var(--sc-font-text);letter-spacing:.12em;text-transform:uppercase;padding:.38rem .55rem;border-radius:4px;background:color-mix(in oklab,var(--sc-accent) 18%,transparent);color:var(--sc-ink);border:1px solid color-mix(in oklab,var(--sc-accent) 55%,transparent)}
/* map */
.sk-map{position:relative;border-radius:var(--sc-r-lg);overflow:hidden;background:var(--sc-surface);aspect-ratio:4/3;box-shadow:var(--sc-e2)}
.sk-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.35) contrast(1.05)}
/* demo checkout */
dialog.sk-pay{width:min(28rem,calc(100vw - 2rem));max-height:calc(100svh - 2rem);overflow:auto;padding:0;border:0;border-radius:var(--sc-r-lg);background:#fbfaf7;color:#16140f;box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
dialog.sk-pay::backdrop{background:rgba(8,10,14,.62);backdrop-filter:blur(4px)}
.sk-pay__in{padding:1.4rem 1.3rem 1.3rem;font:400 .95rem/1.5 var(--sc-font-text)}
.sk-pay h2{font:700 1.35rem/1.15 var(--sc-font-display);margin:0 0 .3rem;letter-spacing:-.01em}
.sk-pay .demo{display:inline-block;margin-bottom:.8rem;font:700 .7rem/1 var(--sc-font-text);letter-spacing:.12em;text-transform:uppercase;background:#16140f;color:#f7c64f;padding:.4rem .55rem;border-radius:4px}
.sk-pay label{display:block;font-weight:600;font-size:.85rem;margin:.9rem 0 .3rem}
.sk-pay select{width:100%;min-height:46px;font:inherit;padding:.55rem .7rem;border:1px solid #cfcac0;border-radius:10px;background:#fff;color:#16140f}
.sk-pay .amt{display:flex;justify-content:space-between;align-items:baseline;margin-top:1.1rem;padding-top:.9rem;border-top:1px solid #e3ded4}
.sk-pay .amt b{font:700 1.6rem/1 var(--sc-font-display)}
.sk-pay .small{font-size:.8rem;color:#5d5850;margin:.5rem 0 0}
.sk-pay .row{display:flex;gap:.6rem;margin-top:1.1rem;flex-wrap:wrap}
.sk-pay button{font:700 .95rem/1 var(--sc-font-text);min-height:48px;padding:.8rem 1.1rem;border-radius:12px;border:0;cursor:pointer}
.sk-pay .go{flex:1;background:#16140f;color:#fff}
.sk-pay .ghost{background:transparent;color:#16140f;border:1px solid #cfcac0}
.sk-pay .go:focus-visible,.sk-pay .ghost:focus-visible,.sk-pay select:focus-visible{outline:2px solid #c79426;outline-offset:2px}
.sk-pay .x{position:absolute;right:.6rem;top:.6rem;width:40px;height:40px;min-height:0;padding:0;background:transparent;font-size:1.4rem;color:#16140f}
.sk-pay .ok{display:flex;gap:.6rem;align-items:flex-start;background:#eef7ef;border:1px solid #bfe0c6;border-radius:12px;padding:.8rem;margin:.6rem 0}
.sk-pay .ok svg{width:22px;height:22px;flex:none;color:#1f8f55;margin-top:2px}
.sk-pay__in{position:relative}
html.pay-open{overflow:hidden}
.sk-toast{position:fixed;left:50%;top:84px;z-index:2147483001;transform:translate(-50%,-8px);opacity:0;pointer-events:none;width:min(24rem,calc(100vw - 2rem));background:#fbfaf7;color:#16140f;border-radius:12px;padding:.8rem 1rem;font:500 .9rem/1.4 var(--sc-font-text);box-shadow:0 20px 40px -12px rgba(0,0,0,.6);transition:opacity .2s,transform .2s}
.sk-toast[data-on="1"]{opacity:1;transform:translate(-50%,0)}