/* ==========================================================================
   contlant.com — the site sheet (31 Oct 2026, approved mock-ups).
   One font (Source Serif 4), the ScopeSpace bar in navy with a cyan line,
   animated navy bands, white full-bleed menus, payslip-sheet tables.
   Colours, sizes, weights and radii come from tokens.css only.
   Breakpoints: 640px and 900px (tokens.css).
   ========================================================================== */

/* stylelint-disable declaration-property-value-disallowed-list -- @font-face descriptors name the weight each file carries */
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/source-serif-4-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url("/fonts/source-serif-4-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/source-serif-4-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/source-serif-4-latin-700-normal.woff2") format("woff2")}
/* stylelint-enable declaration-property-value-disallowed-list */

*,*::before,*::after{box-sizing:border-box}
/* stylelint-disable-next-line declaration-no-important -- hidden content must override component display rules */
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body.sx{margin:0;background:var(--c-white);color:var(--c-ink);font-family:var(--font-sans);font-size:var(--t-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
.sx img{max-width:100%}
.sx a{color:var(--c-blue-strong)}
.sx a:hover{color:var(--c-navy)}
.sx h1,.sx h2,.sx h3{font-family:var(--font-sans);margin:0;text-wrap:balance}
.sx :focus-visible{outline:2px solid var(--c-blue);outline-offset:2px}
.skip-link{position:absolute;left:var(--s-4);top:calc(-1 * var(--s-8));z-index:200;padding:var(--s-2) var(--s-4);background:var(--c-white);color:var(--c-navy);border-radius:var(--r-md);font-weight:var(--w-bold)}
.skip-link:focus{top:var(--s-4)}

.sx-in{width:100%;max-width:1600px;margin:0 auto;padding-left:max(var(--s-6),env(safe-area-inset-left,0px));padding-right:max(var(--s-6),env(safe-area-inset-right,0px))}

/* ---- The bar ------------------------------------------------------------ */
.sx-top{position:sticky;top:0;z-index:80;background:var(--c-bar);border-top:3px solid var(--c-bar-line);color:var(--c-white)}
.sx-nav{display:flex;align-items:center;gap:var(--s-5);min-height:60px}
.sx-brand{display:flex;align-items:center;flex:none}
.sx-brand img{display:block;height:36px;width:auto}
.sx-menu{display:flex;align-items:center;gap:var(--s-1);margin:0;padding:0;list-style:none}
.sx-menu>li>a,.sx-menu>li>button{display:inline-flex;align-items:center;gap:6px;min-height:var(--control-h-sm);padding:0 var(--s-3);border:0;border-radius:var(--r-pill);background:none;color:var(--c-white);font:inherit;font-size:var(--t-base);font-weight:var(--w-semibold);text-decoration:none;cursor:pointer}
.sx-menu>li>a:hover,.sx-menu>li>button:hover,.sx-menu>li>button[aria-expanded="true"]{background:rgba(255,255,255,.14);color:var(--c-white)}
.sx-menu .chev{width:10px;height:10px;transition:transform .2s}
.sx-menu button[aria-expanded="true"] .chev{transform:rotate(180deg)}
.sx-drow .chev{width:14px;height:14px;flex:none;transition:transform .2s}
.sx-drow[aria-expanded="true"] .chev{transform:rotate(180deg)}
.sx-right{margin-left:auto;display:flex;align-items:center;gap:var(--s-3)}
.sx .sx-right a{color:var(--c-white);font-weight:var(--w-bold);text-decoration:none}
.sx .sx-right a:hover{text-decoration:underline}
.sx .sx-cta{border:1px solid var(--c-gold-on-dark);border-radius:var(--r-pill);padding:6px var(--s-4);white-space:nowrap}
.sx-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h);height:var(--control-h);border:0;border-radius:50%;background:none;color:var(--c-white);cursor:pointer}
.sx-icon-btn:hover{background:rgba(255,255,255,.12)}
.sx-burger{display:none;border:1px solid rgba(255,255,255,.45);border-radius:var(--r-md)}

