/* ===================== Softscotch site chrome (header, footer, base) ===================== */
:root {
  --ss-ink: #0b0b0b;
  --ss-orange: #ff5a00;
  --ss-orange-2: #f15922;
  --ss-orange-deep: #c43400;
  --ss-text: #1a1a1a;
  --ss-muted: #666;
  --ss-line: #ececec;
  --ss-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ---- Base: neutralise the block theme so page content renders as designed ---- */
html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: var(--ss-text); font-family: var(--ss-font); -webkit-font-smoothing: antialiased; }
.wp-site-blocks { padding: 0 !important; }
.wp-site-blocks > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }
.wp-site-blocks > header, .wp-site-blocks > footer { margin: 0 !important; }
#ss-main, .ss-main-wrap { margin: 0; padding: 0; max-width: none; }
#ss-main:not(.ss-doc) > .wp-block-post-content, .ss-main-wrap:not(.ss-doc) > * { max-width: none !important; margin: 0 !important; }
.ss-doc > .ss-doc-inner { max-width: 780px !important; margin: 0 auto !important; }
.ss-doc-inner > * + * { margin-block-start: 0; }
.ss-main-wrap :where(h1, h2, h3, h4, h5, h6) { font-family: inherit; }
img { max-width: 100%; height: auto; }

/* ---- Header ---- */
.ssh { position: sticky; top: 0; z-index: 1000; font-family: var(--ss-font); }
.admin-bar .ssh { top: 32px; }
@media (max-width: 782px) { .admin-bar .ssh { top: 0; } }
.ssh-skip { position: absolute; left: -9999px; top: 0; background: #fff; color: #000; padding: 10px 14px; z-index: 2; }
.ssh-skip:focus { left: 12px; top: 12px; }

.ssh-ticker { display: flex; align-items: center; gap: 14px; height: 50px; padding: 0 0 0 10px; background: var(--ss-ink); color: #fff; overflow: hidden; }
.ssh-ticker-pill { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border: 1px solid rgba(255, 90, 0, .55); border-radius: 999px; color: var(--ss-orange); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; background: rgba(255, 90, 0, .08); }
.ssh-ticker-pill i { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 3px rgba(34, 197, 94, .25); }
.ssh-ticker-viewport { flex: 1; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.ssh-ticker-track { display: inline-flex; white-space: nowrap; animation: ssh-marquee 38s linear infinite; }
.ssh-ticker-dup { display: inline-flex; }
.ssh-ticker:hover .ssh-ticker-track { animation-play-state: paused; }
.ssh-tick { display: inline-flex; flex-direction: column; justify-content: center; padding: 0 26px; border-right: 1px solid rgba(255, 255, 255, .12); font-size: 14px; font-weight: 700; line-height: 1.15; color: #fff; }
.ssh-tick-main { white-space: nowrap; }
.ssh-tick b { color: var(--ss-orange); font-weight: 800; }
.ssh-tick small { margin-top: 3px; }
.ssh-tick small { font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .45); }
@keyframes ssh-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .ssh-ticker-track { animation: none; } }

.ssh-bar { position: relative; display: flex; align-items: center; gap: 28px; min-height: 80px; padding: 0 30px; background: #fff; border-bottom: 1px solid var(--ss-line); }
.ssh-logo { display: flex; flex-direction: column; text-decoration: none; color: #000; line-height: 1; flex: none; }
.ssh-logo strong { font-size: 34px; font-weight: 800; letter-spacing: -.02em; }
.ssh-logo span { margin-top: 6px; font-size: 13.5px; font-weight: 500; color: #222; }
.ssh-nav { flex: 1 1 auto; min-width: 0; display: flex; justify-content: center; }
.ssh-menu { display: flex; flex-wrap: nowrap; gap: 2px; margin: 0; padding: 0; list-style: none; }
.ssh-item { flex: none; }
.ssh-trigger { white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; height: 80px; padding: 0 12px; border: 0; background: none; font: 500 16px/1 var(--ss-font); color: #111; cursor: pointer; }
.ssh-trigger:hover, .ssh-trigger[aria-expanded="true"] { color: var(--ss-orange); }
.ssh-caret { width: 12px; height: 12px; transition: transform .2s; }
.ssh-trigger[aria-expanded="true"] .ssh-caret { transform: rotate(180deg); }
.ssh-panel { position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-top: 1px solid var(--ss-line); box-shadow: 0 24px 48px -24px rgba(0, 0, 0, .22); max-height: calc(100vh - 140px); overflow-y: auto; }
.ssh-panel-inner { max-width: 1300px; margin: 0 auto; padding: 32px 30px 28px; }
.sftch-mn-link--compact { padding: 5px 0 !important; }
.sftch-mn-link--compact .sftch-mn-link-name { font-size: 15px !important; }
.sftch-mn-ind-wrap .sftch-mn-col-title { margin-top: 14px; }
.sftch-mn-ind-wrap .sftch-mn-col-title:first-child { margin-top: 0; }
.sftch-mn-all { display: inline-block; margin-top: 18px; font-weight: 700; color: var(--ss-orange); text-decoration: none; }
.ssh-cta { flex: none; display: inline-flex; align-items: center; gap: 10px; padding: 18px 28px; background: var(--ss-orange); color: #fff; font: 800 18px/1 var(--ss-font); letter-spacing: .04em; text-transform: uppercase; text-decoration: none; transition: background .2s; }
.ssh-cta svg { width: 22px; height: 22px; }
.ssh-cta:hover { background: #e04d00; color: #fff; }
.ssh-burger { display: none; flex: none; width: 46px; height: 46px; margin-left: auto; border: 1px solid var(--ss-line); background: #fff; cursor: pointer; padding: 12px 11px; flex-direction: column; justify-content: space-between; }
.ssh-burger span { display: block; height: 2px; background: #111; transition: transform .2s, opacity .2s; }
.ssh-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(9px) rotate(45deg); }
.ssh-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.ssh-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }
.ssh-drawer { position: absolute; left: 0; right: 0; top: 100%; max-height: calc(100vh - 120px); overflow-y: auto; background: #fff; box-shadow: 0 24px 48px -24px rgba(0, 0, 0, .22); }
@media (max-width: 1500px) {
  .ssh-trigger { padding: 0 8px; font-size: 15px; }
  .ssh-bar { gap: 18px; padding: 0 24px; }
  .ssh-cta { padding: 16px 20px; font-size: 16px; }
}
@media (max-width: 1360px) {
  .ssh-trigger { padding: 0 6px; font-size: 14px; }
  .ssh-cta { padding: 14px 16px; font-size: 14.5px; }
  .ssh-logo strong { font-size: 28px; }
  .ssh-bar { gap: 16px; padding: 0 20px; }
  .ssh-cta { padding: 15px 18px; font-size: 15px; }
}
@media (max-width: 1240px) {
  .ssh-nav { display: none; }
  .ssh-burger { display: flex; }
  .ssh-cta { margin-left: auto; }
  .ssh-bar { min-height: 70px; }
}
@media (max-width: 600px) {
  .ssh-ticker { height: 42px; }
  .ssh-tick { padding: 0 16px; font-size: 13px; }
  .ssh-logo strong { font-size: 26px; }
  .ssh-logo span { font-size: 11.5px; }
  .ssh-cta { display: none; }
  .ssh-bar { padding: 0 16px; }
}

/* ---- Footer ---- */
.ssf { font-family: var(--ss-font); padding: 0 24px 24px; background: #fff; }
.ssf-shell { max-width: 1300px; margin: 0 auto; background: #050505; color: #fff; border-radius: 40px; padding: 72px 64px 28px; overflow: hidden;
  background-image: radial-gradient(900px 500px at -10% -10%, rgba(255, 90, 0, .16), transparent 70%), radial-gradient(800px 500px at 110% 110%, rgba(196, 52, 0, .14), transparent 70%); }
.ssf a { color: inherit; }
.ssf-eyebrow { margin: 0 0 12px; color: var(--ss-orange); font-size: 13px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.ssf-why h2 { margin: 0 0 16px; max-width: 820px; color: #fff; font-size: clamp(28px, 3.4vw, 42px); line-height: 1.12; font-weight: 800; letter-spacing: -.02em; }
.ssf-lede { max-width: 820px; margin: 0 0 40px; color: rgba(255, 255, 255, .68); font-size: 17px; line-height: 1.65; }
.ssf-table-wrap { overflow-x: auto; border: 1px solid rgba(255, 255, 255, .1); border-radius: 24px; }
.ssf-table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 15px; }
.ssf-table th, .ssf-table td { padding: 18px 22px; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.ssf-table thead th { font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .5); }
.ssf-table thead th.ssf-us { color: var(--ss-orange); }
.ssf-table tbody tr:last-child > * { border-bottom: 0; }
.ssf-table tbody th { width: 28%; font-weight: 700; color: #fff; }
.ssf-table tbody th small { display: block; margin-top: 4px; font-weight: 400; font-size: 13px; color: rgba(255, 255, 255, .45); }
.ssf-table td { color: rgba(255, 255, 255, .72); }
.ssf-table td:nth-child(2) { background: rgba(255, 90, 0, .07); color: #fff; font-weight: 600; }
.ssf-mark { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin-right: 10px; border-radius: 50%; font-size: 12px; font-weight: 800; vertical-align: -5px; }
.ssf-c--y .ssf-mark { background: rgba(34, 197, 94, .16); color: #4ade80; }
.ssf-c--n .ssf-mark { background: rgba(239, 68, 68, .16); color: #f87171; }
.ssf-c--m .ssf-mark { background: rgba(250, 204, 21, .14); color: #facc15; }
.ssf-regions, .ssf-stats, .ssf-certs { list-style: none; margin: 0; padding: 0; }
.ssf-regions { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 28px; }
.ssf-regions li { padding: 18px 20px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 18px; }
.ssf-regions small { display: block; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .4); }
.ssf-regions strong { display: block; margin-top: 8px; font-size: 18px; }
.ssf-regions span { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ss-orange); }
.ssf-stats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; margin-top: 44px; border-top: 1px solid rgba(255, 255, 255, .1); border-bottom: 1px solid rgba(255, 255, 255, .1); }
.ssf-stats li { padding: 28px 20px; border-right: 1px solid rgba(255, 255, 255, .1); }
.ssf-stats li:last-child { border-right: 0; }
.ssf-stats strong { display: block; font-size: 34px; font-weight: 800; letter-spacing: -.02em; color: var(--ss-orange); }
.ssf-stats span { display: block; margin-top: 8px; font-size: 13.5px; line-height: 1.5; color: rgba(255, 255, 255, .6); }
.ssf-founder { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 44px 0; padding: 30px 34px; border-radius: 24px; background: #fff; color: #000; }
.ssf-founder p { margin: 0; }
.ssf-founder-q { font-size: 15px; color: #555; }
.ssf-founder-a { font-size: 26px; font-weight: 800; letter-spacing: -.01em; }
.ssf-mail { flex: none; padding: 16px 24px; border-radius: 999px; background: var(--ss-orange); color: #fff !important; font-weight: 700; text-decoration: none; }
.ssf-mail:hover { background: #e04d00; }
.ssf-main { display: grid; grid-template-columns: minmax(260px, 1fr) 2.2fr; gap: 56px; padding-top: 12px; }
.ssf-logo { font-size: 30px; font-weight: 800; letter-spacing: -.02em; text-decoration: none; }
.ssf-tag { margin: 6px 0 14px; color: var(--ss-orange); font-weight: 600; }
.ssf-brand > p { color: rgba(255, 255, 255, .6); line-height: 1.6; font-size: 15px; }
.ssf-brand .ssf-eyebrow { margin-top: 26px; }
.ssf-certs { display: grid; gap: 10px; }
.ssf-certs li { display: flex; flex-direction: column; padding: 12px 16px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 14px; }
.ssf-certs strong { font-size: 15px; }
.ssf-certs span { font-size: 12.5px; color: rgba(255, 255, 255, .5); }
.ssf-ready { display: flex; flex-direction: column; gap: 6px; margin-top: 22px; }
.ssf-ready span { color: rgba(255, 255, 255, .6); font-size: 14px; }
.ssf-ready a { font-weight: 800; color: var(--ss-orange); text-decoration: none; }
.ssf-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px 28px; }
.ssf-col h3 { margin: 0 0 14px; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: rgba(255, 255, 255, .45); }
.ssf-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.ssf-col a { color: rgba(255, 255, 255, .82); text-decoration: none; font-size: 15px; }
.ssf-col a:hover { color: var(--ss-orange); }
.ssf-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 48px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 13.5px; color: rgba(255, 255, 255, .5); }
.ssf-legal { display: flex; gap: 18px; }
.ssf-legal a { text-decoration: none; }
.ssf-legal a:hover { color: #fff; }
@media (max-width: 1000px) {
  .ssf-shell { padding: 52px 28px 24px; border-radius: 28px; }
  .ssf-main { grid-template-columns: 1fr; gap: 36px; }
  .ssf-stats { grid-template-columns: repeat(2, 1fr); }
  .ssf-stats li { border-bottom: 1px solid rgba(255, 255, 255, .1); }
  .ssf-regions { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .ssf { padding: 0 10px 10px; }
  .ssf-shell { padding: 40px 18px 20px; border-radius: 22px; }
  .ssf-links { grid-template-columns: repeat(2, 1fr); }
  .ssf-founder { flex-direction: column; align-items: flex-start; padding: 24px; }
  .ssf-founder-a { font-size: 22px; }
  .ssf-stats strong { font-size: 28px; }
}

/* ---- Text pages (About, legal, blog posts) ---- */
.ss-doc { padding: 56px 24px 88px; background: #fff; }
.ss-doc-inner { max-width: 780px; margin: 0 auto; font-size: 17.5px; line-height: 1.75; color: #2a3140; }
.ss-doc-crumbs { margin-bottom: 22px; font-size: 14px; color: #64748b; }
.ss-doc-crumbs a { color: #64748b; text-decoration: none; }
.ss-doc-crumbs a:hover { color: var(--ss-orange); }
.ss-doc h1 { margin: 0 0 24px; font-size: clamp(34px, 4vw, 50px); line-height: 1.1; font-weight: 800; letter-spacing: -.025em; color: #0b0b0b; }
.ss-doc h2 { margin: 2em 0 .6em; font-size: 28px; line-height: 1.25; font-weight: 800; letter-spacing: -.015em; color: #0b0b0b; }
.ss-doc h3 { margin: 1.6em 0 .4em; font-size: 21px; line-height: 1.3; font-weight: 700; color: #0b0b0b; }
.ss-doc h4 { margin: 1.4em 0 .3em; font-size: 18px; font-weight: 700; color: #0b0b0b; }
.ss-doc p { margin: 0 0 1.1em; }
.ss-doc ul, .ss-doc ol { margin: 0 0 1.2em; padding-left: 1.3em; }
.ss-doc li { margin: .35em 0; }
.ss-doc li::marker { color: var(--ss-orange); }
.ss-doc a { color: var(--ss-orange-deep); text-underline-offset: 3px; }
.ss-doc img { border-radius: 16px; margin: 1em 0; }
.ss-doc table { width: 100%; border-collapse: collapse; margin: 1.2em 0; font-size: 15.5px; }
.ss-doc th, .ss-doc td { padding: 10px 12px; border-bottom: 1px solid #ececec; text-align: left; vertical-align: top; }
.ss-doc th { background: #f8f6f3; }
.ss-doc blockquote { margin: 1.4em 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--ss-orange); color: #111; font-weight: 500; }
.ss-doc-meta { margin: -10px 0 28px; font-size: 14.5px; color: #64748b; }
.ss-doc .wp-block-post-featured-image img { width: 100%; }
@media (max-width: 600px) { .ss-doc { padding: 36px 18px 60px; } .ss-doc-inner { font-size: 16.5px; } }

/* ---- Hub pages (services, industries, tools, checklists) were designed inside a boxed container ---- */
#sstw-hub-a9x { max-width: 1300px; margin: 0 auto; padding: 48px 30px 88px !important; box-sizing: border-box; }
@media (max-width: 600px) { #sstw-hub-a9x { padding: 28px 18px 60px !important; } }
#ssck-hub-x8vewm { max-width: 1300px; margin: 0 auto; padding: 48px 30px 88px !important; box-sizing: border-box; }
@media (max-width: 600px) { #ssck-hub-x8vewm { padding: 28px 18px 60px !important; } }

/* ---- Header/footer are immune to page-level styles (some pages carry global ul/li/button/a rules) ---- */
.ssh ul, .ssh li, .ssf ul, .ssf li { margin: 0; padding: 0; list-style: none; }
.ssh li::before, .ssh li::after, .ssf li::before, .ssf li::after { content: none; }
.ssh-menu { gap: 2px !important; }
.ssh-item { margin: 0 !important; padding: 0 !important; }
.ssh button, .ssh-trigger { margin: 0; border: 0; border-radius: 0; background: none; box-shadow: none; text-transform: none; letter-spacing: normal; min-width: 0; width: auto; }
.ssh-trigger { padding: 0 8px !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1 !important; color: #111 !important; }
.ssh-trigger:hover, .ssh-trigger[aria-expanded="true"] { color: var(--ss-orange) !important; background: none !important; }
.ssh a, .ssf a { text-decoration: none; box-shadow: none; }
.ssh-logo strong, .ssh-logo span { color: #000 !important; }
.ssh-cta, .ssh-cta:visited { color: #fff !important; }
@media (max-width: 1360px) { .ssh-trigger { padding: 0 6px !important; font-size: 14px !important; } }

/* ---- Mega menus: compact columns + icons ---- */
.ssh-panel-inner { padding: 22px 30px 20px; }
.ssh-panel [class^="sftch-mn-"][class$="-wrap"], .ssh-panel [class*="-wrap"][style*="--cols"] { display: grid !important; grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)) !important; gap: 0 22px !important; }
.ssh-panel .sftch-mn-col { padding: 0 !important; margin: 0 !important; border: 0 !important; min-width: 0; }
.ssh-panel .sftch-mn-col-title { margin: 0 0 6px !important; padding: 0 0 8px !important; font-size: 12px !important; letter-spacing: .12em !important; border-bottom: 1px solid #f1f1f1 !important; }
.ssh-panel .sftch-mn-col-title + .sftch-mn-col-title, .ssh-panel .sftch-mn-link + .sftch-mn-col-title { margin-top: 12px !important; }
.ssh-panel .sftch-mn-link { display: flex !important; align-items: flex-start; gap: 10px; padding: 6px 6px !important; margin: 0 -6px; border-radius: 10px; }
.ssh-panel .sftch-mn-link:hover { background: #fff6f1; }
.ssh-panel .sftch-mn-link:hover .sftch-mn-link-name { color: var(--ss-orange) !important; }
.ssh-panel .ssh-txt { min-width: 0; }
.ssh-panel .sftch-mn-link-name { font-size: 14.5px !important; line-height: 1.3 !important; }
.ssh-panel .sftch-mn-link-desc { font-size: 12.5px !important; line-height: 1.35 !important; margin-top: 2px !important; }
.ssh-panel .sftch-mn-link--compact { align-items: center; padding: 3px 6px !important; }
.ssh-panel .sftch-mn-link--compact .sftch-mn-link-name { line-height: 1.2 !important; }
.ssh-panel .sftch-mn-link--compact .sftch-mn-link-name { font-size: 14px !important; }
.ssh-panel .ssh-compact .sftch-mn-col-title { margin-top: 10px !important; }
.ssh-panel .ssh-compact .sftch-mn-col > .sftch-mn-col-title:first-child { margin-top: 0 !important; }
.ssh-panel .sftch-mn-col--cont .sftch-mn-col-title { border-bottom-color: transparent !important; }
.sftch-mn-all { margin-top: 14px; font-size: 14px; }
.ssh-ico { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 9px; background: #fff3ec; color: var(--ss-orange); }
.ssh-ico svg { width: 16px; height: 16px; }
.ssh-ico:not(.ssh-ico--brand) svg { fill: none; stroke: currentColor; stroke-width: 2; }
.ssh-ico--brand { background: #fff; border: 1px solid #eee; color: var(--brand); }
.ssh-ico--brand svg { fill: currentColor; stroke: none; }
.sftch-mn-link--compact .ssh-ico { width: 24px; height: 24px; border-radius: 7px; }
.sftch-mn-link--compact .ssh-ico svg { width: 13px; height: 13px; }
/* mobile menu items with icons */
.ssx-menu-item { display: flex !important; align-items: center; gap: 12px; }
.ssx-menu-item .ssh-ico { width: 26px; height: 26px; border-radius: 8px; }
.ssx-menu-item .ssh-ico svg { width: 14px; height: 14px; }
@media (max-width: 1360px) { .ssh-panel .sftch-mn-link-desc { display: none !important; } }
.ssh { font-size: 16px; line-height: 1.35; }
.ssh-panel a, .ssh-drawer a { min-height: 0 !important; min-width: 0 !important; }
.ssh-panel .sftch-mn-link--compact { min-height: 0 !important; }
@media (max-height: 900px) and (min-width: 1241px) { .ssh-panel .sftch-mn-link-desc { display: none !important; } }

/* ============ SHARED MEGA MENU STYLES (sftch-mn-*) ============ */
.sftch-mn-services-wrap, .sftch-mn-seo-wrap, .sftch-mn-ads-wrap, .sftch-mn-content-wrap,
.sftch-mn-email-wrap, .sftch-mn-web-wrap, .sftch-mn-ind-wrap, .sftch-mn-res-wrap {
  font-family: 'Inter', sans-serif;
  display: grid;
  width: 100%;
  gap: 0;
  padding: 0;
  background: #ffffff;
}
.sftch-mn-services-wrap, .sftch-mn-seo-wrap, .sftch-mn-ads-wrap, .sftch-mn-email-wrap,
.sftch-mn-content-wrap, .sftch-mn-web-wrap, .sftch-mn-res-wrap, .sftch-mn-ind-wrap {
  grid-template-columns: repeat(4, 1fr);
}

.sftch-mn-col { padding: 0 20px 0 0; border-right: 1px solid #f0f0f0; margin-right: 20px; }
.sftch-mn-col:not(:has(~ .sftch-mn-col)) { border-right: none; margin-right: 0; padding-right: 0; }
.sftch-mn-col-title { font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #ff5a00; padding-bottom: 10px; margin-bottom: 4px; border-bottom: 1px solid #f5f5f5; display: flex; align-items: center; gap: 7px; }
.sftch-mn-col-icon { width: 14px; height: 14px; flex-shrink: 0; stroke: currentColor; }
.sftch-mn-link { display: block; padding: 7px 0; text-decoration: none; cursor: pointer; }
.sftch-mn-link-name { font-size: 16px; font-weight: 500; color: #111111; line-height: 1.3; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.sftch-mn-link:hover .sftch-mn-link-name { color: #ff5a00; }
.sftch-mn-link-desc { font-size: 13px; color: #777777; font-weight: 400; margin-top: 2px; line-height: 1.4; }
.sftch-mn-link-accent { color: #ff5a00; font-weight: 600; }

.sftch-mn-badge { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 6px; border-radius: 4px; vertical-align: middle; line-height: 1.4; }
.sftch-mn-badge-new { background: #e8f8ee; color: #1a8a3d; }
.sftch-mn-badge-hot { background: #fff0f0; color: #cc2222; }

.sftch-mn-footer { grid-column: 1 / -1; padding-top: 18px; margin-top: 18px; border-top: 1px solid #f0f0f0; display: flex; align-items: center; }
.sftch-mn-footer-text { font-size: 14px; color: #cccccc; font-weight: 400; }

/* Dark stat panel */
.sftch-mn-stat { background: #000; border: 1px solid #1c1c1c; padding: 24px 22px; display: flex; flex-direction: column; position: relative; overflow: hidden; align-self: stretch; }
.sftch-mn-stat::before { content: ''; position: absolute; top: 0; left: 0; width: 48px; height: 48px; border-top: 2px solid #ff5a00; border-left: 2px solid #ff5a00; }
.sftch-mn-stat::after { content: ''; position: absolute; bottom: 0; right: 0; width: 48px; height: 48px; border-bottom: 2px solid #1c1c1c; border-right: 2px solid #1c1c1c; }
.sftch-mn-ghost { position: absolute; font-size: 120px; font-weight: 900; color: #1a1a1a; line-height: 1; right: -10px; bottom: 30px; letter-spacing: -6px; pointer-events: none; user-select: none; z-index: 0; }
.sftch-mn-eyebrow { font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #ff5a00; margin-bottom: 16px; position: relative; z-index: 1; }
.sftch-mn-hero { font-size: 64px; font-weight: 700; color: #ffffff; line-height: 0.88; letter-spacing: -3px; margin-bottom: 8px; position: relative; z-index: 1; }
.sftch-mn-hero-label { font-size: 13px; font-weight: 500; color: #b8b8b8; letter-spacing: 0.5px; margin-bottom: 22px; position: relative; z-index: 1; }
.sftch-mn-accent-line { width: 24px; height: 2px; background: #ff5a00; margin-bottom: 18px; position: relative; z-index: 1; }
.sftch-mn-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; position: relative; z-index: 1; }
.sftch-mn-list-row { display: flex; align-items: center; gap: 12px; }
.sftch-mn-list-num { font-size: 20px; font-weight: 700; color: #fff; letter-spacing: 0.5px; min-width: 64px; line-height: 1; }
.sftch-mn-list-desc { font-size: 13px; color: #b8b8b8; line-height: 1.4; }
.sftch-mn-stats { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; position: relative; z-index: 1; }
.sftch-mn-stat-row { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.sftch-mn-stat-label { font-size: 13px; color: #b8b8b8; font-weight: 400; flex: 1; }
.sftch-mn-stat-val { font-size: 15px; font-weight: 700; color: #fff; letter-spacing: -0.5px; white-space: nowrap; }
.sftch-mn-stat-val.sftch-mn-orange, .sftch-mn-stat-val.orange { color: #ff5a00; }
.sftch-mn-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 20px; position: relative; z-index: 1; }
.sftch-mn-tag { font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #1f1f1f; color: #555555; padding: 3px 7px; }
.sftch-mn-tag.lit, .sftch-mn-tag.sftch-mn-lit { border-color: #ff5a00; color: #ff5a00; }
.sftch-mn-cta { font-size: 13px; font-weight: 600; color: #ff5a00; text-decoration: none; letter-spacing: 0.5px; margin-top: auto; position: relative; z-index: 1; }
.sftch-mn-cta:hover { color: #e04d00; }


.ssx-mobile-nav{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;background:#fff;width:100%;font-size:16px;line-height:1.4;color:#111}
.ssx-mobile-nav *{box-sizing:border-box;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
.ssx-menu-group{margin-left:16px;margin-right:16px;border-bottom:1px solid #ececec}
.ssx-menu-group>summary{padding:18px 8px;font-size:16px!important;font-weight:600!important;line-height:1.25!important;color:#111!important;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;background:#fff;user-select:none;text-transform:none!important;letter-spacing:0!important}
.ssx-menu-group>summary::-webkit-details-marker{display:none}
.ssx-menu-group>summary::after{content:'+';font-size:26px;color:#ff5a00;font-weight:300;line-height:1;width:20px;text-align:center}
.ssx-menu-group[open]>summary::after{content:'−'}
.ssx-menu-group[open]>summary{background:#fafafa;border-bottom:1px solid #f0f0f0}
.ssx-menu-sub{border-top:1px solid #f0f0f0;background:#fafafa}
.ssx-menu-sub:first-child{border-top:none}
.ssx-menu-sub>summary{padding:15px 24px;font-size:13px!important;font-weight:800!important;line-height:1.25!important;text-transform:uppercase!important;letter-spacing:1.1px!important;color:#ff5a00!important;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;user-select:none}
.ssx-menu-sub>summary::-webkit-details-marker{display:none}
.ssx-menu-sub-icon{width:14px;height:14px;flex-shrink:0;stroke:currentColor}
.ssx-menu-sub>summary::after{content:'›';color:#aaa;font-size:20px;line-height:1;transition:transform 0.2s;font-weight:400;margin-left:auto}
.ssx-menu-sub[open]>summary::after{transform:rotate(90deg)}
.ssx-menu-sub[open]>summary{background:#fff}
.ssx-menu-item{display:block;padding:14px 28px;font-size:14px!important;font-weight:400!important;color:#222!important;text-decoration:none;border-top:1px solid #f5f5f5;background:#fff;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important}
.ssx-menu-item:first-child{border-top:none}
.ssx-menu-item:active{background:#fff8f3;color:#ff5a00}
.ssx-menu-badge{display:inline-block;font-size:13px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;padding:2px 6px;border-radius:3px;margin-left:6px;vertical-align:middle}
.ssx-menu-badge-new{background:#e8f8ee;color:#1a8a3d}
.ssx-menu-badge-hot{background:#fff0f0;color:#cc2222}
.ssx-menu-intro{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 20px;margin:0;background:#0b0b0b;color:#fff;border:0;border-radius:0;text-align:center;box-shadow:inset 0 -1px 0 rgba(255,90,0,.24);overflow:hidden}
.ssx-menu-intro::before{content:"";position:absolute;top:-28px;right:-24px;width:82px;height:82px;background:radial-gradient(circle,rgba(255,90,0,.34) 0%,rgba(255,90,0,.16) 38%,rgba(255,90,0,0) 72%);pointer-events:none}
.ssx-menu-intro strong{display:block;width:100%;font-size:15px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important;text-align:center!important}
.ssx-menu-intro em{font-style:normal;color:#ff5a00}
.ssx-menu-cta,.ssx-menu-cta:hover,.ssx-menu-cta:focus,.ssx-menu-cta:visited,.ssx-menu-cta:active{display:flex;align-items:center;justify-content:center;gap:10px;margin-left:16px;margin-right:16px;padding:18px 20px;background:#ff5a00;color:#fff !important;text-decoration:none;text-align:center;font-weight:700;font-size:16px!important;letter-spacing:0.4px;text-transform:uppercase}
.ssx-menu-cta:hover{background:#e04d00}
.ssx-menu-cta svg{width:22px;height:22px;flex-shrink:0;animation:ssx-menu-float 2.5s ease-in-out infinite}
.ssx-menu-cta:hover svg{animation-play-state:paused;transform:scale(1.12)}
@keyframes ssx-menu-float{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(-4deg)}75%{transform:translateY(2px) rotate(3deg)}100%{transform:translateY(0) rotate(0deg)}}
.ssx-menu-contact{padding:22px 0;border-top:1px solid #ececec;text-align:center;background:#fff}
.ssx-menu-contact-card{padding:0;background:transparent;border:0;border-radius:0}
.ssx-menu-contact-title{display:block;font-size:16px;font-weight:700;letter-spacing:.1px;text-transform:none;color:#000;margin-bottom:6px}
.ssx-menu-contact-note{display:block;font-size:13px;line-height:1.45;color:#666;margin-bottom:12px}
.ssx-menu-email{display:inline-block;font-size:14px!important;color:#111;text-decoration:none;font-weight:500;margin-bottom:14px}
.ssx-menu-email:active{color:#ff5a00}
.ssx-menu-social{display:flex;justify-content:center;gap:14px;margin-top:0}
.ssx-menu-social a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:0;background:transparent;border:0;color:#444;text-decoration:none;transition:color 0.2s,transform 0.2s}
.ssx-menu-social a:active{background:transparent;border-color:transparent;color:#ff5a00;transform:scale(1.08)}
.ssx-menu-social svg{width:18px;height:18px;fill:currentColor}