@charset "UTF-8";
/* September 2026: shared brand, calm surfaces and accessible motion. */
:root{--mesobra-refresh-ink:#203a2e;--mesobra-refresh-green:#327642;--mesobra-refresh-paper:#f6f7f2;--mesobra-refresh-line:#dce4d8}
body{color:#34463b;background:#fff}
body :is(h1,h2,h3,h4){letter-spacing:-.025em}
body :is(button,a,input,select,textarea):focus-visible{outline:3px solid #8cbd67;outline-offset:3px}
#header{border-bottom:1px solid #e5eae0}
.mesobra-global-search-wrap{background:#315f3b!important;background-image:none!important;border-bottom:1px solid #264f31}
.mesobra-global-search{box-shadow:none!important}
.mesobra-live-hero__copy h1{font-size:clamp(35px,3.65vw,59px)!important;letter-spacing:-.04em!important;line-height:1.08!important;max-width:560px}
.mesobra-live-hero__copy>p{max-width:510px;font-size:18px;line-height:1.65}
.mesobra-live-hero__eyebrow,.mesobra-eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.mesobra-live-hero__benefits{gap:15px}
.mesobra-quick-card{border:1px solid rgba(255,255,255,.7)!important;border-radius:18px!important;box-shadow:0 20px 54px #0d241c40!important}
.mesobra-quick-card :is(input,select){border-radius:8px!important;box-shadow:none!important;border-color:#d7e0d5!important}
.mesobra-quick-card .mesobra-continue-button{border-radius:10px!important;min-height:48px}
.mesobra-featured-section{padding-top:54px!important;padding-bottom:44px!important}
.mesobra-product-card{border-radius:14px;box-shadow:0 3px 16px #203a2e09}
.mesobra-product-card__title{min-height:2.7em;line-height:1.36}
.mesobra-product-card__price{border-radius:8px;background:#f3f6ef}
.mesobra-product-card__footer{flex-wrap:wrap;gap:6px!important}
.mesobra-product-card__footer>span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.4}
.mesobra-product-card__footer>a{margin-left:auto;white-space:nowrap}
.mesobra-section-cta{box-shadow:none!important;border-color:#c8d7c1!important}
.mesobra-section-cta:hover{background:#eff5e9!important;color:#224e2e!important}
.mesobra-section-heading>div>p{max-width:660px}
.mesobra-surface{box-shadow:0 5px 25px #203a2e07;border-color:var(--mesobra-refresh-line)}
.mesobra-contact-operator{padding:8px 0 20px;margin-bottom:12px;border-bottom:1px solid #e0e7dc}
.mesobra-contact-operator h3{font-size:20px;line-height:1.35;margin:10px 0}
.mesobra-contact-operator p{font-size:14px;line-height:1.7}
.mesobra-operator-summary{max-width:870px!important;font-size:12px!important;line-height:1.65!important;text-wrap:pretty}
.mesobra-operator-summary a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.mesobra-footer-details__bottom{flex-wrap:wrap!important;gap:18px!important}
.mesobra-footer-description{font-size:15px;line-height:1.65}
.mesobra-about-hero{isolation:isolate;position:relative;background:#173627;color:#fff;overflow:hidden;padding:80px 0 64px}
.mesobra-about-hero:before{position:absolute;inset:0;z-index:-2;content:"";background-image:var(--about-image);background-size:cover;background-position:center 60%;opacity:.72}
.mesobra-about-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,43,29,.98),rgba(14,43,29,.86) 47%,rgba(14,43,29,.22))}
.mesobra-about-hero__copy{max-width:780px}
.mesobra-about-hero .mesobra-eyebrow{display:inline-block;color:#ceecae;margin-bottom:24px}
.mesobra-about-hero h1{max-width:740px;margin:0 0 25px;color:#fff;font-size:clamp(37px,4.7vw,70px);line-height:1.04;letter-spacing:-.045em}
.mesobra-about-hero p{max-width:600px;margin:0;color:#e0e9de;font-size:18px;line-height:1.7}
.mesobra-about-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:30px 0 42px}
.mesobra-about-actions .button{display:inline-flex;gap:28px;align-items:center;justify-content:center;margin:0;padding:14px 22px;border-radius:9px;background:#d2edae;color:#203a2e;font-size:15px;font-weight:700}
.mesobra-about-actions .button:hover{background:#e1f7c8;color:#163624}
.mesobra-about-actions .button.border{background:transparent!important;color:#fff!important;border:1px solid #b9cdb8!important}
.mesobra-about-actions .button.border:hover{background:#ffffff14!important}
.mesobra-about-hero__foot{display:flex;gap:18px;flex-wrap:wrap;padding-top:24px;border-top:1px solid #ffffff30;color:#e1edd8;font-size:12px}
.mesobra-about-hero__foot span:before{content:"✓";margin-right:7px;color:#c9eaa6}
.mesobra-about-values{padding-top:64px;padding-bottom:58px}
.mesobra-about-values>.mesobra-eyebrow{color:#527344}
.mesobra-about-values>h2{max-width:700px;margin:14px 0 38px;font-size:clamp(28px,3vw,42px);line-height:1.15;color:#203a2e}
.mesobra-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.mesobra-about-benefit{padding:25px 8px 0 0;border-top:1px solid #b8cbb0}
.mesobra-about-number{display:block;margin-bottom:24px;color:#688453;font-size:13px;letter-spacing:.1em;font-weight:800}
.mesobra-about-benefit h3{font-size:23px;line-height:1.23;margin:0 0 13px;color:#203a2e}
.mesobra-about-benefit p{font-size:15px;line-height:1.65;max-width:325px;margin:0}
.mesobra-about-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:38px 40px;background:#edf3e6;border:1px solid #dfe9d4;border-radius:16px}
.mesobra-about-cta>div{max-width:650px}
.mesobra-about-cta h2{font-size:30px;line-height:1.18;margin:12px 0 16px;color:#203a2e}
.mesobra-about-cta p{font-size:15px;line-height:1.7;margin:0}
.mesobra-about-cta .button{margin:0;white-space:nowrap;background:#315f3b;color:white;border-radius:9px}
.mesobra-about-scope{padding-top:25px;padding-bottom:50px;font-size:13px;line-height:1.7;color:#68766b}
.mesobra-about-scope p{max-width:950px;font-size:13px;line-height:1.7;margin:0 0 6px}
.mesobra-about-scope a{color:#315f3b;text-decoration:underline;text-underline-offset:3px}
@keyframes mesobra-arrive{from{opacity:.3;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 .mesobra-live-hero__copy,.mesobra-about-hero__copy{animation:mesobra-arrive .6s cubic-bezier(.2,.7,.3,1) both}
 .mesobra-quick-card{animation:mesobra-arrive .65s .08s cubic-bezier(.2,.7,.3,1) both}
 .mesobra-reveal-in{animation:mesobra-arrive .48s ease both}
}
@media(max-width:767px){
 .mesobra-live-hero__copy h1{font-size:36px!important;max-width:100%}
 .mesobra-live-hero__copy>p{font-size:16px;line-height:1.6}
 .mesobra-quick-card{border-radius:13px!important}
 .mesobra-featured-section{padding-top:34px!important;padding-bottom:30px!important}
 .mesobra-about-hero{padding:47px 0 35px}
 .mesobra-about-hero:after{background:#143524dc}
 .mesobra-about-hero .mesobra-eyebrow{font-size:10px;margin-bottom:18px}
 .mesobra-about-hero h1{font-size:40px}
 .mesobra-about-hero p{font-size:16px}
 .mesobra-about-actions{gap:10px;margin:25px 0 28px}
 .mesobra-about-actions .button{padding:12px 17px;min-height:47px}
 .mesobra-about-hero__foot{gap:10px;font-size:11px}
 .mesobra-about-values{padding-top:40px;padding-bottom:34px}
 .mesobra-about-values>h2{font-size:31px;margin-bottom:28px}
 .mesobra-about-grid{grid-template-columns:1fr;gap:24px}
 .mesobra-about-benefit{padding-top:18px}
 .mesobra-about-number{margin-bottom:13px}
 .mesobra-about-benefit p{max-width:none}
 .mesobra-about-cta{flex-direction:column;align-items:flex-start;gap:22px;width:calc(100% - 30px);padding:27px 23px;border-radius:12px}
 .mesobra-about-cta h2{font-size:28px}
 .mesobra-about-cta .button{white-space:normal}
 .mesobra-about-scope{padding-bottom:35px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
/* Final responsive review: give featured materials the same image/body rhythm. */
.mesobra-about :is(h1,h2,h3){font-weight:700}
body .mesobra-about-actions a.button{background:#d2edae!important;color:#203a2e!important;border-radius:9px!important}
body .mesobra-about-actions button.button{border-radius:9px!important}
@media(max-width:767px){
 .mesobra-featured-showcase__grid .mesobra-product-card[data-card-kind="material"]{display:flex!important;flex-direction:column!important}
 .mesobra-featured-showcase__grid .mesobra-product-card[data-card-kind="material"] .mesobra-product-card__media{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/10!important}
 .mesobra-featured-showcase__grid .mesobra-product-card[data-card-kind="material"] .mesobra-product-card__body{width:100%!important;min-width:0}
}