.hero{min-height:calc(70vh - 64px);padding-bottom:var(--space-xxl)}.hero-inner{grid-template-columns:minmax(0,1fr)}.hero h1{max-width:none;font-size:clamp(26px,5.4vw,68px)}.single-plan .pricing-grid{grid-template-columns:1fr}.single-plan .pricing-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"head included" "price features" "desc features" "cta features";column-gap:56px;row-gap:12px;align-items:start}.single-plan .tier-head{grid-area:head}.single-plan .tier-price{grid-area:price}.single-plan .tier-desc{grid-area:desc;margin:0}.single-plan .tier-divider{display:none}.single-plan .tier-included{grid-area:included}.single-plan .tier-features{grid-area:features;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.single-plan .tier-cta{grid-area:cta;margin-top:8px;padding-top:0;max-width:280px}@media(max-width:1023px){.single-plan .pricing-card{display:flex;flex-direction:column}.single-plan .tier-features{grid-template-columns:1fr}.single-plan .tier-cta{max-width:none}}.plan-more{margin:20px 0 0;font-size:15px;line-height:1.5;color:var(--color-charcoal)}.plan-more a{font-weight:500}.example-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-48%);width:min(1080px,calc(100% - 32px));max-height:calc(100vh - 48px);overflow:auto;z-index:211;opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}.example-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.example-modal .demo-closex{z-index:2}.example-modal .dc{opacity:1;transform:none}#example-backdrop{z-index:210}.onboard-steps .fs{grid-template-rows:var(--fs-row, 80vh) auto}.onboard-steps .fs-cell{grid-column:1 / -1;min-height:0;overflow:visible;align-items:flex-start}.onboard-steps .fs-cell>*{flex:1 1 auto;width:100%}.onboard-steps .tc{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"foot thread";gap:40px 48px;align-items:center;width:100%;padding:var(--space-xxl)}.onboard-steps .tc-foot{margin-top:0;grid-area:foot}.onboard-steps .tc-thread{grid-area:thread}.onboard-steps .tc-logos img{opacity:1;filter:none}@media(max-width:1023px){.onboard-steps .tc{grid-template-columns:1fr;grid-template-areas:"foot" "thread"}}.demo-section{padding-top:0;scroll-margin-top:88px}.how-video{max-width:none;margin:0 auto}.browser-frame{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-hairline);background:var(--color-surface-card);box-shadow:0 12px 32px #00000014}.bf-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-hairline)}.bf-dots{display:flex;gap:8px}.bf-dot{width:9px;height:9px;border-radius:var(--radius-full);flex:none}.bf-dot.r{background:var(--color-accent-red)}.bf-dot.a{background:var(--color-accent-amber)}.bf-dot.g{background:var(--color-accent-teal)}.bf-url{min-width:0;padding:5px 14px;max-width:420px;border-radius:var(--radius-full);background:var(--color-surface-elevated);font:500 12px/1.4 var(--font-sans);color:var(--color-mute);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:599px){.bf-url{font-size:10.5px;padding:4px 10px}}.bf-body{position:relative;aspect-ratio:1920 / 1036;background:var(--color-ink);overflow:hidden}.bf-body iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-facade{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.video-facade img{width:100%;height:100%;object-fit:contain;display:block}.video-scrim{position:absolute;inset:0;background:#0f121480;opacity:0;transition:opacity var(--motion-base) var(--ease-out)}.video-facade:hover .video-scrim,.video-facade:focus-visible .video-scrim{opacity:1}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;display:grid;place-items:center;border:1px solid var(--color-on-dark-hairline);border-radius:var(--radius-full);background:#0f1214b8;color:var(--color-on-dark);transition:transform var(--motion-base) var(--ease-out),background var(--motion-base) var(--ease-out)}.video-play svg{margin-left:4px}.video-facade:hover .video-play,.video-facade:focus-visible .video-play{background:var(--color-accent-teal);transform:translate(-50%,-50%) scale(1.08)}@media(max-width:599px){.video-play{width:60px;height:60px}.video-play svg{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.video-scrim,.video-play{transition:none}.video-facade:hover .video-play,.video-facade:focus-visible .video-play{transform:translate(-50%,-50%)}}