/* ---- The full-bleed menus (as on the site before, white under the bar) -- */
.sx-mega{position:absolute;left:0;right:0;top:100%;background:var(--c-white);color:var(--c-ink);border-top:1px solid var(--c-pale);box-shadow:0 24px 48px rgba(28,28,98,.16)}
.sx-mega-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 340px;gap:var(--s-2) var(--s-5);padding-top:var(--s-6);padding-bottom:var(--s-6)}
.sx-mega-in.two{grid-template-columns:repeat(2,minmax(0,1fr)) 360px}
.sx-lbl{display:block;margin-bottom:var(--s-2);font-size:var(--t-xs);font-weight:var(--w-bold);letter-spacing:.22em;text-transform:uppercase;color:var(--c-blue-strong)}
.sx-col{display:flex;flex-direction:column;gap:2px}
.sx .sx-col a{padding:var(--s-2) var(--s-3);border-radius:var(--r-md);color:var(--c-ink);font-size:var(--t-base);text-decoration:none;max-width:460px}
.sx .sx-col a:hover{background:var(--c-sky);color:var(--c-navy)}
.sx-col .pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px var(--s-2)}
/* Business menu: Industry has two columns of names, so it gets the widest track and no name wraps. */
#mBusiness .sx-mega-in{grid-template-columns:max-content max-content max-content minmax(220px,340px);justify-content:space-between}
.sx .sx-col .pair a,.sx-soon{white-space:nowrap}
.sx-soon small{flex:none}
.sx .sx-mi{display:flex;gap:var(--s-4);align-items:flex-start;padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);color:var(--c-ink);text-decoration:none}
.sx .sx-mi:hover{background:var(--c-sky);color:var(--c-ink)}
.sx-prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-1) var(--s-4)}
.sx-mi[aria-disabled="true"]{cursor:default}
.sx-soon{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);color:var(--c-ink);font-size:var(--t-base)}
.sx-soon small{padding:1px var(--s-2);border:1px solid var(--c-sheet-line);border-radius:var(--r-pill);color:var(--c-navy);font-size:var(--t-xs);font-weight:var(--w-bold)}
.sx-mi b{display:block;font-size:var(--t-lg);color:var(--c-navy)}
.sx-mi span{font-size:var(--t-sm);line-height:var(--lh-tight)}
.sx-mi .add{display:block;margin-top:2px;color:var(--c-navy);font-weight:var(--w-semibold)}
.sx-promo{align-self:start;display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-5);border:1px solid var(--c-pale);border-radius:var(--r-xl);background:linear-gradient(160deg,var(--c-promo-a) 0%,var(--c-promo-b) 100%)}
.sx-promo b{font-size:var(--t-xl);line-height:var(--lh-tight);color:var(--c-ink)}
.sx-promo p{margin:0;font-size:var(--t-sm)}
.sx-mega-foot{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-4);margin-top:var(--s-2);padding-top:var(--s-4);border-top:1px solid var(--c-pale)}
.sx-mega-foot .sx-btn:first-of-type{margin-left:auto}

/* ---- The phone drawer --------------------------------------------------- */
.sx-drawer{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;background:var(--c-bar);border-top:3px solid var(--c-bar-line);color:var(--c-white);overflow-y:auto;padding-bottom:var(--s-6)}
.sx-drawer-head{display:flex;align-items:center;justify-content:space-between;min-height:60px}
.sx-drawer nav{display:flex;flex-direction:column}
.sx .sx-drow{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.18);background:none;color:var(--c-white);font:inherit;font-size:var(--t-lg);font-weight:var(--w-semibold);text-align:left;text-decoration:none;cursor:pointer}
.sx-dsub{display:flex;flex-direction:column;padding:var(--s-2) 0 var(--s-3)}
.sx .sx-dsub a{padding:var(--s-2) 0 var(--s-2) var(--s-3);color:var(--c-band-text);text-decoration:none}
.sx .sx-dsub a:hover{color:var(--c-white)}
.sx-dsub .sx-lbl{margin:var(--s-3) 0 0;color:var(--c-wordmark)}
.sx-drawer .sx-btn{margin-top:var(--s-5)}
body.locked{overflow:hidden}
body.locked .analytics-consent,body.locked .cx-help{display:none}

/* ---- Buttons ------------------------------------------------------------ */
.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--control-h);padding:0 var(--s-5);border:1.5px solid transparent;border-radius:var(--r-md);font:inherit;font-size:var(--t-base);font-weight:var(--w-bold);line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer}
.sx .sx-btn.gold{background:var(--c-gold-on-dark);color:var(--c-ink)}
.sx .sx-btn.gold:hover{background:var(--c-glow-gold);color:var(--c-ink)}
.sx .sx-btn.line{border-color:var(--c-white);color:var(--c-white)}
.sx .sx-btn.line:hover{background:rgba(255,255,255,.1)}
.sx .sx-btn.navy{background:var(--c-navy);color:var(--c-white)}
.sx .sx-btn.navy:hover{background:var(--c-bar);color:var(--c-white)}
.sx .sx-btn.outline{border-color:var(--c-blue-strong);color:var(--c-blue-strong);background:var(--c-white)}
.sx .sx-btn.blue{border-radius:var(--r-pill);background:linear-gradient(90deg,var(--c-blue-strong),var(--c-blue));color:var(--c-white);box-shadow:0 8px 20px rgba(46,86,181,.3)}
.sx .sx-btn.go{border-radius:var(--r-pill);background:linear-gradient(90deg,var(--c-go),var(--c-go-b));color:var(--c-ink)}
.sx-acts{display:flex;flex-wrap:wrap;gap:var(--s-3)}

