/* TypujKosza.pl 0.4.20 — compact logged-out flow and minimum 12px landing copy */
/* The base application shell uses min-height:100vh for the logged-in app.
   On the landing page the marketing section is rendered after that shell,
   which previously created a large empty viewport between login and content. */
body:not(.logged-in) .dt-app{min-height:0!important;padding-bottom:22px!important}
body:not(.logged-in) .dt-login-wrap{margin-bottom:0!important}
body:not(.logged-in) .tk-marketing{padding-top:6px!important}

/* Base landing typography must remain readable even for helper/secondary copy. */
.tk-marketing{font-size:12px!important}

.tk-marketing-lead{margin-bottom:20px!important}
.tk-value-grid{margin-bottom:30px!important}
.tk-showcase{margin-bottom:34px!important}
.tk-section-copy{margin-bottom:16px!important}
.tk-section-copy.is-centered{margin-bottom:18px!important}
.tk-feature-section{padding:32px 0 34px!important}
.tk-how{padding:34px 0!important}
.tk-how ol{margin-top:16px!important}
.tk-seo-copy{margin-bottom:18px!important}

.tk-marketing-kicker,.tk-section-copy>span,.tk-seo-copy>div:first-child>span{font-size:12px!important}
.tk-marketing-lead h2,.tk-section-copy h2{font-size:36px!important}
.tk-seo-copy h2{font-size:29px!important}
.tk-marketing-lead p,.tk-section-copy p{font-size:16px!important;line-height:1.68!important}
.tk-value-grid strong{font-size:24px!important}
.tk-value-grid span{font-size:12px!important}
.tk-feature-grid h3{font-size:17px!important}
.tk-feature-grid p{font-size:12px!important;line-height:1.58!important}
.tk-how strong{font-size:14px!important}
.tk-how p{font-size:12px!important;line-height:1.55!important}
.tk-seo-columns p{font-size:13px!important;line-height:1.7!important}
.tk-marketing-cta strong{font-size:17px!important}
.tk-marketing-cta span{font-size:12px!important}
.tk-marketing-cta a{font-size:12px!important}

/* The login block is part of the logged-out landing. */
.dt-login-copy>p{font-size:17px!important}
.dt-login-features strong{font-size:15px!important}
.dt-login-features small{font-size:13px!important}
.dt-login-panel h2{font-size:26px!important}
.dt-login-panel>p{font-size:15px!important}
.dt-social-button{font-size:15px!important}
.dt-login-legal{font-size:12px!important}
.dt-login-error{font-size:13px!important}
.dt-setup-note{font-size:12px!important}

@media(max-width:900px){
  .tk-marketing-lead h2,.tk-section-copy h2{font-size:31px!important}
  .tk-showcase{margin-bottom:28px!important}
  .tk-feature-section,.tk-how{padding:28px 0!important}
}
@media(max-width:600px){
  body:not(.logged-in) .dt-app{padding-bottom:16px!important}
  body:not(.logged-in) .tk-marketing{padding-top:2px!important}
  .tk-marketing-lead{margin-bottom:16px!important}
  .tk-marketing-lead h2,.tk-section-copy h2,.tk-seo-copy h2{font-size:27px!important}
  .tk-marketing-lead p,.tk-section-copy p{font-size:14px!important}
  .tk-value-grid{margin-bottom:24px!important}
  .tk-showcase{margin-bottom:24px!important}
  .tk-feature-section,.tk-how{padding:24px 0!important}
  .tk-section-copy,.tk-section-copy.is-centered{margin-bottom:14px!important}
  .tk-seo-copy{margin-bottom:14px!important}
}