.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)
            }