/* SPS Site Shell — header, footer và trang chủ SP365. Mọi class có tiền tố sps- để tách biệt với theme Flatsome. */
:root{
  --sps-o1:#F7941D;--sps-o2:#F15A24;--sps-o3:#E52A27;
  --sps-grad:linear-gradient(135deg,#F7941D 0%,#F15A24 55%,#E52A27 100%);
  --sps-navy:#0A0F1E;--sps-ink:#0F1626;--sps-ink2:#2A3242;--sps-body:#4A5366;--sps-muted:#667085;
  --sps-line:#E9ECF1;--sps-bg2:#F7F8FA;--sps-soft:#FFF4ED;
  --sps-r:18px;--sps-shadow:0 20px 44px -22px rgba(15,22,38,.28);
  --sps-ease:cubic-bezier(.22,.8,.24,1);
  --sps-font:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}

/* ---------- Theme integration ---------- */
html:has(body.sps-on),body.sps-on{overflow-x:clip!important}
body.sps-on #header,body.sps-on #footer,body.sps-on .back-to-top,body.sps-on #main-menu.mobile-sidebar{display:none!important}
body.sps-on,body.sps-on h1,body.sps-on h2,body.sps-on h3,body.sps-on h4,body.sps-on h5,body.sps-on h6,body.sps-on .heading-font,body.sps-on .alt-font,body.sps-on .nav>li>a,body.sps-on .button,body.sps-on button,body.sps-on input,body.sps-on select,body.sps-on textarea{font-family:var(--sps-font)!important}
body.sps-on{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* ---------- Scoped reset (low specificity, beats theme element selectors) ---------- */
.sps{font-family:var(--sps-font);font-size:16px;line-height:1.65;color:var(--sps-body);font-synthesis:none;text-rendering:optimizeLegibility}
.sps :where(*,*::before,*::after){box-sizing:border-box}
.sps :where(h1,h2,h3,h4,p,ul,ol,li,figure,blockquote,dl,dd){margin:0;padding:0;border:0}
.sps :where(ul,ol){list-style:none}
.sps :where(a){color:inherit;text-decoration:none}
.sps :where(a):hover{color:inherit}
.sps :where(img){max-width:100%;height:auto;display:block}
.sps :where(button){font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;min-height:0;line-height:inherit;text-transform:none;letter-spacing:normal;box-shadow:none;cursor:pointer;width:auto;max-width:none;vertical-align:middle}
.sps :where(h1,h2,h3,h4){font-family:inherit;color:var(--sps-ink);font-weight:700;letter-spacing:-.012em;text-wrap:balance;width:auto;text-transform:none}
.sps :where(p){text-wrap:pretty}
.sps :where(small){font-size:inherit}
.sps :focus-visible{outline:2px solid var(--sps-o2);outline-offset:3px;border-radius:8px}
.sps-h1{font-weight:800;line-height:1.16;letter-spacing:-.02em}
.sps h2.sps-h2{font-size:clamp(28px,3.3vw,42px);line-height:1.22}
.sps-hl{background:linear-gradient(90deg,#FFA43A,#F15A24 55%,#FF4B3A);-webkit-background-clip:text;background-clip:text;color:transparent;padding-block:.12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sps-num{font-variant-numeric:tabular-nums}
.sps-i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;overflow:visible}
.sps-wrap{max-width:1240px;margin:0 auto;padding-inline:24px}
.sps-sec{padding-block:104px}
.sps-bg2{background:var(--sps-bg2)}
.sps-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--sps-o2);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;line-height:1.4}
.sps-eyebrow::before{content:'';width:24px;height:2px;background:var(--sps-grad);border-radius:2px}
.sps-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 48px;flex-wrap:wrap;margin-bottom:52px}
.sps-head h2{max-width:640px}
.sps-head>p{max-width:440px;font-size:16.5px}
.sps-lede{font-size:17px;line-height:1.7}
.sps-more{display:inline-flex;align-items:center;gap:6px;color:var(--sps-o2);font-weight:700;font-size:15px;transition:gap .25s var(--sps-ease)}
.sps-more:hover{gap:11px;color:var(--sps-o2)}

