/* V10.3 visual refresh — separate public marketing CSS; no modifications to quotes, admin or pricing. */
:root{--smb-teal:#008b85;--smb-blue:#146dd0;--smb-peach:#ff876c;--smb-indigo:#4330a6}
body{background:#f8fbff;color:#18213b}
.announcement{background:linear-gradient(105deg,#1c3d87 0%,#6945cd 30%,#d75c85 65%,#ef9776 100%)!important;color:#fff!important;border:0!important;min-height:35px!important}
.site-header{background:#fff!important;border-bottom:1px solid #e2eaf5!important;box-shadow:0 3px 16px #1c3d8710!important}
.site-header .brand-mark{background:linear-gradient(135deg,#1266bb,#05b4a5)!important;border-radius:13px!important}
.site-header .brand-domain{color:#008e9b!important}
.site-header .btn-dark{background:linear-gradient(110deg,#105ec9,#048cba)!important;border:0!important;color:white!important}
.site-header .support-link{background:#e8f9f4!important;color:#087960!important}
.smb-carousel{background:radial-gradient(ellipse at 10% 15%,#ffe5e7 0%,transparent 37%),radial-gradient(ellipse at 87% 60%,#cef4fd 0%,transparent 44%),#f6faff!important;padding:17px 0 7px!important}
.smb-slider{box-shadow:0 19px 45px #38558b1b!important;border:2px solid #e0e6fe!important}
.smb-slider-dot.is-active{background:linear-gradient(90deg,#1e77ce,#13b79f)!important}
.smb-color-intro{background:linear-gradient(110deg,#172f76 0%,#3153b7 38%,#176fb0 67%,#008f89 100%);color:#fff;padding:23px 0 25px}
.smb-color-intro-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}
.smb-color-intro-copy strong{font:800 clamp(20px,2vw,31px)/1.16 Manrope,system-ui,sans-serif;letter-spacing:-.8px;display:block;margin:5px 0 4px}
.smb-color-intro-copy strong span{color:#baf7db}
.smb-color-intro-copy p{margin:0;color:#e5f4ff;font-size:12px}
.smb-color-flag{color:#aeeadf;font-size:10px;font-weight:800;letter-spacing:1.6px}
.smb-color-intro-pills{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.smb-color-intro-pills span{padding:10px 13px;border:1px solid #ffffff54;border-radius:999px;background:#ffffff1e;color:#fff;font-weight:700;font-size:11px;white-space:nowrap}
.smb-category-chooser{background:linear-gradient(155deg,#f0f7ff 0%,#fff8f8 56%,#f1fff9 100%)!important;padding:37px 0 41px!important}
.smb-category-chooser .smb-category-heading{margin-bottom:20px!important}
.smb-category-chooser .smb-category-heading h2{color:#12214a!important;font-size:clamp(27px,2.9vw,38px)!important}
.smb-color-heading-star{color:#00a89a}
.smb-category-chooser .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important}
.smb-category-chooser .category-card{min-height:165px!important;border:2px solid var(--cat-border,#e5d7ff)!important;border-radius:20px!important;padding:19px 9px 13px!important;box-shadow:0 11px 20px #24365e14!important;transition:transform .18s ease,box-shadow .18s ease}
.smb-category-chooser .category-card:hover,.smb-category-chooser .category-card:focus-visible{transform:translateY(-4px);box-shadow:0 17px 30px #24365e22!important}
.smb-category-chooser .category-card:nth-child(1){background:linear-gradient(135deg,#e9e0ff,#f9f3ff)!important;border-color:#d7c2ff!important}
.smb-category-chooser .category-card:nth-child(2){background:linear-gradient(135deg,#d6ecff,#effaff)!important;border-color:#abd6ff!important}
.smb-category-chooser .category-card:nth-child(3){background:linear-gradient(135deg,#d1f9e9,#effff8)!important;border-color:#a4ebce!important}
.smb-category-chooser .category-card:nth-child(4){background:linear-gradient(135deg,#ffe2d4,#fff4eb)!important;border-color:#ffd0b8!important}
.smb-category-chooser .category-card:nth-child(5){background:linear-gradient(135deg,#dbe9ff,#f0f6ff)!important;border-color:#b9d4ff!important}
.smb-category-chooser .category-card:nth-child(6){background:linear-gradient(135deg,#d3f6f4,#effffd)!important;border-color:#a9e9e2!important}
.smb-category-chooser .category-card:nth-child(7){background:linear-gradient(135deg,#ffdeed,#fff0f7)!important;border-color:#fac3df!important}
.smb-category-chooser .category-card:nth-child(8){background:linear-gradient(135deg,#fbe1d6,#fff3df)!important;border-color:#f6c9b5!important}
.smb-category-chooser .category-card .category-art{height:89px!important}
.smb-category-chooser .category-card .device-svg{height:81px!important;width:110px!important}
.smb-category-chooser .category-card strong{font-size:14px!important}
.smb-trust-wrap{background:linear-gradient(180deg,#f1fff9,#fff)!important;padding:24px 0!important}
.smb-trust{background:#fff!important;border:1px solid #d6e8ef!important;box-shadow:0 14px 30px #266e8713!important}
.statement-band{background:linear-gradient(105deg,#eff7ff,#fff0f4,#ecfff5)!important}
.how-section{background:linear-gradient(180deg,#fff,#f2f8ff)!important}
.how-section .step-card:nth-child(1){background:#f0e8ff!important;border-color:#dbccff!important}
.how-section .step-card:nth-child(2){background:#e3faf4!important;border-color:#b7efdb!important}
.how-section .step-card:nth-child(3){background:#fff0e5!important;border-color:#ffd6be!important}
.how-section .step-card:nth-child(4){background:#e7f1ff!important;border-color:#c9deff!important}
.final-cta{background:linear-gradient(110deg,#173e94,#6c4cc8 55%,#009d9f)!important}
.site-footer{background:linear-gradient(120deg,#122b5c,#26367e 56%,#066d70)!important}
@media(min-width:1100px){.smb-category-chooser .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.smb-category-chooser .category-card{min-height:162px!important}}
@media(max-width:850px){.smb-color-intro-inner{display:block}.smb-color-intro-pills{justify-content:flex-start;margin-top:13px}.smb-category-chooser .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.smb-category-chooser .category-card{min-height:140px!important}.smb-color-intro{padding:20px 0}}
@media(max-width:500px){.smb-color-intro-copy strong{font-size:22px}.smb-color-intro-pills span{font-size:9px;padding:7px 9px}.smb-category-chooser{padding:26px 0!important}.smb-category-chooser .category-card{min-height:141px!important;padding:12px 7px!important}.smb-category-chooser .category-card .category-art{height:70px!important}.smb-category-chooser .category-card .device-svg{width:91px!important;height:67px!important}}
@media(prefers-reduced-motion:reduce){.smb-category-chooser .category-card{transition:none}}