img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; background-color: #fff; color: #292d34; line-height: 1.6; text-align: center; margin: 0; padding: 0;} a,nav a:hover,footer a:hover { text-decoration: none; color: #7b68ee; transition: ease-out .3s;} a:hover { text-decoration: underline; transition: ease-in .3s;} .wrap { display: block; margin: 0 auto; position: relative; width: 1100px;} header { padding-top: 20px;} .banner { display: flex; flex-wrap: wrap; justify-content: space-evenly; max-width: 1200px; margin: 0 auto;} .banner img { object-fit: contain; flex: 1; max-width: 80vw;} .bannerContent img[src="/images/logo.png"],header img { width: 120px; position: relative; z-index: 1;} .bannerContent { margin: 20px 25px; flex: 1;} .bannerContent h1,header h1 { font-size: 60px; line-height: 64px; font-weight: 600; letter-spacing: -1.96px; margin: 7px 0 0 0; } .bannerContent h1 span,header h1 span { display: block; color: #7c828d; font-size: 20px; line-height: 32px; letter-spacing: 0; font-weight: bold; opacity: 0.7; margin-top: 17px;} .btn, #generatePdf { display: block; background-color: #7b68ee; color: #fff; text-align: center; font-weight: normal; font-size: 18px; padding: 20px; border-radius: 5px; margin: 10px auto; box-shadow: 0 10px 15px #b9aff6; width: 250px; border: 2px solid #7b68ee; outline: none;} .btn:hover, #generatePdf:hover { text-decoration: none; box-shadow: none; background-color: #fff; color: #7b68ee; cursor: pointer; transition: ease-in .3s;} .bannerContent a.btn, .bannerContent button.btn { display: inline-block; width: auto; font-size: 18px; padding: 20px; font-family: 'Source Sans Pro', sans-serif; margin: 0 10px; line-height: normal;}.quotes { border-top: 2px dotted #b0b4bb; margin-top: 50px; padding-top: 20px;} .quotes div { display: flex; align-items: center; flex-wrap: wrap; flex: 1;} .quotes div > span { flex: 1;} .quotes > p:first-of-type { color: #7c828d; font-weight: 600;} .quotes div p { font-size: 15px; font-weight: 600; color: #292d34;} .quotes p:nth-of-type(3) { text-align: right; width: calc(100% - 280px);} .process { margin: 100px auto; display: flex; flex-wrap: wrap; max-width: 1300px;} .process > * { flex: 1; margin: 20px 50px; display: flex; flex-wrap: wrap; text-align: left;} .process div > * { flex: 1;} .process div > p { flex-basis: 100%;} .process div img { max-height: 80px; object-fit: contain;} .process h2 { color: #292d34; font-size: 28px; line-height: 38px; letter-spacing: -1.27px; font-weight: normal;} .process p { color: #7c828d; font-size: 16px; line-height: 28px;} .pricing h2,.trial h2,.usage h2,.contact h2,.internal h1 { text-align: center; color: #292d34; font-size: 46px; line-height: 64px; letter-spacing: -1.5px; font-weight: normal;} .internal h1 { text-align: left;}.internal { text-align: left;} .pricingContainer { display: flex; flex-wrap: wrap; justify-content: space-evenly;} .pricingContainer .btn { font-size: 18px; padding: 20px; font-family: 'Source Sans Pro', sans-serif; margin: 0 10px; line-height: normal;} .pricingContainer div { border-radius: 5px; border-top: 7px solid transparent; border-image: linear-gradient(to right, #7b68ee, #49ccf9); border-image-slice: 1; padding: 50px; box-shadow: 0 10px 25px #b9aff6; margin: 20px 10px;} .pricingContainer div img { height: 80px; margin: 0 auto;width: 100px;} .pricingContainer div h3 { color: #292d34; font-weight: normal; text-align: center; font-size: 24px; line-height: 32px; margin-bottom: 0; padding-bottom: 0;} .pricingContainer div p { text-align: center;} .pricingContainer div p:nth-of-type(1) { color: #49ccf9; font-size: 46px; line-height: 64px; letter-spacing: -1.5px; margin: 0;} .pricingContainer div p:nth-of-type(2) { margin: 0;} .pricingContainer div p:nth-of-type(3) { color: #7c828d; } .pricingContainer div button { text-align: center; margin: 0 auto;} .trial { background-image: linear-gradient(to right, #7b68ee, #49ccf9); color: #fafafa; padding: 50px; margin: 100px 0;}.trial a { color: #fff; text-decoration: underline;}.trial h2 { color: #fafafa;} .trial .btn { background-color: #49ccf9; margin: 10px auto 80px auto; box-shadow: 0 10px 15px #a8e7fc; border: 2px solid #49ccf9;} .trial .btn:hover { background-color: #fff; color: #49ccf9;} .trial h3,.trial p { text-align: center;}.usage { background-color: #e9e9e9; padding: 50px 0; margin-top: 0;}.usage h2 { margin: 0; }.usage p { text-align: center;} .usage code { background: #f4f4f4; border: 1px solid #ddd; border-left: 3px solid #7b68ee; color: #666; page-break-inside: avoid; font-family: monospace; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; min-width: 50%; overflow: auto; padding: 1em 1.5em; display: block; word-wrap: break-word; max-width: max-content; margin: auto; text-align: left; white-space: pre-wrap;} .contact { background-color: #fafafa; padding: 50px 0; margin: 100px 0 0 0;} input[type=text],input[type=email],textarea { border: 1px solid #c9ccd4; border-radius: 5px; padding: 20px; font-family: 'Source Sans Pro', sans-serif; width: calc(100% - 42px); display: block; margin: 10px 0;}.contact form { max-width: 600px; margin: 0 auto;}.contact button { margin: 20px auto;} .contact h2 { margin-top: 0; padding-top: 0;} footer { display: block; padding: 50px 0;} footer ul { list-style-type: none; text-align: center;} footer ul li { display: inline-block; padding: 0 50px; margin: 0;} footer ul li:first-of-type { margin-left: 0;} .usage div { display: none;}.usage ul {display: grid;grid-template-columns: repeat(6, 1fr);width: 90%;margin: 0 auto 50px auto;}.usage ul li { list-style-type: none; }.usage ul li a { display: block; text-align: center; }.usage ul li a:hover { text-decoration: none;}.usage ul li a i { display: block; font-size: 64px;}#ajaxError { background-color: tomato; font-weight: bold; color: #fff; text-align: center; padding: 20px; position: fixed; width: 100%; display: none; z-index: 99999;}#pdf-download { display: none;}.usage form { max-width: 960px; margin: 0 auto;}