.about-page::before { height: 1360px; background: radial-gradient(circle at 78% 20%, rgba(112,88,255,.12), transparent 26%), radial-gradient(ellipse at 50% 72%, rgba(225,241,255,.54), transparent 45%); }
.nav-links a.active { color: var(--violet); }
.about-hero { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.88fr) minmax(430px,1.12fr); align-items: center; gap: 76px; padding: 104px 0 84px; }.about-hero h1 { max-width: 560px; margin: 0; font-size: clamp(44px,4.45vw,58px); line-height: 1.03; letter-spacing: 0; font-weight: 900; }.about-hero p:not(.eyebrow) { max-width: 510px; margin: 25px 0 30px; color: var(--muted); font-size: 17px; line-height: 1.7; font-weight: 600; }
.about-mark { position: relative; min-height: 420px; }.mark-ring { position: absolute; border: 1px solid rgba(79,112,238,.18); border-radius: 50%; }.ring-a { inset: 38px 70px; background: radial-gradient(circle at 35% 28%, rgba(255,255,255,.95), rgba(209,231,255,.6) 52%, rgba(89,139,255,.28)); }.ring-b { inset: 0 32px; border-style: dashed; }.mark-core { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 182px; height: 182px; transform: translate(-50%,-50%); border-radius: 50%; color: #fff; text-align: center; background: linear-gradient(135deg,#2b65f5,#7058ff); box-shadow: 0 26px 54px rgba(62,87,223,.28); }.mark-core b { font-size: 22px; }.mark-core i,.mark-core em { font-size: 12px; font-style: normal; font-weight: 800; opacity: .77; }.mark-label { position: absolute; padding: 12px 16px; border: 1px solid var(--line); border-radius: 999px; color: #35466f; font-size: 12px; font-weight: 900; background: rgba(255,255,255,.86); box-shadow: 0 10px 22px rgba(73,96,158,.09); }.label-a { top: 58px; left: 0; }.label-b { right: 0; bottom: 62px; }
.about-statement { position: relative; z-index: 1; max-width: 890px; margin: 0 auto; padding: 86px 0; border-top: 1px solid var(--line); text-align: center; }.about-statement h2 { margin: 0; font-size: clamp(36px,3.6vw,48px); line-height: 1.08; letter-spacing: 0; font-weight: 900; }.about-statement-lead { max-width: 610px; margin: 25px auto 0; color: #34466f; font-size: clamp(18px,1.7vw,21px); line-height: 1.5; font-weight: 800; }.about-statement-copy { max-width: 690px; margin: 18px auto 0; color: var(--muted); font-size: 16px; line-height: 1.72; font-weight: 600; }
.about-statement-first { padding-top: 112px; border-top: 0; }
.about-story { position: relative; z-index: 1; display: grid; grid-template-columns: .82fr 1.18fr; gap: 76px; padding: 80px 38px; border-radius: 26px; background: linear-gradient(135deg,rgba(235,247,255,.72),rgba(255,255,255,.78)); }.belief-list { display: grid; gap: 2px; }.belief-list article { display: grid; grid-template-columns: 46px 1fr; gap: 0 16px; padding: 22px 0; border-top: 1px solid var(--line); }.belief-list span { grid-row: span 2; color: var(--blue); font-size: 12px; font-weight: 900; }.belief-list h3 { margin: 0 0 8px; font-size: 18px; font-weight: 900; }.belief-list p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; font-weight: 650; }
.about-name { position: relative; z-index: 1; display: grid; grid-template-columns: .82fr 1.18fr; gap: 76px; padding: 88px 38px 96px; }.about-name .section-copy h1 { margin: 0; font-size: clamp(40px,4vw,52px); line-height: 1.08; letter-spacing: 0; font-weight: 900; }.about-name-copy { max-width: 630px; }.about-name-copy p { margin: 0 0 19px; color: var(--muted); font-size: 17px; line-height: 1.72; font-weight: 600; }.about-name-copy p:last-child { margin-bottom: 0; }.about-name-copy strong { color: var(--ink); font-weight: 900; }.about-principles { position: relative; z-index: 1; padding: 80px 38px; border-radius: 26px; background: radial-gradient(circle at 84% 12%,rgba(112,88,255,.25),transparent 30%),linear-gradient(135deg,#071746,#172a71); }.about-principles .section-copy h2 { color: #fff; }.about-principles .eyebrow { color:#d8dcff; border-color:rgba(255,255,255,.12); background:rgba(255,255,255,.08); }.principle-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 42px; }.principle-grid article { min-height: 210px; padding: 25px; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: rgba(255,255,255,.07); }.principle-grid span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; color: #fff; font-size: 12px; font-weight: 900; background: linear-gradient(135deg,var(--blue),var(--violet)); }.principle-grid h3 { margin: 26px 0 10px; color: #fff; font-size: 18px; font-weight: 900; }.principle-grid p { margin: 0; color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.6; font-weight: 650; }
.about-audience { position: relative; z-index: 1; padding: 82px 4px; border-top: 1px solid var(--line); }.audience-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin-top: 38px; }.audience-grid article { min-height: 165px; padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.75); }.audience-grid strong { font-size: 17px; line-height: 1.3; font-weight: 900; }.audience-grid p { margin: 13px 0 0; color: var(--muted); font-size: 13px; line-height: 1.6; font-weight: 650; }.about-cta { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 42px; padding: 38px; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(135deg,rgba(255,255,255,.92),rgba(240,248,255,.82)); }.about-cta h2 { max-width: 740px; margin: 0; font-size: 30px; line-height: 1.16; letter-spacing: 0; font-weight: 900; }

.legal-page { width: min(1120px,calc(100% - 48px)); }.legal-page::before { display: none; }.legal-hero { position: relative; z-index: 1; max-width: 780px; padding: 86px 0 54px; }.legal-hero h1 { margin: 0; font-size: clamp(40px,4vw,54px); line-height: 1.05; letter-spacing: 0; font-weight: 900; }.legal-hero p:not(.eyebrow):not(.legal-date) { margin: 24px 0 0; color: var(--muted); font-size: 16px; line-height: 1.7; font-weight: 600; }.legal-date { margin: 15px 0 0; color: #7886a7; font-size: 13px; font-weight: 800; }.legal-layout { position: relative; z-index: 1; display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 66px; padding: 42px 0 82px; border-top: 1px solid var(--line); }.legal-nav { position: sticky; top: 26px; display: grid; align-self: start; gap: 5px; }.legal-nav a { padding: 9px 12px; border-radius: 9px; color: #56668d; font-size: 13px; font-weight: 800; }.legal-nav a:hover { color: #3652cd; background: #f1f5ff; }.legal-content { max-width: 740px; }.legal-content section { scroll-margin-top: 24px; padding: 0 0 30px; margin-bottom: 32px; border-bottom: 1px solid var(--line); }.legal-content section:last-child { border-bottom: 0; }.legal-content h2 { margin: 0 0 16px; font-size: 24px; line-height: 1.25; font-weight: 900; }.legal-content p,.legal-content li { color: #4f5f85; font-size: 14px; line-height: 1.72; font-weight: 600; }.legal-content p { margin: 0 0 15px; }.legal-content ul { display: grid; gap: 10px; padding-left: 20px; margin: 0 0 16px; }.legal-content a { color: #3652cd; text-decoration: underline; text-underline-offset: 3px; }.legal-note { margin: 18px 0; padding: 17px 18px; border-left: 3px solid var(--blue); border-radius: 0 10px 10px 0; color: #4f5f85; font-size: 13px; line-height: 1.65; background: #f2f6ff; }

.data-page::before { height: 920px; background: radial-gradient(circle at 78% 18%, rgba(8,201,223,.1), transparent 25%), radial-gradient(ellipse at 50% 70%, rgba(225,241,255,.5), transparent 45%); }.data-hero { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.88fr) minmax(360px,1.12fr); align-items: center; gap: 76px; padding: 104px 0 80px; }.data-hero h1 { max-width: 550px; margin: 0; font-size: clamp(42px,4.25vw,56px); line-height: 1.04; letter-spacing: 0; font-weight: 900; }.data-hero > div:first-child > p:not(.eyebrow) { max-width: 535px; margin: 25px 0 0; color: var(--muted); font-size: 16px; line-height: 1.7; font-weight: 600; }.data-status { position: relative; min-height: 260px; padding: 32px; overflow: hidden; border: 1px solid rgba(75,101,158,.14); border-radius: 22px; background: linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,249,255,.86)); box-shadow: 0 18px 48px rgba(73,96,158,.09); }.data-status span { color: #6879bf; font-size: 12px; font-weight: 900; text-transform: uppercase; }.data-status strong { display: block; max-width: 270px; margin-top: 16px; font-size: 24px; line-height: 1.2; font-weight: 900; }.data-status p { max-width: 280px; margin: 16px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; font-weight: 650; }.data-status i { position: absolute; right: -15px; bottom: -22px; width: 150px; height: 150px; border: 20px solid rgba(45,107,255,.12); border-radius: 50%; box-shadow: 0 0 0 20px rgba(8,201,223,.08); }.data-flow { position: relative; z-index: 1; padding: 78px 4px; border-top: 1px solid var(--line); }.data-flow-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin-top: 38px; }.data-flow-grid article { min-height: 290px; padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.77); }.data-flow-grid > article > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: #fff; font-size: 12px; font-weight: 900; background: linear-gradient(135deg,var(--blue),var(--violet)); }.data-flow-grid h3 { margin: 21px 0 10px; font-size: 17px; line-height: 1.3; font-weight: 900; }.data-flow-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; font-weight: 650; }.data-flow-grid ul { display: grid; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }.data-flow-grid li { position: relative; padding-left: 14px; color: #53638a; font-size: 11px; line-height: 1.45; font-weight: 750; }.data-flow-grid li::before { content:""; position:absolute; top:4px; left:0; width:6px; height:6px; border-radius:50%; background:var(--cyan); }.data-commitments { position: relative; z-index: 1; display: grid; grid-template-columns: .78fr 1.22fr; gap: 70px; padding: 80px 38px; border-radius: 26px; color: #fff; background: radial-gradient(circle at 80% 16%,rgba(89,125,255,.32),transparent 26%),linear-gradient(135deg,#071746,#172a71); }.data-commitments .section-copy h2 { color: #fff; }.data-commitments .section-copy p:not(.eyebrow) { color: rgba(255,255,255,.68); }.data-commitments .eyebrow { color:#d8dcff; border-color:rgba(255,255,255,.12); background:rgba(255,255,255,.08); }.commitment-list { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.commitment-list article { min-height: 130px; padding: 19px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(255,255,255,.07); }.commitment-list b { font-size: 14px; }.commitment-list p { margin: 10px 0 0; color: rgba(255,255,255,.67); font-size: 12px; line-height: 1.55; font-weight: 650; }.data-cta { position: relative; z-index: 1; display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:42px; padding:38px; border:1px solid var(--line); border-radius:24px; background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(240,248,255,.82)); }.data-cta h2 { max-width:720px; margin:0; font-size:30px; line-height:1.16; letter-spacing:0; font-weight:900; }.data-cta p:not(.eyebrow) { max-width:650px; margin:14px 0 0; color:var(--muted); font-size:14px; line-height:1.6; font-weight:650; }

@media (max-width: 940px) { .about-hero { grid-template-columns: 1fr; gap: 34px; padding: 68px 0 56px; text-align: center; }.about-hero > div:first-child { max-width: 620px; margin: 0 auto; }.about-hero p:not(.eyebrow) { margin-left: auto; margin-right: auto; }.about-mark { width: min(100%,540px); margin: 0 auto; }.about-story { grid-template-columns: 1fr; gap: 38px; padding: 52px 30px; }.about-story .section-copy { text-align: center; }.about-story .eyebrow { margin-left: auto; margin-right: auto; }.audience-grid { grid-template-columns: 1fr 1fr; }.about-cta { display: grid; text-align: center; }.about-cta .button { width: fit-content; margin: 0 auto; }.legal-layout { grid-template-columns: 1fr; gap: 28px; }.legal-nav { position: static; display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; }.legal-nav a { flex: 0 0 auto; }.legal-content { max-width: none; } }
@media (max-width: 940px) { .data-hero { grid-template-columns:1fr; gap:38px; padding:68px 0 56px; text-align:center; }.data-hero > div:first-child { max-width:620px; margin:0 auto; }.data-hero > div:first-child > p:not(.eyebrow) { margin-left:auto; margin-right:auto; }.data-status { width:min(100%,560px); margin:0 auto; text-align:left; }.data-flow-grid { grid-template-columns:1fr 1fr; }.data-commitments { grid-template-columns:1fr; gap:34px; padding:52px 30px; }.data-commitments .section-copy { text-align:center; }.data-commitments .eyebrow { margin-left:auto; margin-right:auto; }.data-cta { display:grid; text-align:center; }.data-cta .button { width:fit-content; margin:0 auto; } }
@media (max-width: 620px) { .about-hero { padding-top: 48px; }.about-hero h1 { font-size: 36px; }.about-hero p:not(.eyebrow) { font-size: 15px; }.about-mark { min-height: 330px; }.ring-a { inset: 36px 48px; }.ring-b { inset: 0 18px; }.mark-core { width: 148px; height: 148px; }.mark-core b { font-size: 18px; }.label-a { top: 44px; left: 0; }.label-b { right: 0; bottom: 42px; }.about-statement { padding: 56px 0; }.about-story { padding: 42px 20px; border-radius: 22px; }.audience-grid { grid-template-columns: 1fr; }.about-audience { padding: 52px 0; }.about-cta { margin-top: 32px; padding: 28px 20px; }.about-cta h2 { font-size: 24px; }.legal-page { width: 100%; }.legal-hero { padding: 56px 0 38px; }.legal-hero h1 { font-size: 36px; }.legal-hero p:not(.eyebrow):not(.legal-date) { font-size: 15px; }.legal-layout { padding-top: 26px; }.legal-content h2 { font-size: 21px; }.legal-content p,.legal-content li { font-size: 13px; } }
@media (max-width: 620px) { .data-hero { padding-top:48px; }.data-hero h1 { font-size:36px; }.data-hero > div:first-child > p:not(.eyebrow) { font-size:15px; }.data-status { min-height:230px; padding:25px; }.data-flow { padding:52px 0; }.data-flow-grid { grid-template-columns:1fr; }.data-flow-grid article { min-height:auto; }.data-commitments { padding:42px 20px; border-radius:22px; }.commitment-list { grid-template-columns:1fr; }.commitment-list article { min-height:auto; }.data-cta { padding:28px 20px; }.data-cta h2 { font-size:24px; } }

@media (max-width: 940px) { .about-story,.about-name { grid-template-columns: 1fr; gap: 38px; padding: 52px 30px; }.about-story .section-copy,.about-name .section-copy { text-align: center; }.about-story .eyebrow,.about-name .eyebrow { margin-left: auto; margin-right: auto; }.about-name-copy { max-width: 680px; margin: 0 auto; }.about-principles { padding: 52px 30px; }.principle-grid { grid-template-columns: 1fr; }.principle-grid article { min-height: 0; } }
@media (max-width: 620px) { .about-statement-first { padding-top: 76px; }.about-story,.about-name { padding: 42px 20px; border-radius: 22px; }.about-name { padding-top: 56px; padding-bottom: 56px; }.about-name .section-copy h1 { font-size: 36px; }.about-name-copy p { font-size: 15px; }.about-principles { padding: 42px 20px; border-radius: 22px; }.principle-grid { margin-top: 30px; }.principle-grid article { padding: 21px; } }