img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} :root { --navy: #0a1628; --navy-mid: #0f2847; --accent: #DD22C4; --accent-lightbg: #C71FAD; --accent-muted: #b96bb0; --blue: var(--accent); --blue-bright: #eb7ede; --blue-light: #f0a0e8; --blue-glow: rgba(230, 95, 213, 0.25); --bg: #060d14; --bg-section: #0a121c; --card: rgba(15, 40, 71, 0.6); --card-border: rgba(230, 95, 213, 0.15); --text: #e8eef4; --text-muted: #8ba4bc; --muted: #6b8aa3; --border: rgba(255, 255, 255, 0.08); --white: #fff; --black: #000; --text-dark: #1a1a1a; --gray: #656565; --gray-light: #999; --gray-mid: #767676; --gray-dark: #444; --gray-darker: #333; --green: #22c55e; --green-muted: rgba(34, 197, 94, 0.8); --cyan: #22d3ee; --cyan-muted: #417E81; --bg-light: #fcfcfc; --bg-gray: #f5f5f5; --blue-tint: #ebf5ff; --blue-tint-alt: #f0f4f8; --border-light: #e5e5e5; --radius: 16px; --radius-sm: 12px; --radius-lg: 24px; --max: 1100px; --nav-height: 74px; --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --breakpoint-sm: 576px; --breakpoint-md: 767px; --breakpoint-lg: 990px; --breakpoint-xl: 1200px; --container-max: 1280px; --gutter: 16px; --gutter-sm: 12px; --gutter-md: 24px; --gutter-lg: 36px; --btn-pill-radius: 9999px; --btn-padding-y: 12px; --btn-padding-x: 24px; --btn-font-size: 0.9375rem; --btn-font-weight: var(--fw-medium); --btn-primary-bg: var(--white); --btn-primary-color: var(--navy); --btn-primary-hover-bg: var(--accent); --btn-outline-border: rgba(255, 255, 255, 0.9); --btn-outline-color: var(--white); --btn-outline-hover-bg: rgba(230, 95, 213, 0.15); --btn-outline-hover-border: var(--accent); --btn-dark-bg: rgba(255, 255, 255, 0.06); --btn-dark-border: rgba(255, 255, 255, 0.25); --btn-dark-color: var(--text); --btn-dark-hover-bg: var(--accent); --fw-light: 300; --fw-normal: 400; --fw-medium: 600; --fw-bold: 700; --fw-heavy: 800; --fw-black: 900; --type-display: clamp(2.25rem, 5vw, 3rem); --type-h1: clamp(1.875rem, 4vw, 2.5rem); --type-h2: clamp(1.5rem, 3.2vw, 2.125rem); --type-h3: clamp(1.125rem, 2vw, 1.375rem); --type-lead: 1.125rem; --type-body: 1rem; --type-small: 0.875rem; --type-kicker: 0.6875rem; --line-tight: 1.5; --line-snug: 1.5; --line-normal: 1.5; } .jump { text-decoration-line: underline; text-decoration-color: var(--accent); text-underline-offset: 4px; position: absolute; background: #fff; left: 150px; top: -6px; padding: 10px; border-width: 2px; border-color: var(--light-30); border-style: none solid solid; transform: translateY(-100%); border-radius: 0 0 12px 12px }.jump:focus { transform: translateY(0%); outline-offset: 0 } a[target="_blank"] { position: relative }a[target="_blank"] i { padding: 4px; border: 1px solid black; color: #000; background-color: #fff; text-decoration: none; position: absolute; left: 0; top: -35px; z-index: 999; width: 140px; display: none; font-size: 12px; font-weight: 400; font-family: sans-serif; text-align: center !important; text-transform: none; letter-spacing: 0; }a[target="_blank"]:is(:hover, :focus) i { display: block } .bgimg { position: relative }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; z-index: 0 }.bgimg:before { z-index: 1 }.bgimg > *:not(img) { position: relative; z-index: 2 }* { box-sizing: border-box; }html { scroll-behavior: smooth; scroll-padding-top:150px} @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } html .reveal { opacity: 1; transform: none; } html .section-reveal { opacity: 1; transform: none; }} html.no-js .reveal { opacity: 1; transform: none; }html.no-js .section-reveal { opacity: 1; transform: none; }body { margin: 0; padding: 0; font-family: var(--font-sans); font-weight: var(--fw-normal); color: var(--text); background: var(--bg); line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x: hidden; }a { color: inherit; text-decoration: none; }a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid var(--blue-light); outline-offset: 3px; }img { display: block; max-width: 100%; height: auto; }.container { width: 100%; max-width: var(--container-max); margin-left: auto; margin-right: auto; padding-left: var(--gutter); padding-right: var(--gutter); } @media (min-width: 767px) { .container { padding-left: var(--gutter-sm); padding-right: var(--gutter-sm); }} @media (min-width: 999px) { .container { padding-left: var(--gutter-md); padding-right: var(--gutter-md); }} @media (min-width: 1200px) { .container { padding-left: var(--gutter-lg); padding-right: var(--gutter-lg); }} img[src="/images/logo.png"], img[src*=a8bmark] { filter: invert(1) } @media(forced-colors:active) { img[src="/images/logo.png"], img[src*=a8bmark] { filter: invert(0) }} .navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: var(--nav-height); background: transparent; border-bottom: none; backdrop-filter: none; transition: background 0.25s ease, backdrop-filter 0.25s ease; }.navbar.is-scrolled { background: var(--bg-section); backdrop-filter: none; }.navlinks a[href].active { color: var(--white); }.navlinks a[href].active::after { transform: scaleX(1); }.nav-inner { display: flex; align-items: center; justify-content: space-between; height: 100%; gap: 24px; position: relative; }.nav-toggle { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; margin: 0 -8px 0 0; background: transparent; border: none; border-radius: var(--radius-sm); color: var(--white); cursor: pointer; transition: background 0.2s ease, color 0.2s ease; }.nav-toggle:is(:hover,:focus), .nav-toggle:focus-visible { background: rgba(255, 255, 255, 0.1); }.nav-toggle[aria-expanded="true"] .nav-toggle-icon { background: transparent; }.nav-toggle[aria-expanded="true"] .nav-toggle-icon::before { transform: translateY(6px) rotate(45deg); }.nav-toggle[aria-expanded="true"] .nav-toggle-icon::after { transform: translateY(-6px) rotate(-45deg); }.nav-toggle-icon { display: block; width: 22px; height: 2px; background: currentColor; position: relative; transition: background 0.2s ease; }.nav-toggle-icon::before, .nav-toggle-icon::after { content: ""; position: absolute; left: 0; width: 100%; height: 2px; background: currentColor; transition: transform 0.25s ease; }.nav-toggle-icon::before { top: -6px; }.nav-toggle-icon::after { top: 6px; }.brand { display: inline-flex; align-items: center; gap: 2px; font-weight: var(--fw-bold); font-size: 0.9375rem; letter-spacing: -0.02em; color: var(--text); border-radius: var(--radius-sm); padding: 8px 0; }.brand-logo { display: block; height: 28px; width: auto; object-fit: contain; }.brand-point { color: var(--blue-light); }.nav-dropdown { display: flex; align-items: center; gap: 24px; }.navlinks { display: flex; gap: 4px; align-items: center; }.navlinks a { position: relative; color: var(--white); font-size: 0.875rem; font-weight: var(--fw-medium); padding: 8px 14px; border-radius: var(--radius-sm); transition: color 0.2s ease; text-align: center }.navlinks a::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 6px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: center; transition: transform 0.25s ease; }.navlinks a:is(:hover,:focus)::after, .navlinks a:focus-visible::after { transform: scaleX(1); }.navlinks a:is(:hover,:focus) { color: var(--white); }.navlinks a:focus-visible { outline-offset: 2px; }.nav-cta .btn { white-space: nowrap; padding: 8px 16px; font-size: 0.8125rem; }.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: var(--btn-padding-y) var(--btn-padding-x); border-radius: var(--btn-pill-radius); border: 2px solid transparent; background: transparent; color: var(--text); font-size: var(--btn-font-size); font-weight: var(--btn-font-weight); cursor: pointer; transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; }.btn:is(:hover,:focus) { background: rgba(255, 255, 255, 0.06); }.btn.primary { background: var(--btn-primary-bg); border-color: var(--btn-primary-bg); color: var(--btn-primary-color); }.btn.primary:is(:hover,:focus) { background: var(--btn-primary-hover-bg); border-color: var(--btn-primary-hover-bg); color: var(--white); }.btn.secondary { background: transparent; border-color: var(--btn-outline-border); color: var(--btn-outline-color); }.btn.secondary:is(:hover,:focus) { background: var(--btn-outline-hover-bg); border-color: var(--accent); color: var(--accent); }.btn.outline { background: transparent; border-color: var(--btn-outline-border); color: var(--btn-outline-color); }.btn.outline:is(:hover,:focus) { background: var(--btn-outline-hover-bg); border-color: var(--accent); color: var(--accent); }.btn.dark { background: var(--btn-dark-bg); border-color: var(--btn-dark-border); color: var(--btn-dark-color); }.btn.dark:is(:hover,:focus) { background: var(--btn-dark-hover-bg); border-color: var(--accent); color: var(--white); }.btn-full { width: 100%; }.btn-arrow { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform 0.25s ease; }.btn-arrow svg { width: 1em; height: 1em; stroke: currentColor; }.btn-has-arrow:is(:hover,:focus) .btn-arrow { transform: translateX(4px); } @media (prefers-reduced-motion: reduce) { .btn-has-arrow:is(:hover,:focus) .btn-arrow { transform: none }} .hero { position: relative; min-height: 100vh; display: flex; align-items: flex-end; justify-content: flex-start; padding: calc(var(--nav-height) + 2rem) 0 clamp(5rem, 14vh, 8rem); }.hero-video-wrap { position: absolute; inset: 0; z-index: 0; }.hero-video { width: 100%; height: 100%; object-fit: cover; object-position: center; }.hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6, 13, 20, 0.6) 0%, rgba(6, 13, 20, 0.35) 45%, rgba(6, 13, 20, 0.8) 100%); z-index: 1; }.hero-content { position: relative; z-index: 2; width: 100%; max-width: var(--container-max); margin-left: auto; margin-right: auto; padding-left: var(--gutter); padding-right: var(--gutter); } @media (min-width: 767px) { .hero-content { padding-left: var(--gutter-sm); padding-right: var(--gutter-sm); }} @media (min-width: 999px) { .hero-content { padding-left: var(--gutter-md); padding-right: var(--gutter-md); }} @media (min-width: 1200px) { .hero-content { padding-left: var(--gutter-lg); padding-right: var(--gutter-lg); }} .hero-headline { font-size: clamp(2.75rem, 8vw, 5rem); font-weight: var(--fw-normal); letter-spacing: -0.06em; line-height: 1.25; color: var(--white); margin: 0 0 0.4em; text-shadow: 0 2px 32px rgba(0, 0, 0, 0.5); max-width: 14ch; }.hero-subhead { font-size: clamp(1rem, 2.2vw, 1.25rem); font-weight: var(--fw-light); letter-spacing: -0.01em; color: var(--white); margin: 0 0 1.75em; max-width: 30ch; }.hero-cta { display: inline-flex; margin-top: 0.25em; }.hero-content .hero-headline, .hero-content .hero-subhead, .hero-content .hero-cta { opacity: 0; transform: translateY(24px); animation: hero-entrance 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards; }.hero-content .hero-subhead { animation-delay: 0.12s; animation-fill-mode: both; }.hero-content .hero-cta { animation-delay: 0.24s; animation-fill-mode: both; } @keyframes hero-entrance { to { opacity: 1; transform: translateY(0); }} @media (prefers-reduced-motion: reduce) { .hero-content .hero-headline, .hero-content .hero-subhead, .hero-content .hero-cta { animation: none; opacity: 1; transform: none; } * { animation: none !important }} .hero-stats .section-header { margin-bottom: 2.5rem; }.hero-stats-lead { font-size: var(--type-h2); font-weight: var(--fw-bold); letter-spacing: -0.03em; color: var(--text); margin: 0 0 0.75rem; max-width: 20ch; }.hero-stats-sub { font-size: var(--type-lead); color: var(--text-muted); margin: 0 0 2rem; max-width: 52ch; }.hero-stats .hero-card { max-width: 560px; padding: 2rem; background: var(--card); border: 1px solid var(--card-border); border-radius: var(--radius); backdrop-filter: blur(8px); }.hero-card-kicker { font-size: var(--type-kicker); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.1em; color: var(--blue-light); margin: 0 0 1rem; }.hero-card-kicker + .hero-card-kicker { margin-top: 1.25rem; margin-bottom: 0.5rem; }.hero-metrics { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem 1.5rem; }.hero-metric { display: flex; flex-direction: column; gap: 0.25rem; }.hero-metric-value { font-size: clamp(1.5rem, 3vw, 1.875rem); font-weight: var(--fw-bold); letter-spacing: -0.02em; line-height: 1.2; color: var(--white); }.hero-metric-label { font-size: var(--type-small); color: var(--text-muted); line-height: 1.4; }.hero-card-hr { height: 1px; background: var(--border); margin: 1.25rem 0 0; }.hero-card-desc { font-size: var(--type-body); color: var(--text-muted); margin: 0.5rem 0 0; max-width: 48ch; }.hero-note { font-size: var(--type-small); color: var(--muted); margin: 1.25rem 0 0; }.layout-light { background: var(--bg-light); color: var(--text-dark); border-top: 1px solid rgba(0, 0, 0, 0.06); }.layout-light .container-narrow { max-width: 720px; margin-left: auto; margin-right: auto; }.layout-light .container-pubs { max-width: 960px; }.layout-light .btn.dark { background: var(--navy); border-color: var(--navy); color: var(--white); }.layout-light .btn.dark:is(:hover,:focus) { background: var(--accent); border-color: var(--accent); color: var(--white); }.layout-light .btn.primary { background: var(--black); border-color: var(--black); color: var(--white); }.layout-light .btn.primary:is(:hover,:focus) { background: var(--accent); border-color: var(--accent); color: var(--white); }.layout-light .btn.outline { border-color: var(--text-dark); color: var(--text-dark); }.layout-light .btn.outline:is(:hover,:focus) { background: rgba(230, 95, 213, 0.12); border-color: var(--accent); color: var(--accent); }.layout-light .section, .layout-light .block-section { background: transparent; border-top-color: rgba(0, 0, 0, 0.06); }.layout-light .section .lead, .layout-light .block-section .lead { color: var(--gray); max-width: 75ch; margin-left: auto; margin-right: auto; }.layout-light .section .h4, .layout-light .section h2, .layout-light .block-section .h4, .layout-light .block-section h2 { color: var(--text-dark); font-weight: var(--fw-bold); }.layout-light .block-section .block-section__title { font-weight: var(--fw-normal); }.layout-light .card { background: var(--white); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: var(--radius-lg); padding: 2.5rem; color: var(--text-dark); transition: box-shadow 0.2s ease, border-color 0.2s ease; }.layout-light .card:is(:hover,:focus) { border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); }.layout-light .card h3 { color: var(--text-dark); }.layout-light .card p { color: var(--gray); }.layout-light .card-highlight { background: rgba(25, 120, 229, 0.04); border-color: rgba(25, 120, 229, 0.15); }.layout-light .stat-num { color: var(--text-dark); }.layout-light .pub-card { background: var(--white); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: var(--radius-lg); overflow: hidden; transition: box-shadow 0.2s ease, border-color 0.2s ease; }.layout-light .pub-card:is(:hover,:focus) { border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); }.layout-light .pub-tag { color: var(--gray); }.layout-light .pub-title { color: var(--text-dark); }.layout-light .pub-desc { color: var(--gray); }.layout-light .pub-link { color: var(--blue); }.layout-light .pub-link:is(:hover,:focus) { color: var(--blue-bright); }.layout-light .person .meta h3 { color: var(--text-dark); }.layout-light .person .meta p, .layout-light .person .role { color: var(--gray); }.layout-light .panel { background: var(--white); border-color: rgba(0, 0, 0, 0.08); }.layout-light .panel h3 { color: var(--text-dark); }.layout-light .panel .lead { color: var(--gray); }.layout-light .phase-card { background: var(--white); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: var(--radius-lg); padding: 2.5rem; transition: box-shadow 0.2s ease, border-color 0.2s ease; }.layout-light .phase-card:is(:hover,:focus) { border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); }.layout-light .phase-card h3 { color: var(--text-dark); }.layout-light .phase-card p { color: var(--gray); }.layout-light .person { background: var(--white); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: var(--radius-lg); padding: 2rem; transition: box-shadow 0.2s ease, border-color 0.2s ease; }.layout-light .person:is(:hover,:focus) { border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); }.layout-light .phase-num { color: var(--gray); }.layout-light .compliance, .layout-light .mute, .layout-light .small { color: var(--gray); }.layout-light .hr { background: rgba(0, 0, 0, 0.06); }.layout-light .badge { color: var(--gray); }.layout-light .focus-list { color: var(--gray); }.layout-light label { color: var(--text-dark); }.layout-light input, .layout-light textarea { background: var(--white); border: 1px solid rgba(0, 0, 0, 0.12); color: var(--text-dark); }.layout-light input::placeholder, .layout-light textarea::placeholder { color: var(--gray-light); }.layout-light .checkbox-row { color: var(--text-dark); }.block-section { padding: clamp(4.5rem, 12vw, 7.5rem) 0; border-top: 1px solid rgba(0, 0, 0, 0.06); }.block-section:first-child { border-top: none; }.block-section--alt { background: var(--white); }.block-section__kicker { font-size: 0.8125rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.35em; color: var(--gray); margin: 0 0 1rem; }.block-section__title { font-size: var(--type-h1); font-weight: var(--fw-light); letter-spacing: -0.03em; color: var(--text-dark); margin: 0 0 0.75rem; }.block-section__title--center { text-align: center; margin-bottom: 1.5rem; }.block-section .lead { margin-bottom: 2rem; }.block-section .section-cta { margin-top: 2rem; }.block-section .hr { margin: 2.5rem 0; }.layout-light .material-symbols-outlined { font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; font-size: 1.5rem; }.block-pillars { padding: clamp(5rem, 12vw, 8rem) 0; }.pillars-grid { display: flex; flex-direction: row; gap: 1rem; align-items: stretch; height: clamp(420px, 60vw, 560px); }.pillar-card { position: relative; display: flex; flex-direction: column; flex: 1 1 clamp(0px, 28%, 400px); min-width: 0; padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 2.5vw, 2rem); border-radius: var(--radius); background-size: cover; background-position: center; background-repeat: no-repeat; transition: flex 2.8s cubic-bezier(0.32, 0.72, 0, 1), flex-basis 2.8s cubic-bezier(0.32, 0.72, 0, 1), box-shadow 0.6s ease, color 0.4s ease; cursor: default; overflow: hidden; background-color: var(--bg-section) }.pillar-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.7) 10%); pointer-events: none; }.pillar-card > * { position: relative; z-index: 1; }.pillar-card:is(:hover,:focus), .pillar-card.pillar-card--expanded { flex: 2.2 1 clamp(0px, 52%, 600px); background-color: var(--bg-light); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08); }.pillar-card:is(:hover,:focus) > img { display: none }.pillar-card:is(:hover,:focus)::before, .pillar-card.pillar-card--expanded::before { opacity: 0; }.pillar-card:is(:hover,:focus) .pillar-title, .pillar-card.pillar-card--expanded .pillar-title { color: var(--text-dark); }.pillar-card-body { display: flex; flex-direction: column; flex: 1; min-width: 0; margin: 0 auto; text-align: left; transition: margin 2s cubic-bezier(0.32, 0.72, 0, 1), max-width 2s cubic-bezier(0.32, 0.72, 0, 1); }.pillar-card:is(:hover,:focus) .pillar-card-body, .pillar-card.pillar-card--expanded .pillar-card-body { margin-left: 0; margin-right: 0; max-width: 100%; text-align: left; }.pillar-title { font-size: clamp(2.5rem, 5vw, 3rem); font-weight: var(--fw-regular); letter-spacing: -0.03em; color: var(--text); margin: 0 0 0.5rem; transition: text-decoration-color 0.2s ease; }.pillar-desc { font-size: 1.125rem; color: var(--bg-light); margin: 0 0 1rem; transition: color 0.2s ease; }.pillar-visual { margin-top: auto; margin-bottom: 1rem; flex-shrink: 0; display: flex; justify-content: center; align-items: center; min-width: 0; overflow: visible; }.pillar-visual svg { display: block; width: 100%; max-width: 320px; height: auto; flex-shrink: 0; }.pillar-card:is(:hover,:focus) .pillar-desc, .pillar-card.pillar-card--expanded .pillar-desc { color: var(--gray); }.pillar-card-footer { margin-top: auto; padding-top: 1rem; max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.4s ease, opacity 0.3s ease; }.pillar-card:is(:hover,:focus) .pillar-card-footer, .pillar-card.pillar-card--expanded .pillar-card-footer { max-height: 4rem; opacity: 1; }.pillar-card-divider { display: block; height: 1px; background: var(--border-light); margin-bottom: 0.75rem; }.pillar-card-link { display: inline-flex; align-items: center; gap: 0.25rem; font-size: var(--type-small); font-weight: var(--fw-normal); color: var(--text-dark); text-decoration: none; transition: color 0.2s ease; }.pillar-card-link:is(:hover,:focus) { color: var(--accent); } .pillars-grid--static { height: clamp(380px, 55vw, 480px); }.pillars-grid--static .pillar-card { transition: none; cursor: default; }.pillars-grid--static .pillar-card-body { transition: none; }.pillars-grid--static .pillar-card-footer { max-height: 4rem; opacity: 1; }.pillars-grid--static .pillar-card-link:is(:hover,:focus) { color: var(--accent); } @media (max-width: 767px) { .pillars-grid { flex-direction: column; min-height: auto; height: auto; gap: 1rem; } .pillar-card, .pillar-card:is(:hover,:focus), .pillar-card.pillar-card--expanded { flex: none; min-height: 200px; }} .block-mission { position: relative; padding: clamp(6rem, 16vw, 10rem) 0; border-top: 1px solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06); overflow: hidden; background-color: var(--black) }.block-mission-bg { position: absolute; inset: 0; z-index: 0; }.block-mission-video { width: 100%; height: 100%; object-fit: cover; display: block; }.block-mission-content { position: relative; z-index: 1; }.block-mission .mission-kicker { font-size: 0.8125rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.35em; color: rgba(255, 255, 255, 0.9); margin: 0 0 2rem; text-align: center; }.block-mission .mission-statement { font-size: clamp(1.5rem, 3.5vw, 2.5rem); font-weight: var(--fw-light); line-height: 1.25; color: var(--white); margin: 0; text-align: center; }.block-mission-bg::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.35); pointer-events: none; }.block-paradigm { position: relative; padding: clamp(4rem, 10vw, 6rem) 0; overflow: hidden; }.paradigm-bg { position: absolute; inset: 0; background: var(--navy); z-index: 0; }.paradigm-container { position: relative; z-index: 1; }.paradigm-grid { display: grid; grid-template-columns: 1fr; gap: 0; align-items: stretch; }.paradigm-panel { padding: clamp(2rem, 4vw, 3rem); }.paradigm-current { border-radius: var(--radius) 0 0 var(--radius); }.paradigm-edge { border-radius: 0 var(--radius) var(--radius) 0; } @media (min-width: 999px) { .paradigm-grid { grid-template-columns: 1fr auto 1fr; } .paradigm-current { border-radius: var(--radius) var(--radius) 0 0; } .paradigm-edge { border-radius: 0 0 var(--radius) var(--radius); }} .paradigm-kicker { display: block; font-size: 0.8125rem; font-weight: var(--fw-medium); text-transform: uppercase; letter-spacing: 0.25em; color: rgba(255, 255, 255, 0.5); margin-bottom: 1rem; }.paradigm-title { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: var(--fw-bold); letter-spacing: -0.02em; color: var(--white); margin: 0 0 0.5rem; }.paradigm-sub { font-size: var(--type-small); color: rgba(255, 255, 255, 0.6); margin: 0 0 2rem; }.paradigm-list { list-style: none; padding: 0; margin: 0 0 2rem; display: flex; flex-direction: column; gap: 1.5rem; }.paradigm-item { display: flex; gap: 1rem; align-items: flex-start; }.paradigm-item strong { display: block; font-size: var(--type-lead); font-weight: var(--fw-medium); color: var(--white); margin-bottom: 0.35rem; }.paradigm-item span:not(.paradigm-icon) { font-size: var(--type-small); color: rgba(255, 255, 255, 0.6); }.paradigm-icon { flex-shrink: 0; width: 1.75rem; height: 1.75rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 0.75rem; font-weight: var(--fw-bold); }.paradigm-icon-info { background: rgba(255, 255, 255, 0.15); color: var(--white); }.paradigm-icon-no { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.5); }.paradigm-icon-yes { color: var(--green); }.paradigm-edge .paradigm-icon-yes { color: var(--accent); }.paradigm-icon-yes svg { stroke: currentColor; }.paradigm-noise { padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.08); }.paradigm-noise-label { font-size: 0.5625rem; font-weight: var(--fw-medium); text-transform: uppercase; letter-spacing: 0.2em; color: rgba(255, 255, 255, 0.4); }.paradigm-center { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 1rem; padding: clamp(2rem, 4vw, 3rem) 0.5rem; }.paradigm-divider { display: flex; flex-direction: column; align-items: center; flex: 1; min-height: 80px; }.paradigm-divider-arrow { display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.7); flex-shrink: 0; margin-bottom: 0.5rem; }.paradigm-divider-arrow svg { width: 1.5rem; height: 1.5rem; }.paradigm-divider-line { flex: 1; width: 1px; min-height: 40px; background: rgba(255, 255, 255, 0.2); }.paradigm-cta-center { display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 1rem 1.5rem; margin: 0 -1px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: var(--radius-sm); color: var(--white); font-size: 0.75rem; font-weight: var(--fw-medium); text-transform: uppercase; letter-spacing: 0.15em; text-decoration: none; transition: background 0.2s, border-color 0.2s; align-self: center; }.paradigm-cta-center:is(:hover,:focus) { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.25); }.paradigm-cta-arrow { opacity: 0.8; } @media (max-width: 999px) { .paradigm-center { flex-direction: row; padding: 1rem 0; gap: 0.75rem; } .paradigm-divider { flex-direction: row; flex: 1; min-height: 0; } .paradigm-divider-arrow { margin-bottom: 0; margin-right: 0.5rem; } .paradigm-divider-line { flex: 1; width: auto; min-width: 40px; height: 1px; min-height: 0; } .paradigm-cta-center { margin: 0; border-radius: var(--radius-sm); } .paradigm-cards { grid-template-columns: 1fr; } .paradigm-divider-arrow svg{transform:rotate(90deg)}} .paradigm-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 2rem; }.paradigm-card { padding: 1.25rem; background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(--radius-sm); }.paradigm-card-title { display: block; font-size: 0.5625rem; font-weight: var(--fw-medium); text-transform: uppercase; letter-spacing: 0.15em; color: rgba(255, 255, 255, 0.8); margin-bottom: 0.75rem; }.paradigm-card-value { font-size: 0.75rem; font-weight: var(--fw-medium); color: var(--white); }.paradigm-card-number { display: block; font-size: clamp(2rem, 4vw, 3rem); font-weight: var(--fw-bold); letter-spacing: -0.03em; margin-bottom: 0.25rem; }.paradigm-card-chart { height: 50px; margin-bottom: 0.75rem; }.paradigm-waveform { width: 100%; height: 100%; color: var(--accent); }.paradigm-bar { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.5rem; }.paradigm-bar-min, .paradigm-bar-max { font-size: 0.5625rem; color: rgba(255, 255, 255, 0.5); }.paradigm-bar-track { flex: 1; height: 4px; background: rgba(255, 255, 255, 0.2); border-radius: 2px; position: relative; }.paradigm-bar-marker { position: absolute; top: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; background: var(--accent); border-radius: 50%; }.paradigm-cta-wrap { text-align: center; margin-top: clamp(2rem, 5vw, 3rem); }.paradigm-cta-btn { display: inline-flex; align-items: center; gap: 0.5rem; flex-direction: row-reverse; background: var(--white) !important; border-color: var(--white) !important; color: var(--text-dark) !important; }.paradigm-cta-btn:is(:hover,:focus) { background: var(--gray-light) !important; border-color: var(--gray-light) !important; color: var(--text-dark) !important; }.paradigm-cta-icon { margin-right: 0.5rem; }.paradigm-cta-btn .btn-arrow { margin-left: 0; }.block-metrics { padding: clamp(5rem, 12vw, 8rem) 0; background: var(--white); } .cv-page .block-section .block-metrics { background: transparent; }.metrics-grid { display: grid; grid-template-columns: 1fr; gap: clamp(2rem, 4vw, 3rem); } @media (min-width: 576px) { .metrics-grid { grid-template-columns: repeat(2, 1fr); }} @media (min-width: 999px) { .metrics-grid { grid-template-columns: repeat(4, 1fr); }} .metrics-grid--3 { grid-template-columns: 1fr; } @media (min-width: 576px) { .metrics-grid--3 { grid-template-columns: repeat(2, 1fr); }} @media (min-width: 768px) { .metrics-grid--3 { grid-template-columns: repeat(3, 1fr); }} @media (min-width: 999px) { .metrics-grid--3 { grid-template-columns: repeat(3, 1fr); }} .metric-cell { padding: 0 1rem; text-align: center; }.metric-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; margin-bottom: 0.5rem; color: var(--cyan-muted); }.metric-icon .material-symbols-outlined { font-size: 1.5rem; }.metric-kicker { display: block; font-size: 0.8125rem; font-weight: var(--fw-medium); text-transform: uppercase; letter-spacing: 0.2em; color: var(--cyan-muted); margin-bottom: 1rem; }.metric-number { display: flex; align-items: center; justify-content: center; min-height: 2.75rem; font-size: clamp(2.5rem, 5vw, 4rem); font-weight: var(--fw-bold); letter-spacing: -0.03em; color: var(--text-dark); margin: 0 0 0.25rem; line-height: 1.1; }.metric-prefix { font-size: 0.4em; font-weight: var(--fw-normal); margin-right: 0.2em; }.metric-number.metric-range { align-items: baseline; }.metric-title { font-size: clamp(1.7rem, 4vw, 3.2rem); font-weight: var(--fw-bold); letter-spacing: -0.03em; color: var(--text-dark); margin: 0 0 1rem; line-height: 1.1; }.metric-desc { font-size: var(--type-small); color: var(--gray); margin: 0 auto; max-width: 16rem; }.metric-spacer { min-height: 0.75rem; }.metric-cell:has(.metric-title) .metric-spacer { min-height: 1.3rem; }.metric-cell:has(.metric-title) .metric-title { margin-bottom: 0.5rem; }.block-stats { padding: clamp(2.5rem, 6vw, 4rem) 0; }.stats-row { display: grid; grid-template-columns: 1fr; gap: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } @media (min-width: 767px) { .stats-row { grid-template-columns: repeat(3, 1fr); }} .stat-cell { padding: 2rem 1rem; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.06); }.stat-cell:last-child { border-right: none; }.stats-row .stat-cell:first-child { border-left: none; } @media (max-width: 749px) { .stat-cell { border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .stat-cell:last-child { border-bottom: none; }} .stat-number { display: block; font-size: clamp(2rem, 4vw, 3rem); font-weight: var(--fw-normal); letter-spacing: -0.03em; color: var(--text-dark); margin: 0 0 0.5rem; line-height: 1.2; }.stat-label { font-size: 0.8125rem; font-weight: var(--fw-medium); text-transform: uppercase; letter-spacing: 0.2em; color: var(--gray); }.block-stats-note { margin-top: 1rem; color: var(--gray); font-size: var(--type-small); text-align: center; }.layout-light .block-stats-note { color: var(--gray); }.block-gap-answer { padding: clamp(3rem, 8vw, 5rem) 0; background: var(--white); border-top: 1px solid rgba(0, 0, 0, 0.06); }.gap-answer-grid { display: grid; grid-template-columns: 1fr; gap: 0; align-items: stretch; } @media (min-width: 999px) { .gap-answer-grid { grid-template-columns: 1fr auto 1fr; }} .gap-panel { background: var(--bg-gray); border: 1px solid rgba(0, 0, 0, 0.06); padding: clamp(2rem, 4vw, 3rem); border-radius: 16px 0 0 16px; } @media (max-width: 999px) { .gap-panel { border-radius: 16px 16px 0 0; }} .answer-panel { background: var(--white); border: 1px solid rgba(25, 120, 229, 0.2); padding: clamp(2rem, 4vw, 3rem); border-radius: 0 16px 16px 0; box-shadow: 0 20px 50px rgba(25, 120, 229, 0.06); } @media (max-width: 999px) { .answer-panel { border-radius: 0 0 16px 16px; }} .gap-arrow { display: none; flex-shrink: 0; width: 32px; height: 32px; align-items: center; justify-content: center; margin: 0 -8px; z-index: 1; border-radius: 50%; background: var(--white); border: 1px solid rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } @media (min-width: 999px) { .gap-arrow { display: flex; }} .gap-arrow .material-symbols-outlined { font-size: 1rem !important; color: rgba(0, 0, 0, 0.4); }.gap-panel-title, .block-gap-answer .gap-panel-title { font-size: var(--type-h2); font-weight: var(--fw-light); letter-spacing: -0.02em; color: var(--text-dark); margin: 0 0 2rem; }.gap-list { display: flex; flex-direction: column; gap: 2rem; }.gap-item { display: flex; gap: 1rem; align-items: flex-start; }.gap-icon { flex-shrink: 0; width: 1.5rem; height: 1.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: var(--fw-medium); margin-top: 0.15rem; }.gap-icon-no { color: rgba(0, 0, 0, 0.4); }.gap-icon-yes { color: var(--blue); }.gap-item-title { font-size: var(--type-lead); font-weight: var(--fw-medium); color: var(--text-dark); margin: 0 0 0.35rem; }.gap-item p { font-size: var(--type-small); color: var(--gray); margin: 0; }.block-tech { padding: clamp(3rem, 8vw, 5rem) 0; border-top: 1px solid rgba(0, 0, 0, 0.06); }.block-tech-header { text-align: center; margin-bottom: 3rem; }.block-tech-kicker { display: block; font-size: 0.8125rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.35em; color: var(--gray); margin-bottom: 1rem; }.block-tech-heading { font-size: var(--type-h1); font-weight: var(--fw-normal); text-align: center; color: var(--text-dark); margin: 0 0 1rem; }.block-tech-lead { font-size: var(--type-lead); color: var(--gray); margin: 0; max-width: 48ch; margin-left: auto; margin-right: auto; }.tech-grid { display: grid; grid-template-columns: 1fr; gap: clamp(var(--gutter), 4vw, var(--gutter-md)); } @media (min-width: 767px) { .tech-grid { grid-template-columns: repeat(2, 1fr); }} @media (min-width: 999px) { .tech-grid { grid-template-columns: repeat(3, 1fr); }} .tech-card { padding: 2rem; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: var(--radius-lg); text-align: center; transition: border-color 0.2s ease, box-shadow 0.2s ease; }.layout-light .tech-card { background: var(--white); padding: 2.5rem; }.tech-card:is(:hover,:focus) { border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); }.tech-icon { margin-bottom: 1.5rem; color: rgba(0, 0, 0, 0.7); font-size: 2rem !important; }.tech-card-title { font-size: var(--type-h3); font-weight: var(--fw-medium); letter-spacing: -0.02em; color: var(--text-dark); margin: 0 0 0.75rem; }.tech-card-desc { font-size: var(--type-body); color: var(--gray); margin: 0 0 1.5rem; }.tech-card-tag { font-size: 0.8125rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.2em; color: var(--text-dark); }.block-tech .section-cta { margin-top: 2.5rem; justify-content: center; }.block-pubs { padding: clamp(3rem, 8vw, 5rem) 0; background: var(--bg-gray); border-top: 1px solid rgba(0, 0, 0, 0.06); }.pubs-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-bottom: 2rem; }.pubs-heading { font-size: var(--type-h1); font-weight: var(--fw-light); letter-spacing: -0.02em; color: var(--text-dark); margin: 0 0 0.25rem; }.pubs-sub { font-size: var(--type-body); color: var(--gray); margin: 0; }.pubs-list { display: flex; flex-direction: column; gap: 1px; background: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 8px; overflow: hidden; }.pubs-list-item { display: flex; flex-direction: column; gap: 1rem; padding: 2rem; background: var(--white); align-items: center; text-align: center; } @media (min-width: 767px) { .pubs-list-item { flex-direction: row; justify-content: space-between; text-align: left; }} .pubs-list-body { flex: 1; min-width: 0; }.pubs-list-meta { font-size: 0.8125rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.2em; color: var(--gray); }.pubs-list-title { font-size: var(--type-h3); font-weight: var(--fw-medium); letter-spacing: -0.02em; color: var(--text-dark); margin: 0.5rem 0 0.35rem; }.pubs-list-desc { font-size: var(--type-small); color: var(--gray); margin: 0.5rem 0 0; }.btn-pub { flex-shrink: 0; }.block-measures-inner { margin-bottom: clamp(3rem, 8vw, 5rem); padding-bottom: clamp(2rem, 5vw, 3rem); text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }.measures-title { font-size: clamp(1.25rem, 2.5vw, 1.75rem); font-weight: var(--fw-medium); letter-spacing: -0.02em; color: var(--text-dark); margin: 0 0 1rem; }.measures-desc { font-size: var(--type-body); color: var(--gray); margin: 0; max-width: 56ch; margin-left: auto; margin-right: auto; }.block-join { padding: clamp(4rem, 12vw, 6rem) 0; text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.06); }.layout-light .block-join .container-narrow { max-width: 800px; }.join-title { font-size: clamp(1.75rem, 4vw, 3rem); font-weight: var(--fw-light); letter-spacing: -0.03em; color: var(--text-dark); margin: 0 0 2.5rem; }.join-cta { display: inline-flex; }.join-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(1rem, 4vw, 2rem); margin-top: 2rem; font-size: 0.8125rem; font-weight: var(--fw-normal); text-transform: uppercase; letter-spacing: 0.25em; color: var(--gray); }.section-cta--center { justify-content: center; }.block-join .section-cta { margin-top: 0; margin-bottom: 0; }.platform-page .layout-light .block-section__title, .cv-page .layout-light .block-section__title, .company-page .layout-light .block-section__title, .contact-page .layout-light .block-section__title, .revenue-page .layout-light .block-section__title { font-weight: var(--fw-light); }.platform-page .layout-light .block-section__kicker, .cv-page .layout-light .block-section__kicker, .company-page .layout-light .block-section__kicker, .contact-page .layout-light .block-section__kicker, .revenue-page .layout-light .block-section__kicker { font-weight: var(--fw-normal); }.cv-page .layout-light .card h3, .company-page .layout-light .person .meta h3, .contact-page .layout-light .panel h3 { font-weight: var(--fw-light); }.cv-page .layout-light .card p, .company-page .layout-light .person .meta p, .contact-page .layout-light .panel .lead { font-weight: var(--fw-normal); }.cv-page .layout-light .pub-title, .cv-page .layout-light .pubs-list-title, .cv-page .roadmap-phase__title, .cv-page .roadmap-phase__focus-title { font-weight: var(--fw-light); }.cv-page .layout-light .pub-desc, .cv-page .layout-light .pubs-list-desc, .cv-page .layout-light .pubs-list-meta, .cv-page .layout-light .metric-desc, .cv-page .layout-light .lead, .revenue-page .layout-light .lead, .cv-page .roadmap-phase__desc, .cv-page .roadmap-phase__tags span, .cv-page .roadmap-phase__focus li { font-weight: var(--fw-normal); }.cv-page .cv-hero .kicker { font-weight: var(--fw-normal); }.cv-page .cv-hero .page-lead { font-weight: var(--fw-normal); }.cv-page .compliance, .cv-page .compliance b, .cv-page .compliance strong { font-weight: var(--fw-normal); }.company-page .layout-light .person .role { font-weight: var(--fw-normal); }.company-page .layout-light .block-section { padding: clamp(2.5rem, 6vw, 4rem) 0; }.company-page .layout-light .person { position: relative; display: grid; grid-template-columns: minmax(180px, 26%) 1fr; min-height: 260px; padding: 0; overflow: hidden; }.company-page .layout-light .person::before { display: none; }.company-page .layout-light .person-photo { position: relative; overflow: hidden; min-height: 100%; }.company-page .layout-light .person-photo img.is-load-failed { display: none; }.company-page .layout-light .person-photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; border-radius: 0; border: none; }.company-page .layout-light .person .meta { padding: 2rem 2rem; display: flex; flex-direction: column; justify-content: flex-start; } @media (max-width:767px){ .company-page .layout-light .person .meta{padding:2rem 1rem}}@media (max-width: 500px) { .company-page .layout-light .person { grid-template-columns: 1fr; grid-template-rows: auto 1fr; min-height: auto; } .company-page .layout-light .person-photo { aspect-ratio: 2 / 3; max-height: 300px; max-width: 200px; width: 100%; justify-self: center; padding-top: 2rem; } .company-page .layout-light .person-photo:has(img[src*=perry]){aspect-ratio:1;max-width:300px} .company-page .layout-light .person-photo img { object-fit: contain; object-position: center center; } .company-page .layout-light .person .meta { padding: 1.5rem 1.5rem 2rem; }} .platform-hero { position: relative; min-height: 90vh; display: flex; align-items: flex-end; justify-content: flex-start; padding: calc(var(--nav-height) + clamp(2rem, 5vw, 3rem)) 0 clamp(4rem, 12vw, 6rem); background: var(--navy); border-bottom: 1px solid rgba(255, 255, 255, 0.08); overflow: hidden; }.platform-hero-bg { position: absolute; inset: 0; z-index: 0; }.platform-hero-image { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }.platform-hero-image-placeholder { display: none; position: absolute; inset: 0; background: linear-gradient(135deg, var(--navy-mid) 0%, var(--navy) 100%); align-items: center; justify-content: center; }.platform-hero-image-placeholder.is-visible { display: flex; }.platform-hero-image-placeholder span { font-size: 0.75rem; font-weight: var(--fw-medium); text-transform: uppercase; letter-spacing: 0.2em; color: rgba(255, 255, 255, 0.5); }.platform-hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 22, 40, 0.4) 0%, rgba(10, 22, 40, 0.75) 50%, rgba(10, 22, 40, 0.92) 100%); z-index: 1; }.platform-hero-badge { position: absolute; bottom: 2rem; left: var(--gutter); z-index: 2; color: var(--white); text-align: left; } @media (min-width: 767px) { .platform-hero-badge { left: var(--gutter-md); }} .platform-hero-badge-kicker { display: block; font-size: 0.8125rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.3em; opacity: 0.8; margin-bottom: 0.25rem; }.platform-hero-badge-title { font-size: 1.5rem; font-weight: var(--fw-bold); letter-spacing: -0.02em; }.platform-hero-content { position: relative; z-index: 2; width: 100%; }.platform-hero .kicker { color: var(--accent); }.platform-hero .page-title { font-weight: var(--fw-light); color: var(--white); margin: 0 0 0.75rem; }.platform-hero .page-lead { color: rgba(255, 255, 255, 0.82); max-width: 36ch; }body.page-inner .cv-hero + .layout-light { border-top: none; }.platform-hero-wave { position: relative; background-color: var(--bg-section); }.platform-hero-wave-bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; }.platform-hero-wave-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 10%; display: block; }.platform-hero-wave::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, transparent 0%, rgba(10, 22, 40, 0.2) 40%, rgba(10, 22, 40, 0.85) 75%, rgba(10, 22, 40, 0.95) 100%); pointer-events: none; }.platform-hero-wave .container { position: relative; z-index: 1; }.platform-hero-wave .kicker { color: var(--accent); }.platform-hero-wave .page-title { font-weight: var(--fw-light); color: var(--white); }.platform-hero-wave .page-lead { color: rgba(255, 255, 255, 0.85); }.platform-steps-wrap { position: relative; }.platform-steps-heading { margin-bottom: 3rem; }.platform-steps-heading-sticky { position: sticky; top: clamp(5rem, 12vw, 7rem); z-index: 2; padding-bottom: 2rem; margin-bottom: 2rem; background: var(--bg-light); }.platform-steps-sticky { min-height: 180vh; }.platform-steps-sticky-inner { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; gap: 1.25rem; position: relative; }.platform-step { position: relative; z-index: 1; background: var(--white); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: var(--radius-lg); padding: clamp(1.5rem, 3vw, 2rem); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); }.platform-step-sticky { position: sticky; top: clamp(12rem, 30vw, 17rem); flex: 1 1 0; min-width: 0; }.platform-step-sticky-2 { margin-top: 45vh; }.platform-step-sticky-3 { margin-top: 80vh; } @media (max-width: 749px) { .platform-steps-sticky { min-height: auto; } .platform-steps-heading-sticky { position: relative; top: auto; } .platform-steps-sticky-inner { flex-direction: column; gap: 1.5rem; } .platform-step-sticky { position: relative; top: auto; margin-top: 0 !important; }} @media (prefers-reduced-motion: reduce) { .platform-steps-sticky { min-height: auto; } .platform-steps-heading-sticky { position: relative; top: auto; } .platform-steps-sticky .platform-step-sticky { position: relative; top: auto; margin-top: 0 !important; }} @media (min-width: 767px) { .platform-steps-sticky-inner { gap: 1.5rem; }} .platform-step-icon { position: relative; width: 6rem; height: 6rem; display: flex; align-items: center; justify-content: center; margin: 0 auto 2rem; }.platform-step-symbol { font-size: 2.25rem !important; color: var(--blue) !important; }.platform-step-num { position: absolute; top: -0.75rem; left: 50%; transform: translateX(-50%); width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--white); border: 1px solid rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: var(--fw-normal); color: var(--text-dark); }.platform-step-title { font-size: var(--type-lead); font-weight: var(--fw-light); color: var(--text-dark); margin: 0 0 0.5rem; }.platform-step-desc { font-size: var(--type-small); font-weight: var(--fw-normal); color: var(--gray); margin: 0; }.platform-hardware-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; align-items: center; } @media (min-width: 999px) { .platform-hardware-grid { grid-template-columns: 1fr 1fr; gap: 4rem; }} .platform-kicker { color: var(--accent-lightbg) }.platform-check-list { list-style: none; padding: 0; margin: 1.5rem 0 0; }.platform-check-list .material-symbols-outlined { display: flex }.platform-check-list li { display: flex; gap: 1rem; align-items: flex-start; margin-bottom: 1.5rem; }.platform-check-list li:last-child { margin-bottom: 0; }.platform-check-icon { flex-shrink: 0; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--blue-tint); display: inline-flex; align-items: center; justify-content: center; font-size: 0.875rem !important; color: var(--accent-lightbg); margin-top: 0.15rem; }.platform-check-label { display: block; font-weight: var(--fw-normal); color: var(--text-dark); margin-bottom: 0.2rem; }.platform-check-desc { font-size: var(--type-small); font-weight: var(--fw-normal); color: var(--gray); }.platform-hardware-image-wrap { position: relative; }.platform-hardware-image { width: 100%; max-width: 65%; height: auto; margin: 0 auto; display: block; border-radius: var(--radius); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); background: var(--blue-tint-alt); }.platform-hardware-image-placeholder { display: none; min-height: 14rem; background: linear-gradient(135deg, var(--blue-tint) 0%, var(--blue-tint-alt) 100%); border-radius: var(--radius-lg); overflow: hidden; align-items: center; justify-content: center; }.platform-hardware-image-placeholder.is-visible { display: flex; }.platform-hardware-image-placeholder span { font-size: 0.8125rem; font-weight: var(--fw-medium); text-transform: uppercase; letter-spacing: 0.15em; color: var(--gray-light); }.platform-stat-card { position: absolute; background: var(--white); padding: 1rem 1.25rem; border-radius: var(--radius-sm); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); border: 1px solid rgba(0, 0, 0, 0.06); max-width: 11rem; }.platform-stat-card--top { top: 2.5rem; right: -1rem; }.platform-stat-card--bottom { bottom: 2.5rem; left: -1rem; }.platform-stat-card-kicker { display: block; font-size: 0.5625rem; font-weight: var(--fw-normal); text-transform: uppercase; letter-spacing: 0.15em; color: var(--gray); margin-bottom: 0.25rem; }.platform-stat-card-value { font-size: 1.25rem; font-weight: var(--fw-light); color: var(--text-dark); }.platform-emgnet-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; align-items: center; } @media (min-width: 999px) { .platform-emgnet-grid { grid-template-columns: 1fr 1fr; gap: 4rem; } .platform-emgnet-visual { order: 1; } .platform-emgnet-copy { order: 2; }} .platform-emgnet-portal { background: var(--white); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: var(--radius); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); padding: 1.5rem; }.platform-portal-title { font-size: 0.875rem; font-weight: var(--fw-medium); color: var(--text-dark); margin: 0 0 1rem; }.platform-portal-divider { border: none; border-top: 1px solid rgba(0, 0, 0, 0.08); margin: 0 0 1rem; }.platform-portal-patient { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }.platform-portal-avatar { width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--bg-gray); display: flex; align-items: center; justify-content: center; color: var(--gray); flex-shrink: 0; }.platform-portal-avatar .material-symbols-outlined { font-size: 1.25rem; }.platform-portal-patient-info { display: flex; flex-direction: column; gap: 0.2rem; }.platform-portal-name { font-size: 0.875rem; font-weight: var(--fw-medium); color: var(--text-dark); }.platform-portal-meta { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; align-items: center; }.platform-portal-mrn, .platform-portal-demo { font-size: 0.8125rem; color: var(--gray); }.platform-portal-panels { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } @media (max-width: 639px) { .platform-portal-panels { grid-template-columns: 1fr; }} .platform-portal-panel { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 1rem; background: var(--bg-gray); border-radius: var(--radius-sm); }.platform-portal-panel .platform-glass-card-badge { margin: 0 0 1rem; }.platform-portal-panel .platform-score-ring { width: 6rem; height: 6rem; }.platform-portal-panel .platform-score-ring-severity { font-size: 1rem; }.platform-portal-panel .platform-score-ring-value { font-size: 1.125rem; }.platform-glass-card { background: var(--white); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: var(--radius); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); padding: 2rem; display: flex; flex-direction: column; align-items: center; text-align: center; }.platform-glass-card .platform-glass-card-badge { margin: 0 0 1.5rem; }.platform-neuro-subtitle { font-size: 0.8125rem; color: var(--gray); margin: 0 0 0.75rem; }.platform-neuro-slider-wrap { position: relative; width: 100%; margin-bottom: 0.75rem; }.platform-neuro-slider { height: 0.75rem; border-radius: 999px; background: linear-gradient(90deg, #f97316 0%, #eab308 25%, #22c55e 40%, #22c55e 60%, #3b82f6 100%); }.platform-neuro-marker { position: absolute; left: 15%; top: 50%; transform: translate(-50%, -50%); width: 0.75rem; height: 0.75rem; border-radius: 50%; background: var(--white); border: 2px solid var(--gray); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); pointer-events: none; }.platform-neuro-status { font-size: 0.8125rem; font-weight: var(--fw-medium); color: var(--text-dark); text-align: center; margin: 0; }.platform-glass-card-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; }.platform-glass-card-brand { display: flex; align-items: center; gap: 0.75rem; }.platform-glass-card-icon { width: 2rem; height: 2rem; border-radius: 8px; background: var(--text-dark); color: var(--white) !important; font-size: 1rem !important; display: inline-flex; align-items: center; justify-content: center; }.platform-glass-card-label { font-size: 0.8125rem; font-weight: var(--fw-light); text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-dark); }.platform-glass-card-id { font-size: 0.8125rem; font-weight: var(--fw-medium); color: var(--text-dark); }.platform-glass-card-body { flex: 1; display: flex; align-items: center; gap: 2rem; min-height: 0; }.platform-score-ring { position: relative; width: 8rem; height: 8rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }.platform-score-ring-svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }.platform-score-ring-bg { stroke: var(--border-light); }.platform-score-ring-fill { stroke: var(--blue); transition: stroke-dashoffset 0.5s ease; }.platform-score-ring-values { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 0.05rem; transform: translateY(0.15em); }.platform-score-ring-severity { font-size: 1.25rem; font-weight: var(--fw-bold); color: var(--text-dark); line-height: 1.25; }.platform-score-ring-value { font-size: 1.375rem; font-weight: var(--fw-light); color: var(--text-dark); }.platform-trend-bars { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.75rem; justify-content: center; }.platform-trend-bar { height: 4px; width: 100%; background: var(--border-light); border-radius: 4px; overflow: hidden; }.platform-trend-bar-fill { display: block; height: 100%; background: var(--blue); border-radius: 4px; }.platform-trend-label { font-size: 0.5625rem; font-weight: var(--fw-normal); text-transform: uppercase; letter-spacing: 0.1em; color: var(--gray); margin-top: 0.25rem; }.platform-score-ring-wrap { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; }.platform-glass-card-badge { font-size: 0.5625rem; font-weight: var(--fw-normal); text-transform: uppercase; letter-spacing: 0.1em; color: var(--gray); margin-top: 0.75rem; }.platform-glass-card-summary { font-size: 0.75rem; font-weight: var(--fw-normal); color: var(--gray); margin: 0.75rem 0 0; text-align: center; }.platform-glass-card-summary strong { color: var(--text-dark); font-weight: var(--fw-medium); }.platform-emgnet-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin-top: 1.5rem; }.platform-emgnet-stat-value { display: block; font-size: 1.75rem; font-weight: var(--fw-light); color: var(--text-dark); margin-bottom: 0.25rem; }.platform-emgnet-stat-label { font-size: 0.8125rem; font-weight: var(--fw-normal); text-transform: uppercase; letter-spacing: 0.1em; color: var(--gray); }.platform-outputs-heading { margin-bottom: 2.5rem; }.platform-outputs-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; } @media (min-width: 767px) { .platform-outputs-grid { grid-template-columns: repeat(2, 1fr); }} .platform-output-card { background: var(--white); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: var(--radius-lg); padding: 2.5rem; transition: box-shadow 0.2s ease, border-color 0.2s ease; }.platform-output-card:is(:hover,:focus) { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); border-color: rgba(0, 0, 0, 0.08); }.platform-output-icon { font-size: 2.25rem !important; color: var(--text-dark) !important; margin-bottom: 1rem; display: block; }.platform-output-title { font-size: var(--type-h3); font-weight: var(--fw-light); color: var(--text-dark); margin: 0 0 0.5rem; }.platform-output-desc { font-size: var(--type-body); font-weight: var(--fw-normal); color: var(--gray); margin: 0 0 1.5rem; }.platform-output-footer { padding-top: 1.5rem; border-top: 1px solid rgba(0, 0, 0, 0.06); display: flex; align-items: center; justify-content: space-between; font-size: 0.8125rem; font-weight: var(--fw-normal); text-transform: uppercase; letter-spacing: 0.1em; }.platform-output-footer-left { color: var(--gray); }.platform-output-footer-right { color: var(--blue); }.cv-hero { background: var(--bg-light); border-bottom: 1px solid rgba(0, 0, 0, 0.06); }.cv-hero .kicker { color: var(--accent); }.cv-hero .page-title { font-weight: var(--fw-light); color: var(--text-dark); margin: 0 0 0.5rem; }.cv-hero .page-lead { color: var(--gray); max-width: 42ch; }.cv-hero-title { font-size: clamp(2rem, 6vw, 4rem); font-weight: var(--fw-normal); letter-spacing: -0.04em; color: #0b1f33; margin: 0 0 0.5rem; background: #f7f8fb; padding: 0.05em 0; display: inline; }body.page-inner .cv-hero + .layout-light { border-top: none; }.cv-data-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; } @media (min-width: 767px) { .cv-data-grid { grid-template-columns: repeat(3, 1fr); }} .cv-data-card { background: var(--white); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: var(--radius); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); padding: 2.5rem; min-height: 280px; display: flex; flex-direction: column; transition: box-shadow 0.2s ease; }.cv-data-card:is(:hover,:focus) { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); }.cv-data-label { font-size: 0.8125rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.2em; color: var(--gray); margin-bottom: 1.5rem; display: block; }.cv-data-value { font-size: 3rem; font-weight: var(--fw-bold); color: var(--text-dark); margin: 0 0 0.5rem; }.cv-data-value--accent { color: var(--blue); }.cv-data-desc { font-size: var(--type-small); color: var(--gray); margin: 0 0 auto; flex: 1; }.cv-data-footer { padding-top: 1.5rem; margin-top: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.06); font-size: 0.8125rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.1em; color: var(--navy); }.cv-data-card--correlation { position: relative; overflow: hidden; }.cv-data-correlation-svg { position: absolute; bottom: 0; right: 0; width: 100%; height: 8rem; opacity: 0.2; pointer-events: none; }.cv-data-correlation-svg svg { width: 100%; height: 100%; color: var(--blue); }.cv-data-correlation-svg line { color: var(--blue); }.cv-data-scale { margin-top: 1.5rem; }.cv-data-scale-bar { height: 4px; background: var(--border-light); border-radius: 4px; overflow: visible; position: relative; }.cv-data-scale-fill { position: absolute; left: 0; top: 0; bottom: 0; width: 78%; background: linear-gradient(90deg, var(--blue), var(--blue-bright)); border-radius: 4px; opacity: 0.85; }.cv-data-scale-marker { position: absolute; top: 0; bottom: 0; right: 22%; width: 2px; background: var(--white); z-index: 1; }.cv-data-scale-labels { display: flex; justify-content: space-between; margin-top: 0.5rem; font-size: 0.5625rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.1em; color: var(--gray); }.cv-pubs-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 767px) { .cv-pubs-grid { grid-template-columns: repeat(3, 1fr); }} .cv-pub-card { display: block; color: inherit; text-decoration: none; transition: transform 0.2s ease; }.cv-pub-card:is(:hover,:focus) { transform: translateY(-2px); }.cv-pub-card:is(:hover,:focus) .cv-pub-title { color: var(--blue); }.cv-pub-card:is(:hover,:focus) .cv-pub-cover img { filter: grayscale(0); }.cv-pub-cover { aspect-ratio: 3 / 4; border-radius: var(--radius-sm); overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.06); margin-bottom: 1rem; background: var(--bg-gray); }.cv-pub-cover img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: filter 0.4s ease; }.cv-pub-cover--placeholder { background: var(--blue-tint); display: flex; align-items: center; justify-content: center; }.cv-pub-cover--placeholder .material-symbols-outlined { font-size: 3rem !important; color: rgba(25, 120, 229, 0.2) !important; }.cv-pub-tag { font-size: 0.8125rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.1em; color: #c9a227; display: block; margin-bottom: 0.5rem; }.cv-pub-title { font-size: var(--type-lead); font-weight: var(--fw-medium); color: var(--text-dark); margin: 0 0 0.75rem; transition: color 0.2s ease; }.cv-pub-link { font-size: 0.8125rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-dark); display: inline-flex; align-items: center; gap: 0.5rem; }.cv-pub-card:is(:hover,:focus) .cv-pub-link { gap: 0.75rem; }.cv-pub-link .material-symbols-outlined { font-size: 0.875rem !important; }.cv-testimonials { background: #fafbfc; }.cv-testimonials-heading { font-size: clamp(2rem, 4vw, 3rem); font-weight: var(--fw-bold); letter-spacing: -0.03em; text-transform: uppercase; font-style: italic; color: var(--text-dark); margin: 0 0 2.5rem; text-align: left; }.cv-testimonials-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; } @media (min-width: 767px) { .cv-testimonials-grid { grid-template-columns: repeat(3, 1fr); }} .cv-testimonial { background: var(--white); border: 1px solid rgba(25, 120, 229, 0.25); border-radius: var(--radius); padding: 2rem; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); position: relative; overflow: hidden; transition: box-shadow 0.2s ease; }.cv-testimonial:is(:hover,:focus) { box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08); }.cv-testimonial-quote { position: absolute; top: -0.5rem; left: 0.5rem; font-size: 7rem; line-height: 0; color: var(--blue-tint); font-family: Georgia, serif; pointer-events: none; }.cv-testimonial:is(:hover,:focus) .cv-testimonial-quote { color: var(--blue); }.cv-testimonial-avatar { width: 4rem; height: 4rem; border-radius: 50%; background: var(--blue-tint); display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; position: relative; z-index: 1; }.cv-testimonial-avatar .material-symbols-outlined { font-size: 2rem !important; color: var(--blue) !important; }.cv-testimonial-text { font-size: var(--type-lead); font-weight: var(--fw-medium); color: var(--text-dark); margin: 0 0 1.5rem; position: relative; z-index: 1; }.cv-testimonial-meta { display: flex; flex-direction: column; gap: 0.25rem; position: relative; z-index: 1; }.cv-testimonial-role { font-size: 0.8125rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.2em; color: var(--navy); }.cv-testimonial-org { font-size: 0.8125rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.2em; color: var(--gray); }.cv-roadmap { background: #fafafa; background-image: radial-gradient(#e5e7eb 1px, transparent 1px); background-size: 20px 20px; }.cv-roadmap-list { max-width: 48rem; margin: 0 auto; }.cv-roadmap-item { display: flex; gap: 2rem; align-items: flex-start; position: relative; padding-bottom: 2.5rem; }.cv-roadmap-item:not(:last-child)::before { content: ""; position: absolute; left: 1.1875rem; top: 2.5rem; bottom: 0; width: 1px; background: rgba(0, 0, 0, 0.1); }.cv-roadmap-item:last-child { padding-bottom: 0; }.cv-roadmap-dot { width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--navy); color: var(--white); flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 0.8125rem; font-weight: var(--fw-bold); z-index: 1; }.cv-roadmap-dot--muted { background: var(--border-light); color: rgba(0, 0, 0, 0.4); }.cv-roadmap-title { font-size: var(--type-h2); font-weight: var(--fw-medium); color: var(--text-dark); margin: 0 0 0.5rem; }.cv-roadmap-item--muted .cv-roadmap-title { color: rgba(0, 0, 0, 0.4); }.cv-roadmap-desc { font-size: var(--type-body); color: var(--gray); margin: 0 0 1rem; }.cv-roadmap-item--muted .cv-roadmap-desc { color: rgba(102, 102, 102, 0.6); }.cv-roadmap-tags { display: flex; gap: 0.75rem; flex-wrap: wrap; }.cv-roadmap-tags span { padding: 0.35rem 1rem; border-radius: 9999px; background: var(--white); border: 1px solid rgba(0, 0, 0, 0.06); font-size: 0.5625rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.1em; color: var(--gray); }.cv-cta { text-align: center; padding-top: clamp(4rem, 10vw, 6rem); padding-bottom: clamp(4rem, 10vw, 6rem); }.cv-cta-disclaimer { margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid rgba(0, 0, 0, 0.06); }.cv-cta-disclaimer p { font-size: 0.8125rem; font-style: italic; color: var(--gray); margin: 0; max-width: 40rem; margin-left: auto; margin-right: auto; }.contact-page main { position: relative; }.contact-page .page-hero { background: transparent; border-bottom: none; }.contact-page .page-hero .page-title { font-weight: var(--fw-light); }.contact-page .layout-light { background: transparent; }.contact-page .panel h3 { font-weight: var(--fw-light); }.page-hero { min-height: 60vh; display: flex; align-items: flex-end; justify-content: flex-start; padding: calc(var(--nav-height) + clamp(2rem, 5vw, 3rem)) 0 clamp(4rem, 12vw, 6rem); background: var(--bg-section); border-bottom: 1px solid var(--border); }.page-hero .container { width: 100%; }.page-hero .page-title { font-size: clamp(2rem, 5vw, 3.25rem); font-weight: var(--fw-light); letter-spacing: -0.06em; line-height: 1.25; color: var(--text); margin: 0 0 1rem; }.page-hero .page-lead { font-size: 1.0625rem; color: var(--white); margin: 0; max-width: 52ch; }.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }.kicker { color: var(--accent); font-weight: var(--fw-bold); font-size: var(--type-kicker); text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.5rem; }.badge { display: inline-block; font-size: 0.75rem; font-weight: var(--fw-medium); color: var(--text-muted); margin-bottom: 0.5rem; }.statrow { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(10px, 2.5vw, 16px); margin-top: 0.75rem; }.stat { padding: 12px 14px; background: rgba(0, 0, 0, 0.2); border-radius: var(--radius-sm); border: 1px solid var(--border); }.stat b { display: block; font-size: 1.125rem; color: var(--text); }.stat span { display: block; color: var(--muted); font-size: 0.75rem; margin-top: 4px; }.hr { height: 1px; background: var(--border); margin: 1rem 0; }.small { font-size: 0.8125rem; color: var(--text-muted); margin: 0; }.section { padding: clamp(3rem, 8vw, 5.5rem) 0; border-top: 1px solid var(--border); background: var(--bg-section); }.section-invest { background: linear-gradient(180deg, var(--bg-section), rgba(14, 35, 58, 0.5)); }.section-header { margin-bottom: 2.5rem; max-width: 720px; }.section h2 { font-size: var(--type-h1); font-weight: var(--fw-bold); letter-spacing: -0.03em; color: var(--text); margin: 0 0 0.75rem; }.section .lead { color: var(--text-muted); font-size: var(--type-lead); margin: 0 0 0; max-width: 56ch; }.h4 { font-size: var(--type-h3); font-weight: var(--fw-medium); color: var(--text); margin: 2.5rem 0 0.5rem; }.section-cta { margin-top: 2rem; display: flex; gap: 12px; flex-wrap: wrap; }.grid2, .grid3 { display: grid; grid-template-columns: 1fr; gap: clamp(var(--gutter), 4vw, var(--gutter-md)); } @media (min-width: 767px) { .grid2 { grid-template-columns: repeat(2, 1fr); } .grid3 { grid-template-columns: repeat(2, 1fr); }} @media (min-width: 999px) { .grid3 { grid-template-columns: repeat(3, 1fr); }} .card { padding: 1.75rem; background: var(--card); border: 1px solid var(--card-border); border-radius: var(--radius); transition: border-color 0.2s, box-shadow 0.2s; }.card:is(:hover,:focus) { border-color: rgba(85, 167, 230, 0.25); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); }.card h3 { font-size: var(--type-h3); font-weight: var(--fw-medium); letter-spacing: -0.02em; color: var(--text); margin: 0 0 0.5rem; }.card p { margin: 0; color: var(--text-muted); font-size: var(--type-body); }.card-highlight { background: linear-gradient(160deg, var(--card), rgba(30, 95, 158, 0.15)); }.stat-num { font-size: 1.375rem; color: var(--text); }.mute { margin-top: 0.75rem; font-size: 0.8125rem; color: var(--muted); }.phase-card { padding: 1.5rem; background: var(--card); border: 1px solid var(--card-border); border-radius: var(--radius); position: relative; overflow: hidden; }.phase-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; }.phase-card.p1::before { background: linear-gradient(90deg, var(--blue-light), var(--blue-bright)); }.phase-card.p2::before { background: linear-gradient(90deg, #5a8fb8, #3d6d94); }.phase-card.p3::before { background: linear-gradient(90deg, #7aa5c4, #5a85a8); }.phase-num { font-size: 0.8125rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.1em; color: var(--blue-light); margin-bottom: 0.375rem; }.phase-card.p2 .phase-num { color: #6b9fc4; }.phase-card.p3 .phase-num { color: #8bb4d0; }.phase-card h3 { font-size: 1.0625rem; margin: 0 0 0.5rem; color: var(--text); }.phase-card p { margin: 0; color: var(--text-muted); font-size: 0.875rem; }.pub-card { background: var(--card); border: 1px solid var(--card-border); border-radius: var(--radius); overflow: hidden; display: flex; flex-direction: column; transition: border-color 0.2s, box-shadow 0.2s; }.pub-card:is(:hover,:focus) { border-color: rgba(85, 167, 230, 0.25); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); }.pub-img { width: 100%; height: 160px; object-fit: cover; background: var(--navy-mid); }.pub-body { padding: 1.5rem; flex: 1; display: flex; flex-direction: column; }.pub-tag { font-size: var(--type-kicker); font-weight: var(--fw-bold); color: var(--blue-light); text-transform: uppercase; letter-spacing: 0.08em; margin: 0 0 0.5rem; }.pub-title { font-size: var(--type-h3); font-weight: var(--fw-bold); color: var(--text); margin: 0 0 0.5rem; }.pub-desc { font-size: var(--type-body); color: var(--text-muted); flex: 1; margin-bottom: 1rem; }.pub-link { font-size: 0.8125rem; color: var(--blue-light); font-weight: var(--fw-medium); }.pub-link:is(:hover,:focus) { text-decoration: underline; }.invest-box { display: grid; grid-template-columns: 1fr; gap: clamp(var(--gutter-md), 5vw, 2.5rem); align-items: center; padding: clamp(1.25rem, 4vw, 2.25rem); background: linear-gradient(160deg, var(--card), rgba(14, 35, 58, 0.6)); border: 1px solid var(--card-border); border-radius: var(--radius); } @media (min-width: 767px) { .invest-box { grid-template-columns: 1fr auto; }} .invest-title { font-size: var(--type-h1); font-weight: var(--fw-bold); letter-spacing: -0.03em; color: var(--text); margin: 0 0 0.75rem; }.invest-box p { color: var(--text-muted); font-size: var(--type-lead); max-width: 54ch; margin: 0; }.invest-box ul { margin: 1rem 0 0 1.25rem; color: var(--text-muted); font-size: var(--type-body); }.invest-note { margin-top: 1rem; font-size: var(--type-small); color: var(--muted); }.invest-actions { display: flex; flex-direction: column; gap: 0.75rem; min-width: 200px; }.validation-roadmap { background-image: radial-gradient(circle, rgba(0, 0, 0, 0.06) 1px, transparent 1px); background-size: 20px 20px; background-position: 0 0; padding-bottom: clamp(3rem, 6vw, 4rem); }.roadmap-timeline { position: relative; margin-top: 2.5rem; }.roadmap-timeline::before { content: ""; position: absolute; left: 1.25rem; top: 2.5rem; bottom: 2.5rem; width: 1px; background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0.15) 4px, transparent 4px, transparent 8px); }.roadmap-phase { display: grid; grid-template-columns: auto 1fr; gap: 1.5rem 2rem; align-items: flex-start; margin-bottom: clamp(2.5rem, 5vw, 3.5rem); }.roadmap-phase:last-child { margin-bottom: 0; }.roadmap-phase__num { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; font-size: 0.75rem; font-weight: var(--fw-bold); color: var(--gray-mid); background: rgba(0, 0, 0, 0.08); border-radius: 50%; flex-shrink: 0; position: relative; z-index: 1; transition: background 0.4s ease, color 0.4s ease; }.roadmap-phase--active .roadmap-phase__num { background: var(--navy); color: var(--white); }.roadmap-phase__content { min-width: 0; }.roadmap-phase__title { font-size: clamp(1.25rem, 2.5vw, 1.5rem); font-weight: var(--fw-bold); color: var(--text-dark); margin: 0 0 0.75rem; }.roadmap-phase__desc { font-size: var(--type-body); font-weight: var(--fw-normal); color: var(--text-dark); margin: 0 0 1rem; max-width: 56ch; }.roadmap-phase__tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; }.roadmap-phase__tags span { display: inline-block; padding: 0.35rem 0.75rem; font-size: 0.8125rem; font-weight: var(--fw-normal); text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-dark); background: var(--bg-gray); border-radius: var(--radius-sm); }.roadmap-phase__content { display: grid; grid-template-columns: 1fr; gap: 1.5rem; } @media (min-width: 768px) { .roadmap-phase:first-child .roadmap-phase__content { grid-template-columns: 1fr minmax(200px, 280px); align-items: start; }} .roadmap-phase__focus { background: var(--bg-gray); border-radius: var(--radius-sm); padding: 1.25rem 1.5rem; }.roadmap-phase__focus-title { font-size: 0.8125rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-dark); margin: 0 0 0.75rem; }.roadmap-phase__focus ul { list-style: none; margin: 0; padding: 0; }.roadmap-phase__focus li { display: flex; align-items: flex-start; gap: 0.5rem; font-size: 0.875rem; font-weight: var(--fw-normal); color: var(--text-dark); margin-bottom: 0.5rem; }.roadmap-phase__focus li:last-child { margin-bottom: 0; }.roadmap-phase__check { color: var(--accent); flex-shrink: 0; }.compliance { margin-top: 2rem; padding: 1rem 1.25rem; padding: 1rem 1.25rem; background: #dae4ee; border: 1px solid rgba(85, 167, 230, 0.25); border-radius: var(--radius-sm); font-size: 0.8125rem; color: var(--text-muted); }.compliance strong { color: var(--text); }.team-grid { display: grid; grid-template-columns: 1fr; gap: clamp(var(--gutter), 4vw, var(--gutter-md)); align-items: stretch; } @media (min-width: 768px) { .team-grid { grid-template-columns: 1fr; grid-template-rows: 1fr }} .company-page .layout-light .team-grid .person { height: 100%; }.company-page .layout-light .team-grid .person--full-row { grid-column: 1 / -1; }.person { display: flex; gap: 1rem; align-items: flex-start; padding: 1.25rem; background: var(--card); border: 1px solid var(--card-border); border-radius: var(--radius); transition: border-color 0.2s, box-shadow 0.2s; }.person:is(:hover,:focus) { border-color: rgba(85, 167, 230, 0.25); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); }.person img { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; object-position: top center; flex: 0 0 110px; border: 2px solid var(--border); }.person .meta { flex: 1; min-width: 0; }.person .meta h3 { font-size: 1.0625rem; margin: 0 0 0.25rem; color: var(--text); }.person .meta .role { color: var(--blue-light); font-weight: var(--fw-bold); font-size: 0.75rem; margin-bottom: 0.5rem; text-transform: uppercase; letter-spacing: 0.03em; display: block; }.person .meta p { margin: 0; color: var(--text-muted); font-size: 0.84375rem; }.form-grid { display: grid; grid-template-columns: 1fr; gap: clamp(var(--gutter), 4vw, var(--gutter-md)); }.form-grid fieldset { border: none; padding: 0 }.form-grid legend { font-weight: var(--fw-light); font-size: 1.375rem; margin: 0 0 0.375rem; color: var(--text-dark); text-transform: none; padding: 0 } @media (min-width: 768px) { .form-grid { grid-template-columns: repeat(2, 1fr); }} .panel { padding: 1.75rem; background: var(--card); border: 1px solid var(--card-border); border-radius: var(--radius); }.panel h3 { font-size: 1.375rem; color: var(--text); margin: 0 0 0.375rem; }.panel .lead { margin-bottom: 1.25rem; }form label { margin-bottom: 1rem; display: block; font-weight: var(--fw-medium); font-size: 0.8125rem; color: var(--text); margin-bottom: 0.375rem; }form label :is(input, textarea) { margin-top: 4px }form :is(input, textarea) { width: 100%; padding: 10px 14px; border-radius: var(--radius-sm); border: 1px solid var(--border); background: rgba(0, 0, 0, 0.25); color: var(--text); font-size: 0.875rem; font-family: inherit; transition: border-color 0.2s; }form:is(input, textarea):focus { outline: 2px solid var(--blue-light); outline-offset: 2px; }.field textarea { min-height: 100px; resize: vertical; }.checkbox-row { display: flex; align-items: center; gap: 0.5rem; font-size: 0.84375rem; color: var(--text-muted); margin-bottom: 1rem; cursor: pointer; }.checkbox-row input[type="checkbox"] { width: 1rem; height: 1rem; accent-color: var(--blue-bright); cursor: pointer; }.focus-list { margin: 0.5rem 0 0 1.25rem; color: var(--text-muted); font-size: 0.875rem; padding: 0; list-style: disc; }.reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }.reveal.is-visible { opacity: 1; transform: translateY(0); }.section-reveal { opacity: 0; transform: translateY(48px); transition: opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94); }.section-reveal.is-visible { opacity: 1; transform: translateY(0); }.section-sticky .sticky-heading { position: sticky; top: calc(var(--nav-height) + 1rem); z-index: 5; padding-bottom: 0.5rem; background: linear-gradient(180deg, var(--bg-section) 80%, transparent); }.footer { padding: clamp(3rem, 8vw, 5rem) 0 0; border-top: 1px solid var(--border); background: var(--bg-section); color: var(--text-muted); }.ccpaNotice { margin-top: 50px; text-align: center !important; }.footer-main { display: grid; grid-template-columns: 1fr; gap: clamp(2rem, 5vw, 3.5rem); padding-bottom: clamp(2rem, 5vw, 3rem); border-bottom: 1px solid var(--border); margin-bottom: 1.5rem; }.page-title { text-wrap: balance } @media (min-width: 768px) { .footer-main { grid-template-columns: 1.2fr 1fr; align-items: start; }} .footer-brand { max-width: 28ch; }.footer-logo { display: inline-block; margin-bottom: 0.75rem; }.footer-logo img { height: 28px; width: auto; display: block; opacity: 0.9; }.footer-tagline { font-size: 0.9375rem; color: var(--text-muted); margin: 0; }.footer-nav { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem 3rem; } @media (max-width: 380px) { .footer-nav { grid-template-columns: 1fr; gap: 1.5rem; }} .footer-col { display: flex; flex-direction: column; gap: 0.5rem; list-style: none; padding: 0 }.footer-col-title { font-size: 0.8125rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.12em; color: var(--accent); margin-bottom: 0.25rem; }.footer-col a { font-size: 0.9375rem; color: var(--text-muted); transition: color 0.2s ease; }.footer-col a:is(:hover,:focus) { color: var(--text); }.footer-disclaimer { border-top: 1px solid var(--border); padding: 1.25rem 0; margin-bottom: 1.25rem; }.footer-disclaimer-text { font-size: 0.8125rem; color: var(--text-muted); margin: 0; line-height: 1.6; }.footer-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem; text-align: center; } @media (min-width: 480px) { .footer-bottom { justify-content: space-between; text-align: left; }} .footer-copy { font-size: 0.8125rem; color: var(--muted); margin: 0; }.footer-links { display: flex; gap: 1.25rem; flex-wrap: wrap; font-size: 0.8125rem; list-style: none ;padding:0}.footer-links a { color: var(--text-muted); transition: color 0.2s ease; }.footer-links a:is(:hover,:focus) { color: var(--text); }.hero-card { max-width: 100%; } @media (max-width: 767px) { .btn-has-arrow .btn-arrow { flex-shrink: 0; } .person { flex-direction: column; align-items: flex-start; } .person img { width: 90px; height: 90px; flex: 0 0 90px; } .hero-headline { font-size: clamp(3.5rem, 16vw, 6rem); } .page-hero { min-height: auto; align-items: flex-start; padding-top: calc(var(--nav-height) + 1rem); padding-bottom: clamp(2.5rem, 8vw, 4rem); } .platform-hero, .cv-hero, .platform-hero-wave { min-height: auto; align-items: flex-start; padding-top: calc(var(--nav-height) + 1rem); padding-bottom: clamp(2.5rem, 8vw, 4rem); }} @media (max-width: 999px) { .section { padding: clamp(2.5rem, 6vw, 4.5rem) 0; } .nav-toggle { display: flex; } .nav-dropdown { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 1rem var(--gutter) 1.5rem; background: var(--bg-section); border-bottom: 1px solid var(--border); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4); border-radius: 0 0 var(--radius) var(--radius); } .navbar.nav-open .nav-dropdown { display: flex; } .navlinks { flex-direction: column; gap: 0; align-items: stretch; } .navlinks a { padding: 0.875rem 0; font-size: 1rem; font-weight: var(--fw-light); } .navlinks a::after { display: none; } .nav-cta { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--border); } .nav-cta .btn { width: 100%; justify-content: center; }} .revenue-page .revenue-layout { background: var(--white); border-top: none; }.revenue-page .revenue-section { padding: clamp(4rem, 10vw, 6rem) 0; border-top: 1px solid rgba(0, 0, 0, 0.06); }.revenue-page .revenue-section:first-of-type { border-top: none; }.revenue-section__title { font-size: clamp(2rem, 5vw, 3rem); font-weight: var(--fw-light); letter-spacing: -0.03em; color: var(--text-dark); margin: 0 0 clamp(2.5rem, 5vw, 3.5rem); }.revenue-pillars-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: stretch; } @media (min-width: 768px) { .revenue-pillars-grid { grid-template-columns: repeat(3, 1fr); gap: 1.75rem; }} .revenue-pillar-card { display: flex; flex-direction: column; background: var(--white); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: var(--radius-lg); padding: clamp(1.5rem, 4vw, 2.5rem); transition: border-color 0.2s ease, box-shadow 0.2s ease; }.revenue-pillar-card:is(:hover,:focus) { border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); }.revenue-pillar-card .revenue-roadmap-card__num { margin-bottom: 1rem; }.revenue-pillar-card__title { font-size: 1rem; font-weight: var(--fw-light); color: var(--text-dark); margin: 0 0 0.5rem; text-transform: uppercase; letter-spacing: 0.02em; }.revenue-pillar-card__desc { flex: 1 1 auto; font-size: 0.875rem; font-weight: var(--fw-normal); color: var(--gray); margin: 0; }.revenue-pillar-metric { display: flex; flex-direction: column; gap: 0.25rem; margin-top: auto; padding-top: 1.25rem; }.revenue-pillar-metric__label, .revenue-pillar-metric__sublabel { font-size: 0.8125rem; font-weight: var(--fw-normal); text-transform: uppercase; letter-spacing: 0.15em; color: var(--gray-mid); }.revenue-pillar-metric__value { font-size: 1.2rem; font-weight: var(--fw-light); color: var(--accent); letter-spacing: -0.02em; }.revenue-pillar-metric__value--dark { color: var(--text-dark); }.revenue-roadmap-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-bottom: 0; align-items: stretch; } @media (min-width: 768px) { .revenue-roadmap-grid { grid-template-columns: repeat(3, 1fr); gap: 1.75rem; }} .revenue-roadmap-card { position: relative; display: flex; flex-direction: column; background: var(--white); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: var(--radius-lg); padding: clamp(1.5rem, 4vw, 2.5rem); transition: border-color 0.2s ease, box-shadow 0.2s ease; }.revenue-roadmap-card__badge { position: absolute; top: 1rem; right: 1rem; font-size: 0.8125rem; font-weight: var(--fw-medium); text-transform: uppercase; letter-spacing: 0.08em; color: var(--white); background: var(--text-muted); padding: 0.25rem 0.5rem; border-radius: var(--radius-sm); }.revenue-roadmap-card:is(:hover,:focus) { border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); }.revenue-roadmap-card__num { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: var(--fw-bold); color: var(--white); background: var(--text-dark); border-radius: 50%; }.revenue-roadmap-card__title { font-size: 1rem; font-weight: var(--fw-light); color: var(--text-dark); margin: 0 0 0.5rem; text-transform: uppercase; letter-spacing: 0.02em; }.revenue-roadmap-card__desc { flex: 1 1 auto; font-size: 0.875rem; font-weight: var(--fw-normal); color: var(--gray); margin: 0; }.revenue-roadmap-card__list { list-style: none; margin: 0; padding: 0; margin-top: auto; padding-top: 1.25rem; display: flex; flex-direction: column; gap: 0.5rem; }.revenue-roadmap-card__list li { position: relative; padding-left: 1.25rem; font-size: 0.8125rem; color: var(--gray-mid); }.revenue-roadmap-card__list li::before { content: ""; position: absolute; left: 0; top: 0.5em; width: 4px; height: 4px; border-radius: 50%; background: var(--gray-mid); }.revenue-page .revenue-highlight-wrap { margin-top: clamp(2.5rem, 5vw, 3.5rem); padding: clamp(2.5rem, 6vw, 4rem); background-image: radial-gradient(circle, rgba(0, 0, 0, 0.06) 1px, transparent 1px); background-size: 20px 20px; background-position: 0 0; border-radius: var(--radius-sm); }.revenue-page .revenue-highlight-card { background: var(--white); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: var(--radius-lg); padding: 2.5rem; max-width: 48rem; margin-left: auto; margin-right: auto; }.revenue-page .revenue-highlight-card h3 { color: var(--text-dark); font-weight: var(--fw-light); font-size: clamp(1.25rem, 2.5vw, 1.5rem); margin: 0 0 0.75rem; }.revenue-page .revenue-highlight-card p { font-weight: var(--fw-normal); color: var(--gray-dark); margin: 0 0 0.5rem; }.revenue-page .revenue-highlight-card .small.mute { font-weight: var(--fw-normal); color: var(--gray-mid); margin-top: 1rem; }.revenue-page .cv-hero .kicker { font-weight: var(--fw-normal); }.revenue-page .cv-hero .page-lead { font-weight: var(--fw-normal); }.revenue-page .revenue-roadmap-card__list li { font-weight: var(--fw-normal); }.revenue-pillars .lead, .revenue-roadmap .lead { text-align: center; } .revenue-regulatory-roadmap .lead { text-align: center; }.revenue-regulatory-roadmap .reg-roadmap-card__body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 0; }.revenue-regulatory-roadmap .reg-roadmap-card__section { padding-top: 1rem; margin-top: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.06); }.revenue-regulatory-roadmap .reg-roadmap-card__section:first-child { padding-top: 0; margin-top: 0; border-top: none; }.revenue-regulatory-roadmap .reg-roadmap-card__section-title { font-size: 0.8125rem; font-weight: var(--fw-medium); text-transform: uppercase; letter-spacing: 0.12em; color: var(--gray-mid); margin: 0 0 0.5rem; }.revenue-regulatory-roadmap .reg-roadmap-card__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.35rem; }.revenue-regulatory-roadmap .reg-roadmap-card__list li { position: relative; padding-left: 1rem; font-size: 0.8125rem; font-weight: var(--fw-normal); color: var(--gray-dark); }.revenue-regulatory-roadmap .reg-roadmap-card__list li::before { content: ""; position: absolute; left: 0; top: 0.5em; width: 4px; height: 4px; border-radius: 50%; background: var(--gray-mid); }.revenue-regulatory-roadmap .reg-roadmap-timeline { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }.revenue-regulatory-roadmap .reg-roadmap-timeline li { display: flex; align-items: center; gap: 0.75rem; font-size: 0.8125rem; }.revenue-regulatory-roadmap .reg-roadmap-timeline__pill { flex-shrink: 0; display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.8125rem; font-weight: var(--fw-medium); color: var(--white); background: var(--text-dark); padding: 0.35rem 0.65rem; border-radius: 999px; min-width: 4rem; }.revenue-regulatory-roadmap .reg-roadmap-timeline__icon { font-size: 0.875rem; width: 0.875rem; height: 0.875rem; color: var(--white); opacity: 0.95; }.revenue-regulatory-roadmap .reg-roadmap-timeline__desc { color: var(--gray-dark); font-weight: var(--fw-normal); }.page-index .block-pillars { padding: clamp(7rem, 16vw, 11rem) 0; }.page-index .block-mission { padding: clamp(8rem, 18vw, 14rem) 0; }.page-index .block-paradigm { padding: clamp(6rem, 14vw, 10rem) 0; }.page-index .block-metrics { padding: clamp(6rem, 14vw, 10rem) 0; }.page-index .block-tech { padding: clamp(5rem, 12vw, 8rem) 0; }.page-index .block-pubs { padding: clamp(5rem, 12vw, 8rem) 0; }.page-index .block-join { padding: clamp(6rem, 14vw, 10rem) 0; }.page-index .block-measures-inner { margin-bottom: clamp(4rem, 10vw, 6rem); padding-bottom: clamp(3rem, 6vw, 4rem); }.page-index .hero-headline { font-weight: var(--fw-light); }.page-index .hero-subhead { font-weight: var(--fw-normal); }.page-index .block-mission .mission-kicker { font-weight: var(--fw-normal); }.page-index .block-mission .mission-statement { font-weight: var(--fw-light); }.page-index .paradigm-kicker { font-weight: var(--fw-normal); }.page-index .paradigm-title { font-weight: var(--fw-light); }.page-index .paradigm-item strong { font-weight: var(--fw-normal); }.page-index .paradigm-item span:not(.paradigm-icon) { font-weight: var(--fw-normal); }.page-index .paradigm-noise-label { font-weight: var(--fw-normal); }.page-index .block-tech-kicker { font-weight: var(--fw-normal); }.page-index .block-tech-heading { font-weight: var(--fw-light); }.page-index .block-tech-lead { font-weight: var(--fw-normal); }.page-index .tech-card-title { font-weight: var(--fw-light); }.page-index .tech-card-desc { font-weight: var(--fw-normal); }.page-index .metric-kicker, .cv-page .metric-kicker { font-weight: var(--fw-normal); }.page-index .metric-number, .cv-page .metric-number { font-weight: var(--fw-regular); }.page-index .metric-title, .cv-page .metric-title { font-weight: var(--fw-light); }.page-index .metric-desc, .cv-page .metric-desc { font-weight: var(--fw-normal); }.page-index .measures-title { font-weight: var(--fw-light); }.page-index .measures-desc { font-weight: var(--fw-normal); }.page-index .join-title { font-weight: var(--fw-light); }.page-index .join-tags { font-weight: var(--fw-normal); }.page-index .pubs-heading { font-weight: var(--fw-light); }.page-index .pubs-sub { font-weight: var(--fw-normal); }.page-index .pubs-list-title { font-weight: var(--fw-light); }.page-index .pubs-list-desc { font-weight: var(--fw-normal); }.page-index .pubs-list-meta { font-weight: var(--fw-normal); }.page-index .paradigm-cta-center { font-weight: var(--fw-normal); }.page-index .pillar-desc { font-weight: var(--fw-normal); }.page-index .tech-card-tag { font-weight: var(--fw-normal); }.page-index .section-cta .btn { font-weight: var(--fw-normal); } .accessibility-page .layout-light .block-section__title { font-weight: var(--fw-light); }fieldset { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: var(--radius); padding: 1.5rem 2rem 2rem; margin: 0; }legend { font-size: 0.8125rem; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.08em; color: var(--gray); padding: 0 0.5rem; }.grid.half { display: grid; grid-template-columns: 1fr; gap: clamp(var(--gutter), 4vw, var(--gutter-md)); margin-bottom: 1rem; } @media (min-width: 600px) { .grid.half { grid-template-columns: repeat(2, 1fr); }} #wcag label { display: flex; flex-direction: column; gap: 0.375rem; font-size: 0.8125rem; font-weight: var(--fw-medium); color: var(--text-dark); margin-bottom: 1rem; }#wcag label span { font-size: 0.8125rem; }#wcag input, #wcag textarea { width: 100%; padding: 10px 14px; border-radius: var(--radius-sm); border: 1px solid rgba(0, 0, 0, 0.12); background: var(--white); color: var(--text-dark); font-size: 0.9375rem; font-family: inherit; transition: border-color 0.2s; }#wcag input:focus, #wcag textarea:focus { outline: 2px solid var(--blue-light); outline-offset: 2px; }#wcag textarea { min-height: 130px; resize: vertical; }#wcag input::placeholder, #wcag textarea::placeholder { color: var(--gray-light); }#submitwcag { display: inline-flex; align-items: center; gap: 0.5rem; padding: 10px 24px; border-radius: var(--radius-sm); border: 1px solid transparent; background: var(--black); color: var(--white); font-size: 0.9375rem; font-weight: var(--fw-medium); font-family: inherit; cursor: pointer; transition: background 0.2s, border-color 0.2s; }#submitwcag:is(:hover,:focus) { background: var(--accent); border-color: var(--accent); } .thanks-block { min-height: 60vh; display: flex; align-items: center; }.thanks-container { text-align: center; padding-top: 4rem; padding-bottom: 4rem; }.thanks-icon { width: 64px; height: 64px; margin: 0 auto 1.5rem; color: var(--blue-light); }.thanks-icon svg { width: 100%; height: 100%; }.thanks-title { font-size: clamp(2rem, 5vw, 3rem); font-weight: var(--fw-light); color: var(--text-dark); margin-bottom: 0.75rem; }.thanks-lead { font-size: 1.125rem; color: var(--gray); margin-bottom: 2rem; }