/* About page — generated from the verified 2026-07-27 split */

.about-culture-section .section-header,
.about-history-section .section-header {
    max-width: 820px;
    margin-right: auto;
    margin-left: auto;
}

.about-history-section {
    padding: 112px 0 124px;
    background: #FFFFFF;
}

.about-timeline {
    width: 100%;
    max-width: 1000px;
    margin: 72px auto 0;
}

.about-timeline-item {
    position: relative;
    display: grid;
    grid-template-columns: 142px 52px minmax(0, 1fr);
    align-items: stretch;
    min-height: 190px;
}

.about-timeline-year {
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 0;
    color: #9AA9BC;
    font-size: 34px;
    line-height: 1;
    font-weight: 730;
    text-align: right;
    letter-spacing: -1px;
}

.about-timeline-axis {
    position: relative;
}

.about-timeline-axis::before {
    content: "";
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    left: 50%;
    background: #CCD8E7;
    transform: translateX(-50%);
}

.about-timeline-item:first-child .about-timeline-axis::before {
    top: 34px;
}

.about-timeline-item:last-child .about-timeline-axis::before {
    bottom: calc(100% - 34px);
}

.about-timeline-axis span {
    position: absolute;
    z-index: 2;
    width: 13px;
    height: 13px;
    top: 28px;
    left: 50%;
    background: #FFFFFF;
    border: 3px solid #8EADDB;
    border-radius: 50%;
    box-shadow: 0 0 0 6px #FFFFFF;
    transform: translateX(-50%);
}

.about-timeline-content {
    position: relative;
    margin: 0 0 26px 18px;
    padding: 28px 32px 29px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid #DDE6F1;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(35, 65, 105, 0.045);
    transition: transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.about-timeline-content::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 29px;
    left: -6px;
    background: #FFFFFF;
    border-bottom: 1px solid #DDE6F1;
    border-left: 1px solid #DDE6F1;
    transform: rotate(45deg);
}

.about-timeline-content:hover {
    transform: translateX(5px);
    border-color: rgba(30, 111, 255, 0.28);
    box-shadow: 0 14px 34px rgba(35, 72, 130, 0.09);
}

.about-timeline-tag {
    display: inline-block;
    margin-bottom: 10px;
    color: #1E6FFF;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.6px;
}

.about-timeline-content h3 {
    margin: 0 0 10px;
    color: #1A304F;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
}

.about-timeline-content p {
    margin: 0;
    color: #68798E;
    font-size: 14px;
    line-height: 1.85;
}

.about-timeline-item-current .about-timeline-year {
    color: #1E6FFF;
}

.about-timeline-item-current .about-timeline-axis span {
    background: #1E6FFF;
    border-color: #1E6FFF;
    box-shadow: 0 0 0 6px #FFFFFF;
}

@media (max-width: 899px) {
    .about-hero-layout {
        min-height: 582px;
        display: flex;
        align-items: center;
        padding: 0;
    }
    .about-hero-profile {
        width: 620px;
        max-width: 76%;
        margin: 0;
        padding: 58px 0;
        text-align: left;
    }
    .about-hero-profile > p {
        margin-right: 0;
        margin-left: 0;
    }
    .about-hero-profile .about-hero-actions {
        justify-content: flex-start;
    }
    .about-culture-grid {
        grid-template-columns: 1fr;
    }
    .about-culture-card {
        min-height: 260px;
    }
    .about-culture-card p {
        max-width: 560px;
    }
    .about-culture-card-values {
        grid-column: auto;
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 48px 42px 40px;
    }
    .about-values-list {
        max-width: 620px;
    }
}

@media (max-width: 767px) {
    .about-hero-section {
        min-height: 650px;
    }
    .about-hero-background,
    .about-hero-overlay {
        top: 68px;
        height: calc(100% - 68px);
    }
    .about-hero-background {
        object-position: 67% center;
    }
    .about-hero-overlay {
        background:
            linear-gradient(90deg, rgba(5, 19, 38, 0.95) 0%, rgba(6, 24, 47, 0.86) 68%, rgba(7, 28, 56, 0.62) 100%),
            linear-gradient(180deg, rgba(4, 18, 35, 0.1) 0%, rgba(4, 18, 35, 0.48) 100%);
    }
    .about-hero-layout {
        min-height: 582px;
    }
    .about-hero-profile {
        width: 100%;
        max-width: 100%;
        padding: 48px 0 44px;
    }
    .about-hero-profile h1 {
        font-size: 38px;
    }
    .about-hero-profile .about-hero-lead {
        font-size: 17px;
        line-height: 1.8;
    }
    .about-hero-profile .about-hero-detail {
        font-size: 14px;
        line-height: 1.8;
    }
    .about-culture-section,
    .about-history-section {
        padding: 76px 0 82px;
    }
    .about-culture-card {
        min-height: 238px;
        padding: 32px 26px;
    }
    .about-culture-card p {
        font-size: 20px;
    }
    .about-culture-card-vision::after {
        width: 128px;
        height: 128px;
        top: 48px;
        right: 34px;
    }
    .about-culture-card-values {
        padding: 44px 26px 30px;
    }
    .about-culture-card-values .about-values-copy p {
        font-size: 20px;
    }
    .about-timeline {
        margin-top: 48px;
    }
    .about-timeline-item {
        grid-template-columns: 72px 34px minmax(0, 1fr);
        min-height: 178px;
    }
    .about-timeline-year {
        padding-top: 0;
        font-size: 20px;
    }
    .about-timeline-content {
        margin-left: 10px;
        padding: 25px 22px 26px;
    }
    .about-timeline-content h3 {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .about-hero-profile .about-hero-actions {
        align-items: flex-start;
    }
    .about-hero-profile h1 {
        font-size: 34px;
    }
    .about-culture-card {
        min-height: 225px;
    }
    .about-values-list {
        grid-template-columns: 1fr;
    }
    .about-timeline-item {
        grid-template-columns: 54px 26px minmax(0, 1fr);
    }
    .about-timeline-year {
        font-size: 17px;
        letter-spacing: -0.5px;
    }
    .about-timeline-content {
        margin: 0 0 22px 8px;
        padding: 23px 18px 24px;
    }
    .about-timeline-content::before {
        top: 28px;
    }
    .about-timeline-content h3 {
        font-size: 17px;
    }
    .about-timeline-content p {
        font-size: 13px;
    }
}

/* ============================================================
   ABOUT NEW — 深海蓝 × 青绿数据光
   独立方案，所有页面样式均使用 about-alt 前缀
   ============================================================ */
:root {
    --alt-ink: #071527;
    --alt-ink-2: #0B2038;
    --alt-blue: #2276FF;
    --alt-blue-soft: #77A7FF;
    --alt-cyan: #42E3C4;
    --alt-paper: #F4F7FB;
    --alt-line: #DCE4EF;
    --alt-copy: #53647A;
}

.about-alt-body {
    background: #FFFFFF;
}

.about-alt-body .site-header,
.about-alt-body .site-header.transparent,
.about-alt-body .site-header.scrolled {
    background: #FFFFFF;
    border-bottom-color: #E7ECF3;
    box-shadow: 0 1px 0 rgba(7, 21, 39, 0.06);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.about-alt {
    overflow: hidden;
}

.about-alt section[id] {
    scroll-margin-top: 116px;
}

.about-alt-section-label {
    margin: 0 0 20px;
    color: var(--alt-blue);
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 2px;
}

/* Hero */
.about-alt-hero {
    position: relative;
    min-height: 610px;
    padding-top: 68px;
    overflow: hidden;
    color: var(--alt-ink);
    background:
        radial-gradient(circle at 80% 12%, rgba(66, 227, 196, 0.16), transparent 28%),
        radial-gradient(circle at 18% 90%, rgba(34, 118, 255, 0.12), transparent 32%),
        linear-gradient(126deg, #F5F9FF 0%, #EAF3FF 52%, #E6F8F5 100%);
}

.about-alt-hero::before {
    content: "";
    position: absolute;
    width: 720px;
    height: 720px;
    top: -390px;
    right: -180px;
    border: 1px solid rgba(34, 118, 255, 0.12);
    border-radius: 50%;
    box-shadow:
        0 0 0 76px rgba(34, 118, 255, 0.025),
        0 0 0 152px rgba(34, 118, 255, 0.018);
}

.about-alt-hero-grid {
    position: absolute;
    inset: 68px 0 0;
    opacity: 0.4;
    background-image:
        linear-gradient(rgba(34, 118, 255, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 118, 255, 0.055) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: radial-gradient(circle at center, #000 0%, transparent 72%);
    -webkit-mask-image: radial-gradient(circle at center, #000 0%, transparent 72%);
}

.about-alt-hero-glow {
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(2px);
}

.about-alt-hero-glow-one {
    width: 420px;
    height: 420px;
    top: 72px;
    right: 9%;
    background: radial-gradient(circle, rgba(34, 118, 255, 0.11), rgba(34, 118, 255, 0) 68%);
}

.about-alt-hero-glow-two {
    width: 330px;
    height: 330px;
    left: 5%;
    right: auto;
    bottom: -90px;
    background: radial-gradient(circle, rgba(66, 227, 196, 0.16), rgba(66, 227, 196, 0) 68%);
}

.about-alt-hero-inner {
    position: relative;
    z-index: 2;
    min-height: 542px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 52px;
    padding-bottom: 52px;
}

.about-alt-hero-copy {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.about-alt-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 0 0 27px;
    color: #6E8097;
    font-size: 12px;
    line-height: 1;
    font-weight: 650;
}

.about-alt-eyebrow span {
    position: relative;
    padding-left: 22px;
    color: var(--alt-blue);
    font-weight: 800;
    letter-spacing: 1.6px;
}

.about-alt-eyebrow span::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 2px;
    left: 0;
    background: var(--alt-blue);
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(34, 118, 255, 0.1);
}

.about-alt-hero-copy h1 {
    margin: 0;
    color: #122B4A;
    font-size: clamp(44px, 4.8vw, 64px);
    line-height: 1.2;
    font-weight: 720;
    letter-spacing: -2px;
}

.about-alt-hero-copy h1 em {
    color: var(--alt-blue);
    font-style: normal;
}

.about-alt-hero-lead {
    max-width: 720px;
    margin: 26px auto 0;
    color: #536B87;
    font-size: 17px;
    line-height: 1.9;
}

.about-alt-hero-actions {
    display: flex;
    align-items: center;
    gap: 28px;
    justify-content: center;
    margin-top: 30px;
}

.about-alt-primary-link,
.about-alt-secondary-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    min-height: 50px;
    padding: 0 22px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
}

.about-alt-primary-link {
    color: #FFFFFF;
    background: var(--alt-blue);
    box-shadow: 0 12px 30px rgba(34, 118, 255, 0.2);
}

.about-alt-primary-link:hover {
    color: #FFFFFF;
    background: #145ED5;
    transform: translateY(-2px);
}

.about-alt-secondary-link {
    min-height: 48px;
    padding: 0;
    color: #4F6680;
}

.about-alt-secondary-link:hover {
    color: var(--alt-blue);
}

.about-alt-proof-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-top: 34px;
}

.about-alt-proof-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.48);
    font-size: 11px;
    font-weight: 600;
}

.about-alt-proof-list i {
    width: 5px;
    height: 5px;
    background: #4E8EFF;
    border-radius: 50%;
}

.about-alt-orbit {
    position: relative;
    min-height: 470px;
    padding: 22px 24px 20px;
    overflow: hidden;
    background: rgba(10, 33, 60, 0.58);
    border: 1px solid rgba(128, 174, 255, 0.22);
    border-radius: 24px;
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.about-alt-orbit::before {
    content: "";
    position: absolute;
    width: 270px;
    height: 270px;
    top: -160px;
    right: -120px;
    background: rgba(66, 227, 196, 0.12);
    border-radius: 50%;
    filter: blur(44px);
}

.about-alt-orbit-top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(147, 182, 235, 0.14);
}

.about-alt-orbit-top > span {
    color: rgba(191, 216, 255, 0.68);
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 1.4px;
}

.about-alt-orbit-top strong {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #8DDACB;
    font-size: 9px;
    letter-spacing: 0.7px;
}

.about-alt-orbit-top strong i {
    width: 6px;
    height: 6px;
    background: var(--alt-cyan);
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(66, 227, 196, 0.1);
    animation: alt-pulse 2.3s ease-in-out infinite;
}

.about-alt-orbit-canvas {
    position: relative;
    height: 330px;
}

.about-alt-orbit-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(103, 155, 244, 0.17);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.about-alt-orbit-ring-one {
    width: 164px;
    height: 164px;
    border-color: rgba(66, 227, 196, 0.22);
}

.about-alt-orbit-ring-two {
    width: 252px;
    height: 252px;
}

.about-alt-orbit-ring-three {
    width: 360px;
    height: 360px;
    border-style: dashed;
    opacity: 0.55;
    animation: alt-spin 42s linear infinite;
}

.about-alt-orbit-core {
    position: absolute;
    z-index: 3;
    width: 130px;
    height: 130px;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.17), transparent 34%),
        linear-gradient(145deg, #175DC4, #15458B);
    border: 1px solid rgba(145, 188, 255, 0.42);
    border-radius: 50%;
    box-shadow:
        0 0 0 15px rgba(34, 118, 255, 0.07),
        0 20px 48px rgba(2, 12, 28, 0.36);
    transform: translate(-50%, -50%);
}

