/* 88HARDWARE Become Our Supplier PC v2 (design supplier-v9-23, EY 2026-10-22). Content area of /become-our-supplier/ only (block printed after <main>);
 * header, nav, footer and tool rail are the site's own. Every rule except the @font-face is inside the PC gate (min-width:1200px) and (hover:hover) and (pointer:fine);
 * phone/tablet keep the live page (the block ships with the hidden attribute). Built by tools/build.py: selectors scoped, ids and keyframes prefixed,
 * header/footer/rail/upload rules dropped. Archivo Sx: fonts/archivo-sx.woff2 (fetched only where it is used, i.e. on PC). */
@font-face{font-family:"Archivo Sx";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(fonts/archivo-sx.woff2) format("woff2")}
@media (min-width:1200px) and (hover:hover) and (pointer:fine){

/* The block is printed right AFTER the page's <main> (outside it, so the editorial / info-pages rules scoped to #main-content do not reach it).
   On PC the page's own main collapses (children hidden, no padding; it stays as the skip-link target just above the block). */
html body #main-content.h88-night-ed.h88sp2-on.h88sp2-on.h88sp2-on>*{display:none!important}
html body #main-content.h88-night-ed.h88sp2-on.h88sp2-on{padding:0!important;min-height:0!important}
/* shown only while the page's own main is live (the home-route script parks / suspends mains; `~` because the standby Home main sits after this main) */
html body main#main-content.h88-night-become-our-supplier.h88sp2-on:not([hidden])~#h88sp2-page.h88sp2[hidden]{display:block!important}
/* isolate from theme-wide element rules (svg excluded: revert would drop its presentation attributes) */
html body #h88sp2-page.h88sp2 :where(h1,h2,h3,h4,p,ul,ol,li,a,div,span,b,i,em,small,strong,button,section,label,input,textarea,fieldset,legend,figure,br){all:revert;box-sizing:border-box}
html body #h88sp2-page.h88sp2 :where(h1,h2,h3,h4,p,ul,ol,li,a,div,span,b,i,em,small,strong,button,section,label,input,textarea,fieldset,legend,figure)::before,html body #h88sp2-page.h88sp2 :where(h1,h2,h3,h4,p,ul,ol,li,a,div,span,b,i,em,small,strong,button,section,label,input,textarea,fieldset,legend,figure)::after{content:none}
/* the design page's own base rules (body font/colour, a, button, h3/p), scoped */
html body #h88sp2-page.h88sp2{--red:#d7000f;--deep:#b90017;--yellow:#ffce45;--ink:#181c22;--muted:#68717d;--line:#e9edf2;--bg:#f3f4f6;--font:Inter,Arial,sans-serif;--sx-ground:#f3f4f6;
  margin:0;padding:0;color:var(--ink);font:14px/1.55 var(--font);text-align:left;-webkit-font-smoothing:auto;background:transparent;color-scheme:light}
html body #h88sp2-page.h88sp2 *{box-sizing:border-box}
html body #h88sp2-page.h88sp2 [hidden]{display:none!important}
html body #h88sp2-page.h88sp2 a{color:inherit;text-decoration:none}
html body #h88sp2-page.h88sp2 button,html body #h88sp2-page.h88sp2 input{font:inherit}
html body #h88sp2-page.h88sp2 button{cursor:pointer}
html body #h88sp2-page.h88sp2 h3,html body #h88sp2-page.h88sp2 p{margin:0}
html body #h88sp2-page.h88sp2 h3{font-weight:800;line-height:1.15;letter-spacing:-.025em}
html body #h88sp2-page.h88sp2 button,html body #h88sp2-page.h88sp2 a,html body #h88sp2-page.h88sp2 input{outline-offset:4px}
html body #h88sp2-page.h88sp2{--red: #d7000f; --deep: #b90017; --yellow: #ffce45; --ink: #181c22; --muted: #68717d; --line: #e9edf2; --bg: #f3f4f6; --font: Inter,Arial,sans-serif;}
html body #h88sp2-page.h88sp2 *{box-sizing: border-box;}
html body #h88sp2-page.h88sp2 a{color: inherit; text-decoration: none;}
html body #h88sp2-page.h88sp2 button,html body #h88sp2-page.h88sp2 input{font: inherit;}
html body #h88sp2-page.h88sp2 button{cursor: pointer;}
html body #h88sp2-page.h88sp2 h3,html body #h88sp2-page.h88sp2 p{margin: 0px;}
html body #h88sp2-page.h88sp2 h3{font-weight: 800; line-height: 1.15; letter-spacing: -0.025em;}
html body #h88sp2-page.h88sp2 button,html body #h88sp2-page.h88sp2 a,html body #h88sp2-page.h88sp2 input{outline-offset: 4px;}
html body #h88sp2-page.h88sp2 :focus-visible{outline: rgb(224, 163, 0) solid 3px;}
html body #h88sp2-page.h88sp2{color-scheme:light}
html body #h88sp2-page.h88sp2{--sx-red:#d7000f;
  --sx-red-deep:#a3000e;
  --sx-maroon:#72000f;
  --sx-yellow:#ffce45;
  --sx-yellow-soft:#fff4cf;
  --sx-ink:#1c2027;
  --sx-steel:#5a6370;
  --sx-line:#e4e7ec;
  --sx-paper:#ffffff;
  --sx-ground:#f3f4f6;
  --sx-display:"Archivo Sx",Inter,"Arial Narrow",Arial,sans-serif;
  --sx-text:Inter,Arial,sans-serif;}
