
.market-teaser{margin-top:28px;padding:20px;border:1px solid #d4b77c;border-radius:19px;background:linear-gradient(155deg,#163c39,#0a242a);color:#f7f8f4}
.market-teaser-header h3{font-size:clamp(20px,3vw,27px);margin:8px 0;color:#ffe5a8}
.market-teaser-header p{color:#c5ddd7;max-width:650px;line-height:1.5}
.market-demo-tag,.market-sample-badge{font-size:10px;font-weight:850;letter-spacing:.07em;padding:5px 8px;border-radius:5px;background:#fff0bf;color:#503a16}
.market-teaser-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-top:16px}
.market-teaser-card{background:#f9faf7;color:#172f30;border-radius:13px;overflow:hidden;box-shadow:0 6px 16px #0003}
.market-teaser-art{height:132px;display:grid;place-items:center;position:relative;overflow:hidden}
.market-teaser-art:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#fff5,transparent 40%,#0002)}
.market-teaser-art span{font-size:69px;filter:drop-shadow(2px 10px 5px #0004)}
.market-teaser-art.blue{background:radial-gradient(circle at 30% 20%,#b4e9fa,#3a799b)}
.market-teaser-art.wood{background:radial-gradient(circle at 30% 20%,#f3d5a3,#98734f)}
.market-teaser-art.green{background:radial-gradient(circle at 30% 20%,#c9f0b5,#65995a)}
.market-teaser-art.purple{background:radial-gradient(circle at 30% 20%,#e7d5fc,#8671ae)}
.market-teaser-art.orange{background:radial-gradient(circle at 30% 20%,#ffe7c0,#b88651)}
.market-teaser-art.pink{background:radial-gradient(circle at 30% 20%,#ffe4ea,#c887a0)}
.market-teaser-info{padding:11px;display:grid;gap:6px}
.market-teaser-info strong{font-size:14px;min-height:34px}
.market-teaser-info b{font-size:21px;color:#0c7254}
.market-teaser-info small{font-size:11px;color:#506963}
.market-teaser-info .market-sample-badge{justify-self:start;font-size:9px;background:#e5edea;color:#35564b}
.market-teaser-cta{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.market-teaser-cta p{margin:0;max-width:420px}
.market-teaser-cta button{background:#f2c978;color:#19352d;font-weight:800;border:0;border-radius:10px;padding:13px 18px;cursor:pointer}
@media(max-width:480px){.market-teaser{padding:12px}.market-teaser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.market-teaser-art{height:112px}.market-teaser-art span{font-size:56px}}
