@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {@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}}#brxe-kisqjt {row-gap: var(--space-m); padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; max-width: 1920px}#brxe-btgzow {background-position: center center; justify-content: center; padding-top: 0; padding-bottom: 0}.su-sec { --su-primary: #002856; --su-secondary: #0C51A1; --su-light: #9CC3F2; --su-tint: #EEF4FB; --su-tint-2: #DCE8F7; --su-line: #E2E8F0; --su-text: #475569; color: var(--su-primary); background: #FFFFFF;} .su-sec--gray { background: #F8FAFC; } .su-sec--soft { background: var(--su-tint); } .su-sec--dark { background: var(--su-primary); color: #FFFFFF; padding-block: 128px; } .su-sec--csr { padding-bottom: 0; }.su-sec .su-step__num, .su-sec .su-ico, .su-sec .su-tag { max-width: none; } .su-sec .su-wrap { width: 100%; margin-inline: auto; display: flex; flex-direction: column; gap: 48px; } .su-sec .su-row { display: flex; flex-direction: row; flex-wrap: wrap; gap: 40px 64px; align-items: flex-start; width: 100%; } .su-sec .su-row--end { align-items: flex-end; } .su-sec .su-row--center { align-items: center; } .su-sec .su-col { flex: 1 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 18px; } .su-sec .su-head { display: flex; flex-direction: column; gap: 16px; max-width: 760px; } .su-sec .su-head--center { align-items: center; text-align: center; max-width: 820px; margin-inline: auto; }.su-sec .su-en { } .su-sec .su-eyebrow { font-size: 13px; font-weight: 500; letter-spacing: .14em; color: var(--su-secondary); } .su-sec--dark .su-eyebrow { color: var(--su-light); } .su-sec .su-tagline { font-size: 15px; font-weight: 500; letter-spacing: .06em; color: var(--su-primary); } .su-sec .su-h2 { margin: 0; font-size: 36px; line-height: 1.35; font-weight: 500; color: var(--su-primary); } .su-sec .su-h2--lg { font-size: 40px; } .su-sec--dark .su-h2 { color: #FFFFFF; font-size: 44px; line-height: 1.3; } .su-sec .su-hl { color: var(--su-secondary); } .su-sec--dark .su-hl { color: var(--su-light); } .su-sec .su-p { margin: 0; font-size: 16px; line-height: 1.85; color: var(--su-text); } .su-sec .su-p--lg { font-size: 17px; } .su-sec .su-p--sm { font-size: 15px; line-height: 1.75; } .su-sec--dark .su-p { color: #CBD5E1; } .su-sec .su-p strong { color: var(--su-primary); font-weight: 400; }.su-sec .su-tags { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; } .su-sec .su-tag { font-size: 13px; line-height: 1.4; padding: 6px 12px; border-radius: 999px; background: var(--su-tint); border: 1px solid #B9CFEC; color: var(--su-secondary); white-space: nowrap; }.su-sec .su-lift { transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } .su-sec .su-lift:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,40,86,.12); border-color: var(--su-secondary); }.su-sec .su-ico { width: 56px; height: 56px; flex: 0 0 56px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: var(--su-tint); transition: background-color .35s ease; } .su-sec .su-ico i, .su-sec .su-ico .brxe-icon { font-size: 24px; color: var(--su-secondary); transition: color .35s ease; } .su-sec .su-ico--green { background: #DCFCE7; } .su-sec .su-ico--green i { color: #15803D; } .su-sec .su-ico--navy { background: var(--su-line); } .su-sec .su-ico--navy i { color: var(--su-primary); } .su-sec .su-ico--solid { width: 44px; height: 44px; flex-basis: 44px; border-radius: 12px; background: var(--su-secondary); } .su-sec .su-ico--solid i { font-size: 20px; color: #FFFFFF; }.su-sec .su-vision { flex: 1 1 420px; min-width: 0; background: var(--su-primary); color: #FFFFFF; border-radius: 16px; padding: 36px; display: flex; flex-direction: column; gap: 14px; } .su-sec .su-vision__label { font-size: 12px; font-weight: 500; letter-spacing: .14em; color: var(--su-light); } .su-sec .su-vision__text { margin: 0; font-size: 20px; line-height: 1.7; font-weight: 500; color: #FFFFFF; } .su-sec .su-balance { display: flex; flex-direction: column; gap: 18px; padding-top: 32px; border-top: 1px solid var(--su-line); width: 100%; } .su-sec .su-balance__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .su-sec .su-balance__item { padding: 20px 22px; border-radius: 12px; background: #FFFFFF; border: 1px solid var(--su-line); display: flex; flex-direction: column; gap: 4px; } .su-sec .su-balance__num { font-size: 12px; font-weight: 500; color: var(--su-secondary); } .su-sec .su-balance__name { font-size: 18px; font-weight: 500; color: var(--su-primary); }.su-sec .su-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; } .su-sec .su-check { display: flex; flex-direction: row; gap: 10px; align-items: center; font-size: 15px; font-weight: 500; color: var(--su-primary); } .su-sec .su-check i { color: var(--su-secondary); font-size: 16px; } .su-sec .su-chain { flex: 1 1 440px; min-width: 0; background: #F8FAFC; border: 1px solid var(--su-line); border-radius: 16px; padding: 36px; display: flex; flex-direction: column; gap: 20px; } .su-sec .su-steps { position: relative; display: flex; flex-direction: column; } .su-sec .su-steps::before { content: ""; position: absolute; left: 19px; top: 20px; bottom: 20px; width: 2px; background: linear-gradient(180deg, var(--su-secondary), var(--su-primary)); } .su-sec .su-step { position: relative; display: flex; flex-direction: row; gap: 16px; align-items: center; padding: 10px 0; transition: transform .3s ease; } .su-sec .su-step:hover { transform: translateX(6px); } .su-sec .su-step__num { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%; background: #FFFFFF; border: 2px solid var(--su-secondary); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 500; color: var(--su-secondary); transition: all .3s ease; } .su-sec .su-step:hover .su-step__num, .su-sec .su-step--last .su-step__num { background: var(--su-primary); border-color: var(--su-primary); color: var(--su-light); } .su-sec .su-step__label { font-size: 16px; font-weight: 400; color: var(--su-primary); }.su-sec .su-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; width: 100%; } .su-sec .su-card { position: relative; overflow: hidden; background: #FFFFFF; border: 1px solid var(--su-line); border-radius: 16px; padding: 36px 32px; display: flex; flex-direction: column; gap: 18px; } .su-sec .su-card::before { content: ""; position: absolute; left: 0; top: 0; height: 4px; width: 100%; background: linear-gradient(90deg, var(--su-primary), var(--su-secondary)); transform: scaleX(0); transform-origin: left; transition: transform .45s ease; } .su-sec .su-card:hover::before { transform: scaleX(1); } .su-sec .su-card:hover .su-ico { background: var(--su-primary); } .su-sec .su-card:hover .su-ico i { color: var(--su-light); } .su-sec .su-card__top { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .su-sec .su-card__letter { font-size: 64px; font-weight: 400; line-height: 1; color: var(--su-line); } .su-sec .su-card__label { font-size: 14px; font-weight: 500; letter-spacing: .12em; color: var(--su-secondary); } .su-sec .su-card__label--green { color: #15803D; } .su-sec .su-card__title { margin: 0; font-size: 21px; line-height: 1.45; font-weight: 500; color: var(--su-primary); } .su-sec .su-card .su-tags { margin-top: auto; } .su-sec .su-note { margin: auto 0 0; padding: 14px 16px; border-radius: 10px; background: #F1F5F9; font-size: 15px; line-height: 1.7; color: var(--su-primary); } .su-sec--dark .su-card { background: #0A3566; border-color: rgba(255,255,255,.1); padding: 32px; gap: 16px; } .su-sec--dark .su-card .su-ico { background: rgba(156,195,242,.12); } .su-sec--dark .su-card .su-ico i { color: var(--su-light); } .su-sec--dark .su-card:hover { border-color: var(--su-light); box-shadow: 0 18px 40px rgba(0,0,0,.3); } .su-sec--dark .su-card:hover .su-ico { background: var(--su-secondary); } .su-sec--dark .su-card:hover .su-ico i { color: #FFFFFF; } .su-sec--dark .su-card::before { background: linear-gradient(90deg, var(--su-secondary), var(--su-light)); } .su-sec .su-pillar__num { font-size: 14px; font-weight: 500; color: #64748B; } .su-sec .su-pillar__head { display: flex; flex-direction: column; gap: 4px; } .su-sec .su-pillar__en { font-size: 20px; font-weight: 400; letter-spacing: .04em; color: #FFFFFF; } .su-sec .su-pillar__th { font-size: 17px; font-weight: 400; color: #E2E8F0; } .su-sec .su-pillar__desc { margin: 0; font-size: 15px; line-height: 1.75; color: #94A3B8; } .su-sec .su-pillar__tags { margin: auto 0 0; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.1); font-size: 13px; line-height: 1.8; color: var(--su-light); }.su-sec .su-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-radius: 12px; overflow: hidden; border: 1px solid var(--su-line); width: 100%; } .su-sec .su-flow__item { padding: 16px 20px; display: flex; flex-direction: row; gap: 10px; align-items: center; background: #F8FAFC; } .su-sec .su-flow__item:nth-child(2) { background: var(--su-tint); } .su-sec .su-flow__item:nth-child(3) { background: var(--su-tint-2); } .su-sec .su-flow__item:nth-child(4) { background: var(--su-primary); } .su-sec .su-flow__num { font-size: 12px; font-weight: 500; color: #94A3B8; } .su-sec .su-flow__name { font-size: 14px; font-weight: 500; letter-spacing: .08em; color: var(--su-primary); } .su-sec .su-flow__item:nth-child(4) .su-flow__num { color: var(--su-light); } .su-sec .su-flow__item:nth-child(4) .su-flow__name { color: #FFFFFF; } .su-sec .su-grid4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; width: 100%; } .su-sec .su-iso { background: #FFFFFF; border: 1px solid var(--su-line); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; } .su-sec .su-iso__media { aspect-ratio: 4 / 3; background: #F1F5F9; display: flex; align-items: center; justify-content: center; padding: 20px; } .su-sec .su-iso__cert { height: 100%; width: auto; aspect-ratio: 210 / 297; object-fit: cover; background: #FFFFFF; border: 1px solid #CBD5E1; box-shadow: 0 6px 18px rgba(0,40,86,.1); } .su-sec .su-iso__body { padding: 24px; display: flex; flex-direction: column; gap: 10px; flex: 1; } .su-sec .su-iso__code { font-size: 26px; font-weight: 400; color: var(--su-primary); } .su-sec .su-iso__name { font-size: 14px; font-weight: 400; color: var(--su-secondary); } .su-sec .su-iso__desc { margin: 0; font-size: 14px; line-height: 1.75; color: var(--su-text); } .su-sec .su-iso__scope { font-size: 13px; color: #64748B; padding-top: 10px; border-top: 1px solid var(--su-line); margin-top: auto; } .su-sec .su-btn { align-self: flex-start; font-size: 14px; font-weight: 400; padding: 10px 18px; border-radius: 8px; border: 1px solid var(--su-primary); color: var(--su-primary); text-decoration: none; transition: background-color .25s ease, color .25s ease; } .su-sec .su-btn:hover { background: var(--su-primary); color: #FFFFFF; } .su-sec .su-btn--lg { align-self: center; font-size: 15px; padding: 14px 28px; border-radius: 10px; }.su-sec .su-sdgs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; width: 100%; } .su-sec .su-sdg { display: flex; flex-direction: column; border-radius: 14px; overflow: hidden; background: #FFFFFF; border: 1px solid var(--su-line); transition: transform .3s ease; } .su-sec .su-sdg:hover { transform: translateY(-4px) scale(1.02); } .su-sec .su-sdg__head { padding: 18px 20px; display: flex; flex-direction: row; gap: 14px; align-items: center; color: #FFFFFF; background: var(--sdg, #4C9F38); } .su-sec .su-sdg__num { font-size: 40px; font-weight: 400; line-height: 1; } .su-sec .su-sdg__name { font-size: 14px; font-weight: 500; line-height: 1.35; } .su-sec .su-sdg__desc { margin: 0; padding: 16px 20px; font-size: 14px; line-height: 1.7; color: var(--su-text); } .su-sec .su-sdg--3 { --sdg: #4C9F38; } .su-sec .su-sdg--6 { --sdg: #1A9BC2; } .su-sec .su-sdg--7 { --sdg: #FCC30B; } .su-sec .su-sdg--7 .su-sdg__head { color: #3A2D00; } .su-sec .su-sdg--8 { --sdg: #A21942; } .su-sec .su-sdg--9 { --sdg: #E0561B; } .su-sec .su-sdg--11 { --sdg: #FD9D24; } .su-sec .su-sdg--11 .su-sdg__head { color: #3D2300; } .su-sec .su-sdg--12 { --sdg: #A8782A; } .su-sec .su-sdg--13 { --sdg: #3F7E44; }.su-sec .su-big45 { flex: 0 0 auto; display: flex; flex-direction: row; align-items: baseline; gap: 12px; } .su-sec .su-big45__num { font-size: 120px; font-weight: 400; line-height: .9; color: var(--su-secondary); } .su-sec .su-big45__txt { font-size: 18px; font-weight: 400; line-height: 1.4; color: var(--su-primary); } .su-sec .su-dot { color: var(--su-secondary); } .su-sec .su-act { background: #FFFFFF; border: 1px solid var(--su-tint-2); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; } .su-sec .su-act__media { aspect-ratio: 16 / 10; background-color: var(--su-tint-2); background-size: cover; background-position: center; } .su-sec .su-act__body { padding: 28px; display: flex; flex-direction: column; gap: 12px; } .su-sec .su-act__head { display: flex; flex-direction: row; gap: 12px; align-items: center; } .su-sec .su-act__title { margin: 0; font-size: 26px; font-weight: 500; color: var(--su-primary); }.su-sec .su-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 220px; gap: 16px; width: 100%; } .su-sec .su-gallery__item { border-radius: 16px; background-color: var(--su-line); background-size: cover; background-position: center; overflow: hidden; } .su-sec .su-gallery__item--main { grid-column: span 2; grid-row: span 2; } .su-sec .su-closing { width: 100%; margin-top: 96px; padding: 72px 24px; background: linear-gradient(135deg, var(--su-primary) 0%, var(--su-secondary) 100%); text-align: center; } .su-sec .su-closing__text { margin: 0 auto; max-width: 820px; font-size: 26px; line-height: 1.6; font-weight: 400; color: #FFFFFF; } .su-sec .su-closing__text span { color: var(--su-light); } .su-sec .su-closing-wrap { width: 100%; }@media (max-width: 1024px) { .su-sec { padding: 88px 24px; } .su-sec--dark { padding-block: 96px; } .su-sec--csr { padding-bottom: 0; } .su-sec .su-h2 { font-size: 32px; } .su-sec--dark .su-h2 { font-size: 36px; } .su-sec .su-balance__grid, .su-sec .su-grid4, .su-sec .su-sdgs { grid-template-columns: repeat(2, minmax(0, 1fr)); } .su-sec .su-grid3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .su-sec .su-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } .su-sec .su-big45__num { font-size: 96px; }}@media (max-width: 767px) { .su-sec { padding: 64px 16px; } .su-sec--dark { padding-block: 72px; } .su-sec--csr { padding-bottom: 0; } .su-sec .su-wrap { gap: 36px; } .su-sec .su-row { gap: 28px; } .su-sec .su-col, .su-sec .su-vision, .su-sec .su-chain { flex-basis: 100%; } .su-sec .su-h2, .su-sec .su-h2--lg { font-size: 26px; } .su-sec--dark .su-h2 { font-size: 28px; } .su-sec .su-p--lg { font-size: 16px; } .su-sec .su-vision, .su-sec .su-chain { padding: 24px; } .su-sec .su-vision__text { font-size: 17px; } .su-sec .su-balance__grid { grid-template-columns: 1fr 1fr; } .su-sec .su-balance__name { font-size: 15px; } .su-sec .su-checks { grid-template-columns: 1fr; } .su-sec .su-grid3, .su-sec .su-grid4, .su-sec .su-sdgs { grid-template-columns: 1fr; gap: 16px; } .su-sec .su-card { padding: 28px 22px; } .su-sec .su-card__letter { font-size: 48px; } .su-sec .su-flow { grid-template-columns: 1fr 1fr; } .su-sec .su-flow__item { padding: 12px 14px; } .su-sec .su-flow__name { font-size: 12px; } .su-sec .su-big45__num { font-size: 80px; } .su-sec .su-act__body { padding: 22px; } .su-sec .su-gallery { grid-template-columns: 1fr 1fr; grid-auto-rows: 140px; gap: 10px; } .su-sec .su-closing { margin-top: 64px; padding: 48px 16px; } .su-sec .su-closing__text { font-size: 20px; }}@media (prefers-reduced-motion: reduce) { .su-sec .su-lift, .su-sec .su-sdg, .su-sec .su-step, .su-sec .su-card::before { transition: none; }} .su-sec--closing { padding: 72px 24px; background: linear-gradient(135deg, #002856 0%, #0C51A1 100%); text-align: center; }@media (max-width: 767px) { .su-sec--closing { padding: 48px 16px; } }#brxe-psyvlg {max-width: 100%}#brxe-qalsij {width: 80px; height: 80px}#brxe-ampnzr {width: 80px; height: 80px}#brxe-xniygu {width: 80px; height: 80px}#brxe-oqfibf {background-color: var(--pico-white)}#brxe-ivqenq {background-color: var(--pico-sp-lightblue)}#brxe-gxfgaj {background-color: var(--pico-white)}#brxe-gektzy {background-color: var(--pico-sp-lightblue)}#brxe-hjvhxb {background-color: var(--pico-white)}#brxe-gdizzs {background-color: var(--pico-sp-lightblue)}#brxe-zpkqqy {background-color: var(--pico-white)}#brxe-bavwfb {background-color: var(--pico-sp-lightblue)}#brxe-kfkiet {background-image: url("https://infallible-neumann.103-80-48-26.plesk.page/wp-content/uploads/2026/10/PICO-Man-Plants-a-Sapling-1024x768.png"); background-size: cover; background-position: center center}#brxe-jssbat {color: var(--pico-white); fill: var(--pico-white)}#brxe-ucyepl {background-image: url("https://infallible-neumann.103-80-48-26.plesk.page/wp-content/uploads/2026/10/Pico-hugs-a-green-globe-1024x768.png"); background-size: cover}#brxe-lwgzms {color: var(--pico-white); fill: var(--pico-white)}#brxe-futhpm {background-image: url("https://infallible-neumann.103-80-48-26.plesk.page/wp-content/uploads/2026/10/Pico-recycles-with-a-reusable-tote-1024x768.png"); background-size: cover}#brxe-jldjtk {color: var(--pico-white); fill: var(--pico-white)}#brxe-scjhdg {background-image: url("https://infallible-neumann.103-80-48-26.plesk.page/wp-content/uploads/2026/10/548295846_1387045760090864_6059977759456859270_n-1024x683.jpg"); background-size: cover}#brxe-psuiik {background-image: url("https://infallible-neumann.103-80-48-26.plesk.page/wp-content/uploads/2026/10/548297038_1387045780090862_5910157078352500134_n-1024x683.jpg"); background-size: cover}#brxe-xnkdse {background-image: url("https://infallible-neumann.103-80-48-26.plesk.page/wp-content/uploads/2026/10/548097273_1387045573424216_2934828614936454352_n-1024x683.jpg"); background-size: cover}#brxe-lqanyf {background-image: url("https://infallible-neumann.103-80-48-26.plesk.page/wp-content/uploads/2026/10/548324938_1387045810090859_3938106671160855384_n-1024x683.jpg"); background-size: cover}#brxe-bavdwm {background-image: url("https://infallible-neumann.103-80-48-26.plesk.page/wp-content/uploads/2026/10/548289947_1387045543424219_942737708736834120_n-1024x683.jpg"); background-size: cover}