.wpa-addons-wrapper{margin:20px 0 15px;padding:15px;border:1px solid #e2e2e2;border-radius:6px;background:#fafafa}.wpa-addons-title{margin:0 0 12px;font-size:15px;font-weight:700;color:#111}.wpa-addons-list{display:flex;flex-direction:column;gap:8px}.wpa-addon-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.wpa-addon-item:hover{border-color:#0f88d4;background:#f5fbff}.wpa-addon-checkbox{flex:0 0 auto;margin:0}.wpa-addon-name{flex:1 1 auto;font-size:14px;font-weight:600;color:#222}.wpa-addon-price{font-size:14px;font-weight:700;color:#000}.wpa-addons-summary{margin-top:12px;padding-top:10px;border-top:1px dashed #ccc;font-size:14px;color:#333}.wpa-addons-summary-total{color:#0f88d4}.logo,
body {
color: var(--ink)
}
.ph,
.wc-empty {
text-align: center
}
.eyebrow,
.inline-css-51f2ad7990,
.site-foot h5 {
text-transform: uppercase
}
.consent,
.enterprise-field.full,
.enterprise-fieldset.full,
.enterprise-form-actions.full,
.field.full,
.mega .all {
grid-column: 1/-1
}
.flow,
.pp,
details.qa summary {
list-style: none
}
.inline-css-c9adc42e9b,
.plan .bills,
.pricing-capacity {
align-self: flex-start
}
details.qa summary,
summary {
cursor: pointer;
padding: 18px 0
}
.addon .pr,
.btn,
.estimate-row .woocommerce-Price-amount,
.plan .bills {
white-space: nowrap
}
:root {
--blue: #0657A3;
--blue-d: #04437D;
--blue-t: #EAF1FA;
--teal: #0B7A75;
--teal-d: #08605C;
--teal-t: #E2F1F0;
--ground: #F3F6FB;
--line: #DFE5EF;
--ink: #16181D;
--body: #3F434C;
--muted: #5A5F69;
--navy: #0B7A75;
--tint: #E2F1F0;
--blue-dark: #04437D;
--deep: #083B39;
--display: 'Bricolage Grotesque', Georgia, serif;
--text: Figtree, 'Segoe UI', sans-serif
}
* {
box-sizing: border-box
}
html {
scroll-padding-top: 96px
}
body {
margin: 0;
background: var(--ground);
font-family: var(--text) !important;
font-size: 16px;
line-height: 1.5
}
.btn-plain:hover,
.estimate-demo:hover,
.head-account a:hover,
.woocommerce .product_meta a,
a {
color: var(--blue)
}
button {
font: inherit;
cursor: pointer
}
img {
max-width: 100%
}
:focus-visible {
outline: #7FB0E6 solid 3px;
outline-offset: 2px
}
.wrap {
max-width: 1280px;
margin: 0 auto;
padding: 0 32px
}
.site-head {
background: #fff;
border-bottom: 1px solid var(--line);
position: sticky;
top: 0;
z-index: 50
}
.bar {
height: 80px;
display: flex;
align-items: center;
gap: 40px
}
.logo,
.site-nav {
display: flex;
align-items: center
}
.logo {
gap: 10px;
text-decoration: none;
font-family: var(--display);
font-weight: 800;
font-size: 24px;
letter-spacing: -.5px
}
.dd-btn,
.dd-link,
.site-nav>a {
font-weight: 500;
color: var(--ink)
}
.btn,
.dd-btn,
.dd-link,
.site-nav>a {
font-size: 16px;
text-decoration: none
}
.logo:hover {
color: var(--ink)
}
.site-nav {
gap: 4px;
margin-right: auto
}
.dd-btn,
.dd-head,
.site-nav>a {
align-items: center;
display: flex;
height: 44px
}
.dd-btn,
.site-nav>a {
padding: 0 14px;
border-radius: 8px;
border: 0;
background: 0 0;
gap: 6px
}
.dd-head {
border-radius: 8px
}
.dd-link {
height: 44px;
padding: 0 8px 0 14px;
border-radius: 8px 0 0 8px;
display: flex;
align-items: center
}
.dd-btn:hover,
.dd-head:hover,
.dd-link:hover,
.dd-menu a:hover,
.site-nav>a:hover {
background: var(--ground);
color: var(--ink)
}
.dd-head .dd-btn {
height: 44px;
padding: 0 10px 0 4px;
border-radius: 0 8px 8px 0
}
.dd-head .dd-btn:hover {
background: 0 0
}
.site-nav .on {
color: var(--blue);
font-weight: 700
}
.dd {
position: relative
}
.dd-menu {
position: absolute;
top: calc(100% + 0px);
left: 0;
min-width: 270px;
background: #fff;
border: 1px solid var(--line);
border-radius: 16px;
box-shadow: 0 24px 48px -20px rgba(22, 24, 29, .25);
padding: 10px;
display: none
}
.dd-menu .ic,
.dd-menu a,
.head-cta {
display: flex
}
.dd.open .dd-menu,
.dd:focus-within .dd-menu,
.dd:hover .dd-menu {
display: block
}
.dd.open .dd-menu.mega,
.dd:focus-within .dd-menu.mega,
.dd:hover .dd-menu.mega {
display: grid
}
.mega {
width: 600px;
grid-template-columns: 1fr 1fr;
gap: 2px
}
.dd-menu a {
gap: 12px;
align-items: flex-start;
padding: 10px 12px;
border-radius: 10px;
color: var(--ink);
text-decoration: none
}
.dd-menu .ic {
width: 36px;
height: 36px;
border-radius: 10px;
background: var(--teal-t);
align-items: center;
justify-content: center;
flex-shrink: 0
}
.head-cta,
.menu-btn {
align-items: center;
gap: 8px
}
.dd-menu .t {
display: block;
font-weight: 700;
font-size: 15px
}
.dd-menu .d {
display: block;
font-size: 13px;
color: var(--muted);
line-height: 1.4
}
.mega .all {
border-top: 1px solid var(--line);
border-radius: 0 0 10px 10px;
margin-top: 6px;
padding-top: 14px;
font-weight: 700;
color: var(--blue)
}
.menu-btn,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
display: none
}
.menu-btn {
height: 44px;
padding: 0 14px;
border: 1.5px solid var(--line);
border-radius: 10px;
background: #fff;
font-weight: 600
}
.btn,
.pill {
align-items: center
}
.btn {
display: inline-flex;
justify-content: center;
gap: 8px;
height: 48px;
padding: 0 22px;
border-radius: 10px;
font-weight: 700;
border: 1.5px solid transparent
}
.btn-lg {
height: 56px;
padding: 0 28px;
font-size: 17px;
border-radius: 12px
}
.btn-primary,
.plan.sel .choose,
.seg button[aria-pressed=true],
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--blue);
color: #fff
}
.btn-ghost,
.btn-white {
background: #fff;
color: var(--ink)
}
.btn-primary:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce input.button:hover {
background: var(--blue-d);
color: #fff
}
.btn-ghost {
border-color: var(--ink)
}
.btn-ghost:hover,
.btn-white:hover {
background: var(--blue-t);
color: var(--ink)
}
.btn-line-white {
border-color: #fff;
color: #fff
}
.btn-line-white:hover {
background: rgba(255, 255, 255, .12);
color: #fff
}
.card,
.pill,
.sec.white,
details.qa {
background: #fff
}
.btn-plain {
color: var(--ink);
font-weight: 600
}
.btn-block,
.chironmed-variation-fields input[type=number],
.chironmed-variation-fields input[type=text],
.chironmed-variation-fields textarea,
.pricing-estimate .btn {
width: 100%
}
.eyebrow {
font-size: 14px;
font-weight: 700;
letter-spacing: 1.5px;
color: var(--teal)
}
.display,
.h2 {
font-weight: 800;
font-family: var(--display);
margin: 0
}
.display {
font-size: 60px;
line-height: 1.03;
letter-spacing: -1.8px
}
.h2 {
font-size: 44px;
line-height: 1.08;
letter-spacing: -1.1px
}
.h3 {
font-family: var(--display);
font-weight: 700;
font-size: 22px;
line-height: 1.2;
margin: 0
}
.inline-css-5688293ad1,
.inline-css-b3cb3f8082,
.inline-css-b98bb83fba {
font-family: 'Bricolage Grotesque', Georgia, serif
}
.lead {
font-size: 19px;
color: var(--body);
line-height: 1.55;
margin: 0
}
.crumbs,
.crumbs a,
.muted,
.woocommerce .woocommerce-result-count {
color: var(--muted)
}
.sec {
padding: 96px 0
}
.sec.tight {
padding: 64px 0
}
.sec-head {
display: flex;
flex-direction: column;
gap: 14px;
max-width: 760px;
margin-bottom: 44px
}
.g2,
.g3,
.g4 {
display: grid;
gap: 20px
}
.sec-head.row {
max-width: none;
flex-direction: row;
justify-content: space-between;
align-items: flex-end
}
.card {
border: 1px solid var(--line);
border-radius: 18px;
padding: 28px
}
.sec.white .card {
background: var(--ground);
border-color: #e4e9f1
}
.g2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.g3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.g4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.crumbs,
.pill {
gap: 8px;
font-size: 14px
}
.crumbs {
display: flex
}
.pill {
display: inline-flex;
padding: 7px 14px;
border-radius: 999px;
border: 1px solid var(--line);
font-weight: 600;
color: var(--body)
}
.dot {
width: 8px;
height: 8px;
border-radius: 999px;
background: var(--teal)
}
.page-hero {
padding: 72px 32px 64px
}
.page-hero .lead {
max-width: 700px;
margin-top: 18px
}
.ph {
border: 1px solid var(--line);
border-radius: 18px;
display: flex;
align-items: center;
justify-content: center;
color: var(--muted);
font-size: 14px;
padding: 22px;
background-color: #fff
}
.cta-band {
background: var(--blue);
border-radius: 24px;
color: #fff;
padding: 64px 72px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px
}
.cta-band h2 {
margin: 0 0 12px
}
.cta-band p {
margin: 0;
color: #e3ecfd;
font-size: 18px;
max-width: 600px
}
.cta-band .acts {
display: flex;
flex-direction: column;
gap: 12px;
width: 260px;
flex-shrink: 0
}
details.qa {
border: 1px solid var(--line);
border-radius: 14px;
padding: 0 22px
}
details.qa summary {
font-weight: 700;
font-size: 17px;
display: flex;
justify-content: space-between;
gap: 16px
}
details.qa summary::-webkit-details-marker {
display: none
}
details.qa summary::after {
content: "+";
font-size: 24px;
line-height: 1;
color: var(--blue);
flex-shrink: 0
}
details.qa[open] summary::after,
details[open] summary::after {
content: "–"
}
.sec-sub,
details.qa p {
margin: 0 0 18px;
color: var(--body)
}
.cap,
.pricing-purchase-actions,
.qa-list {
display: flex;
flex-direction: column;
gap: 12px
}
.form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}
.field .lbl,
.field label,
.inline-css-fe496b8abc {
font-size: 14px;
font-weight: 600
}
.field input,
.field select,
.field textarea {
height: 48px;
border: 1.5px solid #c9d2e0;
border-radius: 10px;
padding: 0 14px;
font: inherit;
background: #fff;
color: var(--ink)
}
.field textarea {
height: 120px;
padding: 12px 14px;
resize: vertical
}
.field input:focus,
.field select:focus,
.field textarea:focus,
.search input:focus {
border-color: var(--blue);
outline: 0;
box-shadow: 0 0 0 3px rgba(6, 87, 163, .15)
}
.site-foot {
background: var(--ink);
color: #d3d5da;
padding: 72px 0 36px;
margin-top: 0
}
.site-foot .cols {
display: flex;
gap: 64px
}
.site-foot .about {
width: 330px;
flex-shrink: 0;
font-size: 15px;
line-height: 1.6
}
.site-foot .about .logo {
color: #fff;
margin-bottom: 16px
}
.site-foot .grid {
flex-grow: 1;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 28px;
font-size: 15px
}
.site-foot h5 {
margin: 0 0 14px;
color: #fff;
font-size: 14px;
letter-spacing: 1px
}
.site-foot a {
display: block;
color: #d3d5da;
text-decoration: none;
margin-bottom: 10px
}
.inline-css-729d2fa421,
.site-foot a:hover,
a.pricing-product-tab.is-active.is-enterprise {
color: #fff
}
.site-foot .social {
display: flex;
gap: 10px;
margin-top: 18px
}
.site-foot .social a {
width: 44px;
height: 44px;
border-radius: 10px;
background: #2a2d34;
display: flex;
align-items: center;
justify-content: center;
margin: 0
}
.site-foot .legal {
display: flex;
justify-content: space-between;
gap: 24px;
margin-top: 56px;
padding-top: 24px;
border-top: 1px solid #2e3139;
font-size: 14px;
color: #a3a7b0
}
.site-foot .legal a {
display: inline;
margin: 0 0 0 20px;
color: #a3a7b0
}
@media (max-width:1000px) {
.cta-band,
.site-nav {
flex-direction: column
}
.menu-btn {
display: flex;
margin-left: auto
}
.head-cta .btn-plain,
.site-nav {
display: none
}
.site-nav {
position: absolute;
top: 80px;
left: 0;
right: 0;
background: #fff;
border-bottom: 1px solid var(--line);
align-items: stretch;
padding: 12px 20px 20px
}
.site-nav.open {
display: flex
}
.dd-menu,
.dd:hover .dd-menu.mega {
position: static;
display: none;
box-shadow: none;
border: 0;
width: auto;
padding: 0 0 8px 8px
}
.dd.open .dd-menu,
.dd.open .dd-menu.mega {
display: block
}
.g3,
.g4 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.cta-band {
align-items: flex-start;
padding: 44px 32px
}
.site-foot .cols {
flex-direction: column
}
}
.wc-pricing-grid,
.woocommerce ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
@media (prefers-reduced-motion:reduce) {
* {
scroll-behavior: auto !important;
transition: none !important
}
}
.inline-css-49fcd855ce,
.wc-pricing {
margin-top: 24px
}
.wc-pricing-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: 32px
}
.wc-pricing-head h2 {
margin: 6px 0 8px
}
.wc-pricing-head .sec-sub {
max-width: 720px;
margin: 0;
color: var(--muted)
}
.wc-product-group {
margin: 0 0 44px
}
.wc-group-title {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
margin-bottom: 18px
}
.wc-group-title h3 {
font-family: var(--display);
font-size: 28px;
line-height: 1.1;
margin: 5px 0 0
}
.wc-pricing-grid {
display: grid;
gap: 18px
}
.wc-price-card {
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid var(--line);
border-radius: 18px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(16, 40, 72, .05)
}
.wc-price-media {
height: 130px;
background: linear-gradient(135deg, var(--blue-t), var(--teal-t));
display: flex;
align-items: center;
justify-content: center;
overflow: hidden
}
.wc-price-media img {
width: 100%;
height: 100%;
object-fit: cover
}
.wc-price-icon {
width: 54px;
height: 54px;
border-radius: 16px;
background: #fff;
color: var(--blue);
font-size: 34px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
box-shadow: 0 8px 20px rgba(6, 87, 163, .12)
}
.wc-price-content {
padding: 22px;
display: flex;
flex-direction: column;
flex: 1
}
.wc-price-content h4 {
font-family: var(--display);
font-size: 23px;
line-height: 1.2;
margin: 0 0 10px
}
.wc-price-desc {
font-size: 14px;
color: var(--muted);
min-height: 54px
}
.pricing-includes-copy p,
.wc-price-desc p {
margin: 0
}
.wc-price {
font-size: 25px;
font-weight: 800;
color: var(--blue);
margin: 18px 0
}
.wc-price del {
color: #89909a;
font-size: 16px;
margin-right: 5px
}
.wc-price ins {
text-decoration: none
}
.wc-price-actions {
display: flex;
gap: 9px;
margin-top: auto
}
.wc-price-actions .btn {
flex: 1;
padding: 0 12px
}
.wc-empty {
background: #fff;
border: 1px dashed #c9d2e0;
border-radius: 18px;
padding: 38px;
margin: 24px 0
}
.wc-empty h3 {
font-family: var(--display);
font-size: 26px;
margin: 0 0 10px
}
.wc-empty p {
color: var(--muted);
max-width: 680px;
margin: 0 auto 20px
}
.pricing-help p,
.pricing-intro h1 {
max-width: 850px
}
@media (max-width:1000px) {
.wc-pricing-grid {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media (max-width:680px) {
.wrap {
padding: 0 18px
}
.bar {
gap: 16px
}
.head-cta {
display: none
}
.display {
font-size: 40px
}
.h2 {
font-size: 32px
}
.form,
.g2,
.g3,
.g4,
.wc-pricing-grid {
grid-template-columns: 1fr
}
.sec {
padding: 64px 0
}
.site-foot .grid {
grid-template-columns: 1fr 1fr
}
.site-foot .legal,
.wc-price-actions {
flex-direction: column
}
.wc-group-title,
.wc-pricing-head {
align-items: flex-start;
flex-direction: column
}
}
.inline-css-4260ebea52 {
padding-top: 0
}
.inline-css-0bcfc24312 {
font-size: 26px;
margin-bottom: 20px
}
.inline-css-d6f2af6e0a {
margin-top: 14px
}
.inline-css-fc154194d9 {
grid-template-columns: repeat(5, minmax(0, 1fr))
}
.inline-css-5e0faad207 {
font-size: 13px
}
.inline-css-6be0d8ba2c {
text-align: left
}
.inline-css-fa08ae21f1 {
margin-top: 72px
}
.inline-css-30a225d4e8 {
font-size: 13px;
margin-top: 12px
}
.inline-css-d5a8044eec {
margin: 14px 0 24px
}
.inline-css-a0f4143d73 {
margin-top: 14px;
max-width: 880px
}
.inline-css-84f4c591b0 {
margin: 6px 0 0
}
.inline-css-7afcb61e12,
.plan h3 {
font-size: 26px
}
.inline-css-08cc988049 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
flex-wrap: wrap
}
.inline-css-b0b7ba2dce {
color: #fff;
font-size: 26px
}
.inline-css-a7b8d1f73f,
.inline-css-e09d213397 {
font-weight: 700;
font-size: 17px;
text-decoration: none;
height: 56px
}
.inline-css-b14abe07fe {
background: #16181d
}
.inline-css-4dbe143b11 {
background: #08605c
}
.inline-css-136744adab {
background: #04437d
}
.inline-css-49343c9b90 {
background: #0b7a75
}
.inline-css-c4a5773a33 {
background: #0657a3
}
.inline-css-fafb8d2e89 {
display: block;
margin-bottom: 10px
}
.inline-css-e09d213397 {
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
border: 1.5px solid #fff;
color: #fff;
box-sizing: border-box
}
.inline-css-a7b8d1f73f {
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background: #fff;
color: #16181d
}
.inline-css-2b12e06921 {
display: flex;
flex-direction: column;
gap: 12px;
width: 280px
}
.inline-css-60878874f2 {
margin: 0;
font-size: 18px;
line-height: 1.55;
color: #e3ecfd
}
.inline-css-b3cb3f8082 {
margin: 0;
font-weight: 800;
font-size: 46px;
line-height: 1.08;
letter-spacing: -1.2px
}
.inline-css-f1b4da7f2f {
display: flex;
flex-direction: column;
gap: 14px;
width: 640px
}
.inline-css-8084d1d2b5 {
padding: 72px;
border-radius: 24px;
background: #0657a3;
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
gap: 48px
}
.inline-css-a15ec18d74 {
padding: 0 80px 112px;
box-sizing: border-box
}
.inline-css-5b559e5a87 {
color: #fff;
font-weight: 600;
font-size: 16px
}
.inline-css-d5d04e285a {
font-size: 15px;
color: #cde8e6
}
.inline-css-5688293ad1 {
font-size: 44px;
font-weight: 800
}
.inline-css-164bf2ad49 {
width: 300px;
flex-shrink: 0;
display: flex;
flex-direction: column;
gap: 20px;
padding-left: 48px;
border-left: 1px solid #3c9791
}
.inline-css-cd45881e76 {
font-weight: 700;
font-size: 17px
}
.inline-css-bc0172c746 {
display: flex;
flex-direction: column;
gap: 4px
}
.inline-css-b98bb83fba {
margin: 0;
font-size: 34px;
font-weight: 500;
line-height: 1.3;
letter-spacing: -.4px
}
.inline-css-5e79598141 {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 28px
}
.inline-css-51f8093e50 {
padding: 64px 72px;
border-radius: 24px;
background: #0b7a75;
color: #fff;
display: flex;
gap: 64px;
align-items: center
}
.inline-css-101dab27ff {
font-size: 15px;
line-height: 1.55;
color: #3f434c
}
.inline-css-78c839de9d {
font-weight: 700;
font-size: 20px
}
.inline-css-42f36ad3ed,
.inline-css-4d80e14961 {
font-weight: 800;
font-family: 'Bricolage Grotesque', Georgia, serif
}
.inline-css-4d80e14961 {
font-size: 40px;
color: #0657a3;
line-height: 1
}
.inline-css-d090148cff {
padding: 32px;
border-radius: 18px;
background: #fff;
border: 1px solid #dfe5ef;
display: flex;
flex-direction: column;
gap: 12px
}
.inline-css-0d25b87982 {
flex-grow: 1;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px
}
.inline-css-26cd43a7af {
margin: 0;
font-size: 17px;
line-height: 1.55;
color: #3f434c
}
.inline-css-42f36ad3ed {
margin: 0;
font-size: 48px;
line-height: 1.08;
letter-spacing: -1.2px
}
.inline-css-51f2ad7990 {
font-size: 14px;
font-weight: 700;
letter-spacing: 1.5px;
color: #0b7a75
}
.inline-css-7872cc447e {
width: 400px;
flex-shrink: 0;
display: flex;
flex-direction: column;
gap: 16px
}
.inline-css-5913e5a40c {
padding: 112px 80px;
display: flex;
gap: 72px;
box-sizing: border-box
}
.inline-css-c6aa416e8e {
font-size: 15px;
line-height: 1.5;
color: #3f434c
}
.inline-css-90543b1c65,
.v-acts {
display: flex;
flex-direction: column;
gap: 10px
}
.inline-css-34fd0a3573 {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
column-gap: 40px;
row-gap: 40px
}
.inline-css-082f5367ee,
.inline-css-a037624329 {
grid-template-columns: repeat(5, minmax(0, 1fr))
}
.inline-css-b40f774644 {
margin: 0;
font-size: 18px;
line-height: 1.55;
color: #3f434c
}
.inline-css-97202c6fad {
display: flex;
flex-direction: column;
gap: 14px;
width: 760px
}
.inline-css-85825094fc {
padding: 104px 80px;
background: #fff;
display: flex;
flex-direction: column;
gap: 52px;
box-sizing: border-box
}
.inline-css-44283c16ca {
font-weight: 600;
font-size: 15px;
color: #fff
}
.inline-css-6e57bc3fff {
font-size: 15px;
line-height: 1.55;
color: #d3d5da;
flex-grow: 1
}
.inline-css-d38be30da1,
.inline-css-d5f5be5bb0 {
display: flex;
flex-direction: column;
gap: 16px;
padding: 28px 24px;
border-radius: 18px;
text-decoration: none;
min-height: 320px;
box-sizing: border-box
}
.inline-css-90858753ba {
font-family: 'Bricolage Grotesque', Georgia, serif;
font-weight: 700;
font-size: 22px
}
.inline-css-d5f5be5bb0 {
background: #16181d;
color: #fff
}
.inline-css-166f50c784 {
font-weight: 600;
font-size: 15px;
color: #0657a3
}
.inline-css-784b6aa92c {
font-size: 15px;
line-height: 1.55;
color: #3f434c;
flex-grow: 1
}
.inline-css-d38be30da1 {
background: #fff;
border: 1px solid #dfe5ef;
color: #16181d
}
.inline-css-082f5367ee {
display: grid;
gap: 18px
}
.inline-css-fafda14e98 {
font-weight: 600;
font-size: 16px;
padding-bottom: 8px
}
.inline-css-e3cf3f3037 {
display: flex;
flex-direction: column;
gap: 14px;
width: 720px
}
.inline-css-866ea4e7cb {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 40px
}
.inline-css-15213f40d5 {
padding: 112px 80px 104px;
display: flex;
flex-direction: column;
gap: 48px;
box-sizing: border-box
}
.inline-css-0f0400e881 {
height: 56px;
border: 1.5px dashed #c9d2e0;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
color: #6b707a
}
.inline-css-a037624329 {
flex-grow: 1;
display: grid;
gap: 16px
}
.inline-css-20c3e83d43 {
width: 260px;
flex-shrink: 0;
font-size: 15px;
font-weight: 600;
color: #3f434c;
line-height: 1.4
}
.inline-css-f83b4cc5be {
padding: 36px 80px;
background: #fff;
border-top: 1px solid #dfe5ef;
border-bottom: 1px solid #dfe5ef;
display: flex;
align-items: center;
gap: 48px;
box-sizing: border-box
}
.inline-css-e3997edaae {
font-size: 13px;
color: #5a5f69;
text-align: center
}
.inline-css-27db579bea {
color: #5a5f69
}
.inline-css-d69bb3ff3b {
display: flex;
justify-content: space-between
}
.inline-css-9a78b28a61 {
display: flex;
justify-content: space-between;
padding-bottom: 10px;
border-bottom: 1px solid #ebeff5
}
.inline-css-f4bf00eec9 {
color: #0b7a75;
font-weight: 600
}
.inline-css-21a1be8a0d {
font-weight: 600
}
.inline-css-9a70bf475f {
width: 220px;
border-radius: 12px;
background: #fff;
border: 1px solid #e4e9f2;
padding: 16px;
display: flex;
flex-direction: column;
gap: 12px;
font-size: 13px
}
.inline-css-3c6ecd3874,
.inline-css-c9d7ec1b22 {
flex-grow: 1;
background: #cde8e6;
border-radius: 6px 6px 0 0
}
.inline-css-c9d7ec1b22 {
height: 38%
}
.inline-css-3c6ecd3874 {
height: 70%
}
.inline-css-dfd9d9a6f9 {
flex-grow: 1;
height: 80%;
border-radius: 6px 6px 0 0;
background: #0b7a75
}
.inline-css-63ebbf09a8 {
flex-grow: 1;
height: 54%;
border-radius: 6px 6px 0 0;
background: #cde8e6
}
.inline-css-a8dec08513,
.inline-css-b1729194f5 {
flex-grow: 1;
border-radius: 6px 6px 0 0;
background: #cde8e6
}
.inline-css-a8dec08513 {
height: 62%
}
.inline-css-b1729194f5 {
height: 45%
}
.inline-css-648d9c30e7 {
flex-grow: 1;
display: flex;
align-items: flex-end;
gap: 14px;
padding-bottom: 4px
}
.inline-css-b34b0c75ac {
font-size: 13px;
font-weight: 600
}
.inline-css-38058013a1,
.inline-css-3bce230e4d,
.inline-css-5469cdaefe {
font-weight: 700;
font-family: 'Bricolage Grotesque', Georgia, serif
}
.inline-css-8b8ed2e697 {
flex-grow: 1;
border-radius: 12px;
background: #fff;
border: 1px solid #e4e9f2;
padding: 16px;
display: flex;
flex-direction: column;
gap: 12px
}
.inline-css-fb402706ff {
display: flex;
gap: 12px;
flex-grow: 1
}
.inline-css-5469cdaefe {
font-size: 26px;
color: #0657a3
}
.inline-css-78bd8f1118 {
font-size: 12px;
color: #5a5f69
}
.inline-css-bf42be3eb2 {
padding: 14px;
border-radius: 12px;
background: #fff;
border: 1px solid #e4e9f2
}
.inline-css-3bce230e4d {
font-size: 26px
}
.inline-css-c237d80ba3 {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px
}
.inline-css-b78319ecd8 {
font-size: 13px;
color: #5a5f69
}
.inline-css-38058013a1 {
font-size: 20px
}
.inline-css-f120801a80 {
display: flex;
justify-content: space-between;
align-items: center
}
.inline-css-c2f096fe59 {
flex-grow: 1;
padding: 26px;
display: flex;
flex-direction: column;
gap: 18px;
background: #f8fafd
}
.inline-css-59996e9d67 {
width: 22px;
height: 22px;
border-radius: 6px;
background: #3a3e47
}
.inline-css-d42af37b7c {
width: 28px;
height: 28px;
border-radius: 8px;
background: #0657a3
}
.inline-css-32f02b8300 {
width: 64px;
background: #16181d;
display: flex;
flex-direction: column;
align-items: center;
gap: 18px;
padding-top: 22px
}
.inline-css-1b2ef366f5 {
height: 500px;
border-radius: 20px;
background: #fff;
border: 1px solid #dfe5ef;
box-shadow: 0 30px 60px -30px rgba(22, 24, 29, .25);
display: flex;
overflow: hidden
}
.inline-css-f77a5e1afb {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 10px
}
.inline-css-a6d0bfcdf2 {
display: flex;
gap: 24px;
font-size: 14px;
color: #5a5f69;
padding-top: 4px
}
.inline-css-e0d583f8f5,
.inline-css-fdf2e26f55 {
align-items: center;
height: 56px;
font-weight: 700;
font-size: 17px;
display: flex;
text-decoration: none
}
.inline-css-fdf2e26f55 {
padding: 0 28px;
border-radius: 12px;
background: #fff;
border: 1.5px solid #16181d;
color: #16181d;
box-sizing: border-box
}
.inline-css-e0d583f8f5 {
padding: 0 30px;
border-radius: 12px;
background: #0657a3;
color: #fff
}
.inline-css-47b7d66a16 {
display: flex;
gap: 14px;
padding-top: 4px
}
.inline-css-bece638d61 {
margin: 0;
font-size: 20px;
line-height: 1.55;
color: #3f434c
}
.inline-css-bedf724db3 {
margin: 0;
font-family: 'Bricolage Grotesque', Georgia, serif;
font-weight: 800;
font-size: 68px;
line-height: 1.02;
letter-spacing: -2px
}
.inline-css-0d722ce787 {
width: 8px;
height: 8px;
border-radius: 999px;
background: #0b7a75
}
.inline-css-ccbe5248c7 {
align-self: flex-start;
display: flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border-radius: 999px;
background: #fff;
border: 1px solid #dfe5ef;
font-size: 14px;
font-weight: 600;
color: #3f434c
}
.inline-css-6a668ce0f7 {
width: 580px;
flex-shrink: 0;
display: flex;
flex-direction: column;
gap: 28px
}
.inline-css-39bb3a1015 {
display: flex;
align-items: center;
gap: 64px;
padding: 88px 80px 96px;
box-sizing: border-box
}
.inline-css-127df21cec {
max-width: 1440px;
margin: 0 auto
}
.inline-css-33e95ec3b4 {
grid-template-columns: 1fr 1fr
}
.inline-css-78e9753575 {
color: #fff;
font-size: 24px
}
.inline-css-b69a6f9774,
.sr {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0)
}
.inline-css-52c7233154 {
padding-bottom: 48px
}
.inline-css-ede0568ed1 {
margin: 14px 0 16px
}
.inline-css-433de30b36 {
font-size: 14px
}
.inline-css-9931721941 {
justify-self: start
}
.inline-css-e7ff8bc23f {
margin: 0 0 24px
}
.inline-css-f43ed39a1a {
display: flex;
gap: 12px;
margin-top: 24px;
flex-wrap: wrap
}
.inline-css-8fc65028a7 {
color: #fff;
margin: 14px 0 16px
}
.inline-css-d7a920c765,
.v-ent .v-for {
color: #8fd0cb
}
.woocommerce .site-main,
.woocommerce-page .site-main {
padding-bottom: 80px
}
.woocommerce .woocommerce-breadcrumb {
max-width: 1280px;
margin: 28px auto 18px;
padding: 0 32px;
color: var(--muted);
font-size: 14px
}
.woocommerce .woocommerce-breadcrumb a {
color: var(--blue);
text-decoration: none
}
.woocommerce .woocommerce-ordering select {
height: 42px;
border: 1px solid var(--line);
border-radius: 8px;
background: #fff;
padding: 0 12px;
font: inherit
}
.woocommerce ul.products {
max-width: 1280px;
margin: 0 auto;
padding: 0 32px;
display: grid;
gap: 24px
}
.woocommerce ul.products li.product {
float: none !important;
width: auto !important;
margin: 0 !important;
background: #fff;
border: 1px solid var(--line);
border-radius: 18px;
padding: 24px;
display: flex;
flex-direction: column;
box-shadow: 0 10px 30px rgba(22, 24, 29, .05)
}
.woocommerce ul.products li.product a img {
width: 100%;
height: 190px;
object-fit: contain;
margin: 0 0 18px;
border-radius: 12px
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-family: var(--display);
font-size: 24px;
line-height: 1.15;
color: var(--ink);
margin: 0 0 10px;
padding: 0
}
.woocommerce ul.products li.product .price {
color: var(--blue);
font-size: 22px;
font-weight: 800;
margin: 0 0 18px
}
.woocommerce ul.products li.product .button {
margin-top: auto;
width: 100%;
text-align: center
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt {
background: var(--blue);
color: #fff;
border: 0;
border-radius: 10px;
padding: 13px 20px;
font-weight: 700;
line-height: 1.2
}
.woocommerce span.onsale {
background: var(--teal);
min-width: 54px;
min-height: 54px;
line-height: 54px;
padding: 0;
font-size: 12px
}
.woocommerce div.product {
max-width: 1280px;
margin: 40px auto 80px;
padding: 0 32px
}
.woocommerce div.product div.images img {
border-radius: 16px
}
.woocommerce div.product .product_title {
font-family: var(--display);
font-size: 48px;
line-height: 1.05;
color: var(--ink)
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--blue);
font-size: 30px;
font-weight: 800
}
.woocommerce div.product .woocommerce-product-details__short-description {
color: var(--body);
font-size: 17px;
line-height: 1.65
}
.woocommerce div.product form.cart {
margin: 24px 0
}
.woocommerce div.product form.cart .quantity .qty {
height: 48px;
border: 1px solid var(--line);
border-radius: 10px;
padding: 0 10px
}
.woocommerce .quantity .qty {
height: 44px;
border: 1px solid var(--line);
border-radius: 8px
}
.woocommerce table.shop_table {
border: 1px solid var(--line);
border-radius: 14px;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
background: #fff
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
padding: 16px;
border-color: var(--line)
}
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
background: #fff;
border: 1px solid var(--line);
border-radius: 16px;
padding: 24px
}
.woocommerce form .form-row label {
font-size: 14px;
font-weight: 600;
color: var(--ink)
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row select,
.woocommerce-page form .form-row textarea {
height: 48px;
border: 1px solid #c9d2e0;
border-radius: 10px;
padding: 0 14px;
font: inherit;
background: #fff
}
.woocommerce form .form-row textarea {
height: 120px;
padding: 12px 14px
}
.woocommerce form .form-row .select2-container .select2-selection--single {
height: 48px;
border: 1px solid #c9d2e0;
border-radius: 10px
}
.woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 29px
}
.woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__arrow {
height: 46px
}
.woocommerce form.login,
.woocommerce form.lost_reset_password,
.woocommerce form.register {
max-width: 520px;
margin: 40px auto 80px;
background: #fff;
border: 1px solid var(--line);
border-radius: 18px;
padding: 32px;
box-shadow: 0 14px 40px rgba(22, 24, 29, .06)
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 230px
}
.woocommerce-account .woocommerce-MyAccount-content {
width: calc(100% - 270px);
background: #fff;
border: 1px solid var(--line);
border-radius: 16px;
padding: 28px
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
padding: 0;
background: #fff;
border: 1px solid var(--line);
border-radius: 14px;
overflow: hidden
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
margin: 0;
border-bottom: 1px solid var(--line)
}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child,
tbody tr:last-child td,
tbody tr:last-child th {
border-bottom: 0
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
display: block;
padding: 13px 16px;
color: var(--ink);
text-decoration: none;
font-weight: 600
}
.btn-outline:hover,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
background: var(--blue-t);
color: var(--blue)
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
max-width: 1280px;
margin: 24px auto !important;
padding: 16px 20px !important;
border-radius: 10px;
border-top: 0 !important;
background: #fff;
border: 1px solid var(--line);
color: var(--body)
}
.woocommerce-message {
border-left: 4px solid var(--teal) !important
}
.woocommerce-info {
border-left: 4px solid var(--blue) !important
}
.woocommerce-error {
border-left: 4px solid #b42318 !important
}
.woocommerce .star-rating {
color: #f2a900
}
.woocommerce nav.woocommerce-pagination {
margin: 36px 0;
text-align: center
}
.woocommerce nav.woocommerce-pagination ul {
border: 0 !important
}
.woocommerce nav.woocommerce-pagination ul li {
border: 0 !important;
margin: 0 3px !important
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
border: 1px solid var(--line);
border-radius: 8px;
padding: 9px 13px;
background: #fff;
color: var(--ink)
}
.line.muted span,
.price span,
.woocommerce .product_meta {
color: var(--muted);
font-size: 14px
}
.pricing-intro {
padding-bottom: 34px
}
.pricing-selector {
background: #fff;
border: 1px solid var(--line);
border-radius: 18px;
padding: 18px 20px;
margin-bottom: 24px;
box-shadow: 0 8px 24px rgba(16, 40, 72, .04)
}
.pricing-product-tabs {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-top: 10px
}
.pricing-product-tab {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 20px;
border-radius: 10px;
background: #fff;
color: var(--ink);
font-weight: 600;
font-size: 15px;
text-decoration: none
}
.pricing-product-tab:hover {
border-color: var(--blue);
background: var(--blue-t);
color: var(--blue)
}
.cat-chip[aria-pressed=true],
.pricing-card.is-selected .pricing-select,
.pricing-product-tab.is-active {
background: var(--blue);
border-color: var(--blue);
color: #fff
}
.chironmed-pricing-builder,
.main {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 32px;
align-items: start;
padding-bottom: 40px
}
.pricing-builder-label {
font-size: 14px;
font-weight: 600;
color: var(--body);
margin: 0 0 12px
}
.pricing-cards {
display: flex;
flex-wrap: wrap;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px;
align-items: stretch
}
.pricing-card {
position: relative;
display: flex;
flex-direction: column;
background: #fff;
border: 1.5px solid var(--line);
border-radius: 18px;
padding: 24px 15px 20px;
cursor: pointer;
transition: border-color .18s, box-shadow .18s, transform .18s;
gap: 14px;
width: calc(25% - 6px);
}
.pricing-card.is-selected {
border: 2px solid var(--blue)
}
.pricing-card:focus-visible {
outline: #7FB0E6 solid 3px;
outline-offset: 2px
}
.pricing-card h2 {
font-family: var(--display);
font-size: 26px;
line-height: 39px;
margin: 0
}
.pricing-popular {
position: absolute;
top: -12px;
left: 20px;
background: var(--teal);
color: #fff;
padding: 5px 12px;
border-radius: 999px;
font-size: 12px;
font-weight: 800
}
.pricing-card[data-plan=Custom] .bills,
.pricing-card[data-plan=Custom] .pricing-capacity {
background: #2a2d34;
color: #fff
}
.pricing-capacity {
display: inline-flex;
min-height: 33px;
align-items: center;
padding: 6px 10px;
border-radius: 8px;
background: var(--tint);
color: var(--navy);
font-size: 14px;
font-weight: 600
}
.pricing-card-price {
display: flex;
align-items: baseline;
gap: 4px;
color: var(--ink)
}
.pricing-card-price b,
.pricing-card-price span.woocommerce-Price-amount.amount {
margin: 0;
font-size: 30px;
font-family: var(--display);
font-weight: 800;
letter-spacing: -1px;
color: var(--ink)
}
.pricing-card-price .woocommerce-Price-currencySymbol {
font-size: .86em
}
.empty,
.pricing-card-price>span {
font-size: 14px;
color: var(--muted)
}
.pricing-setup {
font-size: 13.5px;
color: var(--teal);
font-weight: 600;
border-top: 1px dashed var(--line);
padding-top: 10px;
margin-top: 0
}
.pricing-card p {
font-size: 14px;
color: var(--body);
margin: 0
}
.pricing-card .pricing-select {
width: 100%;
min-height: 48px
}
.btn-outline {
background: #fff;
border: 1.5px solid var(--blue);
color: var(--blue)
}
.pricing-includes {
background: #fff;
border: 1px solid var(--line);
border-radius: 18px;
padding: 24px;
margin-top: 18px
}
.pricing-includes h3 {
font-family: var(--display);
font-size: 18px;
margin: 0 0 8px
}
.pricing-includes-copy {
font-size: 14px;
color: var(--muted);
margin-bottom: 14px
}
.cats,
.pricing-chips {
display: flex;
gap: 8px;
flex-wrap: wrap
}
.pricing-chips span {
display: inline-flex;
align-items: center;
padding: 8px 12px;
border-radius: 999px;
background: #f3f7fc;
color: #3e536a;
font-size: 13px
}
.pricing-estimate {
position: sticky;
top: 104px;
background: #fff;
border: 1px solid var(--line);
border-radius: 22px;
overflow: hidden
}
.estimate-head {
background: var(--teal);
color: #fff;
padding: 26px 26px 24px
}
.estimate-head>span {
display: block;
font-size: 14px;
opacity: .85;
margin-bottom: 6px
}
.estimate-head h2 {
font-family: var(--display);
font-size: 25px;
line-height: 1.15;
margin: 0 0 8px;
color: #fff
}
.estimate-head p {
margin: 0;
color: #ddf4f1;
font-size: 14px
}
.estimate-body,
.summary .body {
padding: 20px 24px 24px;
display: flex;
flex-direction: column;
gap: 12px
}
.estimate-row {
display: flex;
justify-content: space-between;
gap: 16px;
align-items: center;
margin-bottom: 17px;
color: var(--body)
}
.estimate-row strong {
color: var(--body);
font-weight: 400;
text-align: right
}
.estimate-body hr {
border: 0;
border-top: 1px solid var(--line);
margin: 4px 0
}
.estimate-total {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 15px
}
.estimate-total span {
font-size: 16px;
color: var(--ink)
}
.estimate-total strong {
font-size: 34px;
line-height: -1px;
color: var(--ink);
white-space: nowrap;
font-weight: 800;
font-family: var(--display)
}
.estimate-note {
font-size: 13px;
color: var(--muted);
line-height: 1.55;
margin: 0 0 18px
}
.pricing-estimate .btn.is-loading {
opacity: .65;
pointer-events: none
}
.estimate-demo {
display: block;
text-align: center;
margin-top: 15px;
color: var(--ink);
font-weight: 700;
text-decoration: none
}
.pricing-error {
margin-top: 14px;
padding: 11px 13px;
border-radius: 10px;
background: #fff1f0;
border: 1px solid #f2c5c1;
color: #8a241a;
font-size: 13px
}
.pricing-help {
margin: 46px 0 70px;
background: #fff;
border: 1px solid var(--line);
border-radius: 18px;
padding: 28px
}
.pricing-help h2 {
font-family: var(--display);
font-size: 24px;
margin: 0 0 8px
}
.pricing-help p {
margin: 0;
color: var(--muted)
}
.chironmed-variation-fields {
border-top: 1px solid #ddd;
margin-top: 12px;
padding-top: 10px
}
.chironmed-variation-fields .description {
display: block;
color: #646970;
margin-top: 3px
}
@media (max-width:1180px) {
.pricing-cards {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.chironmed-pricing-builder {
grid-template-columns: minmax(0, 1fr) 330px
}
}
@media (max-width:900px) {
.chironmed-pricing-builder {
grid-template-columns: 1fr
}
.pricing-estimate {
position: static;
order: -1
}
}
.pricing-custom-message {
padding: 18px 0 0;
text-align: center
}
.pricing-custom-message[hidden],
.pricing-purchase-actions[hidden] {
display: none !important
}
.pricing-custom-message strong {
display: block;
font-size: 20px;
margin-bottom: 6px
}
.pricing-custom-message p {
margin: 0 0 14px
}
.enterprise-pricing {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(420px, .96fr);
border: 1px solid var(--line);
border-radius: 20px;
overflow: hidden;
background: #fff;
box-shadow: 0 18px 50px rgba(16, 40, 72, .08);
margin-bottom: 28px
}
.enterprise-pricing-copy {
background: #074b48;
color: #fff;
padding: 42px 40px 38px;
min-height: 620px
}
.enterprise-badge {
display: inline-flex;
align-items: center;
border: 1px solid rgba(255, 255, 255, .7);
border-radius: 999px;
padding: 6px 12px;
font-size: 12px;
font-weight: 700;
color: #fff;
margin-bottom: 16px
}
.enterprise-pricing-copy h2 {
font-family: var(--display);
font-size: 42px;
line-height: 1.05;
letter-spacing: -1px;
margin: 0 0 12px;
color: #fff
}
.enterprise-lead {
font-size: 15px;
line-height: 1.65;
color: rgba(255, 255, 255, .92);
max-width: 620px;
margin: 0 0 26px
}
.enterprise-feature-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px 30px;
font-size: 14px;
line-height: 1.45;
color: #fff;
margin-bottom: 28px
}
.enterprise-addon-heading {
font-size: 14px;
font-weight: 700;
color: #fff;
margin-bottom: 12px
}
.chips,
.ent-addons .chips,
.enterprise-addon-tags,
.enterprise-checks,
.inc .chips {
display: flex;
flex-wrap: wrap;
gap: 8px
}
.enterprise-addon-tags span {
display: inline-flex;
border: 1px solid rgba(255, 255, 255, .25);
border-radius: 999px;
padding: 7px 11px;
font-size: 12px;
line-height: 1.2;
color: rgba(255, 255, 255, .94);
background: rgba(255, 255, 255, .035)
}
.enterprise-pricing-form-wrap {
padding: 40px 38px 38px;
background: #fff
}
.enterprise-form-head h2 {
font-family: var(--display);
font-size: 30px;
line-height: 1.15;
margin: 0 0 6px
}
.enterprise-form-head p {
color: var(--body);
font-size: 14px;
margin: 0 0 24px
}
.enterprise-proposal-form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px 12px
}
.enterprise-field {
min-width: 0
}
.enterprise-field label,
.enterprise-fieldset legend {
display: block;
font-size: 13px;
font-weight: 600;
color: var(--ink);
margin: 0 0 7px
}
.enterprise-field input,
.enterprise-field select {
width: 100%;
height: 44px;
border: 1px solid #d7dfe9;
border-radius: 8px;
background: #fff;
color: var(--ink);
font: inherit;
font-size: 14px;
padding: 0 12px;
outline: 0
}
.enterprise-field input:focus,
.enterprise-field select:focus {
border-color: var(--blue);
box-shadow: 0 0 0 3px rgba(6, 87, 163, .1)
}
.enterprise-fieldset {
border: 0;
padding: 0;
margin: 0
}
.enterprise-checks label {
display: inline-flex;
align-items: center;
gap: 7px;
border: 1px solid #d7dfe9;
border-radius: 999px;
padding: 8px 11px;
background: #fff;
font-size: 12px;
font-weight: 500;
color: var(--body);
margin: 0;
cursor: pointer
}
.enterprise-checks label:has(input:checked) {
border-color: var(--blue);
background: var(--blue-t);
color: var(--blue)
}
.enterprise-checks input {
margin: 0;
accent-color: var(--blue)
}
.enterprise-form-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 2px
}
.enterprise-form-actions .btn {
flex: 0 0 auto
}
.enterprise-pricing .btn-ghost {
border: 1px solid var(--line);
background: #fff;
color: var(--ink)
}
.enterprise-pricing .btn-ghost:hover {
border-color: var(--blue);
color: var(--blue);
background: var(--blue-t)
}
@media (max-width:980px) {
.enterprise-pricing {
grid-template-columns: 1fr
}
.enterprise-pricing-copy {
min-height: 0
}
.enterprise-pricing-form-wrap {
padding: 32px
}
}
@media (max-width:620px) {
.enterprise-feature-grid,
.enterprise-proposal-form,
.pricing-cards {
grid-template-columns: 1fr
}
.pricing-card {
min-height: 0
}
.pricing-estimate {
border-radius: 18px
}
.estimate-total strong {
font-size: 29px
}
.pricing-product-tabs {
overflow: auto;
flex-wrap: nowrap;
padding-bottom: 3px
}
.pricing-product-tab {
white-space: nowrap
}
.enterprise-pricing-copy {
padding: 30px 24px
}
.enterprise-pricing-form-wrap {
padding: 28px 22px
}
.enterprise-pricing-copy h2 {
font-size: 34px
}
.enterprise-feature-grid {
gap: 12px
}
.enterprise-field.full,
.enterprise-fieldset.full,
.enterprise-form-actions.full {
grid-column: auto
}
.enterprise-form-actions {
flex-direction: column
}
.enterprise-form-actions .btn {
width: 100%;
text-align: center
}
}
.head-account,
.v {
align-items: center
}
.head-account {
display: flex;
gap: 12px
}
.head-account a {
color: var(--ink);
text-decoration: none;
font-weight: 700
}
.head-account .logout {
color: var(--muted);
font-weight: 600
}
.screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important
}
.cover,
.flow li,
.search {
position: relative
}
.tbl-wrap,
.v {
border: 1px solid var(--line)
}
.c-side,
.v-list {
display: flex;
flex-direction: column;
gap: 16px
}
.v {
display: grid;
grid-template-columns: 72px minmax(0, 1fr) 220px;
gap: 28px;
background: #fff;
border-radius: 20px;
padding: 28px 32px
}
.chips,
.v-ic {
display: flex
}
.v-ic {
width: 72px;
height: 72px;
border-radius: 18px;
background: var(--teal-t);
align-items: center;
justify-content: center
}
.v-for {
margin: 4px 0 8px;
font-weight: 600;
color: var(--teal)
}
.v-desc {
margin: 0 0 14px;
color: var(--body);
max-width: 640px
}
.chips {
flex-wrap: wrap
}
.chips span {
font-size: 13px;
font-weight: 600;
padding: 5px 10px;
border-radius: 999px;
background: var(--ground);
color: var(--body)
}
.pricing-card[data-plan=Custom],
.v-ent {
background: var(--ink);
border-color: var(--ink);
color: #fff
}
.v-ent .chips span,
.v-ent .v-ic {
background: #2a2d34
}
.chooser button,
.co-ic,
.mock,
.tbl-wrap {
background: #fff
}
.pricing-card[data-plan=Custom] .unit,
.pricing-card[data-plan=Custom] p,
.v-ent .v-desc {
color: #d3d5da
}
.v-ent .chips span {
color: #e4e6ea
}
.chooser-box {
display: grid;
grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
gap: 40px;
align-items: center
}
#chooser-out,
.consent {
align-items: flex-start
}
.chooser {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px
}
.chooser button {
height: 56px;
border: 1.5px solid var(--line);
border-radius: 12px;
font-weight: 600;
text-align: left;
padding: 0 18px;
color: var(--ink)
}
.cv-t,
.results strong {
font-family: var(--display);
font-weight: 800
}
.chooser button[aria-pressed=true] {
border-color: var(--blue);
background: var(--blue-t);
color: var(--blue-d)
}
.mock .kp div,
thead th {
background: var(--ground)
}
#chooser-out {
min-height: 150px;
border-radius: 18px;
background: var(--teal);
color: #fff;
padding: 28px;
display: flex;
gap: 16px;
font-size: 18px;
line-height: 1.5
}
#chooser-out b,
.mock .kp strong {
font-family: var(--display);
font-size: 24px
}
#chooser-out a {
color: #fff;
font-weight: 700
}
.co-ic {
width: 52px;
height: 52px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}
.tbl-wrap {
overflow-x: auto;
border-radius: 20px
}
table {
width: 100%;
border-collapse: collapse;
min-width: 760px
}
td,
th {
padding: 15px 18px;
border-bottom: 1px solid #edf0f5;
text-align: center;
font-size: 15px
}
thead th {
font-family: var(--display);
font-size: 17px;
position: sticky;
top: 0
}
tbody th {
text-align: left;
font-weight: 600
}
.y {
display: inline-flex
}
.no {
color: #a0a6b1
}
.p-hero {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 64px;
align-items: center;
padding: 56px 0 88px
}
.mock .kp,
.results {
grid-template-columns: repeat(3, 1fr)
}
.p-hero .txt {
display: flex;
flex-direction: column;
gap: 22px
}
.p-hero .acts {
display: flex;
gap: 12px;
flex-wrap: wrap;
padding-top: 4px
}
.p-hero .proof {
display: flex;
gap: 20px;
flex-wrap: wrap;
font-size: 14px;
color: var(--muted)
}
.mock {
border: 1px solid var(--line);
border-radius: 20px;
box-shadow: 0 30px 60px -30px rgba(22, 24, 29, .25);
overflow: hidden
}
.mock .mt {
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px 22px;
border-bottom: 1px solid var(--line)
}
.faq-2,
.flow,
.mock .kp,
.mock .r,
.results {
display: grid
}
.mock .mt b {
font-family: var(--display);
font-size: 18px
}
.mock .kp {
gap: 12px;
padding: 18px 22px
}
.mock .kp div {
border-radius: 12px;
padding: 12px 14px
}
.mock .kp span {
display: block;
font-size: 12px;
color: var(--muted)
}
.mock .rows {
padding: 0 22px 18px
}
.mock .r {
grid-template-columns: 1.1fr 1.2fr 1fr;
gap: 10px;
padding: 12px 0;
border-top: 1px solid #edf0f5;
font-size: 14px
}
.mock .r span:last-child {
color: var(--teal);
font-weight: 600;
text-align: right
}
.cap-note {
font-size: 13px;
color: var(--muted);
text-align: center;
margin-top: 10px
}
.results {
background: var(--teal);
color: #fff;
border-radius: 24px;
padding: 44px 52px;
gap: 32px
}
.b,
.flow li {
background: #fff
}
.results strong {
display: block;
font-size: 44px;
letter-spacing: -1px;
line-height: 1.05
}
.results span {
color: #d7eeec;
font-size: 16px
}
.results-note {
font-size: 13px;
color: var(--muted);
margin-top: 12px
}
.cap .ic,
.pr .ic {
width: 48px;
height: 48px;
border-radius: 12px;
background: var(--teal-t);
display: flex;
align-items: center;
justify-content: center
}
.cap h3 {
margin: 0;
font-size: 18px
}
.cap p {
margin: 0;
color: var(--body);
font-size: 15px
}
.flow {
gap: 12px;
margin: 0;
padding: 0
}
.flow li {
border: 1px solid var(--line);
border-radius: 16px;
padding: 22px 20px;
display: flex;
flex-direction: column;
gap: 12px;
font-weight: 700;
font-size: 16px
}
.flow .n,
.rel {
align-items: center
}
.flow .n {
width: 34px;
height: 34px;
border-radius: 999px;
background: var(--blue);
color: #fff;
display: flex;
justify-content: center;
font-size: 15px
}
#form-ok,
.c-item .ic,
.rel .ic {
background: var(--teal-t)
}
.rel,
.rel:hover {
color: var(--ink)
}
.b,
.duo .card {
flex-direction: column
}
.who .card h3 {
margin: 0 0 10px;
font-size: 20px;
font-family: var(--display)
}
.b-body p,
.duo .card p,
.pr .card p,
.who .card p {
margin: 0;
color: var(--body)
}
.faq-2 {
grid-template-columns: 360px minmax(0, 1fr);
gap: 56px
}
.addon-tags,
.duo .card,
.rel,
.rel .ic {
display: flex
}
.duo .card {
gap: 14px
}
.addon-tags {
flex-wrap: wrap;
gap: 10px
}
.addon-tags span {
border: 1.5px solid #c9d2e0;
background: #fff;
border-radius: 999px;
padding: 8px 16px;
font-weight: 600;
font-size: 15px
}
.rel {
gap: 18px;
text-decoration: none
}
.rel:hover {
border-color: var(--blue)
}
.rel .ic {
width: 56px;
height: 56px;
border-radius: 14px;
align-items: center;
justify-content: center;
flex-shrink: 0
}
.b,
.stats {
border: 1px solid var(--line);
overflow: hidden
}
.rel b {
display: block;
font-size: 18px
}
@media (max-width:1000px) {
.faq-2,
.p-hero,
.results {
grid-template-columns: 1fr
}
.flow {
grid-template-columns: 1fr !important
}
}
.b-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px
}
.b,
.b-acts,
.b-body,
.b-help,
.cover,
.cv-ic,
.faq-top {
display: flex
}
.b {
border-radius: 20px
}
.cover {
aspect-ratio: 4/3;
padding: 28px;
flex-direction: column;
color: #fff
}
.cv-ic {
width: 60px;
height: 60px;
border-radius: 14px;
background: rgba(255, 255, 255, .14);
align-items: center;
justify-content: center
}
.cv-t {
margin-top: auto;
font-size: 34px;
line-height: 1.02;
letter-spacing: -.8px
}
.cv-s {
margin-top: 8px;
font-size: 14px;
opacity: .85
}
.b-body {
padding: 24px 26px 26px;
flex-direction: column;
gap: 8px;
flex-grow: 1
}
.b-body .meta {
font-size: 13px;
color: var(--muted)
}
.b-acts {
gap: 6px;
align-items: center;
margin-top: auto;
padding-top: 14px;
flex-wrap: wrap
}
.b-help,
.faq-groups {
flex-direction: column
}
.b-help {
justify-content: center;
gap: 14px;
background: var(--teal);
color: #fff;
border-radius: 20px;
padding: 36px
}
.ask p,
.b-help p {
margin: 0;
color: #d7eeec
}
@media(max-width:1000px) {
.chooser-box,
.v {
grid-template-columns: 1fr
}
.b-grid {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(max-width:680px) {
.b-grid {
grid-template-columns: 1fr
}
}
.faq-top {
gap: 16px;
align-items: center;
flex-wrap: wrap;
margin-top: 32px
}
.search {
flex: 1 1 380px;
max-width: 520px
}
.search svg {
position: absolute;
left: 16px;
top: 16px
}
.search input {
width: 100%;
height: 56px;
border: 1.5px solid #c9d2e0;
border-radius: 14px;
padding: 0 16px 0 48px;
font: inherit;
font-size: 17px;
background: #fff
}
.head h1,
.stats strong {
font-weight: 800;
font-family: var(--display)
}
.inc .chips span,
.pp li {
background: var(--ground)
}
.cat-chip {
height: 44px;
padding: 0 16px;
border-radius: 999px;
border: 1.5px solid var(--line);
background: #fff;
font-weight: 600;
color: var(--ink)
}
.faq-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 340px;
gap: 48px;
align-items: start
}
.faq-groups {
display: flex;
gap: 44px
}
.faq-group h2 {
margin-bottom: 16px
}
.ask {
position: sticky;
top: 104px;
background: var(--teal);
color: #fff;
border-radius: 20px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 14px
}
.cert,
.stats {
background: #fff
}
.ab-hero,
.certs,
.stats,
.story {
display: grid
}
.ab-hero {
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
gap: 64px;
align-items: end;
padding: 72px 0 64px
}
.stats {
grid-template-columns: repeat(3, 1fr);
gap: 0;
border-radius: 24px
}
.stats div {
padding: 36px 40px;
border-right: 1px solid var(--line)
}
.stats div:last-child {
border-right: 0
}
.stats strong {
display: block;
font-size: 56px;
letter-spacing: -1.5px;
color: var(--blue);
line-height: 1
}
.stats span {
color: var(--body);
font-size: 17px
}
.story {
grid-template-columns: 360px minmax(0, 1fr);
gap: 64px
}
.story p {
margin: 0 0 18px;
font-size: 18px;
color: var(--body);
line-height: 1.65;
max-width: 680px
}
.pr .card h3 {
margin: 14px 0 8px;
font-size: 20px;
font-family: var(--display)
}
.certs {
grid-template-columns: repeat(5, 1fr);
gap: 16px
}
.cert {
border: 1px solid var(--line);
border-radius: 16px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 6px
}
.cert b {
font-family: var(--display);
font-size: 22px
}
.cert span,
.pp span {
color: var(--body);
font-size: 15px
}
.baryons p,
.c-item b,
.pp b {
font-size: 17px
}
.baryons {
display: grid;
grid-template-columns: minmax(0, 1fr) 380px;
gap: 48px;
align-items: center;
background: var(--ink);
color: #fff;
border-radius: 24px;
padding: 56px
}
.baryons p {
margin: 0;
color: #d3d5da
}
.addr {
background: #2a2d34;
border-radius: 16px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
font-size: 15px;
color: #e4e6ea
}
.c-form,
.c-item,
.seg {
background: #fff
}
.c-item a,
.c-item span,
.consent,
.head p,
.line span:first-child {
color: var(--body)
}
.addr div {
display: flex;
gap: 10px
}
.c-grid {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
gap: 40px;
align-items: start
}
.c-form {
border: 1px solid var(--line);
border-radius: 24px;
padding: 40px
}
.c-form h2 {
margin: 0 0 6px
}
.consent {
display: flex;
gap: 10px;
font-size: 14px
}
.ctl-label,
.sample {
color: var(--muted)
}
.consent input {
width: 20px;
height: 20px;
margin-top: 2px
}
#form-ok {
margin-top: 16px;
color: var(--teal-d);
border-radius: 12px;
padding: 16px;
font-weight: 600
}
.c-item {
display: flex;
gap: 16px;
align-items: flex-start;
border: 1px solid var(--line);
border-radius: 18px;
padding: 22px
}
.c-item .ic {
width: 48px;
height: 48px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}
.c-item b {
display: block;
margin-bottom: 2px
}
.map {
height: 200px
}
.partner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 56px;
align-items: center
}
.pp,
.pp li {
display: flex;
gap: 14px
}
.pp {
flex-direction: column;
margin: 0;
padding: 0
}
.pp li {
border-radius: 16px;
padding: 20px
}
.seg,
.summary {
border: 1px solid var(--line)
}
.pp b {
display: block
}
@media(max-width:1000px) {
.ab-hero,
.baryons,
.c-grid,
.faq-layout,
.partner,
.stats,
.story {
grid-template-columns: 1fr
}
.ask {
position: static
}
.stats div {
border-right: 0;
border-bottom: 1px solid var(--line)
}
.certs {
grid-template-columns: repeat(2, 1fr)
}
}
.head {
padding: 72px 0 36px
}
.head h1 {
margin: 0;
font-size: 60px;
line-height: 1.02;
letter-spacing: -1.8px;
max-width: 760px
}
.head p {
margin: 18px 0 0;
font-size: 19px;
max-width: 680px
}
.sample {
margin-top: 14px;
font-size: 13px
}
.controls {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 24px;
flex-wrap: wrap;
padding-bottom: 28px
}
.ctl-label {
font-size: 14px;
font-weight: 600;
margin-bottom: 8px
}
.seg {
display: inline-flex;
border-radius: 14px;
padding: 5px;
gap: 4px;
flex-wrap: wrap
}
.seg button {
height: 44px;
padding: 0 20px;
border: 0;
border-radius: 10px;
background: 0 0;
color: var(--ink);
font-weight: 600;
font-size: 15px;
display: flex;
align-items: center;
gap: 8px
}
.ent-left ul,
.plan ul,
.steps ol {
padding: 0;
list-style: none
}
.plan .tag,
.plan h3,
.save {
font-weight: 700
}
.seg button.ent[aria-pressed=false],
a.pricing-product-tab.is-enterprise {
color: var(--navy)
}
.save {
font-size: 12px;
padding: 2px 8px;
border-radius: 999px;
background: #dcebdd;
color: #1e5b2a
}
.seg button[aria-pressed=true] .save {
background: rgba(255, 255, 255, .2);
color: #fff
}
.plans {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px
}
.plan,
.plan li,
.plan ul,
.price {
display: flex
}
.plan {
position: relative;
background: #fff;
border: 1.5px solid var(--line);
border-radius: 18px;
flex-direction: column;
gap: 14px
}
.plan.sel {
border: 2px solid var(--blue);
box-shadow: 0 18px 40px -24px rgba(6, 87, 163, .45)
}
.plan .tag {
position: absolute;
top: -12px;
left: 22px;
background: var(--navy);
color: #fff;
font-size: 12px;
padding: 4px 10px;
border-radius: 999px
}
.plan h3 {
margin: 0;
font-family: var(--display)
}
.price b,
.total b {
font-weight: 800;
letter-spacing: -1px;
font-family: var(--display)
}
.plan .bills {
font-weight: 600;
color: var(--navy);
background: var(--tint);
border-radius: 8px
}
.addon,
.plan .choose,
.summary {
background: #fff
}
.price {
align-items: baseline;
gap: 6px
}
.plan ul {
margin: 0;
flex-direction: column;
gap: 8px;
font-size: 14.5px;
color: var(--body);
flex-grow: 1
}
.plan li {
gap: 8px;
align-items: flex-start
}
.plan li svg {
flex-shrink: 0;
margin-top: 3px
}
.plan .choose {
height: 46px;
border-radius: 10px;
border: 1.5px solid var(--blue);
color: var(--blue);
font-weight: 700
}
.sec-title {
margin: 40px 0 6px;
font-family: var(--display);
font-size: 28px;
font-weight: 700;
letter-spacing: -.5px
}
.addons {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px
}
.addon,
.box {
display: flex
}
.addon {
gap: 14px;
align-items: flex-start;
text-align: left;
border: 1.5px solid var(--line);
border-radius: 14px;
padding: 16px 18px;
color: var(--ink)
}
.addon[aria-pressed=true] {
border-color: var(--blue);
background: #f5f9fe
}
.box {
width: 22px;
height: 22px;
border-radius: 6px;
border: 2px solid #9aa6b8;
flex-shrink: 0;
margin-top: 2px;
align-items: center;
justify-content: center
}
.line,
.total {
justify-content: space-between;
display: flex
}
.addon[aria-pressed=true] .box {
background: var(--blue);
border-color: var(--blue)
}
.addon .nm {
font-weight: 700;
font-size: 16px
}
.addon .ds {
font-size: 14px;
color: var(--body);
margin-top: 2px
}
.addon .pr {
margin-left: auto;
padding-left: 10px
}
.addon .pr small {
display: block;
font-weight: 500;
color: var(--muted);
font-size: 12px;
text-align: right
}
.summary {
position: sticky;
top: 104px;
border-radius: 20px;
overflow: hidden
}
.summary .top {
background: var(--navy);
color: #fff;
padding: 22px 24px
}
.summary .top .k {
font-size: 14px;
color: #beddd9
}
.summary .top .v {
font-family: var(--display);
font-size: 24px;
font-weight: 700;
margin-top: 2px
}
.line {
gap: 12px;
font-size: 15px
}
.rule {
height: 1px;
background: var(--line);
margin: 4px 0
}
.ent-panel,
.nudge {
margin-bottom: 96px
}
.total {
align-items: baseline
}
.total b {
font-size: 34px
}
.summary .foot {
font-size: 14px;
color: var(--muted);
text-align: center
}
.nudge {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
background: #fff;
border: 1px solid var(--line);
border-radius: 18px;
padding: 26px 30px
}
.nudge h3 {
margin: 0;
font-family: var(--display);
font-size: 22px
}
.nudge p {
margin: 4px 0 0;
color: var(--body)
}
.ent-panel {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
gap: 0;
border-radius: 24px;
overflow: hidden;
border: 1px solid var(--line)
}
.ent-left ul,
.faq-grid,
.form {
grid-template-columns: 1fr 1fr
}
.ent-left .pill,
.steps .n {
border-radius: 999px;
font-weight: 700
}
.ent-left {
background: var(--deep);
color: #fff;
padding: 52px
}
.ent-left .pill {
display: inline-block;
font-size: 14px;
padding: 6px 12px;
background: #0e5a55;
color: #cdebe8
}
.steps .n,
.steps li b {
color: #fff
}
.ent-left h2 {
margin: 18px 0 10px;
font-family: var(--display);
font-size: 46px;
line-height: 1.05;
letter-spacing: -1.2px
}
.ent-left p {
margin: 0;
color: #c9e2df;
font-size: 17px;
max-width: 520px
}
.ent-left li,
.steps h4,
.steps li b,
details p {
font-size: 15px
}
.ent-left ul {
margin: 28px 0 0;
display: grid;
gap: 14px 24px
}
.ent-left li {
display: flex;
gap: 10px;
color: #e3f2f0
}
.steps {
margin-top: 36px;
padding-top: 28px;
border-top: 1px solid #1b5a55
}
.steps h4 {
margin: 0 0 16px;
color: #beddd9;
font-weight: 600
}
.steps ol {
margin: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px
}
.steps li {
display: flex;
flex-direction: column;
gap: 6px;
font-size: 14px;
color: #c9e2df
}
.steps .n {
width: 30px;
height: 30px;
background: var(--blue);
display: flex;
align-items: center;
justify-content: center
}
.ent-right {
background: #fff;
padding: 44px
}
.ent-right h3 {
margin: 0 0 4px;
font-family: var(--display);
font-size: 26px
}
.ent-right>p {
margin: 0 0 22px;
color: var(--body)
}
.form {
display: grid;
gap: 14px
}
.field {
display: flex;
flex-direction: column;
gap: 6px
}
.field input,
.field select {
height: 46px;
border: 1.5px solid #c9d2e0;
border-radius: 10px;
padding: 0 12px;
font: inherit;
background: #fff;
color: var(--ink)
}
.faq h2,
.plan .tier {
font-family: var(--display)
}
.chips input {
height: auto;
margin: 0
}
.chips label {
display: flex;
align-items: center;
gap: 6px;
border: 1.5px solid #c9d2e0;
border-radius: 999px;
padding: 7px 12px;
font-size: 14px;
font-weight: 500
}
.ent-right .actions {
display: flex;
gap: 12px;
margin-top: 20px;
flex-wrap: wrap
}
.faq {
padding: 0 0 96px
}
.faq h2 {
margin: 0 0 24px;
font-size: 40px;
letter-spacing: -1px
}
.faq-grid {
display: grid;
gap: 12px 24px;
align-items: start
}
details {
background: #fff;
border: 1px solid var(--line);
border-radius: 14px;
padding: 0 20px
}
summary {
list-style: none;
font-weight: 700;
display: flex;
justify-content: space-between;
gap: 12px
}
summary::-webkit-details-marker {
display: none
}
summary::after {
content: "+";
font-size: 22px;
line-height: 1;
color: var(--blue)
}
details p {
margin: 0 0 18px;
color: var(--body)
}
.plan {
padding: 24px 18px 20px
}
.plan .bills {
font-size: 14px;
padding: 6px 10px
}
.plan .tier {
font-size: 30px;
font-weight: 800;
letter-spacing: -.6px;
line-height: 1;
margin-top: -6px
}
.plan .unit,
.was {
font-size: 14px;
color: var(--muted)
}
.plan .unit {
margin-top: -8px
}
.price b {
font-size: 32px
}
.was {
text-decoration: line-through;
margin-top: -10px
}
.bill-note,
.inc .chips span,
.plan p {
color: var(--body)
}
.bill-note {
font-size: 13.5px;
margin-top: -4px
}
.addon .pr,
.setup {
color: var(--navy);
font-weight: 600
}
.setup {
font-size: 13.5px;
border-top: 1px dashed var(--line);
padding-top: 10px
}
.note,
.plan p {
font-size: 14px
}
.pricing-card[data-plan=Custom] .choose {
background: #fff;
color: var(--ink);
border-color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none
}
.plan p {
margin: 0;
flex-grow: 1
}
.inc {
margin-top: 18px;
background: #fff;
border: 1px solid var(--line);
border-radius: 16px;
padding: 20px 22px
}
.inc h3 {
margin: 0 0 12px;
font-size: 16px
}
.inc .chips span {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
padding: 6px 12px;
border-radius: 999px
}
.note {
margin-top: 12px;
color: #7a4a00;
background: #fff4e0;
border: 1px solid #f5d9a6;
border-radius: 12px;
padding: 12px 14px
}
.addon .pr {
font-size: 13px
}
.ent-addons {
margin-top: 28px
}
.ent-addons h4 {
margin: 0 0 12px;
font-size: 15px;
color: #beddd9;
font-weight: 600
}
.ent-addons .chips span {
font-size: 13px;
padding: 5px 11px;
border-radius: 999px;
border: 1px solid #1b5a55;
color: #e3f2f0
}
.fineprint {
font-size: 13px;
color: var(--muted);
margin-top: 10px
}
@media (max-width:1180px) {
.plans {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media (max-width:1100px) {
.ent-panel,
.main {
grid-template-columns: 1fr
}
.summary {
position: static
}
}
@media (max-width:760px) {
.head h1 {
font-size: 40px
}
.addons,
.ent-left ul,
.ent-right .form,
.faq-grid,
.plans,
.steps ol {
grid-template-columns: 1fr
}
.nudge {
flex-direction: column;
align-items: flex-start
}
.ent-left,
.ent-right {
padding: 32px 24px
}
}
.pricing-card[data-plan=Custom] {
width: 100%;
flex-direction: row;
align-items: center;
}
.pricing-card[data-plan=Custom] p.custom_para {
min-height: inherit;
width: 47%;
}
.pricing-card[data-plan=Custom] .pricing-capacity {
margin-top: 8px;
}
.team .sec-head-text{display:flex;flex-direction:column;gap:14px;max-width:760px}
.tm-h{margin:0 0 18px;font-size:15px;font-weight:700;color:var(--muted);letter-spacing:.3px}
.tm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tm{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.tm-photo{height: 250px;background:var(--teal-t);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--teal);font-size:13px;font-weight:600}
.tm-photo img {
width: 200px;
height: 200px;
object-fit: contain;
background-color: #0B7A75;
border-radius: 50%;
padding: 0px;
}
.tm-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:6px;flex-grow:1}
.tm-body h3{margin:0;font-family:var(--display);font-size:20px;font-weight:700}
.tm-role{margin:0;color:var(--teal);font-weight:600;font-size:15px}
.tm-bio{margin:4px 0 10px;color:var(--body);font-size:14.5px;line-height:1.5;flex-grow:1}
.tm-li{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--blue);text-decoration:none;align-self:flex-start;min-height:32px}
.tm-li:hover{text-decoration:underline}
.tf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tf{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.tf .ic{width:44px;height:44px;border-radius:12px;background:var(--teal-t);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tf b{display:block;font-size:16px;margin-bottom:4px}
.tf span{display:block;color:var(--body);font-size:14px;line-height:1.5}
.tf .tf-n{margin-top:8px;color:var(--muted);font-size:13px;font-weight:600}
@media(max-width:1000px){.tm-grid,.tf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.tm-grid,.tf-grid{grid-template-columns:1fr}}
.sel-card {
background: var(--blue-t);
border: 1.5px solid #C5D8F0;
border-radius: 16px;
padding: 18px 20px;
margin: 0 0 24px
}
.sel-top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px
}
.sel-k {
font-weight: 700;
font-size: 15px;
color: var(--blue-d)
}
.sel-top a {
font-weight: 600;
font-size: 14px
}
.sel-card dl {
display: grid;
grid-template-columns: auto 1fr;
gap: 6px 18px;
margin: 0;
font-size: 15px
}
.sel-card dt {
color: var(--muted)
}
.sel-card dd {
margin: 0;
font-weight: 600;
color: var(--ink)
}
.sel-note {
margin: 12px 0 0;
font-size: 13px;
color: var(--muted)
}