.about-alt-orbit-core span,
.about-alt-orbit-core small {
    color: rgba(255, 255, 255, 0.58);
    font-size: 9px;
}

.about-alt-orbit-core strong {
    margin: 7px 0 2px;
    color: #FFFFFF;
    font-size: 17px;
    letter-spacing: 1px;
}

.about-alt-orbit-node {
    position: absolute;
    z-index: 4;
    min-width: 108px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 12px;
    color: rgba(255, 255, 255, 0.84);
    background: rgba(9, 29, 52, 0.85);
    border: 1px solid rgba(130, 175, 247, 0.22);
    border-radius: 10px;
    box-shadow: 0 10px 24px rgba(2, 12, 28, 0.22);
    font-size: 11px;
    font-weight: 650;
}

.about-alt-orbit-node b {
    color: var(--alt-cyan);
    font-size: 9px;
    letter-spacing: 0.7px;
}

.about-alt-node-one { top: 28px; left: 28px; }
.about-alt-node-two { top: 62px; right: 18px; }
.about-alt-node-three { right: 30px; bottom: 38px; }
.about-alt-node-four { bottom: 30px; left: 18px; }

.about-alt-orbit-foot {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 16px;
    border-top: 1px solid rgba(147, 182, 235, 0.14);
}

.about-alt-orbit-foot div {
    padding: 0 12px;
}

.about-alt-orbit-foot div + div {
    border-left: 1px solid rgba(147, 182, 235, 0.12);
}

.about-alt-orbit-foot span,
.about-alt-orbit-foot strong {
    display: block;
}

.about-alt-orbit-foot span {
    margin-bottom: 4px;
    color: #6485AF;
    font-size: 8px;
    letter-spacing: 1px;
}

.about-alt-orbit-foot strong {
    color: #BFD1EA;
    font-size: 10px;
    font-weight: 650;
}

.about-alt-metrics {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid rgba(129, 170, 232, 0.17);
}

.about-alt-metrics article {
    min-height: 118px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px 34px;
}

.about-alt-metrics article:first-child {
    padding-left: 0;
}

.about-alt-metrics article + article {
    border-left: 1px solid rgba(129, 170, 232, 0.17);
}

.about-alt-metrics strong {
    color: #FFFFFF;
    font-size: 28px;
    line-height: 1.1;
    font-weight: 680;
    letter-spacing: -0.8px;
}

.about-alt-metrics sup {
    top: -0.35em;
    margin-left: 3px;
    color: var(--alt-cyan);
    font-size: 13px;
}

.about-alt-metrics span {
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.47);
    font-size: 11px;
}

/* Sticky subnav */
.about-alt-subnav {
    position: sticky;
    z-index: 50;
    top: 68px;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid #E6EBF2;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.about-alt-subnav .section-container {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about-alt-subnav .section-container > span {
    color: var(--alt-ink);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.6px;
}

.about-alt-subnav div div {
    display: flex;
    gap: 28px;
}

.about-alt-subnav a {
    position: relative;
    padding: 17px 0;
    color: #6D7C90;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
}

.about-alt-subnav a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: var(--alt-blue);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.25s ease;
}

.about-alt-subnav a:hover,
.about-alt-subnav a:focus {
    color: var(--alt-blue);
}

.about-alt-subnav a:hover::after,
.about-alt-subnav a:focus::after {
    transform: scaleX(1);
}

/* Company story */
.about-alt-story {
    padding: 132px 0 140px;
    background: #FFFFFF;
}

.about-alt-story-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 120px;
}

.about-alt-story-title h2,
.about-alt-light-heading h2,
.about-alt-history-heading h2,
.about-alt-security-copy h2 {
    margin: 0;
    color: var(--alt-ink);
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.28;
    font-weight: 690;
    letter-spacing: -1.4px;
}

.about-alt-story-title blockquote {
    position: relative;
    margin: 62px 0 0;
    padding: 26px 0 0 44px;
    color: #273A53;
    border-top: 1px solid var(--alt-line);
    font-family: "Songti SC", "STSong", serif;
    font-size: 18px;
    line-height: 1.6;
}

.about-alt-story-title blockquote > span {
    position: absolute;
    top: 12px;
    left: 0;
    color: var(--alt-blue);
    font-family: Georgia, serif;
    font-size: 46px;
    line-height: 1;
}

.about-alt-story-title cite {
    display: block;
    margin-top: 7px;
    color: #8795A8;
    font-family: inherit;
    font-size: 12px;
    font-style: normal;
}

