.market-fit-section{padding:88px 0;background:linear-gradient(180deg,#fff 0%,#f6f9ff 100%);overflow:hidden}
.market-fit-head{max-width:980px;margin:0 auto 34px;text-align:center}
.market-fit-head h2{max-width:1050px;margin:0 auto 18px;font-size:clamp(2.4rem,5vw,4.15rem);line-height:1.02;letter-spacing:-.045em;color:#081a3b}
.market-fit-head p{max-width:900px;margin:0 auto;color:#5d7090;font-size:1.06rem;line-height:1.8}
.market-fit-legend{margin:24px auto 0;max-width:920px;padding:16px 18px;border-radius:18px;background:#eef5ff;border:1px solid #d6e5ff;color:#4f6787;line-height:1.7}
.market-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start}
.market-showcase-card{display:grid;grid-template-rows:auto auto;gap:15px;min-width:0}
.site-browser{display:block;border-radius:20px;overflow:hidden;background:#fff;border:1px solid #d8e4f4;box-shadow:0 18px 42px rgba(10,39,87,.10)}
.browser-bar{height:24px;background:#06193b;display:flex;align-items:center;gap:6px;padding:0 12px}.browser-bar span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.62)}
.site-preview-viewport{position:relative;height:255px;overflow:hidden;background:#ebf2ff}
.site-preview-page{min-height:780px;transition:transform 8s cubic-bezier(.22,.61,.36,1);will-change:transform}
.market-showcase-card:hover .site-preview-page{transform:translateY(calc(-100% + 255px))}
.sp-hover-cta{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:inline-flex;padding:9px 18px;border-radius:10px;background:#4caefc;color:#fff;font-weight:800;font-size:.8rem;letter-spacing:.03em;box-shadow:0 10px 24px rgba(76,174,252,.28)}
.sp-hero{padding:16px 16px 18px;background:#f6f8fd}.sp-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:10px;color:#667b98}.sp-nav b{font-size:12px;color:#122a52;white-space:nowrap}.sp-nav em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;align-items:center}.sp-copy small{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.74);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#2458c6;margin-bottom:8px}.sp-copy h4{font-size:22px;line-height:1.04;margin:0 0 10px;color:#0d2144;letter-spacing:-.03em}.sp-copy p{font-size:12px;line-height:1.55;color:#5a6e8f;margin:0 0 12px}.sp-copy i{display:inline-flex;padding:8px 12px;border-radius:10px;background:#4daefc;color:#fff;font-style:normal;font-weight:800;font-size:11px}
.sp-media{height:168px;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.35)}
.sp-media::before,.sp-media::after,.sp-media u{content:'';position:absolute;display:block}.sp-media::before{right:18px;top:16px;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.24)}.sp-media::after{right:16px;bottom:16px;width:74px;height:74px;border-radius:999px;background:rgba(255,255,255,.18)}.sp-media u:nth-child(1){left:16px;bottom:16px;width:58%;height:56%;border-radius:18px;background:rgba(255,255,255,.2)}.sp-media u:nth-child(2){right:18px;top:18px;width:34px;height:106px;border-radius:16px;background:rgba(255,255,255,.14)}.sp-media u:nth-child(3){left:18px;top:18px;width:74px;height:10px;border-radius:999px;background:rgba(255,255,255,.34)}
.sp-section{padding:16px;background:#fff}.sp-section.stats,.sp-section.cards,.sp-section.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sp-section.stats div,.sp-section.cards div,.sp-section.gallery div,.sp-section.split div,.sp-section.split aside,.sp-section.faq div,.sp-footer div{border-radius:16px;background:#eef4ff;border:1px solid #dfe9f7}.sp-section.stats div{min-height:72px}.sp-section.cards div{min-height:96px}.sp-section.gallery div{min-height:118px}.sp-section.split{display:grid;grid-template-columns:1.05fr .95fr;gap:12px}.sp-section.split div,.sp-section.split aside{min-height:158px}.sp-section.faq{display:grid;gap:10px}.sp-section.faq div{min-height:48px}.sp-footer{padding:16px;background:#081a3b;display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.sp-footer div{background:rgba(255,255,255,.08);border:0;min-height:54px}
.market-showcase-copy h3{margin:0 0 10px;font-size:1.16rem;line-height:1.3;color:#0c2248}.market-showcase-copy p{margin:0 0 12px;line-height:1.72;color:#516887}.market-showcase-copy small{display:block;line-height:1.65;color:#6c7e97}.market-showcase-copy small strong{color:#1a335e}
.theme-clinica .sp-hero{background:linear-gradient(135deg,#edf8f5 0%,#fafcff 100%)} .theme-clinica .sp-media{background:linear-gradient(135deg,#d1f3e7,#afdad3)}
.theme-advocacia .sp-hero{background:linear-gradient(135deg,#f8edd8 0%,#fff8ec 100%)} .theme-advocacia .sp-media{background:linear-gradient(135deg,#ffbe39,#b36b08)}
.theme-ecommerce .sp-hero{background:linear-gradient(135deg,#ffe6f1 0%,#fff6fb 100%)} .theme-ecommerce .sp-media{background:linear-gradient(135deg,#f06cab,#d63f7f)}
.theme-financas .sp-hero{background:linear-gradient(135deg,#edf4ff 0%,#f9fbff 100%)} .theme-financas .sp-media{background:linear-gradient(135deg,#3d8bff,#1653c4)}
.theme-arquitetura .sp-hero{background:linear-gradient(135deg,#f4efe8 0%,#fdf8f1 100%)} .theme-arquitetura .sp-media{background:linear-gradient(135deg,#8f6d57,#514338)}
.theme-odontologia .sp-hero{background:linear-gradient(135deg,#eff7ff 0%,#fbfeff 100%)} .theme-odontologia .sp-media{background:linear-gradient(135deg,#5ab7ff,#1b77ca)}
.theme-contabilidade .sp-hero{background:linear-gradient(135deg,#eff4fb 0%,#fbfdff 100%)} .theme-contabilidade .sp-media{background:linear-gradient(135deg,#177e89,#0d4651)}
.theme-turismo .sp-hero{background:linear-gradient(135deg,#e8f7ff 0%,#f7fdff 100%)} .theme-turismo .sp-media{background:linear-gradient(135deg,#3db4ff,#0284c7)}
.theme-academia .sp-hero{background:linear-gradient(135deg,#edf7f3 0%,#f9fdfa 100%)} .theme-academia .sp-media{background:linear-gradient(135deg,#2ec27e,#1a7f54)}
.theme-supermercado .sp-hero{background:linear-gradient(135deg,#fff1f1 0%,#fff9f9 100%)} .theme-supermercado .sp-media{background:linear-gradient(135deg,#ff6060,#d22d2d)}
.theme-estetica .sp-hero{background:linear-gradient(135deg,#fdebf4 0%,#fff8fb 100%)} .theme-estetica .sp-media{background:linear-gradient(135deg,#ee95bf,#c76091)}
.theme-seguros .sp-hero{background:linear-gradient(135deg,#f1f7ff 0%,#f9fbff 100%)} .theme-seguros .sp-media{background:linear-gradient(135deg,#2d5cc5,#13357d)}
.theme-farmacia .sp-hero{background:linear-gradient(135deg,#effaf0 0%,#fbfffb 100%)} .theme-farmacia .sp-media{background:linear-gradient(135deg,#2ebb69,#0f8b47)}
.theme-tecnologia .sp-hero{background:linear-gradient(135deg,#ebf4ff 0%,#f7fbff 100%)} .theme-tecnologia .sp-media{background:linear-gradient(135deg,#08285e,#163f9d)}
.theme-restaurante .sp-hero{background:linear-gradient(135deg,#fff0df 0%,#fff8f0 100%)} .theme-restaurante .sp-media{background:linear-gradient(135deg,#ff8f42,#d45a14)}
.theme-educacao .sp-hero{background:linear-gradient(135deg,#eef3ff 0%,#f7f9ff 100%)} .theme-educacao .sp-media{background:linear-gradient(135deg,#5b6fff,#3440ba)}
.theme-decoracao .sp-hero{background:linear-gradient(135deg,#f6f1eb 0%,#fdfaf7 100%)} .theme-decoracao .sp-media{background:linear-gradient(135deg,#b9855b,#7c5a40)}
.theme-automotivo .sp-hero{background:linear-gradient(135deg,#edf5ff 0%,#f7fbff 100%)} .theme-automotivo .sp-media{background:linear-gradient(135deg,#0f172a,#274c9b)}
.theme-engenharia .sp-hero{background:linear-gradient(135deg,#f7f2e9 0%,#fdfaf4 100%)} .theme-engenharia .sp-media{background:linear-gradient(135deg,#e5a63f,#875e17)}
.theme-moda .sp-hero{background:linear-gradient(135deg,#fff0f8 0%,#fff9fc 100%)} .theme-moda .sp-media{background:linear-gradient(135deg,#f472b6,#c026d3)}
@media (hover:none){.site-preview-page{animation:previewFloat 14s ease-in-out infinite alternate}}
@keyframes previewFloat{0%{transform:translateY(0)}100%{transform:translateY(calc(-100% + 255px))}}
@media (max-width:1180px){.market-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.market-fit-section{padding:58px 0}.market-fit-head{text-align:left}.market-fit-head h2,.market-fit-head p,.market-fit-legend{max-width:none;margin-left:0;margin-right:0}.market-showcase-grid{grid-template-columns:1fr;gap:24px}.site-preview-viewport{height:232px}.market-showcase-card:hover .site-preview-page{transform:none}.site-preview-page{animation:none}.sp-hover-cta{bottom:10px;padding:8px 14px;font-size:.72rem}.sp-hero-grid,.sp-section.split,.sp-footer{grid-template-columns:1fr}.sp-nav{display:block}.sp-nav em{display:none}.sp-copy h4{font-size:20px}.sp-media{height:144px}}