@layer components{.mp{--mp-acc-c:var(--mp-acc,var(--aksen))}.mp-avatar,.mp-btn-acc{background:var(--mp-acc-c)}.mp-btn-plain{background:var(--permukaan);color:var(--teks);border:1px solid var(--garis)}.mp-on-dark{color:var(--permukaan)}.mp-on-light{color:var(--teks)}[data-theme=dark] .mp-on-dark{color:var(--teks);--mp-acc-c:color-mix(in srgb, var(--mp-acc,var(--aksen)) 85%, var(--latar))}[data-theme=dark] .mp-on-light{color:var(--latar)}.mp-on-tok{color:var(--permukaan)}[data-theme=dark] .mp-on-tok{color:var(--latar)}a.mp-btn{text-decoration:none;transition:transform .16s}a.mp-btn:hover{transform:translateY(-1px)}.mp-acc-text{color:var(--mp-acc-c)}.mp-acc-soft{background:color-mix(in srgb, var(--mp-acc-c) 14%, var(--permukaan))}.phone-static>div>div:last-child{overflow:hidden}.bub-out{background:var(--mp-acc-c,var(--aksen))}.bub-staff{background:var(--permukaan-2);color:var(--teks)}.wa-card{background:color-mix(in srgb, var(--berjaya) 12%, var(--permukaan));border:1px solid color-mix(in srgb, var(--berjaya) 35%, var(--garis))}.wa-btn{background:var(--berjaya);color:var(--permukaan)}[data-theme=dark] .wa-btn{color:var(--latar)}@keyframes dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.typing-dots span{background:var(--teks-lembut);border-radius:999px;width:6px;height:6px;animation:1s infinite dot;display:inline-block}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}@keyframes grow-in{0%{opacity:0;grid-template-rows:0fr}to{opacity:1;grid-template-rows:1fr}}@keyframes grow-out{0%{opacity:1;grid-template-rows:1fr}to{opacity:0;grid-template-rows:0fr}}@keyframes rise-in{0%{transform:translateY(28px)}to{transform:none}}.grow-seq>.g{opacity:0;animation:.46s cubic-bezier(.2,.8,.2,1) forwards grow-in;animation-delay:var(--d,0s);grid-template-rows:0fr;display:grid}.grow-seq>.g>*{min-height:0;overflow:hidden}.grow-seq>.g-typing{animation:.28s forwards grow-in,.24s forwards grow-out;animation-delay:var(--d,0s), var(--d2,0s)}.grow-seq>.g-slide>*>*{animation:.62s cubic-bezier(.2,.8,.2,1) both rise-in;animation-delay:var(--d,0s)}@media (prefers-reduced-motion:reduce){.grow-seq>.g{opacity:1;grid-template-rows:1fr;animation:none}.grow-seq>.g-typing{display:none}.grow-seq>.g-slide>*>*{animation:none;transform:none}.typing-dots span,.spin{animation:none}.reveal,.tick{opacity:1;transition:none;transform:none}a.mp-btn:hover{transform:none}}.display{font-family:var(--fon-display,inherit);letter-spacing:-.035em;text-wrap:balance;font-weight:800;line-height:.98}.lede{text-wrap:pretty}.faq summary{cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary .chev{transition:transform .2s}.faq details[open] summary .chev{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.faq summary .chev{transition:none}}.staff-av{background:var(--role-soft);color:var(--role);box-shadow:0 0 0 2px var(--permukaan), 0 0 0 3px color-mix(in srgb, var(--role) 45%, transparent)}.role-chip{background:var(--role-soft);color:var(--role)}.stage{background:color-mix(in srgb, var(--permukaan-2) 70%, var(--latar));border:1px solid var(--garis)}@media (width<=639px){.phone-z{zoom:.66}.hero-chat .bub-out,.hero-chat .bub-staff{font-size:.72rem}}.hero-grid{grid-template-areas:"copy""vis""form"}@media (width>=1024px){.hero-grid{grid-template-columns:1.02fr 1fr;grid-template-areas:"copy vis""form vis";align-items:center}.hero-grid>:first-child{align-self:end}.hero-grid>:last-child{align-self:start}}@media (width<=639px){.hero-phone>div{height:20.5rem;aspect-ratio:auto!important}.hero-phone .hero-page{visibility:hidden}}.slip{background:var(--permukaan);border:1px solid var(--garis);box-shadow:var(--bayang-tinggi,var(--bayang))}.meter{background:var(--permukaan-2)}.meter>span{background:var(--amaran)}.notif{background:var(--permukaan-atas,var(--permukaan));border:1px solid var(--garis);box-shadow:var(--bayang-tinggi,var(--bayang))}.wa-head{background:color-mix(in srgb, var(--berjaya) 16%, var(--permukaan))}.wa-in{background:var(--permukaan);border:1px solid var(--garis)}.wa-wall{background:color-mix(in srgb, var(--berjaya) 6%, var(--latar))}}