.home-hero{position:relative;isolation:isolate;height:clamp(530px,43.65vw,756px);overflow:hidden;background:#f5f6f8}
.hero-photo{position:absolute;z-index:-2;inset:0 0 0 43.78%}
.hero-photo picture{display:block;width:100%;height:100%}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:right center}
.hero-photo-caption{position:absolute;right:clamp(20px,3vw,52px);bottom:10%;width:clamp(150px,15vw,245px);margin:0;color:#fff;font-size:clamp(16px,1.55vw,26px);font-weight:700;line-height:1.15;text-transform:uppercase;letter-spacing:-.025em;text-shadow:0 2px 8px #000b}
.hero-photo-caption::before{content:'';display:block;width:30px;height:2px;margin-bottom:14px;background:var(--red)}
.hero-panel{position:absolute;z-index:-1;inset:0 auto 0 0;width:56.5%;background:linear-gradient(115deg,#eef0f3,#fbfbfc);clip-path:polygon(0 0,78% 0,100% 100%,0 100%)}
.hero-panel::after{content:'';position:absolute;inset:0;background:linear-gradient(80deg,transparent 55%,#fff6 55%,#fff6 64%,transparent 64%),radial-gradient(ellipse at 25% 70%,#fff9,transparent 60%)}
.hero-inner{height:100%;display:flex;align-items:center}
.hero-copy{width:57%;padding-bottom:1.5%}
.hero-copy>.eyebrow{font-size:clamp(10px,.91vw,14px);margin-bottom:clamp(12px,1.4vw,21px)}
.hero-copy h1{font-size:clamp(50px,4.8vw,83px);line-height:.92;letter-spacing:-.06em;font-weight:800}
.hero-copy h1 em{font-style:normal;color:var(--purple)}
.hero-description{max-width:85%;font-size:clamp(15px,1.37vw,22px);font-weight:700;line-height:1.4;letter-spacing:-.035em;margin-top:clamp(18px,1.6vw,25px)}
.hero-actions{display:flex;gap:clamp(14px,1.55vw,24px);margin-top:clamp(20px,1.8vw,28px)}
.hero-actions .button:first-child{min-width:clamp(205px,19.2vw,333px)}
.hero-actions .button-outline{min-width:clamp(174px,16.4vw,284px)}
.hero-features{display:grid;grid-template-columns:1fr 1fr 1fr 1.35fr;max-width:685px;padding:0;margin:clamp(32px,4vw,68px) 0 0;list-style:none;width:91%}
.hero-features li{display:flex;align-items:center;gap:9px;padding-inline:clamp(10px,1.15vw,19px);border-right:1px solid #d1d4dc;font-weight:700;font-size:clamp(9px,.9vw,14px);line-height:1.25;letter-spacing:-.025em}
.hero-features li span{white-space:nowrap}
.hero-features li:last-child span{white-space:normal}
.hero-features li:first-child{padding-left:0}.hero-features li:last-child{border:0;padding-right:0}
.hero-features .icon{color:var(--red);width:clamp(25px,2.3vw,38px);height:clamp(25px,2.3vw,38px)}
.home-section{padding-block:clamp(32px,3.2vw,55px)}
.section-heading{display:grid;grid-template-columns:1.46fr 1fr;align-items:end;gap:clamp(25px,5.4vw,86px);margin-bottom:clamp(16px,1.7vw,28px)}
.section-heading .eyebrow{margin-bottom:clamp(10px,1vw,17px)}
.section-heading h2{font-size:clamp(24px,2.48vw,41px);line-height:1.04;letter-spacing:-.055em}
.section-intro{font-size:clamp(12px,1.2vw,18px);line-height:1.5;padding-bottom:3px;letter-spacing:-.017em}
.challenges-section{padding-top:clamp(30px,2.6vw,46px);padding-bottom:clamp(18px,1.8vw,31px)}
.challenge-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,.9vw,16px)}
.challenge-card{min-height:clamp(122px,11.4vw,197px);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,2.1vw,34px) clamp(13px,1.65vw,28px);background:linear-gradient(130deg,#fff,#fafafc);transition:border-color .2s,transform .2s}
.challenge-card>.icon{width:clamp(29px,3.1vw,46px);height:clamp(29px,3.1vw,46px);color:var(--red);margin-bottom:clamp(12px,1.1vw,18px)}
.challenge-card>span{display:block;font-size:clamp(11px,1.03vw,16px);line-height:1.4;letter-spacing:-.025em}
.challenge-card strong{font-weight:700}
.challenge-card:hover{border-color:var(--red);transform:translateY(-3px)}
.solutions-section{padding-top:clamp(20px,1.5vw,27px);padding-bottom:clamp(25px,2.5vw,43px)}
.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.1vw,20px)}
.solution-card,.article-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(120deg,#fff,#fafafa);transition:box-shadow .2s,border-color .2s}
.solution-card:hover,.article-card:hover{border-color:#c4c7d0;box-shadow:0 6px 22px #1720310a}
.card-image-button{display:block;width:100%;padding:0;border:0;overflow:hidden;background:#ddd}
.card-image-button img{width:100%;object-fit:cover;transition:transform .45s}
.solution-card .card-image-button img{aspect-ratio:2.04}
.card-image-button:hover img{transform:scale(1.035)}
.card-body{padding:clamp(12px,1.15vw,19px) clamp(14px,1.45vw,24px)}
.card-body h3{font-size:clamp(15px,1.48vw,23px);line-height:1.2;letter-spacing:-.055em}
.card-body p{min-height:2.8em;font-size:clamp(12px,1.12vw,17px);line-height:1.4;margin-top:7px;letter-spacing:-.025em}
.card-body .text-link{margin-top:clamp(12px,1vw,17px)}
.solution-card{display:flex;flex-direction:column}
.solution-card>.card-image-button{flex-shrink:0}
.solution-card>.card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.solution-card .card-body p{flex:1}
.applications-section{padding-top:clamp(20px,1.8vw,31px);padding-bottom:clamp(38px,3.7vw,64px)}
.applications-section .section-heading,.segments-section .section-heading{grid-template-columns:1.46fr 1fr}
.applications-section h2,.segments-section h2,.results-section h2,.content-section h2{font-size:clamp(23px,2.35vw,39px)}
.image-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,.9vw,16px)}
.image-card{position:relative;isolation:isolate;display:block;width:100%;padding:0;overflow:hidden;border:1px solid #e3e4e7;border-radius:5px;background:#343434;text-align:left;aspect-ratio:1.26}
.image-card img{position:absolute;z-index:-2;width:100%;height:100%;inset:0;object-fit:cover;transition:transform .4s}
.image-card::after{position:absolute;z-index:-1;content:'';inset:0;background:linear-gradient(transparent 43%,#000c)}
.image-card span{position:absolute;left:clamp(10px,1vw,17px);right:7px;bottom:clamp(10px,.9vw,16px);color:white;font-weight:700;font-size:clamp(12px,1.4vw,21px);line-height:1.2;letter-spacing:-.045em}
.image-card:hover img{transform:scale(1.05)}
.segments-section{padding-top:clamp(30px,2.6vw,46px);padding-bottom:clamp(37px,3.6vw,62px);background:linear-gradient(#fdfdfd,#f8f9fb)}
.segments-grid .image-card{aspect-ratio:1.15}
.segments-grid .image-card span{font-size:clamp(11px,1.32vw,20px)}
.metrics-section{padding-block:clamp(30px,2.6vw,47px);background:linear-gradient(105deg,#eef0f3,#f5f5f6 55%,#efeff2);border-top:1px solid #e8e9ed}
.metrics-intro{display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:clamp(24px,5vw,80px);margin-bottom:clamp(26px,2.6vw,42px)}
.metrics-intro .eyebrow{margin-bottom:12px}
.metrics-intro h2{max-width:760px;font-size:clamp(24px,2.1vw,34px);line-height:1.15;letter-spacing:-.04em}
.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:clamp(18px,2.1vw,36px)}
.metric{position:relative;padding-left:clamp(9px,1.4vw,23px)}
.metric:not(:first-child)::before{content:'';position:absolute;left:-15px;top:5px;bottom:0;width:1px;background:linear-gradient(transparent,#e0e2e9,transparent)}
.metric strong{display:block;color:var(--purple);font-size:clamp(36px,3.55vw,59px);line-height:1.1;letter-spacing:-.04em}
.metric span{display:block;font-size:clamp(12px,1.23vw,19px);font-weight:700;margin-top:3px;letter-spacing:-.05em;white-space:nowrap}
.metric-strength strong{font-size:clamp(18px,1.8vw,28px);line-height:1.2}
.metric-strength span{white-space:normal}
.metrics-message{border-left:2px solid var(--red);padding-left:clamp(26px,3.1vw,50px);font-size:clamp(16px,1.4vw,23px);line-height:1.25;letter-spacing:-.025em}
.results-section{padding-top:clamp(30px,2.6vw,46px);padding-bottom:clamp(22px,2vw,35px)}
.results-section .section-heading{gap:clamp(30px,4vw,64px)}
.results-section .section-intro{font-size:clamp(11px,1.05vw,16px)}
.results-grid{display:grid;grid-template-columns:1.54fr 1fr;gap:clamp(13px,1vw,18px)}
.case-carousel{position:relative;overflow:hidden;min-width:0;min-height:240px;aspect-ratio:2.56;background:#20102f;border-radius:4px;color:white}
.case-slides,.case-slide{height:100%}
.case-slide{position:relative;display:grid;grid-template-columns:53% 47%;isolation:isolate}
.case-slide>img{position:absolute;inset:0;width:58%;height:100%;object-fit:cover;z-index:-2}
.case-copy{grid-column:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,2.3vw,38px) clamp(28px,4vw,64px) clamp(32px,3.6vw,58px) clamp(16px,1.7vw,27px);background:linear-gradient(110deg,#331d4ee8,#29123ed9);position:relative}
.case-copy::before{content:'';position:absolute;inset:0;z-index:-1;background:url('../img/received/r20-revestimentos-industriais-concha.webp') center/cover;opacity:.2}
.case-copy>span{font-size:clamp(12px,1.17vw,18px);line-height:1.3}
.case-copy h3{font-size:clamp(20px,1.83vw,30px);line-height:1.15;letter-spacing:-.04em;margin-top:11px}
.case-copy .text-link{font-size:clamp(11px,1.12vw,17px);margin-top:clamp(22px,2.4vw,38px)}
.carousel-arrow{position:absolute;bottom:16%;display:grid;width:clamp(34px,3.1vw,49px);height:clamp(34px,3.1vw,49px);place-items:center;border:1px solid #fff9;border-radius:50%;color:white;background:#211e2744}
.carousel-arrow:hover{background:#4f2078}
.carousel-arrow.previous{left:3%}.carousel-arrow.next{right:3%}.carousel-arrow.previous .icon{transform:rotate(180deg)}
.carousel-arrow .icon{width:20px;height:20px}
.carousel-dots{position:absolute;left:54%;bottom:7%;display:flex;gap:2px}
.carousel-dots button{display:grid;place-items:center;width:20px;height:20px;border:0;padding:0;background:transparent}
.carousel-dots button::after{content:'';width:5px;height:5px;border:1px solid #fff;border-radius:50%}
.carousel-dots button[aria-pressed=true]::after{background:#fff}
.case-list{display:grid;grid-template-rows:repeat(4,1fr);gap:6px;min-width:0}
.case-list-item{display:flex;align-items:center;gap:clamp(14px,1.6vw,24px);padding:clamp(10px,.9vw,15px) clamp(16px,1.7vw,26px);text-align:left;border:1px solid var(--line);border-radius:4px;background:transparent;transition:border-color .2s,background .2s}
.case-list-item>.icon{color:var(--red);width:clamp(29px,2.5vw,40px);height:clamp(29px,2.5vw,40px)}
.case-list-item>span{display:grid;gap:2px}
.case-list-item strong{font-size:clamp(11px,1.08vw,17px)}
.case-list-item span span{font-size:clamp(10px,.98vw,15px);line-height:1.35;letter-spacing:-.025em}
.case-list-item:hover,.case-list-item[aria-pressed=true]{border-color:var(--red);background:#fff}
.content-section{padding-top:clamp(26px,2.5vw,43px);padding-bottom:clamp(34px,3.1vw,55px)}
.content-heading{grid-template-columns:1.55fr .9fr auto;gap:clamp(16px,2vw,30px)}
.content-heading .section-intro{font-size:clamp(11px,1.04vw,16px)}
.content-heading h2{white-space:nowrap}
.all-content{font-size:clamp(9px,.72vw,12px);gap:4px;align-self:end;margin-bottom:8px;white-space:nowrap}
.all-content .icon{width:12px;height:12px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(17px,2.3vw,37px)}
.article-card .card-image-button img{aspect-ratio:3.46;object-fit:cover}
.article-category{display:block;font-size:clamp(10px,.92vw,14px);text-transform:uppercase;margin-bottom:8px;line-height:1.2}
.article-card h3{font-size:clamp(16px,1.43vw,23px);line-height:1.3;min-height:2.6em;letter-spacing:-.045em}
.article-card .text-link{font-size:clamp(10px,.9vw,14px)}
.contact-banner{position:relative;isolation:isolate;background:#261235;color:#fff;overflow:hidden}
.contact-banner::before{content:'';position:absolute;z-index:-2;inset:0 0 0 45%;background:url('../img/received/r19-faixa-contato-placas-uhmw.webp') right center/cover}
.contact-banner::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#291336 30%,#291336e6 51%,#29133600 85%)}
.contact-banner-inner{display:flex;align-items:center;gap:clamp(34px,5.2vw,85px);min-height:clamp(165px,12.8vw,222px);padding-block:30px}
.contact-banner h2{font-size:clamp(22px,2.15vw,35px);letter-spacing:-.04em;line-height:1.1;margin-top:16px}
.contact-banner p{max-width:60ch;font-size:clamp(13px,1.15vw,18px);line-height:1.4;margin-top:7px;letter-spacing:-.025em}
.contact-banner .button{border-color:#ff8c86;min-width:clamp(216px,20vw,337px)}
@media(min-width:1738px){.hero-photo{left:calc(50% - 108px)}.hero-panel{width:calc(50% + 114px);clip-path:polygon(0 0,calc(100% - 212px) 0,100% 100%,0 100%)}.hero-features{margin-top:65px}}
@media(max-width:1150px){
  .hero-copy{width:60%}.hero-description{font-size:15px}.hero-actions{gap:12px}.hero-actions .button{padding-inline:15px;min-width:0;font-size:10px}.hero-features{width:94%}.hero-features li{padding-inline:12px;gap:7px}.hero-features .icon{width:27px;height:27px}
  .section-heading{gap:30px;grid-template-columns:1.35fr 1fr}.challenge-card{padding:20px 14px}.section-heading h2{font-size:26px}.applications-section h2,.segments-section h2,.results-section h2,.content-section h2{font-size:24px}.content-heading{grid-template-columns:1.4fr 1fr}.all-content{grid-column:2;margin-bottom:0;margin-top:-8px}.content-heading h2{white-space:normal}.content-heading>div{grid-row:span 2}
  .metrics-grid{gap:15px}.metric span{font-size:11px}.metrics-message{font-size:16px;padding-left:20px}.case-copy{padding-right:35px}.case-copy h3{font-size:22px}.case-carousel{min-height:240px}
}
@media(max-width:800px){
  .home-hero{height:530px}.hero-photo{left:36%;opacity:.8}.hero-panel{width:69%;background:linear-gradient(110deg,#f5f6f8 65%,#f8f9fb)}.hero-copy{width:75%}.hero-copy h1{font-size:48px}.hero-description{font-size:15px}.hero-features{width:88%;margin-top:38px}.hero-features li{font-size:9px;padding-inline:9px}.hero-features .icon{width:25px;height:25px}
  .section-heading,.applications-section .section-heading,.segments-section .section-heading{grid-template-columns:1fr;gap:16px}.section-heading h2{font-size:28px}.section-intro{max-width:600px;font-size:14px}.challenge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.challenge-card{min-height:140px;padding:22px}.challenge-card>span{font-size:13px}.challenge-card>.icon{width:34px;height:34px}
  .solution-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card-body{padding:18px}.card-body h3{font-size:20px}.card-body p{font-size:14px}.text-link{font-size:12px}
  .image-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.image-card span,.segments-grid .image-card span{font-size:17px;left:12px;bottom:12px}
  .metrics-intro{grid-template-columns:1fr;gap:20px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}.metric{padding-left:0}.metric strong{font-size:34px}.metric span{font-size:13px;white-space:normal}.metric-strength strong{font-size:22px}.metric-strength:last-child{grid-column:1/-1}.metric::before{display:none}.metrics-message{padding:0 0 0 20px;font-size:18px}
  .results-grid{grid-template-columns:1fr}.case-carousel{aspect-ratio:2.4;min-height:270px}.case-copy{padding:25px 60px 50px 25px}.case-copy h3{font-size:25px}.case-copy>span{font-size:15px}.case-copy .text-link{font-size:13px}.case-list{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px}.case-list-item strong{font-size:13px}.case-list-item span span{font-size:11px}.case-list-item{min-height:76px}
  .content-heading{grid-template-columns:1fr;gap:15px}.content-heading>div{grid-row:auto}.all-content{grid-column:1;margin-top:0;font-size:11px}.article-grid{gap:13px}.article-card .card-body{padding:15px}.article-card h3{font-size:16px;min-height:5.2em}.article-category{font-size:9px}.article-card .card-image-button img{aspect-ratio:2}
  .contact-banner-inner{justify-content:space-between;gap:25px}.contact-banner h2{font-size:25px}.contact-banner .button{min-width:0;flex-shrink:0;font-size:11px}
}
@media(max-width:600px){
  .home-hero{height:auto;display:flex;flex-direction:column;background:linear-gradient(120deg,#f3f5f7,#fff)}
  .hero-inner{order:0;height:auto;display:block}.hero-copy{width:100%;padding:38px 0 28px}.hero-copy>.eyebrow{font-size:9px;gap:10px;letter-spacing:-.015em;margin-bottom:21px}.hero-copy>.eyebrow::before{width:20px}
  .hero-copy h1{font-size:clamp(42px,10vw,59px);line-height:.96;letter-spacing:-.06em}.hero-description{max-width:400px;font-size:15px;margin-top:20px;line-height:1.5}
  .hero-actions{flex-direction:column;margin-top:23px;gap:12px;max-width:390px}.hero-actions .button{font-size:12px;min-height:46px}.hero-features{width:100%;max-width:390px;grid-template-columns:1fr 1fr;gap:21px 14px;margin-top:29px}.hero-features li,.hero-features li:first-child{padding:0;border:0;gap:11px;font-size:11px}.hero-features .icon{width:29px;height:29px}
  .hero-photo{position:relative;inset:auto;order:1;z-index:0;width:100%;height:auto;aspect-ratio:1.25;opacity:1;overflow:hidden}.hero-photo img{width:100%;object-position:right center;height:100%}.hero-panel{display:none}
  .hero-photo-caption{right:6%;bottom:10%;width:44%;max-width:210px;font-size:clamp(16px,4.5vw,22px)}
  .home-section{padding-block:32px}.section-heading{margin-bottom:21px;gap:15px}.section-heading h2,.applications-section h2,.segments-section h2,.results-section h2,.content-section h2{font-size:27px;line-height:1.09}.section-heading .eyebrow{font-size:9px;margin-bottom:13px;gap:12px}.section-intro{font-size:13px;line-height:1.55}.section-heading h2 br{display:none}
  .challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.challenge-card{min-height:145px;padding:20px 18px}.challenge-card>span{font-size:12px}.challenges-section{padding-bottom:15px}.solutions-section{padding-top:23px}.solution-grid{gap:12px}.solution-card .card-body{padding:14px 12px}.solution-card .card-body h3{font-size:clamp(14px,4.1vw,16px)}.solution-card .card-body p{font-size:12px;min-height:4.2em}.solution-card .text-link{font-size:11px;gap:5px}.solution-card .text-link .icon{width:13px;height:13px}.solution-card .card-image-button img{aspect-ratio:1.5}
  .image-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-card,.segments-grid .image-card{aspect-ratio:1.3}.image-card span,.segments-grid .image-card span{font-size:16px}.applications-section{padding-bottom:30px}
  .applications-grid .image-card span{font-size:clamp(13px,4.1vw,16px)}
  .metrics-section{padding-block:28px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.metric{padding-left:10px}.metric strong{font-size:38px}.metric span{font-size:11px}.metric::before{display:none}.metrics-message{font-size:17px}
  .metrics-intro{gap:18px}.metrics-intro h2{font-size:24px}.metric-strength strong{font-size:20px}.metric-strength span{font-size:13px}
  .results-grid{gap:14px}.case-carousel{min-height:360px;aspect-ratio:auto}.case-slide{display:flex;flex-direction:column}.case-slide>img{position:static;width:100%;height:150px;z-index:auto;object-position:center 45%}.case-copy{flex:1;padding:22px 42px 42px 22px}.case-copy>span{font-size:12px}.case-copy h3{font-size:23px;max-width:270px}.case-copy .text-link{margin-top:18px;font-size:12px}.carousel-arrow{bottom:18px;width:32px;height:32px}.carousel-arrow.previous{left:18px}.carousel-arrow.next{right:18px}.carousel-dots{bottom:24px;left:50%;transform:translateX(-50%)}.case-list{grid-template-columns:1fr;gap:8px}.case-list-item{min-height:66px;padding:12px 17px}.case-list-item strong{font-size:13px}.case-list-item span span{font-size:11px}
  .article-grid{grid-template-columns:1fr;gap:18px}.article-card .card-image-button img{aspect-ratio:3}.article-card .card-body{padding:18px}.article-card h3{font-size:20px;min-height:0}.article-category{font-size:10px}.article-card .text-link{font-size:12px;margin-top:16px}
  .contact-banner-inner{flex-direction:column;align-items:flex-start;gap:25px;padding-block:32px}.contact-banner h2{font-size:27px;max-width:330px}.contact-banner p{font-size:13px;max-width:340px}.contact-banner .button{font-size:12px;min-width:245px}.contact-banner::before{inset:0 0 0 15%}.contact-banner::after{background:linear-gradient(90deg,#291336f2,#291336dd 60%,#29133655)}
}