/* JomeTech Hosting — shared styles
   Brand: blue #0400D0, red #FC2824, ink #0A0A4E, page #F4F5FA
   Fonts: Sora (headings, prices, labels), Manrope (body) */

:root {
  --jt-blue: #0400D0;
  --jt-blue-deep: #02008A;
  --jt-red: #FC2824;
  --jt-ink: #0A0A4E;
  --jt-page: #F4F5FA;
  --jt-muted: #545A72;
  --jt-green: #128C4A;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--jt-page); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { max-width: 100%; height: auto; }
a { color: inherit; }
a:hover { color: inherit; opacity: .88; }
footer a:hover { color: #FFFFFF !important; text-decoration: underline !important; text-underline-offset: 3px; opacity: 1; }
.jt-footer input::placeholder { color: #BDBCFF; }
.jt-footer :focus-visible { outline-color: #FFFFFF; }
summary { cursor: pointer; list-style: none; }
summary::-webkit-details-marker { display: none; }
summary::after { content: "+"; float: right; font-weight: 700; color: var(--jt-blue); }
details[open] summary::after { content: "–"; }
.sr-only { position: absolute; left: 0; top: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
:focus-visible { outline: 3px solid var(--jt-red); outline-offset: 2px; }
[hidden] { display: none !important; }

/* Header: sticky + mobile menu */
header { position: sticky; top: 0; z-index: 40; }
.menu-toggle {
  display: none; border: 1.5px solid var(--jt-blue); background: #FFFFFF; color: var(--jt-blue);
  font: 700 15px 'Manrope', system-ui, sans-serif; padding: 10px 16px; border-radius: 10px; cursor: pointer; min-height: 44px;
}
@media (max-width: 960px) {
  .menu-toggle { display: inline-block; }
  .main-nav { display: none !important; width: 100%; flex-direction: column; align-items: stretch !important; gap: 4px !important; padding-top: 8px; }
  .main-nav.open { display: flex !important; }
  .main-nav > a { padding: 12px 4px; border-bottom: 1px solid #E3E5F0; }
  .main-nav > a:last-child { border-bottom: 0; text-align: center; justify-content: center; margin-top: 8px; }
}
@media (max-width: 480px) {
  header img { height: 36px !important; }
  .jt-wa-label { display: none; }
}

/* WhatsApp button */
.jt-wa:hover { opacity: 1; transform: translateY(-2px); }
.jt-wa { transition: transform .15s ease; }

/* Domain search + AI ideas */
.jth-domain form.is-loading { opacity: .85; }
.jth-domain #jx-domain-input.has-error { box-shadow: inset 0 0 0 2px var(--jt-red); border-radius: 10px; }
#jx-domain-status.searching span:first-child { animation: jt-pulse 1s infinite; background: #FFC83D !important; }
#jx-domain-status.error span:first-child { background: var(--jt-red) !important; }
@keyframes jt-pulse { 50% { opacity: .3; } }
.jx-row {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px;
  padding: 12px 4px; border-top: 1px solid #E3E5F0; font-family: 'Manrope', sans-serif;
}
.jx-row:first-child { border-top: 0; }
.jx-name { display: flex; align-items: center; gap: 10px; min-width: 0; }
.jx-name strong { font-family: 'Sora', sans-serif; font-size: 16px; word-break: break-all; }
.jx-name small { display: block; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.jx-dot { width: 10px; height: 10px; border-radius: 50%; flex: none; }
.jx-row.available .jx-dot { background: #1FA35A; } .jx-row.available small { color: #137A42; }
.jx-row.taken .jx-dot { background: var(--jt-red); } .jx-row.taken small { color: #B3120E; }
.jx-row.unknown .jx-dot { background: #A9AEC8; } .jx-row.unknown small { color: var(--jt-muted); }
.jx-right { display: flex; align-items: center; gap: 12px; }
.jx-right b { font-family: 'Sora', sans-serif; font-size: 15px; }
.jx-btn {
  border: 0; text-decoration: none; cursor: pointer; font: 700 14px 'Manrope', sans-serif;
  padding: 10px 14px; border-radius: 10px; min-height: 40px; display: inline-flex; align-items: center;
}
.jx-btn.primary { background: var(--jt-blue); color: #FFFFFF; }
.jx-btn.ghost { background: #FFFFFF; color: var(--jt-blue); box-shadow: inset 0 0 0 1.5px var(--jt-blue); }
.jx-empty { padding: 10px 4px; color: var(--jt-muted); font-size: 15px; }
.jx-empty a { color: var(--jt-blue); font-weight: 700; }
.jx-skel { height: 44px; border-radius: 10px; margin: 8px 0; background: linear-gradient(90deg, #EEF0F7 25%, #F7F8FC 50%, #EEF0F7 75%); background-size: 200% 100%; animation: jt-shimmer 1.2s infinite; }
@keyframes jt-shimmer { to { background-position: -200% 0; } }
.jx-more { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 12px; border-top: 1px solid #E3E5F0; font-size: 13px; color: var(--jt-muted); }

/* Breadcrumbs */
.jt-crumbs { background: #FFFFFF; border-bottom: 1px solid #E3E5F0; font: 500 14px 'Manrope', sans-serif; }
.jt-crumbs ol { max-width: 1200px; margin: 0 auto; padding: 10px 24px; list-style: none; display: flex; flex-wrap: wrap; gap: 6px; }
.jt-crumbs li { display: flex; align-items: center; gap: 6px; color: #545A72; }
.jt-crumbs li + li::before { content: "›"; color: #A9AEC8; }
.jt-crumbs a { color: #0400D0; text-decoration: none; }
.jt-crumbs [aria-current] { color: #0A0A4E; font-weight: 700; }

/* Dropdown navigation */
.jt-dd { position: relative; }
.jt-dd-btn, .jt-top { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 2px; background: none; border: 0; font: 500 15px 'Manrope', system-ui, sans-serif; color: #2A2A5E; text-decoration: none; cursor: pointer; }
.jt-dd-btn:hover, .jt-top:hover, .jt-dd:focus-within .jt-dd-btn { color: #0400D0; opacity: 1; }
.jt-current .jt-dd-btn, .jt-top[aria-current] { color: #0400D0; font-weight: 700; }
.jt-chev { transition: transform .15s ease; }
.jt-dd:hover .jt-chev, .jt-dd.open .jt-chev { transform: rotate(180deg); }
.jt-dd-panel { display: none; position: absolute; top: 100%; left: -14px; z-index: 60; width: 320px; padding: 10px; background: #FFFFFF; border: 1px solid #E3E5F0; border-radius: 16px; box-shadow: 0 18px 40px rgba(10, 10, 78, 0.14); }
.jt-dd-panel::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
.jt-dd:hover .jt-dd-panel, .jt-dd:focus-within .jt-dd-panel, .jt-dd.open .jt-dd-panel { display: block; }
.jt-dd-item { display: flex; flex-direction: column; gap: 2px; padding: 11px 12px; border-radius: 10px; text-decoration: none; color: #0A0A4E; }
.jt-dd-item strong { font: 700 15px 'Manrope', system-ui, sans-serif; }
.jt-dd-item span { font-size: 13px; color: #545A72; }
.jt-dd-item:hover, .jt-dd-item:focus-visible { background: #F4F5FA; opacity: 1; }
.jt-dd-item:hover strong { color: #0400D0; }
.jt-dd-item[aria-current] strong { color: #0400D0; }
.jt-dd-foot { display: block; margin-top: 6px; padding: 12px; border-top: 1px solid #E3E5F0; font: 700 14px 'Manrope', system-ui, sans-serif; color: #FC2824; text-decoration: none; }
.jt-dd-search { display: flex; gap: 6px; margin-top: 6px; padding: 12px 4px 4px; border-top: 1px solid #E3E5F0; }
.jt-dd-search input { flex: 1; min-width: 0; border: 1px solid #D3D6E6; border-radius: 10px; padding: 10px 12px; font: 15px 'Manrope', system-ui, sans-serif; color: #0A0A4E; }
.jt-dd-search button { border: 0; border-radius: 10px; padding: 0 14px; min-height: 42px; background: #FC2824; color: #FFFFFF; font: 700 14px 'Manrope', system-ui, sans-serif; cursor: pointer; }
@media (max-width: 960px) {
  .jt-dd { width: 100%; border-bottom: 1px solid #E3E5F0; }
  .jt-dd-btn { width: 100%; justify-content: space-between; font-size: 16px; }
  .jt-dd:hover .jt-dd-panel, .jt-dd:focus-within .jt-dd-panel { display: none; }
  .jt-dd.open .jt-dd-panel { display: block; position: static; width: auto; box-shadow: none; border: 0; padding: 0 0 10px; }
  .jt-dd:hover .jt-chev { transform: none; }
  .jt-dd.open .jt-chev { transform: rotate(180deg); }
  .main-nav .jt-dd-item { border-bottom: 0; padding: 10px 12px; }
  .main-nav .jt-top { width: 100%; font-size: 16px; }
}

/* ---------- WordPress additions ---------- */
.admin-bar header { top: 32px; }
@media (max-width: 782px) { .admin-bar header { top: 46px; } }
@media (max-width: 600px) { .admin-bar header { top: 0; } }
.jt-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Form confirmation toast */
.jt-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 70; width: min(520px, calc(100% - 32px)); display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 16px 18px; border-radius: 14px; background: #0A0A4E; color: #FFFFFF; box-shadow: 0 18px 40px rgba(10, 10, 78, 0.3); font: 15px 'Manrope', system-ui, sans-serif; }
.jt-toast strong { font-family: 'Sora', sans-serif; }
.jt-toast span { grid-column: 1; color: #D2D1FF; }
.jt-toast button { grid-column: 2; grid-row: 1 / span 2; align-self: center; background: none; border: 0; color: #FFFFFF; font-size: 24px; cursor: pointer; min-width: 44px; min-height: 44px; }
.jt-toast.is-error { background: #B3120E; }
.jt-toast.is-error span { color: #FFE3E2; }

/* Posts, plain pages, 404 */
.jt-wrap { max-width: 1200px; margin: 0 auto; padding-left: 24px; padding-right: 24px; }
.jt-band { background: #0400D0; color: #FFFFFF; }
.jt-band .jt-wrap { padding-top: 64px; padding-bottom: 64px; display: flex; flex-direction: column; gap: 14px; }
.jt-eyebrow { font: 13px 'Sora', sans-serif; letter-spacing: 0.08em; text-transform: uppercase; color: #FFFFFF; }
.jt-band h1 { margin: 0; max-width: 880px; font: 800 clamp(34px, 5vw, 56px)/1.05 'Sora', sans-serif; letter-spacing: -0.03em; text-wrap: balance; }
.jt-band p { margin: 0; max-width: 620px; font-size: 19px; color: #D2D1FF; }
.jt-article-grid { display: flex; flex-wrap: wrap; gap: 48px; padding-top: 56px; padding-bottom: 80px; align-items: flex-start; }
.jt-prose { flex: 999 1 560px; min-width: 0; max-width: 760px; font: 18px/1.7 'Manrope', system-ui, sans-serif; color: #0A0A4E; }
.jt-prose h2 { font: 700 30px/1.2 'Sora', sans-serif; margin: 40px 0 12px; letter-spacing: -0.01em; }
.jt-prose h3 { font: 700 22px/1.3 'Sora', sans-serif; margin: 32px 0 8px; }
.jt-prose p, .jt-prose ul, .jt-prose ol { margin: 0 0 18px; }
.jt-prose a { color: #0400D0; font-weight: 600; }
.jt-prose img, .jt-hero-img { max-width: 100%; height: auto; border-radius: 16px; }
.jt-prose blockquote { margin: 24px 0; padding: 4px 0 4px 20px; border-left: 4px solid #FC2824; color: #2A2A5E; }
.jt-prose code { background: #E8EAF4; padding: 2px 6px; border-radius: 6px; font-size: 0.9em; }
.jt-prose pre { overflow-x: auto; background: #0A0A4E; color: #E8E8FF; padding: 18px; border-radius: 12px; }
.jt-prose table { width: 100%; border-collapse: collapse; display: block; overflow-x: auto; }
.jt-prose th, .jt-prose td { border-bottom: 1px solid #E3E5F0; padding: 10px 12px; text-align: left; }
.jt-aside { flex: 1 1 280px; display: flex; flex-direction: column; gap: 16px; position: sticky; top: 110px; }
.jt-aside-card { background: #0400D0; color: #FFFFFF; border-radius: 18px; padding: 24px; display: flex; flex-direction: column; gap: 10px; }
.jt-aside-card strong { font: 700 20px 'Sora', sans-serif; }
.jt-aside-card p { margin: 0; color: #D2D1FF; }
.jt-aside-card.is-light { background: #FFFFFF; color: #0A0A4E; border: 1px solid #E3E5F0; }
.jt-aside-card form { display: flex; gap: 8px; }
.jt-aside-card input { flex: 1; min-width: 0; border: 1px solid #D3D6E6; border-radius: 10px; padding: 11px 12px; font: 15px 'Manrope', sans-serif; }
.jt-aside-card button, .jt-btn { border: 0; border-radius: 10px; padding: 0 16px; min-height: 44px; background: #FC2824; color: #FFFFFF; font: 700 15px 'Manrope', sans-serif; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
.jt-aside-wa { color: #0400D0; font-weight: 700; font-size: 14px; }
.jt-more { padding-bottom: 80px; }
.jt-more h2 { font: 700 30px 'Sora', sans-serif; margin: 0 0 20px; }
.jt-more-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.jt-more-grid a { display: flex; flex-direction: column; gap: 6px; padding: 22px; background: #FFFFFF; border: 1px solid #E3E5F0; border-radius: 16px; text-decoration: none; color: #0A0A4E; }
.jt-more-grid span { font: 12px 'Sora', sans-serif; color: #545A72; text-transform: uppercase; letter-spacing: 0.06em; }
.jt-more-grid strong { font: 700 19px/1.25 'Sora', sans-serif; }
.jt-more-grid em { font-style: normal; color: #545A72; font-size: 15px; }
.jt-pager { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.jt-pager .page-numbers { padding: 10px 14px; border-radius: 10px; border: 1px solid #D3D6E6; text-decoration: none; color: #0A0A4E; background: #FFFFFF; }
.jt-pager .current { background: #0400D0; color: #FFFFFF; border-color: #0400D0; }

/* Testimonials (home page, managed under Testimonials in the dashboard) */
.jt-quotes { max-width: 1200px; margin: 0 auto; padding: 96px 24px 24px; color: #0A0A4E; }
.jt-quotes-eyebrow { font: 13px 'Sora', sans-serif; letter-spacing: 0.08em; color: #545A72; }
.jt-quotes h2 { margin: 8px 0 36px; font: 700 clamp(32px, 4vw, 46px)/1.05 'Sora', sans-serif; letter-spacing: -0.02em; }
.jt-quotes-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.jt-quote { margin: 0; background: #FFFFFF; border: 1px solid #E3E5F0; border-radius: 20px; padding: 28px; display: flex; flex-direction: column; gap: 16px; }
.jt-quote blockquote { margin: 0; font: 17px/1.55 'Manrope', system-ui, sans-serif; flex: 1; }
.jt-quote figcaption { display: flex; align-items: center; gap: 12px; font-family: 'Manrope', sans-serif; }
.jt-quote figcaption span { display: flex; flex-direction: column; }
.jt-quote figcaption em { font-style: normal; color: #545A72; font-size: 14px; }
.jt-quote-logo { width: 44px; height: 44px; object-fit: contain; border-radius: 10px; background: #F4F5FA; }

/* ---------- Premium: currency switch ---------- */
.jt-cur { display: inline-flex; padding: 2px; border-radius: 999px; background: rgba(255,255,255,.12); }
.jt-cur button { border: 0; background: none; color: #D2D1FF; font: 700 12px 'Manrope', system-ui, sans-serif; padding: 4px 10px; border-radius: 999px; cursor: pointer; min-height: 26px; }
.jt-cur button[aria-pressed="true"] { background: #FFFFFF; color: #0400D0; }
.jt-cur-note { position: fixed; left: 16px; bottom: 16px; z-index: 55; max-width: min(460px, calc(100% - 120px)); display: flex; gap: 12px; align-items: center; background: #0A0A4E; color: #E8E8FF; padding: 12px 14px; border-radius: 14px; box-shadow: 0 14px 30px rgba(10,10,78,.3); font: 13px/1.45 'Manrope', system-ui, sans-serif; }
.jt-cur-note button { flex: none; border: 1.5px solid #6B69F0; background: none; color: #FFFFFF; font-weight: 700; border-radius: 8px; padding: 6px 10px; cursor: pointer; }

/* ---------- Premium: shared bits ---------- */
.jt-kicker { font: 600 13px 'Sora', sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #FC2824; margin-bottom: 8px; }
.jt-kicker.is-light { color: #FFFFFF; }
.jt-h2 { margin: 0 0 24px; font: 800 clamp(28px, 3.6vw, 42px)/1.08 'Sora', sans-serif; letter-spacing: -.02em; color: #0A0A4E; text-wrap: balance; }
.jt-h3 { margin: 0 0 10px; font: 700 22px/1.25 'Sora', sans-serif; color: #0A0A4E; }
.jt-lead { font-size: 18px; color: #2A2A5E; max-width: 720px; }
.jt-fine { margin: 16px 0 0; font-size: 14px; color: #545A72; }
.jt-fine a, .jt-lead a, .jt-card a, .jt-steps a { color: #0400D0; font-weight: 700; }
.jt-link { color: #0400D0; font-weight: 700; text-decoration: none; }
.jt-sec { padding: 72px 0; font-family: 'Manrope', system-ui, sans-serif; color: #0A0A4E; }
.jt-sec.is-white { background: #FFFFFF; border-top: 1px solid #E3E5F0; border-bottom: 1px solid #E3E5F0; }
.jt-narrow { max-width: 860px; }
.jt-two { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 32px 56px; align-items: start; }
.jt-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 12px; font: 700 16px 'Manrope', system-ui, sans-serif; text-decoration: none; cursor: pointer; border: 0; }
.jt-cta.is-red { background: #FC2824; color: #FFFFFF; }
.jt-cta.is-blue { background: #0400D0; color: #FFFFFF; }
.jt-cta.is-white { background: #FFFFFF; color: #0400D0; }
.jt-cta.is-line { border: 2px solid #FFFFFF; color: #FFFFFF; }
.jt-cta:hover { opacity: .92; }

/* Hero */
.jt-phero { background: #0400D0; color: #FFFFFF; font-family: 'Manrope', system-ui, sans-serif; }
.jt-phero .jt-wrap { padding-top: 72px; padding-bottom: 72px; }
.jt-phero h1 { margin: 0 0 16px; max-width: 900px; font: 800 clamp(36px, 5.4vw, 64px)/1.02 'Sora', sans-serif; letter-spacing: -.035em; text-wrap: balance; }
.jt-phero p { margin: 0; max-width: 680px; font-size: 19px; color: #D2D1FF; }
.jt-phero-ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }

/* Cards and steps */
.jt-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; }
.jt-card { background: #FFFFFF; border: 1px solid #E3E5F0; border-radius: 20px; padding: 26px; color: #0A0A4E; text-decoration: none; }
.jt-sec.is-white .jt-card { background: #F4F5FA; }
.jt-card h3 { margin: 0 0 8px; font: 700 19px/1.3 'Sora', sans-serif; }
.jt-card p { margin: 0; color: #545A72; font-size: 15px; line-height: 1.6; }
.jt-card.is-link:hover { border-color: #0400D0; opacity: 1; }
.jt-card.is-link:hover h3 { color: #0400D0; }
.jt-steps { list-style: none; margin: 0; padding: 0; counter-reset: s; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.jt-steps li { counter-increment: s; background: #FFFFFF; border: 1px solid #E3E5F0; border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 8px; }
.jt-sec.is-white .jt-steps li { background: #F4F5FA; }
.jt-steps li::before { content: counter(s); width: 36px; height: 36px; border-radius: 50%; background: #0400D0; color: #FFFFFF; font: 800 16px 'Sora', sans-serif; display: flex; align-items: center; justify-content: center; }
.jt-steps strong { font: 700 18px 'Sora', sans-serif; }
.jt-steps span { color: #545A72; font-size: 15px; line-height: 1.6; }

/* Payment chips and rows */
.jt-pay-chips { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.jt-pay-chips li { padding: 7px 12px; border-radius: 999px; font: 700 13px 'Manrope', system-ui, sans-serif; background: #FFFFFF; border: 1px solid #D3D6E6; color: #0A0A4E; }
.jt-pay-chips.is-dark { margin: 0; }
.jt-pay-chips.is-dark li { background: transparent; border-color: #3B39E6; color: #FFFFFF; }
.jt-payrow { max-width: 1200px; margin: 0 auto; padding: 0 24px; font-family: 'Manrope', system-ui, sans-serif; color: #0A0A4E; }
.jt-payrow-inner { background: #FFFFFF; border: 1px solid #E3E5F0; border-radius: 24px; padding: 32px; display: flex; flex-wrap: wrap; gap: 24px 48px; align-items: center; justify-content: space-between; }
.jt-payrow h2 { margin: 0 0 8px; font: 800 26px/1.2 'Sora', sans-serif; letter-spacing: -.01em; }
.jt-payrow p { margin: 0; max-width: 620px; color: #545A72; }
.jt-payrow-links { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.jt-footpay { border-top: 1px solid #1C19DC; }
.jt-footpay-inner { max-width: 1200px; margin: 0 auto; padding: 20px 24px; display: flex; flex-wrap: wrap; gap: 14px 32px; align-items: center; justify-content: space-between; }
.jt-footpay-pay { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 13px; }
.jt-footpay-pay > span { font: 700 12px 'Sora', sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #FFFFFF; }
.jt-footpay-links { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 14px; }
.jt-footpay-links a { color: #D2D1FF; text-decoration: none; }

/* Comparison */
.jt-why { padding: 96px 24px 40px; font-family: 'Manrope', system-ui, sans-serif; color: #0A0A4E; }
.jt-why-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: minmax(260px, 380px) 1fr; gap: 32px 56px; align-items: start; }
.jt-why-head h2 { margin: 0 0 14px; font: 800 clamp(30px, 3.8vw, 44px)/1.05 'Sora', sans-serif; letter-spacing: -.02em; text-wrap: balance; }
.jt-why-head p { margin: 0 0 16px; color: #545A72; font-size: 17px; }
@media (max-width: 860px) { .jt-why-inner { grid-template-columns: 1fr; } }
.jt-compare-wrap { overflow-x: auto; border-radius: 20px; border: 1px solid #E3E5F0; background: #FFFFFF; }
.jt-compare, .jt-status { width: 100%; border-collapse: collapse; font: 15px 'Manrope', system-ui, sans-serif; color: #0A0A4E; }
.jt-compare th, .jt-compare td, .jt-status th, .jt-status td { padding: 14px 18px; text-align: left; border-bottom: 1px solid #E3E5F0; vertical-align: middle; }
.jt-compare tbody tr:last-child > *, .jt-status tbody tr:last-child > * { border-bottom: 0; }
.jt-compare thead th, .jt-status thead th { font: 700 13px 'Sora', sans-serif; letter-spacing: .04em; color: #545A72; background: #F4F5FA; }
.jt-compare thead th.is-us { background: #0400D0; color: #FFFFFF; }
.jt-compare td.is-us { background: #F1F1FF; font-weight: 700; }
.jt-compare td.is-us span { display: flex; gap: 10px; align-items: center; }
.jt-compare td.is-us svg { flex: none; }
.jt-compare tbody th { font-weight: 600; }
.jt-compare td:last-child { color: #545A72; }
@media (max-width: 600px) { .jt-compare th, .jt-compare td { padding: 12px; font-size: 14px; } .jt-compare tbody th { min-width: 130px; } }

/* Status */
.jt-status-banner { display: flex; align-items: center; gap: 12px; padding: 18px 22px; border-radius: 16px; margin-bottom: 20px; font: 700 18px 'Sora', sans-serif; }
.jt-status-banner.is-up { background: #E7F7EE; color: #0D6B38; }
.jt-status-banner.is-down { background: #FFE9E8; color: #B3120E; }
.jt-dot { width: 12px; height: 12px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 6px rgba(0,0,0,.06); }
.jt-state { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; }
.jt-state::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #A9AEC8; }
.jt-state.is-up { color: #137A42; } .jt-state.is-up::before { background: #1FA35A; }
.jt-state.is-down { color: #B3120E; } .jt-state.is-down::before { background: #FC2824; }

/* Packages */
.jt-packs { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; align-items: stretch; }
.jt-pack { position: relative; background: #FFFFFF; border: 1px solid #E3E5F0; border-radius: 22px; padding: 30px 26px; display: flex; flex-direction: column; gap: 10px; color: #0A0A4E; }
.jt-pack h2 { margin: 0; font: 800 24px/1.15 'Sora', sans-serif; }
.jt-pack > p { margin: 0 0 6px; color: #545A72; min-height: 48px; }
.jt-pack ul { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-direction: column; gap: 10px; flex: 1; font-size: 15px; }
.jt-pack li { display: flex; gap: 10px; } .jt-pack li svg { flex: none; margin-top: 3px; color: #0400D0; }
.jt-pack.is-feature { background: #0400D0; border-color: #0400D0; color: #FFFFFF; }
.jt-pack.is-feature > p { color: #D2D1FF; } .jt-pack.is-feature li svg { color: #FFFFFF; }
.jt-badge { align-self: flex-start; background: #FC2824; color: #FFFFFF; font: 700 12px 'Manrope', sans-serif; padding: 5px 10px; border-radius: 999px; }
.jt-form { background: #F4F5FA; border: 1px solid #E3E5F0; border-radius: 22px; padding: 28px; display: flex; flex-direction: column; gap: 6px; }
.jt-form label { font-weight: 700; font-size: 14px; margin-top: 8px; }
.jt-form input, .jt-form select, .jt-form textarea { border: 1px solid #D3D6E6; border-radius: 10px; padding: 13px 14px; font: 16px 'Manrope', system-ui, sans-serif; background: #FFFFFF; color: #0A0A4E; }
.jt-form button { margin-top: 14px; }

/* Help centre */
.jt-helpsearch { display: flex; gap: 8px; max-width: 680px; margin-top: 28px; background: #FFFFFF; padding: 8px; border-radius: 16px; }
.jt-helpsearch input { flex: 1; min-width: 0; border: 0; padding: 12px 14px; font: 17px 'Manrope', system-ui, sans-serif; color: #0A0A4E; background: none; }
.jt-helpsearch button { border: 0; border-radius: 10px; padding: 0 22px; min-height: 48px; background: #FC2824; color: #FFFFFF; font: 700 16px 'Manrope', sans-serif; cursor: pointer; }
.jt-helpquick { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.jt-helpquick a { color: #FFFFFF; text-decoration: none; border: 1px solid #6B69F0; border-radius: 999px; padding: 7px 14px; font-size: 14px; font-weight: 600; }
.jt-topics { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 16px; }
@media (max-width: 400px) { .jt-topics { grid-template-columns: 1fr; } }
.jt-topic { background: #FFFFFF; border: 1px solid #E3E5F0; border-radius: 20px; padding: 24px 26px; scroll-margin-top: 120px; }
.jt-topic h2 { margin: 0 0 6px; font: 800 21px 'Sora', sans-serif; }
.jt-faq details { border-bottom: 1px solid #D3D6E6; padding: 18px 0; }
.jt-faq summary { font-size: 17px; font-weight: 700; }
.jt-faq p { margin: 10px 0 0; color: #545A72; line-height: 1.6; }
.jt-faq.is-compact details { padding: 14px 0; } .jt-faq.is-compact details:last-child { border-bottom: 0; }
.jt-faq.is-compact summary { font-size: 15px; }

/* Closing band */
.jt-ctaband { background: #0400D0; color: #FFFFFF; font-family: 'Manrope', system-ui, sans-serif; }
.jt-ctaband .jt-wrap { padding-top: 64px; padding-bottom: 64px; display: flex; flex-wrap: wrap; gap: 20px 40px; align-items: center; justify-content: space-between; }
.jt-ctaband h2 { margin: 0 0 8px; font: 800 clamp(28px, 3.4vw, 40px)/1.1 'Sora', sans-serif; letter-spacing: -.02em; }
.jt-ctaband p { margin: 0; color: #D2D1FF; font-size: 18px; }
.jt-ctaband .jt-phero-ctas { margin-top: 0; }
@media (max-width: 600px) {
  .jt-compare thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .jt-compare, .jt-compare tbody, .jt-compare tr, .jt-compare th, .jt-compare td { display: block; width: 100%; }
  .jt-compare tr { padding: 14px 16px; border-bottom: 1px solid #E3E5F0; }
  .jt-compare tbody tr:last-child { border-bottom: 0; }
  .jt-compare th, .jt-compare td, .jt-compare tbody tr:last-child > * { padding: 0; border: 0; }
  .jt-compare tbody th { font: 700 16px 'Sora', sans-serif; margin-bottom: 8px; min-width: 0; }
  .jt-compare td.is-us { background: none; margin-bottom: 6px; }
  .jt-compare td:last-child { font-size: 14px; }
  .jt-compare td:last-child::before { content: attr(data-label) ": "; font-weight: 700; }
}
.jt-paycards { margin: 24px 0 8px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.jt-card.is-feature { background: #0400D0; border-color: #0400D0; color: #FFFFFF; }
.jt-card.is-feature p { color: #D2D1FF; }
.jt-card.is-feature strong { color: #FFFFFF; }
.jt-card .jt-badge { display: inline-block; margin-bottom: 10px; }
/* Paynow badge */
.jt-paynow { display: block; width: 100%; max-width: 330px; height: auto; }
.jt-card.is-paynow { border: 2px solid #0400D0; display: flex; flex-direction: column; gap: 0; }
.jt-card.is-paynow .jt-paynow { margin-top: auto; padding-top: 18px; }
.jt-card.is-paynow p { margin-bottom: 4px; }
.jt-payrow-links .jt-paynow { max-width: 300px; }
.jt-footpay-badge { display: inline-flex; background: #FFFFFF; border-radius: 12px; padding: 8px 12px; }
.jt-footpay-badge .jt-paynow { max-width: 230px; }
.jt-paynow.is-large { max-width: 440px; margin-top: 24px; }
/* Glossary */
.jt-letters { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 32px; position: sticky; top: 84px; z-index: 5; background: #F4F5FA; padding: 10px 0; }
.jt-letters a { min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: #FFFFFF; border: 1px solid #E3E5F0; color: #0400D0; font: 700 15px 'Sora', sans-serif; text-decoration: none; }
.jt-gloss-group { scroll-margin-top: 160px; margin-bottom: 28px; }
.jt-gloss-group h2 { margin: 0 0 12px; font: 800 28px 'Sora', sans-serif; color: #FC2824; }
.jt-gloss { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 12px; }
@media (max-width: 400px) { .jt-gloss { grid-template-columns: 1fr; } }
.jt-gloss > div { background: #FFFFFF; border: 1px solid #E3E5F0; border-radius: 16px; padding: 18px 20px; }
.jt-gloss dt { font: 700 17px 'Sora', sans-serif; margin-bottom: 6px; }
.jt-gloss dd { margin: 0; color: #545A72; font-size: 15px; line-height: 1.6; }
.jt-gloss dd a { color: #0400D0; font-weight: 700; text-decoration: none; white-space: nowrap; }

/* Promises */
.jt-promises { max-width: 1200px; margin: 0 auto 16px; padding: 0 24px; font-family: 'Manrope', system-ui, sans-serif; color: #0A0A4E; }
.jt-promises ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.jt-promises li { display: flex; gap: 14px; align-items: flex-start; background: #FFFFFF; border: 1px solid #E3E5F0; border-radius: 18px; padding: 18px 20px; }
.jt-promise-ic { flex: none; width: 44px; height: 44px; border-radius: 12px; background: #EEEEFF; color: #0400D0; display: flex; align-items: center; justify-content: center; }
.jt-promises strong { display: block; font: 700 16px/1.3 'Sora', sans-serif; margin-bottom: 3px; }
.jt-promises em { font-style: normal; color: #545A72; font-size: 14px; line-height: 1.5; }
.jt-sec + .jt-promises { margin-top: -32px; margin-bottom: 56px; }

/* Google reviews badge */
.jt-greviews { display: flex; width: fit-content; max-width: 100%; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 24px; padding: 10px 16px; border-radius: 999px; background: #FFFFFF; border: 1px solid #E3E5F0; color: #0A0A4E; text-decoration: none; font: 15px 'Manrope', system-ui, sans-serif; }
.jt-greviews strong { font: 800 16px 'Sora', sans-serif; }
.jt-gstars { display: inline-flex; gap: 2px; }
a.jt-greviews:hover { border-color: #0400D0; opacity: 1; }
.jt-quotes .jt-greviews { margin-top: -16px; }

/* Client logos */
.jt-logos { list-style: none; margin: 28px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.jt-logos li { flex: 1 1 140px; height: 72px; display: flex; align-items: center; justify-content: center; background: #FFFFFF; border: 1px solid #E3E5F0; border-radius: 14px; padding: 12px; }
.jt-logos img { max-height: 44px; width: auto; filter: grayscale(1); opacity: .8; }

/* Office photos */
.jt-photos { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.jt-photos figure { margin: 0; }
.jt-photos img { width: 100%; height: 260px; object-fit: cover; border-radius: 18px; display: block; }
.jt-photos figcaption { margin-top: 8px; color: #545A72; font-size: 14px; }

/* Footer support hours */
.jt-foothours { flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; font-size: 14px; color: #FFFFFF; }
.jt-foothours > span { font: 700 12px 'Sora', sans-serif; letter-spacing: .08em; text-transform: uppercase; }

/* Make room for live chat */
.has-livechat .jt-wa { bottom: 96px !important; }
.has-livechat .jt-cur-note { bottom: 96px; }

/* Illustrations */
.jt-phero.has-illus .jt-wrap, .jt-band.has-illus .jt-wrap { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 32px 48px; align-items: center; }
.jt-band.has-illus .jt-phero-text { display: flex; flex-direction: column; gap: 14px; }
.jt-illus-img { display: block; width: 100%; max-width: 480px; height: auto; margin: 0 auto; }
@media (max-width: 860px) {
  .jt-phero.has-illus .jt-wrap, .jt-band.has-illus .jt-wrap { grid-template-columns: 1fr; }
  .jt-illus-img { max-width: 340px; }
}
.jt-card-cover { display: block; width: calc(100% + 52px); max-width: none; height: auto; aspect-ratio: 1200 / 630; object-fit: cover; margin: -26px -26px 6px; border-radius: 17px 17px 0 0; }
.jt-hero-img { display: block; width: 100%; height: auto; margin-bottom: 28px; }
@media (max-width: 600px) { .jt-illus { max-width: 340px !important; } }

/* Knowledge base: glossary and how-to */
.jt-kb .jt-kbsearch { margin: 0 0 18px; max-width: 760px; border: 1.5px solid #D3D6E6; }
.jt-kb .jt-kbsearch input { font-size: 17px; }
.jt-kbfilters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.jt-kbfilters button { border: 1px solid #D3D6E6; background: #FFFFFF; color: #0A0A4E; border-radius: 999px; padding: 8px 14px; min-height: 40px; font: 600 14px 'Manrope', system-ui, sans-serif; cursor: pointer; }
.jt-kbfilters button span { color: #545A72; font-weight: 500; margin-left: 4px; }
.jt-kbfilters button[aria-pressed="true"] { background: #0400D0; border-color: #0400D0; color: #FFFFFF; }
.jt-kbfilters button[aria-pressed="true"] span { color: #D2D1FF; }
.jt-kbempty { padding: 16px 0; color: #545A72; }
.jt-kbempty a { color: #0400D0; font-weight: 700; }
.jt-gloss > div { display: flex; flex-direction: column; gap: 4px; }
.jt-gloss-term { font: 700 17px/1.3 'Sora', sans-serif; color: #0A0A4E; text-decoration: none; }
.jt-gloss-term:hover { color: #0400D0; opacity: 1; }
.jt-gloss > div p { margin: 2px 0 0; color: #545A72; font-size: 15px; line-height: 1.55; }
.jt-gloss-cat { font: 600 11px 'Sora', sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #FC2824; }
.jt-term-band .jt-wrap { padding-top: 48px; padding-bottom: 48px; }
.jt-term-cat { align-self: flex-start; color: #FFFFFF; text-decoration: none; font: 600 13px 'Sora', sans-serif; letter-spacing: .06em; text-transform: uppercase; border: 1px solid #6B69F0; border-radius: 999px; padding: 6px 12px; }
.jt-callout { background: #FFFFFF; border: 1px solid #E3E5F0; border-left: 5px solid #0400D0; border-radius: 14px; padding: 18px 22px; margin: 24px 0; }
.jt-callout strong { display: block; font: 700 16px 'Sora', sans-serif; margin-bottom: 6px; }
.jt-callout p, .jt-callout ul { margin: 0; }
.jt-callout.is-tip { border-left-color: #1FA35A; }
.jt-callout.is-help { border-left-color: #FC2824; }
.jt-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.jt-chips a { text-decoration: none; padding: 8px 14px; border-radius: 999px; background: #EEEEFF; color: #0400D0 !important; font: 600 14px 'Manrope', sans-serif; }
.jt-chips.is-quiet a { background: #FFFFFF; border: 1px solid #E3E5F0; color: #0A0A4E !important; font-weight: 500; }
.jt-kb-list { list-style: none; padding: 0; margin: 0 0 18px; display: flex; flex-direction: column; gap: 8px; }
.jt-kb-list li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; background: #FFFFFF; border: 1px solid #E3E5F0; border-radius: 12px; padding: 14px 16px; }
.jt-kb-list span { color: #545A72; font-size: 14px; }
.jt-howto-meta { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.jt-howto-meta li { background: rgba(255,255,255,.12); border-radius: 999px; padding: 7px 14px; font-size: 14px; color: #E8E8FF; }
.jt-howto-meta strong { color: #FFFFFF; }
.jt-howto-steps { list-style: none; counter-reset: st; padding: 0; margin: 24px 0; display: flex; flex-direction: column; gap: 14px; }
.jt-howto-steps li { counter-increment: st; position: relative; background: #FFFFFF; border: 1px solid #E3E5F0; border-radius: 16px; padding: 20px 22px 18px 76px; scroll-margin-top: 120px; }
.jt-howto-steps li::before { content: counter(st); position: absolute; left: 20px; top: 18px; width: 40px; height: 40px; border-radius: 50%; background: #0400D0; color: #FFFFFF; font: 800 17px/40px 'Sora', sans-serif; text-align: center; }
.jt-prose .jt-howto-steps h2 { margin: 0 0 6px; font-size: 20px; }
.jt-howto-steps p { margin: 0; }
.jt-howto-terms { margin: 0 0 18px; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; }
.jt-howto-terms > div { background: #FFFFFF; border: 1px solid #E3E5F0; border-radius: 12px; padding: 14px 16px; }
.jt-howto-terms dt a { font: 700 16px 'Sora', sans-serif; text-decoration: none; }
.jt-howto-terms dd { margin: 4px 0 0; color: #545A72; font-size: 15px; line-height: 1.5; }
.jt-howto-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.jt-howto-card { display: flex; flex-direction: column; gap: 8px; background: #FFFFFF; border: 1px solid #E3E5F0; border-radius: 18px; padding: 22px; text-decoration: none; color: #0A0A4E; }
.jt-howto-card strong { font: 700 18px/1.3 'Sora', sans-serif; }
.jt-howto-card em { font-style: normal; color: #545A72; font-size: 15px; line-height: 1.5; flex: 1; }
.jt-howto-card small { color: #0400D0; font-weight: 700; font-size: 13px; }
.jt-howto-card:hover { border-color: #0400D0; opacity: 1; }

.jt-kb .jt-gloss { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
@media (max-width: 400px) { .jt-kb .jt-gloss { grid-template-columns: 1fr; } }
.jt-term-band .jt-phero-text { gap: 12px; }

/* Real photos */
.jt-figure { margin: 0; }
.jt-photo { display: block; width: 100%; height: auto; border-radius: 18px; object-fit: cover; background: #E8EAF4; }
.jt-figure figcaption { margin-top: 6px; font-size: 12px; color: #6B7090; }
.jt-figure figcaption a { color: inherit; }
.jt-figure.is-wide { margin-bottom: 40px; }
.jt-figure.is-wide .jt-photo { aspect-ratio: 1200 / 380; }
.jt-photopair { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.jt-photopair .jt-photo, .jt-photos .jt-photo { aspect-ratio: 600 / 420; height: auto; }
.jt-photos .jt-figure img { height: auto; }
.jt-form ~ * .jt-figure, .jt-two .jt-figure { margin-top: 20px; }
.jt-photoband { padding: 96px 24px 24px; font-family: 'Manrope', system-ui, sans-serif; color: #0A0A4E; }
.jt-photoband-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 32px 56px; align-items: center; }
.jt-photoband h2 { margin: 0 0 14px; font: 800 clamp(30px, 3.8vw, 46px)/1.05 'Sora', sans-serif; letter-spacing: -.02em; text-wrap: balance; }
.jt-photoband p { margin: 0; color: #545A72; font-size: 18px; max-width: 520px; }
.jt-cta.is-ghost { border: 2px solid #0400D0; color: #0400D0; }
.jt-mosaic { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 12px; }
.jt-mosaic .is-tall { grid-row: span 2; }
.jt-mosaic .is-tall .jt-photo { height: 100%; aspect-ratio: auto; min-height: 420px; }
.jt-mosaic .jt-figure:not(.is-tall) .jt-photo { aspect-ratio: 560 / 300; }
@media (max-width: 860px) { .jt-photoband-inner { grid-template-columns: 1fr; } .jt-mosaic .is-tall .jt-photo { min-height: 320px; } }