@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-button{width:auto}}@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}}#brxe-odh001 { position: relative; overflow: clip; background-color: var(--brand-surface); padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); padding-left: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); padding-right: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); }#brxe-odh001::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(56% 44% at 18% 12%, var(--green-wash) 0%, rgba(240,253,244,0) 70%), radial-gradient(56% 44% at 84% 16%, var(--blue-wash) 0%, rgba(242,249,255,0) 70%), linear-gradient(rgba(8,45,64,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(8,45,64,.05) 1px, transparent 1px); background-size: auto, auto, 56px 56px, 56px 56px; -webkit-mask-image: linear-gradient(#000 55%, transparent 96%); mask-image: linear-gradient(#000 55%, transparent 96%); }#brxe-odh001 > .incard-container { position: relative; z-index: 1; }#brxe-odh001 .odh-copy { max-width: 1060px; margin-inline: auto; text-align: center; }#brxe-odh001 .odh-eyebrow { display: inline-flex; align-items: center; gap: var(--space-xs); margin: 0 0 var(--space-lg); padding: var(--space-xs) var(--space-sm); border: 1px solid rgba(20,128,65,.2); border-radius: var(--radius-pill); color: var(--text-accent); background: var(--green-wash); font-size: var(--text-xs); font-weight: 700; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; }#brxe-odh001 .odh-eyebrow svg { width: 14px; height: 14px; }#brxe-odh001 .odh-grad { color: var(--brand-blue); background: var(--gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }#brxe-odh001 .odh-br { display: none; }#brxe-odh001 .odh-lead { max-width: 760px; margin: 0 auto var(--space-lg); color: var(--text-secondary); font-size: var(--text-lead); line-height: 1.5; }#brxe-odh001 .odh-pills { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-sm); margin: 0 0 var(--space-lg); padding: 0; list-style: none; }#brxe-odh001 .odh-pill { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-xs); padding: 10px 18px; border: 1px solid var(--border); border-radius: var(--radius-pill); background: var(--brand-surface); box-shadow: var(--shadow-sm); color: var(--text-primary); font-size: var(--text-sm); font-weight: 600; line-height: 1.2; }#brxe-odh001 .odh-pill svg { width: 16px; height: 16px; color: var(--text-accent); }#brxe-odh001 .odh-pill--blue svg { color: var(--text-link); }#brxe-odh001 .odh-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-sm); }#brxe-odh001 .odh-showcase { position: relative; max-width: 1120px; margin: calc(var(--space-2xl) + 72px) auto 0; }#brxe-odh001 .odh-showcase figure { margin: 0; }#brxe-odh001 .odh-peek { position: absolute; top: -64px; left: 50%; z-index: 0; width: 72%; height: 160px; transform: translateX(-50%); border: 1px solid rgba(8,45,64,.12); border-radius: var(--radius-lg) var(--radius-lg) 0 0; background: #ffffff; overflow: hidden; box-shadow: var(--shadow-md); }#brxe-odh001 .odh-peek img { width: 100%; height: auto; margin-top: -10px; }#brxe-odh001 .odh-frame { position: relative; z-index: 2; width: 86%; margin: 0 auto; border: 1px solid rgba(8,45,64,.12); border-radius: var(--radius-xl); background: #ffffff; box-shadow: var(--shadow-lg); overflow: hidden; }#brxe-odh001 .odh-chrome { height: 36px; background: #f2f6f5; border-bottom: 1px solid rgba(8,45,64,.10); }#brxe-odh001 .odh-chrome::before { content: ""; display: block; width: 10px; height: 10px; margin: 13px 0 0 var(--space-sm); border-radius: var(--radius-pill); background: #c6d4cf; box-shadow: 18px 0 0 #c6d4cf, 36px 0 0 #c6d4cf; }#brxe-odh001 .odh-frame img { width: 100%; height: auto; }#brxe-odh001 .odh-img-mobile { display: none; }#brxe-odh001 .odh-card { position: absolute; z-index: 2; width: 250px; padding: var(--space-sm); border: 1px solid rgba(8,45,64,.12); border-radius: var(--radius-lg); background: #ffffff; box-shadow: var(--shadow-lg); }#brxe-odh001 .odh-card--left { left: 0; bottom: 40px; }#brxe-odh001 .odh-card--right { right: 0; bottom: 88px; }#brxe-odh001 .odh-card__cap { margin: 0 0 var(--space-xs); color: var(--ag-ink); font-size: var(--text-xs); font-weight: 700; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; }#brxe-odh001 .odh-card img { width: 100%; height: auto; border-radius: var(--radius-sm); }#brxe-odh001 .odh-card figure + figure, #brxe-odh001 .odh-card img + img { margin-top: var(--space-xs); }#brxe-odh001 .odh-deco { position: absolute; z-index: 0; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--brand-surface); box-shadow: var(--shadow-sm); color: var(--text-accent); }#brxe-odh001 .odh-deco svg { width: 20px; height: 20px; }#brxe-odh001 .odh-deco--blue { color: var(--text-link); }#brxe-odh001 .odh-deco--1 { top: 20%; left: 3%; }#brxe-odh001 .odh-deco--2 { top: 52%; left: 7%; }#brxe-odh001 .odh-deco--3 { top: 22%; right: 3%; }#brxe-odh001 .odh-deco--4 { top: 54%; right: 7%; }@media (min-width: 992px) { #brxe-odh001 .odh-br { display: inline; } }@media (max-width: 1279px) { #brxe-odh001 .odh-deco { display: none; } }@media (max-width: 991px) { #brxe-odh001 { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); } #brxe-odh001 .odh-peek { display: none; } #brxe-odh001 .odh-showcase { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-md); margin-top: var(--space-xl); } #brxe-odh001 .odh-frame { grid-column: 1 / -1; width: 100%; } #brxe-odh001 .odh-card, #brxe-odh001 .odh-card--left, #brxe-odh001 .odh-card--right { position: static; width: auto; }}@media (max-width: 767px) { #brxe-odh001 { padding-top: var(--space-xl); padding-bottom: var(--space-xl); } #brxe-odh001 .odh-eyebrow { margin-bottom: var(--space-md); letter-spacing: 0; } #brxe-odh001 .odh-lead { font-size: var(--text-body); }  #brxe-odh001 .odh-pills { display: grid; grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)); gap: var(--space-xs); max-width: 420px; margin-inline: auto; } #brxe-odh001 .odh-pill { padding: 10px 12px; } #brxe-odh001 .odh-cta a { width: 100%; } #brxe-odh001 .odh-showcase { margin-top: var(--space-lg); } #brxe-odh001 .odh-card { display: none; } #brxe-odh001 .odh-img-desktop { display: none; } #brxe-odh001 .odh-img-mobile { display: block; }}@media (max-width: 478px) { #brxe-odh001 .odh-pill svg { display: none; }}@media (forced-colors: active) { #brxe-odh001 .odh-grad { background: none; -webkit-text-fill-color: CanvasText; color: CanvasText; }}#brxe-eco001 { background-color: var(--brand-surface); padding-top: 0; padding-bottom: var(--space-2xl); padding-left: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); padding-right: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); }#brxe-eco001 .eco-proof { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; padding: var(--space-md) var(--space-xl); border: 1px solid rgba(8,45,64,.1); border-radius: var(--radius-lg); background: rgba(255,255,255,.92); box-shadow: var(--shadow-md); }#brxe-eco001 .eco-proof > div { padding-left: var(--space-lg); padding-right: var(--space-lg); border-right: 1px solid var(--border); }#brxe-eco001 .eco-proof > div:last-child { border-right: 0; }#brxe-eco001 .eco-proof dt { display: flex; align-items: center; gap: var(--space-sm); }#brxe-eco001 .eco-proof strong { font-size: var(--text-h3); line-height: 1.2; color: var(--text-primary); }#brxe-eco001 .eco-proof dd { margin: -4px 0 0 56px; color: var(--text-secondary); font-size: var(--text-xs); }#brxe-eco001 .eco-stat { display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--radius-md); background: var(--green-wash); color: var(--text-accent); }#brxe-eco001 .eco-stat--blue { background: var(--blue-wash); color: var(--text-link); }#brxe-eco001 .eco-stat svg { width: 22px; height: 22px; }@media (max-width: 991px) { #brxe-eco001 .eco-proof { grid-template-columns: repeat(2, 1fr); gap: var(--space-md) 0; } #brxe-eco001 .eco-proof > div:nth-child(2) { border-right: 0; }}@media (max-width: 767px) { #brxe-eco001 { padding-bottom: var(--space-xl); } #brxe-eco001 .eco-proof { padding: var(--space-sm); } #brxe-eco001 .eco-proof > div { padding-left: var(--space-xs); padding-right: var(--space-xs); } #brxe-eco001 .eco-proof strong { font-size: var(--text-body); } #brxe-eco001 .eco-proof dd { margin-left: 48px; }}#brxe-eco004 { position: relative; overflow: clip; background-color: var(--brand-surface); padding-top: var(--space-2xl); padding-bottom: var(--space-3xl); padding-left: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); padding-right: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); }#brxe-eco004::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(8,45,64,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(8,45,64,.04) 1px, transparent 1px); background-size: 56px 56px; -webkit-mask-image: linear-gradient(#000, transparent 40%); mask-image: linear-gradient(#000, transparent 40%); }#brxe-eco004 > .incard-container { position: relative; z-index: 1; }#brxe-eco004 .eco-head { max-width: 820px; margin: 0 auto var(--space-2xl); text-align: center; }#brxe-eco004 .eco-eyebrow { margin: 0 0 var(--space-sm); color: var(--text-accent); font-size: 13px; font-weight: 700; line-height: 1.2; letter-spacing: .14em; text-transform: uppercase; }#brxe-eco004 .eco-ai { color: var(--text-accent); }#brxe-eco004 .eco-lead { max-width: 680px; margin: 0 auto; color: var(--text-secondary); font-size: var(--text-lead); line-height: 1.5; }#brxe-eco004 .eco-body { display: flex; flex-direction: column; gap: var(--space-2xl); }#brxe-eco004 .eco-jwrap { order: 2; }#brxe-eco004 .eco-grid { order: 1; }#brxe-eco004 .eco-crm { order: 3; }#brxe-eco004 .eco-grid { display: grid; grid-template-columns: 1fr 1.25fr 1fr; gap: var(--space-md); align-items: stretch; }#brxe-eco004 .eco-card { position: relative; display: flex; flex-direction: column; gap: var(--space-sm); padding: var(--space-md); border: 1px solid rgba(20,128,65,.25); border-radius: var(--radius-xl); background: var(--brand-surface); box-shadow: var(--shadow-md); }#brxe-eco004 .eco-card--sales { border-color: rgba(18,114,188,.3); }#brxe-eco004 .eco-card--care { border-color: var(--border); }@media (hover: hover) { #brxe-eco004 .eco-card { transition: box-shadow 160ms ease, transform 180ms ease; } #brxe-eco004 .eco-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }}#brxe-eco004 .eco-card__top { display: flex; align-items: center; gap: var(--space-sm); margin: 0; }#brxe-eco004 .eco-card__num { display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--radius-md); background: var(--brand-ink); color: var(--on-ink-strong); font-size: var(--text-sm); font-weight: 700; }#brxe-eco004 .eco-card__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: var(--radius-pill); background: var(--green-wash); color: var(--text-accent); }#brxe-eco004 .eco-card--sales .eco-card__icon { background: var(--blue-wash); color: var(--text-link); }#brxe-eco004 .eco-card__icon svg { width: 24px; height: 24px; }#brxe-eco004 .eco-card h3 { margin: 0; }#brxe-eco004 .eco-chip { display: inline-flex; align-items: center; width: max-content; padding: 4px 10px; border-radius: var(--radius-pill); font-size: var(--text-xs); font-weight: 700; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; }#brxe-eco004 .eco-chip--solid-green { background: var(--brand-green); color: var(--ag-on-green, #0c1922); }#brxe-eco004 .eco-chip--solid-blue { background: var(--brand-blue); color: var(--brand-surface); }#brxe-eco004 .eco-chip--soft-green { background: var(--green-wash); color: var(--text-accent); }#brxe-eco004 .eco-card__p { margin: 0; color: var(--text-secondary); font-size: var(--text-sm); line-height: 1.5; }#brxe-eco004 .eco-card figure { margin: auto 0 0; border: 1px solid rgba(8,45,64,.12); border-radius: var(--radius-md); overflow: hidden; }#brxe-eco004 .eco-card img { display: block; width: 100%; aspect-ratio: 940 / 550; object-fit: cover; object-position: top; }#brxe-eco004 .eco-card h3 a { color: var(--text-primary); text-decoration: none; }#brxe-eco004 .eco-card h3 a::after { content: ""; position: absolute; inset: 0; border-radius: var(--radius-xl); }@supports selector(:has(*)) { #brxe-eco004 .eco-card h3 a:focus-visible { outline: none; } #brxe-eco004 .eco-card:has(h3 a:focus-visible) { outline: 3px solid var(--focus); outline-offset: 2px; }}#brxe-eco004 .eco-journey { position: relative; display: flex; justify-content: space-between; margin: 0; padding: 0 var(--space-2xl); list-style: none; }#brxe-eco004 .eco-journey::before { content: ""; position: absolute; top: 24px; right: 9%; left: 9%; border-top: 2px dashed rgba(20,128,65,.35); }#brxe-eco004 .eco-journey li { position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--space-xs); font-size: var(--text-sm); font-weight: 600; color: var(--text-primary); }#brxe-eco004 .eco-node { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid rgba(20,128,65,.35); border-radius: var(--radius-pill); background: var(--brand-surface); color: var(--text-accent); box-shadow: var(--shadow-sm); }#brxe-eco004 .eco-node svg { width: 22px; height: 22px; }#brxe-eco004 .eco-journey li:nth-child(3) .eco-node { background: var(--blue-wash); border-color: rgba(18,114,188,.4); color: var(--text-link); }#brxe-eco004 .eco-crm { display: grid; grid-template-columns: 1.15fr 1fr; gap: var(--space-lg); align-items: center; padding: var(--space-lg); border: 1px solid var(--on-ink-rule); border-radius: var(--radius-lg); background: var(--brand-ink); box-shadow: var(--shadow-lg); }#brxe-eco004 .eco-crm__label { display: flex; align-items: center; gap: var(--space-xs); margin: 0 0 var(--space-sm); color: var(--brand-mint); font-size: var(--text-xs); font-weight: 700; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; }#brxe-eco004 .eco-crm__label svg { width: 18px; height: 18px; }#brxe-eco004 .eco-crm__desc { margin: 0 0 var(--space-md); color: var(--on-ink-body); font-size: var(--text-body); line-height: 1.6; }#brxe-eco004 .eco-crm__chips { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin: 0; padding: 0; list-style: none; }#brxe-eco004 .eco-crm__chips li { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid var(--on-ink-rule); border-radius: var(--radius-pill); background: rgba(255,255,255,.06); color: var(--on-ink-strong); font-size: var(--text-xs); font-weight: 700; letter-spacing: .04em; }#brxe-eco004 .eco-crm__chips svg { width: 14px; height: 14px; color: var(--on-ink-accent); }#brxe-eco004 .eco-crm figure { margin: 0; border: 1px solid var(--on-ink-rule); border-radius: var(--radius-md); overflow: hidden; }#brxe-eco004 .eco-crm img { display: block; width: 100%; aspect-ratio: 940 / 600; object-fit: cover; object-position: top; }@media (max-width: 991px) { #brxe-eco004 .eco-grid { grid-template-columns: 1fr; max-width: 640px; margin-left: auto; margin-right: auto; width: 100%; } #brxe-eco004 .eco-journey { padding: 0; } #brxe-eco004 .eco-crm { grid-template-columns: 1fr; max-width: 640px; margin-left: auto; margin-right: auto; width: 100%; }}@media (max-width: 767px) { #brxe-eco004 { padding-top: var(--space-xl); padding-bottom: var(--space-2xl); } #brxe-eco004 .eco-head { margin-bottom: var(--space-lg); } #brxe-eco004 .eco-head h2 { font-size: 34px; line-height: 1.15; letter-spacing: -.03em; } #brxe-eco004 .eco-body { display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: var(--space-sm); row-gap: var(--space-lg); } #brxe-eco004 .eco-jwrap, #brxe-eco004 .eco-journey, #brxe-eco004 .eco-grid { display: contents; } #brxe-eco004 .eco-j1 { grid-area: 1 / 1; } #brxe-eco004 .eco-card--social { grid-area: 1 / 2; } #brxe-eco004 .eco-j2 { grid-area: 2 / 1; } #brxe-eco004 .eco-card--sales { grid-area: 2 / 2; } #brxe-eco004 .eco-j3 { grid-area: 3 / 1; } #brxe-eco004 .eco-card--care { grid-area: 3 / 2; } #brxe-eco004 .eco-j4 { grid-area: 4 / 1; } #brxe-eco004 .eco-j5 { grid-area: 5 / 1; } #brxe-eco004 .eco-crm { grid-area: 6 / 1 / 7 / 3; padding: var(--space-md); } #brxe-eco004 .eco-journey::before { display: none; } #brxe-eco004 .eco-journey li { align-self: stretch; justify-self: center; justify-content: flex-start; text-align: center; font-size: var(--text-xs); gap: 6px; } #brxe-eco004 .eco-node { width: 44px; height: 44px; } #brxe-eco004 .eco-journey li::after { content: ""; position: absolute; top: 74px; bottom: calc(-1 * var(--space-lg)); left: 50%; margin-left: -1px; border-left: 2px dashed rgba(20,128,65,.35); } #brxe-eco004 .eco-j5::after { display: none; } #brxe-eco004 .eco-card img { aspect-ratio: 940 / 610; } #brxe-eco004 .eco-crm__chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } #brxe-eco004 .eco-crm__chips li { justify-content: center; min-height: 40px; }}@media (max-width: 478px) { #brxe-eco004 .eco-body { grid-template-columns: 52px minmax(0, 1fr); }}@media (prefers-reduced-motion: reduce) { #brxe-eco004 .eco-card { transition: none; } #brxe-eco004 .eco-card:hover { transform: none; }}#brxe-vdh001 { font-family: Inter, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--ag-ink); background: var(--ag-paper); border-top: 1px solid var(--ag-line); border-bottom: 1px solid var(--ag-line); position: relative; isolation: isolate;}#brxe-vdh001 > .brxe-text-basic { color: inherit; font: inherit; margin: 0; display: block; }#brxe-vdh001 .vd-in { width: 100%; max-width: calc(var(--ag-max) + 48px); margin-inline: auto; padding: 88px 24px; box-sizing: border-box;}#brxe-vdh001 .vd-eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; padding: 0; font-size: 11px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; color: var(--ag-green-ink);}#brxe-vdh001 .vd-eyebrow svg { width: 15px; height: 15px; flex: none; }#brxe-vdh001 .vd-h2 { margin: 0 0 14px; padding: 0; font-family: inherit; font-weight: 700; font-size: clamp(28px, 4vw, 44px); line-height: 1.12; letter-spacing: -.035em; color: var(--ag-ink);}#brxe-vdh001 .vd-h2 em { font-style: normal; color: var(--ag-green-ink); }#brxe-vdh001 .vd-lead { margin: 0 0 36px; padding: 0; max-width: 68ch; font-size: 16px; line-height: 1.72; color: var(--ag-muted);}#brxe-vdh001 .vd-fig { margin: 0; padding: 0; min-width: 0; }#brxe-vdh001 .vd-video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: var(--ag-dark); border: 1px solid var(--ag-line); border-radius: 14px; box-shadow: 0 18px 44px rgba(12,25,34,.10);}#brxe-vdh001 .vd-video:focus-visible { outline: 3px solid var(--ag-focus); outline-offset: 3px; }#brxe-vdh001 .vd-cap { margin: 14px 0 0; padding: 0; font-size: 13px; line-height: 1.6; color: var(--ag-soft);}#brxe-vdh001 .vd-side { margin-top: 36px; }#brxe-vdh001 .vd-side-h { margin: 0 0 16px; padding: 0; font-size: 11px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; color: var(--ag-green-ink);}#brxe-vdh001 .vd-list { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px 26px;}#brxe-vdh001 .vd-list li { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 12px; align-items: baseline; padding-top: 14px; border-top: 1px solid var(--ag-line);}#brxe-vdh001 .vd-t { font-variant-numeric: tabular-nums; font-size: 12px; font-weight: 700; color: var(--ag-green-ink); background: var(--ag-green-soft); border-radius: 6px; padding: 3px 0; text-align: center;}#brxe-vdh001 .vd-d { font-size: 14px; line-height: 1.6; color: var(--ag-muted); }#brxe-vdh001 .vd-d b { font-weight: 700; color: var(--ag-ink); }#brxe-vdh001 .vd-note { margin: 30px 0 0; padding: 16px 18px; background: var(--ag-white); border: 1px solid var(--ag-line); border-radius: 10px; font-size: 13px; line-height: 1.65; color: var(--ag-soft);}@media (max-width: 700px) { #brxe-vdh001 .vd-in { padding: 64px 20px; } #brxe-vdh001 .vd-lead { margin-bottom: 26px; } #brxe-vdh001 .vd-side { margin-top: 28px; } #brxe-vdh001 .vd-list { gap: 14px 20px; }}@media (max-width: 380px) { #brxe-vdh001 .vd-list li { grid-template-columns: 44px minmax(0,1fr); gap: 10px; }}#brxe-oco001 { position: relative; overflow: clip; background-color: var(--brand-ink); color: var(--on-ink-body); padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); padding-left: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); padding-right: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); --oc-green: var(--on-ink-accent); --oc-teal: #67d9e8; --oc-blue: #7cc0fa; --oc-red: #ff9d8f; }#brxe-oco001::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 56px 56px; -webkit-mask-image: radial-gradient(120% 80% at 50% 0%, #000 0%, transparent 70%); mask-image: radial-gradient(120% 80% at 50% 0%, #000 0%, transparent 70%); }#brxe-oco001 > .incard-container { position: relative; z-index: 1; }#brxe-oco001 .oc-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }#brxe-oco001 .oc-head { max-width: 860px; margin: 0 auto var(--space-lg); text-align: center; }#brxe-oco001 .oc-eyebrow { margin: 0 0 var(--space-sm); color: var(--oc-green); font-size: 13px; font-weight: 700; line-height: 1.2; letter-spacing: .14em; text-transform: uppercase; }#brxe-oco001 .oc-head h2 { margin: 0 0 var(--space-sm); color: var(--on-ink-strong); }#brxe-oco001 .oc-lead { max-width: 720px; margin: 0 auto; color: var(--on-ink-body); font-size: var(--text-body); }#brxe-oco001 .oc-tablist { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; width: max-content; max-width: 100%; margin: 0 auto var(--space-xl); padding: 4px; border: 1px solid var(--on-ink-rule); border-radius: var(--radius-md); background: rgba(255,255,255,.04); }#brxe-oco001 .oc-tab { min-height: var(--tap-target, 44px); padding: 10px 22px; border: 1px solid transparent; border-radius: var(--radius-sm); background: transparent; color: var(--on-ink-body); font-family: inherit; font-size: var(--text-btn); font-weight: 600; line-height: 1.2; cursor: pointer; transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease; }@media (hover: hover) { #brxe-oco001 .oc-tab:hover { border-color: var(--on-ink-rule); background: rgba(255,255,255,.07); color: var(--on-ink-strong); } }#brxe-oco001 .oc-tab:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }#brxe-oco001 .oc-tab[aria-selected="true"] { background: var(--brand-mint); border-color: var(--brand-mint); color: var(--brand-ink); font-weight: 700; }#brxe-oco001 .oc-tab[aria-selected="true"]::before { content: "✓"; margin-right: 6px; font-weight: 700; }#brxe-oco001 .oc-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-md); margin-bottom: var(--space-md); }#brxe-oco001 .oc-kpi { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); grid-template-rows: auto auto auto; gap: 2px var(--space-sm); padding: var(--space-md) var(--space-md) 0; border: 1px solid var(--on-ink-rule); border-radius: var(--radius-lg); background: rgba(255,255,255,.03); overflow: hidden; }#brxe-oco001 .oc-kpi__icon { grid-area: 1 / 1; display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid var(--on-ink-rule); border-radius: var(--radius-md); color: var(--oc-green); background: rgba(82,213,137,.1); }#brxe-oco001 .oc-kpi__icon svg { width: 26px; height: 26px; }#brxe-oco001 .oc-kpi--blue .oc-kpi__icon { color: var(--oc-blue); background: rgba(124,192,250,.1); }#brxe-oco001 .oc-kpi--teal .oc-kpi__icon { color: var(--oc-teal); background: rgba(103,217,232,.1); }#brxe-oco001 .oc-kpi--red .oc-kpi__icon { color: var(--oc-red); background: rgba(255,157,143,.1); }#brxe-oco001 .oc-kpi__value { margin: 0; align-self: end; color: var(--oc-green); font-size: 30px; font-weight: 700; line-height: 1.1; letter-spacing: -.03em; white-space: nowrap; }#brxe-oco001 .oc-kpi--blue .oc-kpi__value { color: var(--oc-blue); }#brxe-oco001 .oc-kpi--teal .oc-kpi__value { color: var(--oc-teal); }#brxe-oco001 .oc-kpi--red .oc-kpi__value { color: var(--oc-red); }#brxe-oco001 .oc-kpi__dir { font-size: 20px; }#brxe-oco001 .oc-kpi__label { grid-column: 1 / -1; margin: 6px 0 0; color: var(--on-ink-body); font-size: var(--text-sm); line-height: 1.4; min-height: 2.8em; }#brxe-oco001 .oc-spark { grid-column: 1 / -1; width: calc(100% + var(--space-md) * 2); height: 62px; margin: var(--space-sm) calc(-1 * var(--space-md)) 0; }#brxe-oco001 .oc-spark__line { fill: none; stroke: var(--oc-green); stroke-width: 1.4; vector-effect: non-scaling-stroke; }#brxe-oco001 .oc-spark__area { fill: color-mix(in srgb, var(--oc-green) 22%, transparent); stroke: none; }#brxe-oco001 .oc-kpi--blue .oc-spark__line { stroke: var(--oc-blue); }#brxe-oco001 .oc-kpi--blue .oc-spark__area { fill: color-mix(in srgb, var(--oc-blue) 22%, transparent); }#brxe-oco001 .oc-kpi--teal .oc-spark__line { stroke: var(--oc-teal); }#brxe-oco001 .oc-kpi--teal .oc-spark__area { fill: color-mix(in srgb, var(--oc-teal) 22%, transparent); }#brxe-oco001 .oc-kpi--red .oc-spark__line { stroke: var(--oc-red); }#brxe-oco001 .oc-kpi--red .oc-spark__area { fill: color-mix(in srgb, var(--oc-red) 16%, transparent); }#brxe-oco001 .oc-panels { display: grid; grid-template-columns: 7fr 5fr; gap: var(--space-md); margin-bottom: var(--space-md); align-items: stretch; }#brxe-oco001 .oc-card { display: flex; flex-direction: column; padding: var(--space-md); border: 1px solid var(--on-ink-rule); border-radius: var(--radius-lg); background: rgba(255,255,255,.03); }#brxe-oco001 .oc-card__title { margin: 0 0 var(--space-md); color: var(--on-ink-strong); font-size: var(--text-h4); }#brxe-oco001 .oc-card__note { display: flex; align-items: center; gap: var(--space-xs); justify-content: center; margin: auto 0 0; padding-top: var(--space-sm); color: var(--on-ink-muted); font-size: var(--text-xs); }#brxe-oco001 .oc-dot { width: 8px; height: 8px; border-radius: var(--radius-pill); background: var(--oc-green); }#brxe-oco001 .oc-funnel { display: flex; align-items: stretch; gap: 0; margin: auto 0; padding: 0; list-style: none; }#brxe-oco001 .oc-step { flex: 1 1 0; display: flex; flex-direction: column; gap: 6px; min-width: 0; min-height: 190px; padding: var(--space-sm) 10px var(--space-sm) 14px; border: 1px solid rgba(82,213,137,.28); border-radius: var(--radius-md); background: linear-gradient(180deg, rgba(82,213,137,.14), rgba(82,213,137,.04)); }#brxe-oco001 .oc-step--teal { border-color: rgba(103,217,232,.28); background: linear-gradient(180deg, rgba(103,217,232,.14), rgba(103,217,232,.04)); }#brxe-oco001 .oc-step--blue { border-color: rgba(124,192,250,.28); background: linear-gradient(180deg, rgba(124,192,250,.14), rgba(124,192,250,.04)); }#brxe-oco001 .oc-step__icon { flex: 0 0 auto; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--on-ink-rule); border-radius: var(--radius-pill); color: var(--on-ink-strong); }#brxe-oco001 .oc-step__icon svg { width: 20px; height: 20px; }#brxe-oco001 .oc-step__value { margin-top: auto; color: var(--oc-green); font-size: 22px; font-weight: 700; line-height: 1.15; letter-spacing: -.02em; }#brxe-oco001 .oc-step--teal .oc-step__value { color: var(--oc-teal); }#brxe-oco001 .oc-step--blue .oc-step__value { color: var(--oc-blue); }#brxe-oco001 .oc-step__label { color: var(--on-ink-body); font-size: var(--text-xs); }#brxe-oco001 .oc-rate { align-self: center; flex: 0 0 auto; z-index: 1; margin: 0 -8px; padding: 4px 7px; border: 1px solid var(--on-ink-rule); border-radius: var(--radius-pill); background: var(--brand-ink); color: var(--on-ink-strong); font-size: 11px; font-weight: 700; }#brxe-oco001 .oc-rate--empty { color: var(--on-ink-muted); }#brxe-oco001 .oc-chart__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-xs); }#brxe-oco001 .oc-legend { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin: 0 0 var(--space-md); padding: 0; list-style: none; }#brxe-oco001 .oc-legend__item { display: inline-flex; align-items: center; gap: 6px; color: var(--on-ink-body); font-size: var(--text-xs); }#brxe-oco001 .oc-legend__mark { width: 10px; height: 10px; background: var(--oc-green); }#brxe-oco001 .oc-legend__mark--circle { border-radius: var(--radius-pill); }#brxe-oco001 .oc-legend__mark--diamond { transform: rotate(45deg); }#brxe-oco001 .oc-legend__item--blue .oc-legend__mark { background: var(--oc-blue); }#brxe-oco001 .oc-legend__item--teal .oc-legend__mark { background: var(--oc-teal); }#brxe-oco001 .oc-chart__metric { margin: 0; color: var(--oc-green); font-size: 30px; font-weight: 700; line-height: 1.1; letter-spacing: -.03em; }#brxe-oco001 .oc-chart__metricLabel { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs); margin: 4px 0 var(--space-md); color: var(--on-ink-body); font-size: var(--text-sm); }#brxe-oco001 .oc-badge { padding: 3px 10px; border: 1px solid rgba(82,213,137,.35); border-radius: var(--radius-pill); background: rgba(82,213,137,.12); color: var(--oc-green); font-size: var(--text-xs); font-weight: 700; }#brxe-oco001 .oc-chart { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto auto; column-gap: var(--space-xs); }#brxe-oco001 .oc-chart__ys { grid-area: 1 / 1; display: flex; flex-direction: column; justify-content: space-between; color: var(--on-ink-body); font-size: var(--text-xs); font-variant-numeric: tabular-nums; }#brxe-oco001 .oc-chart__ys span:first-child { margin-top: -.6em; }#brxe-oco001 .oc-chart__ys span:last-child { margin-bottom: -.6em; }#brxe-oco001 .oc-chart__plot { grid-area: 1 / 2; position: relative; height: 190px; }#brxe-oco001 .oc-chart__svg { display: block; width: 100%; height: 100%; }#brxe-oco001 .oc-chart__grid { stroke: rgba(255,255,255,.12); stroke-width: 1; stroke-dasharray: 3 4; vector-effect: non-scaling-stroke; }#brxe-oco001 .oc-marks { position: absolute; inset: 0; }#brxe-oco001 .oc-mark { position: absolute; width: 9px; height: 9px; transform: translate(-50%, -50%); background: var(--oc-green); border: 1.5px solid var(--brand-ink); }#brxe-oco001 .oc-mark--circle { border-radius: var(--radius-pill); }#brxe-oco001 .oc-mark--diamond { transform: translate(-50%, -50%) rotate(45deg); }#brxe-oco001 .oc-mark--blue { background: var(--oc-blue); }#brxe-oco001 .oc-mark--teal { background: var(--oc-teal); }#brxe-oco001 .oc-chart__xs { grid-area: 2 / 2; position: relative; height: 20px; margin-top: 6px; color: var(--on-ink-body); font-size: var(--text-xs); }#brxe-oco001 .oc-chart__x { position: absolute; top: 0; display: none; white-space: nowrap; }#brxe-oco001 .oc-chart__x--mid { transform: translateX(-50%); }#brxe-oco001 .oc-chart__unit { grid-area: 3 / 1 / 4 / 3; margin: var(--space-xs) 0 0; color: var(--on-ink-muted); font-size: var(--text-xs); }#brxe-oco001 .oc-chart__line { fill: none; stroke-width: 2.2; stroke-linejoin: round; vector-effect: non-scaling-stroke; }#brxe-oco001 .oc-serie--green .oc-chart__line { stroke: var(--oc-green); }#brxe-oco001 .oc-serie--blue .oc-chart__line { stroke: var(--oc-blue); }#brxe-oco001 .oc-serie--teal .oc-chart__line { stroke: var(--oc-teal); }#brxe-oco001 .oc-serie--green .oc-chart__area { fill: color-mix(in srgb, var(--oc-green) 18%, transparent); stroke: none; }#brxe-oco001 .oc-serie--blue .oc-chart__area { fill: color-mix(in srgb, var(--oc-blue) 16%, transparent); stroke: none; }#brxe-oco001 .oc-ends { position: absolute; top: 0; right: 0; display: flex; flex-direction: column; gap: 6px; }#brxe-oco001 .oc-end { padding: 4px 10px; border-radius: var(--radius-sm); background: rgba(82,213,137,.18); border: 1px solid rgba(82,213,137,.4); color: var(--oc-green); font-size: var(--text-xs); font-weight: 700; }#brxe-oco001 .oc-proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: var(--space-md); align-items: center; padding: var(--space-md); border: 1px solid var(--on-ink-rule); border-radius: var(--radius-lg); background: rgba(255,255,255,.03); }#brxe-oco001 .oc-proof__item { position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr) 80px; align-items: center; gap: 0 var(--space-sm); min-width: 0; }#brxe-oco001 .oc-proof__icon { grid-row: 1 / 3; display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid var(--on-ink-rule); border-radius: var(--radius-md); color: var(--oc-green); background: rgba(82,213,137,.1); }#brxe-oco001 .oc-proof__icon svg { width: 24px; height: 24px; }#brxe-oco001 .oc-proof__item--blue .oc-proof__icon { color: var(--oc-blue); background: rgba(124,192,250,.1); }#brxe-oco001 .oc-proof__value { margin: 0; align-self: end; color: var(--oc-green); font-size: 24px; font-weight: 700; line-height: 1.1; white-space: nowrap; }#brxe-oco001 .oc-proof__item--blue .oc-proof__value { color: var(--oc-blue); }#brxe-oco001 .oc-proof__label { margin: 0; color: var(--on-ink-body); font-size: 13px; line-height: 1.4; }#brxe-oco001 .oc-proof__item .oc-spark { grid-column: 3; grid-row: 1 / 3; width: 80px; height: 42px; margin: 0; }#brxe-oco001 .oc-proof__item--blue .oc-spark__line { stroke: var(--oc-blue); }#brxe-oco001 .oc-proof__item--blue .oc-spark__area { fill: color-mix(in srgb, var(--oc-blue) 22%, transparent); }#brxe-oco001 .oc-cta { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-xs); min-height: var(--tap-target, 44px); padding: 11px 20px; border: 1px solid rgba(82,213,137,.4); border-radius: var(--radius-sm); color: var(--oc-green); font-size: var(--text-btn); font-weight: 600; text-decoration: none; transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease; }@media (hover: hover) { #brxe-oco001 .oc-cta:hover { background: var(--brand-mint); border-color: var(--brand-mint); color: var(--brand-ink); text-decoration: underline; } }#brxe-oco001 .oc-cta:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }#brxe-oco001 .oc-footnote { margin: var(--space-md) 0 0; color: var(--on-ink-muted); font-size: var(--text-xs); text-align: center; }#brxe-oco001 .oc-fallback { width: 100%; border-collapse: collapse; color: var(--on-ink-body); font-size: var(--text-sm); }#brxe-oco001 .oc-fallback caption { margin-bottom: var(--space-sm); color: var(--on-ink-strong); font-weight: 700; text-align: left; }#brxe-oco001 .oc-fallback th, #brxe-oco001 .oc-fallback td { padding: 8px 0; border-bottom: 1px solid var(--on-ink-rule); text-align: left; }#brxe-oco001 .oc-fallback th { color: var(--on-ink-strong); font-weight: 600; }@media (min-width: 641px) { #brxe-oco001 .oc-chart__x:nth-child(3n + 1), #brxe-oco001 .oc-chart__x:last-child { display: block; } }@media (min-width: 360px) and (max-width: 640px) { #brxe-oco001 .oc-chart__x:nth-child(4n + 1), #brxe-oco001 .oc-chart__x:last-child { display: block; } }@media (max-width: 359px) { #brxe-oco001 .oc-chart__x:nth-child(6n + 1), #brxe-oco001 .oc-chart__x:last-child { display: block; } }@media (max-width: 991px) { #brxe-oco001 .oc-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } #brxe-oco001 .oc-panels { grid-template-columns: 1fr; } #brxe-oco001 .oc-proof { grid-template-columns: repeat(3, minmax(0, 1fr)); } #brxe-oco001 .oc-cta { grid-column: 1 / -1; } #brxe-oco001 .oc-proof__item { grid-template-columns: 52px minmax(0, 1fr); } #brxe-oco001 .oc-proof__item .oc-spark { grid-column: 1 / -1; grid-row: auto; width: 100%; margin-top: var(--space-xs); }}@media (max-width: 640px) { #brxe-oco001 { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); } #brxe-oco001 .oc-head h2 { font-size: 34px; line-height: 1.15; letter-spacing: -.03em; } #brxe-oco001 .oc-tablist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; } #brxe-oco001 .oc-tab { padding-left: 12px; padding-right: 12px; } #brxe-oco001 .oc-kpi { grid-template-columns: minmax(0, 1fr); padding-left: var(--space-sm); padding-right: var(--space-sm); } #brxe-oco001 .oc-kpi__icon { grid-area: auto; width: 44px; height: 44px; } #brxe-oco001 .oc-kpi__icon svg { width: 22px; height: 22px; } #brxe-oco001 .oc-kpi__value { margin-top: 10px; font-size: 23px; } #brxe-oco001 .oc-kpi__dir { font-size: 16px; } #brxe-oco001 .oc-kpi__label { font-size: 13px; min-height: 0; } #brxe-oco001 .oc-spark { width: calc(100% + var(--space-sm) * 2); margin-left: calc(-1 * var(--space-sm)); margin-right: calc(-1 * var(--space-sm)); height: 54px; } #brxe-oco001 .oc-funnel { flex-direction: column; gap: 0; } #brxe-oco001 .oc-step { flex-direction: row; align-items: center; gap: var(--space-sm); min-height: 0; padding: 10px var(--space-sm); } #brxe-oco001 .oc-step__value { flex: 0 0 78px; margin-top: 0; font-size: 20px; } #brxe-oco001 .oc-step__label { font-size: var(--text-sm); } #brxe-oco001 .oc-rate { align-self: flex-start; margin: 4px 0 4px 22px; } #brxe-oco001 .oc-proof { grid-template-columns: 1fr; } #brxe-oco001 .oc-proof__item { grid-template-columns: 52px minmax(0, 1fr) 84px; } #brxe-oco001 .oc-proof__item .oc-spark { grid-column: 3; grid-row: 1 / 3; width: 84px; margin-top: 0; } #brxe-oco001 .oc-cta { width: 100%; } #brxe-oco001 .oc-chart__plot { height: 175px; } #brxe-oco001 .oc-mark { width: 8px; height: 8px; }}@media (max-width: 359px) { #brxe-oco001 .oc-kpis { grid-template-columns: 1fr; } #brxe-oco001 .oc-tab { padding-left: 6px; padding-right: 6px; font-size: 13px; } #brxe-oco001 .oc-step__value { flex: 0 0 66px; font-size: 18px; } #brxe-oco001 .oc-proof__item { grid-template-columns: 52px minmax(0, 1fr); } #brxe-oco001 .oc-proof__item .oc-spark { grid-column: 1 / -1; grid-row: auto; width: 100%; margin-top: var(--space-xs); }}@media (prefers-reduced-motion: reduce) { #brxe-oco001 .oc-tab, #brxe-oco001 .oc-cta { transition: none; }}#brxe-oco001 .oc-rate { position: relative; }#brxe-oco001 .oc-rate::before { content: ""; position: absolute; top: 50%; right: 100%; width: 8px; height: 1px; margin-top: -0.5px; background: rgba(82, 213, 137, 0.5);}#brxe-oco001 .oc-rate::after { content: ""; position: absolute; top: 50%; left: 100%; width: 9px; height: 7px; margin-top: -3.5px; background: rgba(82, 213, 137, 0.6); clip-path: polygon(0 43%, 5px 43%, 5px 0, 9px 50%, 5px 100%, 5px 57%, 0 57%);}#brxe-oco001 { padding-top: 64px; padding-bottom: 64px; }@media (max-width: 660px) { #brxe-oco001 .oc-rate::before { right: auto; left: 50%; top: auto; bottom: 100%; width: 1px; height: 8px; margin: 0 0 0 -0.5px; } #brxe-oco001 .oc-rate::after { left: 50%; top: 100%; width: 7px; height: 9px; margin: 0 0 0 -3.5px; clip-path: polygon(43% 0, 43% 5px, 0 5px, 50% 9px, 100% 5px, 57% 5px, 57% 0); }}#brxe-isc001 { position: relative; overflow: clip; background-color: var(--brand-surface); padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); padding-left: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); padding-right: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); }#brxe-isc001::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(8,45,64,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(8,45,64,.035) 1px, transparent 1px); background-size: 56px 56px; -webkit-mask-image: radial-gradient(120% 70% at 50% 0%, #000 0%, transparent 72%); mask-image: radial-gradient(120% 70% at 50% 0%, #000 0%, transparent 72%); }#brxe-isc001 > .incard-container { position: relative; z-index: 1; }#brxe-isc001 .isec-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: var(--space-md); margin-bottom: var(--space-lg); }#brxe-isc001 .isec-eyebrow { margin: 0 0 var(--space-sm); color: var(--text-accent); font-size: 13px; font-weight: 700; line-height: 1.2; letter-spacing: .14em; text-transform: uppercase; }#brxe-isc001 .isec-head h2 { margin: 0 0 var(--space-sm); max-width: 28ch; }#brxe-isc001 .isec-accent { color: var(--text-accent); }#brxe-isc001 .isec-lead { margin: 0; color: var(--text-secondary); font-size: var(--text-lead); line-height: 1.5; }#brxe-isc001 .isec-all { display: inline-flex; align-items: center; gap: var(--space-xs); min-height: var(--tap-target, 44px); padding: 10px 4px; color: var(--text-accent); font-size: var(--text-btn); font-weight: 600; text-decoration: none; white-space: nowrap; transition: color 180ms ease, gap 180ms ease; }#brxe-isc001 .isec-all svg { width: 18px; height: 18px; }@media (hover: hover) { #brxe-isc001 .isec-all:hover { color: var(--brand-green-hover); gap: 12px; text-decoration: underline; } }#brxe-isc001 .isec-all:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; border-radius: var(--radius-xs); }#brxe-isc001 .isec-head > .brxe-text-basic { display: flex; align-items: center; }#brxe-isc001 .isec-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: var(--space-sm); margin-bottom: var(--space-sm); }#brxe-isc001 .isec-card--featured { grid-row: span 2; }#brxe-isc001 .isec-card { position: relative; display: block; isolation: isolate; min-height: var(--tap-target, 44px); padding: var(--space-md); border: 1px solid rgba(8,45,64,.12); border-radius: 20px; background: var(--brand-ink); color: var(--on-ink-strong); text-decoration: none; overflow: hidden; transition: border-color 180ms ease, box-shadow 180ms ease; }#brxe-isc001 .isec-card__media { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 220ms ease; }#brxe-isc001 .isec-card__veil { position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, rgba(4,26,38,.94) 0%, rgba(4,26,38,.78) 30%, rgba(4,26,38,.28) 62%, rgba(4,26,38,.12) 100%); }#brxe-isc001 .isec-card__body { position: relative; display: flex; flex-direction: column; height: 100%; }#brxe-isc001 .isec-card__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--brand-green); color: var(--ag-on-green, #0c1922); box-shadow: 0 6px 16px rgba(4,26,38,.35); }#brxe-isc001 .isec-card__icon svg { width: 24px; height: 24px; }#brxe-isc001 .isec-card__title { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs); margin: 0; color: var(--on-ink-strong); font-size: var(--text-h4); line-height: 1.2; }#brxe-isc001 .isec-card__text { display: block; }#brxe-isc001 .isec-card__desc { display: block; margin: 6px 0 0; max-width: 34ch; color: rgba(255,255,255,.82); font-size: var(--text-sm); line-height: 1.5; }#brxe-isc001 .isec-card__foot { display: flex; align-items: center; gap: var(--space-sm); }#brxe-isc001 .isec-card__foot > :first-child { flex: 1 1 auto; min-width: 0; }#brxe-isc001 .isec-card__arrow { flex: 0 0 44px; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.55); border-radius: var(--radius-pill); background: rgba(4,26,38,.38); color: var(--on-ink-strong); transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; }#brxe-isc001 .isec-card__arrow svg { width: 20px; height: 20px; }@media (hover: hover) { #brxe-isc001 .isec-card:hover { border-color: rgba(20,128,65,.55); box-shadow: 0 14px 30px rgba(8,45,64,.18); } #brxe-isc001 .isec-card:hover .isec-card__media { transform: scale(1.035); } #brxe-isc001 .isec-card:hover .isec-card__arrow { transform: translateX(3px); background: rgba(255,255,255,.16); border-color: var(--brand-surface); }}#brxe-isc001 .isec-card:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }#brxe-isc001 .isec-card:focus-visible .isec-card__arrow { background: var(--brand-surface); color: var(--brand-ink); border-color: var(--brand-surface); }#brxe-isc001 .isec-card--small { aspect-ratio: 355 / 310; display: flex; }#brxe-isc001 .isec-card--small .isec-card__body { justify-content: space-between; }#brxe-isc001 .isec-card--featured .isec-card__body { justify-content: flex-end; }#brxe-isc001 .isec-card--featured .isec-card__icon { width: 56px; height: 56px; border-radius: 16px; margin-bottom: var(--space-sm); }#brxe-isc001 .isec-card--featured .isec-card__icon svg { width: 28px; height: 28px; }#brxe-isc001 .isec-card--featured .isec-card__title { font-size: 28px; letter-spacing: -.02em; }#brxe-isc001 .isec-card--featured .isec-card__desc { max-width: 44ch; font-size: var(--text-btn); }#brxe-isc001 .isec-card--featured .isec-card__veil { background: linear-gradient(to top, rgba(4,26,38,.95) 0%, rgba(4,26,38,.82) 26%, rgba(4,26,38,.3) 56%, rgba(4,26,38,.1) 100%); }#brxe-isc001 .isec-card--featured .isec-card__foot { margin-top: var(--space-md); }#brxe-isc001 .isec-badge { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: var(--radius-pill); background: var(--brand-green); color: var(--ag-on-green, #0c1922); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }#brxe-isc001 .isec-chips { display: flex; flex-wrap: wrap; gap: var(--space-xs); }#brxe-isc001 .isec-chips > span { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid rgba(255,255,255,.28); border-radius: var(--radius-md); background: rgba(4,26,38,.5); color: var(--on-ink-strong); font-size: 13px; font-weight: 600; }#brxe-isc001 .isec-chips svg { width: 16px; height: 16px; color: var(--brand-mint); }#brxe-isc001 .isec-card--wide { display: flex; align-items: center; min-height: 168px; margin-bottom: var(--space-md); }#brxe-isc001 .isec-card--wide .isec-card__body { flex-direction: row; align-items: center; gap: var(--space-md); width: 100%; }#brxe-isc001 .isec-card--wide .isec-card__foot { flex: 1 1 auto; min-width: 0; }#brxe-isc001 .isec-card--wide .isec-card__veil { background: linear-gradient(to right, rgba(4,26,38,.95) 0%, rgba(4,26,38,.88) 32%, rgba(4,26,38,.5) 62%, rgba(4,26,38,.22) 100%); }#brxe-isc001 .isec-card--wide .isec-card__title { font-size: var(--text-h3); }#brxe-isc001 .isec-img--ecom { object-position: 56% 45%; }#brxe-isc001 .isec-img--beauty { object-position: 34% 38%; }#brxe-isc001 .isec-img--hotel { object-position: 32% 48%; }#brxe-isc001 .isec-img--realestate { object-position: 40% 30%; }#brxe-isc001 .isec-img--travel { object-position: 52% 46%; }#brxe-isc001 .isec-img--education { object-position: 52% 40%; }#brxe-isc001 .isec-cta { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-md); padding: var(--space-md) var(--space-lg); border: 1px solid var(--border); border-radius: 20px; background: var(--brand-surface); box-shadow: var(--shadow-sm); }#brxe-isc001 .isec-cta__icon { display: grid; place-items: center; width: 64px; height: 64px; margin: 0; border: 1px solid rgba(20,128,65,.28); border-radius: var(--radius-pill); background: var(--green-wash); color: var(--text-accent); }#brxe-isc001 .isec-cta__icon svg { width: 30px; height: 30px; }#brxe-isc001 .isec-cta h3 { margin: 0 0 2px; font-size: var(--text-h4); }#brxe-isc001 .isec-cta p { margin: 0; color: var(--text-secondary); font-size: var(--text-btn); }#brxe-isc001 .isec-deco { position: absolute; z-index: 0; display: grid; place-items: center; width: 40px; height: 40px; margin: 0; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--brand-surface); color: var(--text-accent); box-shadow: var(--shadow-sm); }#brxe-isc001 .isec-deco svg { width: 18px; height: 18px; }#brxe-isc001 .isec-deco--1 { top: 118px; left: 8px; }#brxe-isc001 .isec-deco--2 { top: 62px; right: 84px; color: var(--text-link); }#brxe-isc001 .isec-deco--3 { top: 118px; right: 18px; }@media (max-width: 1280px) { #brxe-isc001 .isec-deco { display: none; } }@media (max-width: 1199px) { #brxe-isc001 .isec-grid { grid-template-columns: 1fr 1fr; } #brxe-isc001 .isec-card--featured { grid-row: auto; grid-column: 1 / -1; aspect-ratio: 900 / 480; } #brxe-isc001 .isec-card--featured .isec-card__desc { max-width: 52ch; }}@media (max-width: 991px) { #brxe-isc001 { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); } #brxe-isc001 .isec-head { grid-template-columns: minmax(0, 1fr); } #brxe-isc001 .isec-head h2 { max-width: none; } #brxe-isc001 .isec-head > .brxe-text-basic { justify-content: flex-end; }}@media (max-width: 767px) { #brxe-isc001 .isec-grid { grid-template-columns: 1fr; gap: 12px; } #brxe-isc001 .isec-card--featured { aspect-ratio: auto; min-height: 460px; } #brxe-isc001 .isec-card--featured .isec-card__title { font-size: 21px; } #brxe-isc001 .isec-card--featured .isec-card__desc { max-width: none; } #brxe-isc001 .isec-card--featured .isec-card__veil { background: linear-gradient(to top, rgba(4,26,38,.96) 0%, rgba(4,26,38,.93) 48%, rgba(4,26,38,.55) 74%, rgba(4,26,38,.16) 100%); } #brxe-isc001 .isec-card--featured .isec-card__foot { flex-wrap: wrap; justify-content: flex-end; } #brxe-isc001 .isec-card--featured .isec-chips { flex: 1 1 100%; order: 2; } #brxe-isc001 .isec-card--featured .isec-card__arrow { order: 1; } #brxe-isc001 .isec-chips { gap: 8px; } #brxe-isc001 .isec-chips > span { padding: 8px 12px; font-size: var(--text-xs); } #brxe-isc001 .isec-card--small { aspect-ratio: auto; min-height: 132px; align-items: center; } #brxe-isc001 .isec-card--small .isec-card__body, #brxe-isc001 .isec-card--wide .isec-card__body { flex-direction: row; align-items: center; gap: var(--space-sm); width: 100%; } #brxe-isc001 .isec-card--small .isec-card__foot, #brxe-isc001 .isec-card--wide .isec-card__foot { flex: 1 1 auto; min-width: 0; } #brxe-isc001 .isec-card--small .isec-card__veil, #brxe-isc001 .isec-card--wide .isec-card__veil { background: linear-gradient(to right, rgba(4,26,38,.96) 0%, rgba(4,26,38,.9) 40%, rgba(4,26,38,.55) 74%, rgba(4,26,38,.3) 100%); } #brxe-isc001 .isec-card--wide { min-height: 132px; margin-bottom: var(--space-md); } #brxe-isc001 .isec-card--small .isec-card__title, #brxe-isc001 .isec-card--wide .isec-card__title { font-size: 19px; } #brxe-isc001 .isec-card--small .isec-card__desc, #brxe-isc001 .isec-card--wide .isec-card__desc { max-width: 24ch; font-size: 13px; } #brxe-isc001 .isec-card__arrow { flex-basis: 40px; width: 40px; height: 40px; } #brxe-isc001 .isec-card__icon { width: 44px; height: 44px; border-radius: 12px; } #brxe-isc001 .isec-img--ecom { object-position: 52% 42%; } #brxe-isc001 .isec-img--hotel { object-position: 28% 50%; } #brxe-isc001 .isec-img--beauty { object-position: 30% 42%; } #brxe-isc001 .isec-img--realestate { object-position: 42% 34%; } #brxe-isc001 .isec-img--travel { object-position: 56% 50%; } #brxe-isc001 .isec-img--education { object-position: 56% 44%; } #brxe-isc001 .isec-cta { grid-template-columns: auto minmax(0, 1fr); padding: var(--space-md); } #brxe-isc001 .isec-cta__body { grid-column: 2; } #brxe-isc001 .isec-cta .bricks-button { grid-column: 1 / -1; width: 100%; margin-top: var(--space-sm); }}@media (max-width: 360px) { #brxe-isc001 .isec-card--featured { min-height: 420px; } #brxe-isc001 .isec-card--small .isec-card__desc, #brxe-isc001 .isec-card--wide .isec-card__desc { max-width: 20ch; } #brxe-isc001 .isec-cta { grid-template-columns: 1fr; } #brxe-isc001 .isec-cta__icon { width: 52px; height: 52px; } #brxe-isc001 .isec-cta__body { grid-column: 1; }}@media (prefers-reduced-motion: reduce) { #brxe-isc001 .isec-card, #brxe-isc001 .isec-card__media, #brxe-isc001 .isec-card__arrow, #brxe-isc001 .isec-all { transition: none; } #brxe-isc001 .isec-card:hover .isec-card__media { transform: none; } #brxe-isc001 .isec-card:hover .isec-card__arrow { transform: none; }}#brxe-hrd202 {padding-top: 64px; padding-right: 15px; padding-bottom: 64px; padding-left: 15px}#brxe-hrd201 { background: #f5faf7; color: #0c1922; }#brxe-hrd201 .ic-reads { max-width: 860px; }#brxe-hrd201 .ic-reads-eyebrow { margin: 0; color: #066b55; font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; line-height: 1; }#brxe-hrd201 .ic-reads h2 { margin: 16px 0 0; font-size: clamp(24px, 2.6vw, 34px); line-height: 1.2; letter-spacing: -.02em; font-weight: 800; color: #0c1922; }#brxe-hrd201 .ic-reads p, #brxe-hrd201 .ic-reads li { font-size: 17px; line-height: 1.75; color: #0c1922; }#brxe-hrd201 .ic-reads p { margin: 16px 0 0; }#brxe-hrd201 .ic-reads ul { margin: 16px 0 0; padding-left: 20px; }#brxe-hrd201 .ic-reads li { margin: 8px 0 0; }#brxe-hrd201 .ic-reads a { color: #066b55; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }#brxe-hrd201 .ic-reads a:hover { color: #044d3d; }@media (max-width: 767px) { #brxe-hrd201 .ic-reads p, #brxe-hrd201 .ic-reads li { font-size: 16px; } }#brxe-prc001 { position: relative; overflow: clip; padding-block: var(--space-3xl); background: var(--brand-surface); padding-left: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); padding-right: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); }#brxe-prc001::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(8, 45, 64, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(8, 45, 64, .035) 1px, transparent 1px); background-size: 56px 56px; -webkit-mask-image: radial-gradient(120% 70% at 50% 0%, #000 0%, transparent 74%); mask-image: radial-gradient(120% 70% at 50% 0%, #000 0%, transparent 74%);}#brxe-prc001 > .incard-container { position: relative; z-index: 1; }#brxe-prc001 .prc-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}#brxe-prc001 .prc-head { max-width: 860px; margin: 0 auto var(--space-xl); text-align: center; }#brxe-prc001 .prc-eyebrow { margin: 0 0 var(--space-sm); color: var(--text-accent); font-size: 13px; font-weight: 700; line-height: 1.2; letter-spacing: .14em; text-transform: uppercase;}#brxe-prc001 .prc-head h2 { margin: 0 0 var(--space-sm); }#brxe-prc001 .prc-head .lead { margin: 0 auto; max-width: 760px; }#brxe-prc001 .prc-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-sm); margin: 0 0 var(--space-lg); padding: 0; list-style: none;}#brxe-prc001 .prc-steps > li { position: relative; display: flex; }#brxe-prc001 .prc-steps > li:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: calc(-1 * var(--space-sm)); width: var(--space-sm); border-top: 2px dashed rgba(20, 128, 65, .4);}#brxe-prc001 .prc-step { display: flex; align-items: flex-start; gap: var(--space-sm); width: 100%; min-height: 44px; padding: var(--space-md) var(--space-sm); border: 1px solid var(--border); border-radius: 18px; background: var(--brand-surface); color: var(--text-primary); font: inherit; text-align: left; cursor: pointer; transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;}#brxe-prc001 .prc-step__num { flex: 0 0 40px; display: grid; place-items: center; width: 40px; height: 40px; border: 1.5px solid rgba(20, 128, 65, .45); border-radius: var(--radius-pill); color: var(--text-accent); font-size: 16px; font-weight: 700; transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;}#brxe-prc001 .prc-step__name { display: block; margin: 0 0 4px; font-size: 15px; font-weight: 700; line-height: 1.3; }#brxe-prc001 .prc-step__short { display: block; color: var(--text-secondary); font-size: 13px; line-height: 1.45; }#brxe-prc001 .prc-step__caret { display: none; }@media (hover: hover) { #brxe-prc001 .prc-step:hover { border-color: rgba(8, 45, 64, .28); background: var(--brand-bg); }}#brxe-prc001 .prc-step:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }#brxe-prc001 .prc-steps > li.is-open .prc-step { border-color: var(--text-accent); box-shadow: 0 0 0 1px var(--brand-green), var(--shadow-md); background: var(--brand-surface);}#brxe-prc001 .prc-steps > li.is-open .prc-step__num { background: var(--brand-green); border-color: var(--text-accent); color: var(--ag-on-green, #0c1922);}#brxe-prc001 .prc-body { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr) minmax(0, 268px); gap: var(--space-md); align-items: start; margin-bottom: var(--space-md);}#brxe-prc001 .prc-panel { min-width: 0; }#brxe-prc001 .prc-detail { padding: var(--space-lg); border: 1px solid var(--border); border-radius: 20px; background: var(--brand-surface); box-shadow: var(--shadow-sm);}#brxe-prc001 .prc-detail__badge { display: inline-flex; margin: 0 0 var(--space-md); padding: 5px 12px; border-radius: var(--radius-sm); background: var(--brand-ink); color: var(--on-ink-strong); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;}#brxe-prc001 .prc-detail__title { margin: 0 0 var(--space-sm); font-size: 28px; letter-spacing: -.02em; }#brxe-prc001 .prc-detail__text { margin: 0 0 var(--space-md); color: var(--text-secondary); font-size: 15px; line-height: 1.6; }#brxe-prc001 .prc-check { margin: 0; padding: var(--space-md) 0 0; border-top: 1px solid var(--border); list-style: none; }#brxe-prc001 .prc-check li { display: flex; align-items: flex-start; gap: var(--space-sm); padding-block: 10px; color: var(--text-primary); font-size: 15px; font-weight: 600; line-height: 1.45;}#brxe-prc001 .prc-check__mark { flex: 0 0 26px; display: grid; place-items: center; width: 26px; height: 26px; margin-top: 1px; border-radius: var(--radius-pill); background: var(--brand-green); color: var(--ag-on-green, #0c1922);}#brxe-prc001 .prc-check__mark svg { width: 15px; height: 15px; }#brxe-prc001 .prc-workflow { min-width: 0; }#brxe-prc001 .prc-shots { display: flex; flex-direction: column; }#brxe-prc001 .prc-shot { position: relative; margin: 0; border: 1px solid rgba(8, 45, 64, .18); border-radius: var(--radius-lg); background: var(--brand-ink); box-shadow: var(--shadow-lg); overflow: hidden;}#brxe-prc001 .prc-shot img { display: block; width: 100%; height: auto; }#brxe-prc001 .prc-shots .prc-shot { display: none; }#brxe-prc001 .prc-shots[data-primary="s1"] .prc-shot--s1,#brxe-prc001 .prc-shots[data-primary="s2"] .prc-shot--s2,#brxe-prc001 .prc-shots[data-primary="s3"] .prc-shot--s3,#brxe-prc001 .prc-shots[data-primary="s4"] .prc-shot--s4 { display: block; width: 100%; margin-top: 0; align-self: stretch;}#brxe-prc001 .prc-shot { background: var(--brand-surface); }#brxe-prc001 .prc-status { display: grid; gap: var(--space-sm); margin: 0; padding: 0; list-style: none; }#brxe-prc001 .prc-status li { padding: var(--space-md); border: 1px solid var(--border); border-radius: 16px; background: var(--brand-surface); box-shadow: var(--shadow-sm);}#brxe-prc001 .prc-status__head { display: flex; align-items: center; gap: var(--space-xs); margin: 0 0 6px; color: var(--text-accent); font-size: 14px; font-weight: 700; line-height: 1.3;}#brxe-prc001 .prc-status__head svg { flex: 0 0 20px; width: 20px; height: 20px; }#brxe-prc001 .prc-status p:not(.prc-status__head) { margin: 0; color: var(--text-secondary); font-size: 13px; line-height: 1.5; }#brxe-prc001 .prc-foot { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-md); align-items: center; }#brxe-prc001 .prc-proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-md); margin: 0; padding: var(--space-md) var(--space-lg); border: 1px solid var(--border); border-radius: 20px; background: var(--brand-surface); box-shadow: var(--shadow-sm); list-style: none;}#brxe-prc001 .prc-proof li { display: flex; align-items: center; gap: var(--space-sm); color: var(--text-primary); font-size: 15px; font-weight: 600; line-height: 1.35;}#brxe-prc001 .prc-proof__icon { flex: 0 0 44px; display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--radius-pill); background: var(--green-wash); color: var(--text-accent);}#brxe-prc001 .prc-proof__icon svg { width: 22px; height: 22px; }@media (max-width: 1199px) { #brxe-prc001 .prc-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-md); } #brxe-prc001 .prc-steps > li:not(:last-child)::after { display: none; } #brxe-prc001 .prc-steps > li:nth-child(odd)::after { content: ""; display: block; position: absolute; top: 50%; right: calc(-1 * var(--space-md)); width: var(--space-md); border-top: 2px dashed rgba(20, 128, 65, .4); } #brxe-prc001 .prc-body { grid-template-columns: minmax(0, 1fr); } #brxe-prc001 .prc-status { grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 991px) { #brxe-prc001 { padding-block: var(--space-2xl); } #brxe-prc001 .prc-foot { grid-template-columns: minmax(0, 1fr); } #brxe-prc001 .prc-foot .button { justify-self: stretch; }}@media (max-width: 767px) { #brxe-prc001 .prc-head { margin-bottom: var(--space-lg); } #brxe-prc001 .prc-head h2 { font-size: 32px; line-height: 1.18; letter-spacing: -.03em; } #brxe-prc001 .prc-steps { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-left: 22px; } #brxe-prc001 .prc-steps > li { flex-direction: column; } #brxe-prc001 .prc-steps > li:nth-child(odd)::after { display: none; } #brxe-prc001 .prc-steps > li::before { content: ""; position: absolute; top: 34px; bottom: -12px; left: -22px; border-left: 2px dashed rgba(20, 128, 65, .4); } #brxe-prc001 .prc-steps > li:last-child::before { display: none; } #brxe-prc001 .prc-step { position: relative; align-items: center; padding: var(--space-sm) var(--space-md); } #brxe-prc001 .prc-step::before { content: ""; position: absolute; top: 26px; left: -26px; width: 9px; height: 9px; border-radius: var(--radius-pill); background: var(--brand-green); } #brxe-prc001 .prc-step__num { flex-basis: 40px; width: 40px; height: 40px; font-size: 15px; } #brxe-prc001 .prc-step__name { font-size: 15px; } #brxe-prc001 .prc-step__short { font-size: 13px; } #brxe-prc001 .prc-step__caret { flex: 0 0 24px; display: grid; place-items: center; margin-left: auto; color: var(--text-secondary); transition: transform 180ms ease; } #brxe-prc001 .prc-step__caret svg { width: 20px; height: 20px; } #brxe-prc001 .prc-steps > li.is-open .prc-step__caret { transform: rotate(180deg); color: var(--text-accent); }  #brxe-prc001 .prc-steps .prc-detail { width: 100%; margin-top: 12px; padding: var(--space-md); border-radius: 16px; background: var(--brand-bg); box-shadow: none; } #brxe-prc001 .prc-detail__title { font-size: 22px; } #brxe-prc001 .prc-detail__badge { margin-bottom: var(--space-sm); }  #brxe-prc001 .prc-shots .prc-shot, #brxe-prc001 .prc-shots .prc-shot:last-child { width: 100%; margin-top: 0; align-self: stretch; } #brxe-prc001 .prc-shots { gap: 12px; } #brxe-prc001 .prc-body { gap: var(--space-md); } #brxe-prc001 .prc-status { grid-template-columns: repeat(2, minmax(0, 1fr)); } #brxe-prc001 .prc-status li { padding: var(--space-sm); } #brxe-prc001 .prc-status__head { font-size: 13px; } #brxe-prc001 .prc-proof { grid-template-columns: minmax(0, 1fr); padding: var(--space-md); } #brxe-prc001 .prc-proof li { font-size: 14px; } #brxe-prc001 .prc-foot .button { width: 100%; }}@media (max-width: 360px) { #brxe-prc001 .prc-status { grid-template-columns: minmax(0, 1fr); }}@media (prefers-reduced-motion: reduce) { #brxe-prc001 .prc-step, #brxe-prc001 .prc-step__num, #brxe-prc001 .prc-step__caret { transition: none; }}#brxe-int001 { background: var(--brand-bg); padding-block: var(--space-3xl); padding-left: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); padding-right: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); }#brxe-int001 .int-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}#brxe-int001 .int-head { max-width: 720px; margin-inline: auto; text-align: center; }#brxe-int001 .int-eyebrow { margin: 0 0 var(--space-xs); color: var(--text-accent); font-size: .8125rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;}#brxe-int001 .int-head h2 { margin: 0 0 var(--space-sm); color: var(--brand-ink); font-size: clamp(1.625rem, 4.4vw, 2.5rem); line-height: 1.18; letter-spacing: -.01em;}#brxe-int001 .int-lead { margin: 0; color: var(--text-secondary); font-size: 1.0625rem; line-height: 1.6; }#brxe-int001 .int-link { display: inline-flex; align-items: center; gap: var(--space-xs); min-height: 44px; margin-top: var(--space-sm); color: var(--text-accent); font-weight: 600; text-decoration: none;}#brxe-int001 .int-link:hover { color: var(--brand-green-hover); text-decoration: underline; text-underline-offset: 4px; }#brxe-int001 .int-link__arrow { transition: transform 180ms ease; }#brxe-int001 .int-link:hover .int-link__arrow { transform: translateX(4px); }#brxe-int001 .int-stage { display: grid; gap: var(--space-md); margin-top: var(--space-xl); }#brxe-int001 .int-hub { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--radius-xl); background: var(--brand-ink); box-shadow: var(--shadow-lg);}#brxe-int001 .int-hub__bar { display: flex; align-items: center; justify-content: center; gap: var(--space-xs); margin: 0; padding: 14px var(--space-md); border-bottom: 1px solid var(--on-ink-rule); color: var(--on-ink-strong); font-weight: 600; text-align: center;}#brxe-int001 .int-hub__spark { flex: none; width: 20px; height: 20px; color: var(--on-ink-accent); }#brxe-int001 .int-hub__spark svg { display: block; width: 100%; height: 100%; }#brxe-int001 .int-hub__shot { display: block; margin: 0; }#brxe-int001 .int-hub__shot picture { display: block; width: 100%; }#brxe-int001 .int-hub__shot img { display: block; width: 100%; height: auto; aspect-ratio: 1265 / 655; }@media (max-width: 767px) { #brxe-int001 .int-hub__shot img { aspect-ratio: 296 / 442; }}#brxe-int001 .int-fan { position: relative; display: flex; justify-content: center; gap: 14px; width: max-content; height: 34px; margin-inline: auto; color: var(--text-accent);}#brxe-int001 .int-fan::before { content: ""; position: absolute; inset: 0 0 auto; border-top: 2px dashed currentColor; opacity: .55;}#brxe-int001 .int-fan__stem { position: relative; width: 0; border-left: 2px dashed currentColor; opacity: .55;}#brxe-int001 .int-fan__stem::after { content: ""; position: absolute; bottom: -5px; left: -5px; width: 8px; height: 8px; border: 2px solid currentColor; border-radius: 50%; background: var(--brand-bg);}@media (max-width: 767px) { #brxe-int001 .int-fan__stem:nth-child(n + 2) { display: none; } #brxe-int001 .int-fan::before { display: none; }}#brxe-int001 .int-group { display: grid; align-content: start; gap: var(--space-xs) var(--space-sm); padding: var(--space-md); border: 1px solid var(--border); border-radius: var(--radius-xl); background: var(--brand-surface); box-shadow: var(--shadow-sm);  grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "icon title caret" "icon badge caret" "peek peek peek" "panel panel panel";}#brxe-int001 .int-group__icon { grid-area: icon; align-self: start; width: 30px; height: 30px; color: var(--text-accent); }#brxe-int001 .int-group__icon svg { display: block; width: 100%; height: 100%; }#brxe-int001 .int-group__title { grid-area: title; align-self: center; margin: 0; color: var(--brand-ink); font-size: 1.125rem; line-height: 1.3;}#brxe-int001 .int-badge { grid-area: badge; }#brxe-int001 .int-group__peek { grid-area: peek; display: none; margin: 0; color: var(--text-secondary); font-size: .875rem; line-height: 1.5;}#brxe-int001 .int-group__toggle { grid-area: caret; align-self: start; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: -10px -10px 0 0; padding: 0; border: 0; border-radius: var(--radius-sm); background: none; color: var(--text-secondary); cursor: pointer;}#brxe-int001 .int-group__toggle:hover { color: var(--text-accent); background: var(--green-wash); }#brxe-int001 .int-group__caret { display: block; width: 22px; height: 22px; transition: transform 200ms ease; }#brxe-int001 .int-group__caret svg { display: block; width: 100%; height: 100%; }#brxe-int001 .int-group[data-int-open="true"] .int-group__caret { transform: rotate(180deg); }#brxe-int001 .int-group[data-int-open="false"] .int-group__peek { display: block; }#brxe-int001 .int-group__panel { grid-area: panel; }#brxe-int001 .int-group__panel[hidden] { display: none; }#brxe-int001 .int-badge { display: inline-flex; align-items: center; gap: 6px; justify-self: start; margin: 0; padding: 5px 11px 5px 7px; border: 1px solid; border-radius: var(--radius-pill); font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap;}#brxe-int001 .int-badge__icon { display: grid; place-items: center; flex: none; width: 18px; height: 18px; border-radius: 50%; color: #fff;}#brxe-int001 .int-badge__icon svg { display: block; width: 12px; height: 12px; }#brxe-int001 .int-badge--ready { border-color: var(--text-accent); background: var(--green-wash); color: var(--text-accent); }#brxe-int001 .int-badge--ready .int-badge__icon { background: var(--brand-green); }#brxe-int001 .int-badge--api { border-color: var(--warning); background: var(--brand-surface); color: var(--text-primary); }@supports (background: color-mix(in srgb, red, white)) { #brxe-int001 .int-badge--api { background: color-mix(in srgb, var(--warning) 14%, var(--brand-surface)); }}#brxe-int001 .int-badge--api .int-badge__icon { background: var(--warning); }#brxe-int001 .int-badge--ondemand { border-color: var(--brand-blue); background: var(--blue-wash); color: var(--brand-blue); }#brxe-int001 .int-badge--ondemand .int-badge__icon { background: var(--brand-blue); }#brxe-int001 .int-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xs); margin: var(--space-xs) 0 0; padding: 0; list-style: none;}#brxe-int001 .int-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-xs); min-height: 96px; padding: var(--space-sm) 6px; border: 1px solid var(--border); border-radius: var(--radius-md); text-align: center;}#brxe-int001 .int-item__icon { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 12px;}#brxe-int001 .int-item__icon svg { display: block; width: 22px; height: 22px; }#brxe-int001 .int-item__icon .incard-icon { font-size: 22px; color: #fff; }#brxe-int001 .int-item__name { color: var(--text-primary); font-size: .875rem; font-weight: 500; line-height: 1.35; }#brxe-int001 .int-item__icon--neutral { background: var(--green-wash); color: var(--text-accent); }#brxe-int001 .int-item__icon--data { background: var(--blue-wash); color: var(--brand-blue); }#brxe-int001 .int-item__icon--facebook { background: #1877f2; }#brxe-int001 .int-item__icon--messenger { background: #0084ff; }#brxe-int001 .int-item__icon--instagram { background: #c13584; }#brxe-int001 .int-item__icon--whatsapp { background: #1da851; }#brxe-int001 .int-item__icon--telegram { background: #229ed9; }#brxe-int001 .int-item__icon--linkedin { background: #0a66c2; }#brxe-int001 .int-item__icon--tiktok { background: #111827; }#brxe-int001 .int-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-xs) 0; margin: 0; padding: var(--space-sm) var(--space-xs); border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--brand-surface); list-style: none;}#brxe-int001 .int-legend__item { display: flex; align-items: center; gap: var(--space-xs); padding-inline: var(--space-sm); color: var(--text-primary); font-size: .9375rem; font-weight: 500;}#brxe-int001 .int-legend__item + .int-legend__item { border-left: 1px solid var(--border); }#brxe-int001 .int-legend__icon { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 50%; color: #fff;}#brxe-int001 .int-legend__icon svg { display: block; width: 16px; height: 16px; }#brxe-int001 .int-legend__icon--ready { background: var(--brand-green); }#brxe-int001 .int-legend__icon--api { background: var(--warning); }#brxe-int001 .int-legend__icon--ondemand { background: var(--brand-blue); }@media (max-width: 767px) { #brxe-int001 .int-legend { flex-direction: column; align-items: flex-start; gap: 10px; padding: var(--space-sm) var(--space-md); } #brxe-int001 .int-legend__item { padding-inline: 0; } #brxe-int001 .int-legend__item + .int-legend__item { border-left: 0; }}@media (max-width: 430px) { #brxe-int001 .int-group__title { font-size: 1.0625rem; } #brxe-int001 .int-cta { padding: var(--space-md); grid-template-columns: minmax(0, 1fr); grid-template-areas: "icon" "body" "btn"; } #brxe-int001 .int-cta__icon { width: 44px; height: 44px; } #brxe-int001 .int-cta__icon svg { width: 24px; height: 24px; }}#brxe-int001 .int-cta { display: grid; gap: var(--space-sm); margin-top: var(--space-lg); padding: var(--space-lg); border: 1px solid var(--border); border-radius: var(--radius-xl); background: var(--brand-surface); box-shadow: var(--shadow-sm); grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "icon body" "btn btn";}#brxe-int001 .int-cta__icon { grid-area: icon; display: grid; place-items: center; align-self: start; width: 52px; height: 52px; border-radius: var(--radius-md); background: var(--brand-green); color: var(--ag-on-green, #0c1922);}#brxe-int001 .int-cta__icon svg { display: block; width: 28px; height: 28px; }#brxe-int001 .int-cta__body { grid-area: body; }#brxe-int001 .int-cta__title { margin: 0 0 4px; color: var(--brand-ink); font-size: 1.125rem; font-weight: 700; line-height: 1.3; }#brxe-int001 .int-cta__text { margin: 0; color: var(--text-secondary); line-height: 1.55; }#brxe-int001 .int-cta__btn { grid-area: btn; justify-self: stretch; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-xs); min-height: 48px; padding: 13px 22px; border: 1px solid transparent; border-radius: var(--radius-sm); color: var(--ag-on-green, #0c1922); background: var(--brand-green); box-shadow: 0 4px 12px rgba(20, 128, 65, .18); font-size: 15px; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none; transition: background-color 160ms ease, box-shadow 160ms ease;}#brxe-int001 .int-cta__btn:hover { color: var(--brand-surface); background: var(--brand-green-hover); }#brxe-int001 .int-wire { display: none; }@media (min-width: 431px) and (max-width: 767px) { #brxe-int001 .int-group { grid-template-columns: auto minmax(0, 1fr) auto auto; grid-template-areas: "icon title badge caret" "icon peek peek caret" "panel panel panel panel"; } #brxe-int001 .int-badge { justify-self: end; align-self: center; } #brxe-int001 .int-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }}@media (min-width: 768px) {  #brxe-int001 .int-group { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "icon title badge" "panel panel panel"; } #brxe-int001 .int-group__toggle, #brxe-int001 .int-group__peek { display: none; } #brxe-int001 .int-badge { justify-self: end; align-self: center; } #brxe-int001 .int-list { grid-template-columns: 1fr; gap: 2px; margin-top: var(--space-sm); } #brxe-int001 .int-item { flex-direction: row; justify-content: flex-start; min-height: 44px; padding: 7px 0; border: 0; text-align: left; } #brxe-int001 .int-item__icon { width: 32px; height: 32px; border-radius: 9px; } #brxe-int001 .int-item__icon svg { width: 19px; height: 19px; } #brxe-int001 .int-item__icon .incard-icon { font-size: 18px; } #brxe-int001 .int-item__name { font-size: .9375rem; } #brxe-int001 .int-cta { align-items: center; gap: var(--space-md); grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "icon body btn"; } #brxe-int001 .int-cta__icon { align-self: center; } #brxe-int001 .int-cta__btn { justify-self: end; }}@media (min-width: 768px) and (max-width: 1023px) { #brxe-int001 .int-stage { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } #brxe-int001 .int-hub { grid-column: 1 / -1; } #brxe-int001 .int-fan { grid-column: 1 / -1; } #brxe-int001 .int-legend { grid-column: 1 / -1; }}@media (min-width: 1024px) { #brxe-int001 .int-stage { grid-template-columns: minmax(196px, 288px) clamp(28px, 4.4vw, 68px) minmax(0, 1fr) clamp(28px, 4.4vw, 68px) minmax(196px, 288px); grid-template-rows: auto auto auto; column-gap: 0; row-gap: var(--space-lg); align-items: start; } #brxe-int001 .int-hub { grid-area: 1 / 3 / 3 / 4; align-self: center; } #brxe-int001 .int-group--ch { grid-area: 1 / 1 / 2 / 2; } #brxe-int001 .int-group--crm { grid-area: 2 / 1 / 3 / 2; } #brxe-int001 .int-group--soc { grid-area: 1 / 5 / 2 / 6; } #brxe-int001 .int-group--com { grid-area: 2 / 5 / 3 / 6; } #brxe-int001 .int-legend { grid-area: 3 / 1 / 4 / 6; max-width: 620px; margin-inline: auto; } #brxe-int001 .int-fan { display: none; } #brxe-int001 .int-wire { position: relative; display: block; align-self: stretch; color: var(--text-accent); } #brxe-int001 .int-wire--a { grid-area: 1 / 2 / 2 / 3; } #brxe-int001 .int-wire--b { grid-area: 2 / 2 / 3 / 3; transform: scaleY(-1); } #brxe-int001 .int-wire--c { grid-area: 1 / 4 / 2 / 5; transform: scaleX(-1); } #brxe-int001 .int-wire--d { grid-area: 2 / 4 / 3 / 5; transform: scale(-1, -1); } #brxe-int001 .int-wire__dot { position: absolute; left: -5px; top: 50%; width: 10px; height: 10px; margin-top: -5px; border: 2px solid currentColor; border-radius: 50%; background: var(--brand-bg); }  #brxe-int001 .int-wire__elbow { position: absolute; left: 5px; right: 34%; top: 50%; bottom: 0; border-top: 2px solid currentColor; border-right: 2px solid currentColor; border-top-right-radius: 16px; opacity: .55; }  #brxe-int001 .int-wire__tip { position: absolute; right: 0; bottom: 0; width: 34%; border-top: 2px dashed currentColor; opacity: .7; } #brxe-int001 .int-wire__tip::after { content: ""; position: absolute; right: 0; top: -6px; width: 9px; height: 9px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); }  #brxe-int001 .int-group { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "icon title" "panel panel" "badge badge"; padding: var(--space-lg) var(--space-md); } #brxe-int001 .int-badge { justify-self: start; margin-top: var(--space-xs); }}@media (prefers-reduced-motion: reduce) { #brxe-int001 .int-link__arrow, #brxe-int001 .int-group__caret { transition: none; } #brxe-int001 .int-link:hover .int-link__arrow { transform: none; }}#brxe-tw001 { position: relative; --tw-line: rgba(18, 114, 188, .05); background-color: var(--brand-surface); background-image: repeating-linear-gradient(to right, var(--tw-line) 0 1px, transparent 1px 72px), repeating-linear-gradient(to bottom, var(--tw-line) 0 1px, transparent 1px 72px); padding-block: var(--space-3xl); padding-left: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); padding-right: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); }@supports (background: color-mix(in srgb, red, white)) { #brxe-tw001 { --tw-line: color-mix(in srgb, var(--brand-blue) 7%, transparent); }}#brxe-tw001 .tw-head { max-width: 720px; margin-inline: auto; text-align: center; }#brxe-tw001 .tw-eyebrow { margin: 0; color: var(--text-accent); font-size: .8125rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;}#brxe-tw001 .tw-eyebrow::after { content: ""; display: block; width: 30px; height: 2px; margin: var(--space-xs) auto 0; border-radius: var(--radius-pill); background: var(--brand-green);}#brxe-tw001 .tw-head h2 { margin: var(--space-sm) 0 var(--space-xs); color: var(--brand-ink); font-size: clamp(1.625rem, 4.4vw, 2.5rem); line-height: 1.18; letter-spacing: -.01em;}#brxe-tw001 .tw-lead { margin: 0; color: var(--text-secondary); font-size: 1.0625rem; line-height: 1.6; }#brxe-tw001 .tw-link { display: inline-flex; align-items: center; gap: var(--space-xs); min-height: 44px; margin-top: var(--space-xs); color: var(--text-accent); font-weight: 600; text-decoration: none;}#brxe-tw001 .tw-link:hover { color: var(--brand-green-hover); text-decoration: underline; text-underline-offset: 4px; }#brxe-tw001 .tw-link__arrow { transition: transform 180ms ease; }#brxe-tw001 .tw-link:hover .tw-link__arrow { transform: translateX(4px); }#brxe-tw001 .tw-logos { display: grid; gap: var(--space-sm); margin: var(--space-xl) 0 0; padding: 0; list-style: none;}#brxe-tw001 .tw-logo { display: grid; place-items: center; min-height: 108px; padding: var(--space-sm); border: 1px solid var(--border); border-radius: var(--radius-xl); background: var(--brand-surface); box-shadow: var(--shadow-sm);}#brxe-tw001 .tw-logo img { display: block; max-width: 100%; width: auto; object-fit: contain;}#brxe-tw001 .tw-logo--vtv img { height: calc(var(--tw-ink) * .540); }#brxe-tw001 .tw-logo--melia img { height: var(--tw-ink); }#brxe-tw001 .tw-logo--marriott img { height: calc(var(--tw-ink) * .747); }#brxe-tw001 .tw-logo--fahasa img { height: calc(var(--tw-ink) * .386); }#brxe-tw001 .tw-logo--daiichi img { height: calc(var(--tw-ink) * .509); }#brxe-tw001 .tw-panel { display: grid; gap: var(--space-sm); margin-top: var(--space-lg);}#brxe-tw001 .tw-case { position: relative; display: grid; align-content: start; justify-items: center; gap: var(--space-xs); padding: var(--space-lg) var(--space-md) var(--space-md); border-radius: var(--radius-xl); color: var(--on-ink-strong); text-align: center; text-decoration: none; transition: box-shadow 180ms ease;}#brxe-tw001 .tw-case:hover { box-shadow: inset 0 0 0 1px var(--tw-ring); --tw-ring: rgba(82, 213, 137, .55); }@supports (background: color-mix(in srgb, red, white)) { #brxe-tw001 .tw-case:hover { --tw-ring: color-mix(in srgb, var(--on-ink-accent) 55%, transparent); }}#brxe-tw001 .tw-case__net { position: absolute; right: 0; bottom: 0; width: 120px; height: 120px; color: var(--on-ink-accent); opacity: .16; pointer-events: none;}#brxe-tw001 .tw-case__net svg { display: block; width: 100%; height: 100%; }#brxe-tw001 .tw-case > :not(.tw-case__net) { position: relative; }#brxe-tw001 .tw-case__icon { width: 52px; height: 47px; color: var(--on-ink-accent); }#brxe-tw001 .tw-case__icon svg { display: block; width: 100%; height: 100%; }#brxe-tw001 .tw-case__name { margin: var(--space-xs) 0 0; color: var(--on-ink-strong); font-size: clamp(1.5rem, 3.4vw, 1.875rem); line-height: 1.2;}#brxe-tw001 .tw-case__tag { padding: 5px 14px; border: 1px solid var(--on-ink-accent); border-radius: var(--radius-pill); color: var(--on-ink-accent); font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;}#brxe-tw001 .tw-case__text { max-width: 32ch; margin: var(--space-xs) 0 0; color: var(--on-ink-body); line-height: 1.6;}#brxe-tw001 .tw-case__rule { width: 38px; height: 2px; margin-top: var(--space-sm); border-radius: var(--radius-pill); background: var(--on-ink-accent); opacity: .55;}#brxe-tw001 .tw-note { display: flex; align-items: center; justify-content: center; gap: var(--space-sm); margin: var(--space-lg) 0 0; color: var(--text-primary); line-height: 1.55;}#brxe-tw001 .tw-note__icon { flex: none; width: 26px; height: 26px; color: var(--text-accent); }#brxe-tw001 .tw-note__icon svg { display: block; width: 100%; height: 100%; }@media (max-width: 767px) { #brxe-tw001 .tw-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); --tw-ink: 54px; } #brxe-tw001 .tw-logo { min-height: 92px; }  #brxe-tw001 .tw-logo:nth-child(5) { grid-column: 1 / -1; justify-self: center; width: calc(50% - var(--space-sm) / 2); } #brxe-tw001 .tw-panel { grid-template-columns: minmax(0, 1fr); } #brxe-tw001 .tw-case { background: var(--brand-ink); } #brxe-tw001 .tw-note { align-items: flex-start; justify-content: flex-start; padding: var(--space-sm) var(--space-md); border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--brand-surface); text-align: left; }}@media (max-width: 359px) { #brxe-tw001 .tw-logos { --tw-ink: 40px; } #brxe-tw001 .tw-logo { padding: var(--space-xs); }}@media (min-width: 768px) and (max-width: 1199px) {  #brxe-tw001 .tw-logos { grid-template-columns: repeat(6, minmax(0, 1fr)); --tw-ink: 96px; } #brxe-tw001 .tw-logo { grid-column: span 2; min-height: 148px; padding: var(--space-md); } #brxe-tw001 .tw-logo:nth-child(4) { grid-column: 2 / span 2; } #brxe-tw001 .tw-logo:nth-child(5) { grid-column: 4 / span 2; } #brxe-tw001 .tw-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); } #brxe-tw001 .tw-case { background: var(--brand-ink); } #brxe-tw001 .tw-case:last-child { grid-column: 1 / -1; } #brxe-tw001 .tw-note { padding: var(--space-sm) var(--space-lg); border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--brand-surface); }}@media (min-width: 1200px) { #brxe-tw001 .tw-logos { grid-template-columns: repeat(5, minmax(0, 1fr)); --tw-ink: 80px; } #brxe-tw001 .tw-logo { min-height: 132px; padding: var(--space-sm); } #brxe-tw001 .tw-panel { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-radius: var(--radius-xl); background: var(--brand-ink); } #brxe-tw001 .tw-case { padding: var(--space-xl) var(--space-lg) var(--space-lg); } #brxe-tw001 .tw-case + .tw-case { box-shadow: inset 1px 0 0 var(--on-ink-rule); }  #brxe-tw001 .tw-case + .tw-case:hover { box-shadow: inset 1px 0 0 var(--on-ink-rule), inset 0 0 0 1px var(--tw-ring); }}@media (prefers-reduced-motion: reduce) { #brxe-tw001 .tw-link__arrow, #brxe-tw001 .tw-case { transition: none; } #brxe-tw001 .tw-link:hover .tw-link__arrow { transform: none; }}#brxe-sty001 { position: relative; --story-line: rgba(18, 114, 188, .05); background-color: var(--brand-bg); background-image: repeating-linear-gradient(to right, var(--story-line) 0 1px, transparent 1px 72px), repeating-linear-gradient(to bottom, var(--story-line) 0 1px, transparent 1px 72px); padding-block: var(--space-3xl); padding-left: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); padding-right: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); }@supports (background: color-mix(in srgb, red, white)) { #brxe-sty001 { --story-line: color-mix(in srgb, var(--brand-blue) 7%, transparent); }}#brxe-sty001 .story-head { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-sm);}#brxe-sty001 .story-head__text { align-self: stretch; }#brxe-sty001 .story-eyebrow { margin: 0; color: var(--text-accent); font-size: .8125rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;}#brxe-sty001 .story-head h2 { margin: var(--space-xs) 0 var(--space-xs); color: var(--brand-ink); font-size: clamp(1.625rem, 4.4vw, 2.5rem); line-height: 1.18; letter-spacing: -.01em;}#brxe-sty001 .story-lead { margin: 0; color: var(--text-secondary); font-size: 1.0625rem; line-height: 1.6; }#brxe-sty001 .story-all { display: inline-flex; align-items: center; gap: var(--space-xs); min-height: 44px; color: var(--text-accent); font-weight: 600; text-decoration: none;}#brxe-sty001 .story-all:hover { color: var(--brand-green-hover); text-decoration: underline; text-underline-offset: 4px; }#brxe-sty001 .story-all__arrow { transition: transform 180ms ease; }#brxe-sty001 .story-all:hover .story-all__arrow { transform: translateX(4px); }#brxe-sty001 .story-tabs { display: grid; gap: var(--space-sm); margin-top: var(--space-xl); }#brxe-sty001 .story-tab { display: grid; align-items: center; gap: var(--space-sm); min-height: 52px; padding: var(--space-sm); border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--brand-surface); color: var(--brand-ink); font: inherit; text-align: left; cursor: pointer; transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;}#brxe-sty001 .story-tab:hover { border-color: var(--text-accent); box-shadow: var(--shadow-sm); }#brxe-sty001 .story-tab[aria-selected="true"] { border-color: var(--brand-green-hover); background: var(--brand-green); color: var(--ag-on-green, #0c1922);}#brxe-sty001 .story-tab[aria-selected="true"]:focus-visible { outline: 3px solid var(--focus-on-gradient); outline-offset: 2px;}#brxe-sty001 .story-tab__thumb { overflow: hidden; border-radius: var(--radius-md); background: var(--brand-ink);}#brxe-sty001 .story-tab__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }#brxe-sty001 .story-tab__body { display: grid; gap: 6px; justify-items: start; }#brxe-sty001 .story-tab__name { font-size: 1.0625rem; font-weight: 700; line-height: 1.2; }#brxe-sty001 .story-tab__label { padding: 4px 10px; border-radius: var(--radius-pill); background: var(--brand-bg); color: var(--text-secondary); font-size: .6875rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;}#brxe-sty001 .story-tab[aria-selected="true"] .story-tab__label { background: var(--brand-surface); color: var(--text-accent); }#brxe-sty001 .story-tab__check { display: none; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--brand-surface); color: var(--text-accent);}#brxe-sty001 .story-tab__check svg { display: block; width: 15px; height: 15px; }#brxe-sty001 .story-tab[aria-selected="true"] .story-tab__check { display: grid; }#brxe-sty001 .story-panel { display: grid; margin-top: var(--space-lg); border-radius: var(--radius-xl); animation: story-in 180ms ease both;}#brxe-sty001 .story-panel[hidden] { display: none; }@keyframes story-in { from { opacity: 0; } to { opacity: 1; } }#brxe-sty001 .story-shot { overflow: hidden; margin: 0; background: var(--brand-ink); aspect-ratio: 4 / 3;}#brxe-sty001 .story-shot img { display: block; width: 100%; height: 100%; object-fit: cover; }#brxe-sty001 .story-body { display: grid; align-content: start; gap: var(--space-sm); padding: var(--space-lg) var(--space-md); border: 1px solid var(--border); background: var(--brand-surface); box-shadow: var(--shadow-sm);}#brxe-sty001 .story-chips { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin: 0; }#brxe-sty001 .story-chip { padding: 6px 12px; border: 1px solid var(--border); border-radius: var(--radius-pill); color: var(--text-secondary); font-size: .6875rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;}#brxe-sty001 .story-chip--lead { border-color: var(--text-accent); background: var(--green-wash); color: var(--text-accent); }#brxe-sty001 .story-name { margin: 0; color: var(--brand-ink); font-size: clamp(1.25rem, 3vw, 1.75rem); line-height: 1.25;}#brxe-sty001 .story-desc { margin: 0; color: var(--text-secondary); font-size: 1.0625rem; line-height: 1.6; }#brxe-sty001 .story-kpis { display: grid; gap: var(--space-sm); margin: var(--space-xs) 0 0; }#brxe-sty001 .story-kpi { display: flex; flex-direction: column-reverse;  align-items: center; gap: 4px; padding: var(--space-sm) var(--space-xs); border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--green-wash); text-align: center;}#brxe-sty001 .story-kpi__value { margin: 0; color: var(--text-accent); font-size: clamp(1.5rem, 4vw, 2rem); font-weight: 700; line-height: 1.1; letter-spacing: -.01em;}#brxe-sty001 .story-kpi__label { color: var(--text-secondary); font-size: .875rem; line-height: 1.3; }#brxe-sty001 .story-note { display: flex; align-items: flex-start; gap: var(--space-xs); margin: 0; color: var(--text-secondary); font-size: .875rem; line-height: 1.5;}#brxe-sty001 .story-note__icon { flex: none; width: 18px; height: 18px; margin-top: 2px; }#brxe-sty001 .story-note__icon svg { display: block; width: 100%; height: 100%; }#brxe-sty001 .story-read { display: inline-flex; align-items: center; gap: var(--space-xs); justify-self: start; min-height: 44px; color: var(--text-accent); font-weight: 600; text-decoration: none;}#brxe-sty001 .story-read:hover { color: var(--brand-green-hover); text-decoration: underline; text-underline-offset: 4px; }#brxe-sty001 .story-read__arrow { transition: transform 180ms ease; }#brxe-sty001 .story-read:hover .story-read__arrow { transform: translateX(4px); }@media (max-width: 767px) { #brxe-sty001 .story-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-xs); } #brxe-sty001 .story-tab { grid-template-columns: minmax(0, 1fr) auto; gap: 6px; justify-items: center; min-height: 48px; padding: 12px 10px; text-align: center; }  #brxe-sty001 .story-tab__thumb, #brxe-sty001 .story-tab__label { display: none; } #brxe-sty001 .story-tab__body { justify-items: center; } #brxe-sty001 .story-tab__name { font-size: .9375rem; } #brxe-sty001 .story-tab__check { width: 18px; height: 18px; background: none; color: var(--on-ink-strong); } #brxe-sty001 .story-tab__check svg { width: 16px; height: 16px; } #brxe-sty001 .story-panel { grid-template-columns: minmax(0, 1fr); } #brxe-sty001 .story-shot { border-radius: var(--radius-xl) var(--radius-xl) 0 0; } #brxe-sty001 .story-body { border-radius: 0 0 var(--radius-xl) var(--radius-xl); } #brxe-sty001 .story-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } #brxe-sty001 .story-kpi:last-child { grid-column: 1 / -1; }}@media (max-width: 359px) {  #brxe-sty001 .story-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); } #brxe-sty001 .story-tab:last-child { grid-column: 1 / -1; } #brxe-sty001 .story-kpis { grid-template-columns: minmax(0, 1fr); } #brxe-sty001 .story-kpi:last-child { grid-column: auto; }}@media (min-width: 768px) and (max-width: 1199px) { #brxe-sty001 .story-head > :last-child { align-self: flex-end; } #brxe-sty001 .story-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); } #brxe-sty001 .story-tab { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "thumb thumb" "name check"; align-items: end; gap: var(--space-sm) var(--space-xs); } #brxe-sty001 .story-tab__thumb { grid-area: thumb; width: 100%; aspect-ratio: 16 / 9; } #brxe-sty001 .story-tab__body { grid-area: name; } #brxe-sty001 .story-tab__check { grid-area: check; align-self: center; } #brxe-sty001 .story-panel { grid-template-columns: minmax(0, 1fr); } #brxe-sty001 .story-shot { border-radius: var(--radius-xl) var(--radius-xl) 0 0; aspect-ratio: 16 / 9; } #brxe-sty001 .story-body { border-radius: 0 0 var(--radius-xl) var(--radius-xl); padding: var(--space-lg); } #brxe-sty001 .story-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }}@media (min-width: 1200px) { #brxe-sty001 .story-head { flex-direction: row; align-items: center; justify-content: space-between; gap: var(--space-xl); } #brxe-sty001 .story-head__text { flex: 1 1 auto; min-width: 0; } #brxe-sty001 .story-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); } #brxe-sty001 .story-tab { grid-template-columns: auto minmax(0, 1fr) auto; padding: 14px var(--space-sm); } #brxe-sty001 .story-tab__thumb { width: 128px; aspect-ratio: 3 / 2; } #brxe-sty001 .story-panel { grid-template-columns: minmax(0, 1.02fr) minmax(0, 1fr); }  #brxe-sty001 .story-shot { position: relative; aspect-ratio: auto; min-height: 430px; border-radius: var(--radius-xl) 0 0 var(--radius-xl); } #brxe-sty001 .story-shot img { position: absolute; inset: 0; } #brxe-sty001 .story-body { border-radius: 0 var(--radius-xl) var(--radius-xl) 0; padding: var(--space-xl); gap: var(--space-md); } #brxe-sty001 .story-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }}@media (prefers-reduced-motion: reduce) { #brxe-sty001 .story-panel { animation: none; } #brxe-sty001 .story-tab, #brxe-sty001 .story-all__arrow, #brxe-sty001 .story-read__arrow { transition: none; } #brxe-sty001 .story-all:hover .story-all__arrow, #brxe-sty001 .story-read:hover .story-read__arrow { transform: none; }}#brxe-faq001 { position: relative; --faq-line: rgba(18, 114, 188, .05); --faq-cta-ink: var(--brand-ink);  background-color: var(--brand-surface); background-image: repeating-linear-gradient(to right, var(--faq-line) 0 1px, transparent 1px 72px), repeating-linear-gradient(to bottom, var(--faq-line) 0 1px, transparent 1px 72px); padding-block: var(--space-3xl); padding-left: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); padding-right: max(var(--space-md), calc((100vw - var(--container-max)) / 2)); }@supports (background: color-mix(in srgb, red, white)) { #brxe-faq001 { --faq-line: color-mix(in srgb, var(--brand-blue) 7%, transparent); }}#brxe-faq001 .faq-grid { display: grid; gap: var(--space-xl); }#brxe-faq001 .faq-side { position: relative; display: grid; align-content: start; gap: var(--space-lg); }#brxe-faq001 .faq-eyebrow { margin: 0; color: var(--text-accent); font-size: .8125rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;}#brxe-faq001 .faq-head h2 { margin: var(--space-sm) 0 var(--space-xs); color: var(--brand-ink); font-size: clamp(1.625rem, 4.4vw, 2.5rem); line-height: 1.18; letter-spacing: -.01em;}#brxe-faq001 .faq-lead { margin: 0; color: var(--text-secondary); font-size: 1.0625rem; line-height: 1.6; }#brxe-faq001 .faq-mark { display: none; }#brxe-faq001 .faq-cta { display: grid; justify-items: start; gap: var(--space-xs); padding: var(--space-lg); border-radius: var(--radius-xl); background: var(--brand-ink); box-shadow: var(--shadow-lg);}#brxe-faq001 .faq-cta__icon { width: 62px; height: 57px; margin-bottom: var(--space-xs); color: var(--on-ink-accent); }#brxe-faq001 .faq-cta__icon svg { display: block; width: 100%; height: 100%; }#brxe-faq001 .faq-cta__title { margin: 0; color: var(--on-ink-strong); font-size: 1.25rem; font-weight: 700; line-height: 1.25; }#brxe-faq001 .faq-cta__text { margin: 0; color: var(--on-ink-body); line-height: 1.55; }#brxe-faq001 .faq-cta__btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-xs); min-height: 48px; margin-top: var(--space-sm); padding: 13px 22px; border: 1px solid transparent; border-radius: var(--radius-sm); color: var(--ag-on-green, #0c1922); background: var(--brand-green); font-size: 15px; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none; transition: background-color 160ms ease;}#brxe-faq001 .faq-cta__btn:hover { color: var(--brand-surface); background: var(--brand-green-hover); }#brxe-faq001 .faq-cta__arrow { transition: transform 180ms ease; }#brxe-faq001 .faq-cta__btn:hover .faq-cta__arrow { transform: translateX(4px); }#brxe-faq001 .faq-list { display: grid; gap: var(--space-xs); margin: 0; padding: 0; list-style: none; }#brxe-faq001 .faq-item {  --faq-rail: 78px; --faq-gap: var(--space-sm); border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--brand-surface); box-shadow: var(--shadow-sm); transition: border-color 180ms ease, box-shadow 180ms ease;}#brxe-faq001 .faq-item:hover { border-color: var(--text-secondary); }#brxe-faq001 .faq-item.is-open { border-color: var(--text-accent); box-shadow: var(--shadow-md); }#brxe-faq001 .faq-q { margin: 0; font-size: inherit; font-weight: inherit; }#brxe-faq001 .faq-trigger { display: grid; align-items: center; gap: var(--faq-gap); width: 100%; min-height: 68px; padding: var(--space-sm); border: 0; border-radius: var(--radius-lg); background: none; font: inherit; text-align: left; cursor: pointer; grid-template-columns: var(--faq-rail) 1px minmax(0, 1fr) auto;}#brxe-faq001 .faq-trigger::before { content: ""; align-self: stretch; margin-block: 4px; background: var(--border); grid-column: 2; grid-row: 1;}#brxe-faq001 .faq-rail { display: grid; gap: 2px; justify-items: start; grid-column: 1; grid-row: 1; }#brxe-faq001 .faq-num { color: var(--text-accent); font-size: 1.375rem; font-weight: 700; line-height: 1; }#brxe-faq001 .faq-cat { color: var(--text-secondary); font-size: .625rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap;}#brxe-faq001 .faq-text { grid-column: 3; grid-row: 1; color: var(--brand-ink); font-size: 1rem; font-weight: 600; line-height: 1.4; }#brxe-faq001 .faq-icon { flex: none; width: 28px; height: 28px; color: var(--text-accent); grid-column: 4; grid-row: 1; }#brxe-faq001 .faq-icon svg { display: block; width: 100%; height: 100%; }#brxe-faq001 .faq-icon__v { transform-origin: center; transition: opacity 180ms ease, transform 180ms ease; }#brxe-faq001 .faq-item.is-open .faq-icon__v { opacity: 0; transform: scaleY(.2); }#brxe-faq001 .faq-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 200ms ease;}#brxe-faq001 .faq-panel__inner { overflow: hidden; visibility: hidden; transition: visibility 0s linear 200ms;}#brxe-faq001 .faq-item.is-open .faq-panel { grid-template-rows: 1fr; }#brxe-faq001 .faq-item.is-open .faq-panel__inner { visibility: visible; transition-delay: 0s; }#brxe-faq001 .faq-panel__inner p { margin: 0 0 0 calc(var(--faq-rail) + var(--faq-gap) * 2 + 1px); padding: var(--space-md) var(--space-sm) var(--space-md) 0; border-top: 1px solid var(--border); color: var(--text-secondary); line-height: 1.65;}@media (max-width: 767px) { #brxe-faq001 { padding-inline: 20px; } #brxe-faq001 .incard-container { padding-inline: 0; } #brxe-faq001 .faq-cta__btn { align-self: stretch; width: 100%; }  #brxe-faq001 .faq-item { --faq-rail: 62px; --faq-gap: 10px; } #brxe-faq001 .faq-text { font-size: .9375rem; }  #brxe-faq001 .faq-panel__inner p { margin-left: 0; padding-inline: var(--space-xs); }}@media (max-width: 359px) {  #brxe-faq001 .faq-trigger { grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-xs); } #brxe-faq001 .faq-rail { width: auto; } #brxe-faq001 .faq-trigger::before { display: none; } #brxe-faq001 .faq-rail { grid-column: 1; grid-row: 1; grid-auto-flow: column; align-items: baseline; gap: var(--space-xs); } #brxe-faq001 .faq-text { grid-column: 1 / -1; grid-row: 2; } #brxe-faq001 .faq-icon { grid-column: 2; grid-row: 1; }}@media (min-width: 768px) and (max-width: 1199px) { #brxe-faq001 .faq-cta { align-items: center; column-gap: var(--space-lg); grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "icon title btn" "icon text btn"; } #brxe-faq001 .faq-cta__icon { grid-area: icon; margin: 0; } #brxe-faq001 .faq-cta__title { grid-area: title; align-self: end; } #brxe-faq001 .faq-cta__text { grid-area: text; align-self: start; } #brxe-faq001 .faq-cta__btn { grid-area: btn; margin: 0; }}@media (min-width: 1200px) { #brxe-faq001 .faq-grid { grid-template-columns: minmax(0, 360px) minmax(0, 1fr); column-gap: var(--space-3xl); } #brxe-faq001 .faq-side { gap: var(--space-2xl); } #brxe-faq001 .faq-list { gap: var(--space-sm); } #brxe-faq001 .faq-item { --faq-gap: var(--space-lg); } #brxe-faq001 .faq-trigger { padding: var(--space-md) var(--space-lg); } #brxe-faq001 .faq-text { font-size: 1.0625rem; } #brxe-faq001 .faq-panel__inner p { margin-left: calc(var(--space-lg) + var(--faq-rail) + var(--faq-gap) * 2 + 1px); padding: var(--space-md) var(--space-lg) var(--space-lg) 0; }  #brxe-faq001 .faq-mark { position: absolute; left: 10%; bottom: 4%; display: block; width: 150px; height: 195px; color: var(--text-accent); opacity: .07; pointer-events: none; } #brxe-faq001 .faq-mark svg { display: block; width: 100%; height: 100%; }}@media (prefers-reduced-motion: reduce) { #brxe-faq001 .faq-item, #brxe-faq001 .faq-panel, #brxe-faq001 .faq-icon__v, #brxe-faq001 .faq-cta__btn, #brxe-faq001 .faq-cta__arrow { transition: none; } #brxe-faq001 .faq-panel__inner { transition: none; } #brxe-faq001 .faq-cta__btn:hover .faq-cta__arrow { transform: none; }}