.hero{padding:80px 40px 72px;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:64px;min-height:auto}
.hero-label{display:inline-block;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--slate-light);margin-bottom:28px}
.hero h1{font-size:clamp(36px,4.2vw,56px);font-weight:800;line-height:1.07;letter-spacing:-1.5px;color:var(--navy);margin-bottom:22px}
.hero h1 .accent{color:var(--amber)}
.hero-desc{font-size:16px;line-height:1.72;color:var(--slate);max-width:440px;margin-bottom:36px}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:44px}
.btn-primary{background:var(--navy);color:var(--white);padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s;white-space:nowrap;letter-spacing:.1px}
.btn-primary:hover{opacity:.82}
.btn-primary-hero{padding:15px 32px;font-size:15px;border-radius:9px;box-shadow:0 2px 12px rgba(15,23,42,.18)}
.btn-text{color:var(--slate);font-size:14px;font-weight:500;text-decoration:none;transition:color .15s;white-space:nowrap}
.btn-text:hover{color:var(--navy)}
.btn-text .arrow{display:inline-block;transition:transform .15s;margin-left:4px}
.btn-text:hover .arrow{transform:translateX(3px)}
.hero-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.meta-item{display:flex;align-items:baseline;gap:5px}
.meta-num{font-size:20px;font-weight:800;color:var(--navy);letter-spacing:-.5px}
.meta-label{font-size:13px;color:var(--slate)}
.meta-sep{width:1px;height:18px;background:var(--border);flex-shrink:0}
.hero-panel{background:var(--navy);border-radius:16px;padding:32px;color:#fff;position:relative;overflow:hidden;opacity:0;transform:translateX(24px);animation:panelIn .8s cubic-bezier(.22,1,.36,1) .2s forwards}
.hero-panel::after{content:'Z';position:absolute;right:-12px;bottom:-36px;font-size:200px;font-weight:900;color:rgba(255,255,255,.03);line-height:1;user-select:none;font-family:'Arial Black',Arial,sans-serif}
@keyframes panelIn{to{opacity:1;transform:translateX(0)}}
.panel-header{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:6px}
.panel-status-row{display:flex;align-items:center;gap:8px;margin-bottom:24px}
.status-dot{width:7px;height:7px;border-radius:50%;background:#4ADE80;flex-shrink:0;box-shadow:0 0 6px rgba(74,222,128,.6)}
.status-text{font-size:13px;font-weight:600;color:#fff}
.panel-divider{height:1px;background:rgba(255,255,255,.08);margin-bottom:20px}
.panel-services{display:flex;flex-direction:column;gap:0}
.panel-service{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.panel-service:last-child{border-bottom:none}
.ps-name{font-size:13px;color:rgba(255,255,255,.65)}
.ps-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:4px;letter-spacing:.5px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.5)}
.ps-badge.active{background:rgba(201,153,58,.2);color:var(--amber)}
.ps-badge-soon{background:rgba(99,102,241,.25);color:#A5B4FC;font-size:10px;font-weight:700;padding:3px 9px;border-radius:4px;letter-spacing:.5px}
.ps-badge-busy{background:rgba(251,146,60,.18);color:#FCA25D;font-size:10px;font-weight:700;padding:3px 9px;border-radius:4px;letter-spacing:.5px}
.panel-footer{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:rgba(255,255,255,.3);display:flex;align-items:center;gap:6px}
.panel-uptime-dot{width:6px;height:6px;border-radius:50%;background:#4ADE80;flex-shrink:0;box-shadow:0 0 5px rgba(74,222,128,.55)}
.panel-uptime-domain{color:rgba(255,255,255,.55);font-weight:600;font-size:12px;font-family:'Courier New',Courier,monospace;letter-spacing:.3px}
.panel-uptime-sep{color:rgba(255,255,255,.2)}
.section-wrap{max-width:1100px;margin:0 auto;padding:88px 40px}
.section-wrap.ruled{border-top:1px solid var(--border)}
.section-wrap.bg-off{background:var(--offwhite);max-width:none;padding-left:0;padding-right:0}
.section-wrap.bg-off .section-inner{max-width:1100px;margin:0 auto;padding:0 40px}
.section-wrap.bg-dark{background:var(--navy);max-width:none;padding-left:0;padding-right:0}
.section-wrap.bg-dark .section-inner{max-width:1100px;margin:0 auto;padding:0 40px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--amber);margin-bottom:14px;display:block}
.eyebrow.muted{color:rgba(255,255,255,.3)}
.eyebrow.slate{color:var(--slate-light)}
.section-title{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.8px;line-height:1.12;color:var(--navy)}
.section-title.white{color:#fff}
.section-title .accent{color:var(--amber)}
.products-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:44px;flex-wrap:wrap}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.product-card{background:#fff;padding:36px 32px;text-decoration:none;display:flex;flex-direction:column;transition:background .18s,box-shadow .18s;position:relative;cursor:pointer}
.product-card:hover{background:var(--offwhite);box-shadow:inset 0 0 0 2px var(--border-strong)}
.product-card:hover .pc-arrow{opacity:1;transform:translateX(0)}
.pc-icon{width:42px;height:42px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;color:var(--navy);background:#fff}
.pc-name{font-size:17px;font-weight:700;color:var(--navy);margin-bottom:10px;line-height:1.2}
.pc-desc{font-size:14px;line-height:1.65;color:var(--slate);margin-bottom:28px;flex:1}
.pc-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.pc-link{font-size:13px;font-weight:600;color:var(--navy);letter-spacing:.1px}
.pc-arrow{opacity:0;transform:translateX(-4px);transition:opacity .15s,transform .15s;color:var(--amber)}
.services-secondary{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ss-item{padding:16px 20px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;gap:12px;text-decoration:none;transition:border-color .12s}
.ss-item:hover{border-color:var(--border-strong)}
.ss-icon{color:var(--slate-light);flex-shrink:0}
.ss-name{font-size:14px;font-weight:600;color:var(--navy);display:block;margin-bottom:2px}
.ss-sub{font-size:12px;color:var(--slate)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:44px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--border)}
.why-item{background:#fff;padding:32px 36px}
.why-num{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--amber);margin-bottom:14px;display:block}
.why-title{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:8px;line-height:1.3}
.why-desc{font-size:14px;color:var(--slate);line-height:1.65}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.testi-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:28px 24px}
.testi-stars{display:flex;gap:3px;margin-bottom:12px}
.testi-text{font-size:14px;line-height:1.72;color:var(--navy)}
.testi-author{display:flex;align-items:center;gap:10px}
.testi-avatar{width:36px;height:36px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}
.testi-name{font-size:13px;font-weight:700;color:var(--navy);line-height:1.2}
.testi-role{font-size:11px;color:var(--slate-light);margin-top:1px}
.testi-service{font-size:10px;font-weight:700;letter-spacing:.8px;color:var(--amber);margin-top:3px;text-transform:uppercase}
.cta-wrap{padding:88px 40px;max-width:1100px;margin:0 auto;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr auto;align-items:center;gap:48px}
.cta-title{font-size:clamp(26px,3.2vw,40px);font-weight:800;letter-spacing:-.8px;color:var(--navy);line-height:1.1}
.cta-title .accent{color:var(--amber)}
.cta-btns{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}
.btn-outline{padding:12px 24px;border-radius:8px;border:1.5px solid var(--border);font-size:14px;font-weight:600;color:var(--navy);text-decoration:none;transition:border-color .15s;white-space:nowrap}
.btn-outline:hover{border-color:var(--border-strong)}
footer.index-footer{border-top:1px solid var(--border);padding:36px 40px;background:var(--offwhite)}
footer.index-footer .footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer.index-footer .footer-logo svg{height:28px;width:auto}
.footer-copy{font-size:12px;color:var(--slate-light)}
.footer-links{display:flex;gap:20px;list-style:none}
.footer-links a{font-size:12px;color:var(--slate);text-decoration:none;transition:color .15s}
.footer-links a:hover{color:var(--navy)}
.hiw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:44px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--border)}
.hiw-step{background:#fff;padding:32px 28px;position:relative}
.hiw-num{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--amber);margin-bottom:16px;display:block}
.hiw-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:8px;line-height:1.3}
.hiw-desc{font-size:13px;color:var(--slate);line-height:1.65}
.faq-list{margin-top:40px;border:1px solid var(--border);border-radius:14px;overflow:hidden}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item:last-child{border-bottom:none}
.faq-btn{width:100%;background:#fff;border:none;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s}
.faq-btn:hover{background:var(--offwhite)}
.faq-btn[aria-expanded="true"]{background:var(--offwhite)}
.faq-question{font-size:15px;font-weight:600;color:var(--navy);line-height:1.4}
.faq-icon-wrap{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border);border-radius:6px;color:var(--slate-light);transition:border-color .2s,background .2s,color .2s}
.faq-btn:hover .faq-icon-wrap{border-color:var(--border-strong);color:var(--navy)}
.faq-btn[aria-expanded="true"] .faq-icon-wrap{border-color:var(--navy);background:var(--navy);color:#fff}
.faq-icon-plus{width:14px;height:14px;display:block}
.faq-icon-minus{width:14px;height:14px;display:none}
.faq-btn[aria-expanded="true"] .faq-icon-plus{display:none}
.faq-btn[aria-expanded="true"] .faq-icon-minus{display:block}
.faq-body{overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.22,1,.36,1)}
.faq-body.open{max-height:400px}
.faq-answer{padding:0 28px 20px;font-size:14px;line-height:1.72;color:var(--slate);background:var(--offwhite)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:72px 20px 48px;gap:28px;min-height:auto}.hero-panel{display:none}.hero-status-mobile{display:block;margin-top:28px}.section-wrap{padding:56px 20px}.section-wrap.bg-off .section-inner,.section-wrap.bg-dark .section-inner{padding:0 20px}.products-grid{grid-template-columns:1fr}.services-secondary{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.testi-grid{grid-template-columns:1fr}.cta-wrap{grid-template-columns:1fr;padding:56px 20px;gap:28px}.cta-btns{flex-direction:column}.cta-btns a{text-align:center}footer.index-footer{padding:28px 20px}footer.index-footer .footer-inner{flex-direction:column;align-items:flex-start;gap:16px}.footer-links{flex-wrap:wrap;gap:14px}.products-header{flex-direction:column;align-items:flex-start}.hero-meta{gap:14px}.meta-sep{display:none}.section-title{font-size:24px}.hero h1{font-size:34px}.hiw-grid{grid-template-columns:1fr 1fr}.faq-btn{padding:18px 20px}.faq-answer{padding:0 20px 18px}}
@media(max-width:600px){.why-grid{grid-template-columns:1fr}.why-item{padding:24px 20px}.product-card{padding:28px 20px}.testi-card{padding:22px 18px}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.hero-desc{font-size:15px}.hiw-grid{grid-template-columns:1fr}.hiw-step{padding:24px 20px}.faq-question{font-size:14px}}
.hero-status-mobile{display:none}
.hsm-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.hsm-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--slate-light)}
.hsm-indicator{display:flex;align-items:center;gap:6px}
.hsm-dot{width:6px;height:6px;border-radius:50%;background:#4ADE80;flex-shrink:0;box-shadow:0 0 5px rgba(74,222,128,.6)}
.hsm-text{font-size:11px;font-weight:600;color:#16A34A}
.hsm-services{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hsm-service{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:var(--offwhite);border:1px solid var(--border);border-radius:8px}
.hsm-service-name{font-size:12px;color:var(--slate);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hsm-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.3px;flex-shrink:0}
.hsm-badge.active{background:rgba(201,153,58,.15);color:var(--amber)}
.hsm-badge.soon{background:#EEF2FF;color:#6366F1}
.hsm-badge.busy{background:rgba(251,146,60,.15);color:#F97316}
.pc-loading{display:flex;align-items:center;justify-content:center;padding:60px;width:100%;color:var(--slate-light)}
@keyframes spin{to{transform:rotate(360deg)}}
.pc-spin{animation:spin 1s linear infinite}
.pc-empty{padding:60px 40px;text-align:center;color:var(--slate-light);font-size:14px;width:100%}

/* ============ MAINTENANCE OVERLAY ============ */
#maintenanceOverlay{position:fixed;inset:0;z-index:9999;background:#F8FAFC;overflow-y:auto;display:flex;flex-direction:column;min-height:100vh}
body.mnt-locked{overflow:hidden}
.mnt-inner{max-width:760px;margin:0 auto;padding:56px 24px 40px;flex:1;display:flex;flex-direction:column;gap:28px}
.mnt-illustration{width:100%;max-width:320px;margin:0 auto -8px}
.mnt-illustration svg{width:100%;height:auto}
.mnt-eyebrow{display:block;text-align:center;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#C9993A}
.mnt-title{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-1px;line-height:1.1;color:#0F172A;text-align:center;margin:0}
.mnt-desc{font-size:16px;line-height:1.72;color:#64748B;text-align:center;max-width:560px;margin:0 auto}
.mnt-countdown{text-align:center}
.mnt-cd-label{font-size:13px;color:#94A3B8;margin-bottom:12px}
.mnt-cd-row{display:flex;align-items:center;justify-content:center;gap:8px}
.mnt-cd-unit{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px}
.mnt-cd-num{font-size:48px;font-weight:800;color:#0F172A;letter-spacing:-2px;line-height:1;font-variant-numeric:tabular-nums}
.mnt-cd-sub{font-size:11px;color:#94A3B8;font-weight:500;letter-spacing:.5px}
.mnt-cd-sep{font-size:40px;font-weight:700;color:#CBD5E1;line-height:1;margin-bottom:18px}
.mnt-info-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:28px 32px;display:grid;grid-template-columns:1fr 1fr;gap:32px}
.mnt-info-title{font-size:14px;font-weight:700;color:#0F172A;margin-bottom:20px}
.mnt-info-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F1F5F9}
.mnt-info-row:last-child{border-bottom:none}
.mnt-info-icon{color:#94A3B8;flex-shrink:0;display:flex;align-items:center}
.mnt-info-label{font-size:13px;color:#64748B;min-width:130px}
.mnt-info-val{font-size:13px;color:#0F172A;font-weight:500;flex:1;text-align:right}
.mnt-info-badge{background:#FEF3C7;color:#92400E;font-size:11px;font-weight:700;padding:3px 10px;border-radius:6px;letter-spacing:.3px;flex-shrink:0;margin-left:auto}
.mnt-tasks-title{font-size:14px;font-weight:700;color:#0F172A;margin-bottom:16px}
.mnt-tasks{list-style:none;display:flex;flex-direction:column;gap:12px}
.mnt-task{display:flex;align-items:center;gap:10px;font-size:13px;color:#334155}
.mnt-notify-card{background:#0F172A;border-radius:14px;padding:22px 28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.mnt-notify-icon{width:44px;height:44px;background:rgba(255,255,255,.08);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mnt-notify-text{flex:1;min-width:160px}
.mnt-notify-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:3px}
.mnt-notify-sub{font-size:12px;color:rgba(255,255,255,.5)}
.mnt-notify-btns{display:flex;gap:10px;flex-wrap:wrap}
.mnt-btn-discord{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:8px;background:#5865F2;color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s;white-space:nowrap}
.mnt-btn-discord:hover{opacity:.85}
.mnt-btn-wa{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:8px;background:#25D366;color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s;white-space:nowrap}
.mnt-btn-wa:hover{opacity:.85}
.mnt-support-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:20px 28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.mnt-support-icon{width:40px;height:40px;background:#F1F5F9;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mnt-support-text{flex:1;min-width:160px}
.mnt-support-title{font-size:14px;font-weight:700;color:#0F172A;margin-bottom:3px}
.mnt-support-sub{font-size:12px;color:#64748B}
.mnt-btn-support{padding:9px 18px;border-radius:8px;border:1.5px solid #E2E8F0;font-size:13px;font-weight:600;color:#0F172A;text-decoration:none;white-space:nowrap;transition:border-color .15s;cursor:pointer;background:none;font-family:inherit}
.mnt-btn-support:hover{border-color:#94A3B8}
.mnt-trust-bar{border-top:1px solid #E2E8F0;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.mnt-trust-services{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:#334155;font-weight:600}
.mnt-trust-dot{width:7px;height:7px;border-radius:50%;background:#4ADE80;flex-shrink:0;display:inline-block;box-shadow:0 0 6px rgba(74,222,128,.5)}
.mnt-svc{display:flex;align-items:center;gap:5px;color:#64748B;font-weight:400}
.mnt-svc-dot{width:5px;height:5px;border-radius:50%;background:#4ADE80;display:inline-block}
.mnt-trust-stats{display:flex;gap:20px;flex-shrink:0;flex-wrap:wrap}
.mnt-trust-stats span{font-size:12px;color:#64748B}
.mnt-trust-stats strong{color:#0F172A;font-weight:700}
.mnt-footer{border-top:1px solid #E2E8F0;padding:24px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.mnt-footer-copy,.mnt-footer span{font-size:12px;color:#94A3B8}
.mnt-footer-links{display:flex;gap:18px;list-style:none}
.mnt-footer-links a{font-size:12px;color:#94A3B8;text-decoration:none;transition:color .15s}
.mnt-footer-links a:hover{color:#64748B}
@media(max-width:680px){.mnt-info-card{grid-template-columns:1fr}.mnt-info-label{min-width:100px}.mnt-cd-num{font-size:36px}.mnt-notify-card{gap:14px}.mnt-trust-bar{flex-direction:column;align-items:flex-start}.mnt-trust-stats{gap:12px}.mnt-inner{padding:40px 16px 32px}}

/* ======= WA POPUP ======= */
.wa-popup-box{background:#fff;border-radius:16px;padding:0;width:340px;max-width:calc(100vw - 32px);box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden}
.wa-popup-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #F1F5F9}
.wa-popup-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#0F172A}
.wa-popup-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:#94A3B8;border-radius:7px;transition:background .12s,color .12s}
.wa-popup-close:hover{background:#F1F5F9;color:#0F172A}
.wa-popup-sub{font-size:12px;color:#64748B;padding:10px 20px 4px}
.wa-popup-list{padding:8px 12px 14px;display:flex;flex-direction:column;gap:6px}
.wa-popup-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid #E2E8F0;text-decoration:none;color:#0F172A;font-size:13px;font-weight:500;transition:border-color .15s,background .15s}
.wa-popup-item:hover{border-color:#25D366;background:#F0FDF4}
.wa-popup-item span{flex:1}
.product-card-off{opacity:.55;filter:grayscale(.4);cursor:default;pointer-events:none;position:relative}
.pc-off-badge{position:absolute;top:14px;right:14px;background:#EEF2FF;color:#6366F1;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 10px;border-radius:20px;border:1.5px solid #C7D2FE}
.ss-item-off{opacity:.5;filter:grayscale(.4);cursor:default;pointer-events:none}
.ss-off-badge{font-size:10px;font-weight:600;color:#94A3B8;background:#F1F5F9;border-radius:10px;padding:1px 6px;margin-left:4px;vertical-align:middle}