/* /Components/Marketing/MonolithMarketingTrademark.razor.rz.scp.css */
/* src/MonolithAccessControl.Guest.Portal.Client/Components/Marketing/MonolithMarketingTrademark.razor.css */

.monolith-marketing-trademark[b-01xl8xpivm] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
}

.monolith-marketing-symbol[b-01xl8xpivm] {
    width: 52px;
    height: 42px;
    flex: 0 0 52px;
    object-fit: contain;
    filter: drop-shadow(0 7px 11px rgba(109, 40, 217, .2));
}

.monolith-marketing-copy[b-01xl8xpivm] {
    display: grid;
    min-width: 0;
    gap: 2px;
    line-height: 1;
}

.monolith-marketing-copy strong[b-01xl8xpivm] {
    color: #6d28d9;
    background: linear-gradient(110deg, #7c3aed 0%, #6d28d9 52%, #4c1d95 100%);
    background-clip: text;
    font-size: 1.04rem;
    font-weight: 850;
    letter-spacing: -.045em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.monolith-marketing-copy small[b-01xl8xpivm] {
    color: var(--marketing-muted, #625d78);
    font-size: .5rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
    white-space: nowrap;
}

@media (max-width: 420px) {
    .monolith-marketing-symbol[b-01xl8xpivm] {
        width: 46px;
        height: 36px;
        flex-basis: 46px;
    }

    .monolith-marketing-trademark[b-01xl8xpivm] {
        gap: 8px;
    }

    .monolith-marketing-copy strong[b-01xl8xpivm] {
        font-size: .96rem;
    }

    .monolith-marketing-copy small[b-01xl8xpivm] {
        font-size: .44rem;
        letter-spacing: .1em;
    }
}
/* /Components/Marketing/ProductOperationsPreview.razor.rz.scp.css */
/* src/MonolithAccessControl.Guest.Portal.Client/Components/Marketing/ProductOperationsPreview.razor.css */
.product-operation-showcase[b-z5ut1xdljp] {
    margin-top: 70px;
    overflow: hidden;
    border: 1px solid #293549;
    border-radius: 17px;
    background: #111b2a;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .25);
}

.product-operation-preview-label[b-z5ut1xdljp] {
    min-height: 42px;
    padding: 0 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid #243044;
    color: #66768e;
}

.product-operation-preview-label span[b-z5ut1xdljp] {
    color: #a99dff;
    font-size: .56rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.product-operation-preview-label small[b-z5ut1xdljp] {
    font-size: .61rem;
}

.product-operation-tabs[b-z5ut1xdljp] {
    min-height: 58px;
    padding: 0 22px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #293549;
}

.product-operation-tabs button[b-z5ut1xdljp] {
    min-width: 68px;
    min-height: 36px;
    padding: 0 14px;
    position: relative;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: #7f8ea3;
    font-size: .71rem;
    font-weight: 800;
    cursor: pointer;
    transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.product-operation-tabs button:hover[b-z5ut1xdljp] {
    border-color: #314159;
    background: #172234;
    color: #e7edf5;
}

.product-operation-tabs button.active[b-z5ut1xdljp] {
    border-color: rgba(155, 140, 255, .3);
    background: rgba(155, 140, 255, .13);
    color: #f3f0ff;
}

.product-operation-tabs button.active[b-z5ut1xdljp]::after {
    content: "";
    position: absolute;
    right: 13px;
    bottom: -12px;
    left: 13px;
    height: 2px;
    background: #9b8cff;
}

.product-operation-tabs button:focus-visible[b-z5ut1xdljp],
.product-operation-screen:focus-visible[b-z5ut1xdljp] {
    outline: 3px solid rgba(155, 140, 255, .4);
    outline-offset: 2px;
}

.product-operation-screen[b-z5ut1xdljp] {
    padding: 26px;
}

.product-operation-summary[b-z5ut1xdljp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11px;
}

.product-operation-summary > div[b-z5ut1xdljp] {
    min-height: 122px;
    padding: 20px;
    display: grid;
    border: 1px solid #293549;
    border-radius: 10px;
    background: #151f2f;
}

.product-operation-summary span[b-z5ut1xdljp],
.product-operation-summary small[b-z5ut1xdljp] {
    color: #8a9ab1;
    font-size: .62rem;
}

.product-operation-summary strong[b-z5ut1xdljp] {
    margin: 9px 0;
    color: #f2f6fa;
    font-size: 1.25rem;
}

.product-operation-summary small i[b-z5ut1xdljp] {
    width: 6px;
    height: 6px;
    margin-right: 6px;
    display: inline-block;
    border-radius: 50%;
    background: #60dba9;
}

.product-operation-table[b-z5ut1xdljp] {
    margin-top: 11px;
    overflow: hidden;
    border: 1px solid #293549;
    border-radius: 10px;
}

.product-operation-table > div[b-z5ut1xdljp] {
    min-height: 62px;
    padding: 0 20px;
    display: grid;
    align-items: center;
    border-bottom: 1px solid #293549;
    color: #b0bbca;
    font-size: .69rem;
}

.product-operation-table.status-table > div[b-z5ut1xdljp],
.product-operation-table.command-table > div[b-z5ut1xdljp],
.product-operation-table.update-table > div[b-z5ut1xdljp],
.product-operation-table.audit-table > div[b-z5ut1xdljp] {
    grid-template-columns: 1.6fr .8fr .8fr .7fr;
}

.product-operation-table > div:last-child[b-z5ut1xdljp] {
    border-bottom: 0;
}

.product-operation-table > div.head[b-z5ut1xdljp] {
    min-height: 42px;
    color: #7d8ca2;
    font-size: .57rem;
}

.product-operation-table div > span:first-child[b-z5ut1xdljp] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-operation-table span > i[b-z5ut1xdljp] {
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 7px;
    background: #2c2555;
    color: #b7adff;
    font-size: .58rem;
    font-style: normal;
}

.product-operation-table em[b-z5ut1xdljp] {
    width: max-content;
    padding: 5px 9px;
    border: 1px solid rgba(88, 218, 168, .2);
    border-radius: 20px;
    background: rgba(88, 218, 168, .08);
    color: #67dbaa;
    font-size: .56rem;
    font-style: normal;
    font-weight: 800;
}

.product-operation-table em.sync[b-z5ut1xdljp] {
    border-color: rgba(239, 190, 97, .2);
    background: rgba(239, 190, 97, .08);
    color: #e9bd6a;
}

.product-operation-disclaimer[b-z5ut1xdljp] {
    margin: -2px 26px 22px;
    color: #718198;
    font-size: .58rem;
    line-height: 1.6;
}

@media (max-width: 820px) {
    .product-operation-summary[b-z5ut1xdljp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .product-operation-showcase[b-z5ut1xdljp] {
        margin-top: 46px;
        border-radius: 14px;
    }

    .product-operation-preview-label[b-z5ut1xdljp] {
        padding: 11px 14px;
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .product-operation-tabs[b-z5ut1xdljp] {
        padding: 9px 10px;
        gap: 4px;
        overflow-x: auto;
    }

    .product-operation-tabs button[b-z5ut1xdljp] {
        min-width: 70px;
        flex: 1 0 auto;
    }

    .product-operation-tabs button.active[b-z5ut1xdljp]::after {
        bottom: -10px;
    }

    .product-operation-screen[b-z5ut1xdljp] {
        padding: 13px;
    }

    .product-operation-table[b-z5ut1xdljp] {
        overflow-x: auto;
    }

    .product-operation-table > div[b-z5ut1xdljp] {
        min-width: 590px;
    }

    .product-operation-disclaimer[b-z5ut1xdljp] {
        margin: 0 14px 16px;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .product-operation-screen[b-z5ut1xdljp] {
        animation: operation-panel-entry-b-z5ut1xdljp .24s ease both;
    }
}

@keyframes operation-panel-entry-b-z5ut1xdljp {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Layouts/MarketingLayout.razor.rz.scp.css */
/* src/MonolithAccessControl.Guest.Portal.Client/Layouts/MarketingLayout.razor.css */
.marketing-shell[b-eau275iqzj] {
    --marketing-ink: #1b1b23;
    --marketing-muted: #625d78;
    --marketing-line: #ded9ef;
    --marketing-surface: #ffffff;
    --marketing-primary: #402bca;
    --marketing-primary-deep: #2f1eb6;
    --marketing-brand-bright: #a78bfa;
    --marketing-brand-bright-hover: #c4b5fd;
    --marketing-on-brand-bright: #3f236f;
    --marketing-accent: var(--marketing-primary);
    --marketing-corporate-accent: #e33b2f;
    min-height: 100vh;
    background: #fcf8ff;
    color: var(--marketing-ink);
}

.marketing-skip-link[b-eau275iqzj] {
    position: fixed;
    top: 10px;
    left: 12px;
    z-index: 100;
    padding: 10px 14px;
    border-radius: 8px;
    background: #0b1220;
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
    transform: translateY(-150%);
    transition: transform .18s ease;
}

.marketing-skip-link:focus[b-eau275iqzj] {
    transform: translateY(0);
}

.marketing-header[b-eau275iqzj] {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid rgba(222, 217, 239, .88);
    background: rgba(252, 248, 255, .88);
    backdrop-filter: blur(18px);
    transition: background-color .32s ease, border-color .32s ease, box-shadow .32s ease;
}

.marketing-header.is-on-dark-background[b-eau275iqzj] {
    border-bottom-color: rgba(255, 255, 255, .12);
    background: rgba(18, 14, 24, .84);
    box-shadow: 0 12px 32px rgba(7, 5, 11, .16);
    backdrop-filter: blur(20px) saturate(115%);
}

.marketing-nav[b-eau275iqzj] {
    width: min(1180px, calc(100% - 40px));
    min-height: 68px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
}

.marketing-brand[b-eau275iqzj] {
    width: max-content;
    display: inline-flex;
    align-items: center;
    color: var(--marketing-ink);
    font-weight: 800;
    letter-spacing: -.04em;
    text-decoration: none;
}

.marketing-nav-links[b-eau275iqzj] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.marketing-nav-links a[b-eau275iqzj] {
    position: relative;
    color: #4b5565;
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
    transition: color .18s ease;
}

.marketing-nav-links a[b-eau275iqzj]::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -8px;
    left: 0;
    height: 1px;
    background: var(--marketing-accent);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .18s ease;
}

.marketing-nav-links a:hover[b-eau275iqzj] {
    color: var(--marketing-ink);
}

.marketing-header.is-on-dark-background .marketing-nav-links a[b-eau275iqzj] {
    color: rgba(255, 255, 255, .74);
}

.marketing-header.is-on-dark-background .marketing-nav-links a:hover[b-eau275iqzj] {
    color: #ffffff;
}

.marketing-header.is-on-dark-background .marketing-nav-links a[b-eau275iqzj]::after {
    background: #a99cff;
}

.marketing-header.is-on-dark-background .marketing-brand[b-eau275iqzj]  .monolith-marketing-copy strong {
    background: linear-gradient(110deg, #a78bfa 0%, #8b5cf6 52%, #7c3aed 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.marketing-header.is-on-dark-background .marketing-brand[b-eau275iqzj]  .monolith-marketing-copy small {
    color: rgba(255, 255, 255, .66);
}

.marketing-header.is-on-dark-background .marketing-brand[b-eau275iqzj]  .monolith-marketing-symbol {
    filter: drop-shadow(0 8px 13px rgba(139, 92, 246, .34));
}

.marketing-nav-links a:hover[b-eau275iqzj]::after,
.marketing-nav-links a:focus-visible[b-eau275iqzj]::after {
    transform: scaleX(1);
    transform-origin: left;
}

.marketing-header-actions[b-eau275iqzj] {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 8px;
}

.marketing-nav-action[b-eau275iqzj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .2);
    background: var(--marketing-brand-bright);
    color: var(--marketing-on-brand-bright);
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(139, 92, 246, .3);
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.marketing-nav-action:hover[b-eau275iqzj] {
    background: var(--marketing-brand-bright-hover);
    box-shadow: 0 10px 26px rgba(139, 92, 246, .38);
    transform: translateY(-1px);
}

.marketing-mobile-toggle[b-eau275iqzj],
.marketing-mobile-navigation[b-eau275iqzj] {
    display: none;
}

.marketing-visually-hidden[b-eau275iqzj] {
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.marketing-main[b-eau275iqzj] {
    min-height: 70vh;
}

.marketing-brand:focus-visible[b-eau275iqzj],
.marketing-nav-links a:focus-visible[b-eau275iqzj],
.marketing-nav-action:focus-visible[b-eau275iqzj],
.marketing-mobile-toggle:focus-visible[b-eau275iqzj],
.marketing-mobile-navigation a:focus-visible[b-eau275iqzj] {
    outline: 3px solid rgba(64, 43, 202, .24);
    outline-offset: 4px;
}

@media (max-width: 760px) {
    .marketing-nav[b-eau275iqzj] {
        width: min(100% - 28px, 1180px);
        grid-template-columns: 1fr auto;
    }

    .marketing-nav-links[b-eau275iqzj] {
        display: none;
    }

    .marketing-nav-action[b-eau275iqzj] {
        min-height: 36px;
        padding: 0 13px;
    }

    .marketing-mobile-toggle[b-eau275iqzj] {
        width: 38px;
        height: 38px;
        padding: 0;
        display: grid;
        place-items: center;
        border: 1px solid var(--marketing-line);
        border-radius: 10px;
        background: rgba(255, 255, 255, .78);
        color: var(--marketing-ink);
        cursor: pointer;
    }

    .marketing-header.is-on-dark-background .marketing-mobile-toggle[b-eau275iqzj] {
        border-color: rgba(255, 255, 255, .2);
        background: rgba(255, 255, 255, .08);
        color: #ffffff;
    }

    .marketing-mobile-toggle-icon[b-eau275iqzj] {
        width: 16px;
        height: 12px;
        position: relative;
        display: block;
    }

    .marketing-mobile-toggle-icon i[b-eau275iqzj] {
        position: absolute;
        right: 0;
        left: 0;
        height: 2px;
        border-radius: 2px;
        background: currentColor;
        transition: top .18s ease, transform .18s ease;
    }

    .marketing-mobile-toggle-icon i:first-child[b-eau275iqzj] { top: 2px; }
    .marketing-mobile-toggle-icon i:last-child[b-eau275iqzj] { top: 8px; }
    .marketing-mobile-toggle-icon.open i:first-child[b-eau275iqzj] { top: 5px; transform: rotate(45deg); }
    .marketing-mobile-toggle-icon.open i:last-child[b-eau275iqzj] { top: 5px; transform: rotate(-45deg); }

    .marketing-mobile-navigation[b-eau275iqzj] {
        width: min(100% - 28px, 1180px);
        margin: 0 auto;
        padding: 8px 0 14px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    .marketing-mobile-navigation a[b-eau275iqzj] {
        min-height: 46px;
        padding: 0 14px;
        display: flex;
        align-items: center;
        gap: 10px;
        border: 1px solid var(--marketing-line);
        border-radius: 10px;
        background: rgba(255, 255, 255, .74);
        color: var(--marketing-ink);
        font-size: .78rem;
        font-weight: 800;
        text-decoration: none;
    }

    .marketing-header.is-on-dark-background .marketing-mobile-navigation a[b-eau275iqzj] {
        border-color: rgba(255, 255, 255, .13);
        background: rgba(255, 255, 255, .07);
        color: rgba(255, 255, 255, .9);
    }

    .marketing-header.is-on-dark-background .marketing-mobile-navigation a span[b-eau275iqzj] {
        color: #b7adff;
    }

    .marketing-mobile-navigation a span[b-eau275iqzj] {
        color: var(--marketing-accent);
        font-size: .55rem;
    }

}

@media (max-width: 420px) {
    .marketing-nav-action[b-eau275iqzj] {
        display: none;
    }

    .marketing-mobile-navigation[b-eau275iqzj] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .marketing-mobile-navigation[b-eau275iqzj] {
        animation: marketing-menu-entry-b-eau275iqzj .18s ease both;
    }
}

@keyframes marketing-menu-entry-b-eau275iqzj {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Pages/MealReservationPage.razor.rz.scp.css */
/* src/MonolithAccessControl.Guest.Portal.Client/Pages/MealReservationPage.razor.css */
.guest-hero[b-rpeew9igl0],
.guest-bulk-card[b-rpeew9igl0],
.guest-date-card[b-rpeew9igl0],
.guest-save-card[b-rpeew9igl0],
.guest-state-card[b-rpeew9igl0] {
    background: var(--guest-surface);
    border: 1px solid var(--guest-border);
    border-radius: 18px;
    box-shadow: 0 16px 48px rgba(19, 36, 55, .07);
}

.guest-hero[b-rpeew9igl0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    padding: 28px;
    background: linear-gradient(135deg, #fff 35%, #f0f8f5);
}

.guest-eyebrow[b-rpeew9igl0] { color: var(--guest-primary); font-size: .8rem; font-weight: 800; letter-spacing: .08em; }
.guest-hero h1[b-rpeew9igl0] { margin: 8px 0 5px; font-size: clamp(1.75rem, 5vw, 2.6rem); letter-spacing: -.04em; }
.guest-hero p[b-rpeew9igl0] { margin: 0; color: var(--guest-muted); }
.guest-summary[b-rpeew9igl0] { display: grid; gap: 8px; margin: 0; min-width: 250px; }
.guest-summary div[b-rpeew9igl0] { display: flex; justify-content: space-between; gap: 20px; padding: 8px 12px; border-radius: 10px; background: rgba(255,255,255,.72); }
.guest-summary dt[b-rpeew9igl0] { color: var(--guest-muted); font-size: .82rem; }
.guest-summary dd[b-rpeew9igl0] { margin: 0; font-weight: 750; text-align: right; }

.guest-bulk-card[b-rpeew9igl0],
.guest-save-card[b-rpeew9igl0] { display: flex; align-items: center; gap: 12px; padding: 16px 18px; }
.guest-bulk-card div[b-rpeew9igl0],
.guest-save-card div[b-rpeew9igl0] { display: grid; gap: 3px; flex: 1; }
.guest-bulk-card span[b-rpeew9igl0],
.guest-save-card span[b-rpeew9igl0] { color: var(--guest-muted); font-size: .82rem; }
.guest-bulk-card select[b-rpeew9igl0] { min-width: 132px; height: 48px; border: 1px solid var(--guest-border); border-radius: 10px; padding: 0 12px; background: #fff; color: var(--guest-text); font: inherit; }

.guest-schedule-list[b-rpeew9igl0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.guest-date-card[b-rpeew9igl0] { padding: 20px; }
.guest-date-card header[b-rpeew9igl0] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.guest-date-card header span:first-child[b-rpeew9igl0] { color: var(--guest-primary); font-size: .8rem; font-weight: 800; }
.guest-date-card h2[b-rpeew9igl0] { margin: 2px 0 0; font-size: 1.25rem; }
.guest-mode-chip[b-rpeew9igl0] { border-radius: 999px; padding: 6px 9px; background: #e9f5ef; color: #176b50; font-size: .75rem; font-weight: 800; }
.guest-mode-chip.single[b-rpeew9igl0] { background: #eef2f6; color: #536170; }
.guest-period-grid[b-rpeew9igl0] { display: grid; gap: 8px; }
.guest-period-button[b-rpeew9igl0] { display: grid; grid-template-columns: minmax(64px, .8fr) minmax(110px, 1.3fr) auto; align-items: center; gap: 10px; width: 100%; min-height: 62px; border: 1px solid var(--guest-border); border-radius: 12px; padding: 10px 13px; background: #fff; color: var(--guest-text); text-align: left; cursor: pointer; transition: border-color .15s ease, background .15s ease, transform .15s ease; }
.guest-period-button:hover:not(:disabled)[b-rpeew9igl0] { border-color: var(--guest-primary); transform: translateY(-1px); }
.guest-period-button.selected[b-rpeew9igl0] { border-color: var(--guest-primary); background: #edf8f3; box-shadow: inset 3px 0 var(--guest-primary); }
.guest-period-button:disabled[b-rpeew9igl0] { cursor: default; opacity: .7; }
.guest-period-name[b-rpeew9igl0] { font-weight: 800; }
.guest-period-button strong[b-rpeew9igl0] { font-size: .95rem; }
.guest-period-status[b-rpeew9igl0] { justify-self: end; color: var(--guest-muted); font-size: .76rem; }
.guest-period-button.selected .guest-period-status[b-rpeew9igl0] { color: var(--guest-primary); font-weight: 800; }
.guest-date-note[b-rpeew9igl0] { margin: 12px 0 0; color: var(--guest-muted); font-size: .8rem; }
.guest-reservation-actions[b-rpeew9igl0] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--guest-border); color: var(--guest-muted); font-size: .8rem; }
.guest-reservation-actions > span[b-rpeew9igl0] { flex: 1 1 180px; }
.guest-link-button[b-rpeew9igl0],
.guest-danger-button[b-rpeew9igl0] { min-height: 36px; border-radius: 9px; padding: 0 11px; font: inherit; font-weight: 800; cursor: pointer; }
.guest-link-button[b-rpeew9igl0] { border: 1px solid var(--guest-border); background: var(--guest-surface); color: var(--guest-text); }
.guest-link-button.danger[b-rpeew9igl0] { color: #a33327; }
.guest-danger-button[b-rpeew9igl0] { border: 1px solid #b83d2f; background: #b83d2f; color: #fff; }
.guest-link-button:disabled[b-rpeew9igl0],
.guest-danger-button:disabled[b-rpeew9igl0] { cursor: not-allowed; opacity: .5; }

.guest-primary-button[b-rpeew9igl0],
.guest-secondary-button[b-rpeew9igl0] { min-height: 48px; border-radius: 11px; border: 1px solid transparent; padding: 0 16px; font: inherit; font-weight: 800; cursor: pointer; }
.guest-primary-button[b-rpeew9igl0] { background: var(--guest-primary); color: #fff; }
.guest-primary-button:disabled[b-rpeew9igl0] { cursor: not-allowed; opacity: .45; }
.guest-secondary-button[b-rpeew9igl0] { border-color: var(--guest-border); background: #fff; color: var(--guest-text); }
.guest-state-card[b-rpeew9igl0] { max-width: 560px; margin: 12vh auto; padding: 38px; text-align: center; }
.guest-state-card h1[b-rpeew9igl0] { margin: 14px 0 8px; }
.guest-state-card p[b-rpeew9igl0] { color: var(--guest-muted); }
.guest-state-icon[b-rpeew9igl0] { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #fff0ed; color: #bd3a28; font-weight: 900; }
.guest-loader[b-rpeew9igl0] { display: inline-block; width: 36px; height: 36px; border: 3px solid #d9eee5; border-top-color: var(--guest-primary); border-radius: 50%; animation: guest-spin-b-rpeew9igl0 .8s linear infinite; }
.guest-toast[b-rpeew9igl0] { position: fixed; right: 20px; bottom: 20px; max-width: calc(100vw - 40px); border-radius: 12px; padding: 13px 16px; background: #173f33; color: #fff; box-shadow: 0 14px 35px rgba(0,0,0,.2); font-weight: 700; }

@keyframes guest-spin-b-rpeew9igl0 { to { transform: rotate(360deg); } }

@media (max-width: 760px) {
    .guest-hero[b-rpeew9igl0] { grid-template-columns: 1fr; padding: 22px; }
    .guest-summary[b-rpeew9igl0] { min-width: 0; }
    .guest-schedule-list[b-rpeew9igl0] { grid-template-columns: 1fr; }
    .guest-bulk-card[b-rpeew9igl0],
    .guest-save-card[b-rpeew9igl0] { align-items: stretch; flex-direction: column; }
    .guest-primary-button[b-rpeew9igl0],
    .guest-secondary-button[b-rpeew9igl0],
    .guest-bulk-card select[b-rpeew9igl0] { width: 100%; }
}

@media (max-width: 430px) {
    .guest-date-card[b-rpeew9igl0] { padding: 16px; }
    .guest-period-button[b-rpeew9igl0] { grid-template-columns: 1fr auto; }
    .guest-period-status[b-rpeew9igl0] { grid-column: 1 / -1; justify-self: start; }
}
/* /Pages/ProductLandingPage.razor.rz.scp.css */
/* src/MonolithAccessControl.Guest.Portal.Client/Pages/ProductLandingPage.razor.css */
.product-page[b-izotkgcz77] {
    --ink: #1b1b23;
    --muted: #625d78;
    --line: #ded9ef;
    --primary: #402bca;
    --primary-bright: #6d5ce7;
    --primary-soft: #e8e4ff;
    --red: #e33b2f;
    --night: #11101a;
    overflow: clip;
    background: #fcf8ff;
    color: var(--ink);
}

.product-page *[b-izotkgcz77],
.product-page *[b-izotkgcz77]::before,
.product-page *[b-izotkgcz77]::after {
    box-sizing: border-box;
}

.product-page h1[b-izotkgcz77],
.product-page h2[b-izotkgcz77],
.product-page h3[b-izotkgcz77],
.product-page p[b-izotkgcz77] {
    word-break: keep-all;
}

.product-page h1:focus[b-izotkgcz77] {
    outline: none;
}

.product-page section[id][b-izotkgcz77] {
    scroll-margin-top: 68px;
}

.product-section[b-izotkgcz77] {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 140px 0;
}

.product-hero[b-izotkgcz77] {
    min-height: calc(100svh - 68px);
    position: relative;
    display: grid;
    align-items: end;
    overflow: hidden;
    background: #17131f;
    color: #fff;
    isolation: isolate;
}

.product-hero-media[b-izotkgcz77],
.product-hero-poster[b-izotkgcz77],
.product-hero-poster img[b-izotkgcz77],
.product-hero-video[b-izotkgcz77],
.product-hero-shade[b-izotkgcz77] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.product-hero-poster img[b-izotkgcz77],
.product-hero-video[b-izotkgcz77] {
    object-fit: cover;
    object-position: center;
}

.product-hero-video[b-izotkgcz77] {
    z-index: 1;
    opacity: 0;
    transition: opacity 1.2s ease;
}

.product-hero-video.is-ready[b-izotkgcz77] {
    opacity: 1;
}

.product-hero-video-toggle[b-izotkgcz77] {
    position: absolute;
    right: max(20px, calc((100vw - 1180px) / 2));
    bottom: 78px;
    z-index: 4;
    width: 36px;
    height: 36px;
    padding: 0;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 50%;
    background: rgba(12, 9, 18, .38);
    color: #fff;
    cursor: pointer;
    backdrop-filter: blur(12px);
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.product-hero-video-toggle[hidden][b-izotkgcz77] {
    display: none;
}

.product-hero-video-toggle:hover[b-izotkgcz77] {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, .72);
    background: rgba(12, 9, 18, .58);
}

.product-hero-video-toggle span[b-izotkgcz77] {
    width: 12px;
    height: 13px;
    position: relative;
    display: block;
}

.product-hero-video-toggle span[b-izotkgcz77]::before,
.product-hero-video-toggle span[b-izotkgcz77]::after {
    content: "";
    position: absolute;
    top: 1px;
    bottom: 1px;
    width: 3px;
    border-radius: 2px;
    background: currentColor;
}

.product-hero-video-toggle span[b-izotkgcz77]::before {
    left: 1px;
}

.product-hero-video-toggle span[b-izotkgcz77]::after {
    right: 1px;
}

.product-hero-video-toggle.is-paused span[b-izotkgcz77]::before {
    inset: 1px 0 1px 2px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid currentColor;
    border-radius: 0;
    background: transparent;
}

.product-hero-video-toggle.is-paused span[b-izotkgcz77]::after {
    display: none;
}

.product-hero-shade[b-izotkgcz77] {
    z-index: 2;
    background:
        linear-gradient(90deg, rgba(12, 9, 18, .9) 0%, rgba(12, 9, 18, .68) 38%, rgba(12, 9, 18, .12) 72%),
        linear-gradient(0deg, rgba(12, 9, 18, .8) 0%, transparent 44%),
        linear-gradient(180deg, rgba(12, 9, 18, .18), transparent 30%);
}

.product-hero-copy[b-izotkgcz77] {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 110px 0 118px;
    position: relative;
    z-index: 3;
}

.product-kicker[b-izotkgcz77],
.product-section-eyebrow[b-izotkgcz77] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--primary);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.product-kicker[b-izotkgcz77] {
    color: rgba(255, 255, 255, .82);
}

.product-kicker i[b-izotkgcz77] {
    width: 9px;
    height: 9px;
    border-radius: 3px;
    background: var(--primary-bright);
    box-shadow: 5px 0 0 -2px var(--red);
}

.product-hero h1[b-izotkgcz77] {
    max-width: 880px;
    margin: 26px 0 28px;
    font-size: clamp(3.5rem, 6.1vw, 6.7rem);
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.072em;
    text-wrap: balance;
}

.product-hero h1 em[b-izotkgcz77],
.product-opening h2 em[b-izotkgcz77],
.product-hospitality h2 em[b-izotkgcz77],
.product-security-copy h2 em[b-izotkgcz77] {
    color: #a99cff;
    font-style: normal;
}

.product-hero-copy > p[b-izotkgcz77] {
    max-width: 650px;
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: clamp(.98rem, 1.2vw, 1.13rem);
    line-height: 1.82;
    letter-spacing: -.012em;
}

.product-actions[b-izotkgcz77],
.product-contact-actions[b-izotkgcz77] {
    margin-top: 34px;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.product-button[b-izotkgcz77],
.product-contact-actions a[b-izotkgcz77] {
    min-height: 48px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 10px;
    color: #fff;
    font-size: .82rem;
    font-weight: 800;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.product-button.primary[b-izotkgcz77],
.product-contact-actions a.primary[b-izotkgcz77] {
    border-color: var(--primary-bright);
    background: var(--primary-bright);
    box-shadow: 0 12px 34px rgba(64, 43, 202, .32);
}

.product-button.glass[b-izotkgcz77] {
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
}

.product-button:hover[b-izotkgcz77],
.product-contact-actions a:hover[b-izotkgcz77] {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, .48);
}

.product-button.primary:hover[b-izotkgcz77],
.product-contact-actions a.primary:hover[b-izotkgcz77] {
    background: #5847db;
}

.product-hero-principles[b-izotkgcz77] {
    margin: 34px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 25px;
    list-style: none;
}

.product-hero-principles li[b-izotkgcz77] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, .62);
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.product-hero-principles li[b-izotkgcz77]::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #b6abff;
}

.product-hero-caption[b-izotkgcz77],
.product-scroll-cue[b-izotkgcz77] {
    position: absolute;
    z-index: 3;
    bottom: 30px;
    margin: 0;
    color: rgba(255, 255, 255, .48);
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.product-hero-caption[b-izotkgcz77] {
    left: max(20px, calc((100vw - 1180px) / 2));
}

.product-hero-caption span[b-izotkgcz77] {
    margin-right: 10px;
    color: #fff;
}

.product-scroll-cue[b-izotkgcz77] {
    right: max(20px, calc((100vw - 1180px) / 2));
    display: inline-flex;
    align-items: center;
    gap: 9px;
    text-decoration: none;
}

.product-scroll-cue i[b-izotkgcz77] {
    width: 1px;
    height: 28px;
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, .24);
}

.product-scroll-cue i[b-izotkgcz77]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;
    transform: translateY(-100%);
    animation: product-scroll-line-b-izotkgcz77 2s ease-in-out infinite;
}

.product-opening[b-izotkgcz77] {
    min-height: 850px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-opening h2[b-izotkgcz77],
.product-section-heading h2[b-izotkgcz77],
.product-security-copy h2[b-izotkgcz77],
.product-contact-inner h2[b-izotkgcz77],
.product-story-intro h2[b-izotkgcz77] {
    margin: 24px 0 0;
    font-size: clamp(2.8rem, 5.15vw, 5.6rem);
    font-weight: 800;
    line-height: 1.03;
    letter-spacing: -.065em;
}

.product-opening > p[b-izotkgcz77] {
    max-width: 700px;
    margin: 32px 0 0 auto;
    color: var(--muted);
    font-size: 1.05rem;
    line-height: 1.9;
}

.product-outcome-row[b-izotkgcz77] {
    margin-top: 86px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.product-outcome-row article[b-izotkgcz77] {
    min-height: 160px;
    padding: 34px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-right: 1px solid var(--line);
}

.product-outcome-row article:last-child[b-izotkgcz77] {
    border-right: 0;
}

.product-outcome-row strong[b-izotkgcz77] {
    color: var(--primary);
    font-size: 2rem;
    letter-spacing: -.05em;
}

.product-outcome-row span[b-izotkgcz77] {
    color: var(--muted);
    font-size: .82rem;
    font-weight: 700;
}

.product-hospitality[b-izotkgcz77] {
    border-top: 1px solid var(--line);
}

.product-hospitality-gallery[b-izotkgcz77] {
    margin-top: 72px;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 8px;
}

.product-hospitality-moment[b-izotkgcz77] {
    min-height: 520px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 16px;
    background: #17131f;
    color: #fff;
    isolation: isolate;
}

.product-hospitality-moment.arrival[b-izotkgcz77] {
    min-height: 650px;
    grid-column: 1 / -1;
}

.product-hospitality-moment.seating[b-izotkgcz77],
.product-hospitality-moment.bar[b-izotkgcz77] {
    grid-column: span 7;
}

.product-hospitality-moment.buffet[b-izotkgcz77],
.product-hospitality-moment.lounge[b-izotkgcz77] {
    grid-column: span 5;
}

.product-hospitality-media[b-izotkgcz77],
.product-hospitality-media img[b-izotkgcz77],
.product-hospitality-shade[b-izotkgcz77] {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}

.product-hospitality-media img[b-izotkgcz77] {
    object-fit: cover;
    object-position: center;
    animation: none;
    transform: none;
    transition: none;
}

.product-hospitality-shade[b-izotkgcz77] {
    z-index: 2;
    background:
        linear-gradient(90deg, rgba(12, 9, 18, .78), rgba(12, 9, 18, .12) 72%),
        linear-gradient(0deg, rgba(12, 9, 18, .92), rgba(12, 9, 18, .04) 68%);
}

.product-hospitality-copy[b-izotkgcz77] {
    max-width: 680px;
    padding: 34px;
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    left: 0;
}

.product-hospitality-copy > span[b-izotkgcz77] {
    color: #b7adff;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.product-hospitality-copy h3[b-izotkgcz77] {
    margin: 16px 0 14px;
    font-size: clamp(2rem, 3.2vw, 3.5rem);
    line-height: 1.04;
    letter-spacing: -.055em;
}

.product-hospitality-moment:not(.arrival) .product-hospitality-copy h3[b-izotkgcz77] {
    font-size: clamp(1.65rem, 2.5vw, 2.65rem);
}

.product-hospitality-copy p[b-izotkgcz77] {
    max-width: 570px;
    margin: 0;
    color: rgba(255, 255, 255, .68);
    font-size: .76rem;
    line-height: 1.75;
}

.product-story[b-izotkgcz77] {
    background: var(--night);
    color: #fff;
}

.product-story-intro[b-izotkgcz77] {
    padding-bottom: 60px;
}

.product-section-eyebrow.light[b-izotkgcz77] {
    color: #a99cff;
}

.product-story-layout[b-izotkgcz77] {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    gap: 90px;
    align-items: start;
}

.product-story-stage[b-izotkgcz77] {
    height: calc(100vh - 120px);
    min-height: 650px;
    position: sticky;
    top: 92px;
    display: grid;
    place-items: center;
}

.product-story-device[b-izotkgcz77] {
    width: min(100%, 610px);
    aspect-ratio: 1.04;
    padding: 18px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 28px;
    background:
        radial-gradient(circle at 18% 14%, rgba(109, 92, 231, .25), transparent 35%),
        linear-gradient(145deg, #211c31, #15131d 60%);
    box-shadow: 0 42px 90px rgba(0, 0, 0, .38);
}

.product-story-device-head[b-izotkgcz77] {
    min-height: 42px;
    padding: 0 6px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    color: rgba(255, 255, 255, .74);
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.product-story-device-head span[b-izotkgcz77] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.product-story-device-head i[b-izotkgcz77] {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: var(--primary-bright);
}

.product-story-device-head small[b-izotkgcz77] {
    color: #75ddb5;
    font-size: .55rem;
}

.product-story-scene[b-izotkgcz77] {
    position: absolute;
    inset: 76px 18px 18px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transform: translateY(28px) scale(.98);
    transition: opacity .52s ease, transform .62s cubic-bezier(.2, .75, .3, 1);
    pointer-events: none;
}

.product-story-scene.is-active[b-izotkgcz77] {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.product-key-visual[b-izotkgcz77] {
    flex: 1;
    position: relative;
    display: grid;
    place-items: center;
}

.product-key-card[b-izotkgcz77] {
    width: 186px;
    height: 116px;
    padding: 17px;
    position: absolute;
    z-index: 2;
    left: 13%;
    top: 25%;
    display: grid;
    align-content: space-between;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 16px;
    background: linear-gradient(140deg, #7564ed, #3925bc);
    box-shadow: 0 28px 56px rgba(37, 23, 118, .4);
    transform: rotate(-9deg);
}

.product-key-card i[b-izotkgcz77] {
    width: 20px;
    height: 14px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 3px;
}

.product-key-card b[b-izotkgcz77] {
    position: absolute;
    right: 18px;
    bottom: 13px;
    font-size: 2.2rem;
    letter-spacing: -.06em;
}

.product-key-card small[b-izotkgcz77] {
    color: rgba(255, 255, 255, .65);
    font-size: .5rem;
    letter-spacing: .13em;
}

.product-reader[b-izotkgcz77] {
    width: 122px;
    height: 160px;
    position: absolute;
    z-index: 1;
    right: 17%;
    bottom: 20%;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 22px;
    background: linear-gradient(145deg, #31303a, #0e0d12);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .45);
}

.product-reader i[b-izotkgcz77] {
    width: 52px;
    height: 52px;
    border: 2px solid #9c8fff;
    border-radius: 50%;
    box-shadow: 0 0 0 12px rgba(109, 92, 231, .1);
}

.product-reader b[b-izotkgcz77] {
    position: absolute;
    bottom: 20px;
    color: rgba(255, 255, 255, .45);
    font-size: .52rem;
    letter-spacing: .16em;
}

.product-scan-ring[b-izotkgcz77] {
    width: 215px;
    height: 215px;
    position: absolute;
    right: 5%;
    bottom: 8%;
    border: 1px solid rgba(156, 143, 255, .18);
    border-radius: 50%;
    box-shadow: 0 0 0 38px rgba(156, 143, 255, .04), 0 0 0 76px rgba(156, 143, 255, .025);
}

.product-scene-status[b-izotkgcz77],
.product-story-insight[b-izotkgcz77],
.product-security-badge[b-izotkgcz77] {
    min-height: 64px;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    background: rgba(255, 255, 255, .06);
}

.product-scene-status > i[b-izotkgcz77],
.product-story-insight > i[b-izotkgcz77] {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #63d4a9;
    box-shadow: 0 0 0 7px rgba(99, 212, 169, .1);
}

.product-scene-status span[b-izotkgcz77],
.product-story-insight span[b-izotkgcz77],
.product-security-badge span[b-izotkgcz77] {
    display: grid;
    gap: 4px;
}

.product-scene-status b[b-izotkgcz77],
.product-story-insight b[b-izotkgcz77],
.product-security-badge b[b-izotkgcz77] {
    font-size: .74rem;
}

.product-scene-status small[b-izotkgcz77],
.product-story-insight small[b-izotkgcz77],
.product-security-badge small[b-izotkgcz77] {
    color: rgba(255, 255, 255, .48);
    font-size: .58rem;
}

.product-guest-card[b-izotkgcz77] {
    padding: 22px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 15px;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 16px;
    background: rgba(255, 255, 255, .06);
}

.product-guest-avatar[b-izotkgcz77] {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: var(--primary-bright);
    font-weight: 800;
}

.product-guest-card div[b-izotkgcz77] {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.product-guest-card small[b-izotkgcz77],
.product-guest-card div span[b-izotkgcz77] {
    color: rgba(255, 255, 255, .47);
    font-size: .57rem;
}

.product-guest-card strong[b-izotkgcz77] {
    font-size: .85rem;
}

.product-guest-card > b[b-izotkgcz77] {
    padding: 6px 8px;
    border-radius: 20px;
    background: rgba(99, 212, 169, .12);
    color: #75ddb5;
    font-size: .49rem;
}

.product-check-list[b-izotkgcz77] {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.product-check-list li[b-izotkgcz77] {
    min-height: 67px;
    padding: 0 17px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .78);
    font-size: .69rem;
}

.product-check-list i[b-izotkgcz77] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #75ddb5;
}

.product-check-list b[b-izotkgcz77] {
    color: #a99cff;
    font-size: .58rem;
}

.product-story-chart-head[b-izotkgcz77],
.product-analytics-shell > header[b-izotkgcz77],
.product-analytics-card > header[b-izotkgcz77] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-story-chart-head span[b-izotkgcz77] {
    display: grid;
    gap: 5px;
}

.product-story-chart-head small[b-izotkgcz77] {
    color: rgba(255, 255, 255, .48);
    font-size: .57rem;
}

.product-story-chart-head strong[b-izotkgcz77] {
    font-size: 2.6rem;
    letter-spacing: -.06em;
}

.product-story-chart-head > b[b-izotkgcz77] {
    padding: 6px 9px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 20px;
    color: rgba(255, 255, 255, .5);
    font-size: .5rem;
}

.product-story-bars[b-izotkgcz77] {
    height: 235px;
    margin: 20px 0;
    padding: 20px 12px 28px;
    display: flex;
    align-items: end;
    gap: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.product-story-bars i[b-izotkgcz77] {
    height: var(--value);
    flex: 1;
    position: relative;
    border-radius: 7px 7px 2px 2px;
    background: rgba(109, 92, 231, .35);
}

.product-story-bars i.peak[b-izotkgcz77] {
    background: linear-gradient(#9d91f8, #5946d9);
}

.product-story-bars small[b-izotkgcz77] {
    position: absolute;
    bottom: -25px;
    left: 50%;
    color: rgba(255, 255, 255, .38);
    font-size: .48rem;
    font-style: normal;
    transform: translateX(-50%);
}

.product-cloud-visual[b-izotkgcz77] {
    flex: 1;
    position: relative;
}

.product-cloud-visual .cloud[b-izotkgcz77],
.product-cloud-visual .node[b-izotkgcz77] {
    position: absolute;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .06);
    font-weight: 800;
}

.product-cloud-visual .cloud[b-izotkgcz77] {
    width: 150px;
    height: 90px;
    top: 38px;
    left: 50%;
    border-color: rgba(169, 156, 255, .4);
    border-radius: 22px;
    background: linear-gradient(145deg, #6d5ce7, #3825b7);
    font-size: .69rem;
    transform: translateX(-50%);
}

.product-cloud-visual .cloud small[b-izotkgcz77] {
    color: rgba(255, 255, 255, .55);
    font-size: .48rem;
}

.product-cloud-visual .node[b-izotkgcz77] {
    width: 100px;
    height: 62px;
    bottom: 46px;
    border-radius: 13px;
    font-size: .52rem;
}

.product-cloud-visual .node.one[b-izotkgcz77] { left: 2%; }
.product-cloud-visual .node.two[b-izotkgcz77] { left: 50%; transform: translateX(-50%); }
.product-cloud-visual .node.three[b-izotkgcz77] { right: 2%; }

.product-cloud-visual .link[b-izotkgcz77] {
    position: absolute;
    width: 1px;
    height: 122px;
    top: 126px;
    left: 50%;
    background: linear-gradient(#8d7ff2, rgba(141, 127, 242, .08));
    transform-origin: top;
}

.product-cloud-visual .link.one[b-izotkgcz77] { transform: rotate(52deg); }
.product-cloud-visual .link.two[b-izotkgcz77] { transform: none; }
.product-cloud-visual .link.three[b-izotkgcz77] { transform: rotate(-52deg); }

.product-security-badge > i[b-izotkgcz77] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(109, 92, 231, .2);
    color: #b7aeff;
    font-size: .75rem;
    font-style: normal;
}

.product-story-chapter[b-izotkgcz77] {
    min-height: 82vh;
    padding: 110px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: .24;
    transition: opacity .38s ease, transform .38s ease;
}

.product-story-chapter.is-active[b-izotkgcz77] {
    opacity: 1;
}

.product-story-chapter > span[b-izotkgcz77] {
    color: #a99cff;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.product-story-chapter h3[b-izotkgcz77] {
    margin: 22px 0 24px;
    font-size: clamp(2rem, 3.5vw, 3.4rem);
    line-height: 1.12;
    letter-spacing: -.055em;
}

.product-story-chapter p[b-izotkgcz77] {
    margin: 0;
    color: rgba(255, 255, 255, .57);
    font-size: .94rem;
    line-height: 1.9;
}

.product-section-heading[b-izotkgcz77] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 70px;
    align-items: end;
}

.product-section-heading p[b-izotkgcz77] {
    margin: 0 0 8px;
    color: var(--muted);
    font-size: .92rem;
    line-height: 1.86;
}

.product-section-heading.centered[b-izotkgcz77] {
    display: block;
    max-width: 810px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.product-section-heading.centered p[b-izotkgcz77] {
    max-width: 650px;
    margin: 28px auto 0;
}

.product-analytics-shell[b-izotkgcz77] {
    margin-top: 72px;
    padding: 18px;
    border: 1px solid #dcd6ef;
    border-radius: 20px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 35px 90px rgba(53, 39, 118, .11);
}

.product-analytics-shell > header[b-izotkgcz77] {
    min-height: 66px;
    padding: 0 9px 16px;
    border-bottom: 1px solid var(--line);
}

.product-analytics-shell > header > div[b-izotkgcz77] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.product-analytics-shell > header i[b-izotkgcz77] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--primary);
    box-shadow: 6px 6px 0 -4px var(--red);
}

.product-analytics-shell > header span[b-izotkgcz77],
.product-analytics-card > header span[b-izotkgcz77] {
    display: grid;
    gap: 4px;
}

.product-analytics-shell > header b[b-izotkgcz77],
.product-analytics-card > header b[b-izotkgcz77] {
    font-size: .76rem;
}

.product-analytics-shell > header small[b-izotkgcz77],
.product-analytics-card > header small[b-izotkgcz77] {
    color: #878197;
    font-size: .56rem;
}

.product-report-button[b-izotkgcz77] {
    min-height: 32px;
    padding: 0 12px;
    display: inline-flex !important;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--primary);
    font-size: .61rem;
    font-weight: 800;
}

.product-analytics-kpis[b-izotkgcz77] {
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.product-analytics-kpis article[b-izotkgcz77] {
    min-height: 120px;
    padding: 18px;
    display: grid;
    align-content: space-between;
    border: 1px solid #e6e2f2;
    border-radius: 12px;
    background: #faf9fd;
}

.product-analytics-kpis span[b-izotkgcz77],
.product-analytics-kpis small[b-izotkgcz77] {
    color: #777184;
    font-size: .58rem;
    font-weight: 700;
}

.product-analytics-kpis strong[b-izotkgcz77] {
    font-size: 1.75rem;
    letter-spacing: -.05em;
}

.product-analytics-grid[b-izotkgcz77] {
    margin-top: 8px;
    display: grid;
    grid-template-columns: 1.35fr .65fr .5fr .5fr;
    gap: 8px;
}

.product-analytics-card[b-izotkgcz77] {
    min-height: 330px;
    padding: 20px;
    border: 1px solid #e6e2f2;
    border-radius: 12px;
    background: #fff;
}

.product-analytics-card > header[b-izotkgcz77] {
    padding-bottom: 15px;
    border-bottom: 1px solid #eeebf5;
}

.product-analytics-card > header em[b-izotkgcz77] {
    color: #948da4;
    font-size: .5rem;
    font-style: normal;
}

.product-line-chart[b-izotkgcz77] {
    margin-top: 20px;
}

.product-line-chart svg[b-izotkgcz77] {
    width: 100%;
    height: 210px;
    overflow: visible;
}

.product-line-chart .grid[b-izotkgcz77] {
    fill: none;
    stroke: #eeeaf6;
    stroke-width: 1;
}

.product-line-chart .area[b-izotkgcz77] { fill: url(#analytics-fill); }
.product-line-chart .line[b-izotkgcz77] { fill: none; stroke: var(--primary-bright); stroke-width: 4; stroke-linecap: round; }
.product-line-chart circle[b-izotkgcz77] { fill: #fff; stroke: var(--primary); stroke-width: 4; }

.product-line-chart > div[b-izotkgcz77] {
    display: flex;
    justify-content: space-between;
    color: #918a9e;
    font-size: .5rem;
}

.product-package-bars[b-izotkgcz77] {
    margin-top: 30px;
    display: grid;
    gap: 22px;
}

.product-package-bars > span[b-izotkgcz77] {
    display: grid;
    grid-template-columns: 36px 1fr 28px;
    gap: 8px;
    align-items: center;
}

.product-package-bars b[b-izotkgcz77],
.product-package-bars small[b-izotkgcz77] {
    font-size: .56rem;
}

.product-package-bars small[b-izotkgcz77] {
    color: #7b748a;
    text-align: right;
}

.product-package-bars i[b-izotkgcz77] {
    height: 8px;
    overflow: hidden;
    border-radius: 8px;
    background: #eeebf7;
}

.product-package-bars em[b-izotkgcz77] {
    width: var(--width);
    height: 100%;
    display: block;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--primary), #9588ef);
}

.product-donut[b-izotkgcz77] {
    width: 132px;
    height: 132px;
    margin: 31px auto 23px;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(var(--primary-bright) 0 var(--first), #e9e5f6 var(--first) 100%);
}

.product-donut[b-izotkgcz77]::before {
    content: "";
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: #fff;
}

.product-donut > span[b-izotkgcz77] {
    position: absolute;
    display: grid;
    gap: 3px;
    text-align: center;
}

.product-donut b[b-izotkgcz77] { font-size: 1.15rem; }
.product-donut small[b-izotkgcz77] { color: #817a8d; font-size: .5rem; }
.product-analytics-card.gender .product-donut[b-izotkgcz77] { background: conic-gradient(#c673b8 0 var(--first), #e9e5f6 var(--first) 100%); }

.product-ratio-legend[b-izotkgcz77] {
    display: grid;
    gap: 7px;
}

.product-ratio-legend span[b-izotkgcz77] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #777184;
    font-size: .52rem;
}

.product-ratio-legend i[b-izotkgcz77] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--primary-bright);
}

.product-ratio-legend span:last-child i[b-izotkgcz77] { background: #e1ddec; }
.product-analytics-card.gender .product-ratio-legend span:first-child i[b-izotkgcz77] { background: #c673b8; }

.product-sample-note[b-izotkgcz77] {
    margin: 14px 4px 0;
    color: #898294;
    font-size: .56rem;
    line-height: 1.6;
}

.product-connect[b-izotkgcz77] {
    border-top: 1px solid var(--line);
}

.product-integration-grid[b-izotkgcz77] {
    margin-top: 72px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.product-integration-card[b-izotkgcz77] {
    min-height: 410px;
    padding: 34px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .7);
}

.product-integration-card.oracle[b-izotkgcz77] {
    background: linear-gradient(145deg, #241e34, #121019);
    color: #fff;
}

.product-integration-card.file[b-izotkgcz77] {
    background: #e9e5ff;
}

.product-integration-mark[b-izotkgcz77] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: var(--primary);
    color: #fff;
    font-size: .82rem;
    font-weight: 800;
}

.product-integration-card.oracle .product-integration-mark[b-izotkgcz77] { background: var(--red); }

.product-integration-card > small[b-izotkgcz77] {
    margin-top: 48px;
    color: var(--primary);
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.product-integration-card.oracle > small[b-izotkgcz77] { color: #a99cff; }

.product-integration-card h3[b-izotkgcz77] {
    margin: 14px 0 18px;
    font-size: clamp(1.8rem, 3vw, 3rem);
    line-height: 1.05;
    letter-spacing: -.05em;
}

.product-integration-card h3 span[b-izotkgcz77] {
    color: var(--primary);
    font-size: .66em;
}

.product-integration-card p[b-izotkgcz77] {
    max-width: 510px;
    margin: 0;
    color: var(--muted);
    font-size: .8rem;
    line-height: 1.8;
}

.product-integration-card.oracle p[b-izotkgcz77] { color: rgba(255, 255, 255, .58); }

.product-integration-state[b-izotkgcz77] {
    margin-top: auto;
    padding-top: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-top: 1px solid var(--line);
    color: #625d78;
    font-size: .58rem;
    font-weight: 800;
}

.product-integration-card.oracle .product-integration-state[b-izotkgcz77] {
    border-color: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .55);
}

.product-integration-state i[b-izotkgcz77] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #54bd93;
}

.product-operations[b-izotkgcz77] {
    width: 100%;
    max-width: none;
    padding-right: max(20px, calc((100vw - 1180px) / 2));
    padding-left: max(20px, calc((100vw - 1180px) / 2));
    background: #0f0e16;
    color: #fff;
}

.product-section-heading.light-copy p[b-izotkgcz77] { color: rgba(255, 255, 255, .56); }

.product-operation-points[b-izotkgcz77] {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 34px;
}

.product-operation-points article[b-izotkgcz77] {
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .15);
}

.product-operation-points span[b-izotkgcz77] {
    color: #a99cff;
    font-size: .58rem;
    font-weight: 800;
}

.product-operation-points h3[b-izotkgcz77] {
    margin: 30px 0 12px;
    font-size: 1.2rem;
}

.product-operation-points p[b-izotkgcz77] {
    margin: 0;
    color: rgba(255, 255, 255, .5);
    font-size: .76rem;
    line-height: 1.78;
}

.product-security-layout[b-izotkgcz77] {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 90px;
}

.product-security-copy[b-izotkgcz77] {
    align-self: start;
    position: sticky;
    top: 120px;
}

.product-security-copy h2[b-izotkgcz77] {
    font-size: clamp(2.8rem, 4.8vw, 5rem);
}

.product-security-copy p[b-izotkgcz77] {
    margin: 28px 0 0;
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.86;
}

.product-security-principle[b-izotkgcz77] {
    margin-top: 32px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--primary);
    font-size: .69rem;
    font-weight: 800;
}

.product-security-principle i[b-izotkgcz77] {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: var(--primary-soft);
    font-size: .65rem;
    font-style: normal;
}

.product-security-grid[b-izotkgcz77] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.product-security-grid article[b-izotkgcz77] {
    min-height: 280px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(255, 255, 255, .65);
}

.product-security-grid span[b-izotkgcz77] {
    color: var(--primary);
    font-size: .58rem;
    font-weight: 800;
}

.product-security-grid h3[b-izotkgcz77] {
    margin: auto 0 13px;
    font-size: 1.15rem;
}

.product-security-grid p[b-izotkgcz77] {
    margin: 0;
    color: var(--muted);
    font-size: .73rem;
    line-height: 1.75;
}

.product-security-grid article:nth-child(2) p[b-izotkgcz77] {
    min-height: 5.25em;
}

.product-deployment[b-izotkgcz77] {
    border-top: 1px solid var(--line);
}

.product-deployment-steps[b-izotkgcz77] {
    margin: 72px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    list-style: none;
}

.product-deployment-steps li[b-izotkgcz77] {
    min-height: 235px;
    padding: 26px;
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--line);
    border-left: 1px solid var(--line);
}

.product-deployment-steps li:last-child[b-izotkgcz77] { border-right: 1px solid var(--line); }

.product-deployment-steps > li > span[b-izotkgcz77] {
    color: var(--primary);
    font-size: .59rem;
    font-weight: 800;
}

.product-deployment-steps div[b-izotkgcz77] { margin-top: auto; }
.product-deployment-steps strong[b-izotkgcz77] { font-size: 1.12rem; }

.product-deployment-steps p[b-izotkgcz77] {
    margin: 11px 0 0;
    min-height: 3.4em;
    color: var(--muted);
    font-size: .7rem;
    line-height: 1.7;
}

.product-contact[b-izotkgcz77] {
    min-height: calc(100svh - 68px);
    position: relative;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    overflow: hidden;
    background: #15111b;
    color: #fff;
    isolation: isolate;
}

.product-contact-backdrop[b-izotkgcz77],
.product-contact-backdrop-frame[b-izotkgcz77],
.product-contact-backdrop-frame img[b-izotkgcz77],
.product-contact-shade[b-izotkgcz77] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.product-contact-backdrop[b-izotkgcz77] {
    z-index: 0;
    display: block;
}

.product-contact-backdrop-frame[b-izotkgcz77] {
    display: block;
    margin: 0;
    will-change: opacity;
}

.product-contact-backdrop-frame.is-primary[b-izotkgcz77] {
    opacity: 1;
    animation: product-contact-primary-frame-b-izotkgcz77 28s ease-in-out infinite;
}

.product-contact-backdrop-frame.is-secondary[b-izotkgcz77] {
    opacity: 0;
    animation: product-contact-secondary-frame-b-izotkgcz77 28s ease-in-out infinite;
}

.product-contact-backdrop-frame img[b-izotkgcz77] {
    object-fit: cover;
    object-position: center;
    filter: saturate(.82) contrast(.98);
}

.product-contact-shade[b-izotkgcz77] {
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(15, 11, 20, .95) 0%, rgba(15, 11, 20, .78) 38%, rgba(15, 11, 20, .34) 70%, rgba(15, 11, 20, .18) 100%),
        linear-gradient(0deg, rgba(15, 11, 20, .82) 0%, transparent 56%),
        linear-gradient(180deg, rgba(15, 11, 20, .22) 0%, transparent 30%);
}

.product-contact-inner[b-izotkgcz77] {
    position: relative;
    z-index: 2;
    align-self: center;
    padding-top: clamp(64px, 8vh, 104px);
    padding-bottom: clamp(32px, 5vh, 64px);
}

.product-contact-inner > span[b-izotkgcz77] {
    color: #a99cff;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.product-contact-inner h2[b-izotkgcz77] {
    max-width: 800px;
}

.product-contact-inner > p[b-izotkgcz77] {
    max-width: 620px;
    margin: 28px 0 0;
    color: rgba(255, 255, 255, .65);
    font-size: .92rem;
    line-height: 1.8;
}

.product-contact-actions a[b-izotkgcz77] {
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
}

.product-contact-footer[b-izotkgcz77] {
    width: 100%;
    position: relative;
    z-index: 2;
    color: #ffffff;
}

.product-contact-footer-inner[b-izotkgcz77] {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 24px 0 22px;
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 34px;
    row-gap: 16px;
    align-items: start;
    border-top: 1px solid rgba(255, 255, 255, .18);
}

.product-contact-footer-brand-group p[b-izotkgcz77],
.product-contact-company-information[b-izotkgcz77] {
    margin: 0;
    color: rgba(255, 255, 255, .62);
    font-size: .78rem;
    line-height: 1.65;
}

.product-contact-footer-brand[b-izotkgcz77] {
    width: max-content;
    margin-bottom: 10px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.product-contact-footer-brand[b-izotkgcz77]  .monolith-marketing-copy strong {
    background: linear-gradient(110deg, #c4b5fd 0%, #a78bfa 52%, #8b5cf6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.product-contact-footer-brand[b-izotkgcz77]  .monolith-marketing-copy small {
    color: rgba(255, 255, 255, .68);
}

.product-contact-footer-utility[b-izotkgcz77] {
    display: grid;
    justify-items: end;
    gap: 17px;
}

.product-contact-footer-links[b-izotkgcz77] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px 22px;
    align-items: center;
}

.product-contact-footer-links a[b-izotkgcz77] {
    color: rgba(255, 255, 255, .72);
    font-size: .78rem;
    font-weight: 700;
    text-decoration: none;
    transition: color .18s ease;
}

.product-contact-footer-links a:hover[b-izotkgcz77] {
    color: #ffffff;
}

.product-contact-footer-contacts[b-izotkgcz77] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px 26px;
    font-style: normal;
}

.product-contact-copy[b-izotkgcz77] {
    appearance: none;
    padding: 0;
    border: 0;
    background: transparent;
    display: grid;
    gap: 3px;
    color: #ffffff;
    font: inherit;
    text-align: right;
    cursor: pointer;
}

.product-contact-footer-contacts span[b-izotkgcz77] {
    color: rgba(255, 255, 255, .56);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.product-contact-footer-contacts strong[b-izotkgcz77] {
    font-size: .8rem;
    font-weight: 700;
    transition: color .18s ease;
}

.product-contact-copy:hover strong[b-izotkgcz77] {
    color: #c4b5fd;
}

.product-contact-company-information[b-izotkgcz77] {
    grid-column: 1 / -1;
    padding-top: 14px;
    display: grid;
    gap: 2px;
    border-top: 1px solid rgba(255, 255, 255, .13);
}

.product-contact-company-information p[b-izotkgcz77],
.product-contact-company-information address[b-izotkgcz77] {
    margin: 0;
}

.product-contact-company-information address[b-izotkgcz77] {
    font-style: normal;
}

.product-button:focus-visible[b-izotkgcz77],
.product-hero-video-toggle:focus-visible[b-izotkgcz77],
.product-scroll-cue:focus-visible[b-izotkgcz77],
.product-contact-actions a:focus-visible[b-izotkgcz77],
.product-contact-footer-brand:focus-visible[b-izotkgcz77],
.product-contact-footer-links a:focus-visible[b-izotkgcz77],
.product-contact-copy:focus-visible[b-izotkgcz77] {
    outline: 3px solid rgba(169, 156, 255, .55);
    outline-offset: 4px;
}

.product-copy-snackbar[b-izotkgcz77] {
    position: fixed;
    right: max(20px, env(safe-area-inset-right));
    bottom: max(20px, env(safe-area-inset-bottom));
    z-index: 100;
    min-height: 48px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 11px;
    border: 1px solid rgba(196, 181, 253, .34);
    border-radius: 8px;
    background: rgba(34, 25, 49, .96);
    box-shadow: 0 16px 38px rgba(10, 7, 18, .28);
    color: #ffffff;
    font-size: .86rem;
    font-weight: 700;
    animation: product-copy-snackbar-entry-b-izotkgcz77 .22s ease-out both;
}

.product-copy-snackbar.is-error[b-izotkgcz77] {
    border-color: rgba(254, 202, 202, .45);
    background: rgba(76, 29, 29, .97);
}

.product-copy-snackbar-check[b-izotkgcz77] {
    position: relative;
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    border-radius: 50%;
    background: #a78bfa;
}

.product-copy-snackbar-check[b-izotkgcz77]::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 4px;
    width: 5px;
    height: 9px;
    border: solid #2e1b50;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.product-copy-snackbar.is-error .product-copy-snackbar-check[b-izotkgcz77] {
    background: #fecaca;
}

.product-copy-snackbar.is-error .product-copy-snackbar-check[b-izotkgcz77]::after {
    left: 9px;
    top: 5px;
    width: 2px;
    height: 11px;
    border: 0;
    background: #5f1d1d;
    transform: rotate(45deg);
}

.product-page.motion-ready [data-landing-reveal][b-izotkgcz77] {
    opacity: 0;
    transform: translateY(36px);
    transition: opacity .72s ease, transform .82s cubic-bezier(.2, .75, .3, 1);
}

.product-page.motion-ready [data-landing-reveal].is-visible[b-izotkgcz77] {
    opacity: 1;
    transform: translateY(0);
}

@keyframes product-scroll-line-b-izotkgcz77 {
    0% { transform: translateY(-100%); }
    50%, 100% { transform: translateY(100%); }
}

@keyframes product-copy-snackbar-entry-b-izotkgcz77 {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes product-contact-primary-frame-b-izotkgcz77 {
    0%, 37.5% { opacity: 1; }
    50%, 87.5% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes product-contact-secondary-frame-b-izotkgcz77 {
    0%, 37.5% { opacity: 0; }
    50%, 87.5% { opacity: 1; }
    100% { opacity: 0; }
}

@media (max-width: 1080px) {
    .product-hospitality-moment[b-izotkgcz77] { min-height: 470px; }
    .product-hospitality-moment.arrival[b-izotkgcz77] { min-height: 590px; }
    .product-story-layout[b-izotkgcz77] { gap: 45px; }
    .product-analytics-grid[b-izotkgcz77] { grid-template-columns: 1.3fr .7fr 1fr; }
    .product-analytics-card.gender[b-izotkgcz77] { grid-column: 3; }
    .product-analytics-card.usage-chart[b-izotkgcz77] { grid-column: span 2; }
    .product-security-layout[b-izotkgcz77] { gap: 46px; }
}

@media (max-width: 820px) {
    .product-section[b-izotkgcz77] { width: min(100% - 32px, 1180px); padding: 105px 0; }
    .product-hero-copy[b-izotkgcz77] { width: min(100% - 32px, 1180px); padding-bottom: 96px; }
    .product-hero-shade[b-izotkgcz77] { background: linear-gradient(90deg, rgba(12, 9, 18, .88), rgba(12, 9, 18, .28)), linear-gradient(0deg, rgba(12, 9, 18, .86), transparent 58%); }
    .product-opening[b-izotkgcz77] { min-height: auto; }
    .product-opening > p[b-izotkgcz77] { margin-left: 0; }
    .product-outcome-row[b-izotkgcz77] { grid-template-columns: 1fr; }
    .product-outcome-row article[b-izotkgcz77] { min-height: 110px; padding: 24px; border-right: 0; border-bottom: 1px solid var(--line); }
    .product-outcome-row article:last-child[b-izotkgcz77] { border-bottom: 0; }
    .product-hospitality-moment[b-izotkgcz77] { min-height: 460px; }
    .product-hospitality-moment.arrival[b-izotkgcz77] { min-height: 560px; }
    .product-hospitality-moment.seating[b-izotkgcz77],
    .product-hospitality-moment.buffet[b-izotkgcz77],
    .product-hospitality-moment.lounge[b-izotkgcz77],
    .product-hospitality-moment.bar[b-izotkgcz77] { grid-column: span 6; }
    .product-hospitality-copy[b-izotkgcz77] { padding: 26px; }
    .product-story-intro[b-izotkgcz77] { padding-bottom: 30px; }
    .product-story-layout[b-izotkgcz77] { width: min(100% - 32px, 1180px); grid-template-columns: 1fr; }
    .product-story-stage[b-izotkgcz77] { display: none; }
    .product-story-chapter[b-izotkgcz77] { min-height: auto; padding: 70px 0; opacity: 1; border-top: 1px solid rgba(255, 255, 255, .11); }
    .product-story-chapter h3[b-izotkgcz77] { max-width: 620px; }
    .product-story-chapter p[b-izotkgcz77] { max-width: 650px; }
    .product-section-heading[b-izotkgcz77] { grid-template-columns: 1fr; gap: 28px; }
    .product-analytics-shell[b-izotkgcz77] { margin-top: 52px; }
    .product-analytics-kpis[b-izotkgcz77] { grid-template-columns: repeat(2, 1fr); }
    .product-analytics-grid[b-izotkgcz77] { grid-template-columns: repeat(2, 1fr); }
    .product-analytics-card.usage-chart[b-izotkgcz77] { grid-column: 1 / -1; }
    .product-analytics-card.package-chart[b-izotkgcz77] { grid-column: 1 / -1; min-height: 290px; }
    .product-analytics-card.gender[b-izotkgcz77] { grid-column: auto; }
    .product-security-layout[b-izotkgcz77] { grid-template-columns: 1fr; }
    .product-security-copy[b-izotkgcz77] { position: static; }
    .product-deployment-steps[b-izotkgcz77] { grid-template-columns: repeat(2, 1fr); }
    .product-deployment-steps li:nth-child(2)[b-izotkgcz77] { border-right: 1px solid var(--line); }
}

@media (max-width: 620px) {
    .product-hero[b-izotkgcz77] { min-height: calc(100svh - 68px); }
    .product-hero-poster img[b-izotkgcz77] { object-position: center; }
    .product-hero-shade[b-izotkgcz77] { background: linear-gradient(0deg, rgba(10, 7, 14, .94) 0%, rgba(10, 7, 14, .52) 68%, rgba(10, 7, 14, .22)); }
    .product-hero-copy[b-izotkgcz77] { padding: 80px 0 94px; }
    .product-hero h1[b-izotkgcz77] { font-size: clamp(3rem, 13.6vw, 4.5rem); }
    .product-hero-copy > p[b-izotkgcz77] { font-size: .9rem; }
    .product-actions[b-izotkgcz77] { display: grid; }
    .product-button[b-izotkgcz77] { width: 100%; }
    .product-hero-principles[b-izotkgcz77] { gap: 10px 16px; }
    .product-hero-caption[b-izotkgcz77] { bottom: 24px; font-size: .5rem; }
    .product-hero-video-toggle[b-izotkgcz77] { right: 20px; bottom: 22px; }
    .product-scroll-cue[b-izotkgcz77] { display: none; }
    .product-opening h2[b-izotkgcz77],
    .product-section-heading h2[b-izotkgcz77],
    .product-security-copy h2[b-izotkgcz77],
    .product-contact-inner h2[b-izotkgcz77],
    .product-story-intro h2[b-izotkgcz77] { font-size: clamp(2.5rem, 12vw, 3.6rem); }
    .product-opening > p[b-izotkgcz77] { font-size: .92rem; }
    .product-outcome-row[b-izotkgcz77] { margin-top: 55px; }
    .product-hospitality-gallery[b-izotkgcz77] { margin-top: 52px; }
    .product-hospitality-moment[b-izotkgcz77],
    .product-hospitality-moment.arrival[b-izotkgcz77],
    .product-hospitality-moment.seating[b-izotkgcz77],
    .product-hospitality-moment.buffet[b-izotkgcz77],
    .product-hospitality-moment.lounge[b-izotkgcz77],
    .product-hospitality-moment.bar[b-izotkgcz77] {
        min-height: 0;
        grid-column: 1 / -1;
    }
    .product-hospitality-media[b-izotkgcz77] {
        height: auto;
        aspect-ratio: 16 / 9;
        position: relative;
        overflow: hidden;
    }
    .product-hospitality-media img[b-izotkgcz77] { position: absolute; }
    .product-hospitality-shade[b-izotkgcz77] { background: linear-gradient(0deg, rgba(12, 9, 18, .42), transparent 64%); }
    .product-hospitality-copy[b-izotkgcz77] {
        max-width: none;
        padding: 24px;
        position: relative;
        background: #17131f;
    }
    .product-hospitality-copy h3[b-izotkgcz77],
    .product-hospitality-moment:not(.arrival) .product-hospitality-copy h3[b-izotkgcz77] { font-size: clamp(1.75rem, 8vw, 2.25rem); }
    .product-analytics-shell[b-izotkgcz77] { padding: 10px; border-radius: 14px; }
    .product-analytics-shell > header[b-izotkgcz77] { align-items: flex-start; gap: 15px; }
    .product-report-button[b-izotkgcz77] { display: none !important; }
    .product-analytics-kpis[b-izotkgcz77] { grid-template-columns: 1fr 1fr; }
    .product-analytics-kpis article[b-izotkgcz77] { min-height: 110px; padding: 14px; }
    .product-analytics-grid[b-izotkgcz77] { grid-template-columns: 1fr; }
    .product-analytics-card.usage-chart[b-izotkgcz77],
    .product-analytics-card.package-chart[b-izotkgcz77],
    .product-analytics-card.gender[b-izotkgcz77] { grid-column: auto; }
    .product-analytics-card[b-izotkgcz77] { min-height: 285px; padding: 16px; }
    .product-line-chart svg[b-izotkgcz77] { height: 170px; }
    .product-integration-grid[b-izotkgcz77] { grid-template-columns: 1fr; margin-top: 52px; }
    .product-integration-card[b-izotkgcz77] { min-height: 370px; padding: 26px; }
    .product-operation-points[b-izotkgcz77],
    .product-security-grid[b-izotkgcz77],
    .product-deployment-steps[b-izotkgcz77] { grid-template-columns: 1fr; }
    .product-operation-points[b-izotkgcz77] { gap: 22px; }
    .product-security-grid article[b-izotkgcz77] { min-height: 230px; }
    .product-security-grid article:nth-child(2) p[b-izotkgcz77] { min-height: 0; }
    .product-deployment-steps li[b-izotkgcz77] { min-height: 180px; border-right: 1px solid var(--line); }
    .product-deployment-steps p[b-izotkgcz77] { min-height: 0; }
    .product-contact[b-izotkgcz77] { min-height: max(680px, calc(100svh - 68px)); }
    .product-contact-backdrop-frame img[b-izotkgcz77] { object-position: center; }
    .product-contact-shade[b-izotkgcz77] {
        background:
            linear-gradient(0deg, rgba(10, 7, 14, .95) 0%, rgba(10, 7, 14, .75) 54%, rgba(10, 7, 14, .28) 100%),
            linear-gradient(180deg, rgba(10, 7, 14, .38) 0%, transparent 30%);
    }
    .product-contact-inner[b-izotkgcz77] { padding-top: 56px; padding-bottom: 32px; }
    .product-contact-actions[b-izotkgcz77] { display: grid; }
    .product-contact-actions a[b-izotkgcz77] { width: 100%; }
    .product-contact-footer-inner[b-izotkgcz77] {
        width: min(100% - 32px, 1180px);
        padding: 18px 0 16px;
        grid-template-columns: 1fr;
        row-gap: 12px;
    }
    .product-contact-footer-brand[b-izotkgcz77] { margin-bottom: 7px; }
    .product-contact-footer-utility[b-izotkgcz77] { justify-items: start; gap: 13px; }
    .product-contact-footer-links[b-izotkgcz77] { justify-content: flex-start; gap: 9px 18px; }
    .product-contact-footer-contacts[b-izotkgcz77] { justify-content: flex-start; gap: 10px 22px; }
    .product-contact-copy[b-izotkgcz77] { text-align: left; }
    .product-contact-company-information[b-izotkgcz77] { grid-column: auto; padding-top: 11px; }
    .product-copy-snackbar[b-izotkgcz77] { right: 16px; bottom: 16px; left: 16px; }
}

@media (prefers-reduced-motion: reduce) {
    .product-hero-video[b-izotkgcz77],
    .product-hero-video-toggle[b-izotkgcz77],
    .product-scroll-cue i[b-izotkgcz77]::after { display: none; }
    .product-page.motion-ready [data-landing-reveal][b-izotkgcz77] { opacity: 1; transform: none; transition: none; }
    .product-story-chapter[b-izotkgcz77] { opacity: 1; }
    .product-story-scene[b-izotkgcz77] { transition: none; }
    .product-copy-snackbar[b-izotkgcz77] { animation: none; }
    .product-contact-backdrop-frame[b-izotkgcz77] { animation: none; }
    .product-contact-backdrop-frame.is-secondary[b-izotkgcz77] { display: none; }
}