.site-footer-top{z-index:2;width:100%;max-width:var(--page-max-width);justify-content:space-between;align-items:center;gap:16px;margin:0 auto 56px;display:flex;position:relative}.site-footer-top-actions{align-items:center;gap:8px;display:flex}.site-footer-socket{--socket-color:#b84dea;color:#fff;white-space:nowrap;corner-shape:superellipse(2);height:28px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--socket-color) 4%, transparent), inset 0 1px 0 #ffffff0f;background:linear-gradient(160deg,#2f1439,#100e2b);border-radius:18px;align-items:center;gap:6px;padding:0 14px 0 6px;font-size:10px;font-weight:600;line-height:1;transition:opacity .15s;display:flex}.site-footer-socket:hover{opacity:.85}.site-footer-socket-icon{flex-shrink:0;width:18px;height:18px}.site-footer-price{color:var(--color-text-3);white-space:nowrap;align-items:baseline;gap:5px;font-size:12px;transition:color .15s;display:flex}.site-footer-price-amount{color:var(--color-text-1);font-weight:600}.site-footer-price-arrow{opacity:0;align-self:center;transition:opacity .2s,translate .2s;translate:-4px}.site-footer-price:hover{color:var(--color-text-2)}.site-footer-price:hover .site-footer-price-arrow{opacity:1;translate:0}@media (max-width:640px){.site-footer-top{width:auto;margin:0 var(--page-padding) 32px}}@supports (clip-path:shape(from 0 0, line to 1px 1px)) and (corner-shape:superellipse(2)){@media (min-width:641px){:where(html:not([data-shapes=off])) .site-footer-top{width:calc(100% - 2 * var(--page-padding));height:var(--footer-notch-size);margin:0;position:absolute;top:0;left:50%;translate:-50%}@media (min-width:721px) and (max-width:1600px){:where(html:not([data-shapes=off])) .site-footer-top{align-items:flex-end;padding-bottom:12px}}@media (prefers-reduced-motion:no-preference){:where(html:not([data-shapes=off])) .site-footer-top>*{transition:translate .6s cubic-bezier(.22,.61,.36,1),opacity .35s .3s,visibility}:where(html:not([data-shapes=off])) .site-footer:not([data-at-bottom=true]) .site-footer-top>*{translate:0 calc(-1 * var(--footer-notch-size));opacity:0;visibility:hidden;transition:translate .45s cubic-bezier(.22,.61,.36,1),opacity .2s,visibility 0s .45s}}}}
.site-footer{padding:80px var(--page-padding) 40px;margin-top:calc(var(--section-gap) - 48px);flex-direction:column;justify-content:flex-start;display:flex;position:relative;overflow:hidden}@property --footer-top-notch-open{syntax:"<number>";inherits:true;initial-value:1}.site-footer-shape,.site-footer-shape-fill{pointer-events:none;position:absolute;inset:0}.site-footer-grid{z-index:1;width:100%;max-width:var(--page-max-width);grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:72px 20px;margin:0 auto;font-size:13px;display:grid;position:relative}.site-footer-brand{min-width:0;color:var(--color-text-3);flex-direction:column;align-items:flex-start;gap:20px;display:flex}.site-footer-lockup{align-items:center;gap:10px;display:flex}.site-footer-app-icon{flex-shrink:0;width:28px;height:28px}.site-footer-name{color:var(--color-text-1);flex-direction:column;gap:2px;font-size:14px;font-weight:600;line-height:1;display:flex}.site-footer-name-platform{color:var(--color-text-3);font-size:11px;font-weight:400}.site-footer-tagline{max-width:26ch;color:var(--color-text-2);text-wrap:balance;font-size:13px;line-height:1.5}.site-footer-copyright{color:var(--color-text-3);font-size:11px}.site-footer-legal{white-space:nowrap;align-items:center;gap:12px;display:flex}.site-footer-legal>*{flex-shrink:0}.site-footer-legal-link{color:var(--color-text-3);font-size:11px}.site-footer-legal-link:hover{color:var(--color-text-1)}.site-footer-nav-col{min-width:0;color:var(--color-text-2);flex-direction:column;gap:12px;display:flex}.site-footer-nav-heading{color:var(--color-text-1);margin-bottom:4px;font-size:12px;font-weight:600}.site-footer-nav-col a:hover{color:var(--color-text-1)}@media (max-width:640px){.site-footer{padding-left:0;padding-right:0;overflow:visible}.site-footer-grid{grid-template-columns:unset;max-width:100%;padding:0 var(--page-padding);scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-padding);-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-auto-columns:78%;grid-auto-flow:column;gap:0 12px;overflow-x:auto}.site-footer-grid::-webkit-scrollbar{display:none}.site-footer-grid>*{isolation:isolate;scroll-snap-align:center;border-radius:24px;padding:28px;position:relative}.site-footer-grid>:before{content:"";border-radius:inherit;border:1px solid color-mix(in srgb, var(--color-text-1) 14%, var(--color-border));box-shadow:inset 0 -12px 16px -8px color-mix(in srgb, var(--color-text-1) 5%, transparent);pointer-events:none;z-index:-1;opacity:.4;position:absolute;inset:0;-webkit-mask-image:linear-gradient(144deg,#000,#0000 65%);mask-image:linear-gradient(144deg,#000,#0000 65%)}.site-footer-grid>.site-footer-nav-col:empty{display:none}}.site-footer-extension{color:var(--color-text-2);cursor:pointer;align-items:center;gap:10px;transition:color .15s;display:flex}.site-footer-extension:hover{color:var(--color-text-1)}.site-footer-extension-tile{transition:scale .3s}.site-footer-extension:hover .site-footer-extension-tile{scale:1.08}.site-footer-extension-more{color:var(--color-text-3)}.site-footer-extension-more:hover{color:var(--color-text-1)}@supports (clip-path:shape(from 0 0, line to 1px 1px)) and (corner-shape:superellipse(2)){@media (min-width:641px){:where(html:not([data-shapes=off])) .site-footer{--footer-radius:0px;--footer-top-notch-open:1;--footer-top-notch-depth:calc(var(--footer-notch-size) * var(--footer-top-notch-open));--footer-top-notch-angle:calc(5deg + 40deg * var(--footer-top-notch-open));--footer-top-notch-gutter:16px;--footer-top-notch-slant:calc(2 * var(--footer-top-notch-depth) / tan(clamp(5deg, var(--footer-top-notch-angle), 89deg)));padding-top:calc(var(--footer-notch-size) + 56px);padding-bottom:calc(var(--site-bezel-size) + var(--footer-notch-size) + 160px);transition:--footer-top-notch-open .6s cubic-bezier(.22,.61,.36,1)}:where(html:not([data-shapes=off])) .site-footer-shape{--i:0px;border-radius:var(--footer-radius);background:var(--color-border)}:where(html:not([data-shapes=off])) .site-footer-shape-fill{--i:1px;background:var(--color-bg);inset:1px 0;overflow:hidden}:where(html:not([data-shapes=off])) .site-footer-shape,:where(html:not([data-shapes=off])) .site-footer-shape-fill{--r:max(0px, var(--footer-radius) - var(--i));--footer-notch-length:min(100% - 2 * var(--page-padding), var(--page-max-width));--top-left:calc(50% - var(--footer-notch-length) / 2 - var(--footer-top-notch-gutter) - var(--i));--top-right:calc(50% + var(--footer-notch-length) / 2 + var(--footer-top-notch-gutter) + var(--i));--top-floor:var(--footer-top-notch-depth);--edge-left:0px;--edge-right:100%;clip-path:shape(from var(--edge-left) 0,  hline to calc(var(--top-left) - var(--footer-top-notch-slant)), curve to var(--top-left) var(--top-floor) with calc(var(--top-left) - var(--footer-top-notch-slant) / 2) 0 / calc(var(--top-left) - var(--footer-top-notch-slant) / 2) var(--top-floor), hline to var(--top-right), curve to calc(var(--top-right) + var(--footer-top-notch-slant)) 0 with calc(var(--top-right) + var(--footer-top-notch-slant) / 2) var(--top-floor) / calc(var(--top-right) + var(--footer-top-notch-slant) / 2) 0,  hline to var(--edge-right), vline to 100%, hline to var(--edge-left), close);border-radius:0}:where(html:not([data-shapes=off])) .site-footer-shape{--rim-fade:240px;-webkit-mask:linear-gradient(to right, transparent calc(var(--top-left) - var(--footer-top-notch-slant) - var(--rim-fade)), #000 calc(var(--top-left) - var(--footer-top-notch-slant)), #000 calc(var(--top-right) + var(--footer-top-notch-slant)), transparent calc(var(--top-right) + var(--footer-top-notch-slant) + var(--rim-fade))) top / 100% 50% no-repeat;-webkit-mask:linear-gradient(to right, transparent calc(var(--top-left) - var(--footer-top-notch-slant) - var(--rim-fade)), #000 calc(var(--top-left) - var(--footer-top-notch-slant)), #000 calc(var(--top-right) + var(--footer-top-notch-slant)), transparent calc(var(--top-right) + var(--footer-top-notch-slant) + var(--rim-fade))) top / 100% 50% no-repeat;mask:linear-gradient(to right, transparent calc(var(--top-left) - var(--footer-top-notch-slant) - var(--rim-fade)), #000 calc(var(--top-left) - var(--footer-top-notch-slant)), #000 calc(var(--top-right) + var(--footer-top-notch-slant)), transparent calc(var(--top-right) + var(--footer-top-notch-slant) + var(--rim-fade))) top / 100% 50% no-repeat}:where(html:not([data-shapes=off])) .site-footer-shape-fill:after{--side-fade:240px;--top-fade:240px;--bottom-fade:72px;--side-left:calc(var(--top-left) - var(--footer-top-notch-slant));--side-right:calc(var(--top-right) + var(--footer-top-notch-slant));--bottom-edge:calc(100% - var(--footer-notch-size));content:"";pointer-events:none;background:linear-gradient(to right, var(--color-bg) calc(var(--side-left) - var(--side-fade)), transparent var(--side-left), transparent var(--side-right), var(--color-bg) calc(var(--side-right) + var(--side-fade))), linear-gradient(to bottom, var(--color-bg) var(--footer-top-notch-depth), transparent calc(var(--footer-top-notch-depth) + var(--top-fade)), transparent calc(var(--bottom-edge) - var(--bottom-fade)), var(--color-bg) var(--bottom-edge));position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){:where(html:not([data-shapes=off])) .site-footer:not([data-at-bottom=true]){--footer-top-notch-open:0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:where(html:not([data-shapes=off])) .site-footer{view-timeline:--site-footer block}}}}}
@property --header-notch-depth{syntax:"<length>";inherits:true;initial-value:48px}@property --header-notch-intro{syntax:"<number>";inherits:true;initial-value:1}@property --header-notch-angle{syntax:"<angle>";inherits:true;initial-value:45deg}@property --site-frame-notch-depth{syntax:"<length>";inherits:true;initial-value:0}@property --site-frame-notch-angle{syntax:"<angle>";inherits:true;initial-value:45deg}@property --site-frame-out{syntax:"<number>";inherits:true;initial-value:0}@property --site-frame-in{syntax:"<number>";inherits:true;initial-value:0}.site-frame{display:none}@supports (clip-path:shape(from 0 0, line to 1px 1px)) and (corner-shape:superellipse(2)){@media (min-width:721px){:where(html:not([data-shapes=off])) .site-root{padding-top:var(--header-height);--header-notch-shoulder:var(--site-bezel-size);--header-notch-gutter:20px;--header-notch-slant-open:calc(2 * (var(--header-height) - var(--header-notch-shoulder)) / tan(45deg));--header-notch-length:min(100% - 2 * (var(--site-bezel-size) + var(--page-padding) + var(--header-notch-gutter) + var(--header-notch-slant-open)), var(--page-max-width))}:where(html:not([data-shapes=off])) .site-frame{--site-frame:clamp(0, 1 - var(--site-frame-out) + var(--site-frame-in), 1);--b:calc(var(--site-bezel-size) * var(--site-frame));--r:max(calc(var(--site-corner-size) * var(--site-frame)), 1px);--shoulder:var(--b);--header-notch-depth:calc(var(--header-height) - var(--site-bezel-size));--header-notch-angle:45deg;--site-frame-notch-length:min(100% - 2 * var(--page-padding), var(--page-max-width));--site-frame-notch-gutter:20px;--site-frame-notch-depth:0px;--site-frame-notch-angle:45deg;--site-frame-notch-page:0;--site-frame-notch-page-length:0px;z-index:90;pointer-events:none;display:block;position:fixed;inset:0}:where(html:not([data-shapes=off])) .site-frame-rim,:where(html:not([data-shapes=off])) .site-frame-bezel{position:absolute;inset:0}:where(html:not([data-shapes=off])) .site-frame-rim{--i:1px;background-color:var(--color-border);transition:background-color .6s}:where(html:not([data-shapes=off])) .site-root:not(:has(.pattern,.grid-pattern)) .site-frame-rim{background-color:color-mix(in srgb, var(--color-border) 55%, transparent)}:where(html:not([data-shapes=off])) .site-frame-bezel{--i:0px;background:var(--color-bg)}:where(html:not([data-shapes=off])) .site-frame-rim,:where(html:not([data-shapes=off])) .site-frame-bezel{--s:calc(var(--shoulder) + var(--i));--notch-depth:calc(var(--header-notch-depth) * var(--header-notch-intro));--notch-angle:calc(5deg + (var(--header-notch-angle) - 5deg) * var(--header-notch-intro));--floor:calc(var(--shoulder) + var(--notch-depth) + var(--i));--left:calc(50% - var(--header-notch-length) / 2 - var(--header-notch-gutter) - var(--i));--right:calc(50% + var(--header-notch-length) / 2 + var(--header-notch-gutter) + var(--i));--slant:calc(2 * var(--notch-depth) / tan(clamp(5deg, var(--notch-angle), 89deg)));--ri:max(0px, var(--r) - var(--i));--bottom-depth:max(var(--site-frame-notch-depth), (var(--header-height) - var(--site-bezel-size)) * var(--site-frame-notch-page));--bottom-angle:max(var(--site-frame-notch-angle), 5deg + 40deg * var(--site-frame-notch-page));--bottom-length:calc(var(--site-frame-notch-length) + (var(--site-frame-notch-page-length) - var(--site-frame-notch-length)) * clamp(0, var(--site-frame-notch-page) * 1000, 1) * (1 - var(--site-frame-out)));--bottom:calc(100% - var(--b) - var(--i));--bottom-floor:calc(100% - var(--b) - var(--bottom-depth) - var(--i));--bottom-left:calc(50% - var(--bottom-length) / 2 - var(--site-frame-notch-gutter) - var(--i));--bottom-right:calc(50% + var(--bottom-length) / 2 + var(--site-frame-notch-gutter) + var(--i));--bottom-slant:calc(2 * var(--bottom-depth) / tan(clamp(5deg, var(--bottom-angle), 89deg)));clip-path:shape(evenodd from 0 0, hline to 100%, vline to 100%, hline to 0, close, move to calc(var(--b) + var(--r)) var(--s), hline to calc(var(--left) - var(--slant)), curve to var(--left) var(--floor) with calc(var(--left) - var(--slant) / 2) var(--s) / calc(var(--left) - var(--slant) / 2) var(--floor), hline to var(--right), curve to calc(var(--right) + var(--slant)) var(--s) with calc(var(--right) + var(--slant) / 2) var(--floor) / calc(var(--right) + var(--slant) / 2) var(--s), hline to calc(100% - var(--b) - var(--r)), arc to calc(100% - var(--b) - var(--i)) calc(var(--shoulder) + var(--r)) of var(--ri) cw, vline to calc(100% - var(--b) - var(--r)), arc to calc(100% - var(--b) - var(--r)) var(--bottom) of var(--ri) cw, hline to calc(var(--bottom-right) + var(--bottom-slant)), curve to var(--bottom-right) var(--bottom-floor) with calc(var(--bottom-right) + var(--bottom-slant) / 2) var(--bottom) / calc(var(--bottom-right) + var(--bottom-slant) / 2) var(--bottom-floor), hline to var(--bottom-left), curve to calc(var(--bottom-left) - var(--bottom-slant)) var(--bottom) with calc(var(--bottom-left) - var(--bottom-slant) / 2) var(--bottom-floor) / calc(var(--bottom-left) - var(--bottom-slant) / 2) var(--bottom), hline to calc(var(--b) + var(--r)), arc to calc(var(--b) + var(--i)) calc(100% - var(--b) - var(--r)) of var(--ri) cw, vline to calc(var(--shoulder) + var(--r)), arc to calc(var(--b) + var(--r)) var(--s) of var(--ri) cw, close)}}@supports (animation-timeline:view()){@media (min-width:721px) and (prefers-reduced-motion:no-preference){:where(html:not([data-shapes=off])) .site-frame{animation:.8s cubic-bezier(.22,.61,.36,1) .2s both site-notch-intro,linear both site-notch-flatten,linear both site-frame-out,linear both site-frame-in,linear both site-frame-notch-open;animation-timeline:auto,scroll(root),scroll(root),--site-footer,--site-footer;animation-range:normal,0 140px,100vh calc(100vh + 200px),entry entry 50%,entry 60%}:where(html:not([data-shapes=off]))[data-site-intro=seen] .site-frame{animation-name:none,site-notch-flatten,site-frame-out,site-frame-in,site-frame-notch-open}}}}@keyframes site-notch-intro{0%{--header-notch-intro:0}}@keyframes site-notch-flatten{to{--header-notch-depth:0px;--header-notch-angle:5deg}}@keyframes site-frame-out{to{--site-frame-out:1}}@keyframes site-frame-in{to{--site-frame-in:1}}@keyframes site-frame-notch-open{0%{--site-frame-notch-angle:5deg}to{--site-frame-notch-depth:var(--footer-notch-size);--site-frame-notch-angle:45deg}}