.sr-band[data-astro-cid-yolmjnsu]{background:var(--white);padding:clamp(56px,6vw,88px) 0}.sr-head[data-astro-cid-yolmjnsu]{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}.sr-tit[data-astro-cid-yolmjnsu]{display:flex;flex-direction:column;gap:10px}.sr-eyebrow[data-astro-cid-yolmjnsu]{font-family:var(--ff-mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:color-mix(in srgb,var(--gray-700) 55%,var(--gray-500))}.sr-h2[data-astro-cid-yolmjnsu]{margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:800;letter-spacing:-.035em;line-height:1.05;color:var(--black)}.sr-all[data-astro-cid-yolmjnsu]{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:var(--black);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--gray-300)}.sr-all[data-astro-cid-yolmjnsu] svg[data-astro-cid-yolmjnsu]{transition:transform .25s var(--ease-out)}.sr-all[data-astro-cid-yolmjnsu]:hover svg[data-astro-cid-yolmjnsu],.sr-all[data-astro-cid-yolmjnsu]:focus-visible svg[data-astro-cid-yolmjnsu]{transform:translate(4px)}.sr-only[data-astro-cid-yolmjnsu]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sr[data-astro-cid-yolmjnsu]{background:var(--black);border-radius:28px;padding:clamp(18px,2.6vw,36px);display:flex;flex-direction:column;gap:clamp(20px,2.6vw,32px);color:var(--white);overflow:hidden}.sr__top[data-astro-cid-yolmjnsu]{display:flex;flex-wrap:wrap;gap:clamp(28px,4vw,56px);align-items:center}.sr__dev[data-astro-cid-yolmjnsu]{flex:1 1 520px;min-width:0;position:relative;padding:0 clamp(20px,3vw,44px) clamp(16px,2.4vw,32px) 0}.sr__browser[data-astro-cid-yolmjnsu]{background:var(--surface-1);border:1px solid color-mix(in srgb,var(--surface-2) 50%,var(--surface-3));border-radius:14px;overflow:hidden;box-shadow:0 40px 80px -30px color-mix(in srgb,var(--black) 80%,transparent)}.sr__bar[data-astro-cid-yolmjnsu]{height:40px;display:flex;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid var(--surface-2)}.sr__dots[data-astro-cid-yolmjnsu]{display:inline-flex;gap:6px;flex:none}.sr__dots[data-astro-cid-yolmjnsu] span[data-astro-cid-yolmjnsu]{width:10px;height:10px;border-radius:var(--r-full);background:var(--surface-3)}.sr__url[data-astro-cid-yolmjnsu]{flex:1;max-width:360px;margin:0 auto;height:26px;border-radius:var(--r-full);background:var(--bg-deep);border:1px solid var(--surface-2);display:flex;align-items:center;gap:8px;padding:0 12px;font-family:var(--ff-mono);font-size:12px;color:var(--gray-300);overflow:hidden;min-width:0}.sr__url[data-astro-cid-yolmjnsu] svg[data-astro-cid-yolmjnsu]{flex:none;color:var(--emerald-400)}.sr__dom[data-astro-cid-yolmjnsu]{display:inline-block;white-space:nowrap;overflow:hidden;max-width:calc(var(--n) * 1ch + 1px)}.sr[data-astro-cid-yolmjnsu].is-typing .sr__dom[data-astro-cid-yolmjnsu]{animation:sr-type .9s steps(var(--n)) both}@keyframes sr-type{0%{max-width:0}}.sr__view[data-astro-cid-yolmjnsu]{position:relative;aspect-ratio:16 / 10;min-height:0;overflow:hidden;background:var(--white)}.sr__cover[data-astro-cid-yolmjnsu]{position:absolute;inset:0 0 auto;display:block}.sr__cover[data-astro-cid-yolmjnsu] img[data-astro-cid-yolmjnsu]{display:block;width:100%;height:auto}.sr__view[data-astro-cid-yolmjnsu]:has(.sr__shot.act:not(.sr__shot--0)) .sr__cover[data-astro-cid-yolmjnsu]{visibility:hidden}.sr__shot[data-astro-cid-yolmjnsu]{position:absolute;left:0;top:0;width:100%;display:block;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .7s}.sr__shot[data-astro-cid-yolmjnsu] img[data-astro-cid-yolmjnsu]{display:block;width:100%;height:auto}.sr__shot[data-astro-cid-yolmjnsu].act{opacity:1;visibility:visible;transition:opacity .6s ease}.sr__shot[data-astro-cid-yolmjnsu].act.scr{animation:sr-scroll 5.2s cubic-bezier(.45,0,.25,1) .7s both}@keyframes sr-scroll{0%{transform:translateY(0)}to{transform:translateY(var(--ty))}}.sr__phone[data-astro-cid-yolmjnsu]{position:absolute;right:0;bottom:0;width:clamp(110px,12vw,158px);aspect-ratio:9 / 19.5;border:6px solid var(--surface-2);border-radius:26px;background:var(--black);overflow:hidden;box-shadow:0 30px 60px -20px color-mix(in srgb,var(--black) 90%,transparent),0 0 0 1px var(--surface-3);pointer-events:none}.sr__ph[data-astro-cid-yolmjnsu]{position:absolute;left:0;top:0;width:100%;display:block;opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .7s var(--ease-out)}.sr__ph[data-astro-cid-yolmjnsu] img[data-astro-cid-yolmjnsu]{display:block;width:100%;height:auto}.sr__ph[data-astro-cid-yolmjnsu].act{opacity:1;transform:none;transition-delay:.25s}.sr__info[data-astro-cid-yolmjnsu]{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:22px}.sr__txt[data-astro-cid-yolmjnsu]{display:flex;flex-direction:column;gap:14px}.sr[data-astro-cid-yolmjnsu].is-swap .sr__txt[data-astro-cid-yolmjnsu]:not([hidden]){animation:sr-up .6s var(--ease-out) both}@keyframes sr-up{0%{opacity:0;transform:translateY(14px)}}.sr__num[data-astro-cid-yolmjnsu]{font-family:var(--ff-mono);font-size:13px;color:var(--gray-400)}.sr__cur[data-astro-cid-yolmjnsu]{color:var(--emerald-400)}.sr__name[data-astro-cid-yolmjnsu]{font-size:clamp(28px,2.8vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.08}.sr__rubro[data-astro-cid-yolmjnsu]{font-size:16px;color:var(--gray-300)}.sr__chips[data-astro-cid-yolmjnsu]{display:flex;flex-wrap:wrap;gap:8px}.chip-on[data-astro-cid-yolmjnsu]{display:inline-flex;align-items:center;gap:7px;font-family:var(--ff-mono);font-size:11px;color:var(--emerald-400);background:color-mix(in srgb,var(--emerald-500) 12%,transparent);padding:5px 10px;border-radius:var(--r-full)}.chip-on__dot[data-astro-cid-yolmjnsu]{width:6px;height:6px;border-radius:var(--r-full);background:var(--emerald-500)}.chip-stack[data-astro-cid-yolmjnsu]{font-family:var(--ff-mono);font-size:11px;color:var(--gray-300);border:1px solid color-mix(in srgb,var(--surface-2) 50%,var(--surface-3));padding:4px 10px;border-radius:var(--r-full)}.sr__live[data-astro-cid-yolmjnsu]{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--white);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--surface-3)}.sr__live[data-astro-cid-yolmjnsu]:hover{text-decoration-color:var(--white)}.sr__ctl[data-astro-cid-yolmjnsu]{display:flex;gap:10px}.ctl[data-astro-cid-yolmjnsu]{width:46px;height:46px;border-radius:var(--r-full);border:1px solid var(--surface-3);background:transparent;color:var(--white);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.ctl[data-astro-cid-yolmjnsu]:hover{background:var(--white);color:var(--black);border-color:var(--white)}.ctl--pause[data-astro-cid-yolmjnsu] .ico-play[data-astro-cid-yolmjnsu],.ctl--pause[data-astro-cid-yolmjnsu][aria-pressed=true] .ico-pause[data-astro-cid-yolmjnsu]{display:none}.ctl--pause[data-astro-cid-yolmjnsu][aria-pressed=true] .ico-play[data-astro-cid-yolmjnsu]{display:block}.sr__tabs[data-astro-cid-yolmjnsu]{display:grid;grid-template-columns:repeat(var(--tc, 7),minmax(0,1fr));gap:8px}.tab[data-astro-cid-yolmjnsu]{text-align:left;display:flex;flex-direction:column;gap:6px;padding:12px 12px 14px;border-radius:12px;border:1px solid var(--surface-2);background:transparent;color:var(--gray-400);cursor:pointer;font:inherit;min-width:0;transition:background-color .3s ease,border-color .3s ease}.tab[data-astro-cid-yolmjnsu]:hover{background:var(--surface-1)}.tab[data-astro-cid-yolmjnsu].act{border-color:var(--surface-3);color:var(--white)}.tab__name[data-astro-cid-yolmjnsu]{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab__rubro[data-astro-cid-yolmjnsu]{font-family:var(--ff-mono);font-size:10px;color:var(--gray-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab__bar[data-astro-cid-yolmjnsu]{position:relative;display:block;height:2px;margin-top:4px;background:var(--surface-2);border-radius:2px;overflow:hidden}.tab__fill[data-astro-cid-yolmjnsu]{position:absolute;inset:0;background:var(--emerald-500);transform:scaleX(0);transform-origin:left}.tab[data-astro-cid-yolmjnsu].act .tab__fill[data-astro-cid-yolmjnsu]{transform:scaleX(1)}.sr[data-astro-cid-yolmjnsu].is-auto .tab[data-astro-cid-yolmjnsu].act .tab__fill[data-astro-cid-yolmjnsu]{animation:sr-fill 7s linear both}@keyframes sr-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sr[data-astro-cid-yolmjnsu].is-paused .tab__fill[data-astro-cid-yolmjnsu],.sr[data-astro-cid-yolmjnsu].is-paused .sr__shot[data-astro-cid-yolmjnsu],.sr[data-astro-cid-yolmjnsu].is-paused .sr__dom[data-astro-cid-yolmjnsu]{animation-play-state:paused!important}@media(max-width:760px){.sr__tabs[data-astro-cid-yolmjnsu]{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:140px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}.tab[data-astro-cid-yolmjnsu]{scroll-snap-align:start}.sr__phone[data-astro-cid-yolmjnsu]{width:92px;right:-6px;bottom:-16px;border-width:4px;border-radius:18px}.sr__dev[data-astro-cid-yolmjnsu]{padding:0 18px 12px 0}}@media(prefers-reduced-motion:reduce){.sr__shot[data-astro-cid-yolmjnsu],.sr__ph[data-astro-cid-yolmjnsu],.tab[data-astro-cid-yolmjnsu],.ctl[data-astro-cid-yolmjnsu]{transition:none}.sr__shot[data-astro-cid-yolmjnsu].act.scr,.sr[data-astro-cid-yolmjnsu].is-typing .sr__dom[data-astro-cid-yolmjnsu],.sr[data-astro-cid-yolmjnsu].is-swap .sr__txt[data-astro-cid-yolmjnsu],.sr[data-astro-cid-yolmjnsu].is-auto .tab[data-astro-cid-yolmjnsu].act .tab__fill[data-astro-cid-yolmjnsu]{animation:none}.ctl--pause[data-astro-cid-yolmjnsu]{display:none}}