/* ---- The animated band -------------------------------------------------- */
.sx-band{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 30% 50%,var(--c-band-1) 0%,var(--c-band-2) 55%,var(--c-band-3) 100%);color:var(--c-white)}
.sx-band.center{background:radial-gradient(120% 140% at 50% 50%,var(--c-band-1) 0%,var(--c-band-2) 55%,var(--c-band-3) 100%)}
.sx-band>.sx-in{position:relative}
.sx-grid{position:absolute;inset:-40px;pointer-events:none;background-image:linear-gradient(rgba(34,211,238,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.07) 1px,transparent 1px);background-size:40px 40px;animation:sx-grid 30s linear infinite}
.sx-glow{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none}
.sx-glow.g1{width:620px;height:360px;left:-80px;top:20px;background:radial-gradient(closest-side,rgba(46,86,181,.6),transparent)}
.sx-glow.g2{width:480px;height:300px;right:80px;top:40px;background:radial-gradient(closest-side,rgba(34,211,238,.28),transparent)}
.sx-glow.g3{width:280px;height:200px;right:30%;top:45%;background:radial-gradient(closest-side,rgba(222,167,0,.25),transparent);animation:sx-breathe 6s ease-in-out infinite alternate}
.sx-hero{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-7);padding-top:var(--s-8);padding-bottom:var(--s-8)}
.sx-hero.slim{padding-top:var(--s-7);padding-bottom:var(--s-7)}
.sx-hero-txt{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:var(--s-4)}
.sx-hero-art{flex:1 1 460px;min-width:0}
.sx-kicker{font-size:var(--t-xs);font-weight:var(--w-bold);letter-spacing:.2em;text-transform:uppercase;color:var(--c-glow-gold)}
.sx-band h1{font-size:var(--h1);line-height:var(--lh-display);font-weight:var(--w-bold);color:var(--c-white)}
.sx-lede{margin:0;max-width:660px;font-size:var(--t-xl);line-height:1.5;color:var(--c-band-text)}
.sx-small{margin:0;font-size:var(--t-sm);color:var(--c-white)}
.sx .sx-band a:not(.sx-btn){color:var(--c-glow-cyan)}
.sx-art{display:block;width:100%;height:auto}
.sx-art text{font-family:var(--font-sans)}
.sx-trace{fill:none;stroke:rgba(34,211,238,.4);stroke-width:1.6}
.sx-pulse{fill:none;stroke:var(--c-glow-cyan);stroke-width:3;stroke-linecap:round;stroke-dasharray:18 500;animation:sx-run 3.6s linear infinite}
.sx-pulse.gold{stroke:var(--c-glow-gold)}
.sx-pulse.d2{animation-delay:-1.2s}
.sx-pulse.d3{animation-delay:-2.4s}
.sx-node{animation:sx-blink 2.4s ease-in-out infinite}
.sx-orbit{transform-box:fill-box;transform-origin:center;animation:sx-spin 14s linear infinite}
.sx-photo{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/10;max-width:100%}
.sx-photo img{display:block;width:100%;height:100%;object-fit:cover}

/* Steps that light in turn (Payroll) */
.sx-steps{display:flex;flex-direction:column;gap:var(--s-3)}
.sx-step{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid rgba(127,243,255,.35);border-radius:var(--r-md);background:rgba(20,26,92,.7);animation:sx-lit 6s ease-in-out infinite}
.sx-step:nth-child(2){animation-delay:2s}
.sx-step:nth-child(3){animation-delay:4s}
.sx-step small{display:block;font-size:var(--t-sm);color:var(--c-band-text)}
.sx-chk{flex:none;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:2px solid var(--c-glow-cyan);border-radius:50%}

/* Ticker (About) */
.sx-tick{position:relative;overflow:hidden;border-top:1px solid rgba(127,243,255,.25)}
.sx-tick div{display:flex;gap:var(--s-7);width:max-content;padding:var(--s-3) 0;white-space:nowrap;font-size:var(--t-sm);font-weight:var(--w-semibold);letter-spacing:.16em;color:var(--c-glow-cyan);animation:sx-tick 26s linear infinite}

/* Network across the band (Regions) */
.sx-net{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sx-net .sx-pulse{stroke-dasharray:16 900;animation-duration:5s;animation-name:sx-run-long}

/* ---- Sections ----------------------------------------------------------- */
.sx-sec{padding-top:var(--s-7);padding-bottom:var(--s-7)}
.sx-sec.tint{background:var(--c-canvas);border-top:1px solid var(--c-sheet-row);border-bottom:1px solid var(--c-sheet-row)}
.sx-stack{display:flex;flex-direction:column;gap:var(--s-5)}
.sx-h2{font-size:var(--h2);line-height:1.15;color:var(--c-navy)}
.sx-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s-4)}
.sx-eyebrow{font-size:var(--t-xs);font-weight:var(--w-bold);letter-spacing:.2em;text-transform:uppercase;color:var(--c-blue-strong)}
.sx-p{margin:0;max-width:820px;font-size:var(--t-lg);line-height:1.55}
.sx-grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--s-4)}
.sx-grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s-4)}
.sx-split{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-6)}
.sx-split>*{flex:1 1 440px;min-width:0}

.sx .sx-card{display:flex;gap:var(--s-4);align-items:flex-start;padding:var(--s-4);border:1px solid var(--c-sheet-row);border-radius:var(--r-lg);background:var(--c-white);color:var(--c-ink);text-decoration:none}
.sx a.sx-card:hover{border-color:var(--c-blue-strong);box-shadow:0 6px 20px rgba(28,28,98,.10);color:var(--c-ink)}
.sx-card.col{flex-direction:column;gap:var(--s-2)}
.sx-card.dark{background:var(--c-navy);border-color:var(--c-navy);color:var(--c-white)}
.sx-card b{font-size:var(--t-lg);color:var(--c-navy)}
.sx-card.dark b{color:var(--c-white)}
.sx-card p,.sx-card span.d{margin:0;font-size:var(--t-base);line-height:1.5}
.sx-card ul{margin:0;padding-left:var(--s-5);display:flex;flex-direction:column;gap:6px;line-height:1.45}
.sx-ic{flex:none;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:2px solid var(--c-blue);border-radius:var(--r-lg);background:var(--c-canvas);color:var(--c-blue-strong)}
.sx-ic svg,.sx-mi .sx-ic svg{width:24px;height:24px}
.sx-mi .sx-ic{width:54px;height:54px;background:var(--c-white)}
.sx-card.dark .sx-ic{border-color:var(--c-gold-on-dark);background:var(--c-bar);color:var(--c-glow-gold)}

