@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"JetBrains Mono",Menlo,Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}
html{font-family:var(--font-sans);color:#0f172a;background:#fafaf9;-webkit-text-size-adjust:100%}
body{margin:0;background:#fafaf9;-webkit-font-smoothing:antialiased}
a{color:#047857}
a:hover{color:#065f46}
input::placeholder{color:#a8a29e}
button,input{font-family:inherit}
#app{font-family:var(--font-sans);color:#0f172a;background:#fafaf9;min-height:100vh}
@keyframes umScan{0%{top:8%}50%{top:90%}100%{top:8%}}
@keyframes umPulse{0%,100%{opacity:1}50%{opacity:.55}}
.sk{animation:umPulse 1.4s ease-in-out infinite}
.hv-f5:hover{background:#f5f5f4 !important}
.hv-fa:hover{background:#fafaf9 !important;color:#0f172a !important}
.hv-d6:hover{background:#d6d3d1 !important}
.hv-g7:hover{background:#047857 !important}
.fc-g:focus{border-color:#059669 !important}
.fc-gw:focus{border-color:#059669 !important;background:#fff !important}
.strip{scrollbar-width:none}
.strip::-webkit-scrollbar{display:none}
button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #059669;outline-offset:2px}
input:focus-visible{outline:none}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Landing per merek (merek.json). Font merek di-host sendiri (CSP font-src 'self'), dimuat hanya bila dipakai. */
@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-latin.woff2) format("woff2")}
@font-face{font-family:"Cormorant SC";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/cormorant-sc-latin-700.woff2) format("woff2")}
.lp{background:var(--lt);color:var(--ut);min-height:100vh;font-size:15px;line-height:1.5}
.lp-w{max-width:560px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.lp-lebar{max-width:1208px;padding-left:24px;padding-right:24px}
.lp-konten{border-radius:12px;overflow:hidden;background:var(--gr);box-shadow:0 2px 8px rgba(0,0,0,.12);transition:transform .2s ease,box-shadow .2s ease}
.lp-konten:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.lp-tujuan{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;border-radius:9999px;background:var(--ut);color:var(--lt);font-size:12px;font-weight:600;line-height:1;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.lp-tanya:hover{border-color:var(--ak) !important}
.lp-pilih:hover{border-color:var(--lt) !important}
@media (prefers-reduced-motion:reduce){.lp-konten{transition:none}.lp-konten:hover{transform:none}}
.lp-gelap{background:var(--ut);color:var(--lt)}
.lp-serif{font-family:"DM Serif Display",Georgia,serif;font-weight:400}
.lp-sc{font-family:"Cormorant SC",Georgia,serif;font-weight:700;letter-spacing:1.5px}
.lp-label{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ak)}
.lp a:focus-visible,.lp button:focus-visible{outline-color:var(--ak)}
/* Gaya "panggung" (merek.json gaya: "panggung") — tirai, sorot lampu, tiket, huruf poster */
@font-face{font-family:"Anton";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-latin.woff2) format("woff2")}
.lp-panggung .lp-serif,.lp-panggung .lp-sc{font-family:"Anton",Impact,"Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.5px}
.lp-panggung .lp-sc{letter-spacing:1.5px}
.lp-pentas{position:relative;overflow:hidden;background:radial-gradient(ellipse 55% 80% at 50% -10%,rgba(255,232,190,.26),rgba(255,232,190,0) 70%),var(--ut)}
.lp-tirai{position:absolute;inset:0;pointer-events:none}
.lp-tirai::before,.lp-tirai::after{content:"";position:absolute;top:0;bottom:0;width:clamp(22px,7vw,96px);background:repeating-linear-gradient(90deg,rgba(0,0,0,.30) 0 5px,rgba(0,0,0,0) 5px 9px,rgba(255,255,255,.07) 9px 12px,rgba(0,0,0,0) 12px 16px),var(--ak)}
.lp-tirai::before{left:0;border-bottom-right-radius:60% 22%;box-shadow:6px 0 18px rgba(0,0,0,.35)}
.lp-tirai::after{right:0;border-bottom-left-radius:60% 22%;box-shadow:-6px 0 18px rgba(0,0,0,.35)}
.lp-valans{position:absolute;left:0;right:0;top:0;height:22px;pointer-events:none;background:radial-gradient(circle at 50% 0,var(--ak) 68%,transparent 70%) 0 0/34px 22px repeat-x;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.lp-lampu{position:absolute;left:0;right:0;bottom:10px;height:12px;background:radial-gradient(circle,#FFE6B0 0 3px,rgba(255,230,176,.35) 4px,transparent 7px) 50% 50%/30px 12px repeat-x;opacity:.9}
.lp-tiket{position:relative;display:flex;align-items:stretch;width:100%;background:var(--lt);color:var(--ut);border-radius:12px;text-align:left;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.lp-tiket::before,.lp-tiket::after{content:"";position:absolute;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:var(--ut)}
.lp-tiket::before{left:-10px}
.lp-tiket::after{right:-10px}
.lp-tiket-sobek{flex:none;width:92px;border-left:2px dashed var(--gr);padding:12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}