.product-actions-showcase,
.product-actions-intro,
.product-actions-detailed,
.product-actions-control,
.product-actions-use-cases,
.product-actions-faq,
.product-actions-sector-band {
    position: relative;
    overflow: hidden;
}

.product-actions-showcase {
    padding: clamp(4rem, 8vw, 7rem) 0;
    background:
        radial-gradient(circle at 8% 8%, rgba(57, 119, 255, .14), transparent 33rem),
        linear-gradient(180deg, #f7f9ff 0%, #eef3ff 100%);
}

.product-actions-showcase::after,
.product-actions-intro::after {
    content: "";
    position: absolute;
    width: 28rem;
    height: 28rem;
    right: -14rem;
    bottom: -19rem;
    border-radius: 50%;
    border: 5rem solid rgba(36, 74, 224, .07);
    pointer-events: none;
}

.product-actions-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(18rem, .75fr);
    align-items: end;
    gap: 2rem;
    margin-bottom: 2rem;
}

.product-actions-heading h2,
.product-actions-intro h2,
.product-actions-control h2,
.product-actions-sector-inner h2 {
    margin: .3rem 0 0;
    max-width: 18ch;
    font-size: clamp(2rem, 4vw, 3.45rem);
    line-height: 1.03;
    letter-spacing: -.045em;
}

.product-actions-heading > p,
.product-actions-intro-copy > p,
.product-actions-control-grid p,
.product-actions-sector-inner p {
    color: #5d6883;
    font-size: 1.04rem;
    line-height: 1.7;
}

.product-action-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.product-action-card {
    --action-color: #1b9a70;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 27rem;
    padding: 1.35rem;
    border: 1px solid rgba(27, 48, 104, .11);
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 1.2rem 3rem rgba(19, 42, 102, .08);
}

.product-action-card.is-auction { --action-color: #ef8a17; }
.product-action-card.is-inquiry { --action-color: #315ce9; }

.product-action-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: .28rem;
    border-radius: 1.5rem 1.5rem 0 0;
    background: var(--action-color);
}

.product-action-card-head {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding-top: .45rem;
}

.product-action-card-head > span {
    display: grid;
    flex: 0 0 3.25rem;
    width: 3.25rem;
    height: 3.25rem;
    place-items: center;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--action-color) 12%, white);
    font-size: 1.45rem;
}

