.about-page {
    --about-navy: #07101f;
    --about-navy-soft: #0d192b;
    --about-blue: #4778f5;
    --about-blue-bright: #78a2ff;
    --about-green: #39c99a;
    --about-line: rgba(125, 151, 187, .24);
    overflow-x: clip;
}

.about-main {
    overflow: clip;
}

.about-section {
    position: relative;
    padding: 112px 0;
    scroll-margin-top: var(--page-anchor-scroll-offset);
}

[data-about-reveal] {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .7s ease, transform .8s cubic-bezier(.16, 1, .3, 1);
}

[data-about-reveal].is-visible {
    opacity: 1;
    transform: none;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.proof-grid-background {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .032) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .032) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, black, transparent 94%);
    pointer-events: none;
}

.about-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--primary);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.about-eyebrow > span {
    width: 25px;
    height: 2px;
    display: block;
    background: currentColor;
}

/* Shared section headings */
.about-heading {
    max-width: 840px;
    margin-bottom: 57px;
}

.about-heading-split {
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .68fr);
    align-items: end;
    gap: 80px;
}

.about-heading h2 {
    margin-top: 14px;
    font-size: clamp(2.1rem, 4vw, 3.65rem);
    line-height: 1.08;
    letter-spacing: -.05em;
}

.about-heading > p,
.about-heading-split > p {
    color: var(--text-secondary);
    font-size: .93rem;
    line-height: 1.77;
}

/* Why KnowboundAI */
.why-section {
    background: var(--background);
}

.why-comparison {
    display: grid;
    grid-template-columns: minmax(0, .82fr) 84px minmax(0, 1.18fr);
    align-items: stretch;
}

.comparison-side {
    min-height: 475px;
    padding: 27px;
    border: 1px solid var(--border);
    border-radius: 20px;
}

.comparison-before {
    background: var(--surface-elevated);
}

.comparison-after {
    border-color: rgba(74, 119, 239, .25);
    background:
        radial-gradient(circle at 85% 10%, rgba(71, 120, 245, .08), transparent 26%),
        var(--surface);
    box-shadow: 0 22px 65px rgba(37, 68, 114, .09);
}

.comparison-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
    color: var(--text-muted);
    font-size: .61rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.comparison-label i {
    font-size: .8rem;
    font-style: normal;
}

.comparison-after .comparison-label {
    color: var(--primary);
}

.comparison-stack {
    display: grid;
    gap: 9px;
}

.comparison-stack > span {
    min-height: 78px;
    display: grid;
    grid-template-columns: 37px 1fr;
    align-items: center;
    gap: 9px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--surface);
}

.comparison-stack > span > i {
    grid-row: 1 / 3;
    color: var(--text-muted);
    font-size: .55rem;
    font-style: normal;
    font-weight: 700;
}

.comparison-stack b,
.comparison-stack small {
    grid-column: 2;
    display: block;
}

.comparison-stack b {
    font-size: .72rem;
}

.comparison-stack small {
    margin-top: 2px;
    color: var(--text-muted);
    font-size: .61rem;
}

.comparison-bridge {
    position: relative;
    display: grid;
    place-items: center;
}

.comparison-bridge span {
    position: relative;
    z-index: 2;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 5px solid var(--background);
    border-radius: 15px;
    background: linear-gradient(145deg, #386af0, #63b8ef);
    box-shadow: 0 10px 27px rgba(47, 98, 230, .26);
    color: #fff;
    font: 700 .75rem var(--font-heading);
}

.comparison-bridge i {
    position: absolute;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, var(--border), var(--primary), var(--border));
}

.knowbound-system {
    display: grid;
    gap: 13px;
}

.system-core {
    min-height: 82px;
    display: grid;
    grid-template-columns: 49px 1fr;
    align-items: center;
    gap: 13px;
    padding: 14px;
    border: 1px solid rgba(71, 120, 245, .22);
    border-radius: 13px;
    background: var(--soft-violet);
}

.system-core > span {
    width: 49px;
    height: 49px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(145deg, #386af0, #64b9ee);
    color: #fff;
    font: 700 .73rem var(--font-heading);
    box-shadow: 0 9px 22px rgba(47, 98, 230, .22);
}

.system-core small,
.system-core b {
    display: block;
}

.system-core small {
    color: var(--primary);
    font-size: .53rem;
    font-weight: 700;
    letter-spacing: .09em;
}

.system-core b {
    margin-top: 2px;
    font-size: .85rem;
}

.system-modules {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.system-modules > span {
    min-height: 91px;
    display: grid;
    grid-template-columns: 31px 1fr;
    align-items: center;
    gap: 9px;
    padding: 13px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--surface);
}

.system-modules > span > i {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: var(--surface-elevated);
    color: var(--primary);
    font-size: .5rem;
    font-style: normal;
    font-weight: 700;
}

.system-modules b,
.system-modules small {
    display: block;
}

.system-modules b {
    font-size: .68rem;
}

.system-modules small {
    margin-top: 3px;
    color: var(--text-muted);
    font-size: .54rem;
    line-height: 1.4;
}

.knowbound-system > p {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 12px 13px;
    border-radius: 9px;
    background: color-mix(in srgb, var(--success) 7%, var(--surface));
    color: var(--text-secondary);
    font-size: .6rem;
    line-height: 1.55;
}

.knowbound-system > p i {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    margin-top: 4px;
    border-radius: 50%;
    background: var(--success);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--success) 12%, transparent);
}

