html body .phead,
html body .pmain > .sec-inner,
html body .pmain .page,
html body .pmain > .wrap,
html body main > .container,
html body main > div > .container,
html body .container {
width: 100% !important;
max-width: 1344px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 32px !important;
padding-right: 32px !important;
box-sizing: border-box !important;
}
html body main[class=""],
html body .pricing-main {
max-width: 1344px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 32px !important;
padding-right: 32px !important;
box-sizing: border-box !important;
}
html body h1,
html body .ph-title,
html body .page-title,
html body .tagline {
font-size: clamp(36px, 5vw, 64px) !important;
font-weight: 500 !important;
line-height: 1.08 !important;
letter-spacing: -.02em !important;
color: #111827 !important;
}
html body .eyebrow {
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
color: rgba(17,24,39,.56) !important;
}
html body .lead,
html body .sec-desc,
html body .ph-desc,
html body .ph-sub {
font-size: 16px !important;
line-height: 1.6 !important;
color: rgba(17,24,39,.68) !important;
max-width: 640px !important;
}
html body .cta,
html body .btn-primary {
background-color: #224eee !important;
color: #fff !important;
border: 1px solid #224eee !important;
}
html body .cta:hover,
html body .btn-primary:hover {
background-color: #1a3fd0 !important;
border-color: #1a3fd0 !important;
}
html body .btn:not(.btn-primary):not(.btn-on-dark),
html body .cta.secondary {
background-color: transparent !important;
color: #111827 !important;
border: 1px solid rgba(17,24,39,.2) !important;
}
html body .card,
html body .uc-card,
html body .linkcard {
border-radius: 16px !important;
border: 1px solid rgba(17,24,39,.08) !important;
background-color: #fff !important;
}
html body .rcard,
html body #v2 .rcard {
border-radius: 16px !important;
border: 1px solid rgba(255,255,255,.08) !important;
background-color: #0D1117 !important;
color: #E8EAED !important;
}
html body .rcard-title,
html body #v2 .rcard-title {
color: #E8EAED !important;
}
html body .rcard-date,
html body #v2 .rcard-date {
color: rgba(255,255,255,.78) !important;
}
html body .rcard-info,
html body #v2 .rcard-info {
color: #E8EAED !important;
}
html body .card,
html body .uc-card {
padding: 24px !important;
}
html body h1,
html body #v2 h1,
html body .ph-title,
html body #v2 .tagline,
html body #v2 .page-title,
html body h1.tagline {
font-size: clamp(36px, 5vw, 64px) !important;
font-weight: 500 !important;
line-height: 1.08 !important;
letter-spacing: -.02em !important;
color: #111827 !important;
}
html body .eyebrow,
html body #v2 .eyebrow,
html body #v2 .hero .eyebrow,
html body .hero .eyebrow,
html body .phead .eyebrow,
html body #v2 .sec-inner > .eyebrow {
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.14em !important;
line-height: 1.4 !important;
text-transform: uppercase !important;
color: rgba(17,24,39,.56) !important;
}
html body .cta,
html body #v2 .cta,
html body #v2 a.cta,
html body .pmain .cta,
html body .pmain a.cta,
html body .pmain .ctas .cta,
html body .pmain .ctas a.cta,
html body .pmain .uc-cta .cta,
html body .pmain .ctabox .cta,
html body .pmain .ctabox a.cta,
html body .phead .cta,
html body .pmain .page-ctas .cta {
background-color: #224eee !important;
color: #fff !important;
border: 1px solid #224eee !important;
}
html body .cta:hover,
html body #v2 a.cta:hover,
html body .pmain .cta:hover {
background-color: #1a3fd0 !important;
border-color: #1a3fd0 !important;
}
html body .btn:not(.btn-primary):not(.btn-on-dark),
html body #v2 .btn:not(.btn-primary):not(.btn-on-dark) {
background-color: transparent !important;
color: #111827 !important;
border: 1px solid rgba(17,24,39,.2) !important;
}
html body > main:not(:has(.page)):not(:has(.hero)):not(:has(.phead)):not(:has(.sec-inner)) {
max-width: 1344px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 32px !important;
padding-right: 32px !important;
box-sizing: border-box !important;
}
html body .cta, html body .cta *,
html body a.cta, html body a.cta *,
html body #v2 .cta, html body #v2 .cta *,
html body #v2 a.cta, html body #v2 a.cta *,
html body .pmain .cta, html body .pmain .cta *,
html body .pmain .ctas .cta, html body .pmain .ctas .cta *,
html body .pmain .uc-cta .cta, html body .pmain .uc-cta .cta *,
html body .pmain .ctabox .cta, html body .pmain .ctabox .cta * {
color: #fff !important;
}
html body .final .cta, html body .final .cta * {
color: #111827 !important;
}
html body .final .btn-on-dark, html body .final .btn-on-dark * {
color: #fff !important;
}
html body #v2 a.cta, html body #v2 a.cta *,
html body #v2 .ctas a.cta, html body #v2 .ctas a.cta *,
html body #v2 .ctas .cta, html body #v2 .ctas .cta *,
html body #v2 .uc-cta .cta, html body #v2 .uc-cta .cta *,
html body #v2 .ctabox .cta, html body #v2 .ctabox .cta *,
html body #v2 .ctabox a.cta, html body #v2 .ctabox a.cta *,
html body #v2 .pmain a.cta, html body #v2 .pmain a.cta *,
html body #v2 .pmain .ctas a.cta, html body #v2 .pmain .ctas a.cta *,
html body #v2 .pmain .uc-cta .cta, html body #v2 .pmain .uc-cta .cta *,
html body #v2 .pmain .ctabox .cta, html body #v2 .pmain .ctabox .cta *,
html body #v2 .pmain .page-ctas .cta, html body #v2 .pmain .page-ctas .cta *,
html body #v2 .phead .cta, html body #v2 .phead a.cta {
color: #fff !important;
}
html body .psec,
html body .pmain .psec,
html body #v2 .psec,
html body #v2 section.psec,
html body .pmain #v2 .psec,
html body #v2 .pmain .psec {
width: 100% !important;
max-width: 1344px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 32px !important;
padding-right: 32px !important;
box-sizing: border-box !important;
}
html body .psec > .igrid,
html body .psec > .grid,
html body .psec > .grid3,
html body .psec > .cards {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
html body .psec > .plabel {
width: auto !important;
max-width: none !important;
}
html body .psec > .uc-cta,
html body .psec > .ctabox {
margin-left: -32px !important;
margin-right: -32px !important;
width: auto !important;
}
@media (max-width: 720px) {
html body .psec, html body .pmain .psec {
padding-left: 20px !important;
padding-right: 20px !important;
}
html body .psec > .uc-cta, html body .psec > .ctabox {
margin-left: -20px !important;
margin-right: -20px !important;
}
}
html body .uc-cta,
html body #v2 .uc-cta,
html body .pmain .uc-cta,
html body #v2 .pmain .uc-cta {
padding: 72px 40px !important;
text-align: left !important;
align-items: flex-start !important;
justify-content: flex-start !important;
margin-left: 0 !important;
margin-right: auto !important;
max-width: 760px !important;
box-sizing: border-box !important;
}
html body .ctabox,
html body #v2 .ctabox,
html body article .ctabox,
html body .psec .ctabox {
margin-left: 0 !important;
margin-right: auto !important;
max-width: 760px !important;
}
html body .uc-cta > *,
html body #v2 .uc-cta > * {
text-align: left !important;
margin-left: 0 !important;
max-width: 100% !important;
}
html body .uc-cta h1, html body .uc-cta h2, html body .uc-cta h3,
html body .uc-cta p, html body .uc-cta .lead {
text-align: left !important;
margin-left: 0 !important;
}
html body .uc-cta .ctas,
html body .uc-cta .uc-cta-btns {
justify-content: flex-start !important;
text-align: left !important;
}
@media (max-width: 720px) {
html body .uc-cta, html body #v2 .uc-cta { padding: 32px 20px !important; margin-left: -20px !important; margin-right: -20px !important; }
}
html body .final .btn-primary,
html body #v2 .final .btn-primary {
background-color: #fff !important;
color: #111827 !important;
border: 1px solid #fff !important;
}
html body .final .btn-primary:hover,
html body #v2 .final .btn-primary:hover {
background-color: rgba(255,255,255,.88) !important;
border-color: rgba(255,255,255,.88) !important;
}
html body .demo-sec h1, html body .demo-sec h2, html body .demo-sec h3, html body .demo-sec .sec-title,
html body .play-sec h1, html body .play-sec h2, html body .play-sec h3, html body .play-sec .sec-title,
html body .final h1, html body .final h2, html body .final h3,
html body .ctabox h1, html body .ctabox h2, html body .ctabox h3,
html body .uc-cta h1, html body .uc-cta h2, html body .uc-cta h3 {
color: #fff !important;
}
html body .demo-sec .sec-inner > .eyebrow,
html body .demo-sec > .sec-inner > .eyebrow,
html body .play-sec .eyebrow,
html body .final .eyebrow,
html body .ctabox .eyebrow,
html body .uc-cta .eyebrow {
color: rgba(255,255,255,.78) !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.14em !important;
}
html body .demo-sec .eyebrow,
html body .play-sec .eyebrow,
html body .final .eyebrow,
html body #v2 .demo-sec .eyebrow,
html body #v2 .play-sec .eyebrow,
html body #v2 .final .eyebrow {
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.14em !important;
line-height: 1.4 !important;
text-transform: uppercase !important;
color: rgba(255,255,255,.78) !important;
}
html body .final .cta,
html body #v2 .final .cta {
background-color: #fff !important;
color: #111827 !important;
border: 1px solid #fff !important;
}
html body .final .btn-on-dark,
html body #v2 .final .btn-on-dark {
background-color: transparent !important;
color: #fff !important;
border: 1px solid rgba(255,255,255,.45) !important;
}
html body .final .btn-on-dark:hover,
html body #v2 .final .btn-on-dark:hover {
background-color: rgba(255,255,255,.12) !important;
border-color: rgba(255,255,255,.7) !important;
}
html body .final .btn:not(.btn-on-dark):not(.cta):not(.btn-primary),
html body #v2 .final .btn:not(.btn-on-dark):not(.cta):not(.btn-primary) {
background-color: transparent !important;
color: #fff !important;
border: 1px solid rgba(255,255,255,.45) !important;
}