.xo .xo-ed-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2vw,2rem);row-gap:clamp(1.25rem,2.5vw,2rem);align-items:end}.xo .xo-ed-head .xo-eyebrow{grid-column:1 / -1}.xo .xo-ed-title{grid-column:1 / -1;max-width:11ch;font-family:var(--font-display);font-size:clamp(3rem,.9rem + 7.4vw,8.25rem);font-weight:780;line-height:.9;letter-spacing:-.048em;color:var(--xo-ink);text-wrap:balance}.xo .xo-ed-lede{grid-column:1 / -1;max-width:34ch;font-size:var(--type-lede);line-height:1.45;color:var(--xo-text)}@media (min-width: 900px){.xo .xo-ed-title{grid-column:1 / span 9;grid-row:2}.xo .xo-ed-lede{grid-column:9 / -1;grid-row:2;padding-bottom:.6rem}}.xo .xo-ed-body{margin-top:clamp(3rem,7vw,6.5rem);display:grid;grid-template-columns:minmax(0,1fr)}@media (min-width: 1024px){.xo .xo-ed-body{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(2.5rem,5vw,5.5rem);align-items:start}}.xo .xo-ed-viewer{display:none}@media (min-width: 1024px){.xo .xo-ed-viewer{display:block;position:sticky;top:96px}}.xo .xo-ed-stack{display:grid}.xo .xo-ed-plate{grid-area:1 / 1;margin:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .36s var(--ease-state),transform .56s var(--ease-enter),visibility 0s linear .36s}.xo .xo-ed-plate[data-active]{opacity:1;visibility:visible;transform:none;transition:opacity .42s var(--ease-enter),transform .56s var(--ease-enter),visibility 0s}.xo .xo-ed-plate .xo-plate{aspect-ratio:4 / 4.4;container-type:inline-size}.xo .xo-ed-plate .xo-plate[data-plate-kind=scene]{aspect-ratio:auto;min-height:0;padding:1.25rem .5rem .5rem}.xo .xo-ed-cap{display:grid;gap:.45rem;padding-top:1.1rem}.xo .xo-ed-cap-kicker{display:flex;justify-content:space-between;font:600 var(--type-label)/1 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--xo-muted)}.xo .xo-ed-cap-name{font:720 1.75rem/1.05 var(--font-display);letter-spacing:-.03em;color:var(--xo-ink)}.xo .xo-ed-cap-line{font-size:1rem;line-height:1.5;color:var(--xo-text);max-width:44ch}.xo .xo-ed-group+.xo-ed-group{margin-top:clamp(3rem,6vw,5.5rem)}.xo .xo-ed-group-title{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:.9rem;border-bottom:1px solid var(--xo-line-strong);font:600 var(--type-label)/1 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--xo-muted)}.xo .xo-ed-list{list-style:none;margin:0;padding:0}.xo .xo-ed-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;border-bottom:1px solid var(--xo-line)}.xo .xo-ed-row:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--xo-accent);transform:scaleX(0);transform-origin:left;transition:transform .52s var(--ease-enter)}.xo .xo-ed-link{display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:baseline;column-gap:.75rem;row-gap:.3rem;min-height:44px;padding:1rem 0}.xo .xo-ed-num{font:600 .75rem/1 var(--font-mono);letter-spacing:.04em;color:var(--xo-muted);transition:color var(--dur-micro) var(--ease-state)}.xo .xo-ed-name{font-family:var(--font-display);font-size:clamp(1.375rem,1rem + 1.25vw,2.125rem);font-weight:640;line-height:1.08;letter-spacing:-.025em;color:var(--xo-ink);text-wrap:balance;transition:transform .52s var(--ease-enter)}.xo .xo-ed-row[data-kind=audience] .xo-ed-name{font-size:clamp(1.875rem,1.05rem + 2.6vw,3.25rem);font-weight:740;letter-spacing:-.035em;line-height:1}.xo .xo-ed-meta{grid-column:2;font:600 .75rem/1.3 var(--font-mono);letter-spacing:.03em;color:var(--xo-muted)}.xo .xo-ed-go{display:none;width:18px;height:18px;fill:none;stroke:var(--xo-accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.xo .xo-ed-reveal{display:none;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--xo-line-strong);border-radius:50%;background:transparent;color:var(--xo-ink);cursor:pointer}html[data-js=on] .xo .xo-ed-reveal{display:grid}.xo .xo-ed-reveal svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;transition:transform var(--dur-ui) var(--ease-enter)}.xo .xo-ed-reveal[aria-expanded=true] svg{transform:rotate(45deg)}.xo .xo-ed-inline{grid-column:1 / -1;padding:0 0 1.5rem}.xo .xo-ed-inline .xo-plate{aspect-ratio:4 / 3.2;container-type:inline-size}.xo .xo-ed-inline .xo-plate[data-plate-kind=scene]{aspect-ratio:auto;padding:1rem .25rem .25rem}.xo .xo-ed-inline-line{margin-top:.85rem;font-size:.9375rem;line-height:1.5;color:var(--xo-text)}@media (min-width: 1024px){.xo .xo-ed-row{grid-template-columns:minmax(0,1fr)}.xo .xo-ed-link{grid-template-columns:3rem minmax(0,1fr) auto 1.25rem;padding:1.2rem 0}.xo .xo-ed-row[data-kind=audience] .xo-ed-link{padding:1.5rem 0}.xo .xo-ed-meta{grid-column:auto;text-align:right;white-space:nowrap}.xo .xo-ed-go{display:block;opacity:0;transform:translate(-6px);transition:opacity var(--dur-ui) var(--ease-enter),transform var(--dur-ui) var(--ease-enter)}html[data-js=on] .xo .xo-ed-reveal,.xo .xo-ed-inline,.xo .xo-ed-inline[hidden]{display:none}.xo .xo-ed-row[data-current]:after,.xo .xo-ed-row:hover:after{transform:scaleX(1)}.xo .xo-ed-row[data-current] .xo-ed-num,.xo .xo-ed-row:hover .xo-ed-num{color:var(--xo-accent)}.xo .xo-ed-row[data-current] .xo-ed-name,.xo .xo-ed-row:hover .xo-ed-name{transform:translate(.4rem)}.xo .xo-ed-row[data-current] .xo-ed-go,.xo .xo-ed-row:hover .xo-ed-go{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.xo .xo-ed-plate,.xo .xo-ed-plate[data-active],.xo .xo-ed-row:after,.xo .xo-ed-name,.xo .xo-ed-go,.xo .xo-ed-reveal svg{transition:none!important}.xo .xo-ed-plate{transform:none}}.xo .xo-ed-group-n{display:inline-flex;align-items:baseline;gap:1.25rem}.xo .xo-ed-cap-count{font:600 .8125rem/1.3 var(--font-mono);letter-spacing:.03em;color:var(--xo-accent)}.xo .xo-ed-sub{grid-column:2;max-width:44ch;font-size:1rem;line-height:1.45;color:var(--xo-text);transition:transform .52s var(--ease-enter)}@media (min-width: 1024px){.xo .xo-ed-row:is([data-current],:hover) .xo-ed-sub{transform:translate(.4rem)}}@media (prefers-reduced-motion: reduce){.xo .xo-ed-sub{transition:none}}@media (min-width: 1024px){.xo .xo-ed-sub{grid-column:2 / span 2;margin-top:.25rem}}.xo .xo-cl-title{font-family:var(--font-display);font-size:clamp(2.75rem,1rem + 6vw,7rem);font-weight:780;line-height:.92;letter-spacing:-.045em;color:var(--xo-ink);max-width:11ch;text-wrap:balance}.xo .xo-eyebrow+.xo-cl-title{margin-top:1.25rem}.xo .xo-cl-lede{margin-top:1.25rem;max-width:36ch;font-size:var(--type-lede);line-height:1.45;color:var(--xo-text)}.xo .signup-cta{margin-top:2rem}.xo .signup-cta .signup-claim{font-size:1.125rem}.xo .signup-cta .cta-link{border-radius:2px}.xo .signup-cta .cta-link[data-rank=primary]{min-height:56px;padding:0 1.75rem;font-size:1.0625rem}.xo .signup-cta .cta-link[data-rank=secondary]{min-height:56px;padding:0 1.4rem}.xo .signup-cta .works-with-list li{border-radius:2px}.xo .xo-sc-grid{display:grid;grid-template-columns:minmax(0,1fr);row-gap:clamp(2rem,5vw,3rem)}@media (min-width: 1024px){.xo .xo-sc-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"head stage" "head tour";column-gap:clamp(2.5rem,5vw,5rem);row-gap:2rem;align-items:start}.xo .xo-sc-head{grid-area:head;position:sticky;top:96px}.xo .xo-sc-stage{grid-area:stage}.xo .xo-sc-tour{grid-area:tour}}.xo .xo-sc-stage,.xo .xo-sc-frame{position:relative}.xo .xo-sc-window .shot-window{border-radius:6px}.xo .xo-sc-window[data-kind=desktop] .shot-bar b{visibility:hidden}.xo .xo-sc-wtitle{position:absolute;left:0;right:0;top:0;height:30px;display:grid;place-items:center;font:600 .6875rem/1 var(--font-mono);letter-spacing:.06em;color:#5b6474;pointer-events:none}.xo .xo-sc-phone{aspect-ratio:9 / 18.6;padding:7px;border-radius:30px;background:#05070d;box-shadow:0 0 0 1px var(--xo-line),0 30px 70px #070b1759}.xo .xo-sc-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:23px}.xo .xo-sc-hot{--x: var(--wx);--y: var(--wy);--d: var(--wd, grid);position:absolute;z-index:2;display:var(--d);place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;left:calc(var(--x) * 1%);top:calc(30px + (100% - 30px) * var(--y) / 100)}.xo .xo-sc-frame[data-frame=phone] .xo-sc-hot{left:calc(7px + (100% - 14px) * var(--x) / 100);top:calc(7px + (100% - 14px) * var(--y) / 100)}@media (max-width: 1199px){.xo .xo-sc-hot{--x: var(--mx);--y: var(--my);--d: var(--md, grid)}}@media (max-width: 640px){.xo .xo-sc-hot{--x: var(--nx);--y: var(--ny);--d: var(--nd, grid)}}.xo .xo-sc-dot{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f5f7ff;color:#0b1020;font:700 .75rem/1 var(--font-mono);box-shadow:0 0 0 2px #1d4ed8,0 6px 16px #070b1759}.xo .xo-sc-frame[data-active] .xo-sc-dot{background:#1d4ed8;color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 6px #1d4ed859,0 8px 20px #070b1766}.xo .xo-sc-dot:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(29,78,216,.55);opacity:0}@media (prefers-reduced-motion: no-preference){.xo .xo-sc-frame[data-active] .xo-sc-dot:after{animation:xo-sc-ring 1.6s var(--ease-enter) 3}}@keyframes xo-sc-ring{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}@media (min-width: 1024px){.xo .xo-sc-stage{aspect-ratio:1.08}.xo .xo-sc-frame{position:absolute;transition:transform .64s var(--ease-enter),filter .48s var(--ease-state);filter:saturate(.8) brightness(.98)}.xo .xo-sc-frame[data-frame=web]{left:0;top:0;width:74%;z-index:1}.xo .xo-sc-frame[data-frame=desktop]{right:0;top:47%;width:64%;z-index:2}.xo .xo-sc-frame[data-frame=phone]{left:7%;bottom:0;width:21%;z-index:3}.xo .xo-sc-frame[data-active]{z-index:5;filter:none;transform:translateY(-10px)}}@media (max-width: 1023px){html[data-js=on] .xo .xo-sc-frame:not([data-active]){display:none}.xo .xo-sc-frame+.xo-sc-frame{margin-top:1.5rem}html[data-js=on] .xo .xo-sc-frame+.xo-sc-frame{margin-top:0}.xo .xo-sc-frame[data-frame=phone]{width:min(64%,300px);margin-inline:auto}}.xo .xo-sc-steps{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--xo-line)}.xo .xo-sc-steps li{margin:0}.xo .xo-sc-step{position:relative;display:grid;grid-template-columns:2.25rem minmax(0,1fr);column-gap:.5rem;row-gap:.2rem;width:100%;min-height:60px;padding:.85rem .75rem .85rem .9rem;border:0;border-top:1px solid var(--xo-line);background:transparent;color:var(--xo-text);text-align:left;cursor:pointer}.xo .xo-sc-step:before{content:"";position:absolute;left:0;top:-1px;bottom:0;width:3px;background:var(--xo-accent);transform:scaleY(0);transition:transform var(--dur-ui) var(--ease-enter)}.xo .xo-sc-step[aria-pressed=true]:before{transform:none}.xo .xo-sc-step[aria-pressed=true]{background:var(--xo-hover)}.xo .xo-sc-step-num{grid-row:span 2;font:600 .75rem/1.6 var(--font-mono);color:var(--xo-muted)}.xo .xo-sc-step[aria-pressed=true] .xo-sc-step-num{color:var(--xo-accent)}.xo .xo-sc-step-title{font:680 1.1875rem/1.2 var(--font-display);letter-spacing:-.015em;color:var(--xo-ink)}.xo .xo-sc-step-frame{font:600 .6875rem/1.3 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--xo-muted)}.xo .xo-sc-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;margin-top:1.25rem}.xo .xo-sc-caption{flex:1 1 18rem;font-size:1rem;line-height:1.5;color:var(--xo-text)}.xo .xo-sc-caption strong{color:var(--xo-ink);font-weight:680}.xo .xo-sc-nav{display:inline-flex;align-items:center;gap:.5rem}.xo .xo-sc-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--xo-line-strong);border-radius:2px;background:transparent;color:var(--xo-ink);cursor:pointer}.xo .xo-sc-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.xo .xo-sc-arrow:hover{background:var(--xo-hover)}.xo .xo-sc-count{min-width:4.5rem;text-align:center;font:600 .8125rem/1 var(--font-mono);color:var(--xo-muted)}@media (prefers-reduced-motion: reduce){.xo .xo-sc-frame,.xo .xo-sc-step:before{transition:none!important}.xo .xo-sc-frame[data-active]{transform:none}}
