/* NotifyMe public inner-page visual system v1 · Built by Ideaious Ltd */
.nmz-visual{--ink:#1c2130;--muted:#697383;--purple:#5145e9;color:var(--ink);width:min(100%,540px);margin:0 auto;font-family:Sora,system-ui,sans-serif;font-size:13px}
.nmz-visual *{box-sizing:border-box}
.nmz-device{background:#fff;border:1px solid #e4e8f1;border-radius:24px;box-shadow:0 25px 66px rgba(33,31,88,.09);overflow:hidden}
.nmz-device-top{height:50px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0f5}
.nmz-brand-mini{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:-.5px;font-size:12px}
.nmz-brand-mini i{display:inline-block;width:18px;height:18px;border-radius:6px;background:#5145e9;position:relative}
.nmz-brand-mini i:after{content:'';position:absolute;width:6px;height:6px;right:4px;bottom:4px;border-radius:50%;background:#fff}
.nmz-device-top small{font-size:9px;color:#586575}
.nmz-body{padding:24px}
.nmz-kicker{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#6552e8;text-transform:uppercase}
.nmz-body .nmz-visual-title{font-size:19px;font-weight:800;letter-spacing:-.7px;line-height:1.3;margin:9px 0 9px}
.nmz-body p{font-size:11px;line-height:1.75;color:#687383;margin:0}
.nmz-flow{display:flex;align-items:center;gap:6px;margin-top:23px;flex-wrap:wrap}
.nmz-flow>span{display:inline-flex;align-items:center;gap:7px;padding:9px 10px;border-radius:9px;background:#f6f7fb;border:1px solid #eef0f5;font-size:10px;font-weight:700}
.nmz-flow b{color:#6552e8;font-size:12px}
.nmz-flow>i{font-style:normal;color:#8e95a2;font-weight:700}
.nmz-cardrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.nmz-mini-card{border:1px solid #e9ebf2;border-radius:12px;padding:15px;background:#fff}
.nmz-mini-card strong{display:block;font-size:10px;margin-bottom:7px;color:#252b3a}
.nmz-mini-card small{display:block;color:#596677;font-size:9px;line-height:1.5}
.nmz-mini-card svg{width:22px;height:22px;margin-bottom:12px;stroke:#5a4be3}
.nmz-tag{display:inline-flex;padding:6px 9px;font-size:9px;font-weight:750;border-radius:7px;background:#f0edff;color:#5f4bdb}
.nmz-tag.safe{background:#e8f8f0;color:#25704d}
.nmz-timeline{border-left:2px solid #e5e1ff;margin:18px 0 0 8px;padding:1px 0 0 18px}
.nmz-event{position:relative;margin:0 0 18px}
.nmz-event:last-child{margin-bottom:0}
.nmz-event:before{content:'';position:absolute;top:6px;left:-24px;width:10px;height:10px;border-radius:50%;background:#6752e8;border:3px solid #efedff}
.nmz-event strong{font-size:10px;display:block;margin-bottom:3px}
.nmz-event span{color:#758092;font-size:9px}
.nmz-message{margin-top:17px;border:1px solid #e8eaf2;border-radius:13px;padding:17px;background:#fff}
.nmz-message small{display:block;color:#818899;font-size:9px;margin-bottom:9px}
.nmz-message strong{display:block;font-size:12px;line-height:1.5;margin-bottom:8px}
.nmz-message p{font-size:10px}
.nmz-message.sms{margin-left:10%;background:#f8f7ff;border-color:#e8e3ff}
.nmz-email-frame{border:1px solid #e8eaf0;border-radius:12px;margin-top:15px;overflow:hidden}
.nmz-email-line{display:flex;gap:10px;align-items:center;padding:12px 13px;border-bottom:1px solid #f0f1f4}
.nmz-email-line:last-child{border-bottom:0}
.nmz-email-line b{font-size:9px;min-width:65px;color:#515a6e}
.nmz-email-line span{font-size:10px;color:#737b8c}
.nmz-code{margin:12px 0 0;background:#171c2a;color:#ced9ed;border-radius:15px;padding:23px;overflow-x:auto;font:11px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}
.nmz-code em{color:#a899ff;font-style:normal}
.nmz-code strong{color:#87d7c8}
.nmz-photo{display:block;width:100%;height:310px;object-fit:cover;border-radius:24px}
.nmz-photo-caption{background:#fff;border:1px solid #e9eaf1;box-shadow:0 12px 34px rgba(33,31,88,.08);border-radius:16px;padding:13px 17px;width:84%;margin:-39px auto 0;position:relative;font-size:10px;color:#424b59;font-weight:650}
.nmz-graphic{display:grid;place-items:center;height:300px;border:1px solid #e6e6f2;background:#f3f2ff;border-radius:21px;position:relative;overflow:hidden}
.nmz-graphic svg{width:145px;height:145px;stroke:#5145e9;fill:none;stroke-width:2}
.nmz-graphic small{position:absolute;bottom:20px;color:#6a7083;font-size:10px;font-weight:650}
.nmz-feat-icon{height:38px;width:38px;border-radius:12px;background:#f1efff;color:#5a48e0;display:grid;place-items:center}
.nmz-feat-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nmz-faq{max-width:1080px;margin:0 auto}
.nmz-faq details{border-bottom:1px solid #e9eaf1;padding:17px 0}
.nmz-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:750;line-height:1.5;color:#202637}
.nmz-faq summary:after{content:'+';color:#5c4ae8;font-size:24px;font-weight:400;margin-left:14px}
.nmz-faq details[open] summary:after{content:'−'}
.nmz-faq summary::-webkit-details-marker{display:none}
.nmz-faq p{font-size:12px;line-height:1.9;color:#627080;max-width:830px;margin:13px 0 2px}
.nmz-faq summary:focus-visible{outline:3px solid #bdadff;border-radius:4px}
@media(max-width:767px){.nmz-device{border-radius:17px}.nmz-body{padding:19px}.nmz-body .nmz-visual-title{font-size:17px}.nmz-cardrow{gap:7px}.nmz-mini-card{padding:12px}.nmz-flow>span{padding:8px}.nmz-photo{height:250px;border-radius:20px}.nmz-graphic{height:260px}.nmz-faq summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){.nmz-visual *{scroll-behavior:auto!important;transition:none!important}}

/* WCAG 2.2 AA: readable illustration annotations, and keyboard-focused API examples. */
.nmz-message>small{color:#566174}
.nmz-email-line>span{color:#576576}
.nmz-event>span{color:#566578}
.nmz-graphic>small{color:#525f72}
.nmz-code:focus-visible{outline:3px solid #856ef0;outline-offset:4px}