:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--blue:#3da7ef;--indigo:#6c63f6;--purple:#b045e6;--pink:#ff3dc8;--cyan:#00c8ff;--brand:linear-gradient(90deg, var(--blue), var(--indigo) 50%, var(--purple));--button:linear-gradient(90deg, #2e88e2, var(--indigo) 50%, #a03ad6);--neon:linear-gradient(90deg, #00c8ff, #1e8bff 22%, #4a6bff 42%, #a040ff 66%, #d63cff 84%, #ff3dc8);--live:#ff453a;--star:#ffd60a;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-rounded:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--radius-card:28px;--radius-row:14px;--gutter:16px;--page:1180px;--ease:cubic-bezier(.2, .7, .2, 1);--bg:#edf0ff;--bg-deep:#e2e6fb;--surface:#ffffff9e;--surface-strong:#ffffffdb;--border:#1e22561a;--text:#141a42;--text-2:#141a42b3;--text-3:#141a4280;--accent:#4a52e0;--shadow:0 30px 80px -30px #28287859;--mesh-1:#d9ebff;--mesh-2:#abd6ff;--mesh-3:#e6bdff;--mesh-4:#fcf0ff;--wordmark:linear-gradient(180deg, #1a1f52, #4d3399)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#141a42;--bg-deep:#0d1130;--surface:#ffffff0f;--surface-strong:#1e2454d1;--border:#ffffff1a;--text:#f4f3ff;--text-2:#eceaffb8;--text-3:#eceaff80;--accent:#9fd8ff;--shadow:0 40px 100px -30px #000000b3;--mesh-1:#17336b;--mesh-2:#216bbd;--mesh-3:#8533b3;--mesh-4:#26144d;--wordmark:linear-gradient(180deg, #fff, #dbd1ff)}}:root[data-theme=dark]{--bg:#141a42;--bg-deep:#0d1130;--surface:#ffffff0f;--surface-strong:#1e2454d1;--border:#ffffff1a;--text:#f4f3ff;--text-2:#eceaffb8;--text-3:#eceaff80;--accent:#9fd8ff;--shadow:0 40px 100px -30px #000000b3;--mesh-1:#17336b;--mesh-2:#216bbd;--mesh-3:#8533b3;--mesh-4:#26144d;--wordmark:linear-gradient(180deg, #fff, #dbd1ff)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--bg);min-height:100vh;color:var(--text);font:400 17px/1.55 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img,svg,video{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;margin:0;line-height:1.08}p{text-wrap:pretty;margin:0}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}.skip-link{z-index:100;background:var(--surface-strong);border-radius:12px;padding:10px 16px;text-decoration:none;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.wordmark{font:800 22px/1 var(--font-rounded);letter-spacing:-.02em;background:var(--wordmark);color:#0000;-webkit-background-clip:text;background-clip:text}.gradient-text{background:var(--brand);color:#0000;-webkit-background-clip:text;background-clip:text}.button{--lift:0px;background:var(--button);color:#fff;min-height:50px;font:600 16px/1 var(--font);letter-spacing:-.01em;cursor:pointer;transform:translateY(var(--lift));transition:transform .25s var(--ease), box-shadow .25s var(--ease), filter .25s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;text-decoration:none;display:inline-flex;box-shadow:0 10px 30px -10px #6c63f6cc,inset 0 1px #ffffff59}.button:hover{--lift:-2px;filter:brightness(1.08);box-shadow:0 16px 40px -12px #b045e6e6,inset 0 1px #ffffff59}.button:active{--lift:0px;filter:brightness(.96)}.button--small{min-height:38px;padding:0 18px;font-size:14px}.button--glass{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:none;-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6)}.button--glass:hover{box-shadow:0 10px 30px -14px #6c63f699}.button svg{flex:none;width:20px;height:20px}.site-header{z-index:50;padding:12px var(--gutter);transition:background .3s,box-shadow .3s;position:sticky;top:0}.site-header.is-scrolled{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.8);backdrop-filter:blur(24px)saturate(1.8);box-shadow:0 1px 0 var(--border)}.nav{max-width:var(--page);align-items:center;gap:24px;margin:0 auto;display:flex}.brand{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.brand__mark{filter:drop-shadow(0 0 8px #6c63f673);width:30px;height:30px}.nav__links{gap:26px;margin-inline-start:auto;display:flex}.nav__links a{color:var(--text-2);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav__links a:hover{color:var(--text)}@media (width<=720px){.nav__links{display:none}.nav .theme-toggle{margin-inline-start:auto}}.site-header .wordmark{white-space:nowrap}@media (width<=420px){.site-header .wordmark{font-size:19px}}@media (width<=359px){.site-header .button{display:none}}@property --drift{syntax:"<number>";inherits:true;initial-value:0}.backdrop{z-index:-1;pointer-events:none;background:var(--bg);position:absolute;inset:0;overflow:hidden}.backdrop:before{content:"";background:radial-gradient(40% 45% at calc(18% + var(--drift) * 8%) calc(22% + var(--drift) * 6%), var(--mesh-2), transparent 70%), radial-gradient(38% 40% at calc(82% - var(--drift) * 10%) calc(28% + var(--drift) * 4%), var(--mesh-3), transparent 70%), radial-gradient(50% 45% at calc(50% + var(--drift) * 6%) calc(85% - var(--drift) * 8%), var(--mesh-1), transparent 72%), radial-gradient(60% 60% at 50% 40%, var(--mesh-4), transparent 80%);filter:blur(30px)saturate(1.1);animation:22s ease-in-out infinite alternate drift;position:absolute;inset:-20%}.backdrop:after{content:"";mix-blend-mode:plus-lighter;transform:translateX(calc(var(--drift) * 6%));background:linear-gradient(115deg,#0000 38%,#ffffff29 46%,#0000 54%),linear-gradient(115deg,#0000 55%,#b4a0ff24 61%,#0000 68%);animation:30s ease-in-out infinite alternate-reverse drift;position:absolute;inset:-30% -10%}:root:not([data-theme=dark]) .backdrop:after{mix-blend-mode:soft-light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .backdrop:after{mix-blend-mode:plus-lighter}}@keyframes drift{0%{--drift:-1}to{--drift:1}}.backdrop--still:before,.backdrop--still:after{animation:none}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:var(--delay,0s);transform:translateY(28px)}.reveal.is-visible,html:not(.js) .reveal{opacity:1;transform:none}.site-footer{border-top:1px solid var(--border);padding:48px var(--gutter) 40px;margin-top:40px}.site-footer__inner{max-width:var(--page);grid-template-columns:1fr auto;gap:28px 40px;margin:0 auto;display:grid}.site-footer__brand p{color:var(--text-3);margin-top:10px;font-size:15px}.site-footer__links{flex-wrap:wrap;place-content:start end;gap:10px 26px;display:flex}.site-footer__links a{color:var(--text-2);font-size:15px;text-decoration:none}.site-footer__links a:hover{color:var(--text)}.site-footer__legal{color:var(--text-3);grid-column:1/-1;max-width:820px;font-size:13px}@media (width<=720px){.site-footer__inner{grid-template-columns:1fr}.site-footer__links{justify-content:start}}.lang-globe,.theme-toggle{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text-2);cursor:pointer;border-radius:50%;flex:none;place-items:center;margin-inline-end:-12px;transition:color .2s;display:grid}.lang-globe:hover,.lang-trigger:hover,.theme-toggle:hover{color:var(--text)}.nav .theme-toggle{margin-inline-end:-16px}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.theme-toggle__sun{display:none}:root[data-theme=dark] .theme-toggle__sun{display:block}:root[data-theme=dark] .theme-toggle__moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle__sun{display:block}:root:not([data-theme=light]) .theme-toggle__moon{display:none}}.lang-trigger{border:1px solid var(--border);background:var(--surface);color:var(--text-2);font:500 14px var(--font);cursor:pointer;border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:7px 14px 7px 11px;transition:color .2s;display:inline-flex}.lang-globe svg,.lang-trigger svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:17px;height:17px}.lang-scrim{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a1e73;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0}.lang-scrim[hidden]{display:none}.lang-sheet{background:var(--surface-strong);border:1px solid var(--border);width:min(980px,100%);max-height:min(760px,100dvh - 48px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(30px)saturate(1.6);backdrop-filter:blur(30px)saturate(1.6);animation:lang-sheet .35s var(--ease);border-radius:28px;flex-direction:column;display:flex;overflow:hidden}@keyframes lang-sheet{0%{opacity:0;transform:translateY(14px)scale(.98)}}.lang-head{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:22px 24px 16px;display:flex}.lang-head__title{flex:1;min-width:0}.lang-head h2{font:700 24px/1.2 var(--font-rounded);margin:0}.lang-head p{color:var(--text-3);margin:4px 0 0;font-size:14px}.lang-search{border:1px solid var(--border);background:var(--surface);width:260px;height:38px;color:var(--text-3);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.lang-search svg{fill:none;stroke:currentColor;stroke-width:1.8px;flex:none;width:16px;height:16px}.lang-search input{min-width:0;color:var(--text);font:15px var(--font);background:0 0;border:0;outline:none;flex:1}.lang-close{background:var(--surface);width:34px;height:34px;color:var(--text-2);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.lang-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}.lang-body{overscroll-behavior:contain;padding:8px 24px 26px;overflow-y:auto}.lang-region h3{font:600 12px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:20px 4px 10px}.lang-region[hidden]{display:none}.lang-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.lang-grid li[hidden]{display:none}.lang-item{color:var(--text);border:1px solid #0000;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:10px 12px;text-decoration:none;transition:background .15s,border-color .15s;display:grid}.lang-item:hover,.lang-item:focus-visible{background:var(--surface);border-color:var(--border);outline:none}.lang-item b{font-size:15px;font-weight:600}.lang-item small{color:var(--text-3);text-align:start;grid-column:1;font-size:12.5px}.lang-item[dir=rtl] small{text-align:right}.lang-item__check{fill:none;width:18px;height:18px;stroke:var(--accent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;grid-area:1/2/3}.lang-item.is-current{background:color-mix(in srgb, var(--indigo) 14%, transparent);border-color:color-mix(in srgb, var(--indigo) 35%, transparent)}.lang-empty{color:var(--text-3);padding:30px 4px}.lang-empty[hidden]{display:none}html.is-picking{overflow:hidden}@media (width<=640px){.lang-scrim{place-items:end stretch;padding:0}.lang-sheet{border-radius:26px 26px 0 0;max-height:92dvh;animation-name:lang-sheet-up}.lang-head{flex-wrap:wrap}.lang-search{order:3;width:100%}.lang-grid{grid-template-columns:1fr 1fr}}@keyframes lang-sheet-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}.yd{--theme:#3da7ef;--side:320px;--inset:10px;--top:10px;--bottom:10px;--glass:#181a244d;--fill:#ffffff0f;--fill-2:#ffffff1f;--ink:#fff;--ink-2:#ebebf5a8;--ink-3:#ebebf566;--hair:#ffffff17;--rim:inset 0 1px .5px #ffffff57, inset 0 -1px .5px #ffffff14, inset 0 0 0 .5px #ffffff29;color:var(--ink);font:400 13px/1.3 var(--font);outline:none}.yd button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0}.yd button:disabled{opacity:.35;cursor:default}.yd svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.yd svg.is-filled{fill:currentColor;stroke:none}.yd svg text{fill:currentColor;stroke:none;font:700 6.4px var(--font)}.yd-devices{justify-content:center;align-items:center;gap:8px;margin:0 auto 12px;display:flex}.yd-devices__pick{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:3px;display:flex}.yd-devices button{color:var(--text-2);font:500 14px/1 var(--font);cursor:pointer;background:0 0;border:0;transition:color .2s,background .2s}.yd-devices__pick button{border-radius:999px;height:32px;padding:0 16px}.yd-devices button:hover{color:var(--text)}.yd-devices__pick button[aria-pressed=true]{background:var(--surface-strong);color:var(--text);box-shadow:0 1px 3px #0000001f}.yd-devices__rotate{border-radius:50%;place-items:center;width:40px;height:40px;display:grid;border:1px solid var(--border)!important;background:var(--surface)!important}.yd-devices__rotate[hidden]{visibility:hidden;display:grid}.yd-devices__rotate svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.yd-devices button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.yd-device{filter:drop-shadow(0 40px 60px #00000059);margin:0 auto;position:relative}.yd-screen{isolation:isolate;background:#000;position:absolute;overflow:hidden}.yd-canvas{transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden;container-type:inline-size}.yd-bezel{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.yd:focus-visible .yd-screen{outline:3px solid var(--blue);outline-offset:2px}.yd-menubar{z-index:5;height:26px;font:500 13px/1 var(--font);color:#ffffffe6;white-space:nowrap;background:#000;align-items:center;gap:19px;padding:0 18px;display:flex;position:absolute;top:0;left:0;right:0}.yd-menubar b{font-weight:700}.yd-menubar time{font-variant-numeric:tabular-nums;margin-inline-start:auto}.yd-statusbar,.yd-home{display:none}.glass{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.9)brightness(1.04);backdrop-filter:blur(24px)saturate(1.9)brightness(1.04);box-shadow:var(--rim), 0 18px 50px -20px #0000008c}.glass:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(140deg,#ffffff6b,#ffffff0f 28%,#0000 55%,#ffffff24);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.yd-window{touch-action:pan-y;overscroll-behavior-x:contain;background:#000;position:absolute;inset:26px 0 0;overflow:hidden}.yd-video{object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0}.yd-scrim{background:linear-gradient(90deg,#00000038,#0000 40%);position:absolute;inset:0}.yd-window:after{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(#0000,#0000006b);height:190px;transition:opacity .35s;position:absolute;bottom:0;left:0;right:0}.is-sidebar-hidden.is-awake:after{opacity:1}.yd-sidebar{z-index:2;--x:var(--inset);top:var(--top);bottom:var(--bottom);width:var(--side);transition:transform .5s var(--ease), opacity .4s;border-radius:24px;flex-direction:column;padding:10px;display:flex;position:absolute}.is-sidebar-hidden .yd-sidebar{opacity:0;pointer-events:none;transform:translate(calc(-100% - 20px))}[data-side=right] .is-sidebar-hidden .yd-sidebar{transform:translate(calc(100% + 20px))}.is-moving .yd-sidebar,.is-moving .yd-arrow,.is-moving .yd-subtitle{transition:none}.yd-browse{flex-direction:column;flex:1 1 0;min-height:0;margin-top:4px;display:flex;overflow:hidden}.yd-resize{z-index:3;top:var(--top);bottom:var(--bottom);--x:calc(var(--inset) + var(--side) - 5px);cursor:ew-resize;touch-action:none;width:10px;position:absolute}.is-sidebar-hidden .yd-resize,[data-device=phone] .yd-resize{display:none}.is-resizing,.is-resizing *{-webkit-user-select:none;user-select:none;cursor:ew-resize!important}.is-resizing .yd-sidebar,.is-resizing .yd-arrow{transition:none}.yd-bar{background:var(--fill);border-radius:16px;flex:none;padding:3px}.yd-tabs{justify-content:space-between;display:flex}.yd-tabs button{height:30px;color:var(--ink-2);border-radius:11px;flex:1;place-items:center;transition:background .2s,color .2s;display:grid}.yd-tabs button:hover{color:var(--ink)}.yd-tabs button.is-on{background:var(--fill-2);color:var(--ink);box-shadow:inset 0 .5px #fff3}.yd-path{border-top:1px solid var(--hair);align-items:center;gap:6px;min-height:38px;margin-top:3px;padding:0 5px 0 7px;display:flex}.yd-title{align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.yd-title svg{width:16px;height:16px;color:var(--ink-2)}.yd-crumbbar{text-align:start;border-radius:10px;flex:1;align-items:center;gap:6px;min-width:0;height:32px;padding-inline-end:6px;transition:background .15s;display:flex}.yd-crumbbar:hover{background:var(--fill)}.yd-crumbbar:hover .yd-back{color:var(--ink)}.yd-back{width:26px;height:26px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;display:grid}.yd-crumb{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.yd-crumb i{color:var(--ink-3);font-style:normal}.yd-crumb b{color:var(--ink)}.yd-search{background:var(--fill);height:30px;color:var(--ink-2);border-radius:10px;flex:1;align-items:center;gap:6px;padding:0 9px;display:flex}.yd-search svg{flex:none;width:15px;height:15px}.yd-search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.yd-search input::placeholder{color:var(--ink-3)}.yd-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex:1;min-height:0;padding:0 2px 10px;overflow-y:auto}.yd-heading{letter-spacing:.03em;text-transform:uppercase;color:var(--ink-3);margin:12px 6px 6px;font-size:11px;font-weight:700}.yd-card{background:var(--fill);border-radius:14px;overflow:hidden}.yd-empty{color:var(--ink-3);padding:14px 8px;font-size:13px}.yd-placeholder{text-align:center;color:var(--ink-2);justify-items:center;gap:6px;padding:36px 14px;display:grid}.yd-placeholder svg{width:34px;height:34px;color:var(--ink-3);margin-bottom:4px}.yd-placeholder b{color:var(--ink);font-size:14px}.yd-placeholder span{font-size:12px;line-height:1.45}.yd-row{cursor:pointer;align-items:center;gap:10px;min-height:48px;padding:6px 8px 6px 7px;transition:background .15s;display:flex;position:relative}.yd-row+.yd-row:before{content:"";top:0;background:var(--hair);height:1px;position:absolute;inset-inline:52px 0}.yd-row--group+.yd-row--group:before{inset-inline-start:12px}.yd-row:hover{background:#ffffff0d}.yd-row:focus-visible{outline:2px solid var(--theme);outline-offset:-2px;border-radius:12px}.yd-row.is-playing{background:color-mix(in srgb, var(--theme) 14%, transparent)}.yd-row--group{min-height:40px;padding-inline-start:12px}.yd-row__text{flex:1;min-width:0;display:grid}.yd-row__title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.yd-row__sub{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.yd-count{color:var(--ink-3);font-size:12px}.yd-chevron{color:var(--ink-3);display:grid}.yd-chevron svg{width:14px;height:14px}.yd-speaker{color:var(--theme);display:grid}.yd-speaker svg{width:15px;height:15px}.yd-logo{background:linear-gradient(140deg, var(--a), var(--b));width:34px;height:34px;font:900 13px/1 var(--font);letter-spacing:-.04em;color:#fff;border-radius:9px;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff40}.yd-logo b{font-weight:900}.yd-logo--big{border-radius:11px;width:42px;height:42px;font-size:16px}.yd-thumb{background:#222 50%/cover;border-radius:8px;flex:none;width:34px;height:34px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.yd-thumb i{background:linear-gradient(90deg, var(--theme) var(--p), #ffffff59 var(--p));border-radius:2px;height:3px;position:absolute;bottom:3px;left:3px;right:3px}.yd-star{width:26px;height:26px;color:var(--ink-3);border-radius:50%;flex:none;place-items:center;display:grid}.yd-star:hover{color:var(--ink);background:var(--fill)}.yd-star.is-on{color:var(--star)}.yd-star svg{width:16px;height:16px}.yd-dock{background:var(--fill);border-radius:18px;flex-direction:column;flex:0 auto;min-height:0;margin-top:8px;padding:12px;display:flex;box-shadow:inset 0 .5px #ffffff1f}.yd-dock>*{flex:none}.yd-dock:empty{display:none}.yd-dock__head{align-items:center;gap:10px;display:flex}.yd-dock__head .yd-thumb{border-radius:10px;width:42px;height:42px}.yd-dock__name{text-align:start;flex:1;min-width:0;display:grid}.yd-dock__name b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.yd-dock__name span{color:var(--ink-2);align-items:center;gap:3px;font-size:12px;display:flex}.yd-dock__name svg{width:12px;height:12px;transition:rotate .3s var(--ease)}.yd-dock__name[aria-expanded=true] svg{rotate:180deg}.yd-dock__buttons{align-items:center;gap:2px;display:flex}.yd-dock__buttons button{width:28px;height:28px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.yd-dock__buttons button:hover{background:var(--fill);color:var(--ink)}.yd-dock__buttons .yd-star.is-on{color:var(--star)}.yd-programme{text-align:start;border-radius:10px;width:calc(100% + 8px);margin:6px -4px;padding:4px 6px;display:grid}.yd-programme+.yd-transport,.yd-guide-close+.yd-transport{border-top:1px solid var(--hair);padding-top:8px}.yd-dock__head+.yd-transport{border-top:1px solid var(--hair);margin-top:10px;padding-top:8px}button.yd-programme{transition:background .15s}button.yd-programme:hover{background:var(--fill)}.yd-programme b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.yd-programme>span{color:var(--ink-2);align-items:center;gap:4px;font-size:12px;display:flex}.yd-programme svg{width:12px;height:12px;transition:rotate .3s var(--ease)}.yd-programme[aria-expanded=true] svg{rotate:180deg}.yd-dock>.yd-guide{flex:auto;padding-bottom:16px}.yd-guide-close{width:calc(100% + 8px);height:20px;color:var(--ink-3);justify-content:center;align-items:flex-end;margin:6px -4px;padding-bottom:4px;transition:color .15s;display:flex;position:relative}.yd-guide-close:before{content:"";background:linear-gradient(#0000,#0000001f);height:calc(100% + 22px);transition:opacity .15s;position:absolute;bottom:-6px;left:0;right:0}.yd-guide-close:after{content:"";opacity:0;background:linear-gradient(#0000,#0000001a);height:calc(100% + 22px);transition:opacity .15s;position:absolute;inset:auto 0 -6px}.yd-guide-close svg{width:12px;height:12px;position:relative}.yd-guide-close:hover{color:var(--ink-2)}.yd-guide-close:hover:after{opacity:1}.yd-guide-close[hidden],.yd-programme[hidden]{display:none}.yd-guide{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fff3 transparent;min-height:0;animation:guide .35s var(--ease);margin:10px -4px 0;overflow-y:auto}@keyframes guide{0%{opacity:0;transform:translateY(8px)}}.yd-guide__row{border-radius:12px;grid-template-columns:22px minmax(42px,auto) 1fr;align-items:start;gap:4px;padding:7px 6px;display:grid}.yd-guide__row.is-now{background:var(--fill)}.yd-guide__row time{color:var(--theme);font-variant-numeric:tabular-nums;white-space:nowrap;padding:1px 6px 0 0;font-weight:600}.yd-guide__row:not(.is-now) time{color:var(--ink-2)}.yd-guide__row b{font-size:13px;font-weight:600;display:block}.yd-guide__row small{color:var(--ink-2);margin-top:2px;font-size:12px;display:block}.yd-guide__row em{background:linear-gradient(90deg, var(--theme) var(--p,0%), var(--fill-2) var(--p,0%));border-radius:2px;height:3px;margin-top:7px;display:block}.yd-dot{background:var(--theme);border-radius:50%;width:6px;height:6px;margin:6px 0 0 6px}.yd-bell{width:22px;height:22px;color:var(--ink-3);border-radius:50%;place-items:center;display:grid}.yd-bell svg{width:14px;height:14px}.yd-bell:hover{color:var(--ink)}.yd-bell.is-on{color:var(--theme);background:color-mix(in srgb, var(--theme) 20%, transparent)}.yd-next{text-align:center;color:var(--ink-3);margin:6px 0;font-size:12px}.yd-transport{align-items:center;gap:2px;display:flex}.yd-transport>button:not(.yd-live),.yd-pill--transport button{width:26px;height:26px;color:var(--ink);border-radius:50%;place-items:center;transition:background .15s,transform .15s;display:grid}.yd-transport>button:not(.yd-live):not(:disabled):hover,.yd-pill--transport button:not(:disabled):hover{background:var(--fill-2)}.yd-transport>button:not(.yd-live):not(:disabled):active,.yd-pill--transport button:not(:disabled):active{transform:scale(.88)}.yd-transport svg{width:17px;height:17px}.yd-transport .yd-playpause svg{width:19px;height:19px}.yd-sep{background:var(--hair);width:1px;height:20px;margin:0 4px}.yd-scrub{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.yd-scrub:has(+.yd-live:not([hidden])){margin-right:8px}.yd-time{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:11px}.yd-time:empty{display:none}.yd input[type=range]{--fill:100%;appearance:none;cursor:pointer;background:0 0;flex:1;min-width:40px;height:18px;margin:0}.yd input[type=range]:disabled{cursor:default;opacity:.5}.yd input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #fff var(--fill), #ffffff40 var(--fill));border-radius:2px;height:4px}.yd input[type=range]::-moz-range-track{background:linear-gradient(90deg, #fff var(--fill), #ffffff40 var(--fill));border-radius:2px;height:4px}.yd input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-5px;transition:transform .15s;box-shadow:0 1px 4px #0006}.yd input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #0006}.yd input[type=range]:not(:disabled):hover::-webkit-slider-thumb{transform:scale(1.15)}.yd input[type=range]:focus-visible{outline:2px solid var(--theme);outline-offset:2px;border-radius:4px}.yd-live{background:var(--fill-2);height:22px;font:700 11px/1 var(--font);letter-spacing:.03em;color:#fff;font-variant-numeric:tabular-nums;border-radius:11px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px 0 9px;transition:background .2s;display:inline-flex}.yd .yd-live{padding:0 10px 0 9px}.yd .yd-pill--live{padding:0 13px}.yd-live:hover{background:#ffffff2e}.yd-live i{background:#fff9;border-radius:50%;flex:none;width:7px;height:7px;transition:background .2s,box-shadow .2s}.yd-live.is-live i{background:var(--live);box-shadow:0 0 5px #ff453ab3}.yd-live[hidden]{display:none}.yd-arrow{z-index:3;--x:calc(var(--inset) + var(--side) + 10px);color:#fff;width:32px;height:32px;transition:left .5s var(--ease), right .5s var(--ease), background .2s;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%}.yd-arrow svg{width:15px;height:15px;transition:rotate .5s var(--ease)}.yd-arrow:hover{background:#464a5c73}.is-sidebar-hidden .yd-arrow{--x:14px}.is-sidebar-hidden:not(.is-awake) .yd-arrow:not(:focus-visible){opacity:0;pointer-events:none;transition:left .5s var(--ease), right .5s var(--ease), opacity .35s}.is-sidebar-hidden .yd-arrow svg{rotate:180deg}.yd-controls{z-index:2;opacity:0;pointer-events:none;max-width:1200px;transition:opacity .35s, transform .35s var(--ease);align-items:center;gap:10px;margin:0 auto;display:flex;position:absolute;bottom:12px;left:16px;right:16px;transform:translateY(10px)}.is-sidebar-hidden.is-awake .yd-controls,.is-sidebar-hidden .yd-controls:focus-within{opacity:1;pointer-events:auto;transform:none}.yd-window:not(.is-sidebar-hidden) .yd-controls{visibility:hidden}.yd-pill{-webkit-backdrop-filter:blur(5px)saturate(1.8)brightness(1.1);backdrop-filter:blur(5px)saturate(1.8)brightness(1.1);height:38px;box-shadow:var(--rim), 0 6px 22px -8px #00000080;background:#ffffff12;border-radius:19px;flex:none;align-items:center;display:flex;position:relative}.yd-pill--transport{gap:1px;padding:0 5px}.yd-pill--transport button{width:28px;height:28px}.yd-pill--transport svg{width:16px;height:16px}.yd-pill--transport .yd-playpause{width:30px;height:30px}.yd-pill--transport .yd-playpause svg{width:19px;height:19px}.yd-pill--timeline{flex:1;gap:12px;min-width:0;padding:0 15px}.yd-pill--timeline .yd-time{color:#ffffffeb;font-size:12px;font-weight:500}.yd-pill--live{letter-spacing:.02em;border-radius:19px;gap:6px;min-width:72px;height:38px;padding:0 13px;font-size:12px}.yd-pill--live:hover{background:#ffffff1f}.yd-pill--live i{width:7px;height:7px}.yd-pill--tracks{gap:1px;padding:0 3px}.yd-pill--tracks:has(>:only-child){justify-content:center;width:38px;padding:0}.yd-pill--tracks button,.yd-pill--volume button{border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.yd-pill--tracks button:hover,.yd-pill--volume button:hover{background-color:#ffffff1f}.yd-pill--tracks svg{width:17px;height:17px}.yd-pill--volume{gap:3px;padding:0 12px 0 5px}.yd-pill--volume svg{width:17px;height:17px}.yd-pill--volume input[type=range]{flex:none;width:84px}.yd-pill--side{justify-content:center;width:38px}.yd-pill--side button{border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.yd-pill--side button:hover{background-color:#ffffff1f}.yd-pill--side svg{width:17px;height:17px}.is-vod .yd-pill--live{display:none}.yd-spinner{z-index:1;width:32px;height:32px;color:var(--theme);opacity:0;pointer-events:none;margin:-16px 0 0 -16px;transition:opacity .15s;animation:1s steps(12,end) infinite ydspin;position:absolute;top:50%;left:50%}.yd-spinner i{transform-origin:50% 16px;background:currentColor;border-radius:2px;width:3px;height:9px;margin-left:-1.5px;position:absolute;top:0;left:50%}.yd-spinner i:first-child{opacity:1;rotate:0deg}.yd-spinner i:nth-child(2){opacity:.92;rotate:30deg}.yd-spinner i:nth-child(3){opacity:.84;rotate:60deg}.yd-spinner i:nth-child(4){opacity:.76;rotate:90deg}.yd-spinner i:nth-child(5){opacity:.68;rotate:120deg}.yd-spinner i:nth-child(6){opacity:.6;rotate:150deg}.yd-spinner i:nth-child(7){opacity:.52;rotate:180deg}.yd-spinner i:nth-child(8){opacity:.44;rotate:210deg}.yd-spinner i:nth-child(9){opacity:.36;rotate:240deg}.yd-spinner i:nth-child(10){opacity:.3;rotate:270deg}.yd-spinner i:nth-child(11){opacity:.26;rotate:300deg}.yd-spinner i:nth-child(12){opacity:.22;rotate:330deg}.is-loading .yd-spinner{opacity:1}@keyframes ydspin{to{rotate:1turn}}.yd-message{z-index:1;color:var(--ink-2);text-align:center;background:#0000008c;border-radius:16px;padding:12px 18px;position:absolute;top:50%;left:50%;translate:-50% -50%}.yd-subtitle{z-index:1;--start:6%;--end:6%;text-align:center;pointer-events:none;font:600 var(--sub-size,18px)/1.25 var(--font);color:#fff;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000,0 0 3px #000000d9;transition:bottom .35s var(--ease);bottom:6%;left:var(--start);right:var(--end);position:absolute}[data-side=right] .yd-subtitle{left:var(--end);right:var(--start)}.yd-subtitle span{display:block}.is-sidebar-hidden.is-awake .yd-subtitle{bottom:calc(6% + 46px)}.is-vod:not(.is-sidebar-hidden) .yd-subtitle{--start:calc(var(--inset) + var(--side) + 20px)}.yd-menu{z-index:6;border-radius:12px;gap:2px;width:200px;padding:8px;display:grid;position:absolute}.yd-menu[hidden]{display:none}.yd-menu p{color:var(--ink-2);margin:0 0 4px;padding:0 8px;font-size:11px;font-weight:600}.yd-menu button{text-align:start;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.yd-menu button:hover,.yd-menu button:focus-visible{background:var(--fill-2);outline:none}.yd-menu button[aria-checked=true]{background:var(--fill)}.yd-menu svg,.yd-menu i{width:11px;height:11px;color:var(--theme);flex:none}.yd-toast{z-index:4;white-space:nowrap;text-overflow:ellipsis;opacity:0;max-width:calc(100% - 32px);transition:opacity .3s, transform .4s var(--ease);pointer-events:none;border-radius:16px;padding:9px 16px;font-size:13px;font-weight:500;position:absolute;top:16px;left:50%;overflow:hidden;transform:translateY(-10px)}.yd-toast.is-shown{opacity:1;transform:none}.yd-sidebar,.yd-resize,.yd-arrow{left:var(--x)}[data-side=right] :is(.yd-sidebar,.yd-resize,.yd-arrow){left:auto;right:var(--x)}[data-side=right] .yd-arrow svg{rotate:180deg}[data-side=right] .is-sidebar-hidden .yd-arrow svg{rotate:0deg}[dir=rtl] .yd-back svg,[dir=rtl] .yd-chevron svg{scale:-1 1}.yd-transport,.yd-controls,.yd input[type=range],.yd-time{direction:ltr}[data-ios]{font-size:15px}[data-ios] .yd-menubar,[data-ios] .yd-scrim{display:none}[data-ios] .yd-window{inset:0}[data-ios] .yd-video{object-fit:contain}[data-ios] .yd-statusbar{z-index:5;color:#fff;pointer-events:none;position:absolute;top:0;left:0;right:0}[data-ios] .yd-statusbar time{font-variant-numeric:tabular-nums}[data-ios] .yd-statusbar span{align-items:center;gap:6px;display:flex}[data-ios] .yd-statusbar svg{width:17px;height:12px}[data-ios] .yd-statusbar svg.is-battery{width:27px;height:13px}[data-ios] .yd-home{z-index:5;pointer-events:none;background:#ffffffd9;border-radius:3px;width:140px;height:5px;margin-left:-70px;display:block;position:absolute;bottom:8px;left:50%}[data-ios] .yd-bar{border-radius:20px}[data-ios] .yd-tabs button{border-radius:15px;height:36px}[data-ios] .yd-tabs svg{width:20px;height:20px}[data-ios] .yd-title,[data-ios] .yd-crumb{font-size:16px}[data-ios] .yd-search{height:36px}[data-ios] .yd-search input{font-size:16px}[data-ios] .yd-heading{font-size:12px}[data-ios] .yd-card{border-radius:16px}[data-ios] .yd-row{min-height:54px}[data-ios] .yd-row+.yd-row:before{inset-inline-start:56px}[data-ios] .yd-row__title{font-size:16px}[data-ios] .yd-row__sub{font-size:13px}[data-ios] .yd-logo,[data-ios] .yd-thumb{border-radius:10px;width:38px;height:38px;font-size:14px}[data-ios] .yd-dock{border-radius:22px}[data-ios] .yd-dock__name b,[data-ios] .yd-programme b{font-size:16px}[data-ios] .yd-dock__name span,[data-ios] .yd-programme span{font-size:13px}[data-ios] .yd-dock__head .yd-logo,[data-ios] .yd-dock__head .yd-thumb{width:44px;height:44px}[data-ios] .yd-dock__buttons button{width:32px;height:32px}[data-ios] .yd-transport>button:not(.yd-live){width:24px;height:24px}[data-ios] .yd-transport{gap:1px}[data-ios] .yd-live:not(.yd-pill){height:24px;font-size:12px}[data-ios] .yd-arrow{width:40px;height:40px}[data-ios] .yd-spinner{color:#ebebf5b3}[data-ios] .yd-window .yd-subtitle,[data-ios] .is-sidebar-hidden.is-awake .yd-subtitle{bottom:calc(50% - 28.125cqw + 8px)}[data-device=phone]{--side:266px;--top:62px;--bottom:30px}[data-device=phone] .yd-statusbar{height:54px;font:600 17px/1 var(--font);grid-template-columns:1fr 126px 1fr;align-items:center;padding:4px 18px 0;display:grid}[data-device=phone] .yd-statusbar time{justify-self:center;padding-inline-start:12px}[data-device=phone] .yd-statusbar b{display:none}[data-device=phone] .yd-statusbar span{grid-column:3;justify-self:center}[data-device=phone] .yd-sidebar{border-radius:30px;padding:10px}[data-device=phone] .yd-dock__buttons [data-act=pip],[data-device=phone][data-orientation=portrait] .yd-dock__buttons>:not([data-act=side]){display:none}[data-device=phone] .yd-toast{font-size:15px;top:60px}[data-device=phone] .is-sidebar-hidden .yd-arrow{--x:12px}[data-device=phone] .yd-window .yd-subtitle{--start:4%;--end:4%}[data-device=phone] .yd-controls{grid-template-columns:auto 1fr auto auto;grid-template-areas:"time time time live""transport.side pip";gap:8px 10px;display:grid;bottom:62px;left:20px;right:20px}[data-device=phone] .yd-pill--timeline{grid-area:time}[data-device=phone] .yd-pill--live{grid-area:live}[data-device=phone] .is-vod .yd-pill--timeline{grid-column:1/-1}[data-device=phone] .yd-pill--transport{grid-area:transport}[data-device=phone] .yd-pill--side{grid-area:side}[data-device=phone] .yd-pill--tracks{grid-area:pip}[data-device=phone] .yd-pill--volume{display:none}[data-device=phone][data-orientation=landscape]{--side:300px;--inset:58px;--top:10px;--bottom:22px}[data-device=phone][data-orientation=landscape] .yd-statusbar,[data-device=phone][data-orientation=landscape] .yd-programme{display:none}[data-device=phone][data-orientation=landscape] .yd-programme+.yd-transport{margin-top:8px}[data-device=phone][data-orientation=landscape] .yd-path{min-height:30px;margin-top:2px}[data-device=phone][data-orientation=landscape] .yd-path .yd-crumbbar{height:26px}[data-device=phone][data-orientation=landscape] .yd-path .yd-search{height:28px}[data-device=phone][data-orientation=landscape] .yd-title,[data-device=phone][data-orientation=landscape] .yd-crumb{font-size:15px}[data-device=phone][data-orientation=landscape] .yd-dock{padding:9px 12px 10px}[data-device=phone][data-orientation=landscape] .yd-dock__head{gap:8px}[data-device=phone][data-orientation=landscape] .yd-dock__head .yd-logo,[data-device=phone][data-orientation=landscape] .yd-dock__head .yd-thumb{border-radius:9px;width:34px;height:34px;font-size:13px}[data-device=phone][data-orientation=landscape] .yd-dock__name b{font-size:14px}[data-device=phone][data-orientation=landscape] .yd-dock__name span{font-size:12px}[data-device=phone][data-orientation=landscape] .yd-dock__buttons button{width:28px;height:28px}[data-device=phone][data-orientation=landscape] .is-sidebar-hidden .yd-arrow{--x:58px}[data-device=phone][data-orientation=landscape] .yd-controls{display:flex;bottom:24px;left:70px;right:70px}[data-device=phone][data-orientation=landscape] .is-vod .yd-pill--timeline{grid-column:auto}[data-device=phone][data-orientation=landscape] .yd-window .yd-subtitle{--start:calc(var(--inset) + var(--side) + 20px);--end:70px;bottom:7%}[data-device=phone][data-orientation=landscape] .is-sidebar-hidden .yd-subtitle{--start:70px}[data-device=phone][data-orientation=landscape] .is-sidebar-hidden.is-awake .yd-subtitle{bottom:calc(7% + 46px)}[data-device=phone][data-orientation=landscape] .yd-toast{top:12px}[data-device=phone][data-orientation=landscape] .yd-home{bottom:6px}[data-device=pad]{--inset:14px;--top:34px;--bottom:14px}[data-device=pad] .yd-statusbar{height:26px;font:600 14px/1 var(--font);align-items:center;gap:7px;padding:2px 24px 0;display:flex}[data-device=pad] .yd-statusbar span{margin-inline-start:auto}[data-device=pad] .yd-statusbar svg:first-child{display:none}[data-device=pad] .yd-sidebar{border-radius:28px}[data-device=pad] .is-sidebar-hidden .yd-arrow{--x:18px}[data-device=pad] .yd-controls{bottom:26px;left:24px;right:24px}[data-device=pad] .yd-toast{font-size:15px;top:38px}[data-device=pad] .yd-home{width:300px;margin-left:-150px}.yd-frost{display:none}@supports ((-moz-appearance:none)){.yd .glass,.yd .yd-pill{-webkit-backdrop-filter:none;backdrop-filter:none}.yd .glass:not(.yd-sidebar){background:#1e202cc7}.yd .yd-pill{background:#1e202c6b}}@supports ((-moz-appearance:none)) and (background-image:-moz-element(#a)){.yd .yd-sidebar{isolation:isolate;background:0 0}.yd-frost{z-index:-1;border-radius:inherit;background:#000;display:block;position:absolute;inset:0;overflow:hidden}.yd-frost i{left:calc(-1 * var(--inset));top:calc(-1 * var(--top));width:var(--win-w);height:var(--win-h);background:var(--video) 0 0 / 100% 100% no-repeat;filter:blur(24px)saturate(1.9)brightness(1.04);position:absolute}[data-side=right] .yd-frost i{left:auto;right:calc(-1 * var(--inset))}.yd-frost:after{content:"";background:var(--glass);position:absolute;inset:0}}@media (prefers-reduced-motion:reduce){.yd-spinner{animation-duration:2s}}.eyebrow{font:700 13px/1.2 var(--font);letter-spacing:.14em;text-transform:uppercase;background:var(--brand);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content}h2{font-size:clamp(32px,4.6vw,54px);font-weight:800}.section-head{text-align:center;max-width:760px;padding:0 var(--gutter);margin:0 auto 40px}.section-head .eyebrow{margin:0 auto 14px}.section-head p:not(.eyebrow){color:var(--text-2);margin-top:16px;font-size:clamp(17px,1.6vw,20px)}.hero{isolation:isolate;padding:132px var(--gutter) 64px;margin-top:-62px;position:relative;overflow:hidden}.hero .backdrop{-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.hero__inner{text-align:center;flex-direction:column;align-items:center;max-width:880px;margin:0 auto;display:flex}.hero__mark{aspect-ratio:1;width:clamp(108px,14vw,150px);margin-bottom:26px}.hero__eyebrow{margin-bottom:18px}.hero__title{letter-spacing:-.045em;font-size:clamp(46px,8.6vw,104px);font-weight:800;line-height:.98}.hero__lede{max-width:640px;color:var(--text-2);margin-top:24px;font-size:clamp(17px,1.9vw,21px)}.hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.hero__note{color:var(--text-3);margin-top:18px;font-size:14px}.hero__inner>*{animation:rise 1s var(--ease) both}.hero__inner>:nth-child(2){animation-delay:.5s}.hero__inner>:nth-child(3){animation-delay:.6s}.hero__inner>:nth-child(4){animation-delay:.7s}.hero__inner>:nth-child(5){animation-delay:.8s}.hero__inner>:nth-child(6){animation-delay:.9s}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.mark{width:100%;height:100%;overflow:visible}.mark--animated .row{animation:14s infinite both neon;animation-delay:calc(var(--i) * 70ms + .1s)}.hero__mark{filter:drop-shadow(0 0 28px #6c63f68c);animation:rise 1s var(--ease) both}.hero__mark.is-still .row{animation-play-state:paused}@keyframes neon{0%{opacity:.08;animation-timing-function:step-end}.8%{opacity:.9;animation-timing-function:step-end}1.3%{opacity:.25;animation-timing-function:step-end}2.2%{opacity:1;animation-timing-function:step-end}2.7%{opacity:.55;animation-timing-function:step-end}3.5%{opacity:1;animation-timing-function:ease-in-out}22%{opacity:.78;animation-timing-function:ease-in-out}40%{opacity:1;animation-timing-function:ease-in-out}58%{opacity:.78;animation-timing-function:ease-in-out}76%{opacity:1;animation-timing-function:step-end}78%{opacity:.35;animation-timing-function:step-end}78.6%{opacity:1;animation-timing-function:step-end}79.6%{opacity:.2;animation-timing-function:step-end}80.2%{opacity:.7;animation-timing-function:ease-in}82.5%{opacity:.08}to{opacity:.08}}@media (prefers-reduced-motion:reduce){.mark--animated .row{opacity:1;animation:none!important}}.demo-section{padding:24px var(--gutter) 80px}.demo-stage{max-width:1280px;margin:0 auto}.demo-placeholder{aspect-ratio:3860/2540;background:var(--surface);border:1px solid var(--border);border-radius:16px}.demo-keys{color:var(--text-3);flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:22px auto 0;padding:0;font-size:14px;list-style:none;display:flex}kbd{border:1px solid var(--border);background:var(--surface);min-width:26px;height:24px;color:var(--text-2);font:600 12px/1 var(--font);border-radius:7px;place-items:center;margin-right:4px;padding:0 7px;display:inline-grid}@media (hover:none){.demo-keys{display:none}}.feature{max-width:var(--page);padding:clamp(56px, 9vw, 120px) var(--gutter);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,6vw,80px);margin:0 auto;display:grid}.feature--flip .feature__text{order:2}.feature__text h2{margin:14px 0 20px}.feature__text>p:not(.eyebrow){color:var(--text-2);font-size:18px}.feature__media{position:relative}@media (width<=900px){.feature{grid-template-columns:1fr}.feature--flip .feature__text{order:0}}.ticks{gap:12px;margin:26px 0 0;padding:0;list-style:none;display:grid}.ticks li{color:var(--text-2);padding-left:32px;position:relative}.ticks li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5.5 10.5 3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px no-repeat, var(--button);border-radius:50%;width:20px;height:20px;position:absolute;top:3px;left:0;box-shadow:0 4px 12px -4px #6c63f6cc}.text-link{color:var(--accent);margin-top:22px;font-weight:600;text-decoration:none;display:inline-block}.text-link:after{content:" →";transition:margin .2s}.text-link:hover:after{margin-left:4px}.device{margin:0;position:relative}.device img{width:100%;height:auto}.device--mac img{box-shadow:var(--shadow), 0 0 0 1px var(--border);border-radius:clamp(8px,1.2vw,14px)}.device--iphone{width:clamp(120px,26%,200px);box-shadow:var(--shadow), inset 0 0 0 1px #ffffff1f;background:linear-gradient(145deg,#3a3d4a,#101118 40%,#2a2c36);border-radius:15%/7%;padding:6px}.device--iphone img{border-radius:13%/6%}.device--ipad{box-shadow:var(--shadow), inset 0 0 0 1px #ffffff1f;background:linear-gradient(145deg,#3a3d4a,#101118 40%,#2a2c36);border-radius:28px;padding:10px}.device--ipad img{border-radius:18px}.device--float{transform:translateY(var(--parallax,0px));position:absolute;bottom:-12%;right:-2%}.device--float.device--left{left:-2%;right:auto}@media (width<=600px){.device--float{bottom:-18%;right:-1%}.device--float.device--left{left:-1%}}.feature__media--trio{padding:0 12% 0 0}.feature__media--trio .device--iphone{bottom:-10%;right:0}.sync-arcs{pointer-events:none;width:50%;position:absolute;top:-14%;left:30%;overflow:visible}.sync-arcs path{fill:none;stroke:var(--purple);stroke-width:2px;stroke-dasharray:4 9;stroke-linecap:round;opacity:.7;animation:1.4s linear infinite flow}.sync-arcs path+path{stroke:var(--blue);animation-direction:reverse}@keyframes flow{to{stroke-dashoffset:-26px}}.latency{gap:12px;max-width:440px;margin-top:30px;display:grid}.latency__row{color:var(--text-3);grid-template-columns:110px 1fr;align-items:center;gap:14px;font-size:14px;display:grid}.latency__row--yagi{color:var(--text);font-weight:600}.latency__bar{background:var(--surface);border:1px solid var(--border);border-radius:99px;height:10px;overflow:hidden}.latency__bar i{height:100%;width:var(--w);border-radius:inherit;transform-origin:0;transition:transform 1.6s var(--ease) .3s;background:#9696b473;display:block;transform:scaleX(0)}.latency__row--yagi i{background:var(--neon);box-shadow:0 0 14px #6c63f6cc}.is-visible .latency__bar i{transform:none}.latency__caption{color:var(--text-3);margin-left:124px;font-size:13px}@media (width<=420px){.latency__row{grid-template-columns:90px 1fr}.latency__caption{margin-left:104px}}.recover{position:relative}.recover__screen{aspect-ratio:16/10;box-shadow:var(--shadow), 0 0 0 1px var(--border);background:#05060d;border-radius:18px;position:relative;overflow:hidden}.recover__picture{animation:picture 9s var(--ease) infinite;background:url(/assets/mac-favorites-900-CZiJ8P-d.webp) 50%/cover;position:absolute;inset:0}@keyframes picture{0%,18%{opacity:1;filter:none}24%{opacity:.35;filter:blur(6px)saturate(.4)}70%{opacity:.35;filter:blur(6px)saturate(.4)}78%,to{opacity:1;filter:none}}.recover__card{color:#fff;-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);animation:card 9s var(--ease) infinite;background:#1416288c;border:1px solid #ffffff29;border-radius:20px;align-items:center;gap:14px;padding:16px 22px;font-size:15px;font-weight:600;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes card{0%,20%{opacity:0;scale:.9}26%,70%{opacity:1;scale:1}76%,to{opacity:0;scale:.95}}.recover__spinner{border:3px solid #fff3;border-top-color:var(--blue);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{rotate:1turn}}.recover__lines{height:1.4em;display:grid;overflow:hidden}.recover__lines span{white-space:nowrap;opacity:0;grid-area:1/1;animation:9s infinite line}.recover__lines span:nth-child(2){animation-delay:1.1s}.recover__lines span:nth-child(3){animation-delay:2.2s}.recover__lines span:nth-child(4){animation-delay:3.3s}@keyframes line{0%,26%{opacity:0;transform:translateY(100%)}28%,38%{opacity:1;transform:none}40%,to{opacity:0;transform:translateY(-100%)}}.recover__signal{align-items:end;gap:4px;height:22px;display:flex;position:absolute;top:16px;right:18px}.recover__signal i{background:#fff;border-radius:2px;width:5px;animation:9s infinite bar;box-shadow:0 0 8px #0006}.recover__signal i:first-child{height:30%}.recover__signal i:nth-child(2){height:45%;animation-delay:.1s}.recover__signal i:nth-child(3){height:60%;animation-delay:.2s}.recover__signal i:nth-child(4){height:80%;animation-delay:.3s}.recover__signal i:nth-child(5){height:100%;animation-delay:.4s}@keyframes bar{0%,18%{opacity:1}24%,72%{opacity:.2}80%,to{opacity:1}}.everything{padding:clamp(56px, 9vw, 120px) var(--gutter)}.gallery{max-width:980px;margin:0 auto}.gallery__tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.gallery__tabs button{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600;transition:color .2s,background .2s,box-shadow .2s}.gallery__tabs button:hover{color:var(--text)}.gallery__tabs button[aria-selected=true]{background:var(--button);color:#fff;border-color:#0000;box-shadow:0 8px 24px -10px #6c63f6e6}.gallery__panels{display:grid}.gallery__panels figure{grid-area:1/1;margin:0}.gallery__panels figure[hidden]{visibility:hidden;opacity:0;display:block}.gallery__panels figure{transition:opacity .5s var(--ease), transform .5s var(--ease)}.gallery__panels figure.is-active{visibility:visible;opacity:1}.gallery__panels figure:not(.is-active){transform:scale(.985)}.gallery__panels figcaption{text-align:center;color:var(--text-2);margin-top:18px;font-size:16px}.grid{max-width:var(--page);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:clamp(56px,8vw,96px) auto 0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .35s var(--ease), box-shadow .35s var(--ease), opacity .9s var(--ease);border-radius:22px;padding:24px;position:relative}.card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px #6c63f699}.card:before{content:"";border-radius:inherit;pointer-events:none;background:var(--neon);opacity:0;-webkit-mask-composite:xor;padding:1px;transition:opacity .35s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover:before{opacity:.8}.card svg{fill:none;width:30px;height:30px;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:16px}.card h3{margin-bottom:6px;font-size:18px}.card p{color:var(--text-2);font-size:15px}.private{max-width:980px;padding:clamp(56px, 9vw, 110px) var(--gutter);grid-template-columns:auto 1fr;align-items:center;gap:clamp(28px,6vw,72px);margin:0 auto;display:grid}.private__glyph{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#6c63f659,#0000 70%);border-radius:36%;place-items:center;width:clamp(110px,16vw,180px);display:grid}.private__glyph svg{fill:none;stroke:url(#lock-g);stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 12px #6c63f6cc);width:64%;animation:4s ease-in-out infinite breathe}.private__text h2{margin:14px 0 18px}.private__text p:not(.eyebrow){color:var(--text-2);font-size:18px}@media (width<=700px){.private{grid-template-columns:1fr;justify-items:start}}.cta{isolation:isolate;margin:40px var(--gutter) 0;padding:clamp(56px, 9vw, 110px) var(--gutter);text-align:center;max-width:var(--page);border-radius:36px;margin-inline:auto;position:relative;overflow:hidden}.cta .backdrop{border-radius:inherit}.cta__inner{flex-direction:column;align-items:center;gap:18px;display:flex}.cta__mark{filter:drop-shadow(0 0 22px #6c63f699);width:88px;height:88px}.cta p{color:var(--text-2);max-width:520px;font-size:18px}.cta .cta__note{color:var(--text-3);font-size:14px}@media (width<=1212px){.cta{margin-inline:var(--gutter)}}.credits{max-width:var(--page);padding:0 var(--gutter);color:var(--text-3);margin:40px auto 0;font-size:14px}.credits summary{cursor:pointer;width:fit-content}.credits details p{max-width:760px;margin:12px 0}.credits ul{gap:4px;margin:0;padding-left:18px;display:grid}.credits a{color:var(--text-2)}