.sx-sheet-wrap{overflow-x:auto}
.sx-sheet{width:100%;border-collapse:collapse;font-size:var(--t-base);background:var(--c-white)}
.sx-sheet th{padding:9px var(--s-3);border:1px solid var(--c-sheet-line);background:var(--c-sheet-head);color:var(--c-navy);font-weight:var(--w-bold);text-align:left}
.sx-sheet td{padding:var(--s-2) var(--s-3);border:1px solid var(--c-sheet-row);vertical-align:top}
.sx-ok{color:var(--c-success);text-decoration:underline}
.sx-next{color:var(--c-warning);text-decoration:underline}

.sx-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}
.sx .sx-chip{display:inline-flex;align-items:center;gap:var(--s-2);min-height:40px;padding:4px var(--s-4) 4px var(--s-2);border:1px solid var(--c-sheet-line);border-radius:var(--r-pill);background:var(--c-white);color:var(--c-navy);font-weight:var(--w-semibold);text-decoration:none}
.sx .sx-chip.plain{padding-left:var(--s-4)}
.sx .sx-chip:hover{border-color:var(--c-blue-strong);color:var(--c-navy)}
.sx-dot{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--c-blue),var(--c-navy));color:var(--c-white);font-size:var(--t-xs);font-weight:var(--w-bold)}

.sx-shot{margin:0;display:flex;flex-direction:column;gap:var(--s-2)}
.sx-shot-box{border-radius:var(--r-lg);overflow:hidden;background:var(--c-white);box-shadow:0 18px 40px rgba(28,28,98,.14)}
.sx-shot-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 var(--s-3);background:var(--c-bar)}
.sx-shot-bar i{width:10px;height:10px;border-radius:50%;background:var(--c-glow-gold)}
.sx-shot-bar i:nth-child(2){background:var(--c-glow-cyan)}
.sx-shot-bar i:nth-child(3){background:var(--c-white)}
.sx-shot img{display:block;width:100%;height:auto}
.sx-shot figcaption{font-size:var(--t-sm);color:var(--c-navy)}

.sx-quote{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-6)}
.sx-quote-logo{flex:none;width:260px;max-width:100%;padding:var(--s-4);border:1px solid var(--c-sheet-row);border-radius:var(--r-lg);background:var(--c-white)}
.sx-quote-logo img{display:block;width:100%;height:auto}
.sx-quote blockquote{flex:1 1 560px;min-width:0;margin:0;display:flex;flex-direction:column;gap:var(--s-3)}
.sx-quote blockquote p{margin:0;font-size:var(--t-2xl);line-height:1.45;color:var(--c-navy)}
.sx-quote footer{font-size:var(--t-base)}

.sx-trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s-5);padding-top:var(--s-6);padding-bottom:var(--s-6)}
.sx-trust b{display:block;font-size:var(--t-lg);color:var(--c-glow-gold)}
.sx-trust span{color:var(--c-white)}

.sx-close{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-5);padding-top:var(--s-7);padding-bottom:var(--s-7)}
.sx-close h2{max-width:760px;font-size:var(--h2);line-height:1.15;color:var(--c-white)}

/* A day, walked by a dot (industries) */
.sx-day{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5);padding-top:34px}
.sx-rail{position:absolute;left:0;right:0;top:12px;height:2px;background:var(--c-sheet-line)}
.sx-runner{position:absolute;top:5px;left:0;width:16px;height:16px;border-radius:50%;background:var(--c-gold-on-dark);box-shadow:0 0 0 5px rgba(222,167,0,.25);animation:sx-walk 9s ease-in-out infinite}
.sx-day b{color:var(--c-navy)}

/* Region tabs with their globes */
.sx-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-2)}
.sx-tab{display:flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:56px;padding:var(--s-2) var(--s-3);border:1.5px solid var(--c-sheet-line);border-radius:var(--r-lg);background:var(--c-white);color:var(--c-navy);font:inherit;font-size:var(--t-lg);font-weight:var(--w-bold);cursor:pointer}
.sx-tab[aria-selected="true"]{background:var(--c-navy);border-color:var(--c-navy);color:var(--c-white);box-shadow:inset 0 -4px 0 var(--c-gold-on-dark)}
.sx-globe{flex:none;width:40px;height:40px}
.sx-globe .land{fill:var(--c-navy)}
.sx-globe .on{fill:var(--c-gold-on-dark)}
.sx-globe .sea{fill:var(--c-white)}
.sx-globe .grid,.sx-globe .rim{fill:none;stroke:var(--c-navy)}
.sx-globe .ping{fill:none;stroke:var(--c-gold-on-dark);stroke-width:1.6;transform-box:fill-box;transform-origin:center;animation:sx-ping 2s ease-out infinite}
.sx-globe .lands{animation:sx-sway 6s ease-in-out infinite alternate}

/* Founder */
.sx-founder{display:flex;flex-wrap:wrap;gap:var(--s-7);align-items:flex-start}
.sx-portrait{flex:0 0 300px;max-width:100%;aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;border-bottom:4px solid var(--c-gold-on-dark)}
.sx-portrait img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.sx-founder-txt{flex:1 1 560px;min-width:0;max-width:860px;display:flex;flex-direction:column;gap:var(--s-5)}
.sx-founder-txt blockquote{margin:0;padding:var(--s-4) var(--s-5);border-top:3px solid var(--c-gold-on-dark);background:var(--c-canvas);border-radius:0 0 var(--r-lg) var(--r-lg)}
.sx-founder-txt blockquote p{margin:0 0 var(--s-2);font-size:var(--t-xl);line-height:1.55;color:var(--c-navy)}