.management-outcomes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 32px;
    border-block: 1px solid var(--border);
}

.management-outcomes article {
    min-height: 137px;
    display: grid;
    grid-template-columns: 39px 1fr;
    align-items: center;
    gap: 10px;
    padding: 23px;
}

.management-outcomes article + article {
    border-left: 1px solid var(--border);
}

.management-outcomes article > span {
    color: var(--primary);
    font: 700 .57rem var(--font-heading);
}

.management-outcomes small {
    color: var(--text-muted);
    font-size: .53rem;
    font-weight: 700;
    letter-spacing: .1em;
}

.management-outcomes h3 {
    margin-top: 5px;
    font-size: .82rem;
    line-height: 1.47;
}

/* Product proof */
.proof-section {
    overflow: hidden;
    background: var(--about-navy);
    color: #fff;
}

.proof-grid-background {
    opacity: .78;
}

.proof-section .container {
    position: relative;
    z-index: 2;
}

.about-eyebrow-light {
    color: #8eaff7;
}

.proof-heading h2 {
    color: #f5f8fc;
}

.proof-heading > p {
    margin-top: 18px;
    color: #91a3ba;
}

.proof-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.proof-cards article {
    min-height: 385px;
    display: flex;
    flex-direction: column;
    padding: 22px;
    border: 1px solid rgba(132, 162, 202, .17);
    border-radius: 16px;
    background: rgba(255, 255, 255, .035);
}

.proof-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.proof-card-top span {
    color: #607796;
    font: 700 .55rem var(--font-heading);
}

.proof-card-top i {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(117, 157, 224, .2);
    border-radius: 10px;
    background: rgba(72, 119, 243, .09);
    color: #7ca3ff;
    font-style: normal;
}

.proof-cards article > small {
    color: #6f8fbd;
    font-size: .54rem;
    font-weight: 700;
    letter-spacing: .1em;
}

.proof-cards h3 {
    margin: 9px 0 13px;
    color: #edf3fb;
    font-size: 1.02rem;
    line-height: 1.38;
    letter-spacing: -.02em;
}

.proof-cards p {
    color: #8fa0b6;
    font-size: .69rem;
    line-height: 1.7;
}

.proof-cards article > div:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: auto;
    padding-top: 22px;
}

.proof-cards article > div:last-child span {
    padding: 4px 7px;
    border: 1px solid rgba(130, 159, 201, .16);
    border-radius: 6px;
    color: #8da5c3;
    font-size: .51rem;
}

.proof-note {
    display: grid;
    grid-template-columns: 31px minmax(0, 1fr) auto;
    align-items: center;
    gap: 15px;
    margin-top: 20px;
    padding: 16px 18px;
    border: 1px solid rgba(134, 164, 206, .15);
    border-radius: 12px;
    background: rgba(255, 255, 255, .025);
}

.proof-note > span {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(80, 127, 246, .12);
    color: #80a6ff;
    font: 700 .65rem var(--font-heading);
}

.proof-note p {
    color: #8699b0;
    font-size: .64rem;
    line-height: 1.58;
}

.proof-note p b {
    color: #c4d0df;
}

.proof-note a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #aec6f8;
    font-size: .62rem;
    font-weight: 700;
    white-space: nowrap;
}

.proof-note a i {
    font-style: normal;
}

/* Founder responsibility */
.responsibility-section {
    background: var(--surface);
}

.responsibility-layout {
    display: grid;
    grid-template-columns: minmax(380px, .85fr) minmax(0, 1.15fr);
    align-items: center;
    gap: 90px;
}

.responsibility-portrait {
    position: relative;
    padding: 32px 30px 45px 0;
}

.responsibility-portrait::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 38px;
    border: 1px solid var(--border);
    border-radius: 23px;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--primary) 5%, var(--surface)), var(--surface-elevated));
    content: "";
}

.portrait-frame {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 19px;
    background: var(--about-navy);
    box-shadow: 0 28px 70px rgba(35, 57, 91, .18);
}

.portrait-frame img {
    width: 100%;
    height: 505px;
    display: block;
    object-fit: cover;
    object-position: center 24%;
    filter: saturate(.88) contrast(1.03);
}

.portrait-frame::after {
    position: absolute;
    inset: 45% 0 0;
    background: linear-gradient(to bottom, transparent, rgba(4, 10, 20, .82));
    content: "";
    pointer-events: none;
}

.portrait-caption {
    position: absolute;
    z-index: 2;
    right: 20px;
    bottom: 18px;
    left: 20px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
}

.portrait-caption > span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #d8e2ee;
    font-size: .59rem;
}

.portrait-caption > span i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--about-green);
}

.portrait-caption > small {
    color: #fff;
    font-size: .68rem;
    font-weight: 700;
}

