:root {
    --stage-radius-shell: 30px;
    --stage-radius-card: 24px;
    --stage-radius-block: 20px;
    --stage-radius-control: 16px;
    --stage-radius-chip: 12px;
    --stage-line-soft: rgba(223, 231, 243, 0.08);
    --stage-line-strong: rgba(223, 231, 243, 0.16);
    --stage-panel: rgba(8, 10, 14, 0.88);
    --stage-panel-soft: rgba(11, 13, 18, 0.76);
}

body.homepage-chrome-prism,
body.theme-platform,
body.page-pricing-chrome,
body.theme-trust,
body.theme-construct,
body.type-review-body,
body.brand-review-body,
body.staged-review-body {
    font-family: "Manrope", sans-serif;
}

body.homepage-chrome-prism h1,
body.homepage-chrome-prism h2,
body.homepage-chrome-prism h3,
body.homepage-chrome-prism h4,
body.theme-platform h1,
body.theme-platform h2,
body.theme-platform h3,
body.theme-platform h4,
body.page-pricing-chrome h1,
body.page-pricing-chrome h2,
body.page-pricing-chrome h3,
body.page-pricing-chrome h4,
body.theme-trust h1,
body.theme-trust h2,
body.theme-trust h3,
body.theme-trust h4,
body.theme-construct h1,
body.theme-construct h2,
body.theme-construct h3,
body.theme-construct h4,
body.type-review-body h1,
body.type-review-body h2,
body.type-review-body h3,
body.type-review-body h4,
body.brand-review-body h1,
body.brand-review-body h2,
body.brand-review-body h3,
body.brand-review-body h4,
body.staged-review-body h1,
body.staged-review-body h2,
body.staged-review-body h3,
body.staged-review-body h4 {
    font-family: "Manrope", sans-serif;
}

body.homepage-chrome-prism em,
body.theme-platform .serif-accent,
body.page-pricing-chrome .serif-accent,
body.theme-trust .serif-accent,
body.theme-construct em,
body.type-review-body em,
body.brand-review-body em,
body.staged-review-body em {
    font-family: "Source Serif 4", serif;
}

body.homepage-chrome-prism .homepage-spectrum-eyebrow,
body.homepage-chrome-prism .homepage-demo-toggle,
body.homepage-chrome-prism .homepage-demo-shell-label,
body.homepage-chrome-prism .homepage-demo-shell-status,
body.homepage-chrome-prism .homepage-demo-block-label,
body.homepage-chrome-prism .homepage-demo-metric-label,
body.homepage-chrome-prism .homepage-demo-layer-kicker,
body.homepage-chrome-prism .homepage-demo-sequence-index,
body.theme-platform .section-label,
body.theme-platform .loop-step-num,
body.theme-platform .loop-title,
body.theme-platform .memory-label,
body.theme-platform .protocol-tag,
body.theme-platform .improve-num,
body.theme-platform .edge-device-spec,
body.theme-platform .edge-device-price,
body.page-pricing-chrome .billing-toggle__label,
body.page-pricing-chrome .product-tab,
body.page-pricing-chrome .pricing-card__tier,
body.page-pricing-chrome .workers-compare th,
body.page-pricing-chrome .savings-badge,
body.page-pricing-chrome .pricing-mode-banner,
body.theme-trust .arch-card-label,
body.theme-trust .flow-node-label,
body.theme-trust .flow-boundary-label,
body.theme-trust .ir-step-time,
body.theme-trust .roadmap-status,
body.theme-construct .badge,
body.theme-construct .blog-hero__issue,
body.theme-construct .blog-hero__rail-label,
body.theme-construct .blog-hero__rail-item span,
body.theme-construct .feature-story__kicker,
body.theme-construct .feature-story__support-label,
body.theme-construct .feature-story__footer,
body.theme-construct .article-card__date,
body.theme-construct .article-card__meta,
body.theme-construct .article-card__read,
body.theme-construct .category-pill,
body.type-review-body .eyebrow,
body.type-review-body .option-kicker,
body.type-review-body .summary-label,
body.type-review-body .specimen-label,
body.type-review-body .meta-chip,
body.brand-review-body .eyebrow,
body.brand-review-body .section-label,
body.brand-review-body .card-tag,
body.staged-review-body .rollout-eyebrow,
body.staged-review-body .rollout-section__label,
body.staged-review-body .rollout-chip,
body.staged-review-body .rollout-status {
    font-family: "IBM Plex Mono", monospace !important;
}

