:root{--ink:#2A3140;--ink-head:#1F2633;--ink-soft:#667085;--blue:#2563EB;--blue-deep:#1D4ED8;--blue-tint:#EFF6FF;--blue-line:#BFDBFE;--bg:#F6F8FC;--card:#FFFFFF;--border:#E4E9F2;--border-strong:#D3DBEA;--radius-lg:12px;--radius-md:10px;--radius-sm:8px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(16,24,40,.04);--shadow-md:0 6px 18px rgba(37,99,235,.10);--font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font)}.smx-page{padding:12px 0 8px;font-family:var(--font);font-size:.875rem;line-height:1.5}.smx-page .container{max-width:1140px}.smx-page h1,.smx-page h2,.smx-page h3{color:var(--ink-head);font-family:var(--font);letter-spacing:-.01em}.smx-sec{margin-top:18px}.smx-stack>* + *{margin-top:12px}.smx-box,.smx-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:14px 16px}.smx-box-title{margin:0 0 2px;font-size:.9375rem;font-weight:700}.smx-hint,.smx-sub{color:var(--ink-soft);font-size:.8125rem}.smx-hint{margin:0 0 12px}.smx-sub{margin:2px 0 0}.smx-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-size:.8125rem;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:.15s ease}.smx-btn-primary{background:var(--blue);color:#fff}.smx-btn-primary:hover{background:var(--blue-deep);color:#fff}.smx-btn-outline{background:#fff;color:var(--blue);border-color:var(--border-strong)}.smx-btn-outline:hover{background:var(--blue-tint);border-color:var(--blue);color:var(--blue-deep)}.smx-btn-light{background:#fff;color:var(--blue-deep)}.smx-btn-light:hover{background:var(--blue-tint);color:var(--blue-deep)}.smx-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}.smx-btn-ghost:hover{background:rgba(255,255,255,.14);color:#fff}.smx-btn-sm{padding:7px 12px;font-size:.78rem}.smx-btn:focus-visible,.smx-view-cat:focus-visible,.smx-pill:focus-visible,.smx-chip:focus-visible,.smx-cat-toggle:focus-visible,.smx-tile:focus-visible,.smx-country a:focus-visible,.smx-linkbtn:focus-visible,.smx-collapse summary:focus-visible,.smx-faq summary:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}.smx-view-cat{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;background:#fff;color:var(--blue);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;text-decoration:none}.smx-view-cat:hover{background:var(--blue-tint);border-color:var(--blue);color:var(--blue-deep)}.smx-linkbtn{padding:6px 10px;background:transparent;color:var(--blue);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.smx-linkbtn:hover{background:var(--blue-tint);border-color:var(--blue)}.smx-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px 20px}.smx-head h1{margin:0;font-size:1.25rem;font-weight:800;line-height:1.3}.smx-lead{max-width:68ch;margin:6px 0 0;color:var(--ink-soft);font-size:.8125rem}.smx-head-actions{display:flex;flex-wrap:wrap;gap:8px}.smx-label{display:block;margin:0 0 6px;font-size:.8125rem;font-weight:700}.smx-search-row{display:flex;align-items:stretch;gap:8px}.smx-search-row input{flex:1;min-width:0;padding:10px 12px;background:#fff;color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;font-size:.875rem}.smx-search-row input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.smx-search-row input::placeholder{color:#94A3B8}.smx-popular{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;color:var(--ink-soft);font-size:.78rem}.smx-chip{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:#F3F6FC;color:var(--blue-deep);font-size:.78rem;font-weight:600;text-decoration:none}.smx-chip:hover{background:var(--blue-tint);border-color:var(--blue)}.smx-loc-pills{display:flex;flex-wrap:wrap;gap:8px}.smx-loc-pill{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 14px;border:1px solid var(--blue-line);border-radius:var(--radius-pill);background:var(--blue-tint);color:var(--blue-deep);font-size:.8125rem;font-weight:600;line-height:1.2;text-decoration:none;transition:.15s ease}.smx-loc-pill:hover{background:var(--blue);border-color:var(--blue);color:#fff}.smx-loc-pill:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}.smx-loc-pill .bi{color:var(--blue)}.smx-loc-pill:hover .bi{color:#fff}.smx-collapse{padding:0}.smx-collapse>summary{display:flex;align-items:center;gap:6px;padding:12px 16px;color:var(--blue);font-size:.8125rem;font-weight:700;cursor:pointer;list-style:none}.smx-collapse>summary::-webkit-details-marker{display:none}.smx-collapse>summary::before{content:"\25B8"}.smx-collapse[open]>summary::before{content:"\25BE"}.smx-collapse-body{padding:0 16px 16px}.smx-steps{margin:0 0 14px;padding-left:24px}.smx-steps li{margin-bottom:12px;font-weight:600}.smx-steps small{display:block;color:var(--ink-soft);font-weight:400}.smx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.smx-tile{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;color:inherit;text-decoration:none}a.smx-tile:hover{border-color:var(--blue);color:inherit}.smx-tile .ico{display:flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--blue-tint);color:var(--blue);font-size:.95rem}.smx-tile .num{font-size:1rem;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--ink-head)}.smx-tile .lbl{color:var(--ink-soft);font-size:.78rem}.smx-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.smx-section-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:800}.smx-section-head h2 .bi{color:var(--blue)}.smx-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.smx-listing-grid>*{min-width:0}.smx-card{position:relative;display:block;height:100px;max-height:100px;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.smx-card:hover,.smx-card:focus-within{border-color:var(--blue-line);box-shadow:var(--shadow-md)}.smx-thumb{float:left;margin:5px;width:88px;height:88px;overflow:hidden;border-radius:var(--radius-sm);background:var(--blue-tint)}.smx-thumb .thumb{display:block;width:100%;height:100%;object-fit:cover}.smx-body{overflow:hidden;padding:6px 10px 0 2px;min-width:0}.smx-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.smx-title{flex:1;min-width:0;margin:0;font-size:.875rem;font-weight:700;line-height:1.35}.smx-title a{display:block;overflow:hidden;color:var(--ink-head);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.smx-title a:hover{color:var(--blue)}.smx-price{flex:none;color:var(--blue-deep);font-size:.84rem;font-weight:800;white-space:nowrap}.smx-tags{display:flex;align-items:center;gap:6px;margin-top:2px;overflow:hidden;white-space:nowrap}.smx-cat,.smx-flag{display:inline-flex;align-items:center;gap:4px;max-width:100%;font-size:.68rem;font-weight:600;line-height:1.5}.smx-cat{min-width:0;overflow:hidden;color:var(--blue-deep);text-overflow:ellipsis}.smx-flag{flex:none;padding:0 7px;border-radius:var(--radius-pill)}.smx-flag-feat{background:#FEF3C7;color:#92400E}.smx-flag-new{background:#DCFCE7;color:#166534}.smx-desc{margin:2px 0 0;overflow:hidden;color:var(--ink-soft);font-size:.76rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.smx-meta{display:flex;align-items:center;gap:10px;margin-top:3px;overflow:hidden;color:var(--ink-soft);font-size:.71rem;line-height:1.4;white-space:nowrap}.smx-meta span{display:inline-flex;align-items:center;gap:4px;flex:none}.smx-meta .smx-loc{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.smx-meta .bi{color:var(--blue)}.smx-empty{padding:28px 20px;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:#fff;color:var(--ink-soft);font-size:.8125rem;text-align:center}.smx-empty strong{display:block;margin-bottom:2px;color:var(--ink-head);font-size:.875rem}.smx-empty p{margin:0 0 12px}.smx-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:start;gap:12px}.smx-cat-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-sm);transition:border-color .15s ease}.smx-cat-card:hover{border-color:var(--blue-line)}.smx-cat-h{margin:0;font-size:inherit}.smx-cat-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border:0;background:#fff;color:inherit;text-align:left;text-decoration:none;cursor:pointer}.smx-cat-toggle:hover{background:#FAFCFF;color:inherit}.smx-cat-label{display:flex;align-items:center;gap:12px;min-width:0}.smx-cat-icon{display:flex;flex:0 0 36px;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--blue-tint);color:var(--blue);font-size:1rem}.smx-cat-title{display:block;color:var(--ink-head);font-size:.875rem;font-weight:700}.smx-cat-count{display:block;color:var(--ink-soft);font-size:.75rem}.smx-cat-chevron{color:var(--ink-soft);transition:transform .25s ease}.smx-cat-chevron-static{color:var(--blue)}.smx-cat-card.open .smx-cat-chevron{transform:rotate(180deg);color:var(--blue)}.smx-cat-body{padding:0 14px 14px}.smx-js .smx-cat-body{max-height:0;overflow:hidden;padding:0 14px;opacity:0;visibility:hidden;transition:max-height .32s ease,opacity .28s ease,padding .28s ease}.smx-js .smx-cat-card.open .smx-cat-body{max-height:700px;padding:0 14px 14px;opacity:1;visibility:visible}.smx-subcats{display:flex;flex-wrap:wrap;gap:6px}.smx-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--border);border-radius:var(--radius-pill);background:#F3F6FC;color:var(--blue-deep);font-size:.78rem;font-weight:600;text-decoration:none}.smx-pill:hover{background:var(--blue);border-color:var(--blue);color:#fff}.smx-more-link{display:inline-flex;align-items:center;gap:4px;padding:10px 2px 0;color:var(--ink-soft);font-size:.78rem;font-weight:700;text-decoration:none}.smx-more-link:hover{color:var(--blue)}.smx-country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:0;padding:0;list-style:none}.smx-country{margin:0}.smx-country a{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none;transition:.15s ease}.smx-country a:hover{border-color:var(--blue-line);box-shadow:var(--shadow-md)}.smx-country .ico{display:flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--blue-tint);color:var(--blue);font-size:.95rem}.smx-country h3{margin:0;font-size:.84rem;font-weight:700;line-height:1.3}.smx-country .cnt{display:block;color:var(--ink-soft);font-size:.72rem;font-weight:400}.smx-panel{height:100%;padding:16px}.smx-panel h2{margin:0 0 12px;font-size:.9375rem;font-weight:800}.smx-how{text-align:center}.smx-how .step-ico{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto 10px;border-radius:var(--radius-md);background:var(--blue-tint);color:var(--blue);font-size:1.1rem}.smx-how h3{margin:0 0 2px;font-size:.875rem;font-weight:700}.smx-how p{margin:0;color:var(--ink-soft);font-size:.8125rem}.smx-safety{margin:0;padding:0;list-style:none}.smx-safety li{display:flex;gap:10px;margin-bottom:10px;color:var(--ink-soft);font-size:.8125rem}.smx-safety li:last-child{margin-bottom:0}.smx-safety .bi{margin-top:2px;color:#059669}.smx-faq details{padding:10px 0;border-bottom:1px solid var(--border)}.smx-faq details:last-child{padding-bottom:0;border-bottom:0}.smx-faq summary{display:flex;justify-content:space-between;gap:10px;list-style:none;cursor:pointer}.smx-faq summary h3{margin:0;font-size:.8125rem;font-weight:700}.smx-faq summary::-webkit-details-marker{display:none}.smx-faq summary::after{content:"+";color:var(--blue);font-weight:800}.smx-faq details[open] summary::after{content:"\2013"}.smx-faq p{margin:6px 0 0;color:var(--ink-soft);font-size:.8125rem}.smx-page .smx-cta-banner{padding:28px 20px;border-radius:var(--radius-lg);background:var(--blue);color:#fff;text-align:center}.smx-page .smx-cta-banner h2{margin:0;color:#fff;font-size:1.125rem;font-weight:800}.smx-page .smx-cta-banner p{max-width:520px;margin:6px auto 16px;color:rgba(255,255,255,.88);font-size:.8125rem}.smx-fab{position:fixed;right:16px;bottom:16px;z-index:1030;box-shadow:0 8px 20px rgba(37,99,235,.35)}@media (max-width:991.98px){.smx-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:575.98px){.smx-page{padding-top:8px}.smx-box{padding:12px 14px}.smx-listing-grid{grid-template-columns:1fr;gap:8px}.smx-head{flex-direction:column;align-items:stretch}.smx-head-actions .smx-btn{flex:1}.smx-search-row{flex-direction:column}.smx-search-row input{font-size:16px}.smx-search-row .smx-btn{width:100%;padding:11px 16px}.smx-stats{gap:8px}.smx-stats>:last-child:nth-child(odd){grid-column:1 / -1}.smx-section-head{flex-wrap:wrap}.smx-cat-grid{grid-template-columns:1fr}.smx-country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smx-page .smx-cta-banner .smx-btn{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms !important}}

/* ==== 3D SaaS buttons (same family as the Post / Contact / c24-btn buttons) ==== */
.smx-btn,.smx-view-cat,.smx-linkbtn{position:relative;border-radius:8px;transition:transform .08s ease,box-shadow .08s ease,filter .12s ease,background .12s ease}
.smx-btn:active,.smx-view-cat:active,.smx-linkbtn:active,.smx-loc-pill:active,.smx-pill:active,.smx-chip:active{transform:translateY(1px)}
/* blue */
.smx-btn-primary{color:#fff;background:linear-gradient(#4F8EF7,#2563EB);border:1px solid #1D4ED8;border-bottom-color:#1E40AF;box-shadow:0 1px 0 rgba(30,64,175,.35),0 2px 5px rgba(37,99,235,.2),inset 0 1px 0 rgba(255,255,255,.3);text-shadow:0 -1px 0 rgba(0,0,0,.12)}
.smx-btn-primary:hover{color:#fff;background:linear-gradient(#5A97FA,#2B6BF0);border-color:#1D4ED8;border-bottom-color:#1E40AF;box-shadow:0 1px 0 rgba(30,64,175,.4),0 4px 10px rgba(37,99,235,.28),inset 0 1px 0 rgba(255,255,255,.35)}
.smx-btn-primary:active{background:linear-gradient(#2563EB,#1D4ED8);box-shadow:inset 0 2px 3px rgba(30,64,175,.4)}
/* white / grey */
.smx-btn-outline,.smx-view-cat,.smx-linkbtn{color:#1D4ED8;background:linear-gradient(#fff,#F1F5FC);border:1px solid #D3DBEA;border-bottom-color:#B9C5DC;box-shadow:0 1px 0 rgba(148,163,184,.45),0 2px 4px rgba(30,64,175,.05),inset 0 1px 0 #fff}
.smx-btn-outline:hover,.smx-view-cat:hover,.smx-linkbtn:hover{color:#1D4ED8;background:linear-gradient(#fff,#E8EFFC);border-color:#BFD0F5;border-bottom-color:#9FB6E8;box-shadow:0 1px 0 rgba(148,163,184,.5),0 4px 8px rgba(37,99,235,.1),inset 0 1px 0 #fff}
.smx-btn-outline:active,.smx-view-cat:active,.smx-linkbtn:active{background:#E8EFFC;box-shadow:inset 0 2px 3px rgba(30,64,175,.15)}
/* on the blue banner */
.smx-btn-light{color:#1D4ED8;background:linear-gradient(#fff,#E8EFFC);border:1px solid #fff;border-bottom-color:#B9C5DC;box-shadow:0 2px 0 rgba(15,23,42,.18),0 4px 10px rgba(15,23,42,.15),inset 0 1px 0 #fff}
.smx-btn-light:hover{color:#1D4ED8;background:linear-gradient(#fff,#DDE7FB);box-shadow:0 2px 0 rgba(15,23,42,.22),0 6px 14px rgba(15,23,42,.2),inset 0 1px 0 #fff}
.smx-btn-light:active{box-shadow:inset 0 2px 3px rgba(15,23,42,.2)}
.smx-btn-ghost{color:#fff;background:linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.6);border-bottom-color:rgba(255,255,255,.35);box-shadow:0 2px 0 rgba(15,23,42,.2),inset 0 1px 0 rgba(255,255,255,.3)}
.smx-btn-ghost:hover{color:#fff;background:linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.14))}
.smx-btn-ghost:active{box-shadow:inset 0 2px 3px rgba(15,23,42,.25)}
/* soft indigo pills / chips */
.smx-loc-pill,.smx-pill,.smx-chip{color:#1D4ED8;background:linear-gradient(#EEF2FF,#DDE5FF);border:1px solid #C7D2FE;border-bottom-color:#AEBDF5;box-shadow:0 1px 0 rgba(99,102,241,.2),0 2px 4px rgba(37,99,235,.08),inset 0 1px 0 #fff;transition:transform .08s ease,box-shadow .08s ease,background .12s ease}
.smx-loc-pill:hover,.smx-pill:hover,.smx-chip:hover{color:#fff;background:linear-gradient(#4F8EF7,#2563EB);border-color:#1D4ED8;border-bottom-color:#1E40AF;box-shadow:0 1px 0 rgba(30,64,175,.35),0 3px 8px rgba(37,99,235,.22),inset 0 1px 0 rgba(255,255,255,.3)}
.smx-loc-pill:hover .bi,.smx-pill:hover .bi{color:#fff}
/* category / stat / country rows get a little depth too */
.smx-cat-card,.smx-tile,.smx-country a{box-shadow:0 1px 0 rgba(148,163,184,.35),0 2px 6px rgba(30,64,175,.05)}
/* search input = inset field to match */
.smx-search-row input{border-top-color:#BCC8DD;box-shadow:inset 0 2px 3px rgba(30,64,175,.07),0 1px 0 #fff}
.smx-search-row input:focus{box-shadow:inset 0 2px 3px rgba(30,64,175,.07),0 0 0 3px rgba(37,99,235,.15)}
.smx-fab{box-shadow:0 1px 0 rgba(30,64,175,.35),0 8px 20px rgba(37,99,235,.35),inset 0 1px 0 rgba(255,255,255,.3)}