/* _content/CloudSphereApplication.Shared/Authentication/LoginComponent.razor.rz.scp.css */


.loginmain[b-u843r435lo] {
    min-height: 100vh;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 80px 1rem 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.18), transparent 30%), radial-gradient(circle at top right, rgba(14, 165, 233, 0.14), transparent 25%), linear-gradient(180deg, #060814 0%, #0a1020 42%, #0e1630 100%);
}
.login-brand[b-u843r435lo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    margin-bottom: 1.25rem;
}

.login-brand-logo[b-u843r435lo] {
    width: clamp(8rem, 24vw, 11rem);
    height: auto;
    flex: 0 0 auto;
    filter: url(#login-logo-cutout) drop-shadow(0 0 16px rgba(56, 189, 248, .5));
    animation: login-logo-float-b-u843r435lo 5s ease-in-out infinite;
}

.login-brand-text[b-u843r435lo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 0.9;
}

.login-brand-primary[b-u843r435lo],
.login-brand-secondary[b-u843r435lo] {
    font-family: 'Orbitron', sans-serif;
    font-weight: 800;
    font-size: clamp(1.5rem, 4.8vw, 2.2rem);
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
}

.login-brand-secondary[b-u843r435lo] {
    letter-spacing: 0.06em;
}

.login-form-label[b-u843r435lo] {
    display: block;
    margin-bottom: 0.75rem;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.15rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #f5f8ff;
}

.login-input[b-u843r435lo] {
    background-color: #0b1220 !important;
    color: #f1f5f9 !important;
    caret-color: #f1f5f9;
    border: 1px solid #475569;
    color-scheme: dark;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    line-height: 1.4;
}

    .login-input[b-u843r435lo]::placeholder {
        color: #94a3b8;
        font-size: 1.15rem;
        font-weight: 600;
        opacity: 1;
    }

@media (max-width: 480px) {
    .login-brand[b-u843r435lo] {
        gap: 0.65rem;
    }

    .login-brand-logo[b-u843r435lo] {
        width: 8rem;
    }

    .login-form-label[b-u843r435lo],
    .login-input[b-u843r435lo],
    .login-input[b-u843r435lo]::placeholder {
        font-size: 1rem;
    }
}

.authorization-overlay[b-u843r435lo] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    box-sizing: border-box;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    z-index: 10000;
    pointer-events: auto;
}

.authorization-card[b-u843r435lo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    max-width: 100%;
    padding: 2rem;
    box-sizing: border-box;
    border: 1px solid rgba(125, 211, 252, 0.28);
    border-radius: 24px;
    background: radial-gradient(circle at top, rgba(56, 189, 248, 0.12), transparent 70%), #0a1222;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.5), 0 0 32px rgba(56, 189, 248, 0.08);
    text-align: center;
}

.authorization-orbit[b-u843r435lo] {
    position: relative;
    display: grid;
    place-items: center;
    width: clamp(12.5rem, 55vw, 15rem);
    max-width: 100%;
    aspect-ratio: 1;
    flex: none;
}

.authorization-ring[b-u843r435lo] {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    border: 3px solid rgba(125, 211, 252, 0.12);
    border-top-color: #7dd3fc;
    border-right-color: #818cf8;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(56, 189, 248, 0.12), inset 0 0 20px rgba(56, 189, 248, 0.04);
}

.authorization-orbit[b-u843r435lo]::after {
    content: '';
    position: absolute;
    inset: 10px;
    box-sizing: border-box;
    border: 2px solid transparent;
    border-top-color: #818cf8;
    border-bottom-color: #38bdf8;
    border-radius: 50%;
    pointer-events: none;
}

/* Keep the progress indicator moving while the site's preload rule pauses decoration. */
.authorization-overlay .authorization-orbit .authorization-ring[b-u843r435lo] {
    animation: authorization-orbit-b-u843r435lo 0.85s linear infinite running !important;
}

.authorization-overlay .authorization-orbit[b-u843r435lo]::after {
    animation: authorization-orbit-b-u843r435lo 1.25s linear infinite reverse running !important;
}

.authorization-label[b-u843r435lo] {
    padding: 1.75rem;
    color: #f5f8ff;
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(0.8rem, 2.8vw, 1rem);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.025em;
}

.authorization-caption[b-u843r435lo] {
    margin: 0;
    color: #b5c7e6;
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    line-height: 1.5;
}

@keyframes authorization-orbit-b-u843r435lo {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .authorization-overlay .authorization-orbit .authorization-ring[b-u843r435lo] { animation-duration: 3s !important; }
    .authorization-overlay .authorization-orbit[b-u843r435lo]::after { animation-duration: 4.5s !important; }
}

@media (max-width: 360px) {
    .authorization-card[b-u843r435lo] { padding: 1.25rem; }
}

#container[b-u843r435lo] {
    margin-top: 80px;
}

    #container .row[b-u843r435lo] {
        display: flex;
        margin-right: 0px;
        margin-left: 0px;
    }

        #container .row .col-sm[b-u843r435lo] {
            width: 20%;
        }

.spin-row[b-u843r435lo] {
    position: relative;
    height: 120px;
    width: 120px;
}

@media only screen and (max-width: 1025px) {
    #container .row[b-u843r435lo] {
        display: flex;
    }
}

.spinner-center[b-u843r435lo] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
}


/* Login action row: responsive buttons that wrap on small screens */
.login-actions[b-u843r435lo] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* allow wrap so buttons won't overflow */
    padding: 0.75rem 0; /* optional spacing */
    box-sizing: border-box;
}

    /* Make each button size responsively:
   - try to be ~40-48% of row on larger phones/tablets
   - but allow full width on very small screens */
    .login-actions .btn[b-u843r435lo],
    .login-actions button[b-u843r435lo] {
        margin: 0; /* reset any offsets that push outside the box */
        flex: 0 1 48%; /* prefer two per row when space allows */
        min-width: 120px; /* keep usable touch target */
        max-width: 48%;
        box-sizing: border-box;
    }