.about-alt-story-copy {
    padding-top: 31px;
}

.about-alt-story-copy p {
    margin: 0 0 20px;
    color: var(--alt-copy);
    font-size: 15px;
    line-height: 2;
}

.about-alt-story-copy .about-alt-story-lead {
    margin-bottom: 30px;
    color: #20344E;
    font-size: 21px;
    line-height: 1.75;
    font-weight: 600;
}

.about-alt-story-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 38px;
    padding-top: 28px;
    border-top: 1px solid var(--alt-line);
}

.about-alt-story-tags span {
    padding: 8px 14px;
    color: #35516F;
    background: #F5F8FC;
    border: 1px solid #E3EAF2;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 650;
}

/* Culture */
.about-alt-culture {
    position: relative;
    padding: 120px 0 128px;
    overflow: hidden;
    color: #FFFFFF;
    background:
        radial-gradient(circle at 83% 20%, rgba(34, 118, 255, 0.21), transparent 30%),
        linear-gradient(135deg, #071525 0%, #0A1E34 60%, #0C2948 100%);
}

.about-alt-culture::before {
    content: "";
    position: absolute;
    width: 620px;
    height: 620px;
    left: -360px;
    bottom: -410px;
    border: 1px solid rgba(91, 144, 230, 0.14);
    border-radius: 50%;
    box-shadow:
        0 0 0 70px rgba(91, 144, 230, 0.025),
        0 0 0 140px rgba(91, 144, 230, 0.018);
}

.about-alt-culture-grid {
    position: absolute;
    inset: 0;
    opacity: 0.24;
    background-image:
        linear-gradient(rgba(120, 163, 230, 0.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(120, 163, 230, 0.09) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(90deg, transparent, #000);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000);
}

.about-alt-culture .section-container {
    position: relative;
    z-index: 2;
}

.about-alt-dark-heading {
    display: grid;
    grid-template-columns: 0.55fr 1.45fr;
    margin-bottom: 64px;
}

.about-alt-dark-heading .about-alt-section-label {
    color: var(--alt-cyan);
}

.about-alt-dark-heading > div {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 50px;
}

.about-alt-dark-heading h2 {
    margin: 0;
    color: #FFFFFF;
    font-size: clamp(38px, 4.4vw, 58px);
    line-height: 1.24;
    font-weight: 670;
    letter-spacing: -1.5px;
}

.about-alt-dark-heading > div > p {
    max-width: 300px;
    margin: 0 0 9px;
    color: rgba(220, 234, 255, 0.56);
    font-size: 13px;
    line-height: 1.85;
}

.about-alt-culture-cards {
    display: grid;
    grid-template-columns: 1.12fr 0.88fr;
    gap: 18px;
}

.about-alt-culture-card {
    position: relative;
    min-height: 300px;
    padding: 34px 36px;
    overflow: hidden;
    background: rgba(13, 43, 75, 0.56);
    border: 1px solid rgba(122, 164, 228, 0.19);
    border-radius: 18px;
    transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

.about-alt-culture-card:hover {
    transform: translateY(-4px);
    background: rgba(17, 52, 90, 0.78);
    border-color: rgba(113, 168, 255, 0.38);
}

.about-alt-culture-card-mission {
    grid-row: span 2;
    min-height: 618px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background:
        radial-gradient(circle at 78% 18%, rgba(66, 227, 196, 0.2), transparent 28%),
        linear-gradient(150deg, #155BC7 0%, #174990 60%, #123968 100%);
    border-color: rgba(112, 173, 255, 0.5);
}

.about-alt-culture-card-mission::before,
.about-alt-culture-card-mission::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(178, 212, 255, 0.2);
    border-radius: 50%;
}

.about-alt-culture-card-mission::before {
    width: 330px;
    height: 330px;
    top: 58px;
    right: -80px;
}

.about-alt-culture-card-mission::after {
    width: 215px;
    height: 215px;
    top: 114px;
    right: -21px;
}

.about-alt-card-index {
    position: absolute;
    top: 30px;
    right: 32px;
    color: rgba(255, 255, 255, 0.13);
    font-size: 64px;
    line-height: 1;
    font-weight: 780;
    letter-spacing: -3px;
}

.about-alt-culture-card > p {
    position: relative;
    z-index: 2;
    margin: 0 0 16px;
    color: var(--alt-cyan);
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.about-alt-culture-card h3 {
    position: relative;
    z-index: 2;
    margin: 0;
    color: #FFFFFF;
    font-size: clamp(27px, 3vw, 42px);
    line-height: 1.45;
    font-weight: 650;
}

.about-alt-card-arrow {
    position: absolute;
    z-index: 2;
    width: 54px;
    height: 54px;
    top: 32px;
    left: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #072538;
    background: var(--alt-cyan);
    border-radius: 50%;
    font-size: 20px;
}

.about-alt-card-line {
    position: absolute;
    width: 210px;
    height: 1px;
    right: -28px;
    bottom: 64px;
    background: linear-gradient(90deg, transparent, var(--alt-cyan));
    transform: rotate(-33deg);
    opacity: 0.46;
}

.about-alt-culture-card-values {
    min-height: 300px;
}

.about-alt-culture-card-values ul {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 58px;
}

.about-alt-culture-card-values li {
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 15px;
    color: #EAF2FF;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(143, 180, 235, 0.15);
    border-radius: 9px;
    font-size: 13px;
    font-weight: 650;
}

.about-alt-culture-card-values li span {
    color: #6288B8;
    font-size: 9px;
    font-weight: 800;
}

/* Practice */
.about-alt-practice {
    padding: 128px 0 136px;
    background: var(--alt-paper);
}

.about-alt-light-heading {
    max-width: 880px;
    margin: 0 auto 60px;
    text-align: center;
}

.about-alt-light-heading h2 {
    font-size: clamp(35px, 4vw, 50px);
}

.about-alt-light-heading > p:last-child {
    margin: 18px 0 0;
    color: var(--alt-copy);
    font-size: 14px;
}

.about-alt-practice-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.about-alt-practice-card {
    position: relative;
    min-height: 430px;
    padding: 34px 30px;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #DFE6EF;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(26, 54, 88, 0.045);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.about-alt-practice-card:hover {
    transform: translateY(-5px);
    border-color: rgba(34, 118, 255, 0.32);
    box-shadow: 0 20px 45px rgba(26, 74, 136, 0.1);
}

.about-alt-practice-card-featured {
    background:
        radial-gradient(circle at 100% 0%, rgba(34, 118, 255, 0.12), transparent 32%),
        #FFFFFF;
    border-color: rgba(34, 118, 255, 0.28);
}

.about-alt-practice-icon {
    position: relative;
    width: 62px;
    height: 62px;
    margin-bottom: 54px;
    background: #EDF4FF;
    border: 1px solid #D6E5FF;
    border-radius: 15px;
}

.about-alt-practice-icon::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: 14px;
    left: 14px;
    border: 2px solid var(--alt-blue);
    border-radius: 8px;
}

.about-alt-practice-icon i {
    position: absolute;
    z-index: 1;
    height: 2px;
    left: 23px;
    background: var(--alt-blue);
    border-radius: 2px;
}

.about-alt-practice-icon i:nth-child(1) { width: 13px; top: 25px; }
.about-alt-practice-icon i:nth-child(2) { width: 19px; top: 31px; opacity: 0.58; }
.about-alt-practice-icon i:nth-child(3) { width: 10px; top: 37px; opacity: 0.35; }

.about-alt-practice-card > span {
    display: block;
    margin-bottom: 10px;
    color: var(--alt-blue);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.about-alt-practice-card h3 {
    margin: 0 0 14px;
    color: #152B47;
    font-size: 23px;
    line-height: 1.4;
}

.about-alt-practice-card > p {
    min-height: 82px;
    margin: 0;
    color: #65758A;
    font-size: 13px;
    line-height: 1.85;
}

.about-alt-practice-card ul {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #E8EDF4;
}

.about-alt-practice-card li {
    position: relative;
    padding-left: 18px;
    color: #3C516A;
    font-size: 12px;
    line-height: 1.65;
}

.about-alt-practice-card li + li {
    margin-top: 8px;
}

.about-alt-practice-card li::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    top: 7px;
    left: 0;
    background: var(--alt-cyan);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(66, 227, 196, 0.11);
}

/* Timeline */
.about-alt-history {
    padding: 128px 0 136px;
    background: #FFFFFF;
}

.about-alt-history-heading {
    display: grid;
    grid-template-columns: 1fr 0.8fr;
    gap: 90px;
    align-items: end;
    margin-bottom: 62px;
}

.about-alt-history-heading > p {
    max-width: 420px;
    margin: 0 0 8px;
    color: var(--alt-copy);
    font-size: 14px;
    line-height: 1.9;
}

.about-alt-history-shell {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    overflow: hidden;
    background: #F4F7FB;
    border: 1px solid #DDE5EF;
    border-radius: 20px;
}

.about-alt-year-tabs {
    display: flex;
    flex-direction: column;
    padding: 15px;
    background: #0A1C31;
}

.about-alt-year-tabs button {
    position: relative;
    min-height: 58px;
    padding: 0 24px;
    color: #7389A5;
    background: transparent;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 650;
    text-align: left;
    transition: color 0.2s ease, background 0.2s ease;
}

.about-alt-year-tabs button::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 50%;
    right: 21px;
    background: #38516F;
    border-radius: 50%;
    transform: translateY(-50%);
}

.about-alt-year-tabs button:hover {
    color: #C7D7EB;
}

.about-alt-year-tabs button[aria-selected="true"] {
    color: #FFFFFF;
    background: rgba(34, 118, 255, 0.22);
}

.about-alt-year-tabs button[aria-selected="true"]::after {
    background: var(--alt-cyan);
    box-shadow: 0 0 0 6px rgba(66, 227, 196, 0.1);
}

.about-alt-year-panels {
    min-height: 460px;
}

.about-alt-year-panels article {
    min-height: 460px;
    display: grid;
    grid-template-columns: minmax(240px, 0.78fr) minmax(0, 1.22fr);
    align-items: center;
    gap: 60px;
    padding: 58px 70px 58px 62px;
    animation: alt-panel-in 0.36s ease both;
}

.about-alt-year-panels article[hidden] {
    display: none;
}

.about-alt-year-number {
    color: transparent;
    -webkit-text-stroke: 1px rgba(34, 118, 255, 0.32);
    font-size: clamp(72px, 9vw, 128px);
    line-height: 1;
    font-weight: 780;
    letter-spacing: -7px;
}

.about-alt-year-panels article > div:last-child > span {
    display: inline-block;
    margin-bottom: 17px;
    padding: 7px 12px;
    color: var(--alt-blue);
    background: rgba(34, 118, 255, 0.08);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.8px;
}

.about-alt-year-panels h3 {
    margin: 0 0 18px;
    color: #152D4C;
    font-size: 28px;
    line-height: 1.48;
    font-weight: 680;
}

.about-alt-year-panels p {
    margin: 0;
    color: #62748B;
    font-size: 14px;
    line-height: 1.9;
}

/* Security */
.about-alt-security {
    padding: 128px 0 136px;
    background:
        radial-gradient(circle at 5% 100%, rgba(66, 227, 196, 0.08), transparent 28%),
        linear-gradient(135deg, #F2F7FD 0%, #EAF2FC 100%);
}

.about-alt-security-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(560px, 1.18fr);
    gap: 95px;
    align-items: center;
}

.about-alt-security-copy > p:not(.about-alt-section-label) {
    max-width: 450px;
    margin: 24px 0 0;
    color: var(--alt-copy);
    font-size: 14px;
    line-height: 1.95;
}

.about-alt-security-seal {
    position: relative;
    width: 160px;
    height: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 46px;
    color: var(--alt-blue);
    border: 1px solid rgba(34, 118, 255, 0.24);
    border-radius: 50%;
    box-shadow:
        inset 0 0 38px rgba(34, 118, 255, 0.055),
        0 0 0 12px rgba(34, 118, 255, 0.025);
}

.about-alt-security-seal::before,
.about-alt-security-seal::after {
    content: "";
    position: absolute;
    background: #EAF2FC;
}

.about-alt-security-seal::before {
    width: 1px;
    height: 190px;
}

.about-alt-security-seal::after {
    width: 190px;
    height: 1px;
}

.about-alt-security-seal span,
.about-alt-security-seal strong,
.about-alt-security-seal small {
    position: relative;
    z-index: 1;
    background: #EDF4FC;
}

.about-alt-security-seal span,
.about-alt-security-seal small {
    padding: 0 5px;
    color: #7090B7;
    font-size: 8px;
    font-weight: 750;
    letter-spacing: 1.2px;
}

.about-alt-security-seal strong {
    padding: 6px 12px;
    color: #194B8C;
    font-size: 24px;
    letter-spacing: 4px;
}

.about-alt-cert-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.about-alt-cert-grid article {
    position: relative;
    min-height: 112px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 24px 20px 68px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(34, 118, 255, 0.12);
    border-radius: 13px;
    transition: transform 0.26s ease, background 0.26s ease, border-color 0.26s ease;
}

.about-alt-cert-grid article:hover {
    transform: translateY(-3px);
    background: #FFFFFF;
    border-color: rgba(34, 118, 255, 0.3);
}

.about-alt-cert-grid i {
    position: absolute;
    width: 34px;
    height: 34px;
    top: 50%;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--alt-blue);
    background: #EDF4FF;
    border: 1px solid #D6E5FF;
    border-radius: 50%;
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
    transform: translateY(-50%);
}

.about-alt-cert-grid strong {
    color: #213B5A;
    font-size: 15px;
    line-height: 1.4;
}

.about-alt-cert-grid span {
    margin-top: 5px;
    color: #8290A2;
    font-size: 10px;
}

/* CTA */
.about-alt-cta {
    position: relative;
    min-height: 350px;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: #FFFFFF;
    background:
        radial-gradient(circle at 80% 50%, rgba(66, 227, 196, 0.2), transparent 26%),
        linear-gradient(120deg, #0B2647 0%, #134F9F 55%, #1765CF 100%);
}

.about-alt-cta::before {
    content: "";
    position: absolute;
    width: 590px;
    height: 590px;
    top: -380px;
    right: 5%;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
    box-shadow:
        0 0 0 55px rgba(255, 255, 255, 0.025),
        0 0 0 110px rgba(255, 255, 255, 0.018);
}

.about-alt-cta-glow {
    position: absolute;
    width: 440px;
    height: 120px;
    right: 5%;
    bottom: -80px;
    background: rgba(66, 227, 196, 0.18);
    border-radius: 50%;
    filter: blur(52px);
}

.about-alt-cta-inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
}

.about-alt-cta-inner > div:first-child > p {
    margin: 0 0 15px;
    color: #7AEAD5;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.about-alt-cta h2 {
    margin: 0;
    color: #FFFFFF;
    font-size: clamp(34px, 4vw, 48px);
    line-height: 1.3;
    font-weight: 670;
    letter-spacing: -1.2px;
}

.about-alt-cta-inner > div:first-child > span {
    display: block;
    margin-top: 16px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 14px;
}

.about-alt-cta-actions {
    min-width: 240px;
}

.about-alt-cta-actions a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 54px;
    padding: 0 20px;
    color: #0A3155;
    background: var(--alt-cyan);
    border: 1px solid var(--alt-cyan);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 750;
}

.about-alt-cta-actions a + a {
    margin-top: 10px;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.3);
}

.about-alt-cta-actions a:hover {
    transform: translateY(-2px);
}

/* Motion */
.js-alt-reveal {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity 0.65s ease, transform 0.65s ease;
}

.js-alt-reveal.is-alt-visible {
    opacity: 1;
    transform: translateY(0);
}

@keyframes alt-pulse {
    0%, 100% { opacity: 0.55; }
    50% { opacity: 1; }
}

@keyframes alt-spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes alt-panel-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1100px) {
    .about-alt-hero-inner {
        grid-template-columns: minmax(0, 0.88fr) minmax(430px, 1.12fr);
        gap: 44px;
    }
    .about-alt-story-layout {
        gap: 70px;
    }
    .about-alt-security-layout {
        grid-template-columns: minmax(0, 0.72fr) minmax(500px, 1.28fr);
        gap: 55px;
    }
    .about-alt-year-panels article {
        gap: 36px;
        padding-right: 44px;
        padding-left: 44px;
    }
}

