:root {
    --platform-navy: #010a2d;
    --platform-card: #172141;
    --platform-card-soft: #202b4a;
    --platform-pink: #c91468;
    --platform-pink-hot: #e21b7b;
    --platform-blue: #b0deed;
    --platform-white: #ffffff;
    --platform-darkblue: #2904FB;
}

/* Agents workplace: one dominant answer canvas instead of a card collection. */
.agent-os-specialists { background:#f8fcfd; }.agent-os-workplace-grid{align-items:center;display:grid;gap:80px;grid-template-columns:.72fr 1.28fr}.agent-os-workplace-copy>p:not(.agent-os-eyebrow){color:#284b62;font-size:1.08rem;line-height:1.47;margin:27px 0 35px;max-width:430px}.agent-os-question{background:#fff;border-bottom:1px solid #7698a8;display:block;padding:16px 48px 16px 0;position:relative}.agent-os-question span{color:#628192;display:block;font-size:.72rem}.agent-os-question strong{display:block;font-family:"UbuntuBold";font-size:.95rem;margin-top:6px}.agent-os-question button{align-items:center;background:#071b43;border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;height:31px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);width:31px}.agent-os-question-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.agent-os-question-tags button{background:transparent;border:0;color:#517587;cursor:pointer;font-family:"UbuntuBold";font-size:.68rem;padding:0}.agent-os-question-tags button:not(:last-child)::after{color:#9cb7c2;content:"·";margin-left:7px}.agent-os-workspace{min-width:0}.agent-os-agent-tabs{display:flex;gap:15px;overflow-x:auto;padding:0 0 16px}.agent-os-agent-tabs button{background:transparent;border:0;color:#678897;cursor:pointer;font-family:"UbuntuBold";font-size:.66rem;padding:0 0 7px;position:relative;white-space:nowrap}.agent-os-agent-tabs button.active{color:#071b43}.agent-os-agent-tabs button.active::after{background:#d10b68;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.agent-os-canvas{background:linear-gradient(145deg,#fefefe,#ecf7f9);border:1px solid #d2e6eb;border-radius:18px;box-shadow:0 25px 65px rgba(12,55,78,.1);min-height:445px;padding:25px 28px;position:relative}.agent-os-canvas-top{display:flex;justify-content:space-between}.agent-os-canvas-agent{color:#245d78;font-family:"UbuntuBold";font-size:.68rem}.agent-os-canvas-live{color:#55798b;font-size:.62rem}.agent-os-canvas-live i{background:#79c99b;border-radius:50%;display:inline-block;height:6px;margin-right:4px;width:6px}.agent-os-canvas h3{font-family:"UbuntuBold";font-size:1.55rem;letter-spacing:-.04em;margin:31px 0 5px}.agent-os-canvas-answer{color:#557486;font-size:.82rem;margin:0}.agent-os-canvas-visual{height:202px;margin-top:16px;position:relative}.agent-os-canvas-visual svg{height:100%;width:100%}.canvas-line{fill:none;stroke:#116d8c;stroke-dasharray:4 4;stroke-width:2}.agent-os-canvas-visual circle{fill:#b8e3ee;stroke:#116d8c;stroke-width:2}.agent-os-canvas-visual circle:nth-of-type(3){fill:#e53585;stroke:#e53585}.canvas-grid{fill:none;stroke:#d5e8ed;stroke-width:1}.agent-os-canvas-label{background:rgba(255,255,255,.9);border:1px solid #daeaf0;border-radius:6px;color:#426a7c;font-size:.6rem;padding:5px 7px;position:absolute}.label-one{left:28%;top:49%}.label-two{left:55%;top:44%}.label-three{right:1%;top:2%}.agent-os-canvas-decision{border-top:1px solid #d2e5eb;margin-top:3px;padding-top:14px}.agent-os-canvas-decision span{color:#c31265;display:block;font-family:"UbuntuBold";font-size:.58rem;letter-spacing:.07em;text-transform:uppercase}.agent-os-canvas-decision strong{display:block;font-family:"UbuntuBold";font-size:.82rem;margin-top:5px}.agent-os-canvas-decision b{color:#176c89;display:block;font-size:.67rem;margin-top:7px}.agent-os-capability-rail{border-top:1px solid #c7dfe6;margin-top:105px;padding-top:29px}.agent-os-capability-rail>div{display:flex;gap:28px;margin-top:19px;overflow-x:auto}.agent-os-capability-rail button{background:transparent;border:0;color:#527688;cursor:pointer;font-family:"UbuntuBold";font-size:.88rem;padding:0 0 7px;position:relative;white-space:nowrap}.agent-os-capability-rail button.active{color:#071b43}.agent-os-capability-rail button.active::after{background:#d10b68;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.agent-os-capability-rail>span{color:#5c7c8c;display:block;font-size:.72rem;line-height:1.35;margin-top:23px;max-width:560px}@media(max-width:900px){.agent-os-workplace-grid{gap:55px;grid-template-columns:1fr}.agent-os-workplace-copy>p:not(.agent-os-eyebrow){max-width:620px}.agent-os-workspace{max-width:720px}.agent-os-capability-rail{margin-top:75px}}@media(max-width:600px){.agent-os-canvas{border-radius:12px;min-height:390px;padding:19px}.agent-os-agent-tabs{gap:13px}.agent-os-canvas h3{margin-top:25px}.agent-os-capability-rail>div{gap:20px}.agent-os-workplace-grid{gap:38px}}

/* Platform MINA page */
.mina-page {
    --mina-navy: #010a2d;
    --mina-blue: #b0deed;
    --mina-panel: #d7f2fb;
    --mina-dark-panel: #e7f8fc;
    --mina-cta: #010a2d;
    background: #ffffff;
    color: var(--mina-navy);
    font-family: "Ubuntu", Arial, sans-serif;
    overflow: hidden;
    width: 100vw;
}

.vsi-button-boxed-red{
    min-width: 200px;
    padding: 12px 24px;
    border-radius: 10px;
    color: #ffffff;
    background: var(--platform-pink);
    text-align: center;
}

.vsi-hero-chart-1{
    width: min(100%, 1080px);
}

.vsi-button-boxed-black{
    min-width: 200px;
    padding: 12px 24px;
    border-radius: 10px;
    color: #ffffff;
    background: var(--platform-navy);
    border: 1px solid #fff;
    text-align: center;
}

.mina-page *,
.mina-page *::before,
.mina-page *::after {
    box-sizing: border-box;
}

.mina-page h1,
.mina-page h2,
.mina-page h3,
.mina-page p,
.mina-page figure {
    margin: 0;
}

.mina-page h1,
.mina-page h2,
.mina-page h3,
.mina-page strong,
.mina-copy-bold,
.mina-button {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
}

.mina-page h1,
.mina-page h2,
.mina-page h3 {
    color: var(--mina-navy);
    letter-spacing: 0;
    line-height: 1.02;
}

.mina-page p {
    color: var(--mina-navy);
    line-height: 1.12;
}

.mina-page img {
    display: block;
    max-width: 100%;
}

.mina-section {
    position: relative;
}

.mina-bg {
    pointer-events: none;
    position: absolute;
    user-select: none;
    z-index: 0;
}

.mina-container {
    margin: 0 auto;
    max-width: 980px;
    position: relative;
    width: min(980px, calc(100vw - 60px));
    z-index: 2;
}

.mina-hero {
    min-height: 900px;
    padding: 50px 0 120px;
}

.mina-hero-bg {
    inset: 0 auto auto 50%;
    left: 0;
    width: 100%;
}

.mina-hero-copy {
    margin-left: 290px;
    max-width: 560px;
}

.mina-hero h1 {
    font-size: clamp(4rem, 6vw, 6.2rem) !important;
}

.mina-hero-lead {
    font-size: clamp(2.2rem, 3.2vw, 3rem) !important;
    margin-top: 10px !important;
}

.mina-orientation {
    min-height: 1120px;
    padding: 50px 0 110px;
}

.mina-section-copy {
    max-width: 480px;
}

.mina-section-copy h2,
.mina-question-copy h2,
.mina-model h2 {
    font-size: clamp(2.7rem, 4vw, 4.1rem);
}

.mina-copy {
    margin-top: 14px !important;
}

.mina-section-copy h3 {
    margin-top: 42px;
}

.mina-map {
    margin: 0 auto;
    width: min(980px, 100%);
}

.mina-questions {
    min-height: 1150px;
    padding: 100px 0 120px;
}

.mina-question-bg {
    left: 0;
    max-width: none;
    top: -85px;
    width: min(644px, 55vw);
}

.mina-question-grid {
    display: grid;
    gap: 80px;
    grid-template-columns: minmax(0, 620px) 250px;
}

.mina-question-copy {
    padding-top: 95px;
}

.mina-handnote {
    margin: 0 0 30px auto;
    width: min(457px, 64%);
}

.mina-examples {
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 48px 0 44px;
}

.mina-examples article {
    font-size: 0.9rem;
}

.mina-examples h3 {
    font-size: 1rem;
    margin-bottom: 12px;
}

.mina-examples p {
    font-size: 0.9rem;
}

.mina-understands {
    background: var(--mina-panel);
    border-radius: 22px;
    margin-top: 190px;
    min-height: 520px;
    padding: 52px 46px;
}

.mina-understands p {
    font-size: 0.96rem;
    margin-top: 24px !important;
    white-space: pre-line;
}

.mina-model {
    min-height: 770px;
    padding: 45px 0 80px;
    text-align: center;
}

.mina-model .mina-copy {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
}

.mina-model-art {
    margin: 0 auto;
    width: 100%;
}

.mina-perspective {
    min-height: 890px;
    padding: 145px 0 90px;
}

.mina-perspective-bg {
    top: -220px;
    max-width: none;
    right: -5px;
    width: min(700px, 50vw);
}

.mina-perspective h2 {
    font-size: clamp(3.2rem, 5vw, 5.4rem);
    margin: 0 auto;
    max-width: 820px;
}

.mina-perspective-lines {
    margin: 40px auto 0 !important;
    max-width: 660px;
}

.mina-button {
    background: var(--mina-cta);
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 0.92rem;
    line-height: 1;
    margin-top: 34px;
    padding: 15px 30px;
    text-decoration: none;
}

.mina-button:hover {
    color: #ffffff;
    text-decoration: none;
}

.mina-final {
    padding: 175px 0 240px;
}

.mina-final-bg {
    left: 0;
    max-width: none;
    top: -270px;
    width: min(581px, 58vw);
}

.mina-final h2 {
    font-size: clamp(3.3rem, 5.2vw, 5.8rem);
    margin: 0 auto;
    max-width: 910px;
}

@media (max-width: 991.98px) {
    .mina-container {
        width: min(700px, calc(100vw - 44px));
    }

    .mina-hero {
        min-height: 690px;
        padding-top: 80px;
    }

    .mina-hero-copy {
        margin-left: 180px;
    }

    .mina-map {
        margin: 0 auto;
        width: 100%;
    }

    .mina-question-grid {
        gap: 38px;
        grid-template-columns: 1fr;
    }

    .mina-understands {
        margin-top: 10px;
        min-height: auto;
        width: fit-content;
    }

    .mina-model-art {
        margin: 0 auto;
        width: 100%;
    }

    .mina-perspective {
        min-height: 760px;
    }
}

@media (max-width: 680px) {
    .mina-container {
        width: min(340px, calc(100vw - 32px));
    }

    .mina-page h1,
    .mina-page h2,
    .mina-page h3,
    .mina-page strong {
        overflow-wrap: anywhere;
    }

    .mina-page p {
        overflow-wrap: break-word;
    }

    .mina-hero {
        min-height: 620px;
        padding: 80px 0 76px;
    }

    .mina-hero-copy {
        margin-left: 54px;
        max-width: 286px;
    }

    .mina-hero h1 {
        font-size: 2rem !important;
        overflow-wrap: normal;
    }

    .mina-hero-lead {
        font-size: 1.42rem !important;
    }

    .mina-orientation {
        min-height: auto;
        padding: 58px 0 86px;
    }

    .mina-section-copy h2,
    .mina-question-copy h2,
    .mina-model h2 {
        font-size: 2.1rem;
    }

    .mina-map {
        margin: 0 auto;
        width: 100%;
    }

    .mina-questions {
        min-height: auto;
        padding: 74px 0 88px;
    }

    .mina-question-bg {
        opacity: 0.78;
        width: 430px;
    }

    .mina-question-copy {
        padding-top: 42px;
    }

    .mina-handnote {
        margin-left: 0;
        width: 100%;
    }

    .mina-examples {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .mina-understands {
        border-radius: 18px;
        padding: 32px 28px;
    }

    .mina-model {
        min-height: auto;
        padding: 58px 0 72px;
    }

    .mina-model-art {
        margin-left: 0;
        width: 100%;
    }

    .mina-perspective {
        min-height: 660px;
        padding: 86px 0 82px;
    }

    .mina-perspective-bg {
        bottom: -170px;
        right: -270px;
        width: 780px;
    }

    .mina-perspective h2,
    .mina-final h2 {
        font-size: 2.35rem;
    }

    .mina-perspective-lines {
        font-size: 1rem !important;
    }

    .mina-button {
        display: inline-block;
        line-height: 1.15;
        max-width: 100%;
        padding: 14px 20px;
        text-align: center;
        white-space: normal;
    }

    .mina-final {
        padding: 112px 0 150px;
    }

    .mina-final-bg {
        left: -235px;
        top: -120px;
        width: 520px;
    }
}

/* Platform UX page */
.ux-page {
    --ux-navy: #010a2d;
    --ux-pink: #d01470;
    --ux-blue: #b0deed;
    --ux-muted: rgba(255, 255, 255, 0.78);
    --ux-soft: rgba(176, 222, 237, 0.16);
    --ux-card: #101a3a;
    background: var(--ux-navy);
    color: #ffffff;
    font-family: "Ubuntu", Arial, sans-serif;
    overflow: hidden;
    width: 100vw;
}

.ux-page *,
.ux-page *::before,
.ux-page *::after {
    box-sizing: border-box;
}

.ux-page h1,
.ux-page h2,
.ux-page h3,
.ux-page h4,
.ux-page p,
.ux-page figure {
    margin: 0;
}

.ux-page h1,
.ux-page h2,
.ux-page h3,
.ux-page h4,
.ux-page strong,
.ux-copy-bold,
.ux-button {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
}

.ux-page h1,
.ux-page h2,
.ux-page h3 {
    color: #ffffff;
    letter-spacing: 0;
    line-height: 1.02;
}

.ux-page p {
    color: var(--ux-muted);
    line-height: 1.14;
}

.ux-page img {
    display: block;
    max-width: 100%;
}

.ux-section {
    position: relative;
}

.ux-container {
    margin: 0 auto;
    max-width: 980px;
    position: relative;
    width: min(980px, calc(100vw - 60px));
    z-index: 2;
}

.ux-bg {
    pointer-events: none;
    position: absolute;
    user-select: none;
    z-index: 0;
}

.ux-hero {
    min-height: 920px;
    padding: 50px 0 120px;
}

.ux-hero-rings {
    right: -210px;
    top: -235px;
    width: min(1014px, 82vw);
}

.ux-hero-copy {
    padding-left: min(20%, 250px);
}

.ux-hero-grid {
    align-items: center;
    display: grid;
    gap: 5px;
    grid-template-columns: minmax(0, 560px) minmax(260px, 360px);
}

.ux-eyebrow {
    margin-bottom: 16px;
}

.ux-hero h1 {
    color: var(--ux-pink);
    font-size: clamp(4.4rem, 6.2vw, 7.6rem);
    margin-bottom: 22px;
}

.ux-lead {
    color: #ffffff !important;
    margin-bottom: 40px !important;
    max-width: 600px;
}

.ux-small {
    max-width: 320px;
}

.ux-strong {
    color: #ffffff !important;
    margin-top: 22px !important;
}

.ux-orbit {
    align-items: center;
    aspect-ratio: 1;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 310px;
    padding: 52px 42px;
    position: relative;
    text-align: center;
}

.ux-orbit::before,
.ux-orbit::after {
    border-radius: 50%;
    content: "";
    inset: 20px;
    position: absolute;
}

.ux-orbit::after {
    inset: 42px;
}

.ux-orbit-step {
    position: relative;
    z-index: 1;
}

.ux-orbit-text-1, .ux-orbit-text-2 {
    position: absolute !important;
    left: 20vmin;
    width: max-content;
    font-size: 0.8rem;
    padding-left: 80px;
    text-align: left;
}

.ux-orbit-text-1 {
    top: 120px;
}

.ux-orbit-text-2 {
    top: 230px;
}

.ux-orbit-step strong {
    display: block;
    font-size: 1.45rem;
    line-height: 0.95;
}

.ux-orbit-step span {
    display: block;
    font-size: 0.8rem;
}

.ux-orbit-pink strong {
    color: var(--ux-pink);
}

.ux-orbit img {
    height: 62px;
    margin: 10px 0;
    position: relative;
    z-index: 1;
}

.ux-orbit p {
    /* font-size: 0.88rem;
    margin-top: 14px;
    max-width: 230px;
    position: relative;
    text-align: left;
    z-index: 1; */
}

.ux-existing {
    min-height: 2150px;
    padding: 40px 0 160px;
}

.ux-existing-bg {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50vmin;
}

.ux-existing h2 {
    font-size: clamp(3rem, 4.2vw, 5.2rem);
}

.ux-copy {
    margin-top: 24px !important;
    max-width: 450px;
}

.ux-copy-bold {
    color: #ffffff !important;
}

.ux-principles {
    margin: 265px auto 0;
    max-width: 860px;
    text-align: center;
}

.ux-principles h2 {
    font-size: clamp(3.4rem, 5vw, 6rem);
}

.ux-principles-lead {
    color: #ffffff !important;
    margin: 24px auto 0 !important;
    max-width: 820px;
}

.ux-principles-sub {
    margin: 22px auto 70px !important;
    max-width: 620px;
}

.ux-principle-grid {
    display: grid;
    gap: 72px 110px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    text-align: left;
}

.ux-principle-grid article {
    min-height: 250px;
    padding-left: 72px;
    position: relative;
}

.ux-principle-grid article:nth-child(3) {
    margin-top: 110px;
}

.ux-principle-grid article:nth-child(5) {
    grid-column: 2;
}

.ux-principle-grid span,
.ux-number {
    align-items: center;
    aspect-ratio: 1;
    background: var(--ux-blue);
    border-radius: 50%;
    color: var(--ux-navy);
    display: inline-flex;
    font-family: "Ubuntu", Arial, sans-serif;
    justify-content: center;
    line-height: 1;
}

.ux-principle-grid span {
    font-size: 1.15rem;
    height: 52px;
    left: 0;
    position: absolute;
    top: 0;
    width: 52px;
}

.ux-principle-grid h3 {
    font-size: 1.55rem;
    margin-bottom: 6px;
}

.ux-principle-grid p {
    font-size: 0.96rem;
}

.ux-flow {
    min-height: 1660px;
    padding: 90px 0 120px;
}

.ux-flow h2 {
    font-size: clamp(3.4rem, 5.8vw, 7rem);
    max-width: 900px;
}

.ux-flow-art {
    margin: 54px 0 0 calc(50% - 620px);
    width: min(1243px, 100%);
}

.ux-flow-note {
    margin: 70px auto 0;
    max-width: 470px;
    text-align: center;
}

.ux-flow-note p {
    margin-top: 20px;
}

.ux-perspectives {
    min-height: 3080px;
    padding: 120px 0 100px;
}

.ux-perspective-bg {
    left: -205px;
    top: 60px;
    width: min(724px, 62vw);
}

.ux-perspective-head {
    max-width: 610px;
}

.ux-perspective-head h2 {
    font-size: clamp(4rem, 6.2vw, 7.3rem);
    margin-top: 8px;
}

.ux-perspective-head p:not(:first-child) {
    color: #ffffff !important;
}

.ux-perspective-layers {
    margin-left: auto;
    margin-top: -135px;
    width: min(488px, 45vw);
}

.ux-perspective-layers figcaption {
    color: #ffffff;
    font-family: "Ubuntu", Arial, sans-serif;
    font-size: 0.92rem;
    margin-top: 28px;
    max-width: 430px;
}

.ux-perspective-grid {
    display: grid;
    gap: 84px 82px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 70px;
}

.ux-perspective-item {
    min-height: 420px;
}

.ux-perspective-item-1,
.ux-perspective-item-3,
.ux-perspective-item-5 {
    transform: translateX(42px);
}

.ux-perspective-item-2,
.ux-perspective-item-4 {
    transform: translateY(95px);
    padding-top: 15vw;
}

.ux-perspective-item figure {
    margin: 28px 0 24px;
}

.ux-perspective-item h3 {
    font-size: clamp(2rem, 3vw, 3.1rem);
    text-transform: uppercase;
}

.ux-perspective-item p {
    font-size: 0.96rem;
    max-width: 420px;
}

.ux-question {
    color: #ffffff !important;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    margin-bottom: 4px !important;
}

.ux-number {
    font-size: 1.2rem;
    height: 34px;
    margin-bottom: 8px;
    width: 34px;
}

.ux-number-purple {
    background: #6f55ad;
}

.ux-number-green {
    background: #34C3B8;
}


.ux-number-yellow {
    background: #B47E0F;
}

.ux-layer-card {
    border: 1px solid rgba(176, 222, 237, 0.48);
    border-radius: 6px;
    margin: 150px auto 0;
    max-width: 860px;
    padding: 24px 32px;
    text-align: center;
    background: rgba(255, 255, 255, 0.1);
}

.ux-layer-card h3,
.ux-app-heading {
    font-size: 1.28rem;
}

.ux-layer-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    justify-content: center;
    margin-top: 20px;
}

.ux-layer-tabs span {
    color: #27d0cd;
    font-size: 0.9rem;
}

.ux-app-heading {
    margin: 34px 0 22px;
    text-align: center;
}

.ux-app-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ux-app-grid article {
    border: 1px solid rgba(176, 222, 237, 0.42);
    border-radius: 5px;
    min-height: 150px;
    padding: 18px 16px;
    background: rgba(255, 255, 255, 0.1);
}

.ux-app-grid h4 {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.05;
}

.ux-app-grid p {
    font-size: 0.84rem;
    margin-top: 10px;
}

.ux-app-grid article:first-child h4 {
    color: #23d2c8;
}

.ux-app-grid article:nth-child(2) h4 {
    color: #7460b6;
}

.ux-app-grid article:nth-child(3) h4 {
    color: #d7b52f;
}

.ux-app-grid article:nth-child(4) h4 {
    color: #7bc3ff;
}

.ux-source-row {
    margin: 42px auto 0;
    max-width: 920px;
}

.ux-source-row figcaption {
    color: rgba(255, 255, 255, 0.48);
    font-family: "UbuntuThin", Arial, sans-serif;
    font-size: 1rem;
    margin-bottom: 18px;
}

.ux-source-row img {
    width: 100%;
}

.ux-final {
    padding: 140px 0 0;
}

.ux-final-dots {
    right: 0;
    top: -120px;
    width: min(629px, 60vw);
}

.ux-final h2 {
    font-size: clamp(3.4rem, 5.6vw, 7rem);
    margin: 0 auto;
    max-width: 780px;
}

.ux-final p {
    color: #ffffff !important;
    margin-top: 54px !important;
}

.ux-final-network {
    margin: 170px auto 0;
    width: 100vmin;
}

@media (max-width: 991.98px) {
    .ux-container {
        width: min(700px, calc(100vw - 44px));
    }

    .ux-hero {
        min-height: auto;
        padding: 80px 0 82px;
    }

    .ux-hero-grid {
        grid-template-columns: 1fr;
    }

    .ux-hero-rings {
        right: -260px;
        top: -135px;
        width: 760px;
    }

    .ux-orbit {
        justify-self: center;
        width: min(390px, 100%);
    }

    .ux-existing {
        min-height: auto;
        padding-bottom: 95px;
    }

    .ux-principles {
        margin-top: 155px;
    }

    .ux-principle-grid {
        gap: 46px;
        grid-template-columns: 1fr;
    }

    .ux-principle-grid article,
    .ux-principle-grid article:nth-child(3),
    .ux-principle-grid article:nth-child(5) {
        grid-column: auto;
        margin-top: 0;
        min-height: auto;
    }

    .ux-flow {
        min-height: auto;
    }

    .ux-flow-art {
        margin-left: -52px;
        width: 100%;
    }

    .ux-perspectives {
        min-height: auto;
        padding-top: 90px;
    }

    .ux-perspective-layers {
        margin: 56px 0 0;
        width: min(520px, 100%);
    }

    .ux-perspective-grid {
        gap: 64px;
        grid-template-columns: 1fr;
    }

    .ux-perspective-item-1,
    .ux-perspective-item-2,
    .ux-perspective-item-3,
    .ux-perspective-item-4,
    .ux-perspective-item-5 {
        transform: none;
    }

    .ux-app-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .ux-container {
        width: min(330px, calc(100vw - 42px));
    }

    .ux-page h1,
    .ux-page h2,
    .ux-page h3,
    .ux-page h4,
    .ux-page strong {
        overflow-wrap: anywhere;
    }

    .ux-page p {
        overflow-wrap: break-word;
    }

    .ux-hero h1,
    .ux-flow h2,
    .ux-perspective-head h2,
    .ux-final h2 {
        font-size: 2.7rem;
    }

    .ux-lead,
    .ux-principles-lead,
    .ux-perspective-head p:not(:first-child),
    .ux-final p {
        font-size: 1.35rem !important;
    }

    .ux-orbit {
        min-width: 0;
        padding: 42px 28px;
    }

    .ux-orbit-step strong {
        font-size: 1.18rem;
    }

    .ux-existing h2,
    .ux-principles h2 {
        font-size: 2.35rem;
    }

    .ux-existing-bg {
        opacity: 0.55;
    }

    .ux-principles {
        margin-top: 120px;
        text-align: left;
    }

    .ux-principle-grid article {
        padding-left: 58px;
    }

    .ux-principle-grid span {
        height: 42px;
        width: 42px;
    }

    .ux-flow {
        padding-top: 70px;
    }

    .ux-flow-art {
        margin-left: -72px;
        width: 100%;
    }

    .ux-flow-note {
        text-align: left;
    }

    .ux-perspective-bg {
        left: -310px;
        opacity: 0.42;
        width: 680px;
    }

    .ux-perspective-grid {
        margin-top: 58px;
    }

    .ux-perspective-item h3 {
        font-size: 2rem;
    }

    .ux-layer-card {
        margin-top: 78px;
        padding: 18px;
    }

    .ux-layer-tabs {
        align-items: center;
        flex-direction: column;
        gap: 12px;
    }

    .ux-app-grid {
        grid-template-columns: 1fr;
    }

    .ux-source-row {
        overflow-x: auto;
        padding-bottom: 12px;
    }

    .ux-source-row img {
        max-width: none;
        width: 720px;
    }

    .ux-final {
        padding-top: 100px;
    }

    .ux-final-dots {
        right: -50px;
        top: -50px;
        width: 360px;
    }

    .ux-final-network {
        margin-top: 95px;
        width: 430px;
    }
}

/* Platform start page */
.start-page {
    --start-bg: #010a2d;
    --start-panel: #3d435d;
    --start-white: #f7f8ff;
    --start-muted: #d8d9e7;
    --start-blue: #1768e3;
    --start-cyan: #3bc2d2;
    --start-purple: #6c42e9;
    --start-pink: #dd2b91;
    --start-yellow: #f7be0b;
    --start-orange: #ed9717;
    --start-green: #34a853;
    background: var(--start-bg);
    color: var(--start-white);
    font-family: "Ubuntu", Arial, sans-serif;
    max-width: 100vw;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    width: 100vw;
}

.start-page *,
.start-page *::before,
.start-page *::after {
    box-sizing: border-box;
}

.start-page h1,
.start-page h2,
.start-page p,
.start-page figure,
.start-page ul {
    margin: 0;
}

.start-page h1,
.start-page h2,
.start-page strong,
.start-kicker,
.start-button,
.start-erp-card strong,
.start-marker {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
}

.start-page h1,
.start-page h2 {
    color: var(--start-white);
    letter-spacing: 0;
    line-height: 1.03;
    overflow-wrap: break-word;
}

.start-page p,
.start-page li {
    color: var(--start-muted);
    font-size: 1rem;
    line-height: 1.12;
}

.start-page img {
    display: block;
    max-width: 100%;
}

.start-container {
    margin: 0 auto;
    max-width: 940px;
    position: relative;
    width: min(940px, calc(100vw - 56px));
    z-index: 2;
    padding-left: 25px;
}

.start-section,
.start-phase {
    position: relative;
}

.start-hero {
    min-height: 680px;
    padding: 70px 0 95px;
}

.start-hero::before {
    background: linear-gradient(180deg, var(--start-blue), rgba(23, 104, 227, 0));
    content: "";
    height: 100%;
    left: calc(50% - 475px);
    position: absolute;
    top: 138px;
    width: 2px;
}

.start-hero-grid {
    align-items: center;
    display: grid;
    gap: 64px;
    grid-template-columns: minmax(390px, 430px) minmax(300px, 406px);
}

.start-hero h1 {
    font-size: clamp(3.8rem, 5vw, 5.25rem);
    margin-bottom: 24px;
}

.start-hero h1 span {
    color: var(--start-white);
}

.start-hero-lead {
    color: var(--start-white) !important;
    font-size: 2.1rem !important;
    line-height: 1.08 !important;
    margin-bottom: 28px !important;
}

.start-hero-copy p:not(.start-hero-lead) {
    font-size: 1.22rem;
    line-height: 1.07;
    margin-top: 20px;
    max-width: 300px;
}

.start-hero-roadmap img {
    width: 406px;
}

.start-scroll,
.start-marker {
    align-items: center;
    aspect-ratio: 1;
    border: 3px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
    color: var(--start-white);
    display: inline-flex;
    font-size: 1.15rem;
    justify-content: center;
    line-height: 1;
    text-decoration: none;
}

.start-scroll {
    background: var(--start-cyan);
    bottom: 35%;
    box-shadow: 0 0 0 1px rgba(59, 194, 210, 0.35);
    height: 46px;
    left: calc(50% - 500px);
    position: absolute;
    width: 46px;
}

.start-scroll-2 {
    background: #633FDF;
}

.start-scroll-3 {
    background: #DB3598;
}

.start-scroll-4 {
    background: #EA9B1F;
}

.start-scroll-5 {
    background: #34A853;
}

.start-scroll-7 {
    background: #1B67E8;
}

.step-padded {
    padding-left: 15vmin !important;
}

.step-num-padded {
    margin-left: 15vmin !important;
}

.start-phase {
    display: grid;
    grid-template-columns: 95px minmax(0, 1fr);
    margin: 0 auto;
    max-width: 1040px;
    min-height: 480px;
    padding: 70px 0;
    width: min(1040px, calc(100vw - 46px));
}

.start-phase::before {
    background: linear-gradient(180deg, currentColor, rgba(255, 255, 255, 0));
    content: "";
    grid-column: 1;
    left: 46px;
    opacity: 0.8;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
}

.start-marker {
    align-self: center;
    grid-column: 1;
    height: 46px;
    justify-self: center;
    position: relative;
    width: 46px;
    z-index: 3;
}

.start-phase-body {
    grid-column: 2;
    min-width: 0;
    position: relative;
    z-index: 2;
}

.start-copy {
    min-width: 0;
    position: relative;
    z-index: 2;
}

.start-copy h2 {
    font-size: clamp(1.85rem, 2.7vw, 2.45rem);
    max-width: 440px;
}

.start-copy p {
    max-width: 360px;
}

.start-copy p+p,
.start-copy h2+p {
    margin-top: 8px;
}

.start-kicker {
    font-size: 1.14rem !important;
    line-height: 1.05 !important;
    margin-bottom: 5px !important;
}

.start-cyan {
    color: var(--start-cyan) !important;
}

.start-blue {
    color: var(--start-blue) !important;
}

.start-purple {
    color: var(--start-purple) !important;
}

.start-pink {
    color: var(--start-pink) !important;
}

.start-yellow {
    color: var(--start-yellow) !important;
}

.start-orange {
    color: var(--start-orange) !important;
}

.start-green {
    color: var(--start-green) !important;
}

.start-tags {
    color: var(--start-white) !important;
    font-size: 1.34rem !important;
    margin-top: 8px !important;
}

.start-erp-card {
    align-items: center;
    background: var(--start-panel);
    border-radius: 8px;
    color: var(--start-white);
    display: grid;
    height: 118px;
    justify-items: center;
    padding: 16px;
    text-align: center;
    width: 178px;
}

.start-erp-card strong {
    color: var(--start-white);
    font-size: 2.3rem;
    line-height: 0.95;
}

.start-erp-card span {
    color: var(--start-white);
    font-size: 0.84rem;
    line-height: 1.04;
}

.start-button {
    align-items: center;
    border: 2px solid rgba(255, 255, 255, 0.85);
    border-radius: 999px;
    color: var(--start-white);
    display: inline-flex;
    font-size: 0.86rem;
    justify-content: center;
    line-height: 1;
    min-height: 48px;
    min-width: 190px;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
}

.start-button-purple {
    background: var(--start-purple);
}

.start-button-pink {
    background: var(--start-pink);
}

.start-button-green {
    background: var(--start-green);
}

.start-icon-list {
    display: grid;
    gap: 18px;
    list-style: none;
    padding: 0;
}

.start-icon-list li {
    align-items: center;
    color: var(--start-muted);
    display: grid;
    font-size: 0.92rem;
    gap: 12px;
    grid-template-columns: 30px minmax(0, 1fr);
    line-height: 1.1;
}

.start-icon-list img {
    height: 28px;
    max-width: 32px;
    object-fit: contain;
    width: 32px;
}

.start-list-pink img[src$=".png"] {
    height: 26px;
    width: 28px;
}

.start-phase-1 {
    color: var(--start-cyan);
    min-height: 550px;
}

.start-phase-data {
    align-items: center;
    display: grid;
    gap: 20px;
    grid-template-areas:
        "copy graph list"
        "erp graph list";
    grid-template-columns: minmax(260px, 315px) minmax(285px, 430px) minmax(170px, 220px);
}

.start-phase-data .start-copy {
    grid-area: copy;
}

.start-phase-data .start-erp-card {
    grid-area: erp;
}

.start-graph-data {
    grid-area: graph;
    margin-top: 72px;
}

.start-graph img {
    width: 100%;
}

.start-graph,
.start-machine,
.start-shopfloor-art,
.start-certificates,
.start-supply-art,
.start-ai-art,
.start-system-art {
    min-width: 0;
}

.start-graph figcaption,
.start-supply-art figcaption,
.start-ai-art figcaption,
.start-devices figcaption {
    color: var(--start-white);
    font-size: 1.06rem;
    line-height: 1.05;
    text-align: center;
}

.start-graph figcaption {
    display: none;
}

.start-phase-data .start-icon-list {
    grid-area: list;
}

.start-phase-2 {
    color: var(--start-purple);
    min-height: 650px;
}

.start-blocks {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, 58px);
    left: -190px;
    opacity: 0.78;
    position: absolute;
    top: 135px;
    z-index: 0;
}

.start-blocks span {
    aspect-ratio: 1;
    background: #18264a;
    border-radius: 16px;
}

.start-blocks span:nth-child(3),
.start-blocks span:nth-child(8) {
    background: #6b88a4;
}

.start-phase-decisions {
    align-items: center;
    display: grid;
    gap: 26px;
    grid-template-columns: minmax(230px, 300px) minmax(320px, 440px) minmax(150px, 210px);
}

.start-phase-decisions .start-erp-card {
    margin-top: 34px;
}

.start-phase-decisions .start-button {
    margin-top: 28px;
}

.start-phase-3 {
    color: var(--start-pink);
    min-height: 770px;
}

.start-phase-iot {
    align-items: start;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(250px, 325px) minmax(280px, 350px) minmax(150px, 185px);
}

.start-machine {
    margin-top: 36px;
    max-width: 287px;
}

.start-phase-iot .start-button {
    margin-top: 26px;
}

.start-graph-iot {
    margin-top: 95px;
}

.start-phase-iot .start-icon-list {
    margin-top: 150px;
}

.start-devices {
    display: grid;
    gap: 50px;
    justify-items: center;
    margin-top: 80px;
}

.start-devices figure:first-child img {
    max-width: 208px;
    width: 208px;
}

.start-devices figure:last-child img {
    max-width: 150px;
    width: 150px;
}

.start-devices figcaption {
    display: none;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 0.72rem;
    margin-top: 10px;
}

.start-phase-4 {
    color: var(--start-orange);
    min-height: 560px;
}

.start-phase-shopfloor {
    align-items: center;
    display: grid;
    gap: 90px;
    grid-template-columns: minmax(330px, 520px) minmax(150px, 220px);
}

.start-shopfloor-art {
    margin: 32px 0 22px;
    max-width: 360px;
}

.start-list-orange {
    justify-self: start;
}

.start-phase-5 {
    color: var(--start-green);
    min-height: 640px;
}

.start-phase-supply {
    align-items: center;
    display: grid;
    gap: 42px;
    grid-template-columns: minmax(280px, 340px) minmax(290px, 370px) minmax(190px, 250px);
}

.start-certificates {
    margin: 82px 0 32px;
    max-width: 140px;
}

.start-supply-art img {
    width: 361px;
}

.start-supply-art figcaption {
    font-size: 1.2rem;
    margin-top: 20px;
}

.start-phase-6 {
    color: var(--start-cyan);
    min-height: 610px;
}

.start-phase-ai {
    align-items: center;
    display: grid;
    gap: 56px;
    grid-template-columns: minmax(280px, 340px) minmax(230px, 280px) minmax(230px, 290px);
}

.start-ai-art img {
    width: 237px;
}

.start-ai-art figcaption {
    font-size: 1.24rem;
    margin-top: 22px;
}

.start-phase-7 {
    color: var(--start-blue);
    min-height: 900px;
    padding-bottom: 210px;
}

.start-phase-system {
    display: grid;
    gap: 34px 76px;
    grid-template-columns: minmax(260px, 360px) minmax(300px, 420px);
}

.start-system-art {
    align-self: end;
    grid-column: 2;
    grid-row: 1 / span 2;
    max-width: 392px;
}

.start-final-lines {
    color: var(--start-white) !important;
    font-size: 1.26rem !important;
    grid-column: 1 / span 2;
    line-height: 1.55 !important;
    margin-top: 24px !important;
}

.start-final-lines strong {
    color: var(--start-white);
}

.start-p3-dot{
    position: absolute;
    right: 0;
    max-width: 13vw !important;
}

@media (max-width: 1120px) {
    .start-hero::before {
        left: 28px;
    }

    .start-scroll {
        left: 22px;
    }

    .start-phase-shopfloor,
    .start-phase-ai,
    .start-phase-system {
        margin-left: 0;
    }

    .start-phase-iot {
        grid-template-columns: minmax(240px, 320px) minmax(280px, 360px) minmax(150px, 210px);
    }

    .start-devices {
        grid-column: 2 / span 2;
        grid-template-columns: repeat(2, minmax(120px, 1fr));
        margin-top: 0;
    }
}

@media (max-width: 900px) {
    .start-hero {
        min-height: auto;
        padding: 118px 0 72px;
    }

    .start-hero-grid {
        gap: 42px;
        grid-template-columns: 1fr;
    }

    .start-hero h1 {
        font-size: clamp(3.6rem, 14vw, 5.4rem);
    }

    .start-hero-lead {
        font-size: 1.7rem !important;
    }

    .start-phase {
        grid-template-columns: 58px minmax(0, 1fr);
        min-height: auto;
        padding: 64px 0;
        width: min(100vw - 28px, 680px);
    }

    .start-phase::before {
        left: 28px;
    }

    .start-marker {
        height: 42px;
        width: 42px;
    }

    .start-phase-data,
    .start-phase-decisions,
    .start-phase-iot,
    .start-phase-shopfloor,
    .start-phase-supply,
    .start-phase-ai,
    .start-phase-system {
        display: grid;
        gap: 28px;
        grid-template-columns: 1fr;
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }

    .start-phase-data>*,
    .start-phase-decisions>*,
    .start-phase-iot>*,
    .start-phase-shopfloor>*,
    .start-phase-supply>*,
    .start-phase-ai>*,
    .start-phase-system>* {
        grid-area: auto !important;
        grid-column: auto !important;
        grid-row: auto !important;
        max-width: 100%;
        min-width: 0;
    }

    .start-phase-data {
        grid-template-areas: none;
        padding-left: 5vmin;
    }

    .start-graph-data,
    .start-graph-iot,
    .start-phase-iot .start-icon-list,
    .start-devices,
    .start-certificates {
        margin-top: 0;
    }

    .start-erp-card {
        height: 108px;
        width: min(180px, 100%);
    }

    .start-copy h2 {
        font-size: clamp(2rem, 8vw, 2.75rem);
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .start-blocks {
        grid-template-columns: repeat(3, 42px);
        left: auto;
        opacity: 0.35;
        right: -34px;
        top: 36px;
    }

    .start-blocks span {
        border-radius: 12px;
    }

    .start-icon-list {
        gap: 14px;
        max-width: 330px;
    }

    .start-devices {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .start-devices figure:first-child img,
    .start-devices figure:last-child img {
        width: min(160px, 100%);
    }

    .start-system-art {
        grid-column: auto;
        grid-row: auto;
    }

    .start-final-lines {
        grid-column: auto;
        font-size: 1.08rem !important;
    }
}

@media (max-width: 560px) {
    .ux-orbit-text-1, .ux-orbit-text-2 {
        font-size: 0.6rem;
        padding-left: 100px;
    }

    .start-page {
        overflow-x: hidden;
        width: 100%;
    }

    .start-container {
        width: min(calc(100vw - 54px), 336px);
    }

    .start-hero-grid,
    .start-hero-copy,
    .start-hero-roadmap {
        min-width: 0;
    }

    .start-hero-roadmap img {
        width: min(100%, 300px);
    }

    .start-hero::before {
        height: 100%;
        left: 17px;
        top: 112px;
    }

    .start-scroll {
        bottom: 45%;
        height: 38px;
        left: 8px;
        width: 38px;
    }

    .step-num-padded {
        margin-left: 0 !important;
    }

    .start-hero h1 {
        font-size: 3.38rem;
    }

    .start-hero-copy p:not(.start-hero-lead) {
        font-size: 1rem;
    }

    .start-phase {
        display: block;
        padding: 52px 20px 52px 56px;
        width: 100%;
    }

    .start-phase::before {
        left: 18px;
    }

    .start-marker {
        border-width: 2px;
        font-size: 1rem;
        height: 34px;
        left: 1px;
        position: absolute;
        top: 54px;
        width: 34px;
    }

    .start-phase-body {
        width: 100%;
    }

    .start-copy h2 {
        font-size: 1.52rem;
        line-height: 1.08;
        max-width: 100%;
    }

    .start-copy p {
        max-width: 100%;
    }

    .start-kicker {
        font-size: 0.98rem !important;
    }

    .start-page p,
    .start-page li {
        font-size: 0.84rem;
    }

    .start-tags {
        font-size: 1.1rem !important;
    }

    .start-button {
        min-width: 0;
        width: min(230px, 100%);
    }

    .start-icon-list li {
        font-size: 0.82rem;
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .start-graph,
    .start-machine,
    .start-shopfloor-art,
    .start-certificates,
    .start-supply-art,
    .start-ai-art,
    .start-system-art {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        overflow: hidden;
        width: 100%;
    }

    .start-graph img,
    .start-machine img,
    .start-shopfloor-art img,
    .start-supply-art img,
    .start-ai-art img,
    .start-system-art img {
        height: auto;
        margin-left: auto;
        margin-right: auto;
        width: min(100%, 300px);
    }

    .start-machine img {
        margin-left: 0;
        width: min(100%, 260px);
    }

    .start-devices img {
        height: auto;
        max-width: 100%;
    }

    .start-supply-art figcaption,
    .start-ai-art figcaption,
    .start-final-lines {
        font-size: 0.98rem !important;
        max-width: 100%;
    }

    .start-devices {
        grid-template-columns: 1fr;
    }

    .start-phase-7 {
        padding-bottom: 120px;
    }
}

.text-red {
    color: var(--platform-pink) !important;
}

.text-lightblue {
    color: var(--platform-blue) !important;
}

.text-darkblue {
    color: var(--platform-navy) !important;
}

.text-white {
    color: var(--platform-white);
}

.platform-chevron-down-btn {
    color: var(--platform-pink);
    cursor: pointer;
    font-size: 5vmin;
}

.platform-chevron-down-btn:hover {
    color: var(--platform-pink-hot);
    zoom: 1.2;
}

/* Platform why page */
.why-page {
    --why-navy: #010a2d;
    --why-pink: #d01571;
    --why-blue: #b0deed;
    --why-blue-soft: #eaf8fc;
    --why-blue-panel: #dff5fb;
    --why-white: #ffffff;
    background: var(--why-white);
    color: var(--why-navy);
    font-family: "Ubuntu", Arial, sans-serif;
    max-width: 100vw;
    overflow: hidden;
    position: relative;
    width: 100vw;
}

.why-page *,
.why-page *::before,
.why-page *::after {
    box-sizing: border-box;
}

.why-page h1,
.why-page h2,
.why-page h3,
.why-page p,
.why-page ul {
    margin: 0;
}

.why-page h1,
.why-page h2,
.why-page h3,
.why-page strong,
.why-button,
.why-kicker,
.why-lead,
.why-strong,
.why-rel-title,
.why-developed {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
}

.why-page h1,
.why-page h2,
.why-page h3 {
    color: var(--why-navy);
    letter-spacing: 0;
    line-height: 1.03;
    overflow-wrap: break-word;
}

.why-page p,
.why-page li {
    color: var(--why-navy);
    line-height: 1.13;
}

.why-page span,
.why-page .why-kicker,
.why-page .why-industries__accent {
    color: var(--why-pink);
}

.why-section {
    background: var(--why-white);
    position: relative;
    width: 100%;
}

.why-container {
    margin: 0 auto;
    max-width: 1040px;
    position: relative;
    width: min(1040px, calc(100vw - 56px));
    z-index: 2;
}

.why-bg {
    max-width: none;
    pointer-events: none;
    position: absolute;
    user-select: none;
    z-index: 0;
}

.why-center {
    text-align: center;
}

.why-button {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.86rem;
    justify-content: center;
    line-height: 1.05;
    min-height: 42px;
    min-width: 180px;
    padding: 10px 25px 11px;
    text-align: center;
    text-decoration: none;
}

.why-button-pink {
    background: var(--why-pink);
    color: var(--why-white);
}

.why-button-darkblue {
    background: var(--platform-darkblue);
    color: var(--why-white);
}

.why-button-darkblue:hover {
    color: var(--why-red);
}

.why-compare-grid-header {
    border-bottom: 1px solid var(--why-navy);
}

.why-kicker {
    font-size: 0.98rem;
    margin-bottom: 8px;
}

.why-lead {
    font-size: 1.52rem;
    line-height: 1.08;
}

.why-strong {
    font-size: 1.44rem;
    line-height: 1.08;
}

.why-hero {
    min-height: 95vh;
    padding: 75px 0 85px;
}

.why-bg-hero {
    left: 0;
    top: 0;
    width: 70vmin;
}

.why-hero-grid {
    /* align-items: center; */
    display: grid;
    gap: 76px;
    grid-template-columns: minmax(0, 500px) minmax(330px, 1fr);
}

.why-hero h1 {
    font-size: 4.25rem;
    max-width: 560px;
}

.why-hero .why-lead {
    margin-top: 18px;
    max-width: 430px;
}

.why-hero .why-strong {
    margin-top: 12px;
    max-width: 430px;
}

.why-hero-copy>p:not(.why-kicker):not(.why-lead):not(.why-strong) {
    font-size: 1rem;
    margin-top: 20px;
    max-width: 430px;
}

.why-hero .why-button {
    margin-top: 28px;
}

.why-hero-visual {
    position: relative;
    text-align: center;
    padding-top: 20vmin;
}

.why-hero-visual img {
    display: block;
    margin: 0 auto;
    max-width: 440px;
    width: 100%;
}

.why-hero-badge {
    /* background: var(--why-navy); */
    border-radius: 8px;
    color: var(--why-navy);
    display: grid;
    gap: 2px;
    margin: -18px auto 0;
    max-width: 245px;
    padding: 19px 20px;
    position: relative;
    text-align: center;
}

.why-building-blocks {
    width: min(60%, 1080px);
}

.why-hero-badge strong,
.why-hero-badge span {
    color: var(--why-navy);
    font-size: 0.92rem;
    line-height: 1.1;
}

.why-relations {
    padding: 20px 0 105px;
}

.why-rel-bg {
    left: -120px;
    top: -160px;
    width: 430px;
}

.why-rel-title {
    font-size: 1.15rem;
}

.why-rel-subtitle {
    font-size: 1.05rem;
    margin-top: 5px;
}

.why-monitors {
    margin: 42px auto 0;
    max-width: 720px;
}

.why-monitors img {
    display: block;
    width: 100%;
}

.why-monitors figcaption {
    color: var(--why-navy);
    font-size: 0.72rem;
    font-style: italic;
    margin-top: 12px;
}

.why-developed {
    font-size: 1.02rem;
    margin-top: 34px;
}

.why-compare {
    padding: 55px 0 92px;
}

.why-compare-grid {
    display: grid;
    gap: 34px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.why-compare-card {
    background: var(--why-blue-soft);
    border-radius: 20px;
    min-height: 405px;
    padding: 44px 48px;
}

.why-compare-card-accent {
    background: var(--why-blue-panel);
}

.why-compare-card h2 {
    font-size: 1.9rem;
    margin-bottom: 24px;
}

.why-compare-card h3 {
    color: var(--why-pink);
    font-size: 1.25rem;
    margin-bottom: 12px;
}

.why-compare-card p,
.why-compare-card li {
    font-size: 0.98rem;
}

.why-compare-card p+p,
.why-compare-card ul+p {
    margin-top: 18px;
}

.why-compare-card ul {
    display: grid;
    gap: 6px;
    list-style: none;
    margin-top: 10px;
    padding: 0;
}

.why-compare-card li::before {
    color: var(--why-pink);
    content: ">";
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    margin-right: 7px;
}

.why-bullet-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 22px 0;
}

.why-bullet-cloud span {
    background: var(--why-white);
    border-radius: 999px;
    color: var(--why-navy);
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 0.82rem;
    padding: 7px 12px;
}

.why-metrics {
    padding: 80px 0 110px;
}

.why-metrics-bg {
    opacity: 0.7;
    right: -125px;
    top: -45px;
    width: 455px;
}

.why-metrics-grid {
    align-items: center;
    display: grid;
    gap: 65px;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 360px);
}

.why-metrics h2 {
    font-size: 2.95rem;
    max-width: 560px;
}

.why-metrics .why-lead {
    margin-top: 18px;
}

.why-metrics article>p:not(.why-lead) {
    font-size: 1.02rem;
    margin-top: 10px;
}

.why-metric-list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 30px;
}

.why-metric-list span {
    background: var(--why-blue-panel);
    border-radius: 999px;
    color: var(--why-navy);
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 0.82rem;
    padding: 8px 13px;
}

.why-thinks img {
    display: block;
    width: 100%;
}

.why-blocks {
    padding: 90px 0 120px;
}

.why-blocks-grid {
    align-items: start;
    display: grid;
    gap: 50px;
    grid-template-columns: 275px minmax(0, 1fr);
}

.why-blocks-copy {
    position: sticky;
    top: 120px;
}

.why-blocks h2 {
    font-size: 3.15rem;
}

.why-blocks h2 span {
    color: var(--why-pink);
}

.why-blocks-copy p {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.08;
    margin-top: 16px;
}

.why-block-list {
    display: grid;
    gap: 6px;
}

.why-block-list article {
    align-items: stretch;
    background: var(--why-blue-soft);
    display: grid;
    grid-template-columns: 68px 1fr;
    min-height: 96px;
}

.why-block-list b {
    align-items: center;
    background: var(--why-navy);
    color: var(--why-white);
    display: flex;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 1.25rem;
    justify-content: center;
}

.why-block-list div {
    padding: 18px 24px 20px;
}

.why-block-list h3 {
    font-size: 1.22rem;
    margin-bottom: 4px;
}

.why-block-list p {
    font-size: 0.95rem;
}

.why-block-list .why-block-active {
    background: var(--why-pink);
}

.why-block-list .why-block-active b {
    background: var(--why-pink);
}

.why-block-list .why-block-active h3,
.why-block-list .why-block-active p {
    color: var(--why-white);
}

.why-blocks-closing {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    grid-column: 2;
    margin-top: -28px;
    text-align: right;
}

.why-now {
    min-height: 50rem;
    padding: 155px 0 120px;
}

.why-now-bg {
    left: 50%;
    opacity: 0.78;
    top: 0;
    transform: translateX(-50%);
    height: 50rem;
}

.why-hex-middle {
    margin-top: 4rem;
}

.why-start-flow {
    display: block;
    margin: 0 auto;
    width: min(90%, 1080px);
}

.why-customer-pills {
    display: block;
    margin: -30px auto;
    width: min(90%, 1080px);
    z-index: 0;
}

.why-now h2 {
    font-size: 3.25rem;
    margin: 0 auto 26px;
    max-width: 560px;
}

.why-now p:not(.why-kicker) {
    font-size: 1rem;
    margin: 12px auto 0;
    max-width: 420px;
}

.why-start {
    padding: 90px 0 120px;
}

.why-start-head {
    max-width: 850px;
}

.why-start-title {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 1.05rem;
    margin-bottom: 12px;
}

.why-start h2 {
    font-size: 3.6rem;
    max-width: 760px;
}

.why-start h2 span {
    color: var(--why-pink);
}

.why-start-promises {
    display: grid;
    gap: 28px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 28px;
    max-width: 760px;
}

.why-step-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-top: 48px;
}

.why-step-grid article {
    background: var(--why-blue-soft);
    border-radius: 18px;
    min-height: 205px;
    padding: 18px 14px 16px;
    position: relative;
    text-align: center;
}

.why-step-grid article:not(:last-child)::after {
    color: var(--why-pink);
    content: ">";
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 1.2rem;
    position: absolute;
    right: -13px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.why-step-grid b {
    align-items: center;
    background: var(--why-pink);
    border-radius: 50%;
    color: var(--why-white);
    display: inline-flex;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    height: 34px;
    justify-content: center;
    margin-bottom: 14px;
    width: 34px;
}

.why-step-grid h3 {
    font-size: 0.95rem;
    margin-bottom: 8px;
}

.why-step-grid p {
    font-size: 0.78rem;
}

.why-after {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 1.55rem;
    line-height: 1.07;
    margin-top: 34px;
}

.why-start .why-button {
    margin-top: 26px;
}

.why-results {
    padding: 90px 0 95px;
}

.why-results h2,
.why-erp h2,
.why-industries h2,
.why-customers h2,
.why-final h2 {
    font-size: 2.45rem;
}

.why-results>div>p,
.why-industries>div>p,
.why-customers>div>p,
.why-final>div>p {
    margin-top: 12px;
}

.why-results-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, minmax(0, 180px));
    justify-content: center;
    margin-top: 34px;
}

.why-industry-grid article,
.why-customer-grid article {
    align-items: center;
    aspect-ratio: 1 / 0.92;
    background: var(--why-blue-panel);
    clip-path: polygon(25% 2%, 75% 2%, 100% 50%, 75% 98%, 25% 98%, 0 50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    text-align: center;
}

.why-results-grid article{
    align-items: center;
    aspect-ratio: 1 / 1.1;
    /* Updated Background Properties */
    background-image: url('../img/small-hex.svg'); /* Set the SVG as the background image */
    background-size: 100% 100%;          /* Forces the SVG to fill the box without distorting */
    background-position: center;     /* Keeps the SVG centered perfectly */
    background-repeat: no-repeat;    /* Prevents the image from tiling */
    
    /* Kept your original structural styles */
    /* clip-path: polygon(25% 2%, 75% 2%, 100% 50%, 75% 98%, 25% 98%, 0 50%); */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    text-align: center;
}

.why-results-grid strong {
    color: var(--why-navy);
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    /* font-size: 2.05rem; */
    line-height: 1;
}

.why-results-grid span {
    color: var(--why-navy);
    font-size: 1rem;
    line-height: 1.05;
    margin-top: 5px;
}

.why-results-closing {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    margin-top: 26px !important;
}

.why-erp {
    padding: 90px 0 100px;
}

.why-erp-bg {
    right: 0;
    top: 0;
    width: 40vmin;
}

.why-erp-bg-2 {
    right: 0;
    top: 0;
    width: 10vmin;
}

.why-erp-bg-3 {
    left: 0;
    top: 0;
    width: 40vmin;
}

.why-erp-grid {
    display: grid;
    gap: 70px;
    grid-template-columns: repeat(2, minmax(0, 255px));
    justify-content: center;
    margin-top: 30px;
}

.why-erp-grid article {
    border-radius: 18px;
    padding: 32px 24px;
}

.why-bg-triple {
    position: absolute;
    width: 40vmin;
    left: 30vmin;
    top: 15vmin;
}

.why-erp-grid h3 {
    color: var(--why-pink);
    font-size: 1.35rem;
    margin-bottom: 10px;
}

.why-erp-centerline {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 1.1rem;
    margin-top: 28px !important;
}

.why-industries {
    padding: 88px 0 92px;
}

.why-industry-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    justify-content: center;
    margin: 34px auto 0;
    max-width: 660px;
}

.why-industry-grid article {
    height: 132px;
    margin: -4px -7px;
    width: 150px;
}

.why-industry-grid strong,
.why-industry-grid span,
.why-customer-grid article {
    color: var(--why-navy);
}

.why-industry-grid strong {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 0.95rem;
}

.why-industry-grid span {
    font-size: 0.78rem;
    line-height: 1.05;
}

.why-industries-closing {
    font-size: 0.82rem;
    margin: 22px auto 0 !important;
    max-width: 450px;
}

.why-customers {
    padding: 70px 0 72px;
}

.why-customer-grid {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(3, minmax(0, 190px));
    justify-content: center;
    margin-top: 26px;
}

.why-customer-grid article {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 1.05rem;
    min-height: 152px;
}

.why-final {
    padding: 60px 0 150px;
}

.why-final .why-button {
    margin-top: 22px;
}

@media (max-width: 980px) {
    .why-container {
        width: min(1000px, calc(100vw - 34px));
    }

    .why-hero {
        min-height: auto;
        padding: 112px 0 72px;
    }

    .why-hero-grid,
    .why-compare-grid,
    .why-metrics-grid,
    .why-blocks-grid {
        grid-template-columns: 1fr;
    }

    .why-hero h1 {
        font-size: 3.25rem;
    }

    .why-hero-visual {
        max-width: 520px;
        padding-top: 10px;
    }

    .why-blocks-copy {
        position: relative;
        top: auto;
    }

    .why-blocks-closing {
        grid-column: auto;
        margin-top: 0;
        text-align: left;
    }

    .why-step-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .why-step-grid article:nth-child(3)::after {
        display: none;
    }
}

@media (max-width: 640px) {
    .why-page {
        max-width: 100vw;
        overflow-x: hidden;
        width: 100vw;
    }

    .why-section {
        max-width: 100vw;
        overflow: hidden;
    }

    .why-page *,
    .why-page *::before,
    .why-page *::after {
        min-width: 0;
    }

    .why-page h1,
    .why-page h2,
    .why-page h3,
    .why-page strong,
    .why-page p,
    .why-page li,
    .why-page span {
        white-space: normal !important;
        word-break: normal;
    }

    .why-page p,
    .why-page li,
    .why-block-list p,
    .why-step-grid p {
        overflow-wrap: break-word;
    }

    .why-container {
        max-width: calc(100vw - 28px);
        width: calc(100vw - 28px);
    }

    .why-page img {
        height: auto;
        max-width: 100%;
    }

    .why-button {
        min-width: 0;
        width: 100%;
    }

    .why-bg {
        opacity: 0.55;
    }

    .why-hero {
        padding: 92px 0 62px;
    }

    .why-bg-hero {
        left: 0;
        top: 0;
        width: 70vmin;
    }

    .why-hero h1 {
        font-size: 2.1rem;
    }

    .why-lead,
    .why-strong {
        font-size: 1.05rem;
    }

    .why-hero-visual img {
        max-width: 330px;
    }

    .why-relations,
    .why-compare,
    .why-metrics,
    .why-blocks,
    .why-results,
    .why-erp,
    .why-industries,
    .why-customers {
        padding: 60px 0;
    }

    .why-now {
        min-height: auto;
        padding: 82px 0 70px;
    }

    .why-now h2,
    .why-start h2,
    .why-metrics h2,
    .why-blocks h2 {
        font-size: 1.9rem;
    }

    .why-results h2,
    .why-erp h2,
    .why-industries h2,
    .why-customers h2,
    .why-final h2 {
        font-size: 1.82rem;
    }

    .why-compare-card {
        border-radius: 16px;
        min-height: auto;
        padding: 30px 24px;
    }

    .why-metric-list {
        gap: 7px;
    }

    .why-thinks,
    .why-monitors {
        max-width: 100%;
        overflow: hidden;
    }

    .why-block-list article {
        grid-template-columns: 48px 1fr;
    }

    .why-block-list div {
        padding: 16px 17px 17px;
    }

    .why-start {
        padding: 60px 0 70px;
    }

    .why-start-promises,
    .why-step-grid,
    .why-erp-grid,
    .why-results-grid,
    .why-customer-grid {
        grid-template-columns: 1fr;
    }

    .why-step-grid article {
        min-height: auto;
        text-align: left;
    }

    .why-step-grid h3,
    .why-step-grid p,
    .why-block-list h3,
    .why-block-list p {
        font-size: 0.85rem;
    }

    .why-step-grid article::after {
        display: none;
    }

    .why-after {
        font-size: 1.3rem;
    }

    .why-results-grid {
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }

    .why-results-grid article {
        min-height: 150px;
    }

    .why-erp-grid {
        gap: 18px;
    }

    .why-industry-grid {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .why-industry-grid article {
        height: 128px;
        margin: 0;
        width: 100%;
    }

    .why-customer-grid {
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
    }

    .why-customer-grid article {
        min-height: 150px;
    }

    .why-final {
        padding: 52px 0 92px;
    }
}

/* Platform datamodels page */
.datamodels-page {
    --dm-blue: #b0deed;
    --dm-blue-soft: #dff5fb;
    --dm-navy: #010a2d;
    --dm-pink: #d01571;
    --dm-white: #fff;
    background: var(--dm-blue);
    color: var(--dm-navy);
    font-family: "Ubuntu", Arial, sans-serif;
    max-width: 100vw;
    overflow: hidden;
    position: relative;
    width: 100vw;
}

.datamodels-page *,
.datamodels-page *::before,
.datamodels-page *::after {
    box-sizing: border-box;
}

.datamodels-page h1,
.datamodels-page h2,
.datamodels-page h3,
.datamodels-page p {
    margin: 0;
}

.datamodels-page h1,
.datamodels-page h2,
.datamodels-page h3,
.datamodels-page strong,
.dm-button,
.dm-mini,
.dm-lead {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
}

.datamodels-page h1,
.datamodels-page h2,
.datamodels-page h3 {
    color: var(--dm-navy);
    letter-spacing: 0;
    line-height: 1.03;
    overflow-wrap: normal;
    word-break: normal;
}

.datamodels-page p {
    color: var(--dm-navy);
    line-height: 1.1;
    overflow-wrap: normal;
}

.datamodels-page span,
.dm-models-intro strong {
    color: var(--dm-pink);
}

.dm-section {
    background: var(--dm-blue);
    position: relative;
    width: 100%;
}

.dm-container {
    margin: 0 auto;
    max-width: 1400px;
    position: relative;
    width: min(1400px, calc(100vw - 56px));
    z-index: 2;
    padding: 0 10vmin;
}

.dm-bg {
    max-width: none;
    pointer-events: none;
    position: absolute;
    user-select: none;
    z-index: 0;
}

.dm-button {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.86rem;
    justify-content: center;
    line-height: 1;
    min-height: 38px;
    min-width: 142px;
    padding: 9px 22px 10px;
    text-align: center;
    text-decoration: none;
}

.dm-button-light {
    background: var(--dm-white);
    color: var(--dm-navy);
}

.dm-button-dark {
    background: #6d695b;
    color: var(--dm-white);
}

.dm-hero {
    min-height: 95vh;
    padding: 60px 0 105px;
}

.dm-hero-network {
    opacity: 0.55;
    right: 0;
    top: -90px;
    width: min(30vw, 450px);
}

.dm-hero-hex {
    bottom: -60px;
    left: 0;
    opacity: 0.8;
    width: 520px;
}

.dm-hero-hex-2 {
    left: 0;
    opacity: 0.8;
    width: min(40vw, 700px);
    z-index: 1;
    margin-top: max(-100vmin, -900px);
}

.dm-hero-chart-2{
    width: min(100%, 400px);
    margin-top: 40px;
}

.dm-hero-chart-2-section{
    margin-top: 30vmin;
    margin-left: min(10vmin, 100px);
    margin-bottom: 10vmin;
}

.dm-hero-grid {
    display: grid;
    gap: 70px;
    grid-template-columns: minmax(0, 700px) minmax(290px, 1fr);
}

.dm-hero-copy {
    color: var(--dm-white);
}

.dm-hero h1 {
    color: var(--dm-white);
    font-size: clamp(3.7rem, 5.7vw, 5.25rem);
    max-width: 720px;
}

.dm-hero h1 span {
    color: var(--dm-pink);
}

.dm-hero h1 .dm-title-line {
    color: var(--dm-white);
    display: block;
}

.dm-hero h1 .dm-title-line:first-child {
    /* white-space: nowrap; */
}

.dm-hero-copy .dm-lead {
    color: var(--dm-navy);
    font-size: clamp(1.45rem, 2.8vw, 2rem);
    line-height: 1.08;
    margin-top: 26px;
    max-width: 500px;
}

.dm-hero-copy p:not(.dm-lead) {
    font-size: 1.08rem;
    margin-top: 18px;
    max-width: 430px;
}

.dm-hero-copy .dm-button {
    margin-top: 32px;
}

.dm-architecture-pc{
    position: absolute;
    top: 15vw;
    right: 0;
    max-width: 30vw;
}

.dm-architecture {
    align-self: start;
    margin-top: 40px;
    max-width: 455px;
    width: 100%;
}

.dm-arch-row {
    align-items: center;
    background: rgba(255, 255, 255, 0.72);
    border-bottom: 2px solid rgba(1, 10, 45, 0.22);
    display: grid;
    font-size: 0.72rem;
    gap: 10px;
    grid-template-columns: 96px 1fr;
    min-height: 34px;
    padding: 6px 12px;
}

.dm-arch-row:first-child {
    border-radius: 2px 2px 0 0;
}

.dm-arch-row strong {
    color: var(--dm-navy);
}

.dm-arch-row span {
    overflow-wrap: anywhere;
}

.dm-arch-accent {
    background: var(--dm-pink);
    border-bottom: 0;
    color: var(--dm-white);
}

.dm-arch-accent strong,
.dm-arch-accent span {
    color: var(--dm-white);
}

.dm-architecture p {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 0.84rem;
    line-height: 1.06;
    margin-top: 14px;
}

.dm-models {
    min-height: 1760px;
    padding: 135px 0 130px;
}

.dm-models-hex {
    bottom: 70px;
    left: 0;
    opacity: 0.8;
    width: 100%;
    top: -35vmin;
}

.dm-models-intro {
    max-width: 750px;
}

.dm-models-intro h2 {
    font-size: clamp(2.75rem, 5.8vw, 4.6rem);
}

.dm-models-intro p {
    font-size: 1.08rem;
    margin-top: 26px;
    max-width: 405px;
}

.dm-card-grid {
    display: grid;
    gap: 22px;
    grid-template-columns: repeat(2, minmax(0, 500px));
    justify-content: center;
    margin: 92px auto 0;
    max-width: 1400px;
}

.dm-model-card {
    background: var(--dm-blue);
    color: var(--dm-white);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
    min-height: 310px;
    padding: 22px 24px 26px;
}

.dm-model-card .dm-card-header {
    background: var(--dm-white);
}

.dm-card-invert {
    background: var(--dm-white);
    color: var(--dm-navy);
}

.dm-card-invert .dm-card-header {
    background: var(--dm-blue);
}

.dm-card-header {
    padding: 1vmin;
}

.dm-model-card h3 {
    font-size: 1.05rem;
    margin-bottom: 12px;
}

.dm-model-card p {
    font-size: 0.76rem;
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.dm-model-card p+p {
    margin-top: 12px;
}

.dm-card-cols {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    margin: 16px 0 12px;
}

.dm-bridge {
    border-left: 7px solid var(--dm-white);
    margin: 100px auto 0;
    max-width: 560px;
    padding-left: 18px;
}

.dm-bridge p {
    color: var(--dm-white);
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: clamp(1.65rem, 3vw, 2.25rem);
    line-height: 1.05;
}

.dm-bridge strong {
    color: var(--dm-navy);
}

.dm-graph {
    min-height: 980px;
    padding: 120px 0 145px;
}

.dm-graph-hex {
    left: 50%;
    opacity: 0.36;
    top: -260px;
    transform: translateX(-48%);
    width: min(1280px, 130vw);
}

.dm-graph-grid {
    align-items: center;
    display: grid;
    gap: 72px;
    grid-template-columns: minmax(0, 460px) minmax(420px, 1fr);
}

.dm-mini {
    font-size: 1.05rem;
    margin-bottom: 18px;
}

.dm-graph h2 {
    font-size: clamp(2.9rem, 4.5vw, 4.1rem);
}

.dm-graph h2 .dm-title-faint {
    color: var(--dm-white);
}

.dm-graph h2 .dm-title-rest {
    color: var(--dm-navy);
    display: block;
    font-size: 0.68em;
}

.dm-graph-copy .dm-lead {
    font-size: 1.35rem;
    line-height: 1.1;
    margin-top: 26px;
}

.dm-graph-copy p:not(.dm-mini):not(.dm-lead) {
    font-size: 1.05rem;
    margin-top: 28px;
}

.dm-value-graph {
    margin: 90px 0 0;
}

.dm-value-graph img {
    display: block;
    max-width: 100%;
    width: 640px;
}

.dm-value-graph figcaption {
    color: var(--dm-navy);
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 0.9rem;
    line-height: 1.08;
    margin-top: 18px;
    max-width: 390px;
}

.dm-value-graph-pc{
    position: absolute;
    right: 0;
    bottom: 0;
    width: min(40vw, 1080px);
}

.dm-value-graph-pc img{
    width: 100%;
}

.dm-value-graph-pc figcaption {
    color: var(--dm-navy);
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 0.9rem;
    line-height: 1.08;
    margin-top: 18px;
    max-width: 390px;
}

.dm-valuestore {
    background: #fff;
    min-height: 1120px;
    padding: 110px 0 150px;
}

.dm-valuestore-bg {
    left: 50%;
    max-width: none;
    opacity: 0.88;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    user-select: none;
    width: min(980px, 98vw);
    z-index: 0;
}

.dm-valuestore-inner {
    max-width: 650px;
    text-align: center;
    width: min(650px, calc(100vw - 48px));
}

.dm-valuestore h2 {
    font-size: clamp(3.2rem, 5.8vw, 4.55rem);
    line-height: 0.98;
}

.dm-valuestore-lead {
    font-size: clamp(1.55rem, 2.9vw, 2.2rem);
    line-height: 1.05;
    margin: 0.8rem auto 0 !important;
    max-width: 500px;
}

.dm-valuestore-box {
    border-radius: 14px;
    font-size: 1rem;
    line-height: 1.05;
    margin: 1rem auto 1.1rem !important;
    max-width: 430px;
    padding: 14px 18px;
}

.dm-app-placeholders {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 150px);
    justify-content: center;
    margin: 32px auto 0;
    max-width: calc((150px * 3) + (10px * 2));
    position: relative;
    z-index: 4;
}

.dm-app-placeholders span {
    aspect-ratio: 1 / 1;
    background: var(--dm-navy);
    border: 2px solid rgba(1, 10, 45, 0.94);
    border-radius: 9px;
    display: block;
}

.dm-valuestore-caption {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 0.84rem;
    margin-top: 20px !important;
}

@media (max-width: 1100px) {
    .dm-container {
        padding: 0 5vmin;
        max-width: 920px;
    }

    .dm-hero-grid {
        grid-template-columns: minmax(0, 500px) minmax(280px, 1fr);
    }

    .dm-card-grid {
        max-width: 740px;
    }
}

@media (max-width: 900px) {
    .dm-container {
        padding: 0;
        width: min(720px, calc(100vw - 42px));
    }

    .dm-hero {
        min-height: auto;
        padding: 120px 0 80px;
    }

    .dm-hero-grid,
    .dm-graph-grid {
        gap: 42px;
        grid-template-columns: 1fr;
    }

    .dm-hero-network {
        right: -150px;
        width: 330px;
    }

    .dm-architecture {
        margin-top: 4px;
        max-width: 580px;
    }

    .dm-models {
        min-height: auto;
        padding: 82px 0 96px;
    }

    .dm-card-grid {
        grid-template-columns: 1fr;
        max-width: 520px;
    }

    .dm-model-card {
        min-height: auto;
    }

    .dm-bridge {
        margin-top: 64px;
    }

    .dm-graph {
        min-height: auto;
        padding: 82px 0 92px;
    }

    .dm-value-graph {
        margin-top: 16px;
    }

    .dm-value-graph img {
        width: 100%;
    }

    .dm-valuestore {
        min-height: auto;
        padding: 90px 0 115px;
    }
}

@media (max-width: 560px) {
    .dm-container {
        padding: 0;
        width: min(390px, calc(100vw - 30px));
    }

    .dm-hero h1 {
        font-size: 2.7rem;
    }

    .dm-hero-copy .dm-lead,
    .dm-models-intro p,
    .dm-graph-copy .dm-lead {
        font-size: 1.15rem;
    }

    .dm-hero-copy p:not(.dm-lead),
    .dm-graph-copy p:not(.dm-mini):not(.dm-lead) {
        font-size: 0.95rem;
    }

    .dm-architecture {
        overflow: hidden;
    }

    .dm-arch-row {
        font-size: 0.64rem;
        grid-template-columns: 78px 1fr;
        min-height: 32px;
        padding: 6px 9px;
    }

    .dm-models-intro h2,
    .dm-graph h2 {
        font-size: 2.15rem;
    }

    .dm-graph h2 .dm-title-rest {
        font-size: 0.76em;
    }

    .dm-card-grid {
        gap: 16px;
        margin-top: 52px;
    }

    .dm-card-cols {
        gap: 10px;
        grid-template-columns: 1fr;
    }

    .dm-bridge p {
        font-size: 1.4rem;
    }

    .dm-valuestore h2 {
        font-size: 2.75rem;
    }

    .dm-valuestore-lead {
        font-size: 1.36rem;
    }

    .dm-valuestore-box {
        font-size: 0.92rem;
    }

    .dm-app-placeholders {
        gap: 8px;
        grid-template-columns: repeat(2, 132px);
        max-width: 272px;
    }

    .dm-valuestore-bg {
        left: 43%;
        width: 820px;
    }
}

/* Platform integration page */
.integration-page {
    --int-navy: #010a2d;
    --int-pink: #d01571;
    --int-blue: #b0deed;
    --int-soft-blue: #dff5fb;
    --int-panel: #eaf8fc;
    background: #fff;
    color: var(--int-navy);
    font-family: "Ubuntu", Arial, sans-serif;
    overflow: hidden;
    position: relative;
}

.integration-page *,
.integration-page *::before,
.integration-page *::after {
    box-sizing: border-box;
}

.integration-page h1,
.integration-page h2,
.integration-page h3,
.integration-page p {
    margin: 0;
}

.integration-page h1,
.integration-page h2,
.integration-page h3,
.integration-page strong,
.integration-kicker,
.integration-mini,
.integration-button {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
}

.integration-page h1,
.integration-page h2,
.integration-page h3 {
    color: var(--int-navy);
    letter-spacing: 0;
    line-height: 1.02;
    overflow-wrap: break-word;
}

.integration-bg-archi,
.integration-bg-archi-wrap {
    width: 100%;
}

.integration-page p,
.integration-page td,
.integration-page th,
.integration-page li,
.integration-copy,
.integration-light-panel,
.integration-flow-card,
.integration-flow-list,
.integration-mini-table {
    color: var(--int-navy);
    line-height: 1.12;
}

.integration-flow-table th {
    border-bottom: 1px solid var(--platform-navy);
    padding-left: 18px;
}

.integration-flow-table td {
    padding-left: 18px;
}

.integration-page span,
.integration-kicker {
    color: var(--int-pink);
}

.integration-section {
    background: #fff;
    position: relative;
    width: 100%;
}

.integration-section p {
    word-break: break-word;
}

.integration-section-2 {
    background: #fff;
    position: relative;
    width: 100%;
}

.integration-section-2 p {
    word-break: break-word;
}

.integration-section-2 p, h1, h2, h3 {
    color: #fff;
}

.integration-container {
    margin: 0 auto;
    max-width: 1040px;
    position: relative;
    width: min(1040px, calc(100vw - 56px));
    z-index: 2;
}

.integration-bg {
    max-width: none;
    opacity: 0.74;
    pointer-events: none;
    position: absolute;
    user-select: none;
    z-index: 0;
}

.integration-button {
    align-items: center;
    background: var(--int-pink);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 0.82rem;
    justify-content: center;
    line-height: 1.05;
    min-height: 42px;
    min-width: 160px;
    padding: 9px 24px 10px;
    text-align: center;
    text-decoration: none;
}

.integration-button-dark {
    background: var(--int-navy);
}

.integration-button-blue {
    background: var(--int-blue);
    color: var(--int-navy);
}

.integration-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 28px;
}

.integration-kicker {
    font-size: 1.12rem;
    line-height: 1.05;
    margin-bottom: 8px;
}

.integration-mini {
    font-size: 0.92rem;
    line-height: 1.08;
    margin-bottom: 10px;
}

.integration-lead {
    font-size: clamp(1.28rem, 2.5vw, 2.05rem);
    line-height: 1.08;
    margin-top: 18px !important;
}

.integration-lead2 {
    font-size: clamp(1.12rem, 2.25vw, 1.8rem);
    line-height: 1.12;
    margin-top: 18px !important;
}

.integration-strong {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 1.02rem;
    line-height: 1.1;
    margin-top: 22px !important;
}

.integration-copy {
    font-size: 1.02rem;
    margin-top: 24px;
}

.integration-copy strong,
.integration-light-panel strong,
.integration-flow-list strong,
.integration-mini-table strong,
.integration-card-row strong {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
}

.integration-caption {
    font-size: 0.76rem;
    margin-top: 14px !important;
}

.integration-hero {
    min-height: 1080px;
    padding: 155px 0 90px;
}

.integration-bg-1 {
    left: -110px;
    top: -240px;
    width: 610px;
}

.integration-bg-2 {
    right: 0;
    top: 50vmin;
    width: 50vmin;
}

.integration-hero-grid {
    display: grid;
    gap: 46px 68px;
    grid-template-columns: minmax(0, 520px) minmax(280px, 1fr);
}

.integration-hero-copy {
    padding-left: 20vmin;
}

.integration-hero-copy h1 {
    font-size: clamp(3.6rem, 5.25vw, 4.85rem);
}

.integration-hero-copy h1 span {
    color: var(--platform-blue);
}

.integration-hero-copy .integration-lead {
    max-width: 470px;
}

.integration-flow-card,
.integration-flow-list {
    font-size: 0.98rem;
    white-space: normal;
}

.integration-flow-card {
    align-self: start;
    margin-top: 80px;
    max-width: 285px;
    margin-left: 20vmin;
}

.integration-hero-side {
    grid-column: 2;
    margin-top: 165px;
    max-width: 450px;
    margin-left: 20vmin;
}

.integration-hero-side span {
    color: var(--platform-blue);
}

.integration-hero-side h2 {
    font-size: clamp(2rem, 3.15vw, 2.85rem);
    margin-bottom: 12px;
}

.integration-hero-side p:not(.integration-mini) {
    font-size: 0.96rem;
}

.integration-erp {
    min-height: 980px;
    padding: 80px 0 110px;
}

.integration-bg-3 {
    left: 0;
    top: 0;
    width: 50vmin;
}

.integration-two-col {
    display: grid;
    gap: 84px;
    grid-template-columns: minmax(0, 480px) minmax(0, 1fr);
}

.integration-erp h2,
.integration-graph h2,
.integration-tech h2,
.integration-iot h2,
.integration-meaning h2,
.integration-external h2,
.integration-any h2,
.integration-context h2 {
    font-size: clamp(3.25rem, 6.3vw, 5.45rem);
}

.integration-light-panel {
    align-self: center;
    border-radius: 0;
    font-size: 0.88rem;
    padding: 38px 46px;
}

.integration-light-panel-bg {
    background: rgba(224, 246, 252, 0.86);
    padding: 5px;
}

.integration-graph {
    min-height: 1180px;
    padding: 150px 0 120px;
}

.integration-two-col-offset {
    align-items: end;
}

.integration-graph h2 {
    margin-bottom: 18px;
}

.integration-graph .integration-copy {
    max-width: 520px;
}

.integration-possible {
    align-self: end;
    padding-bottom: 40px;
}

.integration-possible h2 {
    font-size: clamp(2.6rem, 4.8vw, 4.1rem);
    margin-bottom: 36px;
}

.integration-card-row {
    display: grid;
    font-size: 0.8rem;
    grid-template-columns: repeat(3, minmax(145px, 1fr));
}

.integration-card-row article {
    background: var(--int-soft-blue);
    border-radius: 34px;
    min-height: 270px;
    padding: 34px 28px;
}

.integration-card-row article:nth-child(2) {
    background: #c7edf8;
}

.integration-card-row article:nth-child(3) {
    background: #bce7f3;
}

.integration-tech {
    min-height: 860px;
    padding: 120px 0 110px;
}

.integration-bg-4 {
    right: 0;
    top: 0;
    width: 50vmin;
}

.integration-tech-grid {
    align-items: center;
    display: grid;
    gap: 105px;
    grid-template-columns: minmax(0, 430px) minmax(0, 440px);
}

.integration-tech h2 {
    font-size: clamp(3rem, 5.3vw, 4.55rem);
}

.integration-tech .integration-lead {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 1.55rem;
}

.integration-table-band {
    /* background: #c9edf8; */
    margin-left: calc((100vw - 1040px) / -2);
    margin-top: 60px;
    padding: 0 0 0 max(28px, calc((100vw - 1040px) / 2));
    width: min(100vw, 1040px);
}

.integration-table-band table {
    border-collapse: collapse;
    font-size: 0.92rem;
    max-width: 730px;
    width: 100%;
}

.integration-table-band th,
.integration-table-band td {
    padding: 11px 22px 25px 0;
    text-align: left;
    vertical-align: top;
}

.integration-table-band th {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    padding-bottom: 6px;
}

.integration-table-band td:nth-child(even) {
    background: rgba(176, 222, 237, 0.4);
    padding-left: 18px;
}

.integration-table-band td:nth-child(odd) {
    background: var(--platform-blue);
    padding-left: 18px;
}

.integration-table-band th {
    border-bottom: 1px solid var(--platform-navy);
    padding-left: 18px;
}

.integration-iot {
    min-height: 1280px;
    padding: 110px 0 120px;
}

.integration-bg-5 {
    left: 0;
    top: 0;
    width: 50vmin;
}

.integration-iot-top {
    align-items: start;
    display: grid;
    gap: 70px;
    grid-template-columns: minmax(0, 760px) 190px;
}

.integration-iot h2 {
    font-size: clamp(4.1rem, 8.5vw, 7.1rem);
}

.integration-iot .integration-lead {
    font-size: clamp(2.1rem, 4.25vw, 3.4rem);
    max-width: 860px;
}

.integration-iot-grid {
    display: grid;
    gap: 42px 70px;
    grid-template-columns: 250px 340px 270px;
    margin-top: 72px;
}

.integration-iot-grid article,
.integration-iot-grid aside {
    font-size: 0.88rem;
}

.integration-iot-grid aside {
    align-self: end;
}

.integration-iot-grid aside .integration-button {
    margin: 24px 0 20px;
}

.integration-dot-img {
    position: absolute;
    right: 0;
    width: 255px;
    top: 80vmin;
}

.integration-meaning {
    min-height: 1390px;
    padding: 90px 0 140px;
}

.integration-meaning-copy {
    margin-left: 300px;
    max-width: 500px;
}

.integration-meaning h2 {
    font-size: clamp(3.2rem, 6.1vw, 5.1rem);
}

.integration-meaning .integration-lead {
    font-size: 1.52rem;
}

.integration-meaning-flow {
    margin: 20vmin 10vmin;
}

.integration-meaning-flow p {
    word-break: break-all;
}

.integration-device-cluster {
    height: auto;
    position: absolute;
    top: min(100vmin, 800px);
    width: 420px;
}

.integration-rack-img {
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 485px;
}

.integration-external {
    min-height: 1120px;
    padding: 105px 0 130px;
}

.integration-external .integration-lead {
    font-size: clamp(1.65rem, 3vw, 2.55rem);
}

.integration-mini-table {
    font-size: 0.92rem;
    margin-top: 70px;
}

.integration-external-side {
    align-self: center;
    font-size: 1rem;
    max-width: 345px;
}

.integration-external-side span {
    color: var(--int-pink);
    display: block;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    margin-bottom: 28px;
}

.integration-any {
    min-height: 820px;
    padding: 120px 0;
}

.integration-any .integration-two-col {
    align-items: start;
    gap: 100px;
}

.integration-any h2 {
    font-size: clamp(3.45rem, 6.15vw, 5.4rem);
}

.integration-context {
    min-height: 920px;
    padding: 125px 130px;
}

.integration-context .integration-two-col {
    align-items: center;
    grid-template-columns: minmax(0, 560px) minmax(280px, 380px);
}

.integration-context h2 {
    font-size: clamp(3rem, 4.7vw, 4.55rem);
}

.integration-bg-6 {
    left: -260px;
    top: -170px;
    width: 620px;
}

.integration-valuestore {
    min-height: 1040px;
    padding: 95px 0 145px;
}

.integration-valuestore-bg {
    left: 50%;
    max-width: none;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: min(980px, 96vw);
    z-index: 0;
}

.integration-valuestore-inner {
    max-width: 620px;
    text-align: center;
    width: min(620px, calc(100vw - 54px));
}

.integration-valuestore h2 {
    color: var(--int-navy);
    font-size: clamp(2.8rem, 5.3vw, 4.1rem);
    line-height: 0.98;
    margin: 0 auto 12px;
}

.integration-valuestore-large {
    font-size: clamp(1.4rem, 2.7vw, 2.1rem);
    line-height: 1.05;
    margin: 0 auto 12px !important;
    max-width: 540px;
}

.integration-valuestore-boxed {
    border-radius: 15px;
    font-size: 0.98rem;
    line-height: 1.05;
    margin: 0 auto 16px !important;
    max-width: 405px;
    padding: 14px 18px;
}

.integration-valuestore-caption {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 0.82rem;
    line-height: 1.08;
    margin: 40px auto 18px !important;
}

.integration-valuestore-apps {
    margin: 18px auto 0;
    max-width: calc((150px * 3) + (10px * 2));
}

.integration-valuestore-apps:empty {
    display: none;
}

.integration-valuestore-apps .shop_card {
    background: var(--int-navy) !important;
    border: 2px solid rgba(1, 10, 45, 0.9) !important;
}

.integration-app-placeholders {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 150px);
    justify-content: center;
    margin: 18px auto 0;
    max-width: calc((150px * 3) + (10px * 2));
    position: relative;
    z-index: 5;
}

.integration-valuestore-apps:not(:empty)+.integration-app-placeholders {
    display: none;
}

.integration-app-placeholders span {
    aspect-ratio: 1 / 1;
    background: var(--int-navy);
    border: 2px solid rgba(1, 10, 45, 0.9);
    border-radius: 9px;
    display: block;
}

@media (max-width: 1180px) {
    .integration-container {
        max-width: 930px;
    }

    .integration-hero-grid,
    .integration-two-col {
        gap: 58px;
    }

    .integration-device-cluster {
        width: 380px;
    }

    .integration-rack-img {
        right: 0;
        width: 440px;
    }
}

@media (max-width: 900px) {
    .integration-container {
        width: min(680px, calc(100vw - 44px));
    }

    .integration-bg-archi {
        width: 60%;
    }

    .integration-bg-archi-wrap {
        margin: 3vmin 0;
        text-align: center;
    }

    .integration-hero,
    .integration-erp,
    .integration-graph,
    .integration-tech,
    .integration-iot,
    .integration-meaning,
    .integration-external,
    .integration-any,
    .integration-context {
        min-height: auto;
        padding: 82px 30px;
    }

    .integration-hero {
        padding-top: 130px;
    }

    .integration-hero-grid,
    .integration-two-col,
    .integration-context .integration-two-col,
    .integration-tech-grid,
    .integration-iot-top,
    .integration-iot-grid {
        grid-template-columns: 1fr;
    }

    .integration-flow-card,
    .integration-hero-side {
        grid-column: auto;
        justify-self: start;
        margin-top: 0;
        max-width: 460px;
    }

    .integration-card-row {
        grid-template-columns: 1fr;
    }

    .integration-card-row article {
        min-height: auto;
    }

    .integration-table-band {
        margin-left: 0;
        overflow-x: auto;
        padding: 0 18px;
        width: 100%;
    }

    .integration-table-band table {
        min-width: 650px;
    }

    .integration-iot h2 {
        font-size: clamp(3.25rem, 15vw, 5.1rem);
    }

    .integration-dot-img {
        width: min(250px, 70vw);
        top: 100vmin;
    }

    .integration-device-cluster {
        display: block;
        margin: 0;
        position: relative;
        inset: auto;
        width: min(420px, 100%);
    }

    .integration-rack-img {
        display: block;
        float: right;
        position: relative;
        inset: auto;
        width: min(420px, 100%);
    }

    .integration-meaning-copy {
        margin-left: 0;
    }

    .integration-external-side {
        max-width: none;
    }

    .integration-bg {
        opacity: 0.44;
    }

    .integration-valuestore {
        min-height: 900px;
    }

    .integration-hero-copy {
        padding-left: 10vmin;
    }
}

@media (max-width: 520px) {
    .integration-container {
        width: min(330px, calc(100vw - 44px));
    }

    .integration-hero,
    .integration-erp,
    .integration-graph,
    .integration-tech,
    .integration-iot,
    .integration-meaning,
    .integration-external,
    .integration-any,
    .integration-context {
        padding: 68px 30px;
    }

    .integration-hero-copy {
        padding-left: 5vmin;
    }

    .integration-hero {
        padding-top: 118px;
    }

    .integration-hero-copy h1,
    .integration-erp h2,
    .integration-graph h2,
    .integration-tech h2,
    .integration-iot h2,
    .integration-meaning h2,
    .integration-external h2,
    .integration-any h2,
    .integration-context h2 {
        font-size: 2.55rem;
        line-height: 1.04;
    }

    .integration-context h2 {
        font-size: 2.25rem;
    }

    .integration-lead {
        font-size: 1.28rem;
    }

    .integration-lead2 {
        font-size: 1.12rem;
    }

    .integration-copy,
    .integration-light-panel,
    .integration-iot-grid article,
    .integration-iot-grid aside,
    .integration-external-side,
    .integration-mini-table,
    .integration-flow-card,
    .integration-flow-list {
        font-size: 0.86rem;
    }

    .integration-light-panel {
        padding: 24px 20px;
    }

    .integration-actions {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    .integration-button {
        min-width: 178px;
    }

    .integration-card-row article {
        border-radius: 22px;
        padding: 24px 22px;
    }

    .integration-valuestore {
        min-height: 820px;
        padding: 78px 0 90px;
    }

    .integration-valuestore-bg {
        top: 10px;
        width: 620px;
    }

    .integration-valuestore h2 {
        font-size: 2.7rem;
    }

    .integration-valuestore-large {
        font-size: 1.26rem;
    }

    .integration-valuestore-boxed {
        font-size: 0.82rem;
    }

    .integration-app-placeholders {
        grid-template-columns: repeat(2, 135px);
        max-width: 280px;
    }
}

.platform-page {
    background: var(--platform-navy);
    color: var(--platform-white);
    font-family: "Ubuntu", Arial, sans-serif;
    overflow: hidden;
    position: relative;
}

.platform-page *,
.platform-page *::before,
.platform-page *::after {
    box-sizing: border-box;
}

.platform-page h1,
.platform-page h2,
.platform-page h3,
.platform-page h4,
.platform-page p,
.platform-page blockquote,
.platform-page ul {
    margin: 0;
}

.platform-page h1,
.platform-page h2,
.platform-page h3,
.platform-page h4,
.platform-page strong,
.platform-kicker,
.platform-small-bold,
.platform-card-kicker,
.platform-card-side h4,
.platform-valuestore-caption {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
}

.platform-button {
    font-family: "UbuntuLight", "Ubuntu", Arial, sans-serif;
}

.platform-page h1,
.platform-page h2,
.platform-page h3,
.platform-page h4 {
    color: var(--platform-white);
    letter-spacing: 0;
    line-height: 1.03;
}

.platform-page p,
.platform-page li {
    color: var(--platform-white);
    line-height: 1.12;
}

.platform-page span,
.platform-kicker,
.platform-card-kicker,
.platform-graph-copy h3,
.platform-model-heading h2 span {
    color: var(--platform-pink-hot);
}

.platform-section {
    background: var(--platform-navy);
    position: relative;
    width: 100%;
}

.platform-container {
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    width: min(1000px, calc(100vw - 48px));
    z-index: 2;
}

.platform-center {
    text-align: center;
}

.platform-bg {
    max-width: none;
    pointer-events: none;
    position: absolute;
    user-select: none;
    z-index: 0;
}

.platform-button {
    align-items: center;
    background: var(--platform-pink);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 0.93rem;
    justify-content: center;
    line-height: 1;
    min-height: 48px;
    min-width: 210px;
    padding: 9px 27px 11px;
    text-align: center;
    text-decoration: none;
}

.platform-hero {
    min-height: 96vh;
    overflow: hidden;
}

.platform-hero-network {
    left: 0;
    top: -23vmin;
    width: 100%;
}

.platform-agent-entry {
    background:
        radial-gradient(circle at 88% 18%, rgba(64, 173, 204, .2), transparent 25%),
        linear-gradient(135deg, #071633 0%, #0b2349 54%, #071633 100%);
    border-bottom: 1px solid rgba(176, 222, 237, .18);
    border-top: 1px solid rgba(176, 222, 237, .18);
    overflow: hidden;
    padding: clamp(78px, 9vw, 132px) 0;
    position: relative;
}

.platform-agent-entry::before {
    border: 1px solid rgba(176, 222, 237, .18);
    border-radius: 50%;
    content: '';
    height: 440px;
    position: absolute;
    right: -210px;
    top: -220px;
    width: 440px;
}

.platform-agent-entry-grid {
    align-items: center;
    display: grid;
    gap: clamp(48px, 8vw, 110px);
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
    position: relative;
    z-index: 1;
}

.platform-agent-entry-kicker {
    color: #ff69aa !important;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: .78rem !important;
    letter-spacing: .13em;
    margin: 0 0 20px !important;
    text-transform: uppercase;
}

.platform-agent-entry h2 {
    color: #fff;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: clamp(3rem, 5.7vw, 6rem);
    letter-spacing: -.055em;
    line-height: .94;
    margin: 0;
    max-width: 780px;
}

.platform-agent-entry h2 span { color: #b0deed; }

.platform-agent-entry-lead {
    color: #cceaf1 !important;
    font-size: clamp(1.05rem, 1.7vw, 1.34rem) !important;
    line-height: 1.42 !important;
    margin: 28px 0 0 !important;
    max-width: 650px;
}

.platform-agent-entry-trust {
    align-items: flex-start;
    border-left: 2px solid #66d4e7;
    color: #d8edf2;
    display: flex;
    gap: 13px;
    margin-top: 26px;
    max-width: 680px;
    padding: 4px 0 4px 17px;
}

.platform-agent-entry-trust > span {
    color: #ff69aa;
    flex: 0 0 auto;
    font-size: 1rem;
    line-height: 1.35;
}

.platform-agent-entry-trust p {
    color: #d8edf2 !important;
    font-size: .8rem !important;
    line-height: 1.45 !important;
    margin: 0 !important;
}

.platform-agent-entry-trust strong {
    color: #fff;
    display: block;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: .72rem;
    letter-spacing: .04em;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.platform-agent-entry-cta {
    align-items: center;
    background: #d10b68;
    border: 1px solid #ff82b9;
    border-radius: 999px;
    box-shadow: 0 15px 36px rgba(100, 4, 50, .3);
    color: #fff;
    display: inline-flex;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    gap: 22px;
    margin-top: 34px;
    min-height: 52px;
    padding: 12px 24px;
    text-decoration: none;
    transition: background .18s ease, transform .18s ease;
}

.platform-agent-entry-cta:hover,
.platform-agent-entry-cta:focus-visible {
    background: #eb187b;
    color: #fff;
    outline: none;
    transform: translateY(-2px);
}

.platform-agent-entry-dialog {
    background: rgba(4, 18, 45, .9);
    border: 1px solid rgba(116, 211, 233, .52);
    box-shadow: 0 26px 70px rgba(0, 7, 27, .38), inset 0 1px rgba(255, 255, 255, .05);
    color: #fff;
    min-height: 390px;
    padding: 28px 30px;
    position: relative;
}

.platform-agent-entry-dialog::after {
    background: linear-gradient(90deg, #55d6e8, #d10b68);
    bottom: 0;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
}

.platform-agent-entry-status {
    align-items: center;
    color: #75e0b0;
    display: flex;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: .68rem;
    gap: 8px;
    margin-bottom: 38px;
}

.platform-agent-entry-status i {
    background: #58dc9e;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(88, 220, 158, .12);
    height: 7px;
    width: 7px;
}

.platform-agent-entry-user,
.platform-agent-entry-agent {
    color: #ff6daa !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .69rem !important;
    margin: 0 0 9px !important;
}

.platform-agent-entry-agent { color: #63dba2 !important; margin-top: 27px !important; }
.platform-agent-entry-question { color: #fff !important; font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; font-size: 1.25rem !important; line-height: 1.28 !important; margin: 0 !important; }
.platform-agent-entry-answer { color: #d2e8ee !important; font-size: .88rem !important; line-height: 1.48 !important; margin: 0 !important; }
.platform-agent-entry-topics { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 28px; }
.platform-agent-entry-topics span { border: 1px solid rgba(113, 206, 226, .35); border-radius: 999px; color: #aaddE8; font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; font-size: .62rem; padding: 7px 10px; }

@media (max-width: 850px) {
    .platform-agent-entry-grid { grid-template-columns: 1fr; }
    .platform-agent-entry-dialog { min-height: 0; }
}

@media (min-width: 1200px) {
    body:has(#new-sidebar.active) .platform-agent-entry .platform-container,
    body:has(#sidebar.active) .platform-agent-entry .platform-container {
        padding-left: clamp(120px, 9vw, 170px);
    }
}

@media (max-width: 600px) {
    .platform-agent-entry { padding: 68px 0; }
    .platform-agent-entry-grid { gap: 40px; }
    .platform-agent-entry h2 { font-size: clamp(2.65rem, 13vw, 4rem); }
    .platform-agent-entry-dialog { padding: 24px 21px; }
    .platform-agent-entry-question { font-size: 1.08rem !important; }
}

.platform-agents {
    background-color: #0d1738;
    /* Abstract form language reused from the other platform pages. */
    background-image: url("../img/why-bg-hex.svg"), url("../img/small-hex.svg");
    background-position: right -100px top 55px, left 7% bottom 70px;
    background-repeat: no-repeat;
    background-size: 390px auto, 160px auto;
    overflow: hidden;
    padding: 130px 0;
    position: relative;
}

.platform-agents::before {
    background: var(--platform-pink);
    clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
    content: '';
    height: 56px;
    left: 8%;
    opacity: .9;
    position: absolute;
    top: 70px;
    transform: rotate(-16deg);
    width: 56px;
}

.platform-agents-grid {
    align-items: center;
    display: grid;
    gap: 90px;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
}

.platform-agents h2 {
    font-size: clamp(2.7rem, 4.5vw, 4.3rem);
    margin: 14px 0 24px;
}

.platform-agents-lead {
    color: var(--platform-blue) !important;
    line-height: 1.15 !important;
    margin-bottom: 22px !important;
}

.platform-agents-body {
    line-height: 1.35 !important;
    margin-bottom: 32px !important;
    max-width: 610px;
}

.platform-agents-panel {
    background: var(--platform-blue);
    border-radius: 22px;
    color: var(--platform-navy);
    min-height: 420px;
    overflow: hidden;
    padding: 36px;
    position: relative;
}

.platform-agents-panel-art { inset: 0; pointer-events: none; position: absolute; }
.platform-agents-panel-art img { height: auto; position: absolute; }
.platform-agents-panel-hex { bottom: -48px; opacity: .62; right: -21px; transform: rotate(18deg); width: 185px; }
.platform-agents-panel-dots { opacity: .7; right: 22px; top: 27px; transform: rotate(15deg); width: 150px; }
.platform-agents-panel-chain { bottom: -45px; left: -90px; opacity: .28; transform: rotate(-21deg); width: 285px; }

.platform-agents-panel::after {
    border: 2px solid var(--platform-pink-hot);
    border-radius: 50%;
    content: '';
    height: 150px;
    position: absolute;
    right: -55px;
    top: -55px;
    width: 150px;
}

.platform-agents-panel p { color: var(--platform-navy); position: relative; z-index: 3; }
.platform-agents-panel-name { font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; font-size: 2.4rem; margin-bottom: 32px !important; }
.platform-agents-panel > p:not(.platform-agents-panel-name) { font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; font-size: 1.25rem; line-height: 1.18; max-width: 290px; }

.platform-agents-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 35px; position: relative; z-index: 3; }
.platform-agents-pills span { background: var(--platform-navy); border-radius: 99px; color: #fff; font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; font-size: .78rem; padding: 8px 12px; }

.platform-agent-card-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 70px;
}

.platform-agent-card {
    background: var(--platform-card-soft);
    border-radius: 15px;
    overflow: hidden;
    min-height: 260px;
    padding: 28px;
    position: relative;
}

.platform-agent-card::after { background: url("../img/small-hex.svg") center / contain no-repeat; content: ''; height: 100px; opacity: .6; position: absolute; right: -24px; top: -36px; transform: rotate(22deg); width: 90px; }
.platform-agent-card:nth-child(2)::after { background-image: url("../img/platform-graph-dots.svg"); height: 116px; opacity: .85; right: -25px; top: -18px; transform: rotate(-13deg); width: 142px; }
.platform-agent-card:nth-child(3)::after { background-image: url("../img/integration-dot-device.svg"); height: 118px; opacity: .62; right: -20px; top: -20px; transform: rotate(19deg); width: 125px; }
.platform-agent-card > * { position: relative; z-index: 1; }

.platform-agent-card-kicker {
    color: var(--platform-pink-hot) !important;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: .84rem;
    letter-spacing: .07em;
    margin-bottom: 36px !important;
    text-transform: uppercase;
}

.platform-agent-card h3 { font-size: 1.65rem; margin-bottom: 16px; }
.platform-agent-card p { font-size: .95rem; line-height: 1.32 !important; }

@media (max-width: 767px) {
    .platform-agents { background-position: right -180px top 30px, left 7% bottom 55px; background-size: 310px auto, 120px auto; padding: 80px 0; }
    .platform-agents-grid { gap: 55px; grid-template-columns: 1fr; }
    .platform-agents-panel { min-height: 390px; padding: 28px; }
    .platform-agents-panel::after { height: 105px; right: -42px; top: -42px; width: 105px; }
    .platform-agent-card-grid { grid-template-columns: 1fr; margin-top: 42px; }
    .platform-agent-card { min-height: 0; }
}

/* Value Chain Agents overview */
.agents-overview-page { background: var(--platform-navy); color: #fff; font-family: "Ubuntu", Arial, sans-serif; overflow: hidden; }
.agents-overview-page * { box-sizing: border-box; }
.agents-overview-page h1, .agents-overview-page h2, .agents-overview-page h3, .agents-overview-page p { margin: 0; }
.agents-overview-page h1, .agents-overview-page h2, .agents-overview-page h3, .agents-overview-kicker { font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; }
.agents-overview-container { margin: 0 auto; max-width: 1120px; width: min(1120px, calc(100vw - 48px)); }
.agents-overview-section { position: relative; padding: 130px 0; }
.agents-overview-section > .agents-overview-container { position: relative; z-index: 1; }
.agents-overview-kicker { color: var(--platform-pink-hot); font-size: .93rem; letter-spacing: .1em; margin-bottom: 20px !important; text-transform: uppercase; }
.agents-overview-page h2 { color: #fff; font-size: clamp(2.5rem, 4.5vw, 4.7rem); line-height: 1.02; }
.agents-overview-page h2 span, .agents-overview-page h1 span { color: var(--platform-blue); }
.agents-overview-copy, .agents-overview-section-lead, .agents-overview-intro p, .agents-overview-data p { color: #fff; font-size: 1.14rem; line-height: 1.45; }
.agents-overview-button { background: var(--platform-pink); border-radius: 999px; color: #fff; display: inline-flex; font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; gap: 15px; margin-top: 34px; padding: 15px 25px; text-decoration: none; }
.agents-overview-button:hover { background: var(--platform-blue); color: var(--platform-navy); text-decoration: none; }

.agents-overview-hero { min-height: 850px; overflow: hidden; padding-top: 105px; }
.agents-overview-hero::before { background: radial-gradient(circle, rgba(176,222,237,.14), transparent 64%); content: ''; height: 800px; position: absolute; right: -190px; top: 20px; width: 800px; }
.agents-overview-hero-grid { align-items: center; display: grid; gap: 40px; grid-template-columns: minmax(0, 1.15fr) minmax(350px, .85fr); position: relative; z-index: 1; }
.agents-overview-hero-shapes { inset: 0; pointer-events: none; position: absolute; z-index: 0; }
.agents-overview-shape { display: block; position: absolute; }
.agents-overview-shape-hex { background: url("../img/small-hex.svg") center / contain no-repeat; height: 170px; opacity: .75; right: 12%; top: 115px; transform: rotate(13deg); width: 155px; }
.agents-overview-shape-star { background: var(--platform-pink); clip-path: polygon(50% 0, 59% 39%, 100% 50%, 59% 61%, 50% 100%, 41% 61%, 0 50%, 41% 39%); height: 42px; opacity: .72; right: 38%; top: 185px; transform: rotate(14deg); width: 42px; }
.agents-overview-shape-outline { border: 1px solid rgba(176,222,237,.68); clip-path: polygon(25% 2%, 75% 2%, 100% 50%, 75% 98%, 25% 98%, 0 50%); height: 98px; opacity: .72; right: 4%; top: 365px; transform: rotate(-12deg); width: 112px; }
.agents-overview-hero h1 { color: #fff; font-size: clamp(3.7rem, 6.2vw, 6.5rem); line-height: .95; max-width: 820px; }
.agents-overview-lead { color: var(--platform-blue); font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; font-size: clamp(1.5rem, 2.4vw, 2.25rem); line-height: 1.14; margin: 28px 0 22px !important; max-width: 720px; }
.agents-overview-hero-visual { height: 480px; isolation: isolate; position: relative; }
.agents-overview-hero-collage { inset: 0; overflow: hidden; pointer-events: none; position: absolute; }
.agents-overview-hero-collage img { height: auto; position: absolute; width: auto; }
.agents-overview-collage-hex { left: 4%; opacity: .35; top: 12%; transform: rotate(-17deg); width: 375px !important; }
.agents-overview-collage-dots { filter: saturate(.8); opacity: .52; right: -9%; top: 14%; transform: rotate(18deg) scale(1.16); width: 290px !important; }
.agents-overview-collage-chain { bottom: 5%; left: -14%; opacity: .38; transform: rotate(-26deg); width: 390px !important; }
.agents-overview-collage-small-hex { bottom: 7%; opacity: .88; right: 10%; transform: rotate(28deg); width: 102px !important; }
.agents-overview-orbit { border: 1px solid rgba(176,222,237,.5); border-radius: 50%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.agents-overview-orbit-1 { height: 370px; width: 370px; }.agents-overview-orbit-2 { height: 510px; transform: translate(-50%, -50%) rotate(52deg); width: 300px; }
.agents-overview-core { background: var(--platform-pink); border: 7px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 15px rgba(230,75,125,.12), 0 18px 50px rgba(0,0,0,.22); color: #fff; font-size: 1rem; height: 142px; left: 50%; line-height: 1.1; padding-top: 38px; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 142px; z-index: 2; }.agents-overview-core strong { font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; }
.agents-overview-node { backdrop-filter: blur(6px); background: rgba(24,44,88,.86); border: 1px solid var(--platform-blue); border-radius: 12px; box-shadow: 8px 9px 0 rgba(176,222,237,.1); color: #fff; font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; font-size: .9rem; line-height: 1.1; padding: 15px; position: absolute; text-align: center; z-index: 3; }.agents-overview-node-co2 { right: 0; top: 42px; transform: rotate(3deg); }.agents-overview-node-vs { bottom: 25px; left: 7px; transform: rotate(-4deg); }.agents-overview-node-sc { right: 8px; top: 300px; transform: rotate(2deg); }

/* Reuse the established flumen geometry as quiet, recognizable background details. */
.agents-overview-specialists, .agents-overview-dialogue {
    background-image: url("../img/integration-bg-shape-2.svg");
    background-position: right -45px center;
    background-repeat: no-repeat;
    background-size: 420px auto;
}
.agents-overview-capabilities, .agents-overview-collaboration {
    background-image: url("../img/why-bg-hex.svg");
    background-position: left -55px center;
    background-repeat: no-repeat;
    background-size: 330px auto;
}
.agents-overview-tasks {
    background-image: url("../img/platform-hero-rings.svg");
    background-position: right -455px center;
    background-repeat: no-repeat;
    background-size: 610px auto;
}
.agents-overview-intro, .agents-overview-questions, .agents-overview-results, .agents-overview-compare, .agents-overview-usecases {
    background-image: url("../img/why-bg-vector-4.svg");
    background-position: right 35px center;
    background-repeat: no-repeat;
    background-size: 150px auto;
}

/* The source illustrations stay recognisable, but become a looser, changing collage. */
.agents-overview-questions { background-image: url("../img/why-bg-vector-4.svg"), url("../img/vsi-graph-dots.svg"); background-position: right 35px center, left -78px bottom 52px; background-size: 150px auto, 225px auto; }
.agents-overview-results { background-image: url("../img/why-bg-vector-4.svg"), url("../img/platform-hex-model.svg"); background-position: right 35px center, left -86px 46px; background-size: 150px auto, 310px auto; }
.agents-overview-compare { background-image: url("../img/why-bg-vector-4.svg"), url("../img/vsi-dot-chain.svg"); background-position: right 35px center, left -140px center; background-size: 150px auto, 340px auto; }
.agents-overview-usecases { background-image: url("../img/why-bg-vector-4.svg"), url("../img/platform-graph-dots.svg"); background-position: right 35px center, right -80px bottom 28px; background-size: 150px auto, 260px auto; }

/* A recurring family of flumen shapes gives every section a quiet visual anchor. */
.agents-overview-intro::after, .agents-overview-specialists::after, .agents-overview-questions::after, .agents-overview-capabilities::after, .agents-overview-data::after, .agents-overview-results::after, .agents-overview-dialogue::after, .agents-overview-compare::after, .agents-overview-collaboration::after, .agents-overview-usecases::after, .agents-overview-cta::after { content: ''; pointer-events: none; position: absolute; z-index: 0; }
.agents-overview-intro::after, .agents-overview-results::after, .agents-overview-usecases::after { background: url("../img/small-hex.svg") center / contain no-repeat; height: 132px; opacity: .9; width: 119px; }
.agents-overview-intro::after { left: 6%; top: 62px; transform: rotate(-13deg); }.agents-overview-results::after { right: 7%; top: 68px; transform: rotate(18deg); }.agents-overview-usecases::after { left: 8%; bottom: 52px; transform: rotate(28deg); }
.agents-overview-specialists::after, .agents-overview-dialogue::after { border: 1px solid rgba(176,222,237,.65); clip-path: polygon(25% 2%, 75% 2%, 100% 50%, 75% 98%, 25% 98%, 0 50%); height: 104px; width: 118px; }
.agents-overview-specialists::after { left: 8%; bottom: 66px; transform: rotate(13deg); }.agents-overview-dialogue::after { right: 7%; bottom: 62px; transform: rotate(-16deg); }
.agents-overview-questions::after, .agents-overview-compare::after { background: var(--platform-pink); clip-path: polygon(50% 0, 59% 39%, 100% 50%, 59% 61%, 50% 100%, 41% 61%, 0 50%, 41% 39%); height: 38px; opacity: .72; width: 38px; }
.agents-overview-questions::after { left: 8%; bottom: 74px; }.agents-overview-compare::after { right: 8%; bottom: 70px; transform: rotate(18deg); }
.agents-overview-capabilities::after, .agents-overview-collaboration::after { background: url("../img/small-hex.svg") center / contain no-repeat; height: 154px; opacity: .75; width: 138px; }
.agents-overview-capabilities::after { right: 5%; bottom: 55px; transform: rotate(15deg); }.agents-overview-collaboration::after { left: 5%; top: 52px; transform: rotate(-12deg); }
.agents-overview-data::after { border: 1px solid rgba(1,10,45,.45); border-radius: 50%; height: 230px; right: -78px; top: -86px; width: 230px; }.agents-overview-data::before { border: 1px solid rgba(1,10,45,.28); border-radius: 50%; content: ''; height: 330px; pointer-events: none; position: absolute; right: -125px; top: -135px; width: 330px; }
.agents-overview-cta::after { background: url("../img/small-hex.svg") center / contain no-repeat; bottom: 28px; height: 150px; left: 7%; opacity: .72; transform: rotate(17deg); width: 135px; }

.agents-overview-intro {
    background-color: #fff;
    /* Pure, abstract shapes from the platform's existing SVG language. */
    background-image: url("../img/why-bg-hex.svg"), url("../img/small-hex.svg");
    background-position: right -95px top 36px, right 20px bottom 48px;
    background-repeat: no-repeat;
    background-size: 390px auto, 175px auto;
    color: var(--platform-navy);
}
.agents-overview-intro h2 { color: var(--platform-navy); }.agents-overview-intro p { color: var(--platform-navy); }.agents-overview-two-col { display: grid; gap: 90px; grid-template-columns: 1fr 1fr; }.agents-overview-intro p + p { margin-top: 24px; }
.agents-overview-intro::after { display: none; }
.agents-overview-specialists { background: #0d1738; }.agents-overview-specialists h2 { margin-bottom: 52px; }.agents-overview-specialist-grid { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); }.agents-overview-specialist-grid article { background: #fff; border-radius: 18px; color: var(--platform-navy); min-height: 425px; padding: 35px 30px; }.agents-overview-specialist-grid span { color: var(--platform-pink); font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; }.agents-overview-specialist-grid h3 { color: var(--platform-navy); font-size: 2rem; margin: 28px 0 16px; }.agents-overview-specialist-grid p { line-height: 1.38; }.agents-overview-specialist-grid ul { font-size: .93rem; line-height: 1.45; margin: 25px 0 0; padding-left: 19px; }
.agents-overview-questions { background: #fff; color: var(--platform-navy); }.agents-overview-questions h2, .agents-overview-questions .agents-overview-section-lead { color: var(--platform-navy); }.agents-overview-section-lead { margin: 18px 0 42px !important; max-width: 760px; }.agents-overview-question-grid { display: grid; gap: 1px; grid-template-columns: repeat(2, 1fr); }.agents-overview-question-grid div { align-items: flex-start; background: #edf8fc; display: flex; gap: 15px; min-height: 90px; padding: 18px; }.agents-overview-question-grid span { color: var(--platform-pink); font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; font-size: .8rem; }.agents-overview-question-grid p { color: var(--platform-navy); font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; line-height: 1.2; }
.agents-overview-tasks { background: var(--platform-navy); }.agents-overview-task-list { display: grid; gap: 0; }.agents-overview-task-list div { border-bottom: 1px solid rgba(176,222,237,.4); padding: 18px 0; }.agents-overview-task-list strong { color: var(--platform-blue); display: block; font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; font-size: 1.18rem; margin-bottom: 6px; }.agents-overview-task-list span { line-height: 1.35; }
.agents-overview-capabilities { background: #0d1738; }.agents-overview-capabilities h2 { margin-bottom: 44px; }.agents-overview-capability-grid { display: grid; grid-template-columns: repeat(5, 1fr); }.agents-overview-capability-grid div { border-bottom: 1px solid rgba(176,222,237,.28); border-right: 1px solid rgba(176,222,237,.28); font-size: .88rem; line-height: 1.32; min-height: 120px; padding: 18px; }.agents-overview-capability-grid div:nth-child(5n) { border-right: 0; }
.agents-overview-data { background: var(--platform-blue); }.agents-overview-data h2, .agents-overview-data p { color: var(--platform-navy); }.agents-overview-tag-cloud { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 30px; }.agents-overview-tag-cloud span { background: var(--platform-navy); border-radius: 20px; color: #fff; font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; font-size: .82rem; padding: 9px 13px; }
.agents-overview-results { background: #fff; color: var(--platform-navy); }.agents-overview-results h2 { color: var(--platform-navy); margin-bottom: 42px; }.agents-overview-result-grid { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); }.agents-overview-result-grid div { border: 1px solid rgba(1,10,45,.17); border-radius: 15px; min-height: 200px; padding: 28px; }.agents-overview-result-grid strong { color: var(--platform-pink); display: block; font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; font-size: 1.55rem; margin-bottom: 16px; }.agents-overview-result-grid span { color: var(--platform-navy); line-height: 1.35; }
.agents-overview-dialogue { background: #0d1738; }.agents-overview-dialogue h2 { margin-bottom: 45px; }.agents-overview-dialogue-grid { display: grid; gap: 22px; grid-template-columns: .7fr 1.3fr; }.agents-overview-user-question, .agents-overview-agent-answer { border-radius: 18px; padding: 32px; }.agents-overview-user-question { background: var(--platform-pink); }.agents-overview-agent-answer { background: #fff; color: var(--platform-navy); }.agents-overview-dialogue-grid span { font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; font-size: .85rem; }.agents-overview-user-question p { font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; font-size: 1.6rem; line-height: 1.15; margin-top: 26px; }.agents-overview-agent-answer h3 { color: var(--platform-pink); font-size: 1rem; margin: 20px 0 6px; }.agents-overview-agent-answer p, .agents-overview-agent-answer ol { line-height: 1.35; margin: 0; }.agents-overview-agent-answer ol { padding-left: 20px; }
.agents-overview-compare { background: #fff; color: var(--platform-navy); }.agents-overview-compare h2 { color: var(--platform-navy); margin-bottom: 44px; }.agents-overview-table-wrap { overflow-x: auto; }.agents-overview-table-wrap table { border-collapse: collapse; min-width: 750px; width: 100%; }.agents-overview-table-wrap th, .agents-overview-table-wrap td { border-bottom: 1px solid #c8d7dc; padding: 17px; text-align: left; vertical-align: top; }.agents-overview-table-wrap thead { background: var(--platform-navy); color: #fff; }.agents-overview-table-wrap th { font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; }.agents-overview-table-wrap tbody th { color: var(--platform-pink); }.agents-overview-table-wrap td:last-child { background: #edf8fc; font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; }
.agents-overview-collaboration { background: var(--platform-navy); }.agents-overview-collaboration h2 { margin-bottom: 45px; }.agents-overview-flow { align-items: center; display: grid; gap: 12px; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; }.agents-overview-flow div { background: var(--platform-card-soft); border-radius: 14px; font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; min-height: 115px; padding: 20px; }.agents-overview-flow span { color: var(--platform-blue); display: block; font-family: "Ubuntu", Arial, sans-serif; font-size: .82rem; margin-top: 10px; }.agents-overview-flow b { color: var(--platform-pink); font-size: 1.7rem; }
.agents-overview-usecases { background: #fff; color: var(--platform-navy); }.agents-overview-usecases h2 { color: var(--platform-navy); }.agents-overview-usecase-list { columns: 2; margin: 0; padding-left: 20px; }.agents-overview-usecase-list li { font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif; line-height: 1.35; margin-bottom: 16px; }
.agents-overview-cta { background: var(--platform-pink); padding: 130px 0; text-align: center; }.agents-overview-cta h2 { margin: 0 auto; max-width: 920px; }.agents-overview-cta .agents-overview-kicker { color: var(--platform-navy); }.agents-overview-cta .agents-overview-button { background: #fff; color: var(--platform-navy); }.agents-overview-cta .agents-overview-button:hover { background: var(--platform-navy); color: #fff; }

/* The remaining sections reuse only the abstract hexagon form family. */
.agents-overview-specialists { background-image: url("../img/why-bg-hex.svg"), url("../img/small-hex.svg"); background-position: left -120px top 45px, right 7% bottom 58px; background-repeat: no-repeat; background-size: 330px auto, 145px auto; }
.agents-overview-questions { background-image: url("../img/small-hex.svg"), url("../img/why-bg-hex.svg"); background-position: left 6% top 56px, right -145px bottom -250px; background-repeat: no-repeat; background-size: 150px auto, 380px auto; }
.agents-overview-tasks { background-image: url("../img/why-bg-hex.svg"), url("../img/small-hex.svg"); background-position: right -95px top -175px, left 7% bottom 62px; background-repeat: no-repeat; background-size: 360px auto, 135px auto; }
.agents-overview-capabilities { background-image: url("../img/small-hex.svg"), url("../img/why-bg-hex.svg"); background-position: right 6% top 52px, left -125px bottom -240px; background-repeat: no-repeat; background-size: 145px auto, 350px auto; }
.agents-overview-data { background-image: url("../img/why-bg-hex.svg"), url("../img/small-hex.svg"); background-position: left -130px top -250px, right 7% bottom 45px; background-repeat: no-repeat; background-size: 370px auto, 145px auto; }
.agents-overview-results { background-image: url("../img/small-hex.svg"), url("../img/why-bg-hex.svg"); background-position: left 6% top 52px, right -130px bottom -245px; background-repeat: no-repeat; background-size: 140px auto, 360px auto; }
.agents-overview-dialogue { background-image: url("../img/why-bg-hex.svg"), url("../img/small-hex.svg"); background-position: right -115px top 45px, left 7% bottom 55px; background-repeat: no-repeat; background-size: 350px auto, 145px auto; }
.agents-overview-compare { background-image: url("../img/small-hex.svg"), url("../img/why-bg-hex.svg"); background-position: right 7% top 50px, left -120px bottom -255px; background-repeat: no-repeat; background-size: 150px auto, 370px auto; }
.agents-overview-collaboration { background-image: url("../img/why-bg-hex.svg"), url("../img/small-hex.svg"); background-position: left -125px top 38px, right 7% bottom 55px; background-repeat: no-repeat; background-size: 350px auto, 145px auto; }
.agents-overview-usecases { background-image: url("../img/small-hex.svg"), url("../img/why-bg-hex.svg"); background-position: left 7% top 50px, right -125px bottom -250px; background-repeat: no-repeat; background-size: 145px auto, 360px auto; }
.agents-overview-cta { background-image: none; }
.agents-overview-cta::after { display: none; }

/* Value Chain OS product narrative */
.agent-os-page{--ink:#061237;--mist:#b0deed;--pink:#d10b68;--deep:#091536;--glass:rgba(176,222,237,.11);background:var(--deep);color:#fff;font-family:"Ubuntu",Arial,sans-serif;overflow:hidden}.agent-os-page *{box-sizing:border-box}.agent-os-shell{margin:auto;max-width:1240px;width:min(1240px,calc(100vw - 64px))}.agent-os-eyebrow{color:#ff6bab;font-family:"UbuntuBold",Arial,sans-serif;font-size:.82rem;letter-spacing:.14em;margin:0 0 20px;text-transform:uppercase}.agent-os-page h1,.agent-os-page h2{font-family:"UbuntuBold",Arial,sans-serif;letter-spacing:-.045em;margin:0}.agent-os-page h1{font-size:clamp(4rem,7vw,7.5rem);line-height:.88}.agent-os-page h2{font-size:clamp(3rem,5.2vw,5.5rem);line-height:.93}.agent-os-page h1 span,.agent-os-page h2 span{color:var(--mist)}.agent-os-button{align-items:center;background:#fff;border-radius:999px;color:var(--ink);display:inline-flex;font-family:"UbuntuBold",Arial,sans-serif;gap:25px;margin-top:32px;padding:16px 23px;text-decoration:none}.agent-os-button span{font-size:1.4rem}.agent-os-hero{background:radial-gradient(circle at 73% 42%,rgba(176,222,237,.16),transparent 28%),linear-gradient(125deg,#071236 0%,#091b47 65%,#101a42 100%);min-height:920px;padding:150px 0 65px;position:relative}.agent-os-hero:after{background:url("../img/why-bg-hex.svg") left/contain no-repeat;content:"";height:580px;left:-175px;opacity:.35;position:absolute;top:110px;width:330px}.agent-os-hero .agent-os-shell{align-items:center;display:grid;gap:25px;grid-template-columns:.75fr 1.25fr;position:relative;z-index:1}.agent-os-hero-copy{max-width:550px}.agent-os-hero-copy>p:not(.agent-os-eyebrow){color:#d5e9f2;font-size:1.2rem;line-height:1.45;margin:30px 0 0;max-width:470px}.agent-os-universe{height:640px;position:relative}.agent-os-halo{border:1px solid rgba(176,222,237,.23);border-radius:50%;height:520px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:520px}.agent-os-halo-two{height:630px;transform:translate(-50%,-50%) rotate(34deg);width:410px}.agent-os-links{height:100%;inset:0;position:absolute;width:100%}.agent-os-links path{animation:agent-dash 8s linear infinite;fill:none;stroke:rgba(176,222,237,.42);stroke-dasharray:8 15;stroke-width:1.4}@keyframes agent-dash{to{stroke-dashoffset:-230}}.agent-os-chain-node{align-items:center;background:rgba(10,28,69,.72);border:1px solid rgba(176,222,237,.38);border-radius:999px;display:flex;gap:9px;padding:9px 13px;position:absolute;z-index:2}.agent-os-chain-node i{color:var(--mist);font-size:1.2rem;font-style:normal}.agent-os-chain-node span{font-size:.75rem}.supplier{left:2%;top:17%}.factory{left:28%;top:42%}.warehouse{bottom:15%;left:7%}.logistics{bottom:10%;right:9%}.customer{right:1%;top:12%}.agent-os-core{align-items:center;background:radial-gradient(circle at 35% 30%,#e4f8ff,#8fc8dd 54%,#4e839d);border:10px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 24px rgba(176,222,237,.08),0 24px 80px rgba(0,0,0,.3);color:var(--ink);display:flex;flex-direction:column;height:205px;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:205px;z-index:4}.agent-os-core small{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.agent-os-core strong{font-family:"UbuntuBold";font-size:1.35rem;line-height:1.05;margin-top:9px}.agent-os-core em{background:var(--pink);border-radius:50%;box-shadow:0 0 18px var(--pink);height:10px;margin-top:12px;width:10px}.agent-orb{animation:agent-float 5s ease-in-out infinite;background:rgba(12,35,81,.84);border:1px solid currentColor;border-radius:50%;box-shadow:0 0 25px currentColor,inset 0 0 18px rgba(255,255,255,.08);color:#ff7fb2;height:75px;position:absolute;text-align:center;width:75px;z-index:5}.agent-orb b{align-items:center;border-radius:50%;display:flex;font-size:1.25rem;height:100%;justify-content:center}.agent-orb span{font-family:"UbuntuBold";font-size:.66rem;left:50%;position:absolute;top:84px;transform:translateX(-50%);white-space:nowrap}.agent-orb:nth-of-type(2n){animation-delay:-2s;color:#91e2f5}.agent-orb:nth-of-type(3n){color:#a3e0ba}.co2{left:33%;top:4%}.supply{right:17%;top:23%}.quality{right:12%;bottom:23%}.cost{bottom:2%;left:38%}.production{left:12%;top:28%}.energy{left:20%;bottom:16%}.plan{right:31%;top:2%}.risk{right:2%;top:48%}@keyframes agent-float{50%{transform:translateY(-12px)}}.agent-os-scroll{bottom:25px;color:rgba(255,255,255,.6);font-size:.78rem;left:50%;margin:0;position:absolute;transform:translateX(-50%)}.agent-os-scroll span{color:var(--mist);font-size:1.2rem;margin-left:8px}.agent-os-section{padding:150px 0;position:relative}.agent-os-context{background:#f8fcfd;color:var(--ink);overflow:hidden}.agent-os-split{display:grid;gap:110px;grid-template-columns:1fr 1fr}.agent-os-context-copy{font-size:1.25rem;line-height:1.45;max-width:520px}.agent-os-context-copy p{margin:0}.agent-os-stat{align-items:center;border-top:1px solid #a7cad7;display:flex;gap:20px;margin-top:50px;padding-top:20px}.agent-os-stat strong{color:var(--pink);font-family:"UbuntuBold";font-size:5rem;line-height:.8}.agent-os-stat span{font-family:"UbuntuBold";max-width:200px}.agent-os-river{align-items:center;color:#fff;display:flex;font-family:"UbuntuBold";gap:20px;justify-content:center;margin:120px auto -40px;max-width:1000px}.agent-os-river span{background:var(--ink);border-radius:999px;padding:13px 20px}.agent-os-river i{background:linear-gradient(90deg,var(--mist),var(--pink));height:2px;overflow:hidden;width:110px}.agent-os-decision{background:linear-gradient(150deg,#101f50,#070f2d);min-height:930px}.agent-os-decision h2{max-width:830px}.agent-os-decision-canvas{height:430px;margin-top:90px;position:relative}.agent-os-decision-canvas>svg{height:100%;inset:0;position:absolute;width:100%}.agent-os-decision-canvas path{fill:none;stroke:#8cd5e8;stroke-dasharray:4 8;stroke-width:2}.agent-os-event,.agent-os-impact,.agent-os-recommendation{backdrop-filter:blur(10px);background:rgba(176,222,237,.1);border:1px solid rgba(176,222,237,.4);border-radius:18px;padding:18px;position:absolute}.agent-os-event{left:0;top:43%;width:180px}.agent-os-event small,.agent-os-recommendation small{color:#ff79b5;font-size:.7rem;text-transform:uppercase}.agent-os-event strong,.agent-os-recommendation strong{display:block;font-family:"UbuntuBold";font-size:1.2rem;line-height:1.12;margin-top:7px}.agent-os-event b{background:#ff5899;border-radius:50%;box-shadow:0 0 20px #ff5899;height:9px;position:absolute;right:16px;top:18px;width:9px}.agent-os-impact{width:142px}.agent-os-impact strong{color:var(--mist);display:block;font-family:"UbuntuBold";font-size:1.6rem}.agent-os-impact span{font-size:.72rem}.orders{left:32%;top:0}.machine{left:57%;top:31%}.cost{left:32%;bottom:0}.co2impact{right:0;bottom:0}.agent-os-recommendation{background:rgba(209,11,104,.18);border-color:#ff7db7;right:0;top:0;width:220px}.agent-os-recommendation span{color:#b9edca;display:block;font-family:"UbuntuBold";font-size:.75rem;margin-top:16px}.agent-os-specialists{background:#f8fcfd;color:var(--ink)}.agent-os-specialist-flow{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-top:80px}.agent-os-specialist-flow article{min-width:138px;text-align:center}.agent-os-specialist-flow i{align-items:center;background:#eef8fc;border-radius:50%;display:flex;font-size:1.7rem;font-style:normal;height:92px;justify-content:center;margin:0 auto 16px;width:92px}.agent-os-specialist-flow strong,.agent-os-specialist-flow span{display:block}.agent-os-specialist-flow strong{font-family:"UbuntuBold"}.agent-os-specialist-flow span{font-size:.76rem;margin-top:5px}.agent-os-specialist-flow>b{color:#9bc3d1;font-size:1.6rem}.pink{color:var(--pink)}.blue{color:#1685a5}.mint{color:#168363}.orange{color:#bd5e27}.lime{color:#568943}.agent-os-layers{background:var(--deep)}.agent-os-intro{color:#d4e8f0;font-size:1.1rem;line-height:1.45;max-width:470px}.agent-os-layer-stack{padding-top:25px}.agent-os-layer-stack div{align-items:center;background:rgba(176,222,237,.08);border:1px solid rgba(176,222,237,.18);display:grid;grid-template-columns:65px 1fr 1.2fr;margin-top:-1px;padding:22px 28px;transform:translateX(calc(var(--step, 0) * 12px))}.agent-os-layer-stack div:nth-child(2){--step:1}.agent-os-layer-stack div:nth-child(3){--step:2}.agent-os-layer-stack div:nth-child(4){--step:3}.agent-os-layer-stack span{color:#ff73af;font-family:"UbuntuBold"}.agent-os-layer-stack strong{font-family:"UbuntuBold"}.agent-os-layer-stack small{color:var(--mist)}.agent-os-cta{background:linear-gradient(135deg,#d10b68,#a50859);padding:150px 0;text-align:center}.agent-os-cta h2{font-size:clamp(3.8rem,6vw,6.6rem)}.agent-os-cta .agent-os-eyebrow{color:var(--ink)}.agent-os-cta p:not(.agent-os-eyebrow){font-size:1.15rem;margin:24px 0 0}.agent-os-cta .agent-os-button{margin-top:32px}
@media(max-width:900px){.agent-os-hero{padding-top:130px}.agent-os-hero .agent-os-shell,.agent-os-split{grid-template-columns:1fr}.agent-os-universe{height:560px}.agent-os-hero-copy{max-width:none}.agent-os-section{padding:95px 0}.agent-os-split{gap:50px}.agent-os-specialist-flow{flex-wrap:wrap;gap:28px;justify-content:center}.agent-os-specialist-flow>b{display:none}.agent-os-decision-canvas{transform:scale(.78);transform-origin:left top;width:128%}}@media(max-width:600px){.agent-os-shell{width:min(100% - 32px,1240px)}.agent-os-hero{min-height:820px}.agent-os-universe{height:490px;margin-top:20px;transform:scale(.83);transform-origin:center top;width:120%;margin-left:-10%}.agent-os-chain-node span{display:none}.agent-os-section{padding:76px 0}.agent-os-river{flex-wrap:wrap;margin-top:70px}.agent-os-river i{width:35px}.agent-os-decision{min-height:810px}.agent-os-decision-canvas{margin-top:55px;transform:scale(.53);width:188%}.agent-os-layer-stack div{grid-template-columns:42px 1fr;padding:17px}.agent-os-layer-stack small{display:none}.agent-os-cta{padding:100px 0}}

.agent-orb.agent-cost { bottom: 2%; left: 38%; }
.agent-os-impact.impact-cost { bottom: 0; left: 32%; }

.agent-os-map { background: #fdfefe; color: var(--ink, #061237); overflow: hidden; padding: 135px 0 105px; position: relative; }
.agent-os-map::before { background: url("../img/small-hex.svg") center / contain no-repeat; content: ""; height: 170px; left: 4%; opacity: .75; position: absolute; top: 90px; transform: rotate(-14deg); width: 155px; }
.agent-os-map-heading { margin: 0 auto 55px; max-width: 760px; position: relative; text-align: center; z-index: 1; }
.agent-os-map-heading p:not(.agent-os-eyebrow) { font-size: 1.12rem; line-height: 1.42; margin: 22px auto 0; max-width: 520px; }
.agent-os-map figure { margin: 0; position: relative; z-index: 1; }
.agent-os-map img { display: block; height: auto; width: 100%; }
.agent-os-map-figure{isolation:isolate}.agent-os-map-hotspots{inset:0;pointer-events:none;position:absolute;z-index:2}.agent-os-map-hotspots button{background:transparent;border:0;border-radius:50%;cursor:pointer;height:30%;outline:none;pointer-events:auto;position:absolute;top:5%;width:9%}.agent-os-map-hotspots button:nth-child(1){left:1.5%}.agent-os-map-hotspots button:nth-child(2){left:11.4%}.agent-os-map-hotspots button:nth-child(3){left:21.2%}.agent-os-map-hotspots button:nth-child(4){left:31%}.agent-os-map-hotspots button:nth-child(5){left:40.8%}.agent-os-map-hotspots button:nth-child(6){left:50.6%}.agent-os-map-hotspots button:nth-child(7){left:60.4%}.agent-os-map-hotspots button:nth-child(8){left:70.2%}.agent-os-map-hotspots button:nth-child(9){left:80%}.agent-os-map-hotspots button:nth-child(10){left:89%}.agent-os-map-hotspots button:hover{background:radial-gradient(circle,rgba(255,255,255,.15),rgba(125,205,228,.12) 44%,transparent 70%)}.agent-os-map-hotspots button:focus-visible{box-shadow:0 0 0 2px #d10b68,0 0 0 6px rgba(209,11,104,.18)}
@media (max-width: 600px) { .agent-os-map { padding: 80px 0 58px; }.agent-os-map::before { height: 92px; left: -24px; top: 55px; width: 82px; }.agent-os-map-heading { margin-bottom: 30px; } }

@media (min-width: 1200px) {
  body:has(#new-sidebar.active) .agent-os-shell,
  body:has(#sidebar.active) .agent-os-shell { padding-left: clamp(230px, 17vw, 285px); }

  /* Keep the hero universe at its intended aspect ratio when the menu is open.
     The complete hero moves into the free viewport instead of compressing its graph. */
  body:has(#new-sidebar.active) .agent-os-hero .agent-os-shell,
  body:has(#sidebar.active) .agent-os-hero .agent-os-shell {
    padding-left: 0;
    transform: translateX(clamp(105px, 7.5vw, 140px));
    width: min(1240px, calc(100vw - clamp(230px, 17vw, 285px) - 64px));
  }
}

/* A layered, water-like core: the shared living model behind every specialist. */
.agent-os-core { background: radial-gradient(circle at 32% 23%, rgba(255,255,255,.93) 0, rgba(211,244,253,.72) 16%, rgba(123,198,222,.92) 54%, rgba(36,99,137,.96) 100%); box-shadow: 0 0 0 1px rgba(255,255,255,.45) inset, 0 0 0 22px rgba(176,222,237,.08), 0 0 0 46px rgba(176,222,237,.035), 0 30px 90px rgba(0,0,0,.34); overflow: visible; }
.agent-os-core::before { animation: agent-core-rotate 18s linear infinite; background: conic-gradient(from 20deg, transparent 0 14%, rgba(255,255,255,.86) 17%, transparent 20% 42%, rgba(209,11,104,.78) 45%, transparent 48% 72%, rgba(176,222,237,.9) 76%, transparent 80%); border-radius:50%; content:""; height:calc(100% + 54px); left:-27px; -webkit-mask:radial-gradient(transparent 63%,#000 64%); mask:radial-gradient(transparent 63%,#000 64%); opacity:.85; position:absolute; top:-27px; width:calc(100% + 54px); }
.agent-os-core::after { border:1px solid rgba(255,255,255,.5); border-radius:50%; content:""; height:calc(100% + 22px); left:-12px; position:absolute; top:-12px; width:calc(100% + 22px); }
.agent-os-core small,.agent-os-core strong,.agent-os-core em,.agent-os-core-status { position:relative; z-index:1; }
.agent-os-core-status { align-items:center; background:rgba(3,21,60,.64); border:1px solid rgba(255,255,255,.23); border-radius:999px; bottom:-30px; color:#e9fbff; display:flex; font-family:"UbuntuBold",Arial,sans-serif; font-size:.56rem; left:50%; letter-spacing:.03em; padding:6px 9px; position:absolute !important; transform:translateX(-50%); white-space:nowrap; }
.agent-os-core-status i { background:#8ff2bd; border-radius:50%; box-shadow:0 0 9px #8ff2bd; height:5px; margin-right:5px; width:5px; }
@keyframes agent-core-rotate { to { transform:rotate(360deg); } }

.agent-os-chain-node.factory { left: 11%; top: 54%; z-index: 6; }

/* Final hierarchy pass: less campaign, more product clarity. */
.agent-os-cta{background:#f8fcfd;color:#07173e;padding:105px 0}.agent-os-cta h2{color:#07173e;font-size:clamp(3.2rem,5vw,5.4rem)}.agent-os-cta .agent-os-eyebrow{color:#d10b68}.agent-os-cta p:not(.agent-os-eyebrow){color:#496f80}.agent-os-cta .agent-os-button{background:#d10b68;color:#fff}.agent-os-cta .agent-os-button:hover{background:#07173e;color:#fff}.agent-os-compact-capabilities{margin-top:45px;padding-top:18px}.agent-os-compact-capabilities span{min-height:92px;padding:17px}.agent-os-compact-capabilities span small{font-size:.64rem;margin-top:5px}.agent-os-transform-core{background:rgba(176,222,237,.1);border:1px solid rgba(176,222,237,.55);border-radius:18px;box-shadow:0 15px 42px rgba(0,0,0,.2);height:210px;width:260px}.agent-os-transform-core::before{background:linear-gradient(90deg,transparent,#b0deed,transparent);content:"";height:1px;left:18px;position:absolute;right:18px;top:26px}.agent-os-transform-core span{margin-top:12px}.agent-os-transform-core strong{font-size:1.35rem}.agent-os-transform-core small{max-width:190px}.agent-os-layers h2{max-width:700px}.agent-os-decision-intro{max-width:470px}.agent-os-decision{padding-bottom:110px}

/* Final clarity pass: one visible chain, one active agent result, one decision. */
.agent-os-linear-demo{align-items:center;display:grid;gap:28px;grid-template-columns:190px minmax(0,1fr) 270px;margin-top:18px;min-height:370px;position:relative}.agent-os-linear-demo::before{background:radial-gradient(circle,rgba(176,222,237,.15),transparent 66%);content:"";height:590px;left:18%;position:absolute;top:-110px;width:660px;z-index:0}.agent-os-linear-trigger,.agent-os-linear-chain,.agent-os-linear-agents,.agent-os-linear-demo .agent-os-decision-result{position:relative;z-index:1}.agent-os-linear-trigger{background:linear-gradient(135deg,rgba(209,11,104,.24),rgba(15,37,83,.88));border:1px solid rgba(255,119,177,.75);border-radius:16px;box-shadow:0 0 28px rgba(209,11,104,.16);padding:19px}.agent-os-linear-trigger span,.agent-os-linear-demo .agent-os-decision-result small{color:#ff9bc7;font-family:"UbuntuBold";font-size:.62rem;letter-spacing:.09em;text-transform:uppercase}.agent-os-linear-trigger strong{display:block;font-family:"UbuntuBold";font-size:1.04rem;margin:12px 0 7px}.agent-os-linear-trigger b{color:#cbeaf3;font-size:.76rem;font-weight:normal;line-height:1.35}.agent-os-linear-chain{align-content:center;display:flex;flex-wrap:wrap;gap:11px 7px;justify-content:center}.agent-os-linear-chain span{background:rgba(176,222,237,.09);border:1px solid rgba(176,222,237,.38);border-radius:99px;color:#e5f7fb;font-family:"UbuntuBold";font-size:.67rem;padding:10px 12px}.agent-os-linear-chain span:first-child{border-color:#ff76b1;color:#fff}.agent-os-linear-chain span:last-child{background:rgba(176,222,237,.18);box-shadow:0 0 22px rgba(176,222,237,.18)}.agent-os-linear-chain i{align-self:center;background:linear-gradient(90deg,#b0deed,#d10b68);height:1px;width:18px}.agent-os-linear-agents{display:flex;gap:8px;grid-column:2;justify-content:center;margin-top:-95px}.agent-os-linear-agents span{background:rgba(7,27,67,.72);border:1px solid rgba(176,222,237,.28);border-radius:99px;color:#aee9f6;font-family:"UbuntuBold";font-size:.58rem;padding:6px 9px}.agent-os-linear-agents span:nth-child(3){color:#ffd38a}.agent-os-linear-agents span:nth-child(4){color:#b3edbd}.agent-os-linear-demo .agent-os-decision-result{bottom:auto;right:auto;width:auto}.agent-os-specialists .agent-os-restored-cards{display:block!important}.agent-os-specialists .agent-os-restored-cards .agent-os-work-card{display:none;margin:0 auto;max-width:720px;min-height:320px}.agent-os-specialists .agent-os-restored-cards .agent-os-work-card:first-child{display:block}.agent-os-specialists .agent-os-compact-capabilities>div{grid-template-columns:repeat(6,minmax(0,1fr))}.agent-os-specialists .agent-os-compact-capabilities span{min-height:94px;padding:16px}.agent-os-specialists .agent-os-compact-capabilities span b{font-size:.82rem}.agent-os-specialists .agent-os-compact-capabilities span small{font-size:.62rem;line-height:1.25;margin-top:5px}
@media(max-width:900px){.agent-os-linear-demo{grid-template-columns:180px 1fr;min-height:520px}.agent-os-linear-demo .agent-os-decision-result{grid-column:span 2;justify-self:center;max-width:360px}.agent-os-linear-agents{margin-top:0}.agent-os-specialists .agent-os-compact-capabilities>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.agent-os-linear-demo{display:flex;flex-direction:column;gap:23px;min-height:0}.agent-os-linear-trigger,.agent-os-linear-demo .agent-os-decision-result{width:100%}.agent-os-linear-chain{gap:7px}.agent-os-linear-chain span{font-size:.58rem;padding:8px 9px}.agent-os-linear-chain i{width:10px}.agent-os-linear-agents{margin:0}.agent-os-specialists .agent-os-compact-capabilities>div{grid-template-columns:repeat(2,minmax(0,1fr))}}

.agent-os-workplace-grid,.agent-os-capability-rail { display:none; }.agent-os-restored-workbench{display:block}.agent-os-restored-workbench>p:not(.agent-os-eyebrow){color:#365e70;font-size:1.05rem;margin:22px 0 50px;max-width:540px}.agent-os-restored-cards{display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}@media(max-width:900px){.agent-os-restored-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.agent-os-restored-cards{grid-template-columns:1fr}}

.agent-os-compact-capabilities{border-top:1px solid #c7dfe6;margin-top:55px;padding-top:20px}.agent-os-compact-capabilities>div{display:grid;gap:1px;grid-template-columns:repeat(6,1fr)}.agent-os-compact-capabilities span{background:#e7f4f7;color:#234f63;font-family:"UbuntuBold";font-size:.75rem;padding:15px 10px;text-align:center}@media(max-width:800px){.agent-os-compact-capabilities>div{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.agent-os-compact-capabilities>div{grid-template-columns:repeat(2,1fr)}}

/* Dark, luminous flumen treatment for the agents gallery. */
.agent-os-specialists { background:radial-gradient(circle at 52% 42%,rgba(67,136,173,.28),transparent 34%),linear-gradient(145deg,#0c1c48,#071333 72%); color:#fff; }.agent-os-specialists h2{color:#fff}.agent-os-specialists .agent-os-eyebrow{color:#ff77b4}.agent-os-restored-workbench>p:not(.agent-os-eyebrow){color:#c0e1eb}.agent-os-restored-cards .agent-os-work-card{background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(176,222,237,.035));border-color:rgba(176,222,237,.33);box-shadow:0 20px 45px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.11)}.agent-os-restored-cards .agent-os-work-card::before{background:radial-gradient(circle,rgba(176,222,237,.18),transparent 67%);content:"";height:140px;position:absolute;right:-55px;top:-65px;width:140px}.agent-os-restored-cards .agent-os-work-card header>i{background:rgba(176,222,237,.12)}.agent-os-restored-cards .agent-os-work-card header span{color:#a8d3e1}.agent-os-restored-cards .agent-os-work-card>p{color:#fff}.agent-os-restored-cards .agent-os-mini-ui{background:rgba(4,18,56,.8);border:1px solid rgba(176,222,237,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.agent-os-restored-cards .agent-os-work-card::after{opacity:.85}.agent-os-compact-capabilities{border-color:rgba(176,222,237,.35)}.agent-os-compact-capabilities span{background:rgba(176,222,237,.09);border:1px solid rgba(176,222,237,.12);color:#d7f1f8}.agent-os-compact-capabilities span:nth-child(2n){background:rgba(176,222,237,.13)}

.agent-os-page .agent-os-specialists { background:radial-gradient(circle at 52% 42%,rgba(67,136,173,.28),transparent 34%),linear-gradient(145deg,#0c1c48,#071333 72%) !important; color:#fff; }

.agent-os-compact-capabilities{margin-top:78px;padding-top:28px}.agent-os-compact-capabilities>div{grid-template-columns:repeat(3,1fr)}.agent-os-compact-capabilities span{min-height:135px;padding:25px;text-align:left}.agent-os-compact-capabilities span b,.agent-os-compact-capabilities span small{display:block}.agent-os-compact-capabilities span b{font-family:"UbuntuBold";font-size:1.05rem}.agent-os-compact-capabilities span small{color:#b9dce7;font-size:.72rem;line-height:1.32;margin-top:9px}@media(max-width:700px){.agent-os-compact-capabilities>div{grid-template-columns:1fr}.agent-os-compact-capabilities span{min-height:0}}

.agent-os-restored-cards{display:block!important}.agent-os-restored-cards .agent-os-work-card{display:none;max-width:700px;margin:0 auto;min-height:345px}.agent-os-restored-cards .agent-os-work-card:first-child{display:block}.agent-os-slider-nav{align-items:center;display:flex;gap:15px;justify-content:center;margin:26px 0 0}.agent-os-slider-nav button{align-items:center;background:rgba(176,222,237,.1);border:1px solid rgba(176,222,237,.38);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;height:34px;justify-content:center;width:34px}.agent-os-slider-dots{display:flex;gap:7px}.agent-os-slider-dots button{background:rgba(176,222,237,.35);border:0;border-radius:50%;height:7px;padding:0;width:7px}.agent-os-slider-dots button.active{background:#ff71af;box-shadow:0 0 9px #ff71af}
@media(min-width:1200px){body:has(#new-sidebar.active) .agent-os-specialists .agent-os-shell,body:has(#sidebar.active) .agent-os-specialists .agent-os-shell{padding-left:clamp(230px,17vw,285px)}}

/* Keep the restored five-agent gallery out of the legacy workbench grid. */
.agent-os-specialists .agent-os-restored-workbench { display:block; }
.agent-os-specialists .agent-os-restored-cards { display:grid; gap:16px; grid-template-columns:repeat(5,minmax(0,1fr)); }
@media(max-width:900px){.agent-os-specialists .agent-os-restored-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.agent-os-specialists .agent-os-restored-cards{grid-template-columns:1fr}}

/* Complexity is reduced to one clear, explainable decision. */
.agent-os-layers { background:radial-gradient(circle at 51% 48%,rgba(176,222,237,.15),transparent 26%),#081538; overflow:hidden; }.agent-os-layers-intro{color:#d1eaf1;font-size:1.08rem;line-height:1.45;margin:24px 0 0;max-width:530px}.agent-os-transformation{align-items:center;display:grid;gap:25px;grid-template-columns:1fr .9fr 70px 1.15fr;margin-top:85px;min-height:440px}.agent-os-chaos{height:365px;position:relative}.agent-os-chaos-label{color:#83aab9;font-family:"UbuntuBold";font-size:.68rem;left:50%;letter-spacing:.08em;position:absolute;text-transform:uppercase;top:-8px;transform:translateX(-50%);white-space:nowrap}.agent-os-chaos i{animation:chaos-drift 6s ease-in-out infinite;background:rgba(176,222,237,.08);border:1px solid rgba(176,222,237,.25);border-radius:999px;color:#c8e8f0;font-size:.65rem;font-style:normal;padding:8px 11px;position:absolute}.agent-os-chaos i:nth-of-type(1){left:9%;top:20%;}.agent-os-chaos i:nth-of-type(2){left:52%;top:9%;animation-delay:-1s}.agent-os-chaos i:nth-of-type(3){right:4%;top:34%;animation-delay:-2s}.agent-os-chaos i:nth-of-type(4){left:32%;top:42%;animation-delay:-3s}.agent-os-chaos i:nth-of-type(5){left:2%;top:57%;animation-delay:-4s}.agent-os-chaos i:nth-of-type(6){right:11%;top:63%;animation-delay:-2.5s}.agent-os-chaos i:nth-of-type(7){left:42%;top:74%;animation-delay:-.5s}.agent-os-chaos i:nth-of-type(8){left:12%;bottom:2%;animation-delay:-4.5s}.agent-os-chaos i:nth-of-type(9){right:5%;bottom:5%;animation-delay:-5s}.agent-os-chaos i:nth-of-type(10){left:58%;top:54%;animation-delay:-1.8s}.agent-os-chaos svg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.agent-os-chaos path{fill:none;stroke:rgba(176,222,237,.16);stroke-dasharray:3 9}@keyframes chaos-drift{50%{transform:translateY(-10px)}}.agent-os-transform-core{align-items:center;background:radial-gradient(circle at 30% 22%,#e8fbff,#a4d8e6 55%,#5c9ab4);border:9px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 20px rgba(176,222,237,.06),0 20px 65px rgba(0,0,0,.28);color:#06153b;display:flex;flex-direction:column;height:250px;justify-content:center;text-align:center;width:250px}.agent-os-transform-core span{font-size:.62rem;letter-spacing:.09em;text-transform:uppercase}.agent-os-transform-core strong{font-family:"UbuntuBold";font-size:1.55rem;line-height:1.02;margin-top:9px}.agent-os-transform-core i{background:#d10b68;border-radius:50%;box-shadow:0 0 18px #d10b68;height:10px;margin:13px 0;width:10px}.agent-os-transform-core small{font-size:.57rem;max-width:165px}.agent-os-transform-stream{height:100%;position:relative}.agent-os-transform-stream::before{background:linear-gradient(90deg,rgba(176,222,237,.1),#ff6cac);content:"";height:1px;left:-8px;position:absolute;right:-8px;top:50%}.agent-os-transform-stream i{animation:stream-move 3s linear infinite;background:#c4f1fa;border-radius:50%;box-shadow:0 0 14px #c4f1fa;height:7px;left:0;position:absolute;top:calc(50% - 3px);width:7px}.agent-os-transform-stream i:nth-child(2){animation-delay:-1s}.agent-os-transform-stream i:nth-child(3){animation-delay:-2s}@keyframes stream-move{to{left:100%}}.agent-os-one-decision{background:linear-gradient(135deg,#d10b68,#a80659);border:1px solid rgba(255,255,255,.52);border-radius:22px;box-shadow:0 25px 65px rgba(0,0,0,.32);padding:27px}.agent-os-one-decision small{font-size:.61rem;letter-spacing:.08em;text-transform:uppercase}.agent-os-one-decision strong{display:block;font-family:"UbuntuBold";font-size:2rem;line-height:1.02;margin-top:12px}.agent-os-one-decision p{font-size:.88rem;margin:9px 0 21px}.agent-os-one-decision ul{border-top:1px solid rgba(255,255,255,.3);list-style:none;margin:0;padding:15px 0 7px}.agent-os-one-decision li{font-size:.71rem;margin:9px 0}.agent-os-one-decision li b{display:inline-block;font-family:"UbuntuBold";font-size:.9rem;min-width:48px}.agent-os-one-decision>span{color:#ffc9e3;font-size:.6rem;line-height:1.3}@media(max-width:900px){.agent-os-transformation{grid-template-columns:1fr 1fr;gap:45px}.agent-os-transform-stream{display:none}.agent-os-chaos{justify-self:center;width:310px}.agent-os-transform-core{justify-self:center}.agent-os-one-decision{grid-column:span 2;justify-self:center;max-width:420px;width:100%}}@media(max-width:600px){.agent-os-transformation{grid-template-columns:1fr;margin-top:55px}.agent-os-chaos{height:270px;width:280px}.agent-os-transform-core{height:220px;width:220px}.agent-os-one-decision{grid-column:auto}.agent-os-one-decision strong{font-size:1.7rem}}

/* Digital-twin decision story: an event propagates through the complete value chain. */
.agent-os-decision { background: radial-gradient(circle at 50% 44%, rgba(48,109,155,.34), transparent 31%), linear-gradient(145deg,#101f50,#050d29 75%); min-height: auto; overflow:hidden; }
.agent-os-decision-intro { color:#c9e7f0; font-size:1.15rem; line-height:1.4; margin:24px 0 0; max-width:570px; }
.agent-os-signal-switcher { display:flex; flex-wrap:wrap; gap:8px; margin:34px 0 42px; }
.agent-os-signal-switcher span { border:1px solid rgba(176,222,237,.25); border-radius:999px; color:#b8d7e3; font-size:.73rem; padding:8px 12px; }
.agent-os-signal-switcher .active { background:rgba(209,11,104,.17); border-color:#ff72af; color:#fff; font-family:"UbuntuBold"; }
.agent-os-signal-switcher i { background:#ff5b9d; border-radius:50%; box-shadow:0 0 9px #ff5b9d; display:inline-block; height:6px; margin-right:6px; width:6px; }
.agent-os-twin-stage { height:620px; isolation:isolate; position:relative; }
.agent-os-twin-stage::before { background:radial-gradient(circle,rgba(176,222,237,.1),transparent 68%); content:""; height:850px; left:12%; position:absolute; top:-150px; width:850px; z-index:-1; }
.agent-os-twin-links { height:100%; inset:0; overflow:visible; position:absolute; width:100%; z-index:0; }
.agent-os-twin-links path { animation:twin-flow 8s linear infinite; fill:none; stroke:rgba(152,215,235,.54); stroke-dasharray:5 11; stroke-width:1.3; }
@keyframes twin-flow { to { stroke-dashoffset:-180; } }
.agent-os-ripple { animation:ripple-out 7s ease-out infinite; border:1px solid rgba(255,92,159,.54); border-radius:50%; height:90px; left:4.5%; opacity:0; position:absolute; top:43%; width:90px; z-index:0; }.ripple-two{animation-delay:2.3s}.ripple-three{animation-delay:4.6s}@keyframes ripple-out{0%{opacity:.8;transform:scale(.25)}100%{opacity:0;transform:scale(8)}}
.agent-os-trigger { background:linear-gradient(135deg,rgba(209,11,104,.36),rgba(20,41,91,.9)); border:1px solid #ff76b1; border-radius:16px; box-shadow:0 0 35px rgba(255,80,151,.25); left:0; padding:18px; position:absolute; top:42%; width:185px; z-index:3; }.agent-os-trigger span,.agent-os-decision-result small { color:#ff9bc7; font-family:"UbuntuBold"; font-size:.62rem; letter-spacing:.09em; text-transform:uppercase }.agent-os-trigger strong { display:block; font-family:"UbuntuBold"; font-size:1.08rem; line-height:1.1; margin-top:7px }.agent-os-trigger em{background:#ff5b9d;border-radius:50%;box-shadow:0 0 17px #ff5b9d;height:9px;position:absolute;right:17px;top:17px;width:9px}
.agent-os-object { align-items:center; animation:node-arrive 9s both infinite; background:rgba(9,29,70,.8); border:1px solid rgba(176,222,237,.5); border-radius:999px; display:flex; gap:8px; padding:10px 13px; position:absolute; z-index:2; }.agent-os-object i{align-items:center;background:rgba(176,222,237,.16);border-radius:50%;color:#bdeeff;display:flex;font-size:1rem;font-style:normal;height:25px;justify-content:center;width:25px}.agent-os-object span{font-family:"UbuntuBold";font-size:.72rem}.agent-os-object b{background:#d10b68;border-radius:99px;font-size:.56rem;margin-left:3px;padding:3px 5px}.supplier-node{left:20%;top:10%;animation-delay:.4s}.material-node{left:29%;top:36%;animation-delay:.9s}.bom-node{left:30%;bottom:17%;animation-delay:1.4s}.product-node{left:46%;top:21%;animation-delay:1.8s}.machine-node{left:51%;bottom:11%;animation-delay:2.2s}.plant-node{left:62%;top:37%;animation-delay:2.6s}.order-node{right:15%;top:11%;animation-delay:3s}.customer-node{right:4%;bottom:28%;animation-delay:3.4s}@keyframes node-arrive{0%,8%{filter:blur(5px);opacity:.12;transform:scale(.75)}18%,100%{filter:blur(0);opacity:1;transform:scale(1)}}
.agent-os-working { align-items:center; animation:agent-work 9s both infinite; color:#a7eaff; display:flex; gap:8px; position:absolute; z-index:3; }.agent-os-working b{align-items:center;background:rgba(7,26,65,.9);border:1px solid currentColor;border-radius:50%;box-shadow:0 0 21px currentColor;display:flex;font-size:.9rem;height:37px;justify-content:center;width:37px}.agent-os-working span{font-family:"UbuntuBold";font-size:.63rem;line-height:1.15}.supply-work{color:#86e5f5;left:18%;top:26%;animation-delay:1.2s}.production-work{color:#ff83b7;left:43%;top:47%;animation-delay:2.3s}.quality-work{color:#b2efbd;left:58%;bottom:25%;animation-delay:3.1s}.cost-work{color:#ffd28a;right:21%;top:33%;animation-delay:3.7s}.co2-work{color:#a7ebbd;right:9%;top:55%;animation-delay:4.3s}@keyframes agent-work{0%,15%{opacity:0;transform:translateY(12px)}28%,88%{opacity:1;transform:translateY(0)}100%{opacity:.5}}
.agent-os-decision-result { background:linear-gradient(135deg,rgba(209,11,104,.9),rgba(116,5,63,.94)); border:1px solid rgba(255,255,255,.5); border-radius:22px; bottom:10px; box-shadow:0 20px 55px rgba(0,0,0,.35),0 0 45px rgba(209,11,104,.25); padding:23px; position:absolute; right:0; width:264px; z-index:4; }.agent-os-decision-result strong{display:block;font-family:"UbuntuBold";font-size:1.35rem;line-height:1.05;margin:9px 0}.agent-os-decision-result p{font-size:.78rem;margin:0 0 17px}.agent-os-decision-result div{border-top:1px solid rgba(255,255,255,.3);display:grid;gap:7px;padding-top:13px}.agent-os-decision-result div span{font-size:.65rem}.agent-os-decision-result div b{display:inline-block;font-family:"UbuntuBold";font-size:.83rem;min-width:43px}.agent-os-causal-trace{align-items:center;color:#c5e5ee;display:flex;font-family:"UbuntuBold";font-size:.66rem;gap:9px;justify-content:center;margin:20px auto 0;overflow-x:auto;padding-bottom:4px;white-space:nowrap}.agent-os-causal-trace i{background:linear-gradient(90deg,#b0deed,#d10b68);height:1px;width:32px}.agent-os-causal-trace strong{color:#fff;background:rgba(176,222,237,.14);border-radius:99px;padding:8px 12px}
@media(max-width:900px){.agent-os-twin-stage{height:700px;transform:scale(.85);transform-origin:left top;width:118%}.agent-os-causal-trace{margin-top:-75px}.agent-os-decision-result{right:4%}}@media(max-width:600px){.agent-os-decision-intro{font-size:1rem}.agent-os-signal-switcher span:not(.active){display:none}.agent-os-twin-stage{height:675px;transform:scale(.54);width:185%}.agent-os-causal-trace{justify-content:flex-start;margin-top:-300px}.agent-os-object{padding:9px}.agent-os-decision-result{bottom:0}.agent-os-decision-result strong{font-size:1.25rem}}

/* Keep the complete twin readable at first glance; the pulse only marks the current step. */
@keyframes node-arrive { 0%,100% { filter:none; opacity:.88; transform:scale(1); } 46% { box-shadow:0 0 0 5px rgba(176,222,237,.08),0 0 25px rgba(176,222,237,.38); filter:none; opacity:1; transform:scale(1.045); } }

/* Cooperative intelligence: simultaneous perspectives updating one shared graph. */
.agent-os-specialists { background:radial-gradient(circle at 50% 48%,rgba(176,222,237,.14),transparent 28%),#f8fcfd; overflow:hidden; }
.agent-os-specialists-intro { font-size:1.12rem; line-height:1.45; margin:25px 0 0; max-width:590px; }
.agent-os-team-network { height:720px; margin-top:50px; position:relative; }
.agent-os-team-network::before { background:radial-gradient(circle,rgba(150,213,234,.28),transparent 68%); content:""; height:730px; left:50%; position:absolute; top:-35px; transform:translateX(-50%); width:730px; }
.agent-os-team-links { height:100%; inset:0; position:absolute; width:100%; }.agent-os-team-links path { animation:team-stream 10s linear infinite; fill:none; stroke:rgba(55,139,170,.32); stroke-dasharray:3 12; stroke-width:1.2; }@keyframes team-stream{to{stroke-dashoffset:-190}}
.agent-os-shared-graph { align-items:center; background:radial-gradient(circle at 36% 27%,#fff,#d9f3f9 37%,#9ccddd 76%,#6ba3b9); border:7px solid rgba(255,255,255,.72); border-radius:50%; box-shadow:0 0 0 18px rgba(176,222,237,.18),0 25px 60px rgba(23,78,103,.22); color:#07183e; display:flex; flex-direction:column; height:270px; justify-content:center; left:50%; position:absolute; text-align:center; top:45%; transform:translate(-50%,-50%); width:270px; z-index:4; }.agent-os-shared-graph::before{border:1px solid rgba(20,75,102,.22);border-radius:50%;content:"";height:calc(100% + 46px);left:-24px;position:absolute;top:-24px;width:calc(100% + 46px)}.agent-os-shared-graph small{font-size:.62rem;letter-spacing:.11em;text-transform:uppercase}.agent-os-shared-graph strong{font-family:"UbuntuBold";font-size:1.5rem;line-height:1.02;margin-top:8px}.agent-os-shared-graph em{background:#d10b68;border-radius:50%;box-shadow:0 0 15px #d10b68;height:9px;margin-top:12px;width:9px}.agent-os-graph-route{align-items:center;bottom:-52px;color:#39748c;display:flex;font-family:"UbuntuBold";font-size:.53rem;gap:5px;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.agent-os-graph-route i{background:#4f9db9;height:1px;width:11px}
.agent-os-perspective { animation:perspective-pulse 10s ease-in-out infinite; align-items:center; color:#277995; display:grid; gap:0 9px; grid-template-columns:40px auto; position:absolute; z-index:3; }.agent-os-perspective b{align-items:center;background:rgba(255,255,255,.68);border:1px solid currentColor;border-radius:50%;box-shadow:0 9px 20px rgba(16,78,108,.15);display:flex;font-size:1rem;grid-row:span 2;height:40px;justify-content:center;width:40px}.agent-os-perspective strong{font-family:"UbuntuBold";font-size:.78rem}.agent-os-perspective span{font-size:.64rem;line-height:1.22;white-space:nowrap}.agent-os-perspective span i{color:#468e6b;font-style:normal}.supply-view{left:6%;top:13%;animation-delay:.2s;color:#1a8a9b}.production-view{left:21%;bottom:16%;animation-delay:1.2s;color:#c65082}.quality-view{left:34%;top:3%;animation-delay:2.1s;color:#4f9970}.cost-view{right:30%;top:4%;animation-delay:3.1s;color:#b6782f}.co2-view{right:8%;top:17%;animation-delay:4.1s;color:#47875a}.planning-view{right:6%;bottom:26%;animation-delay:5.1s;color:#357f9d}.risk-view{right:25%;bottom:10%;animation-delay:6.1s;color:#b33a69}.energy-view{left:7%;bottom:29%;animation-delay:7.1s;color:#6a9b58}@keyframes perspective-pulse{0%,100%{filter:none;opacity:.87;transform:scale(1)}38%{filter:drop-shadow(0 0 14px currentColor);opacity:1;transform:scale(1.055)}}
.agent-os-collective-decision { background:linear-gradient(135deg,rgba(209,11,104,.95),rgba(116,5,63,.96)); border:1px solid rgba(255,255,255,.54); border-radius:19px; bottom:7%; box-shadow:0 18px 45px rgba(61,16,52,.28); color:#fff; left:50%; padding:17px 20px; position:absolute; text-align:center; transform:translateX(-50%); width:330px; z-index:5; }.agent-os-collective-decision small{font-size:.57rem;letter-spacing:.08em;text-transform:uppercase}.agent-os-collective-decision strong{display:block;font-family:"UbuntuBold";font-size:1.1rem;margin-top:7px}.agent-os-collective-decision p{font-family:"UbuntuBold";font-size:1.28rem;margin:5px 0}.agent-os-collective-decision span{font-size:.68rem}
@media(max-width:900px){.agent-os-team-network{height:690px;transform:scale(.82);transform-origin:left top;width:122%}}@media(max-width:600px){.agent-os-specialists-intro{font-size:1rem}.agent-os-team-network{height:660px;transform:scale(.52);width:192%}.agent-os-collective-decision{bottom:2%}}

/* Capability gallery: each specialist is shown through a useful industrial result. */
.agent-os-specialists { background:#f8fcfd; }.agent-os-workbench { display:grid; gap:16px; grid-template-columns:repeat(5,1fr); margin-top:58px; }.agent-os-work-card { background:rgba(255,255,255,.78); border:1px solid rgba(16,67,94,.13); border-radius:17px; box-shadow:0 14px 35px rgba(14,63,86,.07); min-height:330px; overflow:hidden; padding:17px; position:relative; }.agent-os-work-card::after{background:linear-gradient(90deg,transparent,currentColor,transparent);bottom:0;content:"";height:2px;left:16px;opacity:.5;position:absolute;right:16px}.agent-os-work-card header{align-items:center;display:flex;gap:10px}.agent-os-work-card header>i{align-items:center;background:#edf8fc;border-radius:11px;color:#137898;display:flex;font-size:1.15rem;font-style:normal;height:38px;justify-content:center;width:38px}.agent-os-work-card header strong,.agent-os-work-card header span{display:block}.agent-os-work-card header strong{font-family:"UbuntuBold";font-size:.86rem}.agent-os-work-card header span{color:#507486;font-size:.58rem;margin-top:2px}.agent-os-work-card>p{color:#17375d;font-family:"UbuntuBold";font-size:.82rem;line-height:1.27;margin:26px 0 18px;min-height:65px}.agent-os-mini-ui{background:#0c2049;border-radius:12px;color:#e7faff;min-height:136px;padding:13px}.agent-os-mini-ui span{border-bottom:1px solid rgba(176,222,237,.19);display:flex;font-size:.62rem;justify-content:space-between;padding:7px 0}.agent-os-mini-ui span b{color:#a8e8b5;font-family:"UbuntuBold";font-weight:normal}.agent-os-mini-ui em{color:#ff86ba;display:block;font-family:"UbuntuBold";font-size:.61rem;font-style:normal;margin-top:10px}.production-ui div{align-items:flex-end;border-bottom:1px solid rgba(176,222,237,.25);display:flex;gap:5px;height:53px;padding:0 2px 7px}.production-ui div i{background:#8cddeb;border-radius:3px 3px 0 0;height:30%;width:13%}.production-ui div i:nth-child(2){height:62%}.production-ui div i:nth-child(3){background:#f6509c;height:93%}.production-ui div i:nth-child(4){height:48%}.production-ui div i:nth-child(5){height:72%}.production-ui>span{display:block;font-size:.64rem;margin-top:10px}.production-ui>span b{color:#ff86ba;display:block;font-size:.58rem;margin-top:4px}.quality-ui span{display:block;font-size:.61rem;line-height:1.6}.quality-ui span i{color:#ff7db7;font-style:normal}.quality-ui>b{color:#a9e7b9;display:block;font-family:"UbuntuBold";font-size:.6rem;line-height:1.2;margin-top:14px}.cost-ui span b{color:#dff7ff}.co2-ui div{display:flex;gap:5px;height:55px}.co2-ui div i{background:#b2e3b5;border-radius:50%;display:block;height:14px;margin-top:28px;width:14px}.co2-ui div i:nth-child(2){background:#ff81b8;height:31px;margin-top:11px;width:31px}.co2-ui div i:nth-child(3){height:22px;margin-top:20px;width:22px}.co2-ui div i:nth-child(4){height:10px;margin-top:33px;width:10px}.co2-ui div i:nth-child(5){height:18px;margin-top:25px;width:18px}.co2-ui>span{font-size:.59rem}.supply-card{color:#16879d}.production-card{color:#c9487d}.quality-card{color:#51926c}.cost-card{color:#b87932}.co2-card{color:#46875a}.agent-os-work-card header>i{color:currentColor}.agent-os-capability-heading{border-top:1px solid #c9e0e7;margin-top:105px;padding-top:42px}.agent-os-capability-heading h3{font-family:"UbuntuBold";font-size:clamp(2rem,3.5vw,3.5rem);letter-spacing:-.04em;margin:0}.agent-os-capability-heading>span{color:#40697a;display:block;font-size:.94rem;line-height:1.42;margin-top:16px;max-width:610px}.agent-os-capability-matrix{display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin-top:36px}.agent-os-capability-matrix article{background:#e8f5f8;min-height:155px;padding:23px}.agent-os-capability-matrix i{color:#cf126a;display:block;font-size:1.35rem;font-style:normal;margin-bottom:21px}.agent-os-capability-matrix strong{display:block;font-family:"UbuntuBold";font-size:1.05rem}.agent-os-capability-matrix span{color:#3e6475;display:block;font-size:.75rem;line-height:1.32;margin-top:7px;max-width:270px}@media(max-width:1000px){.agent-os-workbench{grid-template-columns:repeat(3,1fr)}.agent-os-work-card{min-height:300px}}@media(max-width:600px){.agent-os-workbench{grid-template-columns:1fr}.agent-os-work-card{min-height:0}.agent-os-work-card>p{min-height:0}.agent-os-capability-heading{margin-top:78px}.agent-os-capability-matrix{grid-template-columns:1fr}.agent-os-capability-matrix article{min-height:0}}

/* The navigation drawer is intentionally open on entry. Keep the hero clear of it. */
@media (min-width: 1200px) {
  body:has(#new-sidebar.active) .agents-overview-container,
  body:has(#sidebar.active) .agents-overview-container {
    padding-left: clamp(110px, 8vw, 170px);
  }
}

@media (max-width: 900px) { .agents-overview-hero-grid, .agents-overview-two-col { grid-template-columns: 1fr; }.agents-overview-hero { padding-top: 145px; }.agents-overview-hero-visual { margin: 20px auto 0; max-width: 450px; width: 100%; }.agents-overview-specialist-grid, .agents-overview-result-grid { grid-template-columns: 1fr; }.agents-overview-specialist-grid article { min-height: 0; }.agents-overview-capability-grid { grid-template-columns: repeat(2, 1fr); }.agents-overview-capability-grid div:nth-child(5n) { border-right: 1px solid rgba(176,222,237,.28); }.agents-overview-capability-grid div:nth-child(2n) { border-right: 0; }.agents-overview-dialogue-grid { grid-template-columns: 1fr; }.agents-overview-flow { grid-template-columns: 1fr; }.agents-overview-flow b { text-align: center; transform: rotate(90deg); }.agents-overview-usecase-list { columns: 1; } }
@media (max-width: 600px) { .agents-overview-section { padding: 80px 0; }.agents-overview-container { width: min(100% - 32px, 1120px); }.agents-overview-hero { min-height: 0; }.agents-overview-hero h1 { font-size: 3.3rem; }.agents-overview-hero-visual { height: 390px; transform: scale(.82); transform-origin: center top; margin-bottom: -70px; }.agents-overview-question-grid { grid-template-columns: 1fr; }.agents-overview-capability-grid { grid-template-columns: 1fr; }.agents-overview-capability-grid div, .agents-overview-capability-grid div:nth-child(5n) { border-right: 0; }.agents-overview-user-question p { font-size: 1.35rem; } }

.platform-hero .platform-container {
    padding-top: 13vmin;
}

.platform-kicker {
    font-size: 1.08rem;
    line-height: 1.05;
    margin-bottom: 48px;
}

.platform-hero-pretitle {
    font-size: 1.42rem;
    margin-bottom: 42px;
}

.platform-hero h1 {
    font-size: clamp(3.15rem, 4.35vw, 4.1rem);
    line-height: 1.15;
}

@media (min-width: 993px) {
    html body {
        background-color: var(--platform-navy);
    }

    .platform-page {
        --platform-header-space: clamp(70px, calc(5vmin + 20px), 100px);
    }

    .platform-hero {
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: calc(100vh - var(--platform-header-space));
        min-height: calc(100svh - var(--platform-header-space));
    }

    .platform-hero-network {
        left: 50%;
        top: calc(50% - 32.6vw);
        transform: translateX(-50%);
        width: max(100vw, 1120px);
    }

    .platform-hero .platform-container {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 0;
        text-align: center;
    }
}

.platform-chevron-down {
    display: block;
    height: auto;
    margin: 35px auto 0;
    width: 55px;
}

.platform-relations {
    padding-top: 7vmin;
    min-height: 1190px;
}

.platform-relations .platform-container {
    min-height: 1190px;
}

.platform-cubes {
    left: 50%;
    top: 170px;
    transform: translateX(-50%);
    width: 1280px;
}

.platform-relations-copy {
    left: 0;
    position: absolute;
    top: 0;
    width: 520px;
}

.platform-hex-bottom-text {
    float: right;
}

.platform-relations-copy h2,
.platform-transparency {
    font-size: clamp(3.05rem, 4.25vw, 3.85rem);
}

.platform-relations-copy h2 {
    margin-bottom: 30px;
}

.platform-relations-copy p {
    font-size: 1.05rem;
}

.platform-transparency {
    left: 590px;
    position: absolute;
    top: 330px;
    width: 380px;
    z-index: 3;
}

.platform-cube-text {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 1rem;
    position: absolute;
    width: 230px;
    z-index: 3;
}

.platform-cube-text-1 {
    left: 250px;
    top: 590px;
}

.platform-cube-text-2 {
    left: 520px;
    top: 765px;
}

.platform-cube-text-3 {
    left: 805px;
    top: 690px;
    width: 210px;
}

.platform-cube-text-4 {
    left: 370px;
    top: 930px;
}

.platform-cube-text-5 {
    left: 695px;
    top: 940px;
}

.platform-primary {
    min-height: 1390px;
    padding-top: 10vmin;
}

.platform-primary-grid {
    display: grid;
    gap: 95px;
    grid-template-columns: 360px 1fr;
}

.platform-primary-copy {
    padding-left: 0;
}

.platform-small-bold {
    font-size: 1.15rem;
    line-height: 1.05;
    margin-bottom: 20px;
}

.platform-primary-copy h2 {
    font-size: clamp(3.35rem, 5.2vw, 4.6rem);
    line-height: 1.1;
    margin-bottom: 28px;
}

.platform-primary-strong {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 1.55rem;
    line-height: 1.08;
    margin-bottom: 24px !important;
}

.platform-primary-copy>p:not(.platform-small-bold):not(.platform-primary-strong) {
    font-size: 1rem;
    margin-bottom: 42px;
}

.platform-graph-copy {
    padding-top: 145px;
}

.platform-graph-copy h3 {
    font-size: 1.72rem;
    line-height: 1.08;
    margin-bottom: 8px;
}

.platform-graph-copy>p {
    font-size: 0.8rem;
}

.platform-graph-art {
    height: 590px;
    margin: 18px 0 34px -78px;
    overflow: hidden;
    position: relative;
    width: 695px;
}

.platform-graph-art::before {
    background: var(--platform-navy);
    content: "";
    height: 28%;
    left: 0;
    position: absolute;
    top: 0;
    width: 66%;
    z-index: 1;
}

.platform-graph-img {
    position: absolute;
    right: 0;
    width: 45vw;
    z-index: 0;
}

.platform-graph-body {
    font-size: 0.82rem !important;
    margin-left: -30px;
    width: 380px;
}

.platform-monitor-copy {
    color: #fff;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 0.94rem;
    left: 45%;
    line-height: 1.13;
    margin: 0;
    max-width: 430px;
    position: absolute;
    bottom: 340px;
    text-align: left;
    transform: none;
    width: min(430px, calc(100vw - 48px));
    z-index: 4;
}

.platform-monitor-strip {
    background: #fff;
    bottom: 0;
    height: 220px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
}

.platform-monitor-strip figure {
    margin: -55px auto 0;
    text-align: center;
    width: 293px;
}

.platform-monitor-strip img {
    display: block;
    height: auto;
    width: 293px;
}

.platform-monitor-strip figcaption {
    color: var(--platform-navy);
    font-size: 0.76rem;
    font-style: italic;
    margin-top: 20px;
}

.platform-decisions {
    min-height: 2680px;
    padding-top: 300px;
}

.platform-decisions blockquote {
    border-left: 3px solid var(--platform-pink-hot);
    color: #fff;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: clamp(2.45rem, 4.1vw, 3.85rem);
    line-height: 1.15;
    margin-left: 95px;
    padding-left: 28px;
    width: 100%;
}

.platform-model-flow {
    font-size: 0.78rem;
    line-height: 1.18;
    margin: 220px 0 42px 455px;
}

.platform-model-flow span {
    color: var(--platform-pink-hot);
}

.platform-model-heading {
    margin-left: 55px;
    margin-bottom: 48px;
}

.platform-model-heading h2 {
    font-size: clamp(3rem, 4.6vw, 4.35rem);
    line-height: 1.08;
    margin-bottom: 12px;
}

.platform-model-heading p {
    color: var(--platform-blue);
    font-size: 1.55rem;
}

.platform-card-grid {
    display: grid;
    gap: 26px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 auto;
    max-width: 1060px;
}

.platform-decisions .platform-container {
    max-width: 1080px;
    width: min(1080px, calc(100vw - 48px));
}

.platform-card {
    background: var(--platform-card);
    border-radius: 16px;
    column-gap: 25px;
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(180px, 0.88fr);
    min-height: 262px;
    padding: 34px 34px 30px;
}

.platform-card-5 {
    position: relative;
}

.platform-card-7 {
    grid-column: 2;
}

.platform-card-kicker {
    font-size: 0.9rem;
    line-height: 1;
    margin-bottom: 4px;
}

.platform-card h3 {
    font-family: "UbuntuBold";
    font-size: 2rem;
    line-height: 1.05;
    margin-bottom: 6px;
}

.platform-card-1 h3 {
    font-size: 1.72rem;
}

.platform-card p {
    font-family: "UbuntuBold";
    font-size: 0.78rem;
}

.platform-card-left>p:not(.platform-card-kicker):not(.platform-card-small) {
    font-size: 0.96rem;
    margin-bottom: 18px;
}

.platform-flow-icon {
    display: block;
    height: auto;
    margin: 22px 0 20px;
    width: 156px;
}

.platform-card-small {
    font-family: "Ubuntu" !important;
    font-size: 0.66rem !important;
}

.platform-card-side h4 {
    font-size: 0.9rem;
    line-height: 1.05;
    margin: 0 0 5px;
}

.platform-card-side p {
    font-family: "Ubuntu" !important;
    column-gap: 7px;
    display: grid;
    font-size: 0.72rem;
    grid-template-columns: 10px minmax(0, 1fr);
    margin-bottom: 14px;
}

.platform-card-side-arrow::before {
    color: #fff;
    content: "↓";
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    line-height: 1;
}

.platform-card-side-arrow-non::before {
    color: #fff;
    content: " ";
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    line-height: 1;
}

.platform-app-dots {
    display: block;
    height: auto;
    margin: 22px 0 8px 25px;
    width: 92px;
}

.platform-supply-icons {
    align-items: end;
    display: grid;
    gap: 8px;
    grid-template-columns: 70px 72px 78px;
    margin-top: 28px;
}

.platform-supply-icons img {
    max-width: 100%;
}

.platform-final {
    min-height: 1180px;
    padding-bottom: 120px;
    margin-top: 10vmin;
}

.platform-final .platform-container {
    max-width: 1120px;
    width: min(1120px, calc(100vw - 48px));
}

.platform-final-grid {
    column-gap: 34px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 10px;
}

.platform-final-grid article {
    word-break: break-word;
}

.platform-final h2 {
    font-size: clamp(2.75rem, 3.8vw, 3.55rem);
    line-height: 1.13;
    margin-bottom: 28px;
}

.platform-final h2 span {
    color: var(--platform-blue);
}

.platform-final-strong {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 1.52rem;
    line-height: 1.08;
    margin-bottom: 23px !important;
}

.platform-final article>p:not(.platform-kicker):not(.platform-final-strong):not(.platform-stack):not(.platform-hex-bullets):not(.platform-builder-prompt) {
    font-size: 0.9rem;
    margin-bottom: 52px;
}

.platform-hex-wrap {
    min-width: 0;
    padding-top: 330px;
}

.platform-stack {
    font-size: 1rem;
    line-height: 1.05;
    margin: 0 0 55px 210px;
}

.platform-hex-img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 500px;
}

.platform-hex-bullets {
    font-size: 0.86rem;
    margin-top: 28px;
}

.platform-builder {
    min-width: 0;
    padding-top: 750px;
    position: relative;
    z-index: 2;
}

.platform-builder h3 {
    font-size: 0.95rem;
    line-height: 1.08;
    margin-bottom: 7px;
}

.platform-builder p {
    font-size: 0.74rem;
    margin-bottom: 18px;
}

.platform-builder-prompt {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
}

.platform-builder .platform-button {
    font-size: 0.82rem;
    min-width: 210px;
}

.platform-valuestore {
    min-height: 1220px;
    padding: 7rem 0 10rem;
}

.platform-valuestore-bg {
    left: 50%;
    max-width: none;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 1.2rem;
    transform: translateX(-50%);
    user-select: none;
    width: min(85vmin, 92vw);
    z-index: 0;
}

.platform-valuestore-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 660px;
    position: relative;
    text-align: center;
    width: min(660px, calc(100vw - 48px));
    z-index: 2;
}

.platform-valuestore h2 {
    color: var(--platform-pink-hot);
    font-size: clamp(3.6rem, 6vw, 4.8rem);
    line-height: 1;
    margin: 0 auto;
    text-align: center;
}

.platform-valuestore-large {
    font-size: clamp(1.55rem, 2.8vw, 2.25rem);
    line-height: 1.05;
    margin: 1rem auto !important;
    max-width: 620px;
    text-align: center;
}

.platform-valuestore-boxed {
    color: var(--platform-white);
    font-size: 1.45rem;
    line-height: 1.05;
    margin: 1rem auto !important;
    max-width: 520px;
    padding: 0.8rem 1rem;
    text-align: center;
}

.platform-valuestore-button {
    background: #6d695b;
    margin-top: 0.35rem;
}

.platform-valuestore-caption {
    color: var(--platform-white);
    font-size: 1.1rem;
    line-height: 1.08;
    margin: 3rem auto 1.3rem;
    text-align: center;
    width: 100%;
}

.platform-page #pinnedAppsHolder.platform-valuestore-apps {
    margin: 1.3rem auto 0;
    max-width: calc((150px * 3) + (10px * 2));
}

.platform-page #pinnedAppsHolder.platform-valuestore-apps:empty {
    display: none;
}

.platform-page #pinnedAppsHolder.platform-valuestore-apps .shop_card_preholder_small {
    border-radius: 9px;
}

.platform-page #pinnedAppsHolder.platform-valuestore-apps .shop_card {
    background: var(--platform-navy) !important;
    border: 2px solid rgba(201, 20, 104, 0.92) !important;
    color: #fff;
}

.platform-app-placeholders {
    display: grid !important;
    gap: 10px;
    grid-template-columns: repeat(3, 150px);
    justify-content: center;
    margin: 1.3rem auto 0;
    max-width: calc((150px * 3) + (10px * 2));
    position: relative;
    z-index: 5;
}

.platform-page #pinnedAppsHolder.platform-valuestore-apps:not(:empty)+.platform-app-placeholders {
    display: none !important;
}

.platform-app-placeholders span {
    aspect-ratio: 1 / 1;
    background: var(--platform-navy);
    border: 2px solid rgba(201, 20, 104, 0.92);
    border-radius: 9px;
    display: block;
}

.platform-card-box-bg {
    position: absolute;
    left: 25vmin;
    width: 30vmin;
    margin-top: 66vmin;
}

@media (max-width: 1180px) {
    .platform-container {
        max-width: 920px;
    }

    .platform-cube-text-3 {
        left: 790px;
    }

    .platform-cube-text-5 {
        left: 675px;
    }

    .platform-card {
        padding-left: 30px;
        padding-right: 30px;
    }

    .platform-final .platform-container {
        max-width: 1000px;
    }

    .platform-final-grid {
        grid-template-columns: 1fr 1fr;
    }

    .platform-hex-wrap {
        padding-top: 390px;
    }

    .platform-stack {
        margin-left: 245px;
        margin-bottom: 40px;
    }

    .platform-hex-img {
        width: 430px;
    }

    .platform-builder {
        padding-top: 720px;
    }
}

@media (max-width: 980px) {
    .platform-container {
        max-width: 680px;
    }

    .platform-decisions .platform-container {
        max-width: 680px;
        width: min(680px, calc(100vw - 44px));
    }

    .platform-hero {
        min-height: 650px;
    }

    .platform-hero-network {
        top: 0;
        width: 100%;
    }

    .platform-hero .platform-container {
        padding-top: 175px;
    }

    .platform-relations {
        min-height: auto;
        padding-bottom: 110px;
    }

    .platform-relations .platform-container {
        min-height: auto;
    }

    .platform-relations-copy,
    .platform-transparency,
    .platform-cube-text {
        position: relative;
        left: auto;
        top: auto;
    }

    .platform-relations-copy {
        width: auto;
    }

    .platform-transparency {
        margin: 45px 0 0 auto;
        width: 330px;
    }

    .platform-cubes {
        top: 420px;
        width: 620px;
    }

    .platform-cube-text {
        margin-bottom: 20px;
    }

    .platform-cube-text-1 {
        margin-top: 470px;
    }

    .platform-cube-text-2,
    .platform-cube-text-4 {
        margin-left: 210px;
    }

    .platform-cube-text-3,
    .platform-cube-text-5 {
        margin-left: 390px;
    }

    .platform-primary {
        min-height: auto;
        padding-bottom: 320px;
    }

    .platform-primary-grid,
    .platform-final-grid {
        grid-template-columns: 1fr;
    }

    .platform-primary-copy {
        padding-left: 0;
    }

    .platform-graph-copy {
        padding-top: 80px;
    }

    .platform-graph-art {
        height: 544px;
        margin-left: 0;
        width: min(640px, 100%);
    }

    .platform-graph-img {
        /* width: 100%; */
    }

    .platform-monitor-copy {
        left: auto;
        margin: 70px auto 0;
        position: relative;
        bottom: auto;
        text-align: center;
        transform: none;
    }

    .platform-decisions {
        padding-top: 180px;
    }

    .platform-decisions blockquote {
        margin-left: 0;
        width: auto;
    }

    .platform-model-flow {
        margin-left: 250px;
    }

    .platform-model-heading {
        margin-left: 0;
    }

    .platform-card-grid {
        grid-template-columns: 1fr;
    }

    .platform-card-7 {
        grid-column: auto;
    }

    .platform-final {
        min-height: auto;
        padding-bottom: 420px;
    }

    .platform-final .platform-container {
        max-width: 680px;
        width: min(680px, calc(100vw - 44px));
    }

    .platform-hex-wrap,
    .platform-builder {
        padding-top: 90px;
    }

    .platform-stack {
        margin-left: 0;
    }

    .platform-valuestore {
        padding-top: 6rem;
    }

    .platform-valuestore-bg {
        left: 50%;
        width: 660px;
    }
}

@media (max-width: 680px) {
    .platform-container {
        width: min(318px, calc(100vw - 54px));
    }

    .platform-decisions .platform-container {
        max-width: 318px;
        width: min(318px, calc(100vw - 54px));
    }

    .platform-hero {
        min-height: 540px;
    }

    .platform-hero-network {
        top: 0;
        width: 100%;
    }

    .platform-hero .platform-container {
        padding-top: 135px;
    }

    .platform-kicker {
        font-size: 0.82rem;
        margin-bottom: 22px;
    }

    .platform-hero-pretitle {
        font-size: 1rem;
        margin-bottom: 24px;
    }

    .platform-hero h1 {
        font-size: 2.35rem;
    }

    .platform-chevron-down {
        margin-top: 23px;
        width: 38px;
    }

    .platform-relations {
        min-height: auto;
        padding-bottom: 95px;
    }

    .platform-relations-copy h2,
    .platform-transparency {
        font-size: 2.28rem;
    }

    .platform-relations-copy p {
        font-size: 0.98rem;
    }

    .platform-transparency {
        margin-left: 34px;
        width: 260px;
    }

    .platform-cubes {
        top: 470px;
        width: 430px;
    }

    .platform-cube-text {
        background: rgba(1, 10, 45, 0.76);
        border-left: 2px solid var(--platform-pink-hot);
        font-size: 0.84rem;
        line-height: 1.12;
        padding: 8px 10px;
        width: 245px;
    }

    .platform-cube-text-1 {
        margin-top: 420px;
        margin-left: 0;
    }

    .platform-cube-text-2,
    .platform-cube-text-3,
    .platform-cube-text-4,
    .platform-cube-text-5 {
        margin-left: 0;
    }

    .platform-primary-copy h2 {
        font-size: 3.1rem;
        overflow-wrap: anywhere;
    }

    .platform-primary-strong,
    .platform-model-heading p,
    .platform-final-strong {
        font-size: 1.12rem;
    }

    .platform-primary-copy>p:not(.platform-small-bold):not(.platform-primary-strong),
    .platform-graph-body {
        font-size: 0.78rem !important;
    }

    .platform-graph-copy h3 {
        font-size: 1.25rem;
    }

    .platform-graph-art {
        height: 270px;
        width: 318px;
    }

    .platform-graph-body {
        margin-left: 0;
        width: auto;
    }

    .platform-monitor-strip figure {
        width: 250px;
    }

    .platform-monitor-strip img {
        width: 250px;
    }

    .platform-monitor-copy {
        font-size: 0.85rem;
        left: auto;
        margin-top: 56px;
        position: relative;
        bottom: auto;
        text-align: center;
        transform: none;
        width: min(318px, calc(100vw - 54px));
    }

    .platform-decisions {
        padding-top: 150px;
    }

    .platform-decisions blockquote {
        font-size: 2rem;
    }

    .platform-model-flow {
        margin: 120px 0 35px 145px;
        width: 170px;
    }

    .platform-model-heading h2 {
        font-size: 2.35rem;
    }

    .platform-card {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 28px 20px;
    }

    .platform-card h3 {
        font-size: 1.65rem;
    }

    .platform-card-side {
        margin-top: 24px;
    }

    .platform-supply-icons {
        grid-template-columns: 68px 62px 68px;
    }

    .platform-final h2 {
        font-size: 2.38rem;
    }

    .platform-final .platform-container {
        max-width: 318px;
        width: min(318px, calc(100vw - 54px));
    }

    .platform-final article>p:not(.platform-kicker):not(.platform-final-strong):not(.platform-stack):not(.platform-hex-bullets):not(.platform-builder-prompt) {
        font-size: 0.78rem;
    }

    .platform-hex-img {
        width: min(472px, 100%);
    }

    .platform-builder {
        padding-top: 70px;
    }

    .platform-valuestore {
        min-height: 940px;
        padding-bottom: 7rem;
        padding-top: 5rem;
    }

    .platform-valuestore-bg {
        left: 50%;
        top: 0.7rem;
        width: 560px;
    }

    .platform-valuestore h2 {
        font-size: 3rem;
    }

    .platform-valuestore-large {
        font-size: 1.48rem;
    }

    .platform-valuestore-boxed {
        font-size: 1.02rem;
    }

    .platform-valuestore-caption {
        font-size: 0.86rem;
    }

    .platform-page #pinnedAppsHolder.platform-valuestore-apps {
        grid-template-columns: repeat(2, 150px);
        max-width: 310px;
    }

    .platform-app-placeholders {
        grid-template-columns: repeat(2, 150px);
        max-width: 310px;
    }
}

.vsi-page {
    --vsi-navy: #010a2d;
    --vsi-pink: #cf146a;
    --vsi-blue: #b0deed;
    --vsi-soft-blue: #eaf8fb;
    --vsi-text: #010a2d;
    background: #fff;
    color: var(--vsi-text);
    font-family: "Ubuntu", Arial, sans-serif;
    overflow: hidden;
    width: 100%;
}

.vsi-page *,
.vsi-page *::before,
.vsi-page *::after {
    box-sizing: border-box;
}

.vsi-page h1,
.vsi-page h2,
.vsi-page h3,
.vsi-page p,
.vsi-page table {
    margin: 0;
}

.vsi-page h1,
.vsi-page h2,
.vsi-page h3,
.vsi-page h4,
.vsi-page strong,
.vsi-kicker,
.vsi-button,
.vsi-lead,
.vsi-primary-strong,
.vsi-stack {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
}

.vsi-page h1,
.vsi-page h2,
.vsi-page h3 {
    letter-spacing: 0;
    line-height: 1.03;
}

.vsi-page p {
    line-height: 1.15;
}

.vsi-section {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.vsi-container {
    margin: 0 auto;
    position: relative;
    width: min(1400px, calc(100vw - 20vmin));
    z-index: 2;
}

.vsi-bg {
    max-width: none;
    pointer-events: none;
    position: absolute;
    user-select: none;
    z-index: 0;
}

.vsi-center {
    text-align: center;
}

.vsi-page span,
.vsi-kicker,
.vsi-os-label {
    color: var(--vsi-pink);
}

.vsi-button {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.9rem;
    justify-content: center;
    line-height: 1.05;
    min-height: 44px;
    min-width: 168px;
    padding: 9px 24px 10px;
    text-align: center;
    text-decoration: none;
}

.vsi-button-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}

.vsi-button-outline {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.9);
    color: #fff;
}

.vsi-button-pink {
    background: var(--vsi-pink);
    color: #fff;
}

.vsi-button-blue {
    background: #2114ff;
    color: #fff;
}

.vsi-button-dark {
    background: var(--vsi-navy);
    color: #fff;
}

.vsi-hero,
.vsi-primary,
.vsi-infra,
.vsi-api {
    background: var(--vsi-navy);
    color: #fff;
}

.vsi-hero {
    min-height: 94vh;
    padding: 10vmin 0 72px;
}

.vsi-hero-rings {
    left: 0;
    top: 10vmin;
    width: min(540px, 42vw);
    opacity: 0.6;
}

.vsi-hero-grid {
    align-items: end;
    display: grid;
    gap: 52px;
    grid-template-columns: minmax(0, 1.35fr) minmax(360px, 0.75fr);
}

.vsi-eyebrow {
    color: var(--vsi-blue);
    font-size: clamp(1.25rem, 2.2vw, 1.75rem);
    margin-bottom: 18px;
}

.vsi-hero h1 {
    color: var(--vsi-blue);
    font-size: clamp(5.2rem, 8.1vw, 8rem);
    line-height: 0.94;
}

.vsi-hero-sub {
    color: var(--vsi-blue);
    font-size: 1.05rem;
    margin-top: 32px;
}

.vsi-hero-body {
    color: var(--vsi-blue);
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: clamp(1.65rem, 2.8vw, 2.25rem);
    line-height: 1.08;
    margin: 12px 0 34px;
    max-width: 730px;
}

.vsi-hero-foot {
    color: rgba(176, 222, 237, 0.65);
    margin-top: 32px;
}

.vsi-hero-art {
    align-self: end;
}

.vsi-hero-art-pc {
    position: absolute;
    bottom: min(20vw, 700px);
    right: 0;
    width: min(35vw, 1000px);
}

.vsi-hero-art img {
    display: block;
    margin-left: auto;
    width: min(610px, 100%);
}

.vsi-industry {
    background: #fff;
    padding: 0;
}

.vsi-industry-grid {
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr);
}

.vsi-industry-main {
    padding-left: 34px;
    position: relative;
}

.vsi-blue-line {
    background: var(--vsi-navy);
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 14px;
}

.vsi-industry h2 {
    color: var(--vsi-navy);
    font-size: clamp(3rem, 5vw, 5rem);
    padding-top: 135px;
}

.vsi-lead {
    color: var(--vsi-navy);
    font-size: clamp(1.15rem, 2vw, 1.55rem);
    margin: 28px 0 12px;
}

.vsi-industry-main>p:not(.vsi-lead) {
    font-size: 1.05rem;
}

.vsi-structure {
    background: var(--vsi-navy);
    margin: 70px 0 0 -34px;
    max-width: 720px;
    padding: 18px 0px 0px 14px;
}

.vsi-structure table {
    border-collapse: collapse;
    color: #fff;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 1rem;
    width: 100%;
}

.vsi-structure th {
    color: #fff;
    text-align: left;
}

.vsi-structure td,
.vsi-structure th {
    padding: 2px 18px 2px 0;
}

.vsi-structure tr:last-child {
    background: var(--vsi-pink);
    color: #fff;
}

.vsi-model-box {
    border-right: 10px solid var(--vsi-navy);
    max-width: 686px;
    min-height: 490px;
    padding: 58px 60px 46px;
}

.vsi-model-box p {
    font-size: 1.08rem;
    margin-bottom: 42px;
}

.vsi-industry-side {
    align-self: end;
    padding-bottom: 46px;
}

.vsi-network-figure {
    /* margin: 0 0 80px;
  text-align: center; */
    position: absolute;
    top: 10vmin;
    right: 0;
}

.vsi-network-figure img {
    display: block;
    margin-left: auto;
    width: min(420px, 100%);
}

.vsi-network-figure figcaption,
.vsi-monitor figcaption,
.vsi-caption,
.vsi-valuestore-caption {
    font-size: 0.84rem;
    line-height: 1.1;
}

.vsi-industry-side h3 {
    color: var(--vsi-navy);
    font-size: clamp(2.1rem, 3.2vw, 3.35rem);
    margin-bottom: 72px;
}

.vsi-industry-side>p {
    font-size: 1rem;
}

.vsi-primary {
    min-height: 1120px;
    padding: 185px 0 280px;
}

.vsi-primary-grid {
    display: grid;
    gap: 72px;
    grid-template-columns: minmax(410px, 0.82fr) minmax(0, 1.18fr);
    padding-left: 5vmin;
}

.vsi-kicker {
    color: var(--vsi-pink);
    font-size: 1.35rem;
    margin-bottom: 16px;
}

.vsi-primary h2,
.vsi-api h2 {
    color: #fff;
    font-size: clamp(3.2rem, 5.6vw, 5.1rem);
}

.vsi-primary h2 span,
.vsi-infra h2 span,
.vsi-api h2 span {
    color: var(--vsi-blue);
}

.vsi-primary-strong {
    color: inherit;
    font-size: clamp(1.5rem, 2.3vw, 2.05rem);
    line-height: 1.08;
    margin: 24px 0 16px;
}

.vsi-primary .vsi-button {
    margin: 115px 0 38px;
}

.vsi-graph {
    min-height: 520px;
    position: relative;
}

.vsi-reality-bg {
    position: absolute;
    right: 0;
    top: 0;
    width: min(600px, 80vmin);
}

.vsi-graph h3 {
    color: var(--vsi-pink);
    font-size: 1.35rem;
}

.vsi-graph-heading {
    margin: 65px 0 0 auto;
    max-width: 430px;
    position: relative;
    z-index: 2;
}

.vsi-graph-heading p,
.vsi-monitor-copy {
    max-width: 430px;
}

.vsi-graph-dots-pc {
    position: absolute;
    right: 0;
    width: 40vw;
    top: -5vw;
}

.vsi-graph-dots {
    display: block;
    margin: 28px -220px 38px auto;
    width: min(650px, 110%);
}

.vsi-monitor-copy {
    bottom: 340px;
    color: #fff;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 0.94rem;
    left: 44%;
    line-height: 1.13;
    margin: 0;
    position: absolute;
    text-align: left;
    width: min(430px, calc(100vw - 48px));
    z-index: 4;
}

.vsi-monitor-strip {
    background: #fff;
    bottom: 0;
    height: 210px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
}

.vsi-monitor {
    margin: -55px auto 0;
    text-align: center;
    width: 293px;
}

.vsi-monitor img {
    display: block;
    height: auto;
    width: 293px;
}

.vsi-monitor figcaption {
    color: var(--vsi-navy);
    font-style: italic;
    margin-top: 20px;
}

.vsi-infra {
    padding: 270px 0 225px;
}

.vsi-infra-grid {
    align-items: center;
    display: grid;
    gap: 56px;
    grid-template-columns: minmax(0, 650px) minmax(300px, 1fr);
    padding-left: 5vmin;
}

.vsi-infra h2 {
    color: #fff;
    font-size: clamp(3rem, 4.45vw, 4.25rem);
    max-width: 690px;
}

.vsi-infra article {
    min-width: 0;
}

.vsi-infra aside {
    min-width: 0;
}

.vsi-infra .vsi-button {
    margin-top: 82px;
}

.vsi-stack {
    color: #fff;
    font-size: 1.35rem;
    line-height: 1.18;
    margin: 0 0 42px auto;
    width: 190px;
}

.vsi-stack-b {
    padding-left: 15px;
    border-left: 1px solid black;
}

.vsi-hex {
    display: block;
    margin-left: auto;
    width: min(480px, 100%);
}

.vsi-hex-copy {
    margin-top: 28px;
}

.vsi-os,
.vsi-reality,
.vsi-apps,
.vsi-valuestore,
.vsi-start,
.vsi-integration {
    background: #fff;
    color: var(--vsi-navy);
}

.vsi-os {
    padding: 190px 0 90px;
}

.vsi-os-net {
    right: -80px;
    top: 130px;
    width: min(470px, 38vw);
}

.vsi-os-grid {
    display: grid;
    gap: 84px;
    grid-template-columns: minmax(0, 1fr) 300px;
}

.vsi-os-label {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 3.2rem;
    line-height: 1;
    margin-bottom: 30px;
}

.vsi-os h2,
.vsi-reality h2,
.vsi-apps h2,
.vsi-valuestore h2,
.vsi-start h2,
.vsi-integration h2 {
    color: var(--vsi-navy);
    font-size: clamp(3rem, 5.4vw, 5.7rem);
}

.vsi-os .vsi-button-row {
    margin-top: 38px;
}

.vsi-os-side {
    align-self: start;
    background: rgba(255, 255, 255, 0.78);
    padding: 20px;
    margin: 120px 0;
    position: relative;
    z-index: 2;
    border-left: 2px solid var(--vsi-navy);
}

.vsi-stack-light {
    color: var(--vsi-navy);
    margin-left: 0;
}

.vsi-machine-row {
    align-items: end;
    display: flex;
    gap: 150px;
    margin-top: 120px;
}

.vsi-machine-row img:first-child {
    width: min(400px, 45%);
}

.vsi-machine-row img:last-child {
    width: min(320px, 35%);
}

.vsi-reality {
    padding: 70px 0 80px;
}

.vsi-reality-grid {
    align-items: center;
    display: grid;
    gap: 52px;
    grid-template-columns: 260px minmax(0, 1fr) 320px;
}

.vsi-dot-device {
    margin: 0;
}

.vsi-dot-device img {
    width: 100%;
}

.vsi-dot-device figcaption {
    font-size: 0.86rem;
    margin-top: 30px;
}

.vsi-reality aside img {
    display: block;
    width: 100%;
}

.vsi-reality .vsi-button {
    margin-top: 28px;
}

.vsi-apps {
    padding: 105px 0 105px;
}

.vsi-apps .vsi-container {
    max-width: 1400px;
    width: min(1400px, calc(100vw - 20vmin));
}

.vsi-apps h2 {
    margin: 0 0 32px;
    text-align: left;
}

.vsi-apps-sub {
    font-size: 1.25rem;
    margin: 20px 0 50px;
    text-align: left;
}

.vsi-app-grid {
    display: grid;
    gap: 24px 28px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vsi-app-card {
    background: #d9f0f6;
    border-radius: 7px;
    color: var(--vsi-navy);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px;
    min-height: 250px;
    padding: 42px 44px;
}

.vsi-app-card> :not(img) {
    grid-column: 1;
}

.vsi-app-card h3 {
    color: var(--vsi-navy);
    font-size: clamp(2.1rem, 3vw, 2.6rem);
    line-height: 1.02;
    margin-bottom: 8px;
}

.vsi-app-card h4 {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 1.02rem;
    margin-top: 34px;
}

.vsi-app-card p {
    font-size: 1rem;
}

.vsi-app-card img {
    align-self: center;
    grid-column: 2;
    grid-row: 1 / span 6;
    justify-self: center;
    max-height: 90px;
    max-width: 156px;
    width: 156px;
}

.vsi-valuestore {
    min-height: 1050px;
    padding: 120px 0 90px;
}

.vsi-value-grid {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: min(900px, 100vw);
}

.vsi-valuestore h2 {
    font-size: clamp(3.5rem, 6vw, 5rem);
    line-height: 0.98;
}

.vsi-valuestore-lead {
    font-size: clamp(1.9rem, 3.4vw, 3.4rem);
    line-height: 1.03;
    margin: 10px auto;
}

.vsi-valuestore-box {
    border-radius: 10px;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 1.15rem;
    line-height: 1.05;
    margin: 15px auto !important;
    max-width: 520px;
    padding: 14px 22px;
}

.vsi-valuestore #pinnedAppsHolder {
    margin: 58px auto 22px;
    max-width: calc((150px * 3) + (10px * 2));
}

.vsi-valuestore #pinnedAppsHolder .shop_card_preholder_small {
    border-radius: 9px;
}

.vsi-valuestore #pinnedAppsHolder .shop_card {
    background: var(--vsi-navy) !important;
    border: 2px solid rgba(176, 222, 237, 0.8) !important;
    color: #fff;
}

.vsi-start {
    min-height: 900px;
    padding: 70px 0 125px;
}

.vsi-start-grid {
    right: 8%;
    top: 20px;
    width: min(520px, 60vw);
}

.vsi-start-grid-layout {
    align-items: center;
    display: grid;
    gap: 120px;
    grid-template-columns: minmax(0, 1fr) 330px;
}

.vsi-start-grid-layout article {
    max-width: 1040px;
}

.vsi-start-meta,
.vsi-caption {
    font-size: 0.82rem;
    line-height: 1.15;
}

.vsi-start h2 {
    font-size: clamp(5rem, 8vw, 8.3rem);
    line-height: 1.05;
    margin: 22px 0 18px;
    max-width: 980px;
}

.vsi-start h2 span {
    color: var(--vsi-blue);
}

.vsi-start .vsi-lead {
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    max-width: 1120px;
}

.vsi-start-grid-layout article>p:not(.vsi-start-meta):not(.vsi-lead) {
    font-size: 1.08rem;
}

.vsi-step-box {
    border-left: 16px solid var(--vsi-blue);
    font-size: 1rem;
    margin: 42px 0;
    max-width: 660px;
    padding-left: 18px;
}

.vsi-compare-box {
    align-self: center;
    /* background: rgba(176, 222, 237, 0.5); */
    border-radius: 8px;
    font-size: 0.95rem;
    line-height: 1.15;
    padding: 30px;
}

.vsi-integration {
    padding: 110px 0 120px;
}

.vsi-integration-grid {
    align-items: start;
    display: grid;
    gap: 130px;
    grid-template-columns: minmax(0, 1fr) 300px;
}

.vsi-integration h2 span {
    color: var(--vsi-pink);
}

.vsi-integration .vsi-button-row {
    margin-top: 34px;
}

.vsi-integration aside {
    align-self: center;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    min-width: 0;
}

.vsi-integration-flow {
    color: var(--vsi-navy);
    font-family: "Ubuntu", Arial, sans-serif;
    font-size: 0.95rem;
    line-height: 1.18;
    margin-bottom: 280px;
    overflow-wrap: normal;
    word-break: normal;
}

.vsi-integration aside>p:not(.vsi-integration-flow) {
    color: var(--vsi-pink);
}

.vsi-api {
    min-height: 900px;
    padding: 130px 0 150px;
}

.vsi-api-dots {
    right: 0;
    top: 0;
    width: min(520px, 48vw);
}

.vsi-api-grid {
    align-items: start;
    display: grid;
    gap: 88px;
    grid-template-columns: minmax(0, 440px) minmax(0, 500px);
}

.vsi-app-grid .platform-card {
    background: #d9f0f6;
}

.vsi-app-grid .platform-card-side p::before {
    color: var(--vsi-navy);
}

.vsi-lead-step-title {
    background-color: var(--vsi-blue);
    padding: 5px 10px 5px 14px;
}

.vsi-api .vsi-container {
    width: min(1060px, calc(100vw - 20vmin));
}

.vsi-api h2 {
    color: var(--vsi-blue);
    font-size: clamp(3.4rem, 5vw, 4.75rem);
    line-height: 1.12;
}

.vsi-api h2 span {
    color: var(--vsi-pink);
}

.vsi-api-sub {
    color: var(--vsi-blue);
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    font-size: 1.42rem;
    line-height: 1.04;
    margin: 0 0 28px;
}

.vsi-api h3 {
    color: #fff;
    font-size: 1.35rem;
    margin-bottom: 22px;
    max-width: 430px;
}

.vsi-api article>p {
    font-size: 0.96rem;
    max-width: 430px;
}

.vsi-api .vsi-button-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 28px;
    margin-top: 58px;
}

.vsi-api .vsi-button {
    min-height: 48px;
    min-width: 178px;
}

.vsi-api .vsi-button-blue {
    background: var(--vsi-blue);
    color: var(--vsi-navy);
}

.vsi-api-side {
    border-left: 2px solid var(--vsi-pink);
    color: #fff;
    font-size: 0.9rem;
    line-height: 1.15;
    margin-top: 240px;
    padding-left: 26px;
}

.vsi-api-side span {
    color: var(--vsi-pink);
    display: inline-block;
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    margin-bottom: 18px;
}

.vsi-api-side strong {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
}

.vsi-api-objects {
    max-width: 350px;
}

.vsi-api-functions {
    display: grid;
    gap: 42px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
    margin-top: 48px;
}

.vsi-api-functions p {
    margin: 0;
}

.vsi-api-final {
    font-family: "UbuntuBold", "Ubuntu", Arial, sans-serif;
    margin-top: 28px;
}

@media (max-width: 980px) {
    .vsi-container {
        width: min(700px, calc(100vw - 44px));
    }

    .vsi-hero {
        padding-top: 165px;
    }

    .vsi-reality-bg {
        top: 50vmin;
    }

    .vsi-dot-device img {
        width: 50%;
    }

    .why-building-blocks {
        width: min(90%, 800px);
    }

    .vsi-hero-grid,
    .vsi-industry-grid,
    .vsi-primary-grid,
    .vsi-infra-grid,
    .vsi-os-grid,
    .vsi-reality-grid,
    .vsi-start-grid-layout,
    .vsi-integration-grid,
    .vsi-api-grid {
        grid-template-columns: 1fr;
    }

    .vsi-hero-art img {
        display: block;
        position: static;
        margin: 20px 0 0;
        width: min(560px, 100%);
    }

    .vsi-industry-main {
        padding-left: 24px;
    }

    .vsi-structure {
        margin-left: -24px;
    }

    .vsi-industry-side {
        padding-bottom: 0;
    }

    .vsi-network-figure {
        margin-bottom: 40px;
    }

    .vsi-network-figure img {
        margin: 0 auto;
    }

    .vsi-primary,
    .vsi-infra,
    .vsi-os,
    .vsi-api {
        padding-top: 105px;
    }

    .vsi-primary {
        min-height: auto;
        padding-bottom: 320px;
    }

    .vsi-graph {
        min-height: auto;
    }

    .vsi-graph-heading {
        margin: 36px 0 0;
    }

    .vsi-graph-dots {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .vsi-monitor-copy {
        bottom: auto;
        left: auto;
        margin: 70px auto 0;
        position: relative;
        text-align: center;
        width: min(430px, 100%);
    }

    .vsi-monitor {
        margin-bottom: 0;
    }

    .vsi-stack {
        margin-left: 0;
    }

    .vsi-os-side {
        padding: 15px;
        margin: 10px 0;
    }

    .vsi-machine-row {
        gap: 40px;
        margin-top: 70px;
    }

    .vsi-app-grid {
        grid-template-columns: 1fr;
    }

    .vsi-apps .vsi-container {
        width: min(700px, calc(100vw - 44px));
    }

    .vsi-app-card {
        grid-template-columns: minmax(0, 1fr) 170px;
    }

    .vsi-start-grid-layout {
        gap: 48px;
    }

    .vsi-compare-box {
        max-width: 360px;
    }

    .vsi-integration-flow {
        margin-bottom: 80px;
    }

    .vsi-api-grid {
        gap: 54px;
    }

    .vsi-api-side {
        margin-top: 0;
        max-width: 620px;
    }
}

@media (max-width: 680px) {
    .vsi-container {
        width: min(300px, calc(100vw - 54px));
    }

    .vsi-page h1,
    .vsi-page h2,
    .vsi-page h3,
    .vsi-page span,
    .vsi-page strong {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .vsi-page p {
        overflow-wrap: break-word;
    }

    .vsi-hero {
        min-height: auto;
        padding: 135px 0 62px;
    }

    .vsi-hero-rings {
        width: 330px;
        opacity: 0.6;
    }

    .vsi-eyebrow {
        font-size: 1.05rem;
    }

    .vsi-hero h1 {
        font-size: 2.7rem;
    }

    .vsi-hero-body {
        font-size: 1.05rem;
    }

    .vsi-lead {
        font-size: 0.98rem;
    }

    .vsi-button-row {
        gap: 12px;
    }

    .vsi-button {
        min-width: 146px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .vsi-industry h2,
    .vsi-primary h2,
    .vsi-infra h2,
    .vsi-os h2,
    .vsi-reality h2,
    .vsi-apps h2,
    .vsi-valuestore h2,
    .vsi-start h2,
    .vsi-integration h2,
    .vsi-api h2 {
        font-size: 1.95rem;
    }

    .vsi-industry h2 {
        padding-top: 75px;
    }

    .vsi-structure {
        padding: 14px 0 0 14px;
    }

    .vsi-structure table {
        font-size: 0.72rem;
    }

    .vsi-model-box {
        border-right-width: 7px;
        min-height: auto;
        padding: 32px 20px 34px;
    }

    .vsi-industry-side h3 {
        font-size: 2rem;
        margin-bottom: 28px;
    }

    .vsi-primary-strong,
    .vsi-api-sub {
        font-size: 1.08rem;
    }

    .vsi-primary .vsi-button {
        margin: 42px 0 26px;
    }

    .vsi-primary {
        padding-bottom: 285px;
    }

    .vsi-monitor-strip {
        height: 190px;
    }

    .vsi-monitor {
        width: 250px;
    }

    .vsi-monitor img {
        width: 250px;
    }

    .vsi-monitor-copy {
        font-size: 0.85rem;
        margin-top: 56px;
        width: min(300px, calc(100vw - 54px));
    }

    .vsi-infra {
        padding-bottom: 95px;
    }

    .vsi-os {
        padding-top: 75px;
    }

    .vsi-os-label {
        font-size: 2rem;
    }

    .vsi-os-net {
        opacity: 0.45;
        right: -175px;
        top: 20px;
        width: 340px;
    }

    .vsi-machine-row {
        align-items: center;
        flex-direction: column;
    }

    .vsi-machine-row img:first-child,
    .vsi-machine-row img:last-child {
        width: min(280px, 100%);
    }

    .vsi-reality-grid {
        gap: 34px;
    }

    .vsi-dot-device {
        width: 210px;
    }

    .vsi-app-card {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 26px 20px;
    }

    .vsi-app-card h3 {
        font-size: 1.65rem;
    }

    .vsi-app-card p {
        font-size: 0.86rem;
    }

    .vsi-app-card img {
        grid-column: auto;
        grid-row: auto;
        justify-self: start;
        margin: 18px 0;
        width: min(156px, 100%);
    }

    .vsi-valuestore {
        min-height: 840px;
        padding-top: 86px;
    }

    .vsi-valuestore-lead {
        font-size: 1.55rem;
    }

    .vsi-valuestore-box {
        font-size: 0.95rem;
    }

    .vsi-valuestore #pinnedAppsHolder {
        grid-template-columns: repeat(2, 150px);
        max-width: 310px;
    }

    .vsi-start-grid {
        opacity: 0.55;
        right: -80px;
        width: 330px;
    }

    .vsi-start h2 {
        font-size: 2.85rem;
    }

    .vsi-start .vsi-lead {
        font-size: 1.05rem;
    }

    .vsi-start-grid-layout article>p:not(.vsi-start-meta):not(.vsi-lead) {
        font-size: 0.88rem;
    }

    .vsi-step-box {
        border-left-width: 10px;
        font-size: 0.86rem;
        padding-left: 14px;
    }

    .vsi-compare-box {
        font-size: 0.82rem;
        padding: 20px;
    }

    .vsi-integration,
    .vsi-start {
        padding: 76px 0;
    }

    .vsi-integration-flow {
        font-size: 0.82rem;
        margin-bottom: 48px;
    }

    .vsi-api {
        padding: 90px 0 100px;
    }

    .vsi-api-dots {
        right: -130px;
        width: 320px;
    }

    .vsi-api h2 {
        font-size: 2.55rem;
    }

    .vsi-api-sub {
        font-size: 1.05rem;
    }

    .vsi-api article>p,
    .vsi-api-side {
        font-size: 0.84rem;
    }

    .vsi-api-side {
        padding-left: 18px;
    }

    .vsi-api-functions {
        gap: 20px;
        grid-template-columns: 1fr;
        margin-top: 34px;
    }

    .vsi-api .vsi-button-row {
        gap: 16px;
    }
}

/* Agents page: final overrides must remain last because this shared stylesheet carries legacy page rules. */
.agent-os-page .agent-os-transform-core{background:rgba(176,222,237,.1);border:1px solid rgba(176,222,237,.55);border-radius:18px;box-shadow:0 15px 42px rgba(0,0,0,.2);height:210px;width:260px}.agent-os-page .agent-os-transform-core::before{background:linear-gradient(90deg,transparent,#b0deed,transparent);content:"";height:1px;left:18px;position:absolute;right:18px;top:26px}.agent-os-page .agent-os-transform-core span{margin-top:12px}.agent-os-page .agent-os-transform-core strong{font-size:1.35rem}.agent-os-page .agent-os-transform-core small{max-width:190px}.agent-os-page .agent-os-transformation{grid-template-columns:minmax(220px,1fr) 260px 70px minmax(260px,1.15fr)}.agent-os-page .agent-os-transform-stream{display:block!important;grid-column:3}.agent-os-page .agent-os-one-decision{grid-column:4;max-width:390px;width:100%}.agent-os-page .agent-os-compact-capabilities>div{grid-template-columns:repeat(6,minmax(0,1fr))}.agent-os-page .agent-os-compact-capabilities span{min-height:94px;padding:16px}.agent-os-page .agent-os-compact-capabilities span b{font-size:.82rem}.agent-os-page .agent-os-compact-capabilities span small{font-size:.62rem;line-height:1.25;margin-top:5px}.agent-os-page .agent-os-restored-cards{display:block!important}.agent-os-page .agent-os-restored-cards .agent-os-work-card{display:none;margin:0 auto;max-width:720px;min-height:320px}.agent-os-page .agent-os-restored-cards .agent-os-work-card:first-child{display:block}
@media(max-width:900px){.agent-os-page .agent-os-transformation{grid-template-columns:1fr 1fr}.agent-os-page .agent-os-compact-capabilities>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.agent-os-page .agent-os-transformation{grid-template-columns:1fr}.agent-os-page .agent-os-compact-capabilities>div{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Open navigation must never cover the active Agents demo. */
@media(min-width:1200px){body:has(#new-sidebar.active) .agent-os-specialists .agent-os-restored-workbench,body:has(#sidebar.active) .agent-os-specialists .agent-os-restored-workbench{left:calc(300px + 3vw);max-width:none;position:relative;width:calc(97vw - 338px)}}
.agent-os-page .agent-os-restored-cards .agent-os-work-card{background:linear-gradient(145deg,rgba(42,76,122,.98),rgba(8,27,68,.98));border-color:rgba(176,222,237,.68);box-shadow:0 24px 55px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.18)}.agent-os-page .agent-os-restored-cards .agent-os-work-card header strong{color:#fff}.agent-os-page .agent-os-restored-cards .agent-os-work-card header span{color:#c8eaf3}.agent-os-page .agent-os-restored-cards .agent-os-work-card>p{color:#fff;font-size:1rem;line-height:1.3}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui{background:#06183e;border-color:rgba(176,222,237,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui span{color:#e9f8fc;font-size:.72rem}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui em{font-size:.72rem}.agent-os-page .agent-os-restored-cards .quality-ui>b{font-size:.7rem}.agent-os-page .agent-os-restored-cards .quality-ui span{font-size:.72rem}

/* A fixed, compact slider stage prevents every Agent result from moving the page. */
.agent-os-page .agent-os-restored-cards{height:270px;position:relative}.agent-os-page .agent-os-restored-cards .agent-os-work-card{box-sizing:border-box;display:block!important;height:270px;inset:0;min-height:0;opacity:0;padding:17px 18px;pointer-events:none;position:absolute;transition:opacity .18s ease;visibility:hidden;width:100%}.agent-os-page .agent-os-restored-cards .agent-os-work-card.is-active{opacity:1;pointer-events:auto;visibility:visible}.agent-os-page .agent-os-restored-cards .agent-os-work-card>p{font-size:.94rem;margin:17px 0 13px;min-height:0}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui{min-height:108px;padding:11px 13px}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui span{padding:6px 0}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui em{margin-top:8px}.agent-os-page .agent-os-restored-cards .quality-ui>b{margin-top:10px}.agent-os-page .agent-os-restored-cards .co2-ui div{height:42px}.agent-os-page .agent-os-slider-nav{height:38px;margin-top:18px}.agent-os-page .agent-os-slider-nav button{font-family:Arial,sans-serif;font-size:1.45rem;font-weight:400;line-height:1}.agent-os-page .agent-os-slider-nav button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:600px){.agent-os-page .agent-os-restored-cards,.agent-os-page .agent-os-restored-cards .agent-os-work-card{height:292px}.agent-os-page .agent-os-restored-cards .agent-os-work-card>p{font-size:.88rem}}

/* Shared capabilities: compact two-row summary instead of a long strip. */
.agent-os-page .agent-os-compact-capabilities{margin:52px auto 0;max-width:1080px}.agent-os-page .agent-os-compact-capabilities>p{text-align:center}.agent-os-page .agent-os-compact-capabilities>div{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-os-page .agent-os-compact-capabilities span{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:86px;padding:13px 18px;text-align:center}.agent-os-page .agent-os-compact-capabilities span b{font-size:.9rem}.agent-os-page .agent-os-compact-capabilities span small{font-size:.62rem;max-width:210px}@media(max-width:650px){.agent-os-page .agent-os-compact-capabilities>div{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Product-terminal language: a quiet monitoring surface instead of a generic card. */
.agent-os-page .agent-os-restored-cards .agent-os-mini-ui{box-sizing:border-box;height:120px;min-height:0}
.agent-os-page .agent-os-restored-cards .agent-os-mini-ui{background:linear-gradient(145deg,#06193e,#091c46);border:1px solid rgba(142,211,233,.42);border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 24px rgba(0,0,0,.18);overflow:hidden;padding:35px 14px 12px;position:relative}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui::before{background:linear-gradient(90deg,rgba(176,222,237,.1),transparent);border-bottom:1px solid rgba(176,222,237,.19);color:#91c9da;content:"●  ●  ●     LIVE ANALYSE";font-family:monospace;font-size:.55rem;left:0;letter-spacing:.08em;padding:10px 13px;position:absolute;right:0;top:0}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui::after{background-image:linear-gradient(rgba(176,222,237,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(176,222,237,.035) 1px,transparent 1px);background-size:18px 18px;content:"";inset:31px 0 0;opacity:.6;pointer-events:none;position:absolute}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui>*{position:relative;z-index:1}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui span{border-color:rgba(176,222,237,.28);font-family:"UbuntuBold";letter-spacing:.01em}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui em{color:#ff82bb}.agent-os-page .agent-os-restored-cards .production-ui div{height:48px}.agent-os-page .agent-os-restored-cards .production-ui div i{box-shadow:0 0 12px rgba(140,221,235,.32)}.agent-os-page .agent-os-restored-cards .production-ui div i:nth-child(3){box-shadow:0 0 16px rgba(246,80,156,.55)}.agent-os-page .agent-os-restored-cards .co2-ui{padding-top:35px}.agent-os-page .agent-os-restored-cards .co2-ui div{align-items:center;border-bottom:1px solid rgba(176,222,237,.3);height:53px;position:relative}.agent-os-page .agent-os-restored-cards .co2-ui div::before{background:linear-gradient(90deg,rgba(177,229,184,.3),rgba(255,127,181,.78),rgba(177,229,184,.3));content:"";height:1px;left:7px;position:absolute;right:7px;top:25px}.agent-os-page .agent-os-restored-cards .co2-ui div i{box-shadow:0 0 12px currentColor;position:relative;z-index:1}.agent-os-page .agent-os-restored-cards .co2-ui>span{display:block;font-family:"UbuntuBold";margin-top:8px}
.agent-os-page .agent-os-restored-cards .co2-ui div{height:36px}.agent-os-page .agent-os-restored-cards .co2-ui div::before{top:18px}.agent-os-page .agent-os-restored-cards .co2-ui>span{font-size:.65rem;margin-top:4px}.agent-os-page .agent-os-restored-cards .co2-ui em{bottom:7px;left:14px;margin:0;position:absolute}

/* Agents are presented as a calm, legible workspace; the terminal stays inside the result only. */
.agent-os-page .agent-os-specialists{background:#f8fcfd!important;color:#07173e}.agent-os-page .agent-os-specialists h2{color:#07173e}.agent-os-page .agent-os-specialists .agent-os-eyebrow{color:#d10b68}.agent-os-page .agent-os-restored-workbench>p:not(.agent-os-eyebrow){color:#416a7d}.agent-os-page .agent-os-restored-cards .agent-os-work-card{background:#e8f5f8;border-color:#c5e2e9;box-shadow:0 18px 38px rgba(14,63,86,.1),inset 0 1px 0 #fff}.agent-os-page .agent-os-restored-cards .agent-os-work-card::before{background:radial-gradient(circle,rgba(120,201,224,.22),transparent 68%)}.agent-os-page .agent-os-restored-cards .agent-os-work-card header strong,.agent-os-page .agent-os-restored-cards .agent-os-work-card>p{color:#07173e}.agent-os-page .agent-os-restored-cards .agent-os-work-card header span{color:#517487}.agent-os-page .agent-os-restored-cards .agent-os-work-card header>i{background:#d8eef4}.agent-os-page .agent-os-slider-nav button{background:#fff;border-color:#9cc9d7;color:#123969}.agent-os-page .agent-os-slider-dots button{background:#a6c6d1}.agent-os-page .agent-os-slider-dots button.active{background:#d10b68;box-shadow:0 0 8px rgba(209,11,104,.4)}.agent-os-page .agent-os-compact-capabilities{border-color:#c5e1e8}.agent-os-page .agent-os-compact-capabilities span{background:#e8f5f8;border-color:#fff;color:#07173e}.agent-os-page .agent-os-compact-capabilities span:nth-child(2n){background:#e1f1f5}.agent-os-page .agent-os-compact-capabilities span small{color:#416a7d}

/* Decision transformation: calm headline, readable context, decisive but not overpowering outcome. */
.agent-os-page .agent-os-layers h2{font-size:clamp(3.4rem,4.8vw,5.2rem);max-width:760px}.agent-os-page .agent-os-layers-intro{color:#d9f1f7;font-size:1.05rem;max-width:560px}.agent-os-page .agent-os-chaos-label{color:#b9e4ef}.agent-os-page .agent-os-chaos i{background:rgba(176,222,237,.12);border-color:rgba(176,222,237,.46);color:#e3f7fb;font-family:"UbuntuBold"}.agent-os-page .agent-os-transform-core{background:linear-gradient(145deg,rgba(79,140,170,.86),rgba(18,52,98,.92));border-color:rgba(191,237,248,.7);color:#f2fcff;box-shadow:0 0 0 14px rgba(176,222,237,.08),0 20px 52px rgba(0,0,0,.28)}.agent-os-page .agent-os-transform-core span{color:#bdebf5}.agent-os-page .agent-os-transform-core strong{color:#fff}.agent-os-page .agent-os-transform-core small{color:#d6f3f9}.agent-os-page .agent-os-one-decision{background:linear-gradient(145deg,#d10b68,#a60859);border-color:rgba(255,255,255,.68);box-shadow:0 20px 50px rgba(0,0,0,.28);max-width:350px;padding:24px}.agent-os-page .agent-os-one-decision strong{font-size:1.72rem}.agent-os-page .agent-os-one-decision p{font-size:.83rem}.agent-os-page .agent-os-one-decision li{font-size:.69rem}.agent-os-page .agent-os-transform-stream::before{background:linear-gradient(90deg,rgba(176,222,237,.55),#ff72ae)}

/* The CTA remains flumen pink, but becomes a composed closing moment. */
.agent-os-page .agent-os-cta{background:radial-gradient(circle at 18% 28%,rgba(255,255,255,.16),transparent 22%),radial-gradient(circle at 82% 72%,rgba(67,18,90,.2),transparent 28%),linear-gradient(135deg,#e00970 0%,#c40662 52%,#a60656 100%);overflow:hidden;padding:112px 0;position:relative}.agent-os-page .agent-os-cta::before,.agent-os-page .agent-os-cta::after{border:1px solid rgba(255,255,255,.18);border-radius:50%;content:"";height:440px;position:absolute;width:440px}.agent-os-page .agent-os-cta::before{left:-240px;top:-210px}.agent-os-page .agent-os-cta::after{bottom:-320px;right:-170px}.agent-os-page .agent-os-cta .agent-os-shell{max-width:900px;position:relative;z-index:1}.agent-os-page .agent-os-cta h2{color:#fff;font-size:clamp(3.4rem,5.3vw,5.8rem);line-height:.94}.agent-os-page .agent-os-cta .agent-os-eyebrow{color:#1a123e;margin-bottom:18px}.agent-os-page .agent-os-cta p:not(.agent-os-eyebrow){color:#fff;font-size:1.12rem;margin:24px auto 0;max-width:620px}.agent-os-page .agent-os-cta .agent-os-button{background:#fff;box-shadow:0 12px 28px rgba(68,0,37,.24);color:#07173e;margin-top:30px;padding:15px 22px}.agent-os-page .agent-os-cta .agent-os-button:hover{background:#07173e;color:#fff}@media(max-width:600px){.agent-os-page .agent-os-cta{padding:86px 0}.agent-os-page .agent-os-cta h2{font-size:3.2rem}}

/* The data landscape is deliberately larger than the resulting recommendation. */
.agent-os-page .agent-os-transformation{grid-template-columns:minmax(330px,1.25fr) 260px 70px minmax(270px,.8fr)}.agent-os-page .agent-os-one-decision{justify-self:end;width:min(100%,330px)}.agent-os-page .agent-os-chaos{overflow:visible}.agent-os-page .agent-os-chaos::before{background:#9dddeb;border-radius:50%;box-shadow:42px 38px 0 -1px #6aafc0,88px 12px 0 -2px #d0f2f8,132px 52px 0 -1px #8ed0df,181px 22px 0 -2px #c5edf4,222px 75px 0 -1px #79b9ca,18px 132px 0 -2px #b9eaf2,73px 168px 0 -1px #7dbecf,143px 143px 0 -2px #c6eff5,212px 181px 0 -1px #8dd1df,36px 234px 0 -1px #6eafc0,106px 269px 0 -2px #c7eef5,189px 256px 0 -1px #8ecfdd,246px 306px 0 -2px #b7e7ef,65px 326px 0 -1px #79bdcf,148px 350px 0 -2px #c5eef4;content:"";height:5px;left:1px;opacity:.8;position:absolute;top:54px;width:5px;z-index:0}.agent-os-page .agent-os-chaos i{z-index:1}.agent-os-page .agent-os-chaos i:nth-of-type(1){background:linear-gradient(145deg,#b8eaf3,#699bb2);border-color:#d7f8fd;box-shadow:0 0 0 8px rgba(176,222,237,.1),0 0 28px rgba(176,222,237,.34);color:#071b43;font-size:1rem;padding:16px 23px}.agent-os-page .agent-os-chaos i:nth-of-type(1)::after{color:#bfeaf3;content:"ERP  ·  1.8 Mio. Datensätze";font-family:"UbuntuBold";font-size:.57rem;left:0;position:absolute;top:60px;white-space:nowrap}

/* A bright, proportioned product card: information-rich without a heavy terminal block. */
.agent-os-page .agent-os-restored-cards{height:320px}.agent-os-page .agent-os-restored-cards .agent-os-work-card{height:320px;padding:22px 24px}.agent-os-page .agent-os-restored-cards .agent-os-work-card>p{font-size:1rem;margin:21px 0 16px}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui{background:#f8fcfd;border-color:#b8dbe5;box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(26,85,105,.08);color:#09224c;height:145px;padding:39px 18px 13px}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui::before{background:#e8f5f8;border-color:#c9e3ea;color:#246076}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui::after{background-image:linear-gradient(rgba(50,123,148,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(50,123,148,.055) 1px,transparent 1px);opacity:1}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui span{border-color:#c9e0e7;color:#102e57}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui span b{color:#237b51}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui em{color:#d10b68}.agent-os-page .agent-os-restored-cards .quality-ui>b{color:#247a51}.agent-os-page .agent-os-restored-cards .production-ui div{border-color:#c9e0e7}.agent-os-page .agent-os-restored-cards .production-ui div i{box-shadow:none}.agent-os-page .agent-os-restored-cards .co2-ui div{border-color:#c9e0e7}.agent-os-page .agent-os-restored-cards .co2-ui div::before{opacity:.65}@media(max-width:600px){.agent-os-page .agent-os-restored-cards,.agent-os-page .agent-os-restored-cards .agent-os-work-card{height:330px}.agent-os-page .agent-os-restored-cards .agent-os-mini-ui{height:150px}}

.agent-os-page .agent-os-chaos-label{white-space:nowrap}.agent-os-page .agent-os-chaos i{font-size:.61rem}.agent-os-page .agent-os-chaos path{stroke:rgba(176,222,237,.31);stroke-dasharray:3 8}.agent-os-page .agent-os-chaos i:nth-of-type(1)::after{content:"ERP  ·  1,8 Mio. verknüpfte Objekte"}

/* Keep every affected object visible: the decision owns a dedicated clear zone. */
.agent-os-page .agent-os-twin-stage .customer-node{bottom:39%;right:27%}.agent-os-page .agent-os-twin-stage .quality-work{bottom:37%;right:29%;left:auto}.agent-os-page .agent-os-twin-stage .co2-work{bottom:20%;right:29%;left:auto}.agent-os-page .agent-os-twin-stage .agent-os-decision-result{z-index:5}

/* Trust architecture: flumen supplies context, the customer chooses the AI path. */
.agent-os-trust{background:#f8fcfd;color:#07173e;overflow:hidden}.agent-os-trust-heading{align-items:end;display:flex;gap:70px;justify-content:space-between}.agent-os-trust h2{font-size:clamp(3rem,4.6vw,5rem);max-width:760px}.agent-os-trust-heading p{color:#416a7d;font-size:1.05rem;line-height:1.45;margin:0;max-width:370px}.agent-os-trust-architecture{align-items:center;display:flex;gap:11px;margin-top:72px}.agent-os-trust-architecture>i{background:linear-gradient(90deg,#93cddd,#d10b68);height:1px;min-width:24px;position:relative}.agent-os-trust-architecture>i::after{border:solid #d10b68;border-width:0 1px 1px 0;content:"";height:5px;position:absolute;right:0;top:-2px;transform:rotate(-45deg);width:5px}.agent-os-trust-source,.agent-os-trust-models{display:flex;flex-wrap:wrap;gap:6px;max-width:170px}.agent-os-trust-source span,.agent-os-trust-models span{background:#e2f2f6;border:1px solid #c8e4eb;border-radius:99px;color:#24566a;font-family:"UbuntuBold";font-size:.63rem;padding:8px 10px}.agent-os-trust-graph,.agent-os-trust-permission,.agent-os-trust-gateway{background:#fff;border:1px solid #c4e0e8;border-radius:14px;box-shadow:0 12px 30px rgba(20,76,96,.08);padding:18px}.agent-os-trust-graph{background:linear-gradient(145deg,#123968,#0a2150);border-color:#184f78;color:#fff;min-width:190px}.agent-os-trust-permission{background:#e7f4f7;min-width:225px}.agent-os-trust-gateway{min-width:160px}.agent-os-trust-architecture small{color:#568194;display:block;font-family:"UbuntuBold";font-size:.57rem;letter-spacing:.07em;text-transform:uppercase}.agent-os-trust-graph small{color:#aadfea}.agent-os-trust-architecture strong{display:block;font-family:"UbuntuBold";font-size:.88rem;line-height:1.18;margin-top:8px}.agent-os-trust-permission span{color:#387388;display:block;font-size:.66rem;margin-top:11px}.agent-os-trust-notes{border-top:1px solid #c9e1e7;display:flex;flex-wrap:wrap;gap:18px 35px;margin-top:33px;padding-top:17px}.agent-os-trust-notes span{color:#416a7d;font-family:"UbuntuBold";font-size:.7rem}.agent-os-trust-notes span::before{color:#d10b68;content:"•";margin-right:7px}@media(max-width:1000px){.agent-os-trust-heading{align-items:start;flex-direction:column;gap:22px}.agent-os-trust-architecture{align-items:stretch;flex-wrap:wrap}.agent-os-trust-architecture>i{display:none}.agent-os-trust-source,.agent-os-trust-models{max-width:none}.agent-os-trust-source,.agent-os-trust-graph,.agent-os-trust-permission,.agent-os-trust-gateway,.agent-os-trust-models{flex:1 1 190px}}@media(max-width:600px){.agent-os-trust-architecture{margin-top:45px}.agent-os-trust-graph,.agent-os-trust-permission,.agent-os-trust-gateway{min-width:0}.agent-os-trust-notes{gap:12px}.agent-os-trust-notes span{font-size:.65rem}}

/* CAI: flumen owns the system; AI only communicates, triggers functions and interprets approved context. */
.agent-os-cai{background:#f8fcfd;color:#07173e;overflow:hidden}.agent-os-cai-heading{align-items:end;display:flex;gap:60px;justify-content:space-between}.agent-os-cai h2{font-size:clamp(3rem,4.7vw,5.15rem);max-width:770px}.agent-os-cai-heading>p{color:#416a7d;font-size:1.03rem;line-height:1.45;margin:0;max-width:385px}.agent-os-cai-diagram{align-items:stretch;display:grid;gap:0;grid-template-columns:minmax(240px,.9fr) minmax(440px,1.35fr) minmax(210px,.7fr);margin-top:65px}.agent-os-cai-os{background:linear-gradient(155deg,#133968,#071b43);border:1px solid #28618a;color:#fff;padding:27px 24px;position:relative}.agent-os-cai-os header small,.agent-os-cai-ai>small,.agent-os-cai-steps article small{color:#a9dce9;display:block;font-family:"UbuntuBold";font-size:.59rem;letter-spacing:.1em;text-transform:uppercase}.agent-os-cai-os header strong{display:block;font-family:"UbuntuBold";font-size:1.15rem;margin-top:8px}.agent-os-cai-os>p{color:#d9f3f8;font-size:.8rem;line-height:1.42;margin:19px 0}.agent-os-cai-data{display:flex;flex-wrap:wrap;gap:6px}.agent-os-cai-data span{background:rgba(179,231,243,.12);border:1px solid rgba(184,231,241,.25);border-radius:99px;color:#dff9ff;font-family:"UbuntuBold";font-size:.61rem;padding:7px 8px}.agent-os-cai-release{border-top:1px solid rgba(184,231,241,.3);margin-top:25px;padding-top:17px}.agent-os-cai-release small{color:#ff78b2;font-family:"UbuntuBold";font-size:.55rem;letter-spacing:.08em;text-transform:uppercase}.agent-os-cai-release strong{display:block;font-family:"UbuntuBold";font-size:.82rem;line-height:1.35;margin-top:8px}.agent-os-cai-release span{color:#abdbe8;display:block;font-size:.62rem;line-height:1.4;margin-top:9px}.agent-os-cai-steps{border-bottom:1px solid #c6e2e9;border-top:1px solid #c6e2e9;display:grid;grid-template-rows:repeat(3,1fr)}.agent-os-cai-steps article{align-items:center;border-right:1px solid #c6e2e9;display:grid;gap:16px;grid-template-columns:37px 1fr;padding:20px 25px;position:relative}.agent-os-cai-steps article:not(:last-child)::after{background:linear-gradient(90deg,#8fcddd,#d10b68);bottom:-1px;content:"";height:1px;left:25px;position:absolute;right:25px}.agent-os-cai-steps article>b{align-items:center;background:#e2f3f7;border-radius:50%;color:#174d73;display:flex;font-family:"UbuntuBold";font-size:.62rem;height:32px;justify-content:center}.agent-os-cai-steps article small{color:#cf0c68}.agent-os-cai-steps article strong{display:block;font-family:"UbuntuBold";font-size:1.05rem;margin-top:4px}.agent-os-cai-steps article p{color:#416a7d;font-size:.75rem;line-height:1.35;margin:6px 0}.agent-os-cai-steps article span{color:#1d7793;font-family:"UbuntuBold";font-size:.62rem;line-height:1.3}.agent-os-cai-ai{background:#e5f4f7;border:1px solid #c6e2e9;border-left:0;padding:27px 22px}.agent-os-cai-ai>small{color:#416a7d}.agent-os-cai-ai>strong{display:block;font-family:"UbuntuBold";font-size:1.15rem;margin-top:8px}.agent-os-cai-ai>p{color:#416a7d;font-size:.78rem;line-height:1.4;margin:15px 0}.agent-os-cai-ai>div{display:flex;flex-wrap:wrap;gap:6px}.agent-os-cai-ai>div span{background:#fff;border:1px solid #c5e1e8;border-radius:99px;color:#24566a;font-family:"UbuntuBold";font-size:.57rem;padding:7px 8px}.agent-os-cai-ai em{color:#d10b68;display:block;font-family:"UbuntuBold";font-size:.65rem;font-style:normal;line-height:1.35;margin-top:24px}.agent-os-cai-notes{border-top:1px solid #c9e1e7;display:flex;flex-wrap:wrap;gap:15px 34px;margin-top:28px;padding-top:16px}.agent-os-cai-notes span{color:#416a7d;font-family:"UbuntuBold";font-size:.68rem}.agent-os-cai-notes span::before{color:#d10b68;content:"•";margin-right:7px}@media(max-width:1000px){.agent-os-cai-heading{align-items:start;flex-direction:column;gap:20px}.agent-os-cai-diagram{grid-template-columns:1fr;margin-top:42px}.agent-os-cai-os,.agent-os-cai-ai{border:1px solid #c6e2e9}.agent-os-cai-os{border-color:#28618a}.agent-os-cai-steps article{border-left:1px solid #c6e2e9}.agent-os-cai-ai{min-height:0}}@media(max-width:600px){.agent-os-cai h2{font-size:3rem}.agent-os-cai-steps article{padding:17px}.agent-os-cai-notes{gap:11px}.agent-os-cai-notes span{font-size:.63rem}}

/* Clickable Agent profiles: a calm panel for capabilities and future behaviour controls. */
.agent-os-page .agent-orb{appearance:none;cursor:pointer;font-family:inherit;padding:0}.agent-os-page .agent-orb:hover{filter:brightness(1.16);transform:translateY(-4px)}.agent-os-page .agent-orb:focus-visible{outline:2px solid #fff;outline-offset:5px}.agent-os-info-panel{background:linear-gradient(160deg,#f9fdfe,#e7f4f7);border-left:1px solid #b8dbe5;box-shadow:-18px 0 54px rgba(3,20,58,.24);color:#07173e;display:flex;flex-direction:column;gap:19px;height:100dvh;overflow:auto;padding:34px 29px;position:fixed;right:0;top:0;transform:translateX(105%);transition:transform .3s ease;visibility:hidden;width:min(360px,92vw);z-index:2005}.agent-os-info-panel.is-open{transform:translateX(0);visibility:visible}.agent-os-panel-close{align-items:center;background:#fff;border:1px solid #b6d8e1;border-radius:50%;color:#07173e;cursor:pointer;display:flex;font-size:1.35rem;height:34px;justify-content:center;line-height:1;margin-left:auto;width:34px}.agent-os-panel-eyebrow,.agent-os-panel-label{color:#c80965;font-family:"UbuntuBold";font-size:.62rem;letter-spacing:.11em;margin:0;text-transform:uppercase}.agent-os-info-panel h3{font-family:"UbuntuBold";font-size:2rem;letter-spacing:-.04em;margin:-10px 0 0}.agent-os-info-panel h3+p{color:#416a7d;font-size:.95rem;margin:-13px 0 0}.agent-os-panel-current{background:#09204b;border-radius:12px;color:#fff;padding:17px}.agent-os-panel-current span{color:#a9dce9;display:block;font-family:"UbuntuBold";font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.agent-os-panel-current strong{display:block;font-size:.87rem;line-height:1.35;margin-top:8px}.agent-os-info-panel ul{list-style:none;margin:9px 0 0;padding:0}.agent-os-info-panel li{border-bottom:1px solid #c8e0e6;font-size:.82rem;padding:10px 0}.agent-os-info-panel li::before{color:#d10b68;content:"+";font-family:"UbuntuBold";margin-right:9px}.agent-os-panel-settings{border-top:1px solid #c7dfe6;padding-top:18px}.agent-os-panel-settings label{color:#315d70;display:block;font-family:"UbuntuBold";font-size:.7rem;margin-top:12px}.agent-os-panel-settings select{appearance:none;background:#fff;border:1px solid #bad9e2;border-radius:7px;color:#07173e;font:inherit;margin-top:6px;padding:10px;width:100%}.agent-os-info-panel>small{color:#668491;font-size:.67rem;line-height:1.35;margin-top:auto}@media(max-width:600px){.agent-os-info-panel{padding:27px 22px;width:88vw}}
.agent-os-info-panel{border-radius:20px 0 0 0;height:calc(100dvh - 118px);padding-top:27px;top:118px}.agent-os-panel-close{background:#071b43;border-color:#071b43;color:#fff;flex:0 0 auto}.agent-os-panel-close:hover{background:#d10b68;border-color:#d10b68}.agent-os-info-panel::before{background:linear-gradient(90deg,#d10b68,#b0deed);content:"";height:3px;left:29px;position:absolute;right:29px;top:0}@media(max-width:600px){.agent-os-info-panel{height:calc(100dvh - 82px);top:82px}}

.agent-os-panel-chat{border-top:1px solid #c7dfe6;padding-top:18px}.agent-os-panel-chat>div{align-items:center;display:flex;justify-content:space-between}.agent-os-panel-chat em{background:#e0f1f5;border-radius:99px;color:#347083;font-family:"UbuntuBold";font-size:.57rem;font-style:normal;padding:5px 8px}.agent-os-panel-chat>p{background:#fff;border:1px solid #c8e1e8;border-radius:10px;color:#315d70;font-size:.75rem;line-height:1.35;margin:10px 0;padding:11px}.agent-os-panel-chat textarea{background:#fff;border:1px solid #b8dbe5;border-radius:9px;color:#07173e;font:inherit;font-size:.78rem;min-height:64px;padding:10px;resize:vertical;width:100%}.agent-os-panel-chat form button{background:#071b43;border:0;border-radius:99px;color:#fff;cursor:pointer;float:right;font-family:"UbuntuBold";font-size:.7rem;margin-top:8px;padding:9px 13px}.agent-os-panel-chat form::after{clear:both;content:"";display:block}.agent-os-panel-chat form button span{color:#b0deed;margin-left:6px}

/* Desktop info-panel behaviour: full height, sticky close action, native sliders. */
.agent-os-info-panel{border-radius:0;height:100dvh;padding:145px 29px 34px;top:0}.agent-os-info-panel::before{left:0;right:0}.agent-os-panel-close{align-self:flex-end;margin:-112px 0 66px;position:sticky;top:0;z-index:3}.agent-os-panel-slider{color:#315d70;display:block;font-family:"UbuntuBold";font-size:.72rem;margin-top:20px}.agent-os-panel-slider>span{align-items:center;display:flex;justify-content:space-between}.agent-os-panel-slider output{color:#07173e;font-size:.68rem}.agent-os-panel-slider input{accent-color:#d10b68;display:block;margin:13px 0 8px;width:100%}.agent-os-panel-slider small{color:#668491;display:flex;font-family:"Ubuntu";font-size:.58rem;justify-content:space-between}.agent-os-panel-slider small i{background:#b8dbe5;border-radius:50%;height:4px;margin-top:3px;width:4px}@media(max-width:600px){.agent-os-info-panel{height:100dvh;padding:108px 22px 27px;top:0}.agent-os-panel-close{margin:-80px 0 48px}}

/* Development connection: credentials stay in the browser session, the backend authorizes each request. */
.agent-os-panel-connection{border-top:1px solid #c7dfe6;padding-top:18px}.agent-os-panel-connection>div{align-items:center;display:flex;justify-content:space-between}.agent-os-panel-connection em{background:#e0f1f5;border-radius:99px;color:#347083;font-family:"UbuntuBold";font-size:.57rem;font-style:normal;padding:5px 8px}.agent-os-panel-connection em.is-connected{background:#dff5e9;color:#19734c}.agent-os-panel-connection>p{color:#416a7d;font-size:.72rem;line-height:1.4;margin:10px 0}.agent-os-panel-connection form{display:grid;gap:8px}.agent-os-panel-connection input{background:#fff;border:1px solid #b8dbe5;border-radius:8px;color:#07173e;font:inherit;font-size:.75rem;padding:10px}.agent-os-panel-connection button{background:#fff;border:1px solid #103668;border-radius:99px;color:#103668;cursor:pointer;font-family:"UbuntuBold";font-size:.68rem;padding:9px 12px}.agent-os-panel-connection button:hover{background:#103668;color:#fff}.agent-os-panel-connection small{color:#668491;display:block;font-size:.58rem;line-height:1.35;margin-top:9px}.agent-os-panel-chat textarea:disabled,.agent-os-panel-chat button:disabled{cursor:not-allowed;opacity:.52}
.agent-os-panel-actions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.agent-os-panel-actions button{background:#f8fcfd;border:1px solid #b8dbe5;border-radius:99px;color:#24566a;cursor:pointer;font-family:"UbuntuBold";font-size:.58rem;padding:6px 8px}.agent-os-panel-actions button:hover{background:#dff2f6;border-color:#7ab8c9;color:#07173e}

/* Agent panel: desktop-system dialog language and stable conversation layout. */
.agent-os-info-panel{background:#06112e;border-left:1px solid rgba(176,222,237,.34);box-shadow:-24px 0 72px rgba(1,10,45,.42);color:#e9f0fa;display:grid;gap:0;grid-template-rows:auto auto auto minmax(260px,1fr);height:100dvh;overflow:hidden;padding:0;top:0;width:min(620px,100vw)}
.agent-os-info-panel::before{display:none}
.agent-os-panel-header{align-items:center;background:#06112e;border-bottom:1px solid rgba(176,222,237,.22);display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto auto;min-height:68px;padding:11px 15px}.agent-os-panel-header>div{min-width:0}.agent-os-panel-header h3{color:#f5f8fc;font-family:"UbuntuBold";font-size:1.12rem;letter-spacing:-.02em;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-os-panel-header h3+p{color:#9fb2c8;font-size:.68rem;margin:2px 0 0}.agent-os-panel-header .agent-os-panel-close{align-self:center;background:transparent;border:1px solid rgba(176,222,237,.35);color:#f5f8fc;height:32px;margin:0;position:static;width:32px}.agent-os-panel-header .agent-os-panel-close:hover{background:#d10b68;border-color:#d10b68}
.agent-os-panel-status{align-items:center;border:1px solid rgba(176,222,237,.35);border-radius:999px;color:#dce6f2;display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.58rem;gap:6px;min-height:27px;padding:3px 8px;white-space:nowrap}.agent-os-panel-status.is-connected{border-color:rgba(57,203,114,.55);color:#abebc1}.agent-os-panel-status.is-busy::before{animation:agentOsPanelSpin 780ms linear infinite;border:1.5px solid rgba(176,222,237,.4);border-radius:50%;border-top-color:#b0deed;content:"";height:9px;width:9px}@keyframes agentOsPanelSpin{to{transform:rotate(360deg)}}
.agent-os-panel-profile{background:#0a1839;border-bottom:1px solid rgba(176,222,237,.18);color:#c5d3e4;padding:0 15px}.agent-os-panel-profile summary{color:#b0deed;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.64rem;list-style:none;padding:10px 0}.agent-os-panel-profile summary::after{content:"+";float:right}.agent-os-panel-profile[open] summary::after{content:"−"}.agent-os-panel-profile[open]{max-height:42vh;overflow:auto;padding-bottom:14px}.agent-os-panel-profile .agent-os-panel-current{background:#0c1d42;border:1px solid rgba(176,222,237,.22);border-radius:5px;padding:12px}.agent-os-panel-profile .agent-os-panel-settings{border-color:rgba(176,222,237,.18)}.agent-os-panel-profile li{border-color:rgba(176,222,237,.16);color:#dce6f2}.agent-os-panel-profile .agent-os-panel-slider,.agent-os-panel-profile .agent-os-panel-slider output{color:#c5d3e4}
.agent-os-panel-connection{background:#091735;border-bottom:1px solid rgba(176,222,237,.18);border-top:0;padding:10px 15px}.agent-os-panel-connection>p{color:#9fb2c8;font-size:.65rem;margin:6px 0}.agent-os-panel-connection input{background:#0b1b3e;border-color:rgba(176,222,237,.36);border-radius:4px;color:#f3f7fc;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.agent-os-panel-connection button{background:#14743a;border-color:rgba(57,203,114,.62);border-radius:4px;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.agent-os-panel-connection button:hover{background:#1c8b49}.agent-os-panel-connection:has(em.is-connected) form,.agent-os-panel-connection:has(em.is-connected)>p,.agent-os-panel-connection:has(em.is-connected)>small{display:none}
.agent-os-panel-chat{background:#07142f;border-top:0;display:grid;grid-template-rows:auto minmax(150px,1fr) auto auto;min-height:0;padding:0}.agent-os-panel-context{align-items:center;background:#091735;border-bottom:1px solid rgba(176,222,237,.18);display:flex!important;flex-wrap:wrap;gap:6px;justify-content:flex-start!important;padding:8px 14px}.agent-os-panel-context span{color:#8fa1b8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.58rem}.agent-os-panel-context b,.agent-os-panel-context button{background:#0c1d42;border:1px solid rgba(176,222,237,.28);border-radius:3px;color:#c5d3e4;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.56rem;font-weight:400;min-height:23px;padding:4px 7px}.agent-os-panel-context b{color:#39cb72}.agent-os-panel-context button.is-active{background:rgba(57,203,114,.14);border-color:rgba(57,203,114,.7);color:#abebc1}
.agent-os-panel-messages{background:linear-gradient(rgba(176,222,237,.025) 1px,transparent 1px) 0 0/100% 22px,#07142f;min-height:0;overflow-y:auto;padding:14px 16px}.agent-os-panel-message{color:#e9f0fa;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;margin:0 0 14px}.agent-os-panel-message strong{color:#39cb72;display:block;font-size:.58rem;font-weight:600;margin-bottom:5px}.agent-os-panel-message--user{color:#ffe0ef}.agent-os-panel-message--user strong{color:#e6529a}.agent-os-panel-message p{line-height:1.55;margin:0;white-space:pre-wrap}.agent-os-panel-message--user.is-pending p::after{animation:agentOsPanelSpin 780ms linear infinite;border:1.5px solid rgba(176,222,237,.35);border-radius:50%;border-top-color:#b0deed;content:"";display:inline-block;height:9px;margin-left:7px;vertical-align:-1px;width:9px}
.agent-os-panel-message--user.is-pending p{animation:agentOsQuestionGlow 1.8s linear infinite;background:linear-gradient(100deg,currentColor 0%,currentColor 38%,#fff 49%,#7deaff 52%,currentColor 63%,currentColor 100%);background-clip:text;background-position:100% 50%;background-size:240% 100%;filter:drop-shadow(0 0 5px rgba(87,218,244,.3));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.agent-os-panel-message--user.is-pending p::after{animation:agentOsPanelSpin 680ms linear infinite;border:3px solid rgba(14,108,143,.25);border-radius:50%;border-right-color:#d10b68;border-top-color:#087da1;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 10px rgba(8,125,161,.7);height:15px;margin-left:11px;vertical-align:-2px;width:15px;-webkit-text-fill-color:initial}@keyframes agentOsQuestionGlow{from{background-position:100% 50%}to{background-position:-100% 50%}}@media(prefers-reduced-motion:reduce){.agent-os-panel-message--user.is-pending p{animation:none;background:none;filter:none;-webkit-text-fill-color:currentColor}.agent-os-panel-message--user.is-pending p::after{animation-duration:1.4s}}
.agent-os-info-panel>.agent-os-panel-connection,.agent-os-panel-header .agent-os-panel-runtime-summary{display:none!important}
.agent-os-panel-message p a{color:#8fe4f3;text-decoration-color:rgba(143,228,243,.5);text-decoration-thickness:1px;text-underline-offset:3px}.agent-os-panel-message p a:hover,.agent-os-panel-message p a:focus-visible{color:#ff72b2;text-decoration-color:currentColor}
.agent-os-message-content{line-height:1.55;min-width:0}.agent-os-message-content p{margin:0 0 9px;white-space:normal}.agent-os-message-content p:last-child{margin-bottom:0}.agent-os-message-content a{color:#8fe4f3;text-decoration-color:rgba(143,228,243,.5);text-decoration-thickness:1px;text-underline-offset:3px}.agent-os-message-content a:hover,.agent-os-message-content a:focus-visible{color:#ff72b2;text-decoration-color:currentColor}.agent-os-message-content strong{color:inherit;display:inline;font-size:inherit;font-weight:700;margin:0}.agent-os-message-content code{background:rgba(176,222,237,.1);border:1px solid rgba(176,222,237,.18);border-radius:4px;color:#bdeaf3;font:inherit;padding:1px 4px}.agent-os-message-content h4,.agent-os-message-content h5,.agent-os-message-content h6{color:#fff;font-family:"UbuntuBold";font-size:.76rem;line-height:1.25;margin:13px 0 6px}.agent-os-message-content ul,.agent-os-message-content ol{margin:6px 0 10px;padding-left:19px}.agent-os-message-content li{margin:7px 0}.agent-os-message-list-description{color:#c8d8e9;margin:3px 0 7px;padding-left:10px}.agent-os-message-content blockquote{border-left:3px solid #e60064;color:#ccecf4;margin:9px 0;padding:4px 0 4px 10px}.agent-os-message-table-wrap{border:1px solid #315b7e;border-radius:8px;margin:9px 0 12px;max-width:100%;overflow-x:auto}.agent-os-message-content table{border-collapse:collapse;font-family:"Ubuntu",sans-serif;font-size:.65rem;line-height:1.4;min-width:420px;width:100%}.agent-os-message-content th{background:#17365e;color:#dff7fc;font-family:"UbuntuBold";font-weight:700;text-align:left}.agent-os-message-content th,.agent-os-message-content td{border-bottom:1px solid #294a70;padding:9px 10px;vertical-align:top}.agent-os-message-content tr:last-child td{border-bottom:0}.agent-os-message-content tbody tr:nth-child(even){background:rgba(176,222,237,.045)}.agent-os-info-panel.is-terminal-light .agent-os-message-content h4,.agent-os-info-panel.is-terminal-light .agent-os-message-content h5,.agent-os-info-panel.is-terminal-light .agent-os-message-content h6{color:#07173e}.agent-os-info-panel.is-terminal-light .agent-os-message-content a{color:#076c91}.agent-os-info-panel.is-terminal-light .agent-os-message-content code{background:#e7f4f7;border-color:#c4e0e7;color:#174b64}.agent-os-info-panel.is-terminal-light .agent-os-message-content blockquote{color:#315f73}.agent-os-info-panel.is-terminal-light .agent-os-message-list-description{color:#315f73}.agent-os-info-panel.is-terminal-light .agent-os-message-table-wrap{border-color:#b8dbe5}.agent-os-info-panel.is-terminal-light .agent-os-message-content th{background:#dceef3;color:#07173e}.agent-os-info-panel.is-terminal-light .agent-os-message-content th,.agent-os-info-panel.is-terminal-light .agent-os-message-content td{border-color:#c5dfe6}.agent-os-info-panel.is-terminal-light .agent-os-message-content tbody tr:nth-child(even){background:#f1f9fb}
.agent-os-panel-actions{background:#07142f;margin:0;padding:4px 14px 9px}.agent-os-panel-actions button{background:#0c1d42;border-color:rgba(176,222,237,.28);border-radius:3px;color:#c5d3e4;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.agent-os-panel-actions button:hover{background:rgba(57,203,114,.14);border-color:rgba(57,203,114,.65);color:#abebc1}
.agent-os-panel-composer{align-items:end;background:#06112e;border-top:1px solid rgba(176,222,237,.22);display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;padding:10px 13px 13px 33px;position:relative}.agent-os-panel-composer::before{color:#39cb72;content:">";font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1rem;left:14px;position:absolute;top:20px}.agent-os-panel-chat .agent-os-panel-composer textarea{background:#0b1b3e;border-color:rgba(176,222,237,.36);border-radius:4px;color:#f3f7fc;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;min-height:54px;padding:8px;resize:vertical}.agent-os-panel-chat .agent-os-panel-composer textarea:focus{border-color:#39cb72;box-shadow:0 0 0 2px rgba(57,203,114,.13);outline:0}.agent-os-panel-chat .agent-os-panel-composer textarea::placeholder{color:#8b9ab3}.agent-os-panel-chat .agent-os-panel-composer button{background:#14743a;border:1px solid rgba(57,203,114,.62);border-radius:4px;color:#fff;float:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.62rem;margin:0;min-height:36px;padding:8px 11px}.agent-os-panel-chat .agent-os-panel-composer button:hover:not(:disabled){background:#1c8b49}
@media(max-width:600px){.agent-os-info-panel{height:100dvh;padding:0;top:0;width:100vw}.agent-os-panel-header{min-height:62px;padding:9px 11px}.agent-os-panel-header h3{font-size:1rem}.agent-os-panel-profile,.agent-os-panel-connection{padding-left:11px;padding-right:11px}.agent-os-panel-context{padding-left:11px;padding-right:11px}.agent-os-panel-messages{padding:12px}.agent-os-panel-composer{padding:9px 10px 11px 28px}.agent-os-panel-composer::before{left:11px}}

/* Website blend: light flumen panel shell, focused system dialog inside. */
.agent-os-info-panel{background:linear-gradient(160deg,#f9fdfe,#e7f4f7);border-left-color:#b8dbe5;color:#07173e}
.agent-os-panel-header{background:rgba(249,253,254,.96);border-bottom-color:#c5dfe6}.agent-os-panel-header h3{color:#07173e}.agent-os-panel-header h3+p{color:#416a7d}.agent-os-panel-header .agent-os-panel-close{background:#071b43;border-color:#071b43;color:#fff}.agent-os-panel-status{border-color:#b8dbe5;color:#416a7d}.agent-os-panel-status.is-connected{background:#dff5e9;border-color:#b8e6ce;color:#19734c}
.agent-os-panel-profile{background:#eef8fa;border-bottom-color:#c5dfe6;color:#315d70}.agent-os-panel-profile summary{color:#c80965;font-family:"UbuntuBold";letter-spacing:.08em;text-transform:uppercase}.agent-os-panel-profile[open]{max-height:34vh}.agent-os-panel-profile .agent-os-panel-current{background:#09204b;border-color:#173864}.agent-os-panel-profile .agent-os-panel-slider{color:#315d70}.agent-os-panel-profile .agent-os-panel-slider output{color:#07173e}.agent-os-panel-profile li{border-color:#c8e0e6;color:#07173e}
.agent-os-panel-connection{background:#f5fbfc;border-bottom-color:#c5dfe6}.agent-os-panel-connection>p{color:#416a7d}.agent-os-panel-connection input{background:#fff;border-color:#b8dbe5;color:#07173e}
.agent-os-panel-chat{background:#edf7f9;padding:12px;row-gap:0}.agent-os-panel-context{background:transparent;border:1px solid #c5dfe6;border-bottom:0;border-radius:8px 8px 0 0}.agent-os-panel-context span{color:#668491}.agent-os-panel-context b,.agent-os-panel-context button{background:#fff;border-color:#b8dbe5;color:#315d70}.agent-os-panel-context b{color:#19734c}.agent-os-panel-context button.is-active{background:#e6f7ed;border-color:#70c58f;color:#19734c}
.agent-os-panel-chat>.agent-os-panel-messages{display:block!important}.agent-os-panel-messages{border-left:1px solid #173864;border-right:1px solid #173864;min-width:0;width:auto}.agent-os-panel-message{display:block!important;width:100%}.agent-os-panel-message+.agent-os-panel-message{margin-top:18px}
.agent-os-panel-actions{border-left:1px solid #173864;border-right:1px solid #173864}.agent-os-panel-composer{border:1px solid #173864;border-radius:0 0 8px 8px}
@media(max-width:600px){.agent-os-panel-profile[open]{max-height:31vh}.agent-os-panel-chat{padding:8px}}

/* Stable specialists gutter in both navigation states; avoid horizontal page drift. */
.agent-os-page .agent-os-specialists{overflow-x:clip}.agent-os-page .agent-os-specialists .agent-os-shell{max-width:1240px;width:min(1240px,calc(100vw - 112px))}.agent-os-page .agent-os-specialists .agent-os-restored-workbench{left:auto;max-width:none;position:static;width:auto}
@media(min-width:1200px){body:has(#new-sidebar.active) .agent-os-specialists .agent-os-restored-workbench,body:has(#sidebar.active) .agent-os-specialists .agent-os-restored-workbench{left:auto;max-width:none;position:static;width:auto}}
@media(max-width:700px){.agent-os-page .agent-os-specialists .agent-os-shell{width:min(100% - 40px,1240px)}}

/* Compact agent workspace with a separate settings surface. */
.agent-os-info-panel{grid-template-rows:auto auto minmax(0,1fr);width:min(540px,100vw)}
.agent-os-panel-header{grid-template-columns:minmax(0,1fr) auto auto auto;min-height:62px;padding:9px 14px}
.agent-os-panel-header h3{font-size:1rem}.agent-os-panel-header h3+p{font-size:.62rem}
.agent-os-panel-settings-open{background:transparent;border:1px solid #b8dbe5;border-radius:99px;color:#315d70;cursor:pointer;font-family:"UbuntuBold";font-size:.6rem;padding:7px 10px}.agent-os-panel-settings-open:hover{background:#e7f4f7;border-color:#7ebfd2;color:#07173e}
.agent-os-panel-connection{padding:7px 14px}.agent-os-panel-connection>div{min-height:25px}.agent-os-panel-connection>p{margin:4px 0}.agent-os-panel-connection form{grid-template-columns:1fr 1fr auto}.agent-os-panel-connection input,.agent-os-panel-connection button{min-width:0;padding:7px 9px}.agent-os-panel-connection small{margin-top:5px}
.agent-os-panel-chat{min-height:0;padding:9px}.agent-os-panel-context{gap:5px;padding:7px 10px}.agent-os-panel-context small{color:#668491;display:block;flex-basis:100%;font-size:.56rem;line-height:1.3;margin-top:1px}.agent-os-panel-messages{overflow-anchor:none;overscroll-behavior:contain;padding:11px 13px;scrollbar-color:#8bc8d8 transparent;scrollbar-width:thin}.agent-os-panel-message{font-size:.66rem;margin-bottom:11px}.agent-os-panel-actions{padding:7px 10px}.agent-os-panel-composer{padding:8px 10px 9px 29px}.agent-os-panel-composer::before{left:11px;top:17px}.agent-os-panel-chat .agent-os-panel-composer textarea{min-height:44px;resize:none}
.agent-os-panel-settings-view{background:linear-gradient(155deg,#f9fdfe 0%,#e5f3f7 100%);display:grid;grid-template-rows:auto minmax(0,1fr);inset:0;opacity:0;pointer-events:none;position:absolute;transform:translateX(24px);transition:opacity .2s ease,transform .25s ease;z-index:8}.agent-os-panel-settings-view.is-open{opacity:1;pointer-events:auto;transform:translateX(0)}
.agent-os-panel-settings-view>header{align-items:center;background:#071b43;border-bottom:1px solid rgba(176,222,237,.3);display:flex;justify-content:space-between;min-height:64px;padding:10px 15px}.agent-os-panel-settings-view h4{color:#fff;font-family:"UbuntuBold";font-size:1rem;margin:3px 0 0}.agent-os-panel-settings-view header button{background:transparent;border:1px solid rgba(176,222,237,.5);border-radius:99px;color:#d9f2f8;cursor:pointer;font-family:"UbuntuBold";font-size:.62rem;padding:7px 11px}.agent-os-panel-settings-view header button:hover{background:#d10b68;border-color:#d10b68;color:#fff}
.agent-os-panel-settings-scroll{min-height:0;overflow-y:auto;padding:18px 17px 30px;scrollbar-color:#8bc8d8 transparent;scrollbar-width:thin}.agent-os-panel-settings-view .agent-os-panel-current{border-radius:8px;padding:15px}.agent-os-panel-capabilities{margin-top:20px}.agent-os-panel-settings-view li{border-color:#c8e0e6;color:#07173e}.agent-os-panel-settings-view .agent-os-panel-settings{margin-top:22px}.agent-os-panel-settings-note{border-top:1px solid #c7dfe6;color:#668491;font-size:.66rem;line-height:1.5;margin:25px 0 0;padding-top:15px}
@media(max-width:600px){.agent-os-panel-header{grid-template-columns:minmax(0,1fr) auto auto}.agent-os-panel-header .agent-os-panel-status{display:none}.agent-os-panel-settings-open{font-size:0;height:32px;padding:0;width:32px}.agent-os-panel-settings-open::before{content:"⚙";font-size:.85rem}.agent-os-panel-connection form{grid-template-columns:1fr}.agent-os-panel-connection small{display:none}.agent-os-panel-context button:nth-of-type(n+3){display:none}}

/* Persistent, resizable Value Chain Agent workspace. */
.agent-os-info-panel{grid-template-rows:auto auto auto minmax(0,1fr);max-width:100vw;min-width:390px;overflow:visible;width:min(540px,100vw)}.agent-os-info-panel.is-resizing{transition:none;user-select:none}
.agent-os-panel-header{background:linear-gradient(105deg,#061431 0%,#0b234d 100%);border-bottom-color:rgba(176,222,237,.22)}.agent-os-panel-header h3,.agent-os-panel-header h3+p{color:#fff}.agent-os-panel-header h3+p{opacity:.7}.agent-os-panel-header .agent-os-panel-eyebrow{color:#ff71b2}
.agent-os-panel-settings-open{align-items:center;background:transparent;border:1px solid rgba(176,222,237,.35);border-radius:50%;color:#dff7fc;display:flex;font-size:.72rem;height:32px;justify-content:center;padding:0;width:32px}.agent-os-panel-settings-open:hover{background:#d10b68;border-color:#d10b68;color:#fff}
.agent-os-panel-agent-tabs{background:#081a3d;border-bottom:1px solid rgba(176,222,237,.22);display:flex;gap:5px;min-width:0;overflow-x:auto;padding:7px 11px;scrollbar-color:#5f829c transparent;scrollbar-width:thin}.agent-os-panel-agent-tabs button{--agent-accent:#b0deed;background:#0c244d;border:1px solid rgba(176,222,237,.18);border-radius:99px;color:#afbed0;cursor:pointer;flex:0 0 auto;font-family:"UbuntuBold";font-size:.58rem;padding:6px 10px;position:relative;white-space:nowrap}.agent-os-panel-agent-tabs button::before{background:var(--agent-accent);border-radius:50%;box-shadow:0 0 8px var(--agent-accent);content:"";display:inline-block;height:5px;margin-right:6px;width:5px}.agent-os-panel-agent-tabs button:hover,.agent-os-panel-agent-tabs button.is-active{background:color-mix(in srgb,var(--agent-accent) 14%,#0c244d);border-color:var(--agent-accent);color:#fff}.agent-os-panel-agent-tabs button.is-active{box-shadow:inset 0 -2px 0 var(--agent-accent)}
.agent-os-panel-resizer{bottom:0;cursor:ew-resize;left:-6px;position:absolute;top:0;width:12px;z-index:12}.agent-os-panel-resizer::after{background:rgba(176,222,237,.42);border-radius:99px;content:"";height:64px;left:4px;opacity:0;position:absolute;top:calc(50% - 32px);transition:opacity .2s;width:3px}.agent-os-panel-resizer:hover::after,.agent-os-panel-resizer:focus-visible::after,.agent-os-info-panel.is-resizing .agent-os-panel-resizer::after{opacity:1}
.agent-os-panel-launcher{align-items:center;background:linear-gradient(145deg,#0b2854,#061431);border:1px solid rgba(176,222,237,.65);border-radius:50%;bottom:28px;box-shadow:0 12px 34px rgba(2,18,55,.34),0 0 0 7px rgba(176,222,237,.12);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:"UbuntuBold";font-size:.48rem;gap:2px;height:62px;justify-content:center;position:fixed;right:28px;width:62px;z-index:2004}.agent-os-panel-launcher i{color:#b0deed;font-size:1.15rem}.agent-os-panel-launcher:hover{background:linear-gradient(145deg,#d10b68,#8b0847);border-color:#ff8bc0;box-shadow:0 14px 38px rgba(91,5,51,.38),0 0 0 8px rgba(209,11,104,.14);transform:translateY(-2px)}.agent-os-panel-launcher[hidden]{display:none}
.agent-os-panel-chat{overflow:hidden}.agent-os-panel-messages{max-height:none}.agent-os-panel-settings-view{bottom:0;inset:auto 0 0;overflow:hidden;top:62px}
@media(max-width:600px){.agent-os-info-panel{min-width:0;width:100vw!important}.agent-os-panel-resizer{display:none}.agent-os-panel-settings-open{font-size:.72rem}.agent-os-panel-settings-open::before{display:none}.agent-os-panel-launcher{bottom:18px;height:54px;right:18px;width:54px}.agent-os-panel-agent-tabs{padding-left:8px;padding-right:8px}}

/* Keep the full-height workspace above the website chrome. */
.agent-os-info-panel{height:100dvh;top:0;z-index:200000}.agent-os-panel-launcher{z-index:199999}.agent-os-panel-header{position:relative;z-index:10}
.agent-os-panel-context{align-items:center;background:#eef8fa;border:0;border-bottom:1px solid #c5dfe6;border-radius:0;display:flex!important;justify-content:flex-end!important;min-height:42px;padding:6px 10px;position:relative}.agent-os-panel-context-trigger{align-items:center;background:#fff;border:1px solid #9ccfdb;border-radius:99px;color:#164d68;cursor:pointer;display:flex;font-family:"UbuntuBold";font-size:.62rem;gap:6px;padding:7px 10px}.agent-os-panel-context-trigger i{color:#168bb2;font-size:.78rem}.agent-os-panel-context-trigger:hover,.agent-os-panel-context-trigger[aria-expanded="true"]{background:#dff3f8;border-color:#168bb2}.agent-os-panel-context-popover{background:#fff;border:1px solid #9ccfdb;border-radius:10px;box-shadow:0 14px 36px rgba(3,25,59,.2);color:#315d70;max-width:360px;padding:14px;position:absolute;right:10px;top:calc(100% + 7px);width:calc(100% - 20px);z-index:20}.agent-os-panel-context-popover[hidden]{display:none}.agent-os-panel-context-popover span{color:#c80965;display:block;font-family:"UbuntuBold";font-size:.57rem;letter-spacing:.08em;text-transform:uppercase}.agent-os-panel-context-popover strong{color:#07173e;display:block;font-family:"UbuntuBold";font-size:.84rem;margin-top:6px}.agent-os-panel-context-popover p{font-size:.7rem;line-height:1.45;margin:7px 0 0}
.agent-os-panel-resizer{left:-13px;width:20px}.agent-os-panel-resizer::after{background:linear-gradient(180deg,#2b99d0,#0869af);border:2px solid #a9e2f2;box-shadow:0 8px 24px rgba(3,55,103,.36);height:78px;left:0;opacity:1;top:calc(50% - 39px);width:16px}.agent-os-panel-resizer::before{color:#fff;content:"•••";font-size:.5rem;left:4px;letter-spacing:-1px;line-height:1;position:absolute;top:calc(50% - 4px);transform:rotate(90deg);z-index:2}.agent-os-panel-resizer:hover::after,.agent-os-info-panel.is-resizing .agent-os-panel-resizer::after{background:linear-gradient(180deg,#39b4e4,#0872bd);box-shadow:0 8px 30px rgba(4,105,175,.5)}

/* Local/dev3 runtime adapter switch. */
.agent-os-runtime-switch{display:flex!important;gap:5px;justify-content:flex-start!important;margin-top:6px}.agent-os-runtime-switch button{background:#fff;border:1px solid #b8dbe5;border-radius:99px;color:#416a7d;cursor:pointer;font-family:"UbuntuBold";font-size:.56rem;padding:5px 10px}.agent-os-runtime-switch button.is-active{background:#09204b;border-color:#09204b;color:#fff}.agent-os-runtime-switch button[data-agent-runtime="local"].is-active{background:#14743a;border-color:#14743a}.agent-os-panel-connection form[hidden]{display:none!important}.agent-os-panel-connection:has(em.is-connected)>p{display:block}.agent-os-panel-connection:has(em.is-connected)>small{display:block}.agent-os-panel-connection>p{font-size:.58rem}.agent-os-panel-connection small{font-size:.52rem}
.agent-os-panel-knowledge{border-top:1px solid #c7dfe6;margin-top:20px;padding-top:18px}.agent-os-panel-knowledge ul{display:grid;gap:5px;grid-template-columns:1fr 1fr}.agent-os-panel-knowledge li{background:#fff;border:1px solid #c8e0e6;border-radius:6px;font-size:.68rem;padding:8px}.agent-os-panel-knowledge li::before{content:"↳";margin-right:7px}

/* Quiet presence for the collapsed agent launcher. */
@keyframes agentOsLauncherPulse{
  0%,100%{
    border-color:rgba(176,222,237,.62);
    box-shadow:0 12px 34px rgba(2,18,55,.34),0 0 0 6px rgba(176,222,237,.08),0 0 12px rgba(91,205,231,.12)
  }
  46%{
    border-color:rgba(146,229,244,.9);
    box-shadow:0 12px 36px rgba(2,18,55,.36),0 0 0 9px rgba(91,205,231,.13),0 0 22px rgba(91,205,231,.22)
  }
  62%{
    border-color:rgba(255,125,184,.74);
    box-shadow:0 12px 36px rgba(45,8,42,.34),0 0 0 8px rgba(209,11,104,.11),0 0 19px rgba(209,11,104,.2)
  }
}
.agent-os-panel-launcher:not([hidden]){animation:agentOsLauncherPulse 6.2s ease-in-out infinite}.agent-os-panel-launcher:hover,.agent-os-panel-launcher:focus-visible{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.agent-os-panel-launcher:not([hidden]){animation:none}}

/* The conversation owns the remaining panel height and scrolls independently. */
.agent-os-info-panel{min-height:0}.agent-os-panel-chat{grid-template-rows:auto minmax(0,1fr) auto auto;height:100%;max-height:100%;min-height:0;overflow:hidden}.agent-os-panel-chat>.agent-os-panel-messages{height:100%;max-height:100%;min-height:0;overflow-x:hidden!important;overflow-y:scroll!important;overscroll-behavior-y:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch}.agent-os-panel-actions,.agent-os-panel-composer{flex:0 0 auto;position:relative;z-index:2}

/* The chat fills only its assigned grid track, never the complete panel. */
/* A fresh desktop dialog starts roomy; a visitor's manually stored width still wins. */
.agent-os-info-panel{width:min(640px,100vw)}.agent-os-panel-chat{align-self:stretch;height:auto;max-height:none}.agent-os-panel-chat>.agent-os-panel-messages{height:auto;max-height:none}

/* Hard-dock the composer so message content can never push it off-screen. */
.agent-os-panel-chat{display:block;height:100%;min-height:0;overflow:hidden;position:relative}.agent-os-panel-chat>.agent-os-panel-context{box-sizing:border-box;height:43px;left:9px;position:absolute;right:9px;top:9px}.agent-os-panel-chat>.agent-os-panel-messages{bottom:122px;height:auto;left:9px;max-height:none;overflow-y:auto!important;position:absolute;right:9px;top:52px}.agent-os-panel-chat>.agent-os-panel-actions{bottom:74px;box-sizing:border-box;height:48px;left:9px;margin:0;overflow:hidden;position:absolute;right:9px}.agent-os-panel-chat>.agent-os-panel-composer{bottom:9px;box-sizing:border-box;height:65px;left:9px;position:absolute;right:9px;width:auto}.agent-os-panel-chat:has(>.agent-os-panel-actions[hidden])>.agent-os-panel-messages{bottom:74px}.agent-os-panel-chat>.agent-os-panel-actions[hidden]{display:none}
@media(max-width:600px){.agent-os-panel-chat>.agent-os-panel-context{left:8px;right:8px;top:8px}.agent-os-panel-chat>.agent-os-panel-messages{bottom:114px;left:8px;right:8px;top:51px}.agent-os-panel-chat>.agent-os-panel-actions{bottom:68px;height:46px;left:8px;right:8px}.agent-os-panel-chat>.agent-os-panel-composer{bottom:8px;height:60px;left:8px;right:8px}.agent-os-panel-chat:has(>.agent-os-panel-actions[hidden])>.agent-os-panel-messages{bottom:68px}}

/* Final panel flow: fixed chrome, one flexible message scroller, fixed composer. */
.agent-os-info-panel{display:flex;flex-direction:column;overflow:hidden}.agent-os-panel-header,.agent-os-panel-agent-tabs,.agent-os-panel-connection{flex:0 0 auto}.agent-os-panel-chat{display:flex;flex:1 1 0;flex-direction:column;height:auto!important;max-height:none;min-height:0;padding:9px;position:relative}.agent-os-panel-chat>.agent-os-panel-context,.agent-os-panel-chat>.agent-os-panel-messages,.agent-os-panel-chat>.agent-os-panel-actions,.agent-os-panel-chat>.agent-os-panel-composer{bottom:auto;height:auto!important;left:auto;max-height:none;position:static;right:auto;top:auto;width:auto}.agent-os-panel-chat>.agent-os-panel-context{flex:0 0 43px}.agent-os-panel-chat>.agent-os-panel-messages{flex:1 1 0;min-height:0;overflow-y:auto!important}.agent-os-panel-chat>.agent-os-panel-actions{flex:0 0 auto;min-height:48px}.agent-os-panel-chat>.agent-os-panel-composer{flex:0 0 65px;min-height:65px}.agent-os-panel-settings-view{position:absolute}
@media(max-width:600px){.agent-os-panel-chat{padding:8px}.agent-os-panel-chat>.agent-os-panel-actions{min-height:46px}.agent-os-panel-chat>.agent-os-panel-composer{flex-basis:60px;min-height:60px}}

/* Deterministic chat geometry: runtime above, composer below, history between. */
.agent-os-panel-chat{bottom:0;display:block;height:auto!important;left:0;max-height:none;min-height:0;padding:9px;position:absolute;right:0;top:var(--agent-chat-top,440px)}.agent-os-panel-chat>.agent-os-panel-context{bottom:auto;box-sizing:border-box;height:43px!important;left:9px;position:absolute;right:9px;top:9px;width:auto}.agent-os-panel-chat>.agent-os-panel-messages{bottom:74px;height:auto!important;left:9px;max-height:none;min-height:0;overflow-y:auto!important;position:absolute;right:9px;top:52px;width:auto}.agent-os-panel-chat>.agent-os-panel-actions{bottom:74px;box-sizing:border-box;height:48px!important;left:9px;min-height:0;position:absolute;right:9px;top:auto;width:auto}.agent-os-panel-chat>.agent-os-panel-composer{bottom:9px;box-sizing:border-box;height:65px!important;left:9px;min-height:0;position:absolute;right:9px;top:auto;width:auto}.agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:122px}.agent-os-panel-chat>.agent-os-panel-actions[hidden]{display:none}
@media(max-width:600px){.agent-os-panel-chat{padding:8px}.agent-os-panel-chat>.agent-os-panel-context{left:8px;right:8px;top:8px}.agent-os-panel-chat>.agent-os-panel-messages{bottom:68px;left:8px;right:8px;top:51px}.agent-os-panel-chat>.agent-os-panel-actions{bottom:68px;height:46px!important;left:8px;right:8px}.agent-os-panel-chat>.agent-os-panel-composer{bottom:8px;height:60px!important;left:8px;right:8px}.agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:114px}}

/* Immediate capability preview in the otherwise quiet runtime area. */
.agent-os-panel-top-skills{align-items:center!important;border-top:1px solid #d4e7ec;display:grid!important;gap:7px!important;grid-template-columns:auto minmax(0,1fr) auto;margin-top:7px;min-height:0!important;padding-top:7px}.agent-os-panel-top-skills>span{color:#c80965;font-family:"UbuntuBold";font-size:.54rem;letter-spacing:.08em;text-transform:uppercase}.agent-os-panel-top-skills>div{display:flex;gap:5px;min-width:0;overflow:hidden}.agent-os-panel-top-skills>div span{background:#e5f4f7;border:1px solid #badce5;border-radius:99px;color:#174b64;font-family:"UbuntuBold";font-size:.53rem;overflow:hidden;padding:5px 8px;text-overflow:ellipsis;white-space:nowrap}.agent-os-panel-top-skills>button{background:transparent!important;border:0!important;color:#176f91!important;font-family:"UbuntuBold"!important;font-size:.54rem!important;padding:4px!important;text-decoration:underline;text-underline-offset:3px}.agent-os-panel-top-skills>button:hover{color:#c80965!important}
@media(max-width:600px){.agent-os-panel-top-skills{grid-template-columns:auto minmax(0,1fr)}.agent-os-panel-top-skills>div span:nth-child(n+3){display:none}.agent-os-panel-top-skills>button{grid-column:2;justify-self:start}}

.agent-os-panel-connection .agent-os-runtime-details-toggle{align-items:center;background:transparent!important;border:1px solid #b8dbe5!important;border-radius:50%!important;color:#176f91!important;display:flex;height:27px;justify-content:center;margin-left:auto;padding:0!important;width:27px}.agent-os-panel-connection .agent-os-runtime-details-toggle:hover{background:#e3f3f7!important;color:#c80965!important}.agent-os-panel-connection.is-collapsed{display:block!important;padding-bottom:7px!important}.agent-os-panel-connection.is-collapsed>div:first-child{width:100%}.agent-os-panel-connection.is-collapsed>.agent-os-runtime-switch,.agent-os-panel-connection.is-collapsed>p,.agent-os-panel-connection.is-collapsed>.agent-os-panel-top-skills,.agent-os-panel-connection.is-collapsed>form,.agent-os-panel-connection.is-collapsed>small{display:none!important}
.agent-os-runtime-switch button:disabled{cursor:not-allowed!important;filter:grayscale(1);opacity:.38}.agent-os-panel-report{border:1px solid rgba(57,203,114,.42);padding:10px}.agent-os-panel-report button{background:#14743a;border:1px solid #39cb72;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:.62rem;margin-top:9px;padding:8px 10px}.agent-os-panel-report button:disabled{cursor:wait;opacity:.72}

/* Requests keep running per agent while the user moves through the specialist tabs. */
.agent-os-panel-agent-tabs button.is-working::after{animation:agentTabWorking 1.4s ease-in-out infinite;background:#ff71b2;border:2px solid #0c244d;border-radius:50%;content:"";height:7px;position:absolute;right:3px;top:3px;width:7px}.agent-os-panel-agent-tabs button.has-background-result::after{background:#63d88c;border:2px solid #0c244d;border-radius:50%;box-shadow:0 0 8px rgba(99,216,140,.75);content:"";height:7px;position:absolute;right:3px;top:3px;width:7px}@keyframes agentTabWorking{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
@media(prefers-reduced-motion:reduce){.agent-os-panel-agent-tabs button.is-working::after{animation:none}}

/* Compact, fully scrollable settings and navigable first-party knowledge sources. */
.agent-os-panel-settings-view{min-height:0}.agent-os-panel-settings-scroll{box-sizing:border-box;height:100%;max-height:100%;min-height:0;overflow-x:hidden;overflow-y:scroll!important;overscroll-behavior:contain;padding:12px 14px 22px;scrollbar-color:#5fa8bd #dceff3;scrollbar-gutter:stable;scrollbar-width:thin;touch-action:pan-y;-webkit-overflow-scrolling:touch}.agent-os-panel-settings-scroll::-webkit-scrollbar{width:9px}.agent-os-panel-settings-scroll::-webkit-scrollbar-track{background:#dceff3}.agent-os-panel-settings-scroll::-webkit-scrollbar-thumb{background:#5fa8bd;border:2px solid #dceff3;border-radius:99px}.agent-os-panel-settings-view .agent-os-panel-current{padding:11px 13px}.agent-os-panel-settings-view .agent-os-panel-current strong{font-size:.78rem;line-height:1.3;margin-top:5px}.agent-os-panel-settings-view .agent-os-panel-capabilities{margin-top:13px}.agent-os-panel-settings-view .agent-os-panel-capabilities ul{display:grid;gap:0;grid-template-columns:1fr 1fr;margin-top:5px}.agent-os-panel-settings-view .agent-os-panel-capabilities li{font-size:.68rem;padding:7px 4px}.agent-os-panel-settings-view .agent-os-panel-knowledge{margin-top:13px;padding-top:12px}.agent-os-panel-settings-view .agent-os-panel-knowledge ul{gap:5px;margin-top:8px}.agent-os-panel-settings-view .agent-os-panel-knowledge li{margin:0;padding:0}.agent-os-panel-settings-view .agent-os-panel-knowledge li::before{display:none}.agent-os-panel-settings-view .agent-os-panel-knowledge a{align-items:center;color:#07173e;display:flex;font-family:"UbuntuBold";font-size:.64rem;min-height:35px;padding:0 9px;text-decoration:none}.agent-os-panel-settings-view .agent-os-panel-knowledge a::before{color:#d10b68;content:"↳";font-size:.8rem;margin-right:7px}.agent-os-panel-settings-view .agent-os-panel-knowledge a:hover,.agent-os-panel-settings-view .agent-os-panel-knowledge a:focus-visible{background:#e0f2f6;color:#176f91;outline:0}.agent-os-panel-settings-view .agent-os-panel-settings{margin-top:14px;padding-top:12px}.agent-os-panel-settings-view .agent-os-panel-settings label{margin-top:8px}.agent-os-panel-settings-note{margin-top:15px;padding-top:11px}

/* The profile view is a complete, reversible layer: its return control never scrolls away. */
.agent-os-panel-settings-view{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;inset:0!important;overflow:hidden!important;z-index:80!important}.agent-os-panel-settings-view>header{position:relative!important;z-index:2}.agent-os-panel-settings-view>header button{align-items:center;display:inline-flex;gap:5px}.agent-os-panel-settings-view>header button::before{content:"←";font-size:.9rem;line-height:1}.agent-os-panel-settings-scroll{height:auto!important;max-height:none!important}
.agent-os-info-panel.is-settings-open>.agent-os-panel-agent-tabs,.agent-os-info-panel.is-settings-open>.agent-os-panel-agent-more,.agent-os-info-panel.is-settings-open>.agent-os-panel-profile-summary,.agent-os-info-panel.is-settings-open>.agent-os-panel-connection,.agent-os-info-panel.is-settings-open>.agent-os-panel-chat{visibility:hidden}
@media(max-width:480px){.agent-os-panel-settings-view .agent-os-panel-capabilities ul,.agent-os-panel-settings-view .agent-os-panel-knowledge ul{grid-template-columns:1fr}}

/* Runtime summary stays shallow so the conversation receives the panel height. */
@media(min-width:601px){.agent-os-panel-connection{align-items:center;display:grid;gap:6px 12px;grid-template-columns:auto auto minmax(180px,1fr);padding:8px 14px}.agent-os-panel-connection>div:first-child{display:flex;gap:8px;justify-content:flex-start;min-height:0}.agent-os-panel-connection>div:first-child em{padding:4px 8px}.agent-os-runtime-switch{margin:0}.agent-os-panel-connection>p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-os-panel-top-skills{grid-column:1/-1;margin:0;padding-top:6px}.agent-os-panel-connection>small{display:none!important}.agent-os-panel-connection form{grid-column:1/-1}.agent-os-panel-connection:has(em.is-connected){padding-bottom:7px}}
@media(max-width:600px){.agent-os-panel-connection{padding-bottom:7px;padding-top:7px}.agent-os-panel-connection>div:first-child{min-height:22px}.agent-os-panel-connection>p{line-height:1.25;margin:2px 0}.agent-os-panel-top-skills{margin-top:4px;padding-top:5px}}

/* Seven core specialists stay in view; the remaining team continues on one calm rail. */
.agent-os-panel-agent-tabs{cursor:grab;display:grid;flex:none;gap:6px;grid-auto-columns:calc((100% - 36px)/7);grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;padding:7px 9px 9px;scroll-behavior:auto;scroll-snap-type:none;scrollbar-color:#3c7596 #0a2047;scrollbar-width:thin}.agent-os-panel-agent-tabs.is-dragging{cursor:grabbing;user-select:none}.agent-os-panel-agent-tabs::-webkit-scrollbar{height:4px}.agent-os-panel-agent-tabs::-webkit-scrollbar-track{background:#0a2047}.agent-os-panel-agent-tabs::-webkit-scrollbar-thumb{background:#3c7596;border-radius:99px}.agent-os-panel-agent-tabs button{align-items:center;cursor:pointer;display:flex;font-size:.6rem;justify-content:center;line-height:1.15;min-height:31px;overflow:visible;padding:5px;scroll-snap-align:start;white-space:nowrap}.agent-os-panel-agent-tabs.is-dragging button{pointer-events:none}.agent-os-panel-agent-tabs button::before{flex:0 0 auto;margin-right:5px}
.agent-os-panel-agent-more{background:#081a3d;border-bottom:1px solid rgba(126,215,238,.24);color:#79a9bd;flex:0 0 auto;font-family:"UbuntuBold";font-size:.52rem;letter-spacing:.03em;padding:3px 13px 5px;text-align:right}
@media(max-width:760px){.agent-os-panel-agent-tabs{grid-auto-columns:minmax(118px,34vw)}.agent-os-panel-agent-tabs button{font-size:.56rem;min-height:30px;padding:4px}}

/* Reliable flumen settings symbol and per-agent language variants. */
.agent-os-panel-settings-open img{filter:brightness(0) invert(1);height:17px;object-fit:contain;width:17px}.agent-os-panel-language select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23164d68' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 11px center;border:1px solid #9ccfdb;border-radius:7px;color:#07173e;font-family:"UbuntuBold";font-size:.68rem;margin-top:7px;padding:9px 34px 9px 10px;width:100%}.agent-os-panel-language select:focus{border-color:#168bb2;box-shadow:0 0 0 2px rgba(22,139,178,.13);outline:0}

/* Compact runtime controls and fullscreen workspace */
.agent-orb.iot{bottom:5%;right:28%}
.agent-os-panel-header{grid-template-columns:minmax(0,1fr) auto!important}
.agent-os-panel-header-actions{align-items:center;display:flex;gap:7px;min-width:0}
.agent-os-panel-runtime-summary{align-items:center;border:1px solid rgba(176,222,237,.28);border-radius:999px;display:flex;gap:6px;height:32px;padding:0 3px 0 9px;white-space:nowrap}
.agent-os-panel-runtime-summary>span{color:#84a9bb;font-family:"UbuntuBold";font-size:.48rem;letter-spacing:.08em;text-transform:uppercase}
.agent-os-panel-runtime-summary em{color:#19734c;font-family:"UbuntuBold";font-size:.56rem;font-style:normal}
.agent-os-panel-runtime-summary .agent-os-runtime-details-toggle{align-items:center;background:transparent;border:0;color:#176f91;cursor:pointer;display:flex;font-family:"UbuntuBold";height:26px;justify-content:center;padding:0;width:26px}
.agent-os-panel-fullscreen{align-items:center;background:transparent;border:1px solid rgba(176,222,237,.35);border-radius:50%;color:#dff7fc;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}
.agent-os-panel-fullscreen:hover,.agent-os-panel-fullscreen[aria-pressed="true"]{background:#168bb2;border-color:#8bd8ed;color:#fff}
.agent-os-panel-theme-toggle{align-items:center;background:rgba(7,27,67,.15);border:1px solid rgba(176,222,237,.45);border-radius:50%;color:#dff7fc;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.agent-os-panel-theme-toggle:hover{background:#d10b68;border-color:#ff8bc0;color:#fff}
.agent-os-panel-icon{display:block;fill:none;height:17px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:17px}.agent-os-panel-icon--gear{height:18px;width:18px}.agent-os-panel-settings-open .agent-os-panel-icon{display:block}.agent-os-panel-settings-open img{display:none}
.agent-os-panel-profile-summary{align-items:center;background:#f5fbfc;border-bottom:1px solid #c5dfe6;display:flex;flex:0 0 auto;justify-content:flex-end;padding:7px 14px}
.agent-os-panel-profile-skills{align-items:center;display:flex;gap:10px;min-width:0}.agent-os-panel-profile-skills>span{color:#c80965;flex:0 0 auto;font-family:"UbuntuBold";font-size:.55rem;letter-spacing:.08em;text-transform:uppercase}.agent-os-panel-profile-skills>div{align-items:center;display:flex;flex-wrap:wrap;gap:3px 0;min-width:0}.agent-os-panel-profile-skills>div span{align-items:center;color:#174b64;display:inline-flex;font-family:"UbuntuBold";font-size:.58rem;line-height:1.25;white-space:nowrap}.agent-os-panel-profile-skills>div span+span::before{color:#79a7b8;content:"·";font-family:"Ubuntu";margin:0 7px}
.agent-os-panel-profile-meta{align-items:center;display:flex;flex:0 0 auto;gap:5px}.agent-os-panel-profile-meta>span{color:#668491;font-family:"UbuntuBold";font-size:.53rem;white-space:nowrap}.agent-os-panel-profile-meta>span+span::before{color:#9ccfdb;content:"·";margin-right:5px}.agent-os-panel-profile-meta button{background:#fff;border:1px solid #9ccfdb;border-radius:99px;color:#176f91;cursor:pointer;font-family:"UbuntuBold";font-size:.54rem;padding:5px 8px;white-space:nowrap}.agent-os-panel-profile-meta button:hover{background:#e3f3f7;border-color:#168bb2;color:#07173e}
.agent-os-panel-profile-meta .agent-os-panel-session-state{align-items:center;color:#26765b;display:inline-flex;gap:5px}.agent-os-panel-profile-meta .agent-os-panel-session-state::before{background:#4fc78f;border-radius:50%;box-shadow:0 0 0 3px rgba(79,199,143,.13);content:"";height:5px;margin:0;width:5px}.agent-os-panel-profile-meta [data-agent-new-conversation]{background:transparent;border-color:#b9dbe3;color:#496f7e}.agent-os-panel-profile-meta [data-agent-new-conversation]:hover{background:#fff;border-color:#d10b6a;color:#b5085c}
.agent-os-panel-connection.is-collapsed{display:none!important}
.agent-os-panel-connection:not(.is-collapsed){display:grid!important}
.agent-os-info-panel.is-fullscreen{border-left:0!important;max-width:none!important;min-width:100vw!important;width:100vw!important}
.agent-os-info-panel.is-fullscreen .agent-os-panel-resizer{display:none}
.agent-os-info-panel.is-fullscreen .agent-os-panel-messages{padding-left:max(18px,calc((100vw - 1100px)/2));padding-right:max(18px,calc((100vw - 1100px)/2))}
@media(max-width:700px){.agent-os-panel-runtime-summary>span{display:none}.agent-os-panel-runtime-summary{padding-left:7px}.agent-os-panel-runtime-summary em{max-width:108px;overflow:hidden;text-overflow:ellipsis}.agent-os-panel-fullscreen{display:none}.agent-os-panel-profile-summary{align-items:start;grid-template-columns:1fr}.agent-os-panel-profile-meta>span{display:none}}

/* Calm terminal contrast: dark is the working default; the moon switches to a daylight reading mode. */
.agent-os-panel-chat{background:#081733}.agent-os-panel-messages{background:linear-gradient(rgba(176,222,237,.045) 1px,transparent 1px) 0 0/100% 22px,#07142f;border-color:#20476d}.agent-os-panel-actions{background:#07142f;border-color:#20476d}.agent-os-panel-composer{background:#06112e;border-color:#315b7e}.agent-os-panel-chat .agent-os-panel-composer textarea{background:#0c2146;border-color:#4c769a;color:#edf5fb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.agent-os-panel-chat .agent-os-panel-composer textarea::placeholder{color:#91a6c3}.agent-os-info-panel.is-terminal-light .agent-os-panel-chat{background:#edf7f9}.agent-os-info-panel.is-terminal-light .agent-os-panel-messages{background:linear-gradient(rgba(24,139,178,.055) 1px,transparent 1px) 0 0/100% 22px,#fafdfe;border-color:#b8dbe5}.agent-os-info-panel.is-terminal-light .agent-os-panel-actions{background:#fafdfe;border-color:#b8dbe5}.agent-os-info-panel.is-terminal-light .agent-os-panel-composer{background:#eef8fa;border-color:#9ccfdb}.agent-os-info-panel.is-terminal-light .agent-os-panel-message{color:#163757;font-family:"Ubuntu",sans-serif}.agent-os-info-panel.is-terminal-light .agent-os-panel-message strong{color:#168b58}.agent-os-info-panel.is-terminal-light .agent-os-panel-message--user{color:#8e1454}.agent-os-info-panel.is-terminal-light .agent-os-panel-message--user strong{color:#c80965}.agent-os-info-panel.is-terminal-light .agent-os-panel-chat .agent-os-panel-composer textarea{background:#fff;border-color:#9ccfdb;color:#07173e;font-family:"Ubuntu",sans-serif}.agent-os-info-panel.is-terminal-light .agent-os-panel-chat .agent-os-panel-composer textarea::placeholder{color:#668491}

/* The work context belongs to the header; the conversation receives the recovered height. */
.agent-os-panel-header{overflow:visible;position:relative;z-index:60}.agent-os-panel-agent-tabs{position:relative;z-index:1}.agent-os-panel-header-context{position:relative;z-index:2}.agent-os-panel-header-context .agent-os-panel-context-trigger{align-items:center;background:transparent;border:1px solid rgba(176,222,237,.35);border-radius:99px;color:#dff7fc;cursor:pointer;display:flex;font-family:"UbuntuBold";font-size:.54rem;gap:5px;height:32px;padding:0 9px;white-space:nowrap}.agent-os-panel-header-context .agent-os-panel-context-trigger:hover,.agent-os-panel-header-context .agent-os-panel-context-trigger[aria-expanded="true"]{background:#168bb2;border-color:#8bd8ed;color:#fff}.agent-os-panel-header-context .agent-os-panel-context-trigger i{font-size:.7rem}.agent-os-panel-header-context .agent-os-panel-context-popover{background:#fff;border:1px solid #9ccfdb;border-radius:10px;box-shadow:0 16px 42px rgba(3,25,59,.3);color:#315d70;max-width:360px;padding:14px;position:absolute;right:0;top:calc(100% + 9px);width:300px;z-index:200}.agent-os-panel-header-context .agent-os-panel-context-popover[hidden]{display:none}.agent-os-panel-header-context .agent-os-panel-context-popover span{color:#c80965;display:block;font-family:"UbuntuBold";font-size:.57rem;letter-spacing:.08em;text-transform:uppercase}.agent-os-panel-header-context .agent-os-panel-context-popover strong{color:#07173e;display:block;font-family:"UbuntuBold";font-size:.84rem;margin-top:6px}.agent-os-panel-header-context .agent-os-panel-context-popover p{font-size:.7rem;line-height:1.45;margin:7px 0 0}
.agent-os-panel-chat>.agent-os-panel-messages{bottom:74px!important;top:9px!important}.agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:122px!important}
@media(max-width:700px){.agent-os-panel-header-context .agent-os-panel-context-trigger span{display:none}.agent-os-panel-header-context .agent-os-panel-context-trigger{padding:0;width:32px}.agent-os-panel-header-context .agent-os-panel-context-popover{right:-70px;width:min(300px,calc(100vw - 28px))}}

/* Portable session controls: conversations remain local until the user exports them. */
.agent-os-panel-history-tools{border-top:1px solid #c5dfe6;margin-top:15px;padding-top:12px}.agent-os-panel-history-tools>p{color:#416a7d;font-size:.66rem;line-height:1.4;margin:7px 0 10px}.agent-os-panel-history-tools>div{display:flex;flex-wrap:wrap;gap:7px}.agent-os-panel-history-tools button{background:#fff;border:1px solid #9ccfdb;border-radius:7px;color:#174b64;cursor:pointer;font-family:"UbuntuBold";font-size:.63rem;padding:8px 10px}.agent-os-panel-history-tools button:hover,.agent-os-panel-history-tools button:focus-visible{background:#e3f3f7;border-color:#168bb2;color:#07173e;outline:0}.agent-os-panel-history-tools output{color:#176f91;display:block;font-family:"UbuntuBold";font-size:.61rem;line-height:1.35;margin-top:9px;min-height:1.35em}
.agent-os-panel-runtime-log{border-top:1px solid #c5dfe6;margin-top:15px;padding-top:12px}.agent-os-panel-runtime-log>p{color:#416a7d;font-size:.62rem;line-height:1.4;margin:6px 0 8px}.agent-os-panel-runtime-log ol{display:grid;gap:5px;list-style:none;margin:0;padding:0}.agent-os-panel-runtime-log li{align-items:start;background:#f4fafb;border:1px solid #c8e0e6;border-radius:6px;color:#174b64;display:grid;font-size:.61rem;gap:7px;grid-template-columns:auto 1fr;line-height:1.35;padding:7px 8px}.agent-os-panel-runtime-log time{color:#6d8995;font-family:"UbuntuBold"}.agent-os-panel-runtime-log [data-agent-runtime-log-empty]{display:block}.agent-os-panel-runtime-log>button{background:#fff;border:1px solid #9ccfdb;border-radius:7px;color:#174b64;cursor:pointer;font-family:"UbuntuBold";font-size:.61rem;margin-top:8px;padding:7px 9px}.agent-os-panel-runtime-log>button:hover,.agent-os-panel-runtime-log>button:focus-visible{background:#e3f3f7;border-color:#168bb2;outline:0}

/* The profile layer always keeps an explicit route back to the conversation. */
.agent-os-panel-settings-view>header{box-shadow:0 6px 18px rgba(1,17,46,.22);position:sticky!important;top:0}.agent-os-panel-settings-actions{align-items:center;display:flex;gap:7px}.agent-os-panel-settings-view>header .agent-os-panel-settings-actions button{white-space:nowrap}.agent-os-panel-settings-view>header .agent-os-panel-settings-actions [data-agent-settings-panel-close]{align-items:center;border-radius:50%;display:inline-flex;font-size:1.25rem;height:31px;justify-content:center;line-height:1;padding:0;width:31px}.agent-os-panel-settings-view>header .agent-os-panel-settings-actions [data-agent-settings-panel-close]::before{display:none}
@media(max-width:480px){.agent-os-panel-settings-view>header{gap:8px;padding:9px 10px}.agent-os-panel-settings-view>header h4{font-size:.86rem}.agent-os-panel-settings-view>header .agent-os-panel-settings-actions [data-agent-settings-close]{font-size:0;height:31px;padding:0;width:31px}.agent-os-panel-settings-view>header .agent-os-panel-settings-actions [data-agent-settings-close]::before{content:"←";display:block;font-size:1rem}}

/* Pull the terminal into focus: the active agent stays visible, the rest of the chrome yields to the dialog. */
.agent-os-panel-header h3 button{appearance:none;background:transparent;border:0;color:inherit;cursor:default;font:inherit;margin:0;padding:0;text-align:left}.agent-os-panel-header h3 button i{display:none;font-family:inherit;font-size:.85em;font-style:normal;margin-left:7px}.agent-os-terminal-pull{align-items:center;background:transparent;border:0;cursor:ns-resize;display:flex;height:22px;justify-content:center;left:9px;padding:0;position:absolute;right:9px;top:0;touch-action:none;z-index:8}.agent-os-terminal-pull span{background:rgba(176,222,237,.58);border-radius:99px;box-shadow:0 0 9px rgba(176,222,237,.18);height:3px;transition:background .2s ease,width .2s ease;width:42px}.agent-os-terminal-pull:hover span{background:#63cbe1;width:58px}.agent-os-panel-chat>.agent-os-panel-messages{top:31px!important}.agent-os-info-panel.is-terminal-focus .agent-os-panel-header{display:flex!important;min-height:46px;padding:7px 14px}.agent-os-info-panel.is-terminal-focus .agent-os-panel-header .agent-os-panel-eyebrow,.agent-os-info-panel.is-terminal-focus .agent-os-panel-header h3+p,.agent-os-info-panel.is-terminal-focus .agent-os-panel-header-actions,.agent-os-info-panel.is-terminal-focus .agent-os-panel-agent-tabs,.agent-os-info-panel.is-terminal-focus .agent-os-panel-profile-summary,.agent-os-info-panel.is-terminal-focus .agent-os-panel-connection{display:none!important}.agent-os-info-panel.is-terminal-focus .agent-os-panel-header h3{font-size:.9rem;margin:0}.agent-os-info-panel.is-terminal-focus .agent-os-panel-header h3 button{color:#dff7fc;cursor:pointer}.agent-os-info-panel.is-terminal-focus .agent-os-panel-header h3 button:hover{color:#7edcf0}.agent-os-info-panel.is-terminal-focus .agent-os-panel-header h3 button i{display:inline}.agent-os-info-panel.is-terminal-focus .agent-os-panel-chat{top:46px!important}.agent-os-info-panel.is-terminal-focus .agent-os-terminal-pull span{background:#63cbe1;width:58px}.agent-os-info-panel.is-terminal-focus .agent-os-panel-chat>.agent-os-panel-messages{top:31px!important}
@media(max-width:600px){.agent-os-terminal-pull{left:8px;right:8px}.agent-os-panel-chat>.agent-os-panel-messages{top:30px!important}.agent-os-info-panel.is-terminal-focus .agent-os-panel-header{min-height:44px;padding:6px 11px}.agent-os-info-panel.is-terminal-focus .agent-os-panel-chat{top:44px!important}.agent-os-info-panel.is-terminal-focus .agent-os-panel-chat>.agent-os-panel-messages{top:30px!important}}

/* The hero graph is an interface, not decoration. */
.agent-os-universe-hint{align-items:center;background:rgba(7,27,67,.78);border:1px solid rgba(176,222,237,.36);border-radius:99px;color:#dff7fc;display:flex;font-family:"UbuntuBold";font-size:.59rem;gap:7px;margin:0;padding:8px 11px;position:absolute;right:4%;top:57%;z-index:7}.agent-os-universe-hint i{color:#ff71b2;font-size:.85rem;font-style:normal}.agent-os-page .agent-orb::after{align-items:center;background:#e4f8ff;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 13px currentColor;color:#082150;content:"↗";display:flex;font-family:"UbuntuBold";font-size:.58rem;height:17px;justify-content:center;opacity:.88;position:absolute;right:-5px;top:-5px;transition:opacity .2s ease,transform .2s ease;width:17px}.agent-os-page .agent-orb:hover::after,.agent-os-page .agent-orb:focus-visible::after{opacity:1;transform:scale(1.18)}.agent-os-page .agent-orb:focus-visible{outline:0}.agent-os-page .agent-orb:focus-visible b{box-shadow:0 0 0 3px #fff,0 0 0 6px currentColor;border-radius:50%}
.agent-os-page a.agent-os-core{text-decoration:none;transition:box-shadow .25s ease,transform .25s ease}.agent-os-core-link{align-items:center;background:rgba(7,27,67,.86);border:1px solid rgba(255,255,255,.42);border-radius:99px;bottom:-50px;color:#e9fbff;display:flex;font-family:"UbuntuBold";font-size:.57rem;gap:7px;left:50%;padding:7px 11px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:2}.agent-os-core-link i{color:#ff71b2;font-size:.8rem;font-style:normal;transition:transform .2s ease}.agent-os-page a.agent-os-core:hover,.agent-os-page a.agent-os-core:focus-visible{box-shadow:0 0 0 1px rgba(255,255,255,.65) inset,0 0 0 22px rgba(176,222,237,.13),0 0 55px rgba(126,220,240,.4),0 30px 90px rgba(0,0,0,.34);outline:0;transform:translate(-50%,-50%) scale(1.035)}.agent-os-page a.agent-os-core:hover .agent-os-core-link,.agent-os-page a.agent-os-core:focus-visible .agent-os-core-link{background:#c80965;border-color:#ffafd4;color:#fff}.agent-os-page a.agent-os-core:hover .agent-os-core-link i,.agent-os-page a.agent-os-core:focus-visible .agent-os-core-link i{color:#fff;transform:translateX(3px)}
@media(max-width:900px){.agent-os-universe-hint{right:8%;top:62%}}@media(max-width:600px){.agent-os-universe-hint{font-size:.52rem;right:4%;top:67%}.agent-os-page .agent-orb::after{height:15px;width:15px}}

/* CAI makes the operational boundary explicit before the architecture starts. */
.agent-os-cai-principle{border-left:2px solid #d10b68;color:#416a7d;font-size:1rem;line-height:1.45;margin:30px 0 -28px;max-width:760px;padding-left:16px}.agent-os-cai-principle strong{color:#07173e;font-family:"UbuntuBold"}.agent-os-cai-steps article p{max-width:610px}.agent-os-cai-steps article span{color:#176f91}
@media(max-width:1000px){.agent-os-cai-principle{margin:25px 0 -16px}}@media(max-width:600px){.agent-os-cai-principle{font-size:.86rem;margin:22px 0 -10px}}

/* CAI at a glance: AI translates; the Value Chain OS owns and executes. */
.agent-os-cai-focus{background:radial-gradient(circle at 52% 42%,rgba(71,154,192,.18),transparent 34%),#061431;color:#fff;overflow:hidden;padding-bottom:90px;padding-top:90px}.agent-os-cai-focus-heading{align-items:end;display:grid;gap:56px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.agent-os-cai-focus-heading h2{color:#fff;font-size:clamp(3rem,5.2vw,5.6rem);line-height:.92;margin:13px 0 0;max-width:850px}.agent-os-cai-focus-heading h2 span{color:#b0deed}.agent-os-cai-focus-heading>p{color:#c7e4ec;font-size:1.08rem;line-height:1.48;margin:0 0 7px;max-width:410px}.agent-os-cai-focus-heading>p strong{color:#ff71b2;font-family:"UbuntuBold"}.agent-os-cai-focus-system{align-items:stretch;display:grid;gap:12px;grid-template-columns:minmax(130px,.45fr) minmax(600px,2fr) minmax(210px,.7fr);margin-top:58px}.agent-os-cai-human,.agent-os-cai-flumen{border:1px solid rgba(176,222,237,.28);display:flex;flex-direction:column;justify-content:center;min-height:255px;padding:23px}.agent-os-cai-human{background:rgba(15,42,83,.68)}.agent-os-cai-flumen{background:linear-gradient(150deg,#154572,#0b2854);border-color:rgba(126,215,238,.58);box-shadow:0 0 34px rgba(91,205,231,.12),inset 0 1px 0 rgba(255,255,255,.08)}.agent-os-cai-human small,.agent-os-cai-flumen small{color:#83ccdf;font-family:"UbuntuBold";font-size:.57rem;letter-spacing:.1em;text-transform:uppercase}.agent-os-cai-human strong,.agent-os-cai-flumen strong{font-family:"UbuntuBold";font-size:1.08rem;line-height:1.15;margin-top:10px}.agent-os-cai-human span{color:#9fbfd0;font-size:.67rem;margin-top:8px}.agent-os-cai-flumen p{color:#d7f1f7;font-size:.7rem;line-height:1.45;margin:15px 0}.agent-os-cai-flumen span{border-top:1px solid rgba(176,222,237,.27);color:#71e3ac;font-family:"UbuntuBold";font-size:.62rem;padding-top:13px}.agent-os-cai-focus-layer{background:rgba(9,30,68,.72);border:1px solid rgba(255,113,178,.38);box-shadow:0 18px 55px rgba(0,0,0,.22);min-width:0}.agent-os-cai-focus-layer>header{align-items:center;border-bottom:1px solid rgba(176,222,237,.2);display:flex;gap:20px;justify-content:space-between;padding:14px 18px}.agent-os-cai-focus-layer>header span{color:#ff71b2;font-family:"UbuntuBold";font-size:.56rem;letter-spacing:.08em;text-transform:uppercase}.agent-os-cai-focus-layer>header strong{color:#d9f3f8;font-size:.68rem}.agent-os-cai-focus-flow{align-items:stretch;display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1.12fr) 28px minmax(0,1fr);min-height:205px}.agent-os-cai-focus-flow article{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;padding:22px 18px;position:relative}.agent-os-cai-focus-flow article:nth-of-type(1){grid-column:1}.agent-os-cai-focus-flow article:nth-of-type(2){grid-column:3}.agent-os-cai-focus-flow article:nth-of-type(3){grid-column:5}.agent-os-cai-focus-flow article>b{align-items:center;border:1px solid rgba(176,222,237,.28);border-radius:50%;color:#8ed9e9;display:flex;font-family:"UbuntuBold";font-size:.55rem;height:27px;justify-content:center;margin-bottom:22px;width:27px}.agent-os-cai-focus-flow article small{color:#ff71b2;font-family:"UbuntuBold";font-size:.54rem;letter-spacing:.09em;text-transform:uppercase}.agent-os-cai-focus-flow article strong{color:#fff;font-family:"UbuntuBold";font-size:.96rem;margin-top:5px}.agent-os-cai-focus-flow article p{color:#aac5d2;font-size:.64rem;line-height:1.45;margin:10px 0 0}.agent-os-cai-focus-flow>i{align-self:center;background:linear-gradient(90deg,#6bcbe0,#ff71b2);display:block!important;height:1px;position:relative}.agent-os-cai-focus-flow>i:nth-of-type(1){grid-column:2}.agent-os-cai-focus-flow>i:nth-of-type(2){grid-column:4}.agent-os-cai-focus-flow>i::after{border:solid #ff71b2;border-width:0 1px 1px 0;content:"";height:5px;position:absolute;right:0;top:-2px;transform:rotate(-45deg);width:5px}.agent-os-cai-focus-action{background:rgba(209,11,104,.07)}.agent-os-cai-focus-action em{color:#76e2ad;font-family:"UbuntuBold";font-size:.6rem;font-style:normal;margin-top:auto;padding-top:14px}.agent-os-cai-focus-boundary{align-items:center;color:#a8c7d4;display:flex;font-size:.66rem;gap:18px;justify-content:center;margin-top:24px}.agent-os-cai-focus-boundary span{white-space:nowrap}.agent-os-cai-focus-boundary b{color:#fff;font-family:"UbuntuBold"}.agent-os-cai-focus-boundary i{background:linear-gradient(90deg,#b0deed,#d10b68,#b0deed);height:1px;max-width:260px;width:24%}
.agent-os-cai-context{background:rgba(10,32,70,.72);border:1px solid rgba(176,222,237,.24);display:grid;gap:24px;grid-template-columns:minmax(220px,.62fr) minmax(0,1.8fr);margin-top:18px;padding:18px 20px}.agent-os-cai-context-copy strong{color:#fff;display:block;font-family:"UbuntuBold";font-size:.83rem;line-height:1.3}.agent-os-cai-context-copy p{color:#a9c9d5;font-size:.64rem;line-height:1.48;margin:8px 0 0}.agent-os-cai-context-flow{align-items:stretch;display:grid;grid-template-columns:minmax(120px,1fr) 20px minmax(140px,1.12fr) 20px minmax(145px,1.18fr) 20px minmax(90px,.7fr)}.agent-os-cai-context-flow span{background:rgba(15,46,88,.76);border:1px solid rgba(176,222,237,.22);display:flex;flex-direction:column;justify-content:center;min-width:0;padding:12px}.agent-os-cai-context-flow small{color:#78cce0;font-family:"UbuntuBold";font-size:.48rem;letter-spacing:.07em;text-transform:uppercase}.agent-os-cai-context-flow b{color:#e9f8fb;font-family:"UbuntuBold";font-size:.62rem;line-height:1.3;margin-top:6px}.agent-os-cai-context-flow .agent-os-cai-context-gate{background:rgba(209,11,104,.1);border-color:rgba(255,113,178,.5)}.agent-os-cai-context-flow .agent-os-cai-context-gate small{color:#ff71b2}.agent-os-cai-context-flow>i{align-self:center;background:linear-gradient(90deg,#70cfe2,#ff71b2);display:block!important;height:1px;position:relative}.agent-os-cai-context-flow>i::after{border:solid #ff71b2;border-width:0 1px 1px 0;content:"";height:5px;position:absolute;right:0;top:-2px;transform:rotate(-45deg);width:5px}
@media(max-width:1050px){.agent-os-cai-focus-system{grid-template-columns:1fr}.agent-os-cai-human,.agent-os-cai-flumen{min-height:0}.agent-os-cai-human{align-items:center;flex-direction:row;gap:12px;justify-content:flex-start}.agent-os-cai-human strong,.agent-os-cai-human span{margin:0}.agent-os-cai-flumen{display:grid;gap:8px;grid-template-columns:auto 1fr}.agent-os-cai-flumen strong{margin:0}.agent-os-cai-flumen p{grid-column:1/-1;margin:5px 0}.agent-os-cai-flumen span{grid-column:1/-1}.agent-os-cai-focus-heading{align-items:start;gap:22px;grid-template-columns:1fr}.agent-os-cai-focus-heading>p{max-width:600px}.agent-os-cai-context{grid-template-columns:1fr}.agent-os-cai-context-copy{max-width:620px}}
@media(max-width:700px){.agent-os-cai-focus{padding-bottom:66px;padding-top:66px}.agent-os-cai-focus-system{margin-top:38px}.agent-os-cai-focus-flow{grid-template-columns:1fr}.agent-os-cai-focus-flow>i{grid-column:1!important;height:22px;justify-self:center;width:1px}.agent-os-cai-focus-flow>i::after{bottom:0;right:-2px;top:auto;transform:rotate(45deg)}.agent-os-cai-focus-flow article{grid-column:1!important;min-height:155px}.agent-os-cai-focus-layer>header{align-items:flex-start;flex-direction:column;gap:7px}.agent-os-cai-context{padding:16px}.agent-os-cai-context-flow{grid-template-columns:1fr}.agent-os-cai-context-flow>i{height:18px;justify-self:center;width:1px}.agent-os-cai-context-flow>i::after{bottom:0;right:-2px;top:auto;transform:rotate(45deg)}.agent-os-cai-focus-boundary{align-items:flex-start;flex-direction:column;gap:8px}.agent-os-cai-focus-boundary i{width:100%}.agent-os-cai-focus-boundary span{white-space:normal}}

/* JSON Agent: natural language becomes a controlled blueprint; FLUMEN remains the data boundary. */
.agent-os-json{background:radial-gradient(circle at 84% 0,rgba(176,222,237,.42),transparent 34%),#f8fcfd;color:#07173e;padding-top:86px}.agent-os-json-heading{align-items:end;display:grid;gap:70px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.65fr)}.agent-os-json-heading h2{font-size:clamp(3rem,5vw,5.35rem);line-height:.96;margin:12px 0 0;max-width:800px}.agent-os-json-heading>p{color:#416a7d;font-size:1rem;line-height:1.5;margin:0 0 8px;max-width:390px}.agent-os-json-flow{align-items:stretch;display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);margin-top:58px}.agent-os-json-flow article{background:rgba(255,255,255,.82);border:1px solid #c6e2e9;display:flex;flex-direction:column;min-height:250px;padding:24px 22px}.agent-os-json-flow article>span{align-items:center;border:1px solid #b8dbe5;border-radius:50%;color:#cf0c68;display:flex;font-family:"UbuntuBold";font-size:.57rem;height:30px;justify-content:center;margin-bottom:29px;width:30px}.agent-os-json-flow small,.agent-os-json-delivers>small,.agent-os-json-trust small{color:#29738d;font-family:"UbuntuBold";font-size:.58rem;letter-spacing:.09em;text-transform:uppercase}.agent-os-json-flow strong{display:block;font-family:"UbuntuBold";font-size:1.03rem;line-height:1.12;margin-top:9px}.agent-os-json-flow p{color:#668491;font-size:.69rem;line-height:1.5;margin:12px 0 0}.agent-os-json-flow>i{align-self:center;background:linear-gradient(90deg,#8fcddd,#d10b68);height:1px;position:relative}.agent-os-json-flow>i::after{border:solid #d10b68;border-width:0 1px 1px 0;content:"";height:5px;position:absolute;right:0;top:-2px;transform:rotate(-45deg);width:5px}.agent-os-json-flow-agent{border-color:#e783b1!important;box-shadow:inset 0 -3px 0 #cf0c68}.agent-os-json-flow-backend{background:linear-gradient(155deg,#123968,#061431)!important;border-color:#28618a!important;color:#fff}.agent-os-json-flow-backend small{color:#a9dce9}.agent-os-json-flow-backend p{color:#d9f3f8}.agent-os-json-flow-result{background:#e3f3f7!important}.agent-os-json-bottom{border-top:1px solid #c9e1e7;display:grid;gap:60px;grid-template-columns:1.25fr .9fr;margin-top:30px;padding-top:25px}.agent-os-json-delivers>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.agent-os-json-delivers span{background:#fff;border:1px solid #c6e2e9;border-radius:99px;color:#315d70;font-family:"UbuntuBold";font-size:.61rem;padding:8px 11px}.agent-os-json-trust{display:grid;gap:14px;grid-template-columns:10px minmax(0,1fr)}.agent-os-json-trust>i{background:#d10b68;border-radius:50%;box-shadow:0 0 0 7px rgba(209,11,104,.09);height:8px;margin-top:3px;width:8px}.agent-os-json-trust strong{display:block;font-family:"UbuntuBold";font-size:.93rem;line-height:1.3;margin-top:10px}.agent-os-json-trust p{color:#668491;font-size:.66rem;line-height:1.5;margin:8px 0 0}@media(max-width:1000px){.agent-os-json-heading{align-items:start;gap:22px;grid-template-columns:1fr}.agent-os-json-flow{grid-template-columns:1fr;margin-top:40px}.agent-os-json-flow>i{height:27px;justify-self:center;width:1px}.agent-os-json-flow>i::after{bottom:0;right:-2px;top:auto;transform:rotate(45deg)}.agent-os-json-flow article{min-height:0}.agent-os-json-bottom{gap:28px;grid-template-columns:1fr}}@media(max-width:600px){.agent-os-json{padding-top:64px}.agent-os-json-heading h2{font-size:3rem}.agent-os-json-flow{margin-top:32px}.agent-os-json-flow article{padding:20px}.agent-os-json-flow article>span{margin-bottom:20px}}

/* Consent-first human handoff: clearly separate anonymous interest from a shared conversation. */
.agent-os-panel-composer{flex-wrap:wrap!important;height:82px!important;min-height:82px!important}.agent-os-panel-composer textarea{min-height:42px}.agent-os-panel-privacy{color:#89a8bc;display:block;flex:1 0 100%;font-family:"Ubuntu";font-size:.5rem;line-height:1.3;margin:2px 2px 0}.agent-os-panel-chat>.agent-os-panel-messages{bottom:91px!important}.agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:139px!important}.agent-os-handoff-offer{background:#f5fbfc;border:1px solid #90cddd;border-radius:9px;box-shadow:0 8px 22px rgba(1,25,59,.13);color:#174b64;margin:10px 0;padding:12px}.agent-os-handoff-offer strong{color:#c80965;display:block;font-family:"UbuntuBold";font-size:.66rem;letter-spacing:.06em;text-transform:uppercase}.agent-os-handoff-offer p{font-family:"Ubuntu";font-size:.7rem;line-height:1.4;margin:7px 0}.agent-os-handoff-offer small{color:#668491;display:block;font-family:"Ubuntu";font-size:.55rem;line-height:1.35}.agent-os-handoff-offer>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.agent-os-handoff-offer button{background:#fff;border:1px solid #9ccfdb;border-radius:99px;color:#174b64;cursor:pointer;font-family:"UbuntuBold";font-size:.57rem;padding:7px 10px}.agent-os-handoff-offer [data-agent-handoff-consent]{background:#14743a;border-color:#39cb72;color:#fff}.agent-os-handoff-offer button:disabled{cursor:wait;opacity:.7}.agent-os-handoff-result{background:#e1f7ea;border-left:3px solid #2db66b;border-radius:4px;color:#176f4b;font-family:"UbuntuBold";font-size:.65rem;line-height:1.4;margin:10px 0;padding:10px}.agent-os-handoff-result a{color:#0b6090;margin-left:5px;text-decoration:underline;text-underline-offset:2px}
@media(max-width:600px){.agent-os-panel-composer{height:92px!important;min-height:92px!important}.agent-os-panel-chat>.agent-os-panel-messages{bottom:100px!important}.agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:146px!important}.agent-os-panel-privacy{font-size:.47rem}.agent-os-handoff-offer{padding:10px}}

/* One quiet OS notification on the first agent visit. */
.agent-os-panel-intro{align-items:start;background:rgba(250,253,255,.98);border:2px solid #8bd8ed;border-radius:14px;box-shadow:0 24px 70px rgba(0,12,39,.38),0 0 28px rgba(77,191,223,.18);box-sizing:border-box;color:#071b43;display:grid;gap:18px;grid-template-columns:46px minmax(0,1fr);max-width:520px;opacity:0;overflow:hidden;padding:24px 56px 25px 24px;position:fixed;right:560px;top:92px;transform:translateY(-14px);transition:opacity .22s ease,transform .22s ease;visibility:hidden;width:calc(100vw - 40px);z-index:200001}.agent-os-panel-intro.is-visible{opacity:1;transform:translateY(0);visibility:visible}.agent-os-panel-intro>button{align-items:center;background:#edf7fb;border:1px solid #729aad;border-radius:50%;color:#071b43;cursor:pointer;display:flex;font-size:1.15rem;height:34px;justify-content:center;line-height:1;padding:0;position:absolute;right:13px;top:13px;width:34px}.agent-os-panel-intro>button:hover,.agent-os-panel-intro>button:focus-visible{background:#d10b68;border-color:#d10b68;color:#fff;outline:0}.agent-os-panel-intro-icon{align-items:center;background:#e4f4fa;border:1px solid #5a8ea4;border-radius:50%;display:flex;height:46px;justify-content:center;position:relative;width:46px}.agent-os-panel-intro-icon::before,.agent-os-panel-intro-icon::after{border:1px solid #39788f;border-radius:50%;content:"";position:absolute}.agent-os-panel-intro-icon::before{height:18px;width:18px}.agent-os-panel-intro-icon::after{height:8px;width:8px}.agent-os-panel-intro-icon i{background:#e20b70;border-radius:50%;box-shadow:0 0 8px rgba(226,11,112,.45);height:7px;position:absolute;right:2px;top:3px;width:7px}.agent-os-panel-intro-copy{min-width:0}.agent-os-panel-intro p{color:#b00058;font-family:"UbuntuBold";font-size:.7rem;letter-spacing:.11em;margin:1px 0 8px;text-transform:uppercase}.agent-os-panel-intro strong{color:#071b43;display:block;font-family:"UbuntuBold";font-size:1.12rem;line-height:1.25;margin:0 0 10px}.agent-os-panel-intro span{color:#183654;display:block;font-family:"Ubuntu";font-size:.82rem;line-height:1.5;margin-top:7px}.agent-os-panel-intro-progress{animation:agent-intro-progress 14s linear forwards;background:linear-gradient(90deg,#59cce5,#d10b68);bottom:0;height:3px;left:0;position:absolute;transform-origin:left;width:100%}.agent-os-panel-intro:hover .agent-os-panel-intro-progress{animation-play-state:paused}.agent-os-panel-intro[hidden]{display:none}@keyframes agent-intro-progress{to{transform:scaleX(0)}}
@media(max-width:760px){.agent-os-panel-intro{gap:13px;grid-template-columns:38px minmax(0,1fr);left:14px;max-width:none;padding:19px 48px 20px 18px;right:14px!important;top:82px;width:auto;z-index:200002}.agent-os-panel-intro-icon{height:38px;width:38px}.agent-os-panel-intro strong{font-size:1rem}.agent-os-panel-intro span{font-size:.76rem}}

/* Compact panel chrome: the agent remains readable, while runtime and specialist list yield space to the dialog. */
.agent-os-panel-header{align-items:start;gap:8px!important;min-height:54px!important;padding:8px 14px!important}.agent-os-panel-header>div:first-child{min-width:0}.agent-os-panel-header .agent-os-panel-eyebrow{font-size:.5rem;margin:0}.agent-os-panel-header h3{font-size:1rem!important;line-height:1.1;margin:3px 0 0!important;white-space:nowrap!important}.agent-os-panel-identity [data-agent-panel-role]{display:none}.agent-os-panel-header-actions{align-self:start;gap:5px!important;justify-self:end}.agent-os-panel-runtime-summary{border:0!important;border-radius:0!important;gap:4px!important;height:28px!important;padding:0!important}.agent-os-panel-runtime-summary>span{display:none}.agent-os-panel-runtime-summary em{font-size:.53rem!important}.agent-os-panel-runtime-summary .agent-os-runtime-details-toggle{border:0!important;color:#72bed1!important;height:24px!important;width:24px!important}.agent-os-panel-tabs-toggle{align-items:center;background:transparent;border:1px solid rgba(176,222,237,.35);border-radius:50%;color:#dff7fc;cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;width:30px}.agent-os-panel-tabs-toggle:hover,.agent-os-panel-tabs-toggle[aria-expanded="false"]{background:#168bb2;border-color:#8bd8ed;color:#fff}.agent-os-info-panel.is-agent-tabs-collapsed .agent-os-panel-agent-tabs{display:none!important}.agent-os-info-panel.is-agent-tabs-collapsed .agent-os-panel-tabs-toggle{transform:rotate(-90deg)}.agent-os-panel-tabs-toggle{transition:background .2s ease,transform .2s ease}.agent-os-info-panel.is-fullscreen .agent-os-panel-messages{padding-left:24px!important;padding-right:24px!important;text-align:left}.agent-os-info-panel.is-fullscreen .agent-os-panel-message,.agent-os-info-panel.is-fullscreen .agent-os-handoff-offer,.agent-os-info-panel.is-fullscreen .agent-os-handoff-result{margin-left:0!important;margin-right:0!important;max-width:none!important}
.agent-os-panel-identity{align-items:center;display:flex}.agent-os-panel-identity>div{min-width:0}.agent-os-panel-title-row{align-items:center;display:flex;gap:7px}.agent-os-panel-title-row h3{min-width:0}.agent-os-panel-title-row .agent-os-panel-settings-open{align-items:center;background:transparent;border:0;color:#83d7ea;display:flex;flex:0 0 25px;height:25px;justify-content:center;padding:0;width:25px}.agent-os-panel-title-row .agent-os-panel-settings-open:hover{background:#d10b68;color:#fff}.agent-os-panel-header-skills{align-items:center;display:flex;gap:7px;margin-top:5px;min-width:0;text-align:left}.agent-os-panel-header-skills>span{color:#ff71b2;flex:0 0 auto;font-family:"UbuntuBold";font-size:.46rem;letter-spacing:.08em;text-transform:uppercase}.agent-os-panel-header-skills>div{align-items:center;display:flex;flex-wrap:wrap;min-width:0}.agent-os-panel-header-skills>div span{align-items:center;color:#bfe9f3;display:inline-flex;font-family:"UbuntuBold";font-size:.49rem;line-height:1.2;white-space:nowrap}.agent-os-panel-header-skills>div span+span::before{color:#5189a5;content:"·";font-family:"Ubuntu";margin:0 6px}.agent-os-info-panel.is-terminal-focus .agent-os-panel-header-skills,.agent-os-info-panel.is-terminal-focus .agent-os-panel-title-row .agent-os-panel-settings-open{display:none!important}
@media(max-width:700px){.agent-os-panel-header{padding:7px 10px!important}.agent-os-panel-header .agent-os-panel-eyebrow{display:none}.agent-os-panel-header h3{font-size:.92rem!important}.agent-os-panel-runtime-summary em{max-width:92px!important}.agent-os-panel-tabs-toggle{height:29px;width:29px}.agent-os-panel-header-actions{gap:4px!important}}

/* Profile controls live inside the conversation instead of consuming a separate panel row. */
.agent-os-panel-chat>.agent-os-panel-profile-summary{background:transparent;border:0;border-radius:0;box-sizing:border-box;height:24px;justify-content:flex-start;left:9px;overflow-x:auto;overflow-y:hidden;padding:0 4px;position:absolute;right:9px;top:20px;white-space:nowrap;z-index:7}.agent-os-panel-chat>.agent-os-panel-profile-summary .agent-os-panel-profile-meta{justify-content:flex-start}.agent-os-panel-chat>.agent-os-panel-profile-summary .agent-os-panel-profile-meta>span{color:#f2c86a;font-size:.49rem}.agent-os-panel-chat>.agent-os-panel-profile-summary .agent-os-panel-profile-meta>span+span::before{color:#7f724b}.agent-os-panel-chat>.agent-os-panel-profile-summary .agent-os-panel-profile-meta .agent-os-panel-session-state{color:#72dba0}.agent-os-panel-chat>.agent-os-panel-profile-summary .agent-os-panel-profile-meta button{background:transparent;border:0;border-radius:0;color:#bfe9f3;font-size:.49rem;padding:3px 6px;text-decoration:underline;text-decoration-color:rgba(126,215,238,.36);text-underline-offset:3px}.agent-os-panel-chat>.agent-os-panel-profile-summary .agent-os-panel-profile-meta button:hover{background:transparent;color:#ff71b2;text-decoration-color:#ff71b2}.agent-os-panel-chat>.agent-os-panel-messages{top:47px!important}.agent-os-info-panel.is-terminal-focus .agent-os-panel-profile-summary{display:none!important}.agent-os-info-panel.is-terminal-focus .agent-os-panel-chat>.agent-os-panel-messages{top:31px!important}
@media(max-width:600px){.agent-os-panel-chat>.agent-os-panel-profile-summary{left:8px;right:8px}.agent-os-panel-chat>.agent-os-panel-messages{top:46px!important}.agent-os-info-panel.is-terminal-focus .agent-os-panel-chat>.agent-os-panel-messages{top:30px!important}}

/* The terminal is a fixed conversation area; it no longer has a separate pull-to-focus mode. */
.agent-os-panel-chat>.agent-os-panel-profile-summary{top:4px}
.agent-os-panel-chat>.agent-os-panel-messages{top:34px!important}
@media(max-width:600px){.agent-os-panel-chat>.agent-os-panel-messages{top:34px!important}}

/* Specialist colors remain restrained: dark flumina blue carries a quiet, agent-specific light tint. */
.agent-os-panel-agent-tabs button{background:linear-gradient(135deg,color-mix(in srgb,var(--agent-accent) 11%,#0c244d),#0a1f45 72%);border-color:color-mix(in srgb,var(--agent-accent) 34%,#244b70);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--agent-accent) 18%,transparent);color:color-mix(in srgb,var(--agent-accent) 25%,#dce9f4);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.agent-os-panel-agent-tabs button:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--agent-accent) 22%,#0c244d),#0b244c 75%);border-color:color-mix(in srgb,var(--agent-accent) 72%,#8bcde0);box-shadow:0 0 13px color-mix(in srgb,var(--agent-accent) 20%,transparent),inset 0 1px 0 color-mix(in srgb,var(--agent-accent) 34%,transparent);color:#fff}.agent-os-panel-agent-tabs button.is-active{background:linear-gradient(135deg,color-mix(in srgb,var(--agent-accent) 30%,#0d2b56),#0c274f 78%);border-color:var(--agent-accent);box-shadow:0 0 16px color-mix(in srgb,var(--agent-accent) 25%,transparent),inset 0 -3px 0 var(--agent-accent);color:#fff}
.agent-os-panel-agent-tabs{padding-top:7px}.agent-os-panel-header>.agent-os-panel-agent-more{background:rgba(7,20,47,.88);border:1px solid rgba(126,215,238,.25);border-radius:99px;bottom:4px;color:#9bc6d5;font-family:"UbuntuBold";font-size:.46rem;line-height:1;padding:3px 7px;pointer-events:none;position:absolute;right:10px;z-index:4}
.agent-os-panel-agent-tabs button[data-agent-detail="Customer Success"]{line-height:1.05;text-align:center;white-space:normal}

/* Header controls must remain legible above every agent-panel theme and legacy icon rule. */
.agent-os-panel-fullscreen,
.agent-os-panel-theme-toggle,
.agent-os-panel-settings-open,
.agent-os-panel-tabs-toggle,
.agent-os-panel-history-shortcut{
  background-color:#123766!important;
  border-color:#7ed7ee!important;
  color:#f8fdff!important;
}
.agent-os-panel-fullscreen svg,
.agent-os-panel-theme-toggle svg,
.agent-os-panel-settings-open svg,
.agent-os-panel-tabs-toggle svg,
.agent-os-panel-history-shortcut svg{
  display:block!important;
  fill:none!important;
  opacity:1!important;
  stroke:#f8fdff!important;
  visibility:visible!important;
}
.agent-os-panel-fullscreen svg *,
.agent-os-panel-theme-toggle svg *,
.agent-os-panel-settings-open svg *,
.agent-os-panel-tabs-toggle svg *,
.agent-os-panel-history-shortcut svg *{
  fill:none!important;
  opacity:1!important;
  stroke:#f8fdff!important;
  visibility:visible!important;
}
.agent-os-panel-fullscreen:hover,
.agent-os-panel-fullscreen[aria-pressed="true"],
.agent-os-panel-theme-toggle:hover,
.agent-os-panel-settings-open:hover,
.agent-os-panel-tabs-toggle:hover,
.agent-os-panel-tabs-toggle[aria-expanded="false"],
.agent-os-panel-history-shortcut:hover,
.agent-os-panel-history-shortcut:focus-visible{
  background-color:#d10b68!important;
  border-color:#ffafd4!important;
  color:#fff!important;
}

/* A labelled handle makes the large specialist grid easy to collapse before chatting. */
.agent-os-panel-tabs-collapse{
  align-items:center;
  background:#0a2047;
  border:0;
  border-bottom:1px solid rgba(126,215,238,.3);
  color:#c5eaf4;
  cursor:pointer;
  display:flex;
  flex:0 0 28px;
  font-family:"UbuntuBold";
  font-size:.58rem;
  justify-content:flex-start;
  letter-spacing:.02em;
  padding:0 12px;
}
.agent-os-panel-tabs-collapse .fa-robot{color:#72d8ed;font-size:.72rem;margin-right:7px}
.agent-os-panel-tabs-collapse b{font-size:.85rem;font-weight:400;margin-left:7px}
.agent-os-panel-tabs-collapse small{color:#79a9bd;font-family:"UbuntuBold";font-size:.52rem;font-weight:400;letter-spacing:.03em;margin-left:auto}.agent-os-info-panel.is-agent-tabs-collapsed .agent-os-panel-tabs-collapse small{display:none}
.agent-os-panel-tabs-collapse:hover{background:#d10b68;border-bottom-color:#ffafd4;color:#fff}
.agent-os-panel-tabs-collapse:hover .fa-robot{color:#fff}
.agent-os-panel-slider small.agent-os-panel-temperament-scale{display:grid;gap:4px 8px;grid-template-columns:repeat(3,minmax(0,1fr));line-height:1.2;margin-top:2px}
.agent-os-panel-temperament-scale span:nth-child(3n+2){text-align:center}.agent-os-panel-temperament-scale span:nth-child(3n){text-align:right}
.agent-os-info-panel.is-agent-tabs-collapsed .agent-os-panel-tabs-collapse{background:#0c2d5b;border-bottom-color:#7ed7ee;color:#f8fdff}

/* Give the specialists story a quiet leading edge without moving its centred demo. */
.agent-os-page .agent-os-specialists .agent-os-restored-workbench > .agent-os-eyebrow,
.agent-os-page .agent-os-specialists .agent-os-restored-workbench > h2,
.agent-os-page .agent-os-specialists .agent-os-restored-workbench > .agent-os-specialists-intro{
  margin-left:clamp(18px,2vw,32px);
}
@media(max-width:600px){
  .agent-os-page .agent-os-specialists .agent-os-restored-workbench > .agent-os-eyebrow,
  .agent-os-page .agent-os-specialists .agent-os-restored-workbench > h2,
  .agent-os-page .agent-os-specialists .agent-os-restored-workbench > .agent-os-specialists-intro{
    margin-left:10px;
  }
}

/* The resizable agent workspace responds to its own width, not the browser viewport. */
.agent-os-info-panel{
  container-name:agent-panel;
  container-type:inline-size;
}
@container agent-panel (max-width:680px){
  .agent-os-panel-header{gap:5px!important;padding-left:10px!important;padding-right:10px!important}
  .agent-os-panel-header .agent-os-panel-eyebrow{font-size:.44rem}
  .agent-os-panel-header h3{font-size:.88rem!important;max-width:100%;text-overflow:ellipsis}
  .agent-os-panel-header-skills{gap:5px;margin-top:4px}
  .agent-os-panel-header-skills>span{font-size:.41rem}
  .agent-os-panel-header-skills>div span{font-size:.43rem}
  .agent-os-panel-header-skills>div span+span::before{margin:0 4px}
  .agent-os-panel-header-actions{gap:3px!important}
  .agent-os-panel-runtime-summary{width:25px}
  .agent-os-panel-runtime-summary em{display:none}
  .agent-os-panel-header-context .agent-os-panel-context-trigger{font-size:.48rem;height:28px;padding:0 7px}
  .agent-os-panel-status{font-size:.48rem!important;padding:5px 7px!important}
  .agent-os-panel-fullscreen,.agent-os-panel-theme-toggle,.agent-os-panel-settings-open,.agent-os-panel-tabs-toggle,.agent-os-panel-header .agent-os-panel-close{height:28px!important;width:28px!important}
  .agent-os-panel-agent-tabs{gap:5px;grid-auto-columns:calc((100% - 15px)/4);padding-left:7px;padding-right:7px}
  .agent-os-panel-agent-tabs button{font-size:.52rem;min-width:0;padding:4px 3px}
  .agent-os-panel-agent-tabs button::before{height:4px;margin-right:4px;width:4px}
  .agent-os-panel-header>.agent-os-panel-agent-more{font-size:.4rem;right:7px}
  .agent-os-panel-chat>.agent-os-panel-profile-summary{scrollbar-width:none}
  .agent-os-panel-chat>.agent-os-panel-profile-summary::-webkit-scrollbar{display:none}
  .agent-os-panel-chat>.agent-os-panel-profile-summary .agent-os-panel-profile-meta>span,
  .agent-os-panel-chat>.agent-os-panel-profile-summary .agent-os-panel-profile-meta button{font-size:.44rem}
  .agent-os-panel-message{font-size:.68rem;line-height:1.48}
}
@container agent-panel (max-width:500px){
  .agent-os-panel-header{min-height:49px!important;padding-bottom:6px!important;padding-top:6px!important}
  .agent-os-panel-header .agent-os-panel-eyebrow{display:none}
  .agent-os-panel-header h3{font-size:.8rem!important;margin-top:0!important}
  .agent-os-panel-title-row{gap:3px}
  .agent-os-panel-title-row .agent-os-panel-settings-open{height:23px!important;width:23px!important}
  .agent-os-panel-header-skills{margin-top:3px;max-height:21px;overflow:hidden}
  .agent-os-panel-header-skills>span{font-size:.38rem}
  .agent-os-panel-header-skills>div span{font-size:.4rem}
  .agent-os-panel-header-context .agent-os-panel-context-trigger span{display:none}
  .agent-os-panel-header-context .agent-os-panel-context-trigger{justify-content:center;padding:0;width:27px}
  .agent-os-panel-status{padding:4px 6px!important}
  .agent-os-panel-agent-tabs{grid-auto-columns:calc((100% - 10px)/3)}
  .agent-os-panel-agent-tabs button{font-size:.49rem}
  .agent-os-panel-chat>.agent-os-panel-profile-summary .agent-os-panel-profile-meta>span:nth-of-type(2){display:none}
  .agent-os-panel-chat>.agent-os-panel-profile-summary .agent-os-panel-profile-meta button{padding-left:4px;padding-right:4px}
  .agent-os-panel-message{font-size:.64rem}
}

/* Each specialist carries the same explicit discovery cue as the central graph. */
.agent-os-page .agent-orb > small{
  align-items:center;
  background:rgba(7,27,67,.88);
  border:1px solid currentColor;
  border-radius:99px;
  color:currentColor;
  display:flex;
  font-family:"UbuntuBold",Arial,sans-serif;
  font-size:.46rem;
  gap:5px;
  left:50%;
  opacity:0;
  padding:5px 8px;
  pointer-events:none;
  position:absolute;
  top:105px;
  transform:translate(-50%,4px);
  transition:background .2s ease,box-shadow .2s ease,color .2s ease,opacity .2s ease,transform .2s ease,visibility .2s ease;
  visibility:hidden;
  white-space:nowrap;
}
.agent-os-page .agent-orb > small i{font-size:.65rem;font-style:normal;transition:transform .2s ease}
.agent-os-page .agent-orb:hover > small,.agent-os-page .agent-orb:focus-visible > small{
  background:rgba(7,27,67,.98);
  box-shadow:0 0 15px currentColor;
  color:currentColor;
  opacity:1;
  transform:translate(-50%,0);
  visibility:visible;
}
.agent-os-page .agent-orb:hover > small i,.agent-os-page .agent-orb:focus-visible > small i{transform:translateX(2px)}
@media(max-width:600px){.agent-os-page .agent-orb > small{font-size:.42rem;padding:4px 7px;top:103px}}

/* Agent palette shared with flumen-app/mobile-app/home-futuristic.css. */
.agent-os-page .agent-orb.co2{color:#75e7a2}
.agent-os-page .agent-orb.supply{color:#5de3b6}
.agent-os-page .agent-orb.quality{color:#77ddcb}
.agent-os-page .agent-orb.agent-cost{color:#f2c86a}
.agent-os-page .agent-orb.production{color:#e6a7ff}
.agent-os-page .agent-orb.energy{color:#e5df62}
.agent-os-page .agent-orb.iot{color:#ffac5f}
.agent-os-page .agent-orb.plan{color:#b0a5ff}
.agent-os-page .agent-orb.risk{color:#ff8397}
.agent-os-agent-tabs button{--agent-accent:#83bfff}
.agent-os-agent-tabs button.active::after{background:var(--agent-accent)}
.agent-os-agent-tabs button.active{color:color-mix(in srgb,var(--agent-accent) 72%,#071b43)}

/* Complexity becomes context, understanding and one operational decision. */
.agent-os-page .agent-os-decision-flow{
  align-items:stretch;
  display:grid;
  gap:0;
  grid-template-columns:minmax(0,1.12fr) 42px minmax(0,.8fr) 42px minmax(0,.98fr) 42px minmax(0,1fr);
  margin-top:72px;
  min-height:390px;
}
.agent-os-page .agent-os-decision-flow article{min-width:0;padding:30px 24px;position:relative}
.agent-os-page .agent-os-decision-flow article:not(.agent-os-decision-result){border-left:1px solid rgba(176,222,237,.25)}
.agent-os-page .agent-os-decision-flow article>small{color:#8bc8d8;display:block;font-family:"UbuntuBold",Arial,sans-serif;font-size:.62rem;letter-spacing:.12em;margin-bottom:19px;text-transform:uppercase}
.agent-os-page .agent-os-decision-flow article>strong{display:block;font-family:"UbuntuBold",Arial,sans-serif;font-size:1.38rem;line-height:1.08}
.agent-os-page .agent-os-decision-complexity>strong b{color:#fff;font-size:clamp(2.8rem,4vw,4.2rem);letter-spacing:-.06em}
.agent-os-page .agent-os-decision-complexity>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:25px;position:relative;z-index:2}
.agent-os-page .agent-os-decision-complexity>div span{background:rgba(176,222,237,.08);border:1px solid rgba(176,222,237,.28);border-radius:99px;color:#d7f2f7;font-size:.55rem;padding:6px 8px}
.agent-os-page .agent-os-decision-complexity svg{bottom:13px;height:175px;opacity:.48;position:absolute;right:0;width:85%;z-index:0}
.agent-os-page .agent-os-decision-complexity svg path{fill:none;stroke:#76cfe1;stroke-width:1}
.agent-os-page .agent-os-decision-complexity svg circle{fill:#b9edf5;filter:drop-shadow(0 0 5px #76cfe1)}
.agent-os-page .agent-os-decision-context{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}
.agent-os-page .agent-os-decision-context-core{align-items:center;border:1px solid rgba(176,222,237,.58);border-radius:50%;box-shadow:0 0 0 14px rgba(176,222,237,.05),0 0 42px rgba(124,211,230,.15);display:flex;height:124px;justify-content:center;margin:28px auto 22px;position:relative;text-align:center;width:124px}
.agent-os-page .agent-os-decision-context-core span{color:#dff8fc;font-family:"UbuntuBold";font-size:.58rem;line-height:1.25;max-width:72px;text-transform:uppercase}
.agent-os-page .agent-os-decision-context-core i{background:#d10b68;border-radius:50%;bottom:16px;box-shadow:0 0 13px #d10b68;display:block!important;height:7px;position:absolute;width:7px}
.agent-os-page .agent-os-decision-context p,.agent-os-page .agent-os-decision-impact p{color:#acd2dc;font-size:.7rem;line-height:1.45;margin:0}
.agent-os-page .agent-os-decision-impact{display:flex;flex-direction:column;justify-content:center}
.agent-os-page .agent-os-decision-impact>div{align-items:center;display:grid;gap:5px;grid-template-columns:1fr 10px 1fr;margin:31px 0 24px}
.agent-os-page .agent-os-decision-impact>div span{color:#dff5f9;font-family:"UbuntuBold";font-size:.6rem;text-align:center}
.agent-os-page .agent-os-decision-impact>div i{background:linear-gradient(90deg,#79d6e7,#f35a9b);display:block!important;height:1px;position:relative}
.agent-os-page .agent-os-decision-impact>div i::after{border-right:1px solid #f35a9b;border-top:1px solid #f35a9b;content:"";height:4px;position:absolute;right:0;top:-2px;transform:rotate(45deg);width:4px}
.agent-os-page .agent-os-decision-arrow{align-self:center;background:linear-gradient(90deg,rgba(121,214,231,.25),#f35a9b);display:block!important;height:1px;position:relative;width:100%}
.agent-os-page .agent-os-decision-arrow::after{border-right:2px solid #f35a9b;border-top:2px solid #f35a9b;content:"";height:7px;position:absolute;right:1px;top:-4px;transform:rotate(45deg);width:7px}
.agent-os-page .agent-os-decision-flow .agent-os-decision-result{background:linear-gradient(145deg,#d10b68,#a20758);border:1px solid rgba(255,255,255,.58);border-radius:20px;bottom:auto;box-shadow:0 24px 60px rgba(0,0,0,.28);display:flex;flex-direction:column;justify-content:center;max-width:none;padding:31px!important;right:auto;width:auto}
.agent-os-page .agent-os-decision-result>small{color:#ffd3e7!important}
.agent-os-page .agent-os-decision-result>strong{font-size:2rem!important}
.agent-os-page .agent-os-decision-result>p{font-family:"UbuntuBold";font-size:.86rem;margin:12px 0 23px}
.agent-os-page .agent-os-decision-result>div{border-top:1px solid rgba(255,255,255,.32);display:grid;gap:11px;padding-top:20px}
.agent-os-page .agent-os-decision-result>div span{font-size:.66rem}
.agent-os-page .agent-os-decision-result>div b{display:inline-block;font-family:"UbuntuBold";font-size:1rem;min-width:55px}
.agent-os-page .agent-os-decision-result>em{color:#ffcbe2;font-size:.55rem;font-style:normal;margin-top:25px}
@media(max-width:1050px){
  .agent-os-page .agent-os-decision-flow{grid-template-columns:1fr 28px 1fr;row-gap:34px}
  .agent-os-page .agent-os-decision-flow article:nth-of-type(3),.agent-os-page .agent-os-decision-flow article:nth-of-type(4){grid-row:3}
  .agent-os-page .agent-os-decision-flow article:nth-of-type(3){grid-column:1}.agent-os-page .agent-os-decision-flow article:nth-of-type(4){grid-column:3}
  .agent-os-page .agent-os-decision-flow>.agent-os-decision-arrow:nth-of-type(3){display:none!important}
}
@media(max-width:650px){
  .agent-os-page .agent-os-decision-flow{display:flex;flex-direction:column;margin-top:48px;min-height:0}
  .agent-os-page .agent-os-decision-flow article{padding:26px 18px}
  .agent-os-page .agent-os-decision-arrow{height:28px;margin:0 auto;width:1px}
  .agent-os-page .agent-os-decision-arrow::after{bottom:0;right:-4px;top:auto;transform:rotate(135deg)}
  .agent-os-page .agent-os-decision-flow>.agent-os-decision-arrow:nth-of-type(3){display:block!important}
  .agent-os-page .agent-os-decision-result{margin-top:6px}
}

/* One calm workspace demonstrates the Agents' capabilities in sequence. */
.agent-os-page .agent-os-specialists .agent-os-restored-workbench{margin:0 auto;max-width:1240px;width:min(1240px,calc(100vw - 112px))}
@media(min-width:1200px){body:has(#new-sidebar.active) .agent-os-page .agent-os-specialists .agent-os-restored-workbench,body:has(#sidebar.active) .agent-os-page .agent-os-specialists .agent-os-restored-workbench{margin-left:calc(300px + 3vw);margin-right:32px;max-width:none;width:auto}}
.agent-os-page .agent-os-live-demo{margin-top:58px}
.agent-os-page .agent-os-live-capabilities{background:transparent;border-bottom:1px solid #c2dfe7;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:20px}
.agent-os-page .agent-os-live-capabilities button{background:transparent;border:0;color:#527487;cursor:pointer;font-family:"UbuntuBold",Arial,sans-serif;font-size:.72rem;padding:12px 8px 15px;position:relative;text-align:left}
.agent-os-page .agent-os-live-capabilities button span{color:#8eacb8;display:block;font-family:monospace;font-size:.5rem;margin-bottom:5px}
.agent-os-page .agent-os-live-capabilities button::after{background:#d10b68;bottom:-1px;content:"";height:3px;left:8px;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .25s ease;width:calc(100% - 16px)}
.agent-os-page .agent-os-live-capabilities button.active{color:#07173e}
.agent-os-page .agent-os-live-capabilities button.active::after{transform:scaleX(1)}
.agent-os-page .agent-os-live-stage{background:linear-gradient(145deg,#f9fdfe,#e9f5f8);border:1px solid #b9dce5;border-radius:18px;box-shadow:0 24px 60px rgba(17,66,86,.11);min-height:500px;overflow:hidden;padding:27px 31px 24px;position:relative}
.agent-os-page .agent-os-live-stage::before{background-image:linear-gradient(rgba(37,111,138,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(37,111,138,.035) 1px,transparent 1px);background-size:25px 25px;content:"";inset:0;pointer-events:none;position:absolute}
.agent-os-page .agent-os-live-stage>*{position:relative;z-index:1}
.agent-os-page .agent-os-live-stage>header{align-items:center;border-bottom:1px solid #c7e0e7;display:flex;justify-content:space-between;padding-bottom:17px}
.agent-os-page .agent-os-live-stage>header>div{align-items:center;display:flex;gap:9px}
.agent-os-page .agent-os-live-agent{color:#176a84;font-family:"UbuntuBold";font-size:.72rem}
.agent-os-page .agent-os-live-stage>header i{background:#dff0f4;border-radius:99px;color:#517a89;font-size:.55rem;font-style:normal;padding:5px 8px}
.agent-os-page .agent-os-live-status{color:#4e7382;font-size:.58rem}.agent-os-page .agent-os-live-status b{animation:agent-live-pulse 2.4s ease-in-out infinite;background:#64d7a0;border-radius:50%;box-shadow:0 0 0 0 rgba(100,215,160,.45);display:inline-block;height:7px;margin-right:5px;width:7px}
@keyframes agent-live-pulse{50%{box-shadow:0 0 0 7px rgba(100,215,160,0)}}
.agent-os-page .agent-os-live-question{align-items:end;display:flex;gap:20px;justify-content:space-between;padding:25px 0 22px}
.agent-os-page .agent-os-live-question small{color:#d10b68;font-family:"UbuntuBold";font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}
.agent-os-page .agent-os-live-question strong{color:#07173e;font-family:"UbuntuBold";font-size:clamp(1.12rem,2vw,1.65rem);line-height:1.2;max-width:750px;text-align:right}
.agent-os-page .agent-os-live-result{align-items:center;background:#071b43;border:1px solid #17456e;border-radius:13px;color:#eafbff;display:flex;flex-direction:column;justify-content:center;min-height:285px;overflow:hidden;padding:29px;position:relative}
.agent-os-page .agent-os-live-result::before{background:radial-gradient(circle at 50% 55%,rgba(63,170,201,.19),transparent 49%);content:"";inset:0;position:absolute}
.agent-os-page .agent-os-live-result>*{position:relative;z-index:1}
.agent-os-page .agent-os-live-result>p{color:#a9d1dc;font-size:.67rem;margin:27px 0 0;text-align:center}
.agent-os-page .agent-os-live-stream,.agent-os-page .agent-os-live-network,.agent-os-page .agent-os-live-cause,.agent-os-page .agent-os-live-query{align-items:center;display:flex;justify-content:center;width:100%}
.agent-os-page .agent-os-live-stream span,.agent-os-page .agent-os-live-network span,.agent-os-page .agent-os-live-cause span,.agent-os-page .agent-os-live-query span,.agent-os-page .agent-os-live-network strong,.agent-os-page .agent-os-live-cause strong,.agent-os-page .agent-os-live-query strong{background:#102d59;border:1px solid #4f849b;border-radius:99px;font-family:"UbuntuBold";font-size:.64rem;padding:10px 13px;text-align:center}
.agent-os-page .agent-os-live-stream i,.agent-os-page .agent-os-live-network i,.agent-os-page .agent-os-live-cause i,.agent-os-page .agent-os-live-query i{background:linear-gradient(90deg,#69d9e9,#d10b68);display:block!important;height:1px;min-width:34px;position:relative}
.agent-os-page .agent-os-live-stream i::after,.agent-os-page .agent-os-live-network i::after,.agent-os-page .agent-os-live-cause i::after,.agent-os-page .agent-os-live-query i::after{background:#e55a9a;border-radius:50%;box-shadow:0 0 9px #e55a9a;content:"";height:5px;position:absolute;right:0;top:-2px;width:5px}
.agent-os-page .agent-os-live-network strong{border-color:#f165a5;color:#ff9bc7}.agent-os-page .agent-os-live-cause span b{color:#ff92bd;display:block;font-size:.55rem;margin-top:3px}.agent-os-page .agent-os-live-cause strong,.agent-os-page .agent-os-live-query strong{border-color:#72d9a6;color:#8ce9b8}
.agent-os-page .agent-os-live-dashboard{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);max-width:720px;width:100%}
.agent-os-page .agent-os-live-dashboard>span{background:#102d59;border:1px solid #31597a;border-radius:9px;padding:18px}.agent-os-page .agent-os-live-dashboard small,.agent-os-page .agent-os-live-dashboard b{display:block}.agent-os-page .agent-os-live-dashboard small{color:#9fc8d4;font-size:.57rem}.agent-os-page .agent-os-live-dashboard b{font-family:"UbuntuBold";font-size:1.55rem;margin:8px 0 17px}.agent-os-page .agent-os-live-dashboard i{background:#1c4168;display:block!important;height:3px;position:relative}.agent-os-page .agent-os-live-dashboard i::after{background:linear-gradient(90deg,#6bd9e7,#e7579b);content:"";height:100%;left:0;position:absolute;width:var(--level)}
.agent-os-page .agent-os-live-report-ready{align-items:center;border-top:1px solid #31597a;display:flex;justify-content:space-between;margin-top:18px;max-width:720px;padding-top:15px;width:100%}.agent-os-page .agent-os-live-report-ready span{color:#ee6aa5;font-family:"UbuntuBold";font-size:.52rem;letter-spacing:.1em}.agent-os-page .agent-os-live-report-ready strong{color:#a7e7c7;font-family:"UbuntuBold";font-size:.6rem}
.agent-os-page .agent-os-live-carbon{align-items:center;display:grid;gap:50px;grid-template-columns:auto minmax(250px,1fr);max-width:680px;width:100%}.agent-os-page .agent-os-live-carbon>strong{font-family:"UbuntuBold";font-size:2.7rem}.agent-os-page .agent-os-live-carbon>strong small{color:#9fcbd7;display:block;font-size:.64rem}.agent-os-page .agent-os-live-carbon>div{display:grid;gap:13px}.agent-os-page .agent-os-live-carbon i{background:linear-gradient(90deg,#61d8a0,#59cfe4);display:block!important;font-family:"UbuntuBold";font-size:.55rem;font-style:normal;height:24px;padding:5px 8px;width:var(--share)}
.agent-os-page .agent-os-live-report{background:#f7fcfd;border:1px solid #7baab9;border-radius:8px;color:#07173e;max-width:590px;padding:20px 24px;width:100%}.agent-os-page .agent-os-live-report>span{color:#d10b68;font-family:"UbuntuBold";font-size:.54rem;letter-spacing:.11em}.agent-os-page .agent-os-live-report>strong{display:block;font-family:"UbuntuBold";font-size:1.25rem;margin:13px 0}.agent-os-page .agent-os-live-report ul{border-block:1px solid #c6dfe6;list-style:none;margin:0;padding:11px 0}.agent-os-page .agent-os-live-report li{font-size:.62rem;padding:5px 0}.agent-os-page .agent-os-live-report>b{color:#207353;display:block;font-size:.58rem;margin-top:12px;text-align:right}
.agent-os-page .agent-os-live-stage>footer{align-items:center;display:flex;justify-content:space-between;padding-top:17px}.agent-os-page .agent-os-live-stage>footer span{color:#d10b68;font-family:"UbuntuBold";font-size:.65rem}.agent-os-page .agent-os-live-stage>footer b{color:#577a88;font-size:.57rem;font-weight:normal}
@media(max-width:750px){.agent-os-page .agent-os-live-capabilities{grid-template-columns:repeat(3,1fr)}.agent-os-page .agent-os-live-stage{min-height:520px;padding:21px}.agent-os-page .agent-os-live-question{align-items:flex-start;flex-direction:column}.agent-os-page .agent-os-live-question strong{text-align:left}.agent-os-page .agent-os-live-stream,.agent-os-page .agent-os-live-network,.agent-os-page .agent-os-live-cause,.agent-os-page .agent-os-live-query{flex-wrap:wrap;row-gap:12px}.agent-os-page .agent-os-live-dashboard{grid-template-columns:1fr}.agent-os-page .agent-os-live-carbon{gap:24px;grid-template-columns:1fr}.agent-os-page .agent-os-live-stage>footer{align-items:flex-start;flex-direction:column;gap:7px}}

/* Capability demo navigation and enlarged, presentation-ready visuals. */
.agent-os-page .agent-os-live-demo{position:relative}
.agent-os-page .agent-os-live-capabilities button{border-radius:10px 10px 0 0;transition:background-color .22s ease,box-shadow .22s ease,color .22s ease,transform .22s ease}
.agent-os-page .agent-os-live-capabilities button:hover,.agent-os-page .agent-os-live-capabilities button:focus-visible{background:linear-gradient(180deg,rgba(176,222,237,.32),rgba(176,222,237,.07));box-shadow:0 0 24px rgba(49,155,194,.24),inset 0 1px 0 rgba(255,255,255,.9);color:#07173e;outline:0;transform:translateY(-2px)}
.agent-os-page .agent-os-live-capabilities button:hover::after,.agent-os-page .agent-os-live-capabilities button:focus-visible::after{transform:scaleX(1)}
.agent-os-page .agent-os-live-capabilities button.active{background:linear-gradient(180deg,rgba(176,222,237,.2),rgba(255,255,255,0));box-shadow:0 0 20px rgba(209,11,104,.09)}
.agent-os-page .agent-os-live-stage{min-height:580px;padding:31px 40px 28px}
.agent-os-page .agent-os-live-result{min-height:370px;padding:38px 68px}
.agent-os-page .agent-os-live-stream,.agent-os-page .agent-os-live-network,.agent-os-page .agent-os-live-cause,.agent-os-page .agent-os-live-query{max-width:1120px}
.agent-os-page .agent-os-live-stream span,.agent-os-page .agent-os-live-network span,.agent-os-page .agent-os-live-cause span,.agent-os-page .agent-os-live-query span,.agent-os-page .agent-os-live-network strong,.agent-os-page .agent-os-live-cause strong,.agent-os-page .agent-os-live-query strong{font-size:1rem;padding:16px 22px}
.agent-os-page .agent-os-live-stream i,.agent-os-page .agent-os-live-network i,.agent-os-page .agent-os-live-cause i,.agent-os-page .agent-os-live-query i{min-width:58px}
.agent-os-page .agent-os-live-result>p{font-size:.9rem;margin-top:34px}
.agent-os-page .agent-os-live-cause span b{font-size:.72rem;margin-top:5px}
.agent-os-page .agent-os-live-dashboard{gap:18px;max-width:980px}.agent-os-page .agent-os-live-dashboard>span{padding:25px}.agent-os-page .agent-os-live-dashboard small{font-size:.75rem}.agent-os-page .agent-os-live-dashboard b{font-size:2rem}
.agent-os-page .agent-os-live-carbon{max-width:900px}.agent-os-page .agent-os-live-carbon>strong{font-size:3.7rem}.agent-os-page .agent-os-live-carbon>strong small{font-size:.86rem}.agent-os-page .agent-os-live-carbon i{font-size:.72rem;height:31px;padding:8px 11px}
.agent-os-page .agent-os-live-report-ready{max-width:980px}.agent-os-page .agent-os-live-report-ready span,.agent-os-page .agent-os-live-report-ready strong{font-size:.72rem}
.agent-os-page .agent-os-live-direction{align-items:center;background:#fff;border:1px solid #84bdcf;border-radius:50%;box-shadow:0 10px 26px rgba(10,57,80,.15);color:#0b3c68;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:2rem;height:52px;justify-content:center;line-height:1;position:absolute;top:55%;transform:translateY(-50%);transition:background-color .2s ease,box-shadow .2s ease,color .2s ease,transform .2s ease;width:52px;z-index:4}
.agent-os-page .agent-os-live-direction--previous{left:-26px}.agent-os-page .agent-os-live-direction--next{right:-26px}
.agent-os-page .agent-os-live-direction:hover,.agent-os-page .agent-os-live-direction:focus-visible{background:#d10b68;border-color:#ff9bc7;box-shadow:0 0 28px rgba(209,11,104,.32);color:#fff;outline:0;transform:translateY(-50%) scale(1.06)}
@media(max-width:900px){.agent-os-page .agent-os-live-direction--previous{left:-13px}.agent-os-page .agent-os-live-direction--next{right:-13px}}
@media(max-width:750px){.agent-os-page .agent-os-live-stage{min-height:540px;padding:21px}.agent-os-page .agent-os-live-result{min-height:330px;padding:28px 34px}.agent-os-page .agent-os-live-stream span,.agent-os-page .agent-os-live-network span,.agent-os-page .agent-os-live-cause span,.agent-os-page .agent-os-live-query span,.agent-os-page .agent-os-live-network strong,.agent-os-page .agent-os-live-cause strong,.agent-os-page .agent-os-live-query strong{font-size:.78rem;padding:12px 15px}.agent-os-page .agent-os-live-direction{height:42px;width:42px}.agent-os-page .agent-os-live-direction--previous{left:-9px}.agent-os-page .agent-os-live-direction--next{right:-9px}}

/* Consent-first contact handoff and compact chat history controls. */
.agent-os-info-panel .agent-os-panel-history-shortcut{
  align-items:center;background:#0c2a55;border:1px solid #72cfe5;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex:0 0 36px;height:36px;justify-content:center;padding:0;width:36px
}
.agent-os-info-panel .agent-os-panel-history-shortcut:hover,.agent-os-info-panel .agent-os-panel-history-shortcut:focus-visible{background:#d10b68;border-color:#ff8fc1;box-shadow:0 0 18px rgba(209,11,104,.42);outline:0}
.agent-os-info-panel .agent-os-panel-history-shortcut .agent-os-panel-icon{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:18px}
.agent-os-info-panel .agent-os-panel-composer{display:grid!important;gap:8px 10px;grid-template-columns:minmax(0,1fr) 42px auto;grid-template-rows:auto auto;height:auto!important;min-height:120px!important;padding:10px 12px 9px!important}
.agent-os-info-panel{--agent-chat-text-scale:1.65}
.agent-os-info-panel .agent-os-panel-text-size{align-items:center;background:#07142f;border:1px solid rgba(176,222,237,.24);border-bottom:0;border-radius:7px 7px 0 0;display:flex;gap:3px;padding:3px 5px;position:absolute;right:12px;top:-27px;z-index:3}
.agent-os-info-panel .agent-os-panel-text-size span{color:#9bbcc8;font-family:"UbuntuBold",Arial,sans-serif;font-size:.48rem;margin-right:2px}
.agent-os-info-panel .agent-os-panel-text-size button{align-items:center;background:transparent!important;border:1px solid rgba(176,222,237,.38)!important;border-radius:4px!important;color:#dff7fc!important;cursor:pointer;display:inline-flex!important;font-family:"UbuntuBold",Arial,sans-serif;font-size:.55rem!important;justify-content:center;line-height:1!important;min-height:18px!important;padding:1px 4px!important}
.agent-os-info-panel .agent-os-panel-text-size button:hover,.agent-os-info-panel .agent-os-panel-text-size button:focus-visible{background:#15426e!important;border-color:#b6eff8!important;outline:0}
.agent-os-info-panel .agent-os-panel-text-size button:disabled{cursor:default;opacity:.36}
.agent-os-info-panel .agent-os-panel-message{font-size:calc(.66rem * var(--agent-chat-text-scale))!important}
.agent-os-info-panel .agent-os-message-content h4,.agent-os-info-panel .agent-os-message-content h5,.agent-os-info-panel .agent-os-message-content h6{font-size:calc(.76rem * var(--agent-chat-text-scale))!important}
.agent-os-info-panel .agent-os-message-content table{font-size:calc(.65rem * var(--agent-chat-text-scale))!important}
.agent-os-info-panel .agent-os-panel-composer textarea{font-size:calc(.68rem * var(--agent-chat-text-scale))!important}
.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:129px!important}
.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:177px!important}
.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-composer{height:120px!important;min-height:120px!important}
.agent-os-info-panel .agent-os-panel-composer textarea{grid-column:1;grid-row:1;margin:0!important;min-height:58px!important}
.agent-os-info-panel .agent-os-panel-composer::before{left:20px;line-height:1;top:20px}
.agent-os-info-panel .agent-os-panel-composer textarea{padding-left:30px!important}
.agent-os-info-panel .agent-os-panel-composer>button[type="submit"]{align-self:stretch;grid-column:3;grid-row:1;margin:0!important}
.agent-os-info-panel .agent-os-panel-voice{align-items:center;align-self:stretch;background:#0c2a55!important;border:1px solid #72cfe5!important;border-radius:4px!important;color:#fff!important;cursor:pointer;display:flex;grid-column:2;grid-row:1;justify-content:center;margin:0!important;min-height:0!important;padding:0!important;width:42px}
.agent-os-page .agent-os-info-panel .agent-os-panel-voice svg{color:#fff!important;display:block!important;fill:none!important;height:20px!important;opacity:1!important;stroke:#fff!important;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-width:1.8!important;visibility:visible!important;width:20px!important}
.agent-os-page .agent-os-info-panel .agent-os-panel-voice svg path{display:block!important;fill:none!important;opacity:1!important;stroke:#fff!important;visibility:visible!important}
.agent-os-info-panel .agent-os-panel-voice:hover:not(:disabled),.agent-os-info-panel .agent-os-panel-voice:focus-visible{background:#15426e!important;border-color:#b6eff8!important;box-shadow:0 0 18px rgba(114,207,229,.28);outline:0}
.agent-os-info-panel .agent-os-panel-voice.is-listening{animation:agent-os-voice-pulse 2.1s ease-in-out infinite;background:#d10b68!important;border-color:#ff9bc7!important}
.agent-os-info-panel .agent-os-panel-voice.is-transcribing svg{animation:agent-os-voice-working 1s ease-in-out infinite}
.agent-os-info-panel .agent-os-panel-voice:disabled{cursor:not-allowed;opacity:.42}
.agent-os-info-panel.is-terminal-light .agent-os-panel-voice{background:#fff!important;border-color:#62b8cc!important;color:#075076!important}
.agent-os-page .agent-os-info-panel.is-terminal-light .agent-os-panel-voice svg,.agent-os-page .agent-os-info-panel.is-terminal-light .agent-os-panel-voice svg path{color:#075076!important;stroke:#075076!important}
.agent-os-info-panel.is-terminal-light .agent-os-panel-voice.is-listening{background:#d10b68!important;color:#fff!important}
@keyframes agent-os-voice-pulse{0%,100%{box-shadow:0 0 0 0 rgba(209,11,104,.18),0 0 12px rgba(209,11,104,.24)}50%{box-shadow:0 0 0 7px rgba(209,11,104,0),0 0 24px rgba(255,82,160,.55)}}
@keyframes agent-os-voice-working{0%,100%{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.06)}}
.agent-os-info-panel .agent-os-panel-composer-footer{align-items:center;border-top:1px solid rgba(176,222,237,.16);display:grid;gap:12px;grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1fr) auto auto max-content;min-width:0;padding-top:8px;width:100%}
.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-privacy{color:#9bbcc8;display:block;font-size:.54rem;line-height:1.3;margin:0;max-width:560px;min-width:0}
.agent-os-info-panel .agent-os-panel-voice-status{color:#8fd9e8;font-family:"Ubuntu",Arial,sans-serif;font-size:.52rem;line-height:1.25;max-width:220px;text-align:right}
.agent-os-info-panel .agent-os-panel-contact-open{align-items:center;background:rgba(209,11,104,.08)!important;border:1px solid rgba(255,82,160,.55)!important;border-radius:99px!important;color:#ff62aa!important;cursor:pointer;display:inline-flex!important;font-family:"UbuntuBold",Arial,sans-serif;font-size:.57rem!important;height:32px!important;justify-content:center;line-height:1!important;margin:0!important;min-height:32px!important;padding:0 14px!important;white-space:nowrap}
.agent-os-info-panel .agent-os-panel-sales-access-manual{display:none!important}
.agent-os-info-panel .agent-os-panel-contact-open:hover,.agent-os-info-panel .agent-os-panel-contact-open:focus-visible{background:#d10b68!important;border-color:#ff94c4!important;box-shadow:0 0 16px rgba(209,11,104,.32);color:#fff!important;outline:0}
.agent-os-info-panel .agent-os-panel-contact{align-items:center;background:rgba(2,16,45,.68);display:grid;inset:0;justify-items:center;padding:24px;position:absolute;z-index:80}
.agent-os-info-panel .agent-os-panel-contact[hidden]{display:none!important}
.agent-os-info-panel.is-contact-open>[data-agent-contact-background]{pointer-events:none;user-select:none}
.agent-os-info-panel .agent-os-panel-contact-card{background:linear-gradient(145deg,#f8fdfe,#e7f5f8);border:1px solid #91cfde;border-radius:18px;box-shadow:0 30px 80px rgba(0,14,42,.36);color:#071b43;max-width:520px;padding:34px;position:relative;width:min(100%,520px)}
.agent-os-info-panel .agent-os-panel-contact-close{align-items:center;background:#071b43;border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;height:38px;justify-content:center;position:absolute;right:16px;top:16px;width:38px}
.agent-os-info-panel .agent-os-panel-contact-card h4{font-family:"UbuntuBold",Arial,sans-serif;font-size:1.55rem;margin:8px 48px 10px 0}
.agent-os-info-panel .agent-os-panel-contact-card>p{color:#426a7b;font-size:.78rem;line-height:1.5;margin:0 0 20px}
.agent-os-info-panel .agent-os-panel-contact-agent{background:#071b43;border-radius:10px;color:#fff;display:flex;justify-content:space-between;margin-bottom:14px;padding:13px 15px}
.agent-os-info-panel .agent-os-panel-contact-agent span{color:#9fd1dc;font-size:.62rem}.agent-os-info-panel .agent-os-panel-contact-agent strong{font-family:"UbuntuBold";font-size:.7rem}
.agent-os-info-panel .agent-os-panel-contact-consent{align-items:flex-start;background:#fff;border:1px solid #badde5;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:15px}
.agent-os-info-panel .agent-os-panel-contact-consent input{accent-color:#d10b68;height:18px;margin-top:2px;width:18px}
.agent-os-info-panel .agent-os-panel-contact-consent span{display:block;min-width:0}.agent-os-info-panel .agent-os-panel-contact-consent strong{display:block;font-family:"UbuntuBold";font-size:.72rem;margin-bottom:5px}.agent-os-info-panel .agent-os-panel-contact-consent small{color:#597c89;display:block;font-size:.6rem;line-height:1.4}
.agent-os-info-panel .agent-os-panel-contact-privacy{border-left:2px solid #d10b68;font-size:.6rem!important;margin:15px 0!important;padding-left:10px}
.agent-os-info-panel .agent-os-panel-contact-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.agent-os-info-panel .agent-os-panel-contact-actions button{background:#fff;border:1px solid #8fc7d6;border-radius:99px;color:#174c68;cursor:pointer;font-family:"UbuntuBold";font-size:.65rem;padding:11px 16px}.agent-os-info-panel .agent-os-panel-contact-actions button:last-child{background:#d10b68;border-color:#d10b68;color:#fff}
@media(max-width:600px){.agent-os-info-panel .agent-os-panel-history-shortcut{flex-basis:32px;height:32px;width:32px}.agent-os-info-panel .agent-os-panel-text-size{right:8px}.agent-os-info-panel .agent-os-panel-composer{min-height:154px!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-composer{height:154px!important;min-height:154px!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:162px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:208px!important}.agent-os-info-panel .agent-os-panel-composer-footer{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-privacy{max-width:none}.agent-os-info-panel .agent-os-panel-contact{padding:12px}.agent-os-info-panel .agent-os-panel-contact-card{padding:27px 20px}.agent-os-info-panel .agent-os-panel-contact-actions{align-items:stretch;flex-direction:column-reverse}.agent-os-info-panel .agent-os-panel-contact-actions button{width:100%}}
@container agent-panel (max-width:680px){.agent-os-info-panel .agent-os-panel-history-shortcut{flex-basis:28px;height:28px;width:28px}.agent-os-info-panel .agent-os-panel-history-shortcut .agent-os-panel-icon{height:15px;width:15px}}

/* Keep the OS notification layout independent from generic page icon rules. */
.agent-os-page .agent-os-panel-intro-icon{display:flex!important;grid-column:1}
.agent-os-page .agent-os-panel-intro-copy{grid-column:2}
.agent-os-page .agent-os-panel-intro-icon i,.agent-os-page .agent-os-panel-intro-progress{display:block!important}
.agent-os-page .agent-os-panel-intro{right:24px;top:84px}
.agent-os-page .agent-os-panel-intro-copy>button{align-items:center;background:transparent;border:0;border-top:1px solid #b8d0da;color:#09677d;cursor:pointer;display:flex;font-family:"UbuntuBold",Arial,sans-serif;font-size:.78rem;gap:8px;margin:16px 0 0;padding:14px 0 0;text-align:left;width:100%}
.agent-os-page .agent-os-panel-intro-copy>button:hover,.agent-os-page .agent-os-panel-intro-copy>button:focus-visible{color:#ff79b6;outline:0}
.agent-os-page .agent-os-panel-intro-copy>button i{font-size:.8rem;font-style:normal}
.agent-os-page .agent-os-panel-intro p{font-size:.7rem}
.agent-os-page .agent-os-panel-intro strong{font-size:1.12rem;line-height:1.25}
.agent-os-page .agent-os-panel-intro span{color:#183654;font-size:.82rem;line-height:1.5}
@media(min-width:761px){.agent-os-page .agent-os-panel-intro{border-radius:0 0 10px 10px;left:50%;right:auto;top:6rem;transform:translate(-50%,-14px)}.agent-os-page .agent-os-panel-intro.is-visible{transform:translate(-50%,0)}}

/* Keep the first product message close to the fixed site header. */
@media (min-width:901px){.agent-os-hero{padding-top:88px!important}}

/* Local, case-bound access to the extended sales agent. */
.agent-os-info-panel .agent-os-sales-access{background:linear-gradient(135deg,rgba(16,54,94,.94),rgba(7,25,56,.96));border:1px solid rgba(114,207,229,.62);border-radius:8px;box-shadow:0 0 24px rgba(35,164,199,.14);box-sizing:border-box;margin:14px 24px 18px;padding:16px 18px}.agent-os-info-panel .agent-os-sales-access strong{color:#ff71b2;display:block;font-family:"UbuntuBold",Arial,sans-serif;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.agent-os-info-panel .agent-os-sales-access p{color:#d9edf4;font-family:"Ubuntu",Arial,sans-serif;font-size:.68rem;line-height:1.45;margin:8px 0}.agent-os-info-panel .agent-os-sales-access form{align-items:end;display:flex;gap:9px;margin-top:12px}.agent-os-info-panel .agent-os-sales-access label{color:#9bc9d8;display:grid;font-family:"UbuntuBold",Arial,sans-serif;font-size:.54rem;gap:5px;min-width:0}.agent-os-info-panel .agent-os-sales-access input{background:#071a3c;border:1px solid rgba(145,219,236,.57);border-radius:4px;color:#fff;font:inherit;min-width:190px;padding:8px 9px}.agent-os-info-panel .agent-os-sales-access button{background:#117a48;border:1px solid #39d68a;border-radius:4px;color:#fff;cursor:pointer;font-family:"UbuntuBold",Arial,sans-serif;font-size:.6rem;padding:9px 12px;white-space:nowrap}.agent-os-info-panel .agent-os-sales-access button:hover,.agent-os-info-panel .agent-os-sales-access button:focus-visible{background:#119b5c;outline:0}.agent-os-info-panel .agent-os-sales-access small{color:#9bbcc8;display:block;font-family:"Ubuntu",Arial,sans-serif;font-size:.53rem;line-height:1.35;margin-top:10px}.agent-os-info-panel .agent-os-sales-access .agent-os-sales-access-error{color:#ff9bc0;min-height:1em}.agent-os-info-panel .agent-os-sales-access-success{border-left:2px solid #55dca0;color:#a8e7c5;font-family:"UbuntuBold",Arial,sans-serif;font-size:.62rem;margin:12px 24px;padding-left:9px}
@media(max-width:600px){.agent-os-info-panel .agent-os-sales-access{margin-left:12px;margin-right:12px;padding:13px}.agent-os-info-panel .agent-os-sales-access form{align-items:stretch;flex-direction:column}.agent-os-info-panel .agent-os-sales-access input{min-width:0;width:100%}}

/* Project questions remain public; the protected sales path is an explicit next step. */
.agent-os-info-panel .agent-os-panel-settings-view:not(.is-open){display:none!important}
.agent-os-info-panel .agent-os-sales-access-cta{background:linear-gradient(115deg,rgba(209,11,104,.92),rgba(255,113,178,.74));border:1px solid rgba(255,190,220,.92);border-radius:8px;box-shadow:0 0 25px rgba(241,50,144,.38),inset 0 1px 0 rgba(255,255,255,.28);color:#fff;cursor:pointer;display:block;margin:14px 24px 20px;overflow:hidden;padding:13px 16px;text-align:left;width:calc(100% - 48px)}.agent-os-info-panel .agent-os-sales-access-cta span{display:block;font-family:"UbuntuBold",Arial,sans-serif;font-size:.5rem;letter-spacing:.1em;opacity:.86;text-transform:uppercase}.agent-os-info-panel .agent-os-sales-access-cta strong{align-items:center;display:flex;font-family:"UbuntuBold",Arial,sans-serif;font-size:.72rem;gap:9px;justify-content:space-between;line-height:1.25;margin-top:4px}.agent-os-info-panel .agent-os-sales-access-cta i{font-size:1rem;font-style:normal}.agent-os-info-panel .agent-os-sales-access-cta:hover,.agent-os-info-panel .agent-os-sales-access-cta:focus-visible{background:linear-gradient(115deg,#e51377,#ff6fb2);box-shadow:0 0 34px rgba(255,62,155,.58),inset 0 1px 0 rgba(255,255,255,.35);outline:0;transform:translateY(-1px)}.agent-os-info-panel .agent-os-panel-sales-request{align-items:center;background:rgba(2,16,45,.68);display:grid;inset:0;justify-items:center;padding:24px;position:absolute;z-index:80}.agent-os-info-panel .agent-os-panel-sales-request[hidden]{display:none!important}.agent-os-info-panel.is-sales-request-open>[data-agent-contact-background]{pointer-events:none;user-select:none}@media(max-width:600px){.agent-os-info-panel .agent-os-sales-access-cta{margin-left:12px;margin-right:12px;width:calc(100% - 24px)}.agent-os-info-panel .agent-os-panel-sales-request{padding:12px}}
.agent-os-info-panel .agent-os-panel-sales-access-banner{background:#07142f;border-top:1px solid rgba(255,133,191,.48);padding:8px 14px;position:relative;z-index:30}.agent-os-info-panel .agent-os-panel-sales-access-banner[hidden]{display:none!important}.agent-os-info-panel .agent-os-panel-sales-access-banner [data-agent-sales-access-open]{background:linear-gradient(115deg,#d10b68,#fa5ca5);border:1px solid rgba(255,205,229,.9);border-radius:6px;box-shadow:0 0 22px rgba(241,50,144,.35),inset 0 1px 0 rgba(255,255,255,.25);color:#fff;cursor:pointer;display:block;padding:9px 42px 9px 12px;text-align:left;width:100%}.agent-os-info-panel .agent-os-panel-sales-access-banner span{display:block;font-family:"UbuntuBold",Arial,sans-serif;font-size:.48rem;letter-spacing:.09em;opacity:.88;text-transform:uppercase}.agent-os-info-panel .agent-os-panel-sales-access-banner strong{align-items:center;display:flex;font-family:"UbuntuBold",Arial,sans-serif;font-size:.69rem;gap:8px;justify-content:space-between;line-height:1.25;margin-top:3px}.agent-os-info-panel .agent-os-panel-sales-access-banner i{font-size:.95rem;font-style:normal}.agent-os-info-panel .agent-os-panel-sales-access-banner [data-agent-sales-access-open]:hover,.agent-os-info-panel .agent-os-panel-sales-access-banner [data-agent-sales-access-open]:focus-visible{background:linear-gradient(115deg,#e51377,#ff79b8);box-shadow:0 0 28px rgba(255,62,155,.54),inset 0 1px 0 rgba(255,255,255,.35);outline:0}.agent-os-info-panel .agent-os-panel-sales-access-banner [data-agent-sales-access-close]{align-items:center;background:#0b1b3d;border:1px solid rgba(255,181,214,.6);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:1.15rem;height:25px;justify-content:center;line-height:1;padding:0;position:absolute;right:21px;top:17px;width:25px}.agent-os-info-panel .agent-os-panel-sales-access-banner [data-agent-sales-access-close]:hover,.agent-os-info-panel .agent-os-panel-sales-access-banner [data-agent-sales-access-close]:focus-visible{background:#d10b68;outline:0}.agent-os-info-panel .agent-os-panel-sales-access-banner.is-compact{background:transparent;border:0;left:13px;padding:0;position:absolute;top:10px;width:max-content;z-index:36}.agent-os-info-panel .agent-os-panel-sales-access-banner.is-compact [data-agent-sales-access-open]{background:linear-gradient(115deg,#9e145b,#e93892);border-color:rgba(255,202,229,.9);border-radius:99px;box-shadow:0 0 18px rgba(241,50,144,.3);padding:7px 11px;width:auto}.agent-os-info-panel .agent-os-panel-sales-access-banner.is-compact span{display:none}.agent-os-info-panel .agent-os-panel-sales-access-banner.is-compact strong{font-size:.57rem;margin:0}.agent-os-info-panel .agent-os-panel-sales-access-banner.is-compact i{display:none}.agent-os-info-panel .agent-os-panel-sales-access-banner.is-compact [data-agent-sales-access-close]{display:none}

/* Keep the sales invitation clear of the agent profile and directly above the composer. */
.agent-os-panel-chat>.agent-os-panel-sales-access-banner:not(.is-compact){bottom:76px;box-sizing:border-box;left:22px;position:absolute;right:22px;top:auto;width:auto}.agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-sales-access-banner:not(.is-compact){bottom:124px}.agent-os-panel-chat>.agent-os-panel-sales-access-banner.is-compact{bottom:80px;left:22px;top:auto}.agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-sales-access-banner.is-compact{bottom:128px}@media(max-width:600px){.agent-os-panel-chat>.agent-os-panel-sales-access-banner:not(.is-compact){bottom:69px;left:16px;right:16px}.agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-sales-access-banner:not(.is-compact){bottom:115px}.agent-os-panel-chat>.agent-os-panel-sales-access-banner.is-compact{bottom:73px;left:16px}.agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-sales-access-banner.is-compact{bottom:119px}}

/* Compact terminal shortcuts and shell-like prompt history. */
.agent-os-info-panel .agent-os-panel-composer{grid-template-rows:auto auto auto!important;height:260px!important;min-height:260px!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:268px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:314px!important}.agent-os-info-panel .agent-os-panel-composer-footer{align-items:center;border-top:0!important;display:flex!important;flex-wrap:wrap!important;gap:7px 12px!important;grid-column:1/-1!important;grid-row:3!important;padding-top:0!important}.agent-os-panel-command-shortcuts{align-items:center;border-bottom:1px solid rgba(176,222,237,.22);color:#79a9b8;display:flex;flex-wrap:wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.49rem;gap:5px 11px;grid-column:1/-1!important;grid-row:1!important;line-height:1.35;min-width:0;padding:0 0 7px}.agent-os-info-panel .agent-os-panel-composer textarea{grid-row:2!important}.agent-os-info-panel .agent-os-panel-composer>button[type="submit"],.agent-os-info-panel .agent-os-panel-composer>[data-agent-voice-input]{grid-row:2!important}.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-privacy{flex:0 0 100%!important;margin:0!important}.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-voice-status{display:none!important}.agent-os-info-panel .agent-os-panel-contact-open{margin-left:auto!important}.agent-os-panel-command-shortcuts>span:first-child{color:#63d9ee;font-family:"UbuntuBold",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}.agent-os-panel-command-shortcuts kbd{background:#102648;border:1px solid rgba(151,210,224,.38);border-radius:3px;color:#d8edf2;font:inherit;margin-right:2px;padding:1px 4px}.agent-os-info-panel.is-terminal-light .agent-os-panel-command-shortcuts{color:#527789}.agent-os-info-panel.is-terminal-light .agent-os-panel-command-shortcuts>span:first-child{color:#087ba0}.agent-os-info-panel.is-terminal-light .agent-os-panel-command-shortcuts kbd{background:#edf7f9;border-color:#a9d2dc;color:#163c50}
@media(max-width:600px){.agent-os-info-panel .agent-os-panel-composer{height:300px!important;min-height:300px!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:308px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:354px!important}.agent-os-panel-command-shortcuts{gap:4px 8px}.agent-os-panel-command-shortcuts>span:last-child{display:none}}

/* Prevent the command footer from overflowing the fixed agent panel. */
.agent-os-info-panel .agent-os-panel-composer{grid-template-rows:auto minmax(82px,1fr) auto!important;height:220px!important;min-height:220px!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:228px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:274px!important}.agent-os-info-panel .agent-os-panel-composer-footer{flex-wrap:nowrap!important}.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-privacy{flex:1 1 auto!important;min-width:0;white-space:nowrap}.agent-os-info-panel .agent-os-panel-contact-open{flex:0 0 auto!important;margin-left:auto!important}
@media(max-width:700px){.agent-os-info-panel .agent-os-panel-composer{height:286px!important;min-height:286px!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:294px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:340px!important}.agent-os-info-panel .agent-os-panel-composer-footer{flex-wrap:wrap!important}.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-privacy{flex:0 0 100%!important;white-space:normal}}

/* Fixed three-row command composer: shortcuts, prompt, then footer. */
.agent-os-info-panel .agent-os-panel-composer{gap:8px 12px!important;grid-template-columns:minmax(0,1fr) 82px 118px!important;grid-template-rows:44px 96px 36px!important;height:220px!important;min-height:220px!important;padding:10px 12px!important}.agent-os-info-panel .agent-os-panel-composer::before{color:#72d9ef!important;left:20px!important;top:72px!important}.agent-os-info-panel .agent-os-panel-composer textarea{align-self:stretch!important;grid-column:1!important;grid-row:2!important;height:96px!important;min-height:0!important;margin:0!important;padding-left:42px!important;resize:none!important}.agent-os-info-panel .agent-os-panel-composer>[data-agent-voice-input]{align-self:stretch!important;grid-column:2!important;grid-row:2!important;height:96px!important;min-height:0!important;width:auto!important}.agent-os-info-panel .agent-os-panel-composer>button[type="submit"]{align-self:stretch!important;grid-column:3!important;grid-row:2!important;height:96px!important;min-height:0!important}.agent-os-info-panel .agent-os-panel-composer-footer{align-items:center!important;grid-row:3!important;min-height:36px}.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-privacy{font-size:.5rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}.agent-os-info-panel .agent-os-panel-contact-open{height:30px!important;min-height:30px!important}

/* Compact command composer: must fit into a short browser viewport. */
.agent-os-info-panel .agent-os-panel-composer{gap:6px 8px!important;grid-template-columns:minmax(0,1fr) 64px 96px!important;grid-template-rows:30px 64px 26px!important;height:164px!important;min-height:164px!important;padding:8px 10px!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:172px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:218px!important}.agent-os-info-panel .agent-os-panel-composer::before{left:17px!important;top:51px!important}.agent-os-info-panel .agent-os-panel-composer textarea{height:64px!important;padding-left:34px!important}.agent-os-info-panel .agent-os-panel-composer>[data-agent-voice-input],.agent-os-info-panel .agent-os-panel-composer>button[type="submit"]{height:64px!important}.agent-os-panel-command-shortcuts{font-size:.45rem!important;gap:4px 9px!important;padding-bottom:4px!important}.agent-os-panel-command-shortcuts kbd{padding:1px 3px!important}.agent-os-info-panel .agent-os-panel-composer-footer{gap:8px!important;min-height:26px!important}.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-privacy{font-size:.43rem!important}.agent-os-info-panel .agent-os-panel-contact-open{font-size:.5rem!important;height:25px!important;min-height:25px!important;padding:0 10px!important}
@media(max-width:700px){.agent-os-info-panel .agent-os-panel-composer{grid-template-rows:30px 64px 50px!important;height:184px!important;min-height:184px!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:192px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:238px!important}}

/* Lift the compact terminal above the page footer; shortcuts live above its border. */
.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-command-shortcuts{bottom:177px;box-sizing:border-box;left:20px;position:absolute;right:20px;z-index:4}.agent-os-info-panel .agent-os-panel-composer{bottom:50px!important;grid-template-rows:64px 26px!important;height:116px!important;min-height:116px!important}.agent-os-info-panel .agent-os-panel-composer::before{left:17px!important;top:20px!important}.agent-os-info-panel .agent-os-panel-composer textarea,.agent-os-info-panel .agent-os-panel-composer>[data-agent-voice-input],.agent-os-info-panel .agent-os-panel-composer>button[type="submit"]{grid-row:1!important}.agent-os-info-panel .agent-os-panel-composer-footer{grid-row:2!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:174px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:220px!important}
@media(max-width:700px){.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-command-shortcuts{bottom:205px;left:14px;right:14px}.agent-os-info-panel .agent-os-panel-composer{bottom:50px!important;height:136px!important;min-height:136px!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:194px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:240px!important}}

/* Dock the compact composer and keep text-size controls in the command row. */
.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-command-shortcuts{bottom:136px!important}.agent-os-info-panel .agent-os-panel-composer{bottom:9px!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:133px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:179px!important}.agent-os-panel-command-shortcuts{font-size:.42rem!important;gap:4px 7px!important}.agent-os-panel-command-shortcuts .agent-os-panel-text-size{background:transparent!important;border:0!important;border-radius:0!important;gap:3px!important;margin-left:auto;order:10;padding:0!important;position:static!important}.agent-os-panel-command-shortcuts .agent-os-panel-text-size span{color:#8fc8d7!important;font-size:.42rem!important}.agent-os-panel-command-shortcuts .agent-os-panel-text-size button{font-size:.48rem!important;min-height:21px!important;padding:1px 4px!important}
@media(max-width:700px){.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-command-shortcuts{bottom:158px!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:155px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:201px!important}.agent-os-panel-command-shortcuts .agent-os-panel-text-size span{display:none}}

/* One compact footer: privacy and contact first, keyboard functions below. */
.agent-os-info-panel .agent-os-panel-sales-access-banner{display:none!important}.agent-os-info-panel .agent-os-panel-composer{bottom:9px!important;grid-template-rows:64px 58px!important;height:142px!important;min-height:142px!important}.agent-os-info-panel .agent-os-panel-composer-footer{align-content:center!important;flex-wrap:wrap!important;grid-row:2!important;min-height:58px!important}.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-privacy{flex:1 1 auto!important;font-size:.58rem!important;line-height:1.3!important}.agent-os-panel-command-shortcuts{border-bottom:0!important;border-top:1px solid rgba(176,222,237,.22);flex:0 0 100%!important;margin-top:1px;padding:5px 0 0!important;position:static!important}.agent-os-panel-command-shortcuts .agent-os-panel-text-size{margin-left:auto}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:150px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:196px!important}
.agent-os-info-panel .agent-os-panel-sales-access-banner{display:none!important}.agent-os-info-panel .agent-os-panel-composer{bottom:9px!important;grid-template-rows:64px 58px!important;height:142px!important;min-height:142px!important}.agent-os-info-panel .agent-os-panel-composer-footer{align-content:center!important;flex-wrap:wrap!important;grid-row:2!important;min-height:58px!important}.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-privacy{flex:1 1 auto!important;font-size:.58rem!important;line-height:1.3!important}.agent-os-panel-command-shortcuts{border-bottom:0!important;border-top:1px solid rgba(176,222,237,.22);flex:0 0 100%!important;margin-top:1px;padding:5px 0 0!important;position:static!important}.agent-os-info-panel .agent-os-panel-text-size{background:#07142f!important;border:1px solid rgba(176,222,237,.24)!important;border-bottom:0!important;border-radius:7px 7px 0 0!important;display:flex!important;gap:3px!important;margin:0!important;padding:3px 5px!important;position:absolute!important;right:12px!important;top:-27px!important;z-index:5!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:150px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:196px!important}
.agent-os-info-panel .agent-os-panel-sales-access-banner{display:none!important}.agent-os-info-panel .agent-os-panel-composer{bottom:9px!important;grid-template-rows:64px 58px!important;height:142px!important;min-height:142px!important}.agent-os-info-panel .agent-os-panel-composer-footer{align-content:center!important;flex-wrap:wrap!important;grid-row:2!important;min-height:58px!important}.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-privacy{flex:1 1 auto!important;font-size:.58rem!important;line-height:1.3!important}.agent-os-panel-command-shortcuts{border-bottom:0!important;border-top:1px solid rgba(176,222,237,.22);flex:0 0 100%!important;margin-top:1px;padding:5px 0 0!important;position:static!important}.agent-os-info-panel .agent-os-panel-text-size{background:#07142f!important;border:1px solid rgba(176,222,237,.24)!important;border-bottom:0!important;border-radius:7px 7px 0 0!important;display:flex!important;gap:3px!important;margin:0!important;padding:3px 5px!important;position:absolute!important;right:12px!important;top:-27px!important;z-index:5!important}.agent-os-info-panel .agent-os-panel-composer-reset{align-items:center!important;background:#07142f!important;border:1px solid rgba(176,222,237,.24)!important;border-bottom:0!important;border-radius:7px 7px 0 0!important;color:#8fc8d7!important;cursor:pointer!important;display:inline-flex!important;font-family:"UbuntuBold",Arial,sans-serif!important;font-size:.48rem!important;gap:3px!important;height:27px!important;left:12px!important;margin:0!important;padding:3px 7px!important;position:absolute!important;top:-27px!important;z-index:5!important}.agent-os-info-panel .agent-os-panel-composer-reset:hover,.agent-os-info-panel .agent-os-panel-composer-reset:focus-visible{background:#15426e!important;border-color:#b6eff8!important;color:#e3faff!important;outline:0!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:150px!important}.agent-os-info-panel .agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:196px!important}
@media(max-width:700px){.agent-os-info-panel .agent-os-panel-composer{height:168px!important;min-height:168px!important}.agent-os-info-panel .agent-os-panel-composer-footer{min-height:84px!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:176px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:222px!important}}

/* fLUMINA send action. */
.agent-os-info-panel .agent-os-panel-composer>button[type="submit"]{background:#d10b68!important;border-color:#ff80b7!important;color:#fff!important;transition:background .18s ease,box-shadow .18s ease,transform .18s ease!important}.agent-os-info-panel .agent-os-panel-composer>button[type="submit"]:hover,.agent-os-info-panel .agent-os-panel-composer>button[type="submit"]:focus-visible{background:#f02b88!important;border-color:#ffd0e3!important;box-shadow:0 0 0 3px rgba(209,11,104,.22),0 8px 18px rgba(209,11,104,.28)!important;outline:0!important;transform:translateY(-1px)}.agent-os-info-panel .agent-os-panel-composer>button[type="submit"]:disabled{background:#6d274b!important;border-color:#8f5573!important;box-shadow:none!important;cursor:wait!important;transform:none}

/* Composer layout: one input row, then one compact local-dialog footer. */
.agent-os-info-panel .agent-os-panel-composer{align-content:stretch!important;display:grid!important;gap:8px 12px!important;grid-template-columns:minmax(0,1fr) 64px 118px!important;grid-template-rows:72px 62px!important;height:160px!important;min-height:160px!important;padding:9px 12px!important}.agent-os-info-panel .agent-os-panel-composer::before{left:22px!important;top:30px!important}.agent-os-info-panel .agent-os-panel-composer textarea{align-self:stretch!important;box-sizing:border-box!important;grid-column:1!important;grid-row:1!important;height:72px!important;min-height:72px!important;margin:0!important;padding-left:42px!important;resize:none!important}.agent-os-info-panel .agent-os-panel-composer>[data-agent-voice-input]{align-self:stretch!important;grid-column:2!important;grid-row:1!important;height:72px!important;min-height:72px!important;width:auto!important}.agent-os-info-panel .agent-os-panel-composer>button[type="submit"]{align-self:stretch!important;grid-column:3!important;grid-row:1!important;height:72px!important;min-height:72px!important}.agent-os-info-panel .agent-os-panel-composer-footer{align-content:center!important;align-items:center!important;display:grid!important;gap:5px 12px!important;grid-column:1/-1!important;grid-row:2!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;min-height:62px!important;padding:0!important}.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-privacy{grid-column:1!important;grid-row:1!important;line-height:1.28!important;margin:0!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.agent-os-info-panel .agent-os-panel-contact-open{grid-column:2!important;grid-row:1!important;margin:0!important}.agent-os-panel-command-shortcuts{align-items:center!important;border-bottom:0!important;border-top:1px solid rgba(176,222,237,.22)!important;display:flex!important;flex:0 0 auto!important;flex-wrap:wrap!important;grid-column:1/-1!important;grid-row:2!important;margin:0!important;min-width:0!important;padding:5px 0 0!important;position:static!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:168px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:214px!important}@media(max-width:700px){.agent-os-info-panel .agent-os-panel-composer{grid-template-rows:72px 84px!important;height:182px!important;min-height:182px!important}.agent-os-info-panel .agent-os-panel-composer-footer{min-height:84px!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:190px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:236px!important}}

/* Start with an intent, without limiting free-form questions. */
.agent-os-info-panel .agent-os-panel-dialog-start{background:linear-gradient(135deg,rgba(15,50,88,.98),rgba(7,20,47,.98));border:1px solid rgba(126,215,238,.38);border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.18);left:18px;padding:13px 14px;position:absolute;right:18px;top:46px;z-index:8}.agent-os-info-panel .agent-os-panel-dialog-start[hidden]{display:none!important}.agent-os-info-panel .agent-os-panel-dialog-start p{color:#e0f8fc;font-family:"UbuntuBold",Arial,sans-serif;font-size:.68rem;margin:0 0 9px}.agent-os-info-panel .agent-os-panel-dialog-start>div{display:flex;flex-wrap:wrap;gap:7px}.agent-os-info-panel .agent-os-panel-dialog-start button{background:rgba(176,222,237,.08);border:1px solid rgba(126,215,238,.42);border-radius:99px;color:#c7edf4;cursor:pointer;font-family:"UbuntuBold",Arial,sans-serif;font-size:.54rem;padding:7px 10px}.agent-os-info-panel .agent-os-panel-dialog-start button:hover,.agent-os-info-panel .agent-os-panel-dialog-start button:focus-visible{background:#d10b68;border-color:#ff9bc7;color:#fff;outline:0}.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-demo]{border-color:#ff75b2;color:#ffb4d4}.agent-os-info-panel .agent-os-panel-dialog-start small{color:#8fb6c5;display:block;font-size:.5rem;margin-top:9px}@media(max-width:700px){.agent-os-info-panel .agent-os-panel-dialog-start{left:12px;right:12px;top:42px}.agent-os-info-panel .agent-os-panel-dialog-start button{font-size:.5rem;padding:6px 8px}}
.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-options] button:not(.agent-os-panel-start-back){border-radius:8px;flex:1 1 calc(50% - 7px);min-width:220px;text-align:left}.agent-os-info-panel .agent-os-panel-dialog-start .agent-os-panel-start-back{background:transparent;border-color:transparent;color:#8fc8d7;flex:0 0 100%;padding:0;text-align:left}.agent-os-info-panel .agent-os-panel-dialog-start .agent-os-panel-start-back:hover,.agent-os-info-panel .agent-os-panel-dialog-start .agent-os-panel-start-back:focus-visible{background:transparent;border-color:transparent;color:#fff;text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-options] button:not(.agent-os-panel-start-back){flex-basis:100%;min-width:0}}

/* Reading-first scale for the initial choice and the conversation. */
.agent-os-info-panel .agent-os-panel-dialog-start{border-radius:14px!important;padding:19px 20px!important}.agent-os-info-panel .agent-os-panel-dialog-start p{font-size:.9rem!important;margin-bottom:14px!important}.agent-os-info-panel .agent-os-panel-dialog-start>div{gap:10px!important}.agent-os-info-panel .agent-os-panel-dialog-start button{font-size:.7rem!important;padding:10px 14px!important}.agent-os-info-panel .agent-os-panel-dialog-start small{font-size:.64rem!important;margin-top:13px!important}.agent-os-info-panel .agent-os-panel-message{font-size:calc(.74rem * var(--agent-chat-text-scale))!important;line-height:1.48!important}.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-options] button:not(.agent-os-panel-start-back){min-width:250px}@media(max-width:700px){.agent-os-info-panel .agent-os-panel-dialog-start{padding:15px 16px!important}.agent-os-info-panel .agent-os-panel-dialog-start p{font-size:.78rem!important}.agent-os-info-panel .agent-os-panel-dialog-start button{font-size:.62rem!important;padding:8px 11px!important}.agent-os-info-panel .agent-os-panel-dialog-start small{font-size:.57rem!important}}
.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-topics] button{background:rgba(209,11,104,.18)!important;border-color:#ff75b2!important;color:#ffd0e3!important}.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-topics] button:hover,.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-topics] button:focus-visible{background:#d10b68!important;border-color:#ffd0e3!important;color:#fff!important;box-shadow:0 5px 14px rgba(209,11,104,.28)!important}
.agent-os-info-panel .agent-os-panel-dialog-start{padding-right:58px!important}.agent-os-info-panel .agent-os-panel-dialog-start .agent-os-panel-start-close{align-items:center;background:transparent!important;border:0!important;color:#b8dce7!important;display:flex;font-family:Arial,sans-serif!important;font-size:1.45rem!important;font-weight:400!important;height:34px;justify-content:center;padding:0!important;position:absolute;right:14px;top:13px;width:34px}.agent-os-info-panel .agent-os-panel-dialog-start .agent-os-panel-start-close:hover,.agent-os-info-panel .agent-os-panel-dialog-start .agent-os-panel-start-close:focus-visible{background:rgba(255,255,255,.1)!important;border-radius:50%;color:#fff!important;box-shadow:none!important}
.agent-os-info-panel .agent-os-panel-composer-close{display:none!important}
.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-privacy,.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-contact-open{transform:none!important}
.agent-os-info-panel .agent-os-panel-topics-open{align-items:center!important;background:#07142f!important;border:1px solid rgba(176,222,237,.24)!important;border-bottom:0!important;border-radius:7px 7px 0 0!important;color:#ffb4d4!important;cursor:pointer!important;display:inline-flex!important;font-family:"UbuntuBold",Arial,sans-serif!important;font-size:.48rem!important;height:27px!important;left:112px!important;margin:0!important;padding:3px 8px!important;position:absolute!important;top:-27px!important;z-index:5!important}.agent-os-info-panel .agent-os-panel-topics-open:hover,.agent-os-info-panel .agent-os-panel-topics-open:focus-visible{background:#d10b68!important;border-color:#ff9bc7!important;color:#fff!important;outline:0!important}@media(max-width:700px){.agent-os-info-panel .agent-os-panel-topics-open{left:102px!important;font-size:.44rem!important;padding-left:6px!important;padding-right:6px!important}}

/* The topic chooser is deliberately high-contrast: each subject has a stable visual cue. */
.agent-os-info-panel .agent-os-panel-dialog-start{background:linear-gradient(135deg,#123d67 0%,#082346 58%,#061a39 100%)!important;border:2px solid #5cc8e5!important;box-shadow:0 18px 42px rgba(2,20,54,.38)!important}
.agent-os-info-panel .agent-os-panel-dialog-start{font-family:"Ubuntu",Arial,sans-serif!important}
.agent-os-info-panel .agent-os-panel-dialog-start p{color:#fff!important;font-family:"UbuntuBold","Ubuntu",Arial,sans-serif!important;font-size:1rem!important;letter-spacing:-.015em!important}
.agent-os-info-panel .agent-os-panel-dialog-start small{color:#c7eaf4!important;font-family:"Ubuntu",Arial,sans-serif!important;font-size:.68rem!important}
.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-topics]{gap:12px!important}
.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-topics] button{background:rgba(255,255,255,.1)!important;border:2px solid #7fcee4!important;color:#fff!important;font-family:"UbuntuBold","Ubuntu",Arial,sans-serif!important;font-size:.74rem!important;font-weight:700!important;letter-spacing:.005em!important;min-height:48px!important;padding:10px 16px!important;text-shadow:0 1px 1px rgba(0,0,0,.28)!important}
.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-topics] button:nth-child(1){background:rgba(52,193,205,.2)!important;border-color:#5ae0e9!important}.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-topics] button:nth-child(2){background:rgba(93,157,246,.2)!important;border-color:#8ac4ff!important}.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-topics] button:nth-child(3){background:rgba(163,109,230,.22)!important;border-color:#c79cff!important}.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-topics] button:nth-child(4){background:rgba(47,186,125,.2)!important;border-color:#78e6a8!important}.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-topics] button:nth-child(5){background:rgba(229,166,57,.22)!important;border-color:#ffd071!important}.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-topics] button:nth-child(6){background:rgba(237,111,86,.2)!important;border-color:#ffad96!important}.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-topics] button:nth-child(7){background:rgba(209,11,104,.24)!important;border-color:#ff83be!important}
.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-topics] button:hover,.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-topics] button:focus-visible{background:#fff!important;border-color:#fff!important;box-shadow:0 8px 22px rgba(131,218,242,.25)!important;color:#092957!important;text-shadow:none!important;transform:translateY(-2px)}
@media(max-width:700px){.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-topics] button{font-size:.66rem!important;min-height:44px!important}}
.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-options]{display:block!important;max-height:min(62vh,620px);overflow-y:auto;padding-right:4px}.agent-os-info-panel .agent-os-panel-dialog-start .agent-os-panel-start-back{display:block!important;margin:-3px 0 8px!important;position:relative;top:-2px}.agent-os-info-panel .agent-os-demo-context{color:#d7f4fa!important;display:block!important;font-family:"Ubuntu",Arial,sans-serif!important;font-size:.66rem!important;line-height:1.48!important;margin:0 0 13px!important}.agent-os-info-panel .agent-os-demo-context-more{background:transparent!important;border:0!important;border-bottom:1px solid #83deef!important;border-radius:0!important;color:#83deef!important;display:inline!important;font-family:"UbuntuBold","Ubuntu",Arial,sans-serif!important;font-size:inherit!important;margin:0!important;min-height:0!important;padding:0 0 1px!important}.agent-os-info-panel .agent-os-demo-context-more:hover,.agent-os-info-panel .agent-os-demo-context-more:focus-visible{background:transparent!important;border-color:#fff!important;color:#fff!important;box-shadow:none!important;transform:none!important}.agent-os-info-panel .agent-os-demo-context-detail{color:#d7f4fa}.agent-os-info-panel .agent-os-demo-search{background:rgba(255,255,255,.06);border:1px solid rgba(126,215,238,.62);border-radius:7px;box-sizing:border-box;color:#fff;font-family:"Ubuntu",Arial,sans-serif;font-size:.64rem;margin:0 0 8px;min-height:36px;padding:8px 10px;width:100%}.agent-os-info-panel .agent-os-demo-search::placeholder{color:#a9d5df}.agent-os-info-panel .agent-os-demo-search:focus{border-color:#83deef;box-shadow:0 0 0 2px rgba(131,222,239,.16);outline:0}.agent-os-info-panel .agent-os-demo-question-list{display:block}.agent-os-info-panel .agent-os-panel-dialog-start .agent-os-demo-question-list button{background:transparent!important;border:0!important;border-bottom:1px solid rgba(126,215,238,.3)!important;border-radius:0!important;color:#e6f9fc!important;display:block!important;font-family:"UbuntuBold","Ubuntu",Arial,sans-serif!important;font-size:.68rem!important;line-height:1.4!important;min-height:0!important;padding:10px 2px!important;text-align:left!important;width:100%!important}.agent-os-info-panel .agent-os-panel-dialog-start .agent-os-demo-question-list button:hover,.agent-os-info-panel .agent-os-panel-dialog-start .agent-os-demo-question-list button:focus-visible{background:rgba(126,215,238,.1)!important;border-color:#83deef!important;box-shadow:none!important;color:#fff!important;transform:none!important}.agent-os-info-panel .agent-os-demo-search-empty{color:#a9d5df!important;font-family:"Ubuntu",Arial,sans-serif!important;font-size:.62rem!important;margin:9px 0!important}@media(max-width:700px){.agent-os-info-panel .agent-os-panel-dialog-start [data-agent-start-options]{max-height:58vh}.agent-os-info-panel .agent-os-demo-context{font-size:.6rem!important}.agent-os-info-panel .agent-os-demo-search{font-size:.58rem;min-height:33px}.agent-os-info-panel .agent-os-panel-dialog-start .agent-os-demo-question-list button{font-size:.61rem!important;padding:9px 2px!important}}

/* The catalogue lives in the conversation stream; it is an opening, not a modal above the chat. */
.agent-os-info-panel .agent-os-panel-messages>.agent-os-panel-dialog-start{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;left:auto!important;margin:0 0 14px!important;padding:3px 2px 14px!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important;z-index:auto!important}.agent-os-info-panel .agent-os-panel-messages>.agent-os-panel-dialog-start .agent-os-panel-start-author{color:#39cb72!important;display:block!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:.58rem!important;font-weight:600!important;margin:0 0 5px!important}.agent-os-info-panel .agent-os-panel-messages>.agent-os-panel-dialog-start [data-agent-start-options]{max-height:none!important;overflow:visible!important}.agent-os-info-panel .agent-os-panel-messages>.agent-os-panel-dialog-start .agent-os-panel-start-close{display:none!important}.agent-os-info-panel .agent-os-panel-messages>.agent-os-panel-dialog-start p[data-agent-start-title]{padding-right:0!important}@media(max-width:700px){.agent-os-info-panel .agent-os-panel-messages>.agent-os-panel-dialog-start{margin-bottom:11px!important;padding-bottom:11px!important}}
.agent-os-info-panel.is-terminal-light .agent-os-panel-messages>.agent-os-panel-dialog-start{border-bottom-color:#9ed5e3!important}.agent-os-info-panel.is-terminal-light .agent-os-panel-messages>.agent-os-panel-dialog-start p[data-agent-start-title]{color:#092957!important;text-shadow:none!important}.agent-os-info-panel.is-terminal-light .agent-os-panel-messages>.agent-os-panel-dialog-start small{color:#3a7084!important}.agent-os-info-panel.is-terminal-light .agent-os-panel-messages>.agent-os-panel-dialog-start .agent-os-panel-start-close{color:#21627d!important}.agent-os-info-panel.is-terminal-light .agent-os-panel-messages>.agent-os-panel-dialog-start [data-agent-start-topics] button{box-shadow:none!important;color:#103b56!important;text-shadow:none!important}.agent-os-info-panel.is-terminal-light .agent-os-panel-messages>.agent-os-panel-dialog-start [data-agent-start-topics] button:hover,.agent-os-info-panel.is-terminal-light .agent-os-panel-messages>.agent-os-panel-dialog-start [data-agent-start-topics] button:focus-visible{background:#092957!important;border-color:#092957!important;color:#fff!important}.agent-os-info-panel.is-terminal-light .agent-os-demo-context{color:#244f68!important}.agent-os-info-panel.is-terminal-light .agent-os-demo-context-detail{color:#244f68!important}.agent-os-info-panel.is-terminal-light .agent-os-demo-context-more{border-color:#14718d!important;color:#14718d!important}.agent-os-info-panel.is-terminal-light .agent-os-demo-search{background:#fff!important;border-color:#79bdd0!important;color:#092957!important}.agent-os-info-panel.is-terminal-light .agent-os-demo-search::placeholder{color:#5b8293!important}.agent-os-info-panel.is-terminal-light .agent-os-panel-dialog-start .agent-os-demo-question-list button{border-color:#b4dbe5!important;color:#133b57!important}.agent-os-info-panel.is-terminal-light .agent-os-panel-dialog-start .agent-os-demo-question-list button:hover,.agent-os-info-panel.is-terminal-light .agent-os-panel-dialog-start .agent-os-demo-question-list button:focus-visible{background:#e6f6fa!important;border-color:#1b7898!important;color:#071b43!important}
.agent-os-info-panel.is-terminal-light .agent-os-panel-messages>.agent-os-panel-dialog-start .agent-os-panel-start-back{color:#176783!important;text-shadow:none!important}.agent-os-info-panel.is-terminal-light .agent-os-panel-messages>.agent-os-panel-dialog-start [data-agent-start-options]>button:not(.agent-os-panel-start-back){background:#fff!important;border-color:#76bfd3!important;color:#123c58!important;text-shadow:none!important}.agent-os-info-panel.is-terminal-light .agent-os-panel-messages>.agent-os-panel-dialog-start [data-agent-start-options]>button:not(.agent-os-panel-start-back):hover,.agent-os-info-panel.is-terminal-light .agent-os-panel-messages>.agent-os-panel-dialog-start [data-agent-start-options]>button:not(.agent-os-panel-start-back):focus-visible{background:#092957!important;border-color:#092957!important;color:#fff!important}

/* Lists inside an answer read like compact result tables, not widely spaced profile bullets. */
.agent-os-info-panel .agent-os-message-content>ul,.agent-os-info-panel .agent-os-message-content>ol{margin:5px 0 8px!important;padding-left:0!important}.agent-os-info-panel .agent-os-message-content>ul>li,.agent-os-info-panel .agent-os-message-content>ol>li{border-bottom:1px solid rgba(126,190,207,.45)!important;font-family:"Ubuntu",Arial,sans-serif!important;line-height:1.28!important;margin:0!important;padding:7px 0!important}.agent-os-info-panel .agent-os-message-content>ul>li::before{margin:0 10px 0 2px!important}.agent-os-info-panel .agent-os-message-content>ul>li:last-child,.agent-os-info-panel .agent-os-message-content>ol>li:last-child{border-bottom:0!important}@media(max-width:700px){.agent-os-info-panel .agent-os-message-content>ul>li,.agent-os-info-panel .agent-os-message-content>ol>li{padding:6px 0!important}}
.agent-os-info-panel .agent-os-follow-up-prompts{border-top:1px solid rgba(126,215,238,.28);display:block;margin:11px 0 5px;padding-top:9px}.agent-os-info-panel .agent-os-follow-up-prompts>span{color:#8fc8d7;display:block;font-family:"Ubuntu",Arial,sans-serif;font-size:.58rem;margin-bottom:4px}.agent-os-info-panel .agent-os-follow-up-prompts button,.agent-os-info-panel .agent-os-follow-up-prompts>a{background:transparent!important;border:0!important;color:#dff7fc;cursor:pointer;display:block;font-family:"Ubuntu",Arial,sans-serif;font-size:.69rem;line-height:1.34;padding:5px 0;text-align:left;text-decoration:none;width:100%}.agent-os-info-panel .agent-os-follow-up-prompts button::before,.agent-os-info-panel .agent-os-follow-up-prompts>a::before{color:#72d7e9;content:"→";font-family:"UbuntuBold",Arial,sans-serif;margin-right:8px}.agent-os-info-panel .agent-os-follow-up-prompts .agent-os-follow-up-links-title{margin-top:8px}.agent-os-info-panel .agent-os-follow-up-prompts button:hover,.agent-os-info-panel .agent-os-follow-up-prompts button:focus-visible,.agent-os-info-panel .agent-os-follow-up-prompts>a:hover,.agent-os-info-panel .agent-os-follow-up-prompts>a:focus-visible{color:#fff;outline:0;text-decoration:underline;text-decoration-color:#83deef;text-underline-offset:3px}.agent-os-info-panel.is-terminal-light .agent-os-follow-up-prompts{border-color:#b4dbe5}.agent-os-info-panel.is-terminal-light .agent-os-follow-up-prompts>span{color:#47758a}.agent-os-info-panel.is-terminal-light .agent-os-follow-up-prompts button,.agent-os-info-panel.is-terminal-light .agent-os-follow-up-prompts>a{color:#17455f}.agent-os-info-panel.is-terminal-light .agent-os-follow-up-prompts button::before,.agent-os-info-panel.is-terminal-light .agent-os-follow-up-prompts>a::before{color:#14718d}.agent-os-info-panel.is-terminal-light .agent-os-follow-up-prompts button:hover,.agent-os-info-panel.is-terminal-light .agent-os-follow-up-prompts button:focus-visible,.agent-os-info-panel.is-terminal-light .agent-os-follow-up-prompts>a:hover,.agent-os-info-panel.is-terminal-light .agent-os-follow-up-prompts>a:focus-visible{color:#092957;text-decoration-color:#14718d}@media(max-width:700px){.agent-os-info-panel .agent-os-follow-up-prompts button,.agent-os-info-panel .agent-os-follow-up-prompts>a{font-size:.64rem;padding:5px 0}}
.agent-os-info-panel .agent-os-welcome-prompts{border-top:1px solid rgba(126,215,238,.28);display:block;margin-top:14px;padding-top:10px}.agent-os-info-panel .agent-os-welcome-prompts>span{color:#8fc8d7;display:block;font-family:"UbuntuBold","Ubuntu",Arial,sans-serif;font-size:.58rem;margin-bottom:5px;text-transform:uppercase}.agent-os-info-panel .agent-os-welcome-prompts button{background:transparent;border:0;color:#dff7fc;cursor:pointer;display:block;font-family:"Ubuntu",Arial,sans-serif;font-size:.69rem;line-height:1.35;padding:5px 0;text-align:left;width:100%}.agent-os-info-panel .agent-os-welcome-prompts button::before{color:#72d7e9;content:"→";font-family:"UbuntuBold",Arial,sans-serif;margin-right:8px}.agent-os-info-panel .agent-os-welcome-prompts button:hover,.agent-os-info-panel .agent-os-welcome-prompts button:focus-visible{color:#fff;outline:0;text-decoration:underline;text-decoration-color:#83deef;text-underline-offset:3px}.agent-os-info-panel.is-terminal-light .agent-os-welcome-prompts{border-color:#b4dbe5}.agent-os-info-panel.is-terminal-light .agent-os-welcome-prompts>span{color:#47758a}.agent-os-info-panel.is-terminal-light .agent-os-welcome-prompts button{color:#17455f}.agent-os-info-panel.is-terminal-light .agent-os-welcome-prompts button::before{color:#14718d}@media(max-width:700px){.agent-os-info-panel .agent-os-welcome-prompts button{font-size:.64rem}}

/* Demo data are part of the answer stream, not a card inside it. */
.agent-os-info-panel .agent-os-demo-result{background:transparent!important;border:0!important;border-bottom:1px solid rgba(126,215,238,.35)!important;border-radius:0!important;box-shadow:none!important;margin:12px 0 10px!important;overflow:visible!important}.agent-os-info-panel .agent-os-demo-result>header{align-items:flex-start!important;background:transparent!important;display:grid!important;gap:3px 12px!important;grid-template-columns:minmax(0,1fr) auto!important;padding:0 0 8px!important}.agent-os-info-panel .agent-os-demo-result>header span{color:#72d7e9!important;font-size:.53rem!important}.agent-os-info-panel .agent-os-demo-result>header strong{color:#fff!important;font-size:.76rem!important;margin:0!important}.agent-os-info-panel .agent-os-demo-result>header small{color:#b7d5df!important;font-family:"Ubuntu",Arial,sans-serif!important;font-size:.57rem!important;grid-column:1/-1!important;margin:0!important}.agent-os-info-panel .agent-os-demo-result .agent-os-demo-switch{grid-column:2!important;grid-row:1/3!important}.agent-os-info-panel .agent-os-demo-result .agent-os-demo-switch button{background:transparent!important;border:1px solid rgba(255,132,190,.7)!important;color:#ffb4d4!important;font-size:.53rem!important;padding:5px 8px!important}.agent-os-info-panel .agent-os-demo-table{border-top:1px solid rgba(126,215,238,.3);overflow-x:auto!important}.agent-os-info-panel .agent-os-demo-table table{font-family:"Ubuntu",Arial,sans-serif!important;font-size:.65rem!important}.agent-os-info-panel .agent-os-demo-table th,.agent-os-info-panel .agent-os-demo-table td{background:transparent!important;border-bottom:1px solid rgba(126,215,238,.26)!important;padding:8px 10px!important}.agent-os-info-panel .agent-os-demo-table th{color:#dff7fc!important;font-family:"UbuntuBold",Arial,sans-serif!important}.agent-os-info-panel .agent-os-demo-table td{color:#d9eef4!important}.agent-os-info-panel .agent-os-demo-result>footer{display:block!important;padding:7px 0 9px!important}.agent-os-info-panel .agent-os-demo-result>footer button{background:transparent!important;border:0!important;border-radius:0!important;color:#ffb4d4!important;display:block!important;font-family:"Ubuntu",Arial,sans-serif!important;font-size:.6rem!important;padding:4px 0!important;text-align:left!important}.agent-os-info-panel .agent-os-demo-result>footer button::before{content:"→";margin-right:7px}.agent-os-info-panel .agent-os-demo-result>footer button:hover,.agent-os-info-panel .agent-os-demo-result>footer button:focus-visible{color:#fff!important;outline:0!important;text-decoration:underline;text-underline-offset:3px}.agent-os-info-panel.is-terminal-light .agent-os-demo-result{border-bottom-color:#9ed5e3!important}.agent-os-info-panel.is-terminal-light .agent-os-demo-result>header span{color:#176f91!important}.agent-os-info-panel.is-terminal-light .agent-os-demo-result>header strong{color:#092957!important}.agent-os-info-panel.is-terminal-light .agent-os-demo-result>header small{color:#47758a!important}.agent-os-info-panel.is-terminal-light .agent-os-demo-table{border-top-color:#b4dbe5!important}.agent-os-info-panel.is-terminal-light .agent-os-demo-table th{color:#092957!important}.agent-os-info-panel.is-terminal-light .agent-os-demo-table td{color:#244f68!important}.agent-os-info-panel.is-terminal-light .agent-os-demo-result>footer button{color:#bf1764!important}@media(max-width:700px){.agent-os-info-panel .agent-os-demo-table table{font-size:.61rem!important}.agent-os-info-panel .agent-os-demo-table th,.agent-os-info-panel .agent-os-demo-table td{padding:7px 8px!important}}
.agent-os-info-panel .agent-os-demo-metric{border-left:4px solid #ff5aa5;margin:5px 0 10px;padding:5px 0 6px 13px}.agent-os-info-panel .agent-os-demo-metric span{color:#b9dce5;display:block;font-family:"Ubuntu",Arial,sans-serif;font-size:.62rem}.agent-os-info-panel .agent-os-demo-metric strong{color:#ff7fba;display:block;font-family:"UbuntuBold",Arial,sans-serif;font-size:2.35rem;letter-spacing:-.035em;line-height:1.02;margin-top:2px}.agent-os-info-panel.is-terminal-light .agent-os-demo-metric{border-left-color:#d10b68}.agent-os-info-panel.is-terminal-light .agent-os-demo-metric span{color:#47758a}.agent-os-info-panel.is-terminal-light .agent-os-demo-metric strong{color:#c80965}@media(max-width:700px){.agent-os-info-panel .agent-os-demo-metric strong{font-size:2rem}}
.agent-os-info-panel .agent-os-panel-composer>button[type="submit"].is-start-prompt-ready{animation:agent-send-ready-pulse .7s ease-in-out 2;box-shadow:0 0 0 0 rgba(255,150,204,.78)!important}@keyframes agent-send-ready-pulse{50%{box-shadow:0 0 0 8px rgba(255,150,204,0),0 0 24px rgba(255,112,181,.72)!important;transform:translateY(-1px) scale(1.035)}}@media(prefers-reduced-motion:reduce){.agent-os-info-panel .agent-os-panel-composer>button[type="submit"].is-start-prompt-ready{animation:none}}

.agent-os-info-panel .agent-os-panel-composer-close{align-items:center!important;background:#07142f!important;border:1px solid rgba(176,222,237,.24)!important;border-bottom:0!important;border-radius:7px 7px 0 0!important;color:#c8e7ef!important;cursor:pointer!important;display:inline-flex!important;font-family:"UbuntuBold",Arial,sans-serif!important;font-size:.46rem!important;height:27px!important;margin:0!important;padding:3px 8px!important;position:absolute!important;right:145px!important;top:-27px!important;z-index:5!important}.agent-os-info-panel .agent-os-panel-composer-close:hover,.agent-os-info-panel .agent-os-panel-composer-close:focus-visible{background:#d10b68!important;border-color:#ff9bc7!important;color:#fff!important;outline:0!important}@media(max-width:700px){.agent-os-info-panel .agent-os-panel-composer-close{font-size:.42rem!important;right:130px!important}}
.agent-os-panel-launcher{bottom:28px!important;position:fixed!important;right:28px!important;z-index:200002!important}.agent-os-info-panel.is-open .agent-os-panel-composer{right:98px!important}@media(max-width:700px){.agent-os-panel-launcher{bottom:18px!important;right:18px!important}.agent-os-info-panel.is-open .agent-os-panel-composer{right:82px!important}}
.agent-os-panel-launcher,.agent-os-panel-launcher[hidden]{bottom:max(24px,env(safe-area-inset-bottom))!important;display:flex!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;right:24px!important;visibility:visible!important;z-index:2147483647!important}@media(max-width:700px){.agent-os-panel-launcher,.agent-os-panel-launcher[hidden]{bottom:max(18px,env(safe-area-inset-bottom))!important;right:18px!important}}
.agent-os-info-panel.is-open~.agent-os-panel-launcher{display:none!important}
.agent-os-info-panel.is-open .agent-os-panel-composer{right:9px!important}
.agent-os-info-panel .agent-os-panel-chat{border:2px solid #72cfe5!important;border-radius:16px!important;box-shadow:0 0 0 5px rgba(114,207,229,.1),0 16px 38px rgba(1,16,47,.18)!important;overflow:hidden!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-profile-summary{background:#0a2046!important;border-bottom:1px solid rgba(126,215,238,.36)!important;color:#e0f8fc!important;padding:5px 10px!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-profile-summary .agent-os-panel-profile-meta>span,.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-profile-summary .agent-os-panel-profile-meta button{color:#c4edf5!important;opacity:1!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-profile-summary .agent-os-panel-profile-meta .agent-os-panel-session-state{color:#72e6a7!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-profile-summary .agent-os-panel-profile-meta button:hover{color:#ff9bc7!important}
.agent-os-info-panel .agent-os-panel-settings-view .agent-os-panel-current{background:#09204b!important;border-left:4px solid #72cfe5;border-radius:0!important;box-shadow:none!important}.agent-os-info-panel .agent-os-panel-settings-view .agent-os-panel-knowledge{border-top:1px solid #c7dfe6!important;margin-top:16px!important;padding-top:14px!important}.agent-os-info-panel .agent-os-panel-settings-view .agent-os-panel-knowledge ul{display:block!important;margin-top:7px!important}.agent-os-info-panel .agent-os-panel-settings-view .agent-os-panel-knowledge li{background:transparent!important;border:0!important;border-bottom:1px solid #c7dfe6!important;border-radius:0!important;margin:0!important;padding:0!important}.agent-os-info-panel .agent-os-panel-settings-view .agent-os-panel-knowledge a{color:#0b5674!important;font-family:"UbuntuBold",Arial,sans-serif!important;font-size:.71rem!important;min-height:0!important;padding:10px 2px!important;text-decoration:underline!important;text-decoration-color:#86c9d9!important;text-decoration-thickness:1px;text-underline-offset:3px}.agent-os-info-panel .agent-os-panel-settings-view .agent-os-panel-knowledge a::before{content:"→"!important}.agent-os-info-panel .agent-os-panel-settings-view .agent-os-panel-knowledge a:hover,.agent-os-info-panel .agent-os-panel-settings-view .agent-os-panel-knowledge a:focus-visible{background:transparent!important;color:#d10b68!important;text-decoration-color:#d10b68!important}.agent-os-info-panel .agent-os-panel-settings-view .agent-os-panel-capabilities li{border-radius:0!important}

/* Structured Werk-7878 demo results returned by the local Website Agent bridge. */
.agent-os-demo-result{background:#081a3d;border:1px solid rgba(126,211,231,.42);border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.2);margin:13px 0 5px;overflow:hidden}.agent-os-demo-result>header{align-items:center;background:linear-gradient(120deg,rgba(20,66,103,.94),rgba(10,31,67,.98));display:flex;gap:14px;justify-content:space-between;padding:12px 14px}.agent-os-demo-result>header span{color:#ff72b2;display:block;font-family:"UbuntuBold";font-size:.5rem;letter-spacing:.1em;text-transform:uppercase}.agent-os-demo-result>header strong{color:#fff;display:block;font-family:"UbuntuBold";font-size:.72rem;margin-top:3px}.agent-os-demo-result>header small{color:#acd8e3;display:block;font-size:.52rem;margin-top:4px}.agent-os-demo-switch{display:flex;gap:5px}.agent-os-demo-switch button{background:#07142f;border:1px solid rgba(142,216,232,.35);border-radius:99px;color:#a9cdd8;cursor:pointer;font-family:"UbuntuBold";font-size:.51rem;padding:6px 9px}.agent-os-demo-switch button.is-active{background:#d10b68;border-color:#ff82ba;color:#fff}.agent-os-demo-graph{background:radial-gradient(circle at 50% 50%,rgba(61,146,179,.13),transparent 58%);padding:5px 8px}.agent-os-demo-graph svg{display:block;height:auto;max-height:390px;width:100%}.agent-os-demo-edge{stroke:#477ba0;stroke-width:1.7}.agent-os-demo-node circle{fill:#245981;stroke:#83d7e8;stroke-width:2}.agent-os-demo-node.is-supplier circle{fill:#72518f;stroke:#c5a5ea}.agent-os-demo-node.is-product circle{fill:#b20d61;stroke:#ff9bc7}.agent-os-demo-node text{fill:#dff5fa;font-family:"Ubuntu",Arial,sans-serif;font-size:11px}.agent-os-demo-table{max-width:100%;overflow-x:auto}.agent-os-demo-table table{border-collapse:collapse;font-size:.58rem;min-width:610px;width:100%}.agent-os-demo-table th,.agent-os-demo-table td{border-bottom:1px solid rgba(130,195,211,.18);padding:9px 10px;text-align:left;vertical-align:top}.agent-os-demo-table th{background:#102d55;color:#bce9f2;font-family:"UbuntuBold"}.agent-os-demo-table td{color:#d9e9ef}.agent-os-demo-result>footer{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px 12px}.agent-os-demo-result>footer button{background:rgba(209,11,104,.1);border:1px solid rgba(255,102,172,.42);border-radius:99px;color:#ff9fc9;cursor:pointer;font-family:"UbuntuBold";font-size:.51rem;padding:6px 9px}.agent-os-demo-result>footer button:hover,.agent-os-demo-result>footer button:focus-visible{background:#d10b68;color:#fff;outline:0}.agent-os-info-panel.is-terminal-light .agent-os-demo-result{background:#f7fcfd;border-color:#b6dce6}.agent-os-info-panel.is-terminal-light .agent-os-demo-graph{background:#edf8fa}.agent-os-info-panel.is-terminal-light .agent-os-demo-node text{fill:#163b53}.agent-os-info-panel.is-terminal-light .agent-os-demo-table td{color:#254c60}.agent-os-info-panel.is-terminal-light .agent-os-demo-table th{background:#dceff3;color:#09213d}
/* Public explanation and direct launchers for the verified Werk-7878 demo contracts. */
.agent-os-language-model{background:linear-gradient(160deg,#eef9fb 0%,#f8fcfd 52%,#e4f3f7 100%);color:#071b43;overflow:hidden;padding:108px 0;position:relative}.agent-os-language-model::before{background:radial-gradient(circle,rgba(209,11,104,.14),transparent 66%);content:"";height:420px;position:absolute;right:-160px;top:-190px;width:420px}.agent-os-language-model .agent-os-shell{position:relative;z-index:1}.agent-os-language-model-heading{align-items:end;display:grid;gap:52px;grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr)}.agent-os-language-model-heading h2{color:#071b43;font-size:clamp(3rem,5vw,5.45rem);line-height:.93;margin-top:12px;max-width:820px}.agent-os-language-model-heading h2 span{color:#276b85}.agent-os-language-model-heading>p{color:#416a7d;font-size:1.05rem;line-height:1.5;margin:0 0 8px;max-width:415px}.agent-os-language-model .agent-os-eyebrow{color:#c80965}.agent-os-language-model-flow{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:62px}.agent-os-language-model-flow article{background:rgba(255,255,255,.74);border:1px solid #c5e1e8;box-shadow:0 12px 32px rgba(15,65,89,.08);display:flex;flex-direction:column;min-width:0;padding:24px 21px}.agent-os-language-model-flow article:nth-of-type(3){background:linear-gradient(145deg,#0d3765,#09224b);border-color:#1a6088;color:#fff}.agent-os-language-model-flow article small{color:#c80965;font-family:"UbuntuBold",Arial,sans-serif;font-size:.57rem;letter-spacing:.1em;text-transform:uppercase}.agent-os-language-model-flow article:nth-of-type(3) small{color:#ff9bc7}.agent-os-language-model-flow article strong{color:#09224b;font-family:"UbuntuBold",Arial,sans-serif;font-size:1.02rem;line-height:1.15;margin-top:12px}.agent-os-language-model-flow article:nth-of-type(3) strong{color:#fff}.agent-os-language-model-flow article p{color:#496f80;font-size:.72rem;line-height:1.48;margin:12px 0 0}.agent-os-language-model-flow article:nth-of-type(3) p{color:#d4edf3}.agent-os-language-model-flow>i{display:none!important}.agent-os-language-model-boundary{align-items:start;border-bottom:1px solid #bddce4;border-top:1px solid #bddce4;display:grid;gap:20px;grid-template-columns:minmax(270px,.95fr) minmax(0,1.05fr);margin-top:25px;padding:19px 0}.agent-os-language-model-boundary strong{color:#123f63;font-family:"UbuntuBold",Arial,sans-serif;font-size:.7rem;letter-spacing:.055em;line-height:1.45;text-transform:uppercase}.agent-os-language-model-boundary p{color:#416a7d;font-size:.75rem;line-height:1.45;margin:0}.agent-os-demo-launch{align-items:center;background:linear-gradient(130deg,#09224b,#0d4673);border:1px solid #2c7192;box-shadow:0 20px 45px rgba(10,49,72,.18);color:#fff;display:grid;gap:38px;grid-template-columns:minmax(0,.9fr) minmax(450px,1.1fr);margin-top:44px;padding:31px 33px}.agent-os-demo-launch .agent-os-eyebrow{color:#ff9bc7;font-size:.62rem;margin-bottom:12px}.agent-os-demo-launch h3{font-family:"UbuntuBold",Arial,sans-serif;font-size:clamp(1.7rem,2.4vw,2.55rem);letter-spacing:-.035em;line-height:1;margin:0}.agent-os-demo-launch p:not(.agent-os-eyebrow){color:#d2edf3;font-size:.78rem;line-height:1.48;margin:14px 0 0;max-width:470px}.agent-os-demo-launch-actions{display:flex;flex-wrap:wrap;gap:10px}.agent-os-demo-launch-actions button{background:rgba(255,255,255,.08);border:1px solid rgba(171,225,235,.56);border-radius:999px;color:#fff;cursor:pointer;font-family:"UbuntuBold",Arial,sans-serif;font-size:.72rem;padding:12px 14px;text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}.agent-os-demo-launch-actions button span{color:#82e6c5;font-size:1rem;margin-left:8px}.agent-os-demo-launch-actions button:hover,.agent-os-demo-launch-actions button:focus-visible{background:#d10b68;border-color:#ffb0d3;outline:0;transform:translateY(-2px)}.agent-os-demo-launch-actions .agent-os-demo-launch-all{background:transparent;border-color:transparent;color:#aee4ef;flex-basis:100%;padding:7px 3px;text-decoration:underline;text-underline-offset:3px}.agent-os-demo-launch-actions .agent-os-demo-launch-all:hover,.agent-os-demo-launch-actions .agent-os-demo-launch-all:focus-visible{background:transparent;border-color:transparent;color:#fff;transform:none}
@media(max-width:900px){.agent-os-language-model-heading,.agent-os-demo-launch{grid-template-columns:1fr}.agent-os-language-model-flow{margin-top:42px}.agent-os-demo-launch{gap:26px}.agent-os-demo-launch-actions{max-width:650px}}
@media(max-width:700px){.agent-os-language-model{padding:70px 0}.agent-os-language-model-heading{gap:22px}.agent-os-language-model-heading>p{font-size:.94rem}.agent-os-language-model-flow{gap:0;grid-template-columns:1fr;margin-top:38px}.agent-os-language-model-flow article,.agent-os-language-model-flow article:nth-of-type(3),.agent-os-language-model-flow article:nth-of-type(4){grid-column:1}.agent-os-language-model-flow>i,.agent-os-language-model-flow>i:nth-of-type(3){background:linear-gradient(#7bbfd0,#d10b68);grid-column:1;height:24px;justify-self:center;width:1px}.agent-os-language-model-flow>i:nth-of-type(2){display:block}.agent-os-language-model-flow>i::after{bottom:0;right:-3px;top:auto;transform:rotate(45deg)}.agent-os-language-model-boundary{grid-template-columns:1fr;padding:17px 0}.agent-os-demo-launch{margin-top:32px;padding:25px 20px}.agent-os-demo-launch-actions{display:grid;grid-template-columns:1fr;width:100%}.agent-os-demo-launch-actions button{width:100%}}

/* Keep consent, privacy notice and keyboard hints in separate rows below the composer. */
.agent-os-info-panel .agent-os-panel-composer{grid-template-rows:72px 86px!important;height:184px!important;min-height:184px!important}
.agent-os-info-panel .agent-os-panel-composer-footer{align-content:center!important;display:grid!important;gap:4px 12px!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto!important;min-height:86px!important}
.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-privacy-copy{display:grid!important;gap:3px!important;grid-column:1!important;grid-row:1/3!important;min-width:0!important}
.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-privacy-copy>.agent-os-panel-privacy{grid-column:auto!important;grid-row:auto!important;margin:0!important;min-width:0!important;white-space:normal!important}
.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-contact-open{grid-column:2!important;grid-row:1/3!important}
.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-command-shortcuts{grid-column:1/-1!important;grid-row:3!important}
.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:192px!important}
.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:238px!important}
@media(max-width:700px){.agent-os-info-panel .agent-os-panel-composer{grid-template-rows:72px 108px!important;height:206px!important;min-height:206px!important}.agent-os-info-panel .agent-os-panel-composer-footer{min-height:108px!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:214px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:260px!important}.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-contact-open{align-self:start!important;grid-row:1!important}.agent-os-info-panel .agent-os-panel-composer-footer>small.agent-os-panel-privacy{grid-column:1/-1!important}.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-command-shortcuts{font-size:.43rem!important}}

/* Keep the composer footer inside the panel while returning vertical space to the conversation. */
.agent-os-info-panel .agent-os-panel-composer{grid-template-rows:64px 52px!important;height:136px!important;min-height:136px!important}
.agent-os-info-panel .agent-os-panel-composer textarea,.agent-os-info-panel .agent-os-panel-composer>[data-agent-voice-input],.agent-os-info-panel .agent-os-panel-composer>button[type="submit"]{height:64px!important;min-height:64px!important}
.agent-os-info-panel .agent-os-panel-composer::before{top:26px!important}
.agent-os-info-panel .agent-os-panel-composer-footer{align-content:start!important;gap:3px 10px!important;grid-template-rows:24px 23px!important;min-height:52px!important;padding-top:2px!important}
.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-privacy-copy{align-self:center!important;display:block!important;grid-column:1!important;grid-row:1!important}
.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-privacy-copy>.agent-os-panel-privacy{line-height:1.15!important;transform:translateY(-1px)!important}
.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-contact-open{align-self:center!important;grid-column:2!important;grid-row:1!important}
.agent-os-info-panel .agent-os-panel-composer-footer .agent-os-panel-command-shortcuts{grid-column:1/-1!important;grid-row:2!important;padding-top:3px!important}
.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:144px!important}
.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:190px!important}
@media(max-width:700px){.agent-os-info-panel .agent-os-panel-composer{grid-template-rows:64px 68px!important;height:152px!important;min-height:152px!important}.agent-os-info-panel .agent-os-panel-composer-footer{grid-template-rows:38px 25px!important;min-height:68px!important}.agent-os-info-panel .agent-os-panel-chat>.agent-os-panel-messages{bottom:160px!important}.agent-os-info-panel .agent-os-panel-chat:has(>.agent-os-panel-actions:not([hidden]))>.agent-os-panel-messages{bottom:206px!important}}