.bml-page-bg{color:#fff;-webkit-font-smoothing:antialiased;background:#0a0e27;min-height:100vh;position:relative;overflow-x:hidden}.bml-page-bg-fx{pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 10%,#4f46e533 0%,#0000 45%),radial-gradient(circle at 85% 85%,#7c3aed24 0%,#0000 45%);position:fixed;inset:0}.bml-mockup-browser{-webkit-font-smoothing:antialiased;background:linear-gradient(#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff1a;border-radius:16px;max-width:980px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Switzer,SF Pro Display,Segoe UI,sans-serif;animation:.6s cubic-bezier(.16,1,.3,1) both bml-mockup-rise;overflow:hidden;box-shadow:0 30px 80px -20px #0009,0 0 60px -20px #4f46e540,inset 0 1px #ffffff0d}.bml-mockup-caption{text-align:center;color:#ffffff8c;max-width:720px;margin:18px auto 0;font-size:13.5px;line-height:1.55}.bml-mockup-chrome{background:#ffffff08;border-bottom:1px solid #ffffff14;align-items:center;gap:14px;padding:12px 16px;display:flex}.bml-mockup-traffic{flex-shrink:0;gap:6px;display:flex}.bml-mockup-traffic-dot{border-radius:50%;width:11px;height:11px;display:block}.bml-mockup-traffic-red{background:#ff5f57}.bml-mockup-traffic-yellow{background:#febc2e}.bml-mockup-traffic-green{background:#28c840}.bml-mockup-urlbar{color:#ffffff8c;font-variant-numeric:tabular-nums;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:999px;flex:1;align-items:center;gap:8px;max-width:380px;height:26px;margin:0 auto;padding:0 12px;font-size:11.5px;display:inline-flex}.bml-mockup-urlbar svg{color:#818cf8b3;flex-shrink:0}.bml-mockup-pulse-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.8s ease-out infinite bml-mockup-pulse;display:inline-block;box-shadow:0 0 #10b981b3}.bml-mockup-editor{grid-template-columns:1.4fr 1fr;gap:0;min-height:360px;display:grid}.bml-mockup-editor-left{border-right:1px solid #ffffff14;flex-direction:column;gap:14px;padding:22px 24px;display:flex}.bml-mockup-editor-meta{justify-content:space-between;align-items:center;font-size:11px;display:flex}.bml-mockup-editor-meta-label{color:#ffffff80;letter-spacing:.04em;text-transform:uppercase;font-weight:600}.bml-mockup-editor-meta-status{color:#10b981;align-items:center;gap:6px;font-weight:500;display:inline-flex}.bml-mockup-editor-subject{color:#fff;letter-spacing:-.015em;border-bottom:1px solid #ffffff0f;padding-bottom:12px;font-size:17px;font-weight:700;line-height:1.3}.bml-mockup-editor-body{flex-direction:column;gap:8px;display:flex}.bml-mockup-editor-body p{color:#ffffffc7;margin:0;font-size:13px;line-height:1.55}.bml-mockup-editor-button{color:#fff;letter-spacing:-.005em;background:linear-gradient(#4f46e5 0%,#4338ca 100%);border-radius:8px;align-self:flex-start;margin-top:4px;padding:9px 18px;font-size:12.5px;font-weight:600;box-shadow:0 6px 14px -6px #4f46e580}.bml-mockup-editor-right{background:#ffffff05;flex-direction:column;gap:12px;padding:22px;display:flex}.bml-mockup-chat-head{align-items:center;gap:10px;margin-bottom:4px;display:flex}.bml-mockup-chat-avatar{background:linear-gradient(135deg,#818cf8,#a78bfa);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.bml-mockup-chat-name{color:#ffffffd9;font-size:12.5px;font-weight:600}.bml-mockup-chat-bubble{border-radius:12px;max-width:95%;padding:10px 13px;font-size:12.5px;line-height:1.45}.bml-mockup-chat-user{color:#ffffffeb;background:#4f46e52e;border:1px solid #818cf84d;align-self:flex-end}.bml-mockup-chat-ai{color:#ffffffd1;background:#ffffff0d;border:1px solid #ffffff14;flex-direction:column;align-self:flex-start;gap:6px;display:flex}.bml-mockup-chat-ai span{align-items:center;gap:6px;display:inline-flex}.bml-mockup-chat-ai span:before{content:"";background-color:#10b9812e;background-image:linear-gradient(45deg,#0000 45%,#10b981 45% 55%,#0000 55%),linear-gradient(-45deg,#0000 45%,#10b981 45% 55%,#0000 55%);background-position:50%;background-repeat:no-repeat;background-size:6px 6px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #10b98180;border-radius:50%;flex-shrink:0;width:11px;height:11px}.bml-mockup-chat-typing{background:#ffffff0a;border-radius:12px;align-self:flex-start;gap:4px;padding:10px 14px;display:inline-flex}.bml-mockup-chat-typing span{background:#818cf8a6;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite bml-mockup-typing}.bml-mockup-chat-typing span:nth-child(2){animation-delay:.15s}.bml-mockup-chat-typing span:nth-child(3){animation-delay:.3s}.bml-mockup-stats{flex-direction:column;gap:18px;padding:24px;display:flex}.bml-mockup-stats-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.bml-mockup-stats-title{color:#fff;letter-spacing:-.015em;font-size:15px;font-weight:700}.bml-mockup-stats-sub{color:#ffffff80;margin-top:2px;font-size:12px}.bml-mockup-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.bml-mockup-stat-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:4px;padding:14px 14px 12px;display:flex}.bml-mockup-stat-hero{background:linear-gradient(#4f46e524 0%,#4f46e50a 100%);border-color:#818cf84d}.bml-mockup-stat-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;font-size:10.5px;font-weight:600}.bml-mockup-stat-value{color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.1}.bml-mockup-stat-value span{color:#ffffff8c;letter-spacing:0;margin-left:2px;font-size:12.5px;font-weight:500}.bml-mockup-stat-delta{color:#ffffff80;font-size:11.5px}.bml-mockup-stat-up{color:#10b981}.bml-mockup-chart{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:16px 18px}.bml-mockup-chart-head{color:#ffffffc7;justify-content:space-between;align-items:baseline;margin-bottom:14px;font-size:12px;font-weight:600;display:flex}.bml-mockup-chart-legend{letter-spacing:.04em;text-transform:uppercase;color:#fff6;font-size:10.5px;font-weight:500}.bml-mockup-chart-bars{grid-template-columns:repeat(6,1fr);align-items:end;gap:10px;height:100px;display:grid}.bml-mockup-chart-bar{background:linear-gradient(#818cf873 0%,#4f46e540 100%);border-radius:4px 4px 0 0;min-height:12px;animation:.8s cubic-bezier(.16,1,.3,1) both bml-mockup-bar-grow;position:relative}.bml-mockup-chart-bar:first-child{animation-delay:50ms}.bml-mockup-chart-bar:nth-child(2){animation-delay:.1s}.bml-mockup-chart-bar:nth-child(3){animation-delay:.15s}.bml-mockup-chart-bar:nth-child(4){animation-delay:.2s}.bml-mockup-chart-bar:nth-child(5){animation-delay:.25s}.bml-mockup-chart-bar:nth-child(6){animation-delay:.3s}.bml-mockup-chart-bar-active{background:linear-gradient(#818cf8 0%,#4f46e5 100%);box-shadow:0 0 16px #818cf866}.bml-mockup-chart-bar span{color:#ffffff8c;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.bml-mockup-chart-bar-active span{color:#c7d2fe;font-weight:600}.bml-mockup-insights{background:linear-gradient(#4f46e51a 0%,#4f46e505 100%);border:1px solid #818cf833;border-radius:12px;padding:14px 18px 16px}.bml-mockup-insights-head{letter-spacing:.06em;text-transform:uppercase;color:#c7d2fe;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:700;display:inline-flex}.bml-mockup-insights ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bml-mockup-insights li{color:#ffffffc7;font-size:12.5px;line-height:1.5}.bml-mockup-insights strong{color:#fff;font-weight:600}.bml-mockup-recipients{flex-direction:column;gap:14px;padding:22px 24px 24px;display:flex}.bml-mockup-recipients-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.bml-mockup-search{color:#ffffff80;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;flex:1;align-items:center;gap:8px;height:32px;padding:0 12px;font-size:12px;display:inline-flex}.bml-mockup-search svg{color:#fff6}.bml-mockup-recipients-meta{color:#ffffff80;flex-shrink:0;font-size:11.5px}.bml-mockup-recipients-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.bml-mockup-recipient{background:#ffffff06;border:1px solid #ffffff0a;border-radius:10px;grid-template-columns:34px 1fr auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.bml-mockup-avatar{color:#fff;letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:11.5px;font-weight:700;display:inline-flex}.bml-mockup-avatar-1{background:linear-gradient(135deg,#818cf8,#6366f1)}.bml-mockup-avatar-2{background:linear-gradient(135deg,#34d399,#10b981)}.bml-mockup-avatar-3{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.bml-mockup-avatar-4{background:linear-gradient(135deg,#f472b6,#db2777)}.bml-mockup-recipient-info{flex-direction:column;min-width:0;display:flex}.bml-mockup-recipient-name{color:#fff;letter-spacing:-.005em;font-size:13px;font-weight:600}.bml-mockup-recipient-mail{color:#ffffff80;font-variant-numeric:tabular-nums;font-size:11.5px}.bml-mockup-recipient-tags{flex-shrink:0;gap:6px;display:flex}.bml-mockup-tag{color:#c7d2fe;background:#818cf81a;border:1px solid #818cf833;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:500}.bml-mockup-pill{letter-spacing:.02em;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:10.5px;font-weight:600}.bml-mockup-pill-good{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.bml-mockup-pill-pending{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2440}.bml-mockup-domain-card{background:linear-gradient(#4f46e51a 0%,#4f46e505 100%);border:1px solid #818cf833;border-radius:12px;margin-top:6px;padding:14px 16px}.bml-mockup-domain-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.bml-mockup-domain-label{letter-spacing:.06em;text-transform:uppercase;color:#c7d2fe;font-size:10.5px;font-weight:700}.bml-mockup-domain-value{color:#fff;font-variant-numeric:tabular-nums;margin-top:2px;font-size:13.5px;font-weight:600}.bml-mockup-dns{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bml-mockup-dns-row{color:#ffffffb3;background:#ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 11px;font-size:11.5px;font-weight:600;display:flex}.bml-mockup-check{color:#34d399;letter-spacing:.04em;align-items:center;gap:4px;font-size:10.5px;font-weight:700;display:inline-flex}.bml-mockup-check:before{content:"";background:#34d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #34d39999}@keyframes bml-mockup-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bml-mockup-pulse{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes bml-mockup-typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes bml-mockup-bar-grow{0%{transform-origin:bottom;transform:scaleY(0)}to{transform-origin:bottom;transform:scaleY(1)}}@media (max-width:720px){.bml-mockup-editor{grid-template-columns:1fr}.bml-mockup-editor-left{border-bottom:1px solid #ffffff14;border-right:0}.bml-mockup-stats-grid{grid-template-columns:repeat(2,1fr)}.bml-mockup-recipient{grid-template-columns:34px 1fr auto;grid-template-areas:"avatar info pill""avatar tags tags";row-gap:6px}.bml-mockup-avatar{grid-area:avatar}.bml-mockup-recipient-info{grid-area:info}.bml-mockup-recipient-tags{flex-wrap:wrap;grid-area:tags}.bml-mockup-pill-good,.bml-mockup-pill-pending{grid-area:pill;justify-self:end}.bml-mockup-dns{grid-template-columns:1fr}.bml-mockup-urlbar{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.bml-mockup-browser,.bml-mockup-pulse-dot,.bml-mockup-chat-typing span,.bml-mockup-chart-bar{animation:none!important}}
