/* TypujKosza.pl 0.4.13 — logged-out landing content */
.tk-marketing{background:#f4f7fb;color:#07162f;padding:10px 0 18px}
.tk-marketing-inner{width:min(1180px,calc(100% - 36px));margin:0 auto}
.tk-marketing-lead{text-align:center;max-width:850px;margin:0 auto 28px}
.tk-marketing-kicker,.tk-section-copy>span,.tk-seo-copy>div:first-child>span{display:inline-block;color:#055efb;font-size:14px;font-weight:900;letter-spacing:1.55px;text-transform:uppercase;margin-bottom:8px}
.tk-marketing-lead h2,.tk-section-copy h2,.tk-seo-copy h2{margin:0;color:#07162f;font-size:34px;line-height:1.08;letter-spacing:-1.05px;font-weight:880}
.tk-marketing-lead p,.tk-section-copy p{margin:13px auto 0;color:#647187;font-size:14px;line-height:1.75;max-width:780px}
.tk-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:52px}
.tk-value-grid article{background:#fff;border:1px solid #e0e7f0;border-radius:17px;padding:19px;display:grid;gap:4px;box-shadow:0 6px 20px rgba(26,45,75,.045)}
.tk-value-grid strong{font-size:22px;color:#055efb;letter-spacing:-.5px}
.tk-value-grid article:nth-child(4) strong{color:#fb5d0b}
.tk-value-grid span{font-size:14px;line-height:1.5;color:#758196;font-weight:700}
.tk-showcase{margin:0 0 58px}
.tk-section-copy{max-width:720px;margin-bottom:22px}
.tk-section-copy.is-centered{text-align:center;margin:0 auto 24px}
.tk-shot-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:stretch}
.tk-app-shot{background:#fff;border:1px solid #dce4ee;border-radius:22px;overflow:hidden;box-shadow:0 22px 58px rgba(22,42,73,.10);min-width:0}
.tk-shot-chrome{height:38px;background:#07162f;color:#9eb0c9;display:flex;align-items:center;gap:6px;padding:0 13px;font-size:14px;font-weight:750;letter-spacing:.3px}
.tk-shot-chrome i{display:block;width:7px;height:7px;border-radius:50%;background:#fb5d0b}.tk-shot-chrome i:nth-child(2){background:#055efb}.tk-shot-chrome i:nth-child(3){background:#dbe5f2}.tk-shot-chrome span{margin-left:5px}
.tk-shot-body{padding:19px;background:linear-gradient(180deg,#fbfcfe,#f4f7fb)}
.tk-shot-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.tk-shot-heading>div{display:grid;gap:2px}.tk-shot-heading small{font-size:14px;color:#055efb;font-weight:900;letter-spacing:1px}.tk-shot-heading strong{font-size:18px;letter-spacing:-.45px}.tk-shot-heading>span{border:1px solid #bee8d6;background:#eaf8f1;color:#147554;border-radius:999px;padding:6px 9px;font-size:14px;font-weight:900}
.tk-demo-match{position:relative;background:#fff;border:1px solid #e0e6ef;border-radius:16px;padding:14px;display:grid;grid-template-columns:1fr 28px 1fr;gap:8px;align-items:center;margin:10px 0;overflow:hidden}
.tk-demo-match.is-favorite{border:2px solid #055efb;padding-bottom:25px}.tk-demo-badge{position:absolute;left:0;bottom:0;background:#055efb;color:#fff;padding:5px 10px 5px 8px;border-radius:0 8px 0 0;font-size:14px;font-weight:950;letter-spacing:.65px}.tk-demo-bonus{position:absolute;right:0;bottom:0;background:#ffd94c;color:#554400;padding:5px 8px;border-radius:8px 0 0 0;font-size:14px;font-weight:950;letter-spacing:.4px}.tk-demo-match.is-bonus{padding-bottom:25px}
.tk-demo-team{min-height:92px;border:1px solid #e4e8ee;border-radius:13px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;gap:4px}.tk-demo-team>b{width:31px;height:31px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e1e6ee;color:#07162f;font-size:14px}.tk-demo-team>span{font-size:14px;font-weight:850;line-height:1.2}.tk-demo-team>small{font-size:14px;font-weight:900;letter-spacing:.5px;color:#8b96a6}.tk-demo-team.selected{background:#ebfaf3;border:2px solid #16835d}.tk-demo-team.selected small{color:#16835d}.tk-demo-team.rejected{background:#fff1f3;border:2px solid #e4a8b1;opacity:.78}.tk-demo-match>em{font-style:normal;font-size:14px;font-weight:950;color:#8c96a5;text-align:center}
.tk-demo-save{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid #e8edf3}.tk-demo-save span{font-size:14px;color:#748197;font-weight:700}.tk-demo-save strong{font-size:14px;color:#fff;background:#055efb;border-radius:9px;padding:8px 11px}
.tk-demo-rank-head,.tk-demo-rank{display:grid;grid-template-columns:minmax(135px,1.5fr) repeat(3,minmax(60px,.7fr));align-items:center;text-align:center}.tk-demo-rank-head{padding:7px 10px;color:#8793a5;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.tk-demo-rank-head span:first-child,.tk-demo-rank strong{text-align:left}.tk-demo-rank{background:#fff;border:1px solid #e3e8ef;border-radius:11px;padding:12px 10px;margin:7px 0;font-size:14px}.tk-demo-rank strong{font-size:14px}.tk-demo-rank>span{border-left:1px solid #edf0f4;font-weight:850}.tk-demo-rank.is-first{background:#fffaf0;border-color:#f2ddad}.tk-demo-rank.is-you{background:#edf4ff;border-color:#bcd3ff;box-shadow:0 0 0 2px rgba(5,94,251,.06)}.tk-demo-note{text-align:right;color:#a0a9b6;font-size:14px;margin-top:9px;font-weight:700}
.tk-feature-section{padding:50px 0 54px;border-top:1px solid #dde5ef;border-bottom:1px solid #dde5ef}
.tk-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tk-feature-grid article{background:#fff;border:1px solid #e0e7f0;border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(18,42,75,.045)}.tk-feature-icon{width:39px;height:39px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#edf4ff;color:#055efb;font-size:17px;font-weight:950;margin-bottom:14px}.tk-feature-grid article:nth-child(2) .tk-feature-icon{background:#fff2e9;color:#d94e00}.tk-feature-grid article:nth-child(4) .tk-feature-icon{background:#eef3ff;color:#055efb}.tk-feature-grid h3{margin:0 0 7px;font-size:15px;letter-spacing:-.25px}.tk-feature-grid p{margin:0;color:#6f7b8f;font-size:14px;line-height:1.65}
.tk-how{padding:54px 0}.tk-how ol{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:none}.tk-how li{background:#07162f;border-radius:17px;padding:20px;display:flex;gap:13px;min-height:134px}.tk-how li>b{flex:none;width:29px;height:29px;border-radius:9px;background:#055efb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}.tk-how li:nth-child(4)>b{background:#fb5d0b}.tk-how li>div{display:grid;align-content:start;gap:5px}.tk-how strong{color:#fff;font-size:14px}.tk-how p{margin:0;color:#9eafc8;font-size:14px;line-height:1.62}
.tk-seo-copy{background:#fff;border:1px solid #dde5ef;border-radius:22px;padding:30px;margin-bottom:28px}.tk-seo-copy>div:first-child{max-width:700px}.tk-seo-copy h2{font-size:27px}.tk-seo-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:17px}.tk-seo-columns p{margin:0;color:#69768a;font-size:14px;line-height:1.8}
.tk-marketing-cta{background:linear-gradient(115deg,#07162f,#0d2e64);border-radius:20px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff;box-shadow:0 15px 36px rgba(7,22,47,.15)}.tk-marketing-cta>div{display:grid;gap:4px}.tk-marketing-cta strong{font-size:15px}.tk-marketing-cta span{font-size:14px;color:#acbdd4;line-height:1.5}.tk-marketing-cta a{flex:none;text-decoration:none!important;background:#fb5d0b;color:#fff!important;border-radius:11px;padding:11px 14px;font-size:14px;font-weight:900;box-shadow:0 7px 18px rgba(251,93,11,.23)}
@media(max-width:900px){.tk-value-grid,.tk-feature-grid,.tk-how ol{grid-template-columns:repeat(2,1fr)}.tk-shot-grid{grid-template-columns:1fr}.tk-seo-columns{grid-template-columns:1fr}.tk-marketing-lead h2,.tk-section-copy h2{font-size:29px}}
@media(max-width:600px){.tk-marketing-inner{width:min(100% - 26px,1180px)}.tk-marketing{padding-top:2px}.tk-marketing-lead{margin-bottom:21px}.tk-marketing-lead h2,.tk-section-copy h2,.tk-seo-copy h2{font-size:25px}.tk-marketing-lead p{font-size:14px;line-height:1.7}.tk-value-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:38px}.tk-value-grid article{padding:14px}.tk-value-grid strong{font-size:18px}.tk-value-grid span{font-size:14px}.tk-feature-grid,.tk-how ol{grid-template-columns:1fr}.tk-feature-section{padding:38px 0}.tk-how{padding:38px 0}.tk-seo-copy{padding:20px}.tk-marketing-cta{align-items:flex-start;flex-direction:column}.tk-marketing-cta a{width:100%;text-align:center}.tk-shot-body{padding:13px}.tk-demo-rank-head,.tk-demo-rank{grid-template-columns:minmax(105px,1.45fr) repeat(3,minmax(48px,.7fr));}.tk-demo-rank{font-size:14px}.tk-demo-rank strong{font-size:14px}}
