/* GENERATED from the recruiter design standalone: runtime hover rules, page CSS, then Button + Badge component CSS */

.txo-site .scp0:hover { background: var(--blue-tint) !important; }
.txo-site .scp1:hover { transform: scale(1.04) !important; }



    /* logo lockup */
    .txo-site .nav-logo { display: flex; align-items: center; gap: 3px; font-size: 19px; font-weight: 800; letter-spacing: -.03em; color: var(--ink); white-space: nowrap; }
    .txo-site .nav-logo .xo { display: inline-grid; place-items: center; width: 30px; height: 24px; background: var(--blue); color: #fff; border-radius: 6px; font-size: 13px; font-weight: 800; letter-spacing: -.04em; }
    /* public header */
    .txo-site .pubhdr { position: fixed; top: 0; left: 0; right: 0; z-index: 90; background: var(--card); border-bottom: 1px solid var(--line); box-shadow: var(--shadow-sm); }
    .txo-site .pubhdr-in { display: flex; align-items: center; gap: 22px; padding: 13px 24px; }
    .txo-site .pubhdr-logo { display: inline-flex; align-items: center; flex: 0 0 auto; text-decoration: none; }
    .txo-site .pubhdr-logo .nav-logo { font-size: 20px; }
    .txo-site .pubhdr-nav { display: flex; align-items: center; gap: 6px; margin-left: 10px; flex: 1; }
    .txo-site .pubhdr-link { font-size: 13.5px; font-weight: 600; color: var(--ink-2); padding: 8px 12px; border-radius: 9px; white-space: nowrap; text-decoration: none; transition: background .16s, color .16s; }
    .txo-site .pubhdr-link:hover { background: var(--blue-tint); color: var(--blue); text-decoration: none; }
    .txo-site .pubhdr-login { flex: 0 0 auto; display: inline-flex; text-decoration: none; }
    .txo-site .pubhdr-login-btn { display: inline-flex; align-items: center; height: 38px; padding: 0 18px; background: var(--blue); color: #fff; font-size: 13.5px; font-weight: 700; border-radius: 10px; transition: background .16s; }
    .txo-site .pubhdr-login:hover { text-decoration: none; }
    .txo-site .pubhdr-login-btn:hover { background: var(--blue-700); }
    .txo-site .txo-wyg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: var(--r-lg); background: #fff; overflow: hidden; }
    .txo-site .txo-wygcard { display: flex; flex-direction: column; gap: 10px; padding: 34px 38px; box-sizing: border-box; background: #fff; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .txo-site .txo-wygcard { position: relative; }
    .txo-site .txo-wygico { display: grid; place-items: center; width: 28px; height: 28px; flex-shrink: 0; }
    .txo-site .txo-wygcard:nth-child(2n) { border-right: none; }
    .txo-site .txo-wygcard:nth-last-child(-n+2) { border-bottom: none; }
    @media (max-width: 900px) { .txo-site .txo-wyg { grid-template-columns: 1fr; } .txo-site .txo-wygcard { border-right: none !important; border-bottom: 1px solid var(--line) !important; padding: 26px 22px; } .txo-site .txo-wygcard:last-child { border-bottom: none !important; } }
    .txo-site #not-a-recruiter .txo-btn--ghost { border-color: var(--ink); color: var(--ink); }
    .txo-site #not-a-recruiter .txo-btn--ghost:hover { border-color: var(--ink); background: var(--ink); color: #fff; }
    .txo-site .txo-mnav { position: relative; display: none; margin-left: auto; }
    @media (max-width: 900px) { .txo-site .pubhdr-nav { display: none; } .txo-site .pubhdr-login { display: none; } .txo-site .txo-mnav { display: block; } }
    @media (max-width: 680px) { .txo-site .pubhdr-in { padding: 11px 20px; } }
    .txo-site { min-height: 100vh; display: flex; flex-direction: column; }
    .txo-site > * { flex-shrink: 0; }
    .txo-site > main { flex: 1 0 auto; }
    html { scroll-behavior: smooth; }
    body { margin: 0; background: var(--bg); font-family: "Plus Jakarta Sans", sans-serif; color: var(--ink-2); }
    .txo-site a { color: var(--blue); text-decoration: none; }
    .txo-site a:hover { text-decoration: none; }
    .txo-site p a:hover, .txo-site li a:hover, .txo-site td a:hover { text-decoration: underline; text-underline-offset: 3px; }
    @keyframes txo-dline { from { transform: scaleY(0); } to { transform: scaleY(1); } }
    @keyframes txo-dring { from { transform: scale(.35); opacity: .85; } to { transform: scale(1.9); opacity: 0; } }
    @keyframes txo-drise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
    @keyframes txo-dbar { from { width: 6%; } to { width: 100%; } }
    @keyframes txo-dpop { 0% { opacity: 0; transform: scale(.6); } 70% { transform: scale(1.08); } 100% { opacity: 1; transform: scale(1); } }
    @keyframes txo-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
    .txo-site .txo-marquee { overflow-x: auto; scrollbar-width: none; }
    .txo-site .txo-marquee::-webkit-scrollbar { display: none; }
    .txo-site .txo-marquee-track { display: flex; align-items: center; gap: 52px; width: max-content; height: 62px; animation: txo-marquee 89s linear infinite; }
    .txo-site .txo-marquee-track img { display: block; mix-blend-mode: multiply; }
    .txo-site .txo-marquee { position: relative; }
    .txo-site .txo-marquee::before, .txo-site .txo-marquee::after { content: ''; position: absolute; top: 0; bottom: 0; width: 130px; z-index: 2; pointer-events: none; }
    .txo-site .txo-marquee::before { left: 0; background: linear-gradient(90deg, #fff 12%, rgba(255,255,255,0)); }
    .txo-site .txo-marquee::after { right: 0; background: linear-gradient(270deg, #fff 12%, rgba(255,255,255,0)); }
    .txo-site .txo-marquee:hover .txo-marquee-track { animation-play-state: paused; }
    html, body { overflow-x: clip; max-width: 100%; }
    .txo-site .txo-band { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 60px calc(50vw - 50%); }
    .txo-site .txo-live { padding-left: max(28px, calc(50vw - 800px)) !important; padding-right: max(28px, calc(50vw - 800px)) !important; padding-top: 74px !important; padding-bottom: 74px !important; gap: 34px !important; }
    .txo-site .txo-live .txo-strip > div { padding: 32px 26px !important; }
    .txo-site .txo-live .txo-cats { --cg: 12px; }
    .txo-site .txo-live > div:first-child, .txo-site .txo-live > div:last-of-type, .txo-site .txo-live > a { width: 100%; max-width: 1344px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
    @media (max-width: 1080px) { .txo-site .txo-live { padding-left: 30px !important; padding-right: 30px !important; } }
    @media (max-width: 680px) { .txo-site .txo-live { padding-left: 20px !important; padding-right: 20px !important; padding-top: 44px !important; padding-bottom: 44px !important; gap: 22px !important; } .txo-site .txo-live .txo-strip > div { padding: 18px 10px !important; } }
    .txo-site .txo-band-blue { background: linear-gradient(180deg, rgba(32,87,230,0) 0%, rgba(32,87,230,.03) 55%, rgba(32,87,230,.07) 100%); }
    .txo-site section[data-screen-label="Hero"] > *:not(.txo-hero-art) { position: relative; z-index: 1; }
    .txo-site .txo-hero-art { background: transparent; }
    .txo-site .txo-threads { position: absolute; left: 0; right: 0; top: 70px; height: 400px; pointer-events: none; }
    .txo-site .txo-hero-scrim { position: absolute; inset: 0; pointer-events: none; z-index: 1; background: radial-gradient(56% 42% at 50% 26%, rgba(243,244,247,.90) 0%, rgba(243,244,247,.86) 34%, rgba(243,244,247,.52) 62%, rgba(243,244,247,0) 86%); }
    .txo-site .txo-threads canvas { display: block; width: 100%; height: 100%; }
    @media (prefers-reduced-motion: reduce) { .txo-site .txo-tint { animation: none !important; } }
    .txo-site .txo-tint { position: absolute; border-radius: 50%; pointer-events: none; background: radial-gradient(closest-side, rgba(32,87,230,.10), rgba(32,87,230,.03) 55%, rgba(32,87,230,0) 100%); filter: blur(28px); will-change: transform; }
    @keyframes txoAura1 { 0% { transform: translate(0,0) scale(1); } 33% { transform: translate(180px,90px) scale(1.14); } 66% { transform: translate(-90px,150px) scale(.92); } 100% { transform: translate(0,0) scale(1); } }
    @keyframes txoAura2 { 0% { transform: translate(0,0) scale(1); } 30% { transform: translate(-200px,70px) scale(1.1); } 70% { transform: translate(120px,-80px) scale(.95); } 100% { transform: translate(0,0) scale(1); } }
    @keyframes txoAura3 { 0% { transform: translate(0,0) scale(1.02); } 40% { transform: translate(140px,-110px) scale(.9); } 75% { transform: translate(-160px,-40px) scale(1.12); } 100% { transform: translate(0,0) scale(1.02); } }
    @media (prefers-reduced-motion: reduce) { .txo-site .txo-tint { animation: none !important; } }
    @media (prefers-reduced-motion: reduce) { .txo-site .txo-tint { animation: none !important; } }
    .txo-site .txo-band-white { background: rgba(255,255,255,.72); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    @media (min-width: 881px) { .txo-site .txo-faq-book { width: max-content; padding-left: 20px; padding-right: 20px; } }
    .txo-site .txo-mnav summary::-webkit-details-marker { display: none; }
    .txo-site .txo-mnav summary::marker { content: ''; }
    .txo-site .txo-cats { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; margin: 14px 0 20px; }
    .txo-site .txo-cat { display: block; text-decoration: none; background: #fff; border: 1px solid var(--line); border-radius: var(--r); box-shadow: 0 1px 2px rgba(21,24,30,.06); cursor: pointer; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease; }
    .txo-site .txo-cat:hover { transform: translateY(-2px); border-color: var(--blue-line); background: #FCFDFF; box-shadow: var(--shadow); text-decoration: none; }
    .txo-site .txo-cat:hover .txo-cat-lab { color: var(--blue); }
    .txo-site .txo-cat.is-down { transform: translateY(1px); box-shadow: none; border-color: var(--blue-line); }
    .txo-site .txo-cat:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
    .txo-site .txo-cat-in { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 10px; height: 126px; padding: 16px 8px 14px; box-sizing: border-box; }
    .txo-site .txo-cat-tile { display: grid; place-items: center; width: 54px; height: 54px; flex-shrink: 0; border-radius: 14px; background: var(--field); border: 1px solid var(--line); transition: background .16s ease, border-color .16s ease; }
    .txo-site .txo-cat:hover .txo-cat-tile { background: var(--blue-tint); border-color: var(--blue-line); }
    .txo-site .txo-cat-art { width: 27px; height: 27px; display: block; }
    .txo-site .txo-cat svg { stroke: var(--blue); stroke-width: 1.7; }
    .txo-site .txo-cat-lab { margin: 0; display: flex; align-items: flex-start; justify-content: center; min-height: 34px; font-size: 13px; font-weight: 700; line-height: 1.3; color: var(--ink); text-align: center; text-wrap: balance; transition: color .16s ease; }
    .txo-site .txo-cat-go { display: none; }
    @media (max-width: 1080px) { .txo-site .txo-cats { display: flex !important; flex-wrap: wrap; } .txo-site .txo-cats > .txo-cat { flex: 0 1 calc(25% - var(--cg) * 0.75); } }
    @media (max-width: 680px) { .txo-site .txo-cats > .txo-cat { flex: 0 1 calc(50% - var(--cg) * 0.5); } }
    @media (prefers-reduced-motion: reduce) {
      .txo-site .txo-cat, .txo-site .txo-cat-in, .txo-site .txo-cat-lab { transition: none !important; }
    }
    .txo-site section[data-screen-label="Resolve"] > *:not([aria-hidden]) { position: relative; z-index: 1; }
    .txo-site .txo-pcards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; padding-top: 16px; }
    .txo-site .txo-pcard { width: auto; border-radius: var(--r-lg); background: #fff; border: 1px solid var(--line); padding: 5px; overflow: hidden; box-shadow: var(--shadow-sm); transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease; }
    .txo-site .txo-pcard:hover { box-shadow: var(--shadow); transform: translateY(-4px); border-color: var(--blue-line); }
    .txo-site .txo-pcard--reco { position: relative; overflow: visible !important; border: 2px solid var(--blue) !important; box-shadow: 0 0 0 6px var(--blue-tint), var(--shadow) !important; }
    .txo-site .txo-pcard-reco { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); z-index: 2; padding: 4px 13px; background: var(--blue); color: #fff; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; border-radius: 999px; white-space: nowrap; box-shadow: 0 8px 16px -9px rgba(32,87,230,.8); }
    .txo-site .txo-pcard-top { height: 232px; border-radius: var(--r); position: relative; overflow: hidden; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); }
    .txo-site .txo-pcard-art { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 80%; max-width: 62%; height: auto; width: auto; z-index: 1; opacity: .92; pointer-events: none; }
    .txo-site .txo-pcard-body { margin-top: 20px; padding: 6px 14px 14px; }
    .txo-site .txo-pcard-title { display: block; font-size: 21px; font-weight: 800; letter-spacing: -.02em; color: var(--ink); text-align: center; }
    .txo-site .txo-pcard-cap { display: block; margin-top: 5px; font-size: 13px; font-weight: 600; color: var(--muted); text-align: center; }
    .txo-site .txo-pcard-row { display: flex; margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--line-2); }
    .txo-site .txo-pcard-row > div { flex: 1 1 50%; min-width: 0; text-align: center; padding: 0 4px; }
    .txo-site .txo-pcard-row > div:nth-child(2) { border-left: 1px solid var(--line-2); }
    .txo-site .txo-pcard-num { display: block; font-family: 'JetBrains Mono', monospace; font-size: 17px; font-weight: 700; letter-spacing: -.01em; color: var(--ink); white-space: nowrap; }
    .txo-site .txo-pcard-num.is-accent { color: var(--blue); }
    .txo-site .txo-pcard-lab { display: block; margin-top: 5px; font-size: 10.5px; font-weight: 800; letter-spacing: .04em; color: var(--label); line-height: 1.3; white-space: nowrap; }
    @media (max-width: 1340px) { .txo-site .txo-pcard-num { font-size: 14px; } .txo-site .txo-pcard-lab { font-size: 9.5px; letter-spacing: .02em; } .txo-site .txo-pcard-row > div { padding: 0 2px; } }
    @media (max-width: 1183px) and (min-width: 1081px) { .txo-site .txo-pcard-num { font-size: 12.5px; } }
    @media (max-width: 1080px) { .txo-site .txo-pcards { grid-template-columns: 1fr; } .txo-site .txo-pcard-num { font-size: 17px; } .txo-site .txo-pcard-lab { font-size: 10.5px; } }
    .txo-site .txo-mwerow > .txo-mwe { flex: 1 1 auto !important; width: auto !important; min-width: 0; }
    .txo-site .txo-mwerow > .txo-lbsw { flex: 0 1 auto !important; width: auto !important; min-width: 0; justify-content: flex-end; }
    @media (max-width: 1080px) { .txo-site .txo-mwerow { flex-direction: column; align-items: stretch !important; } .txo-site .txo-mwerow > .txo-lbsw { width: 100% !important; } }
    .txo-site .txo-lbsw { position: relative; display: flex; flex: 0 0 auto; flex-wrap: wrap; align-items: center; gap: 8px; width: 100%; min-height: 0; padding: 0; background: none; border: none; }
    .txo-site .txo-lbsw button { flex: 0 0 auto; height: 38px; padding: 0 16px; background: #ffffff; border: 1px solid #E8EAEF; border-radius: 999px; box-shadow: 0 1px 2px rgba(21,24,30,.06); color: #3A4150; transition: background .16s ease, border-color .16s ease, color .16s ease, transform .12s ease; }
    .txo-site .txo-lbsw button:hover:not(:disabled) { border-color: #CFDCFB; background: #EEF3FF; color: #2057E6; }
    .txo-site .txo-lbsw button:active:not(:disabled) { transform: translateY(1px); }
    .txo-site .txo-lbsw button[aria-selected="true"] { background: #2057E6; border-color: #2057E6; color: #ffffff; box-shadow: 0 8px 16px -9px rgba(32,87,230,.8); }
    .txo-site .txo-lbsw button:disabled { background: #F8F9FB; border-style: dashed; border-color: #E8EAEF; color: #99A1AD; box-shadow: none; }
    .txo-site .txo-lbsw-bg { display: none; }
    @media (max-width: 680px) { .txo-site .txo-lbsw { height: 38px; min-height: 38px; } .txo-site .txo-lbsw button { font-size: 11px !important; padding: 0 2px !important; } }
    @media (prefers-reduced-motion: reduce) { .txo-site .txo-lbsw-bg { transition: none; } }
    .txo-site .txo-type { position: relative; display: inline-flex; align-items: baseline; color: var(--blue); }
    .txo-site .txo-type-in { display: inline-block; width: max-content; white-space: nowrap; vertical-align: bottom; clip-path: inset(0 100% 0 0); animation: txoType 1.5s steps(15, end) .35s forwards; }
    .txo-site .txo-type-caret { display: inline-block; width: 3px; align-self: stretch; margin-left: 3px; background: var(--blue); border-radius: 2px; animation: txoCaret .78s step-end 4, txoCaretOut .25s ease 3.25s forwards; }
    @keyframes txoType { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
    @keyframes txoCaret { 0%, 45% { opacity: 1; } 46%, 100% { opacity: 0; } }
    @keyframes txoCaretOut { to { opacity: 0; width: 0; margin-left: 0; } }
    @media (prefers-reduced-motion: reduce) { .txo-site .txo-type-in { clip-path: none; animation: none; } .txo-site .txo-type-caret { display: none; } }
    .txo-site .txo-cs { position: relative; display: grid; grid-template-columns: 290px minmax(0, 1fr); background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); overflow: hidden; }
    .txo-site .txo-cs-rail { --total-radio: 4; --tab-h: 84px; position: relative; display: flex; flex-direction: column; gap: 8px; padding: 14px; background: linear-gradient(180deg, #FBFCFE 0%, #F7F9FC 100%); border-right: 1px solid var(--line); }
    .txo-site .txo-cs-tab { appearance: none; background: #fff; border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--shadow-sm); margin: 0; font: inherit; color: inherit; flex: 1 1 0; min-height: var(--tab-h); display: flex; align-items: center; gap: 11px; text-align: left; padding: 0 18px; cursor: pointer; position: relative; z-index: 1; -webkit-tap-highlight-color: transparent; }
    .txo-site .txo-cs-logo { display: block; width: auto; object-fit: contain; transition: filter .3s ease, opacity .3s ease, transform .3s ease; }
    .txo-site .txo-cs-tab { position: relative; padding: 0 12px 0 11px; cursor: pointer; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease; }
    .txo-site .txo-cs-tab:hover { border-color: var(--blue-line); background: var(--blue-tint); }
    .txo-site .txo-cs-tab[aria-selected="true"] { border-color: var(--blue); border-width: 2px; padding: 0 11px 0 10px; box-shadow: var(--shadow); }
    .txo-site .txo-cs-tab[aria-selected="true"] .txo-cs-tabname { color: var(--blue); }
    .txo-site .txo-cs-tabtxt { flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
    .txo-site .txo-cs-tabname { font-size: 15px; font-weight: 800; letter-spacing: -0.015em; color: var(--ink); white-space: nowrap; }
    .txo-site .txo-cs-tabmeta { font-family: 'JetBrains Mono', monospace; font-size: 11.5px; font-weight: 600; color: var(--muted); white-space: nowrap; }
    .txo-site .txo-cs-logowrap { display: grid; place-items: center; width: 62px; height: 48px; flex-shrink: 0; overflow: hidden; border-right: 1px solid var(--line-2); padding-right: 10px; box-sizing: content-box; }
    .txo-site .txo-cs-logo { flex-shrink: 0; max-width: 100%; }
    .txo-site .txo-cs-railtop { position: sticky; top: -10px; z-index: 3; margin: -14px -14px 8px; padding: 13px 14px 11px; align-self: stretch; width: calc(100% + 28px); text-align: center; line-height: 1.35; letter-spacing: .06em; text-wrap: balance; background: #fff; border-bottom: 1px solid var(--line-2); flex: 0 0 auto; font-size: 11.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--ink-2); }
    .txo-site .txo-cs-pick { display: none; width: 15px; height: 15px; flex-shrink: 0; color: var(--label); transition: color .18s ease, transform .18s ease; }
    .txo-site .txo-cs-tab:hover { transform: translateX(2px); }
    .txo-site .txo-cs-tab:hover .txo-cs-pick { color: var(--blue); }
    .txo-site .txo-cs-tab[aria-selected="true"] .txo-cs-pick { opacity: 0; transform: translateX(6px); }
    .txo-site .txo-cs-tab[aria-selected="true"] { background: var(--blue-tint); }
    @media (prefers-reduced-motion: reduce) { .txo-site .txo-cs-tab { transition: none; } }
    .txo-site .txo-cs-logo.l-bajaj { height: 34px; width: auto; max-width: 62px; }
    .txo-site .txo-cs-logo.l-unify { height: 34px; width: auto; max-width: 62px; }
    .txo-site .txo-cs-logo.l-zenskar { height: 34px; width: auto; max-width: 62px; }
    .txo-site .txo-cs-logo.l-jio { height: 34px; width: auto; max-width: 62px; }
    .txo-site .txo-cs-tab:focus-visible { outline: 2px solid var(--blue); outline-offset: -4px; border-radius: 8px; }
    .txo-site .txo-cs-stage { position: relative; padding: 30px 32px 28px; min-width: 0; display: grid; }
    .txo-site .txo-cs-pane { grid-area: 1/1; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: 18px; transition: opacity .32s ease, transform .32s ease, visibility 0s linear .32s; }
    .txo-site .txo-cs-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; }
    .txo-site .txo-cs-id { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
    .txo-site .txo-cs-co { font-size: 11.5px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; color: var(--blue); }
    .txo-site .txo-cs-head { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -.022em; line-height: 1.28; color: var(--ink); max-width: none; white-space: nowrap; min-height: 56px; min-width: 0; overflow: hidden; }
    .txo-site .txo-cs-hero { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; flex: 0 0 auto; padding-left: 22px; border-left: 1px solid var(--line); }
    .txo-site .txo-cs-num { font-size: 44px; font-weight: 800; letter-spacing: -.04em; line-height: 1; color: var(--blue); }
    .txo-site .txo-cs-numlab { font-size: 12.5px; font-weight: 700; color: var(--ink-2); margin-top: 5px; }
    .txo-site .txo-cs-tables { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: var(--cs-row1, auto) auto; gap: 26px 36px; align-items: start; align-content: start; margin-top: 2px; flex: 1 1 auto; min-height: 0; }
    .txo-site .txo-cs-tables > *:nth-child(3), .txo-site .txo-cs-tables > *:nth-child(4) { align-self: start; }
    .txo-site .txo-cs-tcol { min-width: 0; }
    .txo-site .txo-cs-tbl { width: 100%; border-collapse: collapse; font-size: 13px; }
    .txo-site .txo-cs-tbl thead th:first-child { border-radius: 8px 0 0 0; }
    .txo-site .txo-cs-tbl thead th:last-child { border-radius: 0 8px 0 0; }
    .txo-site .txo-cs-tbl thead th { font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ink); background: var(--field); text-align: left; padding: 7px 10px; border-bottom: 2px solid var(--line); }
    .txo-site .txo-cs-tbl thead th:last-child { text-align: right; }
    .txo-site .txo-cs-tbl tbody th { font-weight: 600; color: var(--ink-2); text-align: left; padding: 8px 14px 8px 10px; border-bottom: 1px solid var(--line-2); line-height: 1.35; }
    .txo-site .txo-cs-tbl tbody td { font-weight: 800; color: var(--ink); text-align: right; padding: 8px 10px 8px 0; border-bottom: 1px solid var(--line-2); white-space: nowrap; font-variant-numeric: tabular-nums; }
    .txo-site .txo-cs-tbl tbody tr:last-child th, .txo-site .txo-cs-tbl tbody tr:last-child td { border-bottom: none; }
    .txo-site .txo-cs-why { border-left: 2px solid var(--blue); padding: 2px 0 2px 18px; min-width: 0; }
    .txo-site .txo-cs-why h4 { margin: 0 0 7px; font-size: 10.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--blue); }
    .txo-site .txo-cs-why p { margin: 0; font-size: 15px; font-weight: 500; line-height: 1.68; color: var(--ink-2); max-width: none; }
    .txo-site .txo-cs-quote { margin: 0; align-self: start; padding: 16px 18px; background: #FAFBFD; border: 1px solid var(--line); border-radius: var(--r); max-width: none; }
    .txo-site .txo-cs-quote blockquote { margin: 0; font-size: 14px; font-weight: 500; line-height: 1.6; color: var(--muted); font-style: italic; }
    .txo-site .txo-cs-quote blockquote::before { content: '\201C'; }
    .txo-site .txo-cs-quote blockquote::after { content: '\201D'; }
    .txo-site .txo-cs-quote figcaption { margin-top: 10px; font-size: 11.5px; font-weight: 700; color: var(--ink-2); }
    .txo-site .txo-cs-quote figcaption::before { content: '\2014\00a0'; }
    .txo-site .txo-cs-tab:focus-visible { outline: 2px solid var(--blue); outline-offset: -4px; border-radius: 8px; }
    /* box size + density matched to the client page */
    .txo-site .txo-cs-rail { --tab-h: 68px; gap: 6px !important; padding: 10px !important; background: #fff !important; }
    .txo-site .txo-cs-tabname { font-size: 14px !important; }
    .txo-site .txo-cs-tabmeta { font-size: 11.5px !important; color: var(--ink-2) !important; }
    .txo-site .txo-cs-stage { padding: 21px 20px !important; }
    .txo-site .txo-cs-pane { justify-content: space-between !important; gap: 10px !important; }
    .txo-site .txo-cs-top { gap: 18px !important; }
    .txo-site .txo-cs-id { gap: 4px !important; }
    .txo-site .txo-cs-co { font-size: 12.5px !important; color: var(--ink) !important; }
    .txo-site .txo-cs-heros > .txo-cs-hero { min-width: 132px; padding: 0 8px 0 22px; }
    .txo-site .txo-cs-num { font-size: 27px !important; }
    .txo-site .txo-cs-numlab { font-size: 12px !important; margin-top: 4px !important; }
    .txo-site .txo-cs-id .cl-chips { margin: 1px 0 9px !important; }
    .txo-site .txo-cs-tables { gap: 12px 38px !important; margin-top: 6px !important; }
    .txo-site .txo-cs-tbl { font-size: 14.5px !important; }
    .txo-site .txo-cs-tbl thead th { font-size: 12px !important; color: var(--label) !important; background: transparent !important; padding: 3px 10px 5px !important; }
    .txo-site .txo-cs-tbl tbody tr { height: 23px; }
    .txo-site .txo-cs-tbl tbody tr:nth-child(even) { background: #FBFCFE; }
    .txo-site .txo-cs-tbl tbody th { padding: 1px 14px 1px 10px !important; border-bottom: none !important; }
    .txo-site .txo-cs-tbl tbody td { padding: 1px 10px 1px 0 !important; border-bottom: none !important; }
    .txo-site .txo-cs-why { padding: 1px 0 1px 14px !important; }
    .txo-site .txo-cs-why h4 { margin: 0 0 2px !important; font-size: 12.5px !important; letter-spacing: .05em !important; }
    .txo-site .txo-cs-why p { font-size: 14px !important; line-height: 1.34 !important; }
    .txo-site .txo-cs-quote { padding: 10px 13px !important; }
    .txo-site .txo-cs-quote blockquote { font-size: 15px !important; line-height: 1.55 !important; }
    .txo-site .txo-cs-quote figcaption { margin-top: 10px !important; font-size: 12.5px !important; }
    .txo-site .cl-pfoot { margin-top: 0 !important; padding-top: 8px !important; }
    .txo-site .txo-cs-head { font-size: 19px !important; line-height: 1.25 !important; white-space: normal !important; min-height: 0 !important; max-width: 42ch !important; margin: 3px 0 0 !important; overflow: visible !important; }
    .txo-site .txo-cs-pane { justify-content: flex-start !important; gap: 12px !important; }
    .txo-site .txo-cs-pane > .txo-cs-why { margin-top: 2px !important; }
    .txo-site .txo-cs-pane > .cl-pfoot { margin-top: auto !important; }
    /* case-study panes — client-page pattern */
    .txo-site .cl-chips { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
    .txo-site .cl-chip--type { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 99px; background: var(--field); border: 1px solid var(--line); font-size: 11px; font-weight: 800; letter-spacing: .02em; color: var(--ink-2); white-space: nowrap; }
    .txo-site .txo-cs-id .cl-chips { margin: 2px 0 10px; }
    .txo-site .txo-cs-id .txo-cs-why { max-width: 78ch; }
    .txo-site .txo-cs-top .txo-cs-id { flex: 1 1 auto; min-width: 0; }
    .txo-site .txo-cs-heros { display: flex; align-items: stretch; flex: 0 0 auto; }
    .txo-site .txo-cs-heros > .txo-cs-hero { align-items: center; min-width: 150px; text-align: center; }
    .txo-site .txo-cs-heros > .txo-cs-hero + .txo-cs-hero { margin-left: 22px; }
    .txo-site .txo-cs-heros .txo-cs-numlab { text-align: center; white-space: nowrap; }
    .txo-site .cl-pfoot { margin-top: 2px; padding-top: 14px; border-top: 1px solid var(--line-2); }
    .txo-site .cl-pfoot .txo-cs-quote { margin: 0; align-self: stretch; }
    @media (max-width: 1080px) {
      .txo-site .txo-cs-top { flex-direction: column; gap: 16px; }
      .txo-site .txo-cs-heros { align-self: stretch; }
      .txo-site .txo-cs-heros > .txo-cs-hero { align-items: flex-start; text-align: left; min-width: 0; flex: 1 1 0; }
      .txo-site .txo-cs-heros .txo-cs-numlab { text-align: left !important; white-space: normal; }
    }
    @media (max-width: 680px) {
      .txo-site .txo-cs-heros { flex-direction: column; align-self: stretch; }
      .txo-site .txo-cs-heros > .txo-cs-hero { align-items: flex-start; text-align: left; min-width: 0; }
      .txo-site .txo-cs-heros > .txo-cs-hero + .txo-cs-hero { margin-left: 0; }
      .txo-site .txo-cs-heros .txo-cs-numlab { text-align: left !important; }
    }
    @media (max-width: 1160px) { .txo-site .txo-wygcard span[style*="white-space: nowrap"] { white-space: normal !important; } }
    @media (max-width: 1279px) { .txo-site .txo-cs-head { white-space: normal; max-width: 26ch; text-wrap: balance; min-height: 0; } }
    @media (max-width: 1340px) { .txo-site .txo-dashwrap { max-width: 1040px; } }
    @media (max-width: 1080px) { .txo-site .txo-proof { margin-bottom: 48px !important; } }
    @media (max-width: 880px) {
      .txo-site .txo-cs { grid-template-columns: minmax(0, 1fr); }
      .txo-site .txo-cs-rail { flex-direction: row; flex-wrap: wrap; padding-left: 0; padding-top: 12px; border-right: none; border-bottom: 1px solid var(--line); }
      .txo-site .txo-cs-railtop { position: static !important; flex: 1 1 100% !important; width: auto !important; margin: 0 0 4px !important; padding: 2px 4px 8px !important; border-bottom: none !important; }
      .txo-site .txo-cs-tab { min-height: 78px; min-width: 0; flex: 1 1 calc(50% - 5px); padding: 0 10px; }
      .txo-site .txo-cs-tabtxt { min-width: 0; }
      .txo-site .txo-cs-tabname { white-space: normal; }
      .txo-site .txo-cs-logo.l-unify, .txo-site .txo-cs-logo.l-zenskar { max-width: 100%; }
      .txo-site .txo-cs-logo.l-unify { max-height: 24px; }
      .txo-site .txo-cs-logo.l-zenskar { max-height: 22px; }
      .txo-site .txo-cs-logo.l-bajaj { max-height: 26px; max-width: 40px; }
      .txo-site .txo-cs-logo.l-jio { max-height: 28px; max-width: 28px; }
      .txo-site .txo-cs-stage { padding: 24px 22px 24px; }
      @media (max-width: 680px) {
        .txo-site .txo-cs-top { flex-direction: column; gap: 16px; }
        .txo-site .txo-cs-hero { align-items: flex-start; padding-left: 0; border-left: none; padding-top: 14px; border-top: 1px solid var(--line); align-self: stretch; }
      }
      .txo-site .txo-cs-head { max-width: none; font-size: 19px; white-space: normal; min-height: 0; }
      .txo-site .txo-proof { margin-bottom: 24px !important; }
      .txo-site .txo-cs-tables { grid-template-rows: none !important; grid-template-areas: none !important; gap: 22px; }
      @media (max-width: 680px) { .txo-site .txo-cs-tables { grid-template-columns: 1fr !important; } }
      .txo-site .txo-cs-tables > *:nth-child(1), .txo-site .txo-cs-tables > *:nth-child(2), .txo-site .txo-cs-tables > *:nth-child(3), .txo-site .txo-cs-tables > *:nth-child(4) { grid-area: auto !important; }
      .txo-site .txo-cs-why p { max-width: 60ch; min-height: 0; }
      .txo-site .txo-cs-quote blockquote { min-height: 0; }
    }

    @keyframes txoLbIn { from { opacity: 0; transform: translateX(22px); } to { opacity: 1; transform: none; } }
    .txo-site .txo-dsm { display: none; }
    .txo-site .txo-paidgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    @media (max-width: 900px) { .txo-site .txo-paidgrid { grid-template-columns: 1fr 1fr; } }
    @media (max-width: 1080px) and (min-width: 900px) { .txo-site .txo-paidgrid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .txo-site .txo-paidgrid > div { border-bottom: none !important; } .txo-site .txo-paidgrid > div:nth-child(4) { border-right: none !important; } }
    @media (max-width: 1180px) { .txo-site .txo-moneysplit { grid-template-columns: minmax(0, 1fr) !important; } }
    @media (max-width: 1360px) { .txo-site .txo-paidgrid > div { padding: 16px 16px !important; } .txo-site .txo-paidgrid > div > span:nth-child(2) { font-size: 19px !important; } }
    @media (max-width: 900px) { .txo-site .txo-paidgrid { grid-template-columns: 1fr !important; } .txo-site .txo-paidgrid > div { border-right: none !important; border-bottom: 1px solid var(--line-2) !important; } .txo-site .txo-paidgrid > div:last-child { border-bottom: none !important; } }
    @media (max-width: 1080px) { .txo-site .txo-foot { grid-template-columns: repeat(3, 1fr) !important; gap: 26px !important; } }
    @media (max-width: 680px) { .txo-site .txo-foot { grid-template-columns: 1fr !important; } }
    .txo-site { align-items: stretch !important; }
    .txo-site main, .txo-site header, .txo-site footer { min-width: 0 !important; width: 100% !important; box-sizing: border-box; align-self: stretch !important; }
    @media (max-width: 1080px) {
      .txo-site main h2 { font-size: 31px !important; }
    }
    
    /* --- tablet: hold the desktop look between 681 and 1080 --- */
    @media (max-width: 1080px) {
      .txo-site section[data-screen-label="What You Get"] { min-height: 0 !important; justify-content: flex-start !important; }
    }
    @media (max-width: 1080px) and (min-width: 681px) {
      .txo-site main { padding-left: 30px !important; padding-right: 30px !important; }
      .txo-site header > div, .txo-site footer > div { padding-left: 30px !important; padding-right: 30px !important; }
      .txo-site main h1 { font-size: 36px !important; }
      .txo-site .txo-paidgrid > div { padding: 14px 16px !important; }
      .txo-site .txo-paidgrid > div:nth-child(odd) { border-right: 1px solid var(--line-2) !important; }
      .txo-site .txo-strip { flex-wrap: wrap !important; row-gap: 14px; }
      .txo-site .txo-strip > div { flex: 1 1 42% !important; }
      .txo-site .txo-demo-body { grid-template-columns: 150px 1fr !important; min-height: 0 !important; }
      .txo-site .txo-demo-body > div:nth-child(2) { min-height: 0 !important; height: auto !important; overflow: visible !important; }
      .txo-site .txo-demo-body > div:nth-child(2) > div { position: static !important; inset: auto !important; height: auto !important; min-height: 0 !important; padding: 16px 16px !important; animation: none !important; transform: none !important; }
      .txo-site .txo-demo-body > div:nth-child(2) > div > div { height: auto !important; min-height: 0 !important; }
      .txo-site .txo-demo-side { padding: 12px 8px !important; }
      .txo-site .txo-dstep { width: 19% !important; }
      .txo-site .txo-dstep span:last-child { font-size: 11px !important; line-height: 1.3 !important; text-align: center; }
      .txo-site .txo-pcard-num { font-size: 16px !important; }
      .txo-site .txo-pcard-lab { font-size: 10px !important; }

      /* what's live now — one row */
      .txo-site .txo-strip { flex-wrap: nowrap !important; }
      .txo-site .txo-strip > div { flex: 1 1 0 !important; padding: 18px 8px !important; gap: 6px !important; }
      .txo-site .txo-strip > div > sc-if > span, .txo-site .txo-strip > div span[style*="font-size: 38px"] { font-size: 25px !important; }
      .txo-site .txo-strip > div > span:last-child { font-size: 11.5px !important; }
      .txo-site .txo-strip > span[style*="width: 1px"] { display: block !important; }

      /* domains — equal cards, centred second row */

      /* your pace — three across, stacked stats, bigger numbers */
      .txo-site .txo-pcards { grid-template-columns: repeat(3, 1fr) !important; gap: 14px !important; }
      .txo-site .txo-pcard--reco { position: relative; overflow: visible !important; border: 2px solid var(--blue) !important; box-shadow: 0 0 0 6px var(--blue-tint), var(--shadow) !important; }
    .txo-site .txo-pcard-reco { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); z-index: 2; padding: 4px 13px; background: var(--blue); color: #fff; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; border-radius: 999px; white-space: nowrap; box-shadow: 0 8px 16px -9px rgba(32,87,230,.8); }
    .txo-site .txo-pcard-top { height: 168px !important; }
      .txo-site .txo-pcard-art { max-height: 118px !important; max-width: 74% !important; }
      .txo-site .txo-pcard-body { margin-top: 12px !important; }
      .txo-site .txo-pcard-row { flex-direction: column !important; margin-top: 14px !important; padding-top: 12px !important; gap: 10px; }
      .txo-site .txo-pcard-row > div { flex: none !important; padding: 0 !important; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; text-align: left !important; }
      .txo-site .txo-pcard-row > div:nth-child(2) { border-left: none !important; border-right: none !important; border-top: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2); padding: 10px 0 !important; }
      .txo-site .txo-pcard-num { font-size: 19px !important; order: 2; flex: 0 0 auto; }
      .txo-site .txo-pcard-lab { font-size: 10px !important; letter-spacing: .03em !important; margin-top: 0 !important; order: 1; text-align: left !important; white-space: normal !important; min-width: 0; flex: 1 1 auto; }



      .txo-site .txo-paidgrid { grid-template-columns: 1fr 1fr !important; }
      .txo-site .txo-paidgrid > div:nth-child(1), .txo-site .txo-paidgrid > div:nth-child(2) { border-bottom: 1px solid var(--line-2) !important; }
      .txo-site .txo-paidgrid > div:nth-child(2), .txo-site .txo-paidgrid > div:nth-child(4) { border-right: none !important; }

      /* leaderboard — five entries */
      .txo-site .txo-lbrows > div:nth-child(n+6) { display: none !important; }

      /* how it works — calmer type */
      .txo-site .txo-steps > div span[style*="font-size: 18px"] { font-size: 15px !important; }
      .txo-site .txo-steps > div span[style*="font-size: 12.5px"] { font-size: 11.5px !important; }
      .txo-site .txo-steps { padding: 18px 16px 14px !important; column-gap: 12px !important; }

      /* dashboard — one height for every step of the animation */
      .txo-site .txo-demo-body { min-height: 336px !important; }
      .txo-site .txo-demo-body > div:nth-child(2) { min-height: 336px !important; }
      .txo-site .txo-demo-body > div:nth-child(2) > div { height: 100% !important; }

      /* domains — four equal cards, remainder centred */
      .txo-site .txo-cats { justify-content: center !important; }
      .txo-site .txo-cats > .txo-cat { flex: 0 1 calc(25% - var(--cg) * 0.75) !important; min-width: 0 !important; }
      .txo-site .txo-cat-in { padding: 13px 8px !important; gap: 9px !important; }
      .txo-site .txo-cat-tile { width: 46px !important; height: 46px !important; }
      .txo-site .txo-cat-lab { font-size: 12.5px !important; min-height: 32px !important; }

      /* your pace — bigger artwork inside the same card */
      .txo-site .txo-pcard-art { max-height: 150px !important; max-width: 94% !important; }
      .txo-site .txo-pcard-title { font-size: 19px !important; }
      .txo-site .txo-pcard-cap { font-size: 12.5px !important; }
      .txo-site .txo-pcard-num { font-size: 17px !important; white-space: nowrap; text-align: right !important; font-variant-numeric: tabular-nums; }
      .txo-site .txo-pcard-lab { font-size: 10px !important; max-width: 86px !important; white-space: normal !important; text-align: left !important; }
      .txo-site .txo-pcard-row > div { min-height: 32px !important; align-items: center !important; }

      /* how it works — desktop track, calmer type */
      .txo-site .txo-steps { padding: 22px 18px 18px !important; column-gap: 14px !important; }
      .txo-site .txo-steps > div span[style*="font-size: 18px"] { font-size: 17px !important; }
      .txo-site .txo-steps > div span[style*="font-size: 12.5px"] { font-size: 12.5px !important; color: var(--ink-2) !important; }

      /* what you get — two up, bullets inline */
      .txo-site .txo-wyg { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
      .txo-site .txo-wygcard:nth-child(odd) { border-right: 1px solid var(--line) !important; }
      .txo-site .txo-wygcard:nth-child(2n) { border-right: none !important; }
      .txo-site .txo-wygcard:nth-last-child(-n+2) { border-bottom: none !important; }
      .txo-site .txo-wygbul { gap: 4px !important; margin: 2px 0 4px !important; }
      .txo-site .txo-wygcard { padding: 20px 20px !important; }
      .txo-site .txo-wyg span[style*="font-size: 21px"] { font-size: 18px !important; }
      .txo-site .txo-wyg span[style*="font-size: 14.5px"], .txo-site .txo-wyg p { font-size: 13px !important; line-height: 1.5 !important; }
      .txo-site .txo-wygico { width: 38px !important; height: 38px !important; }
      .txo-site .txo-wygcard { display: flex !important; flex-direction: column !important; }
      .txo-site .txo-wyglead { margin-bottom: 0 !important; }
      .txo-site .txo-wygbul { gap: 4px !important; margin: 4px 0 0 !important; }
    }

    /* case studies below the split — tabs read as buttons, text runs full width */
    @media (max-width: 880px) {
      .txo-site .txo-cs-rail { gap: 10px !important; }
      .txo-site .txo-cs-tab { border: 1px solid var(--line) !important; border-radius: 11px !important; background: #fff !important; box-shadow: var(--shadow-sm) !important; }
      .txo-site .txo-cs-tab[aria-selected="true"] { border-color: var(--blue) !important; background: var(--blue-tint) !important; box-shadow: 0 0 0 3px var(--blue-tint) !important; }
      .txo-site .txo-cs-tab[aria-selected="true"]::after { display: none !important; }
      .txo-site .txo-cs-tbl th, .txo-site .txo-cs-tbl td { padding-top: 5px !important; padding-bottom: 5px !important; }
      .txo-site .txo-cs-tables { gap: 18px 24px !important; }
      .txo-site .txo-cs-top { gap: 14px !important; }
      .txo-site .txo-cs-num { font-size: 30px !important; }
      .txo-site .txo-cs-hero { padding-left: 16px !important; }
      .txo-site .txo-cs-numlab { font-size: 11.5px !important; text-align: right; }
      .txo-site .txo-cs-quote { align-self: start !important; padding: 13px 15px !important; }
      .txo-site .txo-cs-quote blockquote { font-size: 13px !important; line-height: 1.5 !important; }
      .txo-site .txo-cs-why p { font-size: 13.5px !important; line-height: 1.55 !important; }
    }

    @media (max-width: 680px) {
      html { scrollbar-width: none; -ms-overflow-style: none; }
      html::-webkit-scrollbar, body::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; }
      .txo-site .txo-hero, .txo-site .txo-split, .txo-site .txo-resolve { grid-template-columns: 1fr !important; }
      .txo-site .txo-resolve > div:first-child { position: static !important; }
      .txo-site .txo-strip { flex-wrap: wrap !important; row-gap: 8px; }
      .txo-site .txo-strip > span[style*="width: 1px"], .txo-site .txo-tstrip > span[style*="width: 1px"] { display: none !important; }
      .txo-site .txo-tstrip { flex-wrap: wrap !important; row-gap: 8px; }
      .txo-site .txo-tstrip > span:not([style*="width: 1px"]) { flex: 1 1 100% !important; }
      .txo-site .txo-snip { transform: none !important; }
      .txo-site .txo-demo-side { display: none !important; }
      .txo-site .txo-demo-body { grid-template-columns: 1fr !important; }
      .txo-site .txo-dcursor { display: none !important; }
      .txo-site .txo-drow { flex-wrap: wrap !important; gap: 10px 4px !important; }
      .txo-site .txo-dbar { display: none !important; }
      .txo-site .txo-dstep { width: 31% !important; gap: 5px !important; }
      .txo-site header > div, .txo-site footer > div { padding-left: 20px !important; padding-right: 20px !important; }
      .txo-site main { padding-left: 20px !important; padding-right: 20px !important; gap: 60px !important; }
      .txo-site main h1 { font-size: 32px !important; }
      .txo-site main h2 { font-size: 27px !important; }
      .txo-site .txo-strip > div { flex: 1 1 100% !important; }
      .txo-site .txo-tstrip > span:not([style*="width: 1px"]) { flex: 1 1 100% !important; }
      .txo-site .txo-wyg { grid-template-columns: 1fr !important; }
      .txo-site .txo-wygcard span[style*="white-space: nowrap"] { white-space: normal !important; }
      .txo-site .txo-wyg > div { border-right: none !important; }
      .txo-site .txo-steps { grid-template-columns: 1fr !important; background: transparent !important; border: none !important; padding: 0 !important; row-gap: 34px !important; }
      .txo-site .txo-step-track { display: none !important; }
      .txo-site .txo-steps > div:not(.txo-step-track):not([style*="grid-column: 1 / -1"]) { position: relative; }
      .txo-site .txo-steps > div:nth-of-type(3)::before, .txo-site .txo-steps > div:nth-of-type(4)::before, .txo-site .txo-steps > div:nth-of-type(5)::before { content: ''; position: absolute; left: 50%; bottom: -30px; width: 2px; height: 22px; background: var(--blue); transform: translateX(-50%); border-radius: 2px; }
      .txo-site .txo-steps > div:nth-of-type(3)::after, .txo-site .txo-steps > div:nth-of-type(4)::after, .txo-site .txo-steps > div:nth-of-type(5)::after { content: ''; position: absolute; left: 50%; bottom: -30px; width: 10px; height: 10px; border-right: 2px solid var(--blue); border-bottom: 2px solid var(--blue); transform: translateX(-50%) rotate(45deg); }
      .txo-site .txo-steps > div[style*="grid-column: 1 / -1"]:last-of-type { margin-top: 6px !important; padding: 12px 14px !important; background: var(--field) !important; border: 1px solid var(--line-2) !important; border-radius: 11px !important; justify-content: center !important; text-align: center !important; font-size: 12px !important; }
      .txo-site .txo-hiw-demo { flex-direction: column !important; text-align: center !important; gap: 10px !important; }
      .txo-site .txo-hiw-demo > span { font-size: 15px !important; font-weight: 700 !important; color: var(--ink) !important; }
      .txo-site .txo-mcta { display: flex !important; }
      .txo-site .txo-collage { width: 100% !important; transform: none !important; height: auto !important; display: flex; flex-direction: column; gap: 12px; }
      .txo-site .txo-collage-wrap { height: auto !important; }
      .txo-site .txo-collage > div { position: relative !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; }
      /* No strip under the footer: the phone call-to-action bar this room was
         left for is hidden further down in this same block. */
      .txo-site footer { margin-bottom: 0 !important; }

      /* hero */
      .txo-site main h1 { font-size: 32px !important; }
      .txo-site .txo-btn { padding: 10px 16px !important; font-size: 13.5px !important; min-height: 0 !important; }
      .txo-site section[data-screen-label="Hero"] { align-items: center !important; }

      /* what's live now — 2 x 2 */
      .txo-site .txo-strip > div { flex: 1 1 44% !important; padding: 16px 10px !important; }
      .txo-site .txo-strip > div span[style*="font-size: 38px"] { font-size: 27px !important; }

      /* domains — symmetric 2 x n */

      /* your pace — image beside the data, alternating sides */
      .txo-site .txo-pcard { display: flex !important; align-items: stretch; gap: 0; padding: 5px !important; }
      .txo-site .txo-pcard:nth-child(2n) { flex-direction: row-reverse !important; }
      .txo-site .txo-pcard--reco { position: relative; overflow: visible !important; border: 2px solid var(--blue) !important; box-shadow: 0 0 0 6px var(--blue-tint), var(--shadow) !important; }
    .txo-site .txo-pcard-reco { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); z-index: 2; padding: 4px 13px; background: var(--blue); color: #fff; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; border-radius: 999px; white-space: nowrap; box-shadow: 0 8px 16px -9px rgba(32,87,230,.8); }
    .txo-site .txo-pcard-top { flex: 0 0 40% !important; height: auto !important; min-height: 168px; }
      .txo-site .txo-pcard-art { max-height: 118px !important; max-width: 78% !important; }
      .txo-site .txo-pcard-body { flex: 1 1 auto; min-width: 0; margin-top: 0 !important; padding: 12px 14px !important; display: flex; flex-direction: column; justify-content: center; }
      .txo-site .txo-pcard-title { text-align: left !important; font-size: 18px !important; }
      .txo-site .txo-pcard-cap { text-align: left !important; font-size: 12px !important; }
      .txo-site .txo-pcard-row { flex-direction: column !important; margin-top: 12px !important; padding-top: 10px !important; gap: 8px; }
      .txo-site .txo-pcard-row > div { flex: none !important; padding: 0 !important; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; text-align: left !important; }
      .txo-site .txo-pcard-row > div:nth-child(2) { border-left: none !important; border-right: none !important; border-top: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2); padding: 8px 0 !important; }
      .txo-site .txo-pcard-num { font-size: 15px !important; order: 2; flex: 0 0 auto; }
      .txo-site .txo-pcard-lab { font-size: 9.5px !important; margin-top: 0 !important; order: 1; text-align: left !important; white-space: normal !important; min-width: 0; flex: 1 1 auto; }

      /* money */
      .txo-site .txo-paidgrid { grid-template-columns: 1fr 1fr !important; }
      .txo-site .txo-paidgrid > div { padding: 12px 12px !important; }
      .txo-site .txo-paidgrid > div:nth-child(odd) { border-right: 1px solid var(--line-2) !important; }
      .txo-site .txo-paidgrid > div:nth-child(1), .txo-site .txo-paidgrid > div:nth-child(2) { border-bottom: 1px solid var(--line-2) !important; }
      .txo-site .txo-paidgrid > div:nth-child(3), .txo-site .txo-paidgrid > div:nth-child(4) { border-bottom: none !important; }
      .txo-site .txo-paidgrid > div > span:nth-child(2) { font-size: 16px !important; }

      /* leaderboard — 3 rows, rank + name + headline number, swipe instead of tabs */
      .txo-site .txo-lbsw { display: none !important; }
      .txo-site #txo-lb { position: relative !important; }
      .txo-site .txo-lbhint { display: inline-flex !important; position: absolute !important; top: 14px; right: 16px; z-index: 2; font-size: 11px !important; gap: 4px !important; }
      .txo-site .txo-lbrows > div:nth-child(n+6) { display: none !important; }
      .txo-site #txo-lb:not([data-campaigns]) [style*="grid-template-columns:"] { grid-template-columns: 26px minmax(0, 1fr) auto !important; }
      .txo-site #txo-lb:not([data-campaigns]) [style*="grid-template-columns:"] > *:nth-child(3),
      .txo-site #txo-lb:not([data-campaigns]) [style*="grid-template-columns:"] > *:nth-child(4) { display: none !important; }
      /* every board's header reserves the stacked (two-line) height, so switching boards can't shift the page */
      .txo-site #txo-lb .txo-lb-head { min-height: 0 !important; align-content: start !important; }

      /* campaigns: role + bonus on line 1, window + qualify stacked on line 2 */
      .txo-site #txo-lb[data-campaigns] [style*="grid-template-columns:"] { grid-template-columns: 0 minmax(0, 1fr) auto !important; column-gap: 10px !important; row-gap: 3px !important; }
      .txo-site #txo-lb[data-campaigns] [style*="grid-template-columns:"] > *:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
      .txo-site #txo-lb[data-campaigns] [style*="grid-template-columns:"] > *:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
      .txo-site #txo-lb[data-campaigns] [style*="grid-template-columns:"] > *:nth-child(5) { grid-area: 1 / 3 / 2 / 4; }
      .txo-site #txo-lb[data-campaigns] [style*="grid-template-columns:"] > *:nth-child(3) { grid-area: 2 / 2 / 3 / 3; text-align: left !important; font-size: 11px !important; color: var(--label) !important; }
      .txo-site #txo-lb[data-campaigns] [style*="grid-template-columns:"] > *:nth-child(4) { grid-area: 2 / 3 / 3 / 4; font-size: 11px !important; }
      .txo-site #txo-lb [style*="74px 74px 74px 68px"] > *:nth-child(5) { display: none !important; }
      .txo-site .txo-lbrows { min-height: 0 !important; justify-content: flex-start !important; animation: txoLbIn .26s ease both; }
      .txo-site .txo-lbsub { display: block !important; overflow: visible !important; height: auto !important; margin-top: 6px !important; margin-bottom: 10px !important; }

      /* hero step chips — keep numbers and labels aligned */
      .txo-site .txo-dstep { width: 30% !important; }
      .txo-site .txo-dstep > span:first-child { width: 26px !important; height: 26px !important; font-size: 11px !important; flex-shrink: 0; }
      .txo-site .txo-dstep > span:last-child { font-size: 9.5px !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-align: center; word-break: normal; }

      /* your pace — larger artwork */
      .txo-site .txo-pcard--reco { position: relative; overflow: visible !important; border: 2px solid var(--blue) !important; box-shadow: 0 0 0 6px var(--blue-tint), var(--shadow) !important; }
    .txo-site .txo-pcard-reco { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); z-index: 2; padding: 4px 13px; background: var(--blue); color: #fff; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; border-radius: 999px; white-space: nowrap; box-shadow: 0 8px 16px -9px rgba(32,87,230,.8); }
    .txo-site .txo-pcard-top { overflow: hidden !important; }
      .txo-site .txo-pcard-art { width: 128% !important; max-width: none !important; height: auto !important; max-height: none !important; }

      /* snippet — short labels, less data */
      .txo-site .txo-dlg { display: none !important; }
      .txo-site .txo-dsm { display: inline !important; }
      .txo-site .txo-demo-body [style*="font-size: 11px; font-weight: 600; color: var(--muted)"] { display: none !important; }
      .txo-site .txo-mcta { display: none !important; }

      /* money — calmer subhead, tighter cards */
      .txo-site #txo-money > div > p { font-size: 13.5px !important; }
      .txo-site #txo-money .txo-pcard-row { margin-top: 10px !important; padding-top: 10px !important; }
      .txo-site .txo-moneysplit > div:first-child > div > div:nth-child(1) { padding: 14px 16px !important; }
      .txo-site .txo-paidgrid > div { padding: 12px 14px !important; }
      .txo-site .txo-paidgrid .txo-pcard-num, .txo-site .txo-paidgrid [style*="font-size: 21px"] { font-size: 17px !important; }
      .txo-site #txo-lb { padding: 12px 16px 8px !important; height: auto !important; }
      .txo-site #txo-lb [style*="padding: 9px 2px"] { padding: 6px 2px !important; }

      .txo-site .txo-moneysplit { display: flex !important; flex-direction: column !important; gap: 0 !important; }
      .txo-site .txo-moneysplit > div:first-child, .txo-site .txo-moneysplit > div:first-child > div { display: contents !important; }
      .txo-site .txo-moneysplit > div:first-child > div > div:nth-child(1) { order: 0; border: 1px solid var(--line) !important; border-bottom: none !important; border-radius: 15px 15px 0 0; }
      .txo-site .txo-moneysplit > div:first-child > div > .txo-paidgrid { order: 1; flex: none !important; height: auto !important; min-height: 0 !important; background: #fff; border: 1px solid var(--line) !important; border-top: none !important; border-radius: 0 0 15px 15px; overflow: hidden; }
      .txo-site #txo-lb { order: 2 !important; margin-top: 14px; }

      /* what you get — tighter */
      .txo-site .txo-wyg > div { padding: 14px 15px !important; gap: 6px !important; }
      .txo-site .txo-wyg span[style*="font-size: 19px"] { font-size: 16px !important; }

      /* faq art sits at the top of the section */
      .txo-site .txo-resolve > span[aria-hidden] { height: 420px !important; }

      /* how it works + what you get — calmer type */
      .txo-site .txo-steps > div span[style*="font-size: 18px"] { font-size: 15px !important; }
      .txo-site .txo-steps > div span[style*="font-size: 12.5px"] { font-size: 11.5px !important; }
      .txo-site .txo-wyg span[style*="font-size: 21px"] { font-size: 17px !important; }
      .txo-site .txo-wyg span[style*="font-size: 14.5px"], .txo-site .txo-wyg p { font-size: 12.5px !important; }

      /* proof off, testimonial intro card off */
      .txo-site section[data-screen-label="Proof"] { display: none !important; }

      /* faq — question CTA moves below the accordion */
      .txo-site .txo-resolve { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 16px !important; }
      .txo-site .txo-resolve > div:nth-child(2) { display: contents !important; }
      .txo-site .txo-resolve > div:nth-child(2) > span { order: 1 !important; }
      .txo-site .txo-resolve > div:nth-child(2) > h2 { order: 2 !important; }
      .txo-site .txo-resolve > div:nth-child(3) { order: 3 !important; }
      .txo-site .txo-resolve > div:nth-child(2) > p { order: 4 !important; margin-top: 6px !important; }
      .txo-site .txo-resolve > div:nth-child(2) .txo-btn { order: 5 !important; align-self: stretch !important; width: 100% !important; justify-content: center !important; background: var(--blue) !important; border-color: var(--blue) !important; color: #fff !important; box-shadow: 0 8px 16px -9px rgba(32,87,230,.8) !important; }

      /* --- mobile use cases: show the detail inline, no overlay --- */
      /* --- mobile hero --- */
      .txo-site .txo-threads { -webkit-mask-image: none !important; mask-image: none !important; filter: blur(1.5px) !important; opacity: .6 !important; }
      .txo-site section[data-screen-label="Hero"] .txo-hero-art::after { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 100%; z-index: 2; pointer-events: none; background: rgba(255,255,255,.34); backdrop-filter: blur(2.5px); -webkit-backdrop-filter: blur(2.5px); -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 82%, transparent 100%); mask-image: linear-gradient(180deg, #000 0%, #000 82%, transparent 100%); }
      .txo-site #txo-steps, .txo-site .txo-steps-glow { display: none !important; }
      .txo-site .txo-hero-art { height: 620px !important; }
      .txo-site .txo-demo-body { min-height: 0 !important; }
      .txo-site .txo-demo-body > div:nth-child(2) { min-height: 0 !important; height: auto !important; overflow: visible !important; }
      .txo-site .txo-demo-body > div:nth-child(2) > div { position: static !important; inset: auto !important; height: auto !important; min-height: 0 !important; padding: 14px 14px !important; animation: none !important; transform: none !important; }
      .txo-site .txo-demo-body > div:nth-child(2) > div > div { height: auto !important; min-height: 0 !important; }
      .txo-site .txo-dtiles, .txo-site .txo-demo-body [style*="grid-template-columns: 1fr 1fr 1fr"] { grid-template-columns: 1fr 1fr !important; gap: 7px !important; }
      .txo-site .txo-dtiles > div { padding: 9px 10px !important; gap: 1px !important; }
      .txo-site .txo-dtiles > div > span:first-child { font-size: 9px !important; letter-spacing: .03em !important; }
      .txo-site .txo-dtiles > div > span:last-child { font-size: 17px !important; }
      .txo-site .txo-dtiles > div:last-child { grid-column: 1 / -1 !important; }
      .txo-site .txo-demo-body [style*="grid-template-columns: 1fr 1fr"] { gap: 8px !important; }
      .txo-site .txo-demo-body [style*="white-space: nowrap"] { white-space: normal !important; }
      .txo-site .txo-demo-body span, .txo-site .txo-demo-body div { min-width: 0 !important; }
      .txo-site .txo-demo-body { height: 300px !important; min-height: 300px !important; }
      .txo-site .txo-demo-body > div:nth-child(2) { height: 300px !important; min-height: 300px !important; overflow: hidden !important; }
      .txo-site .txo-demo-body > div:nth-child(2) > div { height: 100% !important; box-sizing: border-box !important; overflow: hidden !important; }

      /* dashboard — the chips below already name the step, so drop the inline note */
      .txo-site .txo-dselnote, .txo-site .txo-dselpill { display: none !important; }
      .txo-site .txo-demo-body > div:nth-child(2) > div { padding: 12px 13px !important; gap: 9px !important; }
      .txo-site .txo-demo-body [data-dtarget] { padding: 9px 12px !important; }

      .txo-site .txo-marquee { padding: 16px 0 !important; }

      /* logos — no hover behaviour on touch */
      .txo-site .txo-marquee:hover .txo-marquee-track { animation-play-state: running !important; }
      .txo-site .txo-marquee-track img { filter: none !important; opacity: 1 !important; }

      /* domains — even two-up, the odd one out fills its row */
      .txo-site .txo-cats { justify-content: center !important; }
      .txo-site .txo-cats > .txo-cat { flex: 0 1 calc(50% - var(--cg) * 0.5) !important; }
      .txo-site .txo-cat-in { padding: 12px 10px !important; gap: 9px !important; }
      .txo-site .txo-cat-tile { width: 42px !important; height: 42px !important; }
      .txo-site .txo-cat-lab { font-size: 12.5px !important; min-height: 30px !important; }

      /* your pace — one type scale for every stat */
      .txo-site .txo-pcard-num { font-size: 15px !important; white-space: nowrap; text-align: right !important; font-variant-numeric: tabular-nums; line-height: 1.25 !important; }
      .txo-site .txo-pcard-lab { font-size: 9.5px !important; line-height: 1.3 !important; }
      .txo-site .txo-pcard-row > div { padding: 0 !important; align-items: center !important; }
      .txo-site .txo-pcard-lab { max-width: 82px !important; white-space: normal !important; text-align: left !important; }
      .txo-site .txo-pcard-row > div { min-height: 30px !important; }

      /* money — the heading introduces the boards it sits above */
      .txo-site .txo-mwerow { display: contents !important; }
      .txo-site .txo-mwe { order: 2 !important; margin-top: 20px !important; }
      .txo-site #txo-lb { order: 3 !important; }

      /* job campaigns — role and bonus only, the rest needs a wider screen */
      .txo-site #txo-lb[data-campaigns] [style*="grid-template-columns:"] { grid-template-columns: 0 minmax(0, 1fr) auto !important; row-gap: 0 !important; }
      .txo-site #txo-lb[data-campaigns] [style*="grid-template-columns:"] > *:nth-child(3),
      .txo-site #txo-lb[data-campaigns] [style*="grid-template-columns:"] > *:nth-child(4) { display: none !important; }

      /* boards are swipeable — say it with dots you can also tap */
      .txo-site .txo-lbsw { display: flex !important; order: 4 !important; height: auto !important; min-height: 0 !important; border: none !important; justify-content: center !important; align-items: center !important; gap: 10px !important; padding: 14px 0 2px !important; }
      .txo-site .txo-lbsw-bg { display: none !important; }
      .txo-site .txo-lbsw button { flex: 0 0 auto !important; width: 9px !important; height: 9px !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; }
      .txo-site .txo-lbsw button::before { content: ''; display: block; width: 9px; height: 9px; border-radius: 50%; background: var(--label); opacity: .5; transition: none; }
      .txo-site .txo-lbsw button[aria-selected="true"]::before { opacity: 1; transform: scale(1.3); background: var(--blue); }
      .txo-site .txo-lbsw button:disabled::before { opacity: .28; }

      /* what you get — shorter cards */
      .txo-site .txo-wygcard { padding: 14px 15px !important; gap: 6px !important; }
      .txo-site .txo-wyglead { display: none !important; }
      .txo-site .txo-wygbul { gap: 3px !important; margin: 4px 0 2px !important; }
      .txo-site .txo-wygbul > span { font-size: 12.5px !important; line-height: 1.4 !important; }
      .txo-site .txo-wygbul > span > span:first-child { margin-top: 5px !important; }
      .txo-site .txo-wyg { gap: 0 !important; }
      .txo-site .txo-wygico { width: 32px !important; height: 32px !important; border-radius: 10px !important; }
      .txo-site .txo-wyg svg { width: 17px !important; height: 17px !important; }
      .txo-site .txo-wyg span[style*="font-size: 21px"] { font-size: 16px !important; }
      .txo-site .txo-wyg span[style*="font-size: 14.5px"], .txo-site .txo-wyg p { font-size: 12px !important; line-height: 1.45 !important; margin-bottom: 4px !important; }
      .txo-site .txo-wygcard div[style*="flex-direction: column"] { gap: 4px !important; }
      .txo-site .txo-drow { flex-wrap: wrap !important; justify-content: center !important; gap: 12px 8px !important; }
      .txo-site .txo-dstep { width: 29% !important; }
      .txo-site .txo-dstep span:last-child { font-size: 10.5px !important; line-height: 1.25 !important; text-align: center; }
    }
    /* ---- wide desktops: content expands with the viewport and type scales with it.
       Scoped to min-width so every layout at or below 1440px is untouched. ---- */
    @media (min-width: 1600px) {
      .txo-site main { max-width: 1560px !important; padding-left: 56px !important; padding-right: 56px !important; gap: 112px !important; }
      .txo-site [aria-hidden="true"][style*="height: 65px"] { height: 88px !important; }
      .txo-site .txo-band { padding-top: 69px !important; padding-bottom: 69px !important; }
      /* one type scale (base = the 1366 design), ×1.08 */
      .txo-site .nav-logo { font-size: 22px !important; }
      .txo-site .nav-logo .xo { font-size: 15px !important; }
      .txo-site .txo-cat-lab { font-size: 15px !important; }
      .txo-site .txo-pcard-reco { font-size: 12px !important; }
      .txo-site .txo-pcard-title { font-size: 24px !important; }
      .txo-site .txo-pcard-cap { font-size: 15px !important; }
      .txo-site .txo-pcard-num { font-size: 19.5px !important; }
      .txo-site .txo-pcard-lab { font-size: 12px !important; }
      .txo-site .txo-cs-tabname { font-size: 17px !important; }
      .txo-site .txo-cs-tabmeta { font-size: 13.5px !important; }
      .txo-site .txo-cs-co { font-size: 13.5px !important; }
      .txo-site .txo-cs-head { font-size: 22px !important; }
      .txo-site .txo-cs-num { font-size: 50.5px !important; }
      .txo-site .txo-cs-numlab { font-size: 14.5px !important; }
      .txo-site .txo-cs-tbl { font-size: 15px !important; }
      .txo-site .txo-cs-tbl thead th { font-size: 13.5px !important; }
      .txo-site .txo-cs-why h4 { font-size: 12px !important; }
      .txo-site .txo-cs-why p { font-size: 17px !important; }
      .txo-site .txo-cs-quote blockquote { font-size: 16px !important; }
      .txo-site .txo-cs-quote figcaption { font-size: 13.5px !important; }
      .txo-site .txo-btn { font-size: 15.5px !important; }
      /* container padding on the same measured base */
      .txo-site .txo-wygcard { padding: 39px 43.5px !important; }
      .txo-site .txo-cat-in { padding: 18.5px 9px 16px !important; }
      /* the live band and hero dashboard are hard-capped at the 1366 design; lift both */
      .txo-site .txo-live { padding-left: max(56px, calc(50vw - 780px)) !important; padding-right: max(56px, calc(50vw - 780px)) !important; padding-top: 85px !important; padding-bottom: 85px !important; gap: 39px !important; }
      .txo-site .txo-live > div:first-child, .txo-site .txo-live > div:last-of-type, .txo-site .txo-live > a { max-width: 1542px !important; }
      .txo-site .txo-dashwrap { max-width: 1472px !important; margin-top: 24px !important; }
      .txo-site .txo-demo-body { grid-template-columns: 232px 1fr !important; min-height: 404.5px !important; }
      .txo-site .txo-marquee-track { height: 71.5px !important; gap: 59.5px !important; }
      .txo-site .txo-cat-in { height: 145px !important; }
      .txo-site .txo-cat-tile { width: 62.5px !important; height: 62.5px !important; }
      /* remaining fixed dimensions on the same scale */
      .txo-site .txo-btn { padding: 13.5px 23.5px !important; }
      .txo-site .txo-pcard-top { height: 284.5px !important; }
      .txo-site .txo-lbsub { white-space: nowrap !important; }
      /* inline width caps are what forced headings onto a second row */
      .txo-site .nav-logo .xo { width: 49px !important; }
      .txo-site .txo-demo-side svg { width: 17px !important; height: 17px !important; }
      /* icons: every inline SVG scales with the type it sits beside */
      .txo-site main svg[width="10"] { width: 11.5px !important; height: 11.5px !important; }
      .txo-site main svg[width="11"] { width: 12.5px !important; height: 12.5px !important; }
      .txo-site main svg[width="12"] { width: 14px !important; height: 14px !important; }
      .txo-site main svg[width="13"] { width: 15px !important; height: 15px !important; }
      .txo-site main svg[width="14"] { width: 16px !important; height: 16px !important; }
      .txo-site main svg[width="15"] { width: 17.5px !important; height: 17.5px !important; }
      .txo-site main svg[width="16"] { width: 18.5px !important; height: 18.5px !important; }
      .txo-site main svg[width="17"] { width: 19.5px !important; height: 19.5px !important; }
      .txo-site main svg[width="18"] { width: 20.5px !important; height: 20.5px !important; }
      .txo-site main svg[width="19"] { width: 22px !important; height: 22px !important; }
      .txo-site main svg[width="20"] { width: 23px !important; height: 23px !important; }
      .txo-site main svg[width="21"] { width: 24px !important; height: 24px !important; }
      .txo-site main svg[width="22"] { width: 25.5px !important; height: 25.5px !important; }
      .txo-site main svg[width="24"] { width: 27.5px !important; height: 27.5px !important; }
      .txo-site main svg[width="26"] { width: 30px !important; height: 30px !important; }
      .txo-site main svg[width="27"] { width: 31px !important; height: 31px !important; }
      .txo-site main svg[width="28"] { width: 32px !important; height: 32px !important; }
      .txo-site main svg[width="30"] { width: 34.5px !important; height: 34.5px !important; }
      .txo-site main svg[width="36"] { width: 41.5px !important; height: 41.5px !important; }
      /* dashboard step chips */
      .txo-site .txo-dstep { min-width: 142px !important; padding: 7.5px 9.5px !important; }
      .txo-site .txo-drow { gap: 12px !important; }
      /* domain tile artwork */
      .txo-site .txo-cat-art { width: 33px !important; height: 33px !important; }
      /* money leaderboard switch */
      .txo-site .txo-lbsw { height: 46.5px !important; min-height: 46.5px !important; }
      .txo-site .txo-lbsw-bg { height: 36.5px !important; }
      /* how it works cards */
      .txo-site .txo-steps > div { min-height: 278px !important; }
      .txo-site .txo-steps > div[style*="grid-column: 1 / -1"] { min-height: 0 !important; }
      /* button breathing room */
      .txo-site .txo-btn { gap: 9.5px !important; }
      /* one type scale over every inline size actually used on the page */
      .txo-site main :not(svg):not(svg *)[style*="font-size: 9.5px"], .txo-site footer [style*="font-size: 9.5px"] { font-size: 11px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 10px"], .txo-site footer [style*="font-size: 10px"] { font-size: 11.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 10.5px"], .txo-site footer [style*="font-size: 10.5px"] { font-size: 12px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 11px"], .txo-site footer [style*="font-size: 11px"] { font-size: 12.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 11.5px"], .txo-site footer [style*="font-size: 11.5px"] { font-size: 13px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 12px"], .txo-site footer [style*="font-size: 12px"] { font-size: 14px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 12.5px"], .txo-site footer [style*="font-size: 12.5px"] { font-size: 14.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 13px"], .txo-site footer [style*="font-size: 13px"] { font-size: 15px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 13.5px"], .txo-site footer [style*="font-size: 13.5px"] { font-size: 15.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 14px"], .txo-site footer [style*="font-size: 14px"] { font-size: 16px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 14.5px"], .txo-site footer [style*="font-size: 14.5px"] { font-size: 16.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 15px"], .txo-site footer [style*="font-size: 15px"] { font-size: 17.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 16.5px"], .txo-site footer [style*="font-size: 16.5px"] { font-size: 19px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 17px"], .txo-site footer [style*="font-size: 17px"] { font-size: 19.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 18px"], .txo-site footer [style*="font-size: 18px"] { font-size: 20.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 19px"], .txo-site footer [style*="font-size: 19px"] { font-size: 22px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 20px"], .txo-site footer [style*="font-size: 20px"] { font-size: 23px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 21px"], .txo-site footer [style*="font-size: 21px"] { font-size: 24px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 22px"], .txo-site footer [style*="font-size: 22px"] { font-size: 25.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 28px"], .txo-site footer [style*="font-size: 28px"] { font-size: 32px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 34px"], .txo-site footer [style*="font-size: 34px"] { font-size: 39px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 37px"], .txo-site footer [style*="font-size: 37px"] { font-size: 42.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 38px"], .txo-site footer [style*="font-size: 38px"] { font-size: 43.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 39px"], .txo-site footer [style*="font-size: 39px"] { font-size: 45px !important; }
      .txo-site main h1 { font-size: 45px !important; }
      .txo-site main h2 { font-size: 42.5px !important; }
      /* fixed-pixel boxes carried over from the 1366 design, on the same scale */
      .txo-site main [style*="max-width: 230px"] { max-width: 264.5px !important; }
      .txo-site main [style*="max-width: 420px"] { max-width: 483px !important; }
      .txo-site main [style*="max-width: 480px"] { max-width: 552px !important; }
      .txo-site main [style*="max-width: 640px"] { max-width: 736px !important; }
      .txo-site main [style*="max-width: 680px"] { max-width: 782px !important; }
      .txo-site main [style*="max-width: 720px"] { max-width: 828px !important; }
      .txo-site main [style*="max-width: 760px"] { max-width: 874px !important; }
      .txo-site main [style*="max-width: 820px"] { max-width: 943px !important; }
      .txo-site main [style*="max-width: 920px"] { max-width: 1058px !important; }
      .txo-site main [style*="max-width: 940px"] { max-width: 1081px !important; }
      .txo-site main [style*="width: 7px"][style*="height: 7px"] { width: 8px !important; height: 8px !important; }
      .txo-site main [style*="width: 40px"][style*="height: 40px"] { width: 46px !important; height: 46px !important; }
      .txo-site main [style*="width: 36px"][style*="height: 36px"] { width: 41.5px !important; height: 41.5px !important; }
      .txo-site main [style*="width: 28px"][style*="height: 23px"] { width: 32px !important; height: 26.5px !important; border-radius: 7px !important; }
      .txo-site main [style*="width: 22px"][style*="height: 22px"] { width: 25.5px !important; height: 25.5px !important; }
      .txo-site main [style*="width: 38px"][style*="height: 38px"] { width: 43.5px !important; height: 43.5px !important; }
      .txo-site .txo-marquee-track img[style*="height: 40px"] { height: 46px !important; }
      .txo-site .txo-marquee-track img[style*="height: 56px"] { height: 64.5px !important; }
      .txo-site .txo-marquee-track img[style*="height: 36px"] { height: 41.5px !important; }
      /* what you get: the icon well grows with its glyph
         how it works: the illustration slot carries a fixed height
         money: leaderboard rows and the extra-earnings tabs
         dashboard: chips, connector bars and the click markers */
      .txo-site .txo-wygico { width: 32px !important; height: 32px !important; }
      .txo-site .txo-wygcard > div:first-child { gap: 15px !important; }
      .txo-site .txo-steps .txo-slot { height: 85px !important; margin-bottom: 4.5px !important; }
      .txo-site .txo-lbrows > div { gap: 11.5px !important; padding: 8px 4.5px !important; }
      .txo-site #txo-lb .txo-lbrows { width: 100% !important; }
      .txo-site .txo-dstep { width: 133.5px !important; gap: 7px !important; }
      .txo-site .txo-dbar { min-width: 27.5px !important; }
      /* the dashboard walkthrough is styled inline from the logic class,
         so its markers need explicit overrides to join the scale */
      .txo-site .txo-dstep > span:first-child { width: 31px !important; height: 31px !important; font-size: 13px !important; }
      .txo-site .txo-dstep > span:last-child { font-size: 13px !important; }
      .txo-site .txo-dbar { width: 34.5px !important; height: 2.5px !important; margin-top: 15px !important; }
      /* click ring and number badge track the scaled pointer, side by side */
      .txo-site .txo-dcursor > span:first-child { left: -10px !important; top: -10px !important; border-width: 3px !important; }
      .txo-site .txo-dcursor > span:nth-child(2) { left: 29px !important; top: -2.5px !important; }
      .txo-site .txo-dcursor { font-size: 0 !important; line-height: 0 !important; }
      .txo-site .txo-dcursor > svg { display: block !important; position: absolute !important; left: 0 !important; top: 0 !important; }
      .txo-site .txo-dcursor > span:nth-child(2) { font-size: 12.5px !important; line-height: 1 !important; }
      /* dashboard panels: one small size and one large size, consistently */
      .txo-site .txo-demo-body [style*="font-size: 13px"] { font-size: 15px !important; }
      .txo-site .txo-demo-body [style*="font-size: 14px"] { font-size: 16px !important; }
      .txo-site .txo-demo-body [style*="border-radius: 10px"] { padding: 11.5px 16px !important; }
      .txo-site .txo-demo-body > div:last-child { padding: 18.5px 20.5px !important; }
      /* faq question rows */
      .txo-site .txo-cs-logowrap { width: 76px !important; height: 58.5px !important; }
      .txo-site .txo-cs-logowrap img { height: 41.5px !important; max-width: 76px !important; }
      .txo-site .txo-pcard { padding: 6px !important; }
      .txo-site .txo-pcard-reco { padding: 5px 15px !important; }
      .txo-site .txo-pcard-body { padding: 7px 16px 16px !important; }
      .txo-site .txo-pcard-row > div { padding: 0 5px !important; }
      .txo-site .txo-lbsw button { padding: 0 18.5px !important; }
      .txo-site .txo-cs-rail { padding: 16px !important; }
      .txo-site .txo-cs-railtop { margin: -16px -16px 8px !important; width: calc(100% + 32px) !important; }
      .txo-site .txo-cs { grid-template-columns: 318px minmax(0, 1fr); }
      .txo-site .txo-cs-tabname, .txo-site .txo-cs-tabmeta { white-space: normal !important; }
      .txo-site .txo-cs-tab { padding: 0 14px 0 13px !important; }
      .txo-site .txo-cs-tab[aria-selected="true"] { padding: 0 13px 0 11.5px !important; }
      .txo-site .txo-cs-stage { padding: 34.5px 36.5px 32px !important; }
      .txo-site .txo-cs-tbl thead th { padding: 8px 11.5px !important; }
      .txo-site .txo-cs-tbl tbody th { padding: 9px 16px 9px 11.5px !important; }
      .txo-site .txo-cs-tbl tbody td { padding: 9px 11.5px 9px 0 !important; }
      .txo-site .txo-cs-why { padding: 2px 0 2px 21px !important; }
      .txo-site .txo-cs-quote { padding: 18.5px 21px !important; }
      .txo-site .txo-live .txo-strip > div { padding: 36.5px 30px !important; }
      /* header + footer chrome grows with its own type */
      .txo-site .pubhdr-in { padding: 17.5px 32.5px !important; gap: 30px !important; }
      .txo-site .pubhdr-logo .nav-logo { font-size: 28px !important; }
      .txo-site .nav-logo .xo { width: 38px !important; height: 30.5px !important; font-size: 17.5px !important; border-radius: 7.5px !important; }
      .txo-site .pubhdr-link { font-size: 19px !important; padding: 10px 15.5px !important; }
      .txo-site .pubhdr-login-btn { font-size: 19px !important; height: 48.5px !important; padding: 0 23px !important; }
      .txo-site .txo-foot { max-width: 1560px !important; padding: 50.5px 56px 41.5px !important; gap: 41.5px !important; }
      .txo-site .txo-foot > div { padding: 0 !important; }
      .txo-site footer .nav-logo { font-size: 23px !important; }
      .txo-site footer > div:last-child > div { max-width: 1560px !important; padding: 18.5px 56px !important; }
    }
    @media (min-width: 1920px) {
      .txo-site main { max-width: 1800px !important; padding-left: 64px !important; padding-right: 64px !important; gap: 128px !important; }
      .txo-site [aria-hidden="true"][style*="height: 65px"] { height: 111px !important; }
      .txo-site .txo-band { padding-top: 87px !important; padding-bottom: 87px !important; }
      /* one type scale (base = the 1366 design), ×1.3 */
      .txo-site .nav-logo { font-size: 27.5px !important; }
      .txo-site .nav-logo .xo { font-size: 19px !important; }
      .txo-site .txo-cat-lab { font-size: 19px !important; }
      .txo-site .txo-pcard-reco { font-size: 15px !important; }
      .txo-site .txo-pcard-title { font-size: 30.5px !important; }
      .txo-site .txo-pcard-cap { font-size: 19px !important; }
      .txo-site .txo-pcard-num { font-size: 24.5px !important; }
      .txo-site .txo-pcard-lab { font-size: 15px !important; }
      .txo-site .txo-cs-tabname { font-size: 22px !important; }
      .txo-site .txo-cs-tabmeta { font-size: 16.5px !important; }
      .txo-site .txo-cs-co { font-size: 16.5px !important; }
      .txo-site .txo-cs-head { font-size: 27.5px !important; }
      .txo-site .txo-cs-num { font-size: 63.5px !important; }
      .txo-site .txo-cs-numlab { font-size: 18.5px !important; }
      .txo-site .txo-cs-tbl { font-size: 19px !important; }
      .txo-site .txo-cs-tbl thead th { font-size: 16.5px !important; }
      .txo-site .txo-cs-why h4 { font-size: 15px !important; }
      .txo-site .txo-cs-why p { font-size: 22px !important; }
      .txo-site .txo-cs-quote blockquote { font-size: 20px !important; }
      .txo-site .txo-cs-quote figcaption { font-size: 16.5px !important; }
      .txo-site .txo-btn { font-size: 19.5px !important; }
      /* container padding on the same measured base */
      .txo-site .txo-wygcard { padding: 49px 55px !important; }
      .txo-site .txo-cat-in { padding: 23.5px 11.5px 20px !important; }
      /* the live band and hero dashboard are hard-capped at the 1366 design; lift both */
      .txo-site .txo-live { padding-left: max(64px, calc(50vw - 900px)) !important; padding-right: max(64px, calc(50vw - 900px)) !important; padding-top: 107px !important; padding-bottom: 107px !important; gap: 49px !important; }
      .txo-site .txo-live > div:first-child, .txo-site .txo-live > div:last-of-type, .txo-site .txo-live > a { max-width: 1865px !important; }
      .txo-site .txo-dashwrap { max-width: 1856px !important; margin-top: 30.5px !important; }
      .txo-site .txo-demo-body { grid-template-columns: 279.5px 1fr !important; min-height: 510.5px !important; }
      .txo-site .txo-marquee-track { height: 90px !important; gap: 75.5px !important; }
      .txo-site .txo-cat-in { height: 183px !important; }
      .txo-site .txo-cat-tile { width: 78px !important; height: 78px !important; }
      /* remaining fixed dimensions on the same scale */
      .txo-site .txo-btn { padding: 18px 30.5px !important; }
      .txo-site .txo-pcard-top { height: 375.5px !important; }
      .txo-site .txo-lbsub { white-space: nowrap !important; }
      /* inline width caps are what forced headings onto a second row */
      .txo-site .nav-logo .xo { width: 64.5px !important; }
      .txo-site .txo-demo-side svg { width: 23px !important; height: 23px !important; }
      /* icons: every inline SVG scales with the type it sits beside */
      .txo-site main svg[width="10"] { width: 14.5px !important; height: 14.5px !important; }
      .txo-site main svg[width="11"] { width: 16px !important; height: 16px !important; }
      .txo-site main svg[width="12"] { width: 17.5px !important; height: 17.5px !important; }
      .txo-site main svg[width="13"] { width: 19px !important; height: 19px !important; }
      .txo-site main svg[width="14"] { width: 20.5px !important; height: 20.5px !important; }
      .txo-site main svg[width="15"] { width: 22px !important; height: 22px !important; }
      .txo-site main svg[width="16"] { width: 23px !important; height: 23px !important; }
      .txo-site main svg[width="17"] { width: 24.5px !important; height: 24.5px !important; }
      .txo-site main svg[width="18"] { width: 26px !important; height: 26px !important; }
      .txo-site main svg[width="19"] { width: 27.5px !important; height: 27.5px !important; }
      .txo-site main svg[width="20"] { width: 29px !important; height: 29px !important; }
      .txo-site main svg[width="21"] { width: 30.5px !important; height: 30.5px !important; }
      .txo-site main svg[width="22"] { width: 32px !important; height: 32px !important; }
      .txo-site main svg[width="24"] { width: 35px !important; height: 35px !important; }
      .txo-site main svg[width="26"] { width: 37.5px !important; height: 37.5px !important; }
      .txo-site main svg[width="27"] { width: 39px !important; height: 39px !important; }
      .txo-site main svg[width="28"] { width: 40.5px !important; height: 40.5px !important; }
      .txo-site main svg[width="30"] { width: 43.5px !important; height: 43.5px !important; }
      .txo-site main svg[width="36"] { width: 52px !important; height: 52px !important; }
      /* dashboard step chips */
      .txo-site .txo-dstep { min-width: 187.5px !important; padding: 9.5px 13px !important; }
      .txo-site .txo-drow { gap: 16px !important; }
      /* domain tile artwork */
      .txo-site .txo-cat-art { width: 43.5px !important; height: 43.5px !important; }
      /* money leaderboard switch */
      .txo-site .txo-lbsw { height: 61.5px !important; min-height: 61.5px !important; }
      .txo-site .txo-lbsw-bg { height: 48.5px !important; }
      /* how it works cards */
      .txo-site .txo-steps > div { min-height: 367px !important; }
      .txo-site .txo-steps > div[style*="grid-column: 1 / -1"] { min-height: 0 !important; }
      /* button breathing room */
      .txo-site .txo-btn { gap: 13px !important; }
      /* one type scale over every inline size actually used on the page */
      .txo-site main :not(svg):not(svg *)[style*="font-size: 9.5px"], .txo-site footer [style*="font-size: 9.5px"] { font-size: 14px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 10px"], .txo-site footer [style*="font-size: 10px"] { font-size: 14.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 10.5px"], .txo-site footer [style*="font-size: 10.5px"] { font-size: 15px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 11px"], .txo-site footer [style*="font-size: 11px"] { font-size: 16px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 11.5px"], .txo-site footer [style*="font-size: 11.5px"] { font-size: 16.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 12px"], .txo-site footer [style*="font-size: 12px"] { font-size: 17.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 12.5px"], .txo-site footer [style*="font-size: 12.5px"] { font-size: 18px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 13px"], .txo-site footer [style*="font-size: 13px"] { font-size: 19px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 13.5px"], .txo-site footer [style*="font-size: 13.5px"] { font-size: 19.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 14px"], .txo-site footer [style*="font-size: 14px"] { font-size: 20.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 14.5px"], .txo-site footer [style*="font-size: 14.5px"] { font-size: 21px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 15px"], .txo-site footer [style*="font-size: 15px"] { font-size: 22px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 16.5px"], .txo-site footer [style*="font-size: 16.5px"] { font-size: 24px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 17px"], .txo-site footer [style*="font-size: 17px"] { font-size: 24.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 18px"], .txo-site footer [style*="font-size: 18px"] { font-size: 26px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 19px"], .txo-site footer [style*="font-size: 19px"] { font-size: 27.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 20px"], .txo-site footer [style*="font-size: 20px"] { font-size: 29px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 21px"], .txo-site footer [style*="font-size: 21px"] { font-size: 30.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 22px"], .txo-site footer [style*="font-size: 22px"] { font-size: 32px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 28px"], .txo-site footer [style*="font-size: 28px"] { font-size: 40.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 34px"], .txo-site footer [style*="font-size: 34px"] { font-size: 49.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 37px"], .txo-site footer [style*="font-size: 37px"] { font-size: 53.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 38px"], .txo-site footer [style*="font-size: 38px"] { font-size: 55px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 39px"], .txo-site footer [style*="font-size: 39px"] { font-size: 56.5px !important; }
      .txo-site main h1 { font-size: 56.5px !important; }
      .txo-site main h2 { font-size: 53.5px !important; }
      /* fixed-pixel boxes carried over from the 1366 design, on the same scale */
      .txo-site main [style*="max-width: 230px"] { max-width: 333.5px !important; }
      .txo-site main [style*="max-width: 420px"] { max-width: 609px !important; }
      .txo-site main [style*="max-width: 480px"] { max-width: 696px !important; }
      .txo-site main [style*="max-width: 640px"] { max-width: 928px !important; }
      .txo-site main [style*="max-width: 680px"] { max-width: 986px !important; }
      .txo-site main [style*="max-width: 720px"] { max-width: 1044px !important; }
      .txo-site main [style*="max-width: 760px"] { max-width: 1102px !important; }
      .txo-site main [style*="max-width: 820px"] { max-width: 1189px !important; }
      .txo-site main [style*="max-width: 920px"] { max-width: 1334px !important; }
      .txo-site main [style*="max-width: 940px"] { max-width: 1363px !important; }
      .txo-site main [style*="width: 7px"][style*="height: 7px"] { width: 10px !important; height: 10px !important; }
      .txo-site main [style*="width: 40px"][style*="height: 40px"] { width: 58px !important; height: 58px !important; }
      .txo-site main [style*="width: 36px"][style*="height: 36px"] { width: 52px !important; height: 52px !important; }
      .txo-site main [style*="width: 28px"][style*="height: 23px"] { width: 40.5px !important; height: 33.5px !important; border-radius: 8.5px !important; }
      .txo-site main [style*="width: 22px"][style*="height: 22px"] { width: 32px !important; height: 32px !important; }
      .txo-site main [style*="width: 38px"][style*="height: 38px"] { width: 55px !important; height: 55px !important; }
      .txo-site .txo-marquee-track img[style*="height: 40px"] { height: 58px !important; }
      .txo-site .txo-marquee-track img[style*="height: 56px"] { height: 81px !important; }
      .txo-site .txo-marquee-track img[style*="height: 36px"] { height: 52px !important; }
      /* what you get: the icon well grows with its glyph
         how it works: the illustration slot carries a fixed height
         money: leaderboard rows and the extra-earnings tabs
         dashboard: chips, connector bars and the click markers */
      .txo-site .txo-wygico { width: 40.5px !important; height: 40.5px !important; }
      .txo-site .txo-wygcard > div:first-child { gap: 19px !important; }
      .txo-site .txo-steps .txo-slot { height: 107.5px !important; margin-bottom: 6px !important; }
      .txo-site .txo-lbrows > div { gap: 14.5px !important; padding: 10px 6px !important; }
      .txo-site #txo-lb .txo-lbrows { width: 100% !important; }
      .txo-site .txo-dstep { width: 168px !important; gap: 8.5px !important; }
      .txo-site .txo-dbar { min-width: 35px !important; }
      /* the dashboard walkthrough is styled inline from the logic class,
         so its markers need explicit overrides to join the scale */
      .txo-site .txo-dstep > span:first-child { width: 39px !important; height: 39px !important; font-size: 16.5px !important; }
      .txo-site .txo-dstep > span:last-child { font-size: 16.5px !important; }
      .txo-site .txo-dbar { width: 43.5px !important; height: 3px !important; margin-top: 19px !important; }
      /* click ring and number badge track the scaled pointer, side by side */
      .txo-site .txo-dcursor > span:first-child { left: -12.5px !important; top: -12.5px !important; border-width: 3.5px !important; }
      .txo-site .txo-dcursor > span:nth-child(2) { left: 35.5px !important; top: -3px !important; }
      .txo-site .txo-dcursor { font-size: 0 !important; line-height: 0 !important; }
      .txo-site .txo-dcursor > svg { display: block !important; position: absolute !important; left: 0 !important; top: 0 !important; }
      .txo-site .txo-dcursor > span:nth-child(2) { font-size: 16px !important; line-height: 1 !important; }
      /* dashboard panels: one small size and one large size, consistently */
      .txo-site .txo-demo-body [style*="font-size: 13px"] { font-size: 19px !important; }
      .txo-site .txo-demo-body [style*="font-size: 14px"] { font-size: 20.5px !important; }
      .txo-site .txo-demo-body [style*="border-radius: 10px"] { padding: 14.5px 20.5px !important; }
      .txo-site .txo-demo-body > div:last-child { padding: 23px 26px !important; }
      /* faq question rows */
      /* testimonials fill their band; exit cards get more presence */
      .txo-site [data-screen-label="Testimonials"] .txo-split > div { min-height: 426px !important; }
      .txo-site #not-a-recruiter .txo-split > div { padding: 44.5px !important; }
      .txo-site .txo-cs-logowrap { width: 100.5px !important; height: 77.5px !important; }
      .txo-site .txo-cs-logowrap img { height: 55px !important; max-width: 100.5px !important; }
      .txo-site .txo-pcard { padding: 7.5px !important; }
      .txo-site .txo-pcard-reco { padding: 5.5px 19px !important; }
      .txo-site .txo-pcard-body { padding: 9px 20px 20px !important; }
      .txo-site .txo-pcard-row > div { padding: 0 5.5px !important; }
      .txo-site .txo-lbsw button { padding: 0 23.5px !important; }
      .txo-site .txo-cs-rail { padding: 20px !important; }
      .txo-site .txo-cs-railtop { margin: -20px -20px 8px !important; width: calc(100% + 40px) !important; }
      .txo-site .txo-cs { grid-template-columns: 392px minmax(0, 1fr); }
      .txo-site .txo-cs-tabname, .txo-site .txo-cs-tabmeta { white-space: normal !important; }
      .txo-site .txo-cs-tab { padding: 0 17.5px 0 16px !important; }
      .txo-site .txo-cs-tab[aria-selected="true"] { padding: 0 16px 0 14.5px !important; }
      .txo-site .txo-cs-stage { padding: 43.5px 46.5px 40.5px !important; }
      .txo-site .txo-cs-tbl thead th { padding: 10px 14.5px !important; }
      .txo-site .txo-cs-tbl tbody th { padding: 11.5px 20px 11.5px 14.5px !important; }
      .txo-site .txo-cs-tbl tbody td { padding: 11.5px 14.5px 11.5px 0 !important; }
      .txo-site .txo-cs-why { padding: 3px 0 3px 26px !important; }
      .txo-site .txo-cs-quote { padding: 23.5px 26px !important; }
      .txo-site .txo-live .txo-strip > div { padding: 46.5px 38px !important; }
      /* header + footer chrome grows with its own type */
      .txo-site .pubhdr-in { padding: 22.5px 41.5px !important; gap: 37.5px !important; }
      .txo-site .pubhdr-logo .nav-logo { font-size: 35px !important; }
      .txo-site .nav-logo .xo { width: 46px !important; height: 37px !important; font-size: 21px !important; border-radius: 9px !important; }
      .txo-site .pubhdr-link { font-size: 24px !important; padding: 12.5px 18.5px !important; }
      .txo-site .pubhdr-login-btn { font-size: 24px !important; height: 58.5px !important; padding: 0 27.5px !important; }
      .txo-site .txo-foot { max-width: 1800px !important; padding: 64px 64px 52px !important; gap: 52px !important; }
      .txo-site .txo-foot > div { padding: 0 !important; }
      .txo-site footer .nav-logo { font-size: 28.5px !important; }
      .txo-site footer > div:last-child > div { max-width: 1800px !important; padding: 23px 64px !important; }
    }
    @media (min-width: 2560px) {
      .txo-site main { max-width: 2400px !important; padding-left: 72px !important; padding-right: 72px !important; gap: 152px !important; }
      .txo-site [aria-hidden="true"][style*="height: 65px"] { height: 142px !important; }
      .txo-site .txo-band { padding-top: 111px !important; padding-bottom: 111px !important; }
      /* one type scale (base = the 1366 design), ×1.6 */
      .txo-site .nav-logo { font-size: 35.5px !important; }
      .txo-site .nav-logo .xo { font-size: 24.5px !important; }
      .txo-site .txo-cat-lab { font-size: 24.5px !important; }
      .txo-site .txo-pcard-reco { font-size: 19.5px !important; }
      .txo-site .txo-pcard-title { font-size: 38.5px !important; }
      .txo-site .txo-pcard-cap { font-size: 24.5px !important; }
      .txo-site .txo-pcard-num { font-size: 31px !important; }
      .txo-site .txo-pcard-lab { font-size: 19.5px !important; }
      .txo-site .txo-cs-tabname { font-size: 28px !important; }
      .txo-site .txo-cs-tabmeta { font-size: 21.5px !important; }
      .txo-site .txo-cs-co { font-size: 21.5px !important; }
      .txo-site .txo-cs-head { font-size: 35.5px !important; }
      .txo-site .txo-cs-num { font-size: 81.5px !important; }
      .txo-site .txo-cs-numlab { font-size: 23px !important; }
      .txo-site .txo-cs-tbl { font-size: 24.5px !important; }
      .txo-site .txo-cs-tbl thead th { font-size: 21.5px !important; }
      .txo-site .txo-cs-why h4 { font-size: 19.5px !important; }
      .txo-site .txo-cs-why p { font-size: 28px !important; }
      .txo-site .txo-cs-quote blockquote { font-size: 26px !important; }
      .txo-site .txo-cs-quote figcaption { font-size: 21.5px !important; }
      .txo-site .txo-btn { font-size: 25px !important; }
      /* container padding on the same measured base */
      .txo-site .txo-wygcard { padding: 63px 70.5px !important; }
      .txo-site .txo-cat-in { padding: 29.5px 15px 26px !important; }
      /* the live band and hero dashboard are hard-capped at the 1366 design; lift both */
      .txo-site .txo-live { padding-left: max(72px, calc(50vw - 1200px)) !important; padding-right: max(72px, calc(50vw - 1200px)) !important; padding-top: 137px !important; padding-bottom: 137px !important; gap: 63px !important; }
      .txo-site .txo-live > div:first-child, .txo-site .txo-live > div:last-of-type, .txo-site .txo-live > a { max-width: 2608.5px !important; }
      .txo-site .txo-dashwrap { max-width: 2368px !important; margin-top: 38.5px !important; }
      .txo-site .txo-demo-body { grid-template-columns: 344px 1fr !important; min-height: 651px !important; }
      .txo-site .txo-marquee-track { height: 114.5px !important; gap: 96px !important; }
      .txo-site .txo-cat-in { height: 233px !important; }
      .txo-site .txo-cat-tile { width: 100px !important; height: 100px !important; }
      /* remaining fixed dimensions on the same scale */
      .txo-site .txo-btn { padding: 23.5px 40.5px !important; }
      .txo-site .txo-pcard-top { height: 496px !important; }
      .txo-site .txo-lbsub { white-space: nowrap !important; }
      /* inline width caps are what forced headings onto a second row */
      .txo-site .nav-logo .xo { width: 85.5px !important; }
      .txo-site .txo-demo-side svg { width: 30px !important; height: 30px !important; }
      /* icons: every inline SVG scales with the type it sits beside */
      .txo-site main svg[width="10"] { width: 18.5px !important; height: 18.5px !important; }
      .txo-site main svg[width="11"] { width: 20.5px !important; height: 20.5px !important; }
      .txo-site main svg[width="12"] { width: 22px !important; height: 22px !important; }
      .txo-site main svg[width="13"] { width: 24px !important; height: 24px !important; }
      .txo-site main svg[width="14"] { width: 26px !important; height: 26px !important; }
      .txo-site main svg[width="15"] { width: 28px !important; height: 28px !important; }
      .txo-site main svg[width="16"] { width: 29.5px !important; height: 29.5px !important; }
      .txo-site main svg[width="17"] { width: 31.5px !important; height: 31.5px !important; }
      .txo-site main svg[width="18"] { width: 33.5px !important; height: 33.5px !important; }
      .txo-site main svg[width="19"] { width: 35px !important; height: 35px !important; }
      .txo-site main svg[width="20"] { width: 37px !important; height: 37px !important; }
      .txo-site main svg[width="21"] { width: 39px !important; height: 39px !important; }
      .txo-site main svg[width="22"] { width: 40.5px !important; height: 40.5px !important; }
      .txo-site main svg[width="24"] { width: 44.5px !important; height: 44.5px !important; }
      .txo-site main svg[width="26"] { width: 48px !important; height: 48px !important; }
      .txo-site main svg[width="27"] { width: 50px !important; height: 50px !important; }
      .txo-site main svg[width="28"] { width: 52px !important; height: 52px !important; }
      .txo-site main svg[width="30"] { width: 55.5px !important; height: 55.5px !important; }
      .txo-site main svg[width="36"] { width: 66.5px !important; height: 66.5px !important; }
      /* dashboard step chips */
      .txo-site .txo-dstep { min-width: 248px !important; padding: 12.5px 17.5px !important; }
      .txo-site .txo-drow { gap: 21.5px !important; }
      /* domain tile artwork */
      .txo-site .txo-cat-art { width: 58px !important; height: 58px !important; }
      /* money leaderboard switch */
      .txo-site .txo-lbsw { height: 81.5px !important; min-height: 81.5px !important; }
      .txo-site .txo-lbsw-bg { height: 64px !important; }
      /* how it works cards */
      .txo-site .txo-steps > div { min-height: 485.5px !important; }
      .txo-site .txo-steps > div[style*="grid-column: 1 / -1"] { min-height: 0 !important; }
      /* button breathing room */
      .txo-site .txo-btn { gap: 17.5px !important; }
      /* one type scale over every inline size actually used on the page */
      .txo-site main :not(svg):not(svg *)[style*="font-size: 9.5px"], .txo-site footer [style*="font-size: 9.5px"] { font-size: 17.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 10px"], .txo-site footer [style*="font-size: 10px"] { font-size: 18.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 10.5px"], .txo-site footer [style*="font-size: 10.5px"] { font-size: 19.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 11px"], .txo-site footer [style*="font-size: 11px"] { font-size: 20.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 11.5px"], .txo-site footer [style*="font-size: 11.5px"] { font-size: 21.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 12px"], .txo-site footer [style*="font-size: 12px"] { font-size: 22px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 12.5px"], .txo-site footer [style*="font-size: 12.5px"] { font-size: 23px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 13px"], .txo-site footer [style*="font-size: 13px"] { font-size: 24px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 13.5px"], .txo-site footer [style*="font-size: 13.5px"] { font-size: 25px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 14px"], .txo-site footer [style*="font-size: 14px"] { font-size: 26px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 14.5px"], .txo-site footer [style*="font-size: 14.5px"] { font-size: 27px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 15px"], .txo-site footer [style*="font-size: 15px"] { font-size: 28px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 16.5px"], .txo-site footer [style*="font-size: 16.5px"] { font-size: 30.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 17px"], .txo-site footer [style*="font-size: 17px"] { font-size: 31.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 18px"], .txo-site footer [style*="font-size: 18px"] { font-size: 33.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 19px"], .txo-site footer [style*="font-size: 19px"] { font-size: 35px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 20px"], .txo-site footer [style*="font-size: 20px"] { font-size: 37px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 21px"], .txo-site footer [style*="font-size: 21px"] { font-size: 39px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 22px"], .txo-site footer [style*="font-size: 22px"] { font-size: 40.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 28px"], .txo-site footer [style*="font-size: 28px"] { font-size: 52px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 34px"], .txo-site footer [style*="font-size: 34px"] { font-size: 63px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 37px"], .txo-site footer [style*="font-size: 37px"] { font-size: 68.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 38px"], .txo-site footer [style*="font-size: 38px"] { font-size: 70.5px !important; }
      .txo-site main :not(svg):not(svg *)[style*="font-size: 39px"], .txo-site footer [style*="font-size: 39px"] { font-size: 72px !important; }
      .txo-site main h1 { font-size: 72px !important; }
      .txo-site main h2 { font-size: 68.5px !important; }
      /* fixed-pixel boxes carried over from the 1366 design, on the same scale */
      .txo-site main [style*="max-width: 230px"] { max-width: 425.5px !important; }
      .txo-site main [style*="max-width: 420px"] { max-width: 777px !important; }
      .txo-site main [style*="max-width: 480px"] { max-width: 888px !important; }
      .txo-site main [style*="max-width: 640px"] { max-width: 1184px !important; }
      .txo-site main [style*="max-width: 680px"] { max-width: 1258px !important; }
      .txo-site main [style*="max-width: 720px"] { max-width: 1332px !important; }
      .txo-site main [style*="max-width: 760px"] { max-width: 1406px !important; }
      .txo-site main [style*="max-width: 820px"] { max-width: 1517px !important; }
      .txo-site main [style*="max-width: 920px"] { max-width: 1702px !important; }
      .txo-site main [style*="max-width: 940px"] { max-width: 1739px !important; }
      .txo-site main [style*="width: 7px"][style*="height: 7px"] { width: 13px !important; height: 13px !important; }
      .txo-site main [style*="width: 40px"][style*="height: 40px"] { width: 74px !important; height: 74px !important; }
      .txo-site main [style*="width: 36px"][style*="height: 36px"] { width: 66.5px !important; height: 66.5px !important; }
      .txo-site main [style*="width: 28px"][style*="height: 23px"] { width: 52px !important; height: 42.5px !important; border-radius: 11px !important; }
      .txo-site main [style*="width: 22px"][style*="height: 22px"] { width: 40.5px !important; height: 40.5px !important; }
      .txo-site main [style*="width: 38px"][style*="height: 38px"] { width: 70.5px !important; height: 70.5px !important; }
      .txo-site .txo-marquee-track img[style*="height: 40px"] { height: 74px !important; }
      .txo-site .txo-marquee-track img[style*="height: 56px"] { height: 103.5px !important; }
      .txo-site .txo-marquee-track img[style*="height: 36px"] { height: 66.5px !important; }
      /* what you get: the icon well grows with its glyph
         how it works: the illustration slot carries a fixed height
         money: leaderboard rows and the extra-earnings tabs
         dashboard: chips, connector bars and the click markers */
      .txo-site .txo-wygico { width: 52px !important; height: 52px !important; }
      .txo-site .txo-wygcard > div:first-child { gap: 24px !important; }
      .txo-site .txo-steps .txo-slot { height: 137px !important; margin-bottom: 7.5px !important; }
      .txo-site .txo-lbrows > div { gap: 18.5px !important; padding: 13px 7.5px !important; }
      .txo-site #txo-lb .txo-lbrows { width: 100% !important; }
      .txo-site .txo-dstep { width: 214.5px !important; gap: 11px !important; }
      .txo-site .txo-dbar { min-width: 44.5px !important; }
      /* the dashboard walkthrough is styled inline from the logic class,
         so its markers need explicit overrides to join the scale */
      .txo-site .txo-dstep > span:first-child { width: 50px !important; height: 50px !important; font-size: 21.5px !important; }
      .txo-site .txo-dstep > span:last-child { font-size: 21.5px !important; }
      .txo-site .txo-dbar { width: 55.5px !important; height: 3.5px !important; margin-top: 24px !important; }
      /* click ring and number badge track the scaled pointer, side by side */
      .txo-site .txo-dcursor > span:first-child { left: -15.5px !important; top: -15.5px !important; border-width: 4.5px !important; }
      .txo-site .txo-dcursor > span:nth-child(2) { left: 44px !important; top: -3.5px !important; }
      .txo-site .txo-dcursor { font-size: 0 !important; line-height: 0 !important; }
      .txo-site .txo-dcursor > svg { display: block !important; position: absolute !important; left: 0 !important; top: 0 !important; }
      .txo-site .txo-dcursor > span:nth-child(2) { font-size: 20.5px !important; line-height: 1 !important; }
      /* dashboard panels: one small size and one large size, consistently */
      .txo-site .txo-demo-body [style*="font-size: 13px"] { font-size: 24px !important; }
      .txo-site .txo-demo-body [style*="font-size: 14px"] { font-size: 26px !important; }
      .txo-site .txo-demo-body [style*="border-radius: 10px"] { padding: 18.5px 26px !important; }
      .txo-site .txo-demo-body > div:last-child { padding: 29.5px 33.5px !important; }
      /* qhd: the left pane carries more text weight */
      .txo-site .txo-demo-body .txo-demo-side > span { font-size: 30px !important; padding: 19.5px 23.5px !important; gap: 17px !important; }
      .txo-site .txo-demo-side { padding: 28.5px 20.5px !important; }
      /* faq question rows */
      /* testimonials fill their band; exit cards get more presence */
      .txo-site [data-screen-label="Testimonials"] .txo-split > div { min-height: 563.5px !important; }
      .txo-site #not-a-recruiter .txo-split > div { padding: 59px !important; }
      .txo-site .txo-cs-logowrap { width: 132.5px !important; height: 103px !important; }
      .txo-site .txo-cs-logowrap img { height: 73px !important; max-width: 132.5px !important; }
      .txo-site .txo-pcard { padding: 9.5px !important; }
      .txo-site .txo-pcard-reco { padding: 7.5px 24.5px !important; }
      .txo-site .txo-pcard-body { padding: 11px 26px 26px !important; }
      .txo-site .txo-pcard-row > div { padding: 0 7.5px !important; }
      .txo-site .txo-lbsw button { padding: 0 29.5px !important; }
      .txo-site .txo-cs-rail { padding: 26px !important; }
      .txo-site .txo-cs-railtop { margin: -26px -26px 8px !important; width: calc(100% + 52px) !important; }
      .txo-site .txo-cs { grid-template-columns: 470px minmax(0, 1fr); }
      .txo-site .txo-cs-tabname, .txo-site .txo-cs-tabmeta { white-space: normal !important; }
      .txo-site .txo-cs-tab { padding: 0 22px 0 20px !important; }
      .txo-site .txo-cs-tab[aria-selected="true"] { padding: 0 20px 0 18.5px !important; }
      .txo-site .txo-cs-stage { padding: 55.5px 59px 52px !important; }
      .txo-site .txo-cs-tbl thead th { padding: 12.5px 18.5px !important; }
      .txo-site .txo-cs-tbl tbody th { padding: 15px 26px 15px 18.5px !important; }
      .txo-site .txo-cs-tbl tbody td { padding: 15px 18.5px 15px 0 !important; }
      .txo-site .txo-cs-why { padding: 3.5px 0 3.5px 33.5px !important; }
      .txo-site .txo-cs-quote { padding: 29.5px 33.5px !important; }
      .txo-site .txo-live .txo-strip > div { padding: 59px 48px !important; }
      /* header + footer chrome grows with its own type */
      .txo-site .pubhdr-in { padding: 28.5px 52.5px !important; gap: 48px !important; }
      .txo-site .pubhdr-logo .nav-logo { font-size: 45px !important; }
      .txo-site .nav-logo .xo { width: 56.5px !important; height: 45.5px !important; font-size: 25.5px !important; border-radius: 11.5px !important; }
      .txo-site .pubhdr-link { font-size: 30.5px !important; padding: 15px 22.5px !important; }
      .txo-site .pubhdr-login-btn { font-size: 30.5px !important; height: 71.5px !important; padding: 0 34px !important; }
      .txo-site .txo-foot { max-width: 2400px !important; padding: 81.5px 72px 66.5px !important; gap: 66.5px !important; }
      .txo-site .txo-foot > div { padding: 0 !important; }
      .txo-site footer .nav-logo { font-size: 36.5px !important; }
      .txo-site footer > div:last-child > div { max-width: 2400px !important; padding: 29.5px 72px !important; }
    }
    /* ---- mobile: the four use cases return, in the client-page box ---- */
    @media (max-width: 680px) {
      .txo-site section[data-screen-label="Proof"] { display: flex !important; }
      .txo-site .txo-proof { margin-bottom: 24px !important; }
      .txo-site .txo-cs-rail { padding: 10px !important; gap: 8px !important; }
      .txo-site .txo-cs-railtop { margin: 0 0 6px !important; width: auto !important; padding: 2px 2px 10px !important; border-bottom: 1px solid var(--line-2) !important; text-align: left !important; }
      .txo-site .txo-cs-tab { min-height: 64px !important; flex: 1 1 calc(50% - 4px) !important; }
      .txo-site .txo-cs-tabname { font-size: 13px !important; }
      .txo-site .txo-cs-tabmeta { font-size: 11px !important; }
      .txo-site .txo-cs-stage { padding: 16px 16px 18px !important; }
      .txo-site .txo-cs-pane { gap: 18px !important; justify-content: flex-start !important; }
      .txo-site .txo-cs-top { flex-direction: column !important; gap: 14px !important; }
      .txo-site .txo-cs-tables { grid-template-columns: 1fr !important; gap: 20px 0 !important; margin-top: 2px !important; }
      .txo-site .txo-cs-tbl { font-size: 13px !important; }
      .txo-site .txo-cs-tbl thead th { font-size: 11px !important; padding: 4px 8px 6px !important; }
      .txo-site .txo-cs-tbl tbody tr { height: auto !important; }
      .txo-site .txo-cs-tbl tbody th { font-size: 13px !important; padding: 7px 12px 7px 8px !important; }
      .txo-site .txo-cs-tbl tbody td { font-size: 13px !important; padding: 7px 8px 7px 0 !important; }
      .txo-site .txo-cs-why p { font-size: 13px !important; line-height: 1.5 !important; }
      .txo-site .txo-cs-why h4 { font-size: 11px !important; }
      .txo-site .txo-cs-heros { flex-direction: row !important; align-self: stretch !important; }
      .txo-site .txo-cs-heros > .txo-cs-hero { flex: 1 1 0 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: none !important; align-items: flex-start !important; text-align: left !important; }
      .txo-site .txo-cs-heros > .txo-cs-hero + .txo-cs-hero { border-left: 1px solid var(--line) !important; padding-left: 14px !important; }
      .txo-site .txo-cs-heros .txo-cs-numlab { text-align: left !important; }
      .txo-site .txo-cs-stage { display: block !important; }
      .txo-site .txo-cs-pane { display: none !important; }
      .txo-site .txo-cs-pane[style*="visibility: visible"] { display: flex !important; }
      /* selection boxes carry the logo only */
      .txo-site .txo-cs-tab .txo-cs-tabtxt, .txo-site .txo-cs-tab .txo-cs-pick { display: none !important; }
      .txo-site .txo-cs-logowrap { width: 100% !important; height: 38px !important; border-right: none !important; padding-right: 0 !important; }
      .txo-site .txo-cs-tab { min-height: 62px !important; padding: 0 10px !important; justify-content: center !important; }
      .txo-site .txo-cs-num { font-size: 22px !important; }
      .txo-site .txo-cs-numlab { font-size: 13px !important; white-space: normal !important; }
      .txo-site .txo-cs-head { font-size: 17px !important; max-width: none !important; }
      .txo-site .cl-pfoot { display: none !important; }

      /* leaderboard subline wraps instead of clipping */
      .txo-site .txo-lbsub { white-space: normal !important; text-overflow: clip !important; font-size: 13.5px !important; }
    }
  
/* components/core/Button.jsx (txo-button-css) */

.txo-site .txo-btn{font-family:var(--sans);font-weight:700;font-size:13px;border-radius:var(--r-control);
  padding:9px 15px;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;
  white-space:nowrap;cursor:pointer;transition:transform .08s var(--ease),background .15s var(--ease),border-color .15s var(--ease);line-height:1;}
.txo-site .txo-btn:active{transform:translateY(1px);}
.txo-site .txo-btn:disabled{opacity:.5;cursor:default;pointer-events:none;}
.txo-site .txo-btn svg{width:15px;height:15px;}
.txo-site .txo-btn--sm{padding:6px 11px;font-size:12.5px;}
.txo-site .txo-btn--lg{padding:11px 19px;font-size:14px;}
.txo-site .txo-btn--primary{background:var(--blue);color:#fff;box-shadow:var(--shadow-primary);}
.txo-site .txo-btn--primary:hover{background:var(--blue-700);}
.txo-site .txo-btn--ghost{background:#fff;color:var(--ink-2);border-color:var(--line);}
.txo-site .txo-btn--ghost:hover{background:var(--bg);border-color:#DADEE6;}
.txo-site .txo-btn--ghost svg{color:var(--muted);}
.txo-site .txo-btn--subtle{background:var(--field);color:var(--ink-2);border-color:var(--line);}
.txo-site .txo-btn--subtle:hover{background:var(--blue-tint);color:var(--blue);border-color:var(--blue-line);}
.txo-site .txo-btn__badge{font-size:11px;font-weight:800;border-radius:999px;padding:1px 7px;background:var(--blue-tint);color:var(--blue);}
.txo-site .txo-btn--has-marker{position:relative;}
.txo-site .txo-btn__marker{position:absolute;top:-5px;right:-5px;width:11px;height:11px;border-radius:50%;background:var(--red);border:2px solid #fff;}

/* components/badges/Badge.jsx (txo-badge-css) */

.txo-site .txo-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);
  font-weight:700;white-space:nowrap;line-height:1;}
.txo-site .txo-badge--pill{font-size:12px;border-radius:999px;padding:4px 11px;border:1px solid;}
.txo-site .txo-badge--tag{font-size:9.5px;font-weight:800;letter-spacing:.04em;border-radius:5px;padding:2px 6px;border:1px solid;}
.txo-site .txo-badge svg{width:12px;height:12px;}
.txo-site .txo-badge--tag svg{width:9px;height:9px;}
.txo-site .txo-badge__rm{background:none;border:0;display:grid;place-items:center;width:16px;height:16px;
  border-radius:50%;padding:0;cursor:pointer;color:inherit;margin-right:-4px;}
.txo-site .txo-badge__rm:hover{background:rgba(0,0,0,.08);}
.txo-site .txo-badge__rm svg{width:11px;height:11px;}



/* Talent Partner WhatsApp (RecruiterPage .txo-wa-float): a round button floating above the
   help chat's launcher at the bottom right, where the design puts it: same 60px, centred 12px
   above it. These values match the launcher at rest on desktop (20px right, 10px bottom); the page
   then follows the launcher's real position (RecruiterPage _followChat), which Zoho changes by width. */
.txo-site .txo-wa-float{position:fixed;right:20px;bottom:82px;z-index:2147483647;box-sizing:border-box;
  width:60px;height:60px;border-radius:50%;background:#fff;border:1px solid var(--line);
  box-shadow:0 1px 2px rgba(20,24,33,.04),0 6px 20px -10px rgba(20,24,33,.14);
  display:flex;align-items:center;justify-content:center;transition:transform .15s var(--ease),box-shadow .15s var(--ease);}
.txo-site .txo-wa-float:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(20,24,33,.05),0 10px 24px -10px rgba(20,24,33,.24);}