html {scroll-behavior:smooth;scroll-padding-top:110px;color-scheme:light;background:#fff} body {margin:0} #cost-matrix.cost-site {background:#fff;font-size:16px;line-height:1.65} #cost-matrix .cs-container {width:calc(100% - clamp(32px,4vw,96px));max-width:1840px;margin-inline:auto} #cost-matrix a {color:inherit;text-decoration:none} #cost-matrix button,#cost-matrix input,#cost-matrix select,#cost-matrix textarea {font:inherit} #cost-matrix button,#cost-matrix a,#cost-matrix input,#cost-matrix select,#cost-matrix textarea,#cost-matrix summary {touch-action:manipulation} #cost-matrix :focus-visible {outline:3px solid #006BAD;outline-offset:4px} #cost-matrix section[id] {scroll-margin-top:104px} #cost-matrix .cs-skip {position:fixed;left:16px;top:-100px;z-index:100;padding:12px 18px;background:#fff;border:2px solid #006BAD;border-radius:8px} #cost-matrix .cs-skip:focus {top:10px} #cost-matrix .cs-nav {position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--cm-linea2);backdrop-filter:blur(16px)} #cost-matrix .cs-nav-inner {min-height:88px;display:flex;align-items:center;gap:36px} #cost-matrix .cs-nav .cs-brandmark {flex-shrink:0} #cost-matrix .cs-navigation {display:flex;justify-content:center;align-items:center;gap:clamp(16px,2vw,34px);margin-left:auto;font-size:14px;font-weight:500} #cost-matrix .cs-navigation a {padding-block:12px;white-space:nowrap;color:#344A68;transition:color .18s} #cost-matrix .cs-navigation a:hover {color:#006BAD} #cost-matrix .cs-menu-button {display:none} #cost-matrix .cs-button {display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:10px 19px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:600;line-height:1.45;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s;text-align:center} #cost-matrix .cs-button:hover {transform:translateY(-1px);box-shadow:0 5px 15px rgba(23,58,123,.12)} #cost-matrix .cs-button-primary {color:#fff;background:#173A7B;border-color:#173A7B} #cost-matrix .cs-button-primary:hover {background:#102C62} #cost-matrix .cs-button-outline {color:#173A7B;background:transparent;border-color:#C3CFDF} #cost-matrix .cs-button-outline:hover {background:#F4F8FC;border-color:#91B7CF} #cost-matrix .cs-button-amber {color:#222742;background:#F0B323;border-color:#F0B323} #cost-matrix .cs-button-large {min-height:54px;padding:14px 24px;font-size:16px} #cost-matrix .cs-button span[aria-hidden] {font-size:20px;line-height:1} #cost-matrix .cs-hero {background:radial-gradient(ellipse at 0% 20%,rgba(98,194,205,.17),transparent 52%),radial-gradient(ellipse at 90% 15%,rgba(199,47,142,.08),transparent 52%),linear-gradient(rgba(23,58,123,.025) 1px,transparent 0) 0 0/100% 40px,linear-gradient(90deg,rgba(23,58,123,.025) 1px,transparent 0) 0 0/40px 100%,#fff} #cost-matrix .cs-hero-layout {display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:clamp(40px,7vw,130px);padding-block:clamp(55px,6vw,106px) 68px} #cost-matrix .cs-eyebrow {font-size:12px;font-weight:600;line-height:1.6;letter-spacing:.15em;text-transform:uppercase;color:#5B708A;margin-bottom:22px} #cost-matrix .cs-live-dot {display:inline-block;width:7px;height:7px;border-radius:50%;background:#42A0AE;box-shadow:0 0 0 4px rgba(98,194,205,.15);margin-right:11px;vertical-align:1px} #cost-matrix .cs-hero h1 {font-size:clamp(42px,4.4vw,76px);line-height:1.16;letter-spacing:-.035em;font-family:var(--cm-serif);font-weight:400;text-wrap:balance;color:#173A7B} #cost-matrix .cs-lead {font-size:clamp(16px,1.2vw,19px);line-height:1.8;color:#566A83;max-width:58ch} #cost-matrix .cs-hero .cs-lead {margin-top:25px;max-width:57ch} #cost-matrix .cs-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:30px} #cost-matrix .cs-hero-audience {display:flex;flex-wrap:wrap;gap:9px 14px;font-size:13px;color:#66758B;margin-top:27px} #cost-matrix .cs-hero-audience span {color:#9DAEC0} #cost-matrix .cs-hero-story {min-width:0;max-width:580px;width:100%;justify-self:end;background:#fff;border:1px solid #DCE5EF;border-top:3px solid #62C2CD;border-radius:16px;box-shadow:0 18px 40px -24px rgba(23,58,123,.28)} #cost-matrix .cs-story-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 25px;color:#173A59;font-size:14px;font-weight:500;border-bottom:1px solid #EDF1F6} #cost-matrix .cs-story-heading>span:last-child {color:#428A9E;font-size:23px} #cost-matrix .cs-story-path {list-style:none;padding:20px 25px;margin:0;display:grid;gap:0} #cost-matrix .cs-story-path li {position:relative;display:flex;gap:20px;padding:14px 0 23px} #cost-matrix .cs-story-path li:not(:last-child)::after {content:"";position:absolute;top:52px;left:18px;bottom:-10px;border-left:1px solid #D8E4EE} #cost-matrix .cs-story-path li:last-child {padding-bottom:14px} #cost-matrix .cs-story-number {display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border:1px solid #DCE9F0;background:#F4F9FB;color:#26738B;font-size:12px;font-weight:600;border-radius:10px} #cost-matrix .cs-story-mode {font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#718098;font-weight:600;display:block;margin-bottom:5px} #cost-matrix .cs-story-path h2 {font-size:19px;font-family:var(--cm-sans);font-weight:500;line-height:1.45;letter-spacing:-.025em;color:#173653} #cost-matrix .cs-story-path p {font-size:14px;line-height:1.55;color:#66778E;margin-top:5px} #cost-matrix .cs-story-footer {padding:15px 25px;border-radius:0 0 15px 15px;display:flex;justify-content:space-between;gap:12px;background:#F6F9FC;font-size:12px;color:#5A7188} #cost-matrix .cs-story-footer span {font-size:19px;color:#26738B} #cost-matrix .cs-domain-strip {display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;padding-block:23px;border-top:1px solid #DDE7EF;font-size:14px;font-weight:500;color:#68798E} #cost-matrix .cs-section {padding-block:clamp(60px,6vw,105px)} #cost-matrix .cs-section-heading {display:flex;justify-content:space-between;align-items:flex-end;gap:30px 80px;margin-bottom:40px} #cost-matrix .cs-section h2 {font-family:var(--cm-serif);font-size:clamp(29px,2.7vw,46px);font-weight:400;line-height:1.3;letter-spacing:-.03em;color:#173A7B;text-wrap:balance} #cost-matrix .cs-section .cs-eyebrow {margin-bottom:17px} #cost-matrix .cs-section-intro {max-width:510px;font-size:16px;line-height:1.8;color:#5C6F87} #cost-matrix .cs-matrix-section {padding-top:65px} #cost-matrix .cs-matrix-controls {padding:clamp(20px,2.3vw,36px);border:1px solid #B8D5E3;border-radius:18px;background:radial-gradient(ellipse at 100% 0,rgba(98,194,205,.19),transparent 55%),#EDF5FA} #cost-matrix .cs-filter-heading {display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px} #cost-matrix .cm-selector-step {color:#276780;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px} #cost-matrix .cs-filter-heading h3 {font-size:clamp(20px,1.7vw,27px);font-weight:500;line-height:1.45;letter-spacing:-.025em;color:#173A59} #cost-matrix .cm-compare {display:flex;align-items:center;gap:18px;flex-shrink:0;min-height:44px;border:1px solid #A9C4D7;border-radius:7px;background:transparent;color:#173A7B;font-size:13px;font-weight:500;padding:8px 13px;cursor:pointer;transition:background .2s,border-color .2s} #cost-matrix .cm-compare:hover,#cost-matrix .cm-compare[aria-pressed="true"] {background:#173A7B;border-color:#173A7B;color:#fff} #cost-matrix .cm-plans {margin:0;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))} #cost-matrix .cm-plan {display:flex;flex-direction:column;height:100%;padding:24px;min-height:248px;border:1px solid #83ACC7;border-radius:12px;background:#fff;color:#173A59;box-shadow:0 6px 16px -12px #173A7B;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s} #cost-matrix .cm-plan:hover {transform:translateY(-3px);border-color:#26738B;box-shadow:0 10px 22px -13px rgba(23,58,123,.5)} #cost-matrix .cm-plan[aria-pressed="true"] {background:linear-gradient(135deg,#173A7B,#173A59);border-color:#173A7B;box-shadow:0 0 0 3px #62C2CD,0 10px 25px -14px #173A7B;color:#fff} #cost-matrix .cm-plan-top {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-bottom:17px} #cost-matrix .cm-plan-tier {font-size:12px;font-weight:600;letter-spacing:.06em;border:1px solid #BDD2E1;border-radius:5px;padding:3px 8px;background:#F0F6FA} #cost-matrix .cm-plan-count {font-size:13px;font-weight:500;color:#34627D} #cost-matrix .cm-plan-title {font-size:clamp(24px,2vw,32px);font-family:var(--cm-serif);font-weight:400;letter-spacing:-.025em} #cost-matrix .cm-plan-description {font-size:14px;margin-top:8px;color:#526B83;line-height:1.7} #cost-matrix .cm-plan-includes {display:block;font-size:12px;color:#3D7388;margin-top:14px;margin-bottom:20px} #cost-matrix .cm-plan-action {display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-top:16px;margin-top:auto;border-top:1px solid #DCE7EF;font-size:14px;font-weight:600;color:#173A7B} #cost-matrix .cm-plan-arrow {display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#173A7B;color:#fff;font-size:19px;font-weight:400} #cost-matrix .cm-plan[aria-pressed="true"] .cm-plan-tier {background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.3)} #cost-matrix .cm-plan[aria-pressed="true"] .cm-plan-count,#cost-matrix .cm-plan[aria-pressed="true"] .cm-plan-includes {color:#A8E0E6} #cost-matrix .cm-plan[aria-pressed="true"] .cm-plan-description {color:#D4E2EE} #cost-matrix .cm-plan[aria-pressed="true"] .cm-plan-action {color:#fff;border-color:rgba(255,255,255,.2)} #cost-matrix .cm-plan[aria-pressed="true"] .cm-plan-arrow {background:#9BDEE5;color:#173A59} #cost-matrix .cm-selector-note {font-size:13px;color:#42647D;margin-top:20px} #cost-matrix .cm-addon-step {border-top:1px solid #BED7E5;margin-top:24px;padding-top:24px} #cost-matrix .cm-addons-heading {display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:7px;margin:0 0 13px} #cost-matrix .cm-addons-heading h3 {font-size:15px;font-weight:500;color:#173A59} #cost-matrix .cm-addons-heading h3>span {font-size:12px;color:#276780;margin-right:8px} #cost-matrix .cm-addons {margin:0;gap:16px} #cost-matrix .cm-addon-choice {padding:16px;min-height:77px;gap:12px;border-color:#B7CFDF} #cost-matrix .cm-addon-choice:has(input:checked) {border-color:#26738B;background:#E3F4F7} #cost-matrix .cm-addon-plus {margin-left:auto;font-size:22px;color:#26738B} #cost-matrix .cm-addon-choice strong {font-size:14px} #cost-matrix .cm-addon-choice small {font-size:12px} #cost-matrix .cm-plan-status {display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 22px;margin-top:24px;font-size:13px;padding:0 0 17px;min-height:0} #cost-matrix .cm-plan-status strong {color:#173A59;font-size:15px;font-weight:600} #cost-matrix .cm-start {display:flex;align-items:center;gap:22px;min-height:150px;padding:30px;background:linear-gradient(90deg,#F0F8FB,#fff)} #cost-matrix .cm-start-arrow {display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border:1px solid #A9D5DF;border-radius:12px;background:#E0F3F6;color:#26738B;font-size:26px} #cost-matrix .cm-start h3 {color:#173A59;font-size:18px;font-weight:500} #cost-matrix .cm-start p {color:#526B83;font-size:14px;margin-top:5px} #cost-matrix .cm-start-label {margin-left:auto;font-size:12px;letter-spacing:.04em;color:#42758C;white-space:nowrap} #cost-matrix .cm-view:not([hidden]) {animation:cm-view-reveal .32s ease-out both;animation-delay:var(--cm-reveal-delay,0ms)} @keyframes cm-view-reveal {from {opacity:0;transform:translateY(7px)}to {opacity:1;transform:translateY(0)}} #cost-matrix .cm-table-shell {margin-top:0} #cost-matrix .cm-table col:first-child {width:17%} #cost-matrix .cm-table col:not(:first-child) {width:27.666%} #cost-matrix .cm-table tbody th {padding:24px} #cost-matrix .cm-table td {padding:20px 16px} #cost-matrix .cm-table thead th {padding:25px 24px} #cost-matrix .cm-intent {font-size:27px} #cost-matrix .cm-intent svg {width:17px;height:17px;padding:7px} #cost-matrix .cm-tier-badge {font-size:12px} #cost-matrix .cm-view summary {font-size:16px;min-height:46px;padding:11px 12px} #cost-matrix .cm-view p {font-size:15px} #cost-matrix .cs-matrix-foot {display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding-top:21px;font-size:13px;color:#65768D} #cost-matrix .cs-matrix-foot a {color:#173A7B;white-space:nowrap;font-weight:600} #cost-matrix .cs-matrix-foot a span {margin-left:9px} #cost-matrix .cs-noscript {padding:20px} #cost-matrix .cs-band {background:#F3F7FA;border-block:1px solid #E5EDF4} #cost-matrix .cs-flow {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:15px} #cost-matrix .cs-flow article {border-top:1px solid #BFCFDD;padding-top:21px} #cost-matrix .cs-step {display:flex;justify-content:space-between;align-items:center;color:#4D819A;font-size:13px;font-weight:600} #cost-matrix .cs-step span {font-size:23px;font-weight:400} #cost-matrix .cs-flow h3 {font-family:var(--cm-serif);font-weight:400;font-size:27px;color:#173A59;margin-top:21px} #cost-matrix .cs-flow p {font-size:16px;line-height:1.8;color:#5C6F87;margin-top:13px} #cost-matrix .cs-example {border-left:2px solid #89C9D3;margin-top:26px;padding-left:18px;font-size:14px;line-height:1.7;color:#3E5E7B} #cost-matrix .cs-example span {display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px;color:#6B7E92} #cost-matrix .cs-dark {background:radial-gradient(ellipse at 95% 10%,rgba(98,194,205,.13),transparent 50%),linear-gradient(120deg,#111B3A,#173A59);color:#fff} #cost-matrix .cs-dark h2 {color:#F7FAFF} #cost-matrix .cs-dark .cs-eyebrow {color:#91CAD7} #cost-matrix .cs-dark .cs-section-intro,#cost-matrix .cs-dark .cs-lead {color:#BDCDD9} #cost-matrix .cs-team-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.15);margin-top:48px} #cost-matrix .cs-team-grid article {padding:30px 28px 0;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column} #cost-matrix .cs-team-grid article:first-child {padding-left:0} #cost-matrix .cs-team-grid article:last-child {border:0;padding-right:0} #cost-matrix .cs-team-index {color:#94B5CA;font-size:12px;letter-spacing:.02em} #cost-matrix .cs-team-grid h3 {font-family:var(--cm-serif);font-size:22px;font-weight:400;line-height:1.5;color:#F6F9FF;margin-top:20px} #cost-matrix .cs-team-grid p {color:#B6C9D8;font-size:15px;line-height:1.8;margin-top:12px;margin-bottom:26px} #cost-matrix .cs-team-grid a {color:#9DD9E1;font-size:13px;font-weight:500;margin-top:auto;display:flex;justify-content:space-between;gap:10px} #cost-matrix .cs-pricing-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} #cost-matrix .cs-price-card {border:1px solid #D7E1EC;border-radius:14px;padding:30px;display:flex;flex-direction:column;background:#fff} #cost-matrix .cs-price-featured {border:1px solid #74B8C9;background:linear-gradient(180deg,#F0F8FB,#fff 65%);box-shadow:0 15px 35px -23px rgba(23,58,123,.35);position:relative} #cost-matrix .cs-price-featured::before {content:"";height:3px;background:#62C2CD;position:absolute;top:0;left:16px;right:16px} #cost-matrix .cs-price-top {display:flex;align-items:center;justify-content:space-between;gap:10px;color:#6B7C93;font-size:12px} #cost-matrix .cs-tier-label {padding:3px 7px;border-radius:5px;border:1px solid #CDDAE8;background:#F2F6FA;color:#456382;font-weight:600} #cost-matrix .cs-price-card h3 {font-family:var(--cm-serif);font-size:29px;font-weight:400;color:#173A7B;margin-top:24px;letter-spacing:-.02em} #cost-matrix .cs-price-description {font-size:15px;color:#60738B;line-height:1.75;margin-top:12px;min-height:80px} #cost-matrix .cs-price {font-size:clamp(30px,2.6vw,44px);font-weight:500;letter-spacing:-.045em;line-height:1.25;color:#173A59;margin-top:25px;font-variant-numeric:tabular-nums} #cost-matrix .cs-price>span {display:block;font-size:13px;letter-spacing:0;font-weight:400;line-height:1.7;color:#62738A;margin-top:5px} #cost-matrix .cs-tax {font-size:12px;color:#6D7B91;margin-top:12px} #cost-matrix .cs-price-card>.cs-button {margin-top:23px} #cost-matrix .cs-feature-list {list-style:none;padding:0;display:grid;gap:13px;margin:27px 0 30px;font-size:14px;line-height:1.7;color:#405B77} #cost-matrix .cs-feature-list li {position:relative;padding-left:24px} #cost-matrix .cs-feature-list li::before {content:"✓";position:absolute;left:0;color:#398899;font-size:14px} #cost-matrix .cs-price-setup {margin-top:auto;padding-top:21px;border-top:1px solid #E5ECF3;font-size:12px;line-height:1.8;color:#718096} #cost-matrix .cs-price-setup strong {display:block;font-weight:500;color:#435F7D;font-size:14px} #cost-matrix .cs-addon-title {display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:46px;margin-bottom:20px} #cost-matrix .cs-addon-title h3 {font-family:var(--cm-serif);font-weight:400;font-size:25px;color:#173A7B} #cost-matrix .cs-addon-title p {font-size:14px;color:#6C7C93} #cost-matrix .cs-addon-prices {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px} #cost-matrix .cs-addon-prices article {display:flex;align-items:flex-start;gap:17px;padding:25px;border:1px solid #DCE5EF;border-radius:12px} #cost-matrix .cs-addon-icon {display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;color:#316A87;background:#F0F6FB;border-radius:10px} #cost-matrix .cs-addon-prices h4 {font-size:17px;font-weight:600;line-height:1.5;color:#173A59;margin:0} #cost-matrix .cs-addon-prices p {font-size:14px;color:#6A7D93;margin-top:5px;max-width:33ch} #cost-matrix .cs-addon-prices small {display:block;font-size:12px;line-height:1.8;margin-top:10px;color:#6A7D93} #cost-matrix .cs-addon-value {margin-left:auto;flex-shrink:0;padding-left:8px;white-space:nowrap} #cost-matrix .cs-addon-value strong {font-size:25px;font-weight:500;line-height:1.3;color:#173A7B;letter-spacing:-.025em} #cost-matrix .cs-addon-value span {display:block;font-size:11px;color:#6B7C91;margin-top:6px} #cost-matrix .cs-pricing-note {font-size:12px;line-height:1.8;color:#6C7D94;margin-top:20px} #cost-matrix .cs-setup-layout {display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,10vw,170px)} #cost-matrix .cs-setup-layout>.cs-lead,#cost-matrix .cs-setup-layout>div>.cs-lead {margin-top:24px} #cost-matrix .cs-text-link {display:inline-flex;gap:16px;margin-top:27px;font-size:14px;font-weight:600;color:#173A7B} #cost-matrix .cs-text-link:hover {text-decoration:underline;text-underline-offset:4px} #cost-matrix .cs-setup-steps {list-style:none;margin:0;padding:0;display:grid;gap:0} #cost-matrix .cs-setup-steps li {display:flex;gap:23px;padding:23px 0;border-bottom:1px solid #D8E3ED} #cost-matrix .cs-setup-steps li:first-child {padding-top:0} #cost-matrix .cs-setup-steps li:last-child {padding-bottom:0;border:0} #cost-matrix .cs-setup-steps li>span {font-size:13px;font-weight:500;color:#42788F;padding-top:4px} #cost-matrix .cs-setup-steps h3 {font-size:18px;color:#173A59;font-weight:500;line-height:1.5} #cost-matrix .cs-setup-steps p {font-size:15px;line-height:1.8;color:#62758B;margin-top:8px} #cost-matrix .cs-faq-layout {display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,8vw,140px)} #cost-matrix .cs-faq-layout .cs-lead {margin-top:24px;max-width:32ch} #cost-matrix .cs-faq {border-top:1px solid #DCE5EF} #cost-matrix .cs-faq details {border-bottom:1px solid #DCE5EF;padding:0} #cost-matrix .cs-faq summary {cursor:pointer;list-style:none;font-size:16px;font-weight:500;line-height:1.65;color:#284E71;display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:23px 0} #cost-matrix .cs-faq summary::-webkit-details-marker {display:none} #cost-matrix .cs-faq summary::after {content:"+";font-size:22px;color:#477D96;line-height:1;flex-shrink:0;font-weight:400} #cost-matrix .cs-faq details[open] summary::after {content:"−"} #cost-matrix .cs-faq p {font-size:15px;line-height:1.9;color:#60728B;padding:0 30px 24px 0;max-width:80ch} #cost-matrix .cs-demo-layout {display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,150px);align-items:start} #cost-matrix .cs-demo-copy {padding-top:28px} #cost-matrix .cs-demo-copy .cs-lead {margin-top:24px;max-width:46ch} #cost-matrix .cs-demo-detail {display:flex;gap:22px;align-items:center;padding-top:30px;margin-top:36px;border-top:1px solid rgba(255,255,255,.14);max-width:47ch} #cost-matrix .cs-demo-detail>span {font-size:34px;color:#8AD0DB;font-family:var(--cm-serif)} #cost-matrix .cs-demo-detail>p {font-size:14px;line-height:1.8;color:#AFC3D3} #cost-matrix .cs-demo-form {background:#fff;border:1px solid #E1E8F0;border-radius:15px;padding:32px;display:grid;gap:18px;color:#234665} #cost-matrix .cs-demo-form h3 {font-size:21px;font-weight:400;font-family:var(--cm-serif);margin-bottom:4px;color:#173A59;line-height:1.5} #cost-matrix .cs-form-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #cost-matrix .cs-demo-form label {font-size:13px;font-weight:500;display:flex;flex-direction:column;gap:7px;min-width:0} #cost-matrix .cs-demo-form input,#cost-matrix .cs-demo-form select,#cost-matrix .cs-demo-form textarea {width:100%;min-height:45px;background:#FBFCFE;border:1px solid #CBD7E5;border-radius:7px;color:#284862;padding:10px 12px;font-size:16px;font-weight:400;line-height:1.5;box-sizing:border-box} #cost-matrix .cs-demo-form input::placeholder,#cost-matrix .cs-demo-form textarea::placeholder {color:#8391A4;font-size:14px;opacity:1} #cost-matrix .cs-demo-form textarea {resize:vertical} #cost-matrix .cs-demo-form>.cs-button {min-height:50px;justify-content:space-between} #cost-matrix .cs-form-note {font-size:12px;line-height:1.7;color:#6C7D92} #cost-matrix .cs-form-result {padding:18px;border:1px solid #BBDBE3;border-radius:8px;background:#F2F8FB;display:grid;gap:16px} #cost-matrix .cs-form-result>p {font-size:14px;color:#315F73} #cost-matrix .cs-footer {padding-top:60px;background:#fff} #cost-matrix .cs-footer-grid {display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:35px;padding-bottom:55px} #cost-matrix .cs-footer-brand-details {display:grid;gap:17px;margin-top:14px;font-size:13px;line-height:1.8;color:#708098;max-width:34ch} #cost-matrix .cs-footer-brand-details address {display:flex;flex-direction:column;gap:4px;font-style:normal} #cost-matrix .cs-footer-brand-details strong {font-weight:500;color:#35536F} #cost-matrix .cs-footer-client {font-size:13px;line-height:1.8;color:#708098} #cost-matrix .cs-footer-copyright {font-size:12px;color:#78889C} #cost-matrix .cs-footer-contact {display:grid;gap:12px} #cost-matrix .cs-footer-phone {display:flex;align-items:center;gap:10px;min-height:36px;width:fit-content;font-size:14px;font-weight:500;color:#35536F} #cost-matrix .cs-footer-phone svg {color:#3D7C93;flex-shrink:0} #cost-matrix .cs-footer-socials {display:flex;gap:9px} #cost-matrix .cs-social-link {display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #CDDFE9;background:#F4F9FB;color:#355D79;border-radius:10px;transition:background .2s,border-color .2s,transform .2s} #cost-matrix a.cs-social-link:hover {background:#E4F4F7;border-color:#7DBDCB;color:#173A59;transform:translateY(-2px)} #cost-matrix .cs-footer h2 {font-family:var(--cm-sans);font-size:14px;font-weight:600;color:#35536F;letter-spacing:0;line-height:1.5;margin-bottom:17px} #cost-matrix .cs-footer-grid>div>a:not(.cs-brandmark) {display:block;width:fit-content;font-size:13px;color:#6F8096;margin-top:11px} #cost-matrix .cs-footer a:hover {color:#006BAD} @media(min-width:1700px) { #cost-matrix .cs-hero-layout {grid-template-columns:1.3fr .7fr} #cost-matrix .cs-hero-story {max-width:600px} #cost-matrix .cs-section-heading {margin-bottom:50px} #cost-matrix .cm-cell-content {gap:9px} #cost-matrix .cm-table td {padding:21px} } @media(max-width:1200px) { #cost-matrix .cs-nav-inner {gap:22px} #cost-matrix .cs-navigation {gap:16px;font-size:13px} #cost-matrix .cs-hero-layout {gap:42px;grid-template-columns:1.05fr .95fr} #cost-matrix .cm-plan {padding:20px} #cost-matrix .cm-start-label {display:none} #cost-matrix .cm-addon-choice {min-height:74px;padding:13px 16px} #cost-matrix .cm-addon-choice strong {font-size:15px} #cost-matrix .cm-addon-choice small {font-size:13px} #cost-matrix .cm-table col:first-child {width:19%} #cost-matrix .cm-table col:not(:first-child) {width:27%} #cost-matrix .cm-table tbody th {padding:20px 17px} #cost-matrix .cm-table td {padding:17px 11px} #cost-matrix .cm-view summary {padding:10px 9px;font-size:15px;gap:6px} #cost-matrix .cs-section-heading {gap:45px} #cost-matrix .cs-section-intro {max-width:44%;font-size:15px} #cost-matrix .cs-price-card {padding:25px} #cost-matrix .cs-addon-prices article {flex-wrap:wrap;gap:14px} #cost-matrix .cs-addon-value {width:100%;margin-left:52px;padding-left:0} #cost-matrix .cs-team-grid article {padding-inline:20px} #cost-matrix .cs-team-grid h3 {font-size:20px} } @media(max-width:960px) { #cost-matrix .cs-nav-inner {min-height:76px;flex-wrap:wrap;gap:0 20px} #cost-matrix .cs-nav-cta {margin-left:20px} #cost-matrix .cs-menu-button {display:flex;gap:16px;align-items:center;margin-left:auto;min-height:44px;padding:8px 0;color:#355978;border:0;background:transparent;font-size:14px;cursor:pointer} #cost-matrix .cs-menu-button span {font-size:21px} #cost-matrix .cs-navigation {display:none;order:4;width:100%;margin:0;padding-block:6px 18px;justify-content:flex-start;flex-wrap:wrap;gap:0 26px} #cost-matrix .cs-navigation.is-open {display:flex} #cost-matrix .cs-hero-layout {grid-template-columns:1fr;gap:40px;padding-top:50px} #cost-matrix .cs-hero h1 {font-size:clamp(42px,7vw,64px)} #cost-matrix .cs-hero-copy {max-width:800px} #cost-matrix .cs-hero-story {max-width:none} #cost-matrix .cs-story-path {grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} #cost-matrix .cs-story-path li {display:block;padding:10px 0} #cost-matrix .cs-story-number {margin-bottom:15px} #cost-matrix .cs-story-path li:not(:last-child)::after {display:none} #cost-matrix .cs-story-path h2 {font-size:17px} #cost-matrix .cs-story-path p {font-size:13px} #cost-matrix .cs-domain-strip {justify-content:flex-start;gap:10px 30px} #cost-matrix .cm-intent {font-size:23px;gap:8px} #cost-matrix .cm-intent svg {width:16px;height:16px;padding:4px} #cost-matrix .cm-table thead th {padding:23px 14px} #cost-matrix .cs-pricing-grid {gap:14px} #cost-matrix .cs-price-card {padding:20px} #cost-matrix .cs-price-description {min-height:132px} #cost-matrix .cs-price-top {align-items:flex-start;gap:8px} #cost-matrix .cs-price-top>span:last-child {max-width:16ch;text-align:right} #cost-matrix .cs-team-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:30px} #cost-matrix .cs-team-grid article {padding:24px 0 0;border:0} #cost-matrix .cs-flow {gap:26px} #cost-matrix .cs-flow p {font-size:15px} #cost-matrix .cs-setup-layout,#cost-matrix .cs-faq-layout,#cost-matrix .cs-demo-layout {gap:40px;grid-template-columns:1fr 1.2fr} #cost-matrix .cs-form-row {grid-template-columns:1fr} #cost-matrix .cs-demo-form {padding:25px} #cost-matrix .cs-footer-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:30px} #cost-matrix .cs-footer-brand {grid-column:1/-1;display:flex;align-items:flex-start;gap:36px} #cost-matrix .cs-footer-brand-details {margin-top:10px;max-width:none} } @media(max-width:740px) { #cost-matrix .cs-section-heading {display:block} #cost-matrix .cs-section-intro {max-width:62ch;margin-top:23px} #cost-matrix .cs-flow,#cost-matrix .cs-pricing-grid {grid-template-columns:1fr;gap:26px} #cost-matrix .cs-flow article {padding-top:15px} #cost-matrix .cs-flow h3 {margin-top:8px} #cost-matrix .cs-flow p {font-size:16px} #cost-matrix .cs-price-card {padding:26px} #cost-matrix .cs-price-description {min-height:0;font-size:16px} #cost-matrix .cs-price-top>span:last-child {max-width:none} #cost-matrix .cs-price {font-size:39px} #cost-matrix .cs-addon-prices {grid-template-columns:1fr} #cost-matrix .cs-addon-title {display:block} #cost-matrix .cs-addon-title p {margin-top:8px} #cost-matrix .cs-addon-value {width:auto;margin-left:auto} #cost-matrix .cs-setup-layout,#cost-matrix .cs-faq-layout,#cost-matrix .cs-demo-layout {grid-template-columns:1fr;gap:38px} #cost-matrix .cs-demo-copy {padding-top:0} #cost-matrix .cs-demo-copy .cs-lead {max-width:60ch} #cost-matrix .cs-form-row {grid-template-columns:repeat(2,minmax(0,1fr))} #cost-matrix .cs-matrix-foot {display:block} #cost-matrix .cs-matrix-foot a {display:inline-block;margin-top:10px} #cost-matrix .cm-table,#cost-matrix .cm-table tbody,#cost-matrix .cm-table tr,#cost-matrix .cm-table tbody th,#cost-matrix .cm-table tbody td {display:block;width:100%} #cost-matrix .cm-table thead,#cost-matrix .cm-table colgroup {display:none} #cost-matrix .cm-table tbody tr+tr {border-top:2px solid #DCE4EF} #cost-matrix .cm-table tbody th {padding:20px;border:0} #cost-matrix .cm-row-icon {float:left;margin:3px 13px 0 0;width:37px;height:37px} #cost-matrix .cm-row-name {font-size:18px} #cost-matrix .cm-row-caption {font-size:13px} #cost-matrix .cm-table tbody td {padding:18px 14px;border-left:0} #cost-matrix .cm-mobile-intent {display:flex;gap:9px;align-items:center;color:#173A59;font-family:var(--cm-serif);font-size:20px;font-weight:400;margin:0 8px 12px} #cost-matrix .cm-mobile-intent svg {color:#26738B} #cost-matrix .cm-view summary {font-size:16px;padding:12px;min-height:46px} } @media(max-width:580px) { html {scroll-padding-top:95px} #cost-matrix .cs-container {width:calc(100% - 32px)} #cost-matrix .cs-nav-inner {gap:0 14px;min-height:70px} #cost-matrix .cs-nav-cta {padding:9px 11px;font-size:12px;margin-left:0;min-height:40px} #cost-matrix .cs-nav-cta span {display:none} #cost-matrix .cs-menu-button {font-size:13px;gap:7px} #cost-matrix .cs-eyebrow {font-size:11px;letter-spacing:.12em} #cost-matrix .cs-hero-layout {padding-block:40px;gap:33px} #cost-matrix .cs-hero h1 {font-size:clamp(34px,9vw,48px)} #cost-matrix .cs-actions {gap:10px} #cost-matrix .cs-button-large {padding:13px 16px;font-size:14px;min-height:48px} #cost-matrix .cs-hero-audience {font-size:12px;gap:7px 10px} #cost-matrix .cs-story-heading {padding:16px 20px;font-size:13px} #cost-matrix .cs-story-path {grid-template-columns:1fr;padding:14px 20px;gap:0} #cost-matrix .cs-story-path li {display:flex;gap:17px;padding:12px 0 22px} #cost-matrix .cs-story-number {margin-bottom:0} #cost-matrix .cs-story-path li:not(:last-child)::after {display:block} #cost-matrix .cs-story-path h2 {font-size:18px} #cost-matrix .cs-story-footer {padding:13px 20px} #cost-matrix .cs-domain-strip {font-size:12px;gap:10px 20px;padding-block:20px} #cost-matrix .cs-section {padding-block:50px} #cost-matrix .cs-section-heading {margin-bottom:28px} #cost-matrix .cs-section h2 {font-size:31px} #cost-matrix .cs-filter-heading {display:block} #cost-matrix .cm-compare {margin-top:16px} #cost-matrix .cm-plans {grid-template-columns:1fr;gap:13px} #cost-matrix .cm-addons {grid-template-columns:1fr} #cost-matrix .cm-plan {min-height:0;padding:19px} #cost-matrix .cm-plan-top {margin-bottom:10px} #cost-matrix .cm-plan-includes {margin-top:8px;margin-bottom:14px} #cost-matrix .cm-plan-action {padding-top:12px} #cost-matrix .cm-start {padding:23px 19px;gap:14px;align-items:flex-start} #cost-matrix .cm-start h3 {font-size:17px} #cost-matrix .cs-team-grid {grid-template-columns:1fr;gap:0;margin-top:32px} #cost-matrix .cs-team-grid article {border-bottom:1px solid rgba(255,255,255,.15);padding:25px 0} #cost-matrix .cs-team-grid h3 {margin-top:12px;font-size:23px} #cost-matrix .cs-team-grid p {font-size:16px;margin-bottom:18px} #cost-matrix .cs-price-card {padding:24px} #cost-matrix .cs-addon-value {width:100%;margin-left:52px} #cost-matrix .cs-addon-prices article {padding:22px 18px} #cost-matrix .cs-addon-prices article>div:nth-child(2) {flex:1;min-width:0} #cost-matrix .cs-pricing-note {font-size:13px} #cost-matrix .cs-form-row {grid-template-columns:1fr} #cost-matrix .cs-demo-form {padding:22px 18px} #cost-matrix .cs-demo-form label {font-size:14px} #cost-matrix .cs-faq summary {font-size:16px;padding-block:20px} #cost-matrix .cs-faq p {font-size:15px;padding-right:0} #cost-matrix .cs-footer {padding-top:40px} #cost-matrix .cs-footer-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;padding-bottom:35px} #cost-matrix .cs-footer-brand {display:block} #cost-matrix .cs-footer-brand-details {margin-top:14px;max-width:34ch} #cost-matrix .cs-footer-grid>div>a:not(.cs-brandmark) {padding-block:5px;margin-top:4px} } @media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}#cost-matrix * {scroll-behavior:auto}}