@layer bricks {:where(.brxe-divider){align-items:center;display:flex;font-size:30px;gap:30px}:where(.brxe-divider).horizontal{width:100%}:where(.brxe-divider).horizontal .line{border-top:1px solid}:where(.brxe-divider).vertical{flex-direction:column}:where(.brxe-divider).vertical .line{border-right:1px solid;width:auto}:where(.brxe-divider) .line{position:relative;width:100%}:where(.brxe-divider) .icon{flex-shrink:0;position:relative}:where(.brxe-divider) a{display:inline-flex}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {:where(.brxe-svg){height:auto;width:auto}:where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}}@layer bricks {.brxe-code{width:100%}}:root { --heading-font-family: 'Poppins', sans-serif; --text-font-family: 'Inter', sans-serif; --sidebar-width: 260px; --header-mobile-height: 64px;}:root { --grid-1: repeat(1, minmax(0, 1fr)); --grid-2: repeat(2, minmax(0, 1fr)); --grid-3: repeat(3, minmax(0, 1fr)); --grid-4: repeat(4, minmax(0, 1fr)); --grid-5: repeat(5, minmax(0, 1fr)); --grid-6: repeat(6, minmax(0, 1fr)); --grid-7: repeat(7, minmax(0, 1fr)); --grid-8: repeat(8, minmax(0, 1fr)); --grid-9: repeat(9, minmax(0, 1fr)); --grid-10: repeat(10, minmax(0, 1fr)); --grid-11: repeat(11, minmax(0, 1fr)); --grid-12: repeat(12, minmax(0, 1fr)); --grid-1-2: minmax(0, 1fr) minmax(0, 2fr); --grid-1-3: minmax(0, 1fr) minmax(0, 3fr); --grid-2-1: minmax(0, 2fr) minmax(0, 1fr); --grid-2-3: minmax(0, 2fr) minmax(0, 3fr); --grid-3-1: minmax(0, 3fr) minmax(0, 1fr); --grid-3-2: minmax(0, 3fr) minmax(0, 2fr);}:root { --grid-auto-2: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((2 - 1) * var(--grid-gap))) / 2) * 0.7, (100% - (2 - 1) * var(--grid-gap)) / 2)), 1fr)); --grid-auto-3: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((3 - 1) * var(--grid-gap))) / 3) * 0.7, (100% - (3 - 1) * var(--grid-gap)) / 3)), 1fr)); --grid-auto-4: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((4 - 1) * var(--grid-gap))) / 4) * 0.7, (100% - (4 - 1) * var(--grid-gap)) / 4)), 1fr)); --grid-auto-5: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((5 - 1) * var(--grid-gap))) / 5) * 0.7, (100% - (5 - 1) * var(--grid-gap)) / 5)), 1fr)); --grid-auto-6: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((6 - 1) * var(--grid-gap))) / 6) * 0.7, (100% - (6 - 1) * var(--grid-gap)) / 6)), 1fr)); --grid-auto-7: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((7 - 1) * var(--grid-gap))) / 7) * 0.7, (100% - (7 - 1) * var(--grid-gap)) / 7)), 1fr)); --grid-auto-8: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((8 - 1) * var(--grid-gap))) / 8) * 0.7, (100% - (8 - 1) * var(--grid-gap)) / 8)), 1fr)); --grid-auto-9: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((9 - 1) * var(--grid-gap))) / 9) * 0.7, (100% - (9 - 1) * var(--grid-gap)) / 9)), 1fr)); --grid-auto-10: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((10 - 1) * var(--grid-gap))) / 10) * 0.7, (100% - (10 - 1) * var(--grid-gap)) / 10)), 1fr)); --grid-auto-11: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((11 - 1) * var(--grid-gap))) / 11) * 0.7, (100% - (11 - 1) * var(--grid-gap)) / 11)), 1fr)); --grid-auto-12: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((12 - 1) * var(--grid-gap))) / 12) * 0.7, (100% - (12 - 1) * var(--grid-gap)) / 12)), 1fr)); --auto-grid-aggressiveness: 0.7;}.app-body { font-family: var(--text-font-family); background-color: var(--white); color: var(--black); margin: 0; padding: 0; overflow-x: hidden;}.app-layout { display: flex; flex-direction: column; min-height: 100vh;}@media (min-width: 992px) { .app-layout { flex-direction: row; }}.app-sidebar { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: var(--white); z-index: 200; transform: translateX(-100%); transition: transform var(--transition); display: flex; flex-direction: column; border-right: 1px solid var(--neutral-light);}.app-sidebar.is-open { transform: translateX(0);}@media (min-width: 992px) { .app-sidebar { position: sticky; transform: none; width: var(--sidebar-width); flex-shrink: 0; }}.app-sidebar__header { display: flex; align-items: center; justify-content: space-between; padding: var(--space-s); border-bottom: 1px solid var(--neutral-light);}@media (min-width: 992px) { .app-sidebar__header { padding: var(--space-s); }}.app-sidebar__brand { display: flex; align-items: center;}.app-sidebar__logo { width: 26px; height: auto;}.app-sidebar__close { background: transparent; border: 1px solid var(--neutral-light); border-radius: var(--radius-circle); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0;}@media (min-width: 992px) { .app-sidebar__close { display: none; }}.app-sidebar__icon { width: 20px; height: 20px;}.app-nav { flex-grow: 1; overflow-y: auto; display: flex; flex-direction: column;}.app-nav__group { display: flex; flex-direction: column; border-bottom: 1px solid var(--neutral-light); }.app-nav__group-toggle { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: var(--space-m); background: transparent; border: none; cursor: pointer; text-align: left;}.app-nav__group-title { font-family: var(--text-font-family); font-weight: 600; font-size: var(--text-s); color: var(--black); margin: 0;}.app-nav__group-icon { width: 16px; height: 16px; transition: transform var(--transition);}.app-nav__group.is-open .app-nav__group-icon { transform: rotate(180deg);}.app-nav__list { list-style: none; padding: 0 0 var(--space-m) 0; margin: 0; display: none; flex-direction: column;}.app-nav__group.is-open .app-nav__list { display: flex;}.app-nav__item { width: 100%;}.app-nav__link { display: block; font-family: var(--text-font-family); font-weight: 500; font-size: var(--text-s); color: var(--text-dark-muted); text-decoration: none; padding: 0.35rem var(--space-m) 0.35rem calc(var(--space-m) + 1rem); transition: color var(--transition);}@media (hover: hover) and (pointer: fine) { .app-nav__link:hover { color: var(--black); }}.app-nav__link.is-active { color: var(--black);}.app-main-wrapper { flex-grow: 1; display: flex; flex-direction: column; width: 100%;}.app-topbar { display: flex; align-items: center; justify-content: space-between; padding: 0 var(--space-m); background-color: var(--white); border-bottom: 1px solid var(--neutral-light); height: var(--header-mobile-height); z-index: 100;}@media (min-width: 992px) { .app-topbar { justify-content: center; }}.app-topbar__mobile-brand { display: flex; align-items: center; gap: var(--space-s);}@media (min-width: 992px) { .app-topbar__mobile-brand { display: none; }}.app-topbar__logo { width: 26px; height: auto;}.app-topbar__title-mobile { font-family: var(--text-font-family); font-weight: 500; font-size: var(--text-s); color: var(--black);}.app-topbar__title-desktop { display: none; font-family: var(--text-font-family); font-weight: 600; font-size: var(--text-s); color: var(--black);}@media (min-width: 992px) { .app-topbar__title-desktop { display: block; }}.app-topbar__toggle { background: transparent; border: 1px solid var(--neutral-light); border-radius: var(--radius-circle); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0;}@media (min-width: 992px) { .app-topbar__toggle { display: none; }}.app-topbar__icon { width: 20px; height: 20px;}.app-content { flex-grow: 1;}.page-section { padding: var(--section-space-l) var(--gutter);}@media (min-width: 992px) { .page-section { padding: var(--section-space-xl) clamp(3rem, 8vw, 8rem); }}.section-divider { border: none; border-top: 1px solid var(--neutral-light); margin: 0;}.split-header { :has(> &) { container-type: inline-size; } display: grid; grid-template-columns: 1fr; gap: var(--space-m); margin-bottom: var(--space-xxl);}@container (min-width: 45rem) { .split-header { grid-template-columns: 4fr 5fr; gap: var(--space-xl); }}.split-header__title { font-family: var(--heading-font-family); font-size: clamp(3rem, 5vw, 5rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; color: var(--black); margin: 0;}.split-header__desc { font-family: var(--text-font-family); font-size: var(--text-l); line-height: 1.5; color: var(--black); margin: 0; font-weight: 400;}.stat-col__label { font-family: var(--heading-font-family); font-size: var(--text-xs); color: var(--black); text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 var(--space-xs) 0; font-weight: 700;}.stat-col__value { font-family: var(--text-font-family); font-size: var(--h3); font-weight: 600; color: var(--black); margin: 0; line-height: 1.1;}.stat-col__sub { font-family: var(--text-font-family); font-size: var(--text-s); color: var(--text-dark-muted); margin: 0; margin-top: 0.25rem;}.persona-card { display: grid; grid-template-columns: 1fr; background-color: var(--white); border: 1px solid var(--neutral-light); border-radius: var(--radius-m); overflow: hidden;}@media (min-width: 768px) { .persona-card { grid-template-columns: 1fr 2fr; }}.persona-card__sidebar { background-color: color-mix(in srgb, var(--neutral-ultra-light) 60%, transparent); padding: var(--space-l); border-bottom: 1px solid var(--neutral-light);}@media (min-width: 768px) { .persona-card__sidebar { border-bottom: none; border-right: 1px solid var(--neutral-light); }}.persona-card__main { padding: var(--space-l);}.persona-card__quote { font-family: var(--heading-font-family); font-size: var(--h4); font-style: italic; font-weight: 500; color: var(--black); margin: 0 0 var(--space-l) 0; line-height: 1.4;}.persona-card__info-group { margin-bottom: var(--space-m);}.persona-card__label { font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.05em; color: var(--neutral-medium); margin-bottom: var(--space-xs); font-weight: 600;}.persona-card__value { font-size: var(--text-s); color: var(--black); margin-bottom: var(--space-xs);}.badge--dark { display: inline-block; background-color: var(--black); color: var(--white); font-size: 0.75rem; padding: 0.25rem 0.75rem; border-radius: var(--radius-s); margin: 0 0.25rem 0.25rem 0; font-weight: 500;}.persona-card__list-title { font-family: var(--heading-font-family); font-size: var(--text-m); font-weight: 600; margin: var(--space-m) 0 var(--space-s) 0; color: var(--black);}.user-story { display: flex; flex-direction: column; gap: var(--space-m); background-color: var(--white); padding: var(--space-xl); border: 1px solid var(--neutral-light); border-radius: var(--radius-m);}.user-story__block { display: flex; flex-direction: column; gap: var(--space-xs);}@media (min-width: 768px) { .user-story__block { flex-direction: row; align-items: baseline; gap: var(--space-m); }}.user-story__label { font-family: var(--heading-font-family); font-size: var(--text-m); font-weight: 700; color: var(--neutral-medium); text-transform: uppercase; letter-spacing: 0.05em; min-width: 80px;}.user-story__text { font-family: var(--heading-font-family); font-size: var(--h4); font-weight: 500; color: var(--black); margin: 0; line-height: 1.4;}.user-story__text .badge--dark { font-size: 1rem; padding: 0.25rem 0.75rem; transform: translateY(-2px);}.vpc-wrapper { display: grid; grid-template-columns: 1fr; gap: var(--space-xl); margin-bottom: var(--space-xl);}@media (min-width: 992px) { .vpc-wrapper { grid-template-columns: 1fr 1fr; gap: var(--space-3xl); }}.vpc-section { background-color: color-mix(in srgb, var(--neutral-ultra-light) 40%, transparent); border: 1px solid var(--neutral-light); border-radius: var(--radius-l); padding: var(--space-xl); position: relative;}.vpc-section--customer {  border-radius: var(--radius-xl);}.vpc-section__title { font-family: var(--heading-font-family); font-size: var(--h3); font-weight: 600; color: var(--black); margin: 0 0 var(--space-xl) 0; text-align: center; padding-bottom: var(--space-m); border-bottom: 1px solid var(--neutral-light);}.vpc-group { margin-bottom: var(--space-xl);}.vpc-group:last-child { margin-bottom: 0;}.vpc-group__title { font-family: var(--text-font-family); font-size: var(--text-s); text-transform: uppercase; letter-spacing: 0.05em; color: var(--neutral-medium); margin: 0 0 var(--space-m) 0; font-weight: 600;}.vpc-post-it-container { display: flex; flex-wrap: wrap; gap: var(--space-s);}.vpc-post-it { font-family: var(--text-font-family); font-size: var(--text-s); padding: var(--space-s) var(--space-m); border-radius: var(--radius-s); font-weight: 500; line-height: 1.4; color: var(--black); box-shadow: 0 2px 4px rgba(0,0,0,0.02);}.vpc-post-it--pain { background-color: #fff0f0; border-left: 4px solid #ff4d4d;}.vpc-post-it--gain { background-color: #f0f7ff; border-left: 4px solid #3399ff;}.vpc-post-it--neutral { background-color: #fffbe6; border-left: 4px solid #ffcc00;}.roadmap-container { display: flex; flex-direction: column; gap: var(--space-xl); margin-top: var(--space-xl);}.roadmap-node { background-color: var(--black); color: var(--white); padding: var(--space-m) var(--space-l); border-radius: var(--radius-s); display: inline-flex; flex-direction: column; box-shadow: 0 4px 6px rgba(0,0,0,0.1); position: relative; z-index: 2; width: fit-content;}.roadmap-node__title { font-family: var(--heading-font-family); font-size: var(--text-m); font-weight: 700; margin: 0 0 var(--space-xs) 0; text-transform: uppercase; letter-spacing: 0.05em; color: var(--white);}.roadmap-node__desc { font-family: var(--text-font-family); font-size: var(--text-s); margin: 0; color: var(--neutral-light); opacity: 0.9;}.roadmap-level { display: flex; flex-direction: column; position: relative;}@media (min-width: 768px) { .roadmap-level { flex-direction: row; align-items: flex-start; }}.roadmap-connector { display: none;}@media (min-width: 768px) { .roadmap-connector { display: block; width: 2px; background-color: var(--neutral-light); margin-left: var(--space-xl); position: relative;  }  .roadmap-level__left { flex: 0 0 auto; position: relative; display: flex; flex-direction: column; align-items: center; } .roadmap-level__left::after { content: ''; position: absolute; top: 100%; bottom: -var(--space-xl); left: 50%; width: 2px; background-color: var(--neutral-light); z-index: 1; }  .roadmap-level:last-child .roadmap-level__left::after { display: none; } .roadmap-level__right { flex: 1; padding-left: var(--space-xl); padding-top: var(--space-m); position: relative; }  .roadmap-level__right::before { content: ''; position: absolute; top: calc(var(--space-m) + var(--space-m));  left: 0; width: var(--space-xl); height: 2px; background-color: var(--neutral-light); z-index: 1; }}.roadmap-tasks { display: flex; flex-direction: column; gap: var(--space-s);}.roadmap-task { background-color: var(--white); border: 1px solid var(--neutral-light); padding: var(--space-s) var(--space-m); border-radius: var(--radius-s); border-left: 4px solid var(--neutral-medium);  font-family: var(--text-font-family); font-size: var(--text-m); color: var(--black); font-weight: 500; box-shadow: 0 1px 3px rgba(0,0,0,0.02);}.roadmap-task--blue { border-left-color: #3399ff; }.roadmap-task--yellow { border-left-color: #ffcc00; }.roadmap-task--pink { border-left-color: #ff66b2; }.roadmap-task--green { border-left-color: #00cc66; }.data-table-wrapper { overflow-x: auto; border: 1px solid var(--neutral-light); border-radius: var(--radius-m); background-color: var(--white); margin-bottom: var(--space-xl);}.data-table { width: 100%; border-collapse: collapse; text-align: left;}.data-table th,.data-table td { padding: var(--space-m); border-bottom: 1px solid var(--neutral-light);}.data-table tr:last-child td { border-bottom: none;}.data-table th { font-family: var(--heading-font-family); font-size: var(--text-s); text-transform: uppercase; letter-spacing: 0.05em; color: var(--neutral-medium); font-weight: 600; background-color: color-mix(in srgb, var(--neutral-ultra-light) 40%, transparent);}.data-table td { font-family: var(--text-font-family); font-size: var(--text-m); color: var(--black); vertical-align: top;}.data-table td strong { font-weight: 600;}.badge--danger { display: inline-block; background-color: #ffebe6; color: #d93025; font-size: 0.75rem; padding: 0.25rem 0.5rem; border-radius: var(--radius-s); font-weight: 600; border: 1px solid #ffbdad;}.badge--warning { display: inline-block; background-color: #fff0b3; color: #bf7300; font-size: 0.75rem; padding: 0.25rem 0.5rem; border-radius: var(--radius-s); font-weight: 600; border: 1px solid #ffe380;}.feature-cards-grid--1col { :has(> &) { container-type: inline-size; } display: grid; grid-template-columns: var(--grid-1); gap: var(--space-l);}.feature-cards-grid--2col { :has(> &) { container-type: inline-size; } display: grid; grid-template-columns: var(--grid-auto-2); gap: var(--space-m);}@container (min-width: 40rem) { .feature-cards-grid--2col { grid-template-columns: var(--grid-auto-2); }}.feature-cards-grid--3col { :has(> &) { container-type: inline-size; } display: grid; grid-template-columns: var(--grid-auto-3); gap: var(--space-l);}@container (min-width: 45rem) { .feature-cards-grid--3col { grid-template-columns: var(--grid-auto-3); }}.feature-card { background-color: color-mix(in srgb, var(--neutral-ultra-light) 80%, transparent); padding: var(--space-l); display: flex; flex-direction: column;  border-radius: var(--radius-m);}.feature-card__header { margin-bottom: var(--space-m);}.feature-card__title { font-family: var(--text-font-family); font-size: var(--h4); font-weight: 500; color: var(--black); margin: 0 0 var(--space-s) 0;}.feature-card__desc { font-family: var(--text-font-family); font-size: var(--text-m); line-height: 1.5; color: var(--black); margin: 0;}.feature-card__divider { border: none; border-top: 1px solid var(--neutral-light); margin: var(--space-m) 0; opacity: 0.8;}.analytics-summary { margin-bottom: var(--space-3xl); max-width: 80rem;}.analytics-summary__text { font-family: var(--heading-font-family); font-size: clamp(2rem, 4vw, 4rem); font-weight: 600; line-height: 1.1; letter-spacing: -0.02em; color: var(--black); margin: 0 0 var(--space-m) 0;}.analytics-summary__text .text-muted { color: var(--neutral-medium); font-weight: 500;}.analytics-summary__text .text-highlight { }.analytics-summary__note { font-family: var(--text-font-family); font-size: var(--text-s); color: var(--text-dark-muted); margin: 0;}.feature-card__body { display: flex; flex-direction: column; flex-grow: 1; }.feature-card__subtitle { font-family: var(--text-font-family); font-size: var(--text-m); font-weight: 500; color: var(--black); margin: 0 0 var(--space-s) 0;}.feature-card__text { font-family: var(--text-font-family); font-size: var(--text-m); line-height: 1.5; color: var(--text-dark-muted); margin: 0;}.feature-card__footer { margin-top: auto; }.huge-pricing { font-family: var(--heading-font-family); font-size: var(--h2); font-weight: 700; color: var(--black); margin: 0 0 var(--space-xs) 0; line-height: 1.1;}.bullet-list { list-style: disc; padding-left: 1.25rem; margin: 0; display: flex; flex-direction: column; gap: 0.25rem;}.bullet-list li { font-family: var(--text-font-family); font-size: var(--text-m); line-height: 1.5; color: var(--text-dark-muted);}.arrow-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--space-xs);}.arrow-list li { font-family: var(--text-font-family); font-size: var(--text-m); line-height: 1.5; color: var(--text-dark-muted); padding-left: 1.5rem; position: relative;}.arrow-list li::before { content: "→"; position: absolute; left: 0; color: var(--text-dark-muted);}.disclaimer { margin-top: var(--space-xl); padding-top: var(--space-m); border-top: 1px solid var(--neutral-light);}.disclaimer__text { font-family: var(--text-font-family); font-size: var(--text-xs); color: var(--text-dark-muted); line-height: 1.5; margin: 0;}#brxe-cbmlmh {margin-top: 0}#brxe-fnxfut {margin-top: 0}#brxe-qsrqwb { gap: var(--space-xl);}#brxe-jetpxj {margin-bottom: var(--space-xxl)}#brxe-uhwxre {margin-bottom: var(--space-xxl)}#brxe-umgrcp {margin-bottom: var(--space-m)}#brxe-qyctmv {margin-bottom: var(--space-3xl)}#brxe-ckcrop {padding-top: 0; padding-right: var(--space-m); padding-bottom: var(--space-m); padding-left: var(--space-m)}#brxe-sxembo { position: absolute !important; right: .5em !important; top: .5em !important;}#brxe-mhkexc {border-style: solid}#brxe-efertf {margin-top: var(--space-m); font-size: var(--text-s)}#brxe-ijippt {margin-bottom: var(--space-3xl)}#brxe-czptly {font-size: var(--h2)}#brxe-ruzdzw {margin-top: var(--space-xxl)}