/* ======================================================================
   iThink Media About Page — International Premium Revision v1.1.0
   Dedicated About-page visual system. Leadership component remains intact.
   ====================================================================== */

body[data-page="about"] {
    background: #020817;
}
body[data-page="about"] main {
    position: relative;
    overflow: clip;
    background:
        radial-gradient(circle at 12% 9%, rgba(44, 113, 255, .18), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(255, 73, 104, .10), transparent 24%),
        linear-gradient(180deg, #020817 0%, #061a3e 46%, #030b1e 100%);
}
body[data-page="about"] main > section {
    position: relative;
    isolation: isolate;
}
body[data-page="about"] main > section:not(.about-home-ticker-bridge)::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: min(1180px, calc(100% - 36px));
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(113, 214, 255, .26), rgba(255, 83, 111, .20), transparent);
    pointer-events: none;
}

/* Shared commercial ticker */
body[data-page="about"] .about-home-ticker-bridge {
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 18% 50%, rgba(77, 189, 255, .14), transparent 34%),
        linear-gradient(90deg, #061633 0%, #0a3275 48%, #061633 100%);
    border-top: 1px solid rgba(109, 214, 255, .24);
    border-bottom: 1px solid rgba(109, 214, 255, .20);
    box-shadow: 0 18px 44px rgba(1, 9, 28, .26);
}
body[data-page="about"] .about-home-ticker-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 12px 20px;
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr) 176px;
    gap: 16px;
    align-items: center;
}
body[data-page="about"] .about-home-ticker-label {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: .95rem;
}
body[data-page="about"] .about-home-ticker-live-dot {
    width: 11px;
    height: 11px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #ff4d69;
    box-shadow: 0 0 0 0 rgba(255, 77, 105, .56);
    animation: aboutPulseDot 1.9s infinite;
}
@keyframes aboutPulseDot {
    0% { box-shadow: 0 0 0 0 rgba(255, 77, 105, .56); }
    70% { box-shadow: 0 0 0 12px rgba(255, 77, 105, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 77, 105, 0); }
}
body[data-page="about"] .about-home-ticker-label strong { display: block; font-weight: 900; }
body[data-page="about"] .about-home-ticker-label small { display: block; color: rgba(238, 247, 255, .72); font-size: .78rem; }
body[data-page="about"] .about-home-ticker-window {
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
body[data-page="about"] .about-home-ticker-track {
    display: flex;
    width: max-content;
    gap: 16px;
    animation: aboutTickerMove 32s linear infinite;
}
body[data-page="about"] .about-home-ticker-window:hover .about-home-ticker-track { animation-play-state: running; }
@keyframes aboutTickerMove { from { transform: translateX(0); } to { transform: translateX(-50%); } }
body[data-page="about"] .about-home-ticker-group { display: flex; align-items: center; gap: 16px; }
body[data-page="about"] .about-home-ticker-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    padding: 10px 14px;
    color: #eef8ff;
    text-decoration: none;
    font-size: .91rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
    backdrop-filter: blur(10px);
    transition: transform .24s ease, background .24s ease, border-color .24s ease;
}
body[data-page="about"] .about-home-ticker-item:hover {
    transform: translateY(-2px);
    border-color: rgba(111, 220, 255, .48);
    background: rgba(255, 255, 255, .12);
}
body[data-page="about"] .about-home-ticker-item .dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #72dcff;
    box-shadow: 0 0 12px rgba(114, 220, 255, .90);
}
body[data-page="about"] .about-home-ticker-item.about-home-ticker-advertise {
    background: linear-gradient(90deg, rgba(255, 75, 103, .22), rgba(32, 124, 255, .20));
}
body[data-page="about"] .about-home-ticker-quote {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    color: #fff;
    text-decoration: none;
    font-weight: 900;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff4a66, #1d74ff);
    box-shadow: 0 12px 30px rgba(1, 11, 35, .30);
}