/* FAQ */
.sx-faq{display:flex;flex-direction:column;max-width:1100px}
.sx-faq div{display:flex;flex-direction:column;gap:4px;padding:var(--s-3) 0;border-top:1px solid var(--c-sheet-row)}
.sx-faq b{color:var(--c-navy)}

/* ---- Footer ------------------------------------------------------------- */
.sx-foot{background:var(--c-bar);border-top:3px solid var(--c-bar-line);color:var(--c-white)}
.sx-foot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s-5);padding-top:var(--s-7);padding-bottom:var(--s-5);font-size:var(--t-sm)}
.sx-foot-cols div,.sx-foot-cols nav{display:flex;flex-direction:column;gap:7px}
.sx-foot b{color:var(--c-wordmark)}
.sx .sx-foot a{color:var(--c-white);text-decoration:none}
.sx .sx-foot a:hover{text-decoration:underline;color:var(--c-white)}
.sx-foot-base{display:flex;flex-wrap:wrap;gap:var(--s-3);justify-content:space-between;padding-top:var(--s-3);padding-bottom:var(--s-5);border-top:1px solid rgba(255,255,255,.25);font-size:var(--t-sm)}
.sx-foot [data-analytics-preferences]{padding:0;border:0;background:none;color:var(--c-white);font:inherit;text-align:left;cursor:pointer}

/* ---- Consent banner (analytics.js) ------------------------------------- */
.analytics-consent{position:fixed;z-index:1000;left:var(--s-4);right:var(--s-4);bottom:var(--s-4);max-width:760px;margin:auto;padding:var(--s-4);display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);background:var(--c-ink-deep);color:var(--c-white);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-lg);box-shadow:var(--e-3);font-family:var(--font-sans)}
.analytics-consent strong{display:block;margin-bottom:var(--s-1)}
.analytics-consent p{margin:0;color:var(--c-sky);font-size:var(--t-sm)}
.analytics-consent>div:last-child{display:flex;gap:var(--s-2);flex:0 0 auto}
.analytics-consent button{min-height:var(--control-h);padding:0 var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-md);background:transparent;color:var(--c-white);font:inherit;font-weight:var(--w-bold);cursor:pointer}
.analytics-consent a{color:var(--c-white);text-decoration:underline;text-underline-offset:3px}
.analytics-consent .analytics-consent-close{position:absolute;inset:var(--s-2) var(--s-2) auto auto;min-height:0;padding:var(--s-1) var(--s-2);border:0;color:var(--c-line);font-size:var(--t-lg)}

/* ---- Motion ------------------------------------------------------------- */
@keyframes sx-grid{to{transform:translate(40px,40px)}}
@keyframes sx-breathe{to{opacity:.45;transform:scale(1.2)}}
@keyframes sx-run{from{stroke-dashoffset:518}to{stroke-dashoffset:0}}
@keyframes sx-run-long{from{stroke-dashoffset:916}to{stroke-dashoffset:0}}
@keyframes sx-blink{50%{opacity:.35}}
@keyframes sx-spin{to{transform:rotate(360deg)}}
@keyframes sx-lit{0%,10%{border-color:rgba(127,243,255,.35);box-shadow:none}20%,90%{border-color:var(--c-glow-gold);box-shadow:0 0 0 1px var(--c-glow-gold),0 0 22px rgba(255,212,90,.25)}100%{border-color:rgba(127,243,255,.35)}}
@keyframes sx-tick{to{transform:translateX(-50%)}}
@keyframes sx-walk{0%,8%{left:0}30%,42%{left:calc(33.3% + 8px)}64%,76%{left:calc(66.6% + 16px)}96%,100%{left:calc(100% - 16px)}}
@keyframes sx-ping{from{transform:scale(.6);opacity:1}to{transform:scale(2.4);opacity:0}}
@keyframes sx-sway{from{transform:translateX(-2px)}to{transform:translateX(2px)}}
@media (prefers-reduced-motion:reduce){
  .sx *,.sx *::before,.sx *::after{animation:none;transition:none}
  html{scroll-behavior:auto}
}