html body #h88sp2-page.h88sp2{display:block;width:1440px;color:var(--sx-ink);font:16px/1.6 var(--sx-text);padding-bottom:40px}
html body #h88sp2-page.h88sp2 *{box-sizing:border-box}
html body #h88sp2-page.h88sp2 :where(h1,html body #h88sp2-page.h88sp2 h2,html body #h88sp2-page.h88sp2 h3,html body #h88sp2-page.h88sp2 h4,html body #h88sp2-page.h88sp2 p,html body #h88sp2-page.h88sp2 ul,html body #h88sp2-page.h88sp2 ol,html body #h88sp2-page.h88sp2 figure){margin:0}
html body #h88sp2-page.h88sp2 h1,html body #h88sp2-page.h88sp2 h2{font-family:var(--sx-display);font-stretch:76%;font-weight:800;letter-spacing:-.005em;text-wrap:balance}
html body #h88sp2-page.h88sp2 h3{font:800 19px/1.25 var(--sx-text);letter-spacing:-.015em}
html body #h88sp2-page.h88sp2 .sx-wrap{width:1280px;margin-left:40px}
html body #h88sp2-page.h88sp2 .sx-ic{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body #h88sp2-page.h88sp2 :focus-visible{outline:3px solid #e0a300;outline-offset:3px}
html body #h88sp2-page.h88sp2 .sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border-radius:6px;border:2px solid transparent;font:800 16px/1.2 var(--sx-text);letter-spacing:-.01em;white-space:nowrap;transition:background-color .15s,box-shadow .15s,color .15s}
html body #h88sp2-page.h88sp2 .sx-btn .sx-ic{width:20px;height:20px;stroke-width:2.2}
html body #h88sp2-page.h88sp2 .sx-btn-yellow{background:var(--sx-yellow);color:var(--sx-ink);box-shadow:0 4px 0 #8f5a0055}
html body #h88sp2-page.h88sp2 .sx-btn-yellow:hover{background:#ffd966}
html body #h88sp2-page.h88sp2 .sx-btn-ghost{border-color:#ffffffa6;color:#fff}
html body #h88sp2-page.h88sp2 .sx-btn-ghost:hover{background:#ffffff1a}
html body #h88sp2-page.h88sp2 .sx-btn-red{background:var(--sx-red);color:#fff;box-shadow:0 4px 0 #8a000d40}
html body #h88sp2-page.h88sp2 .sx-btn-red:hover{background:#bf000d}
html body #h88sp2-page.h88sp2 .sx-hero{position:relative;overflow:hidden;color:#fff;background:
  radial-gradient(ellipse 60% 70% at 72% 40%,#ef1b28 0,transparent 70%),
  linear-gradient(115deg,#c4000e 0%,#d7000f 45%,#a8000e 100%);padding:60px 0 132px}
html body #h88sp2-page.h88sp2 .sx-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 46px,#ffffff08 46px 48px);pointer-events:none}
html body #h88sp2-page.h88sp2 .sx-hero .sx-wrap{position:relative;display:grid;grid-template-columns:520px 720px;gap:40px;align-items:center}
html body #h88sp2-page.h88sp2 .sx-hero-copy{min-width:0}
html body #h88sp2-page.h88sp2 .sx-kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 10px;border:1px solid #ffce4580;border-radius:4px;color:var(--sx-yellow);font:700 14px/1.3 var(--sx-text)}
html body #h88sp2-page.h88sp2 .sx-kicker .sx-ic{width:20px;height:20px}
html body #h88sp2-page.h88sp2 .sx-hero h1{margin:22px 0 24px;font-size:86px;line-height:.93;font-stretch:72%;font-weight:850;text-shadow:0 3px 0 #7d000c38}
html body #h88sp2-page.h88sp2 .sx-hero h1 span{display:block}
html body #h88sp2-page.h88sp2 .sx-hero h1 .sx-we{color:var(--sx-yellow)}
html body #h88sp2-page.h88sp2 .sx-lede{font-size:17px;line-height:1.65;color:#fff0f1;max-width:500px}
html body #h88sp2-page.h88sp2 .sx-lede strong{color:#fff;font-weight:750}
html body #h88sp2-page.h88sp2 .sx-promise{margin-top:16px;font:750 16px/1.5 var(--sx-text);color:#ffe08a}
html body #h88sp2-page.h88sp2 .sx-hero-actions{display:flex;gap:12px;margin-top:28px}
html body #h88sp2-page.h88sp2 .sx-micro{display:flex;align-items:flex-start;gap:8px;margin-top:20px;font-size:14px;line-height:1.5;color:#ffd9dd}
html body #h88sp2-page.h88sp2 .sx-micro .sx-ic{width:18px;height:18px;margin-top:1px;color:var(--sx-yellow);stroke-width:2.2}
html body #h88sp2-page.h88sp2 .sx-flow{position:relative;width:720px;height:560px}
html body #h88sp2-page.h88sp2 .sx-flow-lines{position:absolute;inset:0;width:720px;height:560px;overflow:visible}
html body #h88sp2-page.h88sp2 .sx-route{fill:none;stroke:#ffce45;stroke-width:2.4;stroke-linecap:round;opacity:.55}
html body #h88sp2-page.h88sp2 .sx-pulse{fill:none;stroke:#fff3b0;stroke-width:4;stroke-linecap:round;stroke-dasharray:14 200;stroke-dashoffset:14;filter:url(#h88sp2-sx-glow)}
@media (prefers-reduced-motion:no-preference){
html body #h88sp2-page.h88sp2 .sx-pulse{animation:h88sp2-sx-flow 3.2s cubic-bezier(.45,.05,.4,1) infinite}
html body #h88sp2-page.h88sp2 .sx-pulse.d1{animation-delay:.25s}
html body #h88sp2-page.h88sp2 .sx-pulse.d2{animation-delay:.5s}
html body #h88sp2-page.h88sp2 .sx-pulse.d3{animation-delay:.75s}
html body #h88sp2-page.h88sp2 .sx-pulse.d4{animation-delay:1s}
}
@keyframes h88sp2-sx-flow{0%{stroke-dashoffset:14}55%,100%{stroke-dashoffset:-104}}
html body #h88sp2-page.h88sp2 .sx-map-shape{fill:#ffd45c;stroke:#fff1b3;stroke-width:.7;stroke-linejoin:round}
html body #h88sp2-page.h88sp2 .sx-box{position:absolute;left:270px;top:30px;width:196px;filter:drop-shadow(0 18px 14px #50000a40)}
html body #h88sp2-page.h88sp2 .sx-box svg{display:block;width:196px;height:186px}
html body #h88sp2-page.h88sp2 .sx-tag{position:absolute;left:368px;top:0;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--sx-ink);border-radius:20px;padding:6px 14px;font:800 14px/1.2 var(--sx-text);box-shadow:0 4px 0 #6d000c3d;white-space:nowrap}
html body #h88sp2-page.h88sp2 .sx-tag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sx-red)}
html body #h88sp2-page.h88sp2 .sx-note{position:absolute;display:flex;align-items:center;gap:10px;font:700 14px/1.35 var(--sx-text);color:#fff}
html body #h88sp2-page.h88sp2 .sx-note .sx-ic{width:30px;height:30px;padding:5px;border-radius:50%;background:#ffce45;color:#8a1400;stroke-width:2}
html body #h88sp2-page.h88sp2 .sx-note-b{right:0;bottom:4px;width:172px}
html body #h88sp2-page.h88sp2 .sx-channels{position:absolute;left:0;top:262px;width:720px;display:grid;grid-template-columns:148px repeat(4,1fr);gap:10px;list-style:none;padding:0}
html body #h88sp2-page.h88sp2 .sx-channel{height:72px;background:#fff;border-radius:6px;padding:10px 9px 10px 11px;min-width:0;color:var(--sx-ink);box-shadow:0 5px 0 #6d000c45;display:flex;flex-direction:column;justify-content:center}
html body #h88sp2-page.h88sp2 .sx-channel b{display:flex;align-items:center;gap:5px;font:800 17px/1.1 var(--sx-display);font-stretch:72%;letter-spacing:0;white-space:nowrap}
html body #h88sp2-page.h88sp2 .sx-channel b .sx-ic{width:16px;height:16px;color:var(--sx-red);stroke-width:2}
html body #h88sp2-page.h88sp2 .sx-channel small{display:block;margin-top:5px;font-size:12px;line-height:1.2;color:#717a86}
html body #h88sp2-page.h88sp2 .sx-channel.sx-home{background:var(--sx-yellow)}
html body #h88sp2-page.h88sp2 .sx-channel.sx-home small{color:#7a4f00}
html body #h88sp2-page.h88sp2 .sx-sheet{background:var(--sx-paper);border-radius:10px;border:1px solid var(--sx-line)}
html body #h88sp2-page.h88sp2 .sx-deal{position:relative;margin-top:-84px;padding:52px 56px 56px;box-shadow:0 22px 40px -28px #3b000830}
html body #h88sp2-page.h88sp2 .sx-head{display:grid;grid-template-columns:1fr 470px;gap:48px;align-items:end;margin-bottom:40px}
html body #h88sp2-page.h88sp2 .sx-head h2{font-size:54px;line-height:.98}
html body #h88sp2-page.h88sp2 .sx-head p{font-size:17px;line-height:1.65;color:var(--sx-steel)}
html body #h88sp2-page.h88sp2 .sx-deal-grid{display:grid;grid-template-columns:1fr 188px 1fr}
html body #h88sp2-page.h88sp2 .sx-side-head{height:58px;display:flex;align-items:center;gap:12px}
html body #h88sp2-page.h88sp2 .sx-side-head h3{font:800 24px/1.1 var(--sx-display);font-stretch:85%;letter-spacing:0}
html body #h88sp2-page.h88sp2 .sx-side-badge{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;flex:none}
html body #h88sp2-page.h88sp2 .sx-you .sx-side-badge{background:var(--sx-ink);color:#fff}
html body #h88sp2-page.h88sp2 .sx-we .sx-side-badge{background:var(--sx-red);color:#fff;font:900 15px/1 var(--sx-display);font-stretch:80%}
html body #h88sp2-page.h88sp2 .sx-items{list-style:none;padding:0}
html body #h88sp2-page.h88sp2 .sx-items li{height:104px;padding-right:30px;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;border-top:1px solid var(--sx-line)}
html body #h88sp2-page.h88sp2 .sx-items .sx-ic{width:44px;height:44px;padding:10px;border-radius:50%;stroke-width:1.9}
html body #h88sp2-page.h88sp2 .sx-you .sx-items .sx-ic{background:#eef0f3;color:var(--sx-ink)}
html body #h88sp2-page.h88sp2 .sx-we .sx-items .sx-ic{background:#ffeef0;color:var(--sx-red)}
html body #h88sp2-page.h88sp2 .sx-items h4{font:800 17px/1.3 var(--sx-text);letter-spacing:-.01em}
html body #h88sp2-page.h88sp2 .sx-items p{font-size:15px;line-height:1.5;color:var(--sx-steel);margin-top:3px}
html body #h88sp2-page.h88sp2 .sx-we{text-align:left}
html body #h88sp2-page.h88sp2 .sx-joint{position:relative}
html body #h88sp2-page.h88sp2 .sx-joint svg{display:block;width:188px;height:474px}
html body #h88sp2-page.h88sp2 .sx-gain{margin-top:36px;background:var(--sx-yellow);border-radius:8px;padding:22px 26px;display:grid;grid-template-columns:200px repeat(4,1fr);gap:20px;align-items:center}
html body #h88sp2-page.h88sp2 .sx-gain h3{font:800 26px/1.05 var(--sx-display);font-stretch:80%;letter-spacing:0;color:#3a1d00}
html body #h88sp2-page.h88sp2 .sx-gain p{display:flex;align-items:flex-start;gap:9px;font:700 15px/1.4 var(--sx-text);color:#3d2a05}
html body #h88sp2-page.h88sp2 .sx-gain .sx-ic{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--sx-red);color:#fff;stroke-width:3;margin-top:-1px}
html body #h88sp2-page.h88sp2 .sx-brands{margin-top:32px;background:var(--sx-ink);color:#fff;border-radius:10px;padding:64px 56px;display:grid;grid-template-columns:520px 1fr;gap:56px;align-items:center;position:relative;overflow:hidden}
html body #h88sp2-page.h88sp2 .sx-brands:after{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#d7000f30,transparent 68%);pointer-events:none}
html body #h88sp2-page.h88sp2 .sx-brands h2{font-size:64px;line-height:.95;color:#fff}
html body #h88sp2-page.h88sp2 .sx-brands h2{color:var(--sx-yellow)}
html body #h88sp2-page.h88sp2 .sx-brands .sx-lead{margin-top:20px;font-size:18px;line-height:1.65;color:#d7dce3}
html body #h88sp2-page.h88sp2 .sx-steps{padding:76px 0 24px}
html body #h88sp2-page.h88sp2 .sx-steps .sx-head{margin-bottom:34px}
html body #h88sp2-page.h88sp2 .sx-tape{position:relative;height:134px}
html body #h88sp2-page.h88sp2 .sx-blade{position:absolute;left:0;top:30px;width:1180px;height:58px;border-radius:2px 0 0 2px;background-color:var(--sx-yellow);
  background-image:
    repeating-linear-gradient(90deg,#1c2027 0 2px,transparent 2px 80px),
    repeating-linear-gradient(90deg,#1c2027 0 1.6px,transparent 1.6px 40px),
    repeating-linear-gradient(90deg,#1c2027 0 1.2px,transparent 1.2px 8px),
    linear-gradient(180deg,#ffffff38,transparent 40%,#00000012);
  background-size:100% 26px,100% 17px,100% 10px,100% 100%;
  background-position:12px 0,12px 0,12px 0,0 0;background-repeat:no-repeat;
  box-shadow:0 6px 0 #c99a1c,inset 0 -2px 0 #e7ae1f}
html body #h88sp2-page.h88sp2 .sx-blade span{position:absolute;top:26px;transform:translateX(-50%);font:800 17px/1 var(--sx-display);font-stretch:80%;color:#1c2027}
html body #h88sp2-page.h88sp2 .sx-blade span.r{color:var(--sx-red)}
html body #h88sp2-page.h88sp2 .sx-hook{position:absolute;left:-4px;top:22px;width:14px;height:74px;border-radius:3px;background:linear-gradient(90deg,#9aa3ad,#dfe4ea 45%,#8d96a1);box-shadow:0 3px 0 #0002}
html body #h88sp2-page.h88sp2 .sx-case{position:absolute;right:0;top:0;width:136px;height:118px;border-radius:26px 30px 30px 26px;background:linear-gradient(150deg,#ef1d2a,#b8000e 70%);box-shadow:0 8px 0 #7d000c,inset 0 2px 0 #ff6b74;display:grid;place-items:center}
html body #h88sp2-page.h88sp2 .sx-case:before{content:"";position:absolute;inset:14px;border-radius:50%;border:3px solid #ffffff2e}
html body #h88sp2-page.h88sp2 .sx-case span{position:relative;width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f2f4f7,#aab2bc);display:grid;place-items:center;color:var(--sx-red);font:900 26px/1 var(--sx-display);font-stretch:76%;box-shadow:0 2px 0 #0003}
html body #h88sp2-page.h88sp2 .sx-markers{position:absolute;left:0;top:88px;width:1180px;height:46px}
html body #h88sp2-page.h88sp2 .sx-markers i{position:absolute;top:0;width:3px;height:40px;background:var(--sx-red)}
html body #h88sp2-page.h88sp2 .sx-markers i:after{content:"";position:absolute;left:-6px;bottom:-6px;width:15px;height:15px;border-radius:50%;background:var(--sx-red);box-shadow:0 0 0 4px var(--sx-ground)}
html body #h88sp2-page.h88sp2 .sx-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;padding:0;margin-top:16px}
html body #h88sp2-page.h88sp2 .sx-step{background:#fff;border:1px solid var(--sx-line);border-radius:8px;padding:24px 24px 26px}
html body #h88sp2-page.h88sp2 .sx-step-n{display:block;font:850 54px/.9 var(--sx-display);font-stretch:72%;color:var(--sx-red);margin-bottom:14px}
html body #h88sp2-page.h88sp2 .sx-step h3{font-size:21px;margin-bottom:9px}
html body #h88sp2-page.h88sp2 .sx-step p{font-size:15px;line-height:1.6;color:var(--sx-steel)}
html body #h88sp2-page.h88sp2 .sx-step.sx-last{background:var(--sx-red);border-color:var(--sx-red);color:#fff}
html body #h88sp2-page.h88sp2 .sx-step.sx-last .sx-step-n{color:var(--sx-yellow)}
html body #h88sp2-page.h88sp2 .sx-step.sx-last p{color:#ffe2e5}
html body #h88sp2-page.h88sp2 .sx-steps-cta{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px;border-radius:8px;background:#fff;border:1px solid var(--sx-line)}
html body #h88sp2-page.h88sp2 .sx-steps-cta p{font:700 17px/1.45 var(--sx-text)}
html body #h88sp2-page.h88sp2 .sx-steps-cta p span{display:block;font-weight:400;font-size:15px;color:var(--sx-steel)}
html body #h88sp2-page.h88sp2 .sx-form{padding:48px 56px 44px;min-width:0}
html body #h88sp2-page.h88sp2 .sx-req{color:var(--sx-red)}
html body #h88sp2-page.h88sp2 .sx-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px}
html body #h88sp2-page.h88sp2 .sx-field{display:flex;flex-direction:column;gap:8px;min-width:0}
html body #h88sp2-page.h88sp2 .sx-field.full{grid-column:1/-1}
html body #h88sp2-page.h88sp2 .sx-field label,html body #h88sp2-page.h88sp2 .sx-form legend{font:750 15px/1.35 var(--sx-text);color:#2c333d}
html body #h88sp2-page.h88sp2 .sx-opt{font-weight:400;font-size:14px;color:#66707c;margin-left:6px}
html body #h88sp2-page.h88sp2 .sx-form input:not([type=checkbox]):not([type=file]),html body #h88sp2-page.h88sp2 .sx-form textarea{width:100%;min-width:0;border:1px solid #cbd2db;border-radius:6px;background:#fff;padding:12px 14px;font:15px/1.5 var(--sx-text);color:var(--sx-ink)}
html body #h88sp2-page.h88sp2 .sx-form input:not([type=checkbox]):not([type=file]){height:50px}
html body #h88sp2-page.h88sp2 .sx-form textarea{min-height:118px;resize:vertical}
html body #h88sp2-page.h88sp2 .sx-form input::placeholder,html body #h88sp2-page.h88sp2 .sx-form textarea::placeholder{color:#7b8592;opacity:1}
html body #h88sp2-page.h88sp2 .sx-form input:hover,html body #h88sp2-page.h88sp2 .sx-form textarea:hover{border-color:#a9b2be}
html body #h88sp2-page.h88sp2 .sx-form input:focus,html body #h88sp2-page.h88sp2 .sx-form textarea:focus{border-color:var(--sx-red);outline:3px solid #ffce4599;outline-offset:0}
html body #h88sp2-page.h88sp2 .sx-form input[aria-invalid=true]{border-color:var(--sx-red);background:#fff8f8}
html body #h88sp2-page.h88sp2 .sx-form fieldset{border:0;margin:0;padding:0;min-width:0}
html body #h88sp2-page.h88sp2 .sx-form legend{padding:0;margin-bottom:12px}
html body #h88sp2-page.h88sp2 .sx-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
html body #h88sp2-page.h88sp2 .sx-form .sx-choice{font-weight:500;display:flex;align-items:center;gap:9px;min-height:46px;padding:9px 12px;border:1px solid #dce1e7;border-radius:6px;background:#f8f9fb;font-size:14px;line-height:1.3;color:#3f4955;cursor:pointer}
html body #h88sp2-page.h88sp2 .sx-form .sx-choice:hover{border-color:#b9c1cb}
html body #h88sp2-page.h88sp2 .sx-form .sx-choice input{width:17px;height:17px;margin:0;flex:none;accent-color:var(--sx-red)}
html body #h88sp2-page.h88sp2 .sx-form .sx-choice:has(input:checked){background:#fff0f1;border-color:var(--sx-red);color:#a8000e;font-weight:650}
html body #h88sp2-page.h88sp2 .upload-note{display:flex;gap:8px;align-items:flex-start;margin-top:10px;font-size:14px;line-height:1.5;color:#66707c}
html body #h88sp2-page.h88sp2 .upload-note .sx-ic{width:17px;height:17px;margin-top:2px}
html body #h88sp2-page.h88sp2 .sx-submit{margin-top:34px;padding-top:28px;border-top:1px solid var(--sx-line);display:flex;justify-content:space-between;align-items:flex-start;gap:28px}
html body #h88sp2-page.h88sp2 .sx-submit>p{font-size:14px;line-height:1.6;color:#5f6975;padding-top:6px;max-width:330px}
html body #h88sp2-page.h88sp2 .sx-submit>p a{text-decoration:underline;text-underline-offset:3px;color:var(--sx-ink)}
html body #h88sp2-page.h88sp2 .sx-submit-area{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
html body #h88sp2-page.h88sp2 #h88sp2-send-whatsapp{min-width:320px;min-height:60px;font-size:17px;background:var(--sx-red);color:#fff;box-shadow:0 4px 0 #8a000d40}
html body #h88sp2-page.h88sp2 #h88sp2-send-whatsapp:not([aria-disabled="true"]):hover{background:#bf000d}
html body #h88sp2-page.h88sp2 #h88sp2-send-whatsapp[aria-disabled="true"]{background:#e4e8ed;color:#68737f;box-shadow:none;cursor:not-allowed;border-color:#d5dbe2}
html body #h88sp2-page.h88sp2 .sx-hint{font-size:14px;color:#5f6975;text-align:right}
html body #h88sp2-page.h88sp2 .sx-sent{margin-top:20px;padding:18px 20px;border-radius:8px;background:var(--sx-yellow-soft);border:1px solid #f0d982;color:#4a3608;font-size:15px;line-height:1.6}
html body #h88sp2-page.h88sp2 .sx-sent textarea{margin-top:12px;width:100%;min-height:150px;font:13px/1.5 var(--sx-text);padding:10px;border:1px solid #d7b44a;border-radius:6px}
@media (prefers-reduced-motion:reduce){
html body #h88sp2-page.h88sp2 .sx-btn{transition:none}
}
html body #h88sp2-page.h88sp2 .sx-eyebrow{display:block;margin-bottom:12px;font:800 13px/1.2 var(--sx-text);letter-spacing:.09em;text-transform:uppercase;color:var(--sx-red)}
html body #h88sp2-page.h88sp2 .sx-range{margin-top:24px;overflow:hidden;border-top:4px solid var(--sx-red)}
html body #h88sp2-page.h88sp2 .sx-range .sx-head{padding:48px 56px 0;margin-bottom:36px}
html body #h88sp2-page.h88sp2 .sx-range .sx-head p{text-align:right}
html body #h88sp2-page.h88sp2 .sx-range-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));list-style:none;margin:0;padding:0;border-top:1px solid var(--sx-line)}
html body #h88sp2-page.h88sp2 .sx-range-cell{min-height:152px;padding:24px 10px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;border-right:1px solid var(--sx-line);border-bottom:1px solid var(--sx-line);cursor:default;transition:background-color .25s ease}
html body #h88sp2-page.h88sp2 .sx-range-cell:nth-child(8n){border-right:0}
html body #h88sp2-page.h88sp2 .sx-range-cell:nth-last-child(-n+8){border-bottom:0}
html body #h88sp2-page.h88sp2 .sx-range-cell svg{display:block;width:76px;height:60px;flex:none;transition:transform .3s cubic-bezier(.2,.7,.2,1),filter .3s ease}
html body #h88sp2-page.h88sp2 .sx-range-cell h3{font:750 14px/1.32 var(--sx-text);letter-spacing:-.005em;max-width:132px;text-wrap:balance}
@media (hover:hover){
html body #h88sp2-page.h88sp2 .sx-range-cell:hover{background:#fffbef}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
html body #h88sp2-page.h88sp2 .sx-range-cell:hover svg{transform:translateY(-5px);filter:drop-shadow(0 6px 5px #1c202722)}
}
html body #h88sp2-page.h88sp2 .sx-talk{margin-top:32px;border-top:4px solid var(--sx-red);scroll-margin-top:20px}
html body #h88sp2-page.h88sp2 .sx-talk .sx-form{padding:48px 56px 44px}
html body #h88sp2-page.h88sp2 .sx-talk-head{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:36px}
html body #h88sp2-page.h88sp2 .sx-talk-head h2{font-size:54px;line-height:.98}
html body #h88sp2-page.h88sp2 .sx-talk-head p{margin-top:14px;font-size:17px;line-height:1.65;color:var(--sx-steel)}
html body #h88sp2-page.h88sp2 .sx-req-note{font-size:14px;color:#66707c;white-space:nowrap;padding-top:4px}
html body #h88sp2-page.h88sp2 .sx-talk .sx-fields{gap:22px 24px}
html body #h88sp2-page.h88sp2 .sx-talk .sx-submit{align-items:flex-start}
html body #h88sp2-page.h88sp2 #h88sp2-send-whatsapp .sx-arrow{width:18px;height:18px;transition:transform .2s ease}
html body #h88sp2-page.h88sp2 #h88sp2-send-whatsapp:not([aria-disabled="true"]):hover .sx-arrow{transform:translateX(3px)}
html body #h88sp2-page.h88sp2 #h88sp2-send-whatsapp[aria-disabled="true"]{border-radius:30px}
html body #h88sp2-page.h88sp2 #h88sp2-send-whatsapp{border-radius:30px}
html body #h88sp2-page.h88sp2 .sx-review{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:14px;line-height:1.5;color:#5f6975}
html body #h88sp2-page.h88sp2 .sx-review .sx-ic{width:18px;height:18px;color:var(--sx-red)}
html body #h88sp2-page.h88sp2 .sx-talk .sx-sent:empty{display:none}
html body #h88sp2-page.h88sp2 .sx-wflow{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:7 93;stroke-dashoffset:7;opacity:0}
@media (prefers-reduced-motion:no-preference){
html body #h88sp2-page.h88sp2 .sx-wflow{opacity:.95;animation:h88sp2-sx-wflow 2.6s cubic-bezier(.45,.05,.4,1) infinite}
html body #h88sp2-page.h88sp2 .sx-wflow.rt{animation-name:h88sp2-sx-wflow-rt}
}
@keyframes h88sp2-sx-wflow{0%{stroke-dashoffset:7}70%,100%{stroke-dashoffset:-100}}
@keyframes h88sp2-sx-wflow-rt{0%{stroke-dashoffset:-100}70%,100%{stroke-dashoffset:7}}
html body #h88sp2-page.h88sp2.sx-motion .sx-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
html body #h88sp2-page.h88sp2.sx-motion .sx-reveal.is-in{opacity:1;transform:none}
html body #h88sp2-page.h88sp2.sx-motion .sx-step.sx-reveal:nth-child(2){transition-delay:.12s}
html body #h88sp2-page.h88sp2.sx-motion .sx-step.sx-reveal:nth-child(3){transition-delay:.24s}
html body #h88sp2-page.h88sp2.sx-motion .sx-step.sx-reveal:nth-child(4){transition-delay:.36s}
html body #h88sp2-page.h88sp2.sx-motion .sx-tape .sx-blade{clip-path:inset(0 0 0 100%);transition:clip-path 1.5s cubic-bezier(.3,.6,.2,1)}
html body #h88sp2-page.h88sp2.sx-motion .sx-tape .sx-hook{transform:translateX(1170px);transition:transform 1.5s cubic-bezier(.3,.6,.2,1)}
html body #h88sp2-page.h88sp2.sx-motion .sx-tape .sx-markers i{transform:scaleY(0);transform-origin:top;transition:transform .45s cubic-bezier(.2,.8,.3,1.3)}
html body #h88sp2-page.h88sp2.sx-motion .sx-tape .sx-markers i:nth-child(4){transition-delay:.55s}
html body #h88sp2-page.h88sp2.sx-motion .sx-tape .sx-markers i:nth-child(3){transition-delay:.85s}
html body #h88sp2-page.h88sp2.sx-motion .sx-tape .sx-markers i:nth-child(2){transition-delay:1.15s}
html body #h88sp2-page.h88sp2.sx-motion .sx-tape .sx-markers i:nth-child(1){transition-delay:1.45s}
html body #h88sp2-page.h88sp2.sx-motion .sx-tape.is-in .sx-blade{clip-path:inset(0 0 0 0)}
html body #h88sp2-page.h88sp2.sx-motion .sx-tape.is-in .sx-hook{transform:none}
html body #h88sp2-page.h88sp2.sx-motion .sx-tape.is-in .sx-markers i{transform:none}
html body #h88sp2-page.h88sp2.sx-motion .sx-tape.is-in .sx-case span{animation:h88sp2-sx-reel 1.5s cubic-bezier(.3,.6,.2,1)}
@keyframes h88sp2-sx-reel{from{transform:rotate(0)}to{transform:rotate(-540deg)}}
@media (prefers-reduced-motion:reduce){
html body #h88sp2-page.h88sp2.sx-motion .sx-reveal,html body #h88sp2-page.h88sp2.sx-motion .sx-tape .sx-blade,html body #h88sp2-page.h88sp2.sx-motion .sx-tape .sx-hook,html body #h88sp2-page.h88sp2.sx-motion .sx-tape .sx-markers i{opacity:1;transform:none;clip-path:none;transition:none}
html body #h88sp2-page.h88sp2 .sx-range-cell,html body #h88sp2-page.h88sp2 .sx-range-cell svg,html body #h88sp2-page.h88sp2 #h88sp2-send-whatsapp .sx-arrow{transition:none}
}
html body #h88sp2-page.h88sp2{width:auto}
html body #h88sp2-page.h88sp2 .sx-wrap{width:min(1280px,calc(100% - 40px));margin-left:auto;margin-right:auto}
html body #h88sp2-page.h88sp2 .sx-tape{overflow:clip;overflow-clip-margin:12px}
html body #h88sp2-page.h88sp2 .sx-blade{width:calc(100% - 100px)}
html body #h88sp2-page.h88sp2 .sx-markers{width:100%}
html body #h88sp2-page.h88sp2.sx-motion .sx-tape .sx-hook{transform:translateX(calc(min(1280px,100vw - 128px) - 110px))}
html body #h88sp2-page.h88sp2.sx-motion .sx-tape.is-in .sx-hook{transform:none}
html body #h88sp2-page.h88sp2 #application,html body #h88sp2-page.h88sp2 #how-it-works{scroll-margin-top:24px}
html body #h88sp2-page.h88sp2 .sx-range .sx-head{grid-template-columns:minmax(0,1fr) auto}
@container h88sp2 (max-width:1327.98px){
html body #h88sp2-page.h88sp2 .sx-hero .sx-wrap{grid-template-columns:minmax(0,1fr) 648px}
html body #h88sp2-page.h88sp2 .sx-flow{zoom:.9}
html body #h88sp2-page.h88sp2 .sx-brands{grid-template-columns:minmax(0,1fr) 532px}
}
@keyframes h88sp2-sx-chip{0%,18%,100%{box-shadow:0 0 0 0 #ffce4500}8%{box-shadow:0 0 0 3px #ffce4580}}
@keyframes h88sp2-sx-float{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}
@keyframes h88sp2-sx-glow{0%,100%{opacity:.75}50%{opacity:1}}
html body #h88sp2-page.h88sp2 .sx-hero{padding:68px 0 140px}
html body #h88sp2-page.h88sp2 .sx-hero .sx-wrap{grid-template-columns:500px minmax(0,1fr);gap:60px}
html body #h88sp2-page.h88sp2 .sx-hero:after{content:"";position:absolute;right:-8%;top:-20%;width:62%;height:140%;background:radial-gradient(closest-side,#ff4a4f40,transparent 70%);pointer-events:none;z-index:0}
html body #h88sp2-page.h88sp2 .sx-hero .sx-wrap{z-index:1}
html body #h88sp2-page.h88sp2 .sx-kicker{background:#00000014;border-color:#ffce4599;padding:7px 14px 7px 11px;border-radius:20px}
html body #h88sp2-page.h88sp2 .sx-hero h1{font-size:90px;line-height:.92;margin:24px 0 26px;text-shadow:0 4px 0 #7d000c40}
html body #h88sp2-page.h88sp2 .sx-lede{font-size:18px;line-height:1.62;max-width:480px}
html body #h88sp2-page.h88sp2 .sx-promise{display:inline-block;margin-top:18px;padding-left:14px;border-left:3px solid var(--sx-yellow)}
html body #h88sp2-page.h88sp2 .sx-hero-actions{gap:14px;margin-top:32px}
html body #h88sp2-page.h88sp2 .sx-btn{border-radius:6px}
html body #h88sp2-page.h88sp2 .sx-btn-arrow{width:18px!important;height:18px!important;transition:transform .2s ease}
html body #h88sp2-page.h88sp2 .sx-btn:hover .sx-btn-arrow{transform:translateX(3px)}
html body #h88sp2-page.h88sp2 .sx-btn-yellow{box-shadow:0 4px 0 #9a5f00,0 14px 24px -12px #5a000a99}
html body #h88sp2-page.h88sp2 .sx-btn-yellow:hover{transform:translateY(-1px)}
html body #h88sp2-page.h88sp2 .sx-btn-ghost{border-color:#ffffffcc;background:#ffffff0d}
html body #h88sp2-page.h88sp2 .sx-btn-ghost:hover{background:#ffffff26;border-color:#fff}
html body #h88sp2-page.h88sp2 .sx-micro{margin-top:22px;color:#ffe3e6}
html body #h88sp2-page.h88sp2 .sx-flow{margin-left:auto}
html body #h88sp2-page.h88sp2 .sx-box{transform-origin:50% 100%;transform:scale(1.16)}
html body #h88sp2-page.h88sp2 .sx-box:before{content:"";position:absolute;left:50%;top:52%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,#fff3b055,transparent);z-index:-1}
html body #h88sp2-page.h88sp2 .sx-tag{top:-30px;padding:7px 15px;box-shadow:0 4px 0 #6d000c3d,0 10px 18px -8px #5a000a80}
html body #h88sp2-page.h88sp2 .sx-route{opacity:.62}
html body #h88sp2-page.h88sp2 .sx-channel{border-radius:8px;box-shadow:0 5px 0 #6d000c45,0 16px 24px -14px #4a0008aa;border:1px solid #ffffff;transition:box-shadow .3s}
html body #h88sp2-page.h88sp2 .sx-channel b{font-size:17px}
html body #h88sp2-page.h88sp2 .sx-map-shape{filter:drop-shadow(0 6px 8px #6d000c55)}
html body #h88sp2-page.h88sp2 .sx-note{font-size:14px}
html body #h88sp2-page.h88sp2 .sx-note .sx-ic{box-shadow:0 0 0 4px #ffce4533}
@media (prefers-reduced-motion:no-preference){
html body #h88sp2-page.h88sp2 .sx-box{animation:h88sp2-sx-bob 4.8s ease-in-out infinite}
html body #h88sp2-page.h88sp2 .sx-channel:before{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 3px #fff3b0,0 0 24px 4px #ffce4588;opacity:0;pointer-events:none;animation:h88sp2-sx-hit 3.2s ease-out infinite}
html body #h88sp2-page.h88sp2 .sx-channel:nth-child(1):before{animation-delay:1.7s}
html body #h88sp2-page.h88sp2 .sx-channel:nth-child(2):before{animation-delay:1.95s}
html body #h88sp2-page.h88sp2 .sx-channel:nth-child(3):before{animation-delay:2.2s}
html body #h88sp2-page.h88sp2 .sx-channel:nth-child(4):before{animation-delay:2.45s}
html body #h88sp2-page.h88sp2 .sx-channel:nth-child(5):before{animation-delay:2.7s}
}
@keyframes h88sp2-sx-bob{0%,100%{transform:scale(1.16) translateY(0)}50%{transform:scale(1.16) translateY(-4px)}}
@keyframes h88sp2-sx-hit{0%{opacity:1}6%{opacity:.5}30%,100%{opacity:0}}
@keyframes h88sp2-sx-ping{0%{transform:scale(.8);opacity:.9}70%,100%{transform:scale(3.2);opacity:0}}
@container h88sp2 (max-width:1327.98px){
html body #h88sp2-page.h88sp2 .sx-hero .sx-wrap{grid-template-columns:minmax(0,1fr) 648px;gap:40px}
html body #h88sp2-page.h88sp2 .sx-hero h1{font-size:84px}
}
html body #h88sp2-page.h88sp2 .sx-deal{padding:56px 56px 48px;box-shadow:0 30px 50px -34px #3b000840}
html body #h88sp2-page.h88sp2 .sx-head h2{letter-spacing:-.01em}
html body #h88sp2-page.h88sp2 .sx-side-head{border-bottom:2px solid var(--sx-ink)}
html body #h88sp2-page.h88sp2 .sx-we .sx-side-head{border-bottom-color:var(--sx-red)}
html body #h88sp2-page.h88sp2 .sx-side-head h3{font-size:25px}
html body #h88sp2-page.h88sp2 .sx-side-badge{border-radius:8px}
html body #h88sp2-page.h88sp2 .sx-items li{border-top:0;border-bottom:1px solid var(--sx-line)}
html body #h88sp2-page.h88sp2 .sx-items li:last-child{border-bottom:0}
html body #h88sp2-page.h88sp2 .sx-items .sx-ic{border-radius:8px;width:44px;height:44px;padding:10px}
html body #h88sp2-page.h88sp2 .sx-you .sx-items .sx-ic{background:#eef1f5;color:var(--sx-ink)}
html body #h88sp2-page.h88sp2 .sx-we .sx-items .sx-ic{background:#fff0f1;color:var(--sx-red)}
html body #h88sp2-page.h88sp2 .sx-items h4{font-size:17px}
html body #h88sp2-page.h88sp2 .sx-items p{font-size:15px;color:#5f6975}
html body #h88sp2-page.h88sp2 .sx-gain{margin-top:32px;padding:0;gap:0;grid-template-columns:220px repeat(4,1fr);background:linear-gradient(100deg,#ffce45,#ffd966);border:1px solid #f0bd34;border-radius:8px;overflow:hidden;box-shadow:0 10px 24px -18px #8f5a0099}
html body #h88sp2-page.h88sp2 .sx-gain h3{height:100%;display:flex;align-items:center;padding:22px 26px;background:var(--sx-ink);color:var(--sx-yellow);font-size:27px}
html body #h88sp2-page.h88sp2 .sx-gain p{padding:20px 20px;border-left:1px solid #b9850f33;align-self:stretch;align-items:center;font-size:15px;color:#2e2003}
html body #h88sp2-page.h88sp2 .sx-gain h3+p{border-left:0}
html body #h88sp2-page.h88sp2 .sx-gain .sx-ic{width:24px;height:24px;margin-top:0;box-shadow:0 2px 0 #8a000d40}
html body #h88sp2-page.h88sp2 .sx-steps{padding:80px 0 8px}
html body #h88sp2-page.h88sp2 .sx-steps .sx-head{margin-bottom:30px}
html body #h88sp2-page.h88sp2 .sx-blade{box-shadow:0 6px 0 #c99a1c,inset 0 -2px 0 #e7ae1f,0 18px 24px -18px #8f5a0080}
html body #h88sp2-page.h88sp2 .sx-case{box-shadow:0 8px 0 #7d000c,inset 0 2px 0 #ff6b74,0 20px 30px -16px #7d000c99}
html body #h88sp2-page.h88sp2 .sx-markers i{width:2px;background:linear-gradient(var(--sx-red),#d7000f99)}
html body #h88sp2-page.h88sp2 .sx-markers i:after{left:-6.5px;width:15px;height:15px}
html body #h88sp2-page.h88sp2 .sx-step-grid{gap:16px;margin-top:14px}
html body #h88sp2-page.h88sp2 .sx-step{border-radius:8px;padding:22px 22px 24px;box-shadow:0 1px 2px #1c20270d,0 10px 24px -20px #1c202740;transition:transform .25s ease,box-shadow .25s ease}
html body #h88sp2-page.h88sp2 .sx-step-n{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:var(--sx-red);color:#fff;font-size:30px;line-height:1;margin-bottom:18px;box-shadow:0 3px 0 #8a000d40}
html body #h88sp2-page.h88sp2 .sx-step.sx-last .sx-step-n{background:var(--sx-yellow);color:var(--sx-red);box-shadow:0 3px 0 #8f5a0055}
html body #h88sp2-page.h88sp2 .sx-step h3{font-size:20px;margin-bottom:8px}
html body #h88sp2-page.h88sp2 .sx-step p{font-size:15px;line-height:1.55}
html body #h88sp2-page.h88sp2 .sx-step.sx-last{box-shadow:0 14px 28px -18px #8a000daa}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
html body #h88sp2-page.h88sp2 .sx-step:hover{transform:translateY(-3px);box-shadow:0 1px 2px #1c20270d,0 18px 30px -20px #1c202766}
}
html body #h88sp2-page.h88sp2 .sx-steps-cta{margin-top:20px;padding:20px 24px;gap:18px;border-radius:8px;border-left:4px solid var(--sx-red);box-shadow:0 1px 2px #1c20270d}
html body #h88sp2-page.h88sp2 .sx-steps-cta p{flex:1}
html body #h88sp2-page.h88sp2 .sx-cta-ic{width:46px;height:46px;border-radius:8px;background:var(--sx-yellow-soft);color:var(--sx-red);display:grid;place-items:center;flex:none}
html body #h88sp2-page.h88sp2 .sx-cta-ic .sx-ic{width:24px;height:24px;stroke-width:2}
html body #h88sp2-page.h88sp2 .sx-steps-cta .sx-btn{min-height:50px}
html body #h88sp2-page.h88sp2.sx-motion .sx-step.sx-reveal{transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease}
@media (prefers-reduced-motion:reduce){
html body #h88sp2-page.h88sp2 .sx-btn-arrow,html body #h88sp2-page.h88sp2 .sx-step{transition:none}
}
html body #h88sp2-page.h88sp2 .sx-box{transform:scale(1.34)}
html body #h88sp2-page.h88sp2 .sx-box:before{width:340px;height:340px;background:radial-gradient(closest-side,#fff3b070,transparent)}
html body #h88sp2-page.h88sp2 .sx-tag{left:auto;right:56px;top:46px;transform:none;font-size:15px;padding:8px 16px}
html body #h88sp2-page.h88sp2 .sx-tag:after{content:"";position:absolute;left:-7px;top:50%;width:14px;height:14px;background:#fff;transform:translateY(-50%) rotate(45deg);border-radius:2px;z-index:-1}
html body #h88sp2-page.h88sp2 .sx-mega{position:absolute;left:-6px;top:64px;display:flex;align-items:center;gap:14px;color:#fff}
html body #h88sp2-page.h88sp2 .sx-mega-ic{width:92px;height:92px;border-radius:50%;background:var(--sx-yellow);display:grid;place-items:center;box-shadow:0 0 0 8px #ffce4533,0 6px 0 #8f5a0066,0 18px 28px -12px #4a0008aa;flex:none}
html body #h88sp2-page.h88sp2 .sx-mega-art{width:66px;height:59px;margin-left:4px}
html body #h88sp2-page.h88sp2 .sx-mega-txt b{display:block;font:850 25px/1 var(--sx-display);font-stretch:74%;color:#fff;letter-spacing:0}
html body #h88sp2-page.h88sp2 .sx-mega-txt small{display:block;margin-top:6px;font:700 14px/1.3 var(--sx-text);color:#ffe3e6;max-width:124px}
html body #h88sp2-page.h88sp2 .sx-channel{position:relative}
html body #h88sp2-page.h88sp2 .sx-more{position:absolute;right:-8px;top:-12px;background:var(--sx-ink);color:var(--sx-yellow);font:800 12px/1 var(--sx-text);padding:5px 9px;border-radius:12px;box-shadow:0 3px 8px #0006;white-space:nowrap}
html body #h88sp2-page.h88sp2 .sx-spark{position:absolute;width:18px;height:18px;pointer-events:none}
html body #h88sp2-page.h88sp2 .sx-spark svg{width:100%;height:100%;display:block}
html body #h88sp2-page.h88sp2 .sx-spark.k0{left:226px;top:20px;width:22px;height:22px}
html body #h88sp2-page.h88sp2 .sx-spark.k1{left:494px;top:150px}
html body #h88sp2-page.h88sp2 .sx-spark.k2{left:232px;top:176px;width:14px;height:14px}
html body #h88sp2-page.h88sp2 .sx-spark.k3{left:470px;top:-4px;width:14px;height:14px}
@media (prefers-reduced-motion:no-preference){
html body #h88sp2-page.h88sp2 .sx-box{animation:h88sp2-sx-bob3 4.8s ease-in-out infinite}
html body #h88sp2-page.h88sp2 .sx-wave{animation:h88sp2-sx-wave 1.8s ease-in-out infinite}
html body #h88sp2-page.h88sp2 .sx-wave.w2{animation-delay:.3s}
html body #h88sp2-page.h88sp2 .sx-mega-ic{position:relative;isolation:isolate;box-shadow:0 6px 0 #8f5a0066,0 18px 28px -12px #4a0008aa}
html body #h88sp2-page.h88sp2 .sx-mega-ic:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:#ffce4533;z-index:-1;pointer-events:none;animation:h88sp2-sx-megapulse 3.2s ease-in-out infinite}
html body #h88sp2-page.h88sp2 .sx-spark{animation:h88sp2-sx-twinkle 2.6s ease-in-out infinite}
html body #h88sp2-page.h88sp2 .sx-spark.k1{animation-delay:.7s}
html body #h88sp2-page.h88sp2 .sx-spark.k2{animation-delay:1.3s}
html body #h88sp2-page.h88sp2 .sx-spark.k3{animation-delay:1.9s}
}
@keyframes h88sp2-sx-bob3{0%,100%{transform:scale(1.34) translateY(0)}50%{transform:scale(1.34) translateY(-4px)}}
@keyframes h88sp2-sx-wave{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes h88sp2-sx-megapulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1111);opacity:.6667}}
@keyframes h88sp2-sx-twinkle{0%,100%{opacity:.2;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1) rotate(20deg)}}
@keyframes h88sp2-sx-mhalo{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.05);opacity:1}}
@keyframes h88sp2-sx-mlens{0%,100%{fill:#ffce45}50%{fill:#ffdb6e}}
html body #h88sp2-page.h88sp2 .sx-brands.sx-kyb3{grid-template-columns:minmax(0,1fr) 620px;gap:48px;padding:60px 56px}
html body #h88sp2-page.h88sp2 .sx-kyb3 h2{font-size:62px;line-height:.98}
html body #h88sp2-page.h88sp2 .sx-kyb3 h2 span{display:block}
html body #h88sp2-page.h88sp2 .sx-kyb3 h2 .w{color:#fff}
html body #h88sp2-page.h88sp2 .sx-kyb3 .sx-lead{margin-top:20px;max-width:470px;font-size:17px}
html body #h88sp2-page.h88sp2 .sx-kyb3-points{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:10px;max-width:470px}
html body #h88sp2-page.h88sp2 .sx-kyb3-points li{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:8px;background:#ffffff0d;border:1px solid #ffffff17;font:700 15px/1.3 var(--sx-text);color:#fff}
html body #h88sp2-page.h88sp2 .sx-kyb3-points .sx-ic{width:32px;height:32px;padding:6px;border-radius:7px;background:var(--sx-yellow);color:#5a1400;stroke-width:2}
html body #h88sp2-page.h88sp2 .sx-orbit{position:relative;z-index:1;width:620px;height:460px;margin:0 0 0 auto}
html body #h88sp2-page.h88sp2 .sx-orbit-bg{position:absolute;inset:0;width:620px;height:460px;overflow:visible}
html body #h88sp2-page.h88sp2 .sx-ostack{position:absolute;left:310px;top:232px;width:0;height:0}
html body #h88sp2-page.h88sp2 .sx-obox{position:absolute;display:block;filter:drop-shadow(0 16px 14px #0008)}
html body #h88sp2-page.h88sp2 .sx-obox svg{display:block}
html body #h88sp2-page.h88sp2 .sx-obox.b1{left:-66px;top:-96px}
html body #h88sp2-page.h88sp2 .sx-obox.b2{left:-122px;top:-64px;opacity:.95}
html body #h88sp2-page.h88sp2 .sx-obox.b3{left:30px;top:-64px;opacity:.95}
html body #h88sp2-page.h88sp2 .sx-obrand{position:absolute;left:310px;top:316px;transform:translateX(-50%);background:var(--sx-yellow);color:#3a1d00;font:800 14px/1 var(--sx-text);padding:8px 16px;border-radius:20px;box-shadow:0 4px 0 #8f5a0066;white-space:nowrap}
html body #h88sp2-page.h88sp2 .sx-ochip{position:absolute;transform:translate(-50%,-50%);background:#fff;color:var(--sx-ink);font:800 14px/1 var(--sx-text);padding:9px 14px;border-radius:20px;white-space:nowrap;box-shadow:0 8px 18px -8px #000c}
html body #h88sp2-page.h88sp2 .sx-ochip.home{background:var(--sx-yellow);color:#3a1d00}
html body #h88sp2-page.h88sp2 .sx-ochip.more{background:transparent;color:var(--sx-yellow);border:1.5px dashed #ffce45aa;box-shadow:none}
html body #h88sp2-page.h88sp2 .sx-shopper{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#2b313b;border:1.5px solid #ffffff2e;display:grid;place-items:center;color:#d7dce3}
html body #h88sp2-page.h88sp2 .sx-shopper svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
html body #h88sp2-page.h88sp2 .sx-odot{position:absolute;left:0;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff3b0;box-shadow:0 0 12px 3px #ffce45aa;offset-path:path("M 48 230 A 262 178 0 1 1 572 230 A 262 178 0 1 1 48 230 Z");offset-rotate:0deg;offset-distance:0%;opacity:0}
@media (prefers-reduced-motion:no-preference){
html body #h88sp2-page.h88sp2 .sx-odot{opacity:1;will-change:transform;animation:h88sp2-sx-orbit 12s linear infinite;animation-delay:var(--d)}
html body #h88sp2-page.h88sp2 .sx-oring{animation:h88sp2-sx-oring 30s linear infinite}
html body #h88sp2-page.h88sp2 .sx-ocore{transform-box:fill-box;transform-origin:center;animation:h88sp2-sx-mhalo 5s ease-in-out infinite}
html body #h88sp2-page.h88sp2 .sx-ochip.more{box-shadow:0 8px 18px -8px #000c}
html body #h88sp2-page.h88sp2 .sx-ochip:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 4px #ffce4566;opacity:0;pointer-events:none;animation:h88sp2-sx-ochip 6s ease-in-out infinite;animation-delay:calc(var(--i) * 1s)}
html body #h88sp2-page.h88sp2 .sx-shopper{animation:h88sp2-sx-shop 6s ease-in-out infinite;animation-delay:calc(var(--i) * 1.5s + .5s)}
html body #h88sp2-page.h88sp2 .sx-obox.b1{animation:h88sp2-sx-ofloat 5s ease-in-out infinite}
html body #h88sp2-page.h88sp2 .sx-obox.b2{animation:h88sp2-sx-ofloat 5s ease-in-out .8s infinite}
html body #h88sp2-page.h88sp2 .sx-obox.b3{animation:h88sp2-sx-ofloat 5s ease-in-out 1.6s infinite}
}
@keyframes h88sp2-sx-orbit{to{offset-distance:100%}}
@keyframes h88sp2-sx-oring{to{stroke-dashoffset:-220}}
@keyframes h88sp2-sx-ochip{0%,14%,100%{opacity:0}7%{opacity:1}}
@keyframes h88sp2-sx-shop{0%,20%,100%{border-color:#ffffff2e;color:#d7dce3}10%{border-color:#ffce45;color:#ffce45}}
@keyframes h88sp2-sx-ofloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@container h88sp2 (max-width:1327.98px){
html body #h88sp2-page.h88sp2 .sx-brands.sx-kyb3{grid-template-columns:minmax(0,1fr) 558px;gap:36px}
html body #h88sp2-page.h88sp2 .sx-orbit{zoom:.9}
html body #h88sp2-page.h88sp2 .sx-kyb3 h2{font-size:56px}
}
html body #h88sp2-page.h88sp2 .sx-mega{left:-28px;top:-6px;flex-direction:column;align-items:center;gap:12px;text-align:center;width:170px}
html body #h88sp2-page.h88sp2 .sx-mega-txt small{max-width:none}
@keyframes h88sp2-sx-op{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
html body #h88sp2-page.h88sp2 .sx-joint svg{overflow:visible}
html body #h88sp2-page.h88sp2 .sx-joint .sx-star,html body #h88sp2-page.h88sp2 .sx-joint .sx-sglow{transform-box:fill-box;transform-origin:center}
html body #h88sp2-page.h88sp2 .sx-joint .sx-star{filter:drop-shadow(0 2px 3px #9a5c0026)}
html body #h88sp2-page.h88sp2 .sx-joint .sx-slampfill{opacity:0}
html body #h88sp2-page.h88sp2 .sx-joint .sx-wflow{stroke:#f2a900;stroke-width:3.2;stroke-dasharray:9 130}
html body #h88sp2-page.h88sp2 .sx-joint .sx-wglow{stroke:#ffce45;stroke-width:9}
html body #h88sp2-page.h88sp2 .sx-joint .sx-wflow:not(.rt){stroke:#06265f}
html body #h88sp2-page.h88sp2 .sx-joint .sx-wglow:not(.rt){stroke:#7f9bd3}
html body #h88sp2-page.h88sp2 .sx-joint .sx-wflows .sx-wflow,html body #h88sp2-page.h88sp2 .sx-joint .sx-wglow{opacity:0;animation:none!important}
html body #h88sp2-page.h88sp2 .sx-deal .sx-you .sx-side-head{border-bottom-color:#06265f}
html body #h88sp2-page.h88sp2 .sx-deal .sx-you .sx-side-badge{background:#06265f;color:#fff}
html body #h88sp2-page.h88sp2 .sx-deal .sx-you .sx-items .sx-ic{background:#e9eef7;color:#06265f}
@media (prefers-reduced-motion:no-preference){
html body #h88sp2-page.h88sp2.sx-motion .sx-deal .sx-star{opacity:0;transform:scale(.6) rotate(-18deg);transition:opacity .5s ease .5s,transform .8s cubic-bezier(.2,.8,.3,1.3) .5s}
html body #h88sp2-page.h88sp2.sx-motion .sx-deal.is-in .sx-star{opacity:1;transform:none}
html body #h88sp2-page.h88sp2.sx-motion .sx-deal.is-in .sx-stw{animation:h88sp2-sx-stw 2.8s ease-in-out infinite}
html body #h88sp2-page.h88sp2.sx-motion .sx-deal.is-in .sx-stw.k2{animation-delay:.9s}
html body #h88sp2-page.h88sp2.sx-motion .sx-deal.is-in .sx-stw.k3{animation-delay:1.8s}
@keyframes h88sp2-sx-stw{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}
}
html body #h88sp2-page.h88sp2 .sx-arc{fill:none;stroke:#ffe08a;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:0 3.6;opacity:.6}
html body #h88sp2-page.h88sp2 .sx-arcs.on-map .sx-arc{stroke:#b3300a;stroke-width:1.6;opacity:.62}
html body #h88sp2-page.h88sp2 .sx-fun{fill:none;stroke:#ffd45c;stroke-width:1.6;stroke-linecap:round;opacity:.85;filter:drop-shadow(0 0 2.5px #ffce45aa)}
html body #h88sp2-page.h88sp2 .sx-feed{fill:none;stroke:url(#h88sp2-sx-feedg);stroke-width:3;stroke-linecap:round}
html body #h88sp2-page.h88sp2 .sx-feed-glow{fill:none;stroke:#ffce45;stroke-width:9;stroke-linecap:round;opacity:.34;filter:url(#h88sp2-sx-glow)}
html body #h88sp2-page.h88sp2 .sx-join{fill:#ffce45;stroke:#fff6c4;stroke-width:1.2}
html body #h88sp2-page.h88sp2 .sx-join-glow{fill:#ffce45;opacity:.35;filter:url(#h88sp2-sx-glow)}
html body #h88sp2-page.h88sp2 .sx-map-edge path{fill:none;stroke:#fffbe6;stroke-width:2.4;opacity:.55}
html body #h88sp2-page.h88sp2 .sx-map-shape{filter:drop-shadow(0 10px 14px #4a000a33) drop-shadow(0 2px 3px #6d000c2e)}
html body #h88sp2-page.h88sp2 .sx-trav{fill:#fffdf0;filter:url(#h88sp2-sx-glow)}
html body #h88sp2-page.h88sp2 .sx-tail{fill:none;stroke:#fff1a8;stroke-width:2.2;stroke-linecap:round}
html body #h88sp2-page.h88sp2 .sx-tail-fun{stroke-width:1.8}
html body #h88sp2-page.h88sp2 .sx-tail-feed{stroke-width:3}
html body #h88sp2-page.h88sp2 .sx-mping,html body #h88sp2-page.h88sp2 .sx-hub-ring,html body #h88sp2-page.h88sp2 .sx-hub-halo{transform-box:fill-box;transform-origin:center}
html body #h88sp2-page.h88sp2 .sx-mping{opacity:0}
@media (prefers-reduced-motion:no-preference){
html body #h88sp2-page.h88sp2.sx-motion .sx-hub-halo{animation:h88sp2-sx-hubp 2.8s ease-in-out infinite}
}
@keyframes h88sp2-sx-hubp{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.3);opacity:1}}

/* ---- live layout: the block is a child of <body> like the header (body keeps 80px on the right for the tool rail); full-bleed bands
   span that box, the content column is the site's own min(1280px, 100% - 48px), centred (= the live <main> and header column) ---- */
html body #h88sp2-page.h88sp2{container:h88sp2/inline-size}
html body #h88sp2-page.h88sp2 .sx-wrap{width:min(1280px,calc(100% - 48px));margin-left:auto;margin-right:auto}
/* below a 1180px column (viewport < ~1308px; the design's own narrow column at 1220 is 1180) the figures give up the difference,
   so the copy columns keep the design's line breaks */
@container h88sp2 (max-width:1227.98px){
  html body #h88sp2-page.h88sp2 .sx-hero .sx-wrap{grid-template-columns:minmax(0,1fr) 590px}
  html body #h88sp2-page.h88sp2 .sx-flow{zoom:.82}
  html body #h88sp2-page.h88sp2 .sx-head{grid-template-columns:1fr 400px;gap:40px}
  html body #h88sp2-page.h88sp2 .sx-brands.sx-kyb3{grid-template-columns:minmax(0,1fr) 484px;gap:32px}
  html body #h88sp2-page.h88sp2 .sx-orbit{zoom:.78}
}
/* ---- r3 accessibility carry-over ---- */
/* font inherit on every control (textarea too) */
html body #h88sp2-page.h88sp2 :is(input,textarea,button){font-family:inherit}
/* focus ring: ink outline + yellow halo on light surfaces (about 16:1); yellow on the red hero and the dark brands band */
html body #h88sp2-page.h88sp2 :focus-visible{outline:3px solid var(--sx-ink);outline-offset:3px;box-shadow:0 0 0 6px var(--sx-yellow)}
html body #h88sp2-page.h88sp2 .sx-hero :focus-visible,html body #h88sp2-page.h88sp2 .sx-brands :focus-visible{outline-color:var(--sx-yellow);box-shadow:none}
html body #h88sp2-page.h88sp2 .sx-form input:not([type=checkbox]):focus,html body #h88sp2-page.h88sp2 .sx-form textarea:focus{border-color:var(--sx-red);outline:2px solid var(--sx-red);outline-offset:0;box-shadow:0 0 0 5px #ffce4599}
html body #h88sp2-page.h88sp2 .sx-form .sx-choice input:focus-visible{outline-offset:2px}
/* error lines (ids tied by aria-describedby); empty = not shown */
html body #h88sp2-page.h88sp2 .sx-err{display:block;font:500 14px/1.45 var(--sx-text);color:#c50014}
html body #h88sp2-page.h88sp2 .sx-err:empty{display:none}
/* send: aria-disabled instead of disabled (stays in the Tab order); same greys as the design's :disabled */
html body #h88sp2-page.h88sp2 #h88sp2-send-whatsapp[aria-disabled="true"]{background:#e4e8ed;color:#68737f;box-shadow:none;cursor:not-allowed;border-color:#d5dbe2}
html body #h88sp2-page.h88sp2 #h88sp2-send-whatsapp[aria-disabled="true"]:hover .sx-arrow{transform:none}
html body #h88sp2-page.h88sp2 #h88sp2-send-whatsapp:focus-visible{box-shadow:0 0 0 6px var(--sx-yellow)}
/* 44px targets: the inline Privacy Policy link gets a 44px hit area (text and underline do not move) */
html body #h88sp2-page.h88sp2 .sx-submit>p a{position:relative}
html body #h88sp2-page.h88sp2 .sx-submit>p a::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
/* clear the live sticky header (152px) */
html body #h88sp2-page.h88sp2 #application,html body #h88sp2-page.h88sp2 #how-it-works,html body #h88sp2-page.h88sp2 .sx-talk{scroll-margin-top:176px}
html body #h88sp2-page.h88sp2 .sx-form :is(input,textarea,button){scroll-margin-top:176px}
/* the status line stays in the DOM; empty = not shown */
html body #h88sp2-page.h88sp2 .sx-sent:empty{display:none}
/* the upload card is not built (no file upload): its note line keeps the design's note style */
html body #h88sp2-page.h88sp2 .sx-docs .upload-note{margin-top:0}

/* ---- v2.2 (2026-10-23) ---- */
/* red hero edge to edge: the theme reserves the tool-rail lane with body padding-right (desktop-tool-rail css, --h88-tool-rail-lane = 80px
   + safe area) and extends its own header/footer bands into it with the same negative margin + matching padding. Same here, so the hero's
   content box (and the column inside it) does not move. No 100vw (would add a scrollbar's width); var() fallback 0 = no rail, no change. */
html body #h88sp2-page.h88sp2>.sx-hero{--sx-lane:var(--h88-tool-rail-lane,0px);margin-right:calc(0px - var(--sx-lane));padding-right:var(--sx-lane);
  background:radial-gradient(ellipse 30% 70% at 36% 40%,#ef1b28 0,transparent 70%) 0 0/calc(2 * (100% - var(--sx-lane))) 100% no-repeat,linear-gradient(115deg,#c4000e 0%,#d7000f 45%,#a8000e 100%)}
/* the warm radial glow keeps its v2 centre (72% of the old box) and radii (60% x 70%): it is drawn on a layer twice the old box width,
   so it now fades out naturally inside the lane instead of being cut at the old edge */
html body #h88sp2-page.h88sp2>.sx-hero:after{right:calc(1.08 * var(--sx-lane) - 8%);width:calc(62% - .62 * var(--sx-lane))}
/* win-win centre: v9-24 star (halo, bloom, star, lamp overlay, sparkles) and the WIN WIN pill with "Shared growth" */
html body #h88sp2-page.h88sp2 .sx-joint .ww-halo,html body #h88sp2-page.h88sp2 .sx-joint .ww-bloom,html body #h88sp2-page.h88sp2 .sx-joint .ww-star,html body #h88sp2-page.h88sp2 .sx-joint .ww-starlit{transform-box:fill-box;transform-origin:center}
html body #h88sp2-page.h88sp2 .sx-joint .ww-bloom{opacity:.5}
html body #h88sp2-page.h88sp2 .sx-joint .ww-starlit{opacity:0}
html body #h88sp2-page.h88sp2 .sx-joint .ww-label{font:800 12.5px/1 var(--sx-text);letter-spacing:.14em;fill:#fff}
html body #h88sp2-page.h88sp2 .sx-joint .ww-sub{font:750 14px/1 var(--sx-text);fill:var(--sx-ink)}
html body #h88sp2-page.h88sp2 .sx-joint .ww-twinkle{opacity:.55}
@media (prefers-reduced-motion:no-preference){
html body #h88sp2-page.h88sp2 .sx-joint .ww-halo{animation:h88sp2-ww-breathe 5s ease-in-out infinite}
html body #h88sp2-page.h88sp2 .sx-joint .ww-twinkle{animation:h88sp2-ww-twinkle 3.4s ease-in-out infinite}
html body #h88sp2-page.h88sp2 .sx-joint .ww-twinkle.t2{animation-delay:1.2s}
html body #h88sp2-page.h88sp2 .sx-joint .ww-twinkle.t3{animation-delay:2.3s}
}
@keyframes h88sp2-ww-breathe{0%,100%{transform:scale(.94);opacity:.75}50%{transform:scale(1.04);opacity:1}}
@keyframes h88sp2-ww-twinkle{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:.85;transform:scale(1)}}

@media (prefers-reduced-motion:no-preference){html:has(#h88sp2-page.h88sp2:not([hidden])):has(main.h88sp2-on:not([hidden])){scroll-behavior:smooth}}
/* v2.3: loops of an off-screen section are paused */
html body #h88sp2-page.h88sp2 .sx-idle,html body #h88sp2-page.h88sp2 .sx-idle *,html body #h88sp2-page.h88sp2 .sx-idle *:before,html body #h88sp2-page.h88sp2 .sx-idle *:after{animation-play-state:paused!important}
}