:host{--ink:#111a33;--ink-2:#4a5370;--blue:#056DFF;--pink:#E90061;--red:#D92D20;--navy:#003087;--green:#0b8a4b;
--s1:0 1px 1px rgba(40,30,90,.05),0 1px 3px rgba(40,30,90,.08);
--s2:0 1px 2px rgba(40,30,90,.08),0 12px 28px -8px rgba(40,30,90,.18),0 28px 56px -18px rgba(40,30,90,.24);
--ease:cubic-bezier(.2,.8,.2,1);--enter:cubic-bezier(.16,1,.3,1);--t:3.4s;
--u:https://hold-my-bid.absorber1to9.workers.dev}
*{box-sizing:border-box;margin:0}
.sec-body-unused{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:500;color:var(--ink);background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block}
button{cursor:pointer;font:inherit}
button:focus-visible{outline:2.5px solid var(--blue);outline-offset:3px}
.num{font-variant-numeric:tabular-nums}
.pill{display:inline-flex;align-items:center;gap:8px;border-radius:9999px;white-space:nowrap}
.sec{width:min(100% - 64px,1120px);margin:0 auto;padding:24px 0 128px}
.head{text-align:center;margin-bottom:60px}
h2{font-weight:800;font-size:60px;line-height:1.2}
h2 span.l{display:block}
.obj{display:inline-block;width:1.03em;height:1.03em;margin:-.24em .04em -.18em .14em;vertical-align:middle;filter:drop-shadow(0 12px 14px rgba(30,30,90,.22));animation:bob 5s ease-in-out infinite;transition:scale .2s var(--ease)}
h2:hover .obj{scale:1.12}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-7px) rotate(5deg)}}
.hl{position:relative;display:inline-block;overflow:hidden;padding:.02em .3em .08em;border-radius:.3em;color:#fff;background:linear-gradient(180deg,#25346b,var(--ink));box-shadow:inset 0 0 0 3px rgba(255,255,255,.1),inset 0 5px 0 rgba(255,255,255,.12),inset 0 -14px 18px -10px rgba(0,0,0,.5),0 18px 36px -12px rgba(17,26,51,.5);transition:scale .2s var(--ease)}
.hl::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.2),transparent);transform:skewX(-18deg);animation:sheen 4.5s var(--ease) 1.2s infinite}
.hl:hover{scale:1.03}
@keyframes sheen{0%,55%{left:-60%}85%,100%{left:120%}}
.lede{margin:20px auto 0;max-width:660px;font-size:21px;line-height:1.45;color:var(--ink-2)}
.glass{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(28px) saturate(1.8);backdrop-filter:blur(28px) saturate(1.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 10px -10px 28px -14px rgba(255,120,215,.3),inset -10px 10px 28px -14px rgba(110,190,255,.38),var(--s2),0 0 0 1px rgba(60,50,120,.06)}
.d3{position:absolute;z-index:3;filter:drop-shadow(0 16px 18px rgba(30,30,90,.24));transition:transform .4s var(--ease);animation:bob 6s ease-in-out infinite}
.d3:hover{transform:translateY(-8px) rotate(-10deg) scale(1.08);animation-play-state:paused}
.bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid rgba(60,50,120,.08)}
.bar s{width:11px;height:11px;border-radius:50%;background:#ff6159}
.bar s+s{background:#ffbd2e}
.bar s+s+s{background:#28c941}
.url{margin:0 auto;translate:-24px 0;height:26px;padding:0 16px;font-size:12.5px;font-weight:700;color:var(--ink-2);background:rgba(40,45,90,.06)}
.live{height:26px;padding:0 10px 0 8px;gap:6px;font-size:12px;font-weight:800;color:#fff;background:var(--red);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 10px -3px rgba(217,45,32,.6)}
.live i{width:7px;height:7px;border-radius:50%;background:#fff;animation:blink 1.2s ease-in-out infinite}
@keyframes blink{50%{opacity:.25}}
.who{height:40px;padding:0 16px 0 5px;gap:9px;font-size:15px;font-weight:800;background:#fff;box-shadow:var(--s1),0 0 0 1px rgba(60,50,120,.06);transition:transform .14s var(--ease)}
.who:hover{transform:translateY(-2px)}
.who img{width:30px;height:30px;border-radius:50%;background:#ffe0ec}
.who.bot img{background:#dfe9ff}
.who em{font-style:normal;font-weight:700;color:var(--ink-2)}
.trick{height:34px;padding:0 5px 0 13px;gap:0;font-size:14px;font-weight:800;color:#fff;background:var(--red);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px -6px rgba(217,45,32,.7)}
.no{display:inline-flex;align-items:center;height:24px;margin-left:9px;padding:0 10px;max-width:90px;overflow:hidden;border-radius:9999px;background:#fff;color:var(--red);font-size:13px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.ctl{display:none}}
.hl{vertical-align:bottom;margin-bottom:-.08em}
.lede{margin-top:32px}
:host{--t3:9s}
.sec{padding:120px 0 128px}
.t-foot{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:44px}
.t-replay{height:48px;padding:0 22px 0 16px;border:0;font-weight:800;font-size:15px;color:var(--ink);background:rgba(40,45,90,.07);transition:background .14s var(--ease),transform .14s var(--ease)}
.t-replay:hover{background:rgba(40,45,90,.13);transform:translateY(-2px)}
.t-replay:active{transform:scale(.97)}
.t-replay svg{transition:transform .5s var(--ease)}
.t-replay:hover svg{transform:rotate(-200deg)}
.t-desc{display:grid;gap:13px;justify-items:start}
.t-bar{display:block;height:10px;border-radius:9px;background:rgba(40,45,90,.1)}
.t-bar.w1{width:88%}
.t-bar.w2{width:64%}
.t-bar.w3{width:76%}
.t-hid{position:relative;display:inline-flex;align-items:center;height:36px;padding:0 13px;margin:-5px 0 -5px -13px;border-radius:11px;font-size:15.5px;font-weight:700;color:var(--red);isolation:isolate;white-space:nowrap}
.t-hid::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgba(217,45,32,.1);box-shadow:inset 0 0 0 1.5px rgba(217,45,32,.45);transform-origin:0 50%}
.t-meter{position:absolute;height:160px;--wl:70%}
.t-track{position:absolute;left:0;right:0;top:96px;height:20px;border-radius:9999px;background:rgba(40,45,90,.1);box-shadow:inset 0 1px 2px rgba(40,45,90,.16);overflow:hidden}
.t-over{position:absolute;left:var(--wl);right:0;top:0;bottom:0;background:repeating-linear-gradient(135deg,rgba(217,45,32,.55) 0 6px,rgba(217,45,32,.16) 6px 12px)}
.t-wall{position:absolute;left:var(--wl);top:80px;width:6px;height:52px;margin-left:-3px;border-radius:6px;background:var(--navy)}
.t-held{position:absolute;left:var(--wl);top:22px;translate:-50% 0;height:38px;padding:0 15px 0 12px;font-size:15px;font-weight:800;color:var(--ink);background:#fff;box-shadow:var(--s2),0 0 0 1px rgba(60,50,120,.06)}
.t-held img{width:16px;height:18px}
.t-held::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;margin-left:-5px;background:#fff;rotate:45deg;border-radius:2px;z-index:-1}
.t-try{position:absolute;left:var(--wl);top:89px;translate:-100% 0;z-index:2}
.t-ben{position:absolute;left:0;top:22px}
.t-ticks span{position:absolute;top:142px;translate:-50% 0;font-size:13px;font-weight:700;color:var(--ink-2)}
.t-ticks .t-at{left:var(--wl)}
.sec-body-unused{background:#fff}
.t-tr{width:1.34em;height:1.34em;margin:-.42em -.06em -.3em .08em}
.t-n{position:absolute;left:36px;top:36px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:800;color:#fff;background-color:var(--ink);box-shadow:0 0 0 1px rgba(60,50,120,.1),0 10px 18px -8px rgba(17,26,51,.5)}
.t-face{width:132px;height:132px;border-radius:50%;object-fit:cover;background:linear-gradient(160deg,#fff,#ffe3ea);box-shadow:0 0 0 6px rgba(255,255,255,.92),var(--s2)}
.t-pb .t-ben{display:none}
.t-s{display:grid;grid-template-columns:392px 1fr;gap:24px;height:520px}
.t-steps{display:grid;align-content:center;gap:10px;list-style:none;padding:0}
.t-step{position:relative;display:grid;grid-template-columns:38px 1fr;column-gap:18px;padding:24px 28px;border-radius:32px;transition:background-color .5s var(--ease),box-shadow .5s var(--ease)}
.t-step:nth-child(3){--d:4.4s}
.t-step .t-n{position:static;background-color:#fff;color:var(--ink);box-shadow:var(--s1),0 0 0 1px rgba(60,50,120,.08);transition:background-color .4s var(--ease),color .4s var(--ease)}
.t-step h3{font-size:24px;font-weight:800;line-height:38px}
.t-step h3 button{border:0;padding:0;background:none;color:inherit;font:inherit;text-align:left}
.t-step h3 button::after{content:"";position:absolute;inset:0;border-radius:32px}
.t-step p{grid-column:2;display:grid;grid-template-rows:0fr;opacity:0;font-size:16px;line-height:1.45;color:var(--ink-2);transition:grid-template-rows .5s var(--ease),opacity .4s var(--ease),margin-top .5s var(--ease)}
.t-step p span{overflow:hidden;min-height:0}
.t-prog{grid-column:2;display:block;height:0;border-radius:4px;background:rgba(40,45,90,.1);overflow:hidden;opacity:0;transition:height .5s var(--ease),opacity .4s var(--ease),margin-top .5s var(--ease)}
.t-prog i{display:block;height:100%;background:var(--ink);transform-origin:0 50%;transform:scaleX(0)}
.t-step:not(.on):hover{background-color:rgba(40,45,90,.05)}
.t-step.on{background-color:#fff;box-shadow:var(--s2),0 0 0 1px rgba(60,50,120,.06)}
.t-step.on .t-n{background-color:var(--ink);color:#fff}
.t-step.on p,.still .t-step p{grid-template-rows:1fr;opacity:1;margin-top:6px}
.t-step.on .t-prog{height:4px;opacity:1;margin-top:18px}
.t-step.on .t-prog i{animation:q-prog var(--d,3s) linear both}
.still .t-prog{display:none}
@keyframes q-prog{to{transform:scaleX(1)}}
.t-stage{position:relative;border-radius:40px;isolation:isolate}
.t-stage::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(60,50,120,.08),inset 0 1px 0 #fff}
.t-clip{position:absolute;inset:0;border-radius:inherit;overflow:hidden;z-index:-1}
.t-clip::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0) 62%)}
.t-g{position:absolute;inset:0;background:var(--g) center bottom/cover;opacity:0;transition:opacity .7s var(--ease)}
.t-g.on{opacity:1}
.t-g1{--g:url(/about/g/pattern-contour.webp)}
.t-g2{--g:url(/about/g/pattern-chevron.webp)}
.t-g3{--g:url(/about/g/pattern-scallop.webp)}
.t-sc{position:absolute;inset:0;border-radius:inherit;opacity:0;translate:0 16px;pointer-events:none;transition:opacity .4s var(--ease),translate .6s var(--ease)}
.t-sc.on{opacity:1;translate:0 0;pointer-events:auto}
.t-in{position:absolute;inset:0;border-radius:inherit;overflow:hidden}
.t-o{right:-24px;top:-34px;width:132px;height:132px}
.t-win{position:absolute;left:72px;right:72px;top:84px;height:520px;border-radius:28px;overflow:hidden}
.t-page{display:grid;grid-template-columns:196px 1fr;gap:28px 32px;padding:36px 38px}
.t-bigp{width:196px;height:196px;border-radius:30px;object-fit:cover;box-shadow:0 0 0 2px rgba(255,255,255,.9),var(--s1)}
.t-page h4{margin-top:12px;font-size:28px;font-weight:800;line-height:1.15}
.t-page .t-desc{margin-top:26px}
.t-more{grid-column:1/-1;display:grid;gap:13px}
.t-sc.on .t-hid{animation:q-ink .5s var(--ease) .8s both}
.t-sc.on .t-hid::before{animation:q-mark .5s var(--ease) .8s both}
@keyframes q-ink{from{color:rgba(74,83,112,.5)}}
@keyframes q-mark{from{transform:scaleX(0);opacity:0}}
.t-s .t-face{position:absolute;left:80px;top:136px;width:248px;height:248px}
.t-think{position:absolute;left:372px;top:170px;display:grid;justify-items:start}
.t-read{padding:20px 26px 20px 39px;border-radius:28px}
.t-read .t-hid{height:40px;font-size:17px}
.t-read .t-hid::before{transform:none}
.t-link{width:3px;height:40px;margin-left:52px;border-radius:3px;background:repeating-linear-gradient(180deg,rgba(40,45,90,.34) 0 5px,rgba(40,45,90,0) 5px 10px);transform-origin:50% 0}
.t-row{display:flex;align-items:center;gap:12px}
.t-row .who{height:48px;padding-right:20px;font-size:17px}
.t-row .who img{width:38px;height:38px}
.t-row .trick{height:60px;padding:0 26px;font-size:26px}
.t-sc.on .t-face{animation:q-pop .5s var(--enter) .1s both}
.t-sc.on .t-read{animation:q-pop .5s var(--enter) .5s both}
.t-sc.on .t-link{animation:q-grow .4s var(--ease) .95s both}
.t-sc.on .t-row .who{animation:q-pop .5s var(--enter) 1.25s both}
.t-sc.on .t-row .trick{animation:q-pop .5s var(--enter) 1.6s both}
@keyframes q-pop{from{opacity:0;scale:.6}}
@keyframes q-grow{from{transform:scaleY(0)}}
.t-pane{position:absolute;left:64px;right:64px;top:104px;bottom:104px;border-radius:32px}
.t-s .t-meter{left:40px;right:40px;top:56px;--wl:70%;zoom:1.2}
.t-s .t-ben{display:inline-flex}
.t-sc.on .t-ben{animation:q-pop .5s var(--enter) .2s both}
.t-sc.on .t-try{animation:q-fly 1.3s var(--ease) .6s both}
.t-sc.on .t-try .no{animation:q-no .5s var(--ease) 1.9s both}
.t-sc.on .t-wall{animation:q-hit 1s linear 1.35s both}
.t-sc.on .t-held{animation:q-bump .6s var(--ease) 1.35s both}
@keyframes q-fly{0%{left:calc(var(--wl) - 46%);opacity:0}16%{left:calc(var(--wl) - 42%);opacity:1}62%{left:var(--wl)}72%{left:calc(var(--wl) - 2.4%)}82%{left:var(--wl)}90%{left:calc(var(--wl) - 1%)}100%{left:var(--wl)}}
@keyframes q-no{from{max-width:0;padding:0;margin-left:0;opacity:0}}
@keyframes q-hit{0%,100%{box-shadow:none}15%,60%{box-shadow:0 0 0 5px rgba(217,45,32,.26),0 0 22px 4px rgba(217,45,32,.45)}}
@keyframes q-bump{50%{scale:1.1}}
.t-stage::after{display:none}
.t-clip::after{border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(60,50,120,.08),inset 0 1px 0 #fff}
.t-s{grid-template-columns:1fr;grid-template-rows:480px auto;height:auto;gap:20px}
.t-stage{order:-1}
.t-steps{grid-template-columns:repeat(3,1fr);gap:16px;align-content:start}
.t-step{padding:22px 26px 26px}
.t-step p{grid-template-rows:1fr;opacity:1;margin-top:6px;text-wrap:balance}
.t-prog,.t-step.on .t-prog{height:4px;opacity:1;margin-top:18px}
.t-win{left:176px;right:176px;top:76px}
.t-s .t-face{left:262px;top:116px}
.t-think{left:558px;top:150px}
.t-pane{left:176px;right:176px;top:92px;bottom:92px}
.t-s .t-meter{left:56px;right:56px;top:44px}
.d3.go{animation:wig .9s var(--ease)}
@keyframes wig{0%,100%{transform:none}30%{transform:translateY(-8px) rotate(-10deg) scale(1.08)}60%{transform:translateY(-2px) rotate(6deg) scale(1.03)}}
.t-win,.t-pane{left:max(24px,calc(50% - 384px));right:max(24px,calc(50% - 384px))}
.t-s .t-face{left:calc(50% - 298px)}
.t-think{left:calc(50% - 2px)}
.t-sc{visibility:hidden;transition:opacity .4s var(--ease),translate .6s var(--ease),visibility 0s .4s}
.t-sc.on{visibility:visible;transition:opacity .4s var(--ease),translate .6s var(--ease)}
@media (max-width:1063px){
h2{font-size:52px}
.t-s{grid-template-rows:460px auto}
.t-win{top:68px}
.t-step{grid-template-columns:1fr;padding:22px 24px 24px}
.t-step h3{margin-top:12px;font-size:21px;line-height:1.25}
.t-step p,.t-prog{grid-column:1}
}
@media (max-width:959px){
.t-steps{grid-template-columns:1fr;gap:8px}
.t-step{grid-template-columns:38px 1fr;column-gap:16px;padding:18px 22px 20px}
.t-step h3{margin-top:0;font-size:22px;line-height:38px}
.t-step p,.t-prog{grid-column:2}
.t-step p{margin-top:2px}
.t-prog,.t-step.on .t-prog{margin-top:14px}
}
@media (max-width:879px){h2{font-size:44px}.head{margin-bottom:48px}.lede{font-size:19px}
.t-s .t-face{width:200px;height:200px;left:calc(50% - 262px);top:130px}
.t-think{left:calc(50% - 38px);top:146px}
}
@media (max-width:759px){h2{font-size:38px}.t-o{width:108px;height:108px;right:-14px;top:-32px}}
@media (max-width:699px){
.t-s{grid-template-rows:420px auto}
.t-win{left:16px;right:16px;top:60px;border-radius:24px}
.t-page{grid-template-columns:64px 1fr;gap:0 14px;padding:22px 26px}
.t-page>div:not(.t-more){display:contents}
.t-bigp{width:64px;height:64px;border-radius:18px;grid-row:1/3}
.t-page .live{align-self:end;justify-self:start}
.t-page h4{margin-top:6px;font-size:19px;align-self:start}
.t-page .t-desc{grid-column:1/-1;margin-top:22px}
.t-more{margin-top:13px}
.t-s .t-face{width:132px;height:132px;left:calc(50% - 66px);top:52px}
.t-think{left:50%;translate:-50% 0;top:206px;justify-items:center}
.t-read{padding:14px 20px 14px 33px;border-radius:24px}
.t-read .t-hid{height:36px;font-size:15.5px}
.t-link{height:26px;margin-left:0}
.t-row .who{height:44px;font-size:15.5px}.t-row .who img{width:32px;height:32px}
.t-row .trick{height:50px;padding:0 20px;font-size:21px}
.t-pane{left:16px;right:16px;top:80px;bottom:80px;border-radius:26px}
.t-s .t-meter{left:22px;right:22px;top:58px;zoom:1}
.t-s .t-ben{top:-28px}
.t-o{width:96px;height:96px;right:-8px;top:-30px}
}
@media (max-width:640px){
.sec{width:calc(100% - 40px);padding:76px 0 88px}
.head{margin-bottom:36px}
h2{font-size:34px;line-height:1.24}
.lede{margin-top:24px;font-size:17px;text-wrap:balance}
.t-s{gap:16px}
.t-stage{border-radius:30px}
.t-step{border-radius:26px;padding:16px 18px 18px}
.t-step h3 button::after{border-radius:26px}
.t-step h3{font-size:20px}
.t-step p{font-size:15.5px}
.t-foot{margin-top:28px}
}
@media (max-width:389px){.sec{width:calc(100% - 32px)}h2{font-size:32px}}
@media (max-width:359px){h2{font-size:30px}.t-step p{font-size:15px}}
@media (hover:none){.d3:hover{transform:none;animation-play-state:running}.who:hover{transform:none}}

:host{all:initial;display:block;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:500;color:var(--ink);-webkit-font-smoothing:antialiased}
.sx-1{left:0!important;translate:0 0!important}