<section id="raisly-solutions-comparison">
<style>
#raisly-solutions-comparison {
padding-block: var(--et-spacing-vertical);
padding-inline: var(--et-spacing-horizontal);
background-color: var(--et-colors-background, #ffffff);
font-family: inherit;
}
#raisly-solutions-comparison * {
font-family: inherit;
}
@media (min-width: 1024px) {
#raisly-solutions-comparison {
padding-block: var(--et-spacing-vertical-lg);
padding-inline: var(--et-spacing-horizontal-lg);
}
}
#raisly-solutions-comparison .container {
margin-inline: auto;
max-width: 80rem;
}
#raisly-solutions-comparison .section-tag {
color: var(--et-colors-brand, #ffa94d);
font-size: 14px;
font-weight: 600;
letter-spacing: 0.02em;
margin-bottom: 8px;
}
#raisly-solutions-comparison .heading {
color: var(--et-colors-text, #36454f);
font-weight: 700 !important;
line-height: 1.2;
letter-spacing: -0.02em;
text-wrap: balance;
max-width: 42rem;
font-size: 36px;
margin-bottom: 16px;
}
@media (min-width: 640px) {
#raisly-solutions-comparison .heading {
font-size: 48px;
}
}
#raisly-solutions-comparison .paragraph {
color: var(--et-colors-text, #36454f);
font-size: 18px;
font-weight: 600;
opacity: 0.8;
text-wrap: balance;
max-width: 42rem;
margin-bottom: 24px;
}
/* Table Container */
#raisly-solutions-comparison .table-card {
background-color: var(--et-colors-card-background, #ffffff);
border: 1px solid var(--et-colors-border, #e5e7eb);
border-radius: 8px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
overflow: hidden;
margin-bottom: 16px;
}
#raisly-solutions-comparison .table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
#raisly-solutions-comparison table {
width: 100%;
border-collapse: collapse;
min-width: 780px;
font-family: inherit;
}
#raisly-solutions-comparison th,
#raisly-solutions-comparison td {
padding: 16px 20px;
vertical-align: middle;
border-bottom: 1px solid var(--et-colors-border, #e5e7eb);
line-height: 1.5;
font-family: inherit;
}
#raisly-solutions-comparison tr:last-child td {
border-bottom: none;
}
/* Column 1 (Funkcja) - Left Aligned */
#raisly-solutions-comparison .col-feature {
width: 32%;
font-weight: 600;
color: var(--et-colors-text, #1e293b);
font-size: 15px;
text-align: left;
}
#raisly-solutions-comparison th.col-feature {
font-size: 11px;
color: color-mix(in srgb, var(--et-colors-text) 60%, transparent);
text-transform: uppercase;
letter-spacing: 0.05em;
text-align: left;
}
/* All other columns (Raisly, Excel, ClickUp, ERP) - Centered */
#raisly-solutions-comparison th:not(.col-feature),
#raisly-solutions-comparison td:not(.col-feature) {
text-align: center;
width: 17%;
}
/* Raisly Highlighted Column */
#raisly-solutions-comparison .col-raisly {
background-color: color-mix(in srgb, var(--et-colors-brand) 8%, transparent);
}
#raisly-solutions-comparison th.col-raisly {
background-color: var(--et-colors-brand, #ffa94d);
border-bottom: none;
}
#raisly-solutions-comparison th.col-raisly .th-title {
color: #1e293b;
}
#raisly-solutions-comparison th.col-raisly .th-subtitle {
color: rgba(30, 41, 59, 0.75);
}
/* Header Formatting */
#raisly-solutions-comparison th .th-title {
display: block;
font-weight: 600;
color: var(--et-colors-text, #1e293b);
font-size: 14px;
text-align: inherit;
}
#raisly-solutions-comparison th .th-subtitle {
display: block;
font-weight: 400;
color: color-mix(in srgb, var(--et-colors-text) 60%, transparent);
font-size: 12px;
margin-top: 2px;
text-align: inherit;
}
/* Status Icons */
#raisly-solutions-comparison .status-check {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
background-color: #34d399;
color: #ffffff;
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
#raisly-solutions-comparison .status-check svg {
width: 14px;
height: 14px;
}
#raisly-solutions-comparison .status-warning {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
}
#raisly-solutions-comparison .status-dash {
color: color-mix(in srgb, var(--et-colors-text) 50%, transparent);
font-size: 18px;
line-height: 1;
}
/* Exclusive Badge */
#raisly-solutions-comparison .exclusive-badge {
display: inline-flex;
align-items: center;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 2px 7px;
border-radius: 4px;
background-color: color-mix(in srgb, var(--et-colors-brand, #ffa94d) 20%, transparent);
color: var(--et-colors-text, #1e293b);
border: 1px solid color-mix(in srgb, var(--et-colors-brand, #ffa94d) 45%, transparent);
white-space: nowrap;
line-height: 1.4;
}
/* Legend - Stacked */
#raisly-solutions-comparison .table-legend {
display: flex;
flex-direction: column;
gap: 6px;
font-size: 13px;
color: color-mix(in srgb, var(--et-colors-text) 75%, transparent);
font-style: italic;
line-height: 1.5;
margin-top: 14px;
}
#raisly-solutions-comparison .legend-item {
display: flex;
align-items: center;
gap: 8px;
}
#raisly-solutions-comparison .legend-check {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
background-color: #34d399;
color: #ffffff;
border-radius: 4px;
flex-shrink: 0;
}
#raisly-solutions-comparison .legend-check svg {
width: 12px;
height: 12px;
}
#raisly-solutions-comparison .legend-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
flex-shrink: 0;
}
#raisly-solutions-comparison .legend-dash {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
font-size: 16px;
font-style: normal;
font-weight: 500;
flex-shrink: 0;
}
#raisly-solutions-comparison .last {
margin-bottom: 0 !important;
}
</style>
<div class="container">
<p class="section-tag">Porównanie</p>
<h2 class="heading"><strong>Porównanie rozwiązań</strong></h2>
<p class="paragraph">Zobacz, jak Raisly wypada na tle arkuszy kalkulacyjnych, narzędzi ogólnych i systemów ERP.</p>
<div class="table-card">
<div class="table-responsive">
<table>
<thead>
<tr>
<th scope="col" class="col-feature">Funkcja</th>
<th scope="col" class="col-raisly">
<span class="th-title">Raisly</span>
<span class="th-subtitle">ALL-IN-ONE</span>
</th>
<th scope="col">
<span class="th-title">Excel</span>
<span class="th-subtitle">RĘCZNY ARKUSZ</span>
</th>
<th scope="col">
<span class="th-title">ClickUp + Fakturownia</span>
<span class="th-subtitle">2 NARZĘDZIA OSOBNO</span>
</th>
<th scope="col">
<span class="th-title">ERP dla deweloperów</span>
<span class="th-subtitle">SYSTEM ENTERPRISE</span>
</th>
</tr>
</thead>
<tbody>
<tr>
<td class="col-feature">Harmonogram budowy</td>
<td class="col-raisly">
<span class="status-check" aria-label="Tak">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
</span>
</td>
<td>
<span class="status-warning" aria-label="Częściowo">
<svg viewBox="0 0 24 24" width="22" height="22" fill="#f59e0b"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.448 3.574a3 3 0 015.104 0l7.398 12.87A3 3 0 0119.348 21H4.652a3 3 0 01-2.602-4.556l7.398-12.87zM12 8a1 1 0 00-1 1v4a1 1 0 102 0V9a1 1 0 00-1-1zm0 9a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5z"/></svg>
</span>
</td>
<td>
<span class="status-warning" aria-label="Częściowo">
<svg viewBox="0 0 24 24" width="22" height="22" fill="#f59e0b"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.448 3.574a3 3 0 015.104 0l7.398 12.87A3 3 0 0119.348 21H4.652a3 3 0 01-2.602-4.556l7.398-12.87zM12 8a1 1 0 00-1 1v4a1 1 0 102 0V9a1 1 0 00-1-1zm0 9a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5z"/></svg>
</span>
</td>
<td>
<span class="status-check" aria-label="Tak">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
</span>
</td>
</tr>
<tr>
<td class="col-feature">KSeF per inwestycja</td>
<td class="col-raisly">
<span class="status-check" aria-label="Tak">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
</span>
</td>
<td><span class="status-dash">—</span></td>
<td>
<span class="status-warning" aria-label="Częściowo">
<svg viewBox="0 0 24 24" width="22" height="22" fill="#f59e0b"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.448 3.574a3 3 0 015.104 0l7.398 12.87A3 3 0 0119.348 21H4.652a3 3 0 01-2.602-4.556l7.398-12.87zM12 8a1 1 0 00-1 1v4a1 1 0 102 0V9a1 1 0 00-1-1zm0 9a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5z"/></svg>
</span>
</td>
<td>
<span class="status-check" aria-label="Tak">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
</span>
</td>
</tr>
<tr>
<td class="col-feature">
<div style="display: flex; align-items: center; flex-wrap: wrap; gap: 6px;">
<span>Asystent AI na WhatsApp</span>
<span class="exclusive-badge">TYLKO W RAISLY</span>
</div>
</td>
<td class="col-raisly">
<span class="status-check" aria-label="Tak">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
</span>
</td>
<td><span class="status-dash">—</span></td>
<td><span class="status-dash">—</span></td>
<td><span class="status-dash">—</span></td>
</tr>
<tr>
<td class="col-feature">Kalkulator opłacalności</td>
<td class="col-raisly">
<span class="status-check" aria-label="Tak">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
</span>
</td>
<td>
<span class="status-warning" aria-label="Częściowo">
<svg viewBox="0 0 24 24" width="22" height="22" fill="#f59e0b"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.448 3.574a3 3 0 015.104 0l7.398 12.87A3 3 0 0119.348 21H4.652a3 3 0 01-2.602-4.556l7.398-12.87zM12 8a1 1 0 00-1 1v4a1 1 0 102 0V9a1 1 0 00-1-1zm0 9a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5z"/></svg>
</span>
</td>
<td><span class="status-dash">—</span></td>
<td>
<span class="status-warning" aria-label="Częściowo">
<svg viewBox="0 0 24 24" width="22" height="22" fill="#f59e0b"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.448 3.574a3 3 0 015.104 0l7.398 12.87A3 3 0 0119.348 21H4.652a3 3 0 01-2.602-4.556l7.398-12.87zM12 8a1 1 0 00-1 1v4a1 1 0 102 0V9a1 1 0 00-1-1zm0 9a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5z"/></svg>
</span>
</td>
</tr>
<tr>
<td class="col-feature">Podgląd wielu inwestycji naraz</td>
<td class="col-raisly">
<span class="status-check" aria-label="Tak">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
</span>
</td>
<td>
<span class="status-warning" aria-label="Częściowo">
<svg viewBox="0 0 24 24" width="22" height="22" fill="#f59e0b"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.448 3.574a3 3 0 015.104 0l7.398 12.87A3 3 0 0119.348 21H4.652a3 3 0 01-2.602-4.556l7.398-12.87zM12 8a1 1 0 00-1 1v4a1 1 0 102 0V9a1 1 0 00-1-1zm0 9a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5z"/></svg>
</span>
</td>
<td>
<span class="status-warning" aria-label="Częściowo">
<svg viewBox="0 0 24 24" width="22" height="22" fill="#f59e0b"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.448 3.574a3 3 0 015.104 0l7.398 12.87A3 3 0 0119.348 21H4.652a3 3 0 01-2.602-4.556l7.398-12.87zM12 8a1 1 0 00-1 1v4a1 1 0 102 0V9a1 1 0 00-1-1zm0 9a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5z"/></svg>
</span>
</td>
<td>
<span class="status-check" aria-label="Tak">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
</span>
</td>
</tr>
<tr>
<td class="col-feature">Dzielenie faktur między inwestycje</td>
<td class="col-raisly">
<span class="status-check" aria-label="Tak">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
</span>
</td>
<td><span class="status-dash">—</span></td>
<td><span class="status-dash">—</span></td>
<td>
<span class="status-warning" aria-label="Częściowo">
<svg viewBox="0 0 24 24" width="22" height="22" fill="#f59e0b"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.448 3.574a3 3 0 015.104 0l7.398 12.87A3 3 0 0119.348 21H4.652a3 3 0 01-2.602-4.556l7.398-12.87zM12 8a1 1 0 00-1 1v4a1 1 0 102 0V9a1 1 0 00-1-1zm0 9a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5z"/></svg>
</span>
</td>
</tr>
<tr>
<td class="col-feature">Start bez wdrożenia</td>
<td class="col-raisly">
<span class="status-check" aria-label="Tak">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
</span>
</td>
<td>
<span class="status-check" aria-label="Tak">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
</span>
</td>
<td>
<span class="status-warning" aria-label="Częściowo">
<svg viewBox="0 0 24 24" width="22" height="22" fill="#f59e0b"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.448 3.574a3 3 0 015.104 0l7.398 12.87A3 3 0 0119.348 21H4.652a3 3 0 01-2.602-4.556l7.398-12.87zM12 8a1 1 0 00-1 1v4a1 1 0 102 0V9a1 1 0 00-1-1zm0 9a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5z"/></svg>
</span>
</td>
<td>
<span class="status-warning" aria-label="Częściowo">
<svg viewBox="0 0 24 24" width="22" height="22" fill="#f59e0b"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.448 3.574a3 3 0 015.104 0l7.398 12.87A3 3 0 0119.348 21H4.652a3 3 0 01-2.602-4.556l7.398-12.87zM12 8a1 1 0 00-1 1v4a1 1 0 102 0V9a1 1 0 00-1-1zm0 9a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5z"/></svg>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="table-legend last">
<div class="legend-item">
<span class="legend-check">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
</span>
<span>= wbudowane / automatycznie</span>
</div>
<div class="legend-item">
<span class="legend-icon">
<svg viewBox="0 0 24 24" width="16" height="16" fill="#f59e0b"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.448 3.574a3 3 0 015.104 0l7.398 12.87A3 3 0 0119.348 21H4.652a3 3 0 01-2.602-4.556l7.398-12.87zM12 8a1 1 0 00-1 1v4a1 1 0 102 0V9a1 1 0 00-1-1zm0 9a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5z"/></svg>
</span>
<span>= częściowo / ręcznie / wymaga wdrożenia</span>
</div>
<div class="legend-item">
<span class="legend-dash">—</span>
<span>= brak</span>
</div>
</div>
</div>
</section>