/* ---- Tablet and phone --------------------------------------------------- */
@media (max-width:1200px){
  .sx-mega-in,#mBusiness .sx-mega-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-mega-in .sx-promo{grid-column:1/-1}
  .sx-prods{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .sx-menu,.sx .sx-cta,.sx-mega{display:none}
  .sx-burger{display:inline-flex}
  .sx-hero{padding-top:var(--s-7);padding-bottom:var(--s-7);gap:var(--s-6)}
}
@media (max-width:640px){
  .sx-in{padding-left:max(var(--s-4),env(safe-area-inset-left,0px));padding-right:max(var(--s-4),env(safe-area-inset-right,0px))}
  .sx-band h1{font-size:var(--t-4xl)}
  .sx-lede{font-size:var(--t-lg)}
  .sx-h2,.sx-close h2{font-size:var(--t-3xl)}
  .sx-shot-box{overflow-x:auto}
  .sx-shot-box img{width:820px;max-width:none}
  .sx-day{grid-template-columns:minmax(0,1fr)}
  .sx-rail,.sx-runner{display:none}
  .sx-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-tab{font-size:var(--t-base);min-height:52px}
  .sx-quote blockquote p{font-size:var(--t-xl)}
  .sx-sheet{font-size:var(--t-sm)}
  .analytics-consent{align-items:stretch;flex-direction:column}
  .analytics-consent>div:last-child{display:grid;grid-template-columns:1fr 1fr}
}
.sx-navy-text{color:var(--c-navy)}
.sx-tag{color:var(--c-blue-strong);text-decoration:underline}

/* ---------- Partners (31 Oct 2026) ---------- */
.pt-results{margin:0;font-size:var(--t-base);color:var(--c-white)}
.pt-head{gap:var(--s-2)}
.pt-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s-4)}
.pt-cards .sx-card b{font-size:var(--t-lg);color:var(--c-navy)}
.pt-cards .sx-card .d{font-size:var(--t-base);line-height:1.5}
.pa{display:block;width:100%;height:auto}
.pa text{font-family:var(--font-sans)}
.pa-orbit,.pa-ring{transform-box:view-box;transform-origin:280px 200px}
.pa-orbit{animation:pa-spin 40s linear infinite}
.pa-orbit.r{animation-duration:26s;animation-direction:reverse}
.pa-ring{animation:pa-breath 4s ease-in-out infinite}
.pa-pulse{stroke-dasharray:10 190;stroke-linecap:round;animation:pa-run 3s linear infinite}
.pa-pulse.d2{animation-delay:-1s}
.pa-pulse.d3{animation-delay:-2s}
.pa-card{animation:pa-float 6s ease-in-out infinite}
.pa-card.c2{animation-delay:-2s}
.pa-card.c3{animation-delay:-4s}
.pa-tick{opacity:0;animation:pa-tick 6s ease-in-out infinite}
.pa-tick.t2{animation-delay:1.2s}
.pa-tick.t3{animation-delay:2.4s}
@keyframes pa-spin{to{transform:rotate(360deg)}}
@keyframes pa-breath{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.08);opacity:1}}
@keyframes pa-run{from{stroke-dashoffset:200}to{stroke-dashoffset:0}}
@keyframes pa-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes pa-tick{0%,15%{opacity:0}25%,85%{opacity:1}100%{opacity:0}}
.pt-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.pt-steps li{position:relative;display:flex;flex-direction:column;gap:6px;padding:var(--s-4) var(--s-4) var(--s-4) 0}
.pt-steps .n{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-pill);background:var(--c-navy);color:var(--c-white);font-weight:var(--w-bold)}
.pt-steps li:not(:last-child)::after{content:"";position:absolute;top:35px;left:40px;right:0;height:2px;background:linear-gradient(90deg,var(--c-bar-line),var(--c-sheet-line))}
.pt-steps b{font-size:var(--t-lg);color:var(--c-navy)}
.pt-steps p{margin:0;max-width:30ch}
.sx-band.pt-join{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-5);padding:var(--s-6);border-radius:var(--r-lg)}
.pt-join>*{position:relative}
.pt-join-txt{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:var(--s-2)}
.pt-join h2{margin:0;font-size:var(--t-3xl);line-height:1.15;color:var(--c-white)}
.pt-join p{margin:0;font-size:var(--t-lg);color:var(--c-band-text)}
/* the request form, as a dialog over the partner photo */
.pt-dlg{width:820px;max-width:calc(100% - 32px);max-height:calc(100% - 48px);padding:0;border:0;border-top:4px solid var(--c-bar-line);border-radius:var(--r-lg);overflow:auto;color:var(--c-ink);font-family:var(--font-sans);background:var(--c-band-1) url("/partners-panel.webp") center 75%/cover no-repeat;box-shadow:0 24px 64px rgba(3,5,26,.45)}
.pt-dlg::backdrop{background:rgba(3,5,26,.62)}
.pt-dlg-in{position:relative;display:flex;flex-direction:column;gap:var(--s-4);padding:28px;background:linear-gradient(180deg,rgba(6,11,46,.92) 0%,rgba(13,26,92,.72) 45%,rgba(6,11,46,.85) 100%)}
.pt-x{position:absolute;top:12px;right:12px;margin:0}
.pt-x button{width:40px;height:40px;border:0;border-radius:var(--r-pill);background:none;color:var(--c-white);font:inherit;font-size:var(--t-3xl);line-height:1;cursor:pointer}
.pt-x button:hover{background:rgba(255,255,255,.14)}
.pt-dlg-head{display:flex;flex-direction:column;gap:var(--s-1);padding-right:44px}
.pt-dlg-head h2{margin:0;font-size:var(--t-3xl);color:var(--c-white)}
.pt-dlg-head p{margin:0;color:var(--c-band-text)}
.pt-form{display:flex;flex-direction:column;gap:var(--s-3);padding:18px 20px;border-radius:var(--r-lg);background:rgba(255,255,255,.96)}
.pt-row{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);align-items:center;gap:var(--s-3)}
.pt-row.top{align-items:start}
.pt-row.top label{padding-top:10px}
.pt-row label{font-weight:var(--w-semibold);color:var(--c-navy)}
.pt-row label small{display:block;font-weight:var(--w-regular);font-size:var(--t-sm);color:var(--c-ink)}
.pt-row input,.pt-row select,.pt-row textarea{width:100%;min-height:var(--control-h);padding:10px 12px;border:1.5px solid var(--c-sheet-line);border-radius:var(--r-md);background:var(--c-white);font:inherit;color:var(--c-ink);box-sizing:border-box}
.pt-row input:focus,.pt-row select:focus,.pt-row textarea:focus{outline:0;border-color:var(--c-blue);box-shadow:var(--focus-ring)}
.pt-row [aria-invalid="true"]{border-color:var(--c-danger)}
.pt-consent{display:flex;gap:10px;align-items:flex-start;font-size:var(--t-sm)}
.pt-consent input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--c-navy)}
.pt-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3);font-size:var(--t-sm)}
.pt-btns{display:flex;flex-wrap:wrap;gap:10px}
.pt-form .form-status:empty{display:none}
.pt-form .form-status{margin:0;padding:10px 12px;border-radius:var(--r-md);background:var(--c-sky);font-size:var(--t-sm)}
.pt-form .form-status.is-error{background:var(--c-danger-pale);color:var(--c-danger)}
.pt-form .form-status.is-success{background:var(--c-success-pale);color:var(--c-success)}
@media (max-width:900px){
  .pt-steps{grid-template-columns:minmax(0,1fr)}
  .pt-steps li{padding:0 0 22px 56px}
  .pt-steps .n{position:absolute;left:0;top:0}
  .pt-steps li:not(:last-child)::after{top:40px;bottom:0;left:19px;right:auto;width:2px;height:auto;background:var(--c-sheet-line)}
}
@media (max-width:640px){
  .pt-dlg-in{padding:22px 16px}
  .pt-form{padding:14px}
  .pt-row{grid-template-columns:minmax(0,1fr);gap:6px}
  .pt-row.top label{padding-top:0}
  .sx-band.pt-join{padding:var(--s-5)}
}
@media (prefers-reduced-motion:reduce){.pa-tick{opacity:1}}