body.homepage-chrome-prism .homepage-spectrum-btn,
body.homepage-chrome-prism .homepage-demo-toggle,
body.homepage-chrome-prism .homepage-demo-shell-status,
body.homepage-chrome-prism .homepage-demo-node,
body.page-pricing-chrome .product-tabs,
body.page-pricing-chrome .product-tab,
body.page-pricing-chrome .pricing-cta,
body.page-pricing-chrome .savings-badge,
body.page-pricing-chrome .pricing-mode-banner,
body.page-pricing-chrome .value-banner,
body.theme-construct .category-pill,
body.theme-construct .badge,
body.type-review-body .hero-link,
body.type-review-body .meta-chip,
body.type-review-body .type-review-nav a,
body.brand-review-body .hub-link,
body.brand-review-body .card-tag,
body.staged-review-body .rollout-btn,
body.staged-review-body .rollout-chip,
body.staged-review-body .rollout-status {
    border-radius: var(--stage-radius-control);
}

body.homepage-chrome-prism .homepage-demo-shell {
    border-radius: 28px;
    border-color: var(--stage-line-soft);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015)),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        rgba(8, 10, 14, 0.9);
    background-size: auto, 120px 120px, 120px 120px, auto;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 30px 72px rgba(0, 0, 0, 0.22);
}

body.homepage-chrome-prism .homepage-demo-shell::after {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 14%),
        linear-gradient(90deg, transparent 14%, rgba(0, 212, 255, 0.28) 22%, rgba(76, 132, 255, 0.18) 28%, transparent 36%),
        linear-gradient(90deg, transparent 64%, rgba(223, 231, 243, 0.05) 64%, rgba(223, 231, 243, 0.05) 65%, transparent 65%);
    opacity: 0.78;
}

body.homepage-chrome-prism .homepage-demo-block,
body.homepage-chrome-prism .homepage-demo-layers,
body.homepage-chrome-prism .homepage-demo-metric,
body.homepage-chrome-prism .homepage-demo-sequence-step,
body.homepage-chrome-prism .homepage-spectrum-shell-card,
body.homepage-chrome-prism .homepage-tone-card,
body.homepage-chrome-prism .homepage-product-card,
body.homepage-chrome-prism .homepage-proof-card {
    border-radius: var(--stage-radius-card);
}

body.homepage-chrome-prism .homepage-demo-node {
    border-radius: 14px;
}

body.homepage-chrome-prism .homepage-demo-toggle,
body.homepage-chrome-prism .homepage-demo-shell-label,
body.homepage-chrome-prism .homepage-demo-shell-status,
body.homepage-chrome-prism .homepage-demo-block-label,
body.homepage-chrome-prism .homepage-demo-metric-label,
body.homepage-chrome-prism .homepage-demo-layer-kicker {
    letter-spacing: 0.16em;
}

body.theme-platform .loop-grid,
body.theme-platform .proof-grid {
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)),
        rgba(223, 231, 243, 0.04);
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.18);
}

body.theme-platform .loop-cell,
body.theme-platform .memory-card,
body.theme-platform .delegation-diagram,
body.theme-platform .d-node,
body.theme-platform .edge-device,
body.theme-platform .proof-cell {
    border-radius: var(--stage-radius-card);
}