.portrait-fact {
    position: absolute;
    z-index: 3;
    min-width: 190px;
    display: grid;
    grid-template-columns: 48px 1fr;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: color-mix(in srgb, var(--surface) 94%, transparent);
    box-shadow: 0 16px 38px rgba(38, 58, 88, .14);
    backdrop-filter: blur(12px);
}

.portrait-fact > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: var(--soft-violet);
    color: var(--primary);
    font: 700 .7rem var(--font-heading);
}

.portrait-fact b,
.portrait-fact small {
    display: block;
}

.portrait-fact b {
    font-size: .65rem;
}

.portrait-fact small {
    color: var(--text-muted);
    font-size: .54rem;
}

.portrait-fact-one {
    top: 80px;
    right: -36px;
}

.portrait-fact-two {
    right: -50px;
    bottom: 82px;
}

.responsibility-copy h2 {
    max-width: 680px;
    margin: 16px 0 21px;
    font-size: clamp(2.1rem, 3.6vw, 3.35rem);
    line-height: 1.1;
    letter-spacing: -.05em;
}

.responsibility-lead {
    max-width: 690px;
    color: var(--text-secondary);
    font-size: .93rem;
    line-height: 1.78;
}

.responsibility-evidence {
    display: grid;
    margin-top: 31px;
    border-top: 1px solid var(--border);
}

.responsibility-evidence article {
    display: grid;
    grid-template-columns: 39px 1fr;
    gap: 8px;
    padding: 18px 0;
    border-bottom: 1px solid var(--border);
}

.responsibility-evidence article > span {
    padding-top: 3px;
    color: var(--primary);
    font: 700 .55rem var(--font-heading);
}

.responsibility-evidence h3 {
    margin-bottom: 5px;
    font-size: .79rem;
}

.responsibility-evidence p {
    color: var(--text-muted);
    font-size: .68rem;
    line-height: 1.65;
}

.responsibility-evidence p a {
    color: var(--about-blue, #4778f5);
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: opacity 0.2s ease;
}

.responsibility-evidence p a:hover {
    opacity: 0.85;
}

.responsibility-contact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 24px;
    padding: 16px;
    border-radius: 12px;
    background: var(--surface-elevated);
}

.responsibility-contact small,
.responsibility-contact b {
    display: block;
}

.responsibility-contact small {
    color: var(--text-muted);
    font-size: .5rem;
    font-weight: 700;
    letter-spacing: .1em;
}

.responsibility-contact b {
    margin-top: 3px;
    font-size: .67rem;
}

.responsibility-contact a {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--primary);
    font-size: .67rem;
    font-weight: 700;
}

.responsibility-contact a i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
}

.responsibility-contact a i .material-icons-outlined {
    font-size: 0.82rem;
}

/* Working model */
.working-section {
    border-block: 1px solid var(--border);
    background: linear-gradient(180deg, var(--surface-elevated), var(--background));
}

.working-track {
    display: grid;
    grid-template-columns: 1fr 35px 1fr 35px 1fr 35px 1fr;
    align-items: center;
}

.working-track > article {
    position: relative;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    padding: 22px;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: var(--surface);
    box-shadow: 0 14px 38px rgba(36, 58, 91, .055);
}

.working-track > article > span {
    position: absolute;
    top: 18px;
    right: 18px;
    color: var(--text-muted);
    font: 700 .54rem var(--font-heading);
}

.working-icon {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    margin-bottom: 35px;
    border-radius: 11px;
    background: var(--soft-violet);
    color: var(--primary);
    font: 700 .78rem var(--font-heading);
}

.working-icon .material-icons-outlined {
    font-size: 20px;
}

.working-track article > small {
    color: var(--primary);
    font-size: .52rem;
    font-weight: 700;
    letter-spacing: .1em;
}

.working-track h3 {
    margin: 8px 0 10px;
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: -.02em;
}

.working-track p {
    color: var(--text-muted);
    font-size: .66rem;
    line-height: 1.68;
}

.working-track article > b {
    margin-top: auto;
    padding-top: 20px;
    color: var(--text-secondary);
    font-size: .58rem;
}

.working-track > i {
    position: relative;
    z-index: 2;
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border: 5px solid var(--background);
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    font-size: .62rem;
    font-style: normal;
    transform: translateX(0);
}

/* Q&A carousel */
.questions-section {
    background: var(--background);
}

.questions-heading {
    max-width: 820px;
}

.questions-heading > p {
    margin-top: 17px;
}

.question-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.question-search {
    min-height: 50px;
    width: min(455px, 100%);
    display: grid;
    grid-template-columns: 27px 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 0 13px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--surface);
    box-shadow: 0 8px 28px rgba(37, 58, 90, .055);
    transition: border-color .2s ease, box-shadow .2s ease;
}

.question-search:focus-within {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px var(--primary-glow);
}

.question-search > span:first-child {
    color: var(--text-muted);
    font-size: 1rem;
}

.question-search input {
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-primary);
    font: 600 .72rem var(--font-body);
}

.question-search input::placeholder {
    color: var(--text-muted);
    font-weight: 400;
}

