.about-hero { overflow: hidden; background: radial-gradient(circle at 75% 20%, rgba(45, 113, 245, 0.14), transparent 28%); }
.about-hero__layout { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(22rem, 0.92fr); gap: clamp(2rem, 4vw, 4.5rem); align-items: center; }
.about-hero__copy h1 { max-width: 17ch; margin: 0; font-family: var(--font-display); font-size: clamp(2.6rem, 4.6vw, 4.45rem); font-weight: 600; line-height: 1.01; letter-spacing: -0.045em; text-wrap: balance; color: var(--color-ink-950); }
.about-hero__copy > p:not(.eyebrow) { max-width: 57ch; margin: 1.5rem 0 0; color: var(--color-ink-700); font-size: var(--step-1); }
.about-hero__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.75rem; }
.about-hero__visual { margin: 0; padding: 0.55rem; border-radius: var(--radius-lg); background: #0f172a; box-shadow: 0 35px 90px rgba(15, 23, 42, 0.22); transform: rotate(1.25deg); }
.about-hero__visual > div { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: flex-end; min-height: 32rem; padding: 1.5rem; overflow: hidden; border-radius: calc(var(--radius-lg) - 0.35rem); background: #17283e; color: white; }
.about-hero__visual > div::before { content: ""; position: absolute; z-index: -2; inset: -1.5rem; background: url("/assets/images/sig.png") center / cover no-repeat; filter: blur(20px); opacity: 0.72; transform: scale(1.08); }
.about-hero__visual img { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.about-hero__visual > div::after { content: ""; position: absolute; z-index: 0; inset: 58% 0 0; background: linear-gradient(to bottom, transparent, rgba(15, 23, 42, 0.88)); pointer-events: none; }
.about-hero__visual span,
.about-hero__visual strong { position: relative; z-index: 1; }
.about-hero__visual span { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.about-hero__visual strong { margin-top: 0.2rem; font-family: var(--font-display); font-size: var(--step-2); line-height: 1; }
.about-hero__visual small { margin-top: 0.3rem; opacity: 0.7; }
.about-proof__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-border); }
.about-proof__grid > div { display: grid; gap: 0.35rem; padding: 1.5rem; background: var(--color-paper); }
.about-proof strong { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3.6rem); line-height: 1; color: var(--color-ink-950); }
.about-proof span { color: var(--color-ink-700); }
.about-story { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(2rem,7vw,7rem); }
.about-story__copy { font-size: var(--step-1); color: var(--color-ink-700); }
.about-story__copy p:first-child { margin-top: 0; }
.about-story__copy p { max-width: 62ch; }
.about-innovation { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: clamp(2rem,6vw,6rem); align-items: center; }
.about-innovation__visual { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: flex-end; aspect-ratio: 16 / 10; min-height: 0; padding: 1.5rem; overflow: hidden; border-radius: var(--radius-lg); background: #17283e; color: white; box-shadow: var(--shadow-card); }
.about-innovation__visual::after { content: ""; position: absolute; z-index: -1; inset: 42% 0 0; background: linear-gradient(to bottom, transparent, rgba(15,23,42,.88)); pointer-events: none; }
.about-innovation__visual img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.about-innovation__visual span { font-size: var(--step-1); font-weight: 700; }
.about-innovation__visual small { max-width: 44ch; margin-top: .25rem; opacity: .82; }
.about-innovation h2,.about-future h2 { margin: .5rem 0 1.25rem; font-family: var(--font-display); font-size: var(--step-2); line-height: 1.05; color: var(--color-ink-950); }
.about-innovation p:not(.eyebrow),.about-future p { color: var(--color-ink-700); }
.about-future__layout { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(2rem,7vw,7rem); padding-top: 1rem; border-top: 1px solid var(--color-border); }
.about-future__layout p:first-child { margin-top: 0; }
@media (max-width: 900px) { .about-hero__layout,.about-story,.about-innovation,.about-future__layout { grid-template-columns: 1fr; }.about-proof__grid { grid-template-columns: repeat(2,1fr); }.about-hero__visual { transform: none; }.about-hero__visual > div,.about-innovation__visual { min-height: 23rem; } }
@media (max-width: 560px) { .about-proof__grid { grid-template-columns: 1fr; }.about-hero__copy h1 { font-size: clamp(2.5rem,14vw,4rem); } }