.fx-root{isolation:isolate;flex-direction:column;padding:56px 20px 40px;display:flex;position:relative;overflow:clip}.fx-anchor{width:0;height:0;display:block;overflow:hidden}.fx-sticky,.fx-row{display:contents}.fx-seg,.fx-stage-glass,.fx-pin-light{display:none}.fx-scene{padding:28px 0 36px}.fx-copy{max-width:640px}.fx-title{font-size:min(clamp(28px,2.6vw,40px),7.2vw)}.fx-body{margin-top:14px}.fx-bezel{isolation:isolate;justify-content:center;margin-top:26px;padding:14px;display:flex;position:relative;container-type:inline-size}.fx-bezel-glass{z-index:0;--g-r:26px;position:absolute;inset:0}.fx-comp{z-index:1;width:min(100cqw, calc(var(--cw) * 1px), calc(80svh * var(--cw) / var(--ch)));aspect-ratio:var(--cw) / var(--ch);position:relative}.fx-item{left:var(--l);top:var(--t);width:var(--wp);height:var(--hp);position:absolute}.fx-frame{background:#1c1a26;border-radius:10px;box-shadow:0 0 0 1px #ffffff14,0 26px 52px -20px #04020ed9,0 8px 18px -8px #04020e8c}.fx-img{border-radius:inherit;width:100%;max-width:none;height:100%;display:block}.fx-swap{border-radius:inherit;display:none;position:absolute;inset:0}.fx-phone-item{container-type:inline-size}.fx-shell{background:#0a0a0c;border-radius:17.757cqw;padding:3.271cqw;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1px #ffffff1a,0 28px 56px -18px #000000b8,0 8px 18px -8px #00000080}.fx-screen{isolation:isolate;background:#000;border-radius:14.486cqw;width:100%;height:100%;position:relative;overflow:hidden}.fx-island{pointer-events:none;background:#000;border-radius:999px;width:29.439cqw;height:8.692cqw;position:absolute;top:2.617cqw;left:50%;translate:-50%}@media (min-width:768px){.fx-root{padding:56px 48px 48px}.fx-scene{padding:40px 0 56px}.fx-body{margin-top:18px}.fx-bezel{margin-top:32px;padding:24px}.fx-bezel-glass{--g-r:30px}}@media (min-width:1024px){.fx-root{padding:72px var(--bar-pad) 56px}.fx-scene{grid-template-columns:minmax(0,38fr) minmax(0,62fr);align-items:center;column-gap:clamp(28px,3.4vw,56px);padding:28px 0;display:grid}.fx-copy{max-width:none;padding-left:clamp(8px,2.6vw,48px)}.fx-body{margin-top:20px}.fx-bezel{margin-top:0;padding:clamp(22px,2.4vw,36px)}}@media (max-width:767.98px){.fx-comp{aspect-ratio:auto;grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:14px;width:100%;display:grid}.fx-item{width:min(100%, var(--pw));height:auto;aspect-ratio:var(--ar);grid-column:1/-1;position:relative;top:auto;left:auto}.fx-item[data-pair]{grid-column:auto}.fx-phone-hide{display:none}}.fx-seg{--g-r:999px;width:clamp(540px,46vw,672px);padding:4px;position:relative}.fx-seg-list{z-index:0;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.fx-seg-link{white-space:nowrap;height:40px;font-family:var(--font-heading);letter-spacing:-.01em;color:var(--ink-2);-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:14.5px;font-weight:600;line-height:1;transition:color .2s linear;display:flex}.fx-seg-link:hover,.fx-seg-link[aria-current]{color:var(--ink-1)}.fx-drop{--g-r:999px;--g-blur:.01px;--g-a1:.15;--g-a2:.06;--g-shadow:0 6px 18px -6px rgb(var(--violet-rgb) / .6), 0 2px 6px -2px #04020e80;z-index:1;pointer-events:none;width:calc(16.6667% - 1.33333px);height:40px;translate:calc(var(--active,0) * 100%) 0;transition:translate .62s var(--ease-spring);position:absolute;top:4px;left:4px}@media (min-width:1024px) and (min-height:760px) and (prefers-reduced-motion:no-preference){html.js .fx-root{--step:64vh;--stick-h:calc(100svh - var(--nav-h));--tail:88px;height:calc(var(--stick-h) + 6 * var(--step) + var(--tail));padding:0 0 var(--tail);display:block}html.js .fx-anchor{left:0;top:calc((var(--i) + .5) * var(--step));pointer-events:none;width:1px;height:1px;scroll-margin-top:-24px;position:absolute}html.js .fx-sticky{top:var(--nav-h);isolation:isolate;height:var(--stick-h);padding:clamp(14px, 2.2svh, 22px) var(--bar-pad) clamp(18px, 3.4svh, 34px);flex-direction:column;display:flex;position:sticky}html.js .fx-pin-light{display:block}html.js .fx-seg{flex:none;align-self:center;display:block}html.js .fx-row{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,38fr) minmax(0,62fr);column-gap:clamp(28px,3.4vw,56px);min-height:0;margin-top:clamp(14px,2.6svh,26px);display:grid;position:relative}html.js .fx-scene{padding:0;display:contents}html.js .fx-copy{grid-area:1/1;align-self:center;max-width:none;padding:0 0 4svh clamp(8px,2.6vw,48px)}html.js .fx-title{font-size:clamp(28px,2.6vw,40px)}html.js .fx-body{margin-top:20px}html.js .fx-stage-glass{grid-area:1/2;display:block}html.js .fx-bezel{z-index:1;grid-area:1/2;place-items:center;margin:0;padding:clamp(22px,2.4vw,36px);display:grid;container-type:size}html.js .fx-bezel-glass,html.js .fx-flow-light{display:none}html.js .fx-comp{width:min(100cqw, calc(var(--cw) * 1px), calc(100cqh * var(--cw) / var(--ch)))}html.js .fx-swap{opacity:0;transition:opacity .38s var(--ease-out);display:block}html.js .fx-scene[data-read] .fx-swap{opacity:1}html.js .fx-copy{opacity:0;pointer-events:none;transition:opacity .2s linear,translate 0s linear .2s;translate:0 14px}html.js .fx-scene[data-on] .fx-copy{opacity:1;pointer-events:auto;transition:opacity .42s var(--ease-out) .11s, translate .64s var(--ease-out) .11s;translate:0}html.js .fx-bezel{opacity:0;transition:opacity .24s linear}html.js .fx-scene[data-on] .fx-bezel{opacity:1;transition:opacity .46s var(--ease-out) 60ms}html.js .fx-root[data-live] .fx-scene[data-on] .fx-comp{animation:fx-slosh .86s var(--ease-out) 40ms both}}@keyframes fx-slosh{0%{scale:1.032 .968}30%{scale:.99 1.012}56%{scale:1.005 .995}80%{scale:.999 1.001}to{scale:1}}