.question-search kbd {
    padding: 3px 6px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: var(--surface-elevated);
    color: var(--text-muted);
    font: 600 .48rem var(--font-body);
}

.question-filters {
    display: flex;
    gap: 5px;
    padding: 4px;
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface);
    scrollbar-width: none;
}

.question-filters::-webkit-scrollbar {
    display: none;
}

.question-filters button {
    min-height: 34px;
    flex: 0 0 auto;
    padding: 0 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    font: 700 .57rem var(--font-body);
    transition: background .2s ease, color .2s ease;
}

.question-filters button.is-active {
    background: var(--soft-violet);
    color: var(--primary);
}

.question-viewport {
    width: 100%;
    overflow-x: auto;
    outline: none;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.question-viewport::-webkit-scrollbar {
    display: none;
}

.question-viewport:focus-visible {
    border-radius: 22px;
    box-shadow: 0 0 0 3px var(--primary-glow);
}

.question-track {
    display: flex;
    gap: 20px;
    width: max-content;
    padding: 4px 0 25px;
}

.question-card {
    flex: 0 0 calc(min(1152px, 100vw - 48px) - 105px);
    width: calc(min(1152px, 100vw - 48px) - 105px);
    min-width: 740px;
    min-height: 510px;
    overflow: hidden;
    scroll-snap-align: start;
    border: 1px solid rgba(104, 132, 173, .25);
    border-radius: 21px;
    background: #f5f7fa;
    box-shadow: 0 22px 58px rgba(28, 49, 78, .11);
    opacity: .5;
    transition: opacity .35s ease, box-shadow .35s ease, transform .35s ease;
}

.question-card.is-selected {
    opacity: 1;
    box-shadow: 0 29px 75px rgba(28, 49, 78, .17);
}

.question-card-windowbar {
    height: 43px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    border-bottom: 1px solid #243147;
    background: #0b1525;
    color: #a8b7ca;
}

.question-card-windowbar > span {
    display: flex;
    gap: 6px;
}

.question-card-windowbar > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff625b;
}

.question-card-windowbar > span i:nth-child(2) {
    background: #f5bd47;
}

.question-card-windowbar > span i:nth-child(3) {
    background: #38c962;
}

.question-card-windowbar > b {
    position: absolute;
    left: 50%;
    font-size: .61rem;
    transform: translateX(-50%);
}

.question-card-windowbar > em {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-left: auto;
    font-size: .54rem;
    font-style: normal;
}

.question-card-windowbar > em i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #42d09f;
    box-shadow: 0 0 0 4px rgba(66, 208, 159, .09);
}

.question-card-body {
    min-height: 417px;
    padding: 24px 30px 22px;
    background:
        radial-gradient(circle at 90% 10%, rgba(65, 111, 238, .07), transparent 24%),
        #f5f7fa;
    color: #172337;
}

.question-card-body > header {
    min-height: 33px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 18px;
}

.question-category {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;
    border: 1px solid #d9e2f0;
    border-radius: 99px;
    background: #fff;
    color: #4d6da8;
    font-size: .52rem;
    font-weight: 700;
}

.question-card-body > header small {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #78879b;
    font-size: .5rem;
}

.question-card-body > header small i {
    color: #42ba90;
    font-size: .45rem;
    font-style: normal;
}

.question-bubble,
.answer-bubble {
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr);
    gap: 12px;
}

.question-bubble {
    width: min(710px, 87%);
    margin-left: auto;
    padding: 17px;
    border-radius: 17px 17px 5px 17px;
    background: #3569ed;
    color: #fff;
}

.question-bubble > span,
.answer-bubble > span {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    font: 700 .66rem var(--font-heading);
}

.question-bubble > span {
    background: rgba(255, 255, 255, .14);
}

.question-bubble small,
.answer-bubble small {
    display: block;
    margin-bottom: 5px;
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .09em;
}

.question-bubble small {
    color: #c7d7ff;
}

.question-bubble h3 {
    color: #fff;
    font-size: clamp(.92rem, 1.6vw, 1.23rem);
    line-height: 1.43;
    letter-spacing: -.02em;
}

.answer-bubble {
    width: min(790px, 92%);
    margin-top: 19px;
}

.answer-bubble > span {
    background: #e4ebf8;
    color: #3265df;
}

.answer-bubble small {
    color: #6f82a0;
}

.answer-bubble p {
    color: #546277;
    font-size: .75rem;
    line-height: 1.72;
}

.question-card > footer {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 18px;
    border-top: 1px solid #253248;
    background: #0b1525;
    color: #a5b5c8;
}

.question-card > footer > span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .55rem;
}

.question-card > footer > span i {
    width: 19px;
    height: 19px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(65, 202, 154, .12);
    color: #4dd0a2;
    font-size: .44rem;
    font-style: normal;
}

.question-card > footer small {
    color: #657991;
    font-size: .51rem;
}

.question-card[hidden] {
    display: none;
}

.question-empty {
    min-height: 360px;
    place-items: center;
    padding: 65px 20px;
    border: 1px dashed var(--border);
    border-radius: 20px;
    background: var(--surface);
    text-align: center;
}

