[data-preview-open="true"]{display:block!important;visibility:visible!important;opacity:1!important;max-height:none!important;height:auto!important;overflow:visible!important}

/* Motion restored for the static preview where the source app normally drives it. */
.nx-preview-reveal{opacity:0!important;transform:translate3d(0,14px,0)!important;transition:opacity .72s cubic-bezier(.16,1,.3,1) var(--nx-reveal-delay,0ms),transform .72s cubic-bezier(.16,1,.3,1) var(--nx-reveal-delay,0ms)!important;will-change:opacity,transform}
.nx-preview-reveal.nx-preview-visible{opacity:1!important;transform:translate3d(0,0,0)!important}

/* Sticky glass navigation */
header.nx-preview-scrolled>div>div:first-child{opacity:1!important}
header.nx-preview-scrolled nav{height:56px!important}

/* Product story cards and their long-running progress sweep */
#product button.nx-demo-selected{background:rgba(255,255,255,.045)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)}
#product button.nx-demo-selected p:first-of-type{color:rgba(255,255,255,.96)!important}
#product button.nx-demo-selected p:nth-of-type(2){color:rgba(255,255,255,.68)!important}
#product button:not(.nx-demo-selected) p:first-of-type{color:rgba(255,255,255,.58)!important}
#product button:not(.nx-demo-selected) p:nth-of-type(2){color:rgba(255,255,255,.38)!important}
.nx-preview-progress{position:absolute;inset:0 auto 0 0;z-index:-1;width:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.075));animation:nx-preview-progress-fill 15.16s linear forwards}
@keyframes nx-preview-progress-fill{to{width:100%}}