@media (max-width: 899px) {
    .about-alt-hero-inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
        padding-top: 76px;
        padding-bottom: 62px;
    }
    .about-alt-hero-copy {
        max-width: 700px;
    }
    .about-alt-orbit {
        width: min(640px, 100%);
        max-width: none;
        margin: 0 auto;
    }
    .about-alt-metrics article {
        padding-right: 20px;
        padding-left: 20px;
    }
    .about-alt-story-layout {
        grid-template-columns: 1fr;
        gap: 56px;
    }
    .about-alt-story-title {
        max-width: 620px;
    }
    .about-alt-story-title blockquote {
        max-width: 440px;
        margin-top: 40px;
    }
    .about-alt-story-copy {
        max-width: 720px;
        padding-top: 0;
    }
    .about-alt-dark-heading {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .about-alt-dark-heading > div {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }
    .about-alt-culture-cards {
        grid-template-columns: 1fr;
    }
    .about-alt-culture-card-mission {
        grid-row: auto;
        min-height: 420px;
    }
    .about-alt-practice-grid {
        grid-template-columns: 1fr;
    }
    .about-alt-practice-card {
        min-height: 0;
    }
    .about-alt-practice-card > p {
        min-height: 0;
    }
    .about-alt-history-heading {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .about-alt-history-shell {
        grid-template-columns: 154px minmax(0, 1fr);
    }
    .about-alt-year-panels article {
        grid-template-columns: 1fr;
        align-content: center;
        gap: 30px;
    }
    .about-alt-year-number {
        font-size: 74px;
    }
    .about-alt-security-layout {
        grid-template-columns: 1fr;
        gap: 55px;
    }
    .about-alt-security-copy {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 150px;
        gap: 10px 40px;
    }
    .about-alt-security-copy .about-alt-section-label {
        grid-column: 1 / -1;
    }
    .about-alt-security-copy > p:not(.about-alt-section-label) {
        align-self: center;
    }
    .about-alt-security-seal {
        grid-column: 2;
        grid-row: 2 / span 2;
        width: 140px;
        height: 140px;
        margin: 0;
    }
}

@media (max-width: 767px) {
    .about-alt section[id] {
        scroll-margin-top: 68px;
    }
    .about-alt-hero {
        min-height: 0;
    }
    .about-alt-hero-grid {
        top: 68px;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: 44px 44px;
    }
    .about-alt-hero-inner {
        min-height: 0;
        padding-top: 62px;
        padding-bottom: 48px;
    }
    .about-alt-hero-copy,
    .about-alt-orbit {
        width: 100%;
        min-width: 0;
    }
    .about-alt-eyebrow {
        align-items: center;
        flex-direction: column;
        gap: 14px;
    }
    .about-alt-hero-copy h1 {
        font-size: 46px;
        letter-spacing: -1.5px;
    }
    .about-alt-hero-lead {
        font-size: 15px;
        line-height: 1.82;
    }
    .about-alt-proof-list {
        display: grid;
        grid-template-columns: 1fr;
    }
    .about-alt-orbit {
        min-height: 400px;
        padding: 18px;
        border-radius: 18px;
    }
    .about-alt-orbit-canvas {
        height: 278px;
    }
    .about-alt-orbit-ring-three {
        width: 300px;
        height: 300px;
    }
    .about-alt-orbit-ring-two {
        width: 218px;
        height: 218px;
    }
    .about-alt-orbit-ring-one {
        width: 142px;
        height: 142px;
    }
    .about-alt-orbit-core {
        width: 112px;
        height: 112px;
    }
    .about-alt-orbit-node {
        min-width: 96px;
        padding: 8px 10px;
        font-size: 10px;
    }
    .about-alt-node-one { top: 22px; left: 8px; }
    .about-alt-node-two { top: 44px; right: 2px; }
    .about-alt-node-three { right: 7px; bottom: 27px; }
    .about-alt-node-four { bottom: 20px; left: 2px; }
    .about-alt-orbit-foot div {
        padding: 0 5px;
    }
    .about-alt-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .about-alt-metrics article,
    .about-alt-metrics article:first-child {
        min-height: 98px;
        padding: 16px 18px;
    }
    .about-alt-metrics article:nth-child(3) {
        border-left: 0;
    }
    .about-alt-metrics article:nth-child(n+3) {
        border-top: 1px solid rgba(129, 170, 232, 0.17);
    }
    .about-alt-metrics strong {
        font-size: 24px;
    }
    .about-alt-subnav {
        display: none;
    }
    .about-alt-story,
    .about-alt-practice,
    .about-alt-history,
    .about-alt-security {
        padding: 82px 0 88px;
    }
    .about-alt-story-title h2,
    .about-alt-light-heading h2,
    .about-alt-history-heading h2,
    .about-alt-security-copy h2 {
        font-size: 34px;
        letter-spacing: -0.8px;
    }
    .about-alt-story-copy .about-alt-story-lead {
        font-size: 18px;
    }
    .about-alt-culture {
        padding: 82px 0 90px;
    }
    .about-alt-dark-heading h2 {
        font-size: 37px;
    }
    .about-alt-culture-card,
    .about-alt-culture-card-mission {
        min-height: 300px;
        padding: 28px 25px;
    }
    .about-alt-culture-card h3 {
        font-size: 28px;
    }
    .about-alt-card-index {
        top: 24px;
        right: 25px;
        font-size: 50px;
    }
    .about-alt-card-arrow {
        top: 25px;
        left: 25px;
    }
    .about-alt-culture-card-values ul {
        margin-top: 48px;
    }
    .about-alt-practice-card {
        padding: 28px 24px;
    }
    .about-alt-practice-icon {
        margin-bottom: 38px;
    }
    .about-alt-history-shell {
        grid-template-columns: 1fr;
    }
    .about-alt-year-tabs {
        flex-direction: row;
        gap: 4px;
        overflow-x: auto;
        padding: 10px;
        scrollbar-width: none;
    }
    .about-alt-year-tabs::-webkit-scrollbar {
        display: none;
    }
    .about-alt-year-tabs button {
        min-width: 78px;
        min-height: 46px;
        padding: 0 14px;
        text-align: center;
    }
    .about-alt-year-tabs button::after {
        display: none;
    }
    .about-alt-year-panels,
    .about-alt-year-panels article {
        min-height: 430px;
    }
    .about-alt-year-panels article {
        padding: 42px 28px;
    }
    .about-alt-year-panels h3 {
        font-size: 23px;
    }
    .about-alt-security-copy {
        display: block;
    }
    .about-alt-security-seal {
        width: 130px;
        height: 130px;
        margin-top: 36px;
    }
    .about-alt-cert-grid article {
        min-height: 104px;
        padding-right: 14px;
        padding-left: 60px;
    }
    .about-alt-cert-grid i {
        left: 15px;
    }
    .about-alt-cta {
        min-height: 430px;
    }
    .about-alt-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 38px;
    }
    .about-alt-cta-actions {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .about-alt-hero-copy h1 {
        font-size: 40px;
    }
    .about-alt-hero-actions {
        align-items: center;
        flex-direction: column;
        gap: 12px;
    }
    .about-alt-primary-link {
        width: 100%;
    }
    .about-alt-orbit-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
    .about-alt-orbit-canvas {
        height: 265px;
    }
    .about-alt-orbit-ring-three {
        width: 258px;
        height: 258px;
    }
    .about-alt-orbit-node {
        min-width: 0;
        padding: 7px 8px;
    }
    .about-alt-orbit-node span {
        display: none;
    }
    .about-alt-node-one { top: 28px; left: 18px; }
    .about-alt-node-two { top: 54px; right: 14px; }
    .about-alt-node-three { right: 20px; bottom: 34px; }
    .about-alt-node-four { bottom: 28px; left: 15px; }
    .about-alt-orbit-foot strong {
        font-size: 9px;
    }
    .about-alt-story-title blockquote {
        padding-left: 36px;
        font-size: 16px;
    }
    .about-alt-culture-card-values ul {
        grid-template-columns: 1fr;
    }
    .about-alt-culture-card-values {
        min-height: 390px;
    }
    .about-alt-cert-grid {
        grid-template-columns: 1fr;
    }
    .about-alt-cert-grid article {
        min-height: 88px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-alt-orbit-ring-three,
    .about-alt-orbit-top strong i {
        animation: none;
    }
    .js-alt-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* ============================================================
   ABOUT HERO V2 — 人文化品牌表达
   ============================================================ */
.about-alt-hero {
    height: 100vh;
    height: 100svh;
    min-height: 680px;
}

.about-alt-hero::before {
    width: 620px;
    height: 620px;
    top: -370px;
    left: -180px;
    right: auto;
    border-color: rgba(34, 118, 255, 0.1);
    box-shadow:
        0 0 0 68px rgba(34, 118, 255, 0.022),
        0 0 0 136px rgba(34, 118, 255, 0.014);
}

.about-alt-hero::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(34, 118, 255, 0.25), transparent);
}

.about-alt-hero-grid {
    opacity: 0.18;
    background-size: 72px 72px;
    mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.6) 38%, transparent 62%);
    -webkit-mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.6) 38%, transparent 62%);
}

