.ys-site .ys-hero{text-align:center}.ys-site .ys-hero-copy{max-width:52rem;margin:0 auto 64px}.ys-site .ys-hero-copy h1{margin-bottom:24px}.ys-site .ys-hero-img{aspect-ratio:16/9}.ys-site .ys-kicker{color:var(--ys-text-muted);letter-spacing:.02em;border:1px solid var(--ys-ink-15);border-radius:var(--ys-radius-full);align-items:center;gap:10px;margin-bottom:24px;padding:7px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.ys-site .ys-dot{background:var(--ys-brand);border-radius:50%;width:7px;height:7px}.ys-site .ys-paths-sec{padding-top:0}.ys-site .ys-paths{grid-template-columns:1fr 1fr;gap:24px;display:grid}.ys-site .ys-path{flex-direction:column;padding:36px;display:flex}.ys-site .ys-path-ic{height:40px;color:var(--ys-brand-dark);transition:transform .25s var(--ys-ease);align-self:flex-start;align-items:center;margin-bottom:18px;font-size:38px;line-height:1;display:inline-flex}.ys-site .ys-path-ic svg{width:auto;height:1em}.ys-site .ys-path:hover .ys-path-ic{transform:translateY(-3px)}.ys-site .ys-path-slug{font-family:var(--ys-font-mono);color:var(--ys-brand-dark);letter-spacing:.02em;font-size:.85rem;font-weight:600}.ys-site .ys-path h3{margin:14px 0 10px}.ys-site .ys-path-tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.ys-site .ys-path-tags span{font-family:var(--ys-font-body);color:var(--ys-text-muted);border:1px solid var(--ys-ink-15);border-radius:var(--ys-radius-full);padding:4px 12px;font-size:.8rem}.ys-site .ys-path-cta{font-family:var(--ys-font-body);color:var(--ys-brand-dark);align-items:center;gap:.4rem;margin-top:auto;padding-top:24px;font-size:.95rem;font-weight:500;display:inline-flex}.ys-site .ys-path-cta svg{width:16px;height:16px;transition:transform .2s var(--ys-ease)}.ys-site .ys-path:hover .ys-path-cta svg{transform:translate(4px)}.ys-site .ys-feature{text-align:left}.ys-site .ys-feature-ic{width:48px;height:48px;color:var(--ys-text);margin-bottom:20px;display:block}.ys-site .ys-feature-ic svg{width:48px;height:48px}.ys-site .ys-feature h4{margin-bottom:12px;font-size:1.375rem}.ys-site .ys-split{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.ys-site .ys-code-card{border:1px solid var(--ys-ink-15);border-radius:var(--ys-radius-card);background:var(--ys-neutral-darkest);overflow:hidden}.ys-site .ys-code-tabs{background:var(--ys-neutral-darkest);gap:2px;padding:12px 12px 0;display:flex}.ys-site .ys-code-tabs button{font-family:var(--ys-font-body);color:var(--ys-neutral-light);cursor:pointer;background:0 0;border:none;border-radius:6px 6px 0 0;padding:8px 16px;font-size:.85rem;font-weight:500}.ys-site .ys-code-tabs button.on{color:#fff;background:#ffffff14}.ys-site .ys-code-card pre{color:#e9e7e3;font-family:var(--ys-font-mono);margin:0;padding:24px;font-size:.82rem;line-height:1.7;overflow-x:auto}.ys-site .ys-mini-grid{grid-template-columns:1fr 1fr;gap:28px 24px;margin-top:36px;display:grid}.ys-site .ys-mini-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.ys-site .ys-mini-ic{width:18px;height:18px;color:var(--ys-brand-dark);flex-shrink:0}.ys-site .ys-mini-grid strong{font-family:var(--ys-font-body);font-size:1rem;font-weight:600}.ys-site .ys-mini-grid span{color:var(--ys-text-muted);font-size:.9rem;line-height:1.55;display:block}.ys-site .ys-install{cursor:pointer;white-space:nowrap;background:var(--ys-white);color:var(--ys-text);border:1px solid var(--ys-ink-15);border-radius:var(--ys-radius-button);font-family:var(--ys-font-mono);transition:border-color .2s var(--ys-ease),box-shadow .2s var(--ys-ease);align-items:center;gap:10px;padding:.6rem .9rem;font-size:.88rem;display:inline-flex}.ys-site .ys-install:hover{border-color:var(--ys-neutral-dark);box-shadow:var(--ys-shadow-md)}.ys-site .ys-install code{font-family:inherit}.ys-site .ys-install-prompt{color:var(--ys-brand-dark);font-weight:700}.ys-site .ys-install svg{width:15px;height:15px;color:var(--ys-brand-dark);flex-shrink:0}.ys-site .ys-steps{grid-template-columns:repeat(3,1fr);gap:48px;display:grid;position:relative}.ys-site .ys-steps:before{content:"";z-index:0;background:repeating-linear-gradient(90deg,var(--ys-brand)0 7px,transparent 7px 15px);opacity:.55;height:2px;position:absolute;top:30px;left:16.66%;right:16.66%}.ys-site .ys-step{z-index:1;text-align:center;position:relative}.ys-site .ys-step-ic{min-width:64px;height:60px;color:var(--ys-brand-dark);background:var(--ys-surface);transition:transform .25s var(--ys-ease);justify-content:center;align-items:center;margin-bottom:20px;padding:0 16px;font-size:44px;line-height:1;display:inline-flex;position:relative}.ys-site .ys-step-ic svg{width:auto;height:1em}.ys-site .ys-step:hover .ys-step-ic{transform:translateY(-4px)}.ys-site .ys-step-num{background:var(--ys-brand);width:24px;height:24px;color:var(--ys-neutral-darkest);font-family:var(--ys-font-body);border:2px solid var(--ys-surface);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-4px;right:2px}.ys-site .ys-step h4{margin-bottom:10px;font-size:1.375rem}.ys-site .ys-quote-img{aspect-ratio:1}.ys-site .ys-stars{color:var(--ys-text);gap:4px;display:flex}.ys-site .ys-stars svg{width:22px;height:22px}.ys-site .ys-quote h3{margin:24px 0;font-size:1.75rem;font-weight:500;line-height:1.4}.ys-site .ys-quote-who{font-weight:600}.ys-site .ys-faq-item h4{font-size:1.125rem;font-weight:600;font-family:var(--ys-font-heading);margin-bottom:10px}.ys-site .ys-faq-item p{font-size:.95rem}.ys-site .ys-cta-band{text-align:center}.ys-site .ys-cta-copy{max-width:40rem;margin:0 auto 64px}.ys-site .ys-cta-copy h2{margin-bottom:20px}.ys-site .ys-cta-img{aspect-ratio:21/9}@media (max-width:991px){.ys-site .ys-split{grid-template-columns:1fr;gap:40px}.ys-site .ys-split.flip .ys-code-card{order:2}.ys-site .ys-paths{grid-template-columns:1fr}.ys-site .ys-mini-grid{grid-template-columns:1fr 1fr}.ys-site .ys-hero-copy{margin-bottom:44px}.ys-site .ys-steps{grid-template-columns:1fr;gap:36px}.ys-site .ys-steps:before{display:none}}@media (max-width:560px){.ys-site .ys-mini-grid{grid-template-columns:1fr;gap:20px}.ys-site .ys-path{padding:28px}.ys-site .ys-hero .ys-actions .ys-btn,.ys-site .ys-cta-band .ys-actions .ys-btn{width:100%}.ys-site .ys-hero .ys-actions,.ys-site .ys-cta-band .ys-actions{width:100%;max-width:22rem;margin-inline:auto}}