/* ---------- Industry pages: a photo beside the day (31 Oct 2026) ---------- */
.ind-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-7);align-items:center}
.ind-split .sx-photo img{display:block;width:100%;height:auto;border-radius:var(--r-lg)}
.sx-day.v{grid-template-columns:minmax(0,1fr);gap:var(--s-5);padding-top:0;padding-left:40px}
.sx-day.v .sx-rail{left:12px;right:auto;top:6px;bottom:6px;width:2px;height:auto}
.sx-day.v .sx-runner{left:5px;top:0;animation:sx-climb 9s ease-in-out infinite}
@keyframes sx-climb{0%,8%{top:0}30%,42%{top:calc(33.3% + 8px)}64%,76%{top:calc(66.6% + 16px)}96%,100%{top:calc(100% - 16px)}}
@media (max-width:900px){
  .ind-split{grid-template-columns:minmax(0,1fr);gap:var(--s-5)}
  .sx-day.v .sx-rail,.sx-day.v .sx-runner{display:block}
}

/* ---------- Industry pages, enriched layout (approved 31 Oct 2026) ---------- */
.sx-hero-txt .sx-lede{font-size:var(--t-lg)}
.ind-trust{background:var(--c-bar);color:var(--c-white)}
.ind-trust .sx-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ind-trust .sx-in>div{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-4) var(--s-5);border-left:1px solid rgba(255,255,255,.18)}
.ind-trust .sx-in>div:first-child{border-left:0;padding-left:0}
.ind-trust b{font-size:var(--t-base)}
.ind-trust span{font-size:var(--t-sm);color:var(--c-band-text)}
.ind-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5)}
.ind-ben{display:flex;flex-direction:column;gap:var(--s-2)}
.ind-ben .hd{display:flex;gap:var(--s-3);align-items:center}
.ind-ben b{font-size:var(--t-lg);color:var(--c-navy)}
.ind-ben p{margin:0;line-height:1.5}
.ind-chk{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-lg);background:var(--c-navy);color:var(--c-white)}
.ind-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-7);align-items:center}
.ind-row.rev>.txt{order:2}
.ind-row>.txt{display:flex;flex-direction:column;gap:var(--s-3);min-width:0}
.ind-row>.art{display:flex;justify-content:center;min-width:0}
.ind-ticks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.ind-ticks li{display:flex;gap:10px;align-items:flex-start}
.ind-ticks svg{flex:none;margin-top:4px;color:var(--c-success)}
.ind-acts{align-items:center}
.sx .ind-more{font-weight:var(--w-bold);color:var(--c-navy);text-decoration:underline;text-underline-offset:3px}
.ind-ui{width:100%;max-width:540px;margin:0;border:1px solid var(--c-sheet-row);border-radius:var(--r-lg);background:var(--c-white);box-shadow:0 18px 40px rgba(28,28,98,.12);overflow:hidden}
.ind-ui-bar{display:flex;gap:6px;padding:9px 12px;background:var(--c-sheet-head);border-bottom:1px solid var(--c-sheet-row)}
.ind-ui-bar i{width:9px;height:9px;border-radius:var(--r-pill);background:var(--c-sheet-line)}
.ind-ui-h{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3);padding:14px 16px 8px;color:var(--c-navy)}
.ind-ui-h span{font-size:var(--t-sm);color:var(--c-ink)}
.ind-ui-scroll{overflow-x:auto}
.ind-ui table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}
.ind-ui th{padding:8px 16px;background:var(--c-sheet-head);border-top:1px solid var(--c-sheet-row);border-bottom:1px solid var(--c-sheet-row);color:var(--c-navy);font-weight:var(--w-semibold);text-align:left;white-space:nowrap}
.ind-ui td{padding:9px 16px;border-bottom:1px solid var(--c-sheet-row)}
.ind-ui .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ind-ui-foot{margin:0;padding:12px 16px;font-size:var(--t-sm)}
.sx .st{font-weight:var(--w-semibold);text-decoration:underline;text-underline-offset:3px}
.sx .st.ok{color:var(--c-success)}
.sx .st.wait{color:var(--c-warning)}
.sx .st.bad{color:var(--c-danger)}
.sx .st.info{color:var(--c-blue-strong)}
.ind-orbit{width:100%;max-width:440px;height:auto}
.ind-orbit text{font-family:var(--font-sans)}
.ind-orbit-ring{transform-box:view-box;transform-origin:210px 160px;animation:pa-spin 40s linear infinite}
.ind-why{display:flex;flex-direction:column;gap:var(--s-4)}
.ind-why b{display:block;margin-bottom:var(--s-1);font-size:var(--t-lg);color:var(--c-navy)}
.ind-why p{margin:0;line-height:1.5}
.sx a.ind-res{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4);border:1px solid var(--c-sheet-row);border-radius:var(--r-lg);background:var(--c-white);color:var(--c-ink);text-decoration:none}
.sx a.ind-res:hover{border-color:var(--c-blue-strong);color:var(--c-ink)}
.ind-res b{font-size:var(--t-lg);color:var(--c-navy)}
.ind-res .go{margin-top:auto;font-weight:var(--w-bold);color:var(--c-blue-strong);text-decoration:underline;text-underline-offset:3px}
.ind-stack{position:relative;gap:var(--s-5)}
.ind-stack-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s-3) var(--s-7)}
.ind-stack-h h2{margin:0;font-size:var(--h2);line-height:1.15;color:var(--c-white)}
.ind-stack-h p{margin:0;max-width:56ch;font-size:var(--t-lg);color:var(--c-band-text)}
.ind-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4)}
.ind-plan{display:flex;flex-direction:column;gap:6px;padding:var(--s-4);border-radius:var(--r-lg);background:var(--c-white);color:var(--c-ink)}
.ind-plan b{font-size:var(--t-lg);color:var(--c-navy)}
.ind-plan span{font-size:var(--t-sm)}
.ind-price{margin:var(--s-1) 0 0;font-size:var(--t-3xl);font-weight:var(--w-bold);color:var(--c-navy);line-height:1.1}
.ind-price small{font-size:var(--t-sm);font-weight:var(--w-regular);color:var(--c-ink)}
.ind-offer,.ind-cap{margin:0;font-size:var(--t-sm)}
.ind-offer{font-weight:var(--w-bold);color:var(--c-success)}
.ind-plan .sx-btn{margin-top:auto;width:100%}
.sx a.ind-all{align-self:flex-start;color:var(--c-white);font-weight:var(--w-bold);text-decoration:underline;text-underline-offset:3px}
.ind-close{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);text-align:center}
@media (max-width:900px){
  .ind-trust .sx-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ind-trust .sx-in>div:nth-child(3){border-left:0;padding-left:0}
  .ind-3,.ind-plans{grid-template-columns:minmax(0,1fr)}
  .ind-row{grid-template-columns:minmax(0,1fr);gap:var(--s-5)}
  .ind-row.rev>.txt{order:0}
}
@media (max-width:640px){
  .ind-trust .sx-in{grid-template-columns:minmax(0,1fr)}
  .ind-trust .sx-in>div{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.18)}
  .ind-ui th,.ind-ui td{padding:8px 10px}
}