/* Hero */
body[data-page="about"] .about-premium-hero {
    overflow: hidden;
    padding: 34px 0 54px;
    color: #fff;
    background:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
        radial-gradient(circle at 80% 30%, rgba(72, 189, 255, .24), transparent 26%),
        radial-gradient(circle at 18% 78%, rgba(255, 75, 104, .13), transparent 24%),
        linear-gradient(135deg, #020b22 0%, #08275e 50%, #0b4ca3 100%);
    background-size: 42px 42px, 42px 42px, auto, auto, auto;
}
body[data-page="about"] .about-premium-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(110deg, rgba(2, 8, 24, .94) 0%, rgba(2, 8, 24, .54) 48%, rgba(2, 8, 24, .10) 100%);
}
body[data-page="about"] .about-premium-hero-grid {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr);
    gap: 42px;
    align-items: center;
}
body[data-page="about"] .about-premium-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: rgba(234, 247, 255, .72);
    font-size: .92rem;
}
body[data-page="about"] .about-premium-breadcrumbs a { color: #8ce5ff; text-decoration: none; }
body[data-page="about"] .about-hero-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}
body[data-page="about"] .about-hero-kicker i {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #ff536e;
    box-shadow: 0 0 16px rgba(255, 83, 110, .92);
}
body[data-page="about"] .about-premium-hero-copy h1 {
    margin: 18px 0 16px;
    font-size: clamp(3rem, 5.8vw, 5.3rem);
    line-height: .92;
    letter-spacing: -.055em;
}
body[data-page="about"] .about-premium-hero-copy h1 .line-one {
    display: block;
    color: #f5fbff;
    font-weight: 850;
}
body[data-page="about"] .about-wordmark-text {
    display: block;
    margin-top: 12px;
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 700;
    letter-spacing: -.045em;
    filter: drop-shadow(0 12px 28px rgba(0,0,0,.24));
}
body[data-page="about"] .about-wordmark-text .red { color: #ff4058; }
body[data-page="about"] .about-wordmark-text .blue { color: #90b9ff; }
body[data-page="about"] .about-hero-summary {
    max-width: 720px;
    margin: 0;
    color: rgba(235, 247, 255, .87);
    font-size: 1.08rem;
    line-height: 1.82;
}
body[data-page="about"] .about-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 26px; }
body[data-page="about"] .about-hero-actions .btn {
    min-height: 50px;
    padding: 0 23px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
body[data-page="about"] .about-hero-actions .btn-primary {
    color: #fff;
    background: linear-gradient(135deg, #ff4663, #2879ff);
    box-shadow: 0 18px 44px rgba(2, 11, 33, .30), inset 0 1px 0 rgba(255,255,255,.26);
}
body[data-page="about"] .about-hero-actions .btn-secondary {
    color: #eef8ff;
    border: 1px solid rgba(255, 255, 255, .20);
    background: rgba(255, 255, 255, .07);
}
body[data-page="about"] .about-hero-stat-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}
body[data-page="about"] .about-hero-stat {
    position: relative;
    overflow: hidden;
    padding: 17px 16px 15px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 21px;
    background: linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.13);
}
body[data-page="about"] .about-hero-stat::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    right: -45px;
    bottom: -55px;
    border-radius: 50%;
    background: rgba(113, 220, 255, .15);
    filter: blur(2px);
}
body[data-page="about"] .about-hero-stat strong { display: block; margin-bottom: 8px; font-size: 1.6rem; line-height: 1; }
body[data-page="about"] .about-hero-stat span { display: block; color: rgba(235,247,255,.75); font-size: .90rem; line-height: 1.55; }
body[data-page="about"] .about-premium-hero-visual {
    position: relative;
    min-height: 510px;
    display: flex;
    align-items: center;
    justify-content: center;
}
body[data-page="about"] .about-hero-orbit,
body[data-page="about"] .about-hero-orbit-two {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(109, 216, 255, .30);
}
body[data-page="about"] .about-hero-orbit { width: 458px; height: 458px; animation: aboutOrbitSpin 17s linear infinite; }
body[data-page="about"] .about-hero-orbit-two { width: 326px; height: 326px; border-color: rgba(255, 194, 78, .32); animation: aboutOrbitSpinReverse 12s linear infinite; }
@keyframes aboutOrbitSpin { to { transform: rotate(360deg); } }
@keyframes aboutOrbitSpinReverse { from { transform: rotate(360deg); } to { transform: rotate(0deg); } }
body[data-page="about"] .about-hero-orbit::before,
body[data-page="about"] .about-hero-orbit::after,
body[data-page="about"] .about-hero-orbit-two::before,
body[data-page="about"] .about-hero-orbit-two::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}
body[data-page="about"] .about-hero-orbit::before { top: 23px; right: 88px; background: #6fe3ff; box-shadow: 0 0 20px rgba(111,227,255,.96); }
body[data-page="about"] .about-hero-orbit::after { bottom: 47px; left: 37px; background: #ff5874; box-shadow: 0 0 20px rgba(255,88,116,.94); }
body[data-page="about"] .about-hero-orbit-two::before { top: 18px; left: 70px; background: #ffd05a; box-shadow: 0 0 18px rgba(255,208,90,.95); }
body[data-page="about"] .about-hero-orbit-two::after { bottom: 11px; right: 83px; background: #55f2bb; box-shadow: 0 0 18px rgba(85,242,187,.94); }
body[data-page="about"] .about-hero-bulb-core {
    position: relative;
    width: min(100%, 392px);
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 42px;
    border: 1px solid rgba(255,255,255,.17);
    background:
        radial-gradient(circle at 50% 42%, rgba(255, 211, 80, .18), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.045));
    backdrop-filter: blur(12px);
    box-shadow:
        0 18px 0 rgba(2, 13, 42, .68),
        0 34px 74px rgba(0, 6, 24, .38),
        inset 0 1px 0 rgba(255,255,255,.22),
        inset 0 -22px 38px rgba(2, 18, 54, .22);
}
body[data-page="about"] .about-hero-bulb-core::before {
    content: "";
    position: absolute;
    width: 72%;
    height: 72%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 225, 121, .48) 0%, rgba(255, 202, 67, .15) 40%, transparent 72%);
    filter: blur(4px);
    animation: aboutGlowPulse 3.2s ease-in-out infinite;
}
@keyframes aboutGlowPulse { 0%,100% { transform: scale(.92); opacity: .72; } 50% { transform: scale(1.06); opacity: 1; } }
body[data-page="about"] .about-hero-bulb-core img {
    position: relative;
    z-index: 2;
    width: 62%;
    max-width: 246px;
    height: auto;
    filter: drop-shadow(0 0 25px rgba(255,214,91,.60)) drop-shadow(0 14px 28px rgba(0,0,0,.26));
    animation: aboutBulbFloat 4.8s ease-in-out infinite;
}
@keyframes aboutBulbFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
body[data-page="about"] .about-hero-bulb-tag {
    position: absolute;
    z-index: 4;
    left: 28px;
    bottom: 27px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    color: #fff;
    background: rgba(3, 17, 48, .78);
    font-size: .88rem;
    font-weight: 800;
}
body[data-page="about"] .about-hero-bulb-tag .spark { width: 9px; height: 9px; border-radius: 50%; background: #ffd15c; box-shadow: 0 0 14px rgba(255,209,92,.95); }

/* Shared section framing */
body[data-page="about"] .about-premium-section { padding-top: 84px; padding-bottom: 84px; }
body[data-page="about"] .about-section-intro {
    max-width: 820px;
    margin: 0 auto 36px;
    text-align: center;
}
body[data-page="about"] .about-section-intro .eyebrow { color: #74dcff; }
body[data-page="about"] .about-section-intro h2 {
    margin: 13px 0 14px;
    color: #f5fbff;
    font-size: clamp(2.25rem, 4.5vw, 4rem);
    line-height: 1.02;
    letter-spacing: -.04em;
}
body[data-page="about"] .about-section-intro p { margin: 0; color: rgba(225,240,255,.72); font-size: 1.03rem; line-height: 1.78; }

/* Who We Are — premium media console */
body[data-page="about"] #who-we-are {
    background:
        radial-gradient(circle at 12% 18%, rgba(46, 143, 255, .22), transparent 26%),
        radial-gradient(circle at 91% 76%, rgba(255, 65, 99, .11), transparent 24%),
        linear-gradient(150deg, #030b20 0%, #071d48 52%, #06285e 100%);
}
body[data-page="about"] #who-we-are::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .26;
    background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 48px 48px;
}
body[data-page="about"] .about-who-console {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(118, 220, 255, .24);
    border-radius: 38px;
    background: linear-gradient(145deg, rgba(13, 47, 103, .96), rgba(5, 20, 54, .98));
    box-shadow:
        0 15px 0 #03102b,
        0 31px 78px rgba(0, 7, 27, .44),
        0 0 0 8px rgba(88, 192, 255, .035),
        inset 0 1px 0 rgba(255,255,255,.15);
}
body[data-page="about"] .about-who-console::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 78% 10%, rgba(102, 220, 255, .16), transparent 27%);
}
body[data-page="about"] .about-who-frame {
    position: relative;
    margin: 0;
    padding: 18px;
    min-width: 0;
    background: linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
    border-right: 1px solid rgba(255,255,255,.10);
}
body[data-page="about"] .about-media-chrome {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 0 13px;
    color: rgba(230,245,255,.76);
    font-size: .80rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}