.question-empty:not([hidden]) {
    display: grid;
}

.question-empty > span {
    width: 53px;
    height: 53px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: var(--soft-violet);
    color: var(--primary);
}

.question-empty h3 {
    margin-top: 14px;
    font-size: 1.15rem;
}

.question-empty p {
    color: var(--text-muted);
    font-size: .75rem;
}

.question-empty a {
    color: var(--primary);
    font-size: .68rem;
    font-weight: 700;
}

.question-navigation {
    min-height: 62px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 20px;
}

.question-count {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-muted);
    font-size: .58rem;
    font-style: normal;
}

.question-count b {
    color: var(--text-primary);
    font-size: .76rem;
}

.question-count i {
    width: 29px;
    height: 1px;
    background: var(--border);
}

.question-count em {
    font-style: normal;
}

.question-dots {
    display: flex;
    justify-content: center;
    gap: 6px;
}

.question-dots button {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 99px;
    background: var(--border);
    cursor: pointer;
    transition: width .25s ease, background .25s ease;
}

.question-dots button.is-active {
    width: 25px;
    background: var(--primary);
}

.question-arrow-buttons {
    display: flex;
    padding: 4px;
    border: 1px solid var(--border);
    border-radius: 99px;
    background: var(--surface);
    box-shadow: 0 8px 23px rgba(31, 51, 80, .08);
}

.question-arrow-buttons button {
    width: 42px;
    height: 38px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 99px;
    background: transparent;
    color: var(--text-primary);
    cursor: pointer;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

.question-arrow-buttons button:hover:not(:disabled) {
    background: var(--primary);
    color: #fff;
    transform: scale(1.04);
}

.question-arrow-buttons button:disabled {
    color: var(--text-muted);
    cursor: default;
    opacity: .35;
}

/* Anonymous question form */
.ask-section {
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 15%, rgba(66, 111, 235, .16), transparent 30%),
        var(--about-navy);
    color: #fff;
}

.ask-background {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .027) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .027) 1px, transparent 1px);
    background-size: 55px 55px;
    mask-image: linear-gradient(90deg, black, transparent 80%);
    pointer-events: none;
}

.ask-layout {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 64px;
}

.ask-copy {
    position: static;
    width: min(760px, 100%);
}

.ask-copy h2 {
    max-width: 600px;
    margin: 17px 0 20px;
    color: #f3f7fc;
    font-size: clamp(2.2rem, 4.1vw, 3.75rem);
    line-height: 1.08;
    letter-spacing: -.055em;
}

.ask-copy > p {
    max-width: 590px;
    color: #94a7bf;
    font-size: .87rem;
    line-height: 1.78;
}

.ask-promises {
    display: grid;
    margin-top: 31px;
    border-top: 1px solid rgba(134, 162, 199, .15);
}

.ask-promises article {
    display: grid;
    grid-template-columns: 39px 1fr;
    gap: 8px;
    padding: 17px 0;
    border-bottom: 1px solid rgba(134, 162, 199, .15);
}

.ask-promises article > span {
    color: #749cf5;
    font: 700 .53rem var(--font-heading);
}

.ask-promises b,
.ask-promises small {
    display: block;
}

.ask-promises b {
    color: #dce5f0;
    font-size: .68rem;
}

.ask-promises small {
    margin-top: 3px;
    color: #70849d;
    font-size: .58rem;
}

.ask-copy .ask-discretion {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
    padding: 13px;
    border: 1px solid rgba(224, 178, 78, .15);
    border-radius: 10px;
    background: rgba(224, 178, 78, .05);
    color: #a99e85;
    font-size: .59rem;
    line-height: 1.55;
}

.ask-discretion i {
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(224, 178, 78, .12);
    color: #dab867;
    font-style: normal;
}

.ask-form-shell {
    min-height: 720px;
    overflow: hidden;
    border: 1px solid rgba(139, 169, 209, .22);
    border-radius: 20px;
    background: #f7f8fa;
    box-shadow: 0 38px 95px rgba(0, 0, 0, .28);
    color: #172337;
}

.ask-form-shell.pilot-application-shell {
    width: 100%;
    max-width: none;
    min-height: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: inherit;
}

.ask-form-shell .pilot-chat-app {
    width: 100%;
}

.question-form-panel {
    width: min(580px, 100%);
    min-height: 0;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(139, 169, 209, .22);
    border-radius: 20px;
    background: #f7f8fa;
    box-shadow: 0 38px 95px rgba(0, 0, 0, .28);
    color: #172337;
}

.ask-form-shell.is-complete .pilot-mode-switch {
    display: none;
}

/* Always keep the KnowboundAI / Formular switch in Dark Mode on the 'Über uns' page */
.ask-form-shell .pilot-mode-switch {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(15, 23, 42, 0.65);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.08), 0 10px 30px rgba(0, 0, 0, 0.28);
}

.ask-form-shell .pilot-mode-switch .pilot-mode-lens {
    border: 1px solid color-mix(in srgb, #3b82f6 24%, rgba(255, 255, 255, 0.15));
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.025)),
        color-mix(in srgb, #3b82f6 24%, #0f172a);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28), inset 0 1px rgba(255, 255, 255, 0.18);
}

