.samples-hero{position:relative;isolation:isolate;min-height:430px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-block:70px;background:linear-gradient(90deg,#f8fdfd 0%,#f8fdfdf7 38%,#f8fdfdbb 68%,#f8fdfd77 100%),url('/sample-demo/covers/imobiliarias.webp') center 45%/cover}
.samples-hero .eyebrow,.samples-hero h1,.samples-hero>p{position:relative;z-index:1}
.samples-hero h1{max-width:900px}.samples-hero h1 span{color:#138f92}.samples-hero>p:not(.eyebrow){max-width:620px}
.samples-hero .demo-guidance{display:flex;align-items:center;gap:12px;font-size:12px;color:#466e68;margin:26px 0 0}.demo-guidance i{width:7px;height:7px;border-radius:50%;background:#1a9c82;flex:none}
.samples-gallery{padding-top:72px}.samples-gallery .heading{margin-bottom:30px}.samples-gallery .heading h2{font-size:36px}
.sample-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.sample-tile{grid-column:span 2;height:650px;border:1px solid #dce7e6;background:#fff;border-radius:19px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}
.sample-tile:hover{transform:translateY(-4px);box-shadow:0 18px 35px #183b461b}
.sample-photo{height:245px;display:block;position:relative;overflow:hidden;background:var(--sample-soft);flex:none}
.sample-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s}
.sample-tile:hover .sample-photo img{transform:scale(1.035)}
.sample-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#071d2666,transparent 37%);pointer-events:none}
.sample-photo-count{position:absolute;top:18px;left:20px;z-index:1;color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em;text-shadow:0 1px 8px #10253188}
.sample-copy{padding:27px 28px 29px;display:flex;flex-direction:column;flex:1}
.sample-tile-title{display:flex;align-items:center;gap:12px}.sample-sector-icon{height:40px;width:40px;display:grid;place-items:center;background:var(--sample-soft);border-radius:11px;color:var(--sample-accent);flex-shrink:0}
.sample-sector-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sample-copy h2{font-size:23px;line-height:1.2;letter-spacing:-.025em;margin:0}.sample-copy p{font-size:14px;color:#536a75;line-height:1.65;margin:19px 0}
.sample-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px}.sample-tags span{font-size:11px;padding:6px 10px;border:1px solid #dfe9e6;border-radius:20px;color:#526b70;background:#fbfdfd}
.solution-tile .sample-copy p{margin:14px 0}.automation-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 8px;list-style:none;margin:0 0 18px;padding:0}.automation-points li{display:flex;align-items:center;min-height:42px;padding:7px 9px;background:var(--sample-soft);border-radius:9px;font-size:11px;line-height:1.3;font-weight:700;color:#315f60}
.sample-open{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--sample-accent);font-size:13px;font-weight:800;border-top:1px solid #e2eae7;padding-top:18px;margin-top:auto}
.sample-open span{font-size:20px;font-weight:400}.sample-photo:focus-visible,.sample-open:focus-visible{outline:3px solid var(--sample-accent);outline-offset:-4px}
.samples-notice{background:#edf7f4;border:1px solid #d6e7e0;border-radius:12px;margin-top:28px;padding:20px 24px;font-size:13px;line-height:1.8;color:#4c7169}.samples-notice strong{color:#264e46}
@media(max-width:1050px){
 .topbar nav a[data-optional],.topbar>.button{display:none}
 .sample-grid{grid-template-columns:1fr;gap:20px}
 .sample-tile{grid-column:auto;height:440px;display:grid;grid-template-columns:minmax(250px,42%) minmax(0,1fr)}
 .sample-photo{height:100%;min-height:270px}
 .sample-copy{padding:25px 28px}
}
@media(max-width:650px){
 .samples-hero{min-height:0;padding:62px 22px 54px;background:linear-gradient(180deg,#f8fdfdfb 0%,#f8fdfdf2 55%,#eef9f5c5 100%),url('/sample-demo/covers/imobiliarias.webp') center/cover}
 .samples-hero h1{font-size:40px}.samples-hero>p:not(.eyebrow){font-size:15px;line-height:1.65}.samples-hero .demo-guidance{font-size:11px;line-height:1.6;gap:8px}
 .samples-gallery{padding-top:44px}.samples-gallery .heading{margin-bottom:26px}.samples-gallery .heading h2{font-size:31px}.samples-gallery .heading>p{font-size:14px;margin-bottom:0}
 .sample-tile{height:635px;display:flex;flex-direction:column}
 .sample-photo{height:210px;min-height:0;flex:none}
 .sample-copy{padding:23px}.sample-copy h2{font-size:22px}.sample-copy p{font-size:14px;margin:16px 0}.sample-tags{margin-bottom:22px}.sample-tags span{font-size:10px}
 .solution-tile .sample-copy p{margin:12px 0}.automation-points{gap:6px}.automation-points li{font-size:10px;min-height:39px;padding:6px 7px}
 .samples-notice{padding:19px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.sample-tile,.sample-photo img{transition:none}.sample-tile:hover,.sample-tile:hover .sample-photo img{transform:none}}