/* Page polish ("Deep", matching FrontPagePolish.css on the homepage) for
   Our Product, Pricing, About Us, Resources and Feedback. Loaded by those
   pages after MenuFormat.css; remove the <link> to revert a page. */

/* Background deepens towards the bottom so the white cards stand out */
html body.front-page-body.about-us-page {
    background-color: #a9c7f6 !important;
    background-image: linear-gradient(180deg, #cfe1fd 0%, #adc9f6 45%, #86ade9 100%) !important;
    background-attachment: fixed !important;
}
.front-utility-page-bg,
.our-product-page-bg,
.about-us-page-bg {
    opacity: 0 !important;
}

/* No band under the header: clear at rest, frosted when content scrolls under it */
.front-page-body .front-page-header::before {
    background: transparent !important;
    box-shadow: none !important;
}
.front-page-body.about-us-page .front-page-header {
    background-color: transparent !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

/* Nav pills: a little depth; the current page in brand blue (was teal) */
.front-page-header-about {
    box-shadow: 0 1px 2px rgba(15, 70, 170, 0.1), 0 4px 10px -6px rgba(15, 70, 170, 0.25) !important;
}
.front-page-header-about[aria-current="page"] {
    background: linear-gradient(90deg, #0a55c4, #3d8ef0) !important;
    color: #fff !important;
    border-color: transparent !important;
}
.front-page-header-tagline {
    color: rgba(25, 76, 142, 0.72) !important;
}

/* Glass edge on every card frame: bright top rim, deeper blue shadow */
.about-us-page [class*="-layer-outer"],
.about-us-story-card-outer,
.resources-download-card,
.feedback-field-layer {
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 24px 56px -20px rgba(10, 50, 140, 0.5),
        0 6px 16px rgba(10, 50, 140, 0.12) !important;
}

/* Primary buttons: one deeper brand gradient, light on the top edge */
.marketing-cta-btn:not(.marketing-cta-btn--secondary),
.our-product-cta-btn,
.resources-download-btn,
.feedback-submit:not(:disabled) {
    background: linear-gradient(90deg, #0a55c4, #3d8ef0) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 10px 22px -10px rgba(15, 90, 200, 0.6) !important;
}

/* Our Product feature chips: lift slightly off the card */
.our-product-pill {
    box-shadow: 0 1px 2px rgba(15, 70, 170, 0.1), 0 4px 10px -6px rgba(15, 70, 170, 0.22) !important;
}

/* Resources: icon in a soft blue tile with a PDF tag, at full strength */
.resources-download-doc-icon {
    position: relative;
    display: grid !important;
    place-items: center;
    box-sizing: border-box !important;
    flex: none !important;
    width: 76px !important;
    height: 76px !important;
    padding: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 20px;
    opacity: 1 !important;
    color: #0a55c4 !important;
    background: linear-gradient(180deg, #eef4ff, #dbe8fd);
    box-shadow: inset 0 1px 0 #fff;
}
.resources-download-doc-icon svg {
    width: 38px !important;
    height: 38px !important;
}
.resources-download-doc-icon::after {
    content: "PDF";
    position: absolute;
    right: -8px;
    bottom: -6px;
    padding: 3px 7px;
    border-radius: 8px;
    background: #0a55c4;
    color: #fff;
    font: 700 10px/1 var(--font-ui);
    letter-spacing: 0.06em;
    box-shadow: 0 4px 10px -4px rgba(10, 60, 150, 0.6);
}
.front-utility-intro-lead {
    color: #3f5d86 !important;
}