/* Reconstructed WhatsApp conversation inside the product phone */
.nx-preview-chat{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;align-items:stretch;gap:8px;overflow-y:auto;overscroll-behavior:contain;padding:12px 9px 10px;scrollbar-width:none}
.nx-preview-chat::-webkit-scrollbar{display:none}
.nx-chat-message{align-self:flex-end;width:min(82%,208px);padding:8px 10px;border-radius:9px 9px 3px 9px;background:#075e54;color:#eaf6f2;font:400 12px/1.38 Manrope,Arial,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.14);animation:nx-chat-in .46s cubic-bezier(.16,1,.3,1) both}
.nx-chat-meta{align-self:flex-end;margin-top:-8px;padding-right:3px;color:rgba(255,255,255,.38);font:400 8px/1 Manrope,Arial,sans-serif}
.nx-chat-typing{display:flex;align-self:flex-start;align-items:center;gap:7px;margin-top:-5px;animation:nx-chat-in .5s .18s both}
.nx-chat-orb{width:11px;height:11px;flex:none;border-radius:50%;background:#ff7439;box-shadow:0 0 14px rgba(255,105,49,.35)}
.nx-chat-dots{display:flex;align-items:center;gap:4px;padding:7px 10px;border-radius:999px;background:#303033}
.nx-chat-dots i{width:4px;height:4px;border-radius:50%;background:#96969a;animation:nx-chat-dot 1s ease-in-out infinite}
.nx-chat-dots i:nth-child(2){animation-delay:.13s}.nx-chat-dots i:nth-child(3){animation-delay:.26s}
.nx-chat-reply{align-self:flex-start;width:min(94%,260px);padding:9px 10px;border:1px solid rgba(255,255,255,.075);border-radius:10px 10px 10px 3px;background:#252628;color:#e7e7e8;font:400 11px/1.43 Manrope,Arial,sans-serif;animation:nx-chat-in .42s cubic-bezier(.16,1,.3,1) both}
.nx-chat-agent-label{display:block;margin-bottom:4px;color:#ff8055;font:600 8px/1.2 Manrope,Arial,sans-serif;letter-spacing:.08em}
.nx-chat-reply-copy{margin:0}
.nx-chat-source{display:block;margin-top:6px;color:rgba(255,255,255,.48);font:400 8px/1.35 Manrope,Arial,sans-serif}
.nx-chat-draft{align-self:flex-start;width:min(96%,270px);padding:9px;border:1px solid rgba(37,211,102,.24);border-radius:10px;background:#1e2021;box-shadow:0 6px 16px rgba(0,0,0,.18);animation:nx-chat-in .44s .08s cubic-bezier(.16,1,.3,1) both}
.nx-chat-draft-heading{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.64);font:600 8px/1.2 Manrope,Arial,sans-serif;letter-spacing:.07em}
.nx-chat-draft-status{margin-left:auto;padding:2px 6px;border-radius:999px;background:rgba(37,211,102,.13);color:#61d99b;font-size:7px;letter-spacing:0}
.nx-chat-recipient{margin:6px 0 4px;color:rgba(255,255,255,.5);font:400 8px/1.3 Manrope,Arial,sans-serif}
.nx-chat-draft-copy{margin:0;color:#e6e6e7;font:400 10px/1.4 Manrope,Arial,sans-serif}
.nx-chat-attachment{display:inline-flex;margin-top:6px;padding:3px 6px;border-radius:5px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.55);font:400 8px/1.2 Manrope,Arial,sans-serif}
.nx-chat-attachment::before{content:"▧";margin-right:4px;color:#8d8d91}
.nx-chat-approve{display:block;margin:8px 0 0 auto;padding:5px 10px;border:0;border-radius:999px;background:#087f63;color:#f4fffb;font:600 9px/1.2 Manrope,Arial,sans-serif;cursor:pointer;transition:background .18s ease,transform .18s ease}
.nx-chat-approve:hover{background:#099b76;transform:translateY(-1px)}
.nx-chat-approve:disabled{background:#285e4e;color:rgba(255,255,255,.75);cursor:default;transform:none}
.nx-chat-approval{align-self:flex-end;max-width:82%;padding:6px 9px;border-radius:9px 9px 3px 9px;background:#075e54;color:#eaf6f2;font:500 10px/1.3 Manrope,Arial,sans-serif;animation:nx-chat-in .3s ease both}
.nx-chat-sent{margin-top:0}
.nx-chat-disclaimer{align-self:center;margin:2px 0 0;color:rgba(255,255,255,.43);font:500 7px/1.25 Manrope,Arial,sans-serif;letter-spacing:.035em;text-align:center}
.nx-preview-data-statement{transition:none!important;will-change:color}
.nx-preview-data-statement>span{transition:none!important;will-change:opacity}
.nx-preview-data-statement>span>span[aria-hidden="true"]{transition:none!important;transform-origin:left center}
@media(prefers-reduced-motion:reduce){.nx-preview-data-statement{transition:none!important}}
/* FAQ answers are added for the static preview because the source accordion markup omits hydrated panels. */
#faq .nx-preview-faq-panel{padding:0 0 18px 25px;color:rgba(255,255,255,.62);font-size:14px;line-height:1.7;font-weight:300;max-width:790px;animation:nx-faq-reveal .24s cubic-bezier(.16,1,.3,1) both}
#faq .nx-preview-faq-panel[hidden]{display:none!important}
#faq button[aria-expanded="true"]>span{color:rgba(255,255,255,.96)!important}
#faq button[aria-expanded="true"]>svg{color:#ff8055;transform:rotate(45deg)}
#faq li{transition:border-color .2s ease}
#faq li.nx-preview-faq-open{border-color:rgba(255,255,255,.2)}
@keyframes nx-faq-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes nx-chat-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes nx-chat-dot{0%,60%,100%{opacity:.38;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}

/* Data-scene tiles follow the same reversible scroll progress as the statement. */
.nx-preview-data-tile{transition:opacity .08s linear,filter .08s linear,translate .08s linear!important;will-change:opacity,filter,translate}

/* The architecture core restores its valid orange gradient and softens the dark overlay. */
.nx-preview-core-glow{background-image:linear-gradient(140deg,#f04443 0%,#ff4b01 58%,#ffc17b 100%)!important;opacity:1!important;filter:brightness(1.28) saturate(1.3);animation:nx-preview-core-pulse 7s ease-in-out infinite alternate}
.nx-preview-core-shade{opacity:0!important}
#how-it-works div[style*="#c22e35"]{background-image:linear-gradient(140deg,#f04443 0%,#ff4b01 58%,#ffc17b 100%)!important;opacity:1!important;filter:brightness(1.28) saturate(1.3)}
#how-it-works div[style*="#c22e35"]+div[style*="rgba(10,10,10,0.12)"]{opacity:.2!important}
@keyframes nx-preview-core-pulse{from{filter:brightness(1.16) saturate(1.16)}to{filter:brightness(1.48) saturate(1.4)}}

/* Counter/chart entrance */
.nx-preview-stat-bar{transition:height 1.45s cubic-bezier(.16,1,.3,1)!important}
.nx-preview-word{transition:opacity .8s cubic-bezier(.16,1,.3,1),color .8s ease!important}
.nx-preview-word.nx-preview-word-active{opacity:1!important;color:#f5a08a!important}
.nx-preview-word .nx-preview-highlight{transform:scaleX(1)!important;transition:transform .95s cubic-bezier(.16,1,.3,1)!important}

@media(prefers-reduced-motion:reduce){.nx-preview-reveal,.nx-preview-data-tile,.nx-preview-stat-bar,.nx-preview-word,.nx-preview-progress,.nx-chat-message,.nx-chat-typing,.nx-chat-dots i,.nx-chat-reply,.nx-chat-draft,.nx-chat-approval,.nx-chat-sent,#faq .nx-preview-faq-panel,.nx-preview-core-glow{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#how-it-works .nx-preview-core-stage{isolation:isolate;background-color:#121212!important}
#how-it-works .nx-preview-core-stage::before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,#f04443 0%,#ff4b01 58%,#ffc17b 100%);filter:brightness(1.3) saturate(1.32);animation:nx-preview-core-pulse 7s ease-in-out infinite alternate}
#how-it-works .nx-preview-core-stage>div[style*="#c22e35"]{opacity:0!important}
#how-it-works .nx-preview-core-stage>div[style*="rgba(10,10,10,0.12)"]{opacity:0!important}
#how-it-works .nx-preview-core-stage>.nx-preview-core-content{position:relative;z-index:3}
@media(prefers-reduced-motion:reduce){#how-it-works .nx-preview-core-stage::before{animation:none!important}}

.nx-preview-blue-glow{opacity:1!important;filter:brightness(1.35) saturate(1.03);animation:nx-preview-blue-pulse 6.5s ease-in-out infinite alternate}
@keyframes nx-preview-blue-pulse{from{filter:brightness(1.25) saturate(.98)}to{filter:brightness(1.5) saturate(1.08)}}
.nx-preview-agent-active{border-color:rgba(52,211,153,.72)!important;box-shadow:0 0 0 3px rgba(52,211,153,.12)!important;animation:nx-agent-pulse 3.2s ease-in-out infinite}
@keyframes nx-agent-pulse{0%,100%{box-shadow:0 0 0 2px rgba(52,211,153,.08)}50%{box-shadow:0 0 0 4px rgba(52,211,153,.18)}}
@media(prefers-reduced-motion:reduce){.nx-preview-blue-glow,.nx-preview-agent-active{animation:none!important}}

#how-it-works .nx-preview-agent-status{opacity:1!important;transform:translateY(0)!important;transition:opacity .2s ease,transform .2s ease!important}
#how-it-works .nx-preview-agent-status.nx-preview-status-exit{opacity:0!important;transform:translateY(5px)!important}

#how-it-works .nx-preview-blue-stage{background-size:150% 150%!important;background-position:0% 0%;box-shadow:inset 0 0 24px rgba(116,170,255,.1);animation:nx-preview-stage-drift 7s ease-in-out infinite alternate}
@keyframes nx-preview-stage-drift{from{background-position:0% 10%}to{background-position:100% 90%}}
@media(prefers-reduced-motion:reduce){#how-it-works .nx-preview-blue-stage{animation:none!important}}

/* Functional mobile mode selector: make the active choice visibly track the demo. */
#product [role="radiogroup"] button.nx-preview-mode-selected{position:relative;z-index:1;border-radius:7px;background:rgba(255,255,255,.14)!important;color:#fff!important;opacity:1!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
#product [role="radiogroup"] button[role="radio"]{transition:background-color .18s ease,color .18s ease,opacity .18s ease}
#product [role="radiogroup"] button[role="radio"]:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:2px}


/* WhatsApp-style conversation: realistic right/left bubbles, agent avatar, and an inline margin chart. */
#product .nx-whatsapp-device{isolation:isolate}
#product .nx-whatsapp-device-clip{border-radius:40px}
#product .nx-whatsapp-device-panel{height:100%!important}
#product .nx-whatsapp-screen{background:#181818!important}
#product .nx-whatsapp-header{min-height:48px;border-bottom:1px solid rgba(255,255,255,.045)}
#product .nx-whatsapp-feed{min-height:0!important;gap:0!important;padding:0!important;overflow:hidden!important}
#product .nx-whatsapp-note{min-height:34px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.07);font-size:9px!important}
.nx-preview-chat{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;align-items:stretch;gap:10px;overflow-y:auto;overscroll-behavior:contain;padding:12px 10px 12px;scrollbar-width:none}
.nx-preview-chat::-webkit-scrollbar{display:none}
.nx-chat-message{position:relative;align-self:flex-end;width:fit-content;max-width:79%;padding:9px 11px 22px;border:1px solid rgba(255,255,255,.035);border-radius:12px 12px 3px 12px;background:#075e54;color:#f0f6f4;font:400 12px/1.42 Manrope,Arial,sans-serif;box-shadow:0 3px 10px rgba(0,0,0,.15);animation:nx-chat-in .4s cubic-bezier(.16,1,.3,1) both}
.nx-chat-message::after{position:absolute;right:-5px;bottom:-1px;width:0;height:0;border-top:7px solid #075e54;border-left:7px solid transparent;content:""}
.nx-chat-message-copy{display:block}
.nx-chat-meta{display:flex;align-items:center;gap:4px;color:rgba(255,255,255,.52);font:400 8px/1 Manrope,Arial,sans-serif}
.nx-chat-message .nx-chat-meta{position:absolute;right:8px;bottom:6px;margin:0;padding:0}
.nx-chat-ticks{color:#8fe0c3;font-size:9px;letter-spacing:-2px}
.nx-chat-inbound-row,.nx-chat-draft-row,.nx-chat-typing{display:flex;align-self:flex-start;align-items:flex-end;gap:7px;width:100%;animation:nx-chat-in .42s cubic-bezier(.16,1,.3,1) both}
.nx-chat-avatar{display:block;flex:0 0 19px;width:19px;height:19px;margin-bottom:2px;border:1px solid rgba(255,190,135,.25);border-radius:50%;background:linear-gradient(140deg,#ff9c36 0%,#ff6b22 47%,#ff4b01 100%);box-shadow:0 2px 9px rgba(255,89,22,.22),inset 0 1px 2px rgba(255,255,255,.28)}
.nx-chat-reply{position:relative;flex:0 1 auto;width:fit-content;max-width:calc(100% - 27px);padding:8px 10px;border:1px solid rgba(255,255,255,.075);border-radius:11px 11px 11px 3px;background:#2c2d2f;color:#ededee;font:400 11px/1.46 Manrope,Arial,sans-serif;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.nx-chat-reply::before{position:absolute;left:-5px;bottom:-1px;width:0;height:0;border-top:7px solid #2c2d2f;border-right:7px solid transparent;content:""}
.nx-chat-reply-copy{margin:0}
.nx-chat-source{display:block;margin-top:5px;color:rgba(255,255,255,.48);font:400 8px/1.35 Manrope,Arial,sans-serif}
.nx-chat-chart-row{display:flex;align-self:flex-start;align-items:flex-end;gap:7px;width:100%;animation:nx-chat-in .46s cubic-bezier(.16,1,.3,1) both}
.nx-chat-chart-card{flex:1 1 auto;min-width:0;max-width:calc(100% - 27px);padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#242527;color:#e9e9ea;box-shadow:0 5px 15px rgba(0,0,0,.14)}
.nx-chat-chart-title{display:block;font:600 12px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.015em}
.nx-chat-chart-subtitle{display:block;margin-top:3px;color:rgba(255,255,255,.52);font:400 9px/1.35 Manrope,Arial,sans-serif}
.nx-chat-chart-rows{display:grid;gap:7px;margin-top:10px}
.nx-chat-chart-row-item{display:grid;grid-template-columns:25px minmax(0,1fr) 37px;align-items:center;gap:7px;min-width:0}
.nx-chat-chart-month{color:rgba(255,255,255,.56);font:400 9px/1.2 Manrope,Arial,sans-serif}
.nx-chat-chart-track{display:block;height:10px;overflow:hidden;border-radius:99px;background:#37383a}
.nx-chat-chart-fill{display:block;height:100%;border-radius:inherit;background:#858688}
.nx-chat-chart-fill.is-orange{background:linear-gradient(90deg,#ff633a,#ff753f)}
.nx-chat-chart-value{color:#d8d8da;text-align:right;font:400 9px/1.2 Manrope,Arial,sans-serif;font-variant-numeric:tabular-nums}
.nx-chat-chart-value.is-orange{color:#ff8055}
.nx-chat-chart-note{margin:9px 0 0;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.63);font:400 9px/1.42 Manrope,Arial,sans-serif}
.nx-chat-typing{gap:7px;margin-top:0;animation:nx-chat-in .35s .12s both}
.nx-chat-dots{display:flex;align-items:center;gap:4px;padding:7px 9px;border:1px solid rgba(255,255,255,.025);border-radius:999px;background:#303033}
.nx-chat-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#8e8e92;animation:nx-chat-dot 1s ease-in-out infinite}
.nx-chat-dots i:nth-child(2){animation-delay:.13s}.nx-chat-dots i:nth-child(3){animation-delay:.26s}
.nx-chat-draft-row .nx-chat-draft{flex:1 1 auto;min-width:0;max-width:calc(100% - 27px)}
.nx-chat-draft{padding:9px;border:1px solid rgba(37,211,102,.24);border-radius:11px;background:#202122;box-shadow:0 5px 14px rgba(0,0,0,.16)}
.nx-chat-draft-heading{font:600 8px/1.2 Manrope,Arial,sans-serif;letter-spacing:.07em}
.nx-chat-recipient{margin:6px 0 4px;color:rgba(255,255,255,.5);font:400 8px/1.3 Manrope,Arial,sans-serif}
.nx-chat-draft-copy{margin:0;color:#e6e6e7;font:400 10px/1.42 Manrope,Arial,sans-serif}
.nx-chat-attachment{display:inline-flex;margin-top:6px;padding:3px 6px;border-radius:5px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.55);font:400 8px/1.2 Manrope,Arial,sans-serif}
.nx-chat-attachment::before{content:"▧";margin-right:4px;color:#8d8d91}
.nx-chat-approve{display:block;margin:8px 0 0 auto;padding:5px 10px;border:0;border-radius:999px;background:#087f63;color:#f4fffb;font:600 9px/1.2 Manrope,Arial,sans-serif;cursor:pointer}
.nx-chat-approval{align-self:flex-end;max-width:82%;padding:6px 9px;border-radius:11px 11px 3px 11px;background:#075e54;color:#eaf6f2;font:500 10px/1.35 Manrope,Arial,sans-serif}
.nx-chat-disclaimer{align-self:center;margin:1px 0 0;color:rgba(255,255,255,.42);font:500 7px/1.25 Manrope,Arial,sans-serif;letter-spacing:.035em;text-align:center}
#product .nx-whatsapp-locale-toggle{top:11px;right:12px;z-index:35;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(42,42,44,.9);padding:2px;backdrop-filter:blur(8px)}
#product .nx-whatsapp-mode-scroll{margin-left:0!important;margin-right:0!important;padding-right:0!important;padding-left:0!important;overflow:visible!important}
#product .nx-whatsapp-controls{padding-top:26px!important}
#product .nx-whatsapp-mode-selector{width:100%!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
#product .nx-whatsapp-controls>p{margin-top:22px!important}
@media(max-width:767px){
  #product .nx-whatsapp-device{width:min(600px,calc(100vw - 100px))!important;height:auto!important;aspect-ratio:.63;margin-top:-31px!important}
  #product .nx-whatsapp-device-clip{height:100%!important;border-radius:42px!important}
  #product .nx-whatsapp-device-panel{height:100%!important}
  #product .nx-whatsapp-viewport{height:calc(100% - 14px)!important;padding-top:68px!important}
  #product .nx-whatsapp-header{min-height:78px;padding:13px 16px!important;gap:12px!important}
  #product .nx-whatsapp-header>div:first-of-type{width:42px!important;height:42px!important}
  #product .nx-whatsapp-header>div:first-of-type svg{width:23px!important;height:23px!important}
  #product .nx-whatsapp-header p:first-child{font-size:20px!important;line-height:1.1!important}
  #product .nx-whatsapp-header p+p{font-size:13px!important;line-height:1.25!important}
  #product .nx-whatsapp-header>svg{width:20px!important;height:20px!important}
  #product .nx-whatsapp-feed{overflow:hidden!important}
  #product .nx-whatsapp-note{min-height:48px;padding:12px 16px;font-size:14px!important}
  #product .nx-whatsapp-locale-toggle{top:15px;right:15px;padding:3px}
  #product .nx-whatsapp-locale-toggle button{padding-right:12px!important;padding-left:12px!important;font-size:12px!important}
  .nx-preview-chat{gap:13px;padding:18px 14px 16px}
  .nx-chat-message{max-width:82%;padding:12px 15px 27px;border-radius:15px 15px 4px 15px;font-size:17px;line-height:1.42}
  .nx-chat-message::after{right:-6px;border-top-width:8px;border-left-width:8px}
  .nx-chat-meta{font-size:10px}
  .nx-chat-message .nx-chat-meta{right:11px;bottom:7px}
  .nx-chat-ticks{font-size:11px}
  .nx-chat-inbound-row,.nx-chat-draft-row,.nx-chat-typing,.nx-chat-chart-row{gap:10px}
  .nx-chat-avatar{flex-basis:42px;width:42px;height:42px;margin-bottom:3px;box-shadow:0 3px 12px rgba(255,89,22,.24),inset 0 1px 3px rgba(255,255,255,.3)}
  .nx-chat-reply{max-width:calc(100% - 52px);padding:12px 16px;border-radius:15px 15px 15px 4px;font-size:17px;line-height:1.43}
  .nx-chat-reply::before{left:-6px;border-top-width:8px;border-right-width:8px}
  .nx-chat-source{font-size:12px}
  .nx-chat-chart-card{max-width:calc(100% - 52px);padding:18px 18px 16px;border-radius:16px}
  .nx-chat-chart-title{font-size:20px;line-height:1.3}
  .nx-chat-chart-subtitle{margin-top:6px;font-size:15px;line-height:1.35}
  .nx-chat-chart-rows{gap:13px;margin-top:17px}
  .nx-chat-chart-row-item{grid-template-columns:62px minmax(0,1fr) 62px;gap:12px}
  .nx-chat-chart-month,.nx-chat-chart-value{font-size:16px}
  .nx-chat-chart-track{height:19px}
  .nx-chat-chart-note{margin-top:16px;padding-top:13px;font-size:15px;line-height:1.45}
  .nx-chat-dots{gap:7px;padding:10px 15px}
  .nx-chat-dots i{width:9px;height:9px}
  .nx-chat-draft-row .nx-chat-draft{max-width:calc(100% - 52px)}
  .nx-chat-draft{padding:14px;border-radius:15px}
  .nx-chat-draft-heading{font-size:11px}
  .nx-chat-recipient{font-size:12px}
  .nx-chat-draft-copy{font-size:15px}
  .nx-chat-attachment{font-size:11px}
  .nx-chat-approve{font-size:12px}
  .nx-chat-disclaimer{font-size:9px}
  #product .nx-whatsapp-controls{padding:22px 30px 34px!important}
  #product .nx-whatsapp-mode-scroll{overflow:visible!important}
  #product .nx-whatsapp-mode-selector{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;}
  #product [role="radiogroup"] button[role="radio"]{min-width:0!important;padding-right:4px!important;padding-left:4px!important;font-size:clamp(9px,1.7vw,12px)!important;letter-spacing:.06em}
  #product .nx-whatsapp-controls>p{margin-top:24px!important;font-size:clamp(19px,3.8vw,28px)!important;line-height:1.55!important}
}
@media(prefers-reduced-motion:reduce){.nx-chat-message,.nx-chat-inbound-row,.nx-chat-chart-row,.nx-chat-typing{animation:none!important}}


/* High-density phone screens: keep the composition proportional to a 390px CSS viewport. */
@media(max-width:767px){
  #product .nx-whatsapp-device{width:min(600px,85vw)!important;aspect-ratio:.52}
  #product .nx-whatsapp-viewport{padding-top:84px!important}
  #product .nx-whatsapp-header{min-height:54px;padding:8px 10px!important;gap:8px!important}
  #product .nx-whatsapp-header>div:first-of-type{width:34px!important;height:34px!important}
  #product .nx-whatsapp-header>div:first-of-type svg{width:23px!important;height:23px!important}
  #product .nx-whatsapp-header p:first-child{font-size:16px!important}
  #product .nx-whatsapp-header p+p{font-size:10px!important}
  #product .nx-whatsapp-header>svg{width:15px!important;height:15px!important}
  #product .nx-whatsapp-locale-toggle{top:55px;right:9px}
  #product .nx-whatsapp-locale-toggle button{padding-right:8px!important;padding-left:8px!important;font-size:9px!important}
  #product .nx-whatsapp-note{padding:8px!important;font-size:8px!important}
  .nx-chat-message{padding:5px 10px 9px;border-radius:10px 10px 3px 10px;font-size:13px;line-height:1.42}
  .nx-chat-message::after{right:-5px;border-top-width:7px;border-left-width:7px}
  .nx-chat-meta{font-size:7px}
  .nx-chat-message .nx-chat-meta{right:7px;bottom:4px}
  .nx-chat-ticks{font-size:8px}
  .nx-chat-inbound-row,.nx-chat-draft-row,.nx-chat-typing,.nx-chat-chart-row{gap:6px}
  .nx-chat-avatar{flex-basis:24px;width:24px;height:24px;margin-bottom:2px}
  .nx-chat-reply{max-width:min(60vw,420px);padding:8px 10px;border-radius:10px 10px 10px 3px;font-size:13px;line-height:1.43}
  .nx-chat-reply::before{left:-5px;border-top-width:7px;border-right-width:7px}
  .nx-chat-source{font-size:8px}
  .nx-chat-chart-card{max-width:min(67vw,480px);padding:10px;border-radius:10px}
  .nx-chat-chart-title{font-size:12px;line-height:1.3}
  .nx-chat-chart-subtitle{margin-top:4px;font-size:9.5px;line-height:1.35}
  .nx-chat-chart-rows{gap:10px;margin-top:10px}
  .nx-chat-chart-row-item{grid-template-columns:35px minmax(0,1fr) 35px;gap:7px}
  .nx-chat-chart-month,.nx-chat-chart-value{font-size:9px}
  .nx-chat-chart-track{height:11px}
  .nx-chat-chart-note{margin-top:9px;padding-top:7px;font-size:9.5px;line-height:1.45}
  .nx-chat-dots{gap:4px;padding:7px 9px}
  .nx-chat-dots i{width:5px;height:5px}
  .nx-chat-draft-row .nx-chat-draft{max-width:min(67vw,480px)}
  .nx-chat-draft{padding:9px;border-radius:10px}
  .nx-chat-draft-heading{font-size:8px}
  .nx-chat-recipient{font-size:8px}
  .nx-chat-draft-copy{font-size:9px}
  .nx-chat-attachment{font-size:8px}
  .nx-chat-approve{font-size:9px}
  .nx-chat-disclaimer{font-size:7px}
  #product .nx-whatsapp-mode-selector{max-width:min(510px,73vw)!important;margin-right:auto!important;margin-left:auto!important}
  #product [role="radiogroup"] button[role="radio"]{font-size:clamp(8px,2.15vw,12px)!important;letter-spacing:.05em}
  #product .nx-whatsapp-controls>p{max-width:min(510px,73vw)!important;margin-right:auto!important;margin-left:auto!important;font-size:clamp(16px,4.1vw,20px)!important;line-height:1.55!important}
}


/* Keep the whole Analyze exchange in view instead of scrolling the opening question away. */
@media(max-width:767px){
  #product .nx-whatsapp-header{min-height:34px;padding:0 10px!important}
  #product .nx-whatsapp-note{min-height:36px;padding:5px 8px!important}
  .nx-preview-chat{gap:8px;padding:12px 14px 10px}
  .nx-chat-reply{padding:6px 10px}
  #product .nx-whatsapp-controls{padding-top:28px!important}
  #product .nx-whatsapp-controls>p{font-size:clamp(15px,3.8vw,19px)!important}
}


@media(max-width:767px){
  #product .nx-whatsapp-note-bar{padding-top:4px!important;padding-bottom:4px!important}
  #product .nx-whatsapp-note{min-height:28px!important;padding:3px 8px!important}
  .nx-preview-chat{padding-top:26px}
}

/* Match the reference handset's softer, edge-to-edge mobile silhouette. */
@media(max-width:767px){
  #product .nx-whatsapp-device{width:min(600px,calc(100vw - 64px))!important;height:auto!important;aspect-ratio:.52!important;margin-top:37px!important}
  #product .nx-whatsapp-device-clip{border-radius:50px!important}
  #product .nx-whatsapp-frame{padding:3px!important;border-radius:48px!important;box-shadow:0 28px 72px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.16)!important}
  #product .nx-whatsapp-bezel{padding:3px!important;border-radius:45px!important;background:#09090a!important}
  #product .nx-whatsapp-glass{border-radius:42px!important}
  #product .nx-whatsapp-island{top:14px!important;width:98px!important;height:28px!important;box-shadow:inset 0 1px 2px rgba(255,255,255,.035)}
  #product .nx-whatsapp-locale-toggle{top:63px!important}
  #product .nx-whatsapp-viewport{height:calc(100% - 14px)!important;padding-top:93px!important}
  #product .nx-preview-chat{padding-top:34px!important}
}

/* Crop the lower handset rails into the surrounding dark surface at every breakpoint. */
#product .nx-whatsapp-device::after{
  content:"";
  position:absolute;
  z-index:80;
  right:0;
  bottom:0;
  left:0;
  height:48px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(13,13,13,.12),rgba(13,13,13,.78) 56%,#0d0d0d);
  clip-path:polygon(0 0,26px 0,26px calc(100% - 9px),calc(100% - 26px) calc(100% - 9px),calc(100% - 26px) 0,100% 0,100% 100%,0 100%);
}
@media(min-width:768px){
  #product .nx-whatsapp-device::after{height:56px}
}

/* Smooth in-page navigation, while honoring system reduced-motion preferences. */
html.scroll-smooth{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){
  html.scroll-smooth{scroll-behavior:auto!important}
}