/* Stack buttons on narrow screens */
@media (max-width: 420px) {
    .login-actions .btn[b-u843r435lo],
    .login-actions button[b-u843r435lo] {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

.login-button[b-u843r435lo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.00rem;
    padding: 0.4rem 1.00rem;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.login-button-primary[b-u843r435lo] {
    color: #08111d;
    background: linear-gradient(135deg, #9bdcff 0%, #3fb8ff 100%);
    box-shadow: 0 16px 35px rgba(56, 189, 248, 0.3);
}
.login-button-secondary[b-u843r435lo] {
    color: #f5f8ff;
    border: 1px solid rgba(191, 219, 254, 0.28);
    background: rgba(15, 23, 42, 0.45);
}

/* Decoration stays outside the sign-in controls and never intercepts input. */
.login-panel[b-u843r435lo] { position: relative; isolation: isolate; border-radius: 24px; }
.login-panel[b-u843r435lo]::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 1px;
    border-radius: inherit;
    pointer-events: none;
    background: conic-gradient(transparent 20%, #38bdf8 36%, #c4b5fd 44%, transparent 52%, transparent 72%, #22d3ee 90%, transparent);
    background-size: 220% 220%;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    animation: solution-border 8s linear infinite;
}
.login-brand-text[b-u843r435lo] {
    padding-block: .2rem;
    gap: .2rem;
    background: linear-gradient(105deg, #eaf8ff 25%, #64d6ff 40%, #fff 50%, #a5b4fc 60%, #eaf8ff 75%);
    background-size: 260% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: solution-heading 7s ease-in-out infinite;
}
.login-button-primary[b-u843r435lo] { position: relative; overflow: hidden; animation: login-button-glow-b-u843r435lo 4s ease-in-out infinite; }
.login-button-primary[b-u843r435lo]::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(115deg, transparent 25%, rgba(255,255,255,.35) 50%, transparent 75%);
    animation: solution-reflection 7s ease-in-out infinite;
}
.login-button:hover:not(:disabled)[b-u843r435lo] { transform: translateY(-2px); }
.login-button:focus-visible[b-u843r435lo] { outline: 2px solid #7dd3fc; outline-offset: 4px; }
.login-input[b-u843r435lo] { transition: border-color .25s ease, box-shadow .25s ease; }
.login-input:focus[b-u843r435lo] { border-color: #7dd3fc; box-shadow: 0 0 0 3px rgba(56,189,248,.18), 0 0 20px rgba(56,189,248,.12); }
.login-button:disabled[b-u843r435lo],
.login-button:disabled[b-u843r435lo]::after { animation-play-state: paused; }
@keyframes login-logo-float-b-u843r435lo {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}
@keyframes login-button-glow-b-u843r435lo {
    0%, 100% { box-shadow: 0 8px 24px rgba(56,189,248,.25); }
    50% { box-shadow: 0 8px 32px rgba(56,189,248,.5); }
}
/* _content/CloudSphereApplication.Shared/Components/Common/CSTextBox.razor.rz.scp.css */
.cs-textbox[b-k9jf4d7a2e] {
    max-width: min(900px, 92vw);
    color: white;
    font-family: Orbitron, Arial, sans-serif;

    /* helps keep everything visible without growing too wide */
    padding: clamp(10px, 1.6vw, 18px);
    border-radius: 10px;
    background: rgba(0,0,0,0.35);
    backdrop-filter: blur(2px);

    /* if content still gets long, allow wrap */
    overflow-wrap: anywhere;
}

.cs-textbox__title[b-k9jf4d7a2e] {
    font-weight: 800;
    line-height: 1.05;
    margin: 0 0 clamp(6px, 1vw, 12px) 0;

    font-size: clamp(0.9rem, 3.2vw, 2.4rem);

    /* underline */
    text-decoration: underline;
    text-decoration-thickness: 0.12em;
    text-underline-offset: 0.18em;
    text-decoration-color: rgba(255, 255, 255, 0.85);
}

.cs-textbox__list[b-k9jf4d7a2e] {
    margin: 0;
    padding-left: 1.25em;
}

.cs-textbox__item[b-k9jf4d7a2e] {
    /* increase vertical spacing */
    margin: clamp(10px, 1.2vw, 16px) 0;
    line-height: 1.35;

    font-size: clamp(0.65rem, 1.8vw, 1.2rem);
    font-weight: 500;

    /* slide in from right (staggered delay set below) */
    opacity: 0;
    transform: translateX(24px);
    animation: cs-textbox-slide-in-right-b-k9jf4d7a2e 600ms ease-out both;
    will-change: transform, opacity;
}

/* 3 seconds between each bullet */
.cs-textbox__item:nth-child(1)[b-k9jf4d7a2e] { animation-delay: 1s; }
.cs-textbox__item:nth-child(2)[b-k9jf4d7a2e] { animation-delay: 3s; }
.cs-textbox__item:nth-child(3)[b-k9jf4d7a2e] { animation-delay: 6s; }
.cs-textbox__item:nth-child(4)[b-k9jf4d7a2e] { animation-delay: 9s; }
.cs-textbox__item:nth-child(5)[b-k9jf4d7a2e] { animation-delay: 12s; }
.cs-textbox__item:nth-child(6)[b-k9jf4d7a2e] { animation-delay: 15s; }
.cs-textbox__item:nth-child(7)[b-k9jf4d7a2e] { animation-delay: 18s; }
.cs-textbox__item:nth-child(8)[b-k9jf4d7a2e] { animation-delay: 21s; }
.cs-textbox__item:nth-child(9)[b-k9jf4d7a2e] { animation-delay: 24s; }
.cs-textbox__item:nth-child(10)[b-k9jf4d7a2e] { animation-delay: 27s; }

@keyframes cs-textbox-slide-in-right-b-k9jf4d7a2e {
    from { opacity: 0; transform: translateX(24px); }
    to   { opacity: 1; transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
    .cs-textbox__item[b-k9jf4d7a2e] {
        animation: none;
        opacity: 1;
        transform: none;
    }
}
/* _content/CloudSphereApplication.Shared/Components/Demo/DemoBusinessBackground.razor.rz.scp.css */
.business-scene[b-upp4e99bf7] {
    position: absolute; inset: 0; box-sizing: border-box;
    display: flex; flex-direction: column; gap: clamp(1rem, 2.5vh, 2rem);
    padding: 7.5rem clamp(1rem, 3vw, 4rem) max(4.5rem, calc(3rem + env(safe-area-inset-bottom)));
    overflow-y: auto; overflow-x: hidden;
    background: radial-gradient(ellipse at 15% 65%, #5b287155, transparent 65%), #090715;
    color: #f5f8ff; font-family: 'Inter', 'Segoe UI', sans-serif;
}
.business-scene *[b-upp4e99bf7] { box-sizing: border-box; }
header[b-upp4e99bf7] { flex: 0 0 auto; }
.eyebrow[b-upp4e99bf7] { margin: 0 0 0.6rem; color: #d8b4fe; text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.8rem; }
h2[b-upp4e99bf7] { margin: 0; font: 700 clamp(1.7rem, 3.5vw, 3.5rem) / 1.2 'Orbitron', sans-serif; }
.intro[b-upp4e99bf7] { margin: 0.6rem 0 0; color: #cec5df; font-size: clamp(1rem, 1.4vw, 1.25rem); line-height: 1.4; }
.business-layout[b-upp4e99bf7] { flex: 1 0 auto; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(1.25rem, 3vw, 3rem); }
.business-hero[b-upp4e99bf7] { position: relative; margin: 0; min-width: 0; min-height: 25rem; border-radius: 20px; overflow: hidden; border: 1px solid #c084fc44; background: #171226; }
.business-hero img[b-upp4e99bf7] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
figcaption[b-upp4e99bf7] { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(1.25rem, 3vw, 3rem); background: linear-gradient(transparent 15%, #090715ee 100%); }
figcaption span[b-upp4e99bf7] { color: #e9d5ff; margin-bottom: 0.75rem; font-size: 1rem; }
figcaption strong[b-upp4e99bf7] { font-size: clamp(1.5rem, 2.6vw, 3rem); line-height: 1.2; }
.delivery-phases[b-upp4e99bf7] { display: grid; gap: 1rem; list-style: none; padding: 0; margin: 0; }
.delivery-phases li[b-upp4e99bf7] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-content: center; gap: clamp(0.75rem, 2vw, 2rem); padding: clamp(1rem, 1.6vw, 2rem); border-bottom: 1px solid #c084fc44; background: linear-gradient(90deg, #a78bfa12, transparent); }
.phase-number[b-upp4e99bf7] { color: #c084fc; font-size: clamp(1.5rem, 3vw, 3rem); font-weight: 700; line-height: 1.1; }
h3[b-upp4e99bf7] { margin: 0 0 0.5rem; font-size: clamp(1.1rem, 1.7vw, 1.75rem); }
.delivery-phases p[b-upp4e99bf7] { margin: 0; color: #cec5df; font-size: clamp(0.95rem, 1.15vw, 1.15rem); line-height: 1.5; }
.deliverable[b-upp4e99bf7] { display: block; margin-top: 0.75rem; color: #e9d5ff; font-size: 0.9rem; line-height: 1.4; }
.closing-line[b-upp4e99bf7] { flex: 0 0 auto; margin: 0; color: #cec5df; font-size: clamp(0.95rem, 1.3vw, 1.2rem); line-height: 1.4; }
@media (max-width: 1000px) {
    .business-layout[b-upp4e99bf7] { grid-template-columns: minmax(0, 1fr); }
    .business-hero[b-upp4e99bf7] { min-height: clamp(16rem, 36vh, 28rem); }
}
@media (max-width: 600px) {
    .business-scene[b-upp4e99bf7] { padding: calc(8.5rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-left)) max(5rem, calc(4rem + env(safe-area-inset-bottom))) max(1rem, env(safe-area-inset-right)); gap: 1rem; }
    .business-layout[b-upp4e99bf7] { flex: 0 0 auto; }
    .eyebrow[b-upp4e99bf7] { font-size: 0.7rem; }
    h2[b-upp4e99bf7] { font-size: clamp(1.5rem, 6vw, 2rem); }
    .intro[b-upp4e99bf7] { font-size: 0.95rem; }
    .business-hero[b-upp4e99bf7] { min-height: 19rem; }
    .delivery-phases li[b-upp4e99bf7] { padding: 1rem 0.75rem; }
}

/* Let the image and delivery rows share the remaining desktop height. */
@media (min-width: 801px) and (min-height: 600px) {
    .business-scene[b-upp4e99bf7] { gap: 1.5vh; }
    h2[b-upp4e99bf7] { font-size: clamp(1.7rem, 4vh, 3.5rem); }
    .eyebrow[b-upp4e99bf7] { margin-bottom: 0.4rem; }
    .intro[b-upp4e99bf7] { font-size: clamp(0.9rem, 1.8vh, 1.25rem); margin-top: 0.4rem; }
    .business-layout[b-upp4e99bf7] { flex: 1 1 0; min-height: 0; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); }
    .business-hero[b-upp4e99bf7] { min-height: 0; }
    figcaption[b-upp4e99bf7] { padding: clamp(1rem, 2vh, 3rem); }
    figcaption strong[b-upp4e99bf7] { font-size: clamp(1.4rem, 3.5vh, 3rem); }
    .delivery-phases[b-upp4e99bf7] { min-height: 0; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 1vh; }
    .delivery-phases li[b-upp4e99bf7] { padding: clamp(0.5rem, 1.2vh, 1.5rem); gap: 1rem; }
    .phase-number[b-upp4e99bf7] { font-size: clamp(1.5rem, 3vh, 3rem); }
    h3[b-upp4e99bf7] { font-size: clamp(1rem, 2.2vh, 1.75rem); margin-bottom: 0.3rem; }
    .delivery-phases p[b-upp4e99bf7] { font-size: clamp(0.85rem, 1.7vh, 1.15rem); line-height: 1.3; }
    .deliverable[b-upp4e99bf7] { margin-top: 0.4rem; font-size: clamp(0.8rem, 1.6vh, 0.95rem); line-height: 1.3; }
    .closing-line[b-upp4e99bf7] { font-size: clamp(0.9rem, 1.8vh, 1.2rem); }
}
/* _content/CloudSphereApplication.Shared/Components/Demo/DemoCapabilityScene.razor.rz.scp.css */
.capability-scene[b-57xm2bsujr] { --accent: #67e8f9; position: absolute; inset: 0; box-sizing: border-box; display: flex; flex-direction: column; gap: clamp(0.7rem, 1.8vh, 1.5rem); padding: 7.5rem clamp(1rem, 3vw, 4rem) max(4.5rem, calc(3rem + env(safe-area-inset-bottom))); overflow: auto; color: #f1f5ff; background: #050b18; font-family: 'Inter', 'Segoe UI', sans-serif; }
.capability-scene *[b-57xm2bsujr], .capability-scene *[b-57xm2bsujr]::before, .capability-scene *[b-57xm2bsujr]::after { box-sizing: border-box; }
header[b-57xm2bsujr] { flex: 0 0 auto; }
.eyebrow[b-57xm2bsujr] { margin: 0 0 0.4rem; color: var(--accent); text-transform: uppercase; letter-spacing: 0.15em; font-size: 0.75rem; }
h2[b-57xm2bsujr] { margin: 0; font: 700 clamp(1.6rem, 3.7vh, 3.2rem) / 1.15 'Orbitron', sans-serif; }
.subtitle[b-57xm2bsujr] { margin: 0.5rem 0 0; color: #b6c7de; font-size: clamp(0.9rem, 1.8vh, 1.2rem); line-height: 1.4; }
h3[b-57xm2bsujr] { margin: 0 0 0.5rem; font-size: clamp(1rem, 2vh, 1.45rem); line-height: 1.25; }
article p[b-57xm2bsujr] { margin: 0; color: #b6c7de; font-size: clamp(0.85rem, 1.7vh, 1.1rem); line-height: 1.45; }
.closing[b-57xm2bsujr] { flex: 0 0 auto; margin: 0; color: var(--accent); font-size: clamp(0.9rem, 1.8vh, 1.25rem); line-height: 1.4; }
.live-light[b-57xm2bsujr] { display: inline-block; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 12px var(--accent); margin-right: 0.5rem; animation: status-breathe-b-57xm2bsujr 2s ease-in-out infinite; }
.diagram-label[b-57xm2bsujr] { color: var(--accent); font-size: 0.7rem; letter-spacing: 0.12em; }

/* 07: telemetry enters a cloud hub and fans out to services. */
.azure[b-57xm2bsujr] { --accent: #60a5fa; background: radial-gradient(ellipse at 45% 55%, #1e40af66, transparent 60%), #030a20; }
.azure-stage[b-57xm2bsujr] { flex: 1 1 0; min-height: 0; display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(2rem, 0.2fr) minmax(0, 1fr) minmax(2rem, 0.2fr) minmax(0, 1.3fr); grid-template-rows: minmax(0, 1fr) auto; align-items: center; }
.source-stack[b-57xm2bsujr] { display: grid; gap: 1rem; }.source-device[b-57xm2bsujr] { display: flex; align-items: center; gap: 0.3rem; padding: clamp(0.7rem, 1.7vh, 1.5rem); background: #0d2043; border: 1px solid #60a5fa55; border-radius: 8px; font-size: 0.9rem; }
.telemetry[b-57xm2bsujr] { color: #60a5fa; margin-left: auto; animation: status-breathe-b-57xm2bsujr 1.2s infinite alternate; }
.packet-bridge[b-57xm2bsujr] { height: 2px; background: #60a5fa66; position: relative; }
.packet-bridge i[b-57xm2bsujr] { position: absolute; top: -2px; height: 6px; width: 10px; border-radius: 3px; background: #93c5fd; box-shadow: 0 0 15px #60a5fa; animation: packet-right-b-57xm2bsujr 1.6s linear infinite; }
.packet-bridge i:nth-child(2)[b-57xm2bsujr] { animation-delay: -0.5s; }.packet-bridge i:nth-child(3)[b-57xm2bsujr] { animation-delay: -1s; }
.azure-core[b-57xm2bsujr] { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1; border: 1px solid #60a5fa55; border-radius: 50%; background: #0a1d45; box-shadow: 0 0 70px #2563eb33; padding: 1rem; }
.azure-core svg[b-57xm2bsujr] { width: 60%; max-height: 10vh; fill: #1e40af44; stroke: #93c5fd; stroke-width: 3; filter: drop-shadow(0 0 8px #60a5fa); animation: cloud-lift-b-57xm2bsujr 4s ease-in-out infinite; }
.azure-core strong[b-57xm2bsujr] { font-size: clamp(1.5rem, 4vh, 3.5rem); }.azure-core > span[b-57xm2bsujr] { font-size: 0.75rem; color: #bfdbfe; text-align: center; }
.cloud-orbit[b-57xm2bsujr] { position: absolute; inset: -10px; border: 1px dashed #60a5fa77; border-radius: 50%; animation: rotate-orbit-b-57xm2bsujr 25s linear infinite; }.cloud-orbit[b-57xm2bsujr]::after { content: ''; position: absolute; top: 14%; left: 14%; width: 8px; height: 8px; border-radius: 50%; background: #93c5fd; box-shadow: 0 0 15px #60a5fa; }
.core-meter[b-57xm2bsujr] { width: 50%; height: 3px; background: #1e3a8a; margin-top: 1rem; overflow: hidden; }.core-meter i[b-57xm2bsujr] { display: block; height: 100%; width: 35%; background: #93c5fd; animation: packet-right-b-57xm2bsujr 2s linear infinite; position: relative; }
.service-stack[b-57xm2bsujr] { display: grid; gap: 1.5vh; }.service-stack article[b-57xm2bsujr] { display: flex; gap: 1rem; padding: clamp(0.7rem, 1.7vh, 1.5rem); border: 1px solid #60a5fa44; border-radius: 12px; background: #0d2043; }.service-icon[b-57xm2bsujr] { color: #93c5fd; font-size: 1.8rem; }
.azure-monitor[b-57xm2bsujr] { grid-column: 1 / -1; display: flex; align-items: center; gap: 0.75rem; border-top: 1px solid #60a5fa44; padding-top: 1rem; margin-top: 1rem; color: #bfdbfe; font-size: 0.8rem; }.azure-monitor > span:last-child[b-57xm2bsujr] { margin-left: auto; color: #8da8cd; }
.monitor-wave[b-57xm2bsujr] { display: flex; align-items: center; height: 28px; gap: 4px; flex: 1; max-width: 30%; }.monitor-wave i[b-57xm2bsujr] { width: 4px; height: 85%; background: #60a5fa; animation: chart-dance-b-57xm2bsujr 1s ease-in-out infinite alternate; animation-delay: calc(var(--bar) * -0.13s); }

/* Large visuals carry the story; movement is continuous and phase changes follow the scene clock. */
.consulting .consulting-journey[b-57xm2bsujr] { min-height: 26rem; }
.consulting-expertise[b-57xm2bsujr] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.8rem; flex: 0 0 auto; }
.consulting-expertise section[b-57xm2bsujr] { border-top: 2px solid #fbbf2466; padding: 0.75rem 1rem; border-radius: 0 0 10px 10px; background: #fbbf2408; }
.consulting-expertise h3[b-57xm2bsujr] { margin: 0 0 0.35rem; color: #fde68a; font-size: clamp(0.9rem, 1.8vh, 1.15rem); }
.consulting-expertise p[b-57xm2bsujr] { margin: 0; color: #b6c7de; font-size: 0.85rem; line-height: 1.45; }
@media (max-width: 800px) { .consulting-expertise[b-57xm2bsujr] { grid-template-columns: minmax(0, 1fr); } }
.hybrid[b-57xm2bsujr] { background: #030914; }.hybrid header[b-57xm2bsujr] { text-align: center; }
.hybrid .hybrid-universe[b-57xm2bsujr] { min-height: 23rem; }
.hybrid-toolkit[b-57xm2bsujr] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 1rem; flex: 0 0 auto; }
.hybrid-toolkit section[b-57xm2bsujr] { padding: 0.85rem 1rem; border: 1px solid #67e8f933; border-radius: 12px; background: linear-gradient(120deg, #10243b, #091323); }
.hybrid-toolkit h3[b-57xm2bsujr] { font-size: clamp(0.95rem, 1.7vh, 1.2rem); margin: 0 0 0.35rem; }
.hybrid-toolkit p[b-57xm2bsujr] { margin: 0; color: #b6c7de; font-size: 0.85rem; line-height: 1.45; }
.toolkit-brands[b-57xm2bsujr] { display: flex; flex-wrap: wrap; gap: 0.4rem; padding: 0; margin: 0.65rem 0 0; list-style: none; }
.toolkit-brands li[b-57xm2bsujr] { padding: 0.25rem 0.55rem; border: 1px solid #67e8f944; border-radius: 5px; background: #67e8f909; color: #cffafe; font-size: 0.8rem; }
.toolkit-category[b-57xm2bsujr] { display: block; margin-bottom: 0.4rem; color: #c4b5fd; font-size: 0.65rem; letter-spacing: 0.13em; }
.hybrid-toolkit .agent-toolkit[b-57xm2bsujr] { border-color: #a78bfa44; background: linear-gradient(120deg, #1c1835, #0d1427); }
@media (max-width: 800px) { .hybrid-toolkit[b-57xm2bsujr] { grid-template-columns: minmax(0, 1fr); } }
.hybrid-universe[b-57xm2bsujr], .innovation-theater[b-57xm2bsujr], .consulting-journey[b-57xm2bsujr] { position: relative; flex: 1 1 0; min-height: 0; isolation: isolate; overflow: hidden; border-radius: 16px; }
.universe-image[b-57xm2bsujr], .innovation-image[b-57xm2bsujr], .journey-image[b-57xm2bsujr] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -3; }
.universe-image[b-57xm2bsujr] { opacity: 0.55; animation: universe-pan-b-57xm2bsujr 12s ease-in-out infinite alternate; }
.universe-shade[b-57xm2bsujr] { position: absolute; inset: 0; background: radial-gradient(ellipse at center, #03091433, #030914cc 85%); z-index: -2; }
.sync-radar[b-57xm2bsujr] { position: absolute; left: 50%; top: 50%; width: min(38vw, 42vh); aspect-ratio: 1; transform: translate(-50%, -50%); z-index: -1; }
.sync-radar > i[b-57xm2bsujr] { position: absolute; inset: 0; border: 1px solid #67e8f9aa; border-radius: 50%; animation: sync-expansion-b-57xm2bsujr 4s ease-out infinite; }.sync-radar > i:nth-child(2)[b-57xm2bsujr] { animation-delay: -1.33s; }.sync-radar > i:nth-child(3)[b-57xm2bsujr] { animation-delay: -2.66s; }
.sync-radar > div[b-57xm2bsujr] { position: absolute; inset: -15%; border-radius: 50%; background: conic-gradient(transparent 65%, #22d3ee33 95%, #67e8f966); animation: rotate-orbit-b-57xm2bsujr 6s linear infinite; mask-image: radial-gradient(transparent 35%, black 36%, black 70%, transparent 71%); }
.shared-core[b-57xm2bsujr] { position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.3rem; text-shadow: 0 2px 18px #000; }
.shared-core img[b-57xm2bsujr] { width: clamp(4rem, 11vh, 9rem); height: clamp(4rem, 11vh, 9rem); object-fit: contain; animation: core-float-b-57xm2bsujr 3.5s ease-in-out infinite; filter: drop-shadow(0 0 20px #67e8f9aa); }.shared-core strong[b-57xm2bsujr] { font-size: clamp(1.3rem, 3.4vh, 2.8rem); }.shared-core > span[b-57xm2bsujr] { font-size: clamp(1rem, 2.2vh, 1.7rem); color: #a5f3fc; }
.platform-satellite[b-57xm2bsujr] { position: absolute; width: 27%; padding: clamp(0.75rem, 1.6vh, 1.5rem); display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.8rem; border: 1px solid #67e8f944; border-radius: 14px; background: #071626cc; backdrop-filter: blur(12px); transition: border-color 0.6s, box-shadow 0.6s; animation: platform-drift-b-57xm2bsujr 5s ease-in-out infinite; }
.satellite-0[b-57xm2bsujr] { left: 3%; top: 8%; }.satellite-1[b-57xm2bsujr] { right: 3%; top: 8%; animation-delay: -1.7s; }.satellite-2[b-57xm2bsujr] { left: 36.5%; bottom: 6%; animation-delay: -3.4s; }
.platform-icon[b-57xm2bsujr] { flex: 0 0 3rem; }.platform-icon svg[b-57xm2bsujr] { width: 100%; fill: none; stroke: #67e8f9; stroke-width: 2; }.platform-satellite > div:nth-child(2)[b-57xm2bsujr] { flex: 1; min-width: 0; }.platform-label[b-57xm2bsujr] { color: #67e8f9; text-transform: uppercase; font-size: 0.7rem; letter-spacing: 0.12em; }.platform-satellite h3[b-57xm2bsujr] { margin-top: 0.3rem; font-size: clamp(0.95rem, 1.9vh, 1.4rem); }.platform-satellite p[b-57xm2bsujr] { font-size: clamp(0.8rem, 1.6vh, 1rem); }.satellite-state[b-57xm2bsujr] { display: flex; align-items: center; gap: 0.5rem; width: 100%; color: #a5f3fc; font-size: 0.7rem; }.satellite-state i[b-57xm2bsujr] { width: 5px; height: 5px; background: #67e8f9; border-radius: 50%; }
.platform-satellite.is-active[b-57xm2bsujr] { border-color: #67e8f9; box-shadow: 0 0 35px #22d3ee44, inset 0 0 20px #22d3ee15; }.is-active .platform-icon[b-57xm2bsujr] { animation: icon-energize-b-57xm2bsujr 1.5s ease-in-out infinite; }
.sync-connections[b-57xm2bsujr] { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: #67e8f944; stroke-width: 2; z-index: -1; }.sync-connections .moving-sync[b-57xm2bsujr] { stroke: #a5f3fc; stroke-width: 4; stroke-dasharray: 12 70; animation: stream-data-b-57xm2bsujr 2s linear infinite; filter: drop-shadow(0 0 6px #22d3ee); }.universe-caption[b-57xm2bsujr] { position: absolute; bottom: 1rem; left: 1rem; color: #a5f3fc; font-size: 0.7rem; }

/* Keep Azure's composition; amplify motion throughout its existing network. */
.azure-core[b-57xm2bsujr] { animation: cloud-energy-b-57xm2bsujr 3s ease-in-out infinite; }.azure-core[b-57xm2bsujr]::after { content: ''; position: absolute; inset: 0; border: 2px solid #60a5fa; border-radius: 50%; pointer-events: none; animation: cloud-broadcast-b-57xm2bsujr 3s ease-out infinite; }.azure-core svg[b-57xm2bsujr] { animation: cloud-lift-b-57xm2bsujr 2.5s ease-in-out infinite; }
.packet-bridge[b-57xm2bsujr] { height: 3px; box-shadow: 0 0 10px #60a5fa33; }.packet-bridge i[b-57xm2bsujr] { height: 8px; width: 16px; top: -3px; animation-duration: 0.95s; }.source-device[b-57xm2bsujr] { animation: source-energize-b-57xm2bsujr 3s ease-in-out infinite; }.source-device:nth-child(3)[b-57xm2bsujr] { animation-delay: -1s; }.source-device:nth-child(4)[b-57xm2bsujr] { animation-delay: -2s; }.telemetry[b-57xm2bsujr] { display: inline-block; animation: telemetry-wave-b-57xm2bsujr 1s ease-in-out infinite; }
.service-icon[b-57xm2bsujr] { display: inline-block; animation: service-lift-b-57xm2bsujr 2.5s ease-in-out infinite; }.service-stack article:nth-of-type(2) .service-icon[b-57xm2bsujr] { animation: rotate-orbit-b-57xm2bsujr 9s linear infinite; }.service-stack article:nth-of-type(3) .service-icon[b-57xm2bsujr] { animation-delay: -1.2s; }.monitor-wave i[b-57xm2bsujr] { animation-duration: 0.6s; }.core-meter[b-57xm2bsujr] { height: 5px; }.core-meter i[b-57xm2bsujr] { animation-duration: 1s; }

/* Patents: a cinematic innovation visual with a moving focal point. */
.patent[b-57xm2bsujr] { --accent: #c4b5fd; background: #080515; }
.innovation-theater[b-57xm2bsujr] { background: #0b0720; }
.innovation-image[b-57xm2bsujr] { object-position: 78% center; animation: innovation-camera-b-57xm2bsujr 14s ease-in-out infinite alternate; }
.innovation-shade[b-57xm2bsujr] { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, #080515f2 2%, #080515a6 35%, #08051511 75%), linear-gradient(0deg, #080515f5, transparent 55%); }
.innovation-headline[b-57xm2bsujr] { position: absolute; left: 4%; top: 9%; }.innovation-headline > span[b-57xm2bsujr] { font-size: 0.7rem; letter-spacing: 0.2em; color: #c4b5fd; }.innovation-headline strong[b-57xm2bsujr] { display: block; margin-top: 1rem; font-size: clamp(2.5rem, 7.5vh, 6rem); line-height: 1.05; letter-spacing: -0.04em; }.innovation-headline em[b-57xm2bsujr] { font-style: normal; color: #c4b5fd; text-shadow: 0 0 35px #8b5cf688; }.innovation-headline p[b-57xm2bsujr] { margin: 1rem 0 0; color: #ddd6fe; font-size: clamp(0.9rem, 2vh, 1.4rem); line-height: 1.5; }
.innovation-aura[b-57xm2bsujr] { position: absolute; top: 15%; left: 55%; width: 25%; aspect-ratio: 1; z-index: -1; }.innovation-aura i[b-57xm2bsujr] { position: absolute; inset: 0; border: 1px solid #c4b5fd77; border-radius: 50%; animation: invention-wave-b-57xm2bsujr 5s ease-out infinite; }.innovation-aura i:nth-child(2)[b-57xm2bsujr] { animation-delay: -1.7s; }.innovation-aura i:nth-child(3)[b-57xm2bsujr] { animation-delay: -3.4s; }
.idea-focus[b-57xm2bsujr] { position: absolute; left: 56%; top: 12%; width: 27%; aspect-ratio: 1; border: 2px dashed #c4b5fd77; border-radius: 50%; animation: rotate-orbit-b-57xm2bsujr 24s linear infinite; }.idea-focus > span[b-57xm2bsujr] { position: absolute; inset: 12%; border: 1px solid #c4b5fd66; border-radius: 50%; }.idea-focus i[b-57xm2bsujr] { position: absolute; width: 10px; height: 10px; background: #e9d5ff; border-radius: 50%; box-shadow: 0 0 25px 5px #a78bfa; left: 12%; top: 12%; }.idea-focus i:nth-of-type(2)[b-57xm2bsujr] { left: 85%; top: 50%; }.idea-focus i:nth-of-type(3)[b-57xm2bsujr] { top: 90%; left: 40%; }
.innovation-path[b-57xm2bsujr] { position: absolute; bottom: 5%; left: 4%; right: 4%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; list-style: none; padding: 0; margin: 0; }
.innovation-path li[b-57xm2bsujr] { display: flex; gap: 0.8rem; border-top: 2px solid #c4b5fd44; padding-top: 1rem; transition: border-color 0.7s, background 0.7s; }.innovation-number[b-57xm2bsujr] { font-size: clamp(1.5rem, 3.8vh, 3rem); color: #c4b5fd; line-height: 1; }.phase-label[b-57xm2bsujr] { display: block; color: #c4b5fd; font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.4rem; }.innovation-path h3[b-57xm2bsujr] { font-size: clamp(0.95rem, 1.9vh, 1.4rem); }.innovation-path p[b-57xm2bsujr] { margin: 0; font-size: clamp(0.8rem, 1.6vh, 1rem); line-height: 1.4; color: #c9c3df; }.innovation-path .is-active[b-57xm2bsujr] { border-color: #e9d5ff; background: linear-gradient(#8b5cf622, transparent); }.innovation-path .is-active .innovation-number[b-57xm2bsujr] { animation: icon-energize-b-57xm2bsujr 1.5s ease-in-out infinite; }
.idea-sparks[b-57xm2bsujr] { position: absolute; inset: 0; pointer-events: none; z-index: -1; }.idea-sparks i[b-57xm2bsujr] { position: absolute; left: calc(40% + var(--i) * 4.5%); bottom: 20%; width: 3px; height: 3px; border-radius: 50%; background: #ddd6fe; box-shadow: 0 0 12px #a78bfa; opacity: 0; animation: idea-rise-b-57xm2bsujr 5s linear infinite; animation-delay: calc(var(--i) * -0.43s); }

/* Hardware: a visibly moving exploded assembly, not a terminal mockup. */
.hardware[b-57xm2bsujr] { --accent: #5eead4; background: #031411; }
.hardware-lab[b-57xm2bsujr] { flex: 1 1 0; min-height: 0; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 3vw; }
.assembly-stage[b-57xm2bsujr] { position: relative; min-height: 0; overflow: hidden; border-radius: 14px; background: radial-gradient(ellipse at center, #115e5944, #031411); perspective: 1000px; }
.assembly-grid[b-57xm2bsujr] { position: absolute; inset: 0; background: linear-gradient(#5eead40d 1px, transparent 1px), linear-gradient(90deg, #5eead40d 1px, transparent 1px); background-size: 30px 30px; transform: perspective(600px) rotateX(30deg) scale(1.4); animation: grid-conveyor-b-57xm2bsujr 5s linear infinite; }
.assembly-layer[b-57xm2bsujr] { position: absolute; left: 12%; width: 76%; height: 50%; border-radius: 16px; transform: rotateX(35deg) rotateZ(-20deg); box-shadow: 0 20px 50px #0008; }
.layer-base[b-57xm2bsujr] { top: 42%; overflow: hidden; border: 1px solid #5eead477; animation: base-assembly-b-57xm2bsujr 7s ease-in-out infinite; }.layer-base img[b-57xm2bsujr] { width: 100%; height: 100%; object-fit: cover; opacity: 0.9; }
.layer-circuit[b-57xm2bsujr] { top: 24%; background: #062e2bd9; border: 1px solid #5eead4aa; animation: circuit-assembly-b-57xm2bsujr 7s ease-in-out infinite; }.layer-circuit svg[b-57xm2bsujr] { width: 100%; height: 100%; fill: none; stroke: #5eead433; stroke-width: 2; }.layer-circuit .current[b-57xm2bsujr] { stroke: #99f6e4; stroke-width: 4; stroke-dasharray: 14 50; animation: stream-data-b-57xm2bsujr 1.3s linear infinite; }.assembly-layer > span[b-57xm2bsujr] { position: absolute; left: 1rem; bottom: 0.8rem; font-size: 0.6rem; letter-spacing: 0.1em; color: #99f6e4; }
.layer-sensor[b-57xm2bsujr] { top: 5%; border: 1px solid #99f6e499; background: linear-gradient(135deg, #5eead422, #5eead405); backdrop-filter: blur(2px); animation: sensor-assembly-b-57xm2bsujr 7s ease-in-out infinite; }.sensor-core[b-57xm2bsujr] { position: absolute; inset: 25% 35%; display: grid; place-items: center; border: 1px solid #99f6e4; border-radius: 50%; background: #042f2e; }.sensor-core strong[b-57xm2bsujr] { font-size: clamp(1.5rem, 4vh, 3rem); color: #ccfbf1; }.sensor-core i[b-57xm2bsujr] { position: absolute; inset: -20%; border: 1px dashed #99f6e4; border-radius: 50%; animation: rotate-orbit-b-57xm2bsujr 8s linear infinite; }
.assembly-scan[b-57xm2bsujr] { position: absolute; left: 0; right: 0; height: 15%; background: linear-gradient(transparent, #5eead422); border-bottom: 1px solid #5eead488; pointer-events: none; animation: assembly-sweep-b-57xm2bsujr 4s linear infinite; }.lab-label[b-57xm2bsujr] { position: absolute; left: 1rem; bottom: 1rem; font-size: 0.6rem; color: #99f6e4; letter-spacing: 0.1em; }
.lab-details[b-57xm2bsujr] { display: flex; flex-direction: column; min-height: 0; justify-content: center; gap: 1.2vh; }.lab-eyebrow[b-57xm2bsujr] { font-size: 0.65rem; letter-spacing: 0.13em; color: #5eead4; }.lab-details .lab-headline[b-57xm2bsujr] { font-size: clamp(1.8rem, 4.8vh, 4rem); line-height: 1.05; margin: 0 0 1vh; }
.lab-details article[b-57xm2bsujr] { display: flex; align-items: center; gap: 0.8rem; border-left: 2px solid #5eead433; padding: 1.2vh 0 1.2vh 1rem; transition: border-color 0.5s, background 0.5s; }.lab-index[b-57xm2bsujr] { align-self: flex-start; color: #5eead4; font-size: 0.8rem; }.lab-details article > div[b-57xm2bsujr] { flex: 1; }.lab-details article h3[b-57xm2bsujr] { font-size: clamp(0.95rem, 1.9vh, 1.4rem); }.lab-details article p[b-57xm2bsujr] { font-size: clamp(0.8rem, 1.6vh, 1rem); }.lab-details article.is-active[b-57xm2bsujr] { border-color: #99f6e4; background: linear-gradient(90deg, #5eead41a, transparent); }.lab-activity[b-57xm2bsujr] { display: flex; align-items: center; gap: 3px; height: 24px; padding: 0 0.5rem; }.lab-activity i[b-57xm2bsujr] { width: 3px; height: 100%; background: #5eead4; animation: chart-dance-b-57xm2bsujr 0.7s ease-in-out infinite alternate; }.lab-activity i:nth-child(2)[b-57xm2bsujr] { animation-delay: -0.2s; }.lab-activity i:nth-child(3)[b-57xm2bsujr] { animation-delay: -0.4s; }.lab-activity i:nth-child(4)[b-57xm2bsujr] { animation-delay: -0.6s; }.lab-signal[b-57xm2bsujr] { overflow: hidden; height: 4vh; min-height: 20px; }.lab-signal svg[b-57xm2bsujr] { width: 200%; height: 100%; fill: none; stroke: #5eead4; stroke-width: 2; animation: scope-scroll-b-57xm2bsujr 2.5s linear infinite; }

/* Consulting: an open, animated route through the engagement. */
.consulting[b-57xm2bsujr] { --accent: #fbbf24; background: #12101b; }
.consulting-journey[b-57xm2bsujr] { background: #161320; }
.journey-image[b-57xm2bsujr] { opacity: 0.55; object-position: right center; animation: journey-camera-b-57xm2bsujr 14s ease-in-out infinite alternate; }.journey-shade[b-57xm2bsujr] { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, #12101bf5 10%, #12101b66), linear-gradient(0deg, #12101bf0, transparent 80%); }
.journey-heading[b-57xm2bsujr] { position: absolute; top: 6%; left: 4%; }.journey-heading > span[b-57xm2bsujr] { color: #fbbf24; font-size: 0.65rem; letter-spacing: 0.16em; }.journey-heading strong[b-57xm2bsujr] { display: block; margin-top: 0.7rem; font-size: clamp(1.8rem, 5vh, 4rem); line-height: 1.1; }
.journey-route[b-57xm2bsujr] { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: #fbbf2433; stroke-width: 3; }.journey-route .route-progress[b-57xm2bsujr] { stroke: #fcd34d; stroke-width: 5; stroke-dasharray: 50 150; animation: journey-flow-b-57xm2bsujr 3s linear infinite; filter: drop-shadow(0 0 8px #fbbf24); }
.journey-stops[b-57xm2bsujr] { position: absolute; inset: 0; padding: 0; margin: 0; list-style: none; }.journey-stops li[b-57xm2bsujr] { position: absolute; width: 27%; padding: 0.75rem; background: linear-gradient(#161320cc, #16132055); border-radius: 12px; }.stop-0[b-57xm2bsujr] { left: 3%; top: 48%; }.stop-1[b-57xm2bsujr] { left: 36.5%; top: 30%; }.stop-2[b-57xm2bsujr] { right: 3%; top: 12%; }
.journey-beacon[b-57xm2bsujr] { position: relative; width: clamp(2.8rem, 7vh, 5.5rem); aspect-ratio: 1; display: grid; place-items: center; margin-bottom: 1rem; border: 1px solid #fbbf2466; border-radius: 50%; background: #302117; color: #fde68a; font-size: clamp(1rem, 2.5vh, 1.8rem); transition: box-shadow 0.6s; }.journey-beacon i[b-57xm2bsujr] { position: absolute; inset: 0; border: 1px solid #fbbf24; border-radius: 50%; animation: beacon-wave-b-57xm2bsujr 3s ease-out infinite; }.stop-1 .journey-beacon i[b-57xm2bsujr] { animation-delay: -1s; }.stop-2 .journey-beacon i[b-57xm2bsujr] { animation-delay: -2s; }.is-active .journey-beacon[b-57xm2bsujr] { box-shadow: 0 0 35px #fbbf2466; background: #5a3614; }.journey-phase[b-57xm2bsujr] { color: #fbbf24; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.12em; }.journey-stops h3[b-57xm2bsujr] { margin: 0.5rem 0; font-size: clamp(1rem, 2.1vh, 1.6rem); }.journey-stops p[b-57xm2bsujr] { color: #cfc5d9; font-size: clamp(0.85rem, 1.7vh, 1.1rem); line-height: 1.4; margin: 0; }.journey-status[b-57xm2bsujr] { position: absolute; bottom: 1rem; right: 1rem; font-size: 0.8rem; color: #fde68a; }

@keyframes status-breathe-b-57xm2bsujr { 50% { opacity: 0.45; } }
@keyframes chart-dance-b-57xm2bsujr { from { transform: scaleY(0.25); } to { transform: scaleY(1); } }
@keyframes packet-right-b-57xm2bsujr { from { left: 0; opacity: 0; } 15%, 85% { opacity: 1; } to { left: calc(100% - 16px); opacity: 0; } }
@keyframes rotate-orbit-b-57xm2bsujr { to { transform: rotate(360deg); } }
@keyframes cloud-lift-b-57xm2bsujr { 50% { transform: translateY(-10px) scale(1.08); } }
@keyframes scope-scroll-b-57xm2bsujr { to { transform: translateX(-50%); } }
@keyframes universe-pan-b-57xm2bsujr { to { transform: scale(1.15) translateX(-3%); } }
@keyframes sync-expansion-b-57xm2bsujr { from { transform: scale(0.5); opacity: 0.8; } to { transform: scale(1.7); opacity: 0; } }
@keyframes core-float-b-57xm2bsujr { 50% { transform: translateY(-9px) scale(1.06); } }
@keyframes platform-drift-b-57xm2bsujr { 50% { translate: 0 -10px; } }
@keyframes icon-energize-b-57xm2bsujr { 50% { filter: drop-shadow(0 0 10px currentColor); transform: scale(1.07); } }
@keyframes stream-data-b-57xm2bsujr { to { stroke-dashoffset: -164; } }
@keyframes cloud-energy-b-57xm2bsujr { 50% { box-shadow: 0 0 90px #2563eb77, inset 0 0 30px #3b82f633; } }
@keyframes cloud-broadcast-b-57xm2bsujr { from { transform: scale(1); opacity: 0.6; } to { transform: scale(1.35); opacity: 0; } }
@keyframes source-energize-b-57xm2bsujr { 50% { border-color: #93c5fd; box-shadow: 0 0 25px #3b82f633; } }
@keyframes telemetry-wave-b-57xm2bsujr { 50% { transform: scaleY(0.4); } }
@keyframes service-lift-b-57xm2bsujr { 50% { transform: translateY(-5px) scale(1.12); } }
@keyframes innovation-camera-b-57xm2bsujr { to { transform: scale(1.12) translateX(-2%); } }
@keyframes invention-wave-b-57xm2bsujr { from { transform: scale(0.5); opacity: 0.8; } to { transform: scale(2.2); opacity: 0; } }
@keyframes idea-rise-b-57xm2bsujr { 0% { transform: translateY(0); opacity: 0; } 20%, 65% { opacity: 0.8; } 100% { transform: translateY(-30vh) translateX(30px); opacity: 0; } }
@keyframes grid-conveyor-b-57xm2bsujr { to { background-position: 0 60px; } }
@keyframes base-assembly-b-57xm2bsujr { 40%, 65% { translate: 0 -10%; } }
@keyframes circuit-assembly-b-57xm2bsujr { 40%, 65% { translate: 0 13%; } }
@keyframes sensor-assembly-b-57xm2bsujr { 40%, 65% { translate: 0 34%; } }
@keyframes assembly-sweep-b-57xm2bsujr { from { top: -15%; } to { top: 100%; } }
@keyframes journey-camera-b-57xm2bsujr { to { transform: scale(1.12) translateX(-2%); } }
@keyframes journey-flow-b-57xm2bsujr { to { stroke-dashoffset: -400; } }
@keyframes beacon-wave-b-57xm2bsujr { from { transform: scale(0.9); opacity: 0.7; } to { transform: scale(1.7); opacity: 0; } }

@media (min-width: 801px) and (max-height: 750px) {
    .capability-scene[b-57xm2bsujr] { gap: 0.6rem; }h2[b-57xm2bsujr] { font-size: 1.6rem; }.eyebrow[b-57xm2bsujr] { font-size: 0.65rem; margin-bottom: 0.25rem; }.subtitle[b-57xm2bsujr] { font-size: 0.85rem; margin-top: 0.3rem; }.closing[b-57xm2bsujr] { font-size: 0.85rem; }
    .platform-satellite[b-57xm2bsujr] { padding: 0.6rem; gap: 0.5rem; }.platform-icon[b-57xm2bsujr] { flex-basis: 2rem; }.platform-satellite h3[b-57xm2bsujr] { font-size: 0.9rem; }.platform-satellite p[b-57xm2bsujr] { font-size: 0.75rem; }.satellite-state[b-57xm2bsujr] { font-size: 0.6rem; }
    .source-stack[b-57xm2bsujr] { gap: 0.6rem; }.source-device[b-57xm2bsujr] { padding: 0.6rem; }.azure-monitor[b-57xm2bsujr] { padding-top: 0.6rem; margin-top: 0.6rem; }
    .innovation-headline strong[b-57xm2bsujr] { font-size: 7vh; }.innovation-headline p[b-57xm2bsujr] { font-size: 0.85rem; }.innovation-path[b-57xm2bsujr] { gap: 1rem; }.innovation-path p[b-57xm2bsujr] { font-size: 0.75rem; }.innovation-path li[b-57xm2bsujr] { padding-top: 0.6rem; }.innovation-path h3[b-57xm2bsujr] { font-size: 0.9rem; }
    .lab-details[b-57xm2bsujr] { gap: 0.6vh; }.lab-details .lab-headline[b-57xm2bsujr] { font-size: 4.3vh; }.lab-details article[b-57xm2bsujr] { padding: 0.8vh 0 0.8vh 0.75rem; }.lab-details article h3[b-57xm2bsujr] { font-size: 0.9rem; }.lab-details article p[b-57xm2bsujr] { font-size: 0.75rem; }
    .journey-beacon[b-57xm2bsujr] { margin-bottom: 0.5rem; }.journey-stops h3[b-57xm2bsujr] { font-size: 0.95rem; }.journey-stops p[b-57xm2bsujr] { font-size: 0.8rem; }
}
@media (max-width: 800px) {
    .capability-scene[b-57xm2bsujr] { padding: calc(8rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-left)) max(5rem, calc(4rem + env(safe-area-inset-bottom))) max(1rem, env(safe-area-inset-right)); gap: 1rem; }
    h2[b-57xm2bsujr] { font-size: clamp(1.5rem, 6vw, 2.4rem); }.subtitle[b-57xm2bsujr] { font-size: 0.95rem; }.eyebrow[b-57xm2bsujr] { font-size: 0.65rem; }h3[b-57xm2bsujr] { font-size: 1.1rem; }article p[b-57xm2bsujr] { font-size: 0.95rem; }
    .hybrid-universe[b-57xm2bsujr], .innovation-theater[b-57xm2bsujr], .hardware-lab[b-57xm2bsujr], .consulting-journey[b-57xm2bsujr], .azure-stage[b-57xm2bsujr] { flex: 0 0 auto; min-height: auto; }
    .hybrid-universe[b-57xm2bsujr] { display: flex; flex-direction: column; gap: 1rem; padding: 1rem 1rem 3rem; }.universe-image[b-57xm2bsujr] { height: 24rem; object-fit: cover; opacity: 0.65; }.shared-core[b-57xm2bsujr] { position: relative; left: auto; top: auto; transform: none; height: 16rem; flex: 0 0 16rem; justify-content: center; }.shared-core img[b-57xm2bsujr] { width: 5rem; height: 5rem; }.shared-core strong[b-57xm2bsujr] { font-size: 1.8rem; }.shared-core > span[b-57xm2bsujr] { font-size: 1.2rem; }.sync-radar[b-57xm2bsujr] { top: 9rem; width: 14rem; }.platform-satellite[b-57xm2bsujr] { position: relative; width: 100%; left: auto; right: auto; top: auto; bottom: auto; animation: none; padding: 1rem; }.platform-icon[b-57xm2bsujr] { flex-basis: 3rem; }.platform-satellite h3[b-57xm2bsujr] { font-size: 1.05rem; }.platform-satellite p[b-57xm2bsujr] { font-size: 0.9rem; }.sync-connections[b-57xm2bsujr] { display: none; }.universe-caption[b-57xm2bsujr] { font-size: 0.65rem; }
    .azure-stage[b-57xm2bsujr] { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 2rem auto 2rem auto auto; }.source-stack[b-57xm2bsujr] { gap: 0.75rem; }.source-device[b-57xm2bsujr] { padding: 1rem; }.azure-core[b-57xm2bsujr] { width: 15rem; justify-self: center; }.azure-core svg[b-57xm2bsujr] { max-height: 5rem; }.azure-core strong[b-57xm2bsujr] { font-size: 2.5rem; }.packet-bridge[b-57xm2bsujr] { justify-self: center; align-self: stretch; width: 3px; height: auto; }.packet-bridge i[b-57xm2bsujr] { left: -2px; width: 7px; height: 12px; animation-name: packet-down-b-57xm2bsujr; }.service-stack[b-57xm2bsujr] { gap: 0.75rem; }.service-stack article[b-57xm2bsujr] { padding: 1rem; }.azure-monitor[b-57xm2bsujr] { grid-column: 1; flex-wrap: wrap; font-size: 0.75rem; }.azure-monitor > span:last-child[b-57xm2bsujr] { margin-left: 0; }.monitor-wave[b-57xm2bsujr] { max-width: none; min-width: 5rem; }
    .innovation-theater[b-57xm2bsujr] { padding: 1.5rem 1rem; }.innovation-image[b-57xm2bsujr] { height: 27rem; object-position: 70% center; opacity: 0.8; }.innovation-shade[b-57xm2bsujr] { background: linear-gradient(90deg, #080515cc, #08051533), linear-gradient(0deg, #080515 35%, transparent); }.innovation-headline[b-57xm2bsujr] { position: relative; left: auto; top: auto; min-height: 20rem; }.innovation-headline strong[b-57xm2bsujr] { font-size: 3.5rem; }.innovation-headline p[b-57xm2bsujr] { font-size: 1rem; }.innovation-aura[b-57xm2bsujr] { left: 55%; top: 4rem; width: 40%; }.idea-focus[b-57xm2bsujr] { left: 55%; top: 4rem; width: 40%; }.innovation-path[b-57xm2bsujr] { position: relative; inset: auto; grid-template-columns: minmax(0, 1fr); gap: 1.2rem; }.innovation-path h3[b-57xm2bsujr] { font-size: 1.1rem; }.innovation-path p[b-57xm2bsujr] { font-size: 0.95rem; }.innovation-number[b-57xm2bsujr] { font-size: 2rem; }
    .hardware-lab[b-57xm2bsujr] { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }.assembly-stage[b-57xm2bsujr] { height: 24rem; }.assembly-layer[b-57xm2bsujr] { left: 10%; width: 80%; }.lab-label[b-57xm2bsujr] { font-size: 0.5rem; }.lab-details[b-57xm2bsujr] { gap: 1rem; }.lab-details .lab-headline[b-57xm2bsujr] { font-size: 2.5rem; }.lab-details article[b-57xm2bsujr] { padding: 1rem 0 1rem 0.75rem; }.lab-details article h3[b-57xm2bsujr] { font-size: 1.05rem; }.lab-details article p[b-57xm2bsujr] { font-size: 0.95rem; }.lab-signal[b-57xm2bsujr] { height: 3rem; }
    .consulting-journey[b-57xm2bsujr] { padding: 1.5rem 1rem 3.5rem; }.journey-image[b-57xm2bsujr] { height: 22rem; object-position: 75% center; }.journey-shade[b-57xm2bsujr] { background: linear-gradient(90deg, #12101be0, #12101b77), linear-gradient(0deg, #12101b 35%, transparent); }.journey-heading[b-57xm2bsujr] { position: relative; top: auto; left: auto; min-height: 13rem; }.journey-heading strong[b-57xm2bsujr] { font-size: 2.3rem; }.journey-heading > span[b-57xm2bsujr] { font-size: 0.55rem; }.journey-stops[b-57xm2bsujr] { position: relative; inset: auto; display: flex; flex-direction: column; gap: 1.5rem; border-left: 2px solid #fbbf2466; padding-left: 1rem; margin-left: 1rem; }.journey-stops li[b-57xm2bsujr] { position: relative; width: 100%; top: auto; right: auto; left: auto; padding: 1rem; }.journey-beacon[b-57xm2bsujr] { width: 3.2rem; margin-bottom: 1rem; }.journey-phase[b-57xm2bsujr] { font-size: 0.75rem; }.journey-stops h3[b-57xm2bsujr] { font-size: 1.1rem; }.journey-stops p[b-57xm2bsujr] { font-size: 0.95rem; }.journey-route[b-57xm2bsujr] { display: none; }.journey-status[b-57xm2bsujr] { font-size: 0.7rem; left: 1rem; right: auto; }
}
@keyframes packet-down-b-57xm2bsujr { from { top: 0; opacity: 0; } 15%, 85% { opacity: 1; } to { top: calc(100% - 12px); opacity: 0; } }

/* 09: an energetic assembly cycle, inter-layer signals, and radiating telemetry. */
.layer-base[b-57xm2bsujr] { animation: hardware-base-cycle-b-57xm2bsujr 5s ease-in-out infinite; }
.layer-circuit[b-57xm2bsujr] { animation: hardware-circuit-cycle-b-57xm2bsujr 5s ease-in-out infinite; }
.layer-sensor[b-57xm2bsujr] { animation: hardware-sensor-cycle-b-57xm2bsujr 5s ease-in-out infinite; }
.layer-circuit .current[b-57xm2bsujr] { animation-duration: 0.7s; stroke-width: 5; filter: drop-shadow(0 0 5px #5eead4); }
.sensor-core[b-57xm2bsujr] { animation: hardware-core-charge-b-57xm2bsujr 1.8s ease-in-out infinite; }
.sensor-core i[b-57xm2bsujr] { animation-duration: 3s; border-width: 2px; }
.assembly-grid[b-57xm2bsujr] { animation-duration: 2.5s; }
.assembly-scan[b-57xm2bsujr] { animation-duration: 2.2s; background: linear-gradient(transparent, #5eead433); }
.assembly-links[b-57xm2bsujr] { position: absolute; inset: 20% 20%; pointer-events: none; }
.assembly-links i[b-57xm2bsujr] { position: absolute; top: 0; bottom: 0; width: 1px; background: linear-gradient(transparent, #99f6e455, transparent); transform: rotate(12deg); }
.assembly-links i:nth-child(1)[b-57xm2bsujr] { left: 10%; }.assembly-links i:nth-child(2)[b-57xm2bsujr] { left: 35%; }.assembly-links i:nth-child(3)[b-57xm2bsujr] { left: 65%; }.assembly-links i:nth-child(4)[b-57xm2bsujr] { left: 90%; }
.assembly-links i[b-57xm2bsujr]::after { content: ''; position: absolute; left: -2px; width: 5px; height: 20px; border-radius: 4px; background: #ccfbf1; box-shadow: 0 0 18px #5eead4; animation: interlayer-signal-b-57xm2bsujr 1.7s linear infinite; }
.assembly-links i:nth-child(2)[b-57xm2bsujr]::after { animation-delay: -0.4s; animation-direction: reverse; }.assembly-links i:nth-child(3)[b-57xm2bsujr]::after { animation-delay: -0.8s; }.assembly-links i:nth-child(4)[b-57xm2bsujr]::after { animation-delay: -1.2s; animation-direction: reverse; }
.assembly-particles[b-57xm2bsujr] { position: absolute; inset: 0; pointer-events: none; }
.assembly-particles i[b-57xm2bsujr] { position: absolute; left: calc(8% + var(--particle) * 5.5%); bottom: 12%; width: 3px; height: 3px; border-radius: 50%; background: #99f6e4; box-shadow: 0 0 12px #5eead4; opacity: 0; animation: hardware-telemetry-b-57xm2bsujr 3.8s linear infinite; animation-delay: calc(var(--particle) * -0.27s); }
.assembly-transmitter[b-57xm2bsujr] { position: absolute; left: 50%; top: 30%; width: 20%; aspect-ratio: 1; transform: translate(-50%, -50%); pointer-events: none; }
.assembly-transmitter i[b-57xm2bsujr] { position: absolute; inset: 0; border: 1px solid #99f6e4; border-radius: 50%; animation: transmitter-burst-b-57xm2bsujr 2.4s ease-out infinite; }.assembly-transmitter i:nth-child(2)[b-57xm2bsujr] { animation-delay: -0.8s; }.assembly-transmitter i:nth-child(3)[b-57xm2bsujr] { animation-delay: -1.6s; }
.lab-details article.is-active .lab-index[b-57xm2bsujr] { animation: icon-energize-b-57xm2bsujr 1s ease-in-out infinite; }
.lab-activity i[b-57xm2bsujr] { animation-duration: 0.4s; }.lab-signal svg[b-57xm2bsujr] { animation-duration: 1.3s; }

/* 10: light packets travel the route; every milestone radiates and builds momentum. */
.route-travelers[b-57xm2bsujr] { stroke: none; fill: #fff7cc; filter: drop-shadow(0 0 8px #fbbf24); }
.journey-route .route-progress[b-57xm2bsujr] { animation-duration: 1.6s; stroke-dasharray: 28 75; }
.beacon-orbit[b-57xm2bsujr] { position: absolute; inset: -5px; border: 2px solid transparent; border-top-color: #fcd34d; border-bottom-color: #fcd34d66; border-radius: 50%; animation: rotate-orbit-b-57xm2bsujr 2.6s linear infinite; }
.journey-beacon .beacon-echo[b-57xm2bsujr] { animation-delay: -1.1s; }
.journey-beacon i[b-57xm2bsujr] { animation-duration: 2.2s; }
.journey-beacon > span[b-57xm2bsujr] { animation: milestone-number-b-57xm2bsujr 2.8s ease-in-out infinite; }
.stop-1 .beacon-orbit[b-57xm2bsujr] { animation-direction: reverse; animation-duration: 3.2s; }.stop-2 .beacon-orbit[b-57xm2bsujr] { animation-duration: 2s; }
.journey-stops li[b-57xm2bsujr] { animation: milestone-presence-b-57xm2bsujr 4.2s ease-in-out infinite; }.journey-stops .stop-1[b-57xm2bsujr] { animation-delay: -1.4s; }.journey-stops .stop-2[b-57xm2bsujr] { animation-delay: -2.8s; }
.journey-momentum[b-57xm2bsujr] { position: relative; height: 3px; overflow: hidden; width: 70%; background: #fbbf241a; margin-top: 0.75rem; border-radius: 3px; }
.journey-momentum i[b-57xm2bsujr] { position: absolute; inset: 0; background: linear-gradient(90deg, transparent, #fcd34d); transform-origin: left; animation: momentum-fill-b-57xm2bsujr 4.2s ease-in-out infinite; }.stop-1 .journey-momentum i[b-57xm2bsujr] { animation-delay: -1.4s; }.stop-2 .journey-momentum i[b-57xm2bsujr] { animation-delay: -2.8s; }
.journey-atmosphere[b-57xm2bsujr] { position: absolute; inset: 0; pointer-events: none; z-index: -1; }
.journey-atmosphere i[b-57xm2bsujr] { position: absolute; left: calc(4% + var(--particle) * 8%); top: calc(15% + var(--particle) * 5%); width: 4px; height: 4px; background: #fde68a; border-radius: 50%; box-shadow: 0 0 14px #fbbf24; opacity: 0; animation: journey-drift-b-57xm2bsujr 5s linear infinite; animation-delay: calc(var(--particle) * -0.45s); }
.journey-image[b-57xm2bsujr] { animation-duration: 9s; }.journey-status .live-light[b-57xm2bsujr] { animation-duration: 0.8s; }
@keyframes hardware-base-cycle-b-57xm2bsujr { 0%, 100% { translate: 0 0; transform: rotateX(35deg) rotateZ(-20deg); } 40%, 55% { translate: 0 -8%; transform: rotateX(25deg) rotateZ(-13deg); } 75% { translate: 0 3%; } }
@keyframes hardware-circuit-cycle-b-57xm2bsujr { 0%, 100% { translate: 0 -5%; transform: rotateX(35deg) rotateZ(-20deg); } 40%, 55% { translate: 0 22%; transform: rotateX(25deg) rotateZ(-13deg); } 75% { translate: 0 -10%; } }
@keyframes hardware-sensor-cycle-b-57xm2bsujr { 0%, 100% { translate: 0 -5%; transform: rotateX(35deg) rotateZ(-20deg); } 40%, 55% { translate: 0 52%; transform: rotateX(25deg) rotateZ(-13deg); } 75% { translate: 0 -10%; } }
@keyframes hardware-core-charge-b-57xm2bsujr { 50% { box-shadow: 0 0 40px #5eead499; background: #115e59; } }
@keyframes interlayer-signal-b-57xm2bsujr { from { top: 0; opacity: 0; } 15%, 85% { opacity: 1; } to { top: calc(100% - 20px); opacity: 0; } }
@keyframes hardware-telemetry-b-57xm2bsujr { 0% { transform: translateY(0) translateX(0); opacity: 0; } 20%, 75% { opacity: 0.85; } 100% { transform: translateY(-32vh) translateX(25px); opacity: 0; } }
@keyframes transmitter-burst-b-57xm2bsujr { from { transform: scale(0.4); opacity: 0.7; } to { transform: scale(2.5); opacity: 0; } }
@keyframes milestone-number-b-57xm2bsujr { 50% { text-shadow: 0 0 15px #fbbf24; transform: scale(1.12); } }
@keyframes milestone-presence-b-57xm2bsujr { 40% { translate: 0 -5px; background-color: #fbbf2408; } }
@keyframes momentum-fill-b-57xm2bsujr { 0% { transform: scaleX(0); opacity: 0.4; } 65%, 85% { transform: scaleX(1); opacity: 1; } 100% { transform: scaleX(1); opacity: 0; } }
@keyframes journey-drift-b-57xm2bsujr { 0% { transform: translate(-30px, 30px); opacity: 0; } 20%, 75% { opacity: 0.65; } 100% { transform: translate(70px, -45px); opacity: 0; } }
@media (max-width: 800px) {
    .journey-stops[b-57xm2bsujr] { position: relative; }
    .journey-stops[b-57xm2bsujr]::before { content: ''; position: absolute; left: -3px; top: 0; width: 4px; height: 70px; border-radius: 3px; background: linear-gradient(transparent, #fde68a, transparent); box-shadow: 0 0 15px #fbbf24; animation: mobile-route-travel-b-57xm2bsujr 4.2s linear infinite; }
    .journey-momentum[b-57xm2bsujr] { width: 90%; }
    .assembly-particles i[b-57xm2bsujr] { animation-duration: 3s; }
}
@keyframes mobile-route-travel-b-57xm2bsujr { from { top: 0; opacity: 0; } 15%, 85% { opacity: 1; } to { top: calc(100% - 70px); opacity: 0; } }

/* Azure: continuous radar motion, counter-orbiting signals, and clock-driven telemetry. */
.azure-core[b-57xm2bsujr] { isolation: isolate; }
.azure-core > svg[b-57xm2bsujr], .azure-core > strong[b-57xm2bsujr], .azure-core > .azure-processing[b-57xm2bsujr], .azure-core > .core-meter[b-57xm2bsujr] { position: relative; z-index: 2; }
.azure-sweep[b-57xm2bsujr] { position: absolute; inset: 5%; border-radius: 50%; background: conic-gradient(from 0deg, transparent 55%, #3b82f611 75%, #60a5fa44 96%, #93c5fd99 100%); mask-image: radial-gradient(transparent 30%, black 31%, black 70%, transparent 71%); animation: rotate-orbit-b-57xm2bsujr 4s linear infinite; pointer-events: none; }
.azure-inner-ring[b-57xm2bsujr] { position: absolute; inset: 14%; border: 2px solid transparent; border-left-color: #93c5fdaa; border-right-color: #60a5fa55; border-radius: 50%; animation: azure-counter-orbit-b-57xm2bsujr 5.5s linear infinite; pointer-events: none; }
.azure-satellites[b-57xm2bsujr] { position: absolute; inset: -9px; pointer-events: none; }
.azure-satellites > span[b-57xm2bsujr] { position: absolute; inset: 0; border-radius: 50%; animation: rotate-orbit-b-57xm2bsujr 7s linear infinite; animation-delay: calc(var(--satellite) * -1.17s); }
.azure-satellites > span:nth-child(even)[b-57xm2bsujr] { inset: 13%; animation-name: azure-counter-orbit-b-57xm2bsujr; animation-duration: 5s; }
.azure-satellites i[b-57xm2bsujr] { position: absolute; left: 14%; top: 14%; width: 7px; height: 7px; background: #dbeafe; border-radius: 50%; box-shadow: 0 0 15px 3px #60a5faaa; }
.azure-ripples[b-57xm2bsujr] { position: absolute; inset: 12%; pointer-events: none; z-index: -1; }
.azure-ripples i[b-57xm2bsujr] { position: absolute; inset: 0; border: 1px solid #93c5fd77; border-radius: 50%; animation: azure-ripple-b-57xm2bsujr 3.2s ease-out infinite; }.azure-ripples i:nth-child(2)[b-57xm2bsujr] { animation-delay: -1.07s; }.azure-ripples i:nth-child(3)[b-57xm2bsujr] { animation-delay: -2.14s; }
.cloud-orbit[b-57xm2bsujr] { animation: rotate-orbit-b-57xm2bsujr 4s linear infinite; transform-origin: center; }
.cloud-orbit[b-57xm2bsujr]::after { top: 0; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; background: #dbeafe; box-shadow: 0 0 10px 3px #93c5fd, 0 0 25px #60a5fa; }
.azure-core > svg[b-57xm2bsujr] { transform-origin: center; animation: azure-cloud-process-b-57xm2bsujr 2s ease-in-out infinite; }
.azure-core > .core-meter[b-57xm2bsujr] { height: 6px; border-radius: 6px; background: #1e3a8a; }
.azure-core > .core-meter i[b-57xm2bsujr] { left: 0; width: 45%; border-radius: inherit; background: linear-gradient(90deg, #3b82f6, #dbeafe, #60a5fa); box-shadow: 0 0 12px #93c5fd; animation: azure-meter-travel-b-57xm2bsujr 1.3s ease-in-out infinite alternate; }
@keyframes azure-meter-travel-b-57xm2bsujr { from { transform: translateX(0) scaleX(0.55); opacity: 0.65; } to { transform: translateX(122%) scaleX(1); opacity: 1; } }
.azure-core[b-57xm2bsujr]::after { animation-duration: 2.2s; }
.azure-processing[b-57xm2bsujr] { min-height: 1.4em; color: #bfdbfe; }
.telemetry-bars[b-57xm2bsujr] { display: flex; align-items: flex-end; gap: 3px; width: 52px; height: 23px; flex: 0 0 52px; margin-left: auto; }
.telemetry-bars i[b-57xm2bsujr] { flex: 1; min-width: 0; border-radius: 2px 2px 0 0; background: linear-gradient(#bfdbfe, #3b82f6); box-shadow: 0 0 5px #60a5fa44; }
.source-device[b-57xm2bsujr] { position: relative; overflow: hidden; transition: background 0.5s, border-color 0.5s; }
.source-device[b-57xm2bsujr]::after { content: ''; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 30%, #93c5fd22 50%, transparent 70%); animation: azure-panel-scan-b-57xm2bsujr 3s linear infinite; pointer-events: none; }
.source-device:nth-child(3)[b-57xm2bsujr]::after { animation-delay: -1s; }.source-device:nth-child(4)[b-57xm2bsujr]::after { animation-delay: -2s; }
.source-device.source-active[b-57xm2bsujr] { background: #163665; border-color: #93c5fd; }
.service-stack article[b-57xm2bsujr] { position: relative; overflow: hidden; transition: background 0.6s, border-color 0.6s; }
.service-stack article[b-57xm2bsujr]::after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 30%; background: linear-gradient(90deg, transparent, #93c5fd); animation: azure-service-flow-b-57xm2bsujr 2s linear infinite; }
.service-stack article:nth-of-type(2)[b-57xm2bsujr]::after { animation-delay: -0.66s; }.service-stack article:nth-of-type(3)[b-57xm2bsujr]::after { animation-delay: -1.33s; }
.service-stack article.service-active[b-57xm2bsujr] { border-color: #93c5fd; background: #163665; box-shadow: 0 0 25px #3b82f633; }
.packet-bridge[b-57xm2bsujr] { background: linear-gradient(90deg, #60a5fa44, #93c5fd, #60a5fa44); }
.packet-bridge i[b-57xm2bsujr] { animation-duration: 0.7s; width: 20px; box-shadow: 0 0 18px 3px #60a5fa99; }
.packet-bridge i:nth-child(2)[b-57xm2bsujr] { animation-direction: reverse; background: #c4b5fd; animation-delay: -0.23s; }.packet-bridge i:nth-child(3)[b-57xm2bsujr] { animation-delay: -0.46s; }
.azure .monitor-wave[b-57xm2bsujr] { height: 32px; }.azure .monitor-wave i[b-57xm2bsujr] { animation: none; border-radius: 3px; box-shadow: 0 0 5px #60a5fa44; }
@keyframes azure-counter-orbit-b-57xm2bsujr { to { transform: rotate(-360deg); } }
@keyframes azure-ripple-b-57xm2bsujr { from { transform: scale(0.5); opacity: 0.8; } to { transform: scale(1.5); opacity: 0; } }
@keyframes azure-cloud-process-b-57xm2bsujr { 0%, 100% { transform: scale(0.96); fill: #1e40af44; filter: drop-shadow(0 0 8px #60a5fa); } 50% { transform: scale(1.12); fill: #3b82f688; filter: drop-shadow(0 0 24px #93c5fd); } }
@keyframes azure-panel-scan-b-57xm2bsujr { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
@keyframes azure-service-flow-b-57xm2bsujr { from { left: -30%; } to { left: 100%; } }
@media (max-width: 800px) {
    .azure-satellites[b-57xm2bsujr] { inset: -5px; }.azure-satellites i[b-57xm2bsujr] { width: 5px; height: 5px; }
    .packet-bridge i[b-57xm2bsujr] { width: 7px; height: 12px; }
    .telemetry-bars[b-57xm2bsujr] { height: 25px; }
}

/* Animate the hardware explanation itself, not only the assembly beside it. */
.lab-headline > span[b-57xm2bsujr] { transition: color 0.5s, text-shadow 0.5s; }
.lab-headline > .word-active[b-57xm2bsujr] { color: #99f6e4; text-shadow: 0 0 24px #5eead466; }
.lab-details article[b-57xm2bsujr] { position: relative; isolation: isolate; overflow: hidden; }
.lab-details article[b-57xm2bsujr]::before { content: ''; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 15%, #5eead418 50%, transparent 85%); pointer-events: none; animation: hardware-row-sweep-b-57xm2bsujr 3.6s linear infinite; z-index: -1; }
.lab-details article:nth-of-type(2)[b-57xm2bsujr]::before { animation-delay: -1.2s; }.lab-details article:nth-of-type(3)[b-57xm2bsujr]::before { animation-delay: -2.4s; }
.lab-details article.is-active[b-57xm2bsujr] { box-shadow: -5px 0 20px -12px #99f6e4; }
.lab-activity[b-57xm2bsujr] { align-items: flex-end; flex: 0 0 46px; height: 30px; gap: 3px; }
.lab-activity i[b-57xm2bsujr] { flex: 1; min-width: 0; width: 3px; transform-origin: bottom; animation: lab-bar-pulse-b-57xm2bsujr 0.85s ease-in-out infinite alternate; background: linear-gradient(#ccfbf1, #2dd4bf); box-shadow: 0 0 7px #5eead455; border-radius: 2px; }
.lab-activity i:nth-child(2n)[b-57xm2bsujr] { animation-delay: -0.35s; animation-duration: 0.65s; }
.lab-activity i:nth-child(3n)[b-57xm2bsujr] { animation-delay: -0.6s; animation-duration: 1.1s; }
.lab-row-flow[b-57xm2bsujr] { position: absolute; left: 1rem; right: 0.5rem; bottom: 0; height: 2px; background: #5eead40d; overflow: hidden; }
.lab-row-flow i[b-57xm2bsujr] { display: block; width: 35% !important; height: 100%; background: linear-gradient(90deg, transparent, #5eead4, #ccfbf1, transparent); box-shadow: 0 0 12px #5eead4; animation: lab-flow-travel-b-57xm2bsujr 2.4s linear infinite; }
.lab-details article:nth-of-type(2) .lab-row-flow i[b-57xm2bsujr] { animation-delay: -0.8s; }
.lab-details article:nth-of-type(3) .lab-row-flow i[b-57xm2bsujr] { animation-delay: -1.6s; }
.lab-index[b-57xm2bsujr] { display: inline-grid; place-items: center; min-width: 1.5rem; }
.lab-details article.is-active .lab-index[b-57xm2bsujr] { border-radius: 50%; animation: lab-index-ping-b-57xm2bsujr 1.4s ease-out infinite; }
.lab-signal[b-57xm2bsujr] { position: relative; border-radius: 5px; background-image: linear-gradient(#5eead40b 1px, transparent 1px), linear-gradient(90deg, #5eead40b 1px, transparent 1px); background-size: 20px 12px; }
.lab-signal svg[b-57xm2bsujr] { width: 100%; animation: none; }
.lab-wave-shadow[b-57xm2bsujr] { stroke: #5eead433; stroke-width: 6; }
.lab-wave-live[b-57xm2bsujr] { stroke: #99f6e4; stroke-width: 1.8; stroke-dasharray: 65 25; animation: lab-wave-travel-b-57xm2bsujr 1.6s linear infinite; filter: drop-shadow(0 0 4px #5eead4); }
.lab-signal[b-57xm2bsujr]::after { content: ''; position: absolute; top: 0; bottom: 0; width: 15%; background: linear-gradient(90deg, transparent, #99f6e433); border-right: 1px solid #99f6e4; animation: lab-scope-scan-b-57xm2bsujr 2.4s linear infinite; pointer-events: none; }
@keyframes hardware-row-sweep-b-57xm2bsujr { from { transform: translateX(-40%); opacity: 0; } 20%, 80% { opacity: 1; } to { transform: translateX(40%); opacity: 0; } }
@keyframes lab-index-ping-b-57xm2bsujr { from { box-shadow: 0 0 0 0 #5eead466; } to { box-shadow: 0 0 0 10px #5eead400; } }
@keyframes lab-scope-scan-b-57xm2bsujr { from { left: -15%; } to { left: 100%; } }
@keyframes lab-bar-pulse-b-57xm2bsujr { from { transform: scaleY(0.25); opacity: 0.55; } to { transform: scaleY(1); opacity: 1; } }
@keyframes lab-flow-travel-b-57xm2bsujr { from { translate: -110% 0; } to { translate: 300% 0; } }
@keyframes lab-wave-travel-b-57xm2bsujr { to { stroke-dashoffset: -180; } }
@media (max-width: 800px) { .lab-activity[b-57xm2bsujr] { flex-basis: 36px; height: 27px; gap: 2px; } }


/* Hardware photographs sit inside the animated glass planes, below their signals. */
.assembly-layer .layer-hardware-image[b-57xm2bsujr] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    opacity: .44;
    filter: saturate(.55) contrast(1.08);
    mix-blend-mode: screen;
    mask-image: linear-gradient(to bottom, #000 65%, #0008);
    pointer-events: none;
}
.layer-sensor .layer-hardware-image[b-57xm2bsujr] { opacity: .3; object-position: 75% 55%; }
.layer-circuit > svg[b-57xm2bsujr] { position: relative; z-index: 1; }
.layer-sensor .sensor-core[b-57xm2bsujr] { z-index: 2; background: #042f2edb; }
.layer-circuit > span[b-57xm2bsujr],
.layer-sensor > span[b-57xm2bsujr] { z-index: 3; padding: .25rem .45rem; border-radius: 4px; background: #022c22b3; text-shadow: 0 1px 5px #000; }
/* _content/CloudSphereApplication.Shared/Components/Demo/DemoCompleteBackground.razor.rz.scp.css */
.demo-complete[b-ym9y7xovfr] { position: absolute; inset: 0; display: grid; place-items: center; padding: 5rem 1.5rem; overflow: hidden; color: #edf5ff; background: radial-gradient(ellipse at 50% 40%, #1a3b5a55, transparent 60%), #060c17; text-align: center; font-family: 'Inter', 'Segoe UI', sans-serif; }
.complete-content[b-ym9y7xovfr] { width: min(100%, 84rem); animation: complete-arrive-b-ym9y7xovfr 1s ease-out both; }
.complete-brand[b-ym9y7xovfr] { display: flex; align-items: center; justify-content: center; gap: clamp(1rem, 2.5vw, 2.5rem); }
.complete-brand img[b-ym9y7xovfr] { width: clamp(6rem, 18vw, 13rem); flex-shrink: 0; height: auto; filter: url(#complete-logo-cutout) drop-shadow(0 0 15px #7dd3fc33); }
.complete-brand span[b-ym9y7xovfr] { color: #d9edff; font: 650 clamp(1.2rem, 5.8vw, 5rem)/1.2 'Orbitron', sans-serif; text-align: left; text-transform: uppercase; letter-spacing: .04em; }
.complete-rule[b-ym9y7xovfr] { height: 1px; width: 12rem; max-width: 70%; margin: 2rem auto; background: linear-gradient(90deg, transparent, #7fbfd9, transparent); }
h2[b-ym9y7xovfr] { margin: 0; color: #a8d7ec; font: 700 clamp(1.5rem, 4vw, 3rem)/1.3 'Orbitron', sans-serif; letter-spacing: .12em; }
p[b-ym9y7xovfr] { margin: 1.25rem 0 0; color: #c1d1e5; font-size: clamp(.9rem, 1.8vw, 1.2rem); line-height: 1.65; }
.complete-return[b-ym9y7xovfr] { display: block; margin-top: 1.5rem; font-size: .75rem; color: #738fa9; }
@keyframes complete-arrive-b-ym9y7xovfr { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .complete-content[b-ym9y7xovfr] { animation: none; } }

@media (max-width: 600px) { .complete-brand[b-ym9y7xovfr] { flex-direction: column; gap: 1rem; }.complete-brand span[b-ym9y7xovfr] { text-align: center; font-size: clamp(1.2rem, 5.8vw, 2rem); } }
/* _content/CloudSphereApplication.Shared/Components/Demo/DemoConnectedBackground.razor.rz.scp.css */
.edge-scene[b-9zav1h5m2m] {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2.5vh, 2rem);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 7.5rem clamp(1rem, 3vw, 4rem) max(4.5rem, calc(3rem + env(safe-area-inset-bottom)));
    color: #f5f8ff;
    background: radial-gradient(ellipse at top right, #123f5b66, transparent 60%), #030714;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}
.edge-scene *[b-9zav1h5m2m] { box-sizing: border-box; }
header[b-9zav1h5m2m] { flex: 0 0 auto; width: 100%; margin: 0; }
.eyebrow[b-9zav1h5m2m] { color: #7dd3fc; text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.8rem; margin: 0 0 0.6rem; }
h2[b-9zav1h5m2m] { font-family: 'Orbitron', sans-serif; font-size: clamp(1.7rem, 3.5vw, 3.5rem); line-height: 1.15; margin: 0 0 0.6rem; }
.intro[b-9zav1h5m2m] { margin: 0; color: #bbcee5; font-size: clamp(1rem, 1.4vw, 1.25rem); line-height: 1.4; }
.edge-layout[b-9zav1h5m2m] { flex: 1 0 auto; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(1rem, 2vw, 2rem); width: 100%; align-items: stretch; }
.system-images[b-9zav1h5m2m] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(0.75rem, 1.5vw, 1.5rem); align-items: stretch; }
figure[b-9zav1h5m2m] { position: relative; display: flex; flex-direction: column; margin: 0; min-width: 0; overflow: hidden; border: 1px solid #7dd3fc33; border-radius: 16px; background: #0d1629; }
img[b-9zav1h5m2m] { display: block; flex: 1 1 auto; width: 100%; height: 0; min-height: 14rem; object-fit: cover; animation: edge-image-motion-b-9zav1h5m2m 7s ease-in-out infinite alternate; }
figcaption[b-9zav1h5m2m] { position: relative; z-index: 1; padding: 0.9rem; font-size: 0.95rem; line-height: 1.4; color: #c9def3; background: #0d1629; }
.benefits[b-9zav1h5m2m] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(0.75rem, 1.5vh, 1.5rem); padding: 0; margin: 0; list-style: none; }
.system-images[b-9zav1h5m2m], .benefits[b-9zav1h5m2m], .benefits li[b-9zav1h5m2m] { min-width: 0; }
.benefits li[b-9zav1h5m2m] { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; border-left: 3px solid #38bdf8; padding: clamp(1rem, 1.5vw, 1.75rem); background: #10203999; border-radius: 0 12px 12px 0; animation: card-glow-b-9zav1h5m2m 3s ease-in-out infinite alternate; }
h3[b-9zav1h5m2m] { margin: 0 0 0.5rem; font-size: clamp(1rem, 1.25vw, 1.4rem); line-height: 1.3; color: #f5f8ff; animation: edge-heading-glow-b-9zav1h5m2m 4s ease-in-out infinite alternate; }
.benefits p[b-9zav1h5m2m] { margin: 0; color: #b8cce5; font-size: clamp(0.9rem, 1.1vw, 1.15rem); line-height: 1.5; }
figure[b-9zav1h5m2m]::after { content: ''; position: absolute; top: 0; bottom: 3rem; width: 2px; background: #7dd3fc; box-shadow: 0 0 22px 6px #38bdf866; animation: image-scan-b-9zav1h5m2m 4s linear infinite; pointer-events: none; }
figure:nth-child(2)[b-9zav1h5m2m]::after { animation-delay: -2s; }
figure:nth-child(2) img[b-9zav1h5m2m] { animation-delay: -3.5s; }
.benefits li:nth-child(2n)[b-9zav1h5m2m] { animation-delay: -1.5s; }
.benefits li[b-9zav1h5m2m]::after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 20%; background: #38bdf8; box-shadow: 0 0 12px #38bdf8; animation: benefit-pulse-b-9zav1h5m2m 3s linear infinite; }
@media (max-width: 1100px) {
    .edge-layout[b-9zav1h5m2m] { grid-template-columns: minmax(0, 1fr); }
    .system-images img[b-9zav1h5m2m] { height: clamp(10rem, 28vh, 22rem); min-height: 0; flex: none; }
}
@media (max-width: 600px) {
    .edge-scene[b-9zav1h5m2m] { padding: calc(8.5rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-left)) max(5rem, calc(4rem + env(safe-area-inset-bottom))) max(1rem, env(safe-area-inset-right)); gap: 1rem; }
    .eyebrow[b-9zav1h5m2m] { font-size: 0.7rem; }
    h2[b-9zav1h5m2m] { font-size: clamp(1.5rem, 6vw, 2rem); }
    .intro[b-9zav1h5m2m] { font-size: 0.95rem; }
    .edge-layout[b-9zav1h5m2m] { flex: 0 0 auto; gap: 1rem; }
    .system-images[b-9zav1h5m2m], .benefits[b-9zav1h5m2m] { grid-template-columns: minmax(0, 1fr); gap: 0.75rem; }
    .system-images img[b-9zav1h5m2m] { height: auto; aspect-ratio: 3 / 2; }
    figcaption[b-9zav1h5m2m] { padding: 0.75rem; font-size: 0.9rem; }
    .benefits li[b-9zav1h5m2m] { padding: 1rem; }
    h3[b-9zav1h5m2m] { font-size: 1rem; }
    .benefits p[b-9zav1h5m2m] { font-size: 0.95rem; }
}
@media (max-height: 600px) and (min-width: 601px) {
    .edge-scene[b-9zav1h5m2m] { gap: 0.75rem; }
    h2[b-9zav1h5m2m] { font-size: 1.7rem; }
    .eyebrow[b-9zav1h5m2m] { margin-bottom: 0.3rem; }
    .intro[b-9zav1h5m2m] { font-size: 0.95rem; }
    .benefits li[b-9zav1h5m2m] { padding: 0.75rem; }
}
@keyframes image-scan-b-9zav1h5m2m { from { left: -5%; } to { left: 105%; } }
@keyframes benefit-pulse-b-9zav1h5m2m { from { left: -20%; } to { left: 100%; } }
@keyframes card-glow-b-9zav1h5m2m { to { border-left-color: #c084fc; box-shadow: 0 0 14px #38bdf822; } }
@keyframes edge-image-motion-b-9zav1h5m2m { to { filter: brightness(1.15) saturate(1.15); transform: scale(1.025); } }
@keyframes edge-heading-glow-b-9zav1h5m2m { to { text-shadow: 0 0 12px #38bdf844; } }

/* _content/CloudSphereApplication.Shared/Components/Demo/DemoConnectedWorldBackground.razor.rz.scp.css */
.world-scene[b-fsr6pspcpc] {
    position: absolute; inset: 0; box-sizing: border-box;
    padding: 7.5rem clamp(1rem, 3vw, 4rem) max(4.5rem, calc(3rem + env(safe-area-inset-bottom)));
    overflow-y: auto; overflow-x: hidden;
    background: radial-gradient(ellipse at center, #17365166, transparent 65%), #030714;
    color: #f5f8ff; font-family: 'Inter', 'Segoe UI', sans-serif;
    display: flex; flex-direction: column; gap: clamp(1rem, 2vh, 2rem);
}
.world-scene *[b-fsr6pspcpc] { box-sizing: border-box; }
header[b-fsr6pspcpc], .world-closing[b-fsr6pspcpc] { flex: 0 0 auto; }
.eyebrow[b-fsr6pspcpc] { margin: 0 0 0.5rem; color: #7dd3fc; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.1em; }
h2[b-fsr6pspcpc] { margin: 0; font: 700 clamp(1.7rem, 3.5vw, 3.5rem) / 1.2 'Orbitron', sans-serif; }
.network[b-fsr6pspcpc] { flex: 1 0 auto; display: flex; flex-direction: column; min-width: 0; }
.device-row[b-fsr6pspcpc] { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; padding-bottom: 3rem; }
/* Equal-width columns keep every branch aligned with its device center. */
.device-row[b-fsr6pspcpc]::after { content: ''; position: absolute; left: calc((100% - 4rem) / 10); right: calc((100% - 4rem) / 10); bottom: 0; height: 2px; background: #38bdf8; box-shadow: 0 0 10px #38bdf855; }
.device-node[b-fsr6pspcpc] { position: relative; min-width: 0; text-align: center; border: 1px solid #38bdf866; border-radius: 12px; background: #0b1930; padding: clamp(0.5rem, 1vw, 1rem); }
.device-node[b-fsr6pspcpc]::after { content: ''; position: absolute; top: 100%; left: calc(50% - 1px); width: 2px; height: calc(3rem + 1px); background: linear-gradient(#38bdf8, #a78bfa, #38bdf8); }
.device-node img[b-fsr6pspcpc] { display: block; width: 100%; height: clamp(8rem, 22vh, 22rem); object-fit: cover; border-radius: 8px; animation: world-image-glow-b-fsr6pspcpc 3s ease-in-out infinite alternate; }
.device-node strong[b-fsr6pspcpc] { display: block; font-size: clamp(1rem, 1.3vw, 1.5rem); line-height: 1.25; margin-top: 0.75rem; }
.device-action[b-fsr6pspcpc] { display: block; font-size: clamp(0.8rem, 1vw, 1rem); line-height: 1.4; color: #7dd3fc; margin-top: 0.4rem; }
.action-spark[b-fsr6pspcpc] { position: absolute; top: 0.5rem; right: 0.75rem; padding: 0.2rem 0.4rem; border-radius: 50%; background: #052e16; color: #4ade80; animation: glow-b-fsr6pspcpc 0.8s infinite alternate; }
.data-lanes[b-fsr6pspcpc] { position: relative; flex: 0 0 3rem; }
.lane[b-fsr6pspcpc] { position: absolute; top: 0; bottom: 0; left: calc(25% - 1.5rem); width: 2px; background: #38bdf8; }
.lane span[b-fsr6pspcpc] { position: absolute; width: 6px; height: 10px; left: -2px; border-radius: 5px; background: #7dd3fc; box-shadow: 0 0 12px #38bdf8; animation: data-flow-b-fsr6pspcpc 1.1s linear infinite; }
.lane .return-pulse[b-fsr6pspcpc] { background: #c084fc; animation-direction: reverse; }
.processing-row[b-fsr6pspcpc] { flex: 1 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) 6rem minmax(0, 1fr); align-items: stretch; width: 100%; }
.edge-node[b-fsr6pspcpc], .cloud-node[b-fsr6pspcpc] { position: relative; min-width: 0; padding: clamp(1rem, 2vw, 2rem); border: 1px solid #a78bfa66; border-radius: 16px; background: #102039; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.6rem; text-align: center; }
.edge-node strong[b-fsr6pspcpc], .cloud-node strong[b-fsr6pspcpc] { font-size: clamp(1.2rem, 2vw, 2rem); }
.brand-logo[b-fsr6pspcpc] { width: clamp(4rem, 9vh, 7rem); height: clamp(4rem, 9vh, 7rem); object-fit: contain; }
.edge-node span[b-fsr6pspcpc], .cloud-node span[b-fsr6pspcpc], .cloud-node small[b-fsr6pspcpc] { font-size: clamp(0.9rem, 1.2vw, 1.15rem); line-height: 1.4; color: #b8cce5; }
.orbit[b-fsr6pspcpc] { position: absolute; inset: 0.5rem; border: 1px dashed #38bdf833; border-radius: 12px; pointer-events: none; }
.cloud-link[b-fsr6pspcpc] { align-self: center; height: 2px; background: #38bdf8; position: relative; }
.cloud-link span[b-fsr6pspcpc] { position: absolute; top: -2px; height: 6px; width: 12px; background: #7dd3fc; box-shadow: 0 0 14px #38bdf8; animation: cloud-flow-b-fsr6pspcpc 1.5s linear infinite; }
.cloud-link span:nth-child(2)[b-fsr6pspcpc] { animation-delay: -0.5s; background: #c084fc; animation-direction: reverse; }
.cloud-link span:nth-child(3)[b-fsr6pspcpc] { animation-delay: -1s; }
.chart[b-fsr6pspcpc] { display: flex; align-items: flex-end; height: clamp(3rem, 9vh, 7rem); gap: 0.5rem; width: 80%; }
.chart i[b-fsr6pspcpc] { flex: 1; background: linear-gradient(#38bdf8, #8b5cf6); border-radius: 3px 3px 0 0; }
.network-status[b-fsr6pspcpc] { text-align: center; color: #7dd3fc; margin-top: 1rem; font-size: clamp(0.85rem, 1.1vw, 1.1rem); line-height: 1.5; }
.status-dot[b-fsr6pspcpc] { display: inline-block; width: 7px; height: 7px; background: #4ade80; border-radius: 50%; margin-right: 0.4rem; animation: glow-b-fsr6pspcpc 1s infinite alternate; }
.world-closing[b-fsr6pspcpc] { margin: 0; text-align: center; color: #b8cce5; font-size: clamp(1rem, 1.5vw, 1.3rem); line-height: 1.4; }
.world-closing strong[b-fsr6pspcpc] { color: #f5f8ff; }
@media (max-width: 800px) {
    .network[b-fsr6pspcpc] { flex: 0 0 auto; }
    .device-row[b-fsr6pspcpc] { grid-template-columns: minmax(0, 1fr); padding-left: 1.5rem; padding-bottom: 1.5rem; gap: 1rem; }
    .device-row[b-fsr6pspcpc]::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: #38bdf8; }
    .device-row[b-fsr6pspcpc]::after { left: 0; right: 50%; }
    .device-node[b-fsr6pspcpc] { display: grid; grid-template-columns: 5rem minmax(0, 1fr); column-gap: 0.75rem; text-align: left; align-content: center; }
    .device-node[b-fsr6pspcpc]::after { top: 50%; left: calc(-1.5rem - 1px); width: 1.5rem; height: 2px; background: #38bdf8; }
    .device-node img[b-fsr6pspcpc] { grid-row: span 2; height: 5rem; }
    .device-node strong[b-fsr6pspcpc] { align-self: end; margin: 0; padding-right: 1.5rem; font-size: 1rem; }
    .device-action[b-fsr6pspcpc] { align-self: start; font-size: 0.85rem; }
    .lane[b-fsr6pspcpc] { left: calc(50% - 1px); }
    .data-lanes[b-fsr6pspcpc] { flex-basis: 1.5rem; }
    .processing-row[b-fsr6pspcpc] { flex: 0 0 auto; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 2.5rem auto; }
    .edge-node[b-fsr6pspcpc], .cloud-node[b-fsr6pspcpc] { min-height: 12rem; }
    .cloud-link[b-fsr6pspcpc] { align-self: stretch; justify-self: center; width: 2px; height: auto; }
    .cloud-link span[b-fsr6pspcpc] { top: 0; left: -2px; width: 6px; height: 10px; animation-name: data-flow-b-fsr6pspcpc; }
}
@media (max-width: 600px) {
    .world-scene[b-fsr6pspcpc] { padding: calc(8.5rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-left)) max(5rem, calc(4rem + env(safe-area-inset-bottom))) max(1rem, env(safe-area-inset-right)); gap: 1rem; }
    .eyebrow[b-fsr6pspcpc] { font-size: 0.7rem; }
    h2[b-fsr6pspcpc] { font-size: clamp(1.5rem, 6vw, 2rem); }
}
@media (prefers-reduced-motion: reduce) {
    .device-node img[b-fsr6pspcpc], .lane span[b-fsr6pspcpc], .cloud-link span[b-fsr6pspcpc], .action-spark[b-fsr6pspcpc], .status-dot[b-fsr6pspcpc] { animation: none; }
}
@keyframes data-flow-b-fsr6pspcpc { from { top: 0; } to { top: calc(100% - 10px); } }
@keyframes cloud-flow-b-fsr6pspcpc { from { left: 0; } to { left: calc(100% - 12px); } }
@keyframes glow-b-fsr6pspcpc { to { opacity: 0.45; } }
@keyframes world-image-glow-b-fsr6pspcpc { to { filter: brightness(1.18) saturate(1.2); } }

/* Budget device imagery, connection paths, and processing against screen height. */
@media (min-width: 801px) and (min-height: 600px) {
    .world-scene[b-fsr6pspcpc] { gap: 1.5vh; }
    h2[b-fsr6pspcpc] { font-size: clamp(1.7rem, 4vh, 3.5rem); }
    .network[b-fsr6pspcpc] { flex: 1 1 0; min-height: 0; }
    .device-row[b-fsr6pspcpc] { flex: 0 0 auto; padding-bottom: 2.5vh; }
    .device-node[b-fsr6pspcpc] { padding: 0.75vh; }
    .device-node[b-fsr6pspcpc]::after { height: calc(2.5vh + 1px); }
    .device-node img[b-fsr6pspcpc] { height: 16vh; }
    .device-node strong[b-fsr6pspcpc] { margin-top: 0.5vh; font-size: clamp(0.9rem, 1.8vh, 1.5rem); }
    .device-action[b-fsr6pspcpc] { margin-top: 0.4vh; font-size: clamp(0.75rem, 1.5vh, 1rem); }
    .data-lanes[b-fsr6pspcpc] { flex-basis: 2.5vh; }
    .processing-row[b-fsr6pspcpc] { flex: 1 1 0; min-height: 0; }
    .edge-node[b-fsr6pspcpc], .cloud-node[b-fsr6pspcpc] { padding: 1vh 1rem; gap: 0.5vh; }
    .edge-node strong[b-fsr6pspcpc], .cloud-node strong[b-fsr6pspcpc] { font-size: clamp(1rem, 2.4vh, 2rem); }
    .brand-logo[b-fsr6pspcpc] { width: 6vh; height: 6vh; }
    .chart[b-fsr6pspcpc] { height: 5vh; }
    .edge-node span[b-fsr6pspcpc], .cloud-node span[b-fsr6pspcpc], .cloud-node small[b-fsr6pspcpc] { font-size: clamp(0.8rem, 1.6vh, 1.15rem); line-height: 1.3; }
    .network-status[b-fsr6pspcpc] { flex: 0 0 auto; margin-top: 1vh; font-size: clamp(0.8rem, 1.6vh, 1.1rem); }
    .world-closing[b-fsr6pspcpc] { font-size: clamp(0.9rem, 1.8vh, 1.3rem); }
    .world-closing br[b-fsr6pspcpc] { display: none; }
}

/* Enlarge the processing core without increasing the panel's footprint. */
.edge-node[b-fsr6pspcpc] { gap: clamp(0.5rem, 1vh, 1rem); background: radial-gradient(ellipse at center, #164e6355, transparent 70%), #102039; }
.edge-core[b-fsr6pspcpc] { position: relative; display: grid; place-items: center; flex: 0 1 auto; width: clamp(5rem, 12vh, 11rem); height: clamp(5rem, 12vh, 11rem); min-height: 0; }
.edge-core .brand-logo[b-fsr6pspcpc] { position: relative; z-index: 1; width: 100%; height: 100%; min-height: 0; animation: core-breathe-b-fsr6pspcpc 3s ease-in-out infinite; }
.core-ring[b-fsr6pspcpc] { position: absolute; inset: 5%; border: 1px solid #7dd3fc; border-radius: 50%; opacity: 0; animation: core-ripple-b-fsr6pspcpc 3s ease-out infinite; pointer-events: none; }
.core-ring-delayed[b-fsr6pspcpc] { animation-delay: -1.5s; }
.edge-node strong[b-fsr6pspcpc] { font-size: clamp(1.6rem, 3.5vh, 3rem); line-height: 1.15; }
.edge-node > span[b-fsr6pspcpc] { font-size: clamp(1rem, 2.2vh, 1.5rem); line-height: 1.35; }
.edge-node .orbit[b-fsr6pspcpc] { animation: core-border-b-fsr6pspcpc 3s ease-in-out infinite alternate; }
@media (min-width: 801px) and (min-height: 600px) {
    .edge-core[b-fsr6pspcpc] { width: 10vh; height: 10vh; }
    .edge-node[b-fsr6pspcpc] { gap: 0.7vh; }
    .edge-node strong[b-fsr6pspcpc] { font-size: clamp(1.4rem, 3.2vh, 2.8rem); }
    .edge-node > span[b-fsr6pspcpc] { font-size: clamp(0.95rem, 2vh, 1.4rem); }
}
@media (max-width: 800px) {
    .edge-node[b-fsr6pspcpc] { min-height: 16rem; padding: 1.25rem; }
    .edge-core[b-fsr6pspcpc] { width: 6.5rem; height: 6.5rem; }
    .edge-node strong[b-fsr6pspcpc] { font-size: 1.8rem; }
    .edge-node > span[b-fsr6pspcpc] { font-size: 1rem; }
}
@keyframes core-breathe-b-fsr6pspcpc { 50% { transform: translateY(-3px) scale(1.05); filter: drop-shadow(0 0 12px #38bdf899); } }
@keyframes core-ripple-b-fsr6pspcpc { 0% { transform: scale(0.8); opacity: 0.65; } 100% { transform: scale(1.5); opacity: 0; } }
@keyframes core-border-b-fsr6pspcpc { to { border-color: #38bdf888; box-shadow: inset 0 0 25px #38bdf815; } }
@media (prefers-reduced-motion: reduce) {
    .edge-core .brand-logo[b-fsr6pspcpc], .core-ring[b-fsr6pspcpc], .edge-node .orbit[b-fsr6pspcpc] { animation: none; }
    .core-ring[b-fsr6pspcpc] { opacity: 0.2; }
}
/* _content/CloudSphereApplication.Shared/Components/Demo/DemoConsultingBackground.razor.rz.scp.css */
.consulting-studio[b-60pnjqpkq2] {
    position: absolute; inset: 0; isolation: isolate;
    display: flex; flex-direction: column; gap: clamp(.65rem, 1.5vh, 1.25rem);
    padding: 7.5rem clamp(1.25rem, 3vw, 4rem) max(3.5rem, calc(2.5rem + env(safe-area-inset-bottom)));
    overflow: hidden; color: #edf4ff; font-family: 'Inter', 'Segoe UI', sans-serif;
    background: radial-gradient(ellipse at 70% 35%, #143d5455, transparent 65%), #070e1b;
}
.consulting-studio *[b-60pnjqpkq2], .consulting-studio *[b-60pnjqpkq2]::before, .consulting-studio *[b-60pnjqpkq2]::after { box-sizing: border-box; }
.consulting-atmosphere[b-60pnjqpkq2] { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; background-image: radial-gradient(#77b5d322 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(transparent, #000, transparent); }
.consulting-atmosphere i[b-60pnjqpkq2] { position: absolute; width: 55%; height: 60%; top: 15%; left: 40%; border-radius: 50%; background: radial-gradient(ellipse, #3683a31a, transparent 70%); animation: consulting-aurora-b-60pnjqpkq2 12s ease-in-out infinite alternate; }
.consulting-atmosphere i:nth-child(2)[b-60pnjqpkq2] { left: -10%; top: 40%; background: radial-gradient(ellipse, #5164a51c, transparent 70%); animation-delay: -6s; }
.consulting-heading[b-60pnjqpkq2] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-shrink: 0; animation: consulting-enter-b-60pnjqpkq2 .9s ease-out both; }
.consulting-eyebrow[b-60pnjqpkq2] { margin: 0 0 .5rem; color: #8fbad2; font-size: .6rem; font-weight: 750; letter-spacing: .18em; }
.consulting-heading h2[b-60pnjqpkq2] { margin: 0; font: 700 clamp(1.3rem, 3.3vh, 2.5rem)/1.3 'Orbitron', sans-serif; letter-spacing: -.02em; }
.consulting-heading-tag[b-60pnjqpkq2] { padding: .65rem .85rem; border: 1px solid #365166; border-radius: 999px; color: #91a9c1; font-size: .53rem; letter-spacing: .09em; white-space: nowrap; }
.consulting-heading-tag i[b-60pnjqpkq2] { margin: 0 .4rem; color: #88c9df; font-style: normal; }
.consulting-main[b-60pnjqpkq2] { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.3fr); gap: clamp(1.25rem, 3vw, 3rem); flex: 1 1 0; min-height: 0; }
.consulting-pitch[b-60pnjqpkq2] { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; min-width: 0; min-height: 0; animation: consulting-enter-b-60pnjqpkq2 1s ease-out .1s both; }
.consulting-section-label[b-60pnjqpkq2] { display: block; color: #82c3dd; font-size: .58rem; font-weight: 750; letter-spacing: .15em; }
.consulting-pitch h3[b-60pnjqpkq2] { margin: .7rem 0 .8rem; font: 720 clamp(1.7rem, 4.7vh, 3.7rem)/1.1 'Inter', 'Segoe UI', sans-serif; letter-spacing: -.045em; }
.consulting-pitch h3 > span[b-60pnjqpkq2] { color: #9cd2e8; background: linear-gradient(100deg, #9cd2e8, #e5f4ff, #a5b4e5, #9cd2e8); background-size: 250% 100%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: consulting-title-light-b-60pnjqpkq2 8s ease-in-out infinite; }
.consulting-pitch > p[b-60pnjqpkq2] { max-width: 44ch; margin: 0; color: #a5b5cb; font-size: clamp(.78rem, 1.8vh, 1.1rem); line-height: 1.65; }
.consulting-principles[b-60pnjqpkq2] { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin-top: 1rem; }
.consulting-principles span[b-60pnjqpkq2] { color: #b3c4d8; font-size: .68rem; white-space: nowrap; }
.consulting-principles i[b-60pnjqpkq2] { color: #7fcdb3; margin-right: .3rem; font-style: normal; }
.consulting-current[b-60pnjqpkq2] { display: flex; align-items: center; gap: .8rem; margin-top: clamp(.8rem, 2vh, 1.5rem); padding: .7rem 0 .7rem .9rem; border-left: 2px solid #5a98b7; }
.consulting-current small[b-60pnjqpkq2] { display: block; color: #6f8da8; font-size: .48rem; letter-spacing: .16em; }
.consulting-current strong[b-60pnjqpkq2] { display: block; margin-top: .3rem; font-size: clamp(.75rem, 1.7vh, .95rem); font-weight: 550; }
.consulting-live-dot[b-60pnjqpkq2] { width: 6px; height: 6px; border-radius: 50%; background: #80d3b0; box-shadow: 0 0 12px #80d3b055; animation: consulting-dot-b-60pnjqpkq2 2s ease-in-out infinite; }
.architecture-console[b-60pnjqpkq2] { position: relative; min-width: 0; min-height: 0; display: flex; flex-direction: column; border: 1px solid #3a5b73; border-radius: 18px; background: linear-gradient(145deg, #102238c9, #0b1425ee); box-shadow: 0 20px 60px #0003; overflow: hidden; animation: consulting-enter-b-60pnjqpkq2 1s ease-out .2s both; }
.architecture-console[b-60pnjqpkq2]::after { content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(115deg, transparent 40%, #b2e8ff08 50%, transparent 60%); animation: consulting-glass-b-60pnjqpkq2 9s ease-in-out infinite; }
.architecture-toolbar[b-60pnjqpkq2] { display: flex; justify-content: space-between; gap: .75rem; padding: .9rem 1.1rem; border-bottom: 1px solid #2c465e; color: #839eb8; font-size: .5rem; font-weight: 650; letter-spacing: .1em; flex-shrink: 0; }
.architecture-toolbar > span:first-child[b-60pnjqpkq2] { color: #adccdf; }
.architecture-toolbar i[b-60pnjqpkq2] { display: inline-block; width: 5px; height: 5px; background: #8bd2b4; border-radius: 50%; margin-right: .5rem; }
.architecture-map[b-60pnjqpkq2] { display: block; width: 100%; height: 0; flex: 1 1 0; min-height: 0; padding: .6rem; }
.architecture-grid path[b-60pnjqpkq2] { stroke: #769fbd0b; stroke-width: 1; }
.architecture-routes[b-60pnjqpkq2] { stroke: #47738d; stroke-width: 1.5; }
.architecture-packets[b-60pnjqpkq2] { stroke: #a0e0ef; stroke-width: 2.5; stroke-dasharray: 12 48; animation: consulting-flow-b-60pnjqpkq2 3s linear infinite; filter: drop-shadow(0 0 3px #67d7f0); }
.architecture-node rect[b-60pnjqpkq2] { fill: #13263a; stroke: #3b5972; transition: stroke .6s, fill .6s; }
.architecture-node circle[b-60pnjqpkq2] { fill: #7ba9c3; }
.architecture-node text[b-60pnjqpkq2] { fill: #d4e3f3; font: 600 11px 'Inter', 'Segoe UI', sans-serif; }
.architecture-node .node-detail[b-60pnjqpkq2] { fill: #809cb8; font-size: 9px; font-weight: 400; }
.architecture-output.node-active rect[b-60pnjqpkq2] { fill: #1a3947; stroke: #83d3c0; }
.architecture-output.node-active circle[b-60pnjqpkq2] { fill: #97e8c8; filter: drop-shadow(0 0 4px #6bdcb2); }
.architecture-core > rect:not(.core-halo)[b-60pnjqpkq2] { stroke: #84bed5; stroke-width: 1.5; }
.architecture-core .core-halo[b-60pnjqpkq2] { fill: none; stroke: #71b4cb55; stroke-dasharray: 10 8; animation: consulting-halo-b-60pnjqpkq2 7s linear infinite; }
.core-code[b-60pnjqpkq2] { fill: #bdeaff; font: 500 34px 'Consolas', monospace; text-shadow: 0 0 15px #7dd3fc66; }
.core-name[b-60pnjqpkq2] { fill: #e4f3ff; font: 650 17px 'Inter', sans-serif; }
.core-caption[b-60pnjqpkq2] { fill: #83aeca; font: 500 8px 'Inter', sans-serif; letter-spacing: 2px; }
.core-scan[b-60pnjqpkq2] { stroke: #97ddf0; stroke-width: 2; stroke-dasharray: 20 106; animation: consulting-flow-b-60pnjqpkq2 2s linear infinite; }
.architecture-footer[b-60pnjqpkq2] { display: flex; align-items: center; gap: 1rem; padding: .75rem 1rem; border-top: 1px solid #294359; flex-shrink: 0; color: #b3c9dc; font-size: .62rem; }
.architecture-footer > span:last-child[b-60pnjqpkq2] { margin-left: auto; color: #6487a3; font-size: .46rem; letter-spacing: .1em; }
.architecture-signal[b-60pnjqpkq2] { display: flex; align-items: center; gap: 3px; height: 15px; }
.architecture-signal i[b-60pnjqpkq2] { display: block; width: 2px; height: 35%; background: #7acbd9; animation: consulting-wave-b-60pnjqpkq2 1.1s ease-in-out infinite alternate; animation-delay: calc(var(--bar) * -.1s); }
.consulting-process[b-60pnjqpkq2] { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; padding: 0; margin: 0; flex-shrink: 0; }
.consulting-process li[b-60pnjqpkq2] { position: relative; display: flex; align-items: flex-start; gap: .8rem; padding: 1rem; border: 1px solid #2d435c; border-radius: 12px; background: #101d2e; overflow: hidden; transition: border-color .6s, background .6s; }
.consulting-process li.process-active[b-60pnjqpkq2] { border-color: #6faabd; background: #14283a; }
.process-number[b-60pnjqpkq2] { display: grid; place-items: center; width: 2rem; height: 2rem; flex: 0 0 2rem; border: 1px solid #3d5a71; border-radius: 8px; color: #85b4cc; font: 600 .7rem 'Orbitron', sans-serif; }
.process-active .process-number[b-60pnjqpkq2] { color: #cff5ff; border-color: #79becf; box-shadow: 0 0 18px #6fc1d31a; }
.process-copy[b-60pnjqpkq2] { min-width: 0; }.process-copy .consulting-section-label[b-60pnjqpkq2] { font-size: .48rem; }
.process-copy h3[b-60pnjqpkq2] { margin: .35rem 0; font-size: clamp(.75rem, 1.7vh, 1rem); line-height: 1.3; font-weight: 650; }
.process-copy p[b-60pnjqpkq2] { margin: 0; max-width: 46ch; color: #8fa8c0; font-size: clamp(.63rem, 1.35vh, .78rem); line-height: 1.5; }
.process-state[b-60pnjqpkq2] { position: absolute; top: .8rem; right: .8rem; color: #6f8ea4; font-size: .4rem; letter-spacing: .08em; }
.process-active .process-state[b-60pnjqpkq2] { color: #8ed4bd; }
.process-track[b-60pnjqpkq2] { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #243c51; }
.process-track i[b-60pnjqpkq2] { display: block; height: 100%; background: linear-gradient(90deg, #4a8caa, #a4e5e2); box-shadow: 0 0 8px #77c9dc66; transition: width .15s linear; }
.consulting-expertise[b-60pnjqpkq2] { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; gap: 1rem; padding-top: .8rem; border-top: 1px solid #253e52; }
.consulting-expertise > span[b-60pnjqpkq2] { color: #63849f; font-size: .48rem; letter-spacing: .13em; }
.consulting-expertise > div[b-60pnjqpkq2] { display: flex; gap: 1.2rem; align-items: center; }.consulting-expertise strong[b-60pnjqpkq2] { color: #a0b9d0; font-size: .67rem; font-weight: 500; }.consulting-expertise i[b-60pnjqpkq2] { width: 3px; height: 3px; border-radius: 50%; background: #557b95; }
@keyframes consulting-enter-b-60pnjqpkq2 { from { opacity: 0; translate: 0 10px; } to { opacity: 1; translate: 0 0; } }
@keyframes consulting-flow-b-60pnjqpkq2 { to { stroke-dashoffset: -120; } }
@keyframes consulting-halo-b-60pnjqpkq2 { to { stroke-dashoffset: -126; } }
@keyframes consulting-wave-b-60pnjqpkq2 { to { height: 100%; opacity: .5; } }
@keyframes consulting-dot-b-60pnjqpkq2 { 50% { box-shadow: 0 0 16px #80d3b088; } }
@keyframes consulting-title-light-b-60pnjqpkq2 { 0%, 100% { background-position: 100% 0; } 50% { background-position: 0 0; } }
@keyframes consulting-aurora-b-60pnjqpkq2 { to { transform: translate(10%, -10%) scale(1.2); } }
@keyframes consulting-glass-b-60pnjqpkq2 { 0%, 65% { transform: translateX(-100%); } 95%, 100% { transform: translateX(100%); } }
@media (min-width: 801px) and (max-height: 800px) {
    .consulting-studio[b-60pnjqpkq2] { gap: .65rem; }
    .consulting-heading h2[b-60pnjqpkq2] { font-size: 1.4rem; }
    .consulting-pitch h3[b-60pnjqpkq2] { font-size: clamp(1.6rem, 4.6vh, 2.6rem); margin-block: .5rem; }
    .consulting-pitch > p[b-60pnjqpkq2] { font-size: .75rem; line-height: 1.5; }
    .consulting-principles[b-60pnjqpkq2] { margin-top: .6rem; gap: .4rem .6rem; }.consulting-principles span[b-60pnjqpkq2] { font-size: .6rem; }
    .consulting-current[b-60pnjqpkq2] { margin-top: .6rem; padding-block: .4rem; }
    .consulting-process li[b-60pnjqpkq2] { padding: .7rem; gap: .6rem; }.process-state[b-60pnjqpkq2] { top: .6rem; right: .6rem; font-size: .35rem; }
    .consulting-expertise[b-60pnjqpkq2] { padding-top: .6rem; }
}
@media (max-width: 1000px) { .consulting-heading-tag[b-60pnjqpkq2] { display: none; }.consulting-main[b-60pnjqpkq2] { gap: 1.2rem; }.architecture-toolbar > span:last-child[b-60pnjqpkq2] { display: none; }.architecture-footer > span:last-child[b-60pnjqpkq2] { display: none; }.process-state[b-60pnjqpkq2] { display: none; }.consulting-expertise[b-60pnjqpkq2] { flex-wrap: wrap; }.consulting-expertise > div[b-60pnjqpkq2] { gap: .7rem; } }
@media (max-width: 800px) {
    .consulting-studio[b-60pnjqpkq2] { overflow-y: auto; }
    .consulting-main[b-60pnjqpkq2] { grid-template-columns: 1fr; flex: none; }
    .consulting-pitch[b-60pnjqpkq2] { padding-block: 1rem; }.consulting-pitch h3[b-60pnjqpkq2] { font-size: 2.2rem; }
    .architecture-console[b-60pnjqpkq2] { min-height: 19rem; }.architecture-map[b-60pnjqpkq2] { min-height: 14rem; }
    .consulting-process[b-60pnjqpkq2] { grid-template-columns: 1fr; }.process-copy p[b-60pnjqpkq2] { font-size: .78rem; }
    .consulting-expertise > div[b-60pnjqpkq2] { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { .consulting-studio *[b-60pnjqpkq2], .consulting-studio *[b-60pnjqpkq2]::after { animation: none !important; transition: none !important; } }

/* Brighter signals make the architecture and delivery phases easier to follow. */
.consulting-studio[b-60pnjqpkq2] {
    background: radial-gradient(ellipse at 75% 25%, #134e754d, transparent 60%), radial-gradient(ellipse at 15% 80%, #6d28d933, transparent 55%), #070e1b;
}
.consulting-atmosphere i[b-60pnjqpkq2] { background: radial-gradient(ellipse, #06b6d444, transparent 70%); animation-duration: 8s; }
.consulting-atmosphere i:nth-child(2)[b-60pnjqpkq2] { background: radial-gradient(ellipse, #a855f744, transparent 70%); }
.consulting-heading h2[b-60pnjqpkq2] { text-shadow: 0 0 24px #38bdf844; }
.consulting-pitch h3 > span[b-60pnjqpkq2] { background-image: linear-gradient(100deg, #67e8f9, #c084fc, #f9a8d4, #67e8f9); animation-duration: 5s; }
.consulting-eyebrow[b-60pnjqpkq2], .consulting-section-label[b-60pnjqpkq2] { color: #67e8f9; }
.consulting-heading-tag[b-60pnjqpkq2] { color: #c4b5fd; border-color: #8b5cf666; background: #6d28d91a; }
.consulting-current[b-60pnjqpkq2] { border-color: #a78bfa; background: linear-gradient(90deg, #7c3aed22, transparent); padding-right: 1rem; }
.architecture-console[b-60pnjqpkq2] { border-color: #38bdf880; box-shadow: 0 0 35px #0ea5e91a, 0 20px 60px #0005; }
.architecture-toolbar[b-60pnjqpkq2] { background: linear-gradient(90deg, #0891b222, #7c3aed22); }
.architecture-grid path[b-60pnjqpkq2] { stroke: #38bdf814; }
.architecture-routes[b-60pnjqpkq2] { stroke: #6479b5; stroke-width: 2; }
.architecture-packets[b-60pnjqpkq2] { stroke: #67e8f9; stroke-width: 3; stroke-dasharray: 9 31; animation-duration: 1.8s; filter: drop-shadow(0 0 5px #22d3ee); }
.node-cyan[b-60pnjqpkq2], .node-color-0[b-60pnjqpkq2] { --node-color: #22d3ee; --node-fill: #103747; }
.node-violet[b-60pnjqpkq2], .node-color-1[b-60pnjqpkq2] { --node-color: #a78bfa; --node-fill: #282044; }
.node-amber[b-60pnjqpkq2], .node-color-2[b-60pnjqpkq2] { --node-color: #34d399; --node-fill: #103a34; }
.node-amber[b-60pnjqpkq2] { --node-color: #fbbf24; --node-fill: #3a2d21; }
.architecture-node rect[b-60pnjqpkq2] { stroke: var(--node-color); fill: var(--node-fill); }
.architecture-node circle[b-60pnjqpkq2] { fill: var(--node-color); filter: drop-shadow(0 0 4px var(--node-color)); animation: consulting-node-beacon-b-60pnjqpkq2 2.8s ease-in-out infinite; }
.node-violet circle[b-60pnjqpkq2], .node-color-1 circle[b-60pnjqpkq2] { animation-delay: -.9s; }
.node-amber circle[b-60pnjqpkq2], .node-color-2 circle[b-60pnjqpkq2] { animation-delay: -1.8s; }
.architecture-node .node-detail[b-60pnjqpkq2] { fill: #adc4de; }
.architecture-output.node-active rect[b-60pnjqpkq2] { fill: var(--node-fill); stroke: var(--node-color); stroke-width: 2; filter: drop-shadow(0 0 6px var(--node-color)); }
.architecture-output.node-active circle[b-60pnjqpkq2] { fill: var(--node-color); }
.architecture-core > rect:not(.core-halo)[b-60pnjqpkq2] { stroke: #67e8f9; stroke-width: 2; animation: consulting-core-energy-b-60pnjqpkq2 3.6s ease-in-out infinite; }
.architecture-core .core-halo[b-60pnjqpkq2] { stroke: #a78bfa; stroke-width: 1.5; stroke-dasharray: 14 9; animation-duration: 4s; }
.core-code[b-60pnjqpkq2] { fill: #67e8f9; text-shadow: 0 0 18px #22d3eeaa; }
.core-caption[b-60pnjqpkq2] { fill: #c4b5fd; }
.core-scan[b-60pnjqpkq2] { stroke: #34d399; filter: drop-shadow(0 0 4px #34d399); }
.architecture-signal i:nth-child(3n)[b-60pnjqpkq2] { background: #c084fc; }
.architecture-signal i:nth-child(3n + 1)[b-60pnjqpkq2] { background: #34d399; }
.consulting-process li[b-60pnjqpkq2] { --phase-color: #22d3ee; background: linear-gradient(125deg, #0e749022, #101d2e); border-color: #22d3ee44; }
.consulting-process li:nth-child(2)[b-60pnjqpkq2] { --phase-color: #a78bfa; background: linear-gradient(125deg, #7c3aed22, #101d2e); border-color: #a78bfa44; }
.consulting-process li:nth-child(3)[b-60pnjqpkq2] { --phase-color: #34d399; background: linear-gradient(125deg, #05966922, #101d2e); border-color: #34d39944; }
.consulting-process li.process-active[b-60pnjqpkq2] { border-color: var(--phase-color); animation: consulting-phase-glow-b-60pnjqpkq2 3.6s ease-in-out infinite; }
.process-number[b-60pnjqpkq2], .process-copy .consulting-section-label[b-60pnjqpkq2], .process-active .process-state[b-60pnjqpkq2] { color: var(--phase-color); }
.process-active .process-number[b-60pnjqpkq2] { border-color: var(--phase-color); box-shadow: 0 0 18px #38bdf833; }
.process-track i[b-60pnjqpkq2] { background: linear-gradient(90deg, var(--phase-color), #e0f2fe); height: 3px; }
@keyframes consulting-node-beacon-b-60pnjqpkq2 { 0%, 100% { opacity: .65; } 50% { opacity: 1; filter: drop-shadow(0 0 8px var(--node-color)); } }
@keyframes consulting-core-energy-b-60pnjqpkq2 { 0%, 100% { filter: drop-shadow(0 0 4px #22d3ee55); } 50% { filter: drop-shadow(0 0 12px #a78bfa99); } }
@keyframes consulting-phase-glow-b-60pnjqpkq2 { 0%, 100% { box-shadow: inset 0 0 20px #38bdf808; } 50% { box-shadow: inset 0 0 30px #8b5cf622, 0 0 16px #38bdf815; } }
/* _content/CloudSphereApplication.Shared/Components/Demo/DemoDashboardChat.razor.rz.scp.css */
.mini-chat[b-tcyvipswhd] { padding: 0.5rem; border: 1px solid #a78bfa44; border-radius: 9px; background: #091223; color: #c9def3; font: 10px / 1.3 'Segoe UI', sans-serif; }
.chat-label[b-tcyvipswhd] { color: #7dd3fc; font-weight: 700; }.chat-label span[b-tcyvipswhd] { float: right; color: #a78bfa; font-size: 8px; }
.reply[b-tcyvipswhd] { margin: 0.3rem 0; min-height: 1.3em; max-height: 3.9em; overflow-y: auto; }
form[b-tcyvipswhd] { display: flex; gap: 0.3rem; }input[b-tcyvipswhd] { min-width: 0; flex: 1; padding: 0.3rem; color: #dbeafe; background: #14273d; border: 1px solid #7dd3fc33; border-radius: 4px; font: inherit; }
button[b-tcyvipswhd] { padding: 0.3rem 0.5rem; color: #22d3ee; background: #164e63; border: 1px solid #22d3ee55; border-radius: 4px; font: inherit; cursor: pointer; }
/* _content/CloudSphereApplication.Shared/Components/Demo/DemoDashboardScene.razor.rz.scp.css */
.dashboard-scene[b-gnwkfp9t7b] { box-sizing: border-box; position: absolute; inset: 0; padding: 7rem clamp(1rem, 2.5vw, 3rem) 4.5rem; overflow: hidden; display: flex; flex-direction: column; gap: 0.8rem; color: #f5f8ff; background: radial-gradient(ellipse at top left, #2563eb22, transparent 50%), #060b18; font-family: 'Inter', 'Segoe UI', sans-serif; }
.dashboard-scene *[b-gnwkfp9t7b] { box-sizing: border-box; }header[b-gnwkfp9t7b] { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }h2[b-gnwkfp9t7b] { margin: 0; font: 700 clamp(1.2rem, 2.3vw, 2.5rem) / 1.2 'Orbitron', sans-serif; }.eyebrow[b-gnwkfp9t7b] { margin: 0 0 0.4rem; font-size: 0.7rem; color: #7dd3fc; letter-spacing: 0.08em; }.live-badge[b-gnwkfp9t7b] { font-size: 0.7rem; color: #4ade80; white-space: nowrap; }
.kpis[b-gnwkfp9t7b] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.7rem; }.kpis article[b-gnwkfp9t7b] { position: relative; overflow: hidden; padding: 0.8rem 1rem; border: 1px solid #7dd3fc33; border-radius: 12px; background: linear-gradient(130deg, #14273d, #0b1224); }.kpis span[b-gnwkfp9t7b], .kpis small[b-gnwkfp9t7b] { display: block; font-size: 0.7rem; color: #a8bdd8; }.kpis strong[b-gnwkfp9t7b] { display: block; margin: 0.25rem 0; color: #7dd3fc; font-size: clamp(1rem, 2vw, 2rem); }.kpis i[b-gnwkfp9t7b] { position: absolute; bottom: 0; height: 2px; width: 20%; background: #38bdf8; animation: kpi-signal-b-gnwkfp9t7b 3s linear infinite; }
.dashboard-panels[b-gnwkfp9t7b] { flex: 1; min-height: 0; display: grid; grid-template-columns: 1.6fr 1fr; grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); gap: 0.8rem; }.panel[b-gnwkfp9t7b] { min-width: 0; min-height: 0; overflow: hidden; display: flex; flex-direction: column; padding: 0.7rem; border: 1px solid #7dd3fc33; border-radius: 14px; background: #0d1729; }h3[b-gnwkfp9t7b] { margin: 0 0 0.5rem; font-size: 0.85rem; color: #dbeafe; }
.control-slot[b-gnwkfp9t7b] { flex: 1; min-height: 0; min-width: 0; position: relative; }
.dashboard-scene[b-gnwkfp9t7b]  .e-spinner-pane { display: none !important; }
.control-slot[b-gnwkfp9t7b]  > * { position: absolute; inset: 0; width: 100%; height: 100%; }
.dashboard-scene[b-gnwkfp9t7b]  .dashboard-grid { font-size: 0.75rem; height: 100%; border-color: #7dd3fc33; background: #0d1729; }
.dashboard-scene[b-gnwkfp9t7b]  .e-grid .e-headercell,
.dashboard-scene[b-gnwkfp9t7b]  .e-grid .e-filterbarcell,
.dashboard-scene[b-gnwkfp9t7b]  .e-grid .e-pager,
.dashboard-scene[b-gnwkfp9t7b]  .e-grid .e-gridheader { background: #14273d; color: #dbeafe; border-color: #7dd3fc33; }
.dashboard-scene[b-gnwkfp9t7b]  .e-grid .e-rowcell,
.dashboard-scene[b-gnwkfp9t7b]  .e-grid .e-content,
.dashboard-scene[b-gnwkfp9t7b]  .e-grid .e-gridcontent { background: #0d1729; color: #c9def3; border-color: #7dd3fc22; }
.dashboard-scene[b-gnwkfp9t7b]  .e-grid .e-input-group { background: #0d1729; color: #c9def3; }
.dashboard-scene[b-gnwkfp9t7b]  .e-grid .e-input { color: #c9def3; }
.dashboard-scene[b-gnwkfp9t7b]  .e-grid .e-rowcell.e-selectionbackground { background: #164e63; }
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-pagercontainer,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-numericitem,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-first,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-prev,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-next,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-last,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-pp,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-np { background: #14273d !important; color: #c9def3 !important; border-color: #7dd3fc33 !important; }
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-currentitem { background: #164e63 !important; color: #22d3ee !important; box-shadow: inset 0 0 0 1px #22d3ee; }
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-mfirst,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-mprev,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-mnext,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-mlast,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager button,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-disable {
    background: #14273d !important;
    color: #c9def3 !important;
    border-color: #7dd3fc33 !important;
}
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-disable { color: #64748b !important; opacity: 1; }
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-icons:hover,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-icons:focus-visible { background: #1e3a52 !important; }
.kpis article:nth-child(2) strong[b-gnwkfp9t7b] { color: #e879f9; }.kpis article:nth-child(3) strong[b-gnwkfp9t7b] { color: #4ade80; }.kpis article:nth-child(4) strong[b-gnwkfp9t7b] { color: #fb923c; }
.kpis article:nth-child(2) i[b-gnwkfp9t7b] { background: #e879f9; }.kpis article:nth-child(3) i[b-gnwkfp9t7b] { background: #4ade80; }.kpis article:nth-child(4) i[b-gnwkfp9t7b] { background: #fb923c; }
.mix-panel[b-gnwkfp9t7b] { border-color: #e879f944; }.grid-panel[b-gnwkfp9t7b] { border-color: #4ade8044; }.activity-panel[b-gnwkfp9t7b] { border-color: #fb923c44; }
.activity-row[b-gnwkfp9t7b] { display: flex; gap: 0.6rem; padding: 0.45rem 0; border-bottom: 1px solid #7dd3fc15; }.activity-row strong[b-gnwkfp9t7b] { font-size: 0.75rem; }.activity-row small[b-gnwkfp9t7b] { display: block; font-size: 0.65rem; color: #91a8c4; }.activity-dot[b-gnwkfp9t7b] { width: 6px; height: 6px; background: #38bdf8; border-radius: 50%; margin-top: 0.4rem; animation: activity-glow-b-gnwkfp9t7b 1s infinite alternate; }.health[b-gnwkfp9t7b] { margin-top: auto; font-size: 0.7rem; color: #a8bdd8; }.health strong[b-gnwkfp9t7b] { float: right; color: #4ade80; }.health > div[b-gnwkfp9t7b] { height: 4px; background: #1e293b; margin-top: 0.4rem; }.health i[b-gnwkfp9t7b] { display: block; height: 100%; background: linear-gradient(90deg, #38bdf8, #a78bfa); transition: width 0.5s; }
@keyframes kpi-signal-b-gnwkfp9t7b { from { left: -20%; } to { left: 100%; } }@keyframes activity-glow-b-gnwkfp9t7b { to { opacity: 0.3; box-shadow: 0 0 12px #38bdf8; } }
.mobile-chat[b-gnwkfp9t7b] { display: none; }
.activity-panel[b-gnwkfp9t7b] { gap: 0.35rem; }.activity-panel .health[b-gnwkfp9t7b] { margin-top: 0; }
.dashboard-scene[b-gnwkfp9t7b]  .e-grid .e-headercell { height: 25px; padding: 3px 6px; }
.dashboard-scene[b-gnwkfp9t7b]  .e-grid .e-headercelldiv { font-size: 11px; height: 18px; line-height: 18px; }
.dashboard-scene[b-gnwkfp9t7b]  .e-grid .e-rowcell { padding: 2px 6px; font-size: 10px; line-height: 16px; }
.dashboard-scene[b-gnwkfp9t7b]  .e-grid .e-pager { padding: 3px 6px; font-size: 10px; }
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-numericitem,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-first,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-prev,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-next,
.dashboard-scene[b-gnwkfp9t7b]  .e-pager .e-last { padding: 5px 8px; font-size: 10px; }
@media (max-width: 700px) { .mobile-chat[b-gnwkfp9t7b] { display: block; } }
@media (max-width: 700px) { .dashboard-scene[b-gnwkfp9t7b] { padding-top: 8.5rem; gap: 0.5rem; }.kpis[b-gnwkfp9t7b] { gap: 0.3rem; }.kpis article[b-gnwkfp9t7b] { padding: 0.5rem; }.kpis small[b-gnwkfp9t7b], .eyebrow[b-gnwkfp9t7b], .live-badge[b-gnwkfp9t7b] { display: none; }.kpis span[b-gnwkfp9t7b] { font-size: 0.6rem; }.dashboard-panels[b-gnwkfp9t7b] { grid-template-columns: 1fr 1fr; gap: 0.4rem; }.trend-panel[b-gnwkfp9t7b], .grid-panel[b-gnwkfp9t7b] { grid-column: 1 / -1; }.mix-panel[b-gnwkfp9t7b], .activity-panel[b-gnwkfp9t7b] { display: none; }.panel[b-gnwkfp9t7b] { padding: 0.4rem; } }
.dashboard-scene[b-gnwkfp9t7b] { overflow-y: hidden; overflow-x: hidden; padding-bottom: max(64px, calc(48px + env(safe-area-inset-bottom))); }
header[b-gnwkfp9t7b], .kpis[b-gnwkfp9t7b], .mobile-chat[b-gnwkfp9t7b] { flex-shrink: 0; }
.dashboard-panels[b-gnwkfp9t7b] { flex: 1 1 0; grid-template-rows: minmax(0, 1.3fr) minmax(0, 1fr); min-height: 0; gap: 12px; }
.panel[b-gnwkfp9t7b] { padding: 12px; }
h3[b-gnwkfp9t7b] { flex-shrink: 0; font-size: 14px; line-height: 1.3; margin-bottom: 8px; }
.trend-panel .control-slot[b-gnwkfp9t7b], .mix-panel .control-slot[b-gnwkfp9t7b] { min-height: 0; }
.grid-panel .control-slot[b-gnwkfp9t7b] { min-height: 0; }
.activity-panel[b-gnwkfp9t7b] { overflow-y: auto; }
@media (max-height: 800px) and (min-width: 701px) {
    .dashboard-scene[b-gnwkfp9t7b] { gap: 0.5rem; }
    .dashboard-panels[b-gnwkfp9t7b] { gap: 0.5rem; }
    .panel[b-gnwkfp9t7b] { padding: 0.5rem; }
    .activity-row[b-gnwkfp9t7b] { padding: 0.2rem 0; }
    h3[b-gnwkfp9t7b] { margin-bottom: 0.3rem; font-size: 0.8rem; }
    .activity-panel[b-gnwkfp9t7b]  .mini-chat { padding: 0.3rem; }
}
@media (max-width: 1100px), (max-height: 900px) {
    h2[b-gnwkfp9t7b] { font-size: clamp(22px, min(2.5vw, 4vh), 32px); }
    .eyebrow[b-gnwkfp9t7b], .live-badge[b-gnwkfp9t7b] { font-size: 11px; }
    .kpis article[b-gnwkfp9t7b] { padding: 10px 12px; }
    .kpis span[b-gnwkfp9t7b], .kpis small[b-gnwkfp9t7b] { font-size: 11px; line-height: 1.3; }
    .kpis strong[b-gnwkfp9t7b] { font-size: 25px; margin: 4px 0; }
    .activity-row strong[b-gnwkfp9t7b] { font-size: 13px; }
    .activity-row small[b-gnwkfp9t7b], .health[b-gnwkfp9t7b] { font-size: 11px; }
}
@media (max-width: 700px) {
    header[b-gnwkfp9t7b] { align-items: flex-start; }
    .kpis[b-gnwkfp9t7b] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
    .dashboard-panels[b-gnwkfp9t7b] { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1.2fr) minmax(0, 1fr); }
    .trend-panel[b-gnwkfp9t7b], .grid-panel[b-gnwkfp9t7b] { grid-column: 1; }
}
/* _content/CloudSphereApplication.Shared/Components/Demo/DemoDeviceChatBackground.razor.rz.scp.css */
.chat-scene[b-rwoqqlog3b] { position: absolute; inset: 0; padding: 7.5rem clamp(1rem, 3vw, 4rem) 4.5rem; overflow: hidden; color: #f5f8ff; background: radial-gradient(ellipse at top left, #164e6333, transparent 65%), #030714; font-family: 'Inter', 'Segoe UI', sans-serif; display: flex; flex-direction: column; gap: 1rem; }
.chat-scene *[b-rwoqqlog3b] { box-sizing: border-box; }
h2[b-rwoqqlog3b] { margin: 0.5rem 0 0; font: 700 clamp(1.3rem, 2.8vw, 3rem) / 1.2 'Orbitron', sans-serif; }
.simulation-label[b-rwoqqlog3b] { color: #7dd3fc; font-size: 0.8rem; }
.simulation-layout[b-rwoqqlog3b] { display: grid; grid-template-columns: 1fr 1.2fr; gap: 1.5rem; flex: 1; min-height: 0; }
.devices[b-rwoqqlog3b] { display: flex; flex-direction: column; gap: 0.8rem; min-height: 0; }
.system-image[b-rwoqqlog3b] { display: block; width: 100%; min-height: 0; flex: 1; object-fit: cover; border-radius: 14px; border: 1px solid #38bdf844; }
.device-grid[b-rwoqqlog3b] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.6rem; }
.device-grid article[b-rwoqqlog3b] { padding: 0.8rem; border: 1px solid #38bdf844; border-radius: 12px; background: #102039; }
.device-label[b-rwoqqlog3b] { display: block; font-size: 0.75rem; color: #b8cce5; }
.device-grid strong[b-rwoqqlog3b] { display: block; margin: 0.4rem 0; font-size: clamp(0.9rem, 1.5vw, 1.4rem); }
small[b-rwoqqlog3b] { color: #b8cce5; font-size: 0.7rem; }
i[b-rwoqqlog3b], .connection-dot[b-rwoqqlog3b] { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 8px #4ade80; animation: signal-pulse-b-rwoqqlog3b 1s infinite alternate; }
.event-line[b-rwoqqlog3b] { font-size: 0.8rem; color: #7dd3fc; }
.chat-panel[b-rwoqqlog3b] { min-height: 0; display: flex; flex-direction: column; border: 1px solid #7dd3fc44; border-radius: 16px; background: #091223; padding: 1rem; }
.chat-heading[b-rwoqqlog3b] { display: flex; align-items: center; gap: 0.5rem; font-weight: 700; font-size: 0.9rem; }
.local-badge[b-rwoqqlog3b] { margin-left: auto; font-size: 0.65rem; color: #4ade80; }
.messages[b-rwoqqlog3b] { flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: 0.5rem; overflow: hidden; padding: 0.7rem 0; }
.message[b-rwoqqlog3b] { border-radius: 10px; padding: 0.6rem 0.8rem; max-width: 95%; font-size: clamp(0.75rem, 1vw, 0.95rem); }
.message strong[b-rwoqqlog3b] { font-size: 0.7rem; color: #7dd3fc; }
.message p[b-rwoqqlog3b] { margin: 0.2rem 0 0; line-height: 1.35; }
.user-message[b-rwoqqlog3b] { align-self: flex-end; background: #243b60; }
.ai-message[b-rwoqqlog3b] { align-self: flex-start; background: #11263b; }
.cursor[b-rwoqqlog3b] { color: #38bdf8; }
.chat-footer[b-rwoqqlog3b] { font-size: 0.7rem; color: #91a8c4; border-top: 1px solid #7dd3fc22; padding-top: 0.6rem; }
@keyframes signal-pulse-b-rwoqqlog3b { from { opacity: 0.4; } to { opacity: 1; } }
@media (max-width: 700px) {
    .chat-scene[b-rwoqqlog3b] { padding-top: 8.5rem; gap: 0.6rem; }
    .simulation-layout[b-rwoqqlog3b] { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); gap: 0.7rem; }
    .system-image[b-rwoqqlog3b] { display: none; }
    .device-grid article[b-rwoqqlog3b] { padding: 0.5rem; }
    .device-grid strong[b-rwoqqlog3b] { margin: 0.2rem 0; }
    .devices[b-rwoqqlog3b] { gap: 0.4rem; }
    .chat-panel[b-rwoqqlog3b] { padding: 0.7rem; }
    .chat-heading[b-rwoqqlog3b] { font-size: 0.75rem; }
    .message[b-rwoqqlog3b] { padding: 0.4rem 0.6rem; }
    .chat-footer[b-rwoqqlog3b] { display: none; }
}
.message[b-rwoqqlog3b] { animation: message-arrive-b-rwoqqlog3b 0.4s ease-out both; }
.device-grid article[b-rwoqqlog3b] { animation: device-glow-b-rwoqqlog3b 2s ease-in-out infinite alternate; }
.device-grid article:nth-child(2)[b-rwoqqlog3b] { animation-delay: -0.7s; }.device-grid article:nth-child(3)[b-rwoqqlog3b] { animation-delay: -1.4s; }
.cursor[b-rwoqqlog3b] { animation: cursor-blink-b-rwoqqlog3b 0.6s steps(2) infinite; }
.system-image[b-rwoqqlog3b] { animation: system-light-b-rwoqqlog3b 4s ease-in-out infinite alternate; }
@keyframes message-arrive-b-rwoqqlog3b { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes device-glow-b-rwoqqlog3b { to { border-color: #4ade80; box-shadow: 0 0 12px #4ade8022; } }
@keyframes cursor-blink-b-rwoqqlog3b { to { opacity: 0; } }
@keyframes system-light-b-rwoqqlog3b { to { filter: brightness(1.15); } }
/* _content/CloudSphereApplication.Shared/Components/Demo/DemoDeviceFlowBackground.razor.rz.scp.css */
.flow-scene[b-9fdg9v8wdk] {
    position: absolute; inset: 0; box-sizing: border-box;
    padding: 7.5rem clamp(1rem, 3vw, 4rem) max(4.5rem, calc(3rem + env(safe-area-inset-bottom)));
    background: radial-gradient(ellipse at 70% 30%, #163d5c55, transparent 65%), #030714;
    color: #f5f8ff; font-family: 'Inter', 'Segoe UI', sans-serif;
    display: flex; flex-direction: column; gap: clamp(1rem, 2.5vh, 2rem);
    overflow-y: auto; overflow-x: hidden;
}
.flow-scene *[b-9fdg9v8wdk] { box-sizing: border-box; }
header[b-9fdg9v8wdk], .closing-line[b-9fdg9v8wdk] { flex: 0 0 auto; }
.eyebrow[b-9fdg9v8wdk] { margin: 0 0 0.6rem; color: #7dd3fc; text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.8rem; }
h2[b-9fdg9v8wdk] { margin: 0; font: 700 clamp(1.7rem, 3.5vw, 3.5rem) / 1.2 'Orbitron', sans-serif; }
.intro[b-9fdg9v8wdk] { margin: 0.6rem 0 0; color: #bbcee5; font-size: clamp(1rem, 1.4vw, 1.25rem); line-height: 1.4; }
.flow-stages[b-9fdg9v8wdk] { flex: 1 0 auto; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; padding: 0; margin: 0; list-style: none; }
.flow-stages li[b-9fdg9v8wdk] { display: flex; flex-direction: column; position: relative; border: 1px solid #7dd3fc44; border-radius: 16px; background: #0d192c; min-width: 0; animation: node-glow-b-9fdg9v8wdk 3s ease-in-out infinite alternate; }
img[b-9fdg9v8wdk] { display: block; width: 100%; height: clamp(12rem, 30vh, 30rem); object-fit: cover; border-radius: 15px 15px 0 0; }
.stage-copy[b-9fdg9v8wdk] { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: clamp(1rem, 1.5vw, 2rem); }
.stage-number[b-9fdg9v8wdk] { color: #7dd3fc; font-size: 1rem; font-weight: 700; }
h3[b-9fdg9v8wdk] { margin: 0.6rem 0; color: #f5f8ff; font-size: clamp(1.1rem, 1.6vw, 1.75rem); line-height: 1.25; }
.stage-copy p[b-9fdg9v8wdk] { margin: 0; color: #bbcee5; line-height: 1.5; font-size: clamp(0.95rem, 1.15vw, 1.15rem); }
.connector[b-9fdg9v8wdk] { position: absolute; right: -1.8rem; top: 50%; color: #38bdf8; font-size: 1.6rem; animation: connection-pulse-b-9fdg9v8wdk 1.5s ease-in-out infinite; }
.closing-line[b-9fdg9v8wdk] { margin: 0; color: #bbcee5; font-size: clamp(1rem, 1.5vw, 1.3rem); line-height: 1.4; }
.closing-line strong[b-9fdg9v8wdk] { color: #f5f8ff; }
.flow-stages li:nth-child(2)[b-9fdg9v8wdk] { animation-delay: -0.7s; }
.flow-stages li:nth-child(3)[b-9fdg9v8wdk] { animation-delay: -1.4s; }
.flow-stages li:nth-child(4)[b-9fdg9v8wdk] { animation-delay: -2.1s; }
@media (max-width: 1100px) {
    .flow-stages[b-9fdg9v8wdk] { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
    .flow-stages li[b-9fdg9v8wdk] { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr); }
    img[b-9fdg9v8wdk] { height: 100%; min-height: 12rem; border-radius: 15px 0 0 15px; }
    .connector[b-9fdg9v8wdk] { top: auto; bottom: -1.9rem; right: 50%; transform: rotate(90deg); animation: none; }
}
@media (max-width: 600px) {
    .flow-scene[b-9fdg9v8wdk] { padding: calc(8.5rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-left)) max(5rem, calc(4rem + env(safe-area-inset-bottom))) max(1rem, env(safe-area-inset-right)); gap: 1rem; }
    .eyebrow[b-9fdg9v8wdk] { font-size: 0.7rem; }
    h2[b-9fdg9v8wdk] { font-size: clamp(1.5rem, 6vw, 2rem); }
    .intro[b-9fdg9v8wdk] { font-size: 0.95rem; }
    .flow-stages[b-9fdg9v8wdk] { flex: 0 0 auto; }
    .flow-stages li[b-9fdg9v8wdk] { display: flex; }
    img[b-9fdg9v8wdk] { height: auto; min-height: 0; aspect-ratio: 3 / 2; border-radius: 15px 15px 0 0; }
    .stage-copy[b-9fdg9v8wdk] { padding: 1rem; }
}
@keyframes node-glow-b-9fdg9v8wdk { to { border-color: #38bdf8; box-shadow: 0 0 20px #38bdf833; } }
@keyframes connection-pulse-b-9fdg9v8wdk { 50% { transform: translateX(4px); color: #c084fc; } }

/* Fit the complete desktop scene into the presentation viewport. */
@media (min-width: 801px) and (min-height: 600px) {
    .flow-scene[b-9fdg9v8wdk] { gap: 1.5vh; }
    h2[b-9fdg9v8wdk] { font-size: clamp(1.7rem, 4vh, 3.5rem); }
    .eyebrow[b-9fdg9v8wdk] { margin-bottom: 0.4rem; }
    .intro[b-9fdg9v8wdk] { font-size: clamp(0.9rem, 1.8vh, 1.25rem); margin-top: 0.4rem; }
    .flow-stages[b-9fdg9v8wdk] { flex: 1 1 0; min-height: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; }
    .flow-stages li[b-9fdg9v8wdk] { display: flex; min-height: 0; }
    img[b-9fdg9v8wdk] { flex: 1 1 0; min-height: 0; height: 0; border-radius: 15px 15px 0 0; }
    .stage-copy[b-9fdg9v8wdk] { flex: 0 0 auto; padding: clamp(0.6rem, 1.5vh, 1.5rem); }
    .stage-number[b-9fdg9v8wdk] { font-size: 0.85rem; }
    h3[b-9fdg9v8wdk] { font-size: clamp(1rem, 2.2vh, 1.75rem); margin: 0.4rem 0; }
    .stage-copy p[b-9fdg9v8wdk] { font-size: clamp(0.85rem, 1.8vh, 1.15rem); line-height: 1.35; }
    .connector[b-9fdg9v8wdk] { top: 50%; bottom: auto; right: -1.4rem; transform: none; font-size: 1.25rem; }
    .closing-line[b-9fdg9v8wdk] { font-size: clamp(0.9rem, 1.8vh, 1.3rem); }
    .closing-line br[b-9fdg9v8wdk] { display: none; }
}
/* _content/CloudSphereApplication.Shared/Components/Demo/DemoEdgeGrowthBackground.razor.rz.scp.css */
.growth-scene[b-en6hit6zj5] { position: absolute; inset: 0; display: flex; flex-direction: column; gap: 14px; padding: calc(7.5rem + env(safe-area-inset-top)) clamp(16px, 3vw, 48px) 70px; overflow-y: auto; color: #f1f5f9; background: radial-gradient(ellipse at top right, #0e749033, transparent 65%), #060b18; font-family: 'Segoe UI', sans-serif; }
.growth-scene[b-en6hit6zj5], .growth-scene *[b-en6hit6zj5] { box-sizing: border-box; }
header[b-en6hit6zj5] { text-align: center; flex-shrink: 0; }
.eyebrow[b-en6hit6zj5] { color: #22d3ee; font-size: 11px; text-transform: uppercase; letter-spacing: .14em; margin: 0 0 8px; }
h2[b-en6hit6zj5] { font: 700 clamp(22px, 2.5vw, 36px)/1.2 'Orbitron', sans-serif; margin: 0; }
header > p:last-child[b-en6hit6zj5] { margin: 8px 0 0; color: #b8cce5; font-size: 14px; line-height: 1.4; }
.metrics[b-en6hit6zj5] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; flex-shrink: 0; }
.metrics article[b-en6hit6zj5] { border: 1px solid #22d3ee44; border-radius: 12px; padding: 12px 16px; background: #102039; }
.metrics span[b-en6hit6zj5] { display: block; color: #b8cce5; font-size: 12px; }
.metrics strong[b-en6hit6zj5] { display: block; color: #22d3ee; font-size: clamp(24px, 2.4vw, 34px); margin-top: 4px; }
.metrics article:nth-child(3) strong[b-en6hit6zj5] { color: #c084fc; }
.metrics strong[b-en6hit6zj5], .bar-column > strong[b-en6hit6zj5] { font-variant-numeric: tabular-nums; }
.growth-layout[b-en6hit6zj5] { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 14px; flex: 1 0 auto; }
.charts[b-en6hit6zj5] { display: grid; gap: 12px; }
.panel[b-en6hit6zj5] { margin: 0; padding: 16px; border: 1px solid #7dd3fc33; border-radius: 14px; background: #0d1729; min-width: 0; }
h3[b-en6hit6zj5] { font-size: 16px; margin: 0 0 4px; }
figcaption > span[b-en6hit6zj5] { color: #94a3b8; font-size: 11px; }
.milestone-chart[b-en6hit6zj5] { display: flex; gap: 16px; margin-top: 14px; }
.bar-column[b-en6hit6zj5] { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 5px; font-size: 12px; }
.bar-column > strong[b-en6hit6zj5] { color: #e2e8f0; }
.bar-space[b-en6hit6zj5] { width: 70%; height: clamp(110px, 18vh, 170px); display: flex; align-items: flex-end; border-bottom: 1px solid #475569; background: repeating-linear-gradient(to top, transparent 0, transparent calc(50% - 1px), #33415555 50%); }
.bar-space i[b-en6hit6zj5] { display: block; width: 100%; background: linear-gradient(#22d3ee, #2563eb); border-radius: 6px 6px 0 0; transform-origin: bottom; animation: grow-bar-b-en6hit6zj5 1.2s ease-out both; }
.bar-space .forecast[b-en6hit6zj5] { background: linear-gradient(#c084fc, #7c3aed); }
.bar-column small[b-en6hit6zj5] { color: #94a3b8; font-size: 11px; }
.line-chart[b-en6hit6zj5] { display: flex; gap: 10px; margin-top: 14px; }
.y-axis[b-en6hit6zj5] { width: 42px; height: 150px; display: flex; flex-direction: column; justify-content: space-between; color: #94a3b8; font-size: 10px; flex-shrink: 0; }
.plot[b-en6hit6zj5] { flex: 1; min-width: 0; }
svg[b-en6hit6zj5] { display: block; width: 100%; height: 150px; overflow: visible; }
.years[b-en6hit6zj5] { display: flex; justify-content: space-between; gap: 4px; padding-top: 8px; font-size: 10px; color: #b8cce5; }
.chart-note[b-en6hit6zj5] { color: #94a3b8; font-size: 11px; line-height: 1.4; margin: 10px 0 0; }
.advantages ul[b-en6hit6zj5] { list-style: none; margin: 12px 0; padding: 0; display: grid; gap: 10px; }
.advantages li[b-en6hit6zj5] { border-left: 3px solid #22d3ee; padding: 8px 12px; background: #102039; border-radius: 0 8px 8px 0; }
.advantages b[b-en6hit6zj5], .advantages span[b-en6hit6zj5] { display: block; }
.advantages b[b-en6hit6zj5] { font-size: 14px; margin-bottom: 4px; }
.advantages span[b-en6hit6zj5] { font-size: 12px; line-height: 1.4; color: #b8cce5; }
.outlook[b-en6hit6zj5] { color: #b8cce5; font-size: 12px; line-height: 1.5; margin: 12px 0 0; }
.outlook strong[b-en6hit6zj5] { display: block; color: #c084fc; }
footer[b-en6hit6zj5] { font-size: 11px; color: #94a3b8; line-height: 1.5; flex-shrink: 0; }
a[b-en6hit6zj5] { color: #7dd3fc; }
@keyframes grow-bar-b-en6hit6zj5 { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@media (min-width: 851px) {
    .growth-scene[b-en6hit6zj5] { overflow: hidden; gap: clamp(6px, 1.2vh, 14px); padding-bottom: max(3.5rem, calc(2.5rem + env(safe-area-inset-bottom))); }
    .growth-layout[b-en6hit6zj5] { flex: 1 1 0; min-height: 0; gap: 12px; }
    .charts[b-en6hit6zj5] { min-height: 0; grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
    .panel[b-en6hit6zj5] { min-height: 0; padding: clamp(8px, 1.3vh, 16px); }
    figure.panel[b-en6hit6zj5] { display: flex; flex-direction: column; }
    figcaption[b-en6hit6zj5] { flex: 0 0 auto; }
    .milestone-chart[b-en6hit6zj5] { flex: 1 1 0; min-height: 0; margin-top: 8px; }
    .bar-column[b-en6hit6zj5] { min-height: 0; gap: 3px; }
    .bar-space[b-en6hit6zj5] { height: auto; min-height: 0; flex: 1 1 0; }
    .line-chart[b-en6hit6zj5] { flex: 1 1 0; min-height: 0; margin-top: 8px; }
    .y-axis[b-en6hit6zj5] { height: auto; padding-bottom: 20px; }
    .plot[b-en6hit6zj5] { display: flex; flex-direction: column; min-height: 0; }
    svg[b-en6hit6zj5] { flex: 1 1 0; min-height: 0; height: 0; }
    .years[b-en6hit6zj5] { flex: 0 0 auto; padding-top: 5px; }
    .chart-note[b-en6hit6zj5] { flex: 0 0 auto; margin-top: 6px; font-size: 10px; }
    .advantages[b-en6hit6zj5] { display: flex; flex-direction: column; }
    .advantages ul[b-en6hit6zj5] { flex: 1 1 0; min-height: 0; grid-template-rows: repeat(6, minmax(0, 1fr)); gap: 6px; margin: 8px 0; }
    .advantages li[b-en6hit6zj5] { display: flex; flex-direction: column; justify-content: center; padding: 4px 10px; }
    .advantages b[b-en6hit6zj5] { margin-bottom: 2px; }
    .outlook[b-en6hit6zj5] { flex: 0 0 auto; margin-top: 4px; }
}
@media (min-width: 851px) and (max-height: 800px) {
    h2[b-en6hit6zj5] { font-size: clamp(20px, 3.7vh, 30px); }
    .eyebrow[b-en6hit6zj5] { margin-bottom: 4px; }
    header > p:last-child[b-en6hit6zj5] { margin-top: 4px; font-size: 12px; }
    .metrics article[b-en6hit6zj5] { padding: 7px 12px; }
    .metrics strong[b-en6hit6zj5] { font-size: 26px; margin-top: 2px; }
    h3[b-en6hit6zj5] { font-size: 14px; }
    .advantages b[b-en6hit6zj5] { font-size: 12px; }
    .advantages span[b-en6hit6zj5], .outlook[b-en6hit6zj5] { font-size: 11px; line-height: 1.3; }
    footer[b-en6hit6zj5] { font-size: 10px; line-height: 1.3; }
}
@media (max-width: 850px) { .growth-layout[b-en6hit6zj5] { grid-template-columns: minmax(0, 1fr); } .metrics[b-en6hit6zj5] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .advantages ul[b-en6hit6zj5] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .advantages ul[b-en6hit6zj5] { grid-template-columns: minmax(0, 1fr); } .panel[b-en6hit6zj5] { padding: 12px; } .metrics article[b-en6hit6zj5] { padding: 10px; } .years span:nth-child(even)[b-en6hit6zj5] { visibility: hidden; } }
@media (prefers-reduced-motion: reduce) { .bar-space i[b-en6hit6zj5] { animation: none; } }

/* Reveal the data once; keep ongoing motion in accents rather than the figures. */
header[b-en6hit6zj5] { animation: growth-enter-b-en6hit6zj5 .8s ease-out both; }
.metrics article[b-en6hit6zj5] { position: relative; overflow: hidden; animation: growth-enter-b-en6hit6zj5 .75s ease-out both; }
.metrics article:nth-child(2)[b-en6hit6zj5] { animation-delay: .1s; }
.metrics article:nth-child(3)[b-en6hit6zj5] { animation-delay: .2s; }
.metrics article:nth-child(4)[b-en6hit6zj5] { animation-delay: .3s; }
.metrics article[b-en6hit6zj5]::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(115deg, transparent 30%, #7dd3fc14 50%, transparent 70%);
    transform: translateX(-140%);
    animation: growth-shine-b-en6hit6zj5 8s ease-in-out infinite;
}
.metrics article:nth-child(2)[b-en6hit6zj5]::after { animation-delay: 1s; }
.metrics article:nth-child(3)[b-en6hit6zj5]::after { animation-delay: 2s; }
.metrics article:nth-child(4)[b-en6hit6zj5]::after { animation-delay: 3s; }
.charts > .panel[b-en6hit6zj5] { animation: growth-enter-b-en6hit6zj5 .9s ease-out .2s both; }
.charts > .panel:nth-child(2)[b-en6hit6zj5] { animation-delay: .4s; }
.bar-space i[b-en6hit6zj5] { animation-duration: 1.8s; animation-delay: .3s; }
.bar-column:nth-child(2) .bar-space i[b-en6hit6zj5] { animation-delay: .5s; }
.bar-column:nth-child(3) .bar-space i[b-en6hit6zj5] { animation-delay: .7s; }
.growth-line[b-en6hit6zj5] { stroke-dasharray: 1; stroke-dashoffset: 1; animation: growth-draw-b-en6hit6zj5 2.6s ease-out .6s forwards; }
.growth-area[b-en6hit6zj5] { opacity: 0; animation: growth-area-in-b-en6hit6zj5 2s ease-out .8s forwards; }
.growth-traveler[b-en6hit6zj5] { filter: drop-shadow(0 0 4px #67e8f9); animation: growth-dot-in-b-en6hit6zj5 3.2s ease-out both; }
.advantages li[b-en6hit6zj5] { position: relative; animation: growth-benefit-focus-b-en6hit6zj5 15s ease-in-out infinite; }
.advantages li:nth-child(2)[b-en6hit6zj5] { animation-delay: 2.5s; }
.advantages li:nth-child(3)[b-en6hit6zj5] { animation-delay: 5s; }
.advantages li:nth-child(4)[b-en6hit6zj5] { animation-delay: 7.5s; }
.advantages li:nth-child(5)[b-en6hit6zj5] { animation-delay: 10s; }
.advantages li:nth-child(6)[b-en6hit6zj5] { animation-delay: 12.5s; }
.outlook strong[b-en6hit6zj5] { animation: growth-outlook-glow-b-en6hit6zj5 5s ease-in-out infinite; }
@keyframes growth-enter-b-en6hit6zj5 {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes growth-shine-b-en6hit6zj5 {
    0%, 70% { transform: translateX(-140%); }
    95%, 100% { transform: translateX(140%); }
}
@keyframes growth-draw-b-en6hit6zj5 { to { stroke-dashoffset: 0; } }
@keyframes growth-area-in-b-en6hit6zj5 { to { opacity: 1; } }
@keyframes growth-dot-in-b-en6hit6zj5 { 0%, 85% { opacity: 0; } 100% { opacity: 1; } }
@keyframes growth-benefit-focus-b-en6hit6zj5 {
    0%, 18%, 100% { border-left-color: #22d3ee; background-color: #102039; box-shadow: none; }
    4%, 12% { border-left-color: #c4f5ff; background-color: #193449; box-shadow: inset 0 0 22px #22d3ee0c; }
}
@keyframes growth-outlook-glow-b-en6hit6zj5 {
    0%, 100% { text-shadow: 0 0 0 transparent; }
    50% { text-shadow: 0 0 16px #c084fc55; }
}
@media (prefers-reduced-motion: reduce) {
    header[b-en6hit6zj5], .metrics article[b-en6hit6zj5], .metrics article[b-en6hit6zj5]::after, .charts > .panel[b-en6hit6zj5],
    .bar-space i[b-en6hit6zj5], .growth-line[b-en6hit6zj5], .growth-area[b-en6hit6zj5], .advantages li[b-en6hit6zj5], .outlook strong[b-en6hit6zj5] { animation: none; }
    .growth-line[b-en6hit6zj5] { stroke-dashoffset: 0; }
    .growth-area[b-en6hit6zj5] { opacity: 1; }
    .growth-traveler[b-en6hit6zj5] { display: none; }
}
/* _content/CloudSphereApplication.Shared/Components/Demo/DemoHardwareBackground.razor.rz.scp.css */
.hardware-studio[b-fcvwb14lly] { position: absolute; inset: 0; display: flex; flex-direction: column; gap: 1.2rem; padding: 7.5rem 3vw 3.5rem; overflow: hidden; background: radial-gradient(ellipse at 65% 50%, #12415855, transparent 65%), #070f1b; color: #edf5ff; font-family: 'Inter', 'Segoe UI', sans-serif; }
.hardware-studio *[b-fcvwb14lly], .hardware-studio *[b-fcvwb14lly]::before, .hardware-studio *[b-fcvwb14lly]::after { box-sizing: border-box; }
.hardware-heading[b-fcvwb14lly] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-shrink: 0; }
.hardware-eyebrow[b-fcvwb14lly] { margin: 0 0 .6rem; color: #67dfd0; font-size: .65rem; font-weight: 700; letter-spacing: .16em; }
.hardware-heading h2[b-fcvwb14lly] { margin: 0; font: 700 clamp(1.5rem, 3.5vh, 2.7rem)/1.25 'Orbitron', sans-serif; }
.hardware-heading p:last-child[b-fcvwb14lly] { margin: .6rem 0 0; color: #a7bfd5; font-size: clamp(.8rem, 1.7vh, 1rem); }
.hardware-badge[b-fcvwb14lly] { display: flex; align-items: center; gap: .6rem; padding: .8rem 1rem; border: 1px solid #34d39955; border-radius: 30px; color: #99e8ce; font-size: .6rem; letter-spacing: .1em; white-space: nowrap; }
.hardware-badge i[b-fcvwb14lly], .hardware-footer i[b-fcvwb14lly] { width: 6px; height: 6px; display: inline-block; border-radius: 50%; background: #34d399; box-shadow: 0 0 12px #34d39988; }
.hardware-layout[b-fcvwb14lly] { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: clamp(1.2rem, 3vw, 3rem); flex: 1; min-height: 0; }
.hardware-products[b-fcvwb14lly] { display: flex; flex-direction: column; position: relative; margin: 0; min-height: 0; border-radius: 22px; overflow: hidden; border: 1px solid #45677d; background: #07111c; }
.hardware-products img[b-fcvwb14lly] { flex: 1; min-height: 0; width: 100%; height: 0; display: block; object-fit: contain; }
.hardware-products figcaption[b-fcvwb14lly] { flex-shrink: 0; padding: .8rem 1.5rem; border-top: 1px solid #294556; background: #0b1927; }
.hardware-products figcaption > span[b-fcvwb14lly] { color: #67dfd0; font-size: .55rem; letter-spacing: .15em; }
.hardware-products strong[b-fcvwb14lly] { display: block; margin: .5rem 0; font-size: clamp(1rem, 2.5vh, 1.6rem); line-height: 1.25; }
.hardware-products small[b-fcvwb14lly] { color: #9bb4c9; font-size: .6rem; }
.hardware-details[b-fcvwb14lly] { display: flex; flex-direction: column; justify-content: center; min-height: 0; }
.hardware-details > h3[b-fcvwb14lly] { margin: .3rem 0 .7rem; font-size: clamp(1.7rem, 4.2vh, 3.4rem); line-height: 1.1; letter-spacing: -.03em; }
.hardware-details em[b-fcvwb14lly] { font-style: normal; color: #67dfd0; }
.hardware-details > p[b-fcvwb14lly] { margin: 0 0 1rem; color: #a7bfd5; font-size: clamp(.75rem, 1.6vh, .95rem); line-height: 1.5; max-width: 44ch; }
.hardware-step[b-fcvwb14lly] { display: flex; align-items: center; gap: .8rem; margin: .3rem 0; padding: clamp(.65rem, 1.6vh, 1.1rem); border: 1px solid #294556; border-radius: 12px; background: #10233488; transition: background .8s, border-color .8s, box-shadow .8s; }
.hardware-step.is-active[b-fcvwb14lly] { background: linear-gradient(100deg, #164b4a88, #102334); border-color: #5edcc1; box-shadow: 0 0 24px #34d39916; }
.hardware-number[b-fcvwb14lly] { color: #67dfd0; font: 600 .8rem 'Orbitron', sans-serif; }
.hardware-step h4[b-fcvwb14lly] { margin: 0 0 .35rem; font-size: clamp(.8rem, 1.8vh, 1.1rem); }
.hardware-step p[b-fcvwb14lly] { margin: 0; color: #a7bfd5; font-size: clamp(.7rem, 1.4vh, .85rem); line-height: 1.5; }
.hardware-indicator[b-fcvwb14lly] { flex: 0 0 6px; height: 6px; border-radius: 50%; background: #426275; margin-left: auto; }
.is-active .hardware-indicator[b-fcvwb14lly] { background: #67dfd0; animation: hardware-beacon-b-fcvwb14lly 2s ease-in-out infinite; }
.hardware-device-tags[b-fcvwb14lly] { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: 1rem; }
.hardware-device-tags span[b-fcvwb14lly] { padding: .4rem .6rem; border: 1px solid #426079; border-radius: 5px; color: #afc9df; font-size: .6rem; }
.hardware-footer[b-fcvwb14lly] { display: flex; justify-content: space-between; gap: 1rem; padding-top: .7rem; border-top: 1px solid #294556; flex-shrink: 0; color: #9bb4c9; font-size: .6rem; letter-spacing: .06em; }
.hardware-footer i[b-fcvwb14lly] { margin-right: .5rem; }.hardware-footer b[b-fcvwb14lly] { margin: 0 .4rem; color: #67dfd0; }
@keyframes hardware-beacon-b-fcvwb14lly { 50% { box-shadow: 0 0 12px #67dfd0; } }
@media (max-width: 800px) { .hardware-studio[b-fcvwb14lly] { overflow: auto; padding-inline: 1rem; }.hardware-layout[b-fcvwb14lly] { grid-template-columns: 1fr; flex: none; }.hardware-products[b-fcvwb14lly] { aspect-ratio: 3 / 2; }.hardware-details[b-fcvwb14lly] { padding-block: 1rem; }.hardware-badge[b-fcvwb14lly] { display: none; }.hardware-footer[b-fcvwb14lly] { flex-wrap: wrap; } }
@media (max-height: 800px) and (min-width: 801px) { .hardware-studio[b-fcvwb14lly] { gap: .7rem; }.hardware-heading h2[b-fcvwb14lly] { font-size: 1.6rem; }.hardware-details > h3[b-fcvwb14lly] { font-size: 2rem; }.hardware-details > p[b-fcvwb14lly] { margin-bottom: .4rem; }.hardware-step[b-fcvwb14lly] { padding: .6rem; }.hardware-device-tags[b-fcvwb14lly] { margin-top: .5rem; } }
@media (prefers-reduced-motion: reduce) { .hardware-indicator[b-fcvwb14lly] { animation: none !important; }.hardware-step[b-fcvwb14lly] { transition: none; } }
/* _content/CloudSphereApplication.Shared/Components/Demo/DemoHybridBackground.razor.rz.scp.css */
.hybrid-studio[b-us286s67xm] {
    position: absolute;
    inset: 0;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    gap: clamp(.7rem, 1.5vh, 1.2rem);
    padding: 7.5rem clamp(1.25rem, 3vw, 4rem) 4rem;
    overflow: auto;
    color: #ecf3ff;
    background: radial-gradient(ellipse at 50% 35%, #17325466, transparent 65%), #060c17;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}
.hybrid-studio *[b-us286s67xm], .hybrid-studio *[b-us286s67xm]::before, .hybrid-studio *[b-us286s67xm]::after { box-sizing: border-box; }
.studio-grid[b-us286s67xm] { position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .25; background-image: linear-gradient(#41648a22 1px, transparent 1px), linear-gradient(90deg, #41648a22 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(transparent, #000 40%, transparent); }
.studio-heading[b-us286s67xm] { display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-shrink: 0; animation: studio-enter-b-us286s67xm .8s ease-out both; }
.studio-eyebrow[b-us286s67xm], .foundation-label[b-us286s67xm] { display: block; margin: 0 0 .5rem; color: #81c4df; font-size: .65rem; font-weight: 700; letter-spacing: .15em; }
.studio-heading h2[b-us286s67xm] { margin: 0; font: 700 clamp(1.6rem, 3.9vh, 3.1rem)/1.2 'Orbitron', sans-serif; letter-spacing: -.025em; }
.studio-heading h2 span[b-us286s67xm] { color: #92cbea; }
.studio-subtitle[b-us286s67xm] { margin: .6rem 0 0; color: #9eafc6; font-size: clamp(.8rem, 1.65vh, 1rem); line-height: 1.5; max-width: 70ch; }
.studio-stack[b-us286s67xm] { flex-shrink: 0; padding: .7rem 0 .7rem 1.5rem; border-left: 1px solid #34516c; display: grid; gap: .35rem; }
.studio-stack > span[b-us286s67xm] { color: #7f96b3; font-size: .6rem; letter-spacing: .15em; }
.studio-stack strong[b-us286s67xm] { font-size: 1.1rem; font-weight: 600; }
.studio-stack small[b-us286s67xm] { color: #a7b8cf; font-size: .72rem; }
.shared-workflow[b-us286s67xm] { position: relative; display: flex; align-items: center; gap: .85rem; padding: .85rem 1.15rem 1rem; border: 1px solid #2b455e; border-radius: 12px; background: linear-gradient(110deg, #122238, #0c1726); flex-shrink: 0; overflow: hidden; animation: studio-enter-b-us286s67xm .8s ease-out .12s both; }
.workflow-mark[b-us286s67xm] { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 9px; background: #19364b; color: #9cdff5; font-size: 1.6rem; }
.shared-workflow .studio-eyebrow[b-us286s67xm] { margin-bottom: .3rem; font-size: .56rem; }
.shared-workflow strong[b-us286s67xm] { display: block; font-size: clamp(.75rem, 1.6vh, 1rem); font-weight: 500; }
.shared-workflow strong i[b-us286s67xm] { color: #627e9d; margin: 0 .5rem; font-style: normal; }
.workflow-status[b-us286s67xm] { margin-left: auto; display: flex; align-items: center; gap: .5rem; color: #acc9da; font-size: .7rem; white-space: nowrap; }
.workflow-status i[b-us286s67xm] { width: 6px; height: 6px; border-radius: 50%; background: #78d4b0; box-shadow: 0 0 10px #78d4b044; }
.workflow-track[b-us286s67xm] { position: absolute; height: 2px; bottom: 0; left: 0; right: 0; background: #1c3349; }
.workflow-track span[b-us286s67xm] { position: absolute; width: 33.333%; height: 100%; background: linear-gradient(90deg, transparent, #91daf7, transparent); transition: left .8s ease; }
.platform-studio[b-us286s67xm] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(.7rem, 1.4vw, 1.5rem); flex: 1 0 auto; min-height: 27rem; }
.platform-panel[b-us286s67xm] { position: relative; display: flex; flex-direction: column; min-width: 0; border: 1px solid #263b53; border-radius: 16px; background: linear-gradient(165deg, #122034, #0a1422); overflow: hidden; transition: border-color .6s, box-shadow .6s; animation: studio-enter-b-us286s67xm .8s ease-out var(--platform-delay) both; }
.platform-panel.platform-active[b-us286s67xm] { border-color: #6cb1d2; box-shadow: 0 0 32px #3b9cca12; }
.platform-topline[b-us286s67xm] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .8rem 1rem; border-bottom: 1px solid #263b5366; color: #c3d2e5; font-size: .62rem; font-weight: 700; letter-spacing: .1em; }
.platform-indicator[b-us286s67xm] { font-size: .5rem; color: #738da9; font-weight: 500; }
.platform-active .platform-indicator[b-us286s67xm] { color: #8bdcc1; }
.device-stage[b-us286s67xm] { position: relative; display: flex; align-items: center; justify-content: center; padding: 1rem 1rem 1.5rem; flex: 1 0 auto; min-height: 17rem; background: radial-gradient(ellipse at center, #233f5b55, transparent 75%); }
.device-shell[b-us286s67xm] { position: relative; width: 100%; max-width: 27rem; border: 1px solid #425873; border-radius: 9px; background: #0a1322; box-shadow: 0 16px 28px #0005; overflow: hidden; transition: border-color .6s; }
.platform-active .device-shell[b-us286s67xm] { border-color: #71aeca; }
.device-toolbar[b-us286s67xm] { display: flex; align-items: center; gap: .5rem; padding: .5rem .65rem; border-bottom: 1px solid #283b51; background: #1b293c; font-size: .45rem; color: #95a9c2; }
.window-dots[b-us286s67xm] { display: flex; gap: 3px; }
.window-dots i[b-us286s67xm] { width: 4px; height: 4px; border-radius: 50%; background: #72839a; }
.window-dots i:first-child[b-us286s67xm] { background: #ba8588; }.window-dots i:nth-child(2)[b-us286s67xm] { background: #b9aa7b; }.window-dots i:last-child[b-us286s67xm] { background: #7aa993; }
.device-lock[b-us286s67xm] { margin-left: auto; color: #84b9d1; }
.device-workspace[b-us286s67xm] { display: flex; min-height: 10rem; }
.device-sidebar[b-us286s67xm] { width: 2rem; flex-shrink: 0; border-right: 1px solid #263b53; padding: .6rem .45rem; display: flex; align-items: center; flex-direction: column; gap: .65rem; }
.device-sidebar b[b-us286s67xm] { font-size: .45rem; font-weight: 800; color: #8cb9d0; }
.device-sidebar i[b-us286s67xm] { width: 9px; height: 9px; border: 1px solid #466079; border-radius: 2px; }
.device-sidebar i:first-of-type[b-us286s67xm] { background: #2c526b; border-color: #72adc6; }
.device-content[b-us286s67xm] { flex: 1; min-width: 0; padding: .65rem; }
.workspace-title[b-us286s67xm] { display: flex; justify-content: space-between; align-items: center; font-size: .62rem; font-weight: 650; }
.workspace-status[b-us286s67xm] { font-size: .38rem; color: #81c6a8; font-weight: 500; }
.preview-stats[b-us286s67xm] { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; margin-top: .6rem; }
.preview-stats > div[b-us286s67xm] { padding: .45rem .5rem; background: #16273b; border: 1px solid #263b53; border-radius: 5px; }
.preview-stats span[b-us286s67xm] { display: block; color: #8b9fb8; font-size: .4rem; }
.preview-stats strong[b-us286s67xm] { display: block; margin-top: .2rem; font-size: .75rem; font-weight: 600; }
.preview-stats small[b-us286s67xm] { color: #81c6a8; font-size: .4rem; font-weight: 500; }
.preview-chart[b-us286s67xm] { margin-top: .45rem; padding: .45rem; background: #101f32; border: 1px solid #24384f; border-radius: 5px; }
.preview-chart > span[b-us286s67xm] { display: block; color: #90a6be; font-size: .4rem; }
.chart-bars[b-us286s67xm] { height: clamp(2.4rem, 6vh, 4rem); display: flex; align-items: flex-end; gap: 4%; padding-top: .4rem; }
.chart-bars i[b-us286s67xm] { width: 5%; border-radius: 2px 2px 0 0; background: linear-gradient(#8dcde0, #345e7c); transition: height .25s linear; opacity: .7; }
.platform-active .chart-bars i[b-us286s67xm] { opacity: 1; }
.chart-bars i[b-us286s67xm] { position: relative; transform-origin: bottom; animation: studio-bar-pulse-b-us286s67xm 2.8s ease-in-out infinite; animation-delay: calc(var(--bar) * -.19s); }
.chart-bars i:nth-child(4n + 1)[b-us286s67xm] { background: linear-gradient(#67e8f9, #0284c7); box-shadow: 0 0 8px #22d3ee20; }
.chart-bars i:nth-child(4n + 2)[b-us286s67xm] { background: linear-gradient(#a5b4fc, #6366f1); }
.chart-bars i:nth-child(4n + 3)[b-us286s67xm] { background: linear-gradient(#6ee7b7, #059669); }
.chart-bars i:nth-child(4n)[b-us286s67xm] { background: linear-gradient(#fcd34d, #d97706); }
.platform-active .chart-bars i[b-us286s67xm] { filter: brightness(1.15); }
.device-shell-0[b-us286s67xm] { width: 92%; max-width: 24rem; border: 6px solid #455b74; border-radius: 18px; }
.device-shell-0 .window-dots[b-us286s67xm] { display: none; }
.device-shell-0 .device-sidebar[b-us286s67xm] { display: none; }
.device-shell-0 .device-toolbar[b-us286s67xm] { padding-block: .65rem; }
.platform-topline[b-us286s67xm], .platform-description[b-us286s67xm] { flex-shrink: 0; }
.preview-event[b-us286s67xm] { display: flex; gap: .4rem; align-items: center; margin-top: .5rem; padding: .35rem; background: #142d32; border: 1px solid #2c5258; border-radius: 5px; }
.event-check[b-us286s67xm] { color: #92d6bc; font-size: .6rem; }
.preview-event strong[b-us286s67xm] { display: block; font-size: .44rem; font-weight: 500; }
.preview-event div > span[b-us286s67xm] { display: block; margin-top: .15rem; color: #82a7b0; font-size: .36rem; }
.event-arrow[b-us286s67xm] { margin-left: auto; color: #94cbb9; font-size: .6rem; }
.device-shell-1[b-us286s67xm] { border-width: 3px; border-bottom-width: 9px; border-radius: 10px; }
.device-stage-1[b-us286s67xm] { padding-bottom: 2rem; }
.device-shell-1[b-us286s67xm] { position: relative; overflow: visible; }
.device-shell-1[b-us286s67xm]::after { content: ''; position: absolute; bottom: -18px; left: 34%; width: 32%; height: 10px; border-radius: 0 0 6px 6px; background: linear-gradient(#52647c, #26394e); box-shadow: 0 4px 10px #0004; }
.device-shell-2[b-us286s67xm] { max-width: 10.5rem; border-width: 5px; border-radius: 23px; }
.device-shell-2 .device-toolbar[b-us286s67xm] { padding: .5rem; font-size: .4rem; }.device-shell-2 .window-dots[b-us286s67xm] { display: none; }
.device-shell-2 .device-sidebar[b-us286s67xm] { display: none; }.device-shell-2 .device-content[b-us286s67xm] { padding: .5rem; }.device-shell-2 .workspace-status[b-us286s67xm] { display: none; }
.device-shell-2 .chart-bars[b-us286s67xm] { height: 2.6rem; }.device-shell-2 .preview-stats strong[b-us286s67xm] { font-size: .65rem; }
.platform-description[b-us286s67xm] { padding: .9rem 1.1rem; border-top: 1px solid #263b5366; }
.platform-description h3[b-us286s67xm] { margin: 0 0 .4rem; font-size: clamp(.8rem, 1.7vh, 1.1rem); font-weight: 650; line-height: 1.35; }
.platform-description p[b-us286s67xm] { margin: 0; min-height: 2.9em; color: #98adc6; font-size: clamp(.7rem, 1.45vh, .87rem); line-height: 1.5; }
.platform-tag[b-us286s67xm] { display: inline-block; margin-top: .6rem; color: #7fa9c4; font-size: .49rem; letter-spacing: .12em; }
.studio-foundation[b-us286s67xm] { display: grid; grid-template-columns: 1.5fr 1fr; gap: 1rem; flex-shrink: 0; }
.studio-foundation section[b-us286s67xm] { padding: .9rem 1.1rem; border: 1px solid #263b53; border-radius: 12px; background: #101c2c; }
.foundation-label[b-us286s67xm] { font-size: .5rem; margin-bottom: .4rem; }
.studio-foundation h3[b-us286s67xm] { margin: 0; font-size: .9rem; font-weight: 600; line-height: 1.4; }
.foundation-brands[b-us286s67xm] { display: flex; flex-wrap: wrap; gap: .45rem .8rem; margin-top: .6rem; }
.foundation-brands span[b-us286s67xm] { color: #9eb3ca; font-size: .65rem; }
.foundation-agents[b-us286s67xm] { display: flex; gap: .8rem; align-items: center; }
.agent-symbol[b-us286s67xm] { display: grid; place-items: center; flex: 0 0 2.5rem; height: 2.5rem; border-radius: 9px; border: 1px solid #52608b; background: #232b46; color: #b3bce2; font-size: 1.5rem; }
.foundation-agents .foundation-label[b-us286s67xm] { color: #a2abcf; }.foundation-agents p[b-us286s67xm] { margin: .3rem 0 0; color: #98adc6; font-size: .7rem; line-height: 1.5; }
.studio-caption[b-us286s67xm] { margin: 0; color: #6d88a4; font-size: .58rem; letter-spacing: .03em; flex-shrink: 0; }
.studio-caption > span[b-us286s67xm] { display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin-right: .4rem; background: #76b8cb; }
@keyframes studio-enter-b-us286s67xm { from { opacity: 0; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
@keyframes studio-bar-pulse-b-us286s67xm { 0%, 100% { transform: scaleY(.78); } 50% { transform: scaleY(1); } }
@media (max-width: 1000px) { .studio-stack[b-us286s67xm] { display: none; }.studio-heading h2[b-us286s67xm] { font-size: clamp(1.4rem, 4vw, 2.2rem); }.platform-topline[b-us286s67xm] { padding-inline: .7rem; font-size: .5rem; }.platform-description[b-us286s67xm] { padding: .75rem; }.platform-description p[b-us286s67xm] { font-size: .7rem; }.device-stage[b-us286s67xm] { padding: .7rem; }.device-sidebar[b-us286s67xm] { display: none; } }
@media (max-width: 700px) { .hybrid-studio[b-us286s67xm] { padding-inline: 1rem; }.platform-studio[b-us286s67xm] { grid-template-columns: 1fr; flex: none; }.platform-panel[b-us286s67xm] { display: grid; grid-template-columns: 1fr 1fr; }.platform-topline[b-us286s67xm] { grid-column: 1 / -1; }.platform-description[b-us286s67xm] { display: flex; flex-direction: column; justify-content: center; border-top: 0; }.platform-description p[b-us286s67xm] { min-height: 0; }.device-stage[b-us286s67xm] { min-height: 17rem; }.studio-foundation[b-us286s67xm] { grid-template-columns: 1fr; }.shared-workflow[b-us286s67xm] { flex-wrap: wrap; gap: .5rem; }.workflow-status[b-us286s67xm] { margin-left: 3.3rem; font-size: .6rem; }.shared-workflow strong[b-us286s67xm] { font-size: .65rem; }.shared-workflow strong i[b-us286s67xm] { margin-inline: .15rem; }.studio-eyebrow[b-us286s67xm] { font-size: .5rem; }.studio-subtitle[b-us286s67xm] { font-size: .8rem; } }
@media (prefers-reduced-motion: reduce) { .studio-heading[b-us286s67xm], .shared-workflow[b-us286s67xm], .platform-panel[b-us286s67xm], .chart-bars i[b-us286s67xm] { animation: none; }.workflow-track span[b-us286s67xm], .chart-bars i[b-us286s67xm] { transition: none; } }

/* Let the viewport allocate the scene; scale device previews into their own cells. */
@media (min-width: 701px) {
    .hybrid-studio[b-us286s67xm] { overflow: hidden; gap: clamp(.4rem, 1vh, .9rem); padding-bottom: max(3.3rem, calc(2.5rem + env(safe-area-inset-bottom))); }
    .platform-studio[b-us286s67xm] { flex: 1 1 0; min-height: 0; }
    .platform-panel[b-us286s67xm] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; min-height: 0; }
    .device-stage[b-us286s67xm] { min-height: 0; height: 100%; padding: 0; overflow: hidden; }
    .device-shell[b-us286s67xm] { position: absolute; left: 50%; top: 50%; width: calc(100% - 2rem); transform: translate(-50%, -50%) scale(var(--device-scale, .65)); transform-origin: center; }
    .device-shell-0[b-us286s67xm] { max-width: 24rem; }
    .device-shell-2[b-us286s67xm] { max-width: 10.5rem; }
    .platform-description[b-us286s67xm] { padding: clamp(.45rem, 1vh, .85rem) .9rem; }
    .platform-description h3[b-us286s67xm] { font-size: clamp(.75rem, 1.7vh, 1rem); }
    .platform-description p[b-us286s67xm] { font-size: clamp(.65rem, 1.35vh, .82rem); min-height: 0; }
    .platform-tag[b-us286s67xm] { margin-top: .35rem; }
    .studio-foundation section[b-us286s67xm] { padding: clamp(.5rem, 1vh, .85rem) 1rem; }
}
@media (min-width: 701px) and (max-height: 800px) {
    .studio-heading h2[b-us286s67xm] { font-size: clamp(1.4rem, 3.7vh, 2rem); }
    .studio-subtitle[b-us286s67xm] { margin-top: .35rem; font-size: .75rem; }
    .studio-eyebrow[b-us286s67xm] { font-size: .55rem; margin-bottom: .35rem; }
    .shared-workflow[b-us286s67xm] { padding: .55rem .85rem .7rem; }
    .workflow-mark[b-us286s67xm] { width: 2rem; height: 2rem; }
    .studio-foundation h3[b-us286s67xm] { font-size: .78rem; }
    .foundation-brands[b-us286s67xm] { margin-top: .35rem; gap: .3rem .65rem; }
    .foundation-brands span[b-us286s67xm] { font-size: .55rem; }
    .foundation-agents p[b-us286s67xm] { font-size: .62rem; }
    .foundation-label[b-us286s67xm] { font-size: .45rem; }
    .studio-caption[b-us286s67xm] { font-size: .5rem; }
}

/* Hardware proportions and bezels distinguish touch devices from desktop windows. */
.device-shell-0[b-us286s67xm], .device-shell-2[b-us286s67xm] {
    display: flex;
    flex-direction: column;
    background: #080e18;
    border-color: #536277;
    box-shadow: 0 0 0 1px #8b9bb055, 0 16px 28px #0007;
}
.device-shell-0[b-us286s67xm] {
    aspect-ratio: 4 / 3;
    padding: 12px 7px;
    border-width: 7px;
    border-radius: 24px;
}
.device-shell-0[b-us286s67xm]::before {
    content: '';
    position: absolute;
    top: 3px;
    left: calc(50% - 3px);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #253e58;
    box-shadow: inset 0 0 0 2px #111b29;
}
.device-shell-0 .device-workspace[b-us286s67xm], .device-shell-2 .device-workspace[b-us286s67xm] { flex: 1; min-height: 0; }
.device-shell-0 .device-content[b-us286s67xm], .device-shell-2 .device-content[b-us286s67xm] { display: flex; flex-direction: column; }
.device-shell-0 .preview-chart[b-us286s67xm], .device-shell-2 .preview-chart[b-us286s67xm] { flex: 1; display: flex; flex-direction: column; }
.device-shell-0 .chart-bars[b-us286s67xm], .device-shell-2 .chart-bars[b-us286s67xm] { flex: 1; min-height: 2.6rem; }
.device-shell-2[b-us286s67xm] {
    aspect-ratio: 9 / 19.5;
    padding: 22px 2px 17px;
    border-width: 5px;
    border-radius: 27px;
}
.device-shell-2[b-us286s67xm]::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 34%;
    width: 32%;
    height: 8px;
    border-radius: 8px;
    background: #02050a;
    box-shadow: inset -5px 0 0 #1c3047;
}
.device-shell-2[b-us286s67xm]::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 32%;
    width: 36%;
    height: 3px;
    border-radius: 3px;
    background: #a6b7cb;
}
.device-shell-2 .device-toolbar[b-us286s67xm] { border-radius: 9px 9px 0 0; }
/* _content/CloudSphereApplication.Shared/Components/Demo/DemoIntroBackground.razor.rz.scp.css */
.intro-background[b-fvccx99bo1] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: radial-gradient(ellipse at 30% 35%, #164e6326, transparent 55%), radial-gradient(ellipse at 75% 70%, #581c8726, transparent 55%), #02040b;
}
.intro-background[b-fvccx99bo1]::before, .intro-background[b-fvccx99bo1]::after { content: ''; position: absolute; width: 50vw; height: 50vw; border: 1px solid #38bdf818; border-radius: 50%; left: 25%; top: 15%; animation: intro-ring-b-fvccx99bo1 3s ease-out infinite; }
.intro-background[b-fvccx99bo1]::after { animation-delay: -1.5s; border-color: #a78bfa18; }
@keyframes intro-ring-b-fvccx99bo1 { from { transform: scale(0.4); opacity: 0.7; } to { transform: scale(1.8); opacity: 0; } }
/* _content/CloudSphereApplication.Shared/Components/Demo/DemoPhoneDashboardBackground.razor.rz.scp.css */
.phone-scene[b-ds1lhr972g] {
    position: absolute; inset: 0; box-sizing: border-box;
    padding: 7rem clamp(1rem, 5vw, 6rem) max(4.5rem, calc(3rem + env(safe-area-inset-bottom)));
    overflow: hidden; display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr);
    align-items: center; gap: clamp(2.5rem, 4vw, 4.5rem); color: #f5f8ff;
    background: radial-gradient(ellipse at 30% 50%, #164e6355, transparent 60%), #030714;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}
.phone-scene *[b-ds1lhr972g], .phone-scene *[b-ds1lhr972g]::before, .phone-scene *[b-ds1lhr972g]::after { box-sizing: border-box; }
.phone-scene[b-ds1lhr972g]  .e-spinner-pane { display: none !important; }
.copy-right .phone[b-ds1lhr972g] { grid-column: 1; grid-row: 1; justify-self: end; }.copy-right .phone-copy[b-ds1lhr972g] { grid-column: 2; grid-row: 1; justify-self: start; }
.copy-left .phone[b-ds1lhr972g] { grid-column: 2; grid-row: 1; justify-self: start; }.copy-left .phone-copy[b-ds1lhr972g] { grid-column: 1; grid-row: 1; justify-self: end; }
.copy-left[b-ds1lhr972g] { background: radial-gradient(ellipse at 70% 50%, #581c8755, transparent 60%), #030714; }
.phone-copy[b-ds1lhr972g] { min-width: 0; max-width: 35rem; justify-self: center; }
.eyebrow[b-ds1lhr972g] { color: #67e8f9; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.14em; }
h2[b-ds1lhr972g] { margin: 0.75rem 0 1rem; font: 700 clamp(1.6rem, 3vw, 3.5rem) / 1.2 'Orbitron', sans-serif; }
.phone-copy p[b-ds1lhr972g] { color: #b8cce5; line-height: 1.5; }.phone-copy > p:not(.eyebrow)[b-ds1lhr972g] { font-size: clamp(1rem, 1.3vw, 1.25rem); }
.feature[b-ds1lhr972g] { padding: 1rem; margin-bottom: 0.8rem; border-left: 3px solid #67e8f9; background: #14273d99; border-radius: 0 10px 10px 0; line-height: 1.4; }
.copy-left .feature[b-ds1lhr972g] { border-color: #e879f9; }.phone-copy small[b-ds1lhr972g] { color: #91a8c4; }
.phone[b-ds1lhr972g] {
    position: relative; justify-self: center; height: 100%; max-height: 48rem; aspect-ratio: 0.485; min-height: 0; min-width: 0;
    padding: 7px; border: 2px solid #9ba7b6; border-radius: 48px;
    background: linear-gradient(110deg, #e1e5e9 0%, #66717e 5%, #111822 12%, #171e28 85%, #bcc3cd 96%, #434e5d 100%);
    box-shadow: 0 0 0 1px #161c27, inset 0 0 0 2px #c8d0dd66, 1px 2px 1px #ffffff55, 12px 24px 55px #000b, 0 0 60px #22d3ee15;
    animation: phone-hover-b-ds1lhr972g 5s ease-in-out infinite;
}
.phone[b-ds1lhr972g]::before { content: ''; position: absolute; inset: 3px; border: 1px solid #ffffff33; border-radius: 44px; pointer-events: none; z-index: 3; }
.side-button[b-ds1lhr972g] { position: absolute; width: 4px; border-radius: 3px; background: linear-gradient(90deg, #55606f, #ccd4df, #697586); box-shadow: 0 0 1px #000; }
.mute-button[b-ds1lhr972g] { left: -5px; top: 15%; height: 4%; }.volume-up[b-ds1lhr972g] { left: -5px; top: 24%; height: 7%; }.volume-down[b-ds1lhr972g] { left: -5px; top: 33%; height: 7%; }.power-button[b-ds1lhr972g] { right: -5px; top: 26%; height: 11%; }
.camera[b-ds1lhr972g] { position: absolute; top: 18px; left: 50%; transform: translateX(-50%); width: 29%; height: 23px; border: 1px solid #1c222c; background: #020308; border-radius: 30px; z-index: 4; box-shadow: inset 0 1px 2px #000; display: flex; align-items: center; justify-content: flex-end; padding-right: 8px; gap: 5px; }
.camera i[b-ds1lhr972g] { width: 8px; height: 8px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #36628d, #0b1533 40%, #02050d 70%); border: 1px solid #203044; box-shadow: 0 0 0 2px #080c13; }.camera > span[b-ds1lhr972g] { width: 3px; height: 3px; border-radius: 50%; background: #172933; }
.screen[b-ds1lhr972g] { position: relative; height: 100%; border: 3px solid #010309; border-radius: 39px; padding: 0.7rem; background: linear-gradient(155deg, #12223d, #091223 45%); overflow: hidden; display: flex; flex-direction: column; gap: 0.5rem; container-type: size; }
.phone-status[b-ds1lhr972g] { display: flex; align-items: center; justify-content: space-between; flex: 0 0 29px; padding: 0 0.35rem; font-size: 0.65rem; }
.status-icons[b-ds1lhr972g] { display: flex; align-items: center; gap: 4px; }.status-icons svg[b-ds1lhr972g] { width: 37px; height: 14px; fill: #e2e8f0; }.status-icons .wifi[b-ds1lhr972g] { fill: none; stroke: #e2e8f0; stroke-width: 1.6; stroke-linecap: round; }
.battery[b-ds1lhr972g] { position: relative; width: 18px; height: 9px; border: 1px solid #e2e8f099; border-radius: 3px; padding: 1px; }.battery[b-ds1lhr972g]::after { content: ''; position: absolute; right: -3px; top: 2px; height: 3px; width: 1px; background: #e2e8f099; }.battery i[b-ds1lhr972g] { display: block; width: 85%; height: 100%; background: #e2e8f0; border-radius: 1px; }
h3[b-ds1lhr972g] { margin: 0.25rem 0 0; font-size: clamp(0.9rem, 2.8cqh, 1.3rem); }.online[b-ds1lhr972g] { color: #4ade80; font-size: 0.65rem; }
.phone-kpis[b-ds1lhr972g] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; flex: 0 0 auto; }.phone-kpis article[b-ds1lhr972g] { padding: clamp(0.4rem, 1.5cqh, 0.8rem); background: #14273d; border: 1px solid #ffffff08; border-radius: 10px; }.phone-kpis small[b-ds1lhr972g] { display: block; font-size: 0.65rem; color: #91a8c4; }.phone-kpis strong[b-ds1lhr972g] { color: #22d3ee; font-size: clamp(1rem, 3.5cqh, 1.6rem); }.phone-kpis article:last-child strong[b-ds1lhr972g] { color: #e879f9; }
.chart-box[b-ds1lhr972g] { flex: 1 1 0; min-height: 0; background: #0d1729; border-radius: 10px; padding: 0.4rem; display: flex; flex-direction: column; overflow: hidden; }h4[b-ds1lhr972g] { margin: 0 0 0.3rem; font-size: 0.7rem; }
.phone-alert[b-ds1lhr972g] { flex: 0 0 auto; padding: clamp(0.4rem, 1.2cqh, 0.7rem); background: #213043; border-left: 2px solid #fb923c; border-radius: 6px; font-size: clamp(0.6rem, 1.8cqh, 0.8rem); }.phone-alert p[b-ds1lhr972g] { margin: 0.3rem 0 0; color: #b8cce5; line-height: 1.35; }.phone-row[b-ds1lhr972g] { font-size: 0.7rem; }.phone-row strong[b-ds1lhr972g] { float: right; color: #4ade80; }
.phone-nav[b-ds1lhr972g] { display: flex; justify-content: space-around; flex: 0 0 auto; font-size: 0.6rem; color: #a78bfa; padding: 0.6rem 0 0.3rem; border-top: 1px solid #7dd3fc33; }.phone-nav span:first-child[b-ds1lhr972g] { color: #67e8f9; }.home-indicator[b-ds1lhr972g] { flex: 0 0 4px; width: 35%; background: #f1f5f9; border-radius: 10px; margin: 0.2rem auto 0; opacity: 0.85; }
@keyframes phone-hover-b-ds1lhr972g { 50% { transform: translateY(-4px) rotate(0.5deg); } }
@media (min-width: 801px) and (max-height: 750px) {
    .phone[b-ds1lhr972g] { border-radius: 38px; padding: 5px; }.phone[b-ds1lhr972g]::before { border-radius: 35px; }.screen[b-ds1lhr972g] { border-radius: 31px; padding: 0.5rem; gap: 0.3rem; }.camera[b-ds1lhr972g] { top: 13px; height: 18px; }.phone-status[b-ds1lhr972g] { flex-basis: 23px; font-size: 0.55rem; }.status-icons svg[b-ds1lhr972g] { width: 28px; }.battery[b-ds1lhr972g] { width: 14px; height: 8px; }h2[b-ds1lhr972g] { font-size: clamp(1.5rem, 4vh, 2.5rem); }.feature[b-ds1lhr972g] { padding: 0.7rem; font-size: 0.9rem; margin-bottom: 0.6rem; }
}
@media (max-width: 800px) {
    .phone-scene[b-ds1lhr972g] { display: flex; flex-direction: column; padding: calc(8rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-left)) max(5rem, calc(4rem + env(safe-area-inset-bottom))) max(1rem, env(safe-area-inset-right)); gap: 2rem; }
    .phone[b-ds1lhr972g] { order: 0; height: auto; width: min(82vw, 20rem); max-height: none; flex: 0 0 auto; aspect-ratio: 0.485; }
    .screen[b-ds1lhr972g] { position: absolute; inset: 7px; height: auto; }
    .phone-copy[b-ds1lhr972g] { order: 1; max-width: 32rem; padding: 0 0.25rem; }.phone-copy h2[b-ds1lhr972g] { font-size: 1.6rem; }.phone-copy > p:not(.eyebrow)[b-ds1lhr972g] { font-size: 1rem; }.feature[b-ds1lhr972g] { padding: 0.8rem; font-size: 0.95rem; }
}
@media (prefers-reduced-motion: reduce) { .phone[b-ds1lhr972g] { animation: none; } }

/* _content/CloudSphereApplication.Shared/Components/Demo/DemoPresentation.razor.rz.scp.css */
.presentation[b-l8i3mmmdah] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    overflow: hidden;
    background: #060b1b;
    isolation: isolate;
}

.scene-layer[b-l8i3mmmdah] { position: absolute; inset: 0; }
.ambient-motion[b-l8i3mmmdah] { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }
.ambient-motion i[b-l8i3mmmdah] { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #38bdf8; box-shadow: 0 0 12px #38bdf8; opacity: 0; animation: ambient-rise-b-l8i3mmmdah 7s linear infinite; }
.ambient-motion i:nth-child(1)[b-l8i3mmmdah] { left: 8%; animation-delay: -1s; }.ambient-motion i:nth-child(2)[b-l8i3mmmdah] { left: 25%; animation-delay: -4s; }.ambient-motion i:nth-child(3)[b-l8i3mmmdah] { left: 43%; animation-delay: -2s; }.ambient-motion i:nth-child(4)[b-l8i3mmmdah] { left: 62%; animation-delay: -6s; }.ambient-motion i:nth-child(5)[b-l8i3mmmdah] { left: 80%; animation-delay: -3s; }.ambient-motion i:nth-child(6)[b-l8i3mmmdah] { left: 95%; animation-delay: -5s; }
@keyframes ambient-rise-b-l8i3mmmdah { 0% { top: 100%; opacity: 0; } 15%, 80% { opacity: 0.45; } 100% { top: 5%; opacity: 0; transform: translateX(20px); } }
.background-layer[b-l8i3mmmdah] { position: absolute; inset: 0; z-index: 0; }
.without-dev-status[b-l8i3mmmdah]  .edge-scene,
.without-dev-status[b-l8i3mmmdah]  .flow-scene,
.without-dev-status[b-l8i3mmmdah]  .business-scene,
.without-dev-status[b-l8i3mmmdah]  .chat-scene,
.without-dev-status[b-l8i3mmmdah]  .world-scene,
.without-dev-status[b-l8i3mmmdah]  .capability-scene,
.without-dev-status[b-l8i3mmmdah]  .dashboard-scene,
.without-dev-status[b-l8i3mmmdah]  .growth-scene,
.without-dev-status[b-l8i3mmmdah]  .phone-scene {
    padding-top: calc(3.5rem + 0.75rem + env(safe-area-inset-top)) !important;
}
.development-status[b-l8i3mmmdah] {
    position: absolute;
    top: calc(3.5rem + 4px + env(safe-area-inset-top));
    left: 1rem;
    right: 1rem;
    z-index: 3;
    padding: 0.6rem 0.9rem;
    background: #020617cc;
    border: 1px solid #38bdf855;
    border-radius: 8px;
    color: #bae6fd;
    font: 0.8rem / 1.5 monospace;
}
.demo-controls[b-l8i3mmmdah] {
    position: absolute;
    bottom: max(1rem, env(safe-area-inset-bottom));
    left: 1rem;
    right: 1rem;
    z-index: 3;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.35rem;
}
.demo-controls button[b-l8i3mmmdah], .demo-controls a[b-l8i3mmmdah] {
    padding: 0.3rem 0.55rem;
    min-width: 0;
    min-height: 0;
    border: 1px solid #7dd3fc66;
    border-radius: 5px;
    background: #0f172add;
    color: #f8fafc;
    font: 0.75rem / 1.2 'Segoe UI', sans-serif;
    text-decoration: none;
    cursor: pointer;
}
.demo-controls :focus-visible[b-l8i3mmmdah] { outline: 2px solid #38bdf8; outline-offset: 3px; }
.scene-countdown[b-l8i3mmmdah] {
    position: absolute;
    bottom: max(1rem, env(safe-area-inset-bottom));
    left: max(1rem, env(safe-area-inset-left));
    z-index: 3;
    width: 4rem;
    pointer-events: none;
}
.countdown-track[b-l8i3mmmdah] { height: 4px; overflow: hidden; border-radius: 4px; background: #7dd3fc26; }
.countdown-track i[b-l8i3mmmdah] { display: block; height: 100%; background: linear-gradient(90deg, #22d3ee, #a5f3fc); transform-origin: left; }


/* The keyed scene layer restarts a compositor animation on every dashboard. */
.scene-slide-in[b-l8i3mmmdah] {
    will-change: transform;
    backface-visibility: hidden;
    animation: dashboard-slide-right-b-l8i3mmmdah var(--slide-duration, 1.8s) cubic-bezier(.25, .1, .25, 1) both;
}
.scene-slide-left[b-l8i3mmmdah] { animation-name: dashboard-slide-left-b-l8i3mmmdah; }
@keyframes dashboard-slide-right-b-l8i3mmmdah {
    from { transform: translate3d(100%, 0, 0); }
    to { transform: translate3d(0, 0, 0); }
}
@keyframes dashboard-slide-left-b-l8i3mmmdah {
    from { transform: translate3d(-100%, 0, 0); }
    to { transform: translate3d(0, 0, 0); }
}
/* Scene slides are explicitly requested for this presentation. */
/* _content/CloudSphereApplication.Shared/Components/Demo/DemoTextOverlay.razor.rz.scp.css */
.demo-text-overlay[b-7b7m83a02s] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-items: center;
    padding: clamp(1.5rem, 5vw, 5rem);
    pointer-events: none;
}

.overlay-brand[b-7b7m83a02s] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(1rem, 3vh, 2.5rem);
    transform-origin: center;
    will-change: transform;
}

.overlay-logo[b-7b7m83a02s] {
    animation: logo-float-b-7b7m83a02s 2s ease-in-out infinite alternate;
    display: block;
    width: clamp(7rem, 20vw, 20rem);
    max-height: 30vh;
    object-fit: contain;
}
@keyframes logo-float-b-7b7m83a02s { to { transform: translateY(-7px); filter: drop-shadow(0 0 16px #38bdf877); } }

.overlay-title[b-7b7m83a02s] {
    width: 100%;
    margin: 0;
    color: #f5f8ff;
    font-family: 'Orbitron', 'Inter', sans-serif;
    font-size: clamp(1.8rem, 7vw, 8rem);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.15;
    text-align: center;
    text-wrap: balance;
    text-shadow: 0 0 24px #38bdf8, 0 4px 16px #020617;
}
/* _content/CloudSphereApplication.Shared/Components/WebPage/EdgeAiChat.razor.rz.scp.css */
.edge-chat[b-idpvbtqgwg] {
    box-sizing: border-box;
    min-width: 0;
    height: auto;
    min-height: 0;
    contain: size;
    overflow: hidden;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid rgba(125,211,252,.32);
    border-radius: 22px;
    background: linear-gradient(155deg, #13243b, #091220 80%);
    color: #eaf4ff;
    box-shadow: 0 20px 55px rgba(2,8,23,.3), inset 0 1px rgba(255,255,255,.05);
}
.edge-chat-header[b-idpvbtqgwg] { display: flex; align-items: center; gap: .75rem; }
.edge-chat-header h2[b-idpvbtqgwg] { margin: 0; font: 700 clamp(1rem, 1.3vw, 1.2rem)/1.35 'Inter', 'Segoe UI', sans-serif; letter-spacing: 0; text-transform: none; }
.edge-chat-avatar[b-idpvbtqgwg] { display: grid; place-items: center; flex: 0 0 2.5rem; height: 2.5rem; border: 1px solid #4fa1cb; border-radius: 12px; background: #143852; color: #bceaff; font-weight: 800; }
.edge-chat-status[b-idpvbtqgwg] { display: inline-flex; align-items: center; gap: .4rem; font-size: .73rem; color: #a8bdd5; }
.edge-chat-status > span[b-idpvbtqgwg] { width: 6px; height: 6px; border-radius: 50%; background: #74d9b2; box-shadow: 0 0 10px #74d9b260; }
.edge-chat-chip[b-idpvbtqgwg] { margin-left: auto; padding: .3rem .4rem; border: 1px solid #2b526d; border-radius: 6px; color: #94cfee; font-size: .58rem; letter-spacing: .08em; white-space: nowrap; }
.edge-chat-transcript[b-idpvbtqgwg] { display: flex; flex-direction: column; flex: 1 1 0; min-height: 0; overflow: hidden; }
.edge-chat-question[b-idpvbtqgwg] { margin: 0 0 1rem 1.5rem; padding: .8rem 1rem; border: 1px solid #2a4a66; border-radius: 14px 14px 3px 14px; background: #173049; }
.edge-chat-question > span[b-idpvbtqgwg] { color: #90ccec; font-size: .68rem; font-weight: 700; }
.edge-chat-question p[b-idpvbtqgwg] { margin: .25rem 0 0; font-size: .88rem; line-height: 1.5; }
.edge-chat-answer[b-idpvbtqgwg] { display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: hidden; padding: 1rem; border: 1px solid #24374d; border-radius: 3px 14px 14px; background: #0d1a2c; }
.edge-chat-speaker[b-idpvbtqgwg] { font-size: .63rem; font-weight: 800; letter-spacing: .1em; color: #7dd3fc; }
.edge-chat-topic[b-idpvbtqgwg] { flex: 0 0 auto; margin: .65rem 0 .15rem; color: #edf6ff; font: 750 1.15rem/1.3 'Inter', 'Segoe UI', sans-serif; letter-spacing: 0; text-transform: none; }
.edge-chat-answer p[b-idpvbtqgwg] { flex: 1; min-height: 0; overflow: hidden; margin: .6rem 0 0; white-space: pre-line; color: #cbd9eb; font-size: .88rem; line-height: 1.75; overflow-wrap: anywhere; }
.edge-chat-transcript:focus-visible[b-idpvbtqgwg] { outline: 2px solid #7dd3fc; outline-offset: 3px; }
.edge-chat-dots[b-idpvbtqgwg] { display: flex; gap: 5px; padding-top: .85rem; }
.edge-chat-dots i[b-idpvbtqgwg] { width: 6px; height: 6px; background: #8acbef; border-radius: 50%; animation: edge-chat-dot-b-idpvbtqgwg 1.2s ease-in-out infinite; }
.edge-chat-dots i:nth-child(2)[b-idpvbtqgwg] { animation-delay: .15s; }
.edge-chat-dots i:nth-child(3)[b-idpvbtqgwg] { animation-delay: .3s; }
.edge-chat-cursor[b-idpvbtqgwg] { display: inline-block; width: 2px; height: 1em; margin-left: 3px; background: #8acbef; vertical-align: text-bottom; animation: edge-chat-blink-b-idpvbtqgwg 1s step-end infinite; }
.edge-chat-sr[b-idpvbtqgwg] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@keyframes edge-chat-dot-b-idpvbtqgwg { 0%, 80%, 100% { opacity: .35; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-4px); } }
@keyframes edge-chat-blink-b-idpvbtqgwg { 50% { opacity: 0; } }
@media (max-width: 400px) { .edge-chat-chip[b-idpvbtqgwg] { display: none; } }

/* On desktop the image determines the grid row height; the chat fills that row. */
.edge-chat-header[b-idpvbtqgwg],
.edge-chat-question[b-idpvbtqgwg],
.edge-chat-speaker[b-idpvbtqgwg] { flex-shrink: 0; }
@media (max-width: 1100px) {
    .edge-chat[b-idpvbtqgwg] { contain: none; height: 38rem; }
}
@media (min-width: 1101px) and (max-width: 1400px) {
    .edge-chat[b-idpvbtqgwg] { padding: 1rem; gap: .65rem; }
    .edge-chat-question[b-idpvbtqgwg] { padding: .6rem .75rem; margin-bottom: .65rem; }
    .edge-chat-answer[b-idpvbtqgwg] { padding: .75rem; }
    .edge-chat-answer p[b-idpvbtqgwg] { font-size: .82rem; line-height: 1.6; }
    .edge-chat-topic[b-idpvbtqgwg] { margin-top: .4rem; font-size: 1rem; }
}
/* _content/CloudSphereApplication.Shared/Components/WebPage/WebPageAppsComponent.razor.rz.scp.css */
#footer .inner form > .fields > .field[b-xxjtzdu7ic] {
    width: calc(100% - 1.5em) !important;
}
 
.responsive-columns[b-xxjtzdu7ic] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; /* allow wrap on small screens even without media */
    gap: 2rem;
    width: 100%;
}
 
    .responsive-columns .column[b-xxjtzdu7ic] {
        flex: 1 1 320px; /* grow, shrink, preferred width */
        min-width: 0; /* allow content to shrink without overflow */
        box-sizing: border-box;
    }
 
.banner-container[b-xxjtzdu7ic] {
    width: 100%;
}
 
    .banner-container img[b-xxjtzdu7ic] {
        display: block;
        width: 100%;
        max-width: 1000px; /* limit width */
        height: auto; /* preserve aspect ratio */
        margin: 0 auto; /* center */
    }
            
#page-wrapper[b-xxjtzdu7ic],
#page-wrapper > section#wrapper[b-xxjtzdu7ic],
#page-wrapper > section#wrapper > header[b-xxjtzdu7ic],
#page-wrapper > section#wrapper > .wrapper[b-xxjtzdu7ic],
#page-wrapper .inner:first-child[b-xxjtzdu7ic] {
    padding-top: 0 !important;
}
 
@media (max-width: 768px) {
    .responsive-columns[b-xxjtzdu7ic] {
        flex-direction: column;
    }
}
 
header hr[b-xxjtzdu7ic] {
    animation: pulseRedBar-b-xxjtzdu7ic 2.4s ease-in-out infinite;
}
 
@keyframes pulseRedBar-b-xxjtzdu7ic {
    0% {
        opacity: 0.6;
        box-shadow: 0 0 0 rgba(255, 0, 0, 0);
    }
 
    50% {
        opacity: 1;
        box-shadow: 0 0 12px rgba(255, 0, 0, 0.85);
    }
 
    100% {
        opacity: 0.6;
        box-shadow: 0 0 0 rgba(255, 0, 0, 0);
    }
}

.sticky-home[b-xxjtzdu7ic] {
    position: fixed;
    top: 55px;
    left: 10px;
    z-index: 1000;
    opacity: 0.3;
    font-family: 'Orbitron', sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    
}
 
    .sticky-home:hover[b-xxjtzdu7ic] {
        opacity: 1.0;
    }
 
.sticky-home__icon[b-xxjtzdu7ic] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    display: inline-block;
}
 
.feature-intro-grid[b-xxjtzdu7ic] {
    display: grid;
    grid-template-columns: 33% 1fr;
    grid-template-areas:
        "image content"
        "footer footer";
    gap: 2rem;
    width: 100%;
    margin: 30px 0px 30px 0px;
    align-items: stretch;
}
 
    .feature-intro-grid .feature-intro-image[b-xxjtzdu7ic] {
        grid-area: image;
        min-width: 0;
    }
 
    .feature-intro-grid .feature-intro-content[b-xxjtzdu7ic] {
        grid-area: content;
        min-width: 0;
    }
 
    .feature-intro-grid .feature-intro-footer[b-xxjtzdu7ic] {
        grid-area: footer;
        min-width: 0;
    }
 
    .feature-intro-grid .feature-intro-image img[b-xxjtzdu7ic] {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 12px;
        max-width: 100%;
    }
 
@media (max-width: 768px) {
    .feature-intro-grid[b-xxjtzdu7ic] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "image"
            "content"
            "footer";
    }

    /* Ensure the image section spans full width and stacks above content on small screens */
    .feature-intro-grid .feature-intro-image[b-xxjtzdu7ic] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .feature-intro-grid .feature-intro-content[b-xxjtzdu7ic],
    .feature-intro-grid .feature-intro-footer[b-xxjtzdu7ic] {
        width: 100%;
    }
}
/* _content/CloudSphereApplication.Shared/Components/WebPage/WebPageAzureComponent.razor.rz.scp.css */
#footer .inner form > .fields > .field[b-rjglbkq3mk] {
    width: calc(100% - 1.5em) !important;
}

.responsive-columns[b-rjglbkq3mk] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; /* allow wrap on small screens even without media */
    gap: 2rem;
    width: 100%;
}

    .responsive-columns .column[b-rjglbkq3mk] {
        flex: 1 1 320px; /* grow, shrink, preferred width */
        min-width: 0; /* allow content to shrink without overflow */
        box-sizing: border-box;
    }

.banner-container[b-rjglbkq3mk] {
    width: 100%;
}

    .banner-container img[b-rjglbkq3mk] {
        display: block;
        width: 100%;
        max-width: 1000px; /* limit width */
        height: auto; /* preserve aspect ratio */
        margin: 0 auto; /* center */
    }

#page-wrapper[b-rjglbkq3mk],
#page-wrapper > section#wrapper[b-rjglbkq3mk],
#page-wrapper > section#wrapper > header[b-rjglbkq3mk],
#page-wrapper > section#wrapper > .wrapper[b-rjglbkq3mk],
#page-wrapper .inner:first-child[b-rjglbkq3mk] {
    padding-top: 0 !important;
}

@media (max-width: 768px) {
    .responsive-columns[b-rjglbkq3mk] {
        flex-direction: column;
    }
}

header hr[b-rjglbkq3mk] {
    animation: pulseRedBar-b-rjglbkq3mk 2.4s ease-in-out infinite;
}

@keyframes pulseRedBar-b-rjglbkq3mk {
    0% {
        opacity: 0.6;
        box-shadow: 0 0 0 rgba(255, 0, 0, 0);
    }

    50% {
        opacity: 1;
        box-shadow: 0 0 12px rgba(255, 0, 0, 0.85);
    }

    100% {
        opacity: 0.6;
        box-shadow: 0 0 0 rgba(255, 0, 0, 0);
    }
}

.sticky-home[b-rjglbkq3mk] {
    position: fixed;
    top: 55px;
    left: 10px;
    z-index: 1000;
    opacity: 0.3;
    font-family: 'Orbitron', sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

    .sticky-home:hover[b-rjglbkq3mk] {
        opacity: 1.0;
    }

.sticky-home__icon[b-rjglbkq3mk] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    display: inline-block;
}

.feature-intro-grid[b-rjglbkq3mk] {
    display: grid;
    grid-template-columns: 33% 1fr;
    grid-template-areas:
        "image content"
        "footer footer";
    gap: 2rem;
    width: 100%;
    margin: 30px 0px 30px 0px;
    align-items: stretch;
}

    .feature-intro-grid .feature-intro-image[b-rjglbkq3mk] {
        grid-area: image;
        min-width: 0;
    }

    .feature-intro-grid .feature-intro-content[b-rjglbkq3mk] {
        grid-area: content;
        min-width: 0;
    }

    .feature-intro-grid .feature-intro-footer[b-rjglbkq3mk] {
        grid-area: footer;
        min-width: 0;
    }

    .feature-intro-grid .feature-intro-image img[b-rjglbkq3mk] {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 12px;
        max-width: 100%;
    }

@media (max-width: 768px) {
    .feature-intro-grid[b-rjglbkq3mk] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "image"
            "content"
            "footer";
    }

        /* Ensure the image section spans full width and stacks above content on small screens */
        .feature-intro-grid .feature-intro-image[b-rjglbkq3mk] {
            grid-column: 1 / -1;
            width: 100%;
        }

        .feature-intro-grid .feature-intro-content[b-rjglbkq3mk],
        .feature-intro-grid .feature-intro-footer[b-rjglbkq3mk] {
            width: 100%;
        }
}
/* _content/CloudSphereApplication.Shared/Components/WebPage/WebPageBlazorMAUIWebComponent.razor.rz.scp.css */
#footer .inner form > .fields > .field[b-klse3p2snm] {
    width: calc(100% - 1.5em) !important;
}

.responsive-columns[b-klse3p2snm] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; /* allow wrap on small screens even without media */
    gap: 2rem;
    width: 100%;
}

    .responsive-columns .column[b-klse3p2snm] {
        flex: 1 1 320px; /* grow, shrink, preferred width */
        min-width: 0; /* allow content to shrink without overflow */
        box-sizing: border-box;
    }

.banner-container[b-klse3p2snm] {
    width: 100%;
}

    .banner-container img[b-klse3p2snm] {
        display: block;
        width: 100%;
        max-width: 1000px; /* limit width */
        height: auto; /* preserve aspect ratio */
        margin: 0 auto; /* center */
    }

#page-wrapper[b-klse3p2snm],
#page-wrapper > section#wrapper[b-klse3p2snm],
#page-wrapper > section#wrapper > header[b-klse3p2snm],
#page-wrapper > section#wrapper > .wrapper[b-klse3p2snm],
#page-wrapper .inner:first-child[b-klse3p2snm] {
    padding-top: 0 !important;
}

@media (max-width: 768px) {
    .responsive-columns[b-klse3p2snm] {
        flex-direction: column;
    }
}

header hr[b-klse3p2snm] {
    animation: pulseRedBar-b-klse3p2snm 2.4s ease-in-out infinite;
}

@keyframes pulseRedBar-b-klse3p2snm {
    0% {
        opacity: 0.6;
        box-shadow: 0 0 0 rgba(255, 0, 0, 0);
    }

    50% {
        opacity: 1;
        box-shadow: 0 0 12px rgba(255, 0, 0, 0.85);
    }

    100% {
        opacity: 0.6;
        box-shadow: 0 0 0 rgba(255, 0, 0, 0);
    }
}

.sticky-home[b-klse3p2snm] {
    position: fixed;
    top: 55px;
    left: 10px;
    z-index: 1000;
    opacity: 0.3;
    font-family: 'Orbitron', sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

    .sticky-home:hover[b-klse3p2snm] {
        opacity: 1.0;
    }

.sticky-home__icon[b-klse3p2snm] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    display: inline-block;
}

.feature-intro-grid[b-klse3p2snm] {
    display: grid;
    grid-template-columns: 33% 1fr;
    grid-template-areas:
        "image content"
        "footer footer";
    gap: 2rem;
    width: 100%;
    margin: 30px 0px 30px 0px;
    align-items: stretch;
}

    .feature-intro-grid .feature-intro-image[b-klse3p2snm] {
        grid-area: image;
        min-width: 0;
    }

    .feature-intro-grid .feature-intro-content[b-klse3p2snm] {
        grid-area: content;
        min-width: 0;
    }

    .feature-intro-grid .feature-intro-footer[b-klse3p2snm] {
        grid-area: footer;
        min-width: 0;
    }

    .feature-intro-grid .feature-intro-image img[b-klse3p2snm] {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 12px;
        max-width: 100%;
    }

@media (max-width: 768px) {
    .feature-intro-grid[b-klse3p2snm] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "image"
            "content"
            "footer";
    }

        /* Ensure the image section spans full width and stacks above content on small screens */
        .feature-intro-grid .feature-intro-image[b-klse3p2snm] {
            grid-column: 1 / -1;
            width: 100%;
        }

        .feature-intro-grid .feature-intro-content[b-klse3p2snm],
        .feature-intro-grid .feature-intro-footer[b-klse3p2snm] {
            width: 100%;
        }
}

/* Added to prevent horizontal scrolling */
:root[b-klse3p2snm] {
    box-sizing: border-box;
}

*[b-klse3p2snm], *[b-klse3p2snm]::before, *[b-klse3p2snm]::after {
    box-sizing: inherit;
}

html[b-klse3p2snm], body[b-klse3p2snm] {
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-x: hidden; /* hide any horizontal overflow */
    -webkit-overflow-scrolling: touch;
}

/* Ensure main wrappers don't expand beyond the viewport */
#page-wrapper[b-klse3p2snm],
.wrapper[b-klse3p2snm],
.inner[b-klse3p2snm] {
    max-width: 100vw;
    overflow-x: hidden;
}

/* Make media elements fully responsive */
img[b-klse3p2snm], picture[b-klse3p2snm], video[b-klse3p2snm], iframe[b-klse3p2snm], svg[b-klse3p2snm] {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}

/* Syncfusion carousel / generic carousel guards */
.sf-carousel[b-klse3p2snm],
.e-carousel[b-klse3p2snm],
.SfCarousel[b-klse3p2snm],
.SfCarousel *[b-klse3p2snm] {
    max-width: 100%;
    overflow-x: hidden;
}
/* _content/CloudSphereApplication.Shared/Components/WebPage/WebPageComponent.razor.rz.scp.css */
.active[b-r54j2j7d6q] {
    position: relative;
    z-index: 10;
}

/* Home-page motion stays local to this component. */
.hero-atmosphere[b-r54j2j7d6q] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    background-image: radial-gradient(rgba(125, 211, 252, 0.14) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: linear-gradient(#000, transparent 85%);
}

.hero-orb[b-r54j2j7d6q] {
    position: absolute;
    width: clamp(18rem, 45vw, 46rem);
    aspect-ratio: 1;
    border-radius: 50%;
    opacity: 0.7;
}

.hero-orb-blue[b-r54j2j7d6q] {
    top: -15rem;
    right: -8rem;
    background: radial-gradient(circle, rgba(37, 99, 235, 0.38), transparent 68%);
}

.hero-orb-cyan[b-r54j2j7d6q] {
    top: 18%;
    left: -12rem;
    background: radial-gradient(circle, rgba(6, 182, 212, 0.23), transparent 68%);
}

.hero-signal[b-r54j2j7d6q] {
    position: absolute;
    top: 12%;
    left: 10%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #7dd3fc;
    box-shadow: 0 0 16px #38bdf8;
}

.hero-signal-two[b-r54j2j7d6q] { top: 32%; left: 86%; }
.hero-signal-three[b-r54j2j7d6q] { top: 58%; left: 54%; }

@media screen {
    .hero-orb-blue[b-r54j2j7d6q] { animation: home-orbit-b-r54j2j7d6q 12s ease-in-out infinite alternate; }
    .hero-orb-cyan[b-r54j2j7d6q] { animation: home-orbit-b-r54j2j7d6q 10s ease-in-out infinite alternate-reverse; }
    .hero-signal[b-r54j2j7d6q] { animation: home-signal-b-r54j2j7d6q 4s ease-in-out infinite; }
    .hero-signal-two[b-r54j2j7d6q] { animation-delay: 1.2s; }
    .hero-signal-three[b-r54j2j7d6q] { animation-delay: 2.4s; }

    .hero-logo[b-r54j2j7d6q] { animation: home-float-b-r54j2j7d6q 6s ease-in-out infinite; }
    .hero-title[b-r54j2j7d6q] { animation: home-title-glow-b-r54j2j7d6q 5s ease-in-out infinite; }

    .hero-button[b-r54j2j7d6q],
    .feature-link[b-r54j2j7d6q],
    .submit-button[b-r54j2j7d6q] {
        position: relative;
        overflow: hidden;
    }

    .hero-button[b-r54j2j7d6q]::before,
    .submit-button[b-r54j2j7d6q]::before {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(110deg, transparent 25%, rgba(255,255,255,.22) 50%, transparent 75%);
        transform: translateX(-150%);
        transition: transform .65s ease;
    }

    .hero-button:hover[b-r54j2j7d6q]::before,
    .hero-button:focus-visible[b-r54j2j7d6q]::before,
    .submit-button:not(:disabled):hover[b-r54j2j7d6q]::before,
    .submit-button:focus-visible[b-r54j2j7d6q]::before { transform: translateX(150%); }

    .highlight-card[b-r54j2j7d6q],
    .trust-item[b-r54j2j7d6q],
    .proof-card[b-r54j2j7d6q],
    .proof-metric[b-r54j2j7d6q],
    .proof-badge[b-r54j2j7d6q],
    .industry-card[b-r54j2j7d6q],
    .delivery-steps li[b-r54j2j7d6q],
    .contact-detail[b-r54j2j7d6q] {
        transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
    }

    .highlight-card:hover[b-r54j2j7d6q],
    .trust-item:hover[b-r54j2j7d6q],
    .proof-card:hover[b-r54j2j7d6q],
    .proof-metric:hover[b-r54j2j7d6q],
    .industry-card:hover[b-r54j2j7d6q],
    .delivery-steps li:hover[b-r54j2j7d6q],
    .contact-detail:hover[b-r54j2j7d6q] {
        transform: translateY(-6px);
        border-color: rgba(125, 211, 252, .55);
        box-shadow: 0 18px 40px rgba(2, 8, 23, .35), 0 0 22px rgba(56, 189, 248, .08);
    }

    .proof-badge:hover[b-r54j2j7d6q] { transform: translateY(-3px) rotate(-2deg); }
    .feature-image[b-r54j2j7d6q],
    .delivery-image[b-r54j2j7d6q],
    .edge-ai-workstation img[b-r54j2j7d6q] { transition: transform .8s cubic-bezier(.2, .65, .3, 1); }
    .feature-card:hover .feature-image[b-r54j2j7d6q],
    .feature-card:focus-within .feature-image[b-r54j2j7d6q],
    .delivery-steps li:hover .delivery-image[b-r54j2j7d6q],
    .edge-ai-workstation:hover img[b-r54j2j7d6q] { transform: scale(1.035); }
    .edge-ai-workstation[b-r54j2j7d6q] { overflow: hidden; }
    .feature-link[b-r54j2j7d6q]::after,
    .hero-button > span[b-r54j2j7d6q] { display: inline-block; transition: transform .25s ease; }
    .feature-link:hover[b-r54j2j7d6q]::after { transform: translateX(5px); }
    .hero-button:hover > span[b-r54j2j7d6q] { transform: translate(3px, -3px); }
}

@keyframes home-orbit-b-r54j2j7d6q {
    from { transform: translate3d(0, 0, 0) scale(1); }
    to { transform: translate3d(8%, 12%, 0) scale(1.16); }
}

@keyframes home-signal-b-r54j2j7d6q {
    0%, 100% { opacity: .25; transform: translateY(0) scale(.8); }
    50% { opacity: 1; transform: translateY(-24px) scale(1.2); }
}

@keyframes home-float-b-r54j2j7d6q {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-9px); }
}

@keyframes home-title-glow-b-r54j2j7d6q {
    0%, 100% { text-shadow: 0 10px 30px rgba(0, 0, 0, .35); }
    50% { text-shadow: 0 0 32px rgba(56, 189, 248, .35); }
}

.home-shell[b-r54j2j7d6q] {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow-x: clip;
    color: #f5f8ff;
    background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.18), transparent 30%), radial-gradient(circle at top right, rgba(14, 165, 233, 0.14), transparent 25%), linear-gradient(180deg, #060814 0%, #0a1020 42%, #0e1630 100%);
}

    .home-shell[b-r54j2j7d6q],
    .home-shell p[b-r54j2j7d6q],
    .home-shell li[b-r54j2j7d6q],
    .home-shell a[b-r54j2j7d6q],
    .home-shell label[b-r54j2j7d6q],
    .home-shell button[b-r54j2j7d6q] {
        font-family: 'Inter', 'Segoe UI', sans-serif;
    }

        .home-shell *[b-r54j2j7d6q] {
            box-sizing: border-box;
        }

        .home-shell img[b-r54j2j7d6q] {
            display: block;
            max-width: 100%;
        }

.hero-title[b-r54j2j7d6q],
.section-heading h2[b-r54j2j7d6q],
.proof-copy h2[b-r54j2j7d6q],
.contact-copy h2[b-r54j2j7d6q],
.feature-body h3[b-r54j2j7d6q] {
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.hero-section[b-r54j2j7d6q],
.trust-strip[b-r54j2j7d6q],
.content-section[b-r54j2j7d6q],
.proof-section[b-r54j2j7d6q],
.industry-section[b-r54j2j7d6q],
.contact-section[b-r54j2j7d6q],
.site-footer[b-r54j2j7d6q] {
    width: 100%;
    max-width: none;
}

.hero-content[b-r54j2j7d6q],
.trust-strip[b-r54j2j7d6q],
.content-section[b-r54j2j7d6q],
.proof-section[b-r54j2j7d6q],
.industry-section[b-r54j2j7d6q],
.contact-section[b-r54j2j7d6q],
.site-footer[b-r54j2j7d6q] {
    padding-inline: clamp(1rem, 4vw, 4rem);
}

.hero-section[b-r54j2j7d6q] {
    position: relative;
    min-height: auto;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    margin-top: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 0;
    background: #09111f;
    box-shadow: none;
}

.hero-content[b-r54j2j7d6q] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none;
    margin: 0;
    padding-left: clamp(1rem, 4vw, 4rem);
    padding-right: clamp(1rem, 4vw, 4rem);
    padding-top: clamp(1.5rem, 4vw, 3rem);
    padding-bottom: clamp(1.5rem, 3vw, 3rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
}

.hero-eyebrow[b-r54j2j7d6q],
.section-tag[b-r54j2j7d6q] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: 0.55rem 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(125, 211, 252, 0.35);
    background: rgba(8, 47, 73, 0.36);
    color: #9bdcff;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Electric Azure highlight used for major section labels */
.section-tag-electric[b-r54j2j7d6q] {
    color: #EAF6FF;
    border-color: #2E9BFF;
    background: linear-gradient( 135deg, rgba(16, 33, 59, 0.96) 0%, rgba(12, 24, 45, 0.96) 100% );
    box-shadow: 0 0 0 1px rgba(99, 189, 255, 0.16), 0 8px 24px rgba(0, 120, 255, 0.22), 0 0 22px rgba(46, 155, 255, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.10);
    text-shadow: 0 0 12px rgba(142, 208, 255, 0.50);
}

.hero-title[b-r54j2j7d6q] {
    font-family: 'Orbitron', 'Inter', sans-serif;
    margin: 0;
    font-size: clamp(2.8rem, 7vw, 5.75rem);
    line-height: 0.95;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
    font-weight: 700;
}

.screen-reader-only[b-r54j2j7d6q] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.hero-subtitle[b-r54j2j7d6q] {
    max-width: none;
    width: 100%;
    margin: 0;
    color: #d6e4ff;
    font-size: clamp(1rem, 1.9vw, 1.2rem);
    line-height: 1.8;
}

.hero-subtitle1[b-r54j2j7d6q] {
    max-width: none;
    width: 100%;
    margin: 0;
    color: #d6e4ff;
    font-size: clamp(1.6rem, 3.4vw, 3rem);
    line-height: 1.2;
    font-weight: 750;
    letter-spacing: -0.035em;
}

@media (min-width: 821px) {
    .hero-subtitle1[b-r54j2j7d6q] {
        margin-top: -0.95rem;
    }
}

.hero-actions[b-r54j2j7d6q] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.hero-button[b-r54j2j7d6q],
.feature-link[b-r54j2j7d6q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.25rem;
    padding: 0.9rem 1.35rem;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

    .hero-button:hover[b-r54j2j7d6q],
    .feature-link:hover[b-r54j2j7d6q],
    .submit-button:hover[b-r54j2j7d6q] {
        transform: translateY(-2px);
    }

.hero-button-primary[b-r54j2j7d6q] {
    color: #08111d;
    background: linear-gradient(135deg, #9bdcff 0%, #3fb8ff 100%);
    box-shadow: 0 16px 35px rgba(56, 189, 248, 0.3);
}

.hero-button-secondary[b-r54j2j7d6q] {
    color: #f5f8ff;
    border: 1px solid rgba(191, 219, 254, 0.28);
    background: rgba(15, 23, 42, 0.45);
}

    .hero-button-secondary:hover[b-r54j2j7d6q],
    .hero-button-secondary:focus-visible[b-r54j2j7d6q] {
        background: linear-gradient(135deg, rgba(63,184,255,0.14), rgba(37,99,235,0.10));
        border-color: rgba(63,184,255,0.36);
        box-shadow: 0 10px 25px rgba(37,99,235,0.12);
        color: #f8fbff;
    }

.hero-highlights[b-r54j2j7d6q] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
    margin: 1.5rem auto 0;
}

.highlight-card[b-r54j2j7d6q],
.trust-item[b-r54j2j7d6q],
.feature-card[b-r54j2j7d6q],
.proof-panel[b-r54j2j7d6q],
.industry-card[b-r54j2j7d6q],
.contact-panel[b-r54j2j7d6q],
.contact-detail[b-r54j2j7d6q] {
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(10, 18, 34, 0.72);
    box-shadow: 0 20px 45px rgba(2, 8, 23, 0.28);
}

.highlight-card[b-r54j2j7d6q] {
    padding: 1.5rem;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    min-height: 12rem;
    height: 100%;
    box-sizing: border-box;
}

.highlight-label[b-r54j2j7d6q] {
    display: block;
    margin-bottom: 0.75rem;
    color: #7dd3fc;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
}

.highlight-card p[b-r54j2j7d6q],
.trust-item span[b-r54j2j7d6q],
.section-heading p[b-r54j2j7d6q],
.feature-body p[b-r54j2j7d6q],
.proof-copy p[b-r54j2j7d6q],
.proof-metric p[b-r54j2j7d6q],
.contact-copy p[b-r54j2j7d6q] {
    margin: 0;
    color: #cfdbf6;
    line-height: 1.7;
}

.trust-strip[b-r54j2j7d6q],
.content-section[b-r54j2j7d6q],
.proof-section[b-r54j2j7d6q],
.industry-section[b-r54j2j7d6q],
.contact-section[b-r54j2j7d6q] {
    padding-top: clamp(2rem, 5vw, 4rem);
}

.industry-image[b-r54j2j7d6q] {
    display: block;
    width: 7.5rem;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 14px;
    border: 1px solid rgba(125, 211, 252, 0.25);
}

.trust-strip[b-r54j2j7d6q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
    gap: 1rem;
}

.trust-item[b-r54j2j7d6q] {
    padding: 1.15rem 1.25rem;
    border-radius: 22px;
}

    .trust-item strong[b-r54j2j7d6q],
    .contact-detail strong[b-r54j2j7d6q] {
        display: block;
        margin-bottom: 0.35rem;
        font-size: 1rem;
    }

    .trust-item strong[b-r54j2j7d6q] {
        color: #f8fbff;
    }

        .trust-item strong.trust-title[b-r54j2j7d6q] {
            color: #ff9800;
        }

.contact-detail strong[b-r54j2j7d6q] {
    color: #f8fbff;
}

.trust-title[b-r54j2j7d6q] {
    color: #ff9800;
}

.section-heading[b-r54j2j7d6q] {
    max-width: min(100%, 60rem);
    display: grid;
    gap: 1rem;
    margin-bottom: 2rem;
}

.section-heading-full-width[b-r54j2j7d6q] {
    width: 100%;
    max-width: none;
}

.section-heading h2[b-r54j2j7d6q],
.proof-copy h2[b-r54j2j7d6q],
.contact-copy h2[b-r54j2j7d6q] {
    margin: 0;
    font-size: clamp(1.8rem, 3.2vw, 2.75rem);
    line-height: 1.18;
    letter-spacing: -0.035em;
    text-transform: none;
}

.section-heading-centered[b-r54j2j7d6q] {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.edge-ai-showcase[b-r54j2j7d6q] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(21rem, 1fr);
    gap: clamp(1rem, 2vw, 2rem);
    width: 100%;
    align-items: stretch;
    margin-bottom: clamp(1rem, 2vw, 2rem);
}

.edge-ai-workstation[b-r54j2j7d6q] {
    width: 100%;
    min-width: 0;
    margin: 0;
    align-self: center;
    border-radius: 22px;
}

@media (max-width: 1100px) {
    .edge-ai-showcase[b-r54j2j7d6q] { grid-template-columns: minmax(0, 1fr); }
}

    .edge-ai-workstation img[b-r54j2j7d6q] {
        width: 100%;
        height: auto;
        border-radius: 22px;
        border: 1px solid rgba(125, 211, 252, 0.2);
        box-shadow: 0 24px 60px rgba(2, 8, 23, 0.3);
    }

.feature-grid[b-r54j2j7d6q] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: clamp(1rem, 2vw, 1.5rem);
    align-items: stretch;
    width: min(100%, 96rem);
    margin: 0 auto;
}

.feature-card[b-r54j2j7d6q] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border-radius: 24px;
}

.feature-card-large[b-r54j2j7d6q] {
    grid-column: span 2;
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(0, 1.1fr);
}

.logstyle[b-r54j2j7d6q] {
    min-height: 100vh;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 80px 1rem 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.18), transparent 30%), radial-gradient(circle at top right, rgba(14, 165, 233, 0.14), transparent 25%), linear-gradient(180deg, #060814 0%, #0a1020 42%, #0e1630 100%);
}

/* A fixed frame keeps every solution image and heading aligned while images animate. */
.feature-media[b-r54j2j7d6q] {
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    height: clamp(14rem, 22vw, 22rem);
    overflow: hidden;
    background: #0c162e;
}

.feature-media .feature-image[b-r54j2j7d6q] {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
    padding: 0;
    margin: 0;
    border: 0;
}

@media (max-width: 820px) {
    .feature-media[b-r54j2j7d6q] { height: clamp(14rem, 62vw, 26rem); }
    .feature-grid[b-r54j2j7d6q] { grid-auto-rows: auto; }
}
.feature-body[b-r54j2j7d6q] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
}

    .feature-body h3[b-r54j2j7d6q] {
        margin: 0;
        font-size: 1.3rem;
        text-transform: none;
        letter-spacing: 0.02em;
    }

.feature-points[b-r54j2j7d6q] {
    margin: 0;
    padding: 0 0 0 1.1rem;
    color: #cfdbf6;
    display: grid;
    gap: 0.6rem;
}

.feature-link[b-r54j2j7d6q] {
    width: fit-content;
    min-height: auto;
    margin-top: auto;
    padding: 0.75rem 1rem;
    color: #9bdcff;
    border: 1px solid rgba(125, 211, 252, 0.24);
    background: rgba(8, 47, 73, 0.24);
}

.proof-section[b-r54j2j7d6q] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: start;
}

.proof-copy[b-r54j2j7d6q] {
    display: grid;
    gap: 1rem;
}

.proof-badges[b-r54j2j7d6q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.proof-badge[b-r54j2j7d6q],
.proof-panel-tag[b-r54j2j7d6q],
.proof-card-label[b-r54j2j7d6q] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.5rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(125, 211, 252, 0.26);
    background: rgba(8, 47, 73, 0.24);
    color: #9bdcff;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.proof-card-grid[b-r54j2j7d6q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
    gap: 1rem;
    margin-top: 0.5rem;
}

.proof-card[b-r54j2j7d6q] {
    padding: 1.25rem;
    border-radius: 22px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(10, 18, 34, 0.76);
    box-shadow: 0 20px 45px rgba(2, 8, 23, 0.22);
}

    .proof-card h3[b-r54j2j7d6q],
    .proof-panel-header h3[b-r54j2j7d6q] {
        margin: 0;
        color: #f8fbff;
        font-size: 1.15rem;
        line-height: 1.35;
        font-family: 'Inter', 'Segoe UI', sans-serif;
        font-weight: 800;
        letter-spacing: 0;
        text-transform: none;
    }

    .proof-card p[b-r54j2j7d6q] {
        margin: 0.75rem 0 0;
        color: #cfdbf6;
        line-height: 1.7;
    }

.proof-panel[b-r54j2j7d6q] {
    border-radius: 28px;
    padding: 1.5rem;
    display: grid;
    gap: 1rem;
}

.proof-panel-header[b-r54j2j7d6q] {
    display: grid;
    gap: 0.75rem;
}

.proof-metric-grid[b-r54j2j7d6q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.proof-list[b-r54j2j7d6q] {
    margin: 0;
    padding-left: 1.15rem;
    color: #dce8ff;
    display: grid;
    gap: 0.8rem;
    line-height: 1.65;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
    padding-top: 1rem;
}

.proof-list-strong-yellow[b-r54j2j7d6q] {
    color: #ffd700;
}

.industry-grid[b-r54j2j7d6q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    gap: 1rem;
}

.industry-card[b-r54j2j7d6q] {
    padding: 1.1rem 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    border-radius: 20px;
    text-align: center;
    font-weight: 700;
    color: #edf4ff;
}

.contact-section[b-r54j2j7d6q] {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: start;
    padding-bottom: 2rem;
}

.contact-copy[b-r54j2j7d6q] {
    display: grid;
    gap: 1rem;
}

.contact-details[b-r54j2j7d6q] {
    display: grid;
    gap: 1rem;
    margin-top: 0.5rem;
}

.contact-detail[b-r54j2j7d6q] {
    padding: 1rem 1.15rem;
    border-radius: 20px;
}

    .contact-detail a[b-r54j2j7d6q] {
        color: #c9ebff;
        word-break: break-word;
    }

.contact-panel[b-r54j2j7d6q] {
    border-radius: 28px;
    padding: 1.5rem;
}

.contact-panel[b-r54j2j7d6q]  .contact-form {
    display: grid;
    gap: 1.25rem;
}

.form-field[b-r54j2j7d6q] {
    display: grid;
    gap: 0.65rem;
    align-content: start;
}

    .form-field label[b-r54j2j7d6q] {
        display: block;
        margin: 0;
        padding-left: 0.15rem;
        color: #eff5ff;
        font-size: 0.92rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0.04em;
        align-self: start;
    }

.contact-panel[b-r54j2j7d6q]  .contact-form input,
.contact-panel[b-r54j2j7d6q]  .contact-form textarea {
    width: 100%;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 16px;
    background: #070e1c !important;
    color: #fff !important;
    caret-color: #fff;
    color-scheme: dark;
    padding: 0.9rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .contact-panel[b-r54j2j7d6q]  .contact-form input:focus,
    .contact-panel[b-r54j2j7d6q]  .contact-form textarea:focus {
        background: #070e1c !important;
        color: #fff !important;
        outline: none;
        border-color: rgba(96, 165, 250, 0.9);
        box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.18);
    }

.contact-panel[b-r54j2j7d6q]  .contact-form textarea {
    resize: vertical;
    min-height: 10rem;
}

/* Browser autofill paints its own background independently of normal styles. */
.contact-panel[b-r54j2j7d6q]  .contact-form input:-webkit-autofill,
.contact-panel[b-r54j2j7d6q]  .contact-form input:-webkit-autofill:hover,
.contact-panel[b-r54j2j7d6q]  .contact-form input:-webkit-autofill:focus,
.contact-panel[b-r54j2j7d6q]  .contact-form textarea:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: 0 0 0 1000px #070e1c inset !important;
    caret-color: #fff;
}

.contact-panel[b-r54j2j7d6q]  .contact-form input:autofill,
.contact-panel[b-r54j2j7d6q]  .contact-form textarea:autofill {
    background: #070e1c !important;
    color: #fff !important;
    box-shadow: 0 0 0 1000px #070e1c inset !important;
}

    .contact-panel[b-r54j2j7d6q]  .contact-form input.invalid,
    .contact-panel[b-r54j2j7d6q]  .contact-form textarea.invalid {
        border-color: #f87171;
        box-shadow: 0 0 0 4px rgba(248, 113, 113, 0.14);
    }

.contact-panel[b-r54j2j7d6q]  .contact-form .validation-message,
.contact-panel[b-r54j2j7d6q]  .contact-form .validation-summary-errors {
    color: #fda4af;
    font-size: 0.9rem;
}

.submit-button[b-r54j2j7d6q] {
    margin-top: 1.5rem;
    min-height: 3.25rem;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #3fb8ff 0%, #2563eb 100%);
    color: #f8fbff;
    font-weight: 800;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
    box-shadow: 0 18px 35px rgba(37, 99, 235, 0.28);
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: clamp(13px, 2.5vw, 16px);
    padding: 0.5rem 0.75rem;
    line-height: 1.2;
    text-align: center;
}

    .submit-button:disabled[b-r54j2j7d6q] {
        cursor: wait;
        opacity: 0.72;
    }

.status-message[b-r54j2j7d6q] {
    margin: 0;
    font-weight: 700;
}

.status-success[b-r54j2j7d6q] {
    color: #86efac;
}

.status-error[b-r54j2j7d6q] {
    color: #fda4af;
}

.site-footer[b-r54j2j7d6q] {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
    text-align: center;
    color: #9fb0cc;
    font-size: 0.9rem;
}

/* Remove purple diagonal overlays */
.hero-section[b-r54j2j7d6q]::before,
.hero-section[b-r54j2j7d6q]::after,
header[b-r54j2j7d6q]::before,
header[b-r54j2j7d6q]::after,
.banner-container[b-r54j2j7d6q]::before,
.banner-container[b-r54j2j7d6q]::after,
.connected-page header[b-r54j2j7d6q]::before,
.connected-page header[b-r54j2j7d6q]::after,
.marketing-page header[b-r54j2j7d6q]::before,
.marketing-page header[b-r54j2j7d6q]::after,
.connected-page .diagonal[b-r54j2j7d6q],
.marketing-page .diagonal[b-r54j2j7d6q],
.purple-overlay[b-r54j2j7d6q],
.purple-diagonal[b-r54j2j7d6q] {
    display: none !important;
    content: none !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Ensure any decorative header <hr> is removed/hidden */
header hr[b-r54j2j7d6q],
.connected-page header hr[b-r54j2j7d6q],
.marketing-page header hr[b-r54j2j7d6q] {
    background: none !important;
    box-shadow: none !important;
    height: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
}

@media (max-width: 1080px) {
    .hero-content[b-r54j2j7d6q] {
        padding: 4rem 2.5rem;
    }

    .hero-highlights[b-r54j2j7d6q] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .feature-grid[b-r54j2j7d6q],
    .industry-grid[b-r54j2j7d6q],
    .trust-strip[b-r54j2j7d6q],
    .proof-section[b-r54j2j7d6q],
    .contact-section[b-r54j2j7d6q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .feature-grid[b-r54j2j7d6q] {
        width: min(100%, 72rem);
    }

    .feature-card-large[b-r54j2j7d6q] {
        grid-column: span 2;
    }
}

@media (max-width: 960px) {
    .feature-card-large[b-r54j2j7d6q],
    .proof-section[b-r54j2j7d6q],
    .contact-section[b-r54j2j7d6q] {
        grid-template-columns: 1fr;
    }

    .feature-card-large[b-r54j2j7d6q] {
        grid-column: span 1;
    }

    .proof-metric-grid[b-r54j2j7d6q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .hero-highlights[b-r54j2j7d6q] {
        grid-template-columns: 1fr;
    }

    .highlight-card[b-r54j2j7d6q] {
        min-height: auto;
        padding: 1rem 1rem 1.1rem;
    }
}

@media (max-width: 820px) {
    .hero-section[b-r54j2j7d6q] {
        min-height: auto;
    }

    .hero-content[b-r54j2j7d6q] {
        width: 100%;
        padding: 3.5rem 1.5rem 1.5rem;
    }

    .trust-strip[b-r54j2j7d6q],
    .feature-grid[b-r54j2j7d6q],
    .industry-grid[b-r54j2j7d6q],
    .proof-section[b-r54j2j7d6q],
    .contact-section[b-r54j2j7d6q] {
        grid-template-columns: 1fr;
    }

    .feature-grid[b-r54j2j7d6q] {
        width: 100%;
    }

    .edge-ai-workstation[b-r54j2j7d6q] {
        width: 100%;
    }

    .feature-card-large[b-r54j2j7d6q] {
        grid-template-columns: 1fr;
        grid-column: span 1;
    }
}

@media (max-width: 560px) {
    .highlight-card[b-r54j2j7d6q],
    .trust-item[b-r54j2j7d6q],
    .feature-card[b-r54j2j7d6q],
    .proof-panel[b-r54j2j7d6q],
    .industry-card[b-r54j2j7d6q],
    .contact-panel[b-r54j2j7d6q],
    .contact-detail[b-r54j2j7d6q] {
        border-radius: 18px;
    }

    .hero-content[b-r54j2j7d6q],
    .trust-strip[b-r54j2j7d6q],
    .content-section[b-r54j2j7d6q],
    .proof-section[b-r54j2j7d6q],
    .industry-section[b-r54j2j7d6q],
    .contact-section[b-r54j2j7d6q],
    .site-footer[b-r54j2j7d6q] {
        padding-inline: 1rem;
    }

    .hero-title[b-r54j2j7d6q] {
        letter-spacing: 0.02em;
    }

    .hero-eyebrow[b-r54j2j7d6q],
    .section-tag[b-r54j2j7d6q] {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .highlight-card[b-r54j2j7d6q] {
        min-height: auto;
        padding: 0.9rem 0.9rem 1rem;
    }

        .highlight-card p[b-r54j2j7d6q] {
            line-height: 1.5;
        }
}

.contact-form .form-field + .form-field[b-r54j2j7d6q] {
    margin-top: 0.6rem;
}

.feature-card[b-r54j2j7d6q],
.highlight-card[b-r54j2j7d6q],
.banner-container[b-r54j2j7d6q],
.image[b-r54j2j7d6q] {
    position: relative;
    overflow: hidden;
}

    .highlight-card img[b-r54j2j7d6q],
    .banner-container img[b-r54j2j7d6q],
    .image img[b-r54j2j7d6q] {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

    /* Make sure non-feature card images have room */
    .highlight-card img[b-r54j2j7d6q] {
        min-height: 220px;
    }

/* For smaller screens use a smaller min-height */
@media (max-width: 720px) {
    .highlight-card img[b-r54j2j7d6q] {
        min-height: 160px;
    }
}

.hero-layout-grid[b-r54j2j7d6q] {
    display: grid;
    grid-template-columns: minmax(0, 20%) minmax(0, 80%);
    grid-template-rows: auto auto;
    column-gap: 1rem;
    row-gap: 0.2rem;
    width: 100%;
    align-items: start;
}

.hero-layout-grid-primary[b-r54j2j7d6q],
.hero-layout-grid-secondary[b-r54j2j7d6q],
.hero-layout-grid-tertiary[b-r54j2j7d6q] {
    width: 100%;
}

.hero-layout-grid-primary[b-r54j2j7d6q] {
    grid-column: 1;
    grid-row: 1 / span 2;
    min-height: clamp(8rem, 16vw, 12rem);
    display: flex;
    align-items: center;
}

.hero-layout-grid-secondary[b-r54j2j7d6q] {
    grid-column: 2;
    grid-row: 1;
    min-height: 0;
    align-self: end;
    padding-bottom: 10px;
}

.hero-layout-grid-tertiary[b-r54j2j7d6q] {
    grid-column: 2;
    grid-row: 2;
    min-height: 0;
    align-self: start;
    margin-top: -0.1rem;
}

    .hero-layout-grid-secondary .hero-title[b-r54j2j7d6q],
    .hero-layout-grid-tertiary .hero-title[b-r54j2j7d6q] {
        line-height: 0.82;
    }

@media (max-width: 820px) {
    .hero-layout-grid[b-r54j2j7d6q] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        row-gap: 0;
        justify-items: center;
    }

    .hero-layout-grid-primary[b-r54j2j7d6q],
    .hero-layout-grid-secondary[b-r54j2j7d6q],
    .hero-layout-grid-tertiary[b-r54j2j7d6q] {
        grid-column: 1;
        width: 100%;
        min-height: 0;
    }

    .hero-layout-grid-primary[b-r54j2j7d6q] {
        grid-row: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
    }

    .hero-layout-grid-secondary[b-r54j2j7d6q] {
        grid-row: 2;
        text-align: center;
        align-self: end;
        margin-top: -0.35rem;
    }

    .hero-layout-grid-tertiary[b-r54j2j7d6q] {
        grid-row: 3;
        text-align: center;
        align-self: start;
        margin-top: 0;
    }

    .hero-logo[b-r54j2j7d6q] {
        width: min(100%, 8rem);
        height: auto;
        margin: 0 auto;
    }

    .hero-title[b-r54j2j7d6q] {
        font-size: clamp(1.7rem, 9vw, 2.5rem);
        line-height: 0.92;
        letter-spacing: 0.02em;
    }
}

.hero-title-secondary[b-r54j2j7d6q] {
    display: block;
}

/* Prevent the "Trust snapshot" pill from stretching inside the grid and make sizing match other badges */
.proof-panel .section-tag[b-r54j2j7d6q] {
    align-self: start;
    white-space: nowrap;
    padding: 0.5rem 0.85rem;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    display: inline-flex;
    align-items: center;
}

/* Shared page rhythm and accessible interaction states. */
.home-shell[b-r54j2j7d6q] {
    --page-width: 100rem;
    --section-space: clamp(3.5rem, 7vw, 6.5rem);
}

.hero-content[b-r54j2j7d6q],
.trust-strip[b-r54j2j7d6q],
.content-section[b-r54j2j7d6q],
.proof-section[b-r54j2j7d6q],
.industry-section[b-r54j2j7d6q],
.contact-section[b-r54j2j7d6q],
.delivery-section[b-r54j2j7d6q] {
    max-width: var(--page-width);
    margin-inline: auto;
}

.hero-content[b-r54j2j7d6q] {
    padding-top: clamp(2.5rem, 5vw, 5rem);
    padding-bottom: clamp(2rem, 4vw, 4rem);
}

.content-section[b-r54j2j7d6q],
.proof-section[b-r54j2j7d6q],
.industry-section[b-r54j2j7d6q],
.contact-section[b-r54j2j7d6q],
.delivery-section[b-r54j2j7d6q] {
    padding-top: var(--section-space);
    scroll-margin-top: 5rem;
}

.hero-subtitle[b-r54j2j7d6q] {
    max-width: 65ch;
    color: #b8c8e2;
}

.hero-actions[b-r54j2j7d6q] {
    align-items: center;
}

.hero-button[b-r54j2j7d6q] {
    gap: 0.75rem;
}

.section-heading p[b-r54j2j7d6q],
.contact-copy > p[b-r54j2j7d6q] {
    max-width: 70ch;
}

.section-tag-electric[b-r54j2j7d6q] {
    box-shadow: 0 0 0 1px rgba(99, 189, 255, 0.12), 0 6px 20px rgba(0, 120, 255, 0.12);
}

.feature-card[b-r54j2j7d6q] {
    background: linear-gradient(160deg, #111e35, #0b1222);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.feature-card:hover[b-r54j2j7d6q],
.feature-card:focus-within[b-r54j2j7d6q] {
    transform: translateY(-4px);
    border-color: rgba(125, 211, 252, 0.5);
    box-shadow: 0 24px 48px rgba(2, 8, 23, 0.4);
}

.feature-body[b-r54j2j7d6q] {
    padding: clamp(1.25rem, 2vw, 2rem);
}

.feature-link[b-r54j2j7d6q]::after {
    content: '→';
    margin-left: 0.75rem;
}

.proof-card[b-r54j2j7d6q] {
    display: grid;
    align-content: start;
    gap: 1rem;
}

.proof-card p[b-r54j2j7d6q] {
    margin: 0;
}

.proof-metric[b-r54j2j7d6q] {
    min-width: 0;
    padding: 1.1rem;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 16px;
    background: rgba(4, 10, 22, 0.4);
}

.proof-metric > span[b-r54j2j7d6q] {
    display: block;
    margin-bottom: 0.5rem;
    color: #9fb0cc;
    font-size: 0.75rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.proof-metric strong[b-r54j2j7d6q] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: clamp(1.1rem, 1.6vw, 1.4rem);
    color: #f5f8ff;
}

.proof-list-strong-yellow[b-r54j2j7d6q] {
    color: #7dd3fc;
}

.delivery-section[b-r54j2j7d6q] {
    padding-inline: clamp(1rem, 4vw, 4rem);
}

.delivery-steps[b-r54j2j7d6q] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.delivery-steps li[b-r54j2j7d6q] {
    overflow: hidden;
    border: 1px solid rgba(125, 211, 252, 0.25);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(23, 51, 80, 0.5), rgba(10, 18, 34, 0.5));
}

.delivery-image[b-r54j2j7d6q] {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.delivery-copy[b-r54j2j7d6q] {
    padding: 1.5rem;
}

.delivery-steps h3[b-r54j2j7d6q] {
    font-size: 1.1rem;
    margin: 0 0 0.65rem;
}

.delivery-steps p[b-r54j2j7d6q] {
    margin: 0;
    color: #b8c8e2;
    line-height: 1.7;
}

.industry-section > .section-tag[b-r54j2j7d6q] {
    margin-bottom: 1.5rem;
}

.industry-card[b-r54j2j7d6q] {
    border-radius: 12px;
    background: rgba(14, 27, 47, 0.65);
}

.contact-panel[b-r54j2j7d6q] {
    padding: clamp(1.5rem, 3vw, 2.5rem);
    background: linear-gradient(145deg, #13243e, #0a1222);
}

.contact-form-title[b-r54j2j7d6q] {
    margin: 0 0 0.75rem;
    font-size: 1.4rem;
}

.contact-form-intro[b-r54j2j7d6q] {
    color: #b8c8e2;
    margin: 0 0 2rem;
    line-height: 1.6;
}

.home-shell a:focus-visible[b-r54j2j7d6q],
.home-shell button:focus-visible[b-r54j2j7d6q] {
    outline: 2px solid #7dd3fc;
    outline-offset: 5px;
}

.contact-panel[b-r54j2j7d6q]  .contact-form input::placeholder,
.contact-panel[b-r54j2j7d6q]  .contact-form textarea::placeholder {
    color: #91a3bf;
    opacity: 1;
}

.contact-panel[b-r54j2j7d6q]  .contact-form .validation-summary-valid {
    display: none;
}

.site-footer[b-r54j2j7d6q] {
    border-top: 1px solid rgba(148, 163, 184, 0.15);
    margin-top: 3rem;
}

@media (max-width: 1080px) {
    .delivery-steps[b-r54j2j7d6q] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
    .hero-content[b-r54j2j7d6q] { padding-inline: 1.5rem; }
    .edge-ai-workstation[b-r54j2j7d6q] { width: 100%; }
}

@media (max-width: 560px) {
    .hero-content[b-r54j2j7d6q],
    .delivery-section[b-r54j2j7d6q] { padding-inline: 1rem; }
    .delivery-steps[b-r54j2j7d6q],
    .proof-metric-grid[b-r54j2j7d6q] { grid-template-columns: 1fr; }
    .hero-actions[b-r54j2j7d6q] { display: grid; grid-template-columns: 1fr; }
    .hero-button[b-r54j2j7d6q] { width: 100%; }
    .contact-section[b-r54j2j7d6q] { padding-bottom: 1rem; }
}


/* Automatic ambient motion and stronger activity across the home page. */
.hero-particle[b-r54j2j7d6q] {
    position: absolute;
    left: var(--particle-x);
    top: var(--particle-y);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #a5eaff;
    box-shadow: 0 0 12px #38bdf8;
    animation: home-particle-rise-b-r54j2j7d6q var(--particle-duration) linear var(--particle-delay) infinite;
}

.hero-orbit-ring[b-r54j2j7d6q] {
    position: absolute;
    right: -12rem;
    top: 2rem;
    width: clamp(24rem, 65vw, 64rem);
    aspect-ratio: 1;
    border: 1px solid rgba(56, 189, 248, .18);
    border-top: 2px solid rgba(125, 211, 252, .65);
    border-radius: 50%;
    animation: home-ring-spin-b-r54j2j7d6q 28s linear infinite;
}

.hero-orbit-ring-two[b-r54j2j7d6q] {
    right: -8rem;
    top: 6rem;
    width: clamp(18rem, 52vw, 52rem);
    border-style: dashed;
    animation-duration: 38s;
    animation-direction: reverse;
}

.hero-data-beam[b-r54j2j7d6q] {
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 35%, rgba(56, 189, 248, .12) 49%, rgba(125, 211, 252, .25) 50%, transparent 53%);
    animation: home-data-sweep-b-r54j2j7d6q 9s ease-in-out infinite;
}

.hero-logo[b-r54j2j7d6q] { animation: home-float-b-r54j2j7d6q 4s ease-in-out infinite; }
.hero-subtitle1[b-r54j2j7d6q] {
    background: linear-gradient(100deg, #d6e4ff 20%, #67d9ff 42%, #fff 50%, #67d9ff 58%, #d6e4ff 80%);
    background-size: 240% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    animation: home-text-flow-b-r54j2j7d6q 7s ease-in-out infinite;
}

.hero-button-primary[b-r54j2j7d6q] {
    animation: home-cta-glow-b-r54j2j7d6q 3s ease-in-out infinite;
}

.hero-button-primary[b-r54j2j7d6q]::before,
.submit-button[b-r54j2j7d6q]::before { animation: home-button-shine-b-r54j2j7d6q 6s ease-in-out infinite; }
.hero-button:nth-child(2)[b-r54j2j7d6q]::before { animation: home-button-shine-b-r54j2j7d6q 7s ease-in-out 1s infinite; }

.edge-ai-workstation img[b-r54j2j7d6q] { animation: home-artwork-drift-b-r54j2j7d6q 10s ease-in-out infinite; }
.highlight-card[b-r54j2j7d6q],
.proof-panel[b-r54j2j7d6q],
.contact-panel[b-r54j2j7d6q] { animation: home-panel-glow-b-r54j2j7d6q 6s ease-in-out infinite; }
.highlight-card:nth-child(2)[b-r54j2j7d6q] { animation-delay: -2s; }
.highlight-card:nth-child(3)[b-r54j2j7d6q] { animation-delay: -4s; }
.section-tag-electric[b-r54j2j7d6q] { animation: home-panel-glow-b-r54j2j7d6q 4s ease-in-out infinite; }

.feature-card .feature-image[b-r54j2j7d6q],
.delivery-steps .delivery-image[b-r54j2j7d6q] { animation: home-artwork-drift-b-r54j2j7d6q 14s ease-in-out infinite; }
.feature-card:nth-child(even) .feature-image[b-r54j2j7d6q],
.delivery-steps li:nth-child(even) .delivery-image[b-r54j2j7d6q] { animation-delay: -7s; }

.proof-badge[b-r54j2j7d6q] { animation: home-badge-breathe-b-r54j2j7d6q 5s ease-in-out infinite; }
.proof-badge:nth-child(2n)[b-r54j2j7d6q] { animation-delay: -1.5s; }
.proof-badge:nth-child(3n)[b-r54j2j7d6q] { animation-delay: -3s; }

.industry-card[b-r54j2j7d6q] { animation: home-panel-glow-b-r54j2j7d6q 7s ease-in-out infinite; }
.industry-card:nth-child(even)[b-r54j2j7d6q] { animation-delay: -3.5s; }

/* Stop offscreen media loops and all ambient work in a background tab. */
.feature-card:not(.motion-in-view) .feature-image[b-r54j2j7d6q],
.delivery-steps li:not(.motion-in-view) .delivery-image[b-r54j2j7d6q],
.edge-ai-workstation:not(.motion-in-view) img[b-r54j2j7d6q],
.proof-badge:not(.motion-in-view)[b-r54j2j7d6q],
.industry-card:not(.motion-in-view)[b-r54j2j7d6q],
.contact-panel:not(.motion-in-view)[b-r54j2j7d6q],
.proof-panel:not(.motion-in-view)[b-r54j2j7d6q],
.highlight-card:not(.motion-in-view)[b-r54j2j7d6q] { animation-play-state: paused; }
.home-shell.motion-backgrounded *[b-r54j2j7d6q],
.home-shell.motion-backgrounded *[b-r54j2j7d6q]::before,
.home-shell.motion-backgrounded *[b-r54j2j7d6q]::after { animation-play-state: paused !important; }

@keyframes home-particle-rise-b-r54j2j7d6q {
    0% { transform: translate3d(0, 35px, 0); opacity: 0; }
    20%, 70% { opacity: .85; }
    100% { transform: translate3d(30px, -120px, 0); opacity: 0; }
}
@keyframes home-ring-spin-b-r54j2j7d6q { to { transform: rotate(360deg); } }
@keyframes home-data-sweep-b-r54j2j7d6q {
    0%, 15% { transform: translateX(-100%); opacity: 0; }
    30%, 65% { opacity: 1; }
    85%, 100% { transform: translateX(100%); opacity: 0; }
}
@keyframes home-text-flow-b-r54j2j7d6q {
    0%, 100% { background-position: 100% 50%; }
    50% { background-position: 0% 50%; }
}
@keyframes home-cta-glow-b-r54j2j7d6q {
    0%, 100% { box-shadow: 0 8px 28px rgba(56,189,248,.25); }
    50% { box-shadow: 0 8px 40px rgba(56,189,248,.55), 0 0 0 5px rgba(56,189,248,.06); }
}
@keyframes home-button-shine-b-r54j2j7d6q {
    0%, 65% { transform: translateX(-150%); }
    90%, 100% { transform: translateX(150%); }
}
@keyframes home-artwork-drift-b-r54j2j7d6q {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.045); }
}
@keyframes home-panel-glow-b-r54j2j7d6q {
    0%, 100% { border-color: rgba(125,211,252,.2); box-shadow: 0 0 14px rgba(56,189,248,.04); }
    50% { border-color: rgba(125,211,252,.55); box-shadow: 0 0 28px rgba(56,189,248,.14); }
}
@keyframes home-badge-breathe-b-r54j2j7d6q {
    0%, 100% { background-color: rgba(8,47,73,.24); border-color: rgba(125,211,252,.26); }
    50% { background-color: rgba(14,116,144,.3); border-color: rgba(125,211,252,.65); }
}

/* Aurora, orbiting light, and glass reflections add depth without moving copy. */
.hero-atmosphere[b-r54j2j7d6q] { mask-image: linear-gradient(#000 20%, transparent 95%); }
.hero-aurora[b-r54j2j7d6q] {
    position: absolute;
    inset: -15% -25% 25%;
    background: conic-gradient(from 30deg at 65% 35%, transparent, rgba(0, 180, 255, .22), transparent 35%, rgba(99, 102, 241, .2), transparent 65%, rgba(34, 211, 238, .16), transparent);
    animation: home-aurora-roll-b-r54j2j7d6q 18s ease-in-out infinite alternate;
}
.hero-horizon[b-r54j2j7d6q] {
    position: absolute;
    top: 10rem;
    left: -30%;
    width: 160%;
    height: 26rem;
    border-radius: 50%;
    border-top: 1px solid rgba(125, 211, 252, .6);
    box-shadow: 0 -12px 55px rgba(14, 165, 233, .14);
    animation: home-horizon-wave-b-r54j2j7d6q 10s ease-in-out infinite;
}
.hero-comet[b-r54j2j7d6q] {
    position: absolute;
    top: var(--trail-top);
    left: -20%;
    width: clamp(7rem, 18vw, 18rem);
    height: 2px;
    background: linear-gradient(90deg, transparent, #38bdf8 80%, #e0faff);
    box-shadow: 8px 0 18px rgba(56,189,248,.8);
    animation: home-comet-pass-b-r54j2j7d6q var(--trail-duration) linear var(--trail-delay) infinite;
}
.hero-title[b-r54j2j7d6q] {
    color: #eaf8ff;
    background: linear-gradient(105deg, #eaf8ff 25%, #64d6ff 40%, #fff 50%, #a5b4fc 60%, #eaf8ff 75%);
    background-size: 260% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: home-text-flow-b-r54j2j7d6q 6s ease-in-out infinite, home-title-glow-b-r54j2j7d6q 5s ease-in-out infinite;
}
.hero-logo[b-r54j2j7d6q] {
    filter: url(#home-logo-cutout) drop-shadow(0 0 15px rgba(56,189,248,.45));
    animation: home-float-b-r54j2j7d6q 4s ease-in-out infinite, home-logo-aura-b-r54j2j7d6q 6s ease-in-out infinite;
}
.feature-card[b-r54j2j7d6q],
.highlight-card[b-r54j2j7d6q],
.proof-panel[b-r54j2j7d6q],
.contact-panel[b-r54j2j7d6q] {
    position: relative;
    isolation: isolate;
    transform-style: flat;
}
.feature-card[b-r54j2j7d6q]::before,
.highlight-card[b-r54j2j7d6q]::before,
.proof-panel[b-r54j2j7d6q]::before,
.contact-panel[b-r54j2j7d6q]::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 1px;
    border-radius: inherit;
    pointer-events: none;
    background: conic-gradient(from 0deg, transparent 20%, #38bdf8 36%, #c4b5fd 44%, transparent 52%, transparent 72%, #22d3ee 90%, transparent);
    background-size: 220% 220%;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    animation: home-border-flow-b-r54j2j7d6q 8s linear infinite;
}
.feature-card[b-r54j2j7d6q]::after,
.highlight-card[b-r54j2j7d6q]::after,
.proof-panel[b-r54j2j7d6q]::after,
.contact-panel[b-r54j2j7d6q]::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    pointer-events: none;
    background: radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 0%), rgba(125,211,252,.15), transparent 55%);
    opacity: 0;
    transition: opacity .35s ease;
}
.feature-card:hover[b-r54j2j7d6q]::after,
.highlight-card:hover[b-r54j2j7d6q]::after,
.proof-panel:hover[b-r54j2j7d6q]::after,
.contact-panel:hover[b-r54j2j7d6q]::after { opacity: 1; }

.feature-media[b-r54j2j7d6q]::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(115deg, transparent 35%, rgba(224,242,254,.16) 50%, transparent 65%);
    transform: translateX(-130%);
    animation: home-glass-reflection-b-r54j2j7d6q 11s ease-in-out infinite;
}
.feature-card:nth-child(2n) .feature-media[b-r54j2j7d6q]::after { animation-delay: -4s; }
.feature-card:nth-child(3n) .feature-media[b-r54j2j7d6q]::after { animation-delay: -8s; }

@media (hover: hover) and (pointer: fine) {
    .feature-card:hover[b-r54j2j7d6q],
    .highlight-card:hover[b-r54j2j7d6q],
    .proof-panel:hover[b-r54j2j7d6q],
    .contact-panel:hover[b-r54j2j7d6q] {
        transform: perspective(1100px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(-6px);
    }
}
@media (max-width: 560px) {
    .hero-comet:nth-of-type(even)[b-r54j2j7d6q] { display: none; }
    .hero-aurora[b-r54j2j7d6q] { opacity: .7; }
}
.feature-card:not(.motion-in-view)[b-r54j2j7d6q]::before,
.feature-card:not(.motion-in-view) .feature-media[b-r54j2j7d6q]::after,
.highlight-card:not(.motion-in-view)[b-r54j2j7d6q]::before,
.proof-panel:not(.motion-in-view)[b-r54j2j7d6q]::before,
.contact-panel:not(.motion-in-view)[b-r54j2j7d6q]::before { animation-play-state: paused; }

@keyframes home-aurora-roll-b-r54j2j7d6q {
    from { transform: rotate(-12deg) scale(1); opacity: .6; }
    to { transform: rotate(18deg) scale(1.18); opacity: 1; }
}
@keyframes home-horizon-wave-b-r54j2j7d6q {
    0%, 100% { transform: translateY(0) rotate(-8deg); opacity: .3; }
    50% { transform: translateY(65px) rotate(5deg); opacity: .8; }
}
@keyframes home-comet-pass-b-r54j2j7d6q {
    0% { transform: translateX(0) rotate(-18deg); opacity: 0; }
    8%, 35% { opacity: .8; }
    55%, 100% { transform: translateX(140vw) rotate(-18deg); opacity: 0; }
}
@keyframes home-logo-aura-b-r54j2j7d6q {
    0%, 100% { filter: url(#home-logo-cutout) drop-shadow(0 0 12px rgba(56,189,248,.35)); }
    50% { filter: url(#home-logo-cutout) drop-shadow(0 0 25px rgba(125,211,252,.75)); }
}
@keyframes home-border-flow-b-r54j2j7d6q {
    0%, 100% { background-position: 0% 0%; }
    25% { background-position: 100% 0%; }
    50% { background-position: 100% 100%; }
    75% { background-position: 0% 100%; }
}
@keyframes home-glass-reflection-b-r54j2j7d6q {
    0%, 70% { transform: translateX(-130%); }
    95%, 100% { transform: translateX(130%); }
}

/* Begin the hero entrance on first paint, without a later JavaScript reset. */
.hero-layout-grid[b-r54j2j7d6q] {
    animation: home-hero-arrive-b-r54j2j7d6q 1.6s ease-out both;
}
.hero-subtitle1[b-r54j2j7d6q] {
    animation: home-text-flow-b-r54j2j7d6q 7s ease-in-out infinite,
        home-hero-arrive-b-r54j2j7d6q 1.6s ease-out both;
}
.hero-subtitle[b-r54j2j7d6q] {
    animation: home-hero-arrive-b-r54j2j7d6q 1.6s ease-out both;
}
.hero-actions[b-r54j2j7d6q] {
    animation: home-hero-arrive-b-r54j2j7d6q 1.6s ease-out both;
}
@keyframes home-hero-arrive-b-r54j2j7d6q {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Prerendered content is already visible. The interactive instance must not
   restart an opacity entrance when Blazor attaches its controls. */
html.cs-server-home .hero-layout-grid[b-r54j2j7d6q],
html.cs-server-home .hero-subtitle[b-r54j2j7d6q],
html.cs-server-home .hero-actions[b-r54j2j7d6q] {
    animation: none;
}
html.cs-server-home .hero-subtitle1[b-r54j2j7d6q] {
    animation: home-text-flow-b-r54j2j7d6q 7s ease-in-out infinite;
}

/* Match solution artwork dimensions without cropping any source content. */
.feature-card .feature-media .feature-image[b-r54j2j7d6q] {
    object-fit: fill;
    animation: none;
    transform: none;
}
/* _content/CloudSphereApplication.Shared/Components/WebPage/WebPageEdgeSolutionsComponent.razor.rz.scp.css */
#footer .inner form > .fields > .field[b-krwvygk4nn] {
    width: calc(100% - 1.5em) !important;
}

.responsive-columns[b-krwvygk4nn] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; /* allow wrap on small screens even without media */
    gap: 2rem;
    width: 100%;
}

    .responsive-columns .column[b-krwvygk4nn] {
        flex: 1 1 320px; /* grow, shrink, preferred width */
        min-width: 0; /* allow content to shrink without overflow */
        box-sizing: border-box;
    }

.banner-container[b-krwvygk4nn] {
    width: 100%;
}

    .banner-container img[b-krwvygk4nn] {
        display: block;
        width: 100%;
        max-width: 1000px; /* limit width */
        height: auto; /* preserve aspect ratio */
        margin: 0 auto; /* center */
    }

#page-wrapper[b-krwvygk4nn],
#page-wrapper > section#wrapper[b-krwvygk4nn],
#page-wrapper > section#wrapper > header[b-krwvygk4nn],
#page-wrapper > section#wrapper > .wrapper[b-krwvygk4nn],
#page-wrapper .inner:first-child[b-krwvygk4nn] {
    padding-top: 0 !important;
}

@media (max-width: 768px) {
    .responsive-columns[b-krwvygk4nn] {
        flex-direction: column;
    }
}

header hr[b-krwvygk4nn] {
    animation: pulseRedBar-b-krwvygk4nn 2.4s ease-in-out infinite;
}

@keyframes pulseRedBar-b-krwvygk4nn {
    0% {
        opacity: 0.6;
        box-shadow: 0 0 0 rgba(255, 0, 0, 0);
    }

    50% {
        opacity: 1;
        box-shadow: 0 0 12px rgba(255, 0, 0, 0.85);
    }

    100% {
        opacity: 0.6;
        box-shadow: 0 0 0 rgba(255, 0, 0, 0);
    }
}

.sticky-home[b-krwvygk4nn] {
    position: fixed;
    top: 55px;
    left: 10px;
    z-index: 1000;
    opacity: 0.3;
    font-family: 'Orbitron', sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

    .sticky-home:hover[b-krwvygk4nn] {
        opacity: 1.0;
    }

.sticky-home__icon[b-krwvygk4nn] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    display: inline-block;
}

.feature-intro-grid[b-krwvygk4nn] {
    display: grid;
    grid-template-columns: 33% 1fr;
    grid-template-areas:
        "image content"
        "footer footer";
    gap: 2rem;
    width: 100%;
    margin: 30px 0px 30px 0px;
    align-items: stretch;
}

    .feature-intro-grid .feature-intro-image[b-krwvygk4nn] {
        grid-area: image;
        min-width: 0;
    }

    .feature-intro-grid .feature-intro-content[b-krwvygk4nn] {
        grid-area: content;
        min-width: 0;
    }

    .feature-intro-grid .feature-intro-footer[b-krwvygk4nn] {
        grid-area: footer;
        min-width: 0;
    }

    .feature-intro-grid .feature-intro-image img[b-krwvygk4nn] {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 12px;
        max-width: 100%;
    }

@media (max-width: 768px) {
    .feature-intro-grid[b-krwvygk4nn] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "image"
            "content"
            "footer";
    }

        /* Ensure the image section spans full width and stacks above content on small screens */
        .feature-intro-grid .feature-intro-image[b-krwvygk4nn] {
            grid-column: 1 / -1;
            width: 100%;
        }

        .feature-intro-grid .feature-intro-content[b-krwvygk4nn],
        .feature-intro-grid .feature-intro-footer[b-krwvygk4nn] {
            width: 100%;
        }
}
/* _content/CloudSphereApplication.Shared/Components/WebPage/WebPageHardwareComponent.razor.rz.scp.css */
#footer .inner form > .fields > .field[b-7f75ic6bcc] {
    width: calc(100% - 1.5em) !important;
}

.responsive-columns[b-7f75ic6bcc] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; /* allow wrap on small screens even without media */
    gap: 2rem;
    width: 100%;
}

    .responsive-columns .column[b-7f75ic6bcc] {
        flex: 1 1 320px; /* grow, shrink, preferred width */
        min-width: 0; /* allow content to shrink without overflow */
        box-sizing: border-box;
    }

.banner-container[b-7f75ic6bcc] {
    width: 100%;
}

    .banner-container img[b-7f75ic6bcc] {
        display: block;
        width: 100%;
        max-width: 1000px; /* limit width */
        height: auto; /* preserve aspect ratio */
        margin: 0 auto; /* center */
    }

#page-wrapper[b-7f75ic6bcc],
#page-wrapper > section#wrapper[b-7f75ic6bcc],
#page-wrapper > section#wrapper > header[b-7f75ic6bcc],
#page-wrapper > section#wrapper > .wrapper[b-7f75ic6bcc],
#page-wrapper .inner:first-child[b-7f75ic6bcc] {
    padding-top: 0 !important;
}

@media (max-width: 768px) {
    .responsive-columns[b-7f75ic6bcc] {
        flex-direction: column;
    }
}

header hr[b-7f75ic6bcc] {
    animation: pulseRedBar-b-7f75ic6bcc 2.4s ease-in-out infinite;
}

@keyframes pulseRedBar-b-7f75ic6bcc {
    0% {
        opacity: 0.6;
        box-shadow: 0 0 0 rgba(255, 0, 0, 0);
    }

    50% {
        opacity: 1;
        box-shadow: 0 0 12px rgba(255, 0, 0, 0.85);
    }

    100% {
        opacity: 0.6;
        box-shadow: 0 0 0 rgba(255, 0, 0, 0);
    }
}

.sticky-home[b-7f75ic6bcc] {
    position: fixed;
    top: 55px;
    left: 10px;
    z-index: 1000;
    opacity: 0.3;
    font-family: 'Orbitron', sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

    .sticky-home:hover[b-7f75ic6bcc] {
        opacity: 1.0;
    }

.sticky-home__icon[b-7f75ic6bcc] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    display: inline-block;
}

.feature-intro-grid[b-7f75ic6bcc] {
    display: grid;
    grid-template-columns: 33% 1fr;
    grid-template-areas:
        "image content"
        "footer footer";
    gap: 2rem;
    width: 100%;
    margin: 30px 0px 30px 0px;
    align-items: stretch;
}

    .feature-intro-grid .feature-intro-image[b-7f75ic6bcc] {
        grid-area: image;
        min-width: 0;
    }

    .feature-intro-grid .feature-intro-content[b-7f75ic6bcc] {
        grid-area: content;
        min-width: 0;
    }

    .feature-intro-grid .feature-intro-footer[b-7f75ic6bcc] {
        grid-area: footer;
        min-width: 0;
    }

    .feature-intro-grid .feature-intro-image img[b-7f75ic6bcc] {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 12px;
        max-width: 100%;
    }

@media (max-width: 768px) {
    .feature-intro-grid[b-7f75ic6bcc] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "image"
            "content"
            "footer";
    }

        /* Ensure the image section spans full width and stacks above content on small screens */
        .feature-intro-grid .feature-intro-image[b-7f75ic6bcc] {
            grid-column: 1 / -1;
            width: 100%;
        }

        .feature-intro-grid .feature-intro-content[b-7f75ic6bcc],
        .feature-intro-grid .feature-intro-footer[b-7f75ic6bcc] {
            width: 100%;
        }
}
/* _content/CloudSphereApplication.Shared/Components/WebPage/WebPagePatentComponent.razor.rz.scp.css */
#footer .inner form > .fields > .field[b-3ra04ryhk7] {
    width: calc(100% - 1.5em) !important;
}

.responsive-columns[b-3ra04ryhk7] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; /* allow wrap on small screens even without media */
    gap: 2rem;
    width: 100%;
}

    .responsive-columns .column[b-3ra04ryhk7] {
        flex: 1 1 320px; /* grow, shrink, preferred width */
        min-width: 0; /* allow content to shrink without overflow */
        box-sizing: border-box;
    }

.banner-container[b-3ra04ryhk7] {
    width: 100%;
}

    .banner-container img[b-3ra04ryhk7] {
        display: block;
        width: 100%;
        max-width: 1000px; /* limit width */
        height: auto; /* preserve aspect ratio */
        margin: 0 auto; /* center */
    }

#page-wrapper[b-3ra04ryhk7],
#page-wrapper > section#wrapper[b-3ra04ryhk7],
#page-wrapper > section#wrapper > header[b-3ra04ryhk7],
#page-wrapper > section#wrapper > .wrapper[b-3ra04ryhk7],
#page-wrapper .inner:first-child[b-3ra04ryhk7] {
    padding-top: 0 !important;
}

@media (max-width: 768px) {
    .responsive-columns[b-3ra04ryhk7] {
        flex-direction: column;
    }
}

header hr[b-3ra04ryhk7] {
    animation: pulseRedBar-b-3ra04ryhk7 2.4s ease-in-out infinite;
}

@keyframes pulseRedBar-b-3ra04ryhk7 {
    0% {
        opacity: 0.6;
        box-shadow: 0 0 0 rgba(255, 0, 0, 0);
    }

    50% {
        opacity: 1;
        box-shadow: 0 0 12px rgba(255, 0, 0, 0.85);
    }

    100% {
        opacity: 0.6;
        box-shadow: 0 0 0 rgba(255, 0, 0, 0);
    }
}

.sticky-home[b-3ra04ryhk7] {
    position: fixed;
    top: 55px;
    left: 10px;
    z-index: 1000;
    opacity: 0.3;
    font-family: 'Orbitron', sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

    .sticky-home:hover[b-3ra04ryhk7] {
        opacity: 1.0;
    }

.sticky-home__icon[b-3ra04ryhk7] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    display: inline-block;
}

.feature-intro-grid[b-3ra04ryhk7] {
    display: grid;
    grid-template-columns: 33% 1fr;
    grid-template-areas:
        "image content"
        "footer footer";
    gap: 2rem;
    width: 100%;
    margin: 30px 0px 30px 0px;
    align-items: stretch;
}

    .feature-intro-grid .feature-intro-image[b-3ra04ryhk7] {
        grid-area: image;
        min-width: 0;
    }

    .feature-intro-grid .feature-intro-content[b-3ra04ryhk7] {
        grid-area: content;
        min-width: 0;
    }

    .feature-intro-grid .feature-intro-footer[b-3ra04ryhk7] {
        grid-area: footer;
        min-width: 0;
    }

    .feature-intro-grid .feature-intro-image img[b-3ra04ryhk7] {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 12px;
        max-width: 100%;
    }

@media (max-width: 768px) {
    .feature-intro-grid[b-3ra04ryhk7] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "image"
            "content"
            "footer";
    }

        /* Ensure the image section spans full width and stacks above content on small screens */
        .feature-intro-grid .feature-intro-image[b-3ra04ryhk7] {
            grid-column: 1 / -1;
            width: 100%;
        }

        .feature-intro-grid .feature-intro-content[b-3ra04ryhk7],
        .feature-intro-grid .feature-intro-footer[b-3ra04ryhk7] {
            width: 100%;
        }
}
/* _content/CloudSphereApplication.Shared/Components/WebPage/WebPageSoftwareComponent.razor.rz.scp.css */
#footer .inner form > .fields > .field[b-gtv37xsiys] {
    width: calc(100% - 1.5em) !important;
}
 
.responsive-columns[b-gtv37xsiys] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; /* allow wrap on small screens even without media */
    gap: 2rem;
    width: 100%;
}
 
    .responsive-columns .column[b-gtv37xsiys] {
        flex: 1 1 320px; /* grow, shrink, preferred width */
        min-width: 0; /* allow content to shrink without overflow */
        box-sizing: border-box;
    }
 
.banner-container[b-gtv37xsiys] {
    width: 100%;
}
 
    .banner-container img[b-gtv37xsiys] {
        display: block;
        width: 100%;
        max-width: 1000px; /* limit width */
        height: auto; /* preserve aspect ratio */
        margin: 0 auto; /* center */
    }
            
#page-wrapper[b-gtv37xsiys],
#page-wrapper > section#wrapper[b-gtv37xsiys],
#page-wrapper > section#wrapper > header[b-gtv37xsiys],
#page-wrapper > section#wrapper > .wrapper[b-gtv37xsiys],
#page-wrapper .inner:first-child[b-gtv37xsiys] {
    padding-top: 0 !important;
}
 
@media (max-width: 768px) {
    .responsive-columns[b-gtv37xsiys] {
        flex-direction: column;
    }
}
 
header hr[b-gtv37xsiys] {
    animation: pulseRedBar-b-gtv37xsiys 2.4s ease-in-out infinite;
}
 
@keyframes pulseRedBar-b-gtv37xsiys {
    0% {
        opacity: 0.6;
        box-shadow: 0 0 0 rgba(255, 0, 0, 0);
    }
 
    50% {
        opacity: 1;
        box-shadow: 0 0 12px rgba(255, 0, 0, 0.85);
    }
 
    100% {
        opacity: 0.6;
        box-shadow: 0 0 0 rgba(255, 0, 0, 0);
    }
}

.sticky-home[b-gtv37xsiys] {
    position: fixed;
    top: 55px;
    left: 10px;
    z-index: 1000;
    opacity: 0.3;
    font-family: 'Orbitron', sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    
}
 
    .sticky-home:hover[b-gtv37xsiys] {
        opacity: 1.0;
    }
 
.sticky-home__icon[b-gtv37xsiys] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    display: inline-block;
}
 
.feature-intro-grid[b-gtv37xsiys] {
    display: grid;
    grid-template-columns: 33% 1fr;
    grid-template-areas:
        "image content"
        "footer footer";
    gap: 2rem;
    width: 100%;
    margin: 30px 0px 30px 0px;
    align-items: stretch;
}
 
    .feature-intro-grid .feature-intro-image[b-gtv37xsiys] {
        grid-area: image;
        min-width: 0;
    }
 
    .feature-intro-grid .feature-intro-content[b-gtv37xsiys] {
        grid-area: content;
        min-width: 0;
    }
 
    .feature-intro-grid .feature-intro-footer[b-gtv37xsiys] {
        grid-area: footer;
        min-width: 0;
    }
 
    .feature-intro-grid .feature-intro-image img[b-gtv37xsiys] {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 12px;
        max-width: 100%;
    }
 
@media (max-width: 768px) {
    .feature-intro-grid[b-gtv37xsiys] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "image"
            "content"
            "footer";
    }

    /* Ensure the image section spans full width and stacks above content on small screens */
    .feature-intro-grid .feature-intro-image[b-gtv37xsiys] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .feature-intro-grid .feature-intro-content[b-gtv37xsiys],
    .feature-intro-grid .feature-intro-footer[b-gtv37xsiys] {
        width: 100%;
    }
}
/* _content/CloudSphereApplication.Shared/Layout/MainLayout.razor.rz.scp.css */
.page[b-6aciqrex3i] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-6aciqrex3i] {
    flex: 1;
    max-width: 100%;
}

.sidebar[b-6aciqrex3i] {
    background-image: linear-gradient(180deg, rgb(22, 36, 51) 0%, #040005 70%);
}

.top-row[b-6aciqrex3i] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-6aciqrex3i]  a, .top-row[b-6aciqrex3i]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-6aciqrex3i]  a:hover, .top-row[b-6aciqrex3i]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-6aciqrex3i]  a:first-child {
        overflow: clip;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-6aciqrex3i] {
        justify-content: space-between;
    }

    .top-row[b-6aciqrex3i]  a, .top-row[b-6aciqrex3i]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-6aciqrex3i] {
        flex-direction: row;
    }

    .sidebar[b-6aciqrex3i] {
        width: 250px;
        height: 100%;
        position: sticky;
        top: 0;
    }

    .top-row[b-6aciqrex3i] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-6aciqrex3i]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-6aciqrex3i], article[b-6aciqrex3i] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-6aciqrex3i] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-6aciqrex3i] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/CloudSphereApplication.Shared/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-advo4tev2p] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-advo4tev2p] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-advo4tev2p] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-advo4tev2p] {
    font-size: 1.1rem;
}

.bi[b-advo4tev2p] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-advo4tev2p] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-advo4tev2p] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-advo4tev2p] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-advo4tev2p] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-advo4tev2p] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-advo4tev2p] {
        padding-bottom: 1rem;
    }

    .nav-item[b-advo4tev2p]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-advo4tev2p]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-advo4tev2p]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-advo4tev2p] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-advo4tev2p] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-advo4tev2p] {
        display: none;
    }

    .nav-scrollable[b-advo4tev2p] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        /* height: calc(100vh - 3.5rem);*/
        /*height: calc(100vh);*/
        height: calc(100vh + 3.5rem);
        overflow: clip;
        top:50px;
    }
}
/* _content/CloudSphereApplication.Shared/Pages/Admin.razor.rz.scp.css */
.admin-shell[b-sagk61p9uf] { max-width:1500px; margin:0 auto; padding:5.5rem clamp(1rem,3vw,3rem) 3rem; color:var(--foreground,#edf4ff); }
.admin-header[b-sagk61p9uf] { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:2rem; }.admin-eyebrow[b-sagk61p9uf] { font-size:.7rem; letter-spacing:.15em; color:#7dd3fc; font-weight:700; }.admin-header h1[b-sagk61p9uf] { font-size:clamp(1.8rem,4vw,2.8rem); margin:.5rem 0; letter-spacing:-.03em; }.admin-header p[b-sagk61p9uf],.admin-hint[b-sagk61p9uf] { color:#a8bad1; line-height:1.5; }.admin-mode[b-sagk61p9uf] { padding:.5rem .85rem; border:1px solid #5eead455; border-radius:99px; color:#5eead4; background:#134e4a44; font-size:.8rem; white-space:nowrap; }
.admin-tabs[b-sagk61p9uf] { display:flex; gap:.5rem; margin-bottom:1rem; }.admin-tabs span[b-sagk61p9uf] { margin-left:.5rem; color:#a8bad1; }.admin-tabs .admin-refresh[b-sagk61p9uf] { margin-left:auto; }
.admin-shell button[b-sagk61p9uf] { min-height:38px; border:1px solid #3c516d; border-radius:7px; padding:.45rem .8rem; background:#19283c; color:#e6f2ff; font:inherit; font-size:.85rem; cursor:pointer; line-height:1.4; letter-spacing:normal; text-transform:none; box-shadow:none; }.admin-shell button:hover:not(:disabled)[b-sagk61p9uf] { background:#253c57; border-color:#7dd3fc; }.admin-shell button:disabled[b-sagk61p9uf] { opacity:.45; cursor:not-allowed; }.admin-shell button.primary[b-sagk61p9uf],.admin-tabs button.active[b-sagk61p9uf] { background:#075985; border-color:#38bdf8; color:#f0f9ff; }.admin-shell button.danger[b-sagk61p9uf] { border-color:#fb718566; color:#fda4af; }
.admin-workspace[b-sagk61p9uf] { display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; align-items:start; }.admin-workspace.with-editor[b-sagk61p9uf] { grid-template-columns:minmax(0,1fr) minmax(280px,360px); }.admin-panel[b-sagk61p9uf] { min-width:0; background:#101c2c; border:1px solid #2d425d; border-radius:12px; overflow:hidden; }
.admin-tools[b-sagk61p9uf] { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:1rem; border-bottom:1px solid #2d425d; }.admin-tools form[b-sagk61p9uf] { display:flex; gap:.5rem; flex:1; max-width:460px; }.admin-tools p[b-sagk61p9uf] { margin:0; color:#a8bad1; font-size:.85rem; }
.admin-shell input:not([type=checkbox])[b-sagk61p9uf],.admin-editor[b-sagk61p9uf]  input:not([type=checkbox]) { background:#0b1423; border:1px solid #425875; border-radius:6px; color:#edf4ff; min-height:40px; padding:.55rem .7rem; width:100%; font:inherit; font-size:.9rem; }.admin-shell input[b-sagk61p9uf]::placeholder { color:#91a6c0; }
.admin-table-wrap[b-sagk61p9uf] { overflow-x:auto; }.admin-shell table[b-sagk61p9uf] { width:100%; border-collapse:collapse; margin:0; font-size:.85rem; }.admin-shell th[b-sagk61p9uf] { text-align:left; font-weight:600; color:#9fbad4; background:#152438; font-size:.75rem; }.admin-shell th[b-sagk61p9uf],.admin-shell td[b-sagk61p9uf] { padding:1rem; border-bottom:1px solid #253a53; vertical-align:middle; }.admin-shell td strong[b-sagk61p9uf] { display:block; font-weight:600; }.secondary[b-sagk61p9uf] { display:block; color:#a8bad1; font-size:.75rem; margin-top:.3rem; overflow-wrap:anywhere; }.you-label[b-sagk61p9uf] { display:inline-block; margin-top:.25rem; color:#7dd3fc; }.role-tags[b-sagk61p9uf] { display:flex; flex-wrap:wrap; gap:.3rem; }.role-tags span[b-sagk61p9uf],.status-tag[b-sagk61p9uf] { display:inline-block; padding:.25rem .5rem; border-radius:5px; background:#22344c; color:#c4d9ef; font-size:.7rem; white-space:nowrap; }.status-tag[b-sagk61p9uf] { color:#6ee7b7; background:#064e3b77; }.status-tag.locked[b-sagk61p9uf] { color:#fbbf24; background:#78350f55; }
.row-actions[b-sagk61p9uf] { display:flex; flex-wrap:wrap; gap:.35rem; min-width:130px; }.row-actions button[b-sagk61p9uf] { font-size:.75rem; min-height:32px; padding:.3rem .5rem; }.admin-empty[b-sagk61p9uf] { text-align:center; padding:3rem !important; color:#a8bad1; }.admin-pagination[b-sagk61p9uf] { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem; font-size:.8rem; color:#a8bad1; }.admin-pagination>div[b-sagk61p9uf] { display:flex; gap:.5rem; }
.admin-editor[b-sagk61p9uf] { padding:1.3rem; }.admin-editor h2[b-sagk61p9uf],.admin-confirm h2[b-sagk61p9uf] { margin:0 0 1rem; font-size:1.2rem; }.admin-editor fieldset[b-sagk61p9uf] { border:0; padding:0; margin:0; min-width:0; }.admin-editor label[b-sagk61p9uf] { display:block; margin:.9rem 0 .4rem; font-size:.8rem; color:#c2d2e5; }.admin-editor .check-row[b-sagk61p9uf] { display:flex; align-items:center; gap:.6rem; }.admin-editor[b-sagk61p9uf]  input[type=checkbox],.admin-editor input[type=checkbox][b-sagk61p9uf] { appearance:auto; opacity:1; position:static; width:17px; height:17px; flex-shrink:0; accent-color:#38bdf8; margin:0; }.admin-editor .role-picker[b-sagk61p9uf] { border:1px solid #3c516d; border-radius:8px; padding:.5rem .8rem .8rem; margin-top:1rem; }.role-picker legend[b-sagk61p9uf] { padding:0 .3rem; font-size:.8rem; color:#a8bad1; width:auto; float:none; }.admin-hint[b-sagk61p9uf] { font-size:.75rem; margin:1rem; }.admin-editor .admin-hint[b-sagk61p9uf] { margin:1rem 0; }.editor-actions[b-sagk61p9uf] { display:flex; gap:.6rem; margin-top:1.2rem; flex-wrap:wrap; }
.admin-notice[b-sagk61p9uf] { padding:1rem; margin-bottom:1rem; border:1px solid; border-radius:8px; line-height:1.5; }.admin-notice.error[b-sagk61p9uf] { background:#88133733; border-color:#fb718566; color:#fecdd3; }.admin-notice.success[b-sagk61p9uf] { background:#064e3b66; border-color:#34d39966; color:#a7f3d0; }.admin-notice a[b-sagk61p9uf] { margin-left:.5rem; color:#7dd3fc; }.admin-confirm[b-sagk61p9uf] { margin-top:1rem; padding:1.5rem; background:#2a1c2b; border:1px solid #fb718577; border-radius:12px; }.admin-editor[b-sagk61p9uf]  .validation-errors,.admin-editor[b-sagk61p9uf]  .validation-message { color:#fda4af; font-size:.8rem; }.admin-shell button:focus-visible[b-sagk61p9uf],.admin-shell input:focus-visible[b-sagk61p9uf],.admin-editor[b-sagk61p9uf]  input:focus-visible { outline:2px solid #7dd3fc; outline-offset:3px; }
.sr-only[b-sagk61p9uf] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:1100px) { .admin-workspace.with-editor[b-sagk61p9uf] { grid-template-columns:minmax(0,1fr); }.admin-editor[b-sagk61p9uf] { grid-row:1; } }
@media (max-width:600px) { .admin-header[b-sagk61p9uf] { align-items:flex-start; }.admin-mode[b-sagk61p9uf] { font-size:.7rem; }.admin-tools[b-sagk61p9uf] { align-items:stretch; flex-direction:column; }.admin-pagination[b-sagk61p9uf] { flex-wrap:wrap; }.admin-shell th[b-sagk61p9uf],.admin-shell td[b-sagk61p9uf] { padding:.75rem; }.admin-tabs button[b-sagk61p9uf] { font-size:.8rem; } }
/* _content/CloudSphereApplication.Shared/Pages/AdminAnalytics.razor.rz.scp.css */
.analytics-shell[b-ntemn6pvp2] { max-width:1500px; margin:0 auto; padding:5.5rem clamp(1rem,3vw,3rem) 3rem; color:#edf4ff; }
.analytics-header[b-ntemn6pvp2] { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:2rem; }
.eyebrow[b-ntemn6pvp2] { color:#7dd3fc; font-size:.7rem; letter-spacing:.12em; }
.analytics-header h1[b-ntemn6pvp2] { font-size:clamp(1.8rem,4vw,3rem); margin:.5rem 0; }
.analytics-header p[b-ntemn6pvp2],.report-range[b-ntemn6pvp2],.metric-note[b-ntemn6pvp2] { color:#a8bad1; font-size:.85rem; line-height:1.6; }
.local-badge[b-ntemn6pvp2] { border:1px solid #38bdf855; border-radius:20px; background:#07598533; color:#7dd3fc; padding:.65rem 1rem; white-space:nowrap; font-size:.7rem; }
.filters[b-ntemn6pvp2] { display:flex; align-items:end; gap:.75rem; flex-wrap:wrap; margin-bottom:1.5rem; }
.filters label[b-ntemn6pvp2] { display:grid; gap:.4rem; font-size:.75rem; color:#a8bad1; }
.filters select[b-ntemn6pvp2],.filters input[b-ntemn6pvp2] { min-height:40px; background:#0b1423; border:1px solid #425875; border-radius:6px; color:#edf4ff; padding:.5rem .7rem; font:inherit; color-scheme:dark; }
.filters button[b-ntemn6pvp2] { min-height:40px; border:1px solid #3c516d; border-radius:7px; padding:.5rem .9rem; background:#19283c; color:#edf4ff; font:inherit; font-size:.8rem; cursor:pointer; }
.filters button.primary[b-ntemn6pvp2] { background:#075985; border-color:#38bdf8; }.filters button:disabled[b-ntemn6pvp2] { opacity:.5; cursor:wait; }.filters a[b-ntemn6pvp2] { color:#7dd3fc; font-size:.8rem; padding:.6rem 0; }
.filters button.danger[b-ntemn6pvp2] { background:#391923; border-color:#9f4256; color:#fecdd3; }
.metrics[b-ntemn6pvp2] { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; }
.metric[b-ntemn6pvp2],.panel[b-ntemn6pvp2],.last-event[b-ntemn6pvp2] { background:#101c2c; border:1px solid #2d425d; border-radius:12px; }
.metric[b-ntemn6pvp2] { padding:1.25rem; display:grid; gap:.6rem; min-width:0; }.metric span[b-ntemn6pvp2] { font-size:.75rem; color:#a8bad1; }.metric strong[b-ntemn6pvp2] { color:#edf4ff; font-size:clamp(1.8rem,3vw,2.5rem); }.metric small[b-ntemn6pvp2] { color:#91a6c0; font-size:.65rem; line-height:1.5; }
.metric-note[b-ntemn6pvp2] { margin:1rem 0; }.last-event[b-ntemn6pvp2] { padding:1rem 1.25rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:.6rem; font-size:.8rem; }.last-event span[b-ntemn6pvp2] { color:#a8bad1; }
.charts[b-ntemn6pvp2] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1rem 0; }.tables[b-ntemn6pvp2] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.panel[b-ntemn6pvp2] { min-width:0; overflow:hidden; }.panel h2[b-ntemn6pvp2] { font-size:1rem; margin:0; padding:1.25rem; color:#edf4ff; }.charts .panel[b-ntemn6pvp2] { padding:0 .5rem .5rem; }
.table-scroll[b-ntemn6pvp2] { overflow-x:auto; }table[b-ntemn6pvp2] { width:100%; border-collapse:collapse; font-size:.75rem; }caption[b-ntemn6pvp2] { caption-side:bottom; padding:1rem; color:#91a6c0; text-align:left; font-size:.65rem; }th[b-ntemn6pvp2],td[b-ntemn6pvp2] { padding:.85rem 1rem; text-align:left; border-bottom:1px solid #253a53; overflow-wrap:anywhere; }th[b-ntemn6pvp2] { background:#152438; color:#9fbad4; }td[b-ntemn6pvp2] { color:#edf4ff; }.empty[b-ntemn6pvp2] { color:#a8bad1; padding:2rem 1rem; }
.notice[b-ntemn6pvp2] { padding:1rem; background:#152438; color:#b9d7ec; border:1px solid #3c516d; border-radius:8px; line-height:1.6; font-size:.85rem; }.notice.error[b-ntemn6pvp2] { color:#fecdd3; background:#88133733; border-color:#fb718566; }
button:focus-visible[b-ntemn6pvp2],input:focus-visible[b-ntemn6pvp2],select:focus-visible[b-ntemn6pvp2],a:focus-visible[b-ntemn6pvp2] { outline:2px solid #7dd3fc; outline-offset:3px; }
@media(max-width:1050px) { .tables[b-ntemn6pvp2] { grid-template-columns:1fr; }.metrics[b-ntemn6pvp2] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .analytics-header[b-ntemn6pvp2] { align-items:flex-start; flex-direction:column; }.charts[b-ntemn6pvp2] { grid-template-columns:1fr; }.filters label[b-ntemn6pvp2] { flex:1 1 160px; } }
@media(max-width:420px) { .metrics[b-ntemn6pvp2] { grid-template-columns:1fr; } }