body.theme-platform .memory-card,
body.theme-platform .delegation-diagram,
body.theme-platform .edge-device {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
        rgba(8, 10, 14, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.theme-platform .improve-num {
    border-radius: 18px;
}

body.theme-platform .protocol-tag {
    border-radius: 10px;
}

body.page-pricing-chrome .billing-toggle {
    border-radius: 18px;
    padding: 6px 8px 6px 14px;
}

body.page-pricing-chrome .product-tabs {
    border-radius: 18px;
    padding: 5px;
}

body.page-pricing-chrome .product-tab {
    border-radius: 12px;
}

body.page-pricing-chrome .pricing-card,
body.page-pricing-chrome .enterprise-bar,
body.page-pricing-chrome .defense-feature {
    border-radius: var(--stage-radius-card);
}

body.page-pricing-chrome .pricing-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.012)),
        rgba(8, 10, 14, 0.92);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 24px 56px rgba(0, 0, 0, 0.18);
}

body.page-pricing-chrome .faq-icon {
    border-radius: 10px;
}

body.page-pricing-chrome .pricing-price__amount,
body.page-pricing-chrome .pricing-card__name,
body.page-pricing-chrome .pricing-cta,
body.page-pricing-chrome .faq-question,
body.page-pricing-chrome .defense-feature {
    font-family: "Manrope", sans-serif !important;
}

body.theme-trust .arch-card,
body.theme-trust .flow-node,
body.theme-trust .flow-boundary,
body.theme-trust .roadmap-item {
    border-radius: var(--stage-radius-card);
}

body.theme-trust .arch-card,
body.theme-trust .roadmap-item,
body.theme-trust .flow-node {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
        rgba(8, 10, 14, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.theme-trust .arch-card {
    position: relative;
    border-left-width: 1px;
    padding-left: 28px;
}

body.theme-trust .arch-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--color-crimson), rgba(122, 162, 255, 0.52), transparent 72%);
    opacity: 0.82;
}

body.theme-trust .ir-step::before {
    border-radius: 4px;
}

body.theme-construct .blog-hero {
    overflow: hidden;
}

body.theme-construct .blog-hero .container::before {
    content: "";
    position: absolute;
    right: 2%;
    top: 78px;
    width: 220px;
    height: 182px;
    border-top: 1px solid rgba(255, 106, 31, 0.34);
    border-left: 1px solid rgba(255, 106, 31, 0.34);
    border-top-left-radius: 34px;
    opacity: 0.68;
    pointer-events: none;
}

body.theme-construct .blog-hero .container::after {
    content: "";
    position: absolute;
    right: 5%;
    bottom: -8px;
    width: 186px;
    height: 72px;
    border-radius: 22px;
    border: 1px solid rgba(255, 106, 31, 0.18);
    background:
        linear-gradient(180deg, rgba(255, 106, 31, 0.18), rgba(255, 106, 31, 0.04)),
        repeating-linear-gradient(180deg, rgba(245, 241, 234, 0.08) 0 1px, transparent 1px 10px);
    opacity: 0.34;
    pointer-events: none;
}

body.theme-construct .feature-story,
body.theme-construct .article-card,
body.theme-construct .archive-card,
body.theme-construct .newsletter-form,
body.theme-construct .newsletter-form input,
body.theme-construct .newsletter-form button {
    border-radius: var(--stage-radius-card);
}

body.theme-construct .article-card,
body.theme-construct .archive-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)),
        rgba(15, 13, 12, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

body.type-review-body,
body.brand-review-body,
body.staged-review-body {
    font-family: "Manrope", sans-serif;
}

body.type-review-body {
    background:
        radial-gradient(circle at 18% -8%, rgba(76, 132, 255, 0.14), transparent 28%),
        radial-gradient(circle at 86% -10%, rgba(166, 96, 255, 0.12), transparent 24%),
        linear-gradient(180deg, #06080a 0%, #020304 42%, #030406 100%);
}

body.type-review-body .hero-link,
body.type-review-body .hero-summary-card,
body.type-review-body .option-meta,
body.type-review-body .specimen,
body.type-review-body .assessment-grid article {
    border-radius: var(--stage-radius-card);
}

body.brand-review-body .hub-card,
body.brand-review-body .hub-link,
body.staged-review-body .rollout-card,
body.staged-review-body .rollout-btn,
body.staged-review-body .rollout-section {
    border-radius: var(--stage-radius-card);
}

@media (max-width: 980px) {
    body.theme-construct .blog-hero .container::before,
    body.theme-construct .blog-hero .container::after {
        display: none;
    }
}