@font-face { font-family: "Fuen Carmona"; src: url("/fonts/fuencarmona-font.woff2") format("woff2"); font-weight: 100 900; font-display: swap; } :root { --color-bg: #f8fafd; --color-surface: #f8fafd; --color-text: #0a2540; --color-muted: #4d6075; --color-border: color-mix(in srgb, #0a2540 14%, #f8fafd 86%); --color-link: #0a2540; --color-link-hover: #061530; --color-accent: #2563eb; --color-accent-hover: #1d4ed8; --color-accent-active: #1e40af; --color-fuencarmona-blue: #061530; --color-fuencarmona-cta-hover-from: #7dd3fc; --color-fuencarmona-cta-hover-to: #00CBAA; --focus-ring: #93c5fd; --font-body: "Fuen Carmona", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-heading: "Fuen Carmona", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-size-base: 16px; --line-height-base: 1.5; --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 1rem; --space-4: 1.5rem; --space-5: 2rem; --space-6: 2.5rem; --space-7: 3.5rem; --space-8: 4.5rem; --space-section: 3rem; --space-container: 2rem; --space-block: 1.5rem; --border-width: 1px; --radius-sm: 0; --container-max: 1300px; --header-height: 4.1rem; --header-scrolled-bg: color-mix(in srgb, var(--color-bg) 80%, transparent); } html[data-theme="dark"] { --color-bg: #000207; --color-surface: #000207; --color-text: #f1f1f1; --color-muted: #f1f1f1; --color-border: color-mix(in srgb, #ffffff 20%, #000207 80%); --color-link: #b0b0b0; --color-link-hover: #ffffff; --color-accent: #60a5fa; --color-accent-hover: #3b82f6; --color-accent-active: #2563eb; --focus-ring: #60a5fa; --header-scrolled-bg: color-mix( in srgb, color-mix(in srgb, var(--color-bg) 94%, #000000) 80%, transparent ); } html { font-size: 16px; box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; font-family: var(--font-body); font-size: var(--font-size-base); line-height: var(--line-height-base); background-color: var(--color-bg); color: var(--color-text); } img, video { max-width: 100%; height: auto; display: block; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: var(--font-heading); font-weight: 600; line-height: 1.2; } h1 { font-size: clamp(2rem, 1.35vw + 1.1rem, 2.625rem); } h2 { font-size: 34px; } h3 { font-size: 28px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 1rem; } p { margin: 0; font-size: 1rem; line-height: var(--line-height-base); } blockquote { margin: 0; padding-left: var(--space-3); border-left: var(--border-width) solid var(--color-border); font-size: 1rem; line-height: 1.6; font-style: italic; color: var(--color-muted); } strong { font-weight: 600; } em { font-style: italic; } code { font-family: ui-monospace, monospace; font-size: 0.95em; background: var(--color-surface); padding: 0.15em 0.35em; border-radius: var(--radius-sm); } a { color: var(--color-link); text-decoration: none; } a:hover { color: var(--color-link-hover); } a:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; } ul, ol { margin: 0; padding-left: var(--space-4); } li { margin: 0; } hr { border: none; border-top: var(--border-width) solid var(--color-border); margin-block: var(--space-4); } [data-block][data-align="left"] .l-block-align { margin-inline-start: 0; margin-inline-end: auto; text-align: left; } [data-block][data-align="center"] .l-block-align { margin-inline: auto; text-align: center; } [data-block][data-align="right"] .l-block-align { margin-inline-start: auto; margin-inline-end: 0; text-align: right; } .p-text { font-family: var(--font-body); font-size: var(--font-size-base); line-height: var(--line-height-base); } .p-heading { font-family: var(--font-heading); font-weight: 600; line-height: 1.2; } .is-focusable:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; } .p-button { display: inline-flex; align-items: center; justify-content: center; padding: var(--space-2) var(--space-3); font-family: inherit; font-size: 1rem; font-weight: 500; border-radius: var(--radius-sm); border: var(--border-width) solid transparent; background: var(--color-fuencarmona-blue); color: #fff; cursor: pointer; text-decoration: none; } .p-button:hover { background: linear-gradient( 135deg, var(--color-fuencarmona-cta-hover-from), var(--color-fuencarmona-cta-hover-to) ); color: var(--color-fuencarmona-blue); } .p-button:active { background: var(--color-fuencarmona-blue); color: #fff; } .p-button:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; } html[data-theme="dark"] .p-button { background: transparent; color: var(--color-text); border: var(--border-width) solid var(--color-border); } html[data-theme="dark"] .p-button:hover { background: rgba(255, 255, 255, 0.1); color: var(--color-text); } html[data-theme="dark"] .p-button:active { background: rgba(255, 255, 255, 0.15); color: var(--color-text); } header.site-header .site-header__bar { position: relative; background-color: transparent !important; } .site-header { z-index: 10; position: sticky; top: 0; background-color: transparent; transition: background-color 0.25s ease; } .site-header[data-scrolled] { background-color: var(--header-scrolled-bg); } .site-header[data-scroll-hidden]:not([data-menu-open]) { height: 0; min-height: 0; overflow: visible; background-color: transparent; } .site-header__bar { transition: transform 0.25s ease; } .site-header[data-scroll-hidden]:not([data-menu-open]) .site-header__bar { position: absolute; top: 0; left: 0; right: 0; transform: translateY(-100%); pointer-events: none; } .site-header[data-scroll-hidden][data-menu-open] { height: auto; min-height: unset; } .site-header[data-scroll-hidden][data-menu-open] .site-header__bar { position: relative; transform: none; pointer-events: auto; } @media (prefers-reduced-motion: reduce) { .site-header { transition: background-color 0.15s ease; } .site-header__bar { transition: none; } } .site-header::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: var(--color-border); pointer-events: none; } .site-header[data-scroll-hidden]:not([data-menu-open])::after { content: none; } .site-header__bar { display: flex; align-items: stretch; justify-content: space-between; gap: var(--space-4); padding-block: 0.8rem; padding-inline: var(--space-container); max-width: var(--container-max); margin-inline: auto; } .site-header__start { display: flex; align-items: center; gap: var(--space-4); min-width: 0; } .site-header__end { display: flex; align-items: stretch; gap: var(--space-3); flex-shrink: 0; flex-wrap: nowrap; } .site-header__end .site-header__btn, .site-header__end .site-header__burger { align-self: center; } .site-header__logo { font-size: 1.25rem; font-weight: 600; text-decoration: none; color: inherit; display: block; width: 170px; height: 32px; } .site-header__logo:hover { color: var(--color-link-hover); } .site-header__logo-img { display: block; width: 170px; height: 32px; object-fit: contain; } html[data-theme="dark"] .site-header__logo-img { filter: brightness(0) invert(1); } .site-header__nav--desktop { display: none; flex-direction: column; align-items: stretch; align-self: stretch; gap: var(--space-4); min-height: 0; } @media (min-width: 48rem) { .site-header__nav--desktop { display: flex; } .site-header__burger { display: none; } .site-header__nav-links { padding-block: 0.2rem; } } .site-header__btn { display: none; align-items: center; padding: var(--space-2) var(--space-3); font-size: 0.875rem; font-weight: 500; text-decoration: none; color: var(--color-link); background: transparent; border: var(--border-width) solid var(--color-border); border-radius: var(--radius-sm); white-space: nowrap; } .site-header__btn:hover { color: var(--color-link-hover); border-color: var(--color-link-hover); } .site-header__btn--primary { color: #fff; background: var(--color-fuencarmona-blue); border-color: var(--color-fuencarmona-blue); } .site-header__btn--primary:hover { background: linear-gradient( 135deg, var(--color-fuencarmona-cta-hover-from), var(--color-fuencarmona-cta-hover-to) ); border-color: var(--color-fuencarmona-cta-hover-to); color: var(--color-fuencarmona-blue); } html[data-theme="dark"] .site-header__btn--primary { background: rgba(255, 255, 255, 0.12); color: #fff; border-color: var(--color-border); } html[data-theme="dark"] .site-header__btn--primary:hover { background: #fff; color: #000; border-color: #fff; } @media (min-width: 48rem) { .site-header__btn { display: inline-flex; } } .site-header__btn--account { box-sizing: border-box; flex-shrink: 0; justify-content: center; text-align: center; min-width: 11rem; } @media (min-width: 48rem) { .site-header__btn--account { width: 11rem; min-width: 11rem; margin-inline-start: var(--space-5); } } .site-header__nav-inner { position: relative; display: flex; flex-direction: column; align-items: stretch; min-width: 0; flex: 1; min-height: 0; } .site-header__nav-links { display: flex; gap: var(--space-4); align-items: center; flex-wrap: nowrap; flex: 1; min-height: 0; } .site-header__dropdown { position: relative; } .site-header__nav-link { display: inline-flex; align-items: center; font-size: 0.875rem; color: inherit; text-decoration: none; } .site-header__nav-link:hover { color: var(--color-link-hover); text-decoration: underline; } .site-header__nav-trigger { display: inline-flex; align-items: center; gap: var(--space-1); padding: 0; background: none; border: none; font: inherit; font-size: 0.875rem; color: inherit; cursor: pointer; text-decoration: none; } .site-header__nav-trigger:hover { color: var(--color-link-hover); } .site-header__chevron { display: inline-flex; transition: transform 0.2s ease; } .site-header__dropdown:hover .site-header__chevron, .site-header__dropdown[data-active] .site-header__chevron { transform: rotate(180deg); } .site-header__mega { position: absolute; left: 0; right: 0; top: 100%; padding-top: 0.35rem; z-index: 20; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.15s ease, visibility 0.15s ease; } .site-header__mega[data-open] { opacity: 1; visibility: visible; pointer-events: auto; } .site-header__mega-panel { padding: var(--space-4); background: var(--color-bg); border: var(--border-width) solid var(--color-border); border-radius: var(--radius-sm); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); } .site-header__mega-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2) var(--space-5); align-items: start; } .site-header__mega-link { display: block; padding: var(--space-2) var(--space-3); font-size: 0.875rem; text-decoration: none; color: var(--color-link); border-radius: var(--radius-sm); } .site-header__mega-link:hover { background: var(--color-surface); color: var(--color-link-hover); } .site-header__burger { padding: var(--space-2); background: none; border: none; color: inherit; cursor: pointer; line-height: 0; } .site-header__burger:hover { opacity: 0.85; } .site-header__drawer { position: fixed; inset: 0; z-index: 1000; pointer-events: none; visibility: hidden; } @media (min-width: 48rem) { .site-header__drawer { display: none; } } .l-section { padding-block: 0; } .l-container { max-width: var(--container-max); margin-inline: auto; padding-inline: var(--space-container); padding-block: var(--space-4); border-inline: 1px solid var(--color-border); } @media (max-width: 47.9375rem) { .l-container { border-inline-color: transparent; } } header .l-container, footer .l-container { border-inline: none; } [data-block][data-divider="top"], [data-block][data-divider="both"] { border-top: 1px solid var(--color-border); } [data-block][data-divider="bottom"], [data-block][data-divider="both"] { border-bottom: 1px solid var(--color-border); } [data-section-min-height] { display: flex; align-items: stretch; } [data-section-min-height] > .l-container { width: 100%; display: flex; flex-direction: column; justify-content: center; } [data-section-min-height="small"] { min-height: 40vh; } [data-section-min-height="medium"] { min-height: 60vh; } [data-section-min-height="large"] { min-height: 80vh; } [data-section-min-height="extra"] { min-height: 90vh; } [data-section-min-height="full"] { min-height: 100vh; } .app-content { position: relative; z-index: 0; margin-top: calc(-1 * var(--header-height)); padding-top: var(--header-height); } .app-content main .first-block-under-header > *:first-child { margin-top: calc(-1 * var(--header-height)); } [data-block="hero"] { position: relative; } [data-block="hero"]::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: var(--color-border); } .first-block-under-header [data-block="hero"] { padding-top: var(--header-height); } [data-block="hero"] .block-hero__inner { max-width: 42rem; display: flex; flex-direction: column; gap: var(--space-5); } [data-block="hero"] .block-hero__inner:has(.block-hero__human-title) { gap: var(--space-3); } [data-block="hero"] .block-hero__title { font-size: clamp(2rem, 1.35vw + 1.1rem, 2.375rem); } [data-block="hero"] .block-hero__human-title { font-size: clamp(1.875rem, 1.35vw + 1rem, 2.375rem); text-wrap: balance; } [data-block="hero"] .block-hero__subtitle { font-size: 1rem; line-height: var(--line-height-base); color: var(--color-muted); margin: 0; } [data-block="hero"] .block-hero__cta { margin: 0; } [data-block="hero"]:has(.block-hero__background-video), [data-block="hero"]:has(.block-hero__overlay), [data-block="hero"]:has(.block-hero__texture) { overflow: hidden; } [data-block="hero"] .block-hero__background-video { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(0.74) brightness(1.14) contrast(0.9); opacity: 0.24; } [data-block="hero"] .block-hero__overlay, [data-block="hero"] .block-hero__texture { position: absolute; inset: 0; pointer-events: none; } [data-block="hero"] .block-hero__overlay { z-index: 1; } [data-block="hero"] .block-hero__texture { z-index: 2; } [data-block="hero"] .block-hero__overlay[data-overlay="editorial-soft"] { background: linear-gradient( 90deg, rgba(248, 250, 253, 0.78) 0%, rgba(248, 250, 253, 0.62) 35%, rgba(248, 250, 253, 0.28) 70%, rgba(248, 250, 253, 0.14) 100% ); } [data-block="hero"] .block-hero__texture[data-texture="dots"] { background-image: radial-gradient(circle, rgba(10, 37, 64, 0.22) 0.8px, transparent 0.9px); background-size: 12px 12px; opacity: 0.2; mask-image: radial-gradient( 140% 100% at 0% 0%, transparent 0%, rgba(0, 0, 0, 0.06) 16%, rgba(0, 0, 0, 0.25) 30%, rgba(0, 0, 0, 0.55) 52%, rgba(0, 0, 0, 0.82) 72%, #000 100% ); } [data-block="hero"] .l-container { position: relative; z-index: 3; } [data-block="hero"][data-title-stack="editorial"] .block-hero__inner { gap: 0; } [data-block="hero"][data-title-stack="editorial"] .block-hero__title { font-size: 24px; font-weight: 400; } [data-block="hero"][data-title-stack="editorial"] .block-hero__title + .block-hero__human-title { margin-top: 0.9rem; } [data-block="hero"][data-title-stack="editorial"] .block-hero__subtitle { margin: 1.45rem 0 0; white-space: pre-line; } [data-block="hero"][data-title-stack="editorial"] .block-hero__cta { margin-top: 1.35rem; } html[data-theme="dark"] [data-block="hero"][data-backdrop="video"] .block-hero__background-video { filter: none; opacity: 0.4; } html[data-theme="dark"] [data-block="hero"] .block-hero__overlay[data-overlay="editorial-soft"] { background: linear-gradient( 90deg, rgba(0, 2, 7, 0.74) 0%, rgba(0, 2, 7, 0.55) 35%, rgba(0, 2, 7, 0.18) 70%, rgba(0, 2, 7, 0.08) 100% ); } html[data-theme="dark"] [data-block="hero"] .block-hero__texture[data-texture="dots"] { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.24) 0.8px, transparent 0.9px); opacity: 0.3; } [data-block="hero"][data-align="center"] .block-hero__inner { align-items: center; } [data-block="hero"][data-align="right"] .block-hero__inner { align-items: flex-end; } [data-block="hero"][data-bg="primary"] { background: var(--color-accent); color: #fff; } [data-block="hero"][data-bg="primary"] .block-hero__subtitle { color: rgba(255, 255, 255, 0.9); } [data-block="hero"][data-bg="primary"] .block-hero__human-title { color: #fff; } [data-block="hero"][data-bg="primary"] .p-button { background: #fff; color: var(--color-accent); } [data-block="hero"][data-bg="primary"] .p-button:hover { background: rgba(255, 255, 255, 0.9); } [data-block="hero"][data-bg="muted"] { background: var(--color-surface); } [data-block="hero"][data-bg="surface"] { background: var(--color-surface); border-block: var(--border-width) solid var(--color-border); } [data-block="hero"]:not([data-bg="primary"]) .block-hero__cta .p-button { background: var(--color-fuencarmona-blue); color: #fff; } [data-block="hero"]:not([data-bg="primary"]) .block-hero__cta .p-button:hover { background: linear-gradient( 135deg, var(--color-fuencarmona-cta-hover-from), var(--color-fuencarmona-cta-hover-to) ); color: var(--color-fuencarmona-blue); } html[data-theme="dark"] [data-block="hero"]:not([data-bg="primary"]) .block-hero__cta .p-button { background: #000; color: #fff; border: 1px solid var(--color-border); } html[data-theme="dark"] [data-block="hero"]:not([data-bg="primary"]) .block-hero__cta .p-button:hover { background: #fff; color: #000; border-color: #fff; } .block-testimonial { padding-block: 0; } .block-testimonial .block-testimonial__inner { display: flex; flex-direction: column; gap: var(--space-5); padding-block: calc(var(--space-4) + var(--space-5) + var(--space-section)); } .block-testimonial__eyebrow { margin: 0; color: var(--color-muted); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } .block-testimonial__title { margin: 0; font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 600; line-height: 1.25; } .block-testimonial__intro { margin: 0; font-size: 1.125rem; line-height: var(--line-height-base); color: var(--color-fg-muted, var(--color-muted)); } .block-testimonial__list { list-style: none; margin: 0; padding: 0; display: block; column-count: 1; column-gap: var(--space-5); column-fill: balance; } .block-testimonial__list--featured-single { display: block; } .block-testimonial__columns { display: none; grid-template-columns: 1fr; gap: var(--space-5); } @media (min-width: 48em) { .block-testimonial__list--featured-single { display: none; } .block-testimonial__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } } .block-testimonial__column { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-5); } .block-testimonial__item { min-width: 0; margin: 0 0 var(--space-5); padding: 0; } .block-testimonial__column .block-testimonial__item { margin: 0; } blockquote.block-testimonial__quote { margin: 0; height: auto; box-sizing: border-box; padding: var(--space-8, 4.5rem) var(--space-7, 3.5rem); border: 1px solid color-mix(in srgb, var(--color-border, #ccc) 85%, transparent); border-radius: var(--radius-md, 8px); background: none; box-shadow: none; display: flex; flex-direction: column; align-items: stretch; font-style: normal; color: var(--color-text); } .block-testimonial__quote-text { margin: 0 0 var(--space-4); font-size: 1.0625rem; line-height: 1.65; font-weight: 400; font-style: italic; text-align: start; color: var(--color-text); } .block-testimonial__footer { align-self: flex-end; text-align: end; max-width: 100%; margin-top: auto; padding-top: var(--space-4); } .block-testimonial__name { display: block; font-weight: 700; font-size: 1.0625rem; line-height: 1.35; } .block-testimonial__affiliation { display: block; font-weight: 400; font-size: 0.875rem; line-height: 1.45; margin-top: 0.2rem; color: var(--color-muted); } .block-testimonial__expand-wrap { margin: 0; text-align: center; } .block-testimonial__expand { display: inline-flex; margin-inline: auto; text-decoration: none; } :is([data-block="featured"], [data-block="content"]) { padding-block: 0; } :is([data-block="featured"], [data-block="content"]) > .l-container { padding-block: calc(var(--space-4) + var(--space-6)); } :is([data-block="featured"], [data-block="content"]) .block-featured__inner { max-width: 52rem; margin-inline: auto; } :is([data-block="featured"], [data-block="content"]) .block-featured__eyebrow { display: inline-block; margin: 0 0 0.55rem; color: var(--color-muted); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } :is([data-block="featured"], [data-block="content"]) .block-featured__title { font-size: 34px; font-weight: 600; line-height: 1.3; margin: 0 0 var(--space-3); } :is([data-block="featured"], [data-block="content"]) .block-featured__body { font-size: 1.125rem; line-height: var(--line-height-base); margin: 0; } :is([data-block="featured"], [data-block="content"]) .block-featured__body p { margin: 0; } :is([data-block="featured"], [data-block="content"]) .block-featured__body p + p { margin-top: 1.4rem; } :is([data-block="featured"], [data-block="content"]) .block-featured__cta { margin: var(--space-3) 0 0; } :is([data-block="featured"], [data-block="content"])[data-bg="primary"] { background: var(--color-accent); color: #fff; } :is([data-block="featured"], [data-block="content"])[data-bg="primary"] .block-featured__body { color: rgba(255, 255, 255, 0.95); } :is([data-block="featured"], [data-block="content"])[data-bg="muted"], :is([data-block="featured"], [data-block="content"])[data-bg="surface"] { background: var(--color-surface); } :is([data-block="featured"], [data-block="content"])[data-background-package="value-dots-1"] { position: relative; overflow: hidden; background: var(--color-surface); } :is([data-block="featured"], [data-block="content"])[data-background-package="value-dots-1"]::before { content: ""; position: absolute; inset: 0; opacity: 0.52; background-image: radial-gradient(circle, color-mix(in srgb, #0a2540 22%, transparent) 0.82px, transparent 0.96px); background-size: 16px 16px; mask-image: radial-gradient(ellipse at 74% 48%, transparent 0 10%, rgba(0, 0, 0, 0.24) 26%, rgba(0, 0, 0, 0.78) 52%, transparent 78%), linear-gradient(180deg, transparent, #000 24%, #000 82%, transparent); mask-composite: intersect; pointer-events: none; } :is([data-block="featured"], [data-block="content"])[data-background-package="value-dots-1"] > .l-container { position: relative; z-index: 1; } html[data-theme="dark"] :is([data-block="featured"], [data-block="content"])[data-background-package="value-dots-1"] { background: #000207; } html[data-theme="dark"] :is([data-block="featured"], [data-block="content"])[data-background-package="value-dots-1"]::before { opacity: 0.62; background-image: radial-gradient(circle, color-mix(in srgb, #93c5fd 34%, transparent) 0.8px, transparent 0.9px); mask-image: radial-gradient(circle at 66% 46%, #000 0 18%, rgba(0, 0, 0, 0.68) 34%, transparent 68%), linear-gradient(180deg, transparent, #000 22%, #000 84%, transparent); mask-composite: intersect; } :is([data-block="featured"], [data-block="content"])[data-background-package="radial-grid-1"] { position: relative; overflow: hidden; background: var(--color-bg); } :is([data-block="featured"], [data-block="content"])[data-background-package="radial-grid-1"]::before { content: ""; position: absolute; inset: 0; opacity: 0.68; background-image: radial-gradient(circle, color-mix(in srgb, var(--color-accent) 18%, transparent) 0.8px, transparent 0.9px); background-size: 16px 16px; mask-image: radial-gradient(circle at 68% 46%, #000 0 18%, rgba(0, 0, 0, 0.72) 34%, transparent 68%), linear-gradient(180deg, transparent, #000 12%, #000 82%, transparent); mask-composite: intersect; pointer-events: none; } :is([data-block="featured"], [data-block="content"])[data-background-package="radial-grid-1"] > .l-container { position: relative; z-index: 1; } :is([data-block="featured"], [data-block="content"])[data-variant="principles-note"] .block-featured__inner { max-width: 48rem; text-align: center; } :is([data-block="featured"], [data-block="content"])[data-variant="principles-note"] .block-featured__title { margin-bottom: 1rem; font-size: 28px; line-height: 1.2; } :is([data-block="featured"], [data-block="content"])[data-variant="principles-note"] .block-featured__body { color: color-mix(in srgb, var(--color-text) 78%, var(--color-muted) 22%); font-size: clamp(0.95rem, 0.15vw + 0.92rem, 1rem); line-height: 1.62; } html[data-theme="dark"] :is([data-block="featured"], [data-block="content"])[data-variant="principles-note"] .block-featured__title { color: #f5f7fb; } html[data-theme="dark"] :is([data-block="featured"], [data-block="content"])[data-variant="principles-note"] .block-featured__body { color: rgba(255, 255, 255, 0.76); } :is([data-block="featured"], [data-block="content"])[data-variant="media-quote"] .block-featured-media__container { padding-block: calc(var(--space-6) + clamp(2rem, 5vw, 4rem)); } :is([data-block="featured"], [data-block="content"])[data-variant="media-quote"] .block-featured-media__viewport { position: relative; display: flex; align-items: flex-end; width: 100%; min-height: clamp(18rem, 35vw, 28rem); overflow: hidden; border-radius: clamp(1rem, 2vw, 1.5rem); background-color: var(--color-surface); background-position: center; background-size: cover; background-repeat: no-repeat; isolation: isolate; } :is([data-block="featured"], [data-block="content"])[data-variant="media-quote"] .block-featured-media__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(17, 12, 48, 0.9) 0%, rgba(41, 25, 92, 0.72) 48%, rgba(41, 25, 92, 0.16) 100%), linear-gradient(180deg, rgba(16, 12, 40, 0.18), rgba(16, 12, 40, 0.34)); z-index: 1; } :is([data-block="featured"], [data-block="content"])[data-variant="media-quote"] .block-featured-media__content { position: relative; z-index: 2; width: min(40rem, 100%); padding: clamp(1.25rem, 3.2vw, 2.25rem) clamp(2rem, 7vw, 5rem) clamp(2rem, 7vw, 4rem); color: #fff; } :is([data-block="featured"], [data-block="content"])[data-variant="media-quote"] .block-featured-media__blockquote { margin: 0; padding: 0; border: 0; font-style: normal; color: inherit; } :is([data-block="featured"], [data-block="content"])[data-variant="media-quote"] .block-featured-media__blockquote p { margin: 0; font-size: clamp(1.1rem, 1vw + 0.95rem, 1.45rem); font-weight: 700; font-style: normal; line-height: 1.45; letter-spacing: -0.02em; } :is([data-block="featured"], [data-block="content"])[data-variant="media-quote"] .block-featured-media__attribution { margin: 1rem 0 0; font-size: 0.9rem; color: rgba(255, 255, 255, 0.74); } :is([data-block="featured"], [data-block="content"])[data-variant="media-quote"] .block-featured-media__cta { display: inline-flex; align-items: center; justify-content: center; margin-top: 1.25rem; min-height: 2.7rem; padding-inline: 1.2rem; border: 1px solid color-mix(in srgb, #fff 68%, transparent); background: transparent; color: #fff; font-size: 0.92rem; font-weight: 700; text-decoration: none; } :is([data-block="featured"], [data-block="content"])[data-variant="media-quote"] .block-featured-media__cta:hover { background: color-mix(in srgb, #fff 9%, transparent); border-color: #fff; } @media (max-width: 42rem) { :is([data-block="featured"], [data-block="content"])[data-variant="media-quote"] .block-featured-media__viewport { min-height: 28rem; } :is([data-block="featured"], [data-block="content"])[data-variant="media-quote"] .block-featured-media__overlay { background: linear-gradient(180deg, rgba(17, 12, 48, 0.82), rgba(17, 12, 48, 0.72)); } :is([data-block="featured"], [data-block="content"])[data-variant="media-quote"] .block-featured-media__content { padding: 2rem; } } :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"] { background: var(--color-surface); } :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"] .block-featured-bridge__container { padding-block: calc(var(--space-6) + clamp(2rem, 5vw, 4rem)); } :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"] .block-featured-bridge__viewport { position: relative; display: flex; align-items: flex-end; width: 100%; min-height: clamp(18rem, 35vw, 28rem); overflow: hidden; border-radius: clamp(1rem, 2vw, 1.5rem); background: var(--color-surface); isolation: isolate; background-clip: padding-box; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.22) inset; } :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"] .block-featured-bridge__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.01); z-index: 0; filter: grayscale(1) saturate(0) contrast(1.02); } :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"][data-image-treatment="bridge-mask"] .block-featured-bridge__viewport::before { content: ""; position: absolute; inset: 0; z-index: 1; background-image: var(--bridge-image); background-position: center; background-size: cover; background-repeat: no-repeat; filter: grayscale(0) saturate(1) contrast(1.02); -webkit-mask-image: linear-gradient(to right, transparent 0%, transparent 38%, rgba(0, 0, 0, 0.45) 68%, #000 100%); mask-image: linear-gradient(to right, transparent 0%, transparent 38%, rgba(0, 0, 0, 0.45) 68%, #000 100%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; pointer-events: none; } :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"][data-image-treatment="bridge-mask"][data-overlay-token="bridge-overlay-1"] .block-featured-bridge__viewport::after { content: ""; position: absolute; inset: 0; z-index: 2; background: radial-gradient(95% 92% at 92% 92%, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.42) 44%, rgba(0, 0, 0, 0) 76%), linear-gradient(270deg, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.34) 34%, rgba(0, 0, 0, 0.14) 58%, rgba(0, 0, 0, 0) 84%); pointer-events: none; } :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"][data-image-treatment="none"] .block-featured-bridge__viewport::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(270deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.35) 45%, rgba(0, 0, 0, 0.12) 72%, rgba(0, 0, 0, 0) 100%); pointer-events: none; } :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"] .block-featured-bridge__content { position: relative; z-index: 3; width: min(46rem, 100%); padding: clamp(1.25rem, 3.2vw, 2.25rem) clamp(2rem, 7vw, 5rem) clamp(2rem, 7vw, 4rem); color: #fff; } :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"][data-text-position="end"] .block-featured-bridge__content { margin-left: auto; text-align: right; } :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"][data-text-position="start"] .block-featured-bridge__content { margin-right: auto; text-align: left; } :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"][data-text-position="center"] .block-featured-bridge__content { margin-inline: auto; text-align: center; } :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"] .block-featured-bridge__blockquote { margin: 0; padding: 0; border: 0; } :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"] .block-featured-bridge__rich p, :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"] .block-featured-bridge__quote-line { margin: 0; color: #fff; font-size: clamp(1.18rem, 1.1vw + 0.98rem, 1.55rem); font-weight: 700; line-height: 1.4; letter-spacing: -0.02em; text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35); } :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"] .block-featured-bridge__rich p + p { margin-top: 0.75rem; } :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"] .block-featured-bridge__rich strong { font-weight: 700; color: #fff; } html[data-theme="dark"] :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"] .block-featured-bridge__viewport { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.44) inset; } @media (max-width: 42rem) { :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"] .block-featured-bridge__viewport { min-height: 28rem; } :is([data-block="featured"], [data-block="content"])[data-variant="quote-bridge"] .block-featured-bridge__content { padding: 2rem; } } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] { position: relative; overflow: hidden; padding-block: 0; background: var(--color-surface); } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"][data-background-package="value-dots-1"]::before { content: ""; position: absolute; inset: 0; opacity: 0.52; background-image: radial-gradient(circle, color-mix(in srgb, #0a2540 22%, transparent) 0.82px, transparent 0.96px); background-size: 16px 16px; mask-image: radial-gradient(ellipse at 74% 48%, transparent 0 10%, rgba(0, 0, 0, 0.24) 26%, rgba(0, 0, 0, 0.78) 52%, transparent 78%), linear-gradient(180deg, transparent, #000 24%, #000 82%, transparent); mask-composite: intersect; pointer-events: none; } html[data-theme="dark"] :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"][data-background-package="value-dots-1"]::before { opacity: 0.62; background-image: radial-gradient(circle, color-mix(in srgb, #93c5fd 34%, transparent) 0.8px, transparent 0.9px); mask-image: radial-gradient(circle at 66% 46%, #000 0 18%, rgba(0, 0, 0, 0.68) 34%, transparent 68%), linear-gradient(180deg, transparent, #000 22%, #000 84%, transparent); mask-composite: intersect; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__container { position: relative; z-index: 1; padding-block: clamp(3rem, 6vw, 5rem); } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__inner { width: min(100%, 54rem); margin-inline: auto; text-align: center; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__eyebrow { display: inline-block; margin-bottom: 0.55rem; color: var(--color-muted); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__title { margin: 0; color: var(--color-fg); font-size: 34px; line-height: 1.08; letter-spacing: -0.045em; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__body { margin-top: 1.15rem; color: color-mix(in srgb, var(--color-fg) 72%, var(--color-muted) 28%); font-size: clamp(0.95rem, 0.18vw + 0.9rem, 1.03rem); line-height: 1.62; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__body p { margin: 0; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__body p + p { margin-top: 1.35rem; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__body strong { color: color-mix(in srgb, var(--color-fg) 84%, var(--color-muted) 16%); font-weight: 500; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__body--after { margin-top: 0; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__areas { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(0.55rem, 1.2vw, 0.85rem); margin: clamp(1.35rem, 3vw, 2rem) auto; max-width: 36rem; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__area { --area-color: var(--color-accent); display: grid; place-items: center; align-content: center; gap: 0.45rem; padding: 0.25rem; border: 0; background: transparent; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__area-icon { position: relative; display: grid; width: 3rem; height: 3rem; overflow: hidden; place-items: center; border-radius: 0.72rem; color: #fff; background: linear-gradient(135deg, color-mix(in srgb, var(--area-color) 90%, #020617 10%), color-mix(in srgb, var(--area-color) 68%, #020617 32%)); box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 28%, transparent), 0 0.35rem 1rem color-mix(in srgb, var(--area-color) 16%, transparent); transition: background 180ms ease, box-shadow 180ms ease, transform 180ms ease; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__area-icon::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255, 255, 255, 0.32) 0.7px, transparent 0.8px); background-size: 7px 7px; opacity: 0.42; mask-image: linear-gradient(135deg, transparent 0%, #000 32%, #000 82%, transparent 100%); pointer-events: none; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__area-icon svg { position: relative; z-index: 1; width: 1.6rem; height: 1.6rem; transition: color 180ms ease, filter 180ms ease; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__area:hover .block-featured-value__area-icon { background: linear-gradient(135deg, color-mix(in srgb, var(--area-color) 54%, #f8fafd 46%), color-mix(in srgb, var(--area-color) 32%, #f8fafd 68%)); box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 38%, transparent), 0 0 0 1px color-mix(in srgb, var(--area-color) 34%, transparent), 0 0.45rem 1.1rem color-mix(in srgb, var(--area-color) 12%, transparent); transform: translateY(-1px); } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__area:hover .block-featured-value__area-icon::before { opacity: 0.18; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__area:hover .block-featured-value__area-icon svg { color: var(--area-color); filter: drop-shadow(0 0 0.28rem color-mix(in srgb, var(--area-color) 78%, transparent)) drop-shadow(0 0 0.7rem color-mix(in srgb, var(--area-color) 34%, transparent)); } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__area:hover .block-featured-value__area-icon svg * { stroke-dasharray: 100; stroke-dashoffset: 100; animation: block-featured-value-icon-trace 1.15s ease-out forwards; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__area-label { color: color-mix(in srgb, var(--area-color) 82%, var(--color-fg) 18%); font-size: 0.74rem; font-weight: 700; letter-spacing: -0.01em; line-height: 1.15; } html[data-theme="dark"] :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__area { background: transparent; } html[data-theme="dark"] :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__area-icon { color: #fff; background: linear-gradient(135deg, color-mix(in srgb, var(--area-color) 58%, #020617 42%), color-mix(in srgb, var(--area-color) 28%, #020617 72%)); } html[data-theme="dark"] :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__area:hover .block-featured-value__area-icon { background: linear-gradient(135deg, color-mix(in srgb, var(--area-color) 18%, #020617 82%), color-mix(in srgb, var(--area-color) 8%, #020617 92%)); } @keyframes block-featured-value-icon-trace { to { stroke-dashoffset: 0; } } @media (max-width: 52rem) { :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__areas { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(0.35rem, 1.6vw, 0.55rem); max-width: min(100%, 30rem); } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__area { gap: 0.34rem; padding: 0; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__area-icon { width: clamp(2.25rem, 10vw, 2.75rem); height: clamp(2.25rem, 10vw, 2.75rem); border-radius: 0.64rem; } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__area-icon svg { width: clamp(1.18rem, 5.5vw, 1.45rem); height: clamp(1.18rem, 5.5vw, 1.45rem); } :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__area-label { font-size: clamp(0.58rem, 2.25vw, 0.68rem); line-height: 1.1; } } :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"] { padding-block: 0; } :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"] .l-container { border-inline-color: color-mix(in srgb, #ffffff 20%, #000207 80%); } :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"] .block-featured-profile__container { padding-block: 0; position: relative; z-index: 1; min-height: inherit; display: flex; align-items: flex-start; } :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"] { position: relative; overflow: hidden; min-height: clamp(24rem, 32vw, 33.75rem); background-color: #000207; background-position: 58% center; background-size: contain; background-repeat: no-repeat; } :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"]::before { content: ""; position: absolute; inset: 0; z-index: 0; } :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"][data-overlay-token="overlay-1"]::before { background: linear-gradient(270deg, #000207 0 clamp(5rem, 8vw, 13rem), rgba(0, 2, 7, 0.6) clamp(8rem, 13vw, 20rem), transparent clamp(12rem, 19vw, 28rem)), linear-gradient(90deg, #000207 0%, rgba(0, 2, 7, 0.96) 24%, rgba(0, 2, 7, 0.64) 47%, rgba(0, 2, 7, 0.14) 68%, transparent 100%), linear-gradient(180deg, rgba(0, 2, 7, 0.08), rgba(0, 2, 7, 0.18)); } :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"] .block-featured-profile__content { position: relative; z-index: 1; width: min(100%, 34rem); padding-block: clamp(2.25rem, 4vw, 3.5rem); } :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"] .block-featured-profile__eyebrow { display: inline-block; margin-bottom: 0.65rem; color: #fff; font-size: 0.78rem; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; } :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"] .block-featured-profile__title { margin: 0; color: #fff; font-size: 34px; line-height: 1.12; letter-spacing: -0.035em; } :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"] .block-featured-profile__body { margin: 1rem 0 0; max-width: 33rem; color: rgba(255, 255, 255, 0.78); font-size: clamp(0.94rem, 0.18vw + 0.9rem, 1.02rem); line-height: 1.62; } :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"] .block-featured-profile__body p { margin: 0; } :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"] .block-featured-profile__body p + p { margin-top: 0.95rem; } :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"] .block-featured-profile__body strong { color: #fff; font-weight: 700; } :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"] .block-featured-profile__cta { display: inline-flex; align-items: center; justify-content: center; min-height: 2.9rem; margin-top: 1.2rem; padding-inline: 1.25rem; border: 1px solid color-mix(in srgb, #fff 68%, transparent); background: transparent; color: #fff; font-size: 0.92rem; font-weight: 800; text-decoration: none; } :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"] .block-featured-profile__cta:hover { background: color-mix(in srgb, #fff 9%, transparent); border-color: #fff; } @media (max-width: 42rem) { :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"] { min-height: 28rem; background-position: 66% center; background-size: cover; } :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"][data-overlay-token="overlay-1"]::before { background: linear-gradient(180deg, rgba(7, 10, 18, 0.92), rgba(7, 10, 18, 0.72)); } } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__inner { max-width: 36rem; } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__inner--split { max-width: none; width: 100%; } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"][data-align="left"] .block-featured-editorial__inner--split, :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"][data-align="center"] .block-featured-editorial__inner--split, :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"][data-align="right"] .block-featured-editorial__inner--split { margin-inline: 0; } @media (min-width: 49rem) { :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__inner--split .block-featured-editorial__title { max-width: min(42rem, 100%); text-wrap: balance; } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"][data-align="center"] .block-featured-editorial__inner--split .block-featured-editorial__title { margin-inline: auto; } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"][data-align="right"] .block-featured-editorial__inner--split .block-featured-editorial__title { margin-inline-start: auto; margin-inline-end: 0; } } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; width: 100%; gap: clamp(1.25rem, 3vw, 2rem) clamp(1.5rem, 4vw, 2.75rem); } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__col { min-width: 0; } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__columns .block-featured-editorial__list { margin-bottom: 0; } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__title { margin-bottom: 0.85rem; } @media (max-width: 48rem) { :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__columns { grid-template-columns: 1fr; } } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__intro.block-featured__body p + p { margin-top: 1rem; } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__list { list-style: none; margin: 1rem 0 0.95rem; padding: 0; } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__item { display: flex; align-items: flex-start; gap: 0.6rem; margin: 0; padding: 0; font-size: 0.9375rem; letter-spacing: -0.01em; line-height: 1.42; } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__item + .block-featured-editorial__item { margin-top: 0.4rem; } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__icon { display: flex; flex: 0 0 1.05rem; align-items: center; justify-content: center; width: 1.05rem; height: 1.05rem; margin-top: 0.15em; border-radius: 50%; background: color-mix(in srgb, var(--color-accent) 16%, #ffffff 84%); color: color-mix(in srgb, var(--color-accent) 90%, #1e1b4b 10%); } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__icon-svg { display: block; width: 58%; height: 58%; transform: translateY(0.04em); } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__item-text { flex: 1; min-width: 0; } html[data-theme="dark"] :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__icon { background: color-mix(in srgb, var(--color-accent) 22%, #0b1220 78%); color: color-mix(in srgb, var(--color-accent) 72%, #e9d5ff 28%); } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__after.block-featured__body p + p { margin-top: 1rem; } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__after { margin-top: 0; } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__inner--checklist-grid { max-width: none; width: 100%; } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"][data-align="left"] .block-featured-editorial__inner--checklist-grid.l-block-align { margin-inline: 0; } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"][data-checklist-layout="grid"] .block-featured-editorial__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 11.25rem), 1fr)); gap: clamp(0.65rem, 1.8vw, 1rem); margin-top: clamp(0.85rem, 2vw, 1.15rem); margin-bottom: 0.25rem; } @media (max-width: 35.9375rem) { :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"][data-checklist-layout="grid"] .block-featured-editorial__list { grid-template-columns: 1fr; } } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"][data-checklist-layout="grid"] .block-featured-editorial__item { align-items: flex-start; height: 100%; box-sizing: border-box; margin: 0; padding: clamp(0.85rem, 2vw, 1.05rem); border: 1px solid var(--color-border); border-radius: 0.55rem; background: var(--color-surface); } :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"][data-checklist-layout="grid"] .block-featured-editorial__item + .block-featured-editorial__item { margin-top: 0; } html[data-theme="dark"] :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"][data-checklist-layout="grid"] .block-featured-editorial__item { border: 1px solid color-mix(in srgb, #fff 9%, #000207 91%); background: color-mix(in srgb, #071224 72%, #000207 28%); box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 6%, transparent); } @media (max-width: 48rem) { :is([data-block="featured"], [data-block="content"]) .block-featured__title, :is([data-block="featured"], [data-block="content"])[data-variant="value-applicability"] .block-featured-value__title, :is([data-block="featured"], [data-block="content"])[data-variant="profile-method"] .block-featured-profile__title, :is([data-block="featured"], [data-block="content"])[data-variant="editorial-checklist"] .block-featured-editorial__title, :is([data-block="content"])[data-variant="scope-compare"] .block-content-scope__title, :is([data-block="content"])[data-variant="dual-checklist"] .block-content-dual__title { font-size: 28px; } } [data-block="content"][data-variant="scope-compare"] .block-content-scope__wrap { display: flex; flex-direction: column; gap: 0.15rem; max-width: none; width: 100%; } [data-block="content"][data-variant="scope-compare"][data-align="left"] .block-content-scope__wrap.l-block-align { margin-inline: 0; } [data-block="content"][data-variant="scope-compare"] .block-content-scope__intro-text { max-width: min(44rem, 100%); margin-top: 0.35rem; } [data-block="content"][data-variant="scope-compare"] .block-content-scope__intro-text .p-text + .p-text { margin-top: 0.75rem; } [data-block="content"][data-variant="scope-compare"] .block-content-scope__title { margin-bottom: 0.2rem; } [data-block="content"][data-variant="scope-compare"] .block-content-scope__card { margin-top: clamp(1.15rem, 2.8vw, 1.85rem); padding: clamp(1.2rem, 2.6vw, 2rem); border: 1px solid var(--color-border); border-radius: 0.75rem; background: var(--color-surface); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--color-text) 5%, transparent); } html[data-theme="dark"] [data-block="content"][data-variant="scope-compare"] .block-content-scope__card { border: 1px solid color-mix(in srgb, #fff 9%, #000207 91%); background: color-mix(in srgb, #0a0f18 88%, #000207 12%); box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 6%, transparent); } [data-block="content"][data-variant="scope-compare"] .block-content-scope__split { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.82fr); gap: clamp(1.15rem, 3vw, 2.25rem); align-items: start; } @media (max-width: 52rem) { [data-block="content"][data-variant="scope-compare"] .block-content-scope__split { grid-template-columns: 1fr; } } [data-block="content"][data-variant="scope-compare"] .block-content-scope__divider-row { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; } [data-block="content"][data-variant="scope-compare"] .block-content-scope__divider-label { flex: 0 0 auto; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; color: color-mix(in srgb, var(--color-accent) 75%, #3b82f6 25%); } [data-block="content"][data-variant="scope-compare"] .block-content-scope__divider-row::after { content: ""; flex: 1; min-width: 2rem; height: 1px; background: var(--color-border); } [data-block="content"][data-variant="scope-compare"] .block-content-scope__include-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.55rem 1.15rem; } @media (max-width: 36rem) { [data-block="content"][data-variant="scope-compare"] .block-content-scope__include-list { grid-template-columns: 1fr; } } [data-block="content"][data-variant="scope-compare"] .block-content-scope__include-item { display: flex; align-items: flex-start; gap: 0.55rem; margin: 0; font-size: 0.94rem; line-height: 1.42; letter-spacing: -0.01em; } [data-block="content"][data-variant="scope-compare"] .block-content-scope__check-icon { display: flex; flex: 0 0 1.05rem; align-items: center; justify-content: center; width: 1.05rem; height: 1.05rem; margin-top: 0.14em; border-radius: 999px; background: color-mix(in srgb, var(--color-accent) 18%, #f0f9ff 82%); color: color-mix(in srgb, var(--color-accent) 88%, #1e3a8a 12%); } [data-block="content"][data-variant="scope-compare"] .block-content-scope__check-svg { width: 0.58rem; height: 0.58rem; } html[data-theme="dark"] [data-block="content"][data-variant="scope-compare"] .block-content-scope__check-icon { background: color-mix(in srgb, var(--color-accent) 22%, #0b1220 78%); color: color-mix(in srgb, var(--color-accent) 72%, #e9d5ff 28%); } [data-block="content"][data-variant="scope-compare"] .block-content-scope__include-text { flex: 1; min-width: 0; color: var(--color-text); } [data-block="content"][data-variant="scope-compare"] .block-content-scope__exclude { padding: clamp(0.95rem, 2vw, 1.25rem); border-radius: 0.6rem; border: 1px solid color-mix(in srgb, var(--color-border) 92%, transparent); background: color-mix(in srgb, var(--color-surface) 94%, var(--color-muted) 6%); } html[data-theme="dark"] [data-block="content"][data-variant="scope-compare"] .block-content-scope__exclude { border: 1px solid color-mix(in srgb, #fff 5%, #000207 95%); background: color-mix(in srgb, #000207 92%, #1e293b 8%); opacity: 0.96; } [data-block="content"][data-variant="scope-compare"] .block-content-scope__exclude-eyebrow { display: block; font-size: 0.68rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-muted); margin-bottom: 0.35rem; } [data-block="content"][data-variant="scope-compare"] .block-content-scope__exclude-title { margin: 0 0 0.65rem; font-size: 0.98rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.25; color: color-mix(in srgb, var(--color-text) 88%, var(--color-muted) 12%); } [data-block="content"][data-variant="scope-compare"] .block-content-scope__exclude-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.38rem; } [data-block="content"][data-variant="scope-compare"] .block-content-scope__exclude-item { display: flex; align-items: flex-start; gap: 0.5rem; margin: 0; font-size: 0.86rem; line-height: 1.38; color: var(--color-muted); } [data-block="content"][data-variant="scope-compare"] .block-content-scope__dash-icon { display: flex; flex: 0 0 1rem; align-items: center; justify-content: center; width: 1rem; height: 1rem; margin-top: 0.12em; border-radius: 999px; background: color-mix(in srgb, var(--color-muted) 18%, transparent); color: var(--color-muted); } [data-block="content"][data-variant="scope-compare"] .block-content-scope__dash-svg { width: 0.55rem; height: 0.55rem; } html[data-theme="dark"] [data-block="content"][data-variant="scope-compare"] .block-content-scope__dash-icon { background: color-mix(in srgb, #fff 6%, #0b1220 94%); color: rgba(255, 255, 255, 0.48); } [data-block="content"][data-variant="dual-checklist"] .block-content-dual__wrap { max-width: none; width: 100%; } [data-block="content"][data-variant="dual-checklist"] .block-content-dual__intro { max-width: min(44rem, 100%); margin-top: 0.15rem; } [data-block="content"][data-variant="dual-checklist"] .block-content-dual__intro.block-featured__body p + p { margin-top: 0.85rem; } [data-block="content"][data-variant="dual-checklist"] .block-content-dual__title { margin-bottom: 0.35rem; } [data-block="content"][data-variant="dual-checklist"] .block-content-dual__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; width: 100%; gap: clamp(1.25rem, 3vw, 2.25rem) clamp(1.5rem, 4vw, 2.75rem); margin-top: clamp(0.65rem, 2vw, 1.1rem); } @media (max-width: 48rem) { [data-block="content"][data-variant="dual-checklist"] .block-content-dual__grid { grid-template-columns: 1fr; } } [data-block="content"][data-variant="dual-checklist"] .block-content-dual__col { min-width: 0; padding: clamp(0.95rem, 2vw, 1.2rem); border-radius: 0.65rem; border: 1px solid var(--color-border); background: var(--color-surface); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--color-text) 4%, transparent); } html[data-theme="dark"] [data-block="content"][data-variant="dual-checklist"] .block-content-dual__col { border: 1px solid color-mix(in srgb, #fff 8%, #000207 92%); background: color-mix(in srgb, #0a0f18 90%, #000207 10%); box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 5%, transparent); } [data-block="content"][data-variant="dual-checklist"] .block-content-dual__col-eyebrow { display: block; font-size: 0.68rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: color-mix(in srgb, var(--color-accent) 70%, var(--color-muted) 30%); margin-bottom: 0.45rem; } [data-block="content"][data-variant="dual-checklist"] .block-content-dual__col-title { margin: 0 0 0.5rem; font-size: 1.05rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.28; color: var(--color-text); } [data-block="content"][data-variant="dual-checklist"] .block-featured-editorial__list { list-style: none; margin: 0.15rem 0 0; padding: 0; } [data-block="content"][data-variant="dual-checklist"] .block-featured-editorial__item { display: flex; align-items: flex-start; gap: 0.6rem; margin: 0; padding: 0; font-size: 0.9375rem; letter-spacing: -0.01em; line-height: 1.42; } [data-block="content"][data-variant="dual-checklist"] .block-featured-editorial__item + .block-featured-editorial__item { margin-top: 0.4rem; } [data-block="content"][data-variant="dual-checklist"] .block-featured-editorial__icon { display: flex; flex: 0 0 1.05rem; align-items: center; justify-content: center; width: 1.05rem; height: 1.05rem; margin-top: 0.15em; border-radius: 50%; background: color-mix(in srgb, var(--color-accent) 16%, #ffffff 84%); color: color-mix(in srgb, var(--color-accent) 90%, #1e1b4b 10%); } [data-block="content"][data-variant="dual-checklist"] .block-featured-editorial__icon-svg { display: block; width: 58%; height: 58%; transform: translateY(0.04em); } [data-block="content"][data-variant="dual-checklist"] .block-featured-editorial__item-text { flex: 1; min-width: 0; } html[data-theme="dark"] [data-block="content"][data-variant="dual-checklist"] .block-featured-editorial__icon { background: color-mix(in srgb, var(--color-accent) 22%, #0b1220 78%); color: color-mix(in srgb, var(--color-accent) 72%, #e9d5ff 28%); } [data-block="highlight"] .block-highlight__phrase { max-width: 48rem; margin: 0 auto; font-size: 1.5rem; font-weight: 300; line-height: 1.4; font-style: italic; } [data-block="highlight"][data-bg="primary"] { background: var(--color-accent); color: #fff; } [data-block="highlight"][data-bg="primary"] .block-highlight__phrase { color: rgba(255, 255, 255, 0.95); } [data-block="highlight"][data-bg="muted"], [data-block="highlight"][data-bg="surface"] { background: var(--color-surface); } [data-block="highlight"][data-variant="ai-flow"] { background: var(--color-bg); } [data-block="highlight"][data-variant="ai-flow"] .block-highlight-ai-flow__container { padding-block: clamp(2rem, 4vw, 3rem) clamp(3.25rem, 6vw, 5rem); } [data-block="highlight"][data-variant="ai-flow"] .block-highlight-ai-flow__panel { position: relative; overflow: hidden; border: 1px solid color-mix(in srgb, var(--color-bg) 94%, var(--color-accent) 6%); border-radius: 1.4rem; padding: clamp(1.5rem, 3.5vw, 2.35rem); } [data-block="highlight"][data-variant="ai-flow"][data-background-package="soft-ai-panel"] .block-highlight-ai-flow__panel { background: radial-gradient(circle at 50% 64%, color-mix(in srgb, var(--color-accent) 16%, transparent) 0, transparent 17rem), color-mix(in srgb, var(--color-bg) 94%, var(--color-accent) 6%); } [data-block="highlight"][data-variant="ai-flow"][data-background-package="soft-ai-panel"] .block-highlight-ai-flow__panel::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle, color-mix(in srgb, var(--color-accent) 18%, transparent) 0.8px, transparent 0.9px); background-size: 16px 16px; opacity: 0.42; mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent); pointer-events: none; } [data-block="highlight"][data-variant="ai-flow"] .block-highlight-ai-flow__quote { position: relative; z-index: 2; max-width: 44rem; margin: 0 auto clamp(2rem, 4vw, 3rem); padding: 0; border: 0; color: color-mix(in srgb, var(--color-text) 74%, var(--color-muted) 26%); text-align: center; } [data-block="highlight"][data-variant="ai-flow"] .block-highlight-ai-flow__quote p { margin: 0; font-size: clamp(1.18rem, 0.55vw + 1.05rem, 1.45rem); font-style: italic; line-height: 1.5; } [data-block="highlight"][data-variant="ai-flow"] .block-highlight-ai-flow__visual { position: relative; z-index: 2; } .design-ai-flow__canvas { position: relative; display: grid; grid-template-columns: minmax(9rem, 1fr) minmax(5.7rem, 0.55fr) minmax(7.5rem, 0.72fr) minmax(7.4rem, 0.65fr) minmax(9rem, 1fr); align-items: center; gap: clamp(0.65rem, 1.6vw, 1.45rem); min-height: 16rem; } .design-ai-flow__stage { position: relative; z-index: 2; min-width: 0; } .design-ai-flow__stage--documents, .design-ai-flow__stage--vector, .design-ai-flow__stage--models, .design-ai-flow__stage--agent { align-self: center; } .design-ai-flow__stage--documents, .design-ai-flow__stage--agent { min-height: 11.2rem; padding: 1rem; border: 1px solid color-mix(in srgb, var(--color-border) 80%, transparent); border-radius: 1rem; background: var(--color-bg); } .design-ai-flow__stage--agent { padding-top: 1.15rem; } .design-ai-flow__stage--brain { display: grid; justify-items: center; text-align: center; transform: translateY(-0.05rem); } .design-ai-flow__canvas strong { display: block; min-height: 1.35rem; color: var(--color-text); font-size: clamp(0.95rem, 0.24vw + 0.9rem, 1.08rem); line-height: 1.25; letter-spacing: -0.025em; } .design-ai-flow__document-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.55rem; margin-top: 0.7rem; } .design-ai-flow__document { display: grid; min-height: 4.4rem; padding-block: 0.55rem 0.45rem; place-items: center; gap: 0.38rem; border: 1px solid color-mix(in srgb, var(--color-border) 62%, transparent); border-radius: 0.75rem; color: var(--color-text); background: color-mix(in srgb, var(--color-bg) 92%, #fff 8%); font-size: 0.76rem; font-weight: 400; } .design-ai-flow__file-badge { position: relative; display: inline-grid; width: 2.15rem; height: 2.45rem; place-items: center; overflow: hidden; border-radius: 0.42rem; color: #fff; font-size: 0.72rem; font-weight: 900; letter-spacing: -0.03em; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28); } .design-ai-flow__file-badge::after { content: ""; position: absolute; top: 0; right: 0; border-top: 0.55rem solid rgba(255, 255, 255, 0.48); border-left: 0.55rem solid transparent; } .design-ai-flow__document--pdf .design-ai-flow__file-badge { background: linear-gradient(135deg, #ef4444, #b91c1c); } .design-ai-flow__document--word .design-ai-flow__file-badge { background: linear-gradient(135deg, #3b82f6, #1d4ed8); } .design-ai-flow__document--excel .design-ai-flow__file-badge { background: linear-gradient(135deg, #22c55e, #15803d); } .design-ai-flow__document--norm .design-ai-flow__file-badge { background: linear-gradient(135deg, #64748b, #334155); } .design-ai-flow__document--data .design-ai-flow__file-badge { border-radius: 999px; background: linear-gradient(135deg, #8b5cf6, #5b21b6); } .design-ai-flow__document--folder .design-ai-flow__file-badge { width: 2.45rem; border-radius: 0.55rem; background: linear-gradient(135deg, #fbbf24, #d97706); } .design-ai-flow__document--data .design-ai-flow__file-badge::after, .design-ai-flow__document--folder .design-ai-flow__file-badge::after { content: none; } .design-ai-flow__stage--vector { display: grid; justify-items: center; } .design-ai-flow__vector, .design-ai-flow__brain { position: relative; display: grid; width: 5.3rem; height: 5.3rem; overflow: hidden; place-items: center; border-radius: 999px; background: var(--color-bg); } .design-ai-flow__brain { width: 5.6rem; height: 5.6rem; margin-bottom: 0.75rem; color: var(--color-accent); isolation: isolate; } .design-ai-flow__vector::before { content: ""; position: absolute; inset: 0.55rem; border-radius: 0.65rem; background-image: linear-gradient(color-mix(in srgb, var(--color-accent) 13%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 13%, transparent) 1px, transparent 1px); background-size: 0.72rem 0.72rem; opacity: 0.58; mask-image: radial-gradient(circle, #000 0 52%, transparent 78%); } .design-ai-flow__vector-core { position: relative; z-index: 2; display: grid; width: 2.4rem; height: 2.4rem; place-items: center; border-radius: 999px; background: color-mix(in srgb, var(--color-accent) 10%, var(--color-bg) 90%); } .design-ai-flow__vector-core span { position: absolute; width: 0.38rem; height: 0.38rem; border-radius: 999px; background: var(--color-accent); animation: design-vector-node 2.4s ease-in-out infinite; } .design-ai-flow__vector-core span:nth-child(1) { transform: translate(-0.55rem, -0.35rem); } .design-ai-flow__vector-core span:nth-child(2) { animation-delay: -0.8s; transform: translate(0.52rem, -0.1rem); } .design-ai-flow__vector-core span:nth-child(3) { animation-delay: -1.6s; transform: translate(0, 0.58rem); } .design-ai-flow__vector-stream { position: absolute; inset: 0; z-index: 1; display: grid; align-content: center; gap: 0.34rem; color: color-mix(in srgb, var(--color-accent) 70%, var(--color-text) 30%); font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace; font-size: 0.47rem; line-height: 1; opacity: 0.56; } .design-ai-flow__vector-stream span { display: block; white-space: nowrap; animation: design-vector-stream 3.6s linear infinite; animation-delay: calc(var(--vector-index) * -0.9s); } .design-ai-flow__model-slot { position: relative; width: 5.6rem; height: 5.6rem; margin-inline: auto; overflow: hidden; border: 1px solid color-mix(in srgb, var(--color-accent) 22%, var(--color-border) 78%); border-radius: 1rem; background: var(--color-bg); } .design-ai-flow__model { position: absolute; inset: 0; display: grid; align-content: center; justify-items: center; gap: 0.42rem; padding: 0.72rem; color: var(--color-text); font-weight: 400; text-align: center; opacity: 0; animation: design-model-cycle 10s ease-in-out infinite; animation-delay: calc(var(--model-index) * -2s); } .design-ai-flow__model-mark { display: inline-grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid color-mix(in srgb, var(--model-color) 22%, var(--color-border) 78%); border-radius: 0.65rem; background: color-mix(in srgb, var(--model-color) 10%, var(--color-bg) 90%); } .design-ai-flow__model-mark::before { content: ""; width: 1.08rem; height: 1.08rem; background: var(--model-color); -webkit-mask: var(--model-icon) center / contain no-repeat; mask: var(--model-icon) center / contain no-repeat; } .design-ai-flow__brain-svg { position: relative; z-index: 2; width: 116%; height: auto; overflow: visible; animation: design-brain-breathe 4.6s ease-in-out infinite; } .design-ai-flow__brain-aura { animation: design-brain-aura 3.8s ease-in-out infinite; } .design-ai-flow__brain-shape, .design-ai-flow__brain-fold { fill: none; stroke: url("#designBrainStroke"); stroke-linecap: round; stroke-linejoin: round; } .design-ai-flow__brain-shape { stroke-width: 2.8; opacity: 0.9; } .design-ai-flow__brain-fold { stroke-width: 2.1; stroke-dasharray: 18 13; animation: design-brain-dash 2.7s linear infinite; } .design-ai-flow__brain-fold--two { animation-delay: -0.6s; } .design-ai-flow__brain-fold--three { animation-delay: -1.2s; } .design-ai-flow__brain-fold--four { animation-delay: -1.8s; } .design-ai-flow__brain-nodes circle { fill: var(--color-bg); stroke: url("#designBrainStroke"); stroke-width: 2.2; transform-box: fill-box; transform-origin: center; animation: design-brain-node 2.6s ease-in-out infinite; } .design-ai-flow__brain-nodes circle:nth-child(2) { animation-delay: -0.35s; } .design-ai-flow__brain-nodes circle:nth-child(3) { animation-delay: -0.7s; } .design-ai-flow__brain-nodes circle:nth-child(4) { animation-delay: -1.05s; } .design-ai-flow__brain-nodes circle:nth-child(5) { animation-delay: -1.4s; } .design-ai-flow__brain-nodes circle:nth-child(6) { animation-delay: -1.75s; } .design-ai-flow__brain-nodes circle:nth-child(7) { animation-delay: -2.1s; } .design-ai-flow__agent-header { display: flex; align-items: center; gap: 0.5rem; } .design-ai-flow__agent-head { display: grid; width: 2rem; height: 2rem; flex: 0 0 auto; place-items: center; border: 1px solid color-mix(in srgb, var(--color-accent) 28%, var(--color-border) 72%); border-radius: 999px; color: var(--color-accent); background: color-mix(in srgb, var(--color-accent) 7%, var(--color-bg) 93%); } .design-ai-flow__chat { display: grid; grid-template-rows: 1fr auto; gap: 0.5rem; min-height: 7.05rem; margin-top: 0.72rem; } .design-ai-flow__chat-window { display: flex; min-height: 4.35rem; flex-direction: column; justify-content: flex-end; gap: 0.32rem; overflow: hidden; } .design-ai-flow__chat-message { max-width: 92%; margin: 0; border-radius: 0.62rem; padding: 0.34rem 0.48rem; font-size: 0.65rem; line-height: 1.25; opacity: 0; transform: translateY(0.35rem) scale(0.98); animation: design-chat-message 1.2s ease-out forwards; } .design-ai-flow__chat-message--user { align-self: flex-end; color: #fff; background: color-mix(in srgb, var(--color-accent) 82%, var(--color-text) 18%); } .design-ai-flow__chat-message--assistant, .design-ai-flow__chat-typing { align-self: flex-start; color: color-mix(in srgb, var(--color-text) 84%, var(--color-muted) 16%); background: color-mix(in srgb, var(--color-accent) 7%, var(--color-bg) 93%); } .design-ai-flow__chat-message--one { animation-delay: 2s; } .design-ai-flow__chat-message--two { animation-delay: 4.1s; } .design-ai-flow__chat-message--three { animation-delay: 8.55s; } .design-ai-flow__chat-message--four { animation-delay: 10.7s; } .design-ai-flow__chat-typing { display: inline-flex; gap: 0.22rem; border-radius: 999px; padding: 0.36rem 0.48rem; opacity: 0; animation: design-chat-typing 0.7s ease-out 13.1s forwards; } .design-ai-flow__chat-typing span { width: 0.23rem; height: 0.23rem; border-radius: 999px; background: var(--color-accent); animation: design-chat-dot 1s ease-in-out infinite; } .design-ai-flow__chat-typing span:nth-child(2) { animation-delay: -0.18s; } .design-ai-flow__chat-typing span:nth-child(3) { animation-delay: -0.36s; } .design-ai-flow__chat-input { position: relative; display: flex; min-height: 2.15rem; align-items: center; justify-content: space-between; gap: 0.6rem; border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent); border-radius: 0.72rem; padding: 0.42rem 0.48rem 0.42rem 0.65rem; color: var(--color-text); background: color-mix(in srgb, var(--color-bg) 88%, #fff 12%); font-size: 0.72rem; } .design-ai-flow__chat-draft { position: absolute; left: 0.65rem; max-width: calc(100% - 5.1rem); overflow: hidden; white-space: nowrap; opacity: 0; } .design-ai-flow__chat-draft--one { animation: design-chat-draft-one 2.1s steps(4, end) forwards; } .design-ai-flow__chat-draft--two { animation: design-chat-draft-two 2.7s steps(12, end) 6s forwards; } .design-ai-flow__chat-actions { display: inline-flex; align-items: center; gap: 0.28rem; margin-left: auto; color: color-mix(in srgb, var(--color-accent) 64%, var(--color-text) 36%); } .design-ai-flow__chat-actions svg:last-child { color: var(--color-accent); } .design-ai-flow__lines { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; fill: none; pointer-events: none; } .design-ai-flow__line { stroke: color-mix(in srgb, var(--color-accent) 54%, transparent); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 4 10; animation: design-flow-dash 1.7s linear infinite; } html[data-theme="dark"] [data-block="highlight"][data-variant="ai-flow"][data-background-package="soft-ai-panel"] .block-highlight-ai-flow__panel { border-color: #010309; background: #010309; } html[data-theme="dark"] .design-ai-flow__stage--documents, html[data-theme="dark"] .design-ai-flow__document, html[data-theme="dark"] .design-ai-flow__vector, html[data-theme="dark"] .design-ai-flow__model-slot, html[data-theme="dark"] .design-ai-flow__brain, html[data-theme="dark"] .design-ai-flow__stage--agent, html[data-theme="dark"] .design-ai-flow__chat-input { background: var(--color-bg); border-color: color-mix(in srgb, #2563eb 24%, var(--color-bg) 76%); } html[data-theme="dark"] .design-ai-flow__model-mark { border-color: color-mix(in srgb, var(--model-color) 28%, var(--color-bg) 72%); background: color-mix(in srgb, var(--model-color) 10%, var(--color-bg) 90%); } html[data-theme="dark"] .design-ai-flow__chat-message--assistant, html[data-theme="dark"] .design-ai-flow__chat-typing { background: color-mix(in srgb, #2563eb 10%, var(--color-bg) 90%); color: rgba(255, 255, 255, 0.82); } html[data-theme="dark"] .design-ai-flow__chat-message--user { background: color-mix(in srgb, var(--color-accent-active) 82%, #0a2540 18%); color: #fff; } @keyframes design-flow-dash { to { stroke-dashoffset: -28; } } @keyframes design-flow-vertical { to { background-position-y: 28px; } } @keyframes design-chat-message { to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes design-chat-typing { to { opacity: 1; transform: translateY(0); } } @keyframes design-chat-dot { 0%, 100% { opacity: 0.35; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-0.08rem); } } @keyframes design-chat-draft-one { 0% { width: 0; opacity: 1; } 70% { width: 2rem; opacity: 1; } 100% { width: 2rem; opacity: 0; } } @keyframes design-chat-draft-two { 0% { width: 0; opacity: 1; } 78% { width: 4.6rem; opacity: 1; } 100% { width: 4.6rem; opacity: 0; } } @keyframes design-model-cycle { 0% { opacity: 0; } 6%, 16% { opacity: 1; } 22%, 100% { opacity: 0; } } @keyframes design-vector-stream { from { transform: translateX(-28%); opacity: 0; } 18%, 72% { opacity: 1; } to { transform: translateX(34%); opacity: 0; } } @keyframes design-vector-node { 0%, 100% { opacity: 0.62; box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-accent) 22%, transparent); } 50% { opacity: 1; box-shadow: 0 0 0 0.42rem color-mix(in srgb, var(--color-accent) 0%, transparent); } } @keyframes design-brain-breathe { 0%, 100% { transform: translateY(0) scale(0.98); } 50% { transform: translateY(-0.08rem) scale(1.02); } } @keyframes design-brain-aura { 0%, 100% { opacity: 0.55; transform: scale(0.94); } 50% { opacity: 0.95; transform: scale(1.04); } } @keyframes design-brain-dash { to { stroke-dashoffset: -31; } } @keyframes design-brain-node { 0%, 100% { opacity: 0.68; transform: scale(0.86); } 48%, 58% { opacity: 1; transform: scale(1.12); } } @media (max-width: 42rem) { [data-block="highlight"][data-variant="ai-flow"] .block-highlight-ai-flow__panel { padding: clamp(1.15rem, 5vw, 1.5rem); } [data-block="highlight"][data-variant="ai-flow"] .block-highlight-ai-flow__quote { margin-bottom: 2rem; } .design-ai-flow__canvas { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 1.15rem; min-height: 0; } .design-ai-flow__canvas::after { content: ""; position: absolute; top: 10.7rem; bottom: 10.7rem; left: 50%; z-index: 1; width: 2px; transform: translateX(-50%); background-image: repeating-linear-gradient( to bottom, color-mix(in srgb, var(--color-accent) 54%, transparent) 0 4px, transparent 4px 13px ); animation: design-flow-vertical 1.7s linear infinite; pointer-events: none; } .design-ai-flow__lines { display: none; } .design-ai-flow__stage { width: min(100%, 17rem); } .design-ai-flow__stage--vector, .design-ai-flow__stage--models, .design-ai-flow__stage--brain { display: grid; width: min(100%, 8rem); justify-items: center; } .design-ai-flow__stage--brain { transform: none; } } .blog-article { max-width: 700px; margin: 0 auto; padding: 1.5rem; } .blog-article__back { display: inline-block; font-size: 0.875rem; color: var(--color-muted, #6b7280); text-decoration: none; margin-bottom: 1rem; } .blog-article__title { margin: 0 0 1.5rem; font-size: 1.75rem; line-height: 1.25; } .blog-article__content { width: 100%; max-width: 700px; } .blog-article__image-wrap { width: 100%; max-width: 650px; height: 360px; overflow: hidden; margin-bottom: 1.5rem; border-radius: 4px; background: var(--color-border, #e5e7eb); } .blog-article__image-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } @media (max-width: 48rem) { .blog-article__image-wrap { height: 220px; } } .article-sections p, .article-sections figure { margin: 0 0 1em; } .article-sections figure img { max-width: 100%; height: auto; display: block; } .app-content main.blog-archive .first-block-under-header > [data-archive-mast="true"] { margin-top: 0; } .block-blog-list[data-archive-mast="true"] .block-blog-list__title { max-width: min(100%, 48rem); font-size: clamp(1.35rem, 1.1rem + 1.5vw, 1.85rem); font-weight: 700; line-height: 1.2; } .block-blog-list[data-archive-mast="true"] .block-blog-list__header { max-width: min(100%, 56rem); } .block-blog-list { padding-block: 0; } .block-blog-list .block-blog-list__inner { padding-block: calc(var(--space-4) + var(--space-5) + var(--space-section)); } .block-blog-list__header { max-width: 56rem; margin-bottom: var(--space-6); } .block-blog-list__eyebrow { margin: 0; font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-muted); } .block-blog-list__title { margin: 0; max-width: 14ch; } .block-blog-list__intro { max-width: 44rem; color: var(--color-muted); } .block-blog-list__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17.5rem), 1fr)); gap: calc((var(--space-5) + var(--space-6)) / 2); } @media (min-width: 64rem) { .block-blog-list__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .block-blog-list__card { min-width: 0; overflow: hidden; border: 1px solid color-mix(in srgb, var(--color-border, #ccc) 85%, transparent); border-radius: 4px; background: var(--color-bg-alt, transparent); } .block-blog-list__card-link { display: flex; height: 100%; flex-direction: column; color: inherit; text-decoration: none; } .block-blog-list .blog-card__image-wrap { position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 4px 4px 0 0; background: var(--color-border, #e5e7eb); } .block-blog-list .blog-card__image-placeholder { position: absolute; inset: 0; background: linear-gradient(135deg, var(--color-border, #e5e7eb) 0%, #d1d5db 100%); } .block-blog-list .blog-card__image-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; filter: blur(12px); } .block-blog-list .blog-card__image-wrap.loaded .blog-card__image-img { opacity: 1; filter: blur(0); } .block-blog-list__card-body { display: flex; flex: 1; flex-direction: column; gap: var(--space-3); padding-block: var(--space-4) var(--space-5); padding-inline: var(--space-4); } .block-blog-list__card-title { margin: 0; font-family: var(--font-heading); font-size: 1rem; font-weight: 600; line-height: 1.35; } .block-blog-list__card-excerpt { margin: 0; padding: 0; font-family: var(--font-body); font-size: calc(0.875rem - 2pt); line-height: 1.45; color: var(--color-muted); display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .block-blog-list__empty { color: var(--color-muted); } .block-blog-list__load-more-wrap { margin: var(--space-6) 0 0; text-align: center; } .block-blog-list__load-more { margin-inline: auto; } .block-blog-list[data-divider="top"], .block-blog-list[data-divider="both"] { border-top: 1px solid var(--color-border); } .block-blog-list[data-divider="bottom"], .block-blog-list[data-divider="both"] { border-bottom: 1px solid var(--color-border); } .block-blog-list[data-section-min-height="large"] .block-blog-list__inner { min-height: 80vh; } .block-blog-list[data-section-min-height="extra"] .block-blog-list__inner { min-height: 90vh; } .block-blog-list[data-section-min-height="full"] .block-blog-list__inner { min-height: 100vh; } .block-blog-list[data-variant="card-grid-arq"] { --blog-list-arq-line: color-mix(in srgb, var(--color-border, #9ca3af) 88%, transparent); } .block-blog-list[data-variant="card-grid-arq"] .block-blog-list__grid { gap: calc((10px + var(--space-5)) / 2); } .block-blog-list[data-variant="card-grid-arq"] .block-blog-list__card { border-radius: 4px; border: 1px solid var(--blog-list-arq-line); background: var(--color-bg, transparent); } .block-blog-list[data-variant="card-grid-arq"] .block-blog-list__card-body { gap: var(--space-4); padding-block: var(--space-4) var(--space-5); padding-inline: var(--space-4); } [data-block="form"] { padding-block: 0; } [data-block="form"] > .l-container { position: relative; z-index: 1; padding-block: calc(var(--space-4) + var(--space-6)); isolation: isolate; } .first-block-under-header [data-block="form"] { padding-top: var(--header-height); } [data-block="form"][data-variant="split-hero"] > .l-container { padding-block: calc(var(--space-5) + var(--space-4)) calc(var(--space-6) + var(--space-4)); } .block-form__split { display: grid; gap: clamp(var(--space-5), 4vw, var(--space-6)); align-items: start; } @media (min-width: 52rem) { .block-form__split { grid-template-columns: minmax(0, 1fr) minmax(280px, 1fr); gap: clamp(var(--space-6), 5vw, var(--space-7)); } } .block-form__split-col--form, .block-form__panel { min-width: 0; } .block-form__panel--solo { max-width: 38rem; margin-inline: auto; } .block-form__hp { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .block-form__fields { display: flex; flex-direction: column; gap: var(--space-4); } .block-form__split .block-form__fields { margin-top: 0; } .block-form__field { display: flex; flex-direction: column; gap: var(--space-2); margin: 0; } .block-form__label-text { font-weight: 600; font-size: 0.95rem; } .block-form__req { color: var(--color-accent, #2563eb); } .block-form__control, .block-form__field textarea, .block-form__field select { width: 100%; max-width: 100%; box-sizing: border-box; padding: 0.65rem 0.75rem; font: inherit; line-height: var(--line-height-base); border-radius: 8px; } .block-form__field textarea { min-height: 8rem; resize: vertical; } .block-form__check { display: flex; align-items: flex-start; gap: var(--space-3); cursor: pointer; font-size: 0.95rem; line-height: var(--line-height-base); } .block-form__checkbox { margin-block-start: 0.2rem; flex-shrink: 0; width: 1.1rem; height: 1.1rem; } .block-form__actions { margin-top: var(--space-4); } .block-form__submit { min-width: 9rem; } .block-form__status--error { color: #b91c1c; } .block-form__eyebrow { display: inline-block; margin: 0 0 0.55rem; color: var(--color-muted); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } .block-form__masthead-kicker { font-size: 24px; font-weight: 400; margin: 0; line-height: 1.25; } .block-form__masthead-single, .block-form__masthead-display { font-size: clamp(1.875rem, 1.35vw + 1rem, 2.375rem); font-weight: 600; margin: 0; line-height: 1.2; text-wrap: balance; } .block-form__masthead-lede { margin: 1.45rem 0 0; font-size: 1rem; line-height: var(--line-height-base); color: var(--color-muted); white-space: pre-line; } [data-block="form"][data-variant="split-hero"] .block-form__masthead-lede { max-width: min(38rem, 100%); } [data-block="form"][data-variant="split-hero"][data-title-stack="editorial"] .block-form__masthead { gap: 0; } [data-block="form"][data-variant="split-hero"][data-title-stack="editorial"] .block-form__masthead-kicker + .block-form__masthead-display { margin-top: 0.9rem; } [data-block="form"][data-bg="cta-band"] { --collection-cta-bg: #f8fafd; --collection-cta-fg: #0a2540; --collection-cta-text: color-mix(in srgb, #0a2540 78%, #334155 22%); --collection-cta-button-border: color-mix(in srgb, #0a2540 28%, transparent); --collection-cta-button-hover-bg: color-mix(in srgb, #0a2540 7%, transparent); --collection-cta-button-hover-border: color-mix(in srgb, #0a2540 42%, transparent); --collection-cta-sheen: linear-gradient( 90deg, color-mix(in srgb, #0a2540 5.2%, #f8fafd 94.8%) 0%, color-mix(in srgb, #2563eb 8.4%, #f8fafd 91.6%) 42%, color-mix(in srgb, #8b5cf6 10.2%, #f8fafd 89.8%) 70%, color-mix(in srgb, #2563eb 1%, #f8fafd 99%) 100% ); --collection-cta-sheen-opacity: 0.38; --collection-cta-dots: radial-gradient(circle, rgba(37, 99, 235, 0.42) 0.74px, transparent 0.92px); --collection-cta-dots-size: 13px 13px; --collection-cta-dots-opacity: 0.55; --collection-cta-dots-mask: radial-gradient(58% 76% at 74% 54%, #000 0%, rgba(0, 0, 0, 0.86) 30%, rgba(0, 0, 0, 0.36) 56%, transparent 84%), radial-gradient(34% 46% at 83% 38%, rgba(0, 0, 0, 0.78) 0%, transparent 72%), radial-gradient(28% 40% at 67% 66%, rgba(0, 0, 0, 0.56) 0%, transparent 74%); position: relative; overflow: hidden; background: var(--collection-cta-bg); } html[data-theme="dark"] [data-block="form"][data-bg="cta-band"] { --collection-cta-bg: #000207; --collection-cta-fg: #ffffff; --collection-cta-text: rgba(255, 255, 255, 0.86); --collection-cta-button-border: color-mix(in srgb, #fff 68%, transparent); --collection-cta-button-hover-bg: color-mix(in srgb, #fff 9%, transparent); --collection-cta-button-hover-border: #fff; --collection-cta-sheen: linear-gradient( 90deg, color-mix(in srgb, #000 18%, #000207 82%) 0%, color-mix(in srgb, #2563eb 3.4%, #000207 96.6%) 40%, color-mix(in srgb, #8b5cf6 5.5%, #000207 94.5%) 68%, color-mix(in srgb, #2563eb 1.2%, #000207 98.8%) 100% ); --collection-cta-sheen-opacity: 0.32; --collection-cta-dots: radial-gradient(circle, rgba(191, 219, 254, 0.5) 0.72px, transparent 0.9px); --collection-cta-dots-opacity: 0.5; } [data-block="form"][data-bg="cta-band"]::before, [data-block="form"][data-bg="cta-band"]::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; } [data-block="form"][data-bg="cta-band"]::before { background: var(--collection-cta-sheen); opacity: var(--collection-cta-sheen-opacity); } [data-block="form"][data-bg="cta-band"]::after { background-image: var(--collection-cta-dots); background-size: var(--collection-cta-dots-size); opacity: var(--collection-cta-dots-opacity); mask-image: var(--collection-cta-dots-mask); mask-composite: lighten; } [data-block="form"][data-bg="cta-band"] > .l-container { z-index: 2; } [data-block="form"][data-bg="cta-band"] .block-form__eyebrow { color: rgba(255, 255, 255, 0.62); } [data-block="form"][data-bg="cta-band"] .block-form__masthead-kicker, [data-block="form"][data-bg="cta-band"] .block-form__masthead-single, [data-block="form"][data-bg="cta-band"] .block-form__masthead-display { color: var(--collection-cta-fg); } [data-block="form"][data-bg="cta-band"] .block-form__masthead-lede { color: var(--collection-cta-text); } [data-block="form"][data-bg="cta-band"] .block-form__label-text { color: rgba(255, 255, 255, 0.92); } html:not([data-theme="dark"]) [data-block="form"][data-bg="cta-band"] .block-form__eyebrow { color: color-mix(in srgb, #0a2540 55%, #64748b 45%); } html:not([data-theme="dark"]) [data-block="form"][data-bg="cta-band"] .block-form__label-text { color: var(--collection-cta-fg); } html:not([data-theme="dark"]) [data-block="form"][data-bg="cta-band"] .block-form__masthead-lede { color: var(--collection-cta-text); } html:not([data-theme="dark"]) [data-block="form"][data-bg="cta-band"] .block-form__control, html:not([data-theme="dark"]) [data-block="form"][data-bg="cta-band"] .block-form__field textarea, html:not([data-theme="dark"]) [data-block="form"][data-bg="cta-band"] .block-form__field select { color: var(--collection-cta-fg); background: color-mix(in srgb, var(--collection-cta-bg) 92%, #fff); border: 1px solid color-mix(in srgb, var(--collection-cta-fg) 18%, transparent); } html[data-theme="dark"] [data-block="form"][data-bg="cta-band"] .block-form__control, html[data-theme="dark"] [data-block="form"][data-bg="cta-band"] .block-form__field textarea, html[data-theme="dark"] [data-block="form"][data-bg="cta-band"] .block-form__field select { color: #fff; background: color-mix(in srgb, #0c1220 78%, var(--collection-cta-bg)); border: 1px solid rgba(255, 255, 255, 0.22); } .block-form.block-collection__inner .block-form__fields { margin-top: var(--space-2); } .block-form__form { color: inherit; } [data-block="form"]:not([data-bg="cta-band"]) .block-form__control, [data-block="form"]:not([data-bg="cta-band"]) .block-form__field textarea, [data-block="form"]:not([data-bg="cta-band"]) .block-form__field select { color: var(--color-text); background: var(--color-surface, #fff); border: var(--border-width) solid var(--color-border); } .block-form__toast { position: fixed; bottom: 1.5rem; left: 50%; transform: translateX(-50%); z-index: 4000; max-width: min(92vw, 26rem); pointer-events: none; } .block-form__toast-inner { display: block; padding: 0.75rem 1.15rem; font-size: 0.95rem; font-weight: 600; text-align: center; color: var(--color-text); background: var(--color-surface, #fff); border: 1px solid var(--color-border); border-radius: 999px; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12); } html[data-theme="dark"] .block-form__toast-inner { background: #0f172a; color: #f1f5f9; border-color: color-mix(in srgb, #fff 14%, transparent); }