[data-md-color-scheme="custom-light"]{--grain-filter:invert(1) brightness(1)}[data-md-color-scheme="custom-dark"]{--grain-filter:brightness(1)}.md-typeset a{text-decoration:none}.md-main__inner.md-grid{max-width:unset;display:block;margin-top:0}.md-grid.column{gap:64px;margin-top:64px;margin-bottom:64px}.hero-section{position:relative;height:500px;display:flex;align-items:center;justify-content:center}.grain-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;filter:var(--grain-filter)}.hero-content{text-align:center;padding-left:1.5rem;padding-right:1.5rem;max-width:64rem;margin-left:auto;margin-right:auto;position:relative;z-index:1}.hero-content h1{font-family:serif;font-size:var(--text-6xl);letter-spacing:-.015em;margin-bottom:1.5rem}@media(min-width:768px){.hero-content h1{font-size:var(--text-7xl)}}@media(min-width:1024px){.hero-content h1{font-size:var(--text-8xl)}}.hero-content p.tagline{font-family:sans-serif;font-weight:300;font-size:var(--text-xl);margin-bottom:3rem}@media(min-width:768px){.hero-content p.tagline{font-size:var(--text-2xl)}}@media(min-width:1024px){.hero-content p.tagline{font-size:var(--text-3xl)}}.button-wrapper{display:flex;justify-content:center;gap:32px;white-space:nowrap}.button-wrapper a{flex:1;max-width:259px;min-width:259px}.md-typeset .md-button{width:100%;justify-content:center}.md-typeset .md-button .twemoji{flex:0 0 auto}.feature-section{gap:32px}.feature-section h2{text-align:center;margin:0}.featured-content{gap:24px}.title-row{justify-content:space-between;align-items:center}.title-row>:last-child{min-width:24px}.card{padding:var(--py-8);border-radius:var(--rounded-2xl);gap:12px;width:33%}.md-typeset .card *{margin:0;gap:24px}.md-typeset .card p{margin-right:48px}.card .column{gap:32px}@media screen and (max-width:1024px){.featured-content{gap:12px;padding:0 16px}.card{padding:16px}.md-typeset .card p{margin-right:32px}}@media screen and (max-width:768px){.featured-content.row{flex-direction:column}.card{width:100%}}@media screen and (max-width:640px){.hero-content{padding-left:1rem;padding-right:1rem}.hero-content h1{font-size:var(--text-5xl)}.button-wrapper{flex-direction:column;align-items:center;gap:12px}}@media screen and (max-width:420px){.hero-content h1{font-size:42px}.hero-content p.tagline{font-size:var(--text-lg)}}