.product-action-card-head small {
    display: block;
    margin-bottom: .15rem;
    color: #7b86a0;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.product-action-card h3 { margin: 0; color: #0c1c4c; font-size: 1.4rem; }
.product-action-card > p { margin: 1.25rem 0; color: #5a6680; line-height: 1.65; }
.product-action-card ul { display: grid; gap: .7rem; margin: 0 0 1.25rem; padding: 0; list-style: none; }
.product-action-card li { display: flex; gap: .55rem; color: #27375e; font-size: .93rem; line-height: 1.45; }
.product-action-card li span { color: var(--action-color); font-weight: 900; }

.product-action-button-preview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding: .85rem 1rem;
    border-radius: .85rem;
    background: var(--action-color);
    color: #fff;
    font-weight: 850;
    box-shadow: 0 .7rem 1.4rem color-mix(in srgb, var(--action-color) 20%, transparent);
}

.product-actions-link { display: flex; justify-content: center; margin-top: 2rem; }

.product-actions-intro {
    padding: clamp(4rem, 8vw, 7rem) 0;
    background: linear-gradient(135deg, #07194c 0%, #173fcf 58%, #1f65ef 100%);
    color: #fff;
}

.product-actions-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, .62fr);
    align-items: center;
    gap: clamp(2.5rem, 7vw, 6rem);
}

.product-actions-intro .eyebrow { color: #b9d2ff; }
.product-actions-intro h2 { max-width: 15ch; color: #fff; }
.product-actions-intro-copy > p { max-width: 42rem; color: #dce7ff; }
.product-actions-intro-copy > div { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.7rem; }

.product-actions-phone {
    width: min(100%, 20rem);
    margin-inline: auto;
    overflow: hidden;
    border: .55rem solid #0b1020;
    border-radius: 2.4rem;
    background: #f6f8fd;
    color: #0c1c4c;
    box-shadow: 0 2rem 5rem rgba(0, 0, 0, .34);
    transform: rotate(2deg);
}

.product-actions-phone-top { display: flex; align-items: center; justify-content: space-between; padding: .9rem 1rem .7rem; background: #fff; font-size: .72rem; font-weight: 800; }
.product-actions-phone-top i { width: 5.4rem; height: 1.55rem; border-radius: 999px; background: #070d1a; }
.product-actions-phone-photo { display: grid; min-height: 11rem; place-items: center; background: radial-gradient(circle at 65% 25%, #fff 0 10%, transparent 11%), linear-gradient(145deg, #dbe6ff, #a9c1ff); color: rgba(22, 56, 160, .25); font-weight: 950; letter-spacing: .16em; }
.product-actions-phone-copy { padding: 1.2rem; }
.product-actions-phone-copy > small { color: #7885a2; font-size: .68rem; font-weight: 800; }
.product-actions-phone-copy > strong { display: block; margin: .25rem 0; font-size: 1.3rem; }
.product-actions-phone-copy > p { margin: 0; color: #69758f; font-size: .85rem; }
.product-actions-phone-copy > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem; margin: 1rem 0; }
.product-actions-phone-copy > div span { display: grid; min-height: 2.6rem; place-items: center; border: 1px solid #dce3f3; border-radius: .7rem; background: #fff; }
.product-actions-phone-copy > div span.is-active { border-color: #f4a642; background: #fff4df; box-shadow: 0 0 0 .15rem rgba(239, 138, 23, .12); animation: product-action-pulse 2.4s ease-in-out infinite; }
.product-actions-phone-copy button { width: 100%; padding: .85rem; border: 0; border-radius: .8rem; background: #ef8a17; color: #fff; font: inherit; font-weight: 850; }

@keyframes product-action-pulse { 50% { transform: translateY(-.15rem); box-shadow: 0 .65rem 1rem rgba(239, 138, 23, .18); } }

.product-actions-detailed { background: #fff; }

.product-actions-control { background: #091a4b; color: #fff; }
.product-actions-control-grid { display: grid; grid-template-columns: minmax(18rem, .75fr) minmax(0, 1fr); align-items: center; gap: clamp(2.5rem, 7vw, 6rem); }
.product-actions-control h2 { color: #fff; }
.product-actions-control h3 { margin: 2rem 0 .3rem; color: #98b8ff; font-size: 1.2rem; }
.product-actions-control-grid p { color: #c7d4f1; }
.product-actions-settings { display: grid; gap: .8rem; padding: 1rem; border: 1px solid rgba(255,255,255,.15); border-radius: 1.4rem; background: rgba(255,255,255,.08); box-shadow: 0 2rem 4rem rgba(0,0,0,.18); }
.product-actions-settings > div { display: flex; align-items: center; gap: .8rem; padding: .9rem; border-radius: .9rem; background: #fff; color: #102052; }
.product-actions-settings > div > span { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: .7rem; background: #edf2ff; }
.product-actions-settings p { display: flex; flex: 1; align-items: center; justify-content: space-between; margin: 0; color: #102052; }
.product-actions-settings small { padding: .28rem .48rem; border-radius: 999px; background: #dff7eb; color: #08734e; font-weight: 900; }

.product-actions-use-cases { background: #f4f7ff; }
.product-actions-use-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.product-actions-use-grid article { position: relative; padding: 1.5rem 1.5rem 1.5rem 4.5rem; border: 1px solid #e1e7f5; border-radius: 1.2rem; background: #fff; }
.product-actions-use-grid span { position: absolute; top: 1.35rem; left: 1.35rem; color: #315ce9; font-size: 1.25rem; font-weight: 950; }
.product-actions-use-grid h3 { margin: 0 0 .45rem; color: #0d1c4a; }
.product-actions-use-grid p { margin: 0; color: #65708a; line-height: 1.6; }
.product-actions-connector-note { display: flex; gap: .7rem; margin: 1.5rem 0 0; padding: 1rem 1.1rem; border-radius: 1rem; background: #fff8e8; color: #76531d; font-size: .9rem; line-height: 1.55; }
.product-actions-connector-note span { display: grid; flex: 0 0 1.5rem; width: 1.5rem; height: 1.5rem; place-items: center; border-radius: 50%; background: #f1b34a; color: #fff; font-weight: 900; }

.product-actions-faq { background: #fff; }
.product-actions-faq h2 { margin-bottom: 1.3rem; color: #0d1c4a; font-size: clamp(1.8rem, 4vw, 3rem); }
.product-actions-faq details { border-bottom: 1px solid #e5e9f3; }
.product-actions-faq summary { display: flex; justify-content: space-between; gap: 1rem; padding: 1.15rem 0; color: #14224e; font-weight: 850; cursor: pointer; list-style: none; }
.product-actions-faq summary::-webkit-details-marker { display: none; }
.product-actions-faq details p { margin: -.3rem 0 1.2rem; color: #626d86; line-height: 1.65; }

.product-actions-sector-band { padding: clamp(3rem, 6vw, 5rem) 0; background: linear-gradient(135deg, #edf3ff, #fff); }
.product-actions-sector-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1.5rem 3rem; padding: clamp(1.4rem, 3vw, 2.4rem); border: 1px solid #dbe4f7; border-radius: 1.6rem; background: #fff; box-shadow: 0 1.2rem 3rem rgba(21, 48, 116, .08); }
.product-actions-sector-inner h2 { max-width: 25ch; font-size: clamp(1.6rem, 3vw, 2.5rem); }
.product-actions-sector-inner > div:first-child { grid-row: span 2; }
.product-actions-sector-icons { display: flex; align-items: center; justify-content: center; gap: .55rem; }
.product-actions-sector-icons span { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: .85rem; background: #f1f5ff; }
.product-actions-sector-icons i { width: 1.2rem; height: .12rem; background: #a8b8df; }

.product-actions-final .cta-card { background: linear-gradient(135deg, #122c93, #245be8); }

@media (max-width: 920px) {
    .product-action-cards { grid-template-columns: 1fr; }
    .product-action-card { min-height: auto; }
    .product-actions-heading,
    .product-actions-intro-grid,
    .product-actions-control-grid { grid-template-columns: 1fr; }
    .product-actions-phone { width: min(100%, 18rem); }
    .product-actions-heading > p { margin: 0; }
}

@media (max-width: 680px) {
    .product-actions-showcase { padding: 3.3rem 0; }
    .product-actions-use-grid { grid-template-columns: 1fr; }
    .product-actions-sector-inner { grid-template-columns: 1fr; }
    .product-actions-sector-inner > div:first-child { grid-row: auto; }
    .product-actions-sector-icons { justify-content: flex-start; }
    .product-actions-sector-inner .button { width: 100%; text-align: center; }
    .product-actions-intro-copy > div { flex-direction: column; }
    .product-actions-intro-copy .button { width: 100%; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
    .product-actions-phone-copy > div span.is-active { animation: none; }
}