: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}
.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%}}
.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}
@keyframes pop{from{opacity:0;scale:.6}}
.ctl{display:flex;justify-content:center;margin-top:36px}
.pause{width:40px;height:40px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:rgba(40,45,90,.07);transition:background .14s var(--ease),transform .14s var(--ease)}
.pause:hover{background:rgba(40,45,90,.14)}
.pause:active{transform:scale(.92)}
.pause .p2,.paused .pause .p1{display:none}
.paused .pause .p2{display:block}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.ctl{display:none}}
.hl{vertical-align:bottom;margin-bottom:-.08em}
.sec{padding:120px 0 128px}
.q-ob{width:1.16em;height:1.16em;margin:-.3em -.06em -.24em .12em}
.q-n{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:800;color:var(--ink);background-color:#fff;box-shadow:var(--s1),0 0 0 1px rgba(60,50,120,.08);transition:background-color .4s var(--ease),color .4s var(--ease)}
.paused .pause .p1{display:none}
.paused .pause .p2{display:block}
.q-d{display:grid;grid-template-columns:428px 1fr;gap:24px}
.q-nav{display:grid;gap:8px;align-content:center;list-style:none;padding:0}
.q-st{position:relative;display:flex;align-items:center;gap:16px;height:72px;padding:0 24px 0 16px;border-radius:9999px;transition:background-color .5s var(--ease),box-shadow .5s var(--ease)}
.q-st h3{font-size:18px;font-weight:800;line-height:1.25}
.q-st h3 button{border:0;padding:0;background:none;color:inherit;font:inherit;text-align:left}
.q-st h3 button::after{content:"";position:absolute;inset:0;border-radius:9999px}
.q-st:not(.on):hover{background-color:rgba(40,45,90,.05)}
.q-st.on{background-color:#fff;box-shadow:var(--s2),0 0 0 1px rgba(60,50,120,.06)}
.q-st.on .q-n{background-color:var(--ink);color:#fff}
.q-pr{position:absolute;left:70px;right:32px;bottom:10px;height:3px;border-radius:3px;overflow:hidden;opacity:0}
.q-pr i{display:block;height:100%;background:var(--ink);transform-origin:0 50%;transform:scaleX(0)}
.q-st.on .q-pr{opacity:1;background:rgba(40,45,90,.1)}
.q-st.on .q-pr i{animation:q-prog 5.6s linear both}
@keyframes q-prog{to{transform:scaleX(1)}}
.paused .q-st.on .q-pr i{animation-play-state:paused}
.q-big{position:relative;height:548px;border-radius:40px;color:#fff;background:radial-gradient(560px 420px at 86% 4%,rgba(96,128,255,.36),rgba(96,128,255,0) 70%),linear-gradient(160deg,#27377a,var(--ink) 72%);box-shadow:inset 0 0 0 3px rgba(255,255,255,.08),inset 0 5px 0 rgba(255,255,255,.1),0 30px 60px -30px rgba(17,26,51,.6)}
.q-pn{position:absolute;inset:0;padding:60px 64px;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility 0s .35s}
.q-pn.on{opacity:1;visibility:visible;transition:opacity .35s var(--ease)}
.q-pn h3{font-size:19px;font-weight:800;color:rgba(255,255,255,.66)}
.q-pn p{margin-top:14px;font-size:32px;line-height:1.32;font-weight:800;text-wrap:balance}
.q-pn.on h3{animation:q-up .5s var(--enter) both}
.q-pn.on p{animation:q-up .6s var(--enter) .08s both}
@keyframes q-up{from{opacity:0;translate:0 18px}}
.q-pn .d3{right:40px;top:-44px;width:208px;height:208px}
.q-pn.on .d3{animation:pop .6s var(--enter) both,bob 6s ease-in-out .6s infinite}
.q-k0{--c:#ff6b3d}
.q-k1{--c:#22c7a0}
.q-k2{--c:#4f8dff}
.q-k3{--c:#ff5a7d}
.q-k4{--c:#ffb92e}
.q-k5{--c:#2fc3ff}
.q-clip{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.q-gw{position:absolute;right:144px;top:60px;width:0;height:0;opacity:0;transition:opacity .6s var(--ease)}
.q-gw.on{opacity:1}
.q-gl{position:absolute;left:-200px;top:-200px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 78%,#fff) 0,var(--c) 20%,color-mix(in srgb,var(--c) 36%,transparent) 46%,transparent 70%);scale:.8;transition:scale .9s var(--enter)}
.q-gw.on .q-gl{scale:1}
.q-rg{position:absolute;left:-158px;top:-158px;width:316px;height:316px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--c) 60%,#fff);opacity:.34}
.q-rg + .q-rg{left:-232px;top:-232px;width:464px;height:464px;opacity:.18}
.q-gw.on .q-rg{animation:q-ring 3.6s var(--ease) infinite}
.q-gw.on .q-rg + .q-rg{animation-delay:.5s}
@keyframes q-ring{0%,100%{scale:1}50%{scale:1.07}}
.q-st.on .q-pr i{background:color-mix(in srgb,var(--c) 78%,var(--ink))}
.paused .q-big *{animation-play-state:paused}
.q-v4 .q-st{height:auto;min-height:72px;padding:14px 24px 14px 16px;border-radius:36px;transition:background-color .5s var(--ease),box-shadow .5s var(--ease),border-radius .3s var(--ease)}
.q-v4 .q-st h3 button::after{border-radius:36px}
.q-v4 .q-st.q-two{border-radius:26px;padding:17px 24px 25px 16px}
.q-v4 .q-st.q-two h3 button::after{border-radius:26px}
.q-v4 .q-st.q-two .q-pr{bottom:12px}
.q-v4 .q-n{transition:background-color .4s var(--ease),color .4s var(--ease),scale .3s var(--enter)}
.q-v4 .q-st:not(.on):hover .q-n{scale:1.1}
.q-v4 .q-gw.on .q-gl{animation:q-glow 4.8s var(--ease) .9s infinite}
@keyframes q-glow{50%{scale:1.06}}
@media (max-width:1063px){h2{font-size:52px}}
@media (max-width:879px){h2{font-size:44px}.head{margin-bottom:48px}}
@media (max-width:759px){h2{font-size:38px}}
@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}.ctl{margin-top:28px}.pause{width:44px;height:44px}}
@media (max-width:389px){.sec{width:calc(100% - 32px)}h2{font-size:32px}}
@media (max-width:359px){h2{font-size:30px}}
@media (hover:none){.d3:hover{transform:none;animation-play-state:running}}
.q-ans,.q-ac,.q-ao{display:none}
.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)}}
@media (max-width:1183px){.q-d{grid-template-columns:396px 1fr}.q-pn{padding:56px 52px}.q-pn p{font-size:30px}}
@media (max-width:1063px){
.q-d{grid-template-columns:1fr;gap:20px}
.q-big{order:-1;height:400px}
.q-nav{grid-template-columns:1fr 1fr;gap:8px 16px;align-items:center}
.q-pn{padding:44px 52px}
.q-pn p{max-width:640px}
.q-pn .d3{width:176px;height:176px;right:36px;top:-40px}
.q-gw{right:124px;top:48px}
}
@media (max-width:879px){.q-pn p{font-size:28px}}
@media (max-width:699px){
.q-big,.q-pr,.ctl{display:none}
.q-nav{grid-template-columns:1fr;gap:8px}
.q-v5 .q-nav .q-st{isolation:isolate;display:grid;grid-template-columns:38px 1fr;gap:0 14px;align-items:center;min-height:64px;padding:13px 44px 13px 13px;border-radius:32px;background-color:rgba(255,255,255,.66);box-shadow:inset 0 0 0 1px rgba(60,50,120,.07);transition:background-color .45s var(--ease),box-shadow .5s var(--ease),border-radius .3s var(--ease),color .3s var(--ease),margin-top .5s var(--ease),padding .5s var(--ease)}
.q-v5 .q-nav .q-st.q-two{border-radius:24px}
.q-v5 .q-nav .q-st h3 button::after{border-radius:28px}
.q-st::after{content:"";position:absolute;right:20px;top:50%;width:12px;height:12px;margin-top:-6px;opacity:.75;background:linear-gradient(var(--ink-2),var(--ink-2)) center/100% 2px no-repeat,linear-gradient(var(--ink-2),var(--ink-2)) center/2px 100% no-repeat;transition:opacity .3s var(--ease),rotate .5s var(--enter)}
.q-st.on::after{opacity:0;rotate:90deg}
.q-v5 .q-nav .q-st.on{margin-top:50px;padding:22px 44px 24px 13px;border-radius:28px;color:#fff;background-color:var(--ink);box-shadow:0 24px 48px -26px rgba(17,26,51,.6)}
.q-v5 .q-nav .q-st.on:first-child{margin-top:30px}
.q-v5 .q-nav .q-st.on .q-n{background-color:#fff;color:var(--ink)}
.q-ac{display:block;position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;pointer-events:none;opacity:0;background:linear-gradient(160deg,#27377a,var(--ink) 72%);box-shadow:inset 0 0 0 3px rgba(255,255,255,.08),inset 0 5px 0 rgba(255,255,255,.1);transition:opacity .45s var(--ease)}
.q-st.on .q-ac{opacity:1}
.q-ac .q-gl{left:auto;right:-72px;top:-134px;width:240px;height:240px;scale:1}
.q-ac .q-rg{left:auto;right:-42px;top:-104px;width:180px;height:180px}
.q-st.on .q-ac .q-rg{animation:q-ring 3.6s var(--ease) infinite}
.q-ao{display:block;right:12px;top:-56px;width:68px;height:68px;visibility:hidden;opacity:0}
.q-st.on .q-ao{visibility:visible;opacity:1;animation:pop .6s var(--enter) both,bob 6s ease-in-out .6s infinite}
.q-ans{display:grid;grid-column:1/-1;grid-template-rows:0fr;margin-right:-24px;transition:grid-template-rows .5s var(--ease)}
.q-st.on .q-ans{grid-template-rows:1fr}
.q-ans>div{overflow:hidden;min-height:0}
.q-v5 .q-st h3{font-size:20px;line-height:1.25}
.q-v5 .q-st h3,.q-v5 .q-st h3 button{text-wrap:pretty}
.q-ans p{padding:12px 0 0 3px;font-size:16.5px;line-height:1.5;font-weight:500;color:rgba(255,255,255,.82);text-wrap:pretty}
}
@media (max-width:389px){.q-v5 .q-st h3{font-size:19px}.q-ans p{font-size:16px}}
@media (max-width:359px){.q-v5 .q-st h3{font-size:18px}.q-ans p{font-size:15.5px}}
.sec-body-unused{background:#f3f5ff}

: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}