.route-hero--company {
  min-height: min(58rem, calc(100svh - 4.9rem));
  background:
    radial-gradient(circle at 78% 28%, rgba(34, 188, 165, .18), transparent 26%),
    radial-gradient(circle at 12% 88%, rgba(71, 128, 158, .2), transparent 30%),
    linear-gradient(145deg, #051823, #0b3041 58%, #103e4c);
}
.route-hero--company .route-hero__grid { align-items: center; }
.route-hero--company h1 { max-width: 13ch; font-size: clamp(3.5rem, 6.7vw, 7.4rem); line-height: .92; }
.route-hero--company .lede { max-width: 47rem; }
.route-hero--company .route-hero__media { perspective: 1100px; }

.about-section {
  --about-bg: #fbfcfb;
  --about-card: #fff;
  --about-ink: #102d3d;
  --about-muted: #526b76;
  --about-line: #d4e0e1;
  position: relative;
  overflow: clip;
  padding: clamp(6rem, 10vw, 10rem) 0;
  color: var(--about-ink);
  background: var(--about-bg);
}
.about-section--sand { --about-bg: #edf4f1; }
.about-section--dark { --about-bg: #071f2c; --about-card: #103747; --about-ink: #eff8f7; --about-muted: #b3cbd0; --about-line: #385967; }
html[data-theme="dark"] .about-section:not(.about-section--dark) { --about-bg: #082634; --about-card: #103747; --about-ink: #edf8f7; --about-muted: #b7cdd1; --about-line: #345766; }
.about-section .shell { position: relative; z-index: 2; }
.about-heading { max-width: 62rem; }
.about-heading h2 { max-width: 17ch; margin: 1rem 0 1.35rem; color: var(--about-ink); font-family: var(--display); font-size: clamp(3rem, 5.8vw, 6.2rem); font-weight: 510; letter-spacing: -.058em; line-height: .98; }
.about-heading > p:not(.eyebrow) { max-width: 53rem; margin: .65rem 0 0; color: var(--about-muted); font-size: clamp(.98rem, 1.45vw, 1.16rem); line-height: 1.7; }
.about-actions { margin-top: 2rem; }
.about-section .text-link { color: var(--about-ink); }
.about-section--dark .text-link { color: #d8f4ef; }
.about-mock-label { display: inline-flex; align-items: center; width: fit-content; gap: .38rem; padding: .35rem .55rem; border: 1px solid rgba(88, 214, 194, .24); border-radius: 999px; color: #9dded4; background: rgba(11, 43, 55, .58); font-size: .52rem; font-weight: 790; letter-spacing: .07em; text-transform: uppercase; }

.about-hero-visual { display: grid; gap: 1rem; min-height: 35rem; padding: 1.1rem; border: 1px solid rgba(154, 225, 216, .24); border-radius: 1.7rem; color: #edf9f8; background: radial-gradient(circle at 48% 45%, rgba(43, 165, 148, .18), transparent 29%), linear-gradient(145deg, rgba(17, 68, 80, .92), rgba(5, 24, 36, .97)); box-shadow: 0 35px 95px rgba(0, 12, 21, .34); transform: rotateY(-2deg); }
.about-hero-visual__topline, .about-hero-visual__footer { display: flex; align-items: center; justify-content: space-between; gap: .75rem; color: #afd8d2; font-size: .57rem; font-weight: 780; letter-spacing: .08em; }
.about-hero-visual__topline > span:first-child, .about-hero-visual__footer span { display: inline-flex; align-items: center; gap: .35rem; }
.about-hero-visual__canvas { position: relative; display: grid; place-items: center; min-height: 27rem; overflow: hidden; border-block: 1px solid rgba(200, 239, 234, .1); }
.about-hero-visual__track { position: absolute; top: 12%; bottom: -2rem; left: 50%; width: 1px; background: linear-gradient(transparent, rgba(112, 224, 206, .7) 20%, rgba(112, 224, 206, .23)); }
.about-hero-node { position: absolute; z-index: 2; display: grid; min-width: 7rem; gap: .15rem; padding: .62rem .75rem; border: 1px solid rgba(183, 233, 226, .2); border-radius: .6rem; background: rgba(5, 29, 41, .82); box-shadow: 0 1rem 2rem rgba(0, 12, 21, .25); }
.about-hero-node small { color: #71dcca; font-size: .5rem; font-weight: 800; }
.about-hero-node strong { font-size: .73rem; }
.about-hero-node--evidence { top: 13%; left: 3%; }
.about-hero-node--review { top: 22%; right: 2%; }
.about-hero-node--history { right: 8%; bottom: 10%; }
.about-hero-visual .about-vehicle-signal { animation: about-hero-arrive 900ms cubic-bezier(.2,.75,.2,1) both; }
.about-hero-node { animation: about-hero-node 700ms cubic-bezier(.2,.75,.2,1) both; }
.about-hero-node--evidence { animation-delay: 900ms; }
.about-hero-node--review { animation-delay: 1.8s; }
.about-hero-node--history { animation-delay: 2.7s; }
.about-hero-visual__track { animation: about-track-draw 4.6s cubic-bezier(.2,.75,.2,1) both; transform-origin: top; }
.about-hero-visual__footer { justify-content: flex-start; letter-spacing: 0; }
.about-hero-visual__footer span:last-child { margin-left: auto; }

.about-vehicle-signal { position: relative; display: grid; place-items: center; width: min(16rem, 74vw); aspect-ratio: 1; }
.about-vehicle-signal__orbit { position: absolute; border: 1px dashed rgba(102, 220, 203, .55); border-radius: 50%; }
.about-vehicle-signal__orbit--outer { inset: 1%; animation: about-orbit 26s linear infinite; }
.about-vehicle-signal__orbit--inner { inset: 18%; border-style: solid; border-color: rgba(155, 213, 219, .23); animation: about-orbit 18s linear infinite reverse; }
.about-vehicle-signal__vehicle { position: relative; z-index: 1; width: 7.3rem; height: 3.1rem; border-radius: 49% 50% 20% 18%; background: linear-gradient(155deg, #eef4ed, #83b1b7 45%, #22566b); box-shadow: 0 1.2rem 1.8rem rgba(0, 13, 23, .42); }
.about-vehicle-signal__vehicle::before { position: absolute; top: -1.35rem; left: 1.58rem; width: 4.35rem; height: 1.7rem; clip-path: polygon(17% 0, 83% 0, 100% 100%, 0 100%); border-radius: .6rem .6rem 0 0; background: linear-gradient(135deg, #d5eded, #4d8293); content: ""; }
.about-vehicle-signal__vehicle span, .about-vehicle-signal__vehicle i { position: absolute; bottom: -.28rem; width: .82rem; height: .82rem; border: .18rem solid #96cbca; border-radius: 50%; background: #0d3447; }
.about-vehicle-signal__vehicle span { left: 1.15rem; }
.about-vehicle-signal__vehicle i { right: 1.15rem; }
.about-vehicle-signal__vehicle b { display: none; }
.about-vehicle-signal > small { position: absolute; z-index: 2; bottom: 10%; padding: .31rem .55rem; border: 1px solid rgba(142, 229, 215, .35); border-radius: 999px; color: #d4f3ed; background: #153e4c; font-size: .48rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.about-vehicle-signal--compact { width: 9.5rem; }
.about-vehicle-signal--compact .about-vehicle-signal__vehicle { transform: scale(.72); }
.about-vehicle-signal--compact > small { font-size: .42rem; }

.about-name-story { display: grid; grid-template-columns: minmax(19rem, .85fr) minmax(0, 1.15fr); align-items: start; gap: clamp(3rem, 8vw, 8rem); margin-top: 4rem; }
.about-name-story > aside { position: sticky; top: 7.5rem; display: grid; place-items: center; min-height: min(42rem, 75vh); overflow: hidden; padding: 1.2rem; border: 1px solid var(--about-line); border-radius: 1.4rem; background: radial-gradient(circle at 50% 43%, rgba(38, 159, 145, .15), transparent 31%), #0b2d3d; }
.about-name-story > aside > .about-mock-label { position: absolute; top: 1rem; right: 1rem; }
.about-name-story__word { position: absolute; top: 14%; left: 50%; display: flex; align-items: center; gap: .75rem; color: #fff; font-family: var(--display); font-size: clamp(2.2rem, 5vw, 4.4rem); letter-spacing: -.06em; transform: translateX(-50%); white-space: nowrap; }
.about-name-story__word span:last-child { color: #39c6b2; }
.about-name-story__word i { width: 1px; height: 2.8rem; background: rgba(255, 255, 255, .24); }
.about-name-story > aside > .trakaria-brand { position: absolute; bottom: 1.2rem; opacity: .65; }
.about-name-story__meter { position: absolute; bottom: 4.5rem; display: flex; gap: .4rem; }
.about-name-story__meter span { display: inline-flex; align-items: center; gap: .3rem; padding: .34rem .5rem; border: 1px solid #365c69; border-radius: 999px; color: #aec8cc; font-size: .52rem; }
.about-name-story__meter b { color: #62d4c2; }
.about-name-story__word span, .about-name-story__meter span { transition: color 360ms ease, opacity 360ms ease, transform 460ms cubic-bezier(.2,.75,.2,1), border-color 360ms ease; }
.about-section[data-active-step="0"] .about-name-story__word span:nth-of-type(1) { color: #72dfcf; transform: translateX(-.8rem); }
.about-section[data-active-step="1"] .about-name-story__word span:nth-of-type(2) { color: #72dfcf; transform: scale(1.08); }
.about-section[data-active-step="2"] .about-name-story__word span:nth-of-type(3) { color: #72dfcf; transform: translateX(.8rem); }
.about-section[data-active-step="0"] .about-name-story__meter [data-story-panel="0"], .about-section[data-active-step="1"] .about-name-story__meter [data-story-panel="1"], .about-section[data-active-step="2"] .about-name-story__meter [data-story-panel="2"] { border-color: #69d7c6; color: #fff; transform: translateY(-.15rem); }
.about-name-story__chapters { display: grid; gap: 1rem; }
.about-name-story__chapters article { display: flex; flex-direction: column; justify-content: center; min-height: 46vh; padding: clamp(1.4rem, 4vw, 3rem); border: 1px solid var(--about-line); border-radius: 1.3rem; background: var(--about-card); }
.about-name-story__chapters header { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; color: #75decf; }
.about-name-story__chapters header span { font-family: var(--display); font-size: clamp(2.3rem, 5vw, 4.8rem); letter-spacing: -.06em; }
.about-name-story__chapters header small { font-size: .62rem; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
.about-name-story__chapters h3 { max-width: 15ch; margin: 2rem 0 .8rem; font-family: var(--display); font-size: clamp(2rem, 3.3vw, 3.6rem); font-weight: 510; line-height: 1; }
.about-name-story__chapters p { max-width: 38rem; margin: 0; color: var(--about-muted); line-height: 1.65; }

.about-origin { display: grid; grid-template-columns: minmax(20rem, .92fr) minmax(0, 1.08fr); gap: clamp(3rem, 7vw, 7rem); margin-top: 4rem; }
.about-origin__scene { position: sticky; top: 7.5rem; display: grid; align-content: center; min-height: min(40rem, 70vh); padding: 1.2rem; border: 1px solid var(--about-line); border-radius: 1.4rem; background: linear-gradient(150deg, #f8fbfa, #e9f2ef); box-shadow: 0 2rem 6rem rgba(15, 61, 94, .08); }
.about-origin__scene > .about-mock-label { position: absolute; top: 1rem; right: 1rem; }
.about-origin__people { display: flex; justify-content: space-between; gap: 1rem; }
.about-origin__people > span { display: grid; place-items: center; gap: .35rem; color: #40606c; }
.about-origin__people svg { width: 2.5rem; height: 2.5rem; padding: .6rem; border: 1px solid #cad9da; border-radius: 50%; background: #fff; }
.about-origin__people small { font-size: .58rem; font-weight: 750; }
.about-origin__continuity { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin: .5rem 0; }
.about-origin__continuity > i { height: 1px; background: linear-gradient(90deg, transparent, #17aa98); }
.about-origin__continuity > i:last-child { background: linear-gradient(90deg, #17aa98, transparent); }
.about-origin__evidence { display: grid; grid-template-columns: repeat(4, 1fr); gap: .4rem; }
.about-origin__evidence span { padding: .55rem .4rem; border: 1px solid #d1dfdf; border-radius: .5rem; color: #31515d; background: rgba(255,255,255,.8); font-size: .55rem; text-align: center; }
.about-origin__scene > p { max-width: 25rem; margin: 1.3rem auto 0; color: #183b49; font-family: var(--display); font-size: 1.4rem; line-height: 1.15; text-align: center; }
.about-origin__principles { display: grid; gap: 1rem; }
.about-origin__principles article { min-height: 27vh; display: grid; grid-template-columns: 2.5rem 1fr; align-content: center; gap: 1rem; padding: clamp(1.3rem, 3vw, 2.4rem); border-top: 1px solid var(--about-line); }
.about-origin__principles article > span { color: #078273; font-size: .7rem; font-weight: 820; }
.about-origin h3 { margin: 0 0 .55rem; font-family: var(--display); font-size: clamp(1.8rem, 3vw, 3rem); font-weight: 520; }
.about-origin p { margin: 0; color: var(--about-muted); line-height: 1.65; }

.about-ai { display: grid; grid-template-columns: minmax(0, .92fr) minmax(24rem, 1.08fr); align-items: start; gap: clamp(3rem, 7vw, 7rem); }
.about-ai__principles { display: grid; gap: .3rem; margin-top: 2rem; }
.about-ai__principles article { display: grid; grid-template-columns: 2rem 1fr; gap: .7rem; padding: 1rem 0; border-top: 1px solid var(--about-line); }
.about-ai__principles article > span { color: #087f72; font-size: .64rem; font-weight: 800; }
.about-ai__principles h3 { margin: 0 0 .28rem; font-family: var(--display); font-size: 1.45rem; font-weight: 520; }
.about-ai__principles p { margin: 0; color: var(--about-muted); font-size: .78rem; line-height: 1.58; }
.about-ai__flow { position: sticky; top: 7.5rem; display: grid; gap: .65rem; min-height: 40rem; padding: 1.2rem; overflow: hidden; border: 1px solid var(--about-line); border-radius: 1.4rem; background: linear-gradient(145deg, #0b3344, #071e2b); }
.about-ai__flow > .about-mock-label { justify-self: end; }
.about-ai__watermark { position: absolute; right: -1rem; bottom: -4rem; color: rgba(112, 218, 201, .06); font-family: var(--display); font-size: 18rem; line-height: 1; }
.about-ai__stage { position: relative; z-index: 1; display: grid; grid-template-columns: 2.2rem 2rem 1fr; align-items: center; gap: .7rem; padding: .85rem; border: 1px solid rgba(255,255,255,.1); border-radius: .8rem; color: #eaf6f5; background: rgba(255,255,255,.045); }
.about-ai__stage > span { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: .55rem; color: #67d7c6; background: rgba(35, 180, 160, .12); }
.about-ai__stage > small { color: #68d6c6; font-size: .56rem; font-weight: 820; }
.about-ai__stage strong { font-size: .82rem; }
.about-ai__stage p { grid-column: 3; margin: .2rem 0 0; color: #a9c2c7; font-size: .68rem; }
.about-ai__stage > div { grid-column: 3; display: flex; gap: .3rem; margin-top: .3rem; }
.about-ai__stage > div b { padding: .25rem .4rem; border: 1px solid #426575; border-radius: .35rem; color: #c5dddd; font-size: .51rem; }
.about-ai__stage--2 { border-style: dashed; opacity: .76; }
.about-ai__stage--4 { border-color: rgba(79, 216, 196, .5); background: rgba(25, 164, 145, .11); }

.about-principles { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(21rem, .95fr); align-items: start; gap: clamp(3rem, 7vw, 7rem); margin-top: 3rem; }
.about-principles > div:first-child { display: grid; }
.about-principles > div:first-child > article { display: grid; grid-template-columns: 2.3rem 1fr 1.2rem; gap: .8rem; align-content: center; min-height: 29vh; padding: 1.2rem 0; border-top: 1px solid var(--about-line); }
.about-principles article > span { color: #078173; font-size: .68rem; font-weight: 820; }
.about-principles h3 { margin: 0 0 .4rem; font-family: var(--display); font-size: clamp(1.8rem, 2.8vw, 2.8rem); font-weight: 520; }
.about-principles p { margin: 0; color: var(--about-muted); line-height: 1.6; }
.about-principles article > svg { color: #0f9e8d; }
.about-principles > aside { position: sticky; top: 7.5rem; display: grid; place-items: center; min-height: min(39rem, 72vh); overflow: hidden; padding: 1.2rem; border: 1px solid var(--about-line); border-radius: 1.4rem; background: radial-gradient(circle at 50% 48%, rgba(27, 166, 147, .15), transparent 29%), #0b3040; }
.about-principles > aside > .about-mock-label { position: absolute; top: 1rem; right: 1rem; }
.about-principles__frames { position: absolute; inset: 4.5rem 1rem auto; display: grid; gap: .45rem; }
.about-principles__frames article { display: grid; gap: .2rem; padding: .68rem; border: 1px solid #345968; border-radius: .6rem; color: #dff1ef; background: rgba(255,255,255,.04); }
.about-principles__frames small { color: #71d7c8; font-size: .49rem; font-weight: 800; letter-spacing: .07em; }
.about-principles__frames strong { font-size: .68rem; }
.about-principles__frames i { width: 0; height: 1px; margin-top: .25rem; background: #49c8b5; transition: width 420ms ease; }
.about-section[data-active-step="0"] .about-principles [data-story-panel="0"] i, .about-section[data-active-step="1"] .about-principles [data-story-panel="1"] i, .about-section[data-active-step="2"] .about-principles [data-story-panel="2"] i, .about-section[data-active-step="3"] .about-principles [data-story-panel="3"] i { width: 100%; }
.about-security-bridge { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 3rem; padding: 1.3rem 1.5rem; border: 1px solid #245766; border-radius: 1rem; color: #ecf7f5; background: linear-gradient(120deg, #0d3a4d, #0d4a4b); }
.about-security-bridge > div:first-child { display: flex; align-items: center; gap: 1rem; }
.about-security-bridge > div:first-child > svg { flex: 0 0 auto; color: #67dbc9; }
.about-security-bridge small, .about-security-bridge strong { display: block; }
.about-security-bridge small { color: #76daca; font-size: .52rem; font-weight: 800; letter-spacing: .08em; }
.about-security-bridge strong { max-width: 39rem; margin-top: .28rem; font-family: var(--display); font-size: 1.35rem; font-weight: 520; }
.about-security-bridge .about-actions { flex: 0 0 auto; margin-top: 0; }

.about-team__statement { margin-top: 3.5rem; }
.about-team { position: relative; min-height: 48rem; margin-top: 1.25rem; padding: 1.2rem; overflow: hidden; border: 1px solid var(--about-line); border-radius: 1.5rem; background: radial-gradient(circle at 50% 50%, rgba(29, 168, 150, .12), transparent 28%), var(--about-card); }
.about-team > .about-mock-label { position: absolute; top: 1rem; right: 1rem; }
.about-team::before, .about-team::after { position: absolute; inset: 15%; border: 1px solid var(--about-line); border-radius: 50%; content: ""; }
.about-team::after { inset: 27%; border-style: dashed; }
.about-team__centre { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; place-items: center; width: 17rem; padding: .7rem; text-align: center; transform: translate(-50%, -50%); }
.about-team__centre .about-vehicle-signal { margin-bottom: -1rem; }
.about-team__centre > strong { font-family: var(--display); font-size: 1.45rem; }
.about-team__centre > p { max-width: 14rem; margin: .4rem 0 0; color: var(--about-muted); font-size: .7rem; line-height: 1.45; }
.about-team__disciplines article { position: absolute; z-index: 2; display: flex; width: min(18rem, 29%); gap: .75rem; padding: .9rem; border: 1px solid var(--about-line); border-radius: .8rem; background: var(--about-card); box-shadow: 0 1rem 2.8rem rgba(14, 54, 67, .08); }
.about-team__discipline--1 { top: 10%; left: 8%; }
.about-team__discipline--2 { top: 9%; right: 8%; }
.about-team__discipline--3 { top: 45%; right: 4%; }
.about-team__discipline--4 { bottom: 8%; right: 18%; }
.about-team__discipline--5 { bottom: 10%; left: 8%; }
.about-team__disciplines article > span { display: grid; flex: 0 0 auto; place-items: center; width: 2.3rem; height: 2.3rem; border-radius: .55rem; color: #098373; background: #dff2ec; }
.about-team__disciplines small { color: #078173; font-size: .48rem; font-weight: 800; letter-spacing: .07em; }
.about-team__disciplines h3 { margin: .35rem 0; font-family: var(--display); font-size: 1.2rem; font-weight: 540; }
.about-team__disciplines p { margin: 0; color: var(--about-muted); font-size: .66rem; line-height: 1.48; }

.about-vision { position: relative; margin-top: 4rem; padding: clamp(3rem, 7vw, 6rem) clamp(1rem, 4vw, 3rem); border: 1px solid var(--about-line); border-radius: 1.5rem; background: radial-gradient(circle at 50% 33%, rgba(39, 171, 153, .16), transparent 22%), #0b2d3c; }
.about-vision > .about-mock-label { position: absolute; top: 1rem; right: 1rem; }
.about-vision > .about-vehicle-signal { margin: 0 auto -1.5rem; }
.about-vision__line { position: absolute; top: 51%; right: 7%; left: 7%; height: 1px; background: #365c69; }
.about-vision__line i { display: block; width: 52%; height: 1px; background: linear-gradient(90deg, transparent, #67dac8, transparent); }
.about-vision__eras { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.about-vision__eras article { min-height: 17rem; padding: 1.1rem; border: 1px solid #3b5f6c; border-radius: .9rem; color: #edf7f6; background: rgba(9, 35, 49, .88); }
.about-vision__eras header { display: flex; align-items: center; justify-content: space-between; }
.about-vision__eras header span { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; color: #67d8c7; background: #153f4e; }
.about-vision__eras header small { color: #72daca; font-size: .58rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.about-vision__eras h3 { margin: 3.2rem 0 .7rem; font-family: var(--display); font-size: 1.8rem; font-weight: 520; }
.about-vision__eras p { color: #aec6ca; font-size: .76rem; line-height: 1.55; }
.about-vision__statement { margin: 2.5rem 0 0; color: #b8cdd0; font-family: var(--display); font-size: clamp(1.6rem, 3vw, 2.8rem); text-align: center; }
.about-vision__statement strong { color: #6bdac9; }

.about-product-bridge { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; margin-top: 3rem; }
.about-product-bridge > .about-mock-label { position: absolute; right: 0; bottom: calc(100% + .7rem); }
.about-product-bridge article { min-height: 20rem; padding: 1.1rem; border: 1px solid var(--about-line); border-radius: 1rem; background: var(--about-card); }
.about-product-bridge header { display: flex; justify-content: space-between; gap: .6rem; }
.about-product-bridge header span { color: #078173; font-size: .65rem; font-weight: 820; }
.about-product-bridge header strong { font-family: var(--display); font-size: 1.55rem; }
.about-product-bridge article > div { display: grid; gap: .45rem; margin: 2.4rem 0; }
.about-product-bridge article > div span { display: flex; align-items: center; justify-content: space-between; padding: .55rem .65rem; border: 1px solid var(--about-line); border-radius: .55rem; color: var(--about-ink); font-size: .68rem; font-weight: 720; }
.about-product-bridge article > div i { color: #0c9484; font-style: normal; }
.about-product-bridge article > p { color: var(--about-muted); font-size: .73rem; line-height: 1.55; }

.about-final { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(21rem, .95fr); align-items: center; gap: clamp(3rem, 8vw, 8rem); }
.about-final__scene { position: relative; display: grid; place-items: center; min-height: 32rem; overflow: hidden; border: 1px solid var(--about-line); border-radius: 1.4rem; background: radial-gradient(circle at 50% 45%, rgba(38, 171, 151, .16), transparent 26%), #0b2e3e; }
.about-final__scene > .about-mock-label { position: absolute; top: 1rem; right: 1rem; }
.about-final__scene > div:last-child { display: flex; align-items: center; gap: .55rem; color: #b6ced1; font-size: .58rem; font-weight: 770; }
.about-final__scene > div:last-child i { width: 1.5rem; height: 1px; background: #61d2c0; }

html[data-theme="light"] .about-section--dark .trakaria-inline__core,
html[data-theme="dark"] .about-section--dark .trakaria-inline__core { color: #fff; }
html[data-theme="light"] .about-section--dark .trakaria-inline__accent,
html[data-theme="dark"] .about-section--dark .trakaria-inline__accent { color: #83dfd1; }
html[data-theme="dark"] .about-section:not(.about-section--dark) .trakaria-inline__core { color: #eef8f7; }
html[data-theme="dark"] .about-section:not(.about-section--dark) .trakaria-inline__accent { color: #8be2d5; }
html[data-theme="dark"] .about-origin__scene { background: linear-gradient(150deg, #103747, #0a2a39); box-shadow: none; }
html[data-theme="dark"] .about-origin__scene > p { color: #eff8f7; }
html[data-theme="dark"] .about-origin__people, html[data-theme="dark"] .about-origin__evidence span { color: #c0d4d6; }
html[data-theme="dark"] .about-origin__people svg, html[data-theme="dark"] .about-origin__evidence span { border-color: #365967; background: #123847; }
html[data-theme="dark"] .about-team__disciplines article > span { color: #8ce1d4; background: #194b4d; }

@keyframes about-orbit { to { transform: rotate(360deg); } }
@keyframes about-hero-arrive { from { opacity: 0; transform: translateY(1rem) scale(.94); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes about-hero-node { from { opacity: 0; filter: blur(3px); } to { opacity: 1; filter: blur(0); } }
@keyframes about-track-draw { from { transform: scaleY(0); } to { transform: scaleY(1); } }

@media (max-width: 68rem) {
  .route-hero--company { min-height: 0; }
  .about-name-story, .about-origin, .about-ai, .about-principles, .about-final { grid-template-columns: 1fr; }
  .about-name-story > aside, .about-origin__scene, .about-ai__flow, .about-principles > aside { position: relative; top: auto; min-height: 30rem; }
  .about-name-story__chapters article, .about-origin__principles article, .about-principles > div:first-child > article { min-height: 20rem; }
  .about-security-bridge { align-items: flex-start; flex-direction: column; }
  .about-team { min-height: 0; }
  .about-team::before, .about-team::after { display: none; }
  .about-team__centre { position: relative; top: auto; left: auto; margin: 1rem auto 2rem; transform: none; }
  .about-team__disciplines { display: grid; grid-template-columns: repeat(2, 1fr); gap: .7rem; }
  .about-team__disciplines article { position: static; width: auto; min-height: 11rem; }
}

@media (max-width: 48rem) {
  .route-hero--company h1 { font-size: clamp(3rem, 13vw, 5.5rem); }
  .about-section { padding: 5.5rem 0; }
  .about-heading h2 { font-size: clamp(2.7rem, 11vw, 4.2rem); }
  .about-hero-visual { min-height: 29rem; padding: .8rem; transform: none; }
  .about-hero-visual__canvas { min-height: 22rem; }
  .about-hero-node { min-width: 5.8rem; padding: .5rem; }
  .about-hero-node--evidence { left: 0; }
  .about-hero-node--review { right: 0; }
  .about-hero-node--history { right: 1%; }
  .about-name-story__word { gap: .4rem; font-size: clamp(2rem, 12vw, 3.8rem); }
  .about-name-story__word i { height: 2rem; }
  .about-name-story__chapters article { min-height: 22rem; padding: 1.2rem; }
  .about-origin__scene { min-height: 27rem; }
  .about-origin__people small { display: none; }
  .about-origin__evidence { grid-template-columns: 1fr 1fr; }
  .about-ai__flow { min-height: 35rem; }
  .about-principles > aside { min-height: 33rem; }
  .about-team__disciplines { grid-template-columns: 1fr; }
  .about-team__disciplines article { min-height: 0; }
  .about-vision__eras, .about-product-bridge { grid-template-columns: 1fr; }
  .about-vision__line { top: 30%; bottom: 12%; left: 2rem; width: 1px; height: auto; }
  .about-vision__line i { width: 1px; height: 52%; }
  .about-vision__eras article { min-height: 14rem; }
  .about-vision__eras h3 { margin-top: 1.6rem; }
  .about-product-bridge > .about-mock-label { position: static; margin-bottom: .3rem; }
  .about-security-bridge .button-row { align-items: flex-start; flex-direction: column; }
  .about-final__scene { min-height: 27rem; }
  .about-final__scene > div:last-child { max-width: 14rem; flex-wrap: wrap; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .about-vehicle-signal__orbit, .about-hero-visual .about-vehicle-signal, .about-hero-node, .about-hero-visual__track { animation: none; }
  .about-name-story > aside, .about-origin__scene, .about-ai__flow, .about-principles > aside { position: relative; top: auto; }
}