.ask-form-shell .pilot-mode-switch .pilot-mode-btn {
    color: #94a3b8;
}

.ask-form-shell .pilot-mode-switch .pilot-mode-btn:hover,
.ask-form-shell .pilot-mode-switch .pilot-mode-btn.active {
    color: #f8fafc;
}

.ask-form-shell .pilot-mode-switch .mode-spark {
    color: #3b82f6;
}


.ask-form-shell.is-complete .ask-success {
    width: min(580px, 100%);
    min-height: 590px;
    margin: 0 auto;
    border: 1px solid rgba(139, 169, 209, .22);
    border-radius: 20px;
    background: #f7f8fa;
    box-shadow: 0 38px 95px rgba(0, 0, 0, .28);
    color: #172337;
}

.pilot-chat-options[hidden],
.pilot-chat-input-row[hidden] {
    display: none !important;
}

.pilot-permission-card .question-approval-privacy {
    margin-bottom: 10px;
    font-size: .58rem;
}

.question-approval-privacy a {
    color: var(--pilot-app-accent);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.pilot-review-grid button:disabled {
    cursor: default;
    opacity: 1;
}

.question-tool-status {
    width: min(100%, 460px);
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 3px auto 12px;
    padding: 8px 11px;
    border: 1px solid color-mix(in srgb, #34d399 28%, var(--pilot-app-line));
    border-radius: 10px;
    background: color-mix(in srgb, #34d399 7%, var(--pilot-app-entry));
    color: var(--pilot-app-muted);
    font-size: .55rem;
}

.question-tool-status > span,
.question-tool-status code {
    color: #34d399;
}

.question-chat-restart {
    margin-inline: auto;
}

.ask-form {
    padding: 28px;
}

.ask-form-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dfe4eb;
}

.ask-form-head small {
    color: #6680aa;
    font-size: .52rem;
    font-weight: 700;
    letter-spacing: .1em;
}

.ask-form-head h3 {
    margin-top: 3px;
    color: #172337;
    font-size: 1.28rem;
}

.ask-form-head > span {
    display: flex;
    align-items: center;
    gap: 7px;
    max-width: 195px;
    color: #718197;
    font-size: .51rem;
    line-height: 1.4;
    text-align: right;
}

.ask-form-head > span i {
    width: 6px;
    height: 6px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #42bf91;
    box-shadow: 0 0 0 4px rgba(66, 191, 145, .09);
}

.form-honeypot {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}

.ask-field {
    display: grid;
    gap: 7px;
    margin-bottom: 18px;
}

.ask-field > span,
.publication-choice legend {
    color: #344156;
    font-size: .61rem;
    font-weight: 700;
}

.ask-field select,
.ask-field input,
.ask-field textarea {
    width: 100%;
    border: 1px solid #d6dde8;
    border-radius: 9px;
    outline: none;
    background: #fff;
    color: #1e2c41;
    font: 500 .7rem var(--font-body);
    transition: border-color .2s ease, box-shadow .2s ease;
}

.ask-field select,
.ask-field input {
    min-height: 45px;
    padding: 0 12px;
}

.ask-field textarea {
    min-height: 126px;
    padding: 12px;
    resize: vertical;
    line-height: 1.6;
}

.ask-field select:focus,
.ask-field input:focus,
.ask-field textarea:focus {
    border-color: #4b78e9;
    box-shadow: 0 0 0 3px rgba(75, 120, 233, .1);
}

.ask-field textarea::placeholder,
.ask-field input::placeholder {
    color: #96a1b1;
}

.ask-field > small {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    color: #8793a5;
    font-size: .51rem;
}

.ask-field > small b {
    font-weight: 600;
}

.ask-email-field[hidden] {
    display: none;
}

.publication-choice {
    display: grid;
    gap: 8px;
    margin-bottom: 18px;
    border: 0;
}

.publication-choice legend {
    margin-bottom: 7px;
}

.publication-choice > label {
    position: relative;
    min-height: 68px;
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border: 1px solid #d8dfe9;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease;
}

.publication-choice > label:has(input:checked) {
    border-color: #5b82ea;
    background: #f3f6ff;
}

.publication-choice input {
    position: absolute;
    opacity: 0;
}

.choice-marker {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border: 1px solid #b9c4d3;
    border-radius: 50%;
    background: #fff;
}

.choice-marker i {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #4976e9;
    opacity: 0;
    transform: scale(.4);
    transition: opacity .2s ease, transform .2s ease;
}

.publication-choice input:checked + .choice-marker i {
    opacity: 1;
    transform: none;
}

.publication-choice b,
.publication-choice small {
    display: block;
}

.publication-choice b {
    color: #26344a;
    font-size: .63rem;
}

.publication-choice small {
    margin-top: 3px;
    color: #7b899c;
    font-size: .53rem;
    line-height: 1.45;
}

.ask-privacy {
    position: relative;
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: flex-start;
    gap: 9px;
    margin: 4px 0 18px;
    cursor: pointer;
}

.ask-privacy > input {
    position: absolute;
    opacity: 0;
}

.ask-privacy > span {
    width: 19px;
    height: 19px;
    display: grid;
    place-items: center;
    border: 1px solid #c2ccda;
    border-radius: 5px;
    background: #fff;
    color: transparent;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.ask-privacy > span i {
    font-size: .48rem;
    font-style: normal;
}

.ask-privacy > input:checked + span {
    border-color: #4a77e8;
    background: #4a77e8;
    color: #fff;
}

.ask-privacy small {
    color: #7d899a;
    font-size: .52rem;
    line-height: 1.55;
}

.ask-privacy a {
    color: #416fdc;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ask-error {
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid #e7b4b4;
    border-radius: 8px;
    background: #fff2f2;
    color: #a94343;
    font-size: .6rem;
}

.ask-submit {
    min-height: 49px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    border: 0;
    border-radius: 9px;
    background: #3569ed;
    box-shadow: 0 11px 26px rgba(53, 105, 237, .22);
    color: #fff;
    cursor: pointer;
    font: 700 .68rem var(--font-heading);
    transition: background .2s ease, transform .2s ease;
}

.ask-submit:hover:not(:disabled) {
    background: #2859d4;
    transform: translateY(-1px);
}

.ask-submit:disabled {
    cursor: wait;
    opacity: .68;
}

.ask-submit i {
    font-size: .86rem;
    font-style: normal;
}

.ask-success {
    min-height: 720px;
    align-content: center;
    justify-items: center;
    padding: 45px;
    text-align: center;
}

.ask-success:not([hidden]) {
    display: grid;
}

.ask-success > span {
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    margin-bottom: 20px;
    border-radius: 22px;
    background: #e9f8f2;
    color: #30aa81;
    font: 700 1.25rem var(--font-heading);
}

.ask-success > small {
    color: #5f7ca8;
    font-size: .55rem;
    font-weight: 700;
    letter-spacing: .12em;
}

.ask-success h3 {
    margin: 8px 0 11px;
    font-size: 1.55rem;
}

.ask-success p {
    max-width: 420px;
    color: #6e7d92;
    font-size: .73rem;
    line-height: 1.7;
}

.ask-success button {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 23px;
    padding: 10px 14px;
    border: 1px solid #d6dfe9;
    border-radius: 9px;
    background: #fff;
    color: #315fca;
    cursor: pointer;
    font: 700 .62rem var(--font-heading);
}

.ask-success button i {
    font-style: normal;
}

/* Closing CTA */
.about-closing {
    padding: 62px 0;
    background: var(--surface);
}

.about-closing-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 55px;
    padding: 35px 39px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background:
        radial-gradient(circle at 94% 10%, color-mix(in srgb, var(--primary) 8%, transparent), transparent 28%),
        var(--surface-elevated);
}

.about-closing small {
    color: var(--primary);
    font-size: .54rem;
    font-weight: 700;
    letter-spacing: .11em;
}

.about-closing h2 {
    max-width: 680px;
    margin: 6px 0;
    font-size: clamp(1.55rem, 2.9vw, 2.5rem);
    letter-spacing: -.04em;
}

.about-closing p {
    color: var(--text-muted);
    font-size: .73rem;
}

.about-closing-layout > div:last-child {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 22px;
}

.about-closing .btn {
    min-height: 49px;
    border-radius: 9px;
}

.about-closing .btn i,
.about-closing-layout > div:last-child > a:last-child i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
}

.about-closing .btn i .material-icons-outlined {
    font-size: 1.15rem;
}

.about-closing-layout > div:last-child > a:last-child {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--text-secondary);
    font-size: .66rem;
    font-weight: 700;
}

