@font-face {font-family: Manrope; src: url('/assets/manrope-800.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap;}
@font-face {font-family: Poppins; src: url('/assets/poppins-500.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face {font-family: Poppins; src: url('/assets/poppins-600.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap;}
@font-face {font-family: Roboto; src: url('/assets/roboto-400.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: Roboto; src: url('/assets/roboto-500.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face {font-family: Roboto; src: url('/assets/roboto-700.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap;}
:root {--paper: #fff; --ink: #173b40; --muted: #65817f; --navy: #123b40; --accent: #319386; --line: #dde8e7; --mist: #f3f9f8; --page: 1376px;}
* {box-sizing: border-box;}
html {scroll-behavior: smooth; scroll-padding-top: 110px;}
body {margin: 0; background: var(--paper); color: var(--ink); font: 400 15px/1.7 Roboto,Arial,sans-serif; -webkit-font-smoothing: antialiased;}
body.locked {overflow: hidden;}
h1,h2,h3,p {margin: 0;}
h1,h2,h3 {font-family: Poppins,Arial,sans-serif; line-height: 1.2; letter-spacing: -.035em; font-weight: 500;}
p {line-height: 1.85;}
button,input,select,textarea {font: inherit;}
button {cursor: pointer; color: inherit;}
a {color: inherit; text-decoration: none;}
button,a,input,select,textarea {-webkit-tap-highlight-color: transparent;}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline: 3px solid #6abeb7; outline-offset: 4px;}
button:focus:not(:focus-visible) {outline: none;}
svg {width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0;}
img {max-width: 100%; display: block;}
::selection {background: #d4f1ee; color: #123b40;}
[hidden] {display: none !important;}
.wrap {width: min(calc(100% - 96px),var(--page)); margin-inline: auto;}
.skip {position: fixed; top: -100px; left: 20px; background: var(--navy); color: white; padding: 12px 20px; z-index: 100;}
.skip:focus {top: 20px;}
.utility {background: #f1f6f5; border-bottom: 1px solid #e7eeee; color: #63827f; font-size: 9px; letter-spacing: .9px;}
.utility>.wrap {min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.utility a {display: flex; align-items: center; gap: 10px; font-size: 10px; letter-spacing: 0;}
.utility svg {height: 11px; width: 11px;}
.site-header {position: sticky; top: 0; z-index: 30; background: #fffffffa; border-bottom: 1px solid var(--line); box-shadow: 0 3px 16px #123b4004; backdrop-filter: blur(16px);}
.header-inner {height: 93px; display: flex; align-items: center; justify-content: space-between; gap: 30px;}
.brand {display: inline-flex; flex-direction: column; line-height: 1; flex-shrink: 0;}
.brand-main {font-family: Manrope,Arial,sans-serif; display: flex; align-items: center; gap: 10px; font-size: 25px; font-weight: 800; letter-spacing: -1.5px; color: var(--navy);}
.brand-main strong {font-weight: 800;}
.brand-mark {height: 25px; width: 25px; background: var(--accent); position: relative; display: block;}
.brand-mark:before,.brand-mark:after {content: ''; position: absolute; top: 11px; left: 5px; right: 5px; height: 3px; background: white;}
.brand-mark:after {transform: rotate(90deg);}
.brand-sub {margin-top: 9px; padding-left: 35px; font-size: 7px; letter-spacing: 1.55px; color: #7a9795; font-weight: 600;}
.desktop-nav {display: flex; align-items: center; gap: 25px; font-size: 12px; font-weight: 600;}
.desktop-nav a {padding: 12px 0; position: relative; white-space: nowrap; color: #456c68; transition: color .2s;}
.desktop-nav a:after {content: ''; height: 2px; position: absolute; bottom: 4px; left: 0; right: 100%; background: var(--accent); transition: right .2s;}
.desktop-nav a:hover {color: var(--accent);}
.desktop-nav a:hover:after {right: 0;}
.header-actions {display: flex; align-items: center; gap: 23px;}
.language-trigger {display: flex; align-items: center; gap: 7px; border: 0; background: transparent; font-size: 11px; font-weight: 700; padding: 8px 0;}
.language-trigger svg {height: 16px; width: 16px;}
.language-trigger .chevron {width: 11px;}
.btn {display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 53px; padding: 16px 23px; border: 1px solid transparent; border-radius: 2px; font-size: 12px; font-weight: 600; line-height: 1.4; white-space: nowrap; transition: background .2s,border-color .2s,color .2s;}
.btn svg {width: 18px; height: 18px; transition: transform .2s;}
.btn:hover svg {transform: translateX(3px);}
.btn-accent,.btn-dark {background: var(--accent); color: white;}
.btn-accent:hover,.btn-dark:hover {background: #1d655e;}
.btn-outline {background: transparent; border-color: #acc6c3; color: var(--navy);}
.btn-outline:hover {background: #eef7f6; border-color: var(--accent);}
.btn-sm {min-height: 43px; font-size: 10px; padding: 11px 16px; gap: 17px;}
.mobile-menu-button {display: none; border: 0; background: transparent; padding: 7px;}
.mobile-nav {display: none;}
.eyebrow {display: flex; align-items: center; gap: 11px; font-size: 10px; font-weight: 600; line-height: 1.7; letter-spacing: 1.7px; text-transform: uppercase;}
.eyebrow:before {content: ''; width: 22px; height: 2px; background: #52a59d; flex-shrink: 0;}
.service-navigation>.wrap {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--line); border-top: 0; background: white;}
.service-link {display: flex; align-items: center; gap: 17px; padding: 27px 28px; transition: background .2s;}
.service-link+.service-link {border-left: 1px solid var(--line);}
.service-link:hover {background: #f4f9f9;}
.service-icon {color: #46a098; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.service-icon svg {height: 27px; width: 27px; stroke-width: 1.3;}
.service-link>span:nth-child(2) {flex: 1; min-width: 0;}
.service-link strong {font-size: 15px; font-weight: 600; line-height: 1.5; display: block;}
.service-link small {font-size: 10px; color: var(--muted); line-height: 1.8; display: block; margin-top: 5px; max-width: 280px;}
.service-link>svg {height: 16px; width: 16px; color: #7fa6a3;}
.section {padding: 96px 0;}
.section h2 {font-size: 43px; letter-spacing: -1.5px; line-height: 1.2; font-weight: 500;}
.company-grid {display: grid; grid-template-columns: 1.15fr 1fr; gap: 100px; align-items: center;}
.company-copy h2 {font-size: 40px; line-height: 1.24; letter-spacing: -1.4px; margin: 23px 0;}
.company-copy>p {font-size: 14px; color: var(--muted); line-height: 1.9; max-width: 560px;}
.company-copy ul {list-style: none; margin: 25px 0 22px; padding: 0;}
.company-copy li {display: flex; align-items: flex-start; gap: 12px; font-size: 12px; margin: 12px 0; line-height: 1.8;}
.company-copy li svg {width: 15px; height: 15px; color: #43a49c; margin-top: 4px;}
.text-button {display: inline-flex; align-items: center; gap: 18px; font-size: 12px; font-weight: 600; padding: 8px 0; border: 0; border-bottom: 1px solid #a8cac7; background: transparent; color: var(--accent); white-space: nowrap; line-height: 1.6; transition: color .2s,border-color .2s;}
.text-button:hover {color: var(--navy); border-color: var(--navy);}
.text-button svg {height: 16px; width: 16px;}
.company-visual {position: relative; height: 390px; margin-bottom: 22px;}
.company-visual>img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; filter: saturate(.45);}
.company-photo-caption {position: absolute; bottom: -24px; right: -21px; background: white; border-left: 3px solid var(--accent); box-shadow: 0 5px 25px #17514c0d; padding: 19px 24px; min-width: 259px; max-width: 90%;}
.company-photo-caption>span {font-size: 9px; color: #7d9997; display: block; margin-bottom: 7px; line-height: 1.8;}
.company-photo-caption strong {font-size: 18px; letter-spacing: -.3px; font-weight: 600; display: block; line-height: 1.5;}
.company-photo-caption small {font-size: 10px; color: var(--muted); display: block; margin-top: 4px;}
.materials-section {background: #f5f9f8; border-top: 1px solid #edf3f2; border-bottom: 1px solid #edf3f2;}
.section-topline {display: flex; align-items: center; justify-content: space-between; gap: 25px;}
.section-number {font-size: 9px; color: #89a8a5; letter-spacing: 1px;}
.section-heading {display: flex; justify-content: space-between; align-items: flex-end; gap: 50px; margin: 23px 0 30px;}
.section-heading h2 {max-width: 740px;}
.section-heading>p {font-size: 13px; color: var(--muted); line-height: 1.9; max-width: 360px; flex-shrink: 0; padding-bottom: 2px;}
.filters {display: flex; gap: 31px; border-bottom: 1px solid #d6e6e5; margin: 31px 0 29px; overflow-x: auto; scrollbar-width: none;}
.filters::-webkit-scrollbar {display: none;}
.filter {display: flex; align-items: center; gap: 12px; padding: 0 0 15px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #71928f; font-size: 12px; font-weight: 500; line-height: 1.7; white-space: nowrap; min-height: 39px; transition: color .2s,border-color .2s;}
.filter small {font-size: 9px; color: #8daba9;}
.filter[aria-pressed=true] {border-bottom-color: var(--accent); color: var(--accent); font-weight: 700;}
.filter:hover {color: var(--accent);}
.materials-grid {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px;}
.materials-grid[data-layout=solid],.materials-grid[data-layout=composite] {grid-template-columns: repeat(2,minmax(0,1fr));}
.material-card {position: relative; display: block; width: 100%; background: white; color: var(--ink); padding: 0; text-align: left; border: 1px solid #ddecea; border-radius: 0; overflow: hidden; transition: border-color .2s,box-shadow .2s;}
.material-card:hover {border-color: #92c2be; box-shadow: 0 8px 24px #19534e08;}
.material-image {position: relative; height: 220px; overflow: hidden; background: #9cadac;}
.material-image img {height: 100%; width: 100%; object-fit: cover; filter: saturate(.5); transition: transform .6s;}
.material-card:hover img {transform: scale(1.035);}
.material-number {position: absolute; top: 15px; left: 16px; font-size: 9px; background: #ffffffed; padding: 3px 7px; color: #4f7d79; line-height: 1.7;}
.material-category {position: absolute; right: 15px; top: 15px; font-size: 8px; background: #ffffffed; color: #497470; padding: 4px 7px; line-height: 1.7;}
.material-text {display: grid; grid-template-columns: 1fr 32px; gap: 0 12px; padding: 21px 21px 23px; min-height: 155px; align-items: end;}
.material-overline {grid-column: 1/-1; font-size: 8px; font-weight: 500; line-height: 1.7; letter-spacing: .6px; color: #759c98; margin-bottom: 10px;}
.material-text h3 {grid-column: 1/-1; font-size: 22px; font-weight: 500; letter-spacing: -.5px; line-height: 1.3; margin-bottom: 12px;}
.material-text p {font-size: 11px; color: #6f8f8c; line-height: 1.8; grid-column: 1;}
.card-arrow {height: 32px; width: 32px; border: 1px solid #d1e2e1; display: flex; align-items: center; justify-content: center; color: var(--accent); transition: background .2s,color .2s,border-color .2s;}
.card-arrow svg {height: 15px; width: 15px;}
.material-card:hover .card-arrow {background: var(--accent); color: white; border-color: var(--accent);}
.materials-bottom {display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 29px;}
.materials-bottom>p {font-size: 12px; color: var(--muted); line-height: 1.9; max-width: 570px;}
.processing {background: #eef7f6; border-bottom: 1px solid #e1eeed;}
.processing-top {display: grid; grid-template-columns: 1.35fr 1fr; gap: 70px; align-items: end; margin: 23px 0 39px;}
.processing-top h2 {font-size: 42px; letter-spacing: -1.5px; line-height: 1.2;}
.processing-top>p {font-size: 13px; color: var(--muted); line-height: 1.9; max-width: 400px; margin-left: auto;}
.processing-grid {display: grid; grid-template-columns: 1.25fr 1fr; gap: 60px; align-items: center;}
.case-tabs {display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin-bottom: 15px;}
.case-tabs::-webkit-scrollbar {display: none;}
.case-tabs button {border: 1px solid #d1e8e6; border-radius: 0; background: transparent; padding: 10px 13px; min-height: 41px; font-size: 11px; white-space: nowrap; line-height: 1.5; color: #4f807b;}
.case-tabs button[aria-pressed=true] {background: var(--accent); color: white; border-color: var(--accent);}
.comparison {height: 400px; position: relative; isolation: isolate; background: var(--navy); overflow: hidden;}
.comparison-before,.comparison-after {position: absolute; inset: 0; z-index: -1;}
.comparison-before {clip-path: inset(0 calc(100% - var(--split)) 0 0);}
.comparison img {height: 100%; width: 100%; object-fit: cover; filter: saturate(.55);}
.comparison-before:after,.comparison-after:after {content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,#14464128,transparent 35%,#0f494480);}
.compare-badge {position: absolute; z-index: 1; pointer-events: none; top: 19px; left: 19px; display: flex; flex-direction: column; gap: 5px; padding: 9px 12px; color: white; background: #123b40e8; font-size: 8px; letter-spacing: 1px; line-height: 1.6;}
.compare-badge b {font-size: 11px; font-weight: 600; letter-spacing: 0;}
.badge-after {left: auto; right: 19px; background: #fffffff0; color: var(--navy);}
.compare-handle {position: absolute; top: 0; bottom: 0; left: var(--split); width: 2px; background: white; transform: translateX(-1px); z-index: 2; pointer-events: none;}
.compare-handle>span {width: 43px; height: 43px; background: white; color: var(--accent); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 18px #0f464133;}
.compare-handle svg {height: 15px; width: 15px; transform: rotate(90deg);}
.compare-handle svg:last-child {transform: rotate(-90deg); margin-left: -4px;}
.comparison-range {position: absolute; inset: 0; z-index: 4; opacity: 0; width: 100%; height: 100%; cursor: ew-resize; margin: 0; touch-action: pan-y;}
.comparison:focus-within {outline: 3px solid #55b3aa; outline-offset: 4px;}
.compare-hint {position: absolute; bottom: 18px; left: 0; right: 0; display: flex; align-items: center; justify-content: center; gap: 10px; pointer-events: none; z-index: 3; color: white; font-size: 7px; line-height: 1.6; letter-spacing: .9px;}
.compare-hint svg {height: 13px; width: 13px;}
.case-description {font-size: 12px; color: #40726d; line-height: 1.8; margin-top: 13px;}
.compare-note {font-size: 10px; color: #729693; line-height: 1.9; margin-top: 6px;}
.process-overline {display: block; color: #5a9791; font-size: 9px; letter-spacing: 1.1px; font-weight: 600; line-height: 1.7; margin-bottom: 19px;}
.process-content h3 {font-size: 29px; font-weight: 500; letter-spacing: -.7px; line-height: 1.25; max-width: 430px; margin-bottom: 19px;}
.process-content>p {font-size: 13px; line-height: 1.9; color: var(--muted); max-width: 470px;}
.case-list {margin: 25px 0 27px;}
.case-list>span {display: block; font-size: 8px; font-weight: 600; letter-spacing: 1px; color: #7ba09c; margin-bottom: 12px;}
.case-item {display: flex; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid #cee3e1;}
.case-item small {font-size: 8px; color: #7faca8;}
.case-item p {flex: 1; font-size: 12px; line-height: 1.8; color: #4b7672;}
.case-item svg {height: 14px; width: 14px; color: #499e96;}
.process-content .btn {font-size: 11px;}
.settlement {background: #ffffffb5; border: 1px solid #daebe9; margin-top: 35px; padding: 27px; display: grid; grid-template-columns: 225px 1fr; gap: 30px; align-items: start;}
.settlement-label {display: flex; align-items: flex-start; gap: 13px; font-size: 12px; font-weight: 600; line-height: 1.8; max-width: 220px;}
.settlement-label svg {height: 19px; width: 19px; color: #64a29d; margin-top: 4px;}
.settlement-formula {display: flex; align-items: center; gap: 18px; flex-wrap: wrap; font-size: 12px; line-height: 1.6;}
.formula-part {display: flex; flex-direction: column; gap: 5px;}
.formula-part small {font-size: 9px; color: #6f9692;}
.formula-symbol {font-size: 21px; color: #9dbdba; font-weight: 400;}
.formula-result {color: var(--accent); font-weight: 600;}
.formula-note {font-size: 10px; line-height: 1.9; color: #6b908c; margin-top: 17px; max-width: 760px;}
.cooperation-body {display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; align-items: start;}
.cooperation-intro {position: sticky; top: 127px;}
.cooperation-intro h2 {font-size: 41px; letter-spacing: -1.3px; line-height: 1.2; margin: 22px 0;}
.cooperation-intro>p {font-size: 13px; line-height: 1.9; color: var(--muted); max-width: 400px;}
.mode-tabs {display: flex; flex-direction: column; gap: 10px; margin-top: 28px; max-width: 400px;}
.mode-tab {border: 1px solid #d6e7e6; background: white; padding: 17px; display: flex; align-items: center; gap: 14px; text-align: left; font-size: 12px; font-weight: 600; line-height: 1.6; transition: background .2s,border-color .2s;}
.mode-icon {width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border: 1px solid #d1eae8; color: #599893; flex-shrink: 0;}
.mode-icon svg {height: 20px; width: 20px;}
.mode-tab>span:nth-child(2) {display: flex; flex-direction: column; gap: 4px; flex: 1;}
.mode-tab small {font-size: 10px; color: #6f9591; font-weight: 400; line-height: 1.6;}
.mode-tab>svg {height: 15px; width: 15px; color: #82b0ac;}
.mode-tab[aria-pressed=true] {background: var(--accent); color: white; border-color: var(--accent);}
.mode-tab[aria-pressed=true] small {color: #daefed;}
.mode-tab[aria-pressed=true] .mode-icon {border-color: #ffffff50; color: white;}
.mode-tab[aria-pressed=true]>svg {color: white;}
.step {padding: 25px 0 27px; border-top: 1px solid #d1e5e3; display: flex; align-items: flex-start; gap: 25px;}
.step:last-child {border-bottom: 1px solid #d1e5e3;}
.step-number {font-size: 34px; font-weight: 400; line-height: 1.2; color: #82ada9; letter-spacing: -1px; min-width: 47px;}
.step:first-child .step-number {color: var(--accent);}
.step-content {flex: 1;}
.step h3 {font-size: 22px; font-weight: 500; line-height: 1.3; letter-spacing: -.5px; margin-bottom: 11px;}
.step p {font-size: 12px; line-height: 1.9; color: var(--muted); max-width: 425px;}
.step-arrow {width: 27px; height: 27px; display: flex; align-items: center; justify-content: center; color: #73a7a3; border: 1px solid #d3e7e5; flex-shrink: 0; margin-top: 4px;}
.step-arrow svg {height: 12px; width: 12px;}
.europe {padding-top: 0;}
.europe-panel {border: 1px solid #dcecea; background: #f2f7f7; display: grid; grid-template-columns: 1fr 1.1fr; overflow: hidden; min-height: 423px;}
.europe-copy {padding: 44px;}
.europe-copy h2 {font-size: 38px; line-height: 1.2; letter-spacing: -1.1px; margin: 22px 0;}
.europe-copy>p {font-size: 13px; line-height: 1.9; color: var(--muted); max-width: 405px;}
.europe-copy>.text-button {margin-top: 22px; font-size: 11px; white-space: normal; text-align: left;}
.europe-languages {margin-top: 24px;}
.europe-languages>span {display: block; font-size: 8px; letter-spacing: .8px; color: #7ba19d; margin-bottom: 10px;}
.europe-languages>div {display: flex; gap: 7px;}
.europe-languages button {height: 30px; width: 35px; border: 1px solid #c9e3e0; background: transparent; color: #62948f; font-size: 9px; font-weight: 600; transition: background .2s;}
.europe-languages button[aria-pressed=true] {background: var(--accent); color: white; border-color: var(--accent);}
.europe-languages button:hover {background: #d7edeb; color: var(--navy);}
.europe-art {position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.europe-watermark {position: absolute; top: 42px; left: 17px; z-index: 0; font-size: 74px; line-height: 1.1; letter-spacing: 4px; color: #e2eeed; font-weight: 700;}
.map-grid {position: absolute; inset: 0; background-image: radial-gradient(#73a6a230 .7px,transparent .7px); background-size: 14px 14px; mask-image: radial-gradient(ellipse at center,#000 20%,transparent 75%);}
.europe-map {position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; max-height: 390px; padding-top: 15px;}
.map-foot {position: absolute; bottom: 23px; left: 25px; right: 25px; z-index: 2; font-size: 9px; color: #719894; line-height: 1.8; text-align: center;}
.faq-section {padding-top: 0;}
.faq-grid {display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px;}
.faq-intro h2 {font-size: 37px; line-height: 1.2; letter-spacing: -1px; margin: 22px 0;}
.faq-intro p {font-size: 13px; line-height: 1.9; color: var(--muted); max-width: 340px;}
.faq-email {display: inline-flex; align-items: center; gap: 14px; border-bottom: 1px solid #afccc9; padding-bottom: 8px; margin-top: 23px; font-size: 12px; font-weight: 500; color: var(--accent);}
.faq-email svg {height: 14px; width: 14px;}
.faq-list details {border-top: 1px solid #d7e8e7;}
.faq-list details:last-child {border-bottom: 1px solid #d7e8e7;}
.faq-list summary {display: flex; align-items: center; justify-content: space-between; gap: 26px; list-style: none; padding: 22px 0; font-size: 13px; font-weight: 600; line-height: 1.8; cursor: pointer;}
.faq-list summary::-webkit-details-marker {display: none;}
.faq-list summary>span {height: 27px; width: 27px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid #cce6e3; color: #52958f;}
.faq-list summary svg {height: 13px; width: 13px; transition: transform .2s;}
.faq-list details[open] summary>span {background: var(--accent); color: white; border-color: var(--accent);}
.faq-list details[open] summary svg {transform: rotate(45deg);}
.faq-list details p {font-size: 13px; line-height: 1.9; color: var(--muted); padding: 0 35px 25px 0;}
.contact {padding-bottom: 65px;}
.contact-panel {background: var(--navy); color: white; padding: 45px 52px 0;}
.contact-inner {display: flex; align-items: center; justify-content: space-between; gap: 40px;}
.contact .eyebrow {color: #c4e0de; font-size: 9px;}
.contact .eyebrow:before {background: #a3d1cd;}
.contact h2 {font-size: 46px; line-height: 1.2; letter-spacing: -1.5px; margin: 23px 0;}
.contact p {font-size: 13px; line-height: 1.9; color: #c8e5e2; max-width: 670px;}
.contact-actions {display: flex; align-items: center; gap: 28px; margin-top: 27px; flex-wrap: wrap;}
.contact-actions .btn {background: white; color: var(--navy);}
.contact-actions .btn:hover {background: #def4f2;}
.contact-actions>a {display: inline-flex; align-items: center; gap: 12px; font-size: 12px; color: #deefee;}
.contact-actions>a svg {height: 13px; width: 13px;}
.contact-arrow {display: none;}
.contact-bottom {border-top: 1px solid #ffffff30; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 21px 0; margin-top: 36px;}
.contact-bottom>span {font-size: 10px; color: #bbddda; letter-spacing: .5px;}
.contact-bottom>a {display: flex; align-items: center; gap: 10px; font-size: 11px; color: white;}
.contact-bottom svg {height: 14px; width: 14px;}
.site-footer {padding: 0 0 25px;}
.footer-grid {display: grid; grid-template-columns: 1.6fr 1fr 1.1fr .9fr; gap: 45px;}
.footer-about .brand-main {font-size: 23px;}
.footer-about p {font-size: 12px; line-height: 1.9; color: var(--muted); max-width: 290px; margin-top: 20px;}
.footer-column h3 {font-size: 12px; font-weight: 600; letter-spacing: 0; margin-bottom: 18px;}
.footer-column a,.footer-column p {display: block; font-size: 11px; color: #71928f; line-height: 1.9; margin: 9px 0;}
.footer-column a:hover {color: var(--accent);}
.footer-column a svg {height: 10px; width: 10px; display: inline; vertical-align: middle; margin-left: 4px;}
.footer-bottom {border-top: 1px solid var(--line); margin-top: 43px; padding-top: 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 9px; color: #7f9f9c;}
.footer-bottom span {display: flex; gap: 22px;}
.footer-bottom button {font-size: 9px; color: inherit; background: transparent; border: 0; padding: 0;}
.floating-mobile-cta {display: none;}
.dialog {padding: 0; border: 1px solid #d8e9e7; border-radius: 3px; background: white; color: var(--ink); width: 100%; max-width: min(740px,calc(100vw - 32px)); max-height: 90dvh; overscroll-behavior: contain; box-shadow: 0 25px 100px #123b4040;}
.dialog::backdrop {background: #0f433fb0; backdrop-filter: blur(7px);}
.dialog-inner {padding: 37px;}
.dialog-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 23px; margin-bottom: 21px;}
.dialog-head h2 {font-size: 31px; font-weight: 500; line-height: 1.2; letter-spacing: -.9px;}
.icon-button {height: 34px; width: 34px; display: flex; align-items: center; justify-content: center; border: 1px solid #cee3e1; background: white; flex-shrink: 0;}
.icon-button svg {height: 16px; width: 16px;}
.icon-button:hover {background: #f1f8f8;}
.dialog-description {font-size: 13px; line-height: 1.9; color: var(--muted); margin-bottom: 25px;}
.language-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.language-option {padding: 21px; background: white; border: 1px solid #cde5e3; display: flex; align-items: center; justify-content: space-between; gap: 15px; font-size: 17px; font-weight: 500; text-align: left;}
.language-option>span {display: flex; flex-direction: column; gap: 4px;}
.language-option small {font-size: 10px; color: #80a6a2; font-weight: 400;}
.language-option[aria-pressed=true] {background: var(--accent); border-color: var(--accent); color: white;}
.language-option[aria-pressed=true] small {color: #d7edeb;}
.detail-tag {display: inline-block; padding: 6px 10px; border: 1px solid #d6e7e6; font-size: 9px; letter-spacing: .7px; color: #578e89;}
.material-dialog-photo {width: 100%; height: 300px; object-fit: cover; filter: saturate(.6); margin: 18px 0 25px;}
.material-detail-copy {font-size: 13px; line-height: 1.9; color: var(--muted); margin-bottom: 22px;}
.detail-conditions {padding: 17px 20px; background: #f2f7f7; border-left: 2px solid var(--accent); font-size: 11px; line-height: 1.9; color: #638d89; margin-bottom: 25px;}
.detail-actions {display: flex; gap: 12px; flex-wrap: wrap;}
.form-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}
.field {display: flex; flex-direction: column; gap: 8px; font-size: 11px; font-weight: 600;}
.field.full {grid-column: 1/-1;}
.field input,.field select,.field textarea {width: 100%; min-width: 0; min-height: 46px; padding: 12px 13px; border: 1px solid #cbe3e1; border-radius: 0; background: white; color: var(--ink); font-size: 13px; font-weight: 400;}
.field input::placeholder,.field textarea::placeholder {color: #99b5b3;}
.field textarea {resize: vertical; min-height: 100px;}
.form-note {font-size: 11px; line-height: 1.9; color: var(--muted); margin-top: 22px;}
.form-actions {display: flex; align-items: center; gap: 22px; margin-top: 23px;}
.form-actions .btn {flex-shrink: 0;}
.form-actions p {font-size: 10px; line-height: 1.8; color: var(--muted);}
.form-feedback {font-size: 11px; line-height: 1.9; background: #eff8f7; padding: 16px 18px; margin-top: 18px; color: #477e79;}
.form-feedback:empty {display: none;}
.legal-copy {font-size: 13px; line-height: 2; color: var(--muted);}
@media (min-width:1600px) {.company-visual {height: 420px;}}
@media (max-width:1250px) {.wrap {width: calc(100% - 72px);}.header-inner {gap: 22px;}.desktop-nav {gap: 20px; font-size: 10px;}.header-actions {gap: 18px;}.brand-main {font-size: 22px;}.brand-sub {font-size: 6px; letter-spacing: 1.4px;}.btn-sm {font-size: 9px; padding-inline: 14px; gap: 14px;}.service-link {padding: 25px 23px; gap: 14px;}.service-link strong {font-size: 13px;}.service-link small {font-size: 9px;}.service-icon svg {width: 25px; height: 25px;}.company-grid {gap: 65px;}.company-copy h2 {font-size: 35px;}.company-copy>p {font-size: 13px;}.company-visual {height: 370px;}.section h2 {font-size: 39px;}.section-heading>p {max-width: 320px; font-size: 12px;}.materials-grid {gap: 21px;}.material-image {height: 205px;}.material-text {padding: 19px; min-height: 150px;}.material-text h3 {font-size: 20px;}.processing-top {gap: 55px;}.processing-grid {gap: 42px;}.processing-top h2 {font-size: 38px;}.process-content h3 {font-size: 27px;}.comparison {height: 385px;}.case-tabs button {font-size: 10px; padding: 10px 11px;}.settlement {grid-template-columns: 190px 1fr; gap: 24px; padding: 24px;}.settlement-formula {font-size: 11px; gap: 14px;}.cooperation-body,.faq-grid {gap: 65px;}.cooperation-intro h2 {font-size: 36px;}.step h3 {font-size: 20px;}.europe-copy {padding: 37px;}.europe-copy h2 {font-size: 34px;}.europe-watermark {font-size: 63px;}.footer-grid {gap: 30px;}.contact-panel {padding: 40px 44px 0;}}
@media (max-width:1100px) {.desktop-nav {display: none;}.header-actions {margin-left: auto;}.mobile-menu-button {display: flex;}.mobile-nav {display: flex; flex-direction: column; padding: 7px 36px 20px; border-top: 1px solid var(--line);}.mobile-nav a {padding: 11px 0; font-size: 13px; color: #4c7975;}.header-inner {height: 83px;}.btn-sm {font-size: 10px;}.company-grid {gap: 50px;}.company-copy h2 {font-size: 31px; letter-spacing: -.7px;}.company-copy>p {font-size: 12px;}.company-copy li {font-size: 11px;}.company-visual {height: 350px;}.company-photo-caption {right: -12px; min-width: 235px; padding: 17px 21px;}.company-photo-caption strong {font-size: 17px;}.section {padding: 79px 0;}.section h2 {font-size: 35px; letter-spacing: -1px;}.section-heading>p {font-size: 12px; max-width: 295px;}.processing-top h2 {font-size: 34px;}.processing-grid {gap: 32px;}.process-content h3 {font-size: 24px;}.process-content>p {font-size: 12px;}.case-item p {font-size: 11px;}.process-content .btn {font-size: 10px; padding: 15px 17px; gap: 17px;}.comparison {height: 368px;}.case-tabs {gap: 6px;}.case-tabs button {font-size: 9px; padding: 10px;}.material-image {height: 185px;}.material-text {padding: 17px; min-height: 150px; grid-template-columns: 1fr 27px; gap: 0 8px;}.material-text h3 {font-size: 19px;}.material-text p {font-size: 10px;}.material-overline {font-size: 7px;}.card-arrow {width: 27px; height: 27px;}.material-category {font-size: 7px;}.cooperation-body {gap: 45px;}.cooperation-intro h2 {font-size: 32px;}.cooperation-intro>p {font-size: 12px;}.mode-tab {padding: 14px; gap: 11px; font-size: 11px;}.mode-tab small {font-size: 9px;}.mode-icon {height: 31px; width: 31px;}.step {gap: 19px;}.step-number {font-size: 29px; min-width: 40px;}.step h3 {font-size: 19px;}.step p {font-size: 11px;}.settlement {grid-template-columns: 165px 1fr; gap: 20px; padding: 22px;}.settlement-label {font-size: 11px; gap: 10px;}.settlement-formula {font-size: 10px; gap: 12px;}.formula-part small {font-size: 8px;}.formula-symbol {font-size: 18px;}.formula-note {font-size: 9px;}.europe-copy {padding: 31px;}.europe-copy h2 {font-size: 31px;}.europe-copy>p {font-size: 12px;}.europe-copy>.text-button {font-size: 10px; gap: 12px;}.europe-watermark {font-size: 54px;}.map-foot {font-size: 8px;}.faq-grid {gap: 45px;}.faq-intro h2 {font-size: 32px;}.faq-intro p {font-size: 12px;}.faq-list summary {font-size: 12px; padding: 20px 0; gap: 22px;}.faq-list details p {font-size: 12px;}.footer-grid {grid-template-columns: 1.4fr 1fr 1.1fr;}.footer-column:last-child {display: none;}.footer-about p {font-size: 11px;}.contact h2 {font-size: 40px;}.contact p {font-size: 12px;}}
@media (max-width:900px) and (min-width:701px) {.service-link {padding: 23px 18px; gap: 11px;}.service-link strong {font-size: 12px;}.service-link small {font-size: 8px;}.service-link>svg {display: none;}.service-icon svg {height: 23px; width: 23px;}.company-grid {gap: 35px;}.company-copy .eyebrow {font-size: 8px;}.company-copy h2 {font-size: 29px;}.company-photo-caption {right: -8px; padding: 15px 19px; min-width: 220px;}.section-heading {gap: 32px;}.section-heading h2 {font-size: 32px;}.section-heading>p {font-size: 11px; max-width: 270px;}.filters {gap: 23px;}.filter {font-size: 10px; gap: 8px;}.materials-grid {gap: 16px;}.material-image {height: 163px;}.material-text {padding: 15px; min-height: 152px;}.material-text h3 {font-size: 17px;}.material-overline {font-size: 6px; letter-spacing: .4px;}.material-text p {font-size: 9px;}.material-number {font-size: 8px; left: 12px; top: 12px;}.material-category {font-size: 6px; right: 12px; top: 12px; padding: 4px 5px;}.processing-top {gap: 35px;}.processing-top h2 {font-size: 30px;}.processing-top>p {font-size: 11px;}.case-tabs button {font-size: 8px; padding: 10px 8px;}.processing-grid {gap: 27px;}.comparison {height: 349px;}.process-content h3 {font-size: 22px;}.process-content>p {font-size: 11px;}.case-item p {font-size: 10px;}.case-item {gap: 9px; padding: 10px 0;}.case-list {margin: 21px 0;}.process-overline {font-size: 8px; margin-bottom: 16px;}.case-description {font-size: 11px;}.compare-note {font-size: 9px;}.cooperation-body,.faq-grid {gap: 35px;}.mode-tab {padding: 12px; gap: 10px; font-size: 10px;}.mode-tab small {font-size: 8px;}.mode-tab>svg {height: 13px; width: 13px;}.cooperation-intro h2 {font-size: 30px;}.step h3 {font-size: 18px;}.europe-copy h2 {font-size: 29px;}.europe-watermark {font-size: 46px;}.contact h2 {font-size: 37px;}}
@media (max-width:700px) {html {scroll-padding-top: 87px;}.wrap {width: calc(100% - 36px);}.utility>.wrap {min-height: 29px;}.utility {font-size: 6px; letter-spacing: .5px;}.utility a {font-size: 8px; gap: 6px;}.utility svg {width: 9px; height: 9px;}.header-inner {height: 73px; gap: 15px;}.brand-main {font-size: 20px; letter-spacing: -1.1px; gap: 8px;}.brand-mark {height: 21px; width: 21px;}.brand-mark:before,.brand-mark:after {left: 4px; right: 4px; top: 9px;}.brand-sub {font-size: 5px; letter-spacing: 1.35px; padding-left: 29px; margin-top: 7px;}.header-actions {gap: 18px;}.header-actions>.btn {display: none;}.language-trigger {font-size: 10px; gap: 6px;}.language-trigger svg {height: 15px; width: 15px;}.language-trigger .chevron {display: none;}.mobile-menu-button {padding: 3px;}.mobile-menu-button svg {height: 21px; width: 21px;}.mobile-nav {padding-left: 18px; padding-right: 18px;}.service-navigation>.wrap {grid-template-columns: 1fr;}.service-link {padding: 20px 22px; gap: 16px;}.service-link+.service-link {border-left: 0; border-top: 1px solid var(--line);}.service-link strong {font-size: 14px;}.service-link small {font-size: 10px; line-height: 1.8; max-width: 300px;}.service-icon svg {height: 25px; width: 25px;}.service-link>svg {display: block; height: 15px; width: 15px;}.section {padding: 61px 0;}.eyebrow {font-size: 8px; letter-spacing: 1.1px; gap: 9px;}.eyebrow:before {width: 18px;}.section h2 {font-size: 32px; line-height: 1.24; letter-spacing: -.8px;}.company-grid {grid-template-columns: 1fr; gap: 32px;}.company-copy h2 {font-size: 31px; letter-spacing: -.8px; line-height: 1.28; margin: 22px 0;}.company-copy>p {font-size: 13px; line-height: 1.95; max-width: 460px;}.company-copy ul {margin: 23px 0 19px;}.company-copy li {font-size: 12px; line-height: 1.8; gap: 11px; margin: 12px 0;}.company-copy li svg {height: 14px; width: 14px; margin-top: 4px;}.text-button {font-size: 11px; gap: 14px; line-height: 1.7;}.company-visual {height: 320px; margin: 0 10px 20px 0;}.company-photo-caption {right: -10px; bottom: -20px; min-width: 235px; padding: 17px 22px; max-width: 93%;}.company-photo-caption>span {font-size: 8px;}.company-photo-caption strong {font-size: 17px;}.company-photo-caption small {font-size: 10px;}.section-number {font-size: 8px;}.section-heading {flex-direction: column; align-items: flex-start; gap: 20px; margin: 22px 0;}.section-heading>p {font-size: 12px; line-height: 1.95; max-width: 440px; padding: 0;}.section-heading h2 {font-size: 32px;}.filters {gap: 25px; margin: 28px -18px 24px; padding: 0 18px; border: 0;}.filter {font-size: 10px; gap: 9px; min-height: 36px; padding-bottom: 11px; border-bottom-color: #d8eae8;}.filter small {font-size: 8px;}.materials-grid,.materials-grid[data-layout=solid],.materials-grid[data-layout=composite] {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px;}.material-image {height: 146px;}.material-number {left: 11px; top: 11px; font-size: 7px; padding: 3px 5px;}.material-category {right: 10px; top: 11px; font-size: 6px; padding: 3px 5px;}.material-text {padding: 15px 13px 17px; grid-template-columns: 1fr 24px; gap: 0 6px; min-height: 163px; align-items: end;}.material-overline {font-size: 6px; letter-spacing: .5px; margin-bottom: 9px; line-height: 1.8;}.material-text h3 {font-size: 17px; line-height: 1.35; letter-spacing: -.4px; margin-bottom: 12px;}.material-text p {font-size: 9px; line-height: 1.9; grid-column: 1/-1; margin-bottom: 12px;}.card-arrow {grid-column: 2; height: 24px; width: 24px; justify-self: end;}.card-arrow svg {height: 12px; width: 12px;}.materials-bottom {flex-direction: column; align-items: flex-start; gap: 17px; margin-top: 24px;}.materials-bottom>p {font-size: 11px; line-height: 1.95;}.processing-top {grid-template-columns: 1fr; gap: 22px; margin: 22px 0 29px;}.processing-top h2 {font-size: 31px; line-height: 1.25; letter-spacing: -.9px;}.processing-top>p {font-size: 12px; line-height: 1.95; max-width: 440px; margin: 0;}.processing-grid {grid-template-columns: 1fr; gap: 32px;}.case-tabs {gap: 7px; margin: 0 -18px 15px; padding: 0 18px;}.case-tabs button {min-height: 41px; font-size: 10px; padding: 11px 12px;}.comparison {height: 319px;}.compare-badge {top: 15px; left: 15px; font-size: 7px; padding: 8px 10px; gap: 4px; line-height: 1.6;}.compare-badge b {font-size: 10px;}.badge-after {left: auto; right: 15px;}.compare-handle>span {width: 40px; height: 40px;}.compare-hint {font-size: 6px; gap: 8px; letter-spacing: .7px; bottom: 17px;}.case-description {font-size: 11px; line-height: 1.95; margin-top: 13px;}.compare-note {font-size: 9px; line-height: 1.95; margin-top: 6px;}.process-overline {font-size: 8px; line-height: 1.8; margin-bottom: 17px;}.process-content h3 {font-size: 28px; line-height: 1.3; letter-spacing: -.7px; margin-bottom: 19px;}.process-content>p {font-size: 13px; line-height: 1.95; max-width: 460px;}.case-list {margin: 25px 0;}.case-list>span {font-size: 7px; line-height: 1.8; letter-spacing: .9px; margin-bottom: 13px;}.case-item {gap: 11px; padding: 13px 0;}.case-item p {font-size: 12px; line-height: 1.8;}.case-item small {font-size: 8px;}.process-content .btn {font-size: 11px; padding: 15px 18px; min-height: 49px; gap: 19px;}.settlement {grid-template-columns: 1fr; gap: 22px; padding: 23px; margin-top: 32px;}.settlement-label {max-width: 260px; font-size: 12px; gap: 12px; line-height: 1.8;}.settlement-label svg {height: 18px; width: 18px; margin-top: 2px;}.settlement-formula {font-size: 11px; gap: 13px; row-gap: 16px; align-items: flex-end;}.formula-part {max-width: 150px; gap: 4px;}.formula-part small {font-size: 8px;}.formula-symbol {font-size: 18px; padding-bottom: 3px;}.formula-note {font-size: 10px; line-height: 1.95; margin-top: 20px;}.cooperation-body {grid-template-columns: 1fr; gap: 33px;}.cooperation-intro {position: static;}.cooperation-intro h2 {font-size: 32px; line-height: 1.25; letter-spacing: -.8px; margin: 22px 0;}.cooperation-intro>p {font-size: 13px; line-height: 1.95; max-width: 440px;}.mode-tabs {max-width: none; margin-top: 25px; gap: 10px;}.mode-tab {font-size: 12px; padding: 16px; gap: 13px;}.mode-tab small {font-size: 10px; line-height: 1.6;}.mode-icon {width: 33px; height: 33px;}.mode-icon svg {height: 18px; width: 18px;}.step {gap: 21px; padding: 24px 0;}.step-number {font-size: 30px; min-width: 39px; line-height: 1.3;}.step h3 {font-size: 20px; letter-spacing: -.4px; margin-bottom: 12px;}.step p {font-size: 12px; line-height: 1.95;}.step-arrow {width: 25px; height: 25px; margin-top: 4px;}.europe {padding-top: 0;}.europe-panel {grid-template-columns: 1fr; min-height: auto;}.europe-copy {padding: 29px 25px 0;}.europe-copy h2 {font-size: 31px; line-height: 1.25; letter-spacing: -.8px; margin: 22px 0;}.europe-copy>p {font-size: 12px; line-height: 1.95; max-width: 440px;}.europe-languages {margin-top: 23px;}.europe-languages>span {font-size: 7px; line-height: 1.8; letter-spacing: .8px; margin-bottom: 11px;}.europe-languages button {height: 31px; width: 35px; font-size: 9px;}.europe-copy>.text-button {font-size: 10px; margin-top: 20px; gap: 12px; line-height: 1.8;}.europe-art {height: 300px; margin-top: 10px;}.europe-map {height: 100%; max-height: none; padding: 0;}.europe-watermark {font-size: 54px; top: 27px; left: 25px; letter-spacing: 2px;}.map-foot {font-size: 8px; left: 20px; right: 20px; bottom: 19px; line-height: 1.8;}.faq-section {padding-top: 0;}.faq-grid {grid-template-columns: 1fr; gap: 31px;}.faq-intro h2 {font-size: 31px; line-height: 1.25; letter-spacing: -.7px; margin: 22px 0;}.faq-intro p {font-size: 13px; line-height: 1.95; max-width: 440px;}.faq-email {font-size: 12px; margin-top: 21px; gap: 12px;}.faq-list summary {font-size: 12px; line-height: 1.9; padding: 21px 0; gap: 20px;}.faq-list summary>span {height: 26px; width: 26px;}.faq-list details p {font-size: 12px; line-height: 1.95; padding-right: 29px; padding-bottom: 24px;}.contact {padding-bottom: 44px;}.contact-panel {padding: 30px 26px 0;}.contact .eyebrow {font-size: 7px; letter-spacing: 1px; line-height: 1.8; gap: 9px;}.contact h2 {font-size: 32px; line-height: 1.26; letter-spacing: -.8px; margin: 23px 0;}.contact p {font-size: 12px; line-height: 1.95;}.contact-actions {margin-top: 25px; gap: 20px;}.contact-actions .btn {min-height: 49px; padding: 15px 18px; gap: 21px; font-size: 11px;}.contact-actions>a {font-size: 11px; gap: 11px;}.contact-bottom {flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 27px; padding: 21px 0 24px;}.contact-bottom>span {font-size: 8px; line-height: 1.8; letter-spacing: .3px;}.contact-bottom>a {font-size: 11px;}.site-footer {padding-bottom: 91px;}.footer-grid {grid-template-columns: 1fr 1fr; gap: 29px;}.footer-about {grid-column: 1/-1;}.footer-about .brand-main {font-size: 21px;}.footer-about p {font-size: 11px; line-height: 1.95; max-width: 350px; margin-top: 18px;}.footer-column:last-child {display: block;}.footer-column h3 {font-size: 11px; margin-bottom: 16px;}.footer-column a,.footer-column p {font-size: 10px; line-height: 1.95; margin: 8px 0;}.footer-bottom {flex-direction: column; align-items: flex-start; gap: 14px; margin-top: 30px; padding-top: 20px; font-size: 8px;}.footer-bottom button {font-size: 8px;}.footer-bottom span {gap: 18px;}.floating-mobile-cta {display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 25; background: #fffffffa; border-top: 1px solid #d5e9e7; padding: 10px 18px max(10px,env(safe-area-inset-bottom)); align-items: center; justify-content: space-between; backdrop-filter: blur(12px);}.floating-mobile-cta>a {display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 500;}.floating-mobile-cta>a svg {height: 15px; width: 15px;}.floating-mobile-cta .btn {font-size: 10px; min-height: 42px; padding: 11px 17px; gap: 15px;}.dialog {max-height: 90dvh; max-width: calc(100vw - 28px); border-radius: 2px;}.dialog-inner {padding: 25px;}.dialog-head {gap: 20px; margin-bottom: 20px;}.dialog-head h2 {font-size: 27px; line-height: 1.24; letter-spacing: -.6px;}.icon-button {height: 31px; width: 31px;}.icon-button svg {height: 14px; width: 14px;}.dialog-description {font-size: 12px; line-height: 1.95; margin-bottom: 24px;}.language-grid {gap: 10px;}.language-option {padding: 17px; font-size: 15px;}.language-option small {font-size: 9px;}.material-dialog-photo {height: 240px; margin-top: 18px; margin-bottom: 23px;}.material-detail-copy {font-size: 12px; line-height: 1.95;}.detail-conditions {font-size: 11px; line-height: 1.95; padding: 16px 18px;}.detail-actions {gap: 10px;}.detail-actions .btn {min-height: 48px; padding: 14px 17px; gap: 14px; font-size: 10px;}.form-grid {gap: 16px;}.field {font-size: 10px; gap: 8px;}.field.mobile-full {grid-column: 1/-1;}.field input,.field select,.field textarea {font-size: 12px; padding: 12px; min-height: 45px;}.form-note {font-size: 10px; line-height: 1.95; margin-top: 21px;}.form-actions {flex-direction: column; align-items: flex-start; gap: 15px; margin-top: 23px;}.form-actions .btn {width: 100%; font-size: 11px;}.form-actions p {font-size: 10px; line-height: 1.9;}.form-feedback {font-size: 11px; line-height: 1.95;}.legal-copy {font-size: 12px; line-height: 2;}}
@media (max-width:370px) {.wrap {width: calc(100% - 28px);}.brand-main {font-size: 18px;}.utility {font-size: 5px; letter-spacing: .3px;}.utility a {font-size: 7px;}.header-actions {gap: 14px;}.service-link {padding: 19px 19px; gap: 13px;}.service-link strong {font-size: 13px;}.service-link small {font-size: 9px;}.section h2 {font-size: 29px;}.company-copy h2 {font-size: 28px;}.material-image {height: 131px;}.material-text {padding: 13px 11px 15px; min-height: 161px;}.material-text h3 {font-size: 15px;}.material-text p {font-size: 8px;}.material-overline {font-size: 5px; letter-spacing: .2px;}.material-category {font-size: 5px; right: 9px; top: 10px;}.material-number {font-size: 6px; left: 10px; top: 10px;}.processing-top h2,.cooperation-intro h2 {font-size: 29px;}.comparison {height: 287px;}.case-tabs button {font-size: 9px;}.settlement {padding: 20px;}.europe-copy {padding: 25px 21px 0;}.europe-copy h2 {font-size: 28px;}.europe-copy>.text-button {font-size: 9px;}.contact-panel {padding: 27px 21px 0;}.contact h2 {font-size: 29px;}.dialog-inner {padding: 21px;}}
@media (prefers-reduced-motion:reduce) {html {scroll-behavior: auto;}*,*:before,*:after {animation: none !important; transition: none !important;}}
.technology-link {border: 0; background: transparent; display: inline-flex; align-items: center; gap: 9px; padding: 9px 0; margin-left: 24px; color: #589993; font-size: 11px; font-weight: 500;}
.technology-link svg {height: 15px; width: 15px;}
.technology-video {display: block; width: 100%; height: auto; background: #123b40;}
.company-photo-caption>span {line-height: 1.8;}
@media (max-width:1100px) {.technology-link {margin-left: 0; display: flex; margin-top: 7px;}}
@media (max-width:700px) {.technology-link {display: inline-flex; margin-left: 19px; margin-top: 0; font-size: 10px;}}
@media (max-width:370px) {.technology-link {display: flex; margin-left: 0; margin-top: 8px;}}
:root {--brand-copper: #319386; --brand-steel: #319386;}
.brand {width: 264px; display: block; line-height: 0;}
.brand picture {display: block;}
.brand-logo {width: 100%; height: auto; display: block;}
.header-inner {gap: 26px;}
.desktop-nav {font-size: 12px; gap: 23px;}
.brand:focus-visible {outline-offset: 8px;}
.site-header {box-shadow: 0 5px 22px #123b4006;}
.utility {background: #f3f7f6;}
.utility>.wrap>span {display: flex; align-items: center; gap: 9px;}
.utility>.wrap>span:before {content: ''; height: 4px; width: 4px; background: var(--brand-copper);}
.service-navigation>.wrap {box-shadow: 0 10px 30px #123b4004;}
.service-link {position: relative;}
.service-link:after {content: ''; height: 2px; position: absolute; bottom: -1px; left: 28px; right: calc(100% - 28px); background: var(--brand-copper); transition: right .25s;}
.service-link:hover:after {right: 28px;}
.service-icon {width: 39px; height: 39px; background: #eef7f6; border: 1px solid #e4f0ef;}
.service-icon svg {width: 24px; height: 24px;}
.service-link>svg {transition: transform .25s;}
.service-link:hover>svg {transform: translateX(4px);}
.section-topline .section-number {padding-left: 13px; border-left: 2px solid #7fb5a9; color: #749b98;}
.company-visual:before {content: ''; position: absolute; top: -13px; bottom: 17px; left: 16px; right: -13px; border: 1px solid #d5e4e2; z-index: -1;}
.company-visual {isolation: isolate;}
.company-photo-caption {border-left-color: var(--brand-copper); padding-left: 23px; padding-right: 59px;}
.company-brand-symbol {position: absolute; right: 17px; top: 25px; width: 25px; height: auto; opacity: .85;}
.company-photo-caption strong {font-family: Manrope,Arial,sans-serif; font-weight: 800; letter-spacing: -.5px;}
.material-card {transition: border-color .25s,box-shadow .25s,transform .25s;}
.material-card:after {content: ''; height: 2px; position: absolute; bottom: 0; left: 0; right: 100%; background: var(--brand-copper); transition: right .3s;}
.material-card:hover:after {right: 0;}
.material-card:hover {box-shadow: 0 10px 30px #123b400a; transform: translateY(-3px);}
.material-image img {transition: transform .75s,filter .75s;}
.material-card:hover img {filter: saturate(.7); transform: scale(1.045);}
.material-number {border-bottom: 2px solid #8abbb1; font-weight: 600;}
.material-overline {color: #719b97; letter-spacing: .9px;}
.card-arrow {border-color: #d0e5e3;}
.case-tabs button[aria-pressed=true] {border-bottom: 2px solid var(--brand-copper);}
.comparison {border: 1px solid #d6e7e6;}
.compare-handle>span {border: 1px solid #88b5ac;}
.badge-after {border-top: 2px solid var(--brand-copper);}
.settlement {border-left: 3px solid #bcd9d7;}
.formula-result {border-bottom: 1px solid #86bbb0; padding-bottom: 3px;}
.step-number {color: #84aaa6; font-weight: 400;}
.step:first-child .step-number {color: #5a9084;}
.step-arrow {border-color: #bfdcd9;}
.europe-panel {border-top: 2px solid #319386;}
.europe-languages button {transition: background .2s,border-color .2s;}
.europe-languages button[aria-pressed=true] {border-bottom: 2px solid var(--brand-copper);}
.contact-panel {position: relative; isolation: isolate; overflow: hidden; border-top: 3px solid #7aafa4;}
.contact-panel:before {content: ''; position: absolute; right: 46px; top: 34px; width: 310px; height: 270px; background: url('/assets/monaxaplus-symbol-outline.svg?v=7') no-repeat center/contain; opacity: .1; z-index: -1; pointer-events: none;}
.contact-actions .btn {border-left: 3px solid var(--brand-copper);}
.contact .eyebrow:before {background: var(--brand-copper);}
.footer-about .brand {width: 250px;}
.footer-bottom {border-top-color: #d6e6e5;}
.dialog {border-top: 3px solid var(--brand-copper);}
.detail-tag {border-left: 2px solid var(--brand-copper);}
.language-option[aria-pressed=true] {border-bottom: 2px solid var(--brand-copper);}
@media (max-width:1250px) {.brand {width: 245px;}.desktop-nav {font-size: 11px; gap: 19px;}.header-inner {gap: 22px;}.service-link {gap: 13px;}.service-icon {height: 35px; width: 35px;}.service-icon svg {height: 23px; width: 23px;}.company-photo-caption {padding-left: 21px; padding-right: 55px;}.footer-about .brand {width: 235px;}}
@media (max-width:1100px) {.brand {width: 248px;}.company-photo-caption {padding-right: 51px;}.company-brand-symbol {width: 24px; right: 15px;}.footer-about .brand {width: 225px;}}
@media (max-width:900px) and (min-width:701px) {.brand {width: 235px;}.company-visual:before {right: -9px; left: 12px; top: -10px;}.company-photo-caption {padding-left: 18px; padding-right: 47px;}.company-brand-symbol {right: 13px; width: 22px;}.service-icon {height: 33px; width: 33px;}.service-icon svg {height: 22px; width: 22px;}}
@media (max-width:700px) {.brand {width: 207px;}.header-inner {gap: 14px;}.brand-logo {width: 100%; height: auto;}.service-icon {width: 35px; height: 35px;}.service-link {gap: 14px;}.service-link:after {left: 22px;}.service-link:hover:after {right: 22px;}.company-visual:before {top: -10px; bottom: 14px; left: 13px; right: -10px;}.company-photo-caption {padding-left: 21px; padding-right: 55px;}.company-brand-symbol {width: 24px; right: 16px; top: 24px;}.material-card:hover {transform: none;}.material-overline {letter-spacing: .45px;}.contact-panel:before {width: 220px; height: 195px; right: -42px; top: 27px; opacity: .08;}.footer-about .brand {width: 207px;}.dialog {border-top-width: 2px;}}
@media (max-width:370px) {.brand {width: 180px;}.header-actions {gap: 12px;}.header-inner {gap: 12px;}.footer-about .brand {width: 190px;}.company-photo-caption {padding-left: 18px; padding-right: 47px;}.company-brand-symbol {width: 22px; right: 13px;}}
.service-icon {background: transparent; border: 0; color: var(--navy);}
.service-link:after {background: var(--navy);}
.material-card:after {background: var(--navy);}
.material-number {border-bottom-color: #dde8e7;}
.company-brand-symbol {opacity: 1;}
.company-photo-caption {border-left-width: 2px;}
.contact-panel {border-top-color: var(--navy);}
.europe-panel {border-top-color: var(--navy);}
.contact-actions .btn {border-left-color: transparent;}
.section-topline .section-number {border-left-color: #cbdddc;}
.company-visual:before {border-color: #dde8e7;}
.settlement {background: #fff; border-left-color: #319386;}
.step:first-child .step-number {color: var(--navy);}
:root {--brand-copper: #319386; --brand-steel: #319386;}
.brand {width: 264px;}
.service-icon {color: #2d8378;}
.company-brand-symbol {width: 26px; top: 22px;}
.contact-panel:before {width: 270px; height: 310px; top: 19px;}
.company-photo-caption strong {color: var(--navy);}
@media (max-width:1250px) {.brand {width: 245px;}}
@media (max-width:900px) and (min-width:701px) {.brand {width: 235px;}}
@media (max-width:700px) {.brand {width: 207px;}.company-brand-symbol {width: 24px; top: 22px;}.contact-panel:before {width: 185px; height: 220px;}}
@media (max-width:370px) {.brand {width: 180px;}}