body.axiowl-page-cloud-cost-meter :is(.entry-header, .page-header, .entry-title, .page-title) {
    display: none !important;
}

body.axiowl-page-cloud-cost-meter .elementor-widget-text-editor {
    margin: 0;
}

.axiowl-cost-page {
    --axc-ink: var(--ax-ink, #10241c);
    --axc-paper: var(--ax-paper, #eef4ee);
    --axc-white: var(--ax-white, #ffffff);
    --axc-shell: var(--ax-shell, #10241c);
    --axc-shell-2: var(--ax-shell-2, #1e4535);
    --axc-primary: var(--ax-primary, #e0a04c);
    --axc-secondary: var(--ax-secondary, #f0c575);
    --axc-cool: var(--ax-cool, #7fd6b0);
    color: var(--axc-ink);
    line-height: 1.65;
}

.axiowl-cost-page * {
    box-sizing: border-box;
}

.axiowl-cost-page :is(h1, h2, h3, p) {
    margin-top: 0;
}

.axiowl-cost-page :is(h1, h2, h3) {
    color: inherit;
    letter-spacing: 0;
}

.axc-wrap {
    width: min(1220px, 100%);
    margin: 0 auto;
    padding-right: 28px;
    padding-left: 28px;
}

.axc-hero,
.axc-section,
.axc-dark-band,
.axc-provider-band,
.axc-final {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

.axc-hero {
    overflow: hidden;
    padding: 82px 0 78px;
    background: linear-gradient(116deg, var(--axc-shell), var(--axc-shell-2));
    color: var(--axc-white);
}

.axc-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr);
    align-items: center;
    gap: 70px;
}

.axc-eyebrow {
    margin-bottom: 15px;
    color: var(--axc-cool);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
    text-transform: uppercase;
}

.axc-hero h1 {
    max-width: 700px;
    margin-bottom: 20px;
    color: var(--axc-white);
    font-size: 58px;
    font-weight: 790;
    line-height: 1.03;
}

.axc-lead {
    max-width: 650px;
    margin-bottom: 28px;
    color: color-mix(in srgb, var(--axc-white) 83%, transparent);
    font-size: 19px;
    line-height: 1.65;
}

.axc-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.axc-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.axc-button--primary {
    background: var(--axc-primary);
    color: var(--axc-ink) !important;
}

.axc-button--primary:is(:hover, :focus-visible) {
    background: var(--axc-secondary);
    color: var(--axc-ink) !important;
}

.axc-button--secondary {
    border-color: color-mix(in srgb, var(--axc-white) 40%, transparent);
    background: transparent;
    color: var(--axc-white) !important;
}

.axc-button--secondary:is(:hover, :focus-visible) {
    border-color: var(--axc-cool);
    background: color-mix(in srgb, var(--axc-cool) 14%, transparent);
    color: var(--axc-white) !important;
}

.axc-proofline {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 12px;
    margin: 24px 0 0;
    color: color-mix(in srgb, var(--axc-white) 70%, transparent);
    font-size: 13px;
    font-weight: 650;
}

.axc-proofline span {
    color: var(--axc-cool);
}

.axc-sample {
    max-width: 700px;
    margin: 0;
    padding: 18px;
    border: 1px solid color-mix(in srgb, var(--axc-white) 25%, transparent);
    border-radius: 8px;
    background: #f4f7f4;
    color: var(--axc-ink);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
}

.axc-sample__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 4px 4px 15px;
    border-bottom: 1px solid rgba(16, 36, 28, .13);
    font-size: 16px;
    font-weight: 780;
}

.axc-sample__bar b {
    color: #ae6c00;
    font-size: 10px;
    letter-spacing: .05em;
}

.axc-sample__notice {
    margin: 14px 0;
    padding: 9px 11px;
    border-left: 3px solid #d99a2b;
    background: #fff4d9;
    color: #6a4a14;
    font-size: 11px;
    font-weight: 650;
}

.axc-sample__metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.axc-sample__metrics > div {
    min-height: 110px;
    padding: 14px;
    border: 1px solid rgba(16, 36, 28, .13);
    border-radius: 6px;
    background: #ffffff;
}

.axc-sample__metrics span,
.axc-sample__metrics small,
.axc-sample__heading small {
    display: block;
}

.axc-sample__metrics span,
.axc-sample__heading span {
    font-size: 11px;
    font-weight: 750;
}

.axc-sample__metrics strong {
    display: block;
    margin: 7px 0 2px;
    color: #63856d;
    font-size: 32px;
    line-height: 1;
}

.axc-sample__metrics small,
.axc-sample__heading small {
    color: rgba(16, 36, 28, .62);
    font-size: 10px;
}

.axc-sample__body {
    margin-top: 12px;
    padding: 15px;
    border: 1px solid rgba(16, 36, 28, .13);
    border-radius: 6px;
    background: #ffffff;
}

.axc-sample__heading {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

.axc-sample__row {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 10px;
    margin: 12px 0;
    font-size: 11px;
    font-weight: 650;
}

.axc-sample__row i {
    display: block;
    height: 8px;
    overflow: hidden;
    border-radius: 99px;
    background: #e4ece5;
}

.axc-sample__row i b {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #83b58e, #c5d88c);
}

.axc-sample__row strong {
    color: rgba(16, 36, 28, .55);
    font-size: 11px;
}

.axc-sample__status {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 16px;
    color: rgba(16, 36, 28, .65);
    font-size: 10px;
}

.axc-sample__status span {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #5da871;
}

.axc-section {
    padding: 78px 0;
    background: var(--axc-paper);
}

.axc-heading {
    max-width: 840px;
    margin: 0 auto 38px;
    text-align: center;
}

.axc-heading .axc-eyebrow,
.axc-provider-band .axc-eyebrow,
.axc-final .axc-eyebrow {
    color: var(--axc-primary);
}

.axc-heading h2,
.axc-dark-band h2,
.axc-final h2 {
    margin-bottom: 18px;
    font-size: 42px;
    font-weight: 770;
    line-height: 1.08;
}

.axc-heading > p:last-child {
    margin-bottom: 0;
    color: color-mix(in srgb, var(--axc-ink) 72%, transparent);
    font-size: 17px;
    line-height: 1.7;
}

.axc-card-grid,
.axc-provider-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.axc-card-grid article {
    min-height: 205px;
    padding: 24px;
    border-top: 3px solid var(--axc-primary);
    background: var(--axc-white);
}

.axc-card-grid article:nth-child(2) {
    border-top-color: var(--axc-cool);
}

.axc-card-grid article:nth-child(3) {
    border-top-color: var(--axc-secondary);
}

.axc-card-grid span {
    display: block;
    margin-bottom: 13px;
    color: color-mix(in srgb, var(--axc-ink) 50%, transparent);
    font-size: 12px;
    font-weight: 800;
}

.axc-card-grid h3,
.axc-provider-grid h3,
.axc-faq-grid summary {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 740;
    line-height: 1.25;
}

.axc-card-grid p,
.axc-provider-grid p,
.axc-provider-grid small,
.axc-copy p,
.axc-steps p,
.axc-status-grid small,
.axc-faq-grid p {
    color: color-mix(in srgb, var(--axc-ink) 74%, transparent);
    font-size: 15px;
    line-height: 1.65;
}

.axc-card-grid p,
.axc-provider-grid p,
.axc-copy p,
.axc-faq-grid p {
    margin-bottom: 0;
}

.axc-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.axc-steps li {
    padding-top: 18px;
    border-top: 3px solid var(--axc-cool);
}

.axc-steps li:nth-child(2) {
    border-top-color: var(--axc-primary);
}

.axc-steps li:nth-child(3) {
    border-top-color: var(--axc-secondary);
}

.axc-steps li > span {
    display: block;
    margin-bottom: 14px;
    color: color-mix(in srgb, var(--axc-ink) 50%, transparent);
    font-size: 12px;
    font-weight: 800;
}

.axc-steps h3 {
    margin-bottom: 9px;
    font-size: 21px;
    font-weight: 740;
}

.axc-dark-band {
    padding: 78px 0 72px;
    background: linear-gradient(116deg, var(--axc-shell), var(--axc-shell-2));
    color: var(--axc-white);
}

.axc-dark-band h2 {
    color: var(--axc-white);
}

.axc-dark-band .axc-copy p {
    color: color-mix(in srgb, var(--axc-white) 77%, transparent);
}

.axc-isolation-grid,
.axc-status-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 48px;
}

.axc-isolation-grid > div {
    padding-top: 17px;
    border-top: 1px solid color-mix(in srgb, var(--axc-white) 30%, transparent);
}

.axc-isolation-grid strong {
    display: block;
    margin-bottom: 8px;
    color: var(--axc-white);
    font-size: 17px;
}

.axc-isolation-grid span {
    display: block;
    color: color-mix(in srgb, var(--axc-white) 70%, transparent);
    font-size: 14px;
}

.axc-honesty {
    background: color-mix(in srgb, var(--axc-paper) 70%, var(--axc-white));
}

.axc-status-grid {
    margin-top: 42px;
}

.axc-status-grid > div {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    column-gap: 11px;
    align-items: start;
    padding: 18px;
    border: 1px solid color-mix(in srgb, var(--axc-ink) 11%, transparent);
    background: var(--axc-white);
}

.axc-status-grid strong,
.axc-status-grid small {
    grid-column: 2;
}

.axc-status-grid strong {
    margin-bottom: 4px;
    font-size: 15px;
}

.axc-status-grid small {
    font-size: 13px;
    line-height: 1.5;
}

.axc-status-dot {
    grid-row: 1 / span 2;
    width: 10px;
    height: 10px;
    margin-top: 4px;
    border-radius: 50%;
}

.axc-status-dot--green {
    background: #5da871;
}

.axc-status-dot--amber {
    background: #d99a2b;
}

.axc-status-dot--red {
    background: #d35d59;
}

.axc-provider-band {
    padding: 78px 0;
    background: color-mix(in srgb, var(--axc-primary) 13%, var(--axc-paper));
}

.axc-provider-grid article {
    min-height: 245px;
    padding: 24px;
    border-top: 3px solid var(--axc-primary);
    background: var(--axc-white);
}

.axc-provider-grid article:nth-child(2) {
    border-top-color: var(--axc-cool);
}

.axc-provider-grid article:nth-child(3) {
    border-top-color: var(--axc-secondary);
}

.axc-provider-mark {
    display: inline-flex;
    width: 112px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    padding: 0;
    background: transparent;
    color: var(--axc-ink);
}

.axc-provider-mark img {
    display: block;
    width: 100%;
    height: 48px;
    object-fit: contain;
    object-position: left center;
    filter: brightness(0);
}

.axc-provider-grid small {
    display: block;
    margin-top: 16px;
    font-size: 13px;
    line-height: 1.5;
}

.axc-privacy {
    background: var(--axc-paper);
}

.axc-privacy code {
    padding: 2px 5px;
    border-radius: 3px;
    background: color-mix(in srgb, var(--axc-ink) 8%, transparent);
    font-size: .92em;
}

.axc-faq {
    background: color-mix(in srgb, var(--axc-paper) 68%, var(--axc-white));
}

.axc-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
}

.axc-faq-grid details {
    padding: 18px 20px;
    border: 1px solid color-mix(in srgb, var(--axc-ink) 12%, transparent);
    background: var(--axc-white);
}

.axc-faq-grid summary {
    margin: 0;
    cursor: pointer;
    list-style-position: outside;
}

.axc-faq-grid details[open] summary {
    margin-bottom: 10px;
    color: var(--axc-primary);
}

.axc-final {
    padding: 64px 0;
    background: var(--axc-shell);
    color: var(--axc-white);
}

/* Theme-aware product rhythm: color, pale, lighter, then repeat. */
html[data-axiowl-theme] body.axiowl-page-cloud-cost-meter .axc-overview,
html[data-axiowl-theme] body.axiowl-page-cloud-cost-meter .axc-honesty,
html[data-axiowl-theme] body.axiowl-page-cloud-cost-meter .axc-faq {
    background: var(--ax-page) !important;
}

html[data-axiowl-theme] body.axiowl-page-cloud-cost-meter .axc-how,
html[data-axiowl-theme] body.axiowl-page-cloud-cost-meter .axc-provider-band {
    background: var(--ax-surface) !important;
}

html[data-axiowl-theme] body.axiowl-page-cloud-cost-meter .axc-dark-band,
html[data-axiowl-theme] body.axiowl-page-cloud-cost-meter .axc-privacy,
html[data-axiowl-theme] body.axiowl-page-cloud-cost-meter .axc-final {
    background: linear-gradient(116deg, var(--ax-shell), var(--ax-shell-2)) !important;
    color: var(--ax-white);
}

html[data-axiowl-theme] body.axiowl-page-cloud-cost-meter .axc-privacy :is(h2, h3, p),
html[data-axiowl-theme] body.axiowl-page-cloud-cost-meter .axc-final :is(h2, h3, p) {
    color: var(--ax-white);
}

.axc-final__layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.axc-final h2 {
    max-width: 800px;
    margin-bottom: 0;
    color: var(--axc-white);
}

@media (max-width: 1024px) {
    .axc-hero__grid,
    .axc-split,
    .axc-provider-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 38px;
    }

    .axc-sample {
        max-width: 760px;
    }

    .axc-federation-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .axc-wrap {
        padding-right: 20px;
        padding-left: 20px;
    }

    .axc-hero,
    .axc-section,
    .axc-dark-band,
    .axc-provider-band,
    .axc-final {
        padding-top: 54px;
        padding-bottom: 54px;
    }

    .axc-hero h1 {
        font-size: 42px;
    }

    .axc-heading h2,
    .axc-dark-band h2,
    .axc-final h2 {
        font-size: 32px;
    }

    .axc-card-grid,
    .axc-steps,
    .axc-provider-grid,
    .axc-isolation-grid,
    .axc-status-grid,
    .axc-faq-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .axc-card-grid article,
    .axc-provider-grid article {
        min-height: 0;
    }

    .axc-sample {
        padding: 12px;
    }

    .axc-sample__metrics > div {
        min-height: 96px;
        padding: 11px;
    }

    .axc-sample__metrics strong {
        font-size: 27px;
    }

    .axc-sample__row {
        grid-template-columns: 75px minmax(0, 1fr) 20px;
        gap: 7px;
        font-size: 10px;
    }

    .axc-final__layout {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .axiowl-cost-page *,
    .axiowl-cost-page *::before,
    .axiowl-cost-page *::after {
        transition-duration: .01ms !important;
    }
}