/* Product catalogue and product detail polish — aligned with the TerKnox home system. */
.tp-site,
.pd-site {
    color: #eef4fb;
    background: #030914;
}

.tp-site .nav-menu > li > a.is-active,
.pd-site .nav-menu > li > a.is-active {
    color: #48d9ff;
}

/* Catalogue */
.tp-site .tp-page {
    color: #eef4fb;
    background: #030914;
}

.tp-site .tp-hero {
    padding-top: 190px;
    background:
        radial-gradient(circle at 78% 35%, rgba(31, 135, 255, .18), transparent 34%),
        radial-gradient(circle at 12% 70%, rgba(72, 217, 255, .08), transparent 30%),
        linear-gradient(145deg, #030914, #071426 68%, #04101f);
}

.tp-site .tp-channel-bar {
    color: #dce8f5;
    background: #07111f;
    border-color: #1a2a3d;
}

.tp-site .tp-channel-bar p {
    color: #8392a6;
}

.tp-site .tp-channel-bar i {
    color: #48d9ff;
}

.tp-site .tp-section--light,
.tp-site .tp-process {
    color: #eef4fb;
    background: #050c17;
}

.tp-site .tp-section--light:first-of-type {
    background:
        linear-gradient(rgba(39, 64, 94, .13) 1px, transparent 1px),
        linear-gradient(90deg, rgba(39, 64, 94, .13) 1px, transparent 1px),
        #050c17;
    background-size: 76px 76px;
}

.tp-site .tp-eyebrow--dark p,
.tp-site .tp-section-heading > p {
    color: #8c9bad;
}

.tp-site .tp-section-heading h2 em {
    color: #48d9ff;
}

.tp-site .tp-products-nav {
    top: 90px;
    background: rgba(7, 17, 31, .88);
    border-color: #26384e;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .3);
}

.tp-site .tp-products-nav a {
    color: #8796a9;
}

.tp-site .tp-products-nav a:hover,
.tp-site .tp-products-nav a.active {
    color: #fff;
    background: #1767d9;
}

.tp-site .tp-product {
    color: #eef4fb;
    background: linear-gradient(145deg, #0a1421, #07101b);
    border-color: #213248;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .24);
}

.tp-site .tp-product:hover {
    border-color: color-mix(in srgb, var(--accent) 42%, #26374a);
}

.tp-site .tp-product__description,
.tp-site .tp-product li {
    color: #95a2b4;
}

.tp-site .tp-product__copy > a {
    color: #e9f0f8;
    border-color: #3b4b5e;
}

.tp-site .tp-product__copy > a:hover {
    color: var(--accent);
}

.tp-site .tp-process__grid {
    border-color: #25364a;
}

.tp-site .tp-process-step {
    border-color: #25364a;
}

.tp-site .tp-process-step::before {
    border-color: #050c17;
}

.tp-site .tp-process-step > div {
    color: #48d9ff;
    background: #0b1b2d;
    border: 1px solid #203d5c;
}

.tp-site .tp-process-step > span,
.tp-site .tp-process-step p {
    color: #8493a7;
}

.tp-site .tp-section--navy,
.tp-site .tp-section--dark,
.tp-site .tp-final-cta {
    border-top: 1px solid #172639;
}

.tp-site .tp-final-cta {
    background:
        radial-gradient(circle at 50% 0, rgba(35, 129, 250, .22), transparent 38%),
        linear-gradient(135deg, #061120, #07182d 55%, #05101e);
}

/* Product detail */
.pd-site .pd-page {
    color: #eef4fb;
    background: #030914;
}

.pd-site .pd-hero {
    padding-top: 175px;
}

.pd-site .pd-section--light,
.pd-site .pd-section--paper {
    color: #eef4fb;
    background: #050c17;
    border-top: 1px solid #172639;
}

.pd-site .pd-section--paper {
    background:
        linear-gradient(rgba(38, 61, 89, .12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(38, 61, 89, .12) 1px, transparent 1px),
        #07101b;
    background-size: 78px 78px;
}

.pd-site .pd-eyebrow--dark p,
.pd-site .pd-section-heading > p,
.pd-site .pd-overview__copy > p,
.pd-site .pd-use-cases__intro > p,
.pd-site .pd-faq-intro > p {
    color: #8c9bad;
}

.pd-site .pd-overview__media {
    background: #0a1523;
    border-color: #25374b;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .28);
}

.pd-site .pd-value-list,
.pd-site .pd-value-list > div {
    border-color: #243448;
}

.pd-site .pd-value-list small {
    color: #8190a4;
}

.pd-site .pd-feature-card {
    color: #eef4fb;
    background: linear-gradient(145deg, #0a1421, #08111d);
    border-color: #213248;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
}

.pd-site .pd-feature-card:hover {
    border-color: color-mix(in srgb, var(--pd-accent) 42%, #26374a);
    box-shadow: 0 24px 55px rgba(0, 0, 0, .28);
}

.pd-site .pd-feature-card > div {
    background: color-mix(in srgb, var(--pd-accent) 12%, #0b1827);
}

.pd-site .pd-feature-card p {
    color: #8d9bad;
}

.pd-site .pd-use-cases__intro > a {
    color: #eaf1f8;
    border-color: #425267;
}

.pd-site .pd-use-case {
    color: #edf3fa;
    background: #0a1421;
    border-color: #213248;
}

.pd-site .pd-use-case:hover {
    background: #0d1928;
    border-color: color-mix(in srgb, var(--pd-accent) 40%, #26374a);
}

.pd-site .pd-use-case > span {
    background: color-mix(in srgb, var(--pd-accent) 12%, #0a1726);
}

.pd-site .pd-faq-item {
    margin-bottom: 10px;
    padding: 0 20px;
    background: #0a1421;
    border: 1px solid #213248;
    border-radius: 14px;
}

.pd-site .pd-faq-item button {
    color: #eef4fb;
}

.pd-site .pd-faq-answer p {
    color: #8d9bad;
}

.pd-site .pd-section--navy,
.pd-site .pd-section--dark,
.pd-site .pd-cta {
    border-top: 1px solid #172639;
}

@media (max-width: 1040px) {
    .tp-site .tp-hero,
    .pd-site .pd-hero {
        padding-top: 130px;
    }

    .tp-site .tp-products-nav {
        top: 82px;
    }
}

@media (max-width: 590px) {
    .tp-site .tp-hero,
    .pd-site .pd-hero {
        padding-top: 112px;
    }

    .tp-site .tp-product,
    .pd-site .pd-feature-card,
    .pd-site .pd-use-case {
        border-radius: 18px;
    }

    .pd-site .pd-faq-item {
        padding-inline: 14px;
    }
}