.elementor-144899 .elementor-element.elementor-element-47393d3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-b39f728{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-7765a87{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-928b189{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-bbcd02d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-3123b3b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-5e4b966{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-39a1204{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-0e4cde7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-8ce3bdd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-ddce7da{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-b1aefdd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-d69688e .elementor-accordion-item{border-width:0px;}.elementor-144899 .elementor-element.elementor-element-d69688e .elementor-accordion-item .elementor-tab-content{border-width:0px;}.elementor-144899 .elementor-element.elementor-element-d69688e .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;}@media(max-width:1024px){.elementor-144899 .elementor-element.elementor-element-47393d3{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-b39f728{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-7765a87{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-928b189{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-bbcd02d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-3123b3b{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-5e4b966{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-39a1204{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-0e4cde7{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-8ce3bdd{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-ddce7da{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-b1aefdd{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-144899 .elementor-element.elementor-element-47393d3{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-b39f728{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-7765a87{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-928b189{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-bbcd02d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-3123b3b{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-5e4b966{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-39a1204{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-0e4cde7{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-8ce3bdd{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-ddce7da{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144899 .elementor-element.elementor-element-b1aefdd{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS *//* sxp-feature-kit.css v1.3 (official kit file), page-scoped on this page only */
/* ==========================================================================
   ScaleXP feature page kit · v1.3 · October 24, 2026 · Direction B, Midnight & Paper (approved)
   Every rule is scoped to .sxp-feature so nothing leaks site-wide.
   Fonts: Poppins + Inter are already served by the Elementor kit; don't load them again on the live site.
   ========================================================================== */

/* ---------- 1. Tokens ---------- */
.sxp-feature{
  --sx-blue:#0044F2; --sx-blue-hover:#0035C8; --sx-blue-press:#002D9F;
  --sx-midnight:#030B23; --sx-granite:#4B5D78; --sx-silver:#E9EEFB; --sx-bg-grey:#F8F9FC;
  --sx-active:#F0F4FF; --sx-white:#FFFFFF;
  --sx-font-head:Poppins,"Helvetica Neue",Arial,sans-serif;
  --sx-font-body:Inter,"Helvetica Neue",Arial,sans-serif;
  --sx-radius-card:14px; --sx-radius-btn:8px; --sx-radius-pill:999px;
  --sx-gap:40px; --sx-pad-y:64px; --sx-gutter:32px; --sx-inner:1220px;

  /* Surfaces: dark, light, proof */
  --d-bg:#030B23; --d-fg:#FFFFFF; --d-muted:#C9D3F5; --d-card:#0B1735; --d-line:rgba(255,255,255,.14);
  --d-link:#FFFFFF; --d-label:#8DAEEE; --d-tick:#35C86F; --d-focus:#FFFFFF;
  --l-bg:#FFFFFF; --l-fg:#030B23; --l-muted:#4B5D78; --l-card:#F8F9FC; --l-line:rgba(3,11,35,.12);
  --l-link:#0044F2; --l-label:#4B5D78; --l-tick:#1F7A49; --l-focus:#0044F2;
  --p-bg:#E9EEFB; --p-fg:#030B23; --p-muted:#4B5D78; --p-card:#FFFFFF; --p-line:rgba(3,11,35,.12);
  --p-link:#0035C8; --p-label:#4B5D78; --p-tick:#1F7A49; --p-focus:#0044F2;
  --eyebrow:#F6C155;           /* the page's one warm accent: hero eyebrow and the rating stars only */
  --panel-bg:#FFFFFF; --panel-head:#E9EEFB; --panel-hl:#F0F4FF; --panel-line:#E6E7E9;
}
/* Surfaces: each band picks its set of tokens */
.sxp-feature .sx-band--dark{--bg:var(--d-bg);--fg:var(--d-fg);--muted:var(--d-muted);--card:var(--d-card);--line:var(--d-line);--link:var(--d-link);--label:var(--d-label);--tick:var(--d-tick);--focus:var(--d-focus)}
.sxp-feature .sx-band--light{--bg:var(--l-bg);--fg:var(--l-fg);--muted:var(--l-muted);--card:var(--l-card);--line:var(--l-line);--link:var(--l-link);--label:var(--l-label);--tick:var(--l-tick);--focus:var(--l-focus)}
.sxp-feature .sx-band--proof{--bg:var(--p-bg);--fg:var(--p-fg);--muted:var(--p-muted);--card:var(--p-card);--line:var(--p-line);--link:var(--p-link);--label:var(--p-label);--tick:var(--p-tick);--focus:var(--p-focus)}
/* Diagram tokens follow the band */
.sxp-feature .sx-band{--sx-diag-card:var(--card);--sx-diag-line:var(--line);--sx-diag-fg:var(--fg);--sx-diag-muted:var(--muted);--sx-diag-num:var(--sx-blue);--sx-diag-accent:#4778F6;--sx-diag-warn:#FFB256}

/* ---------- 2. Base ---------- */
.sxp-feature,.sxp-feature *{box-sizing:border-box}
.sxp-feature{font-family:var(--sx-font-body);font-size:16px;line-height:26px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.sxp-feature .sx-band{background:var(--bg);color:var(--fg);padding:var(--sx-pad-y) 0}
.sxp-feature .sx-wrap{max-width:calc(var(--sx-inner) + 2*var(--sx-gutter));margin:0 auto;padding:0 var(--sx-gutter)}
.sxp-feature h1,.sxp-feature h2,.sxp-feature h3{font-family:var(--sx-font-head);color:var(--fg);margin:0}
.sxp-feature h1,.sxp-feature h2{text-wrap:balance}
.sxp-feature h1{font-size:44px;line-height:52px;font-weight:700;letter-spacing:-.015em}
.sxp-feature h2{font-size:32px;line-height:42px;font-weight:600;letter-spacing:-.01em}
.sxp-feature h3{font-size:20px;line-height:28px;font-weight:600}
.sxp-feature p{margin:0}
.sxp-feature a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.sxp-feature a:hover{text-decoration-thickness:2px}
.sxp-feature :focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:4px}
.sxp-feature .sx-num{font-variant-numeric:tabular-nums}
.sxp-feature .sx-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Section head: H2 + standalone answer sentence */
.sxp-feature .sx-head{max-width:860px;margin-bottom:40px}
.sxp-feature .sx-answer{margin-top:16px;font-size:18px;line-height:29px;color:var(--muted);max-width:68ch}
.sxp-feature .sx-small{font-size:14px;line-height:22px;color:var(--muted)}
.sxp-feature .sx-label{font-size:12px;line-height:20px;font-weight:600;color:var(--label);letter-spacing:.02em}

/* ---------- 3. Buttons and links ---------- */
.sxp-feature .sx-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:var(--sx-radius-btn);
  background:var(--sx-blue);color:#FFFFFF;font:600 16px/24px var(--sx-font-body);text-decoration:none;border:0;cursor:pointer;transition:background-color .15s ease}
.sxp-feature .sx-btn:hover{background:var(--sx-blue-hover);color:#FFFFFF;text-decoration:none}
.sxp-feature .sx-btn:active{background:var(--sx-blue-press)}
.sxp-feature .sx-btn svg{width:16px;height:16px;flex:none}
.sxp-feature .sx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:32px}
.sxp-feature .sx-cta .sx-secondary{color:var(--link)}
.sxp-feature .sx-links{margin-top:24px;color:var(--muted)}
.sxp-feature .sx-links a{white-space:nowrap}

/* ---------- 4. Two-column bands ---------- */
.sxp-feature .sx-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--sx-gap);align-items:center}
.sxp-feature .sx-split--top{align-items:start}
.sxp-feature .sx-split--top .sx-art-col{position:sticky;top:96px}
.sxp-feature .sx-split--art-left .sx-art-col{order:-1}
.sxp-feature .sx-art-col{display:flex;justify-content:center}
.sxp-feature .sx-art-col>.sx-frame,.sxp-feature .sx-art-col>.sx-diagram{width:80%}
.sxp-feature .sx-frame{border-radius:var(--sx-radius-card);overflow:hidden;border:1px solid var(--line);background:#FFFFFF;line-height:0}
.sxp-feature .sx-frame svg,.sxp-feature .sx-frame img,.sxp-feature .sx-diagram svg{display:block;width:100%;height:auto}
.sxp-feature .sx-frame .sx-art--mob,.sxp-feature .sx-diagram--mob{display:none}

/* ---------- M1 Hero ---------- */
.sxp-feature .sx-hero{padding:56px 0 48px}
.sxp-feature .sx-hero__top{margin-bottom:24px}
.sxp-feature .sx-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:start}
.sxp-feature .sx-eyebrow{font:600 14px/22px var(--sx-font-body);letter-spacing:.1em;color:var(--eyebrow);margin:0 0 16px}
.sxp-feature .sx-hero h1{max-width:26ch}
.sxp-feature .sx-hook{margin-top:0;font:500 20px/30px var(--sx-font-head);color:var(--fg);max-width:34ch}
.sxp-feature .sx-hero .sx-answer{margin-top:14px;font-size:16px;line-height:26px;max-width:60ch}
.sxp-feature .sx-ticks{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:8px}
.sxp-feature .sx-ticks li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start}
.sxp-feature .sx-ticks svg{width:20px;height:20px;margin-top:3px;color:var(--tick)}
/* Variant B (default): one answer sentence + three number-led bullets. Variant A: hook + one short paragraph. */
.sxp-feature .sx-hero .sx-answer--lead{margin-top:0;font:500 20px/30px var(--sx-font-head);color:var(--fg);max-width:34ch}
.sxp-feature .sx-figs{margin-top:20px;gap:12px}
.sxp-feature .sx-figs span{color:var(--muted)}
.sxp-feature .sx-figs .sx-fig{font:600 17px/26px var(--sx-font-head);color:var(--fg)}
.sxp-feature .sx-hero .sx-cta{margin-top:28px}
/* Primary button with the secondary text link under it (A2 section 3: never two buttons) */
.sxp-feature .sx-cta--stack{flex-direction:column;align-items:flex-start;gap:12px}
.sxp-feature .sx-secondary-line{color:var(--muted)}
.sxp-feature .sx-secondary-line a{font-weight:600;white-space:nowrap}
/* Proof badges: the figure first, then what it is. Sit after the CTA, separated by a rule. */
.sxp-feature .sx-badges{list-style:none;margin:32px 0 0;padding:24px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sxp-feature .sx-badge{display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 12px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line)}
.sxp-feature .sx-badge__top{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:30px}
.sxp-feature .sx-badge__fig{font:600 24px/30px var(--sx-font-head);letter-spacing:-.01em;color:var(--fg);white-space:nowrap}
.sxp-feature .sx-badge__icon{width:22px;height:22px;flex:none;color:var(--label)}
.sxp-feature .sx-stars{display:inline-flex;gap:1px;color:var(--eyebrow)}
.sxp-feature .sx-stars svg{width:12px;height:12px}
.sxp-feature .sx-badge__cap{font-size:14px;line-height:20px;color:var(--muted)}
.sxp-feature .sx-hero .sx-frame{width:100%;max-width:640px;box-shadow:0 1px 2px rgba(3,11,35,.06),0 24px 48px -24px rgba(0,0,0,.45)}
/* Works-with row: official partner logos in their own colours, 160×48 slots, never recoloured (A2 2A.6) */
.sxp-feature .sx-logos{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
.sxp-feature .sx-logos__label{margin:0 0 12px;font-size:14px;line-height:22px;color:var(--muted)}
.sxp-feature .sx-logos ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px}
.sxp-feature .sx-logos a{display:flex;align-items:center;justify-content:center;width:160px;height:48px;border-radius:8px}
/* each logo carries its optical size as --w/--h (same visible area for every logo) */
.sxp-feature .sx-logos img,.sxp-feature .sx-logo img{display:block;width:var(--w);height:var(--h);max-width:100%;object-fit:contain}
.sxp-feature .sx-logo{display:flex;align-items:center;justify-content:flex-start;width:160px;height:48px}

/* ---------- Box rows: two, three or four boxes (M2, and any box row) ----------
   The row always spans the full content width in equal columns, so it sits centered on the page grid.
   Modifier sets the count: sx-boxes--2 / --3 / --4. */
.sxp-feature .sx-boxes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--sx-n,4),minmax(0,1fr));border-top:1px solid var(--line)}
.sxp-feature .sx-boxes--2{--sx-n:2}
.sxp-feature .sx-boxes--3{--sx-n:3}
.sxp-feature .sx-boxes--4{--sx-n:4}
.sxp-feature .sx-boxes>li{padding:28px 28px 8px;border-left:1px solid var(--line);min-width:0}
.sxp-feature .sx-boxes--2>li{padding:32px 40px 8px}
.sxp-feature .sx-boxes>li:first-child{padding-left:0;border-left:0}
.sxp-feature .sx-boxes>li:last-child{padding-right:0}
.sxp-feature .sx-boxes svg{display:block;width:40px;height:40px;color:var(--sx-blue);margin-bottom:16px}
.sxp-feature .sx-boxes h3{margin-bottom:6px}
.sxp-feature .sx-boxes p{color:var(--muted);max-width:68ch}
.sxp-feature .sx-cost{margin:40px 0 0;padding:28px 32px;border-radius:var(--sx-radius-card);background:var(--card);border:1px solid var(--line);font:500 18px/29px var(--sx-font-head);color:var(--fg)}
.sxp-feature .sx-cost strong{font-weight:600}

/* ---------- M3 How it works: steps row, wide diagram, optional system boxes ---------- */
.sxp-feature .sx-steps{list-style:none;margin:0;padding:0;counter-reset:step;display:grid;grid-template-columns:repeat(var(--sx-steps,5),minmax(0,1fr));gap:24px}
.sxp-feature .sx-steps li{counter-increment:step}
.sxp-feature .sx-steps li::before{content:counter(step);width:36px;height:36px;margin-bottom:14px;border-radius:50%;display:grid;place-items:center;background:var(--sx-blue);color:#FFFFFF;font:600 16px/1 var(--sx-font-body)}
.sxp-feature .sx-steps h3{margin-bottom:6px}
.sxp-feature .sx-steps p{color:var(--muted)}
.sxp-feature .sx-wide{margin:48px auto 0;max-width:1200px}
.sxp-feature .sx-wide svg{display:block;width:100%;height:auto}
.sxp-feature .sx-wide .sx-diagram--mob{display:none;max-width:440px;margin:0 auto}
.sxp-feature .sx-support{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}
.sxp-feature .sx-diagram .step .dc{transition:stroke .4s ease}
.sxp-feature .sx-diagram.is-playing .step.is-on .dc{stroke:#4778F6;stroke-width:4}

/* System boxes: two (Xero, QuickBooks Online) or three (+ Zoho Books), always in that order.
   Equal width, equal height; logo, one answer sentence, three ticks, one text link. No buttons. */
.sxp-feature .sx-systems{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--sx-n,2),minmax(0,1fr));gap:24px}
.sxp-feature .sx-systems--2{--sx-n:2}
.sxp-feature .sx-systems--3{--sx-n:3}
.sxp-feature .sx-system{display:flex;flex-direction:column;padding:28px;border-radius:var(--sx-radius-card);background:var(--card);border:1px solid var(--line)}
.sxp-feature .sx-system .sx-logo{margin:0 0 20px}
.sxp-feature .sx-system p{color:var(--fg)}
.sxp-feature .sx-system .sx-bullets{margin:16px 0 0}
.sxp-feature .sx-system .sx-bullets li{color:var(--muted)}
.sxp-feature .sx-system .sx-sys-link{margin-top:auto;padding-top:20px}

/* ---------- M4 Method tiles ---------- */
.sxp-feature .sx-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sxp-feature .sx-tools--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.sxp-feature .sx-tool{background:var(--card);border:1px solid var(--line);border-radius:var(--sx-radius-card);padding:28px;display:flex;flex-direction:column}
.sxp-feature .sx-tool__glyph{height:72px;margin-bottom:20px;display:flex;align-items:flex-end}
.sxp-feature .sx-tool__glyph svg{height:72px;width:auto}
.sxp-feature .sx-tool h3{margin-bottom:12px}
.sxp-feature .sx-tool .sx-best{color:var(--fg)}
.sxp-feature .sx-tool .sx-best strong{font-weight:600}
.sxp-feature .sx-tool .sx-example{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted)}
.sxp-feature .sx-tool--more{background:transparent;border-style:dashed}
.sxp-feature .sx-tool--more p{color:var(--muted)}
.sxp-feature .sx-tool--more strong{color:var(--fg);font-weight:600}
.sxp-feature .sx-section-cta{margin-top:40px}

/* ---------- M5 Outcome ---------- */
.sxp-feature .sx-bullets{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.sxp-feature .sx-bullets li{display:grid;grid-template-columns:20px 1fr;gap:10px}
.sxp-feature .sx-bullets svg{width:20px;height:20px;margin-top:3px;color:var(--tick)}

/* ---------- M6 Proof ---------- */
.sxp-feature .sx-proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:start}
.sxp-feature .sx-proof__fig{font:600 88px/1 var(--sx-font-head);letter-spacing:-.03em;margin:28px 0 8px;color:var(--fg)}
.sxp-feature .sx-proof__unit{font:500 20px/30px var(--sx-font-head);color:var(--fg)}
.sxp-feature .sx-proof__ctx{margin-top:20px;color:var(--muted);display:grid;gap:6px;max-width:48ch}
.sxp-feature .sx-quote{margin:0;padding:36px;background:var(--card);border:1px solid var(--line);border-radius:var(--sx-radius-card)}
.sxp-feature .sx-quote blockquote{margin:0;font:500 24px/36px var(--sx-font-head);color:var(--fg)}
.sxp-feature .sx-quote figcaption{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px}
.sxp-feature .sx-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none}
.sxp-feature .sx-cue-logo{height:48px;width:auto;flex:none;margin-left:auto}
.sxp-feature .sx-attr{font-weight:600;color:var(--fg)}
.sxp-feature .sx-quote .sx-more{margin-top:20px}
.sxp-feature .sx-stats{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.sxp-feature .sx-stats li{padding:24px 28px 0 0}
.sxp-feature .sx-stats li+li{padding-left:28px;border-left:1px solid var(--line)}
.sxp-feature .sx-stats .sx-stat{font:600 22px/30px var(--sx-font-head);color:var(--fg)}
.sxp-feature .sx-stats .sx-stat-q{margin-top:10px;color:var(--fg)}
.sxp-feature .sx-stats .sx-small{margin-top:8px}
/* ---------- M7 Why ---------- */
.sxp-feature .sx-reasons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px 40px}
.sxp-feature .sx-reasons li{padding-top:20px;border-top:2px solid var(--line)}
.sxp-feature .sx-reasons h3{margin-bottom:6px}
.sxp-feature .sx-reasons p{color:var(--muted)}
.sxp-feature .sx-compare{margin-top:56px}
.sxp-feature .sx-under{margin-top:16px;color:var(--fg);max-width:80ch}
.sxp-feature .sx-source{margin-top:8px;font-size:14px;line-height:22px;color:var(--muted)}

/* ---------- Table component (M7 + M8) ---------- */
.sxp-feature .sx-table{background:var(--panel-bg);border-radius:var(--sx-radius-card);border:1px solid var(--panel-line);overflow:hidden;color:var(--sx-midnight)}
.sxp-feature .sx-table__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.sxp-feature .sx-table table{width:100%;border-collapse:separate;border-spacing:0;font-size:16px;line-height:24px;min-width:860px}
.sxp-feature .sx-table th,.sxp-feature .sx-table td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--panel-line);color:var(--sx-midnight)}
.sxp-feature .sx-table thead th{background:var(--panel-head);font:600 14px/22px var(--sx-font-body);color:var(--sx-midnight);white-space:nowrap}
.sxp-feature .sx-table tbody th{font-weight:600;width:180px;background:var(--panel-bg);position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--panel-line)}
.sxp-feature .sx-table tr:last-child>*{border-bottom:0}
.sxp-feature .sx-table a{color:#0035C8}
.sxp-feature .sx-table .is-us{background:var(--panel-hl)}
.sxp-feature .sx-table thead .is-us{background:var(--panel-hl);color:#0035C8;box-shadow:inset 0 3px 0 var(--sx-blue)}
.sxp-feature .sx-table--rows tbody tr.is-us>*{background:var(--panel-hl)}
.sxp-feature .sx-table--rows table{min-width:640px}
.sxp-feature .sx-table--rows tbody th{width:300px}
.sxp-feature .sx-pill{display:inline-block;padding:2px 10px;border-radius:var(--sx-radius-pill);font:600 14px/22px var(--sx-font-body);white-space:nowrap;background:var(--sx-bg-grey);border:1px solid var(--panel-line);color:var(--sx-midnight)}
.sxp-feature .sx-pill--us{background:var(--sx-blue);border-color:var(--sx-blue);color:#FFFFFF}
.sxp-feature .sx-scroll-hint{display:none;margin:0 0 8px;font-size:14px;line-height:22px;color:var(--muted)}

/* ---------- M9 Fit ---------- */
.sxp-feature .sx-fit{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--sx-gap);align-items:start}
.sxp-feature .sx-fit h3{margin-bottom:16px}
.sxp-feature .sx-fit ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sxp-feature .sx-fit li{display:grid;grid-template-columns:20px 1fr;gap:12px}
.sxp-feature .sx-fit svg{width:20px;height:20px;margin-top:3px;color:var(--tick)}
.sxp-feature .sx-fit__not{padding:28px;border-radius:var(--sx-radius-card);border:1px solid var(--line)}
.sxp-feature .sx-fit__not li::before{content:"";width:12px;height:2px;margin:12px 4px 0;background:var(--muted)}
.sxp-feature .sx-fit__not li{color:var(--muted)}

/* ---------- M10 FAQ ---------- */
.sxp-feature .sx-faq{max-width:880px;border-top:1px solid var(--line)}
.sxp-feature .sx-faq details{border-bottom:1px solid var(--line)}
.sxp-feature .sx-faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 24px;gap:24px;align-items:center;min-height:48px;padding:20px 0}
.sxp-feature .sx-faq summary::-webkit-details-marker{display:none}
.sxp-feature .sx-faq summary h3{font-weight:600}
.sxp-feature .sx-faq summary svg{width:24px;height:24px;color:var(--sx-blue);transition:transform .2s ease}
.sxp-feature .sx-faq details[open] summary svg{transform:rotate(45deg)}
.sxp-feature .sx-faq .sx-faq__a{padding:0 48px 24px 0;color:var(--muted);max-width:72ch}
.sxp-feature .sx-faq .sx-faq__a p+p{margin-top:12px}   /* answers arrive as paragraphs of 30 words or fewer */
.sxp-feature .sx-reviewed{margin-top:20px;font-size:14px;line-height:22px;color:var(--muted)}   /* "Last reviewed", under the last FAQ only; matches dateModified */

/* ---------- 5. Responsive (breakpoints 1199 / 1023 / 899 / 699 / 359) ---------- */
@media (max-width:1199px){
  .sxp-feature .sx-hero__grid{gap:40px}
  .sxp-feature .sx-badges{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sxp-feature .sx-steps{grid-template-columns:1fr;max-width:760px;gap:20px}
  .sxp-feature .sx-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:16px}
  .sxp-feature .sx-steps li::before{grid-row:span 2;margin:0}
  .sxp-feature .sx-hero .sx-frame .sx-art--desk{display:none}
  .sxp-feature .sx-hero .sx-frame .sx-art--mob{display:block}
  .sxp-feature h1{font-size:36px;line-height:44px}
  .sxp-feature .sx-boxes--4{--sx-n:2}
  .sxp-feature .sx-boxes--4>li:nth-child(odd){padding-left:0;border-left:0}
  .sxp-feature .sx-boxes--4>li:nth-child(even){padding-right:0}
  .sxp-feature .sx-boxes--4>li:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:1023px){
  .sxp-feature{--sx-pad-y:48px}
  .sxp-feature .sx-split{grid-template-columns:1fr}
  .sxp-feature .sx-split--art-left .sx-art-col{order:2}
  .sxp-feature .sx-art-col>.sx-frame{width:100%;max-width:560px}
  .sxp-feature .sx-wide .sx-diagram--desk{display:none}
  .sxp-feature .sx-wide .sx-diagram--mob{display:block}
  .sxp-feature .sx-systems--3{--sx-n:1}
  .sxp-feature .sx-tools{grid-template-columns:repeat(2,1fr)}
  .sxp-feature .sx-reasons{grid-template-columns:repeat(2,1fr)}
  .sxp-feature .sx-proof{grid-template-columns:1fr;gap:32px}
  .sxp-feature .sx-fit{grid-template-columns:1fr}
  /* two and three boxes stack into icon-left rows below 1024 */
  .sxp-feature .sx-boxes--2{--sx-n:1}
  .sxp-feature .sx-boxes--2>li,.sxp-feature .sx-boxes--2>li:nth-child(n){display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:20px;align-items:start;padding:20px 0;border-left:0;border-top:1px solid var(--line)}
  .sxp-feature .sx-boxes--2>li:first-child{border-top:0}
  .sxp-feature .sx-boxes--2 svg{grid-row:span 2;margin:0}
  .sxp-feature .sx-boxes--2 h3,.sxp-feature .sx-boxes--2 p{grid-column:2}
  .sxp-feature .sx-boxes--3{--sx-n:1}
  .sxp-feature .sx-boxes--3>li,.sxp-feature .sx-boxes--3>li:nth-child(n){display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:20px;align-items:start;padding:20px 0;border-left:0;border-top:1px solid var(--line)}
  .sxp-feature .sx-boxes--3>li:first-child{border-top:0}
  .sxp-feature .sx-boxes--3 svg{grid-row:span 2;margin:0}
  .sxp-feature .sx-boxes--3 h3,.sxp-feature .sx-boxes--3 p{grid-column:2}
}
@media (max-width:899px){
  .sxp-feature .sx-hero__grid{grid-template-columns:1fr}
  .sxp-feature .sx-hero .sx-frame{margin:0 auto}
  .sxp-feature .sx-badges{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sxp-feature .sx-systems--2{--sx-n:1}
  .sxp-feature .sx-stats{grid-template-columns:1fr}
  .sxp-feature .sx-stats li,.sxp-feature .sx-stats li+li{padding:20px 0;border-left:0;border-top:1px solid var(--line)}
  .sxp-feature .sx-stats li:first-child{border-top:0}
  .sxp-feature .sx-scroll-hint{display:block}
}
@media (max-width:699px){
  .sxp-feature{--sx-gutter:24px;--sx-pad-y:32px;line-height:24px}
  .sxp-feature h1{font-size:32px;line-height:39px}
  .sxp-feature h2{font-size:26px;line-height:34px}
  .sxp-feature .sx-hero{padding:24px 0 32px}
  .sxp-feature .sx-eyebrow{margin-bottom:10px}
  .sxp-feature .sx-hook{font-size:18px;line-height:26px}
  .sxp-feature .sx-hero__top{margin-bottom:12px}
  .sxp-feature .sx-hero .sx-answer{margin-top:10px;line-height:24px}
  .sxp-feature .sx-ticks{margin-top:14px;gap:6px}
  .sxp-feature .sx-hero .sx-cta{margin-top:20px}
  .sxp-feature .sx-btn{width:100%;justify-content:center}
  .sxp-feature .sx-answer{font-size:16px;line-height:24px}
  .sxp-feature .sx-head{margin-bottom:28px}
  .sxp-feature .sx-boxes--4{--sx-n:1}
  .sxp-feature .sx-boxes--4>li,.sxp-feature .sx-boxes--4>li:nth-child(n){display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:20px;align-items:start;padding:20px 0;border-left:0;border-top:1px solid var(--line)}
  .sxp-feature .sx-boxes--4>li:first-child{border-top:0}
  .sxp-feature .sx-boxes--4 svg{grid-row:span 2;margin:0}
  .sxp-feature .sx-boxes--4 h3,.sxp-feature .sx-boxes--4 p{grid-column:2}
  .sxp-feature .sx-cost{padding:20px;font-size:17px;line-height:27px}
  .sxp-feature .sx-tools,.sxp-feature .sx-tools--4,.sxp-feature .sx-reasons{grid-template-columns:1fr}
  .sxp-feature .sx-tool{padding:20px}
  .sxp-feature .sx-proof__fig{font-size:64px}
  .sxp-feature .sx-quote{padding:24px}
  .sxp-feature .sx-quote blockquote{font-size:20px;line-height:30px}
  .sxp-feature .sx-fit__not{padding:20px}
  .sxp-feature .sx-faq .sx-faq__a{padding-right:0}
  .sxp-feature .sx-logos ul{justify-content:center;gap:12px 0}
  .sxp-feature .sx-logos li{flex:0 0 33.333%}
  .sxp-feature .sx-logos a{width:100%;height:40px}
  .sxp-feature .sx-logos img{width:calc(var(--w)*.72);height:calc(var(--h)*.72)}
  .sxp-feature .sx-hero .sx-answer--lead{font-size:18px;line-height:27px}
  .sxp-feature .sx-badges{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;padding-top:20px}
  .sxp-feature .sx-system{padding:20px}
  .sxp-feature .sx-cue-logo{margin-left:0}
  .sxp-feature .sx-table tbody th{width:132px;min-width:132px}
  .sxp-feature .sx-table td{min-width:200px}
  .sxp-feature .sx-table--rows td:last-child{min-width:240px}
  .sxp-feature .sx-table--rows td:nth-child(2){min-width:0}
  .sxp-feature .sx-table--rows tbody th{width:180px;min-width:180px}
  .sxp-feature .sx-table--rows td:nth-child(2){min-width:150px}
}
@media (max-width:359px){
  .sxp-feature{--sx-gutter:16px}
  .sxp-feature h1{font-size:30px;line-height:38px}
}
@media (prefers-reduced-motion:reduce){
  .sxp-feature *{transition:none !important;animation:none !important}
}

/* Page-scoped additions on /revenue-recognition/ (24 Oct 2026) */
/* Theme resets measured on this site: OceanWP styles bare th/table/blockquote; the kit reference has none of these */
.sxp-feature th{text-transform:none}
.sxp-feature table{margin:0}
.sxp-feature blockquote{padding:0;margin:0;border:0}
/* Logo row: between 700 and 1279px the seven 160px slots wrap, so centre the rows (an incomplete last row sits centred, not split to the edges) */
@media (min-width:700px) and (max-width:1279px){.sxp-feature .sx-logos ul{justify-content:center;column-gap:32px}}

/* CTR2-24 (25 Oct 2026): hero badges 4 -> 3, the combined Xero awards badge is the wide one (D141) */
.sxp-feature .sx-badges.sx-badges--3{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr) minmax(0,1fr)}
@media (max-width:699px){.sxp-feature .sx-badges.sx-badges--3{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense}.sxp-feature .sx-badges--3 .sx-badge--wide{grid-column:1/-1}}

/* ---------- /revenue-leakage/ additions to the /revenue-recognition/ page CSS ---------- */
/* Hero panel: live text, from /integrations/hubspot-xero/ block 06 */
.sxp-feature .ov{--ov-bg:#030B23;--ov-line:rgba(255,255,255,.14);--ov-fg:#FFFFFF;--ov-mu:#C9D3F5;background:var(--ov-bg);color:var(--ov-fg);border:1px solid var(--ov-line);border-radius:12px;padding:24px;font-size:16px;line-height:24px;display:grid;gap:16px}
.sxp-feature .ov b{font-weight:600}
.sxp-feature .ov-num{font-variant-numeric:tabular-nums}
.sxp-feature .ov-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:18px}
.sxp-feature .ov-ill{color:var(--ov-mu);font-size:14px}
.sxp-feature .ov-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sxp-feature .ov-list li{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--ov-line)}
.sxp-feature .ov-list b{margin-left:auto}
.sxp-feature .ov-list--flags span{display:flex;flex-direction:column}
.sxp-feature .ov-list--flags small{font-size:14px;color:var(--ov-mu)}
/* Comparison table: four columns, H3 above it */
.sxp-feature .sx-table-h{margin:40px 0 16px}
.sxp-feature .sx-table--wide table{min-width:760px}
.sxp-feature .sx-table--wide tbody th{width:230px}
/* Two quotes */
.sxp-feature .sx-stats--2{grid-template-columns:repeat(2,1fr);margin-top:0}
.sxp-feature .sx-stats--2 .sx-more{margin-top:12px}
@media (max-width:899px){.sxp-feature .sx-stats--2{grid-template-columns:1fr}}
.sxp-feature .sx-fit+.sx-links{margin-top:32px}
.sxp-feature .sx-reasons h3 a{color:var(--link)}
/* M8 nests containers because the FAQ is the native accordion */
.sxp-feature .sx-band.e-con{width:100%}
.sxp-feature .sx-wrap.e-con{width:100%;display:block}
.sxp-feature .sx-faq-native{max-width:880px;border-top:1px solid var(--line)}
.sxp-feature .sx-faq-native .elementor-accordion .elementor-accordion-item{border:0;border-bottom:1px solid var(--line)}
.sxp-feature .sx-faq-native .elementor-accordion .elementor-tab-title{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:24px;align-items:center;min-height:48px;padding:20px 0;border:0;background:none}
.sxp-feature .sx-faq-native .elementor-accordion .elementor-accordion-title{color:var(--fg);font-weight:600;font-family:var(--sx-font-head)}
.sxp-feature .sx-faq-native .elementor-accordion .elementor-accordion-icon{order:2;width:24px;text-align:center;color:var(--sx-blue);float:none}
.sxp-feature .sx-faq-native .elementor-accordion .elementor-accordion-icon i{color:var(--sx-blue)}
.sxp-feature .sx-faq-native .elementor-accordion .elementor-tab-content{padding:0 48px 24px 0;border:0;color:var(--muted);max-width:72ch}
@media (max-width:767px){.sxp-feature .sx-faq-native .elementor-accordion .elementor-tab-content{padding-right:0}}
/* Hero: H1 sits in the copy column so text and GIF share one centre; badges run full width */
@media (min-width:900px){.sxp-feature .sx-hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}}
.sxp-feature .sx-hero__gif{display:block;width:100%;height:auto;max-width:560px;margin-inline:auto;border-radius:14px}
.sxp-feature .sx-hero>.sx-wrap>.sx-badges{margin-top:32px}
/* Pair cards (Suezann's integrations brief, 30 Oct): the whole card is one link */
.sxp-feature .sx-pairs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sxp-feature .sx-pairs>li{display:flex;margin:0;padding:0}
.sxp-feature a.sx-pair{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px;padding:28px;background:#fff;border:1px solid #D9E1F1;border-radius:14px;color:#030B23!important;text-decoration:none!important;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}
.sxp-feature a.sx-pair:hover{border-color:rgba(0,68,242,.35);transform:translateY(-2px)}
.sxp-feature a.sx-pair:focus-visible{outline:2px solid #0044F2;outline-offset:3px}
.sxp-feature .sx-pair__logos{height:40px;display:flex;align-items:center;gap:14px}
.sxp-feature .sx-pair__logo{display:block;height:26px;width:auto;max-width:calc(50% - 21px);object-fit:contain;object-position:left}
.sxp-feature .sx-pair__logo--qb{height:28px}
.sxp-feature .sx-pair__logo--sf{height:40px}
.sxp-feature .sx-pair__plus{flex:none}
.sxp-feature .sx-pair__text{display:flex;flex-direction:column;gap:6px;flex:1}
.sxp-feature .sx-pair h3{margin:0;font:600 20px/28px var(--sx-font-head);color:#030B23}
.sxp-feature .sx-pair p{margin:0;font-size:16px;line-height:24px;color:#4B5D78}
.sxp-feature .sx-pair__more{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:1px solid #0044F2;border-radius:8px;background:#fff;color:#0044F2;font-size:15px;font-weight:600;box-sizing:border-box;transition:background .15s ease,color .15s ease}
.sxp-feature .sx-pair__arrow{transition:transform .15s ease}
.sxp-feature a.sx-pair:hover .sx-pair__more{background:#0044F2;color:#fff}
.sxp-feature a.sx-pair:hover .sx-pair__arrow{transform:translateX(3px)}
@media (max-width:1023px){.sxp-feature .sx-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:699px){.sxp-feature .sx-pairs{grid-template-columns:minmax(0,1fr);gap:16px}}
@media (prefers-reduced-motion:reduce){.sxp-feature a.sx-pair,.sxp-feature .sx-pair__arrow{transition:none}.sxp-feature a.sx-pair:hover{transform:none}}
/* FAQ questions are not underlined */
.sxp-feature .sx-faq-native .elementor-tab-title,.sxp-feature .sx-faq-native .elementor-tab-title a{text-decoration:none!important}
.sxp-feature .sx-faq-native .elementor-tab-content p+p{margin-top:12px}
.sxp-feature .sx-nourish-logo{height:48px;width:auto}
@media (min-width:900px) and (max-width:1279px){.sxp-feature .sx-hero__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.sxp-feature .sx-hero h1{font-size:36px;line-height:42px}}
.sxp-feature .sx-answer+.sx-answer{margin-top:12px}
/* Update Brief v2, 30 Oct */
.sxp-feature .sx-boxes--2x2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media (max-width:767px){.sxp-feature .sx-boxes--2x2{grid-template-columns:minmax(0,1fr)}}
.sxp-feature .sx-boxes--2x2{border:0}
.sxp-feature .sx-boxes--2x2>li,.sxp-feature .sx-boxes--2x2>li:first-child,.sxp-feature .sx-boxes--2x2>li:last-child{padding:24px;border:1px solid #D9E1F1;border-radius:14px}
.sxp-feature .sx-gets{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:40px}
.sxp-feature .sx-gets h3{margin:0 0 16px}
@media (max-width:899px){.sxp-feature .sx-gets{grid-template-columns:minmax(0,1fr);gap:28px}}
.sxp-feature .sx-panel{background:#E9EEFB;border-radius:14px;padding:24px}
@media (max-width:767px){.sxp-feature .sx-panel{padding:12px}}
.sxp-feature .sx-panel+.sx-cta{margin-top:32px}
.sxp-feature .sx-facts{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 32px;color:#C9D3F5}
.sxp-feature .sx-facts a{color:#fff}
@media (max-width:767px){.sxp-feature .sx-facts{flex-direction:column}}
.sxp-feature .sx-panel+.sx-source{margin-top:12px}
.sxp-feature .sx-panel+.sx-source+.sx-cta{margin-top:24px}
.sxp-feature .sx-gets .sx-links{margin-top:16px}/* End custom CSS */