.about-alt-hero-glow-one {
    width: 390px;
    height: 390px;
    top: 14%;
    left: 8%;
    right: auto;
    background: radial-gradient(circle, rgba(34, 118, 255, 0.09), rgba(34, 118, 255, 0) 68%);
}

.about-alt-hero-glow-two {
    width: 300px;
    height: 300px;
    left: 32%;
    bottom: -100px;
    background: radial-gradient(circle, rgba(66, 227, 196, 0.12), rgba(66, 227, 196, 0) 68%);
}

.about-alt-hero-inner {
    min-height: calc(100vh - 68px);
    min-height: calc(100svh - 68px);
    justify-content: flex-start;
    padding-top: 72px;
    padding-bottom: 72px;
}

.about-alt-hero-copy {
    max-width: 650px;
    margin: 0;
    text-align: left;
}

.about-alt-eyebrow {
    justify-content: flex-start;
}

.about-alt-hero-copy h1 {
    font-size: clamp(48px, 4.8vw, 66px);
    line-height: 1.18;
}

.about-alt-hero-lead {
    max-width: 620px;
    margin-right: 0;
    margin-left: 0;
    color: #425B78;
    font-size: 16px;
}

.about-alt-hero-actions {
    justify-content: flex-start;
}

@media (max-width: 899px) {
    .about-alt-hero-copy {
        max-width: 590px;
    }
}