body[data-page="about"] .about-media-dots { display: flex; gap: 7px; }
body[data-page="about"] .about-media-dots i { width: 9px; height: 9px; border-radius: 50%; background: #ff526d; box-shadow: 18px 0 0 #ffc857, 36px 0 0 #5bedb8; }
body[data-page="about"] .about-media-screen {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 28px;
    background: #020816;
    box-shadow:
        0 12px 0 rgba(1, 8, 27, .80),
        0 22px 48px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.12);
}
body[data-page="about"] .about-media-screen::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 50%, rgba(2, 10, 30, .54) 100%);
}
body[data-page="about"] .about-media-screen img {
    display: block;
    width: 100%;
    height: 445px;
    object-fit: cover;
    object-position: center;
    transform: scale(1.01);
}
body[data-page="about"] .about-media-badges {
    position: absolute;
    z-index: 4;
    left: 22px;
    right: 22px;
    bottom: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
}
body[data-page="about"] .about-media-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    color: #fff;
    background: rgba(4, 18, 50, .82);
    backdrop-filter: blur(10px);
    font-size: .88rem;
    font-weight: 850;
}
body[data-page="about"] .about-media-badge i { width: 9px; height: 9px; border-radius: 50%; background: #ff506b; box-shadow: 0 0 15px rgba(255,80,107,.92); }
body[data-page="about"] .about-media-badge.secondary i { background: #69dfff; box-shadow: 0 0 15px rgba(105,223,255,.92); }
body[data-page="about"] .about-who-copy {
    position: relative;
    z-index: 2;
    padding: 38px 34px 34px;
    color: #fff;
}
body[data-page="about"] .about-who-copy .eyebrow { color: #7ce4ff; }
body[data-page="about"] .about-who-copy h2 {
    margin: 12px 0 18px;
    color: #fff;
    font-size: clamp(2.15rem, 3.5vw, 3.35rem);
    line-height: 1.04;
    letter-spacing: -.035em;
}
body[data-page="about"] .about-who-copy > p { margin: 0 0 15px; color: rgba(232,245,255,.80); line-height: 1.78; }
body[data-page="about"] .about-who-copy > p.muted { color: rgba(207,228,247,.69); }
body[data-page="about"] .about-capability-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin-top: 23px;
}
body[data-page="about"] .about-capability {
    position: relative;
    overflow: hidden;
    min-height: 128px;
    padding: 16px 15px 15px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 10px 28px rgba(1,10,30,.18);
}
body[data-page="about"] .about-capability::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    right: -48px;
    bottom: -50px;
    border-radius: 50%;
    background: rgba(79, 190, 255, .16);
}
body[data-page="about"] .about-capability-top { display: flex; align-items: center; gap: 11px; margin-bottom: 10px; }
body[data-page="about"] .about-capability i {
    display: inline-flex;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: #fff;
    font-style: normal;
    font-size: .83rem;
    font-weight: 900;
    background: linear-gradient(135deg, #1f7cff, #7ee5ff);
    box-shadow: 0 9px 22px rgba(31,124,255,.23);
}
body[data-page="about"] .about-capability strong { color: #fff; font-size: .97rem; line-height: 1.3; }
body[data-page="about"] .about-capability span { position: relative; z-index: 2; display: block; color: rgba(213,234,252,.72); font-size: .88rem; line-height: 1.56; }

/* Vision, Mission & Values — luminous 3D cards */
body[data-page="about"] .about-vmv-section {
    overflow: hidden;
    background:
        radial-gradient(circle at 16% 12%, rgba(54, 128, 255, .25), transparent 28%),
        radial-gradient(circle at 86% 80%, rgba(132, 78, 255, .19), transparent 28%),
        linear-gradient(145deg, #04112d 0%, #091b46 46%, #12194e 100%);
}
body[data-page="about"] .about-vmv-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .55;
    background:
        linear-gradient(120deg, transparent 0 45%, rgba(255,255,255,.025) 45% 46%, transparent 46% 100%),
        radial-gradient(circle at 50% 50%, transparent 0 38%, rgba(255,255,255,.035) 39%, transparent 40%);
    background-size: 110px 110px, 220px 220px;
}
body[data-page="about"] .about-vmv-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}
body[data-page="about"] .about-vmv-card {
    --vmv-one: #2686ff;
    --vmv-two: #78e2ff;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 410px;
    padding: 32px 29px 30px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 31px;
    color: #fff;
    background:
        radial-gradient(circle at 92% 4%, color-mix(in srgb, var(--vmv-one) 25%, transparent), transparent 30%),
        linear-gradient(155deg, rgba(17, 51, 111, .98), rgba(4, 17, 50, .98));
    box-shadow:
        0 13px 0 color-mix(in srgb, var(--vmv-one) 32%, #02081a),
        0 27px 58px rgba(0, 5, 24, .38),
        0 0 0 7px rgba(255,255,255,.025),
        inset 0 1px 0 rgba(255,255,255,.15),
        inset 0 -25px 44px rgba(0,0,0,.18);
    transform: translateY(0) perspective(950px) rotateX(0deg);
    transition: transform .34s ease, box-shadow .34s ease;
}
body[data-page="about"] .about-vmv-card.mission { --vmv-one: #13b782; --vmv-two: #78f1cb; }
body[data-page="about"] .about-vmv-card.values { --vmv-one: #ff9e2e; --vmv-two: #ffdf75; }
body[data-page="about"] .about-vmv-card:hover {
    transform: translateY(-8px) perspective(950px) rotateX(1.5deg);
    box-shadow:
        0 18px 0 color-mix(in srgb, var(--vmv-one) 35%, #02081a),
        0 37px 72px rgba(0, 5, 24, .44),
        0 0 36px color-mix(in srgb, var(--vmv-one) 18%, transparent),
        inset 0 1px 0 rgba(255,255,255,.17),
        inset 0 -25px 44px rgba(0,0,0,.18);
}
body[data-page="about"] .about-vmv-card::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: -70%;
    background: conic-gradient(from 0deg, transparent 0 20%, var(--vmv-two) 26%, var(--vmv-one) 31%, transparent 38% 68%, rgba(255,255,255,.75) 73%, transparent 79% 100%);
    animation: vmvBorderRotate 7s linear infinite;
}
body[data-page="about"] .about-vmv-card::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 2px;
    border-radius: 29px;
    background:
        radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--vmv-one) 23%, transparent), transparent 30%),
        linear-gradient(155deg, rgba(18, 54, 117, .99), rgba(3, 14, 43, .99));
}
@keyframes vmvBorderRotate { to { transform: rotate(360deg); } }
body[data-page="about"] .about-vmv-number {
    position: absolute;
    top: 20px;
    right: 22px;
    color: rgba(255,255,255,.10);
    font-size: 5rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.08em;
}
body[data-page="about"] .about-vmv-card .tag {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid color-mix(in srgb, var(--vmv-two) 48%, transparent);
    border-radius: 999px;
    color: #fff;
    background: color-mix(in srgb, var(--vmv-one) 25%, transparent);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}
body[data-page="about"] .about-vmv-card h3 {
    position: relative;
    z-index: 3;
    margin: 25px 0 17px;
    color: #fff;
    font-size: clamp(1.72rem, 2.45vw, 2.25rem);
    line-height: 1.12;
    letter-spacing: -.025em;
}
body[data-page="about"] .about-vmv-card p {
    position: relative;
    z-index: 3;
    margin: 0;
    color: rgba(222, 239, 255, .74);
    font-size: 1rem;
    line-height: 1.8;
}
body[data-page="about"] .about-vmv-card .about-vmv-icon {
    position: absolute;
    z-index: 3;
    left: 29px;
    bottom: 28px;
    display: flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--vmv-two) 46%, transparent);
    border-radius: 19px;
    color: #fff;
    background: linear-gradient(135deg, color-mix(in srgb, var(--vmv-one) 42%, transparent), rgba(255,255,255,.07));
    box-shadow: 0 12px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.17);
    font-size: 1.4rem;
}
body[data-page="about"] .about-vmv-card .edge-star,
body[data-page="about"] .about-vmv-card .edge-star-two {
    position: absolute;
    z-index: 6;
    width: 18px;
    height: 18px;
    background:
        radial-gradient(circle, #fff 0 13%, transparent 42%),
        linear-gradient(90deg, transparent 43%, #fff 49% 51%, transparent 57%),
        linear-gradient(0deg, transparent 43%, #fff 49% 51%, transparent 57%);
    filter: drop-shadow(0 0 10px var(--vmv-two));
}
body[data-page="about"] .about-vmv-card .edge-star { top: 12px; left: 12px; animation: edgeTravelOne 8s linear infinite; }
body[data-page="about"] .about-vmv-card .edge-star-two { right: 12px; bottom: 12px; animation: edgeTravelTwo 10s linear infinite; }
@keyframes edgeTravelOne {
    0% { top: 12px; left: 12px; }
    25% { top: 12px; left: calc(100% - 30px); }
    50% { top: calc(100% - 30px); left: calc(100% - 30px); }
    75% { top: calc(100% - 30px); left: 12px; }
    100% { top: 12px; left: 12px; }
}
@keyframes edgeTravelTwo {
    0% { right: 12px; bottom: 12px; }
    25% { right: calc(100% - 30px); bottom: 12px; }
    50% { right: calc(100% - 30px); bottom: calc(100% - 30px); }
    75% { right: 12px; bottom: calc(100% - 30px); }
    100% { right: 12px; bottom: 12px; }
}

/* Leadership: background only; component structure and cards remain untouched */
body[data-page="about"] #leadership {
    background:
        radial-gradient(circle at 10% 20%, rgba(65, 169, 255, .18), transparent 26%),
        radial-gradient(circle at 90% 78%, rgba(255, 75, 105, .09), transparent 24%),
        linear-gradient(150deg, #06132f 0%, #09275b 56%, #061a3d 100%);
}
body[data-page="about"] #leadership > .container > .eyebrow { color: #78dcff; }
body[data-page="about"] #leadership > .container > .section-title { color: #fff; }
body[data-page="about"] #leadership > .container > .section-lead { color: rgba(221,239,255,.72); }

/* Corporate Information: preserve layout, upgrade environment */
body[data-page="about"] #corporate {
    background:
        radial-gradient(circle at 82% 16%, rgba(76, 177, 255, .18), transparent 27%),
        linear-gradient(145deg, #030c21 0%, #071c42 55%, #082b61 100%) !important;
}
body[data-page="about"] .about-corporate-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
    gap: 34px;
    align-items: start;
}
body[data-page="about"] .about-corporate-panel,
body[data-page="about"] .about-timeline-panel {
    padding: 29px;
    border: 1px solid rgba(116, 207, 255, .22);
    border-radius: 31px;
    background:
        radial-gradient(circle at 92% 6%, rgba(62, 159, 255, .12), transparent 30%),
        linear-gradient(160deg, #f9fcff, #e9f3ff);
    box-shadow:
        0 12px 0 #091a3c,
        0 28px 62px rgba(0, 6, 24, .35),
        inset 0 1px 0 #fff;
}
body[data-page="about"] .about-corporate-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 22px; }
body[data-page="about"] .about-corporate-card {
    position: relative;
    overflow: hidden;
    padding: 19px 18px 17px;
    border: 1px solid rgba(7,27,67,.09);
    border-radius: 21px;
    background: linear-gradient(155deg, #fff, #f2f8ff);
    box-shadow: 0 10px 26px rgba(7,27,67,.07), inset 0 1px 0 #fff;
}
body[data-page="about"] .about-corporate-card::before { content: ""; position: absolute; inset: 0 auto auto 0; width: 100%; height: 4px; background: linear-gradient(90deg, #ff4c68, #176fff, #6bdfff); }
body[data-page="about"] .about-corporate-card strong { display: block; margin-bottom: 9px; color: #657891; font-size: .84rem; letter-spacing: .09em; text-transform: uppercase; }
body[data-page="about"] .about-corporate-card p { margin: 0; color: #071b43; font-weight: 800; line-height: 1.56; }
body[data-page="about"] .about-timeline-intro { color: #53657d; line-height: 1.76; }
body[data-page="about"] .about-timeline { position: relative; padding-left: 24px; }
body[data-page="about"] .about-timeline::before { content: ""; position: absolute; left: 7px; top: 6px; bottom: 10px; width: 2px; background: linear-gradient(180deg, #176fff, #6bdfff); }
body[data-page="about"] .about-timeline-item { position: relative; padding: 0 0 19px 20px; }
body[data-page="about"] .about-timeline-item:last-child { padding-bottom: 0; }
body[data-page="about"] .about-timeline-item::before { content: ""; position: absolute; left: -24px; top: 7px; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 4px solid #176fff; box-shadow: 0 0 0 6px rgba(23,111,255,.08); }
body[data-page="about"] .about-timeline-item h3 { margin: 0 0 8px; color: #071b43; font-size: 1.08rem; }
body[data-page="about"] .about-timeline-item p { margin: 0; color: #53657d; line-height: 1.72; }

/* Careers & Talent — premium recruitment feature */
body[data-page="about"] #careers {
    overflow: hidden;
    background:
        radial-gradient(circle at 14% 14%, rgba(34, 125, 255, .24), transparent 26%),
        radial-gradient(circle at 90% 76%, rgba(255, 65, 97, .14), transparent 26%),
        linear-gradient(145deg, #020817 0%, #061a42 50%, #08377c 100%);
}
body[data-page="about"] #careers::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .30;
    background-image:
        linear-gradient(30deg, rgba(255,255,255,.035) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.035) 87.5%),
        linear-gradient(150deg, rgba(255,255,255,.035) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.035) 87.5%);
    background-size: 90px 156px;
}
body[data-page="about"] .about-careers-wrap {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(113, 217, 255, .24);
    border-radius: 38px;
    color: #fff;
    background: linear-gradient(145deg, rgba(10, 39, 91, .98), rgba(4, 17, 48, .98));
    box-shadow:
        0 15px 0 #020b23,
        0 32px 80px rgba(0, 5, 23, .44),
        0 0 0 8px rgba(87, 194, 255, .035),
        inset 0 1px 0 rgba(255,255,255,.14);
}
body[data-page="about"] .about-careers-copy {
    position: relative;
    z-index: 3;
    padding: 40px 36px 36px;
    background:
        radial-gradient(circle at 10% 0%, rgba(56, 150, 255, .16), transparent 31%),
        linear-gradient(150deg, rgba(255,255,255,.06), rgba(255,255,255,.015));
}
body[data-page="about"] .about-careers-copy .eyebrow { color: #7ce5ff; }
body[data-page="about"] .about-careers-copy h2 {
    margin: 12px 0 17px;
    color: #fff;
    font-size: clamp(2.3rem, 4vw, 3.65rem);
    line-height: 1.02;
    letter-spacing: -.04em;
}
body[data-page="about"] .about-careers-copy > p { margin: 0; color: rgba(230,244,255,.79); line-height: 1.80; }
body[data-page="about"] .about-careers-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 25px; }
body[data-page="about"] .about-careers-actions .btn {
    min-height: 50px;
    padding: 0 22px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
body[data-page="about"] .about-careers-actions .btn.btn-red {
    color: #fff;
    background: linear-gradient(135deg, #ff4965, #ff7b70);
    box-shadow: 0 16px 36px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.24);
}
body[data-page="about"] .about-careers-actions .btn.btn-light {
    color: #fff;
    border: 1px solid rgba(255,255,255,.17);
    background: rgba(255,255,255,.075);
}
body[data-page="about"] .about-careers-pillars {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}
body[data-page="about"] .about-careers-pillars span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 11px 14px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 17px;
    color: rgba(237,248,255,.88);
    background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
    font-size: .92rem;
}
body[data-page="about"] .about-careers-pillars span i { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; background: #6fe2ff; box-shadow: 0 0 14px rgba(111,226,255,.95); }
body[data-page="about"] .about-careers-media {
    position: relative;
    margin: 0;
    min-width: 0;
    padding: 18px;
    background: linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
    border-left: 1px solid rgba(255,255,255,.10);
}
body[data-page="about"] .about-careers-media .about-media-screen img { height: 440px; object-position: center; }
body[data-page="about"] .about-careers-media figcaption {
    margin: 16px 2px 0;
    color: rgba(219,239,255,.72);
    font-size: .91rem;
    line-height: 1.65;
}
body[data-page="about"] .about-careers-role-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 9px;
    margin-top: 14px;
}
body[data-page="about"] .about-careers-role-strip span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 6px 9px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 12px;
    color: rgba(237,248,255,.82);
    background: rgba(255,255,255,.055);
    font-size: .77rem;
    font-weight: 800;
    text-align: center;
}

@media (max-width: 1120px) {
    body[data-page="about"] .about-home-ticker-inner { grid-template-columns: 1fr; }
    body[data-page="about"] .about-home-ticker-quote { justify-self: start; }
    body[data-page="about"] .about-premium-hero-grid,
    body[data-page="about"] .about-who-console,
    body[data-page="about"] .about-corporate-shell,
    body[data-page="about"] .about-careers-wrap { grid-template-columns: 1fr; }
    body[data-page="about"] .about-who-frame { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.10); }
    body[data-page="about"] .about-careers-media { border-left: 0; border-top: 1px solid rgba(255,255,255,.10); }
    body[data-page="about"] .about-vmv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    body[data-page="about"] .about-home-ticker-inner { padding: 14px 16px; gap: 12px; }
    body[data-page="about"] .about-home-ticker-window { mask-image: none; }
    body[data-page="about"] .about-home-ticker-track { animation-duration: 37s; }
    body[data-page="about"] .about-premium-hero { padding-top: 20px; padding-bottom: 38px; }
    body[data-page="about"] .about-premium-hero-grid { padding: 0 16px; gap: 30px; }
    body[data-page="about"] .about-hero-summary { font-size: 1rem; }
    body[data-page="about"] .about-hero-stat-row,
    body[data-page="about"] .about-capability-list,
    body[data-page="about"] .about-vmv-grid,
    body[data-page="about"] .about-corporate-grid,
    body[data-page="about"] .about-careers-pillars,
    body[data-page="about"] .about-careers-role-strip { grid-template-columns: 1fr; }
    body[data-page="about"] .about-premium-hero-visual { min-height: 390px; }
    body[data-page="about"] .about-hero-orbit { width: 330px; height: 330px; }
    body[data-page="about"] .about-hero-orbit-two { width: 236px; height: 236px; }
    body[data-page="about"] .about-hero-bulb-core { width: min(100%, 320px); border-radius: 34px; }
    body[data-page="about"] .about-premium-section { padding-top: 64px; padding-bottom: 64px; }
    body[data-page="about"] .about-who-console,
    body[data-page="about"] .about-careers-wrap { border-radius: 29px; box-shadow: 0 10px 0 #020b23, 0 25px 55px rgba(0,5,23,.40); }
    body[data-page="about"] .about-who-frame,
    body[data-page="about"] .about-careers-media { padding: 13px; }
    body[data-page="about"] .about-media-screen { border-radius: 22px; }
    body[data-page="about"] .about-media-screen img,
    body[data-page="about"] .about-careers-media .about-media-screen img { height: 300px; }
    body[data-page="about"] .about-media-badges { left: 14px; right: 14px; bottom: 14px; flex-wrap: wrap; }
    body[data-page="about"] .about-who-copy,
    body[data-page="about"] .about-careers-copy,
    body[data-page="about"] .about-corporate-panel,
    body[data-page="about"] .about-timeline-panel { padding: 24px 21px; }
    body[data-page="about"] .about-vmv-card { min-height: 390px; padding: 27px 23px 28px; }
    body[data-page="about"] .about-vmv-card .about-vmv-icon { left: 23px; bottom: 24px; }
}
@media (prefers-reduced-motion: reduce) {
    body[data-page="about"] .about-home-ticker-track {
        animation-duration: 46s !important;
        animation-play-state: running !important;
    }
    body[data-page="about"] .about-hero-orbit,
    body[data-page="about"] .about-hero-orbit-two,
    body[data-page="about"] .about-hero-bulb-core img,
    body[data-page="about"] .about-hero-bulb-core::before,
    body[data-page="about"] .about-vmv-card::before,
    body[data-page="about"] .about-vmv-card .edge-star,
    body[data-page="about"] .about-vmv-card .edge-star-two { animation: none !important; }
}