@property --arb-spin{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.hp-arb,.hp-arb-wash,.hp-arb-ball,.hp-arb-demo{--arb-orb-r: 2.6rem;--arb-cyan: #3fd0e6;--arb-cyan-soft: #8cecf8;--arb-navy: #0a1122;--arb-ink: #f4f8fb;--arb-muted: #a9b6c8;--arb-mono: "JetBrains Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--arb-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--arb-ease-out: cubic-bezier(.16, 1, .3, 1);--arb-spring: cubic-bezier(.34, 1.56, .64, 1)}.hp-arb{--arb-cols: 47;--arb-hit-bg: rgb(63 208 230 / 10%);--arb-hit-edge: var(--arb-cyan);position:relative;isolation:isolate;width:min(100%,var(--hp-card-width, 56rem));display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(1.25rem,3.5vw,2.5rem);overflow:hidden;padding:clamp(.9rem,2.5vw,1.4rem);border-radius:calc(var(--hp-radius-inner, 1rem) + .5rem);color:var(--arb-ink);font-family:var(--arb-sans);line-height:1.5;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:radial-gradient(60% 55% at 30% -10%,rgb(37 78 160 / 55%),transparent 70%),radial-gradient(45% 60% at 105% 105%,rgb(26 160 170 / 38%),transparent 70%),linear-gradient(160deg,#0c1530 0%,var(--arb-navy) 45%,#050a12 100%);box-shadow:0 1.4rem 3rem -.6rem #050e208c,0 0 0 1px #3fd0e624,inset 0 1px #ffffff14;transition:transform .3s var(--arb-ease-out),box-shadow .3s ease}.hp-arb :where(p,h2){margin:0}.hp-arb:before{content:"";position:absolute;inset:0;z-index:3;padding:1px;border-radius:inherit;background:conic-gradient(from var(--arb-spin),transparent 0 60%,rgb(63 208 230 / 90%) 74%,rgb(130 160 255 / 70%) 82%,transparent 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}.hp-arb:hover{transform:translateY(-3px);box-shadow:0 1.8rem 3.6rem -.6rem #083c5a99,0 0 0 1px #3fd0e64d,0 0 3rem #3fd0e62e,inset 0 1px #ffffff1a}.hp-arb__cover{position:absolute;inset:0;z-index:1;border-radius:inherit}.hp-arb__cover:focus-visible{outline:3px solid var(--arb-cyan);outline-offset:-3px}.hp-arb__glow{position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(28rem circle at var(--mx, 70%) var(--my, 30%),rgb(63 208 230 / 16%),transparent 60%);transition:opacity .3s ease;pointer-events:none}.hp-arb:hover .hp-arb__glow{opacity:1}.hp-arb__grid{position:absolute;inset:0;z-index:-1;background:linear-gradient(rgb(140 180 255 / 6%) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(90deg,rgb(140 180 255 / 6%) 1px,transparent 1px) 0 0 / 28px 28px;-webkit-mask:radial-gradient(80% 90% at 70% 40%,#000,transparent 75%);mask:radial-gradient(80% 90% at 70% 40%,#000,transparent 75%);pointer-events:none}.hp-arb__sweep{position:absolute;inset:-50% auto -50% 0;z-index:2;width:40%;background:linear-gradient(100deg,transparent,rgb(140 236 248 / 0%) 20%,rgb(140 236 248 / 22%) 50%,rgb(255 255 255 / 0%) 80%,transparent);transform:translate(-160%) skew(-18deg);pointer-events:none}.hp-arb__orb{position:absolute;left:50%;top:50%;z-index:4;display:none;width:calc(var(--arb-orb-r) * 2);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0,var(--arb-cyan-soft) 18%,var(--arb-cyan) 42%,#1478a0 72%,#0b2c4a 100%);box-shadow:inset -.5rem -.7rem 1.2rem #0414288c,inset .3rem .4rem .8rem #ffffff59;transform:translate(-50%,-50%);pointer-events:none}.hp-arb__watermark{position:absolute;right:-3%;top:50%;z-index:-1;width:min(46%,22rem);translate:0 -50%;fill:currentColor;color:#3fd0e60f;pointer-events:none}.hp-arb__editor{position:relative;z-index:2;display:block;min-width:0;padding-bottom:1.3rem}.hp-arb__window{position:relative;display:block;border-radius:.8rem;box-shadow:0 1rem 2rem #00000059}.hp-arb__titlebar{display:flex;align-items:center;gap:.9rem;padding:.55rem .85rem;border:1px solid rgb(255 255 255 / 7%);border-bottom:0;border-radius:.8rem .8rem 0 0;color:#9aa6b8;font-size:.72rem;white-space:nowrap;overflow:hidden;background:#04070d}.hp-arb__dots{display:inline-flex;gap:.35rem}.hp-arb__dots i{width:.6rem;height:.6rem;border-radius:50%;background:#ff5f57}.hp-arb__dots i:nth-child(2){background:#febc2e}.hp-arb__dots i:nth-child(3){background:#28c840}.hp-arb__code{display:block;container-type:inline-size;padding:.6rem 0 .7rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;border:1px solid rgb(255 255 255 / 7%);border-top-color:#ffffff0a;border-radius:0 0 .8rem .8rem;font-family:var(--arb-mono);color:#e6edf3;background:linear-gradient(180deg,#0a0e16f5,#0a0e16d1)}.hp-arb__code::-webkit-scrollbar{display:none}.hp-arb__ln{display:flex;gap:.8em;width:max-content;min-width:100%;box-sizing:border-box;padding:0 .9em;font-size:clamp(.55rem,calc(100cqi / (var(--arb-cols) * .61 + 4.6)),.8rem);line-height:1.75;white-space:pre;border-left:2px solid transparent}.hp-arb__ln b{flex:none;width:2ch;color:#5c6878;font-weight:400;text-align:right}.hp-arb__code em{font-style:normal}.hp-arb__code .y{color:#7ee787}.hp-arb__code .v{color:#79c0ff}.hp-arb__code .k{color:#ff7b72}.hp-arb__code .f{color:#d2a8ff}.hp-arb__code .s{color:#a5d6ff}.hp-arb__typed{display:inline-block;width:calc(var(--n) * 1ch);overflow:hidden;vertical-align:top;border-right:2px solid transparent}.hp-arb__typed.is-caret{border-right-color:var(--arb-cyan)}.hp-arb__ln--hit{background:var(--arb-hit-bg);border-left-color:var(--arb-hit-edge)}.hp-arb.is-replaying .hp-arb__ln--hit:not(.is-hit){background:transparent;border-left-color:transparent}.hp-arb.is-replaying .hp-arb__toast:not(.is-shown){opacity:0;transform:translateY(.8rem) scale(.92)}.hp-arb__toast{position:absolute;right:4%;bottom:0;display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .95rem .4rem .4rem;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;color:#ff8a80;font-family:var(--arb-mono);font-size:clamp(.62rem,1.1vw,.72rem);white-space:nowrap;background:#1c202aeb;box-shadow:0 .8rem 1.8rem #00000073,0 0 1.4rem #ff5f571f;backdrop-filter:blur(6px)}.hp-arb.is-pass{--arb-hit-bg: rgb(63 185 80 / 13%);--arb-hit-edge: #3fb950}.hp-arb.is-pass .hp-arb__toast{color:#7ee787;box-shadow:0 .8rem 1.8rem #00000073,0 0 1.4rem #3fb9502e}.hp-arb.is-pass .hp-arb__x{background:#238636}.hp-arb__x{display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;color:#fff;font-family:var(--arb-sans);font-size:.7rem;font-weight:800;background:#d93a3a}.hp-arb__brand{display:grid;justify-items:start;gap:.55rem;min-width:0}.hp-arb__eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:var(--arb-muted);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hp-arb__new{padding:.12rem .5rem;border-radius:999px;color:#062027;background:linear-gradient(90deg,var(--arb-cyan-soft),var(--arb-cyan));box-shadow:0 0 1rem #3fd0e673}.hp-arb__lockup{display:flex;align-items:center;gap:clamp(.7rem,1.6vw,1rem)}.hp-arb__icon{position:relative;flex:none;display:grid;place-items:center;width:clamp(3.2rem,6vw,4.2rem);aspect-ratio:1;border-radius:28%;background:linear-gradient(160deg,#24272a,#17191b);box-shadow:0 .9rem 1.8rem #00000073,inset 0 1px #ffffff17,0 0 0 1px #ffffff0d}.hp-arb__icon:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 2px var(--arb-cyan);opacity:0;pointer-events:none}.hp-arb__icon-svg{width:64%;fill:currentColor;color:var(--arb-cyan);filter:drop-shadow(0 0 .5rem rgb(63 208 230 / 45%))}.hp-arb__name{color:#fff;font-size:clamp(2.2rem,5.4vw,3.4rem);font-weight:800;letter-spacing:-.045em;line-height:1;perspective:30rem;text-shadow:0 .15em .6em rgb(0 0 0 / 35%)}.hp-arb__name span span{display:inline-block;transform-origin:50% 100%}.hp-arb__tagline{color:#b7c2d3;font-size:clamp(1.05rem,2.2vw,1.3rem);font-weight:650;letter-spacing:-.015em;line-height:1.2}.hp-arb__tagline span{background:linear-gradient(90deg,var(--arb-cyan),var(--arb-cyan-soft),var(--arb-cyan));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.hp-arb__description{max-width:24rem;color:var(--arb-muted);font-size:.86rem;line-height:1.5}.hp-arb__actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.hp-arb__repo,.hp-arb__demo,.hp-arb__discord{display:inline-flex;align-items:center;gap:.55rem;padding:.42rem .95rem;border:1px solid rgb(63 208 230 / 35%);border-radius:999px;font-family:var(--arb-mono);font-size:clamp(.7rem,1.3vw,.8rem);line-height:1.4;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s var(--arb-ease-out)}.hp-arb__repo{color:var(--arb-cyan-soft)!important;background:#3fd0e614;box-shadow:inset 0 0 1rem #3fd0e60f}.hp-arb__demo{color:#062027;font-weight:700;border-color:transparent;background:linear-gradient(90deg,var(--arb-cyan-soft),var(--arb-cyan));box-shadow:0 0 1.2rem #3fd0e64d}.hp-arb__demo span{opacity:.65;font-weight:500}.hp-arb__discord{color:#dfe2ff!important;border-color:#5865f299;background:#5865f238;box-shadow:inset 0 0 1rem #5865f21f}.hp-arb__discord:hover{transform:translateY(-1px);background:#5865f25c}.hp-arb__repo i:last-child{font-size:.85em;transition:transform .2s ease}.hp-arb__repo:hover,.hp-arb__cover:hover~.hp-arb__brand .hp-arb__repo{border-color:#3fd0e6a6;background:#3fd0e624}.hp-arb__repo:hover i:last-child,.hp-arb__cover:hover~.hp-arb__brand .hp-arb__repo i:last-child{transform:translate(3px)}.hp-arb__demo:hover{transform:translateY(-1px)}.hp-arb__repo:focus-visible,.hp-arb__demo:focus-visible,.hp-arb__discord:focus-visible{outline:3px solid var(--arb-cyan);outline-offset:3px}.hp-arb-wash{display:none}@media(prefers-reduced-motion:no-preference){.hp-arb:before{animation:arb-spin 7s linear infinite}.hp-arb__tagline span{animation:arb-shine 5s ease-in-out infinite}.hp-arb:hover .hp-arb__sweep{animation:arb-sweep .9s var(--arb-ease-out)}.hp-arb__ln{transition:background-color .35s ease,border-color .35s ease}.hp-arb__toast{transition:opacity .28s ease,transform .5s cubic-bezier(.2,.9,.3,1.25)}.hp-arb.is-paused,.hp-arb.is-paused *,.hp-arb.is-paused:before{animation-play-state:paused!important}.hp-arb.is-intro{animation:arb-ball 1.1s linear 1.5s backwards}.hp-arb.is-intro .hp-arb__orb{display:block;animation:arb-orb 1.1s linear 1.5s both}.hp-arb.is-intro .hp-arb__sweep{animation:arb-sweep 1.3s var(--arb-ease-out) 2.03s}.hp-arb.is-intro .hp-arb__editor{animation:arb-from-left .9s var(--arb-ease-out) 1.81s backwards}.hp-arb.is-intro .hp-arb__eyebrow,.hp-arb.is-intro .hp-arb__tagline,.hp-arb.is-intro .hp-arb__description,.hp-arb.is-intro .hp-arb__actions{animation:arb-rise .8s var(--arb-ease-out) backwards}.hp-arb.is-intro .hp-arb__eyebrow{animation-delay:1.85s}.hp-arb.is-intro .hp-arb__tagline{animation-delay:2.28s}.hp-arb.is-intro .hp-arb__description{animation-delay:2.37s}.hp-arb.is-intro .hp-arb__actions{animation-delay:2.46s}.hp-arb.is-intro .hp-arb__icon{animation:arb-icon .9s var(--arb-spring) 1.89s backwards}.hp-arb.is-intro .hp-arb__icon:after{animation:arb-ring 1.1s var(--arb-ease-out) 2.23s}.hp-arb.is-intro .hp-arb__name span span{animation:arb-letter .9s var(--arb-ease-out) calc(1.95s + var(--i) * 45ms) backwards}.hp-arb.is-intro .hp-arb__new{animation:arb-pop .7s var(--arb-spring) 2.63s backwards}.hp-arb-ball.is-intro{position:fixed;left:0;top:0;z-index:2147483001;display:block;width:calc(var(--arb-orb-r) * 2);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0,var(--arb-cyan-soft) 18%,var(--arb-cyan) 42%,#1478a0 72%,#0b2c4a 100%);box-shadow:inset -.5rem -.7rem 1.2rem #0414288c,inset .3rem .4rem .8rem #ffffff59,0 0 2rem #3fd0e68c;pointer-events:none;animation:arb-ball-travel 1.5s linear forwards}.hp-arb-ball.is-intro:after{content:"";position:absolute;inset:-30%;border-radius:50%;border:2px solid var(--arb-cyan-soft);opacity:0;animation:arb-ball-impact 1.5s linear forwards}.hp-arb-wash.is-intro{position:fixed;inset:0;z-index:2147483000;display:block;pointer-events:none;visibility:hidden;animation:arb-wash 2.6s linear .5s forwards}.hp-arb-wash.is-intro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--arb-wash-x, 50%) var(--arb-wash-y, 22%),rgb(140 236 248 / 95%),rgb(63 208 230 / 85%) 22%,rgb(23 70 140 / 90%) 55%,rgb(8 14 34 / 95%) 100%);mix-blend-mode:color;clip-path:circle(0 at var(--arb-wash-x, 50%) var(--arb-wash-y, 22%));animation:arb-flood 2.6s var(--arb-ease-out) .5s forwards}.hp-arb-wash.is-intro:after{content:"";position:absolute;left:var(--arb-wash-x, 50%);top:var(--arb-wash-y, 22%);width:300vmax;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,transparent 93%,rgb(140 236 248 / 55%) 97%,transparent 100%);mix-blend-mode:screen;transform:translate(-50%,-50%) scale(0);animation:arb-ring-wave 1.4s var(--arb-ease-out) .56s forwards}}@keyframes arb-spin{to{--arb-spin: 360deg}}@keyframes arb-shine{50%{background-position:100% 0}}@keyframes arb-sweep{0%{transform:translate(-160%) skew(-18deg)}to{transform:translate(380%) skew(-18deg)}}@keyframes arb-ball-travel{0%{opacity:1;transform:translate(calc(var(--arb-ball-sun-x, 50vw) - var(--arb-orb-r)),calc(var(--arb-orb-r) * -2.5)) scale(1);animation-timing-function:cubic-bezier(.55,0,.9,.55)}33%{transform:translate(calc(var(--arb-ball-sun-x, 50vw) - var(--arb-orb-r)),calc(var(--arb-ball-sun-y, 70vh) - var(--arb-orb-r))) scale(1.3,.72);animation-timing-function:ease-out}37%{transform:translate(calc(var(--arb-ball-sun-x, 50vw) - var(--arb-orb-r)),calc(var(--arb-ball-sun-y, 70vh) - var(--arb-orb-r))) scale(1);animation-timing-function:cubic-bezier(.2,.7,.4,1)}47%{transform:translate(calc(var(--arb-ball-sun-x, 50vw) - var(--arb-orb-r)),calc(var(--arb-ball-sun-y, 70vh) - var(--arb-orb-r) * 4.4)) scale(.94,1.06);animation-timing-function:cubic-bezier(.55,0,.9,.55)}57%{transform:translate(calc(var(--arb-ball-sun-x, 50vw) - var(--arb-orb-r)),calc(var(--arb-ball-sun-y, 70vh) - var(--arb-orb-r))) scale(1.2,.8);animation-timing-function:ease-out}60%{transform:translate(calc(var(--arb-ball-sun-x, 50vw) - var(--arb-orb-r)),calc(var(--arb-ball-sun-y, 70vh) - var(--arb-orb-r))) scale(1);animation-timing-function:cubic-bezier(.3,.6,.5,1)}80%{transform:translate(calc((var(--arb-ball-sun-x, 50vw) + var(--arb-ball-card-x, 50vw)) / 2 - var(--arb-orb-r)),calc(min(var(--arb-ball-sun-y, 70vh),var(--arb-ball-card-y, 25vh)) - var(--arb-orb-r) * 3.6)) scale(.96,1.05);animation-timing-function:cubic-bezier(.5,0,.8,.6)}99%{opacity:1;transform:translate(calc(var(--arb-ball-card-x, 50vw) - var(--arb-orb-r)),calc(var(--arb-ball-card-y, 25vh) - var(--arb-orb-r))) scale(1)}to{opacity:0;transform:translate(calc(var(--arb-ball-card-x, 50vw) - var(--arb-orb-r)),calc(var(--arb-ball-card-y, 25vh) - var(--arb-orb-r))) scale(1)}}@keyframes arb-ball-impact{0%,32%{opacity:0;transform:scale(.7)}34%{opacity:.9;transform:scale(.9)}42%{opacity:0;transform:scale(2.2)}56%{opacity:0;transform:scale(.7)}58%{opacity:.8;transform:scale(.9)}66%,to{opacity:0;transform:scale(2)}}@keyframes arb-ball{0%{clip-path:circle(0 at 50% 50%)}1%,14%{clip-path:circle(var(--arb-orb-r) at 50% 50%);transform:none;filter:none;animation-timing-function:ease-in}22%{clip-path:circle(calc(var(--arb-orb-r) * .8) at 50% 50%);filter:brightness(1.6);animation-timing-function:cubic-bezier(.16,1,.3,1)}to{clip-path:circle(75% at 50% 50%);transform:none;filter:none}}@keyframes arb-orb{0%{opacity:0;transform:translate(-50%,-50%) scale(1);filter:none}1%,14%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:none}19%{opacity:1;transform:translate(-50%,-50%) scale(.8);filter:none}23%{opacity:1;transform:translate(-50%,-50%) scale(1.3);filter:brightness(1.8)}45%,to{opacity:0;transform:translate(-50%,-50%) scale(9);filter:brightness(2)}}@keyframes arb-from-left{0%{opacity:0;filter:blur(6px);transform:translate(-2.5rem) rotateY(12deg)}}@keyframes arb-rise{0%{opacity:0;filter:blur(4px);transform:translateY(.9rem)}}@keyframes arb-icon{0%{opacity:0;transform:scale(.2) rotate(-35deg)}}@keyframes arb-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@keyframes arb-letter{0%{opacity:0;color:var(--arb-cyan);text-shadow:0 0 1.2rem var(--arb-cyan);transform:translateY(.55em) rotateX(-85deg)}60%{opacity:1;color:var(--arb-cyan-soft);text-shadow:0 0 .9rem rgb(63 208 230 / 80%)}}@keyframes arb-pop{0%{opacity:0;transform:scale(.4)}}@keyframes arb-wash{0%{visibility:visible;opacity:1}55%{opacity:1}99%{visibility:visible}to{visibility:hidden;opacity:0}}@keyframes arb-flood{0%{clip-path:circle(0 at var(--arb-wash-x, 50%) var(--arb-wash-y, 22%));opacity:1}45%{clip-path:circle(150vmax at var(--arb-wash-x, 50%) var(--arb-wash-y, 22%));opacity:.9}to{clip-path:circle(150vmax at var(--arb-wash-x, 50%) var(--arb-wash-y, 22%));opacity:0}}@keyframes arb-ring-wave{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.hp-arb-demo{width:min(94vw,72rem);max-width:none;max-height:none;padding:0;border:0;overflow:visible;color:var(--arb-ink);font-family:var(--arb-sans);background:none}.hp-arb-demo::backdrop{background:radial-gradient(60% 60% at 50% 40%,rgb(20 80 110 / 45%),transparent 70%),#030710d1;backdrop-filter:blur(10px) saturate(1.2)}.hp-arb-demo__frame{overflow:hidden;border-radius:1.1rem;background:#050a14;box-shadow:0 2rem 5rem #0009,0 0 0 1px #3fd0e640,0 0 4rem #3fd0e626}.hp-arb-demo__bar{display:flex;align-items:center;gap:1rem;padding:.6rem .7rem .6rem 1rem;border-bottom:1px solid rgb(255 255 255 / 7%);background:linear-gradient(90deg,#0c1530,#071019)}.hp-arb-demo__title{display:inline-flex;align-items:center;gap:.55rem;margin-right:auto;font-weight:800;letter-spacing:-.02em}.hp-arb-demo__title span{color:var(--arb-muted);font-weight:500;letter-spacing:0}.hp-arb-demo__icon{width:1.3rem;fill:var(--arb-cyan)}.hp-arb-demo__link{color:var(--arb-cyan-soft);font-size:.85rem;text-decoration:none}.hp-arb-demo__link i{margin-right:.15rem}.hp-arb-demo__link:hover{text-decoration:underline}.hp-arb-demo__close{display:grid;place-items:center;width:2.1rem;height:2.1rem;border:1px solid rgb(255 255 255 / 12%);border-radius:50%;color:var(--arb-ink);background:#ffffff0f;cursor:pointer}.hp-arb-demo__close:hover{background:#ffffff1f}.hp-arb-demo__video{display:block;width:100%;height:auto;max-height:calc(100dvh - 7rem);aspect-ratio:16 / 9;background:#050a14}@media(prefers-reduced-motion:no-preference){.hp-arb-demo[open]{animation:arb-demo-in .45s var(--arb-ease-out)}.hp-arb-demo[open]::backdrop{animation:arb-fade .45s ease}}@keyframes arb-demo-in{0%{opacity:0;transform:translateY(1.5rem) scale(.94)}}@keyframes arb-fade{0%{opacity:0}}.hp-shell:has(.hp-arb) .hp-sun-spotlight{position:relative;isolation:isolate}@media(prefers-reduced-motion:no-preference){.hp-shell:has(.hp-arb.is-storing) .hp-sun-spotlight{animation:arb-sun-power 7.5s linear .5s backwards}.hp-shell:has(.hp-arb.is-storing) .hp-sun-spotlight:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;background:radial-gradient(120% 85% at 50% -25%,rgb(140 236 248 / 60%),rgb(63 208 230 / 20%) 45%,transparent 72%);mix-blend-mode:screen;opacity:0;pointer-events:none;animation:arb-sun-spill 7.5s linear .5s forwards}.hp-shell:has(.hp-arb.is-storing) .hp-sun-spotlight:before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;background:linear-gradient(transparent,rgb(140 236 248 / 35%) 40%,rgb(255 255 255 / 50%) 50%,rgb(140 236 248 / 35%) 60%,transparent) 0 -20% / 100% 16% no-repeat,repeating-linear-gradient(0deg,rgb(0 30 45 / 13%) 0 1px,transparent 1px 3px);opacity:0;pointer-events:none;animation:arb-sun-scan 7.5s linear .5s forwards}.hp-shell:has(.hp-arb.is-storing) .hp-sun-spotlight__art{animation:arb-sun-glitch 7.5s steps(1,end) .5s backwards}.hp-shell:has(.hp-arb.is-storing) .hp-sun-spotlight__title{animation:arb-sun-split 7.5s steps(1,end) .5s backwards}.hp-shell:has(.hp-arb.is-storing) .hp-sun-spotlight__copy{animation:arb-sun-drop 7.5s steps(1,end) .5s backwards}}@keyframes arb-sun-power{0%{filter:brightness(1) saturate(1) hue-rotate(0deg) contrast(1)}2%{filter:brightness(.35) saturate(.5) hue-rotate(0deg) contrast(1)}3%{filter:brightness(1.35) saturate(1.3) hue-rotate(150deg) contrast(1.1)}4%{filter:brightness(.45) saturate(.6) hue-rotate(150deg) contrast(1)}5.5%{filter:brightness(1.2) saturate(1.3) hue-rotate(155deg) contrast(1.05)}6.5%{filter:brightness(.7) saturate(1) hue-rotate(150deg) contrast(1)}8%,28%{filter:brightness(1.08) saturate(1.25) hue-rotate(150deg) contrast(1.05)}29%{filter:brightness(.55) saturate(.8) hue-rotate(140deg) contrast(1)}30%{filter:brightness(1.12) saturate(1.2) hue-rotate(120deg) contrast(1.05)}44%{filter:brightness(1.04) saturate(1.1) hue-rotate(95deg) contrast(1.02)}45%{filter:brightness(.7) saturate(.9) hue-rotate(95deg) contrast(1)}46%{filter:brightness(1.05) saturate(1.1) hue-rotate(80deg) contrast(1.02)}61%{filter:brightness(1.02) saturate(1.05) hue-rotate(45deg) contrast(1)}62%{filter:brightness(.82) saturate(1) hue-rotate(45deg) contrast(1)}63%{filter:brightness(1.02) saturate(1.05) hue-rotate(35deg) contrast(1)}80%{filter:brightness(1) saturate(1) hue-rotate(10deg) contrast(1)}81%{filter:brightness(.9) saturate(1) hue-rotate(8deg) contrast(1)}82%,to{filter:brightness(1) saturate(1) hue-rotate(0deg) contrast(1)}}@keyframes arb-sun-spill{0%,2%{opacity:0}3%{opacity:1}4%{opacity:.2}5.5%{opacity:1}6.5%{opacity:.4}8%{opacity:.9}28%{opacity:.85}29%{opacity:.2}30%{opacity:.7}45%{opacity:.3}46%{opacity:.55}62%{opacity:.15}63%{opacity:.3}80%{opacity:.08}82%,to{opacity:0}}@keyframes arb-sun-scan{0%,1.9%{opacity:0;background-position:0 -20%,0 0}2%{opacity:1;background-position:0 10%,0 0}4%{background-position:0 75%,0 1px}6%{background-position:0 30%,0 0}8%{opacity:.7;background-position:0 90%,0 1px}28%{opacity:.45;background-position:0 120%,0 0}29%{opacity:1;background-position:0 -10%,0 1px}31%{background-position:0 55%,0 0}45%{opacity:.35;background-position:0 120%,0 1px}46%{opacity:.8;background-position:0 20%,0 0}62%{opacity:.2;background-position:0 90%,0 1px}63%{opacity:.55;background-position:0 60%,0 0}64%{opacity:.2}80%{opacity:.1;background-position:0 120%,0 0}82%,to{opacity:0}}@keyframes arb-sun-glitch{0%{transform:none;clip-path:inset(0)}3%{transform:translate(-5px) skew(4deg);clip-path:inset(0)}3.6%{transform:translate(4px,1px);clip-path:inset(30% 0 40% 0)}4.2%{transform:none;clip-path:inset(0)}5.5%{transform:translate(-3px);clip-path:inset(55% 0 10% 0)}6.2%{transform:none;clip-path:inset(0)}29%{transform:translate(6px) skew(-6deg);clip-path:inset(0)}29.7%{transform:translate(-4px);clip-path:inset(10% 0 60% 0)}30.4%{transform:none;clip-path:inset(0)}45%{transform:translate(3px);clip-path:inset(40% 0 30% 0)}45.6%{transform:none;clip-path:inset(0)}62%{transform:translate(-2px);clip-path:inset(0)}62.5%{transform:none;clip-path:inset(0)}81%{transform:translate(2px);clip-path:inset(0)}81.4%,to{transform:none;clip-path:inset(0)}}@keyframes arb-sun-split{0%{transform:none;text-shadow:none}3%{transform:translate(2px);text-shadow:-3px 0 rgb(63 208 230 / 85%),3px 0 rgb(255 70 120 / 75%)}4.2%{transform:none;text-shadow:-1px 0 rgb(63 208 230 / 50%),1px 0 rgb(255 70 120 / 40%)}5.5%{transform:translate(-3px);text-shadow:-4px 0 rgb(63 208 230 / 85%),4px 0 rgb(255 70 120 / 75%)}6.2%{transform:none;text-shadow:none}29%{transform:translate(3px);text-shadow:-3px 0 rgb(63 208 230 / 80%),3px 0 rgb(255 70 120 / 70%)}30.4%{transform:none;text-shadow:none}45%{transform:none;text-shadow:-2px 0 rgb(63 208 230 / 70%),2px 0 rgb(255 70 120 / 60%)}45.6%{transform:none;text-shadow:none}62%{transform:none;text-shadow:-1px 0 rgb(63 208 230 / 60%),1px 0 rgb(255 70 120 / 50%)}62.5%,to{transform:none;text-shadow:none}}@keyframes arb-sun-drop{0%{opacity:1}3%{opacity:.45}3.6%{opacity:1}5.5%{opacity:.6}6.2%{opacity:1}29%{opacity:.55}29.7%,to{opacity:1}}html[data-arb-motion=off] .hp-arb,html[data-arb-motion=off] .hp-arb *,html[data-arb-motion=off] .hp-arb:before,html[data-arb-motion=off] .hp-arb *:before,html[data-arb-motion=off] .hp-arb *:after,html[data-arb-motion=off] .hp-arb-demo,html[data-arb-motion=off] .hp-arb-demo::backdrop{animation:none!important;transition:none!important}html[data-arb-motion=off] .hp-arb:hover{transform:none}html[data-arb-motion=off] .hp-arb:before,html[data-arb-motion=off] .hp-arb__orb,html[data-arb-motion=off] .hp-arb__sweep,html[data-arb-motion=off] .hp-arb-wash,html[data-arb-motion=off] .hp-arb-ball,html[data-arb-motion=off] .hp-shell .hp-sun-spotlight:before,html[data-arb-motion=off] .hp-shell .hp-sun-spotlight:after{display:none!important}html[data-arb-motion=off] .hp-shell .hp-sun-spotlight,html[data-arb-motion=off] .hp-shell .hp-sun-spotlight__art,html[data-arb-motion=off] .hp-shell .hp-sun-spotlight__title,html[data-arb-motion=off] .hp-shell .hp-sun-spotlight__copy{animation:none!important;filter:none!important}.hp-arb__motion{position:absolute;top:.6rem;right:.7rem;z-index:5;display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .7rem;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;color:var(--arb-muted);font:600 .68rem/1.4 var(--arb-sans);letter-spacing:.02em;background:#080e1c8c;backdrop-filter:blur(6px);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.hp-arb__motion b{color:var(--arb-cyan-soft);font-weight:800}.hp-arb__motion[aria-pressed=false] b{color:#ff9a92}.hp-arb__motion:hover{color:var(--arb-ink);border-color:#3fd0e68c;background:#3fd0e624}.hp-arb__motion:focus-visible{outline:3px solid var(--arb-cyan);outline-offset:2px}@media(max-width:720px){.hp-arb{grid-template-columns:minmax(0,1fr)}.hp-arb__brand{order:-1}.hp-arb__motion-label{font-size:0}.hp-arb__motion-label b{font-size:.68rem}.hp-arb__watermark{top:22%;width:50%}.hp-arb__editor{display:grid;grid-template-columns:minmax(0,1fr);padding-bottom:0}.hp-arb__toast{position:relative;right:auto;justify-self:center;margin-top:.7rem}.hp-arb-demo__title span,.hp-arb-demo__link{display:none}}