.marketing-site{--marketing-paper:#f5f8fc;--marketing-ink:#011e4b;--marketing-muted:#536174;--marketing-line:#dce5ef;--marketing-surface:#fff;background:var(--marketing-paper);color:var(--marketing-ink)}.dark .marketing-site{--marketing-paper:#020b22;--marketing-ink:#f2f5fa;--marketing-muted:#b0bdcf;--marketing-line:#2c394d;--marketing-surface:#0b1b35}.marketing-site .marketing-container{width:min(100% - 3rem,1200px);margin-inline:auto}.marketing-site .marketing-page{padding-block:3.5rem 5rem}.marketing-site .marketing-eyebrow{color:var(--ui-primary);letter-spacing:.11em;text-transform:uppercase;font-size:.75rem;font-weight:650;line-height:1.5}.marketing-site .marketing-title{letter-spacing:-.045em;max-width:22ch;color:var(--marketing-ink);text-wrap:balance;margin-top:1rem;font-size:calc(clamp(2.1rem,4.1vw,3.5rem));font-weight:600;line-height:1.13}.marketing-site .marketing-lead{max-width:65ch;color:var(--marketing-muted);margin-top:1.25rem;font-size:1.0625rem;line-height:1.8}.marketing-site .marketing-section{padding-block:4.5rem;scroll-margin-top:6rem}.marketing-site .marketing-section-title{letter-spacing:-.035em;text-wrap:balance;color:var(--marketing-ink);font-size:calc(clamp(1.65rem,3vw,2.5rem));font-weight:600;line-height:1.25}.marketing-site .marketing-card{border:1px solid var(--marketing-line);background:var(--marketing-surface);border-radius:1rem}.marketing-site .marketing-link{color:var(--ui-primary);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.marketing-site .marketing-link:hover{text-underline-offset:.25rem;text-decoration:underline}.marketing-site :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--ui-primary);outline-offset:4px}.marketing-site [id]{scroll-margin-top:6rem}.marketing-site .marketing-skip{top:.5rem;z-index:100;background:var(--marketing-surface);border:1px solid var(--marketing-line);border-radius:.5rem;padding:.75rem 1rem;position:fixed;inset-inline-start:1rem;transform:translateY(-160%)}.marketing-site .marketing-skip:focus{transform:translateY(0)}[dir=rtl] .marketing-site :is(.marketing-title,.marketing-section-title,.marketing-eyebrow){letter-spacing:0}@media (width<=640px){.marketing-site .marketing-container{width:calc(100% - 2rem)}.marketing-site .marketing-page{padding-block:2rem 3rem}.marketing-site .marketing-section{padding-block:3rem}.marketing-site .marketing-lead{font-size:1rem}}@media (prefers-reduced-motion:reduce){.marketing-site *,.marketing-site :after,.marketing-site :before{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}