/* Dark theme for light sections */
[data-theme="dark"] .comparison-after,
[data-theme="dark"] .question-search,
[data-theme="dark"] .question-filters,
[data-theme="dark"] .question-arrow-buttons,
[data-theme="dark"] .working-track > article {
    box-shadow: none;
}

[data-theme="dark"] .responsibility-portrait::before {
    background: linear-gradient(145deg, #182031, #151c29);
}

[data-theme="dark"] .portrait-fact {
    background: rgba(24, 31, 45, .94);
}

[data-theme="dark"] .question-card {
    border-color: #303b4d;
    box-shadow: 0 23px 60px rgba(0, 0, 0, .2);
}

[data-theme="dark"] .question-card-body {
    background:
        radial-gradient(circle at 90% 10%, rgba(65, 111, 238, .1), transparent 24%),
        #171d28;
    color: #e8edf4;
}

[data-theme="dark"] .question-category {
    border-color: #343f50;
    background: #202735;
    color: #94b2f2;
}

[data-theme="dark"] .question-bubble {
    background: #3569ed;
}

[data-theme="dark"] .answer-bubble > span {
    background: #24324a;
    color: #7fa4ff;
}

[data-theme="dark"] .answer-bubble small {
    color: #7d91ad;
}

[data-theme="dark"] .answer-bubble p {
    color: #aab8cb;
}

/* Responsive */
@media (max-width: 1120px) {
    .proof-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .proof-cards article {
        min-height: 320px;
    }

    .responsibility-layout {
        gap: 65px;
    }

    .ask-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 55px;
    }

    .working-track {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .working-track > i {
        display: none;
    }

    .working-track > article {
        min-height: 300px;
    }
}

@media (max-width: 920px) {
    .about-section {
        padding: 88px 0;
    }

    .about-heading-split {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .about-heading-split > p {
        max-width: 720px;
    }

    .why-comparison {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .comparison-bridge {
        height: 45px;
    }

    .comparison-bridge i {
        width: 1px;
        height: 100%;
        background: linear-gradient(var(--border), var(--primary), var(--border));
    }

    .comparison-side {
        min-height: auto;
    }

    .comparison-before .comparison-stack {
        grid-template-columns: repeat(2, 1fr);
    }

    .management-outcomes {
        grid-template-columns: 1fr;
    }

    .management-outcomes article {
        min-height: 100px;
    }

    .management-outcomes article + article {
        border-top: 1px solid var(--border);
        border-left: 0;
    }

    .responsibility-layout {
        grid-template-columns: 1fr;
    }

    .responsibility-portrait {
        width: min(600px, 100%);
        padding-right: 45px;
    }

    .portrait-fact-one {
        right: 0;
    }

    .portrait-fact-two {
        right: -10px;
    }

    .question-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .question-filters {
        width: fit-content;
        max-width: 100%;
    }

    .ask-layout {
        grid-template-columns: 1fr;
    }

    .ask-copy {
        position: static;
        max-width: 700px;
    }

    .ask-form-shell {
        max-width: 100%;
    }

    .about-closing-layout {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .ask-form-shell .pilot-mode-switch,
    .question-chat-panel {
        display: none !important;
    }

    .question-form-panel[hidden] {
        display: block !important;
    }

    .ask-form-shell.is-complete .question-form-panel[hidden] {
        display: none !important;
    }
}

@media (max-width: 680px) {
    .about-section {
        padding: 68px 0;
    }

    .about-heading {
        margin-bottom: 38px;
    }

    .about-heading h2,
    .responsibility-copy h2,
    .ask-copy h2 {
        font-size: clamp(2rem, 10vw, 2.85rem);
    }

    .comparison-side {
        padding: 17px;
    }

    .comparison-before .comparison-stack,
    .system-modules {
        grid-template-columns: 1fr;
    }

    .management-outcomes article {
        padding-inline: 9px;
    }

    .proof-cards {
        grid-template-columns: 1fr;
    }

    .proof-cards article {
        min-height: 330px;
    }

    .proof-note {
        grid-template-columns: 31px 1fr;
    }

    .proof-note a {
        grid-column: 2;
    }

    .responsibility-layout {
        gap: 55px;
    }

    .responsibility-portrait {
        padding: 18px 0 105px;
    }

    .responsibility-portrait::before {
        left: 18px;
    }

    .portrait-frame img {
        height: 450px;
    }

    .portrait-fact {
        min-width: 0;
    }

    .portrait-fact-one {
        top: auto;
        right: 51%;
        bottom: 43px;
        left: 0;
    }

    .portrait-fact-two {
        right: 0;
        bottom: 43px;
        left: 51%;
    }

    .responsibility-contact {
        align-items: flex-start;
        flex-direction: column;
    }

    .working-track {
        grid-template-columns: 1fr;
    }

    .working-track > article {
        min-height: 285px;
    }

    .question-toolbar {
        margin-bottom: 17px;
    }

    .question-search {
        width: 100%;
    }

    .question-card {
        flex-basis: calc(100vw - 48px);
        width: calc(100vw - 48px);
        min-width: 0;
        min-height: 560px;
        border-radius: 16px;
    }

    .question-card-body {
        min-height: 468px;
        padding: 18px 15px;
    }

    .question-card-body > header {
        align-items: flex-start;
        flex-direction: column;
    }

    .question-bubble,
    .answer-bubble {
        width: 100%;
        grid-template-columns: 31px minmax(0, 1fr);
        padding: 13px;
    }

    .question-bubble > span,
    .answer-bubble > span {
        width: 31px;
        height: 31px;
    }

    .question-bubble h3 {
        font-size: .89rem;
    }

    .answer-bubble p {
        font-size: .65rem;
    }

    .question-card > footer {
        padding-inline: 13px;
    }

    .question-card > footer small {
        display: none;
    }

    .question-dots {
        display: none;
    }

    .question-navigation {
        grid-template-columns: 1fr auto;
    }

    .ask-form-shell {
        min-height: 0;
        border-radius: 15px;
    }

    .ask-form {
        padding: 20px 15px;
    }

    .ask-form-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .ask-form-head > span {
        max-width: none;
        text-align: left;
    }

    .ask-success {
        min-height: 590px;
        padding: 25px;
    }

    .about-closing {
        padding: 38px 0;
    }

    .about-closing-layout {
        padding: 26px 20px;
    }

    .about-closing-layout > div:last-child {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-about-reveal] {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .question-viewport {
        scroll-behavior: auto;
    }
}