/* FAWA_TANYA_PAGE_POLISH_R3 (owner: "All", 2026-10-30; patterns from the owner's design references:
   supahero.io product preview + trust row, dark.design one primary/one secondary CTA, cta.gallery closing CTA band). */

/* 1. Hero trust line (replaces the small "Berasaskan maklumat rasmi" line) */
.hero-copy .microcopy.trust{display:block!important;text-align:left;color:#e4e2dd!important}
.hero-copy .microcopy.trust>span{margin-right:8px;vertical-align:1px}
.hero-copy .microcopy.trust b{color:#ffd166;font-weight:800}

/* 3. One primary + one secondary: the speech bubble is a greeting only */
html body #fawa-welcome #fawa-welcome-ask{display:none!important}

/* 2. Sample chat (product preview) */
.demo-chat{width:min(1150px,calc(100% - 40px));margin:auto;padding:56px 0 8px;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.demo-chat h2{margin:0;color:var(--paper,#f4f1ea);font-size:clamp(1.8rem,3.4vw,3rem);letter-spacing:-.045em;line-height:1.08}
.demo-chat .demo-copy>p:not(.eyebrow){color:#bdbab4;font-size:15px;max-width:460px;margin:12px 0 22px}
.demo-window{background:#f4f2ee;border-radius:20px;padding:18px;box-shadow:0 30px 80px #0008,0 0 0 1px #ffffff14;color:#1d1f24}
.demo-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #e3e0da;margin-bottom:14px}
.demo-head img{width:34px;height:34px;border-radius:10px;background:#111}
.demo-head b{font-size:15px}.demo-head small{display:block;font-size:12px;color:#5e626b}
.demo-msg{max-width:88%;padding:12px 14px;border-radius:16px;font-size:15px;line-height:1.5;margin:8px 0}
.demo-msg.user{margin-left:auto;background:#fde7ea;color:#8f1d2c;border:1px solid #f4c4cb;font-weight:600}
.demo-msg.bot{background:#fff;border:1px solid #e3e0da}
.demo-msg.bot .demo-act{display:inline-block;margin-top:10px;background:#a32834;color:#fff;border-radius:999px;padding:8px 14px;font-weight:700;font-size:13px;text-decoration:none}
@media (max-width:899px){.demo-chat{grid-template-columns:1fr;gap:22px;padding-top:40px}}

/* 4. Closing CTA band before the footer */
.final-cta{width:min(1150px,calc(100% - 40px));margin:24px auto 64px;padding:56px 32px;text-align:center;border-radius:28px;
  background:radial-gradient(ellipse at 50% 0%,#e0233c33,transparent 60%),#141519;border:1px solid #2d2f35}
.final-cta h2{margin:0 auto;max-width:760px;color:#fff;font-size:clamp(2rem,4.6vw,3.6rem);letter-spacing:-.05em;line-height:1.05}
.final-cta p{color:#c9c6c0;font-size:16px;margin:14px auto 26px;max-width:560px}
.final-cta .btn{min-height:56px;padding:14px 34px;font-size:16px;border-radius:999px;box-shadow:0 12px 36px #e0233c55}
.hero-copy .microcopy.trust{white-space:nowrap}.hero-copy .microcopy.trust em{font-style:normal}
@media (max-width:899px){.hero-copy .microcopy.trust{font-size:12.5px;text-align:center}.hero-copy .microcopy.trust .t-x2{display:none}}
@media (max-width:380px){.hero-copy .microcopy.trust .t-x{display:none}}