<div id="page-top" class="t5-landing">
<style>
.t5-landing {
background: #0A0A0B;
color: #fff;
font-family: 'Figtree', system-ui, sans-serif;
min-height: 100vh;
overflow: hidden;
}
.t5-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 26px 56px;
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.t5-header-logo {
font-weight: 800;
font-size: 14px;
letter-spacing: 0.22em;
}
.t5-header-subtitle {
font-size: 13px;
letter-spacing: 0.18em;
font-weight: 800;
color: #77777E;
}
.t5-hero-section {
position: relative;
display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 72px;
align-items: center;
padding: 88px 56px 96px;
max-width: 1440px;
margin: 0 auto;
}
.t5-hero-bg {
position: absolute;
top: -160px;
left: -120px;
width: 720px;
height: 720px;
background: radial-gradient(circle, rgba(245, 56, 76, 0.20) 0%, rgba(245, 56, 76, 0) 65%);
pointer-events: none;
}
.t5-tag {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 9px 18px;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 999px;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.18em;
color: #C9C9CE;
margin-bottom: 34px;
white-space: nowrap;
}
.t5-tag-dot {
width: 7px;
height: 7px;
border-radius: 99px;
background: #F5384C;
}
.t5-hero-h1 {
margin: 0;
font-size: 46px;
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.025em;
text-wrap: pretty;
}
.t5-hero-h1 span {
color: #F5384C;
}
.t5-hero-p {
margin: 26px 0 0;
font-size: 24px;
line-height: 1.45;
color: #A9A9B0;
max-width: 520px;
}
.t5-btn-wrapper {
margin-top: 40px;
}
.t5-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 19px 36px;
background: #F5384C;
color: #fff;
text-decoration: none;
border-radius: 10px;
font-family: inherit;
font-weight: 800;
font-size: 14px;
letter-spacing: 0.14em;
cursor: pointer;
transition: background 0.2s ease;
}
.t5-btn:hover {
background: #FF4A5D;
}
.t5-image-wrapper {
position: relative;
display: flex;
justify-content: center;
}
.t5-audiobook-glow {
position: absolute;
inset: 8% 6%;
background: radial-gradient(circle, rgba(245, 56, 76, 0.35) 0%, rgba(245, 56, 76, 0) 70%);
filter: blur(20px);
}
.t5-audiobook-img {
position: relative;
width: 100%;
max-width: 420px;
border-radius: 14px;
box-shadow: 0 40px 90px rgba(0, 0, 0, 0.6);
}
.t5-mid-header {
padding: 0 56px 40px;
max-width: 1440px;
margin: 0 auto;
}
.t5-mid-header-inner {
display: flex;
align-items: baseline;
gap: 20px;
padding-bottom: 28px;
border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}
.t5-mid-h2 {
margin: 0;
font-size: 15px;
font-weight: 800;
letter-spacing: 0.2em;
color: #fff;
}
.t5-mid-span {
font-size: 15px;
color: #6B6B70;
}
.t5-bonus-grid-1 {
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 80px;
align-items: center;
padding: 0 56px 120px;
max-width: 1440px;
margin: 0 auto;
}
.t5-bonus-label {
font-size: 12px;
font-weight: 800;
letter-spacing: 0.18em;
color: #F5384C;
margin-bottom: 18px;
}
.t5-bonus-h3 {
margin: 0;
font-size: 44px;
line-height: 1.1;
font-weight: 800;
letter-spacing: -0.02em;
text-wrap: balance;
}
.t5-bonus-desc {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 28px;
font-size: 17px;
line-height: 1.6;
color: #A9A9B0;
max-width: 600px;
}
.t5-bonus-desc p {
margin: 0;
}
.t5-bonus-desc strong {
color: #fff;
font-weight: 800;
}
.t5-bonus-glow {
position: absolute;
inset: 10%;
background: radial-gradient(circle, rgba(245, 56, 76, 0.28) 0%, rgba(245, 56, 76, 0) 70%);
filter: blur(24px);
}
.t5-bonus-img {
position: relative;
width: 100%;
max-width: 440px;
border-radius: 10px;
}
.t5-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding: 28px 56px;
border-top: 1px solid rgba(255, 255, 255, 0.07);
font-size: 12px;
letter-spacing: 0.16em;
font-weight: 800;
color: #5D5D64;
}
/* Mobile Adaptations */
@media (max-width: 899px) {
.t5-header {
padding: 16px 20px;
flex-wrap: wrap;
}
.t5-hero-section {
grid-template-columns: 1fr;
padding: 48px 20px;
gap: 40px;
}
.t5-hero-h1 {
font-size: 34px;
}
.t5-hero-p {
font-size: 18px;
}
.t5-mid-header {
padding: 0 20px 40px;
}
.t5-bonus-grid-1 {
grid-template-columns: 1fr;
padding: 0 20px 80px;
gap: 40px;
}
.t5-bonus-grid-1 .t5-bonus-text {
order: 2;
}
.t5-bonus-grid-1 .t5-image-wrapper {
order: 1;
}
.t5-audiobook-img,
.t5-bonus-img {
max-width: 320px !important;
margin: 0 auto;
}
.t5-bonus-h3 {
font-size: 30px;
}
.t5-footer {
padding: 20px;
flex-direction: column;
gap: 16px;
text-align: center;
}
}
</style>
<header class="t5-header">
<div class="t5-header-logo">THE FIVE</div>
<div class="t5-header-subtitle">BONUS DLA SŁUCHACZY I CZYTELNIKÓW</div>
</header>
<section class="t5-hero-section">
<div class="t5-hero-bg"></div>
<div style="position:relative">
<div class="t5-tag">
<span class="t5-tag-dot"></span>THE 5 · AUDIOBOOK
</div>
<h1 class="t5-hero-h1">Słuchałeś audiobooka <span>The 5</span> u nas lub na Audiotece? A może czytałeś książkę lub e-booka?</h1>
<p class="t5-hero-p">Odbierz swój bonus. 60 stron Playbooka od Tomka Karwatki, wiedza, której nie znajdziesz nigdzie indziej.</p>
<div class="t5-btn-wrapper" id="odbierz-bonus">
<a href="https://cart.easy.tools/checkout/brave/bonus-the-5" target="_blank" rel="noopener noreferrer" data-easycart-popup="07b7f042-7f65-498c-9a48-dee7acae20fd" class="t5-btn">ODBIERZ BONUS →</a>
</div>
</div>
<div class="t5-image-wrapper">
<div class="t5-audiobook-glow"></div>
<img src="/files/pages/assets/2026-08-26/audiobook-cover_mta55it0.png" alt="The Five — audiobook" class="t5-audiobook-img">
</div>
</section>
<section class="t5-mid-header">
<div class="t5-mid-header-inner">
<h2 class="t5-mid-h2">TWÓJ BONUS</h2>
<span class="t5-mid-span">Dodatek do The 5</span>
</div>
</section>
<section class="t5-bonus-grid-1">
<div class="t5-bonus-text">
<div class="t5-bonus-label">BONUS SPECJALNY · EBOOK, 60 STRON</div>
<h3 class="t5-bonus-h3">Exit Playbook – jak drogo sprzedać swoją firmę.</h3>
<div class="t5-bonus-desc">
<p>Nikomu nie jest na rękę zdradzania Founderom jak zmaksymalizować wartość ich firmy. Nikomu oprócz mnie. Zarobiłem swoje a teraz chcę aby kolejni Przedsiębiorcy też zarobili i re-inwestowali w nasz ekosystem.</p>
<p><strong>Wycena Premium</strong> - jak dowieźć wycenę znacznie powyżej rynkowych standardów, dokładnie tak, jak przy wycenach 13x EBITDA (Divante) czy 10x EBITDA (Callstack).</p>
<p><strong>Wolność od earn-outów</strong> - strategia budowy „samobieżnej” organizacji, którą można sprzedać bez zakładania „złotych kajdanek”.</p>
<p><strong>Obrona wysokiej wyceny</strong> - 12-tygodniowy plan, który pozwoli Ci przejść Due Diligence bez utraty 20–50% ceny, plus <strong>Strategia Aukcji</strong>: jak proces konkurencyjny M&A potrafi podnieść wycenę o dziesiątki milionów.</p>
</div>
</div>
<div class="t5-image-wrapper">
<div class="t5-bonus-glow"></div>
<img src="/files/pages/assets/2026-08-26/exit-playbook-v2_mta55quv.png" alt="Exit Playbook" class="t5-bonus-img">
</div>
</section>
<footer class="t5-footer">
<div>THE FIVE · TOMASZ KARWATKA</div>
<div>THE5.ORG</div>
</footer>
</div>