/* ---------- Footer region (31 Oct 2026) ---------- */
.sx-foot-base{align-items:center}
/* keep the region clear of the floating Help button */
.sx-in.sx-foot-base{padding-right:144px}
@media (max-width:640px){.sx-in.sx-foot-base{padding-right:max(var(--s-4),env(safe-area-inset-right,0px))}}
.sx-region{position:relative}
.sx .sx-region-btn{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--control-h);padding:0 var(--s-2);border:0;border-radius:var(--r-md);background:none;color:var(--c-white);font:inherit;font-size:var(--t-sm);cursor:pointer}
.sx .sx-region-btn:hover{background:rgba(255,255,255,.1)}
.sx-region-btn .sx-globe-ic{width:26px;height:26px;color:var(--c-bar-line)}
.sx-region-btn .chev{width:10px;height:10px;color:var(--c-bar-line);transition:transform .2s;transform:rotate(180deg)}
.sx-region-btn[aria-expanded="true"] .chev{transform:none}
.sx-region-btn b{text-decoration:underline;text-decoration-color:var(--c-bar-line);text-decoration-thickness:2px;text-underline-offset:4px}
.sx-region-list{position:absolute;right:0;bottom:calc(100% + var(--s-2));z-index:20;min-width:220px;margin:0;padding:var(--s-2);list-style:none;background:var(--c-white);border-radius:var(--r-lg);box-shadow:var(--e-3)}
.sx .sx-region-list a{display:block;padding:var(--s-2) var(--s-3);border-radius:var(--r-md);color:var(--c-ink);text-decoration:none}
.sx .sx-region-list a:hover{background:var(--c-sky);color:var(--c-navy)}
.sx .sx-region-list a[aria-current="true"]{font-weight:var(--w-bold);color:var(--c-navy)}
@media (max-width:640px){.sx-region-list{left:0;right:auto}}