/* Buttons */
.sps-btn{position:relative;display:inline-flex;align-items:center;gap:12px;padding:8px 8px 8px 24px;border-radius:999px;font-weight:700;font-size:15px;line-height:1.2;white-space:nowrap;transition:transform .3s var(--sps-ease),box-shadow .3s var(--sps-ease),background .3s,color .3s,border-color .3s}
.sps-bi{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--sps-o2);font-size:17px;transition:transform .35s var(--sps-ease)}
.sps-btn:hover .sps-bi{transform:rotate(-45deg)}
.sps-btn-p,.sps-btn-p:hover{color:#fff}
.sps-btn-p{background:var(--sps-grad);box-shadow:0 14px 30px -12px rgba(241,90,36,.75)}
.sps-btn-p:hover{transform:translateY(-2px);box-shadow:0 20px 36px -12px rgba(241,90,36,.85)}
.sps-btn-g,.sps-btn-g:hover{color:#fff}
.sps-btn-g{padding:15px 24px;border:1.5px solid rgba(255,255,255,.28);background:rgba(255,255,255,.05);backdrop-filter:blur(6px)}
.sps-btn-g:hover{background:rgba(255,255,255,.12)}
.sps-btn-d{padding:15px 24px;border:1.5px solid var(--sps-line);color:var(--sps-ink);background:#fff}
.sps-btn-d:hover{border-color:var(--sps-o2);color:var(--sps-o2)}

/* Microsoft glyphs */
.sps-ms{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;color:#fff;font-size:16px;font-weight:800;flex-shrink:0;line-height:1}
.sps-ms4{display:inline-grid;grid-template-columns:1fr 1fr;gap:2px;width:18px;height:18px;flex-shrink:0}
.sps-ms4 i{display:block}
.sps-ms4 i:nth-child(1){background:#F25022}.sps-ms4 i:nth-child(2){background:#7FBA00}.sps-ms4 i:nth-child(3){background:#00A4EF}.sps-ms4 i:nth-child(4){background:#FFB900}
.sps-c-sp{background:#038387}.sps-c-tm{background:#5059C9}.sps-c-en{background:#0078D4}.sps-c-ol{background:#0F6CBD}
.sps-c-pa{background:#0066FF}.sps-c-bi{background:#F2C811;color:#3b3200}.sps-c-sps{background:var(--sps-grad)}
.sps-c-cp{background:conic-gradient(from 200deg,#2BA7F7,#7B61FF,#F9539E,#FDB813,#2BA7F7)}

/* ================= PROMO + HEADER ================= */
.sps-promo{background:var(--sps-grad);color:#fff;font-size:14px;font-weight:500;text-align:center;padding:10px 52px;position:relative;line-height:1.5}
.sps-promo b{background:rgba(255,255,255,.22);padding:3px 10px;border-radius:99px;font-size:12px;letter-spacing:.06em;margin-right:8px}
.sps-promo a,.sps-promo a:hover{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.sps-promo-x{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:15px}
.sps-promo-x:hover{background:rgba(255,255,255,.18)}
.sps-promo[hidden]{display:none}
.sps-prog{position:fixed;left:0;top:0;z-index:100001;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--sps-grad);pointer-events:none}
.sps-skip{position:absolute;left:16px;top:-80px;z-index:100002;background:var(--sps-ink);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600}
.sps-skip:focus{top:12px;color:#fff}

.sps-hdr{position:sticky;top:0;z-index:999;padding:12px 0;transition:padding .35s var(--sps-ease)}
body.admin-bar .sps-hdr{top:32px}
@media (max-width:782px){body.admin-bar .sps-hdr{top:46px}}
@media (max-width:600px){body.admin-bar .sps-hdr{top:0}}
.sps-hdr-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px;padding:0 14px 0 22px;background:#fff;border:1px solid var(--sps-line);border-radius:20px;box-shadow:0 10px 30px -18px rgba(15,22,38,.25);transition:height .35s var(--sps-ease),box-shadow .35s,background .35s}
.sps-hdr.is-scrolled{padding:8px 0}
.sps-hdr.is-scrolled .sps-hdr-in{height:60px;background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(14px);box-shadow:0 16px 40px -18px rgba(15,22,38,.35)}
.sps-logo{flex-shrink:0;display:block}
.sps-logo img{height:34px;width:auto;max-width:none}
.sps-menu{display:flex;gap:2px;align-items:center}
.sps-menu>li{position:relative}
.sps-menu>li>a{position:relative;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:10px 13px;border-radius:10px;font-size:15px;font-weight:600;color:var(--sps-ink);transition:background .2s,color .2s}
.sps-menu>li>a:hover,.sps-menu>li:focus-within>a,.sps-menu>li>a.act{color:var(--sps-o2)}
.sps-menu>li>a:hover,.sps-menu>li:focus-within>a{background:var(--sps-bg2)}
.sps-menu>li>a.act::after{content:'';position:absolute;left:13px;right:13px;bottom:4px;height:2px;border-radius:2px;background:var(--sps-grad)}
.sps-menu .sps-i{font-size:13px;stroke-width:2.5;transition:transform .3s}
.sps-menu>li:hover .sps-i{transform:rotate(180deg)}
.sps-mega{position:absolute;left:50%;top:calc(100% + 14px);width:600px;transform:translate(-50%,10px);opacity:0;visibility:hidden;background:#fff;border:1px solid var(--sps-line);border-radius:18px;box-shadow:0 30px 60px -24px rgba(15,22,38,.35);padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px;transition:opacity .25s var(--sps-ease) .12s,transform .25s var(--sps-ease) .12s,visibility 0s linear .37s}
.sps-mega::before{content:'';position:absolute;inset:-16px 0 auto;height:16px}
.sps-menu>li:hover .sps-mega,.sps-menu>li:focus-within .sps-mega{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:.08s,.08s,0s}
.sps-mega a{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;transition:background .2s}
.sps-mega a:hover{background:var(--sps-soft)}
.sps-mega .sps-ms{width:38px;height:38px;font-size:16px}
.sps-mega b{display:block;color:var(--sps-ink);font-size:14.5px;line-height:1.35;font-weight:700}
.sps-mega small{font-size:13px;color:var(--sps-muted);line-height:1.45;display:block;margin-top:2px}
.sps-mega a.sps-mega-f{grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:6px;background:var(--sps-bg2);font-size:14px;font-weight:600;color:var(--sps-ink)}
.sps-hdr-r{display:flex;align-items:center;gap:10px}
.sps-kbtn{display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;border-radius:12px;background:var(--sps-bg2);color:var(--sps-muted);font-size:14px;white-space:nowrap;transition:background .2s}
.sps-kbtn:hover{background:#EEF0F4}
.sps-kbtn kbd{font:600 12px/1 var(--sps-font);padding:4px 6px;border-radius:6px;background:#fff;border:1px solid var(--sps-line);color:var(--sps-ink2);box-shadow:none}
.sps-hot{display:flex;align-items:center;gap:10px;padding-right:6px}
.sps-hot-ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--sps-soft);color:var(--sps-o2);font-size:17px;position:relative}
.sps-hot-ic::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid var(--sps-o2);animation:sps-ring 2s infinite}
.sps-hot small{display:block;font-size:12px;color:var(--sps-muted);line-height:1.25;white-space:nowrap}
.sps-hot b{font-size:15px;color:var(--sps-ink);white-space:nowrap;line-height:1.3}
.sps-hdr .sps-btn{padding:6px 6px 6px 18px;font-size:14.5px}
.sps-hdr .sps-btn .sps-bi{width:34px;height:34px;font-size:15px}
.sps-burger{display:none;width:44px;height:44px;border-radius:12px;place-items:center;font-size:22px;color:var(--sps-ink);background:var(--sps-bg2)}
.sps-mnav{position:fixed;inset:0;z-index:100000;background:rgba(10,15,30,.5);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.sps-mnav.open{opacity:1;visibility:visible;transition:opacity .3s}
.sps-mnav-p{position:absolute;right:0;top:0;bottom:0;width:min(360px,88vw);background:#fff;padding:24px;transform:translateX(100%);transition:transform .4s var(--sps-ease);display:flex;flex-direction:column;gap:4px;overflow:auto}
.sps-mnav.open .sps-mnav-p{transform:none}
.sps-mnav-p>a{padding:14px 12px;border-radius:12px;font-weight:600;font-size:16px;color:var(--sps-ink)}
.sps-mnav-p>a:hover{background:var(--sps-soft);color:var(--sps-o2)}
.sps-mnav-p>a.sps-btn{color:#fff;margin-top:12px;justify-content:space-between}
.sps-mnav-g{margin:6px 0 4px 12px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sps-muted)}
.sps-mnav-x{align-self:flex-end;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:var(--sps-bg2);margin-bottom:8px}
@media (max-width:1500px){.sps-hot>span:last-child,.sps-kbtn .sps-kt{display:none}}
@keyframes sps-ring{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.6);opacity:0}}

/* ================= HERO ================= */
.sps-hero{position:relative;overflow:hidden;color:#fff;margin-top:-92px;padding:152px 0 0;
  background:radial-gradient(900px 600px at 78% 40%,rgba(241,90,36,.28),transparent 62%),radial-gradient(700px 500px at 0% 100%,rgba(229,42,39,.18),transparent 60%),linear-gradient(180deg,#070A14 0%,#0D1328 100%)}
.sps-hex{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sps-hero .sps-hex{opacity:.9;-webkit-mask-image:radial-gradient(ellipse 80% 75% at 60% 45%,#000 35%,transparent 85%);mask-image:radial-gradient(ellipse 80% 75% at 60% 45%,#000 35%,transparent 85%)}
.sps-hero-g{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.02fr;gap:40px;align-items:center;min-height:560px}
.sps-slides{display:grid}
.sps-slide{grid-area:1/1;visibility:hidden}
.sps-slide.on{visibility:visible}
.sps-slide>*{opacity:0;transform:translateY(26px);filter:blur(6px);transition:opacity .7s var(--sps-ease),transform .7s var(--sps-ease),filter .7s var(--sps-ease)}
.sps-slide.on>*{opacity:1;transform:none;filter:none}
.sps-slide.on>*:nth-child(2){transition-delay:.08s}.sps-slide.on>*:nth-child(3){transition-delay:.16s}.sps-slide.on>*:nth-child(4){transition-delay:.24s}
.sps-pill{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 8px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:13.5px;font-weight:600;color:#D8DCE4;margin-bottom:26px;justify-self:start;line-height:1.4}
.sps-pill b{background:var(--sps-grad);color:#fff;padding:3px 10px;border-radius:99px;font-size:12px;letter-spacing:.05em}
.sps-hero .sps-h1{color:#fff;font-size:clamp(36px,4.5vw,58px);margin-bottom:24px}
.sps-lead{color:#BCC3D0;font-size:17.5px;line-height:1.7;max-width:540px;margin-bottom:36px}
.sps-lead strong{color:#fff;font-weight:600}
.sps-ctas{display:flex;gap:14px;flex-wrap:wrap}

/* Orbit */
.sps-orbit{position:relative;aspect-ratio:1;width:min(100%,540px);justify-self:center;--px:0;--py:0}
.sps-layer{position:absolute;inset:0;transition:transform .6s var(--sps-ease)}
.sps-l-rings{transform:translate(calc(var(--px)*-8px),calc(var(--py)*-8px))}
.sps-l-lines{transform:translate(calc(var(--px)*6px),calc(var(--py)*6px))}
.sps-l-nodes{transform:translate(calc(var(--px)*18px),calc(var(--py)*18px))}
.sps svg.sps-rings,.sps svg.sps-lines{width:100%;height:100%;overflow:visible}
.sps-rings circle{fill:none;stroke:rgba(255,255,255,.08)}
.sps-rot{transform-origin:50% 50%;animation:sps-spin 60s linear infinite}
.sps-rot2{transform-origin:50% 50%;animation:sps-spin 90s linear infinite reverse}
.sps-lines line{stroke:rgba(255,255,255,.16);stroke-width:1.2;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;animation:sps-dash 1.6s linear infinite;transition:stroke .4s}
.sps-lines .on line{stroke:#F7941D;stroke-width:1.8}
.sps-lines circle{fill:#FFB25B;opacity:0;transition:opacity .4s}
.sps-lines .on circle{opacity:1}
@keyframes sps-dash{to{stroke-dashoffset:-16}}
@keyframes sps-spin{to{transform:rotate(360deg)}}
.sps-hub{position:absolute;left:50%;top:50%;width:36%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff,#F3F4F7);display:grid;place-items:center;text-align:center;box-shadow:0 0 0 10px rgba(241,90,36,.08),0 0 80px rgba(241,90,36,.55),0 30px 60px -20px rgba(0,0,0,.7);z-index:3}
.sps-hub::before,.sps-hub::after{content:'';position:absolute;inset:-14px;border-radius:50%;border:1.5px solid rgba(241,90,36,.55);animation:sps-pulse 3s var(--sps-ease) infinite}
.sps-hub::after{animation-delay:1.5s}
@keyframes sps-pulse{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.sps-hub-in{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 10%}
.sps-hub img{width:62%;height:auto}
.sps-hub b{font-size:clamp(20px,2.1vw,28px);color:var(--sps-ink);letter-spacing:-.02em;line-height:1.1}
.sps-hub small{font-size:12px;color:var(--sps-muted);font-weight:600;line-height:1.3}
.sps-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:4}
.sps-node-in{display:flex;flex-direction:column;align-items:center;gap:8px;animation:sps-float 5s ease-in-out infinite;animation-delay:var(--d,0s)}
.sps-node .sps-ms{width:58px;height:58px;border-radius:16px;font-size:22px;box-shadow:0 14px 30px -12px rgba(0,0,0,.6);outline:6px solid rgba(255,255,255,.06);transition:transform .4s var(--sps-ease),outline-color .4s,box-shadow .4s}
.sps-node b{font-size:12.5px;font-weight:600;color:#C9CFDA;white-space:nowrap;transition:color .3s;line-height:1.3}
.sps-node.on .sps-ms{transform:scale(1.14);outline-color:rgba(247,148,29,.35);box-shadow:0 0 0 1px rgba(247,148,29,.8),0 18px 40px -10px rgba(241,90,36,.8)}
.sps-node.on b{color:#fff}
@keyframes sps-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* Hero tabs */
.sps-tabs{position:relative;z-index:2;display:flex;align-items:stretch;gap:8px;margin-top:56px;padding:16px 0 28px;border-top:1px solid rgba(255,255,255,.08)}
.sps-tab{flex:1;min-width:0;text-align:left;display:flex;gap:12px;align-items:center;padding:14px 12px 16px;border-radius:14px;position:relative;color:#9AA2B2;transition:background .3s,color .3s}
.sps-tab:hover{background:rgba(255,255,255,.04);color:#fff}
.sps-tab.on{color:#fff;background:rgba(255,255,255,.06)}
.sps-tab .sps-ms{width:36px;height:36px;font-size:14px;border-radius:10px}
.sps-tab b{display:block;font-size:14px;line-height:1.35;font-weight:700;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sps-tab small{display:block;font-size:12.5px;line-height:1.4;color:#8790A2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sps-tab-t{min-width:0}
.sps-bar{position:absolute;left:12px;right:12px;top:0;height:2px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}
.sps-bar i{display:block;height:100%;width:0;background:var(--sps-grad)}
.sps-tab.on .sps-bar i{animation:sps-fill 6.5s linear forwards}
.sps-hero:hover .sps-tab.on .sps-bar i,.sps-hero.paused .sps-tab.on .sps-bar i{animation-play-state:paused}
@keyframes sps-fill{to{width:100%}}
.sps-arrows{display:flex;gap:8px;align-items:center;padding-left:8px}
.sps-arrows button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.18);color:#fff;display:grid;place-items:center;font-size:18px;transition:background .2s,border-color .2s}
.sps-arrows button:hover{background:var(--sps-o2);border-color:var(--sps-o2)}

/* ================= MARQUEE ================= */
.sps-trust{padding:36px 0;border-bottom:1px solid var(--sps-line);background:#fff}
.sps-trust-in{display:flex;align-items:center;gap:44px}
.sps-trust-t{flex-shrink:0;font-size:14.5px;color:var(--sps-ink2);line-height:1.45}
.sps-trust-t b{display:block;font-size:32px;font-weight:800;color:var(--sps-ink);letter-spacing:-.02em;line-height:1.15}
.sps-mq{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.sps-mq-t{display:flex;gap:60px;width:max-content;animation:sps-mq 40s linear infinite;align-items:center}
.sps-mq:hover .sps-mq-t{animation-play-state:paused}
.sps-mq img{height:46px;width:auto;max-width:130px;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .3s,opacity .3s}
.sps-mq img:hover{filter:none;opacity:1}
@keyframes sps-mq{to{transform:translateX(-50%)}}

/* ================= REVEAL ================= */
.sps-js [data-r]{opacity:0;transform:translateY(34px);transition:opacity .9s var(--sps-ease),transform .9s var(--sps-ease);transition-delay:var(--d,0s)}
.sps-js [data-r="z"]{transform:scale(.94)}
.sps-js [data-r].in{opacity:1;transform:none}

/* ================= PAIN ================= */
.sps-home{background:#fff}
.sps-pain-g{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sps-spot{position:relative;overflow:hidden;isolation:isolate}
.sps-spot::before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .35s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(241,90,36,.13),transparent 60%)}
.sps-spot:hover::before{opacity:1}
.sps-pain{background:#fff;border:1px solid var(--sps-line);border-radius:var(--sps-r);padding:30px 26px;display:flex;flex-direction:column;transition:transform .4s var(--sps-ease),box-shadow .4s,border-color .4s}
.sps-pain:hover{transform:translateY(-6px);box-shadow:var(--sps-shadow);border-color:#FBD7C2}
.sps-pic{width:50px;height:50px;border-radius:14px;background:var(--sps-soft);color:var(--sps-o2);display:grid;place-items:center;font-size:22px;margin-bottom:22px;transition:background .3s,color .3s,transform .4s var(--sps-ease)}
.sps-pain:hover .sps-pic{background:var(--sps-grad);color:#fff;transform:rotate(-8deg) scale(1.06)}
.sps-pain h3{font-size:19px;line-height:1.32;margin-bottom:10px}
.sps-pain p{font-size:15px;flex:1}
.sps-fix{margin-top:22px;padding-top:16px;border-top:1px dashed #F3C9B3;font-size:14.5px;line-height:1.55;color:var(--sps-ink2)}
.sps-fix b{color:var(--sps-o2)}
.sps-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;border:1px solid var(--sps-line);border-radius:22px;overflow:hidden;background:#fff}
.sps-stat{padding:32px 30px;border-right:1px solid var(--sps-line)}
.sps-stat:last-child{border-right:0}
.sps-stat>b{display:block;font-size:clamp(36px,3.6vw,50px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:8px;font-variant-numeric:tabular-nums}
.sps-stat>span{font-size:15px;color:var(--sps-muted);font-weight:500}

/* ================= HEXFIELD PILLARS ================= */
.sps-hf{position:relative;overflow:hidden;color:#fff;background:linear-gradient(140deg,#F25B22 0%,#DE3A1F 55%,#B9221C 100%)}
.sps-hf-in{position:relative;z-index:2}
.sps-hf .sps-eyebrow{color:#FFE7DA}.sps-hf .sps-eyebrow::before{background:#fff}
.sps-hf h2.sps-h2{color:#fff;max-width:880px;margin:0 auto 16px}
.sps-hf-sub{color:#FFE7DA;max-width:640px;margin:0 auto 56px;font-size:17px}
.sps-hf-top{text-align:center}
.sps-chip-ai{position:absolute;z-index:1;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:14px;font-weight:800;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px);animation:sps-float 6s ease-in-out infinite}
.sps-pil-g{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sps-pil{background:#fff;color:var(--sps-body);border-radius:20px;padding:30px;display:flex;flex-direction:column;box-shadow:0 30px 50px -30px rgba(80,10,0,.6);transition:transform .45s var(--sps-ease)}
.sps-pil:hover{transform:translateY(-8px)}
.sps-pil-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}
.sps-pil-no{font-size:46px;font-weight:800;line-height:1;color:#F3E4DC;letter-spacing:-.04em;transition:color .4s}
.sps-pil:hover .sps-pil-no{color:#F7B08A}
.sps-pil-ic{width:48px;height:48px;border-radius:13px;background:var(--sps-soft);color:var(--sps-o2);display:grid;place-items:center;font-size:21px}
.sps-pil h3{font-size:20px;line-height:1.32;margin-bottom:10px}
.sps-pil p{font-size:15px;flex:1;margin-bottom:18px}
.sps-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}
.sps-tags span{font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:99px;background:var(--sps-bg2);color:var(--sps-ink2);line-height:1.5}
.sps-pil.sps-dark{background:linear-gradient(160deg,#121a33,#0A0F1E);color:#BCC3D0}
.sps-pil.sps-dark h3{color:#fff}
.sps-pil.sps-dark .sps-pil-no{color:#27304d}
.sps-pil.sps-dark .sps-pil-ic{background:rgba(255,255,255,.08);color:#fff}
.sps-pil.sps-dark .sps-tags span{background:rgba(255,255,255,.08);color:#D8DCE4}

/* ================= WHY SPS ================= */
.sps-why-g{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:start}
.sps-why-l{position:sticky;top:120px}
.sps-why-l h2{margin-bottom:20px}
.sps-why-l .sps-lede{margin-bottom:28px}
.sps-badges{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}
.sps-badge{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:1px solid var(--sps-line);background:#fff}
.sps-badge .sps-ms4{width:26px;height:26px;gap:3px}
.sps-badge b{display:block;color:var(--sps-ink);font-size:15px;line-height:1.35}
.sps-badge small{display:block;font-size:13.5px;color:var(--sps-muted);line-height:1.4}
.sps-adv{display:flex;flex-direction:column}
.sps-adv-it{position:relative;display:grid;grid-template-columns:auto 1fr;gap:22px;padding:30px 4px 30px 0;border-bottom:1px solid var(--sps-line)}
.sps-adv-it:first-child{padding-top:4px}
.sps-adv-it::after{content:'';position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--sps-grad);transition:width .6s var(--sps-ease)}
.sps-adv-it:hover::after{width:100%}
.sps-adv-ic{width:56px;height:56px;border-radius:16px;background:var(--sps-soft);color:var(--sps-o2);display:grid;place-items:center;font-size:24px;transition:background .35s,color .35s,transform .45s var(--sps-ease)}
.sps-adv-it:hover .sps-adv-ic{background:var(--sps-grad);color:#fff;transform:rotate(-6deg)}
.sps-adv-it h3{font-size:20px;line-height:1.32;margin-bottom:8px;display:flex;gap:12px;align-items:baseline}
.sps-adv-it h3 small{font-size:13px;font-weight:700;color:var(--sps-o2);letter-spacing:.04em}
.sps-adv-it p{font-size:15.5px}

/* ================= PINNED HORIZONTAL ================= */
.sps-hs{position:relative;background:var(--sps-bg2)}
.sps-hs-st{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:76px}
.sps-hs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}
.sps-hs-cnt{font-size:15px;font-weight:700;color:var(--sps-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.sps-hs-cnt b{font-size:44px;color:var(--sps-ink);letter-spacing:-.03em;margin-right:4px}
.sps-hs-track{display:flex;gap:24px;padding-inline:max(24px,calc((100vw - 1240px)/2 + 24px));will-change:transform}
.sps-step{flex:0 0 400px;background:#fff;border:1px solid var(--sps-line);border-radius:24px;padding:34px;min-height:350px;display:flex;flex-direction:column;transition:border-color .4s,box-shadow .4s,transform .4s var(--sps-ease)}
.sps-step.on{border-color:#F7B08A;box-shadow:var(--sps-shadow);transform:translateY(-6px)}
.sps-step-no{display:flex;align-items:center;justify-content:space-between;margin-bottom:auto}
.sps-step-no b{font-size:66px;line-height:1;font-weight:800;letter-spacing:-.05em;color:#ECEEF2;transition:color .4s}
.sps-step.on .sps-step-no b{color:transparent;-webkit-text-stroke:1.5px var(--sps-o2)}
.sps-step-ic{width:58px;height:58px;border-radius:16px;background:var(--sps-soft);color:var(--sps-o2);display:grid;place-items:center;font-size:25px;transition:background .4s,color .4s}
.sps-step.on .sps-step-ic{background:var(--sps-grad);color:#fff}
.sps-step h3{font-size:22px;line-height:1.32;margin:30px 0 10px}
.sps-step p{font-size:15.5px}
.sps-hs-prog{margin:40px auto 0;width:min(100% - 48px,1192px);height:3px;border-radius:3px;background:#E3E6EC;overflow:hidden}
.sps-hs-prog i{display:block;height:100%;width:0;background:var(--sps-grad)}

/* ================= INDUSTRIES (interactive tabs) ================= */
.sps-ck{width:22px;height:22px;border-radius:50%;background:var(--sps-grad);color:#fff;display:grid;place-items:center;font-size:12px;flex-shrink:0}
.sps-ck .sps-i{stroke-width:3.2}
.sps-ix{display:grid;grid-template-columns:330px 1fr;gap:24px;align-items:stretch}
.sps-ix-list{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:24px;background:var(--sps-bg2);border:1px solid var(--sps-line)}
.sps-ix-tab{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border-radius:14px;text-align:left;color:var(--sps-ink2);font-size:15.5px;font-weight:600;line-height:1.35;transition:background .3s,color .3s,box-shadow .3s}
.sps-ix-tab:hover{background:#fff;color:var(--sps-ink)}
.sps-ix-tab.on{background:#fff;color:var(--sps-ink);box-shadow:0 12px 26px -16px rgba(15,22,38,.35)}
.sps-ix-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--sps-o2);font-size:19px;border:1px solid var(--sps-line);flex-shrink:0;transition:background .3s,color .3s,border-color .3s}
.sps-ix-tab.on .sps-ix-ic{background:var(--sps-grad);color:#fff;border-color:transparent}
.sps-ix-name{flex:1;min-width:0}
.sps-ix-chev{font-size:16px;color:var(--sps-muted);opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s var(--sps-ease)}
.sps-ix-tab.on .sps-ix-chev,.sps-ix-tab:hover .sps-ix-chev{opacity:1;transform:none;color:var(--sps-o2)}
.sps-ix-bar{position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px;background:var(--sps-grad);transform:scaleX(0);transform-origin:0 50%;display:block}
.sps-ix.auto .sps-ix-tab.on .sps-ix-bar{animation:sps-ix-fill 7s linear forwards}
.sps-ix.auto:hover .sps-ix-tab.on .sps-ix-bar,.sps-ix.paused .sps-ix-tab.on .sps-ix-bar{animation-play-state:paused}
@keyframes sps-ix-fill{to{transform:scaleX(1)}}
.sps-ix-stage{position:relative;display:grid;border-radius:28px;overflow:hidden;color:#BCC3D0;isolation:isolate;
  background:radial-gradient(600px 380px at 95% 0%,rgba(241,90,36,.32),transparent 65%),radial-gradient(500px 340px at 0% 100%,rgba(229,42,39,.16),transparent 60%),linear-gradient(160deg,#121a33 0%,#0A0F1E 100%)}
.sps-ix-stage::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(120deg,transparent 30%,#000);mask-image:linear-gradient(120deg,transparent 30%,#000)}
.sps-ix-panel{grid-area:1/1;position:relative;padding:44px 48px;display:flex;flex-direction:column}
.sps-ix-panel[hidden]{display:flex!important;visibility:hidden;pointer-events:none}
.sps-ix-panel>*{opacity:0;transform:translateY(18px);transition:opacity .55s var(--sps-ease),transform .55s var(--sps-ease)}
.sps-ix-panel.on>*{opacity:1;transform:none}
.sps-ix-panel.on>*:nth-child(3){transition-delay:.05s}.sps-ix-panel.on>*:nth-child(4){transition-delay:.1s}.sps-ix-panel.on>*:nth-child(5){transition-delay:.15s}.sps-ix-panel.on>*:nth-child(6){transition-delay:.2s}.sps-ix-panel.on>*:nth-child(7){transition-delay:.25s}
.sps-ix-panel>.sps-ix-mark{position:absolute;right:-40px;bottom:-50px;width:300px;height:300px;color:rgba(255,255,255,.045);stroke-width:1;transform:rotate(-8deg) scale(.9)}
.sps-ix-panel.on>.sps-ix-mark{transform:rotate(-8deg);transition-duration:1.2s}
.sps-ix-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.sps-ix-big{width:64px;height:64px;border-radius:18px;background:var(--sps-grad);color:#fff;display:grid;place-items:center;font-size:30px;box-shadow:0 18px 36px -14px rgba(241,90,36,.9)}
.sps-ix-no{font-size:14px;font-weight:700;color:#7E879A;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.sps-ix-panel h3{color:#fff;font-size:clamp(26px,2.6vw,34px);line-height:1.22;letter-spacing:-.02em;margin-bottom:16px}
.sps-ix-pain{font-size:16px;line-height:1.7;max-width:560px;margin-bottom:26px}
.sps-ix-pain b{display:block;color:#FFB08A;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.sps-ix-sol{display:grid;gap:12px;margin-bottom:28px}
.sps-ix-sol li{display:flex;align-items:center;gap:12px;color:#E6E9EF;font-size:16px;font-weight:600;line-height:1.45;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.sps-ix-prod{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:30px}
.sps-ix-prod>span{font-size:13px;color:#8790A2;margin-right:4px}
.sps-ix-prod a{font-size:13.5px;font-weight:600;color:#E6E9EF;padding:6px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.16);transition:background .25s,border-color .25s,color .25s}
.sps-ix-prod a:hover{background:rgba(241,90,36,.18);border-color:rgba(241,90,36,.6);color:#fff}
.sps-ix-panel .sps-btn{align-self:flex-start;margin-top:auto}

/* ================= PROOF ================= */
.sps-proof{position:relative;overflow:hidden;background:var(--sps-navy);color:#BCC3D0}
.sps-proof::before{content:'';position:absolute;right:-200px;top:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(closest-side,rgba(241,90,36,.25),transparent)}
.sps-proof-g{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.sps-proof h2.sps-h2{color:#fff;margin-bottom:24px}
.sps-quote{position:relative;padding:30px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);margin-bottom:24px}
.sps-quote p{font-size:18px;color:#E6E9EF;line-height:1.7;font-style:italic}
.sps-quote-a{display:flex;align-items:center;gap:12px;margin-top:22px}
.sps-quote-a img{width:48px;height:48px;border-radius:12px;background:#fff;padding:3px}
.sps-quote-a b{display:block;color:#fff;font-size:15px;line-height:1.35}
.sps-quote-a small{font-size:13.5px;color:#98A0B2}
.sps-res{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sps-res>div{display:flex;gap:12px;align-items:center;padding:15px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:14px;line-height:1.45}
.sps-ri{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(241,90,36,.15);color:#FF9A6A;font-size:17px;flex-shrink:0}
.sps-res b{display:block;color:#fff;font-size:15px}
.sps-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;height:540px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}
.sps-wcol{display:flex;flex-direction:column;gap:16px;animation:sps-up var(--t,30s) linear infinite}
.sps-wcol.sps-rev{animation-direction:reverse}
.sps-wall:hover .sps-wcol{animation-play-state:paused}
.sps-wcard{height:112px;border-radius:18px;background:#fff;display:grid;place-items:center;padding:20px;flex-shrink:0}
.sps-wcard img{max-height:58px;width:auto;max-width:100%;object-fit:contain}
@keyframes sps-up{to{transform:translateY(-50%)}}

/* ================= RESOURCES ================= */
.sps-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sps-post{border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--sps-line);transition:transform .4s var(--sps-ease),box-shadow .4s;display:flex;flex-direction:column}
.sps-post:hover{transform:translateY(-6px);box-shadow:var(--sps-shadow)}
.sps-th{aspect-ratio:16/10;overflow:hidden;background:var(--sps-bg2)}
.sps-th img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--sps-ease)}
.sps-post:hover .sps-th img{transform:scale(1.07)}
.sps-pb{padding:24px;display:flex;flex-direction:column;flex:1}
.sps-pb em{font-style:normal;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sps-o2)}
.sps-pb h3{font-size:18px;line-height:1.45;margin:10px 0 16px;flex:1}
.sps-pb small{font-size:13.5px;color:var(--sps-muted)}

/* ================= FAQ ================= */
.sps-faq-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.sps-faq-l h2{margin-bottom:18px}
.sps-faq-l .sps-lede{margin-bottom:28px}
.sps-contact{border-radius:20px;background:var(--sps-navy);color:#BCC3D0;padding:26px;display:flex;flex-direction:column;gap:16px}
.sps-contact h3{color:#fff;font-size:18px;line-height:1.3}
.sps-contact a{display:flex;align-items:center;gap:12px;font-size:15px;color:#BCC3D0}
.sps-contact a:hover{color:#fff}
.sps-contact a>span:last-child{line-height:1.4}
.sps-contact small{display:block;font-size:13px;color:#98A0B2}
.sps-contact b{color:#fff}
.sps-ci{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(241,90,36,.15);color:#FF9A6A;font-size:17px;flex-shrink:0}
.sps-qa{border-bottom:1px solid var(--sps-line)}
.sps-qa:first-child{border-top:1px solid var(--sps-line)}
.sps-qa-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;text-align:left;font-size:17.5px;font-weight:700;color:var(--sps-ink);line-height:1.45}
.sps-qa-q:hover{color:var(--sps-o2)}
.sps-pm{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--sps-bg2);color:var(--sps-ink);font-size:17px;transition:transform .4s var(--sps-ease),background .3s,color .3s}
.sps-qa.open .sps-pm{transform:rotate(45deg);background:var(--sps-grad);color:#fff}
.sps-qa-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--sps-ease)}
.sps-qa.open .sps-qa-a{grid-template-rows:1fr}
.sps-qa-a>div{overflow:hidden}
.sps-qa-a p{padding:0 56px 24px 0;font-size:15.5px}

/* ================= CTA ================= */
.sps-cta{position:relative;overflow:hidden;border-radius:32px;margin:0 24px 104px;background:linear-gradient(160deg,#0D1328,#070A14);color:#BCC3D0;padding:92px 24px;text-align:center}
.sps-cta .sps-hex{opacity:.8;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 30%,transparent 80%)}
.sps-cta::after{content:'';position:absolute;left:50%;bottom:-260px;width:820px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(241,90,36,.5),transparent)}
.sps-cta-in{position:relative;z-index:2;max-width:780px;margin:0 auto}
.sps-cta h2.sps-h2{color:#fff;margin-bottom:18px}
.sps-cta p{font-size:17.5px;line-height:1.7;margin:0 auto 36px;max-width:640px}
.sps-cta .sps-ctas{justify-content:center}

/* ================= FOOTER ================= */
.sps-ft{background:var(--sps-navy);color:#98A0B2;padding:72px 0 28px;font-size:14.5px;position:relative;z-index:1}
.sps-ft-g{display:grid;grid-template-columns:1.25fr .8fr 1.35fr .8fr;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.08)}
.sps-ft .sps-logo img{height:38px;filter:brightness(0) invert(1)}
.sps-ft-b>b{display:block;color:#fff;font-size:15.5px;margin:20px 0 8px}
.sps-ft-b p{margin-bottom:22px;max-width:320px;line-height:1.65}
.sps-ft h4{color:#fff;font-size:15.5px;line-height:1.3;margin-bottom:18px}
.sps-ft li{margin-bottom:11px;line-height:1.5}
.sps-ft a{color:#98A0B2}
.sps-ft li a:hover,.sps-ft-sub a:hover{color:#fff}
.sps-office{margin-bottom:18px;line-height:1.6}
.sps-office b{display:block;color:#E6E9EF;font-size:14.5px;margin-bottom:4px}
.sps-ft .sps-office a{color:#fff;font-weight:600}
.sps-soc{display:flex;gap:8px}
.sps-ft .sps-soc a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.06);display:grid;place-items:center;color:#D8DCE4;font-size:16px;transition:background .25s}
.sps-ft .sps-soc a:hover{background:var(--sps-o2);color:#fff}
.sps-partners{display:flex;gap:12px;flex-wrap:wrap;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.sps-partner{display:inline-flex;align-items:center;gap:12px;padding:11px 18px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:14px;font-weight:600;color:#E6E9EF;line-height:1.35}
.sps-partner small{display:block;font-size:12.5px;color:#98A0B2;font-weight:500}
.sps-ft-sub{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:22px;font-size:13.5px}
.sps-ft-sub nav{display:flex;gap:18px;flex-wrap:wrap}

/* Back to top (left side: the contact plugin sits on the right) */
.sps-totop{position:fixed;left:22px;bottom:22px;z-index:9990;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--sps-ink);display:grid;place-items:center;font-size:18px;border:1px solid var(--sps-line);box-shadow:0 10px 24px -12px rgba(15,22,38,.4);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s var(--sps-ease),visibility 0s .3s}
.sps-totop.show{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .3s var(--sps-ease)}
.sps-totop:hover{color:var(--sps-o2)}

/* Command palette */
.sps-cmdk{border:0;padding:0;width:min(620px,calc(100vw - 32px));max-width:none;border-radius:20px;box-shadow:0 40px 80px -20px rgba(10,15,30,.55);margin:12vh auto auto;overflow:hidden;background:#fff}
.sps-cmdk::backdrop{background:rgba(10,15,30,.55);backdrop-filter:blur(4px)}
.sps-cmdk-in{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--sps-line);font-size:18px;color:var(--sps-muted)}
.sps .sps-cmdk-in input[type=search],.sps .sps-cmdk-in input[type=search]:focus{flex:1;border:0;outline:0;box-shadow:none;background:none;height:auto;min-height:0;margin:0;padding:0;font:500 16px/1.4 var(--sps-font);color:var(--sps-ink);-webkit-appearance:none;appearance:none}
.sps-cmdk-in kbd{font:600 12px/1 var(--sps-font);padding:5px 7px;border-radius:6px;background:var(--sps-bg2);border:1px solid var(--sps-line);color:var(--sps-ink2);box-shadow:none}
.sps-cmdk ul{max-height:380px;overflow:auto;padding:10px}
.sps-cmdk li a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:var(--sps-ink);font-weight:600;font-size:15px}
.sps-cmdk li a small{margin-left:auto;font-size:12.5px;color:var(--sps-muted);font-weight:500}
.sps-cmdk li a:hover,.sps-cmdk li a.act{background:var(--sps-soft);color:var(--sps-o2)}
.sps-cmdk .sps-ci{width:34px;height:34px;border-radius:9px;background:var(--sps-bg2);color:var(--sps-o2);font-size:15px}

/* ================= RESPONSIVE ================= */
@media (max-width:1240px){
  .sps-menu,.sps-kbtn,.sps-hot{display:none}
  .sps-burger{display:grid}
}
@media (max-width:1180px){
  .sps-pain-g{grid-template-columns:repeat(2,1fr)}
  .sps-ix{grid-template-columns:280px 1fr}
  .sps-ix-panel{padding:36px}
  .sps-tab small{display:none}
  .sps-why-g,.sps-faq-g{gap:48px}
}
@media (max-width:960px){
  .sps-hero{padding-top:132px}
  .sps-hero-g{grid-template-columns:1fr;min-height:0}
  .sps-orbit{width:min(100%,460px);margin-top:20px}
  .sps-tabs{overflow-x:auto;scrollbar-width:none}
  .sps-tab{flex:0 0 210px}
  .sps-arrows{display:none}
  .sps-pil-g,.sps-posts{grid-template-columns:1fr 1fr}
  .sps-proof-g,.sps-why-g,.sps-faq-g{grid-template-columns:1fr}
  .sps-ix{grid-template-columns:1fr;gap:16px}
  .sps-ix-list{flex-direction:row;overflow-x:auto;scrollbar-width:none;border-radius:18px;padding:8px;gap:6px}
  .sps-ix-list::-webkit-scrollbar{display:none}
  .sps-ix-tab{width:auto;flex:0 0 auto;white-space:nowrap;padding:9px 14px 11px 9px;font-size:14.5px}
  .sps-ix-ic{width:34px;height:34px;font-size:16px}
  .sps-ix-chev{display:none}
  .sps-why-l{position:static}
  .sps-stats{grid-template-columns:1fr 1fr}
  .sps-stat:nth-child(2){border-right:0}
  .sps-stat:nth-child(-n+2){border-bottom:1px solid var(--sps-line)}
  .sps-ft-g{grid-template-columns:1fr 1fr}
  .sps-trust-in{flex-direction:column;align-items:flex-start;gap:20px}
  .sps-mq{width:100%}
  .sps-hs{height:auto!important}
  .sps-hs-st{position:static;height:auto;padding-block:88px}
  .sps-hs-track{flex-direction:column;transform:none!important;padding-inline:24px}
  .sps-step{flex:auto;min-height:0}
  .sps-step-no{margin-bottom:0}
  .sps-hs-prog,.sps-hs-cnt{display:none}
}
@media (max-width:640px){
  .sps-sec{padding-block:76px}
  .sps-hdr .sps-btn{display:none}
  .sps-promo{font-size:13px;padding-inline:44px}
  .sps-pain-g,.sps-pil-g,.sps-posts,.sps-res{grid-template-columns:1fr}
  .sps-ix-panel{padding:28px 22px}
  .sps-ix-sol li{font-size:15px;padding:12px 14px}
  .sps-ft-g{grid-template-columns:1fr}
  .sps-wall{height:430px;gap:10px}
  .sps-wcard{height:88px;padding:14px}
  .sps-ctas .sps-btn{width:100%;justify-content:space-between}
  .sps-ctas .sps-btn-g,.sps-ctas .sps-btn-d{justify-content:center}
  .sps-cta{margin:0 12px 76px;border-radius:24px;padding:68px 20px}
  .sps-node .sps-ms{width:46px;height:46px;font-size:17px;border-radius:13px}
  .sps-node b{font-size:12px}
  .sps-qa-a p{padding-right:0}
  .sps-stat{padding:24px 20px}
}
@media (prefers-reduced-motion:reduce){
  .sps *,.sps *::before,.sps *::after{animation:none!important;transition:none!important}
  .sps-js [data-r]{opacity:1;transform:none}
  .sps-slide>*{opacity:1;transform:none;filter:none}
}