*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Jost,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:#fff;color:#1f1d1a}img{display:block;height:auto;max-width:100%}.demo-hero{margin:0 auto;max-width:1400px;padding:72px 40px 64px}.demo-hero__kicker{color:#8b5cf6;display:block;font-size:13px;letter-spacing:.18em;margin-bottom:14px;text-transform:uppercase}.demo-hero h1{font-family:Hanken Grotesk,Helvetica Neue,Arial,sans-serif;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.08;margin:0 0 18px}.demo-hero p{color:#3d3a37;font-size:17px;line-height:1.7;margin:0;max-width:640px}.demo-footer{color:#6f6a63;font-size:13px;margin:0 auto;padding:32px 40px 56px}@media (max-width:767px){.demo-footer,.demo-hero{padding-left:24px;padding-right:24px}}.demo-hero .demo-hero__cta{border-top:1px solid #e4dfd7;margin-top:28px;max-width:640px;padding-top:24px}.demo-hero .demo-hero__note{color:#3d3a37;font-size:15px;line-height:1.6;margin:0 0 28px}.demo-hero__link{align-items:center;background:#1f1d1a;border:1px solid #1f1d1a;border-radius:999px;color:#fff;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:13px 24px;text-decoration:none;transition:background-color .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1)}.demo-hero__link:focus-visible,.demo-hero__link:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.demo-hero__link:focus-visible{outline:2px solid #8b5cf6;outline-offset:3px}.demo-footer{border-top:1px solid #e4dfd7;color:#3d3a37;font-size:15px;line-height:1.7;max-width:1400px}.demo-footer p{margin:0 0 8px;max-width:640px}.demo-footer__lead{color:#1f1d1a;font-weight:600}.demo-topbar{align-items:center;border-bottom:1px solid #ebe9f2;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:22px 40px}.demo-topbar__logo{background:linear-gradient(100deg,#8b5cf6,#c47ba0,#ed9a5f);-webkit-background-clip:text;background-clip:text;font-family:Hanken Grotesk,Helvetica Neue,Arial,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.01em;text-decoration:none;-webkit-text-fill-color:transparent;color:#8b5cf6}.demo-topbar__link{color:#1f1d1a;font-size:14px;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:color .3s cubic-bezier(.4,0,.2,1)}.demo-topbar__link:focus-visible,.demo-topbar__link:hover{color:#8b5cf6}.demo-hero{padding-top:56px}@media (max-width:767px){.demo-topbar{padding:18px 24px}}.demo-hero__actions{margin:28px 0 0}.demo-hero__link--ghost{background:transparent;border-color:#1f1d1a;color:#1f1d1a}.demo-hero__link--ghost:focus-visible,.demo-hero__link--ghost:hover{background:#1f1d1a;border-color:#1f1d1a;color:#fff}.demo-hero{align-items:start;display:grid;gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,380px);padding:56px 40px}.demo-hero .demo-hero__main .demo-hero__actions,.demo-hero__main p{max-width:640px}.demo-hero__actions{margin:32px 0 0}.demo-hero__aside{border:1px solid #e4dfd7;border-radius:20px;margin-top:6px;padding:28px 28px 30px}.demo-hero__aside .demo-hero__kicker{margin-bottom:12px}.demo-hero .demo-hero__aside .demo-hero__note{color:#3d3a37;font-size:15px;line-height:1.6;margin:0 0 20px}.demo-hero .demo-hero__cta{display:none}@media (max-width:900px){.demo-hero{gap:28px;grid-template-columns:1fr}.demo-hero__aside{margin-top:0}}.demo-hero .demo-hero__main .demo-hero__actions{margin:32px 0 0}.demo-hero .demo-hero__main>p{margin:0 0 4px}.demo-hero .demo-hero__main h1{margin-bottom:20px}.demo-hero .demo-hero__link,.demo-hero .demo-hero__link--ghost{align-self:flex-start;display:inline-flex;width:auto}.demo-hero .demo-hero__aside{align-items:flex-start;display:flex;flex-direction:column;padding:30px 30px 32px}.demo-hero .demo-hero__aside .demo-hero__note{margin:0 0 24px}.demo-hero{align-items:stretch;padding-bottom:64px}.demo-hero .demo-hero__aside{justify-content:center;margin-top:0}