@media (max-width: 767px) {
    .about-alt-hero {
        height: 100svh;
        min-height: 680px;
    }

    .about-alt-hero-grid {
        opacity: 0.12;
        mask-image: linear-gradient(180deg, #000, transparent 68%);
        -webkit-mask-image: linear-gradient(180deg, #000, transparent 68%);
    }

    .about-alt-hero-inner {
        min-height: calc(100svh - 68px);
        align-items: flex-start;
        padding-top: 72px;
        padding-bottom: 42px;
    }

    .about-alt-hero-copy {
        max-width: 100%;
        text-align: left;
    }

    .about-alt-eyebrow {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .about-alt-hero-copy h1 {
        font-size: 42px;
        line-height: 1.2;
    }

    .about-alt-hero-lead {
        max-width: 100%;
        font-size: 15px;
        line-height: 1.82;
    }

    .about-alt-hero-actions {
        align-items: flex-start;
        justify-content: flex-start;
    }
}

@media (max-width: 479px) {
    .about-alt-hero {
        min-height: 650px;
    }

    .about-alt-hero-inner {
        padding-top: 56px;
    }

    .about-alt-hero-copy h1 {
        font-size: 38px;
    }

    .about-alt-hero-actions {
        align-items: center;
        width: 100%;
    }
}

/* ============================================================
   ABOUT HERO V11 — 浅色云海与智能远征
   ============================================================ */
.about-alt-hero {
    background:
        radial-gradient(circle at 50% 36%, rgba(255, 255, 255, 0.3), rgba(220, 239, 253, 0.08) 52%, rgba(184, 216, 242, 0.12)),
        url("../../images/about-hero-light-v1.webp") center center / cover no-repeat;
}

.about-alt-hero::before,
.about-alt-hero::after,
.about-alt-hero-grid,
.about-alt-hero-glow {
    display: none;
}

.about-alt-hero-inner {
    align-items: center;
    justify-content: center;
    padding-top: 68px;
    padding-bottom: 68px;
    transform: translateY(clamp(-150px, -16svh, -96px));
}

.about-alt-hero-copy {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    text-align: center;
}

.about-alt-hero-copy h1 {
    margin: 0;
    color: #153A63;
    font-size: clamp(44px, 4.25vw, 62px);
    line-height: 1.25;
    font-weight: 720;
    letter-spacing: -1.8px;
    white-space: nowrap;
    text-shadow: 0 2px 16px rgba(255, 255, 255, 0.78);
}

.about-alt-hero-lead {
    max-width: none;
    margin: 24px auto 0;
    color: #35658F;
    font-size: 28px;
    line-height: 1.6;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-align: center;
}

@media (max-width: 899px) {
    .about-alt-hero {
        background:
            radial-gradient(circle at 50% 36%, rgba(255, 255, 255, 0.34), rgba(220, 239, 253, 0.09) 52%, rgba(184, 216, 242, 0.14)),
            url("../../images/about-hero-light-v1.webp") center center / cover no-repeat;
    }

    .about-alt-hero-copy {
        max-width: 100%;
    }

    .about-alt-hero-copy h1 {
        font-size: 44px;
    }

    .about-alt-hero-lead {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .about-alt-hero {
        background:
            linear-gradient(180deg, rgba(244, 250, 255, 0.14), rgba(211, 232, 249, 0.2)),
            url("../../images/about-hero-light-v1.webp") center center / auto 100% no-repeat;
        background-color: #EAF5FD;
    }

    .about-alt-hero-inner {
        align-items: center;
        justify-content: center;
        padding-top: 44px;
        padding-bottom: 44px;
        transform: translateY(clamp(-120px, -16svh, -88px));
    }

    .about-alt-hero-copy {
        text-align: center;
    }

    .about-alt-hero-copy h1 {
        font-size: 32px;
        line-height: 1.4;
        letter-spacing: -0.8px;
        white-space: normal;
    }

    .about-alt-hero-lead {
        margin-top: 18px;
        font-size: 18px;
        line-height: 1.7;
    }
}

@media (max-width: 479px) {
    .about-alt-hero-copy h1 {
        font-size: 29px;
    }

    .about-alt-hero-lead {
        font-size: 16px;
    }
}

/* ============================================================
   ABOUT CONTENT V7 — 浅色纵向叙事
   ============================================================ */
.about-alt-story {
    padding: 116px 0 124px;
    background: #FFFFFF;
}

.about-alt-story-layout {
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: 76px;
}

.about-alt-story-heading {
    max-width: 900px;
    margin: 0 auto 66px;
    text-align: center;
}

.about-alt-story-heading h2 {
    margin: 0;
    color: #122B4A;
    font-size: clamp(38px, 4vw, 52px);
    line-height: 1.3;
    font-weight: 690;
    letter-spacing: -1.2px;
}

.about-alt-story-heading h3 {
    margin: 20px 0 0;
    color: #415A77;
    font-family: inherit;
    font-size: 22px;
    line-height: 1.7;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.about-alt-story-heading cite {
    margin-left: 8px;
    color: #7B8DA2;
    font-size: 14px;
    font-style: normal;
}

.about-alt-story-visual {
    position: relative;
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 50px 34px;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 88%, rgba(66, 227, 196, 0.13), transparent 32%),
        radial-gradient(circle at 88% 12%, rgba(34, 118, 255, 0.14), transparent 35%),
        #F4F8FE;
    border: 1px solid #DCE7F3;
    border-radius: 22px;
}

.about-alt-story-visual::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    top: -154px;
    right: -112px;
    border: 1px solid rgba(34, 118, 255, 0.12);
    border-radius: 50%;
    box-shadow: 0 0 0 38px rgba(34, 118, 255, 0.025);
}

.about-alt-story-visual img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
}

.about-alt-story-copy {
    padding-top: 0;
}

.about-alt-story-copy p {
    margin-bottom: 22px;
    color: #566A82;
    font-size: 15px;
    line-height: 2;
}

.about-alt-story-copy p:last-child {
    margin-bottom: 0;
}

.about-alt-section-heading {
    max-width: 820px;
    margin: 0 auto 58px;
    text-align: center;
}

.about-alt-section-heading h2 {
    margin: 0;
    color: #122B4A;
    font-size: clamp(36px, 4vw, 50px);
    line-height: 1.3;
    font-weight: 690;
    letter-spacing: -1.2px;
}

.about-alt-section-heading p {
    max-width: 660px;
    margin: 18px auto 0;
    color: #687A90;
    font-size: 15px;
    line-height: 1.9;
}

.about-alt-culture {
    padding: 112px 0 124px;
    overflow: visible;
    color: var(--alt-ink);
    background: #F5F8FC;
}

.about-alt-culture::before,
.about-alt-culture-grid {
    display: none;
}

.about-alt-culture-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.about-alt-culture-card,
.about-alt-culture-card-mission,
.about-alt-culture-card-values {
    grid-row: auto;
    position: relative;
    min-height: 282px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 34px 32px;
    overflow: hidden;
    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 14px;
    box-shadow: 0 14px 30px rgba(35, 92, 160, 0.12);
}

.about-alt-culture-card-mission {
    background: linear-gradient(115deg, #2C8DF7 0%, #5EA2E9 100%);
}

.about-alt-culture-card-vision {
    background: linear-gradient(115deg, #25BEC7 0%, #69C1C8 100%);
}

.about-alt-culture-card-values {
    background: linear-gradient(115deg, #F39A3A 0%, #F2B65F 100%);
}

.about-alt-culture-card-mission:hover {
    background: linear-gradient(115deg, #2C8DF7 0%, #5EA2E9 100%);
}

.about-alt-culture-card-vision:hover {
    background: linear-gradient(115deg, #25BEC7 0%, #69C1C8 100%);
}

.about-alt-culture-card-values:hover {
    background: linear-gradient(115deg, #F39A3A 0%, #F2B65F 100%);
}

.about-alt-culture-card::before {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    top: -96px;
    right: -70px;
    display: block;
    background: rgba(255, 255, 255, 0.065);
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 50%;
    box-shadow: 0 0 0 34px rgba(255, 255, 255, 0.025);
}

.about-alt-culture-card::after {
    position: absolute;
    z-index: 1;
    right: 18px;
    bottom: -39px;
    color: rgba(255, 255, 255, 0.1);
    font-size: 150px;
    line-height: 1;
    font-weight: 700;
}

.about-alt-culture-card-mission::after {
    content: "▦";
}

.about-alt-culture-card-vision::after {
    content: "◎";
}

.about-alt-culture-card-values::after {
    content: "✦";
}

.about-alt-culture-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 42px rgba(35, 92, 160, 0.18);
}

.about-alt-culture-card h3 {
    position: relative;
    z-index: 2;
    margin: 0;
    padding-bottom: 24px;
    color: #FFFFFF;
    border-bottom: 1px solid rgba(255, 255, 255, 0.58);
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
}

.about-alt-culture-card > p {
    position: relative;
    z-index: 2;
    margin: 28px 0 0;
    color: rgba(255, 255, 255, 0.96);
    font-size: 18px;
    line-height: 1.8;
    font-weight: 500;
    letter-spacing: 0;
}

.about-alt-culture-card-values ul {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 24px 0 0;
}

.about-alt-culture-card-values li {
    min-height: 42px;
    justify-content: flex-start;
    padding: 0;
    color: rgba(255, 255, 255, 0.96);
    background: transparent;
    border: 0;
    border-radius: 0;
    font-size: 15px;
    font-weight: 650;
}

.about-alt-culture-card-values li::before {
    content: "";
    width: 5px;
    height: 5px;
    margin-right: 10px;
    background: rgba(255, 255, 255, 0.82);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
}

.about-alt-body .about-history-section {
    padding: 112px 0 124px;
    background: #FFFFFF;
}

.about-alt-body .about-timeline {
    margin-top: 0;
}

.about-alt-body .about-timeline-content {
    background: #F9FBFE;
    border-color: #DDE6F1;
}

.about-alt-body .about-timeline-content::before {
    background: #F9FBFE;
}

.about-alt-body .about-timeline-content:hover {
    background: #FFFFFF;
}

.about-alt-practice {
    padding: 112px 0 124px;
    background: #F5F8FC;
}

.about-alt-practice-card {
    min-height: 410px;
    border-top: 3px solid #D5E5FF;
}

.about-alt-practice-card-featured {
    background:
        radial-gradient(circle at 100% 0%, rgba(34, 118, 255, 0.09), transparent 34%),
        #FFFFFF;
    border-color: #DCE6F2;
    border-top-color: #A8CAFF;
}

.about-alt-practice-icon {
    margin-bottom: 38px;
}

.about-alt-practice-card h3 {
    margin-bottom: 18px;
    color: #1C3553;
    font-size: 26px;
}

.about-alt-practice-card > p {
    min-height: 88px;
    font-size: 14px;
}

@media (min-width: 768px) and (max-width: 899px) {
    .about-alt-culture-cards,
    .about-alt-practice-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .about-alt-culture-card,
    .about-alt-culture-card-mission,
    .about-alt-culture-card-values {
        min-height: 282px;
        padding: 28px 24px;
    }

    .about-alt-culture-card > p {
        font-size: 17px;
    }

    .about-alt-culture-card-values ul {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .about-alt-culture-card-values li {
        min-height: 46px;
    }

    .about-alt-practice-card {
        min-height: 440px;
        padding: 28px 22px;
    }
}

@media (max-width: 767px) {
    .about-alt-story,
    .about-alt-culture,
    .about-alt-body .about-history-section,
    .about-alt-practice {
        padding: 78px 0 86px;
    }

    .about-alt-story-layout {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .about-alt-story-heading {
        margin-bottom: 46px;
    }

    .about-alt-story-heading h2,
    .about-alt-section-heading h2 {
        font-size: 34px;
        letter-spacing: -0.8px;
    }

    .about-alt-story-heading h3 {
        font-size: 19px;
    }

    .about-alt-story-visual {
        min-height: 270px;
        padding: 40px 26px;
    }

    .about-alt-section-heading {
        margin-bottom: 42px;
        text-align: left;
    }

    .about-alt-section-heading p {
        margin-right: 0;
        margin-left: 0;
    }

    .about-alt-culture-cards,
    .about-alt-practice-grid {
        grid-template-columns: 1fr;
    }

    .about-alt-culture-card,
    .about-alt-culture-card-mission,
    .about-alt-culture-card-values {
        min-height: 250px;
        padding: 30px 26px;
    }

    .about-alt-culture-card > p {
        margin-top: 30px;
        font-size: 20px;
    }

    .about-alt-practice-card {
        min-height: 0;
    }

    .about-alt-practice-card > p {
        min-height: 0;
    }
}

@media (max-width: 479px) {
    .about-alt-culture-card-values ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 28px;
    }

    .about-alt-culture-card-values li {
        min-height: 50px;
        padding: 0 8px;
        font-size: 13px;
    }
}

/* ============================================================
   CORE CAPABILITIES V9 — 三力协同系统
   ============================================================ */
.about-alt-practice {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 18%, rgba(34, 118, 255, 0.08), transparent 26%),
        radial-gradient(circle at 92% 84%, rgba(66, 195, 196, 0.1), transparent 28%),
        #F5F8FC;
}

.about-alt-practice::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: 0.32;
    background-image:
        linear-gradient(rgba(113, 151, 201, 0.075) 1px, transparent 1px),
        linear-gradient(90deg, rgba(113, 151, 201, 0.075) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, transparent, #000 28%, #000 72%, transparent);
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 28%, #000 72%, transparent);
}

.about-alt-practice .section-container {
    position: relative;
    z-index: 1;
}

.about-alt-practice .about-alt-section-heading {
    max-width: 1120px;
}

.about-alt-practice .about-alt-section-heading p {
    max-width: 1080px;
}

.about-alt-practice-grid {
    position: relative;
    gap: 24px;
}

.about-alt-practice-grid::before {
    content: "";
    position: absolute;
    z-index: 0;
    height: 2px;
    top: 75px;
    right: 8%;
    left: 8%;
    background: linear-gradient(90deg, #75AFFF, #5ACBC5 52%, #F4B25D);
    opacity: 0.48;
}

.about-alt-practice-card {
    --capability-accent: #2276FF;
    --capability-soft: #EDF4FF;
    --capability-border: #D6E5FA;
    --capability-mark: "产";
    position: relative;
    z-index: 1;
    min-height: 650px;
    display: flex;
    flex-direction: column;
    padding: 36px 32px 32px;
    overflow: hidden;
    background:
        radial-gradient(circle at 102% -2%, var(--capability-soft), transparent 39%),
        #FFFFFF;
    border: 1px solid var(--capability-border);
    border-top: 0;
    border-radius: 20px;
    box-shadow: 0 14px 34px rgba(35, 72, 120, 0.07);
}

.about-alt-practice-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: var(--capability-accent);
}

.about-alt-practice-card::after {
    content: var(--capability-mark);
    position: absolute;
    z-index: 0;
    top: 84px;
    right: 16px;
    color: var(--capability-soft);
    font-size: 138px;
    line-height: 1;
    font-weight: 800;
    pointer-events: none;
}

.about-alt-practice-card-product {
    --capability-accent: #2E80F5;
    --capability-soft: #EAF3FF;
    --capability-border: #D5E5FA;
    --capability-mark: "产";
}

.about-alt-practice-card-delivery {
    --capability-accent: #28BFC2;
    --capability-soft: #E6F8F7;
    --capability-border: #D2EBE9;
    --capability-mark: "交";
}

.about-alt-practice-card-service {
    --capability-accent: #EF9A3C;
    --capability-soft: #FFF2E4;
    --capability-border: #F2E0C9;
    --capability-mark: "服";
}

.about-alt-practice-card:hover {
    transform: translateY(-6px);
    border-color: var(--capability-border);
    box-shadow: 0 22px 48px rgba(35, 72, 120, 0.12);
}

.about-alt-practice-icon {
    position: relative;
    z-index: 2;
    width: 78px;
    height: 78px;
    flex: 0 0 auto;
    margin-bottom: 30px;
    background: var(--capability-soft);
    border: 1px solid var(--capability-border);
    border-radius: 22px;
    box-shadow: 0 10px 24px rgba(33, 82, 142, 0.08);
}

.about-alt-practice-icon::before {
    border-color: var(--capability-accent);
}

.about-alt-practice-icon i {
    background: var(--capability-accent);
}

.about-alt-practice-icon-product::before {
    width: 34px;
    height: 34px;
    top: 20px;
    left: 20px;
    border-radius: 9px;
}

.about-alt-practice-icon-product i:nth-child(1) { width: 15px; top: 32px; left: 29px; }
.about-alt-practice-icon-product i:nth-child(2) { width: 22px; top: 39px; left: 26px; }
.about-alt-practice-icon-product i:nth-child(3) { width: 11px; top: 46px; left: 31px; }

.about-alt-practice-icon-delivery::before {
    width: 39px;
    height: 20px;
    top: 27px;
    left: 18px;
    border-width: 0 0 2px 2px;
    border-radius: 0 0 0 10px;
    transform: rotate(-18deg);
}

.about-alt-practice-icon-delivery i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.about-alt-practice-icon-delivery i:nth-child(1) { top: 41px; left: 20px; }
.about-alt-practice-icon-delivery i:nth-child(2) { top: 31px; left: 36px; opacity: 0.75; }
.about-alt-practice-icon-delivery i:nth-child(3) { top: 24px; left: 52px; opacity: 0.45; }

.about-alt-practice-icon-service::before {
    width: 36px;
    height: 36px;
    top: 19px;
    left: 19px;
    border-radius: 50%;
}

.about-alt-practice-icon-service i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.about-alt-practice-icon-service i:nth-child(1) { top: 35px; left: 35px; }
.about-alt-practice-icon-service i:nth-child(2) { top: 25px; left: 46px; opacity: 0.68; }
.about-alt-practice-icon-service i:nth-child(3) { top: 47px; left: 25px; opacity: 0.42; }

.about-alt-practice-card h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 16px;
    color: #17304D;
    font-size: 29px;
    line-height: 1.35;
    font-weight: 710;
}

.about-alt-practice-card > p {
    position: relative;
    z-index: 2;
    min-height: 0;
    margin: 0;
    color: #5A6E86;
    font-size: 14px;
    line-height: 1.86;
}

.about-alt-practice-card > .about-alt-practice-kicker {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 8px;
    color: var(--capability-accent);
    font-size: 11px;
    line-height: 1.4;
    font-weight: 750;
    letter-spacing: 0.7px;
}

.about-alt-practice-proof-list {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 12px;
    margin-top: 24px;
}

.about-alt-practice-proof-list > div {
    position: relative;
    padding: 15px 15px 15px 17px;
    background: var(--capability-soft);
    border: 1px solid var(--capability-border);
    border-radius: 12px;
}

.about-alt-practice-proof-list > div::before {
    content: "";
    position: absolute;
    width: 3px;
    top: 17px;
    bottom: 17px;
    left: -1px;
    background: var(--capability-accent);
    border-radius: 0 3px 3px 0;
}

.about-alt-practice-proof-list strong {
    display: block;
    margin-bottom: 6px;
    color: #263E5A;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 750;
}

.about-alt-practice-proof-list p {
    margin: 0;
    color: #66788D;
    font-size: 12px;
    line-height: 1.72;
}

.about-alt-practice-card ul {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
    margin-bottom: 36px;
    padding-top: 0;
    border-top: 0;
}

.about-alt-practice-card li,
.about-alt-practice-card li + li {
    margin: 0;
    padding: 8px 11px;
    color: var(--capability-accent);
    background: var(--capability-soft);
    border: 1px solid var(--capability-border);
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 650;
}

.about-alt-practice-card li::before {
    display: none;
}

.about-alt-practice-outcome {
    position: relative;
    z-index: 2;
    margin-top: auto;
    padding-top: 24px;
}

.about-alt-practice-outcome::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, var(--capability-border), transparent);
}

.about-alt-practice-outcome span,
.about-alt-practice-outcome strong {
    display: block;
}

.about-alt-practice-outcome span {
    margin-bottom: 7px;
    color: #8291A4;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 0.8px;
}

.about-alt-practice-outcome strong {
    color: #263E5A;
    font-size: 14px;
    line-height: 1.65;
    font-weight: 700;
}

@media (min-width: 768px) and (max-width: 899px) {
    .about-alt-practice-grid {
        gap: 14px;
    }

    .about-alt-practice-card {
        min-height: 0;
        padding: 28px 20px 24px;
    }

    .about-alt-practice-card::after {
        top: 88px;
        font-size: 112px;
    }

    .about-alt-practice-card h3 {
        font-size: 25px;
    }

    .about-alt-practice-card > p {
        min-height: 0;
        font-size: 13px;
    }

    .about-alt-practice-proof-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-alt-practice-outcome {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .about-alt-practice-grid::before {
        display: none;
    }

    .about-alt-practice-card {
        min-height: 0;
        padding: 32px 26px 28px;
    }

    .about-alt-practice-card > p {
        min-height: 0;
    }

    .about-alt-practice-proof-list {
        gap: 10px;
    }

    .about-alt-practice-outcome {
        margin-top: 0;
    }

    .about-alt-practice-card::after {
        top: 74px;
        right: 10px;
        font-size: 118px;
    }
}

/* ============================================================
   BOTTOM CTA V10 — 浅色合作引导
   ============================================================ */
.about-alt-bottom-cta {
    margin-top: 88px;
    padding: 0;
    background: transparent;
}

.about-alt-bottom-cta-card {
    position: relative;
    min-height: 310px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 64px;
    padding: 58px 64px;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 105%, rgba(66, 227, 196, 0.2), transparent 34%),
        radial-gradient(circle at 92% -8%, rgba(239, 154, 60, 0.18), transparent 30%),
        linear-gradient(118deg, #EAF3FF 0%, #EDF9F8 56%, #FFF4E8 100%);
    border: 1px solid #D7E5F2;
    border-radius: 26px;
    box-shadow: 0 22px 52px rgba(35, 72, 120, 0.09);
}

.about-alt-bottom-cta-card::before,
.about-alt-bottom-cta-card::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border: 1px solid rgba(34, 118, 255, 0.1);
    border-radius: 50%;
}

.about-alt-bottom-cta-card::before {
    width: 330px;
    height: 330px;
    top: -238px;
    right: 19%;
    box-shadow:
        0 0 0 46px rgba(34, 118, 255, 0.025),
        0 0 0 92px rgba(34, 118, 255, 0.015);
}

.about-alt-bottom-cta-card::after {
    width: 190px;
    height: 190px;
    right: -96px;
    bottom: -104px;
    border-color: rgba(239, 154, 60, 0.16);
    box-shadow: 0 0 0 34px rgba(239, 154, 60, 0.025);
}

.about-alt-bottom-cta-copy,
.about-alt-bottom-cta-actions {
    position: relative;
    z-index: 2;
}

.about-alt-bottom-cta-copy {
    max-width: 690px;
}

.about-alt-bottom-cta-copy > span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 13px;
    color: #2276FF;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(34, 118, 255, 0.14);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

.about-alt-bottom-cta-copy h2 {
    margin: 22px 0 0;
    color: #122B4A;
    font-size: clamp(34px, 3.5vw, 48px);
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -1.2px;
}

.about-alt-bottom-cta-copy p {
    max-width: 620px;
    margin: 18px 0 0;
    color: #61758D;
    font-size: 15px;
    line-height: 1.9;
}

.about-alt-bottom-cta-actions {
    min-width: 230px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
}

.about-alt-bottom-cta-actions a {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    transition: transform 0.24s ease, box-shadow 0.24s ease;
}

.about-alt-bottom-cta-primary {
    color: #FFFFFF;
    background: #2276FF;
    box-shadow: 0 12px 24px rgba(34, 118, 255, 0.2);
}

.about-alt-bottom-cta-primary:hover {
    color: #FFFFFF;
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(34, 118, 255, 0.26);
}

.about-alt-bottom-cta-secondary {
    color: #35516F;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid #D8E4F0;
}

.about-alt-bottom-cta-secondary:hover {
    color: #2276FF;
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(35, 72, 120, 0.08);
}

@media (max-width: 899px) {
    .about-alt-bottom-cta-card {
        align-items: flex-start;
        flex-direction: column;
        gap: 34px;
        padding: 50px 46px;
    }

    .about-alt-bottom-cta-actions {
        width: 100%;
        min-width: 0;
        flex-direction: row;
    }

    .about-alt-bottom-cta-actions a {
        flex: 1;
    }
}

@media (max-width: 767px) {
    .about-alt-bottom-cta {
        margin-top: 58px;
        padding: 0;
    }

    .about-alt-bottom-cta-card {
        min-height: 0;
        padding: 42px 28px;
        border-radius: 20px;
    }

    .about-alt-bottom-cta-copy h2 {
        font-size: 32px;
        letter-spacing: -0.7px;
    }

    .about-alt-bottom-cta-actions {
        flex-direction: column;
    }
}

/* ============================================================
   TIME-BASED HERO V12 — 日间浅色 / 夜间深色
   ============================================================ */
.about-alt-hero-copy h1,
.about-alt-hero-lead {
    transition: color 0.45s ease, text-shadow 0.45s ease;
}

html.about-theme-night .about-alt-hero {
    background:
        radial-gradient(circle at 50% 43%, rgba(5, 35, 90, 0.06), rgba(0, 9, 28, 0.22)),
        url("../../images/about-hero-summit-v3.webp") center center / cover no-repeat;
}

html.about-theme-night .about-alt-hero-copy h1 {
    color: #FFFFFF;
    text-shadow: 0 8px 28px rgba(0, 17, 56, 0.25);
}

html.about-theme-night .about-alt-hero-lead {
    color: #C9DCFF;
}

@media (max-width: 899px) {
    html.about-theme-night .about-alt-hero {
        background:
            radial-gradient(circle at 50% 43%, rgba(5, 35, 90, 0.08), rgba(0, 9, 28, 0.26)),
            url("../../images/about-hero-summit-v3.webp") center center / cover no-repeat;
    }
}

@media (max-width: 767px) {
    html.about-theme-night .about-alt-hero {
        background:
            linear-gradient(180deg, rgba(1, 18, 52, 0.14), rgba(0, 8, 28, 0.3)),
            url("../../images/about-hero-summit-v3.webp") center center / auto 100% no-repeat;
        background-color: #02132F;
    }
}