.fo-page,.fo-ground,.fo-nav,.fo-foot{--paper:#0b0c10;--tint:#12141b;--ink:#f3f4f8;--mut:#b7bbc7;--dim:#9298a8;--faint:#50556a;--blue-ink:#6e9aff;--line:#f3f4f824;--line-soft:#f3f4f812;color:var(--ink)}.fo-nav .nav-glass{background:#0b0c108c}.fo-nav .logo-light{display:none}.fo-nav .logo-dark{display:block}.fo-foot{z-index:1;background:#090a0eb8;position:relative}.fo-page{z-index:1;position:relative}.fo-pill{border:1px solid var(--line);background:color-mix(in oklab, var(--tint) 70%, transparent);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);border-radius:999px;align-items:center;gap:.6rem;padding:.5rem .95rem;font-size:.68rem;display:inline-flex}.fo-pill-dot{background:var(--blue);border-radius:999px;width:7px;height:7px;box-shadow:0 0 10px #135dffcc}.fo-h1{letter-spacing:-.035em;font-size:clamp(2.35rem,min(10.2vw,10.6vh),6.25rem);line-height:.95}.fo-hero-lead{font-size:1.075rem;line-height:1.55}@media (min-width:768px){.fo-hero-lead{font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.6}}.fo-h1-line{padding-bottom:.06em}.fo-grad-text [data-fx-line]>span{background:linear-gradient(#fff 0% 58%,#fff9 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.fo-card{border:1px solid var(--line);background:color-mix(in oklab, var(--tint) 82%, transparent);-webkit-backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 40px 90px -50px #000c,inset 0 0 0 1px #ffffff05}.fo-progress{background:var(--line-soft);flex:1;height:1px;display:block;position:relative}.fo-progress>i{background:var(--blue);transform-origin:0;transition:transform .6s var(--ease-out-strong);display:block;position:absolute;inset:0}.fo-opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}@media (min-width:640px){.fo-opts{gap:.75rem}}.fo-opt{border:1px solid var(--line);background:color-mix(in oklab, var(--paper) 70%, transparent);min-height:3.75rem;color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .25s var(--ease-out-soft), background-color .25s var(--ease-out-soft), transform .35s var(--ease-out-strong), color .25s;border-radius:12px;align-items:center;padding:.85rem 1rem;font-size:1rem;font-weight:700;line-height:1.2;display:flex}@media (min-width:640px){.fo-opt{min-height:4.25rem;padding:1rem 1.2rem;font-size:1.125rem}}@media (hover:hover) and (pointer:fine){.fo-opt:hover{border-color:var(--blue-ink);color:var(--blue-ink);transform:translateY(-2px)}}.fo-opt:active{border-color:var(--blue);background:#135dff29;transform:scale(.98)}.fo-opt:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.fo-field{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);transition:border-color .25s var(--ease-out-soft);background:0 0;border-radius:0;outline:none;margin-top:.35rem;padding:.55rem 0;font-size:1.125rem;line-height:1.4;display:block}.fo-field:focus{border-bottom-color:var(--blue)}.fo-field[aria-invalid=true]{border-bottom-color:var(--blue-ink)}.fo-persp{perspective:1100px}.fo-screen-frame{transform-origin:top;border:1px solid var(--line);will-change:transform;background:#15171d;border-radius:22px;padding:.55rem;box-shadow:0 40px 90px -40px #000c,inset 0 0 0 1px #ffffff08}@media (min-width:768px){.fo-screen-frame{border-radius:28px;padding:.9rem}}.fo-screen-inner{aspect-ratio:4/3;background:var(--paper);border-radius:16px;position:relative;overflow:hidden}.fo-video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.fo-video-cover{cursor:pointer;transition:background .25s var(--ease-out-soft);background:linear-gradient(#0000000d 40%,#00000073);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fo-video-cover:hover{background:linear-gradient(#00000026 40%,#0000008c)}.fo-video-cover .fo-play{background:#135dff8c;border-color:#ffffff59;box-shadow:0 10px 30px -10px #000000b3}.fo-poster{text-align:center;background:radial-gradient(ellipse at 30% 20%, #135dff38, transparent 55%), radial-gradient(ellipse at 80% 90%, #135dff1f, transparent 50%), var(--paper);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:1.5rem;display:flex}.fo-play{border:1px solid var(--line);width:3.5rem;height:3.5rem;color:var(--ink);background:#135dff26;border-radius:999px;place-items:center;display:grid}.fo-play svg{width:1.3rem;height:1.3rem;margin-left:2px}.fo-pieces{text-align:left;grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:768px){.fo-pieces{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width:1100px){.fo-pieces{grid-template-columns:repeat(3,1fr)}}.fo-piece{isolation:isolate;border:1px solid var(--line);background:color-mix(in oklab, var(--tint) 78%, transparent);cursor:pointer;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .3s var(--ease-out-soft), background-color .3s var(--ease-out-soft), transform .45s var(--ease-out-strong);border-radius:16px;outline:none;padding:0;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.fo-piece:hover{border-color:var(--blue);transform:translateY(-3px)}.fo-piece:hover .fo-piece-icon{color:var(--blue-ink);border-color:var(--blue)}}.fo-piece:active{transform:scale(.985)}.fo-piece:focus-visible{border-color:var(--blue);box-shadow:0 0 0 3px #135dff47}.fo-piece-inner{z-index:1;align-items:flex-start;gap:.9rem;padding:1.05rem 1.15rem;display:flex;position:relative}@media (min-width:768px){.fo-piece-inner{flex-direction:column;gap:1.1rem;min-height:13.5rem;padding:1.5rem 1.4rem 1.6rem}}.fo-piece-icon{border:1px solid var(--line);background:color-mix(in oklab, var(--paper) 80%, transparent);width:2.65rem;height:2.65rem;color:var(--ink);border-radius:999px;flex:none;place-items:center;transition:color .3s,border-color .3s;display:grid}.fo-piece-icon svg{width:1.25rem;height:1.25rem}.fo-piece-text{flex-direction:column;gap:.35rem;display:flex}.fo-piece-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);font-size:1.05rem;font-weight:700;line-height:1.15}@media (min-width:768px){.fo-piece-title{font-size:1.25rem}}.fo-piece-line{color:var(--mut);font-size:.875rem;line-height:1.5}.fo-expand-scrim{z-index:4;cursor:default;background:#04050880;border:0;position:fixed;inset:0}.fo-expand{z-index:5;border:1px solid var(--line);background:color-mix(in oklab, var(--tint) 94%, transparent);-webkit-backdrop-filter:blur(18px);border-radius:16px;max-height:min(78vh,36rem);position:absolute;top:0;left:0;right:0;overflow:hidden;box-shadow:0 40px 90px -40px #000000e6}.fo-expand-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:min(78vh,36rem);padding:1.15rem 1.15rem 1.4rem;overflow-y:auto}@media (min-width:1024px){.fo-expand-body{padding:1.6rem 1.75rem 1.9rem}}.fo-expand-x{z-index:2;border:1px solid var(--line);background:color-mix(in oklab, var(--paper) 92%, transparent);width:2.4rem;height:2.4rem;color:var(--mut);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:999px;place-items:center;transition:color .25s,border-color .25s;display:grid;position:absolute;top:.5rem;right:.5rem}.fo-expand-x svg{width:1rem;height:1rem}.fo-expand-x:active,.fo-expand-x:focus-visible{color:var(--ink);border-color:var(--blue)}@media (hover:hover) and (pointer:fine){.fo-expand-x:hover{color:var(--ink);border-color:var(--blue-ink)}}.fo-sys-copy{min-height:20rem}.fo-figure{letter-spacing:-.04em;font-size:clamp(4.25rem,15vw,10rem);line-height:.9}.fo-step{position:relative}.fo-step:before{content:"";background:var(--line-soft);width:1px;position:absolute;top:1.25rem;bottom:-1.25rem;left:1.25rem}.fo-step:last-child:before{display:none}.fo-step:after{content:"";background:var(--blue);transform-origin:top;width:1px;transition:transform .9s var(--ease-out-soft) .15s;position:absolute;top:1.25rem;bottom:-1.25rem;left:1.25rem;transform:scaleY(0)}.fo-step:last-child:after{display:none}.fo-step[data-in]:after{transform:scaleY(1)}.fo-step-dot{border:1px solid var(--line);background:var(--paper);border-radius:999px;flex:none;place-items:center;width:2.5rem;height:2.5rem;transition:border-color .4s,box-shadow .4s;display:grid}.fo-step[data-in] .fo-step-dot{border-color:var(--blue);box-shadow:0 0 0 4px #135dff24}.fo-pulse{background:var(--blue);border-radius:999px;width:10px;height:10px;animation:2.2s ease-out infinite fo-pulse;box-shadow:0 0 #135dff8c}@keyframes fo-pulse{0%{box-shadow:0 0 #135dff8c}to{box-shadow:0 0 0 14px #135dff00}}@media (prefers-reduced-motion:reduce){.fo-pulse{animation:none}.fo-piece,.fo-piece-icon,.fo-opt,.fo-progress>i,.fo-step:after{transition:none}.fo-step[data-in]:after{transform:scaleY(1)}}.fo-rails{flex-direction:column;gap:.75rem;display:flex}@media (min-width:768px){.fo-rails{gap:1rem}}.fo-rail{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.fo-track{--fo-shift:50%;--fo-dur:38s;width:max-content;animation:fo-marquee var(--fo-dur) linear infinite;will-change:transform;display:flex}.fo-rail[data-dir=right] .fo-track{animation-direction:reverse}@keyframes fo-marquee{0%{transform:translate(0,0)}to{transform:translate3d(calc(-1 * var(--fo-shift)), 0, 0)}}.fo-tile{border:1px solid var(--line);background:var(--tint);border-radius:14px;flex:none;margin-right:.75rem;position:relative;overflow:hidden;box-shadow:0 24px 50px -30px #000000d9}@media (min-width:768px){.fo-tile{margin-right:1rem}}.fo-tile-media{object-fit:cover;width:100%;height:100%;display:block}.fo-tile-site{aspect-ratio:1512/922;width:clamp(15rem,62vw,26rem);color:inherit;transition:border-color .3s var(--ease-out-soft), transform .45s var(--ease-out-strong);text-decoration:none}@media (hover:hover) and (pointer:fine){.fo-tile-site:hover{border-color:var(--blue-ink);transform:translateY(-3px)}}.fo-tile-site:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.fo-tile-clip{aspect-ratio:9/16;border-radius:12px;width:clamp(7rem,28vw,10.5rem)}.fo-tile-cap{text-align:left;background:linear-gradient(#0000,#06070a8c 55%,#06070ae6);flex-direction:column;gap:.15rem;padding:2.5rem .9rem .75rem;display:flex;position:absolute;inset:auto 0 0}.fo-tile-name{font-family:var(--font-display);letter-spacing:-.01em;color:#f3f4f8;font-size:.95rem;font-weight:700;line-height:1.15}.fo-tile-tag{color:#f3f4f89e;font-size:.56rem}@media (min-width:768px){.fo-tile-name{font-size:1.1rem}.fo-tile-tag{font-size:.64rem}}@media (prefers-reduced-motion:reduce){.fo-track{animation:none}.fo-tile-site{transition:none}}.fo-face{aspect-ratio:4/5;border:1px solid var(--line);background:var(--tint);border-radius:16px;place-items:center;width:clamp(9rem,44vw,12rem);display:grid;overflow:hidden;box-shadow:0 24px 50px -30px #000000d9}.fo-face-img{object-fit:cover;width:100%;height:100%;display:block}.fo-face-wait{text-align:center;flex-direction:column;align-items:center;gap:.7rem;padding:1rem;display:flex}.fo-face-mark{object-fit:cover;opacity:.75;border-radius:12px;width:3